/*==============COMMONS=========*/
html {
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    /*overflow: auto !important;*/
    /*overflow: auto;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
}

body {
    font-family: 'opensans-regular';
    font-size: 18px;
    line-height: 30px;
    color: #3b3c44;
    background: #fff;
    width: 100%;
    height: 100%;
}

html body {
    height: 100%;
    margin-top: 0;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: center;
    text-transform: uppercase;
    color: #3b3c44;
    margin-bottom: 30px;
    margin-top: 40px;
}

.main-reviews h1,
.main-reviews h2,
.main-reviews h3,
.main-reviews h4,
.main-reviews h5,
.main-reviews h6 {
    margin-top: 0;
}

h1 {
    font: 28px/40px 'opensans-bold';
}

h2 {
    font: 26px/38px 'opensans-bold';
}

h3 {
    font: 24px/36px 'opensans-bold';
}

h4 {
    font: 22px/34px 'opensans-bold';
    margin-bottom: 20px;
}

h5 {
    font: 20px/32px 'opensans-bold';
    margin-bottom: 20px;
}

h6 {
    font: 18px/30px 'opensans-bold';
    margin-bottom: 15px;
}

.text {
    font-size: 16px;
    line-height: 22px;
}

.text p {
    margin: 15px 0;
    text-align: justify;
}



.text img {
    display: block;
    max-width: 100%;
    margin: 15px auto 0;
}

.text img.justifyleft {
    float: left;
    margin: 0 15px 15px 0;
}

.text img.justifyright {
    float: right;
    margin: 0 0 15px 15px;
}

.text img.article-photo {
    margin: 0 15px 0 0;
    float: left;
}

.text ul:not(.flip):not(.types-delivery__list):not(.advantage-box):not(.delivery-cost__list):not(.international-delivery-list),
.text ol {
    margin-bottom: 20px;
}

.text ol,
.text ul:not(.flip):not(.types-delivery__list):not(.advantage-box):not(.delivery-cost__list):not(.international-delivery-list):not(.pagination),
.text ul:not(.flip)>ul {
    margin-left: 2.6%;
}

.text ol li {
    list-style-type: decimal;
}

.text ul li {
    list-style-type: disc;
}

.text .img-left {
    float: left;
    margin: 10px 10px 10px 0;
}

.text .img-right {
    float: right;
    margin: 10px 0 10px 10px;
}

.text p a,
.text li a {
    color: #41b2e1;
    font-family: 'opensans-bold';
}

.text p a:hover,
.text li a:hover {
    opacity: .8;
}

.text table {
    border-collapse: collapse;
    table-layout: fixed;
    max-width: 100%;
    color: #131313;
    text-align: center;
    border-color: #c8c8c8;
}

.text table tr th {
    background: #f2f2f2;
}

.text table tr th,
.text table tr td {
    padding: 14px 1px 14px 14px;
}

.text table tr th p,
.text table tr td p {
    margin: 0;
}

.text iframe {
    max-width: 100%;
}

.btn,
.btn-prod {
    font-family: 'opensans-regular';
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 49px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    text-transform: uppercase;
    color: #3b3c44;
    border: 2px solid #fdd137;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    -webkit-appearance: none;
}

.btn-small {
    padding: 5px 21px;
    min-width: auto !important;
}

.btn.wide-text {
    padding: 10px;
}

.btn:hover {
    color: #3b3c44;
    background: #fdd137;
}

.btn-yellow {
    background: #fdd137;
    /* height: 38px; */
}

.btn-yellow:hover {
    background: #ffffff;
}

.btn-red {
    color: #ca4126;
    border: 1px solid #ca4126;
}

.btn-red:hover {
    background: #ffffff;
}

.header-service-new .btn {
    position: relative;
    float: right;
    padding: 0 40px;
    font-size: 14px;
    line-height: 36px;
    background-color: #fdd137;
}

.header-service-new .btn:hover {
    background-color: #fff;
}

.submit-ttn {
    margin: 0 auto 30px auto;
    display: block;
}

@media (min-width: 481px) {
    .submit-ttn {
        float: right;
        margin: 0 0 30px 30px;
    }
}

.content {
    padding-bottom: 85px;
}

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

.table-block {
    display: table;
    width: 100%;
    height: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.wrapper {
    min-width: 1200px;
    margin: 0 auto;
    padding-top: 105px;
    position: relative;
    min-height: 100vh;
    /*overflow: hidden;*/
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapper.fixed-panel {
    padding-top: 200px;
}

.wrapper .main {
    flex: 1 1 0;
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.container.container--big {
    max-width: 1586px !important;
    width: 100%;
}

.container.fluid {
    max-width: 100% !important;
}

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

.col-6 {
    float: left;
    width: 570px;
    margin-right: 30px;
}

.row-col .col-6:nth-child(2n) {
    margin-right: 0;
}

.contacts .container .row-col {
    letter-spacing: -0.32em;
}

.col-4 {
    letter-spacing: normal;
}

.row-col>.col-4 {
    padding: 0 15px;
}

@media (min-width: 980px) {
    .row-col>.col-4 {
        float: left;
        width: 50%;
    }
}

/*================ Errors pages ======*/
.error-wrap {}

.error-wrap .phone {
    margin: 0 auto;
    float: none;
}

.error-content {}

.error-row {
    text-align: center;
    padding: 20px 0 40px;
}

.error-row span {
    font: 200px/1 'opensans-bold';
    color: #3b3c44;
    letter-spacing: 25px;
    margin-bottom: 13px;
    display: block;
}

.error-row p {
    font: 24px/1 'opensans-bold';
    color: #3b3c44;
    margin-bottom: 27px;
}

.error-row .btn {
    width: 264px;
    font-size: 14px;
    color: #3b3c44;
    background: #fdd137;
}

.error-row .btn:hover {
    background: #fff;
}

/*================FORM================*/
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
input.request-form-box__input[type='number'],
textarea {
    font-size: 14px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    resize: none;
    color: rgb(59, 60, 68);
    border: none;
    border-radius: 0;
    background: #f1f1f2;
}

.input-wrap input[type='number'] {
    width: 100%;
}

input.request-form-box__input[type=number]::-webkit-inner-spin-button,
input.request-form-box__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-wrap {
    margin-bottom: 25px;
}

.input-wrap input {
    margin-bottom: 0;
}

@media (max-width: 480px) {
    .msrewards-filter .input-wrap input {
        margin-bottom: 10px;
        width: 100%;
    }
}

.input-wrap input.datetimepicker {
    background-image: url(../img/calendar2.png);
    background-repeat: no-repeat;
    background-position: center right 6px;
}

textarea {
    width: 100%;
    height: 180px;
    padding: 10px 20px;
}

.main-form {
    width: 100% !important;
    max-width: 700px;
    margin: 0 auto 0;
}

.col-4 .main-form {
    max-width: none;
}

.main-form input[type='text'],
.main-form input[type='email'],
.main-form input[type='pasworld'] {
    width: 100%;
}

.main-form>textarea {
    margin-bottom: 25px;
}

.main-form .btn {
    float: right;
}

select {
    display: inline-block;
    width: 350px;
    height: 40px;
    margin: 0 15px;
    padding: 0 20px;
    cursor: pointer;
    border: none;
    background: #f1f1f2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select option {
    background: white;
}


/*====================HEADER===============*/
/*
.header {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #3b3c44;
    -webkit-transition: left 0.4s ease;
    -moz-transition: left 0.4s ease;
    -ms-transition: left 0.4s ease;
    -o-transition: left 0.4s ease;
    transition: left 0.4s ease;
}

.header .btn {
    color: #fdd137;
    padding: 10px;
}

.header .btn:hover {
    color: #3b3c44;
} */

.send-request {
    position: relative;
    display: table;
    float: right;
    height: 100px;
    padding: 30px 0;
}

.request-list {
    position: absolute;
    top: 100px;
    right: 0;
    display: none;
    background: #eee;
}

.request-list a {
    font-size: 14px;
    line-height: 20px;
    display: block;
    padding: 8px 20px;
    text-decoration: none;
    color: rgb(59, 60, 68);
    border-bottom: 1px solid #b9b9b9;
}

.request-list a:last-child {
    border: 0;
}

.request-list a:hover {
    background: #fdd137;
}

.phone {
    display: table;
    float: right;
    height: 100px;
    margin-right: 60px;
}

.phone a {
    font-family: 'opensans-semibold';
    font-size: 22px;
    line-height: 24px;
    display: block;
    color: #fff;
}

.phone span {
    font-size: 14px;
    line-height: 16px;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff;
}

.phone a:hover,
.phone span:hover {
    color: #fdd137;
}

.modal-window {
    padding: 50px 30px 30px;
    text-align: center;
    position: fixed;

}

.call-window form {
    margin: 30px 0 10px;
    text-align: center;
}

.call-window input[type='text'] {
    width: 100%;
}

.request-window {
    padding: 20px 0 0;
}

/*==================HOME==============*/

.section {
    padding: 30px 0;
}

.section {
    overflow: hidden;
}

.overflow-h {
    overflow: hidden;
}

.section-title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 30px;
    text-align: center;
    color: rgb(59, 60, 68);
}

.section-description {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
}

.company-directions {
    margin-bottom: 50px;
}

.company-directions a {
    display: block;
}

.company-directions__title {
    margin-bottom: 20px;
}

.company-directions__list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 800px;
}

.company-directions__item {
    position: relative;
    padding: 0 15px;
    text-align: center;
}

.company-directions__item:after {
    position: absolute;
    top: 38px;
    right: 14px;
    content: '';
    width: 5px;
    height: 55px;
    background: #ffffff;
}

.company-directions__item a:hover .company-directions__icon-box {
    border-color: #fdd137;
    background-position: 50% 102.8%;
}

.company-directions__item:nth-of-type(3) a:hover .company-directions__icon-box {
    background-position: 50% 102.6%;
}

.company-directions__icon-box {
    margin: 0 auto 15px;
    width: 132px;
    height: 130px;
    border: 3px solid #e6e6e6;
    background: url('../img/cargo-delivery.png') 50% 0 no-repeat;
}

.company-directions__item:nth-of-type(2) .company-directions__icon-box {
    background-image: url('../img/switch.png');
}

.company-directions__item:nth-of-type(3) .company-directions__icon-box {
    background-image: url('../img/transfer.png');
}

.company-directions__item:nth-of-type(4) .company-directions__icon-box {
    background-image: url('../img/operator.png');
}

.company-directions__item-dscr {
    font: 18px/1 'opensans-regular';
    color: #3b3c44;
}

@media (max-width: 680px) {
    .company-directions {
        margin-bottom: 10px;
    }

    .company-directions__title {
        margin-bottom: 20px;
    }

    .company-directions__list {
        max-width: 320px;
    }

    .company-directions__item {
        margin-bottom: 20px;
        padding: 0;
        width: 50%;
    }

    .company-directions__icon-box {
        margin-bottom: 12px;
    }

    .text table.product-options {
        margin: 15px 0;
    }
}

ul.services-list {
    margin-top: 40px;
}

.services-list.services-list-minHeight li {
    min-height: 349px;
}

ul.services-list.reset_style_text_block {
    margin-left: 0;
}

.section-title.reset_style_text_block {
    text-align: center;
}

ul.services-list li,
.section .container ul.services-list.reset_style_text_block li {
    float: left;
    width: 270px;
    margin-right: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    padding-left: 0;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #d1d1d1;
}

.section .container ul.services-list.services-list-minHeight.reset_style_text_block li {
    float: none;
    display: inline-block;
    margin-right: 24px;
    vertical-align: top;
}

.section .container ul.services-list.reset_style_text_block li:before {
    display: none;
}

ul.services-list li:nth-child(4n),
.section .container ul.services-list.reset_style_text_block li:nth-child(4n) {
    margin-right: 0;
}

ul.services-list li .service-list-img {
    display: block;
    width: 170px;
    height: 170px;
    margin: 0 auto;
}

ul.services-list li a.service-27:hover .service-list-img {
    background-position: 0 -170px;
}

ul.services-list li a.service-27 .service-list-img {
    background: url(../img/aa-1.png) 0 0 no-repeat;
}

ul.services-list li a.service-598:hover .service-list-img {
    background-position: 0 -170px;
}

ul.services-list li a.service-598 .service-list-img {
    background: url(../img/aa-2.png) 0 0 no-repeat;
}

ul.services-list li a.service-597:hover .service-list-img {
    background-position: 0 -170px;
}

ul.services-list li a.service-597 .service-list-img {
    background: url(../img/aa-3.png) 0 0 no-repeat;
}

ul.services-list li a.service-595:hover .service-list-img {
    background-position: 0 -170px;
}

ul.services-list li a.service-595 .service-list-img {
    background: url(../img/aa-4.png) 0 0 no-repeat;
}



ul.services-list li .service-name {
    font-size: 20px;
    height: 60px;
    display: block;
    margin-top: 30px;
    color: rgb(59, 60, 68);
    font-family: 'opensans-regular';
}

ul.services-list.services-list-minHeight {
    text-align: center;
}

ul.services-list.services-list-minHeight:after {
    display: none;
}

@media (min-width: 981px) and (max-width: 1200px) {
    ul.services-list li .service-name {
        min-height: 90px;
    }

    ul.services-list.services-list-minHeight li .service-name {
        min-height: 0;
    }
}

@media (max-height: 680px) {
    .services-list.services-list-minHeight li {
        min-height: 318px;
    }

    ul.services-list.services-list-minHeight li .service-name {
        height: 60px !important;
    }
}

ul.services-list li .service-txt {
    font-family: 'opensans-bold';
    font-size: 14px;
    line-height: 16px;
    display: block;
    margin-top: 20px;
    color: rgb(59, 60, 68);
}

ul.services-list li a.catalog-1 .service-list-img {
    background: url(../img/aa-5.png) 0 0 no-repeat;
}

ul.services-list li a.catalog-1-1 .service-list-img {
    background: url(../img/top-100_3.png) 0 0 no-repeat;
}

ul.services-list li a.catalog-1-1:hover .service-list-img {
    background-position: 0 -170px;
}

ul.services-list li a.catalog-1:hover .service-list-img {
    background-position: 0 -170px;
}

.service-txt-more {
    font-family: 'opensans-bold';
    font-size: 14px;
    line-height: 16px;
    display: block;
    margin-top: 20px;
    color: rgb(59, 60, 68);
    height: auto !important;
}

.section-statistics {
    display: table;
    width: 100%;
    height: 369px;
    background: url('../img/home-big-bg2.jpg') 50% 50% no-repeat;
}

.list-statistic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-statistic li {
    position: relative;
    width: 25%;
    height: 172px;
    font-size: 0;
    font-family: 'opensans-bold';
    text-align: left;
}

.list-statistic li:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}

.statistic-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 172px;
    height: 172px;
    border: 3px solid #fdd137;
    border-right: none;
}

.statistic-img:before,
.statistic-img:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 3px;
    height: 41px;
    background: #fdd137;
}

.statistic-img:after {
    top: auto;
    bottom: 0;
}

.statistic-nmb {
    display: inline-block;
    margin-left: 32px;
    font-size: 48px;
    color: #fdd137;
    vertical-align: middle;
}

.statistic-txt {
    position: absolute;
    top: 50%;
    right: 0;
    padding-left: 5px;
    width: 146px;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1200px) {
    .list-statistic {
        max-width: 590px;
        margin: 0 auto;
    }

    .list-statistic li {
        width: 50%;
    }

    .statistic-img {
        top: 11px;
        height: 150px;
    }

    .statistic-img:before,
    .statistic-img:after {
        height: 30px;
    }
}

@media (max-width: 620px) {
    .list-statistic {
        max-width: 300px;
    }

    .list-statistic li {
        width: 100%;
        height: 80px;
    }

    .statistic-nmb {
        margin-left: 0;
    }

    .statistic-txt {
        left: 121px;
        right: auto;
        width: calc(100% - 121px);
    }

    .statistic-img {
        display: none;
    }
}

ul.team-list {
    margin: 30px 0;
}

ul.team-list li {
    float: left;
    width: 270px;
    margin-right: 30px;
}

ul.team-list li:last-child {
    margin-right: 0;
}

.team-img {
    position: relative;
    display: block;
    width: 100%;
    height: 350px;
}

.team-txt {
    font-size: 12px;
    display: table;
    width: 270px;
    height: 100px;
    text-align: center;
    color: #fcd237;
    background: #3b3c44;
}

.team-txt .team-name {
    font-family: 'opensans-semibold';
    font-size: 20px;
    line-height: 26px;
}

.team-list ul.social li {
    float: none;
    width: 40px;
}

.team-list ul.social {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: rgba(0, 0, 0, .4);
}

ul.social {
    margin-right: 0 !important;
    width: 162px;
    font-size: 0;
    text-align: left;
}

ul.social li {
    display: inline-block;
    margin: 0 14px 14px 0;
    vertical-align: top;
}

ul.social li a {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #fcd237;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

ul.social li a:hover {
    background-color: #fcd237;
}

ul.social li a.vk {
    background-image: url(../img/social/7.png);
}

ul.social li a.sk {
    background-image: url(../img/social/5.png);
}

ul.social li a.fb {
    background-image: url(../img/social/3.png);
}

ul.social li a.in {
    background-image: url(../img/social/inst.png);
}

ul.social li a.ok {
    background-image: url(../img/odnoklassniki_y.png);
}

ul.social li a.tw {
    background-image: url(../img/twitter_y.png);
}

ul.social li a.go {
    background-image: url(../img/g+_y.png);
}

ul.social li a.youtube {
    background-image: url(../img/youtube_y.png);
}

ul.social li a.vk:hover {
    background-image: url(../img/social/8.png);
}

ul.social li a.sk:hover {
    background-image: url(../img/social/6.png);
}

ul.social li a.fb:hover {
    background-image: url(../img/social/4.png);
}

ul.social li a.in:hover {
    background-image: url(../img/social/hover_inst.png);
}

ul.social li a.ok:hover {
    background-image: url(../img/odnoklassniki.png);
}

ul.social li a.tw:hover {
    background-image: url(../img/twitter.png);
}

ul.social li a.go:hover {
    background-image: url(../img/g+.png);
}

ul.social li a.youtube:hover {
    background-image: url(../img/youtube.png);
}

.video-wrap {
    display: block !important;
    height: 480px !important;
    width: 100% !important;
    max-width: 1170px !important;
    margin: 30px auto;
}

.tab-content-item .video-wrap {
    margin: 0 !important;
}


.one-review {
    margin-bottom: 30px;
}

.one-review-img {
    float: left;
    width: 270px;
    margin-right: 30px;
}

.one-review-txt {
    font-family: 'opensans-bold';
    font-size: 16px;
    line-height: 20px;
    float: right;
    width: 870px;
    padding-left: 35px;
    background: url(../img/kav.png) 0 0 no-repeat;
}

.one-review-author {
    font-family: 'opensans-semibold';
    font-size: 20px;
    margin: 25px 0 10px;
    text-align: right;
}

.one-review-city {
    font-family: 'opensans-semibold';
    font-size: 18px;
    text-align: right;
}

.section-2 {
    position: relative;
    margin-top: 30px;
    padding: 30px 0;
    background: #f1f1f2;
}

@media (max-width: 1400px) {
    .section-2:after {
        position: absolute;
        bottom: -70px;
        left: 0;
        content: '';
        width: 100%;
        height: 70px;
        background: #f1f1f2;
    }
}


.one-review-author {
    font-family: 'opensans-semibold';
    font-size: 20px;
    margin: 25px 0 10px;
    text-align: right;
}

.one-review-city {
    font-family: 'opensans-semibold';
    font-size: 18px;
    text-align: right;
}

.section-2 {
    margin-top: 30px;
    padding: 30px 0;
    background: #f1f1f2;
}

.widget {
    float: right;
    width: 50%;
    padding-left: 15px;
}


/*=================CONTENT===============*/

.breadcrumb {
    font-size: 10px;
    width: 1200px;
    margin: 20px auto;
    padding: 0 15px;
}

.breadcrumb li {
    display: inline-block;
    margin-right: 5px;
}

.breadcrumb li:last-of-type {
    margin-right: 0;
}

.breadcrumb li a {
    text-decoration: underline;
    color: #3b3c44;
}

ul.breadcrumb li:after {
    content: ' > ';
}

ul.breadcrumb li:last-child:after {
    display: none;
}

.sidebar {
    float: left;
    width: 270px;
    padding-top: 20px;
    border-top: 1px solid #d1d1d1;
}

.column {
    position: relative;
    float: right;
    width: 870px;
}

.main-point {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
    padding-right: 30px;
    cursor: pointer;
    text-align: left;
    text-decoration: underline;
    color: rgb(59, 60, 68);
    position: relative;

}

.main-point:before {
    content: '';
    position: absolute;
    background: url(../img/larr.png) no-repeat;
    right: 0;
    width: 6px;
    height: 11px;
    top: 50%;
    margin: -3px 0;
}

.open .main-point:before {
    transform: rotate(90deg);
}

.one-point ul {
    display: none;
}

.one-point.open ul {
    display: block;
}

.one-point.active ul {
    display: block;
}

.one-point ul li a {
    font-size: 14px;
    line-height: 16px;
    display: block;
    padding: 10px 30px;
    text-decoration: none;
    color: rgb(59, 60, 68);
    border-radius: 30px;
    background-image: url(../img/bbb.png);
    background-repeat: no-repeat;
    background-position: 20px 17px;
}

.one-point ul li a:hover,
.one-point ul li.active a {
    background-color: #fdd137;
}

.header-service {
    padding-right: 200px;
}

.header-service.header-service-new {
    position: absolute;
    top: 74px;
    left: calc(50% - 600px);
    padding: 0 15px;
    width: 1200px;
}

@media (max-width: 1280px) {
    .header-service.header-service-new {
        left: inherit;
        right: 0;
    }
}

@media (max-width: 1200px) {
    .header-service.header-service-new {
        left: 0;
        width: 100%;
    }
}

.header-service .btn {
    position: absolute;
    top: 0;
    right: 15px;
}

.news-one {
    margin-bottom: 30px;
}

.news-img {
    float: left;
    width: 300px;
}

.news-img img {
    max-width: 100%;
}

.news-txt {
    font-size: 14px;
    line-height: 18px;
    float: right;
    width: 840px;
}

.news-txt .btn {
    float: right;
    margin-top: 20px;
}

.news-title {
    font-family: 'opensans-semibold';
    font-size: 20px;
    margin-bottom: 10px;
}

.news-date {
    font-size: 14px;
    margin-bottom: 10px;
}

.pagination.pagination--fixed {
    position: absolute;
    left: 0;
    bottom: 70px;
    padding: 0 15px;
}

.orders-dlock--paginnFix {
    padding-bottom: 70px;
    overflow-x: hidden;
}

@media (min-width: 1281px) {
    .pagination.pagination--fixed {
        left: calc(50% - 600px);
        width: 1200px;
    }
}

ul.pagination:not(.flip):not(.prop) {
    text-align: left;
    margin-left: -5px;
    margin-bottom: 40px;
    /*margin-top: 40px;*/
}

ul.pagination:not(.flip):not(.prop) li {
    width: auto !important;
    display: inline-block;
    margin: 0 5px;
    list-style: none;
    min-height: unset;
    padding-left: 0;
}

ul.pagination:not(.flip):not(.prop) li.control a,
ul.pagination:not(.flip):not(.prop) li.disabled span {
    padding: 2px 5px;
}

ul.pagination:not(.flip):not(.prop) li a,
ul.pagination:not(.flip):not(.prop) li span {
    width: auto;
    min-width: 22px;
    height: 22px;
    text-align: center;
    overflow: hidden;
    display: block;
    color: #3b3c44;
    border: 1px solid #3b3c44;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 0;
}

ul.pagination:not(.flip):not(.prop) li a:hover {
    background-color: #3b3c44;
    color: #fff;
}

ul.pagination:not(.flip):not(.prop) li.active a {
    background-color: #3b3c44;
    color: #fff;
}

ul.pagination:not(.flip):not(.prop) li span {
    background-color: #F1F1F2;
    border: 1px solid #F1F1F2;
}

ul.pagination:not(.flip):not(.prop) li:before {
    display: none;
}

/*==========CONTACTS===========*/

.contacts {
    font-size: 14px;
    line-height: 20px;
}

.title-c {
    font-family: 'opensans-bold';
    font-size: 18px;
    margin: 20px 0;
}

.ico-loc2,
.ico-ph2,
.ico-mail2,
.ico-w2 {
    padding: 3px 0;
}

.ico-loc2:before,
.ico-ph2:before,
.ico-mail2:before,
.ico-w2:before {
    display: inline-block;
    content: '';
    width: 25px;
    height: 20px;
    vertical-align: middle;
    background: url(../img/ii1.png) 0 50% no-repeat;
}

.ico-ph2:before {
    background-image: url(../img/ii2.png);
}

.ico-mail2:before {
    background-image: url(../img/ii3.png);
}

.ico-w2:before {
    background-image: url(../img/whatsapp_yellow.png);
}

.ico-cards {
    padding: 3px 0 3px 25px;
    background: url(../img/icons/cards.png) 0 50% no-repeat;
}

.contacts a {
    font-family: 'opensans-bold';
    text-decoration: underline;
    color: #3b3c44;
}

.contacts a:hover {
    text-decoration: none;
}

.map {
    width: 100%;
    height: 450px;
}

.text .answer p {
    margin: 0;
}

.answer {
    display: none;
}

.one-question {
    border-bottom: 1px solid #aeaeae;
}

.text .question-txt:after {
    position: absolute;
    top: 20px;
    right: 0;
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/faq-checks.png) 0 0 no-repeat;
}

.text .question-txt.question-open:after {
    background-position: -30px 0;
}

.question-txt {
    font-family: 'opensans-semibold';
    margin: 0;
    padding: 20px 40px 20px 0;
    line-height: 30px;
    cursor: pointer;
    position: relative;
}

.answer {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 20px;
    border-radius: 15px;

}

.zap_pomech {
    font-size: 12px;
}

.otzacheckboxes {
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0 20px;
}

.form-txt {
    font-size: 16px;
    padding: 10px 20px;
}

.catalog-one {
    float: left;
    width: 270px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.catalog-list {
    margin-top: 30px;
}

.catalog-list .catalog-one:nth-child(4n) {
    margin-right: 0;
}

.catalog-one .c-name-wrap .c-name {
    font-family: 'opensans-semibold';
    margin: 0;
    text-align: center;
}

.c-name-wrap {
    display: table;
    width: 100%;
    height: 60px;
    padding: 10px 0;
    border-bottom: 1px solid #d1d1d1;
}

.catalog-one {
    text-align: center;
}

.catalog-one p {
    font-size: 14px;
    margin: 25px 0;
}

.catalog-one p span {
    font-size: 30px;
    display: block;
}

.line-txt {
    margin: 60px 0;
    text-align: center;
}

.line-txt p,
.line-txt select,
.line-txt .btn {
    display: inline-block;
}

ul.list-result li {
    font-size: 14px;
    line-height: 18px;
    position: relative;
    float: left;
    width: 270px;
    margin-right: 30px;
    margin-bottom: 15px;
    padding-right: 20px;
}

ul.list-result li:nth-child(4n),
ul.select-result li:nth-child(4n) {
    margin-right: 0;
}

ul.list-result li span {
    font-family: 'opensans-bold';
    position: absolute;
    top: 0;
    right: 0;
}

ul.list-result li a {
    text-decoration: underline;
    color: #000;
}

ul.list-result li a:hover {
    text-decoration: none;
}

ul.select-result li {
    float: left;
    width: 270px;
    margin: 0 30px 15px 0;
}

.main {
    height: 100%;
    /*flex-grow: 1;*/
    /*overflow-x: hidden;*/
}

.body_personal_area .main {
    /*height: auto;*/
}

@media (max-width: 980px) {

    .body_personal_area .wrapper.fixed-panel,
    .fixed-panel .main {
        /*overflow: auto;*/
        overflow: visible;
    }

    .modal-window {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 480px) {

    .body_personal_area .wrapper.fixed-panel,
    .fixed-panel .main {
        height: initial;
    }

    .fixed-panel .main {
        min-width: 320px;
    }
}


/*===============FOOTER=============*/

.video-wrap iframe {
    height: 550px;
}

@media (max-width: 930px) {

    .logo-address-time,
    .footer-top ul:not(.logo-address-time__address):not(.logo-address-time__time) {
        margin-right: 0 !important;
    }

    ul.social {
        width: 100% !important;
        text-align: center !important;
    }
}

@media (max-width: 530px) {
    .logo-address-time__logo {
        display: none;
    }

    .logo-address-time {
        width: 210px;
    }

    .logo-address-time__address,
    .logo-address-time__time,
    .logo-address-time__time li:first-child,
    .logo-address-time__address li:first-child {
        text-align: left;
    }
}

@media (max-width: 480px) {

    .logo-address-time__time li:first-child,
    .logo-address-time__address li:first-child {
        text-align: center;
    }

    .logo-address-time {
        width: 100%;
    }
}

/*===================CLEAR==============*/

.container:after,
ul.menu:after,
ul.services-list:after,
ul.list-statistic:after,
ul.team-list:after,
.one-review:after,
.news-txt:after,
.news-one:after,
.row-col:after,
.main-form:after,
.catalog-list:after,
ul.select-result:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: ' ';
}

.both {
    clear: both;
}

.row-col {
    margin-right: -15px;
    margin-left: -15px;
}

.row-col.text {
    margin-right: 0;
    margin-left: 0;
}

.row-col:after {
    content: '';
    display: table;
    clear: both;
}


/*mmenu*/

.mob-menu {
    box-sizing: border-box;
    display: none;
    width: 70px;
    height: 45px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    left: 0;
    z-index: 9999;
}

.mob-menu:before,
.mob-menu:after,
.mob-menu span {
    background: #fff;
    content: '';
    display: block;
    width: 29px;
    height: 2px;
    position: absolute;
    left: 20px;
    opacity: 1;
}

.personal-panel .mob-menu span,
.personal-panel .mob-menu:after,
.personal-panel .mob-menu:before {
    background-color: #ccc;
}

.mob-menu:before,
.mob-menu:after,
.mob-menu span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

.mob-menu:before {
    top: 13px;
}

.mob-menu span {
    top: 21px;
}

.mob-menu:after {
    top: 30px;
}

html.mm-opening .mob-menu:before,
html.mm-opening .mob-menu:after {
    top: 20px;
}

html.mm-opening .mob-menu:before {
    transform: rotate(45deg);
}

html.mm-opening .mob-menu span {
    left: -50px;
    opacity: 0;
}

html.mm-opening .mob-menu:after {
    transform: rotate(-45deg);
}

.mm-menu>.mm-panel.mm-opened {
    background-color: #3B3C44;
}

.mm-menu>.mm-list {
    border-right: none;
}

.mm-menu .mm-list {
    padding: 0px;
}

.mm-list>li {
    border-right: 2px solid #3B3C44;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mm-list>li a {
    color: #fff;
}

.mm-list>li a:hover {
    color: #fdd137;
}

.mm-list>li:hover {
    border-right: 2px solid #fdd137;
    background: #32333a;
}

.mm-menu .mm-list>li:hover>a.mm-subopen:after {
    border-color: #fdd137;
}

.mm-list>li.active a {
    color: #fdd137;
}

.mm-list>li.active {
    border-right: 2px solid #fdd137;
    background: #32333a;
}

.mm-menu .mm-list>li.active>a.mm-subopen:after {
    border-color: #fdd137;
}

.mm-menu .mm-list>li>a.mm-subclose {
    padding: 20px 20px;
    color: #fdd137;
    background: #32333a;
    position: relative;
}

.mm-list>li:hover a {
    color: #fdd137;
}

.mm-menu .mm-list>li>a.mm-subclose:after {
    position: absolute;
    width: 1px;
    display: inline-block;
    height: 70px;
    content: "";
    right: -1px;
    top: 0;
    background: #32333a;
}

.mm-list>li.mm-subtitle {
    margin-bottom: 0px;
    padding-top: 20px;
}

.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
    border-color: #fdd137
}

.rol-catalog {
    display: block;
}

.rol-catalog li {
    display: block;
    float: left;
    width: 20%;
    margin: 0px;
    height: 40px;
    font-size: 14px;
    line-height: 16px;
    font-family: 'opensans-light';
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.rol-catalog li {
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.rol-catalog li:nth-child(1),
.rol-catalog li:nth-child(6),
.rol-catalog li:nth-child(11),
.rol-catalog li:nth-child(16) {
    border-left: 1px solid #d5d5d5;
}

.rol-catalog li:nth-child(1),
.rol-catalog li:nth-child(2),
.rol-catalog li:nth-child(3),
.rol-catalog li:nth-child(4),
.rol-catalog li:nth-child(5) {
    border-top: 1px solid #d5d5d5;
}

.rol-catalog li:hover {
    background-color: #fdd137;
    border-color: #fdd137;
}

.rol-catalog li a {
    display: inline-table;
    text-align: center;
    height: 100%;
    width: 100%;
    color: #000;
}

.rol-catalog li p {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
}

.categories {
    margin-top: 55px;
}

.cat-one {
    width: 370px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 10px;
}

.cat-one:nth-child(3n) {
    margin-right: 0;
}

.cat-title {
    font-size: 24px;
    line-height: 30px;
    font-family: 'opensans-bold';
    margin-bottom: 5px;
    color: #000;
}

.cat-title:hover {
    opacity: 0.8;
}

.cat-list {
    font-size: 18px;
    line-height: 30px;
    font-family: 'opensans-light';
    color: #000;
}

.cat-list a {
    color: #000;
}

.cat-list a:hover {
    opacity: 0.8;
}

.menu-lines {
    float: left;
    width: 370px;
    text-align: left;
}

.catalog-title {
    display: block;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    background-color: #fdd137;
    padding: 10px 0px;
    text-align: center;
    font-family: 'opensans-light';
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.list-menu {
    width: 370px;
    border: 1px solid #e4e4e4;
    margin-bottom: 15px;
}

.list-menu>li {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    background-color: #fff;
}

.list-menu>li>a,
.sub-menu ul>li>a {
    display: block;
    padding: 15px;
    font-size: 14px;
    line-height: 15px;
    color: #000;
    font-family: 'opensans-light';
    background: transparent url(../img/menu-arrow.png) 350px 50% no-repeat;
}

.list-menu>li>a:hover,
.sub-menu ul>li>a:hover {
    background-color: #e4e4e4;
}

.sub-menu {
    position: absolute;
    width: 370px;
    left: 368px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    z-index: 23;
}

.sub-menu:before {
    position: absolute;
    width: 30px;
    height: 30px;
    content: "";
    top: 30px;
    left: -20px;
    z-index: 20;
}

.sub-menu>li {
    border-bottom: 1px solid #e4e4e4;
}

.sub-menu>li>a {
    padding: 15px;
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    font-family: 'opensans-light';
}

.sub-menu>li>a:hover {
    background-color: #e4e4e4;
}

.list-menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.insta-widget {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
}

.insta-title {
    font-size: 14px;
    text-transform: uppercase;
    color: #737373;
    font-family: 'opensans-bold';
}

.insta-title a {
    display: inline-block;
    line-height: 30px;
    color: #aaaaaa;
    text-transform: none;
}

.insta-title a:hover {
    opacity: .6;
}

.catalog-rightside {
    display: block;
    width: 770px;
    float: right;
}

.unavailable .item-description {
    opacity: .6;
}

span.not-availible {
    font: 14px/18px 'opensans-bold';
    color: #e74c3c;
}

span.not-availible--dark,
span.not-availible--choose {
    font: 14px/36px 'opensans-semibold';
    color: #3b3c44;
}

.wrapper_opt-cat .table-block {
    margin-bottom: 15px;
}

span.not-availible--choose {
    line-height: 1;
    text-transform: uppercase;
}

.btn-prod.inactive {
    background: #d3d3d3;
    border-color: #d3d3d3;
    cursor: text;
    display: inline-block !important;
    height: 44px;
    width: 100%;
}

.btn-prod.inactive:hover {
    background: #d3d3d3;
    border-color: #d3d3d3;
}

.sale-item .sale-label {
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 90px;
    background: url(../img/icons/sale-label.png) no-repeat;
    z-index: 2;
}

.label.label-top-sell {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 39px;
    height: 50px;
    background: url(../img/icons/label-top.png) no-repeat;
    z-index: 2;
}

.label.label-top {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    color: #fff;
    position: absolute;
    z-index: 2;

}

.label.label-top:before {
    content: '';
    border-right: 64px solid transparent;
    border-bottom: 64px solid transparent;
    border-left: 64px solid #f8584c;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.label.label-top span {
    display: block;
    font: 10px/12px 'opensans-bold';
    color: #fff;
    text-transform: uppercase;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: absolute;
    left: -5px;
    top: 5px;
    width: 75%;
    text-align: center;
}

.text-right .attr {
    margin-bottom: 12px;
}

.widgets {
    margin: 0 -15px;
}

.widgets:after {
    content: '';
    display: table;
    clear: both;
    width: 100%;
    height: 0;
}

.widget {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    height: 230px;
    position: relative;
}

.widget>div {
    max-width: 100%;
    width: 100%;
}

.widget iframe {
    max-width: 100%;
    width: 100% !important;
}

.widget>img {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}

.widget #___ytsubscribe_0 {
    position: absolute;
    z-index: 2;
    bottom: 24px;
    margin: auto !important;
    left: 0;
    right: 0;
}

.product_list .catalog-search {
    margin-bottom: 30px;
}

.table-wrap {
    margin-bottom: 20px;
    max-width: 100%;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;

}

@media (max-width: 680px) {
    .container-btnBig {
        padding-top: 15px;
    }

    .request-more li {
        margin-top: 0;
    }

    .table-wrap {
        overflow-x: scroll;
    }

    .header-service.header-service-new .btn {
        width: auto;
        margin-right: 50%;
        white-space: nowrap;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.product_list table {
    width: 100%;
}

.product_list .catalog-search {
    margin-bottom: 30px;
}

.product_list table {
    margin-bottom: 20px;
    width: 100%;
}

.product_list table tr th,
.product_list table tr td {
    padding: 0 5px;
}

.product_list table tr th:first-child,
.product_list table tr td:first-child {
    width: 400px;
}

.product_list table tr th {
    text-align: center;
}

.product_list table tr th:nth-child(2),
.product_list table tr td:nth-child(2) {
    width: 100px;
    text-align: center;
}

.product_list table tr th:nth-child(3),
.product_list table tr td:nth-child(3) {
    width: 200px;
    text-align: center;
}

.product_list table tr th:nth-child(4),
.product_list table tr td:nth-child(4) {
    width: 200px;
    text-align: center;
}

.product_list table tr th:nth-child(5),
.product_list table tr td:nth-child(5) {
    width: 246px;
    text-align: center;
}

.product_list table tr th a,
.product_list table tr td a {
    display: inline-block;
    width: 170px;
    height: 170px;
    overflow: hidden;
}

.product_list table tr th a img,
.product_list table tr td a img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.catalog-search {
    position: relative;
    width: 100%;
}

.product-top-position .catalog-search {
    margin-bottom: 20px;
}

.product-top-position .text.notavailable {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.6;
}

.body_personal_area .wrapper.fixed-panel {
    background: #ffffff;
}

@media (max-width: 980px) {
    .product-top-position .catalog-search {
        float: right;
    }

    .header-service.header-service-new {
        padding: 0;
    }

    .header-service-new .btn {
        margin-right: 0;
    }
}

@media (max-width: 680px) {
    .header-service.header-service-new {
        position: static;
        margin-top: 20px;
    }
}

.catalog-search input[type='text'] {
    width: 100%;
    border: 1px solid #e4e4e4;
    height: 40px;
    padding: 0 230px 0 40px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #fff url(../img/search-me.png) 10px 50% no-repeat;
    margin-bottom: 0;
}

.press-select {
    display: block;
    position: absolute;
    top: 0;
    right: 45px;
    width: 170px;
    height: 40px;
    border-right: 1px solid #C0C0C2;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    background: #e4e4e4 url(../img/down-sel.png) 150px 50% no-repeat;
    z-index: 21;
    font-size: 12px;
    line-height: 12px;
    padding: 14px 30px 14px 10px;
    cursor: pointer;
}

.search-it {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    outline: none;
    border: none;
    height: 40px;
    background: #e4e4e4;
    font-size: 12px;
    line-height: 12px;
    padding: 14px 6px;
    cursor: pointer;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.search-it:focus {
    background-color: #c5c5c5;
}

.select-items {
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 15px 10px 10px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #e4e4e4;
    display: none;
    background: #fff;
    z-index: 22;
}

.select-it {
    display: block;
}

.select-it input[type="checkbox"] {
    display: none;
}

.select-it input[type="checkbox"]+label {
    font-size: 16px;
    line-height: 21px;
    opacity: 0.5;
    color: #000;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.select-it input[type="checkbox"]+label::before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: -7px 10px -2px 0;
    background: transparent;
    border: 1px solid #000;
    vertical-align: middle;
}

.select-it input[type="checkbox"]:checked+label {
    opacity: 1;
}

.select-it input[type="checkbox"]:checked+label::before {
    background: #ccc;
}

.cat-slider {
    margin: 15px 0;
    cursor: pointer;
}

.cat-slider .slick-dots {
    bottom: 10px;
}

.cat-slider img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.cat-slider .slick-dots li {
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.cat-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    margin: 1px 0 0px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.cat-slider .slick-dots li.slick-active button {
    background: #000;
}

input.valid {
    background-image: url("../img/valid.png");
    background-repeat: no-repeat;
    background-position: center right 6px;
}

.top-wrapper {
    margin-bottom: 50px;
}

.this-title {
    font-size: 28px;
    line-height: 40px;
    font-family: 'opensans-bold';
    margin-bottom: 20px;
}

.catalog-list .img-holder {
    text-align: center;
    margin-bottom: 20px;
    display: block;
}

.catalogue-list li {
    display: inline-block;
    width: 32.8%;
    vertical-align: top;
    margin-bottom: 20px;
    padding-right: 15px;
}

.catalogue-list li:nth-child(3n) {
    padding-right: 0;
}

.img-holder {
    position: relative;
}

.catalogue-list .img-holder {
    /*height: 200px;*/
    text-align: center;
    margin-bottom: 10px;
    display: block;
    overflow: visible;
    width: 100%;
}



.img-holder:hover .image-placeholder {
    display: block;
}

.image-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(59, 60, 68, 0.5);
    ;
    display: none;
}

.image-placeholder:before {
    display: inline-block;
    content: '';
    font-size: 0;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.image-placeholder span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-family: 'opensans-bold';
    font-size: 14px;
    line-height: 1;
}

.product-top-position .image-placeholder span {
    font-size: 16px;
}

.product-mark-img-wrap {
    min-height: 7px;
    margin-bottom: 5px;
}

.catalogue-list li img.product-mark-img {
    margin: 0 auto;
    display: block;
    max-height: 7px;
}

.image-placeholder .icon-eye {
    display: block;
    background: url(../img/icons/icon-eye.png) center no-repeat;
    width: 32px;
    height: 21px;
    margin: 0 auto 10px;
}

.image-placeholder .span {
    display: block;
    color: #fff;
}

.catalogue-list img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.catalogue-list li .buttons-wrap,
.hits-slider .slide-item .buttons-wrap {
    text-align: justify;
}

.catalogue-list li .buttons-wrap:after,
.hits-slider .slide-item .buttons-wrap:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
}

.catalogue-list li .buttons-wrap .btn,
.hits-slider .slide-item .buttons-wrap .btn {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 10px 5px;
    /*height: 44px;*/
    line-height: 21px;
    background: #fdd137;
}

.catalogue-list li .buttons-wrap .btn:hover,
.hits-slider .slide-item .buttons-wrap .btn:hover {
    background: #fff;
}

.catalogue-list.three-start li {
    margin: 0 30px 20px 0;
}


.item-description a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    color: #3b3c44;
    margin: 19px 0 17px;
}

.item-label-mark {
    margin-bottom: 15px;
}

.slide__inner .current-price {
    font: 20px/24px 'opensans-semibold';
    color: #3b3c44;
}

.slide__inner .old-price {
    font: 14px/24px 'opensans-semibold';
    color: #3b3c44;
}

.item-label-mark img {
    margin: 0 auto;
    max-height: 7px;
}

.item-description a:hover {
    opacity: 0.8;
}

.this-title.this-title--left {
    padding-left: 15px;
}

.item-description p {
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
    height: 75px;
    overflow: hidden;
}

.chouse-me input[type="checkbox"] {
    display: none;
}

.chouse-me input[type="checkbox"]+label {
    font-size: 14px;
    line-height: 24px;
    font-family: 'opensans-light';
    color: #000;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.catalogue-list li .buttons-wrap .btn {
    display: block;
    width: 100%;
    padding: 10px 5px;
}

.chouse-me input[type="checkbox"]+label::before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: -7px 10px -2px 0;
    background: url(../images/checkers.png) 0 50% no-repeat;
    vertical-align: middle;
}

.chouse-me input[type="checkbox"]:checked+label::before {
    background-position: -14px 50%;
}

.select-title {
    font-size: 16px;
    line-height: 22px;
    font-family: 'opensans-bold';
    margin-bottom: 5px;
}

.select-list {
    padding-left: 10px;
    height: 211px;
    overflow: hidden;
}

.filter-color {
    overflow: hidden;
    height: 39px;
    margin-bottom: 10px;
}

.left-side {
    width: 270px;
    float: left;
}

.right-side {
    float: none;
    width: auto;
    margin-left: 300px;
    display: block;
}

.pag-item {
    display: block;
    clear: both;
}

.pag-item li {
    display: inline-block;
    min-width: 22px;
    height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 14px;
    margin: 0 5px 0 0;
}

.pag-item li a {
    display: block;
    padding: 3px;
    color: #000;
    text-align: center;
    border: 1px solid #3b3c44;
    background-color: #fff;
}

.pag-item li a:hover {
    background-color: #3b3c44;
    color: #fff;
}

.pag-item li a.active {
    background-color: #3b3c44;
    color: #fff;
}

.top-functional {
    margin: 25px 0 35px 0;
    height: 30px;
}

.catalog-info {
    font-size: 16px;
    line-height: 30px;
    float: left;
    font-family: 'opensans-light';
}

.catalog-info span {
    font-family: 'opensans-bold';
}

/* Search results template */
.top-functional.autoHeight {
    height: auto;
}

.catalog-items.four-in-row .four-start li {
    height: auto;
}

.catalog-items.four-in-row .four-start li:nth-child(3n) {
    margin-right: 1.33%;
}

.catalog-items.four-in-row .four-start li:nth-child(4n) {
    margin-right: 0;
}

#mse2_results {
    font: 12px/18px 'opensans-regular';
    text-align: center;
    color: #000;
    text-transform: unset;
}

/* end                     */


.sort-select {
    width: 270px;
    height: 40px;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    vertical-align: middle;
}

.sort-select div.fancy-select .trigger {
    padding: 0 9px 0 20px;
    height: 40px;
    line-height: 40px;
}

.left-slider {
    float: left;
    width: 370px;
    height: 455px;
    margin-right: 30px;
}

.text ul li {
    list-style: none;
}


.text ul:not(.flip):not(.types-delivery__list):not(.delivery-cost__list):not(.international-delivery-list):not(.advantage-box) li:before {
    display: inline-table;
    width: 8px;
    height: 8px;
    content: "";
    margin-right: 5px;
    margin-bottom: 2px;
    background-color: #000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: relative;
}

.text>div>.btn {
    margin-right: 25px;
}

.text img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}


.text .payment img {
    max-width: 90px;
}


img.left-one {
    display: inline-block;
    width: 48.7%;
    margin: 0 1.025% 15px 0;
}

img.right-one {
    display: inline-block;
    width: 48.7%;
    margin: 0 0 15px 1.025%;
}

.text .slick-slide {
    text-align: center;
}

.text .slick-slide img {
    margin: 0 auto;
}

.text .slick-slider {
    margin-bottom: 0px;
}

.text .slider-thumb {
    width: 340px;
    margin: 0 auto;
}

.slick-prev,
.slick-next {
    height: 100%;
    width: 15px;
    top: 0;
}

.slick-prev,
.slick-prev:focus {
    left: -15px;
    background: #3b3c44 url(../img/rarr-1.png) 50% 50% no-repeat;
}

.slick-next,
.slick-next:focus {
    right: -15px;
    background: #3b3c44 url(../img/larr-1.png) 50% 50% no-repeat;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: #414143;
    opacity: 0.8;
}

@media (max-width: 680px) {

    .product-top-position .slick-prev,
    .product-top-position .slick-next {
        width: 23px;
        background-color: transparent !important;
        background-image: url('../img/slickArrowMbile.png');
    }

    .product-top-position .slick-prev {
        left: 5px;
    }

    .product-top-position .slick-next {
        right: 5px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .product-top-position .slider-stock .slick-next {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .product-top-position .slider-stock .catalogue-slider .slick-next {
        right: calc(50% - 40px);
    }

    .product-top-position .slider-stock .catalogue-slider .slick-prev {
        right: calc(50% + 5px);
    }

    .product-top-position.wrapper_opt-cat .slider-stock .slick-next,
    .product-top-position.wrapper_opt-cat .slider-stock .slick-prev {
        background-color: #fcd749 !important;
    }

    .product-top-position:not(.wrapper_opt-cat) .slider-stock .slick-next,
    .product-top-position:not(.wrapper_opt-cat) .slider-stock .slick-prev {
        background-color: #22aa1c !important;
    }
}

.t-page {
    margin-bottom: 30px;
}

.call-request .modal {
    width: 630px;
}

.call-request .modal input {
    width: 100%;
}

.call-request .modal input.btn {
    display: block;
    width: 270px;
    margin: 0 auto;
}


/*personal page*/

.log-user .table {
    font-size: 14px;
    display: table;
    height: 100px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.log-user .table>p,
.log-user .table>span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
}

ul.menu li .user-name-ico a {
    color: transparent;
    width: 50px;
    overflow: hidden;
    background: url(../img/sign-in.png) 50% 50% no-repeat;
    display: block;
    position: relative;
}

ul.menu li .user-logout-ico a {
    color: transparent;
    width: 50px;
    overflow: hidden;
    background: url(../img/exit.png) 50% 50% no-repeat;
    display: block;
}

ul.menu li .user-name-ico a>span {
    position: absolute;
    top: 20px;
    left: 23px;
}

ul.menu li .user-name-ico a>span .new-indicator {
    width: 18px;
    height: 18px;
    line-height: 9px;
}



.log-user span[class*="js_"] {
    cursor: pointer;
    padding: 0;
}

.log-user span[class*="js_"]:hover {
    color: #fdd137;
}


/*login modal*/

.modal-inner {
    max-width: 570px;
    width: 100%;
    margin: 0 auto;
}

.modal-inner textarea {
    height: 120px;
}

.modal-inner textarea.reason {
    margin-bottom: 15px;
}

.modal-inner input[type="text"],
.modal-inner input[type="password"],
.modal-inner input[type="email"] {
    width: 100%;
    display: block;
    float: none;
}

.modal-info {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #010101;
    margin-bottom: 10px;
}

.modal-info span {
    text-transform: uppercase;
    font-family: 'opensans-bold';
    cursor: pointer;
}

.modal-functional .btn {
    width: 270px;
    display: block;
    margin: 0 auto;
}

#personal-menu {
    position: relative;
}

.personal-panel {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 60px;
    height: 63px;
    border-bottom: 1px solid #b2b2b2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #fff;
    z-index: 999990;
}

.panel-links {
    float: none !important;
    display: block;
    font-size: 0;
    white-space: nowrap;
    text-align: left;
    overflow-x: auto;
}

.panel-links-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
}

.personal-menu__arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 100%;
    background: #f3f2f2 url('../img/larr.png') 50% no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.personal-menu__arrow.show {
    opacity: 1;
}

.personal-menu__arrow.back {
    right: auto;
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-links li {
    display: inline-block;
    margin-right: 14px;
    text-align: left;
}

.panel-links li:last-of-type {
    margin-right: 0;
}

.panel-links li>a,
.panel-links li>span {
    display: inline-block;
    height: 63px;
    border-bottom: 3px solid transparent;
    color: #3b3c44;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}

.panel-links li>a:after,
.panel-links li>span:after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}

.panel-links li>a>span,
.panel-links li>span>span {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-line;
}

.panel-links li>a:hover {
    border-color: #fdd137;
}

.panel-links li.active>span {
    border-color: #fdd137;
}

.new-indicator {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    color: #223c47;
    background-color: #fdd137;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    white-space: nowrap !important;
}

.new-indicator.total-chat-indicator {
    color: #fdd137;
    background-color: transparent;
}

.personal-dialog .new-indicator.total-chat-indicator {
    color: #223c47;
    background-color: #fdd137;
}

.panel-links li span[class*=" personal-"]:before,
.panel-links li span[class^="personal-"]:before,
.panel-links li a[class*=" personal-"]:before,
.panel-links li a[class^="personal-"]:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    margin-right: 5px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.panel-links li>a.personal-info,
.panel-links li>span.personal-info {
    max-width: 85px;
}

.personal-photo:before {
    width: 24px;
    height: 24px;
    background-image: url(../img/icons/Photo.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.personal-info:before {
    width: 15px;
    height: 22px;
    background-image: url(../img/personal/info.png);
}

.personal-favor:before {
    width: 22px;
    height: 22px;
    background-image: url(../img/personal/favor.png);
}

.personal-order:before {
    width: 23px;
    height: 22px;
    background-image: url(../img/personal/order.png);
}

.personal-dialog:before {
    width: 21px;
    height: 22px;
    background-image: url(../img/personal/dialog.png);
}

.personal-news:before {
    width: 19px;
    height: 22px;
    background-image: url(../img/personal/news.png);
}

.panel-links li>a.personal-cargo,
.panel-links li>span.personal-cargo {
    max-width: 138px;
}

.personal-cargo:before {
    width: 24px;
    height: 22px;
    background-image: url(../img/personal/cargo.png);
}

.panel-links li>a.personal-referral-system,
.panel-links li>span.personal-referral-system {
    max-width: 125px;
}

.personal-referral-system:before {
    width: 22px;
    height: 22px;
    background-image: url(../img/personal/referral-system.png);
}

.panel-links li>a.personal-partnership span:first-child,
.panel-links li>span.personal-partnership span:first-child {
    max-width: 90px;
}

.panel-links li>a.personal-payment-history span:first-child,
.panel-links li>span.personal-payment-history span:first-child {
    max-width: 60px;
    word-wrap: normal;
}

.personal-payment-history:before {
    width: 32px;
    height: 23px;
    background-image: url(../img/personal/payment-history.png);
}

.panel-links li a.purchase-calculation {
    max-width: 100px;
}

.panel-links li a.purchase-calculation:before {
    content: '';
    width: 26px;
    height: 22px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    background-size: contain;
    background-image: url(../img/personal/wallet_n.png);
    background-repeat: no-repeat;
}

@media (max-width: 1080px) {
    .panel-links li a.purchase-calculation:before {
        position: absolute;
        top: 10px;
        left: 50%;
        width: 16px;
        height: 16px;
        transform: translateX(-50%);
    }

    .panel-links li a.purchase-calculation {
        max-width: 80px;
    }
}

.panel-links li a.personal-income {
    max-width: 100px;
}

.panel-links li a.personal-income:before {
    content: '';
    width: 26px;
    height: 22px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    background-size: contain;
    background-image: url(../img/personal/profits.png);
    background-repeat: no-repeat;
}

@media (max-width: 1080px) {
    .panel-links li a.personal-income:before {
        position: absolute;
        top: 10px;
        left: 50%;
        width: 16px;
        height: 16px;
        transform: translateX(-50%);
    }

    .panel-links li a.personal-income {
        max-width: 80px;
    }
}

.panel-links li>a.personal-managers:before,
.panel-links li>span.personal-managers:before {
    width: 18px;
    height: 22px;
    background-image: url(../img/personal/personal-managers.png);
}

.panel-links li>a.personal-partnership:before,
.panel-links li>span.personal-partnership:before {
    width: 26px;
    height: 22px;
    background-image: url(../img/personal/personal-partners.png);
}

.panel-links li>a.personal-referals:before,
.panel-links li>span.personal-referals:before {
    width: 34px;
    height: 22px;
    background-image: url(../img/personal/personal-referals.png);
}

.panel-links li>a.personal-payments:before,
.panel-links li>span.personal-payments:before {
    width: 32px;
    height: 23px;
    background-image: url(../img/personal/payment-history.png);
}

.panel-links.mm-list li {
    display: block;
    float: none;
}

.panel-links.mm-list li:first-child>a,
.panel-links.mm-list li:first-child>span {
    padding: 10px 15px;
    height: auto;
    margin: 0 auto;
}

.panel-links.mm-list li>a,
.panel-links.mm-list li>span {
    color: #fff;
    border-bottom: 0;
    padding: 10px 15px;
    height: 40px;
}

.panel-links li>a>span:last-child,
.panel-links li>span>span:last-child {
    margin-left: 2px;
}

.panel-links.mm-list li>a:hover {}

.mm-list .personal-info:before {
    width: 23px;
    background-position: 50% 50% !important;
    background-image: url(../img/personal/w-info.png);
}

.mm-list .personal-favor:before {
    width: 23px;
    background-position: 50% 50% !important;
    background-image: url(../img/personal/w-favor.png);
}

.mm-list .personal-order:before {
    width: 23px;
    background-position: 50% 50% !important;
    background-image: url(../img/personal/w-order.png);
}

.mm-list .personal-dialog:before {
    width: 23px;
    background-position: 50% 50% !important;
    background-image: url(../img/personal/w-dialog.png);
}

.mm-list .personal-news:before {
    width: 23px;
    background-position: 50% 50% !important;
    background-image: url(../img/personal/w-news.png);
}

.mm-list .personal-cargo:before {
    width: 23px;
    background-position: 50% 50% !important;
    background-image: url(../img/personal/w-cargo.png);
}

.mob-personal {
    display: none;
    margin: 4px 0 0 20px;
}

.mob-personal:before,
.mob-personal span,
.mob-personal:after {
    display: inline-block;
    vertical-align: middle;
}

.mob-personal:before {
    content: " ";
    margin-right: 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 15px;
    height: 22px;
    background-image: url(../img/personal/info.png);
}

.mob-personal:after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 5px;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #3b3c44 transparent transparent transparent;
}

.panel-links.mm-list .no-avatar {
    width: 100%;
    background-color: transparent;
}

/*.panel-links.mm-list .no-avatar:hover {*/
/*background-color: transparent;*/
/*}*/

.panel-links.mm-list li:first-child {
    text-align: center;
    height: 80px;
    margin: 0 auto;
    border: 0;
    margin-top: 20px;
}

.panel-links.mm-list li:first-child>img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.mob-personal span {
    font-size: 14px;
    line-height: 16px;
    color: #3b3c44;
}

.personal-main-title {
    color: #3b3c44;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    display: block;
    font: 28px/40px "opensans-bold";
    margin-bottom: 20px;
    margin-top: 20px;

}

.personal-main-title--big {
    font-size: 28px;
}

@media (max-width: 1280px) {
    .personal-main-title.personal-main-title--big {
        font-size: 22px;
    }
}

@media (max-width: 980px) {
    .personal-main-title.personal-main-title--big {
        font-size: 18px;
    }
}

@media (max-width: 680px) {
    .personal-main-title.personal-main-title--big {
        font-size: 16px;
    }
}

.removed-orders {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 14px;
    font: 12px/33px 'opensans-semibold';
    color: #3b3c44;
    text-transform: uppercase;
    cursor: pointer;
    background: #e0e0e8;
    margin-left: 20px;
}

@media (max-width: 980px) {
    .removed-orders {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (min-width: 981px) {
    .personal-main-title--orders {
        display: inline-block;
        text-align: left;
        width: 50%;
    }

    .removed-orders {
        float: right;
        margin-top: -52px;
    }
}

.personal-semi-title {
    font-size: 28px;
    line-height: 28px;
    color: #3b3c44;
    font-family: 'opensans-bold';
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.invoise-list-person {
    position: relative;
    z-index: 2000;
    margin-bottom: 30px;
}

.invoise-list-person .doubl-fields li {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.invoise-list-person .doubl-fields li>label input {
    width: 100%;
}

.invoise-list-person .doubl-fields li>label span,
.invoise-list .doubl-fields li>label span,
.invoise-list li>label span,
.tth-list li>label span {
    font-size: 14px;
    font-family: 'opensans-bold';
}

.invoise-list li>label {
    display: block;
    text-align: left;
}

.invoise-list li>label.valid input {
    background-repeat: no-repeat;
    background-position: center right 6px;
    background-image: url(../img/icons/valid.png);
}

/*.invoise-list-person .doubl-fields li > label input[type="text"],*/
/*.invoise-list-person .doubl-fields li > label input[type="email"],*/
.invoise-list-person .doubl-fields li>label,
.invoise-list-person .doubl-fields li>div {
    width: 33.333%;
    float: left;
    padding: 0 15px;
    /*margin-right: 30px;*/
    margin-bottom: 8px;
}

.invoise-list .summary.summary-sum {
    float: none;
    margin-top: 0;
}

.invoise-list .summary.summary-sum .total-sum_title {
    text-transform: none;
    font-size: inherit;
    font-family: inherit;
}

.invoise-list.invoise-list-person.invoise-list-person-ttn .doubl-fields label:last-of-type {
    margin-bottom: 0;
    width: 33.333%;
}

@media (min-width: 1281px) {
    .invoise-list.invoise-list-person.invoise-list-person-ttn .doubl-fields label:nth-of-type(1) {
        width: 33.333%;
        display: block;
    }

    .invoise-list.invoise-list-person.invoise-list-person-ttn .doubl-fields label:nth-of-type(2),
    .invoise-list.invoise-list-person.invoise-list-person-ttn .doubl-fields label:nth-of-type(3) {
        width: 33.333%;
    }
}

.invoise-list.invoise-list-person.invoise-list-person-ttn .doubl-fields label:nth-of-type(3),
.invoise-list.invoise-list-person.invoise-list-person-ttn .doubl-fields label:nth-of-type(6),
.invoise-list.invoise-list-person.invoise-list-person-ttn .doubl-fields label:nth-of-type(9) {
    margin-right: 0;
}

.invoise-list .doubl-fields li>label input,
.invoise-list textarea,
.invoise-list .main-fields li>label input,
.invoise-list .select-box .jq-selectbox__dropdown {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.invoise-list .select-box .jq-selectbox__select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.invoise-list-person .doubl-fields li>label:last-child,
.invoise-list-person .doubl-fields li>div:last-child {
    margin-right: 0;
}

.invoise-list-person:not(.invoise-list-person-ttn) .doubl-fields li:last-of-type label {
    margin-bottom: 0;
}

@media (max-width: 1280px) {

    /*.invoise-list-person .doubl-fields li > label input[type="text"],*/
    /*.invoise-list-person .doubl-fields li > label input[type="email"],*/
    .invoise-list-person .doubl-fields li>label,
    .invoise-list-person .doubl-fields li>div {
        width: 31.33%;
    }

    .invoise-list-person .doubl-fields li>label input:last-child {
        margin-right: 0;
    }
}

@media (max-width: 768px) {

    .invoise-list-person .doubl-fields li>label,
    .invoise-list-person .doubl-fields li>div {
        width: 100%;
        margin-right: 0;
    }

    .invoise-list-person .doubl-fields li>div:not(:last-child) {
        margin-bottom: 20px;
    }
}

.invoise-list-info {
    margin-bottom: 0;
}

.invoise-list-info .one-invoise {
    padding: 20px 20px 5px;
}

.one-invoise .invoise-list-info .one-invoise {
    padding-right: 0;
    padding-left: 0;
}

.invoiseListInfo__item {
    display: inline-block;
    padding-bottom: 10px;
    width: 49%;
}

.invoiseListInfo__item:nth-child(odd) {
    padding-right: 5%;
}

.invoiseListInfo__label {
    display: inline-block;
    min-width: 100px;
    font-size: 14px;
    font-family: "opensans-bold", sans-serif;
    color: #131313;
}

.invoise-list.invoise-list-info .invoiseListInfo__label {
    font-family: "opensans-semibold", sans-serif;
}

.invoiseListInfo-bigLabel .invoiseListInfo__label {
    width: 130px;
}

.invoiseDscrItem {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 105px);
}

@media (max-width: 1025px) {
    .invoiseListInfo__item {
        width: 100%;
    }

    .invoiseListInfo:first-child {
        margin-right: 0;
    }

    .invoiseListInfo__label {
        width: 130px;
    }

    .invoiseListInfo__item:nth-child(odd) {
        padding-right: 0;
    }

    .invoiseDscrItem {
        width: 100%;
    }
}

.invoiseDscrItem__item {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid #fcd749;
    padding: 5px 9px;
    margin-right: 10px;
    margin-bottom: 5px;
    transition: all .3s;
    cursor: pointer;
    font-family: 'opensans-regular';
    line-height: 22px;
    color: #3b3c44;
}

.invoiseDscrItem__item.active {
    background-color: #fcd749;
}

.invoiseDscrItem-circle .invoiseDscrItem__item.active {
    border-width: 2px;
    -webkit-box-shadow: 0 0 0 2px #919191;
    -moz-box-shadow: 0 0 0 2px #919191;
    box-shadow: 0 0 0 2px #919191;
}

.invoiseDscrItem-circle .invoiseDscrItem__item {
    margin-right: 10px;
    padding: 0;
    width: 28px;
    height: 28px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #919191;
    -moz-box-shadow: 0 0 0 1px #919191;
    box-shadow: 0 0 0 1px #919191;
}

.invoiseDscrItem__item-hover:hover {
    background-color: #fcd749;
}

.invoiseListInfo__item .numbers {
    position: relative;
    display: inline-block;
    border: 2px solid #fcd749;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 2px 8px;
    min-width: 90px;
}

.invoiseListInfo__item .numbers .minus,
.invoiseListInfo__item .numbers .plus {
    position: absolute;
    top: 50%;
    padding: 0 8px;
    left: 0;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.invoiseListInfo__item .numbers input[type="text"] {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    height: auto;
    text-align: center;
}

.invoiseListInfo__item .numbers .plus {
    left: auto;
    right: 0;
}

.personal-ava {
    width: 120px;
    height: 120px;
    float: left;
    overflow: hidden;
    margin-top: 60px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    position: relative;
}

.no-avatar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 120px;
    height: 120px;
    text-align: center;
    background-color: #3b3c44;
    cursor: pointer;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    overflow: hidden;
}

/*.no-avatar:hover {*/
/*background-color: #B2B2B2;*/
/*}*/

.no-avatar .some-wr {
    width: 120px;
    height: 120px;
    font-size: 14px;
    line-height: 18px;
    font-family: 'opensans-light';
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px 0 0;
}

.no-avatar .some-wr a {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.no-avatar .some-wr a:before {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    content: "";
    background: url(../img/personal/load-ava.png) 0 0 no-repeat;
    margin-bottom: 10px;
    cursor: pointer;
}

.no-avatar>input[type="file"] {
    position: absolute;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.is-avatar .no-avatar {
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

}

.avaloadImage form {
    position: absolute;
    width: 120px;
    height: 120px;
    bottom: -24px;
    left: -9px;
}

.avaloadImage form input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
}

.is-avatar:hover .no-avatar {
    z-index: 1;
    opacity: 1;
    background-color: #3b3c44;
}

.personal-forminfo {
    float: none;
    width: auto;
    padding-left: 150px;
}

.personal-forminfo .form-info li {
    padding-bottom: 15px;
}

.personal-forminfo .form-info .partner {
    float: left;
    width: 100%;
}

.personal-forminfo .form-info .selectNewBox {
    float: left;
    margin: 0 30px 20px 0;
    width: calc(33.33% - 20px);
}

.personal-forminfo .form-info .selectNewBox:last-of-type {
    margin-right: 0;
}

.deleteItem-wrap .select2-container {
    margin-bottom: 30px;
}

.deleteItem-wrap .select2-container--default .select2-selection--single,
.personal-forminfo .form-info .partner .select2-container--default .select2-selection--single {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 38px;
}

.deleteItem-wrap .select2-container--default .select2-selection--single .select2-selection__rendered,
.personal-forminfo .form-info .partner .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    font-size: 14px;
    padding: 0 42px 0 0;
}

.deleteItem-wrap .select2-container--default .select2-selection--single .select2-selection__arrow,
.personal-forminfo .form-info .partner .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    width: 38px;
}

.form-info {
    margin: 0 -15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .form-info {
        margin: 0 -5px;
    }
}

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

.form-info li {
    padding: 0 15px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-info li input[type="text"],
.form-info li input[type="email"],
.form-info li input[type="password"] {
    width: 100%;
    margin-bottom: 0;
}

.form-info li.wrap-customer_phone-small {
    margin-bottom: 20px;
    text-align: left;
}

.form-info li.wrap-customer_phone-small>* {
    display: inline-block;
}

.form-info li.wrap-customer_phone-small p {
    margin-right: 10px;
    font-size: 14px;
}

.form-info li.wrap-customer_phone-small input {
    width: 30%;
}

.form-functional {
    margin-bottom: 30px;
    padding-bottom: 1px;
}

.form-functional .btn {
    float: right;
}

.form-info li input.static {
    background-color: transparent;
    border: 1px solid #c2c2c2;
}

input+.not-valid,
.message.error,
textarea+.not-valid,
.upload-request-img+.not-valid,
select.selectNew~.not-valid,
.selectNewBox.has-error .not-valid,
.invoise-list p.not-valid,
.tth-list p.not-valid {
    opacity: 1;
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0 0 0;
    color: #f00;
    position: static;
    /* height: 15px; */
    text-align: left;
    order: 2;

}

input.requestForm__input.captcha_input.valid.error,
.input-wrap input.not-valid,
input.not-valid,
textarea.not-valid {
    background-image: url(../img/not-valid.png);
    background-repeat: no-repeat;
    background-position: center right 6px;
}

.mm-list>.mob-log span {
    cursor: pointer;
    color: #fff;
}

.add_btn {
    margin-bottom: 20px;
}

.add_btn li {
    text-align: center;
    margin-bottom: 5px;
}

.add_btn .add_text {
    font-size: 14px;
}

.fixStyle.not-valid {
    height: 38px !important;
    font-size: 14px !important;
    color: rgb(59, 60, 68) !important;
}

.fixStyle.not-valid:last-child {
    margin-right: 0 !important;
}

.currency-selection.select-box.clearPadiing {
    width: 100%;
    padding: 0;
}

@media (min-width: 768px) {
    .currency-selection.select-box.clearPadiing {
        width: calc(50% - 15px);
        padding: 0;
    }

    .currency-selection.select-box.clearPadiing:nth-child(1) {
        margin-right: 15px;
    }

    .currency-selection.select-box.clearPadiing:nth-child(2) {
        margin-left: 15px;
    }
}

.currency-selection.select-box.notValid,
.currency-selection.select-box .notValid {
    position: relative;
}

/* .currency-selection.select-box.notValid:before,
.currency-selection.select-box .notValid:before {
    background-image: url(../img/not-valid.png);
    background-repeat: no-repeat;
    background-position: center right 6px;
    background-color: #f1f1f2;
    position: absolute;
    top: 50%;
    right: 9px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    content: '';
    z-index: 1000;
} */


/*dialog page*/

.dialog-selection {
    width: 370px;
    float: left;
    /*margin-bottom: 30px;*/
    background-color: #f2f2f2;
}

@media (min-width: 981px) {
    .dialog-selection.dialog-selection--user {
        padding-top: 0;
        height: calc(100% - 60px);
    }
}

.dialog-selection .catalog-search {
    padding: 10px;
    background: #e4e4e4;
}

.dialog-selection .catalog-search input[type="text"] {
    padding: 0 50px 0 10px;
    height: 35px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: none;
}

.dialog-selection .catalog-search .search-it {
    right: 10px;
    top: 10px;
    height: 35px;
    background: #fdd137 url(../img/search-new.png) no-repeat center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-size: 50%;
    background-size: 50%;
}

.dialog-list>li {
    display: block;
    /*width: 100%;*/
    /*height: 260px;*/
    position: relative;
    padding: 30px 20px 0;

    background: transparent;
}

.dialog-list>li.chat-user-block {
    background: #f7f7f7;
}

.mCustomScrollBox {
    /*height: calc(100vh - 343px);*/
    height: calc(100vh - 329px);
    /*height: calc(100vh - 254px);*/
}

.mCustomScrollbar {
    height: calc(100% - 120px);
}

#mCSB_1 {
    background: #f7f7f7;
}

.dialog-selection .mCustomScrollbar {
    height: calc(100% - 145px);
}

.dialog-wrapp .mCustomScrollBox {
    height: calc(100vh - 355px);
    /*height: calc(100vh - 400px);*/
}

@media (max-width: 1028px) {
    .dialog-wrapp .mCustomScrollBox {
        height: calc(100vh - 375px);
    }
}

@media (max-width: 980px) {
    .mCustomScrollBox {
        height: calc(100vh - 345px);
    }
}


@media (max-width: 480px) {
    .dialog-wrapp .mCustomScrollBox {
        /*height: 100%;*/
        /*height: calc(100vh - 300px);*/
        height: calc(100vh - 345px);
    }

    .dialog-selection .mCustomScrollbar,
    .mCustomScrollbar {
        /*height: 100%;*/
        /*height: calc(100% - -64px);*/
        /*height: calc(100% - -155px);*/
        height: calc(100% - 140px);
    }

    .form-functional {
        display: flex;
        flex-direction: column-reverse;
    }
}

.dialog-list>li:after {
    content: '';
    display: table;
    clear: both;
}

.dialog-list>li.in-conversation {
    background: #e4e4e4;
}

.dialog-list>li>input[type="radio"] {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.dialog-list>li>.dialog-to {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    /*background-color: #e4e4e4;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
}

.dialog-list>li:last-child>.dialog-to,
.dialog-list>li.in-conversation .dialog-to {
    border-bottom: 1px solid transparent;
}

.dialog-list>li>input[checked="checked"]+.dialog-to {
    background-color: #585a6a;
}

.ava-hold {
    display: block;
    width: 48px;
    height: 48px;
    float: left;
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}

.ava-hold img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.recepy-info {
    float: none;
    width: auto;
    text-align: left;
    padding-left: 55px;
}

.recepy-info li .rec-name {
    font-size: 14px;
    line-height: 28px;
    display: block;
    vertical-align: middle;
    font-family: 'opensans-bold';
    cursor: pointer;
    padding-right: 30px;
    position: relative;
}

.recepy-info li .rec-name a {
    position: absolute;
    top: 0;
    right: 0;
}

.recepy-info li {
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    font-family: 'opensans-light';
    margin-bottom: 5px;
}

.recepy-info li:first-of-type {
    margin-bottom: 0;
}

.recepy-info li:nth-of-type(2) {
    margin-bottom: 10px;
}

.recepy-info li.icon {
    position: relative;
    padding-left: 20px;
}

.recepy-info li.icon:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 14px;
    height: 100%;
    background: url('../img/ii1.png') 50% 50% no-repeat;
}

.recepy-info li.icon.tel:before {
    background-image: url('../img/icons/chat-info-icon-tel.png');
}

.recepy-info li.icon.mail:before {
    background-image: url('../img/icons/chat-info-icon-mail.png');
}

.recepy-info li.icon.city:before {
    background-image: url('../img/icons/chat-info-icon-city.png');
}

.recepy-info li.showAllMembers a {
    text-transform: uppercase;
    text-decoration: underline;
    color: #3b3c44;
}

.recepy-info .btn {
    float: left;
    padding: 5px 15px;
    margin: 10px 15px 5px 0;
    border-color: #585a6a;
    color: #585a6a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.recepy-info li.users-chat-btns {
    padding-top: 9px;
}

.recepy-info li.users-chat-btns .btn {
    margin: 0 12px 12px 0;
}

.recepy-info li.users-chat-btns .btn:last-of-type {
    margin-right: 0;
}

.recepy-info .btn:hover {
    background-color: #fff;
    color: #585a6a;
}

.dialog-container {
    position: relative;
    float: none;
    width: auto;
    margin-left: 370px;
    border: 1px solid #e4e4e4;
    margin-top: 30px;
    /*margin-top: 15px;*/
    display: flex;
    flex-direction: column;
    height: calc(100% - 60px);
    overflow: hidden;
}

.main-chat .dialog-wrapp {
    /*width: 100%;*/
    /*height: 720px;*/
    /*height: 100%;*/
    /*height: 100vh;*/
    height: calc(100% - 100px) !important;
}

.body_personal_area .container {
    height: 100%;
}

.body_selected_text.body_personal_area .container {
    height: auto;
}

.dialog-selection {
    background: #f7f7f7;
    padding-top: 0;
    /*margin-top: -30px;*/
}

.dialog-functional {
    position: relative;
    z-index: 3;
    /*height: 100px;*/
    border-top: 3px solid #fdd137;
    padding: 8px 30px;
    background: #ffffff;
    min-height: 114px;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    margin: 0 !important;
}

.dialog-functional textarea {
    width: 100%;
    height: 100px;
    min-height: 63px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #e4e4e4;
    background-color: transparent;
}

#preview-photo {
    line-height: 14px;
    padding-left: 30px;
    text-align: left;
}

#preview-photo li {
    float: left;
    margin-right: 10px;
}

#preview-photo .selected_name {
    font-size: 12px;
    font-family: 'opensans-regular';
}

.markItUp {
    margin: 0 !important;
    padding-right: 200px !important;
}

#comment-editor {
    width: 100% !important;
    resize: none !important;
    overflow-y: hidden;
    background: #fff;
}

.btn-wrap {
    width: 100%;
    position: absolute;
    right: 0;
    top: -6px;
}

.dialog-functional .btn-wrap {
    top: 3px;
}

.over_fl {
    position: relative;
    margin-top: 0px;
    margin-right: -15px;
    margin-bottom: 10px;
}

.dialog-container .markItUp {
    padding: 5px 36px 0 27px !important;
}

.markItUp .markItUpContainer {
    position: relative;
    z-index: 10;
}

.btnSendMsgChat {
    float: right;
    margin-top: 13px;
    width: 20px;
    height: 20px;
    border: none;
    background: url('../img/icons/send-msg-chat.png') 0 0 no-repeat;
}

.btnSendMsgChatPreloader {
    float: right;
    margin-top: 13px;
    width: 20px;
    height: 20px;
    border: none;
}

.btn-wrap.removeText .js_inp-file-label {
    position: relative;
    float: left;
    margin-top: 5px;
    width: 12px;
    height: 55px;
    text-indent: -9999px;
}

.no-msg-yet {
    position: relative;
    /*margin-top: 150px;*/
}

.no-msg-yet>div {
    position: absolute;
    /*bottom: 0;*/
    /*left: 0;*/
    padding: 0px 30px;
    text-align: center;
    /*bottom: 0;*/
    bottom: -60px;
}

@media (max-width:430px) {
    .no-msg-yet>div {
        padding: 30px 0;
    }
}

.no-msg-yet>div p {
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #2f2f2f;
    opacity: 0.6;
}

.mob-dialog-triggger {
    display: none;
    margin: 4px 0 0 20px;
}

.mob-dialog-triggger:before,
.mob-dialog-triggger span,
.mob-dialog-triggger:after {
    display: inline-block;
    vertical-align: middle;
}

.mob-dialog-triggger:before {
    content: " ";
    margin-right: 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 21px;
    height: 22px;
    background-image: url(../img/personal/dialog.png);
}

.mob-dialog-triggger:after {
    content: "";
    width: 0;
    height: 0;
    margin-left: 5px;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #3b3c44 transparent transparent transparent;
}

.mob-dialog-triggger span {
    font-size: 14px;
    line-height: 16px;
    color: #3b3c44;
}

.close-dialog {
    display: block;
    visibility: hidden;
    opacity: 1;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    padding: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    width: 320px;
    max-height: 26px;
    z-index: 10000;
    left: -320px;
    cursor: pointer;
    background-color: #e4e4e4;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

@media (min-width: 981px) {
    .close-dialog {
        display: none !important;
    }
}

.unreadMessages {
    width: 100%;
    font-size: 12px;
    line-height: 33px;
    font-family: 'opensans-regular';
    text-transform: uppercase;
    background: #fdd137;
}

.btn-wrap .btn {
    float: right;
}

input[type="file"] {
    opacity: 0;
}

.btn-wrap input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}

input[type="file"]+label {
    display: block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

input[type="file"]+label:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    width: 12px;
    background: url(../img/personal/inp-file.png) 0 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.btn-wrap input[type="file"]+label {
    float: left;
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

input[type="file"]+label:hover {
    opacity: 0.8;
}


/*msgbox*/

.msg-box li {
    width: 100%;
    padding: 0 30px;
    margin-top: 10px !important;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.msg-box li.ticket-comment:last-of-type {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.msg-info {
    font-size: 14px;
    line-height: 30px;
    font-family: 'opensans-light';
    /*margin-bottom: 15px;*/
}

.msg-info:after {
    content: '';
    display: table;
    width: 100%;
    clear: both;
    height: 0;
}

.msg-info strong {
    font-family: 'opensans-bold';
}

.txt-content {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'opensans-light';
}

.txt-content:before {
    display: none;
    /*display: block;*/
    position: absolute;
    top: -12px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 12px 9px;
    border-color: transparent transparent #007bff transparent;
}

.txt-content a {
    display: block;
    border-top: 1px solid #ccc;
    padding: 5px 0;
    font-family: 'opensans-light';
    margin-top: 10px;
}

.cleare_style {
    display: inline !important;
    margin-top: 0 !important;
    border: none !important;
}

.recepy-msg .msg-info {
    text-align: right;
}

.recepy-msg .msg-info strong {
    float: right;
    margin-left: 5px;
}

.msg-info-name {
    float: right;
    margin-left: 4px;
    font-size: 12px;
    font-family: 'opensans-regular';
}

.your-msg .msg-info-name {
    float: none;
}

.msg-info-delete,
.msg-info-edit {
    float: right;
    width: 12px;
    height: 30px;
}

@media (max-width: 680px) {

    .msg-info-delete,
    .msg-info-edit {
        height: 22px;
    }
}

.msg-info-delete {
    margin-left: 15px;
    background: url('../img/close-fil.png') 0 50% no-repeat;
    -webkit-background-size: 12px;
    background-size: 12px;
}

.msg-info-edit {
    margin-left: 26px;
    background: url('../img/pencil.png') 0 50% no-repeat;
}

.recepy-msg .txt-content {
    background-color: #fef1c5;
    text-align: left;
}


.recepy-msg .txt-content a {
    color: #41b2e1;
    border-color: #3b3c44;
    text-decoration: underline;
}

.recepy-msg .txt-content a:hover {
    text-decoration: none;
}

.recepy-msg .txt-content:before {
    right: 30px;
    border-color: transparent transparent #fef1c5 transparent;
}

.your-msg .msg-info {
    text-align: left;
}

.your-msg .msg-info strong {
    float: left;
    margin-right: 1px;
}

.your-msg .txt-content {
    background-color: #e4e4e4;
}

.your-msg .txt-content {
    color: #3b3c44;
}

.your-msg .txt-content a {
    color: #3b3c44;
    border-color: #3b3c44;
}

.your-msg .txt-content:before {
    left: 30px;
    border-color: transparent transparent #e4e4e4 transparent;
}


/*order-block*/

.orders-dlock>li {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.order-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0;
}

.order-item-wrap {
    border: 1px solid #d5d5d5;
    margin-top: -1px;
    margin-bottom: 20px;
}

@media (min-width: 981px) {
    .order-info {
        border-bottom: 1px solid #d5d5d5;
        padding: 10px 0 15px;
    }

    .order-info:after {
        display: block;
        visibility: hidden;
        clear: both;
        overflow: hidden;
        height: 0;
        content: ' ';
    }

    .order-info--without-bdt {
        border-top: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    /*.order-item-wrap > p {*/
    /*!*margin-bottom: 20px;*!*/
    /*padding: 10px 20px;*/
    /*text-align: right;*/
    /*font-weight: bold;*/
    /*color: #000;*/
    /*}*/
}

.order-item__bottom-row {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-top: 1px solid #D4D4D4;
    justify-content: space-between;
}

.order-item__total-edit {
    display: inline-flex;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    font-family: 'opensans-regular', sans-serif;
    align-items: center;
}

.order-item__total {
    font-family: 'opensans-bold', sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 0 5px;
}

.order-item__total-edit .currency {
    font-family: 'opensans-bold', sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}

.order-item__total-edit-btn {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #fdd137;
    margin-left: 30px;
    background-image: url("../img/icons/edit-summ-icon.svg");
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
    cursor: pointer;
}

.order-item__total-input input {
    width: 120px;
}

.order-item__doc-count {
    font-size: 14px;
    padding: 0 10px;
    color: #000;
}

.order-item__doc-count span {
    font-family: 'opensans-bold', sans-serif;
}

.order-item__add-document {
    font-size: 14px;
    padding: 0 10px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    color: #000;
}

.order-item__add-document span {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'opensans-bold', sans-serif;
    border-radius: 50%;
    background-color: #fdd137;
    margin-right: 10px;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 20px;
    color: #000;
}

.order-item__cart-cost {
    font-size: 18px;
    font-family: 'opensans-bold', sans-serif;
    padding: 0 5px;
    color: #000;
}

.order-info span {
    font-size: 16px;
    line-height: 18px;
    height: 20px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
}

.order-num {
    color: #494a4a;
}

.order-date {
    color: #858585;
}

.order-state {
    color: #858585;
}

.order-item {
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #d5d5d5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.order-item:last-of-type {
    border-bottom: none;
}

@media (min-width: 981px) {
    .order-item {
        border-bottom: none;
    }

    .order-item:last-of-type {
        border-bottom: 1px solid #d5d5d5;
    }

    .order-item-info {
        position: relative;
        padding: 0 20px;
        border-left: 1px solid #d5d5d5;
        border-right: 1px solid #d5d5d5;
    }

    .order-item-info:after {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #d5d5d5;
    }
}

.orders-dlock li>.btn:not(.remove-current-order) {
    padding: 12px 43px;
    font-size: 14px;
}

.orders-dlock li>.btn:not(.remove-current-order):hover {
    background: transparent;
}

@media (min-width: 980px) {
    .orders-dlock li>.btn {
        float: right;
    }
}

.order-image {
    float: left;
    width: 100%;
    max-width: 170px;
    height: 130px;
}

.order-image>div {
    display: table;
    width: 100%;
    text-align: center;
    height: 130px;
}

.order-image>div>span {
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
}

.order-image>div>span img {
    max-width: 170px;
    max-height: 130px;
}

.order-description {
    float: none;
    width: auto;
    padding-left: 180px;
    padding-right: 670px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 130px;
}

.order-description>div {
    display: table;
    width: 100%;
    height: 130px;
}

.order-description>div>p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
}

.order-summ {
    position: absolute;
    top: 20px;
    height: 130px;
    right: 0;
}

.order-summ li {
    float: left;
    margin-right: 25px;
}

.order-summ li:last-child {
    margin-right: 0;
}

.order-val {
    height: 130px;
}

.order-val>div {
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
}

.order-val>div>div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    text-align: center;
}

.order-val>div>div span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #3b3c44;
}

.order-val>div>div span:first-child {
    color: #7d7d7d;
}

.order-val_color>div>div span:last-child {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 3px solid #fff;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 0 1px #919191;
    -moz-box-shadow: 0 0 0 1px #919191;
    box-shadow: 0 0 0 1px #919191;
}

.order-val_color>div>div span:first-child {
    line-height: 18px;
    margin-top: 6px;
}

.val-price {
    width: 170px;
    height: 130px;
}

.val-price>div {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.val-price>div>div {
    display: table-cell;
    vertical-align: middle;
}

.val-price>div>div span {
    font-size: 14px;
    line-height: 24px;
    display: block;
}

.val-price>div>div span:first-child {
    color: #7d7d7d;
}

.val-price>div>div span:last-child {
    color: #000000;
    font-family: 'opensans-bold';
}

.catalogue-list li {
    position: relative;
}

.catalogue-list li .btn,
.catalogue-list li .btn-prod {
    display: block;
    margin: 10px auto 0 auto;
}

.catalogue-list li .del-fromlist {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.4) url(../img/personal/del-backet.png) 50% 50% no-repeat;
}

.catalogue-list li .del-fromlist:hover {
    background-color: rgba(0, 0, 0, 0.8)
}

.wishlist li {
    width: 24%;
    margin: 0 1.33% 20px 0;
}

.wishlist li:nth-child(3n) {
    margin-right: 1.33%;
}

.wishlist li:nth-child(4n) {
    margin-right: 0;
}

.modal-text {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}

.download-wrap li {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.download-wrap li:first-child {
    padding-right: 15px;
    text-align: right;
}

.download-wrap li:last-child {
    padding-left: 15px;
}

.invoise-list.js_invoice-wrap textarea {
    margin-bottom: 20px;
}

.invoise-list.invoise-list-info .one-invoise {
    padding-top: 0;
}

.invoise-list>li,
.tth-list>li {
    position: relative;
    margin: 60px 0 20px;
    padding: 20px 30px 30px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tth-list>li {
    padding: 20px 15px 30px;
}

.invoise-list>li.one-invoise {
    text-align: left;
    padding-bottom: 20px;
}

.invoise-list>li>div>ul>li {
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
}

.invoise-list>li:last-child {
    margin-bottom: 0;
}

.invoise-title {
    position: absolute;
    top: -30px;
    left: 0;
    font-size: 18px;
    line-height: 20px;
    font-family: 'opensans-bold';
}

.delete-prod-info {
    position: absolute;
    top: -25px;
    right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #fd4a37;
    font-family: 'opensans-regular';
    text-transform: uppercase;
    cursor: pointer;
}

.delete-prod-info:before {
    margin-right: 3px;
    content: url(../img/icons/ivoice-delete-info.png);
}

.invoise-title-change {
    font-size: 12px;
    text-align: center;
}

@media (min-width: 641px) {
    .invoise-title-change {
        position: absolute;
        top: -35px;
        right: 0;
        text-transform: uppercase;
    }
}

.invoise-title+p span {
    font: 14px/1.286 'opensans-regular';
    color: #000;
}

.invoise-title+p a {
    font: 14px/1.286 'opensans-regular';
    color: #909090;
}

.invoise-title+p a:hover {
    color: #000;
}

.invoise-list li div.fancy-select ul.options,
.tth-list li div.fancy-select ul.options {
    list-style: none;
    margin: -2px 0 0 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 300;
    max-height: 480px;
    overflow: auto;
    min-width: 100%;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    color: #3b3c44;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}

.invoise-list>li div.fancy-select ul.options li,
.tth-list li div.fancy-select ul.options li {
    padding: 10px 20px;
    color: #000;
    background: #fff;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
}

.invoise-list>li div.fancy-select ul.options li.selected,
.invoise-list>li div.fancy-select ul.options li.hover,
.tth-list li div.fancy-select ul.options li.selected,
.tth-list li div.fancy-select ul.options li.hover {
    background: #e0e3e5;
    color: #000;
}

.invoise-list>li textarea,
.tth-list>li textarea {
    /*height: 38px;*/
    height: 107px !important;
    padding: 10px 20px;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ind_block .doubl-fields li textarea {
    height: 180px;
}

.ind_block .doubl-fields li:last-child {
    width: 100%;
}

.main-fields>li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .main-fields>li:nth-child(1) {
        float: left;
        width: 50%;
        padding-right: 15px;
    }

    .main-fields>li:nth-child(2) {
        float: left;
        width: 50%;
        padding-left: 15px;
    }
}

.main-fields-invoice {
    display: inline-block;
    width: 539px;
}

.main-fields-invoice li {
    margin-bottom: 10px;
}

@media (min-width: 1025px) {
    .invoise-list .main-fields-invoice+.summary {
        margin-top: 34px;
    }
}

@media (max-width: 1024px) {
    .main-fields-invoice {
        width: 100%;
    }
}

.main-fields>li input[type="text"] {
    width: 100%;
}

.doubl-fields>li {
    width: 33.33%;
    float: left;
    text-align: left;
    margin-bottom: 8px;
    padding: 0 15px;
}

.tth-list .cargo_info .doubl-fields>li:last-of-type {
    /*padding-left: 0;*/
}

@media (min-width: 681px) {
    .doubl-fields>li:nth-child(3n-2) {
        /*padding-left: 0;*/
    }

    .doubl-fields>li:nth-child(3n) {
        /*padding-right: 0;*/
    }
}

@media (max-width: 680px) {
    .doubl-fields>li:nth-child(3n-2) {
        /*padding: 0;*/
    }

    .doubl-fields>li:nth-child(3n) {
        /*padding: 0;*/
    }
}

.doubl-fields>li input[type="text"] {
    width: 100%;
    border-radius: 0;
}

.input-parent:first-child {
    margin-bottom: 0;
}

@media (min-width: 681px) {
    .ind_block.ind_block-strange ul>li:first-of-type {
        width: 40%;
    }

    .ind_block.ind_block-strange ul>li:nth-of-type(2) {
        width: 30%;
    }

    .ind_block.ind_block-strange ul>li:nth-of-type(3) {
        width: 30%;
    }

    .ind_block.ind_block-strange ul>li:nth-of-type(4),
    .ind_block.ind_block-strange ul>li:nth-of-type(5) {
        width: 50%;
    }

    .ind_block.ind_block-strange ul>li:nth-of-type(5) {
        /*padding: 0 0 0 15px;*/
    }

    .ind_block.ind_block-strange ul>li:last-of-type {
        /*padding: 0;*/
        /*width: 100%;*/
    }
}

@media (min-width: 1280px) {
    .ind_block.ind_block-strange ul>li:first-of-type {
        width: 50%;
    }

    .ind_block.ind_block-strange ul>li:nth-of-type(2) {
        width: 17.96%;
    }

    .ind_block.ind_block-strange ul>li:nth-of-type(3) {
        width: 31.95%;
    }
}

@media (min-width: 681px) {
    .ent_block.ent_block-twise .doubl-fields>li {
        padding: 0 15px;
        width: 50%;
    }

    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(5) {
        width: 30%;
    }

    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(odd) {
        padding-left: 0;
    }

    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(even) {
        padding-right: 0;
    }

    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(6) {
        width: 35%;
        padding: 0 15px;
    }

    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(7) {
        width: 35%;
        padding: 0 0 0 15px;
    }
}

@media (min-width: 1280px) {
    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(5) {
        width: 50%;
    }

    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(6) {
        width: 25%;
    }

    .ent_block.ent_block-twise .doubl-fields>li:nth-of-type(7) {
        width: 25%;
    }
}

@media (min-width: 681px) {
    .cargo_info .doubl-fields>li:first-of-type {
        /*width: 50%;*/
        width: 33.33%;
    }

    .cargo_info .doubl-fields>li:nth-of-type(2),
    .cargo_info .doubl-fields>li:nth-of-type(3) {
        /*width: 25%;*/
        width: 33.33%;
    }

    .cargo_info .doubl-fields>li:last-of-type {
        /* padding-right: 0;
        width: 100%; */
        /*width: 33.33%;*/
    }
}

.no-b {
    margin-bottom: 0;
}

.invoise-list li.curr-li {
    padding: 0 !important;
}

.currency-selection div.fancy-select,
.uniq-select div.fancy-select {
    margin-bottom: 0;
    line-height: 0;
    display: block;
}

.currency-selection div.fancy-select div.trigger,
.uniq-select div.fancy-select div.trigger {
    padding: 18px 20px;

    border-color: #f1f1f2;
    color: #a5a5a5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.currency-selection .fancy-select select.not-valid+.trigger {
    background-image: url(../img/not-valid.png);
    background-repeat: no-repeat;
    background-position: center right 6px;
}

.summary {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
}

.invoise-list .summary {
    float: right;
    margin-top: 45px;
    line-height: 1.2;
}

@media (max-width: 1024px) {
    .invoise-list .summary {
        float: none;
        margin-top: 5px;
    }
}

.summary span {
    font-size: 24px;
    font-family: 'opensans-bold';
}

.addItemTtn {
    overflow: hidden;
}

.add-new-item,
.add-new-ttn {
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-family: 'opensans-regular';
    color: #3b3c44;
    margin: 20px 0 5px;
    text-transform: uppercase;
    background-color: transparent;
}

.add-new-ttn {
    margin: 0 0 30px;
}

.add-new-item:hover {
    opacity: 0.8;
}

.all-summ {
    padding: 30px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.all-summ.all-summ-sum {
    margin-bottom: 0;
    padding: 10px 0 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.submit-invoise {
    float: right;
    margin: 0 0 30px 30px;
}

.submit-invoise:last-of-type {
    margin-left: 0;
}

.no-image {
    display: table;
    width: 370px;
    height: 240px;
    text-align: center;
    background-color: transparent;
    border: 2px solid #3b3c44;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.no-image>span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px;
    font-family: 'opensans-light';
    color: #3b3c44;
    text-transform: uppercase;
}

.no-image>span:before {
    display: block;
    margin: 0 auto;
    width: 61px;
    height: 61px;
    content: "";
    background: url(../img/personal/load-image.png) 0 0 no-repeat;
    margin-bottom: 10px;
    cursor: pointer;
}

.no-image:hover {
    border-color: #fdd137;
}

.no-image:hover>span:before {
    background: url(../img/personal/load-image-hover.png) 0 0 no-repeat;
}

.no-image>span>span {
    display: block;
    text-transform: none;
}

.no-image>input[type="file"] {
    position: absolute;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.news-send .news-img {
    float: left;
    width: 370px;
    margin-bottom: 30px;
}

.news-send .news-fields {
    float: none;
    padding-left: 400px;
    margin-bottom: 30px;
}

.news-fields input[type="text"] {
    width: 100%;
    margin-bottom: 20px;
}

.news-fields textarea {
    margin-bottom: 0;
}

.send-news-fuctional {
    margin-bottom: 30px;
}

.send-news-fuctional>li {
    float: left;
    margin-right: 30px;
}

input[type="radio"].send-to {
    display: none;
}

input[type="radio"].send-to+label {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    padding-left: 30px;
}

input[type="radio"].send-to+label:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #b2b2b2;
}

input[type="radio"].send-to:checked+label:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #b2b2b2;
}

.uniq-select {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    line-height: 0;
    margin-right: 10px;
}

.uniq-select div.fancy-select {
    margin-bottom: 0;
}

.users-names li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 15px;
}

.users-names li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    color: #3b3c44;
    font-family: 'opensans-bold';
}

input[type="submit"].del-user {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background: url(../img/personal/del-ico.png) 0 0 no-repeat;
    border: 0;
    color: transparent;
}

input[type="submit"].del-user:hover {
    opacity: 0.8;
}

.user-info-select>li {
    position: relative;
    height: 130px;
    width: 370px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.user-info-select>li:nth-child(3n) {
    margin-right: 0;
}

.user-info-select>li input[type="checkbox"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 10;
}

.user-info-box {
    width: 100%;
    height: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #e2e2e2;
}

.user-info-select li input[type="checkbox"]:checked+.user-info-box {
    border-color: #fdd137;
}

.user-info-box>ul {
    display: block;
    padding-left: 70px;
    width: auto;
    float: none;
}

.user-info-box>ul>li {
    font-size: 14px;
    line-height: 22px;
    color: #3b3c44;
    font-family: 'opensans-light';
}

.user-info-box>ul>li:first-child {
    font-family: 'opensans-bold';
    margin-bottom: 5px;
}

.send-news-functional {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #7f7f7f;
    font-family: 'opensans-light';
    margin-bottom: 30px;
}

.send-news-functional .btn {
    display: block;
    margin: 0 auto 10px auto;
}

.back-to {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #3b3c44;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.back-to:hover {
    opacity: 0.8;
}

.state-select {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 0;
}

.order-item-info>*:first-child {
    padding-top: 5px;
}

.wrapper .order-item-info>*:last-child {
    padding-bottom: 15px;
}

.state-select__label {
    display: inline-block;
    margin-right: 6px;
    font: 16px/19px 'opensans-bold';
    color: #161616;
    vertical-align: middle;
}

.state-select__label+.fancy-select {
    width: auto;
    vertical-align: middle;
}

.state-select .state-select__label+.fancy-select .trigger {
    color: #8c8c8c;
    font-size: 16px;
}

.state-select div.fancy-select {
    margin-bottom: 0;
}

.order-item-info__btn {
    display: inline-block;
    margin-left: 30px;
    font: 14px/19px 'opensans-bold';
    color: #41b2e1;
    vertical-align: middle;
    background: none;
    text-transform: uppercase;
}

.order-item-info__btn:before {
    display: inline-block;
    margin-right: 6px;
    content: '+';
    font-size: 24px;
    vertical-align: top;
}

.order-item-info__interval-msg {
    display: inline-block;
    margin: 0 12px 0 20px;
    font-size: 16px;
    color: #494a4a;
    vertical-align: middle;
}

.order-item-info .order-date {
    display: inline-block;
    margin: 0 20px 0 0;
    padding-bottom: 5px;
    font-size: 16px;
    color: #494a4a;
}

.order-item-info .order-date span {
    color: #b3b3b3;
}

.state-select div.fancy-select div.trigger {
    display: inline-block;
    color: #3b3c44;
    line-height: 18px;
    height: auto;
    max-width: 260px;
    font-family: 'opensans-bold';
    background: #fff url(../img/select.png) no-repeat center right 6px;
    padding: 0 23px 0 0;
}

@media (max-width: 480px) {
    .state-select div.fancy-select div.trigger {
        max-width: 230px;
    }
}

.state-select div.fancy-select div.trigger.open {
    background: #fff url(../img/select_down.png) no-repeat center right 6px;
}

.day_info {
    font-size: 12px;
    padding-top: 5px;
    line-height: 18px;
    text-align: center;
    font-family: 'opensans-regular';
}

.state-select div.fancy-select ul.options {
    border: 1px solid #b2b2b2;
    background: #fff;
    color: #3b3c44;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    width: 200px;
}

.state-select div.fancy-select ul.options li {
    padding: 10px 20px;
    color: #000;
    background: #fff;
    cursor: pointer;
    border: 0;
    white-space: nowrap;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
}

div.fancy-select ul.options {
    border-color: #b2b2b2;
    color: #3b3c44;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
}

.ajax_form.failure_cons_form div.fancy-select {
    margin-bottom: 40px;
}

.modal-inner .btn[name="failure_submit"] {
    margin-bottom: 30px;
}

@media (max-width: 980px) {
    .modal-inner .btn[name="failure_submit"] {
        margin-bottom: 45px;
    }

    #office-auth-register .modal-info {
        margin-bottom: 25px;
    }

    .header-service.header-service-new .btn {
        top: -9px;
    }
}

div.fancy-select ul.options li {
    font-size: 12px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    resize: none;
    border: none;
    background: #f1f1f2;
    color: rgba(106, 106, 106, 0.5);
    text-align: left;
}

div.fancy-select ul.options li.selected,
div.fancy-select ul.options li:hover {
    color: #3b3c44;
    background: #f1f1f2;
}

.rol-catalog:after,
.categories:after,
.top-wrapper:after,
.more-wrapper:after,
.top-functional:after,
.catalogue-list:after,
.text:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: ' ';
}

.social-sharing {
    display: inline-block;
    width: 90px;
    font-size: 10px;
    line-height: 12px;
    vertical-align: middle;
    position: relative;
    padding: 4px 0;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    margin-right: 25px;
}

.vknt-share table {
    position: absolute !important;
    width: 100% !important;
    top: 0;
    left: 0;
    table-layout: auto;

    background: rgb(98, 135, 174);

    border-radius: 3px;

}

.vknt-share table:hover {
    background: rgb(103, 142, 180);
}

.vknt-share a {
    line-height: 11px !important;
}

.vknt-share table tr td {
    padding: 0;
}

.fbk-share {
    background-color: #3b589e;
}

.fbk-share .fb-share-button {
    position: absolute;
    top: 0;
    left: 0;

}

.panel-links:after,
.personal-user-info:after,
.form-info:after,
.form-functional:after,
.dialog-list li .dialog-to:after,
.btn-wrap:after,
.order-item:after,
.order-summ:after,
.orders-dlock>li:after,
.news-send:after,
.send-news-fuctional:after,
.user-info-select:after,
.user-info-box:after,
.doubl-fields:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: ' ';
}

.left {
    float: left;
}

.right {
    float: right;
}


/*************** add styles ******************/

.list-menu {
    width: 270px;
    position: relative;
}

.list-menu>li {
    position: relative;
}

.sub-menu {
    left: 268px;
}

.menu-lines {
    width: 270px;
}

.catalog-rightside {
    width: 870px;
}

.menu-lines a.btn {
    width: 100%;
}

.catalog-title {
    font-size: 18px;
    text-transform: inherit;
    color: #3b3c44;
    background-color: #ebebeb;
    padding: 10px 15px 10px 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0;
}

.catalog-title a {
    float: right;
    padding-top: 3px;
    color: #3b3c44;
    font-size: 12px;
}

.top-nav {
    width: 100%;
    margin: 10px auto;
    padding: 0 15px;
    overflow: hidden;
    max-width: 1200px;
    line-height: 37px;
}

.mobile-search-icon {
    position: absolute;
    top: 0;
    right: -15px;
    display: none;
    width: 60px;
    height: 100%;
    background: url('../img/search-new.png') 50% 50% no-repeat;
    background-size: 17px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.mobile-search-icon--close {
    background: #e0e0e8 url('../img/close-search.png') 50% 50% no-repeat;
}

.mobile-sort-it-icon {
    display: none;
    width: 38px;
    height: 38px;
    background: #f1f1f2 url('../img/mobile-sort-it-icon.png') 50% 50% no-repeat;
}

.mobile-search-icon--filter {
    background-image: url('../img/filter-filled-tool-symbol.png');
}

.filterOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999998;
    width: 100%;
    height: 100%;
    background: rgba(59, 60, 68, 0.8);
}

.filterChoose {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 40px;
    font: 14px/1 'opensans-semibold';
    box-shadow: 0 -2px 7px rgba(59, 60, 68, 0.1);
    background: #ffffff;
}

.filterChoose:first-of-type {
    color: #ca4126;
    border-right: 1px solid #e0e0e8;
}

.filterChoose:last-of-type {
    left: auto;
    right: 0;
    color: #3b3c44;
    border-left: 1px solid #e0e0e8;
}

.mobileFilterBtns {
    position: fixed;
    left: -280px;
    bottom: 0;
    display: none;
    height: 40px;
    width: 280px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.mobileFilterBtns.show {
    left: 0;
}

.filters-cat .filter-name .icon-arrowDrop {
    display: inline-block;
    margin-left: 9px;
    width: 9px;
    height: 11px;
    background: url(../img/menu-arrow.png) right center no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 680px) {
    .filters-cat .filter-name.firstMobChild {
        display: block;
    }

    .filters-cat .filter-name.firstDescChild {
        display: none;
    }

    .pag-item li {
        min-width: 40px;
        height: 40px;
    }

    .pag-item li a {
        line-height: 32px;
    }

    .catalogue-list .item-price span {
        font-size: 20px;
    }

    .filters-cat .filter-name .icon-arrowDrop {
        position: absolute;
        top: 14px;
        right: 22px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .filters-cat .filter-name .icon-arrowDrop.rotate {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .filter-content .chouse-me {
        display: inline-block;
        width: 100%;
    }

    .filters-cat .filter-content .chouse-me input[type="checkbox"]+label {
        display: block;
        padding: 0 30px 0 12px;
        color: #797a84;
    }

    .filters-cat .filter-content .chouse-me input[type="checkbox"]+label::before {
        left: auto;
        right: 12px;
        margin-right: 0;
    }

    .filters-cat .filter-content .select-list,
    .filters-cat .filter-content .filter-color {
        display: none;
    }

    .filters-cat .filter-content .reset {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        line-height: 40px;
        border-bottom: 1px solid #e0e0e8;
    }

    .filters-cat .filter-content .reset:after {
        top: 12px;
        left: 54px;
    }

    .filters-cat .filter-content .reset:before {
        top: 19px;
        left: 47px;
    }

    .filters-cat .filter-name {
        position: relative;
        margin-bottom: 0;
        padding: 0 22px;
        line-height: 40px;
        font-family: 'opensans-regular';
        color: #3b3c44;
        text-align: left;
        font-size: 14px;
        border-top: 1px solid #e0e0e8;
    }

    .filters-cat .filter-name.firstDescChild {
        border-top: none;
    }

    .filters-cat .select-list {
        margin-bottom: 10px;
        padding-top: 10px;
        border-top: 1px solid #e0e0e8;
    }

    .filters-cat .filter-color {
        padding-top: 4px;
    }

    .filters-cat .select-list li.do-not-touch,
    .filters-cat .filter-color li.do-not-touch {
        display: none;
    }

    .mobileFilterBtns {
        display: block;
    }

    .filterOverlay.show {
        display: block;
    }

    .product-top-position .top-nav {
        margin: 0;
    }

    .wrap-search-crumbs {
        margin-top: -10px;
    }

    .wrap-search-crumbs:before {
        position: absolute;
        left: -15px;
        bottom: -1px;
        content: '';
        width: calc(100% + 30px);
        height: 1px;
        background: #e0e0e8;
    }

    .wrap-search-crumbs .catalog-search {
        position: absolute;
        top: 0;
        right: -15px;
        overflow: hidden;
        margin-bottom: 0;
        width: 0 !important;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .wrap-search-crumbs .catalog-search.animateSearch {
        width: 100% !important;
    }

    .catalog-search.animateSearch {
        width: calc(100% + 30px) !important;
    }

    .wrap-search-crumbs .catalog-search input[type="text"] {
        border: none;
        padding: 0 75px 0 15px;
    }

    .wrap-search-crumbs .search-it {
        display: none;
    }

    .mobile-search-icon {
        display: block;
    }

    .showSearch-toHide {
        z-index: 100101;
    }

    .product-top-position .catalog-info {
        display: none !important;
    }

    .product-top-position .top-functional .filter-but {
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 17px;
        width: calc(100% - 42px);
        line-height: 38px;
        height: 38px;
        text-align: left;
        border-bottom: none;
        background: #f1f1f2 !important;
        text-transform: none;
        max-width: inherit;
    }

    .product-top-position .catalog-rightside .top-functional {
        position: relative;
        margin: 12px 0 28px;
    }

    .mobile-sort-it-icon {
        display: inline-block;
        vertical-align: middle;
    }

    .product-top-position .sort-it {
        position: absolute;
        top: 0;
        right: 41px;
        overflow: hidden;
        float: none;
        margin-right: 0;
        width: 0;
        line-height: 38px;
        text-align: center;
        background: #f1f1f2;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .wrapper_search-cat .top-functional {
        position: relative;
    }

    .wrapper_search-cat.product-top-position .sort-it {
        top: auto;
        bottom: 10px;
        white-space: nowrap;
    }

    .product-top-position .sort-it.sort-it--showMobile {
        width: calc(100% - 41px);
    }

    .product-top-position .catalog-rightside .sort-it .sort-select,
    .wrapper_search-cat.product-top-position .sort-it .sort-select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 38px;
    }

    .product-top-position .catalog-rightside .sort-it .sort-select select,
    .wrapper_search-cat.product-top-position .sort-it .sort-select select {
        margin: 0;
        width: 100%;
        height: 38px;
    }

    .product-top-position .catalog-rightside .sort-it .sort-select .fancy-select,
    .wrapper_search-cat.product-top-position .sort-it .sort-select .fancy-select {
        height: 38px;
    }

    .product-top-position .catalog-rightside .sort-it .sort-select .trigger,
    .wrapper_search-cat.product-top-position .sort-it .sort-select .trigger {
        opacity: 0;
        line-height: 38px;
        height: 38px;
    }
}

.top-nav .breadcrumb {
    float: left;
    margin: 0;
    width: initial;
}

.top-nav form {
    float: right;
}

.search-it {
    background: #e4e4e4 url(../img/search-new.png) no-repeat center;
    width: 40px;
    text-indent: -9999px;
}

.catalog-search input[type='text'] {
    background: #fff;
    padding: 0 230px 0 15px;
}

.sub-menu {
    width: 630px;
    overflow: hidden;
}

.sub-menu>li {
    display: block;
    float: left;
    margin: 15px;
    width: 170px;
}

.sub-menu>li>a {
    padding: 0;
    line-height: 18px;
    font-family: 'opensans-bold';
    height: 40px;
    border-bottom: 1px solid #d6d6d6;
}

.sub-menu ul>li>a {
    padding: 10px 0;
}

.sub-menu ul>li>.view-all,
.sub-menu>li>.view-all {
    color: #3b3c44;
    font-family: 'opensans-bold';
    font-size: 12px;
}

.sub-menu>li>.view-all {
    border: none;
}

.sub-menu>li>a:hover,
.return:hover {
    background-color: transparent;
    opacity: 0.8;
}

.sub-menu ul {
    height: 190px;
}

.sub-menu>li {
    border-bottom: 0;
}

.breadcrumb li a {
    text-decoration: none;
    color: #000;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

.this-title {
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}

.return {
    font-size: 14px;
    color: #000;
    display: table;
    margin: 15px 0;
}

.btn-prod {
    background: #fdd137;
}

.btn-prod:hover {
    background: #fff;
}

.catalog-info {
    font-size: 14px;
    float: right;
    font-family: 'opensans-regular';
    color: #6a6a6a;
}

.catalog-info span {
    font-family: 'opensans-regular';
}

.sort-it {
    float: right;
    margin-right: 10px;
    font-size: 14px;
    font-family: 'opensans-regular';
}

div.fancy-select div.trigger {
    background: #f1f1f2 url(../img/select.png) no-repeat 95% 50%;
    font-size: 14px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    resize: none;
    color: rgb(59, 60, 68);
    border: none;
    border-radius: 0;
}

div.fancy-select div.trigger.open {
    background: #f1f1f2 url(../img/select.png) no-repeat 95% 50%;
}

.sort-it div.fancy-select div.trigger {
    background: #fdd137 url(../img/select.png) no-repeat 95% 50%;
}

.sort-it div.fancy-select div.trigger.open {
    background: #fdd137 url(../img/select_down.png) no-repeat 95% 50%;
}

div.fancy-select ul.options {
    border: none;
}

div.fancy-select ul.options li {
    color: #6a6a6a;
}

.not-avail {
    background: url(../img/not_avail.png) no-repeat;
    position: absolute;
    width: 70px;
    height: 70px;
    top: 20px;
    left: 20px
}

.filters {
    position: fixed;
    right: -300px;
    width: 300px;
    top: 100px;
    opacity: 0;
    visibility: hidden;
    height: -moz-calc(100% - 100px);
    height: calc(100% - 100px);
    z-index: 999999;
    transition: all 0.5s;
}

.product-top-position .filters {
    right: auto;
    left: -280px;
    width: 280px;
}

.filters.open {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.product-top-position .filters.open {
    left: 0;
    max-height: 100%;
}

.product-top-position .filters.open .close-filter {
    width: 40px;
    height: 40px;
    right: -40px;
}

.product-top-position .filters .close-filter {
    right: 0;
    left: auto;
    z-index: -1;
    background: #e6e6e7;
    border: 0;
}

.filter-but {
    margin-left: 30px;
    text-transform: none;
}

.filter-but .icon-menu {
    background: url(../img/icon-menu.png) no-repeat center;
    width: 18px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.filters .close-filter {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    border: 1px solid #e4e4e4;
    z-index: 10;
    background-color: #fff;
    left: -34px;
}

.filters .icon-closefl {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/close-fil.png) no-repeat center;
}

.filter-head {
    text-transform: uppercase;
    font-size: 18px;
    color: #3b3c44;
    margin: 10px 0;
    border: 1px solid #e4e4e4;
    text-align: center;
}

.filter-head.ui-state-active:after {
    content: '-';
    display: inline-block;
    margin-left: 10px;
    width: 11px;
}

.filter-head:not(.ui-state-active):after {
    content: '+';
    display: inline-block;
    margin-left: 10px;
    width: 11px;
}

.filter-content {
    background-color: #fff;
    overflow: auto !important;
    position: relative;
    height: 100%;
    padding-bottom: 40px;
}

.filter-name {
    font-family: 'opensans-bold';
    font-size: 14px;
    color: #383838;
    clear: both;
    margin-bottom: 5px;
}

.filter-content ul li {
    position: relative;
    float: left;
    width: 260px;
    margin: 0;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    line-height: 40px;
}

.filter-content .chouse-me input[type="checkbox"]+label {
    font-size: 14px;
    line-height: 18px;
    font-family: 'opensans-regular';
    color: #383838;
    padding-left: 24px;
    position: relative;
}

.filter-content .chouse-me input[type="checkbox"]+label::before {
    background: #fff;
    border: 1px solid #6b6c77;
    height: 13px;
    width: 13px;
    position: absolute;
    left: 0;
    top: 9px;
}

.filter-content .chouse-me input[type="checkbox"]:checked+label::before {
    background: #fdd137;
    border-color: #fdd137;
}

.product-top-position .filter-content .chouse-me input[type="checkbox"]:checked+label::before {
    background: #fdd137 url('../img/icons/shape-2.png') 45% 50% no-repeat;
    border-color: #fdd137;
}

.show-more-items {
    overflow: hidden;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    padding-left: 22px;
    font-family: 'opensans-semibold';
    color: #3b3c44;
    line-height: 40px;
    max-height: 0;
    margin-bottom: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.show-more-items.show {
    max-height: 40px;
    margin: -10px 0 10px;
}

.show-more-items span {
    line-height: 1;
}

.filter-content>a span {
    font-family: 'opensans-regular';
    font-weight: bold;
}

.filter-content>a:hover {
    opacity: 0.8;
}

.filter-content input[type="radio"],
.filter-content .color-input {
    display: none;
}

.filter-content .filter-color label.disabled {
    cursor: text;
}

.filter-color .disabled:before {
    background: #fff url(../img/icons/cross.png) center no-repeat;
}

.filter-content .color-input+label {
    width: 28px;
    height: 28px;
    display: inline-block;
    border: 3px solid #fff;
    vertical-align: middle;
    position: relative;
    margin: 0 0 12px 12px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 1px #919191;
    -moz-box-shadow: 0 0 0 1px #919191;
    box-shadow: 0 0 0 1px #919191;
}

.filter-content .color-input:checked+label {
    margin: 0 0 13px 13px;
    width: 27px;
    height: 27px;
    border-width: 2px;
    -webkit-box-shadow: 0 0 0 2px #919191;
    -moz-box-shadow: 0 0 0 2px #919191;
    box-shadow: 0 0 0 2px #919191;
}

.filter-content .reset,
.clearList-btn {
    position: absolute;
    top: -24px;
    left: 160px;
    font-size: 14px;
    color: #ca4126;
    padding: 0 19px;
    margin: 0 25px;
    padding-left: 20px;
    line-height: 18px;
    font-family: 'opensans-semibold';
    display: table;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.clearList-btn {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin-right: 16px;
    background-color: transparent;
}

.filter-content .reset:after,
.filter-content .reset:before,
.clearList-btn:after,
.clearList-btn:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: '';
    width: 16px;
    height: 2px;
    background: #ca4126;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.filter-content .reset:after,
.clearList-btn:after {
    top: 1px;
    left: 7px;
    width: 2px;
    height: 16px;
}

.filter-content .reset:hover,
.clearList-btn:hover {
    color: #d76b55;
}

.filter-content .reset:hover:after,
.filter-content .reset:hover:before,
.clearList-btn:after,
.clearList-btn:before {
    background: #d76b55;
}

.text ul:not(.flip):not(.types-delivery__list):not(.advantage-box):not(.delivery-cost__list):not(.international-delivery-list) li:before {
    vertical-align: middle;
}

.text ul:not(.flip):not(.types-delivery__list):not(.advantage-box):not(.delivery-cost__list):not(.international-delivery-list) li {
    margin-bottom: 0;
    /*font-size: 16px;*/
    font-family: 'opensans-regular';
    /*line-height: 22px;*/
    color: #3b3c44;
    text-align: justify;
    float: left;
    width: 46%;
    position: relative;
    padding-left: 2.7%;
}

.text ul:not(.flip):not(.types-delivery__list):not(.advantage-box):not(.delivery-cost__list):not(.international-delivery-list) li:nth-child(2n+1) {
    width: 54%;
}

.text ul:not(.flip):not(.prop):not(.types-delivery__list):not(.advantage-box):not(.delivery-cost__list):not(.international-delivery-list) li {
    float: none;
    width: 100%;
    margin-bottom: 5px;
}

table.price {
    width: 99%;
    background-color: #f3f2f2;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 10px;
}

.price_text {
    margin-bottom: 9px;
}

.price_text span {
    color: #6b6c77;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.price_text .icon-truck {
    width: 13px;
    height: 11px;
    background: url("../img/icons/truck-small.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.price_text .icon-truck-line {
    width: 13px;
    height: 11px;
    background: url("../img/icons/truck-small-line.png") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.catalog-rightside .text-right {
    margin-left: 400px;
    -webkit-tap-highlight-color: transparent;
}

.catalog-rightside .text-right ul:not(.flip) {
    margin-left: 0;
    overflow: hidden;
}

.catalog-rightside .text-right ul:not(.flip) li {
    text-align: left;
    padding: 0 10px 0 30px;
    font-size: 14px;
}

.catalog-rightside .text-right ul:not(.flip) li span {
    display: inline-block;
    vertical-align: top;
    border-radius: 100%;
    -ms-border-radius: 100%;
    width: 25px;
    height: 25px;
    margin: 0 5px 5px;
    font-size: 0px;
}

.catalog-rightside .text-right ul.prop li {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px 5px 30px;
    width: 50%;
    float: left;
}

.choose-cat {
    border: 3px solid #fdd137;
    padding-top: 15px;
    margin-bottom: 20px;
}

/*===== New styles for Product cards ====*/
.catalog-rightside .text .text-right ul.opt-colors li {
    padding-left: 0;
    font-family: 'opensans-bold';
}

.catalog-rightside .text .text-right ul.opt-colors li:before {
    display: none;
}

.opt-colors li span {
    cursor: pointer;
}

/* ==== Top 100 product === */
.product-top-position .buy .btn-prod,
.product-top-position .buy .fav_btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-color: #22aa1c;
}

.product-top-position .buy .btn-prod {
    background: #22aa1c;
    color: #fff;
}

.product-top-position .buy .btn-prod:hover {
    background: #fff;
    color: #3b3c44;
}

.product-top-position .buy .fav_btn {
    background: #fff;
}

.product-top-position .buy .fav_btn:hover {
    background: #22aa1c;
    color: #fff;
}

.product-top-position .text-right .buy .fav_btn .heart-but {
    background: url('../img/icon-heart-top.png') center no-repeat;
}

.product-top-position .catalog-title {
    background: #6b6c77;
    color: #fff;
    text-transform: uppercase;
    font-family: 'opensans-semibold';
    text-align: left;
    padding-left: 20px;
}

.product-top-position .list-menu {
    margin-bottom: 20px;
    border-color: #d2d2d2;
    border-top: none;
}

.product-top-position .list-menu>li {
    position: relative;
    border-bottom: none;

}

.product-top-position .list-menu>li.cat-active>a {
    border-bottom: 1px solid #e4e4e4;
}

.product-top-position .list-menu>li:before {
    content: '';
    width: 100%;
    display: block;
    height: 1px;
    position: absolute;
    top: 100%;
    background: #e4e4e4;
    left: 0;
    z-index: 1;
}

.product-top-position .list-menu>li>a {
    color: #3b3c44;
    font: 14px/47px 'opensans-regular';
    padding: 0 19px;
    background: none;
    text-transform: uppercase;
}

.product-top-position .list-menu>li a:hover {
    background: #e0e0e8;
}

.product-top-position .list-menu>li>a:before,
.product-top-position .list-menu>li>ul>li>a:not(.no-sub-menu):before {
    content: '';
    display: block;
    background: url(../img/menu-arrow.png) right center no-repeat;
    width: 5px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 19px;
}

.product-top-position .list-menu li.cat-active>ul {
    display: block;
}

.product-top-position .list-menu li.cat-active>a:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.product-top-position .list-menu>li>ul>li {
    position: relative;
}

.product-top-position .list-menu>li>ul>li a:hover {
    background: transparent;
    text-decoration: none;
}

.product-top-position .list-menu>li>ul>li.cat-active:not(.no-point):before,
.product-top-position .list-menu>li>ul>li>ul>li.cat-active:before {
    content: '';
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #3b3c44;
    position: absolute;
    left: 37px;
    width: 3px;
    height: 3px;
    top: 19px;
}

.product-top-position .list-menu>li>ul>li.cat-active:not(.no-point):before {
    top: 22px;
    left: 19px;
}

.product-top-position .list-menu>li:last-child:before {
    display: none;
}

.product-top-position .list-menu>li>ul>li>a {
    padding: 14px 15px 14px 30px;
    color: #000;
    font: 14px/19px 'opensans-regular';
    display: block;
}

.product-top-position .list-menu>li>ul>li>ul>li {
    position: relative;
}

.product-top-position .list-menu>li>ul>li>ul>li a {
    padding: 10px 15px 10px 48px;
    color: #6b6c77;
    font: 14px/20px 'opensans-regular';
    display: block;
}

.product-top-position .list-menu>li>ul>li>ul>li a:hover,
.product-top-position .list-menu>li>ul>li>ul>li.cat-active a {
    color: #000;
}

.product-top-position .list-menu li ul {
    display: none;
}

.product-top-position .menu-lines a.btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    color: #3b3c44;
    font-size: 14px;
    border: 2px solid #fdd137;
    font-family: 'opensans-regular';
    background: #fdd137;
}

.product-top-position .menu-lines a.btn:hover {
    background: transparent;
}

.product-top-position .search-it {
    background: #d0d0d0 url('../img/search-icon-top.png') center no-repeat;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-top-position .catalog-search input[type='text'] {
    position: relative;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    text-transform: none;
    font-family: 'opensans-semibold';
    border-color: #d0d0d0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-top-position .catalog-search input[type='text']:focus {
    border-color: #a8aab3;
}

.product-top-position .catalog-search input[type='text']:focus+input {
    background-color: #a8aab3;
}

.product-top-position .catalog-search input[type='text']::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 12px;
    text-transform: uppercase;
}

.product-top-position .catalog-search input[type='text']:-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 12px;
    text-transform: uppercase;
}

.product-top-position .catalog-search input[type='text']:-moz-placeholder {
    color: #b3b3b3;
    font-size: 12px;
    text-transform: uppercase;
}

.product-top-position .catalog-search input[type='text']::-moz-placeholder {
    color: #b3b3b3;
    font-size: 12px;
    text-transform: uppercase;
}

.product-top-position .reviews .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    background: #fff;
    border-color: #22aa1c;
}

.product-top-position .reviews .btn:hover {
    background: #22aa1c;
    color: #fff;
}

.product-top-position .catalogue-list li .buttons-wrap,
.product-top-position .hits-slider .slide-item .buttons-wrap {
    padding: 0 20px;
}

.product-top-position .catalogue-list li {
    border: 2px solid #e4e4e4;
}

.product-top-position .catalogue-list li .buttons-wrap .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    background: #22aa1c;
    border-color: #22aa1c;
    color: #fff;
}

.product-top-position .catalogue-list li .buttons-wrap .btn:hover {
    background: #fff;
    color: #3b3c44;
}

.product-top-position .top-functional {
    margin: 0;
    text-align: left;
}

.product-top-position .sort-it div.fancy-select div.trigger {
    background: transparent url(../img/select.png) no-repeat 95% 50%;
    ;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    line-height: 1;
    height: 18px;
    padding: 0 20px 0 2px;
}

.sort-it--label {
    font-family: 'opensans-semibold';
    font-size: 14px;
    white-space: nowrap;
}

.product-top-position .sort-it div.fancy-select {
    margin-bottom: 0;
}

.product-top-position .sort-it .sort-select {
    width: auto;
    height: 18px;
}

.product-top-position .catalog-info {
    line-height: 30px;
    min-height: 30px;
    font-size: 14px;
}

.product-top-position div.fancy-select ul.options {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
}

.product-top-position .filter-but {
    margin-left: 0;
    padding: 5px 0 2px;
    min-width: 0;
    height: 22px;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    border: none;
    border-bottom: 1px solid #3b3c44;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'opensans-semibold';
    vertical-align: text-top;
}

.icon-filter {
    display: inline-block;
    margin-right: 2px;
    width: 12px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.icon-filter--close {
    display: none;
    position: relative;
    overflow: hidden;
    margin-right: 2px;
    width: 12px;
    height: 12px;
}

.icon-filter--close:after,
.icon-filter--close:before {
    position: absolute;
    top: -3px;
    left: 5px;
    content: '';
    width: 2px;
    height: 150%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #3b3c44;
}

.icon-filter--close:after {
    top: 5px;
    left: -3px;
    width: 150%;
    height: 2px;
}

@media (min-width: 681px) {
    .product-top-position .filter-but:hover .icon-filter {
        fill: #6b6c77;
    }

    .product-top-position .filter-but:hover {
        color: #6b6c77;
        border-bottom-color: #6b6c77;
        background: transparent;
    }
}

.product-top-position .filter-but:hover .icon-filter--close:after,
.product-top-position .filter-but:hover .icon-filter--close:before {
    background: #6b6c77;
}

.product-top-position .pag-item li a:hover,
.product-top-position .pag-item li a.active {
    background: #3b3c44;
    border-color: #3b3c44;
}

.product-top-position .akciya-timer {
    border-color: #22aa1c;
}

/* ==== end ===== */
.btn-bot {
    text-align: center;
}

.btn-bot .btn {
    background: #fdd137;
}

.btn-bot .btn:hover {
    background: #fff;
}

.select-box__label .selectNew {
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: rgb(59, 60, 68);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #f1f1f2;
}

#calc .select2-container--default .select2-selection--single,
.request-form .select2-container--default .select2-selection--single {
    height: 38px;
    border: none;
    border-radius: 0;
    background: #f1f1f2;
}

#calc .select2-container--default.select2-container--open .select2-selection--single,
.request-form .select2-container--default.select2-container--open .select2-selection--single {
    border: 1px solid #c2c2c2;
    background: #ffffff;
}

#calc .select2-container--default .select2-selection--single .select2-selection__rendered,
.request-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 20px 0 0;
    font-size: 14px;
    line-height: 38px;
    color: #3b3c44;
}

#calc .select2-container--default .select2-selection--single .select2-selection__arrow,
.request-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 32px;
    height: 36px;
}

/*===== end ============*/
#calc .select2-container--default .select2-selection--single {
    height: 38px;
    border: none;
    border-radius: 0;
    background: #f1f1f2;
}

#calc .select2-container--default.select2-container--open .select2-selection--single {
    border: 1px solid #c2c2c2;
    background: #ffffff;
}

#calc .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 20px 0 0;
    font-size: 14px;
    line-height: 38px;
    color: #3b3c44;
}

#calc .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 32px;
    height: 36px;
}

/*===== New styles for calculator ===== */
.calc-form:after {
    content: '';
    display: block;
    clear: both;
}

.calc-form .form-title {
    font: 22px/30px 'opensans-bold';
    color: #000;
    margin-bottom: 22px;
    text-align: center;
}

.calc-form .input-box {
    margin-bottom: 17px;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 15px;
    width: 50%;
    text-align: left;
}

.calc-form .input-box.input-box_mob-width {
    vertical-align: top;
}

.calc-form .select-box {
    margin-bottom: 17px;
    padding: 0 15px;
    text-align: left;
}

.calc-form .calc-totals .input-box {
    margin: 23px 0 0;
    width: 100%;
    padding: 0 30px
}

.calc-form .select-box--mgbb {
    margin-bottom: 27px;
}

.calc-form .input-box input {
    width: 100%;
}

.calc-form .input-box input[type="number"] {
    font-size: 14px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    resize: none;
    color: #3b3c44;
    border: none;
    border-radius: 0;
    background: #f1f1f2;
}

.input-box.input-box--big {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.calc-form>label {
    font: 14px/18px 'opensans-bold';
    color: #000;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.calc-form .radio-box {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
}

.calc-form .radio-box label,
.request-form-box__input-label {
    position: relative;
    cursor: pointer;
    margin-right: 30px
}

.calc-form .radio-box label:last-of-type,
.request-form-box__input-label:last-of-type {
    margin-right: 0
}

.calc-form .radio-box label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.calc-form .radio-box label input[type="radio"]+span,
.request-form-box__input-label input[type="radio"]+span {
    display: inline-block;
    vertical-align: middle;
    font: 14px/18px 'opensans-regular';
    color: #000;
}

.calc-form .radio-box label input[type="radio"]+span:before,
.request-form-box__input-label input[type="radio"]+span:before {
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.calc-form .radio-box label input[type="radio"]:checked+span:before,
.request-form-box__input-label input[type="radio"]:checked+span:before {
    background: #6b6c77;
}

.select-box .jq-selectbox {
    width: 100%;
}

.select-box .jq-selectbox__select {
    width: 100%;
    font-size: 14px;
    height: 38px;
    padding-right: 20px;
    padding-left: 20px;
    resize: none;
    color: rgb(59, 60, 68);
    border: none;
    border-radius: 0;
    background: #f1f1f2;
}

.select-box .jq-selectbox__select-text {
    font: 14px/38px 'opensans-regular';
    text-shadow: none;
}

.select-box .jq-selectbox__trigger {
    border: none;
}

.select-box .jq-selectbox__trigger-arrow {
    top: 17px;
}

.select-box .jq-selectbox.focused .jq-selectbox__select {}

.select-box .jq-selectbox__dropdown {
    background: #f1f1f2;
    color: #3b3c44;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    text-align: left;
    top: 38px;
}

.select-box .jq-selectbox__dropdown ul {
    margin: 0;
}

.select-box .jq-selectbox__dropdown ul:after {
    content: '';
    display: table;
    clear: both;
}

.calc-form .select-box .jq-selectbox__dropdown ul li {
    font-size: 12px;
    line-height: 12px;
    font-family: 'opensans-regular';
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 10px 20px;
    color: #3b3c44;
}

.select-box .jq-selectbox__dropdown ul li:before {
    display: none !important;
}

.select-box .jq-selectbox li:hover {
    background: none;
    opacity: .8;
    color: #3b3c44;
}

.calc-totals {
    border: 1px solid #d5d5d5;
    width: 370px;
    padding-bottom: 30px;
    text-align: left;
}

.calc-totals .system-advise {
    margin: 0 0 15px;
    padding: 10px 30px 23px;
    font: 12px/18px 'opensans-regular';
    color: #757575;
    border-bottom: 1px solid #d5d5d5;
}

.calc-totals .system-advise a {
    color: #279ec0;
    font-family: 'opensans-semibold';
}

.calc-totals .this-totals {
    padding: 0 30px;
}

.calc-totals .this-totals ul {
    margin: 0 0 15px !important;
}

.calc-form .calc-totals .this-totals ul li {
    font: 12px/42px 'opensans-semibold';
    padding: 0;
    width: auto !important;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.calc-form .calc-totals .this-totals ul li p {
    float: right;
    font-family: 'opensans-bold';
    font-size: 16px;
    margin: 0;
    line-height: 40px;
}

.calc-form .calc-totals .this-totals ul li p .sml-sz {
    font-size: 12px;
    text-transform: none;
}

.calc-totals .this-totals ul li:before {
    display: none !important;
}

.calc-totals .totals-result {
    border-top: 1px solid #d5d5d5;
    padding: 30px 30px 5px;
    position: relative;
    margin-bottom: 34px;
}

.calc-totals .totals-result:after {
    position: absolute;
    bottom: 0;
    left: 30px;
    content: '';
    width: calc(100% - 60px);
    height: 1px;
    background: #d5d5d5;
}

.calc-totals .totals-result div {
    margin: 0;
    font: 24px/1 'opensans-semibold';
}

.calc-totals .totals-result p {
    float: right;
    margin: 0;
    font-size: 24px
}

.calc-totals .totals-result p>span {
    font-family: 'opensans-bold';
}

.calc-totals .totals-result span+span {
    font-size: 18px;
}

.calcForm__btn-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
    font-size: 0;
}

.calcForm__btn {
    flex: 0 0 auto;
    width: calc(50% - 15px);
    display: inline-block;
    height: 56px;
    font: 14px/18px 'opensans-regular';
    text-transform: uppercase;
    color: #3b3c44;
    vertical-align: middle;
    border: 2px solid #fdd137;
    background: #fdd137;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.calcForm__btn:hover {
    background: transparent;
}

.calcForm__btn:first-child {
    margin-right: 15px;
}

.calcForm__btn:last-child {
    margin-left: 15px;
}

.calc-wrapper {
    /*float: left;*/
    /*margin-left: -15px;*/
    /*width: 785px;*/
    font-size: 0;
    text-align: left;
    margin: 0 15px 0 0;
    width: calc(100% - 385px);
}

.calc-totals {
    width: 370px;
}

.calc-form form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.calc-container {
    display: inline-block;
    width: 100%;
}

.calc-container-half {
    width: 50%;
    vertical-align: top;
}

.calc-form .calc-container__title,
.calc-form .calc-totals__title,
.request-form-boxes-title {
    margin: 2px 15px 20px;
    padding: 6px 0 10px;
    font: 18px/1.2 'opensans-semibold';
    border-bottom: 1px solid #d5d5d5;
}

.calc-form .calc-totals__title {
    margin: 0;
    padding: 20px 30px 10px;
}

.calc-form .calc-container__label,
.request-form-box__input-dscr {
    margin: 0 0 4px;
    font: 12px/20px 'opensans-regular';
    text-align: left;
}

.calc-form .calc-container__label span {
    font-family: 'opensans-regular';
}

@media (max-width: 1200px) {
    .calc-wrapper {
        float: none;
        margin: 0 0 10px;
        width: auto;
    }

    .calc-form .form-title {
        margin-bottom: 12px;
    }

    .calc-form .calc-container__title,
    .calc-form .calc-totals__title,
    .request-form-boxes-title {
        margin-bottom: 15px;
        text-align: center;
    }

    .calc-form .calc-container__label,
    .request-form-box__input-dscr {
        margin-bottom: 2px;
        line-height: 16px;
    }

    .calc-form .input-box,
    .calc-form .select-box {
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .calc-form .select-box--mgbb {
        margin-bottom: 20px;
    }

    .calc-totals {
        float: none;
        padding-bottom: 0;
        width: 100%;
    }

    .calc-form .calc-totals__title {
        margin-bottom: 0;
        padding: 10px 15px;
    }

    .calc-form .calc-totals .input-box {
        margin: 13px 0 0;
        padding: 0 15px;
    }

    .calc-totals .this-totals {
        padding: 0 15px;
    }

    .calc-totals .system-advise {
        padding: 0 15px 13px;
    }

    .calc-totals .totals-result:after {
        display: none;
    }

    .calc-totals .totals-result div {
        display: inline-block;
    }

    .calc-totals .totals-result p {
        float: none;
        display: inline-block;
    }

    .calcForm__btn-wrap {
        float: right;
        margin-top: -71px;
        padding: 0 15px;
        position: relative;
        z-index: 1;
    }

    .calc-totals .totals-result {
        margin-bottom: 25px;
        padding: 30px 15px 5px;
        position: relative;
        z-index: 0;
    }

    .calc-form form {
        display: block;
    }
}

@media (max-width: 1200px) and (min-width: 481px) {
    .calc-form .calc-totals .this-totals ul li {
        display: inline-block;
        margin-right: 16px;
        line-height: 22px;
    }

    .calc-form .calc-totals .this-totals ul li:last-child {
        margin-right: 0;
    }

    .calc-form .calc-totals .this-totals ul li p {
        float: none;
        display: inline-block;
        line-height: 20px;
    }
}

@media (max-width: 1200px) {
    .over-class {
        overflow: hidden;
    }
}

@media (max-width: 680px) {
    .calc-form .form-title {
        font-size: 20px;
        line-height: 24px;
    }

    .calc-wrapper {
        float: none;
        margin: 0 0 10px;
        width: auto;
    }

    .calc-container-half {
        width: 100%;
    }

    .calc-container__label br {
        display: none;
    }

    .calc-form .input-box,
    .calc-form .select-box {
        padding: 0 5px;
    }

    .calc-form .input-box_mob-width {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .calcForm__btn-wrap {
        float: none;
        display: table;
        margin: 0 auto 20px;
    }

    .calc-totals .totals-result {
        margin-bottom: 10px;
        padding: 15px 15px 5px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .calc-form .calc-totals .this-totals ul li {
        line-height: 28px;
    }

    .calc-form .calc-totals .this-totals ul li p {
        line-height: 26px;
    }

    .calcForm__btn {
        height: 40px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .calcForm__btn:first-of-type {
        margin-bottom: 10px;
    }
}

.text-main-page .calc-form {
    position: relative;
    overflow: visible;
    margin: 35px 0 60px;
    padding: 28px 0 23px;
}

.text-main-page .calc-form:after {
    display: block;
    content: '';
    clear: both;
}

.text-main-page .calc-form:before {
    position: absolute;
    top: 0;
    left: calc(50% - 1500px);
    content: '';
    width: 3000px;
    height: 100%;
    background: #f6f6f6;
}

.text-main-page .calc-wrapper {
    padding: 12px 10px 10px;
    border: 1px solid #d5d5d5;
    background: #ffffff;
}

.text-main-page .calc-wrapper,
.text-main-page .calc-totals,
.text-main-page .calc-form .form-title,
.text-main-page .calc-form .form-subtitle {
    position: relative;
    z-index: 1;
}

.text-main-page .calc-form .form-subtitle {
    margin: -5px auto 25px;
    max-width: 650px;
    text-align: center;
}

.text-main-page .calc-totals {
    background: #ffffff;
}

@media (max-width: 480px) {
    .text-main-page .calc-form {
        margin-bottom: 20px;
    }
}

/*===== end ============ */
@media (min-width: 1140px) and (max-width: 1280px) {

    .text-right .buy .btn,
    .text-right .buy .btn-prod {
        width: 48%;
    }

    .text-right .buy .inactive {
        width: 48%;
        float: left;
    }
}

@media (max-width: 1140px) and (min-width: 981px) {
    .catalog-rightside .text-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

    }

    .catalog-rightside .left-slider {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .product-title--wrapp {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .mssaleprice_form {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .product-title--wrapp .product-title {
        text-align: center;
    }

    .article.article-big {
        text-align: center;
    }
}



@media(max-width: 680px) {
    .product-title--wrapp .product-title {
        text-align: center;
    }

    .article.article-big {
        text-align: center;
    }

    .catalog-rightside .text-right {
        margin-left: 0px;
        clear: both;
    }

    .catalog-rightside .text-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

    }

    .catalog-rightside .left-slider {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .product-title--wrapp {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .mssaleprice_form {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .call-manager.call-manager--mob {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .catalog-rightside .text-right ul:not(.flip) li span {
        width: 15px;
        height: 15px;
        margin: 0 0px 5px;
    }
}

@media(min-width: 981px) and (max-width: 1140px) {
    .left-slider {
        margin: 0 auto;
        float: none;
    }

    .catalog-rightside .text-right {
        margin-left: 0px;
        clear: both;
    }
}

.link-btn {
    margin-left: 20px;
    padding: 0;
    font: 12px/36px 'opensans-regular';
    color: #3b3c44;
    text-transform: uppercase;
    text-decoration: underline;
    background: transparent;
}

table.price tr td {
    position: relative;
    padding: 0;
    line-height: 25px;
}

table.price tr:first-child td {
    padding-top: 7px;
}

table.price tr:last-child td {
    padding-bottom: 4px;
}

table.price tr td:not(:last-of-type):after {
    position: absolute;
    top: 0;
    right: -5px;
    content: '';
    width: 10px;
    height: 100%;
    background: #ffffff;
    display: block !important;
}

table.price tr:first-child {
    font-size: 24px;
    color: #3b3c44;
    font-family: 'opensans-bold';
}

table.price tr:nth-child(2) {
    font-size: 14px;
    color: #797a84;
    font-family: 'opensans-regular';
}

table.price .old {
    font-size: 14px;
    text-decoration: line-through;
    font-family: 'opensans-regular';
    display: block;
}

.attr {
    margin-bottom: 20px;
    text-align: left;
    padding-right: 20px;
}



.attr .article {
    font-size: 14px;
    color: #3b3c44;
    font-family: 'opensans-regular';

}

.attr>.article {
    display: block;
    margin-bottom: 5px;
}

@media (min-width: 681px) {
    .attr>.article {
        display: inline-block;
        margin-bottom: auto;
    }
}

.attr .article span {
    font-family: 'opensans-semibold';
}

.attr .availible {
    font-size: 14px;
    font-family: 'opensans-bold';
    color: rgb(220, 9, 14);
    display: block;
    margin-bottom: 10px;
}

.left-slider {
    margin-bottom: 30px;
    position: relative;
}

.left-slider .not-avail {
    z-index: 9;
}

@media (max-width: 420px) {
    .left-slider .not-avail {
        max-width: 92%;
    }
}

.prod-descr-text {
    font-size: 16px;
    font-family: 'opensans-regular';
    line-height: 24px;
    text-align: justify;
    margin-bottom: 30px;
}

.review {
    font-family: 'Noto Sans', sans-serif;
    color: #000;
    margin-bottom: 30px;
}

.review .rate {
    font-size: 22px;
    line-height: 18px;
    margin-bottom: 5px;
}

.review .name {
    margin: 0 0 -7px;
    font-weight: bold;
    font-size: 18px;
}

.nav {
    vertical-align: top;
}

.review .name .date {
    font-size: 14px;
    opacity: 0.6;
    line-height: 18px;
    font-weight: normal;
    display: inline-block;
    margin-left: 20px;
    margin-top: 5px;
}

.review .rewiev-text {
    font-size: 14px;
    opacity: 0.6;
    text-align: justify;
    line-height: 22px;
}

.rate .full-star {
    color: #fbcf70;
}

.rate .empty-star {
    color: #bac0cc;
}

.reviews .btn {
    margin: 30px 0;
}

.ui-dialog .ui-dialog-title {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-family: 'opensans-bold';
    display: block;
}

.review-request .rate {
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0;
    text-align: center;
}

.review-request .rate p {
    font-size: 18px;
}

.review-request input[type="text"] {
    width: 100%;
    margin-bottom: 15px;
}

.review-request textarea {
    margin-bottom: 15px;
}

.review-request input[type="submit"] {
    display: table;
    margin: auto;
}

.akciya-timer>span {
    font-size: 14px;
    color: #3b3c44;
    vertical-align: middle;
}

.akciya-timer {
    border: 3px solid #ecece6;
    padding: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.text ul:not(.flip):not(.types-delivery__list):not(.delivery-cost__list):not(.international-delivery-list):not(.advantage-box) li:before {
    display: inline-table;
    width: 20px;
    height: 20px;
    content: "";
    background: url(../img/list.png) no-repeat center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#clock {
    font-size: 12px;
    color: #3b3c44;
    float: right;
}

#clock span {
    font-size: 18px;
    color: #3b3b3b;
    font-family: 'opensans-bold';
    margin: 0 10px;
}


/*end count*/

.phone {
    margin-right: 45px;
}

.text .slider-thumb {
    max-width: 100%;
}

.catalog-rightside .cat-slider {
    margin-top: 0;
    margin-bottom: 30px;
}

.text-right .buy {
    margin-bottom: 10px;
    overflow: hidden;
}

.text-right .buy .btn,
.text-right .buy .btn-prod {
    width: 48%;
    padding: 10px;
}

.text-right .buy .fav_btn {
    padding: 10px;
}

.text-right .buy .btn {
    float: right;
}

.text-right .buy .btn .heart-but {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../img/heart.png) no-repeat center;
    width: 24px;
    height: 20px;
    display: inline-block;
}

.selectNew {
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: rgb(59, 60, 68);
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: white;
}

.selectNewBox {
    display: flex;
    flex-direction: column;
}

.select2-container {
    z-index: 100;
    width: 100% !important;
    text-align: left;
}

.ui-jqgrid .ui-jqgrid-view {
    overflow: hidden;
}

@media (max-width: 1300px) {
    .ui-jqgrid .ui-jqgrid-view {
        overflow: auto;
    }
}

@media (max-width: 800px) {
    .app-partnership {
        height: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .app-partnership .data-user-table-wrap {
        /*overflow-x: initial;*/
    }
}

@media (max-width: 480px) {
    .select2-container {
        /*z-index: 10000;*/
        z-index: 100;
        /*width: 100% !important;*/
        text-align: left;
        /*width: calc(100% - 25px) !important;*/
        display: block;
        margin: 0 0 0 auto;
    }
}

.select2-container--open {
    z-index: 99;
}

.select2-container--open:not(.select2-container--below):not(.select2-container--above) {
    width: auto !important;
    z-index: 100;
}

.attr>ul:not(.flip)>li {
    margin-bottom: 5px;
}

.payment {
    margin-bottom: 20px;
    text-align: left !important;
}

.payment span {
    font-size: 14px;
    color: #3b3c44;
    font-family: 'opensans-bold';
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 20px 0;
}

.payment img {
    margin: 0;
}

.payment a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.payment a img {
    margin: 0;
}

.sub-catalog-list {
    overflow: hidden;
}

/*рекламный блок*/
ins.adsbygoogle {
    margin: 0 auto;
    display: block !important;
}

.mm-slideout {
    z-index: inherit !important;
}

.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
    z-index: 9999990;
}


@media (max-width: 1280px) {
    .catalog-rightside {
        margin-left: 320px !important;
    }
}

@media (max-width: 980px) {
    .filters {
        top: 60px;
        height: -moz-calc(100% - 60px);
        height: calc(100% - 60px);
    }

    .wrapper .content .cat-title-mob {
        display: block;
    }

    .wrapper .content .get-price-list-of-cat {
        display: flex;
    }

    .catalog-rightside {
        margin-left: 0 !important;
    }
}

@media (max-width: 395px) {
    .wrapper .content .cat-title-mob {
        height: inherit;
        display: flex;
        flex-direction: column-reverse;
        padding: 10px 10px;
    }

    .cat-title-mob .insta-title:before {
        margin-right: 8px !important;
        width: 22px !important;
        height: 22px !important;
    }
}

@media (max-width: 800px) {
    .personal-forminfo .form-info .selectNewBox {
        margin-right: 0;
        width: 100%;
    }
}

@media (max-width:680px) {
    .product-top-position .wrap-search-crumbs {
        margin-bottom: 25px;
    }

    .text-right .btn-prod {
        margin-bottom: 20px;
    }

    .pag-item {
        margin: 0 auto 20px;
        display: table;
    }

    /*.text ul:not(.flip) li {*/
    /*font-size: 14px;*/
    /*line-height: 18px;*/
    /*}*/

    .left-slider {
        height: auto;
    }

    .catalog-rightside .text-right ul:not(.flip) li {
        line-height: 24px;
    }

    .download-price-catalog {
        display: none;
    }
}

@media (max-width:480px) {
    .container-btnBig {
        padding-top: 0;
    }

    .catalog-rightside .text-right ul:not(.flip) li {
        display: block;
        width: 100%;
    }

    /*.text ul:not(.flip) li {*/
    /*font-size: 12px;*/
    /*line-height: 24px;*/
    /*}*/
    .clock-text {
        margin-top: 36px;
        position: absolute;
    }

    .filter-but {
        max-width: 270px;
    }

    #clock {
        margin-top: 7px;
        float: none;
    }

    table.price tr:first-child td {
        padding-top: 10px;
    }
}

@media (max-width:410px) {
    .catalog-rightside .sub-catalog-list li {
        width: 50%;
    }

    .filters {
        width: 270px;
    }
}

.top100-modal input[type='text'],
.top100-modal input[type='email'],
.top100-modal input[type='password'],
.top100-modal textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
}

.top100-modal .modal-inner .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    background: #22aa1c;
    border-color: #22aa1c;
    color: #fff;
}

.top100-modal .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    background: #22aa1c;
    border-color: #22aa1c;
    color: #fff;
}

.top100-modal .btn:hover {
    background: #fff;
    color: #3b3c44;
}

.top100-modal .modal-inner .btn:hover {
    background: #fff;
    color: #3b3c44;
}

.top100-modal .btn {}

.ui-dialog .ui-dialog-titlebar-close.green-close {
    border-color: #22aa1c;
}

.ui-dialog .ui-dialog-titlebar-close.green-close:hover {
    background-color: #22aa1c;
}

.dialog-selection .mCSB_scrollTools_vertical {
    z-index: 9 !important;
}

.reviews.no-reviews {
    text-align: center;
}

.prod-descr-text ul {
    margin-left: 0 !important;
}

.prod-descr-text ul li {
    padding: 0 10px 0 0 !important;
}

.prod-descr-text ul li:before {
    position: relative !important;
}

p.custom-success-message {
    text-align: center;
}

.basket-content {
    margin: 0 15px;
}

.basket-content .select2-container--default .select2-selection--single {
    padding: 0 30px 0 20px;
    height: 38px;
    font: 14px/36px 'opensans-regular';
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.basket-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    line-height: inherit;
}

.basket-content .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #3b3c44;
}

.basket-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 7px;
}

.select2-container {
    z-index: 999 !important;
}

.ms2_form .select2-container {
    z-index: 999 !important;
}

.ui-widget-overlay {
    z-index: 999994 !important;
}

.modal-window {
    z-index: 999995 !important;
}

.body_personal_area .select2-container {
    z-index: 99 !important;
}

.ui-widget-overlay.ui-front {
    bottom: 0;
    height: auto;
}

.basket-content h2 {
    color: #363636;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'opensans-regular';
    text-align: left;
    margin-bottom: 0;
}

.basket-content .basket-catalog>div {
    border: 2px solid #fcd749;
    margin-bottom: 30px;
    margin-top: 12px;
    padding: 25px 15px;
}

@media (max-width: 680px) {
    .basket-content .basket-catalog>div {
        margin-bottom: 15px;
    }
}

.basket-content .basket-catalog .basket-item {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 32px;
    margin-bottom: 31px;
    position: relative;
}

.basket-content .basket-catalog .sum {
    text-align: right;
    margin-top: 36px;
    margin-right: 20px;
}

.basket-content .basket-catalog .sum p {
    color: #4f4f56;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'opensans-regular';
    margin-bottom: 15px;
}

.basket-content .basket-catalog .sum .texta {
    color: #4f4f56;
    font-family: 'opensans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    padding-left: 50%;
    margin-top: -5px;
}

.basket-content .basket-catalog .sum p span {
    color: #4f4f56;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    margin-right: 30px;
    margin-left: 9px;
}

.basket-content .basket-catalog .sum p span:last-child {
    margin-right: 0;
}

.basket-content .basket-catalog .sum p a {
    color: #000;
    font-family: 'opensans-regular';
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    text-transform: uppercase;
    background-color: #fcd749;
    border: 2px solid #fcd749;
    padding: 3px 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.basket-content .basket-catalog .sum p a:hover {
    background: transparent;
}

.basket-content .basket-catalog .basket-item .title-item {
    color: #b3b3b3;
    font-family: 'opensans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    min-height: 24px;
    margin-bottom: 25px;
    display: inline-block;
}

.basket-content .basket-catalog .basket-item:first-child .title-item {
    display: block;
}

/*.basket-content .basket-catalog .basket-item:first-child .close-item .title-item,*/
.basket-content .basket-catalog .basket-item .title-item {
    display: none;
}

.basket-content .basket-catalog .basket-item .partner {
    display: flex;
    align-items: center;
    text-align: left;
    padding-right: 30px;
}

@media screen and (max-width: 980px) {
    .basket-content .basket-catalog .basket-item .partner {
        padding-right: 0;
    }
}

.basket-content .basket-catalog .basket-item .img {
    float: left;
    width: 35%;
}

.basket-content .basket-catalog .basket-item .img img {
    width: 70px;
    margin-right: 30px;
    flex-shrink: 0;
}

.basket-content .basket-catalog .basket-item .img p {
    color: #4f4f56;
    font-family: 'opensans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    word-wrap: initial;
}

.basket-content .basket-catalog .basket-item .article {
    float: left;
    width: 11.8%;
}

.basket-content .basket-catalog .basket-item .article p {
    color: #4f4f56;
    font-family: 'opensans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.basket-content .basket-catalog .basket-item .color {
    float: left;
    width: 7.2%;
    /*text-align : center;*/
}

.basket-content .basket-catalog .basket-item .color p {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.basket-content .basket-catalog .basket-item .color i {
    width: 28px;
    height: 28px;
    display: inline-block;
    border: 3px solid #fff;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 0 1px #919191;
    -moz-box-shadow: 0 0 0 1px #919191;
    box-shadow: 0 0 0 1px #919191;
}

.basket-content .basket-catalog .basket-item .razmer {
    float: left;
    width: 7.7%;
}

.basket-content .basket-catalog .basket-item .razmer p {
    color: #4f4f56;
    font-family: 'opensans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;

    display: inline-block;
    vertical-align: middle;

}

.basket-content .basket-catalog .basket-item .kolihestvo {
    float: left;
    width: 9.7%;
}

.basket-content .basket-catalog .basket-item .kolihestvo .number {
    width: 90px;
    border-radius: 0;
    background: 0 0;
    height: auto;
    border: 2px solid #e4e4e4;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 3px 10px;
    display: inline-block;
    margin-top: -4px;
}

.basket-content .basket-catalog .basket-item .kolihestvo .number span {
    position: absolute;
    top: 50%;
    padding: 4px 8px;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.basket-content .basket-catalog .basket-item .kolihestvo .number .minus {
    left: 0;
}

.basket-content .basket-catalog .basket-item .kolihestvo .number .plus {
    right: 0;
}

.basket-content .basket-catalog .basket-item .kolihestvo .number input {
    width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
    /*position: absolute;*/
    left: 0;
    background: transparent;
    text-align: center;
    z-index: -1;
}

.basket-content .basket-catalog .basket-item .kg {
    float: left;
    width: 8%;
}

.basket-content .basket-catalog .basket-item .kg p {
    color: #4f4f56;
    font-family: 'opensans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;

    display: inline-block;
    vertical-align: middle;
}

.basket-content .basket-catalog .basket-item .sum-item {
    float: left;
    width: 15%;
}

.basket-content .basket-catalog .basket-item .sum-item p {
    color: #4f4f56;
    font-family: 'opensans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;

    display: inline-block;
    vertical-align: middle;
}

.basket-content .basket-catalog .basket-item .close-item {
    float: left;
    width: 5.6%;
    position: relative;
}

.basket-content .basket-catalog .basket-item .close-item .ms2_form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.basket-content .basket-catalog .basket-item .close-item .ms2_form button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    padding: 0;
}

.basket-content .basket-catalog .basket-item .close-item .ms2_form button:hover {
    background: transparent;
}

.basket-content .basket-catalog .basket-item .close-item a {
    background: url('../img/close.png') 50% 50% no-repeat;
    width: 20px;
    height: 32px;
    display: block;
    margin: 0 auto 0;
}

/*.basket-content .basket-catalog .basket-item:first-child .close-item a{*/
/*margin: 50px auto 0;*/
/*}*/

.partner:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: ' ';
}

.partner--conditions {
    float: right;
    /*max-width: 50%;*/
    width: calc(100% - 375px);
    padding: 0 0 0 25px;
}

@media (max-width: 1024px) {
    .partner--conditions {
        max-width: 60%;
    }
}

@media (max-width: 768px) {
    .partner--conditions {
        float: none;
        max-width: 100%;
    }

    .basket-content form .checkbox.checkbox-basket {
        margin: 0 auto !important;
        max-width: 80%;
    }

    .basket-content form .checkbox.checkbox-basket>label {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .basket-content form .checkbox.checkbox-basket {
        max-width: 100%;
    }
}

.basket-content form .input-wrap {
    margin: 0;
}

.basket-content form .input-wrap input {
    width: 100%;
    background-color: white;
    border: 1px solid #c2c2c2;
    border-radius: 0;
}

.basket-content form .jq-selectbox li:hover {
    color: #A3ABB1;
}

.basket-content form .select-box .jq-selectbox__select {
    background: white;
    box-shadow: none;
    border-radius: 16px;
}

.partners-input-parent label {
    border: 2px solid #c3c3c3;
    border-radius: 4px;
}

.basket-content form .checkbox {
    /*  display: inline-block;
    vertical-align: middle;
    margin-right: 25px;*/
    /*width: auto;*/
    width: 18%;
    /*height: 25px;*/
    /*margin: 12px 30px;*/
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.basket-content form .partners-input-parent .checkbox label {
    padding: 20px;
    width: 100%;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 84px;
    padding: 0 10px;
}

.basket-content form .partners-input-parent .checkbox label .safe-deal {
    position: absolute;
    bottom: 0;
    background: #ebeff2 url(../img/img-cart.png) no-repeat center;
    width: 100%;
    height: 20px;
    margin: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

@media (max-width: 768px) {
    .basket-content form .checkbox {
        /*height: auto;*/
        width: 100%;
    }
}



.basket-content form .checkbox:nth-last-of-type(2) {
    margin-right: 0;
}

.basket-content form .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    width: auto;
    /*opacity: 0.5;*/
    height: 100%;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    font-family: 'opensans-regular';
    letter-spacing: 0.4px;
    margin-bottom: 0;
}

.basket-content form .checkbox label img {
    display: block;
    margin: 0 auto;
    max-width: 104px;
}

.basket-content form .checkbox label:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    border: 2px solid #b2b2b2;
    background: transparent;
}

.basket-content form .checkbox label.activePaymentLabel:after {
    position: absolute;
    top: 50%;
    left: 4px;
    content: '';
    margin-top: -5px;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #b2b2b2;
}

.partners-input-parent .checkbox label:before {
    display: none !important;
}

.basket-content form .partners-input-parent label.activePaymentLabel:after {
    left: inherit;
    right: -10px;
    top: -4px;
    width: 20px;
    height: 20px;
    background: #fdd137 url(../img/icons/shape-2.png) 50% 50% no-repeat;
    background-size: 10px;
}

.basket-content form .checkbox input[type=radio] {
    display: none;
}

.partners-input-parent label.activePaymentLabel {
    border-color: #fcd749;
}

.basket-content form .checking-basket {
    width: 220px;
    height: 44px;
    border: 3px solid #fcd749;
    border-radius: 20px;
    color: black;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
    background: transparent;
    font-family: 'opensans-regular';
    text-align: center;
    margin-left: 26px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 15px;
}

@media (min-width: 681px) {
    .basket-content form .checking-basket {
        margin-bottom: auto;
    }
}

.basket-content form .checking-basket:hover {
    background-color: #fcd749;
}

.basket-content form .payment-basket {
    text-align: center;
    width: 220px;
    height: 44px;
    border: 3px solid #fcd749;
    border-radius: 20px;
    color: black;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
    background-color: #fcd749;
    font-family: 'opensans-regular';
    margin-left: 23px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.basket-content form .right.textRight {
    margin-top: 0;
    /*text-align: right;*/
    width: calc(100% - 375px);
    padding: 0 0 0 25px;
}


.basket-content form .payment-basket:hover {
    background-color: transparent;
}

.basket-content form .input-wrap {
    width: 370px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.basket-content form .select-box {
    width: 370px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.basket-content form .input-wrap:last-child {
    margin-right: 0;
}

.basket-content form .select-box:last-child {
    margin-right: 0;
}

.basket-content form .right {
    margin-top: 15px;
}

.partner__label {
    font-size: 18px !important;
    line-height: 30px;
    font-family: 'opensans-regular';
    width: 100%;
    margin-bottom: 15px;
}

.basket-content form h3 {
    display: inline-block;
    margin: 0 30px 0 0;
    font: 24px/40px 'opensans-semibold';
    vertical-align: top;
    text-transform: none;
    position: relative;
}

.order-coast-box h3:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    background: url("../img/icons/bag.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.custPopupBox__price {
    position: relative;
}

.custPopupBox__price:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 18px;
    left: 15px;
    top: 11px;
    background: url("../img/icons/bag.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.order-coast-box {
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #eee;
    margin-bottom: 15px;
}

.order-coast-box-bottom-text {
    color: #757575;
    font-size: 14px;
    font-weight: 600;
    font-family: 'opensans-semibold';
    margin-bottom: 20px;
}

.basket-content form h3 span {
    font-family: 'opensans-bold';
}

.basket-content .basket-catalog .sum .prod-opt .prod__weight,
.basket-content .basket-catalog .sum .prod-opt .prod__sum {
    display: block;
}

.basket-content .basket-catalog .sum .prod-opt .prod__weight {
    margin-bottom: 10px;
}

@media (min-width: 681px) {

    .basket-content .basket-catalog .sum .prod-opt .prod__weight,
    .basket-content .basket-catalog .sum .prod-opt .prod__sum {
        display: inline-block;
    }

    .basket-content .basket-catalog .sum .prod-opt .prod__weight {
        margin-bottom: auto;
    }
}



@media (max-width: 1280px) {

    .basket-content form .input-wrap,
    .basket-content form .select-box {
        width: 31.33%;
        margin-right: 3%;
    }

    .basket-content .basket-catalog .basket-item .img img {
        margin-right: 20px;
    }

    .partner--conditions,
    .basket-content form .right.textRight {
        width: 100%;
        float: none;
        max-width: 100%;
        padding: 0;
    }

}

.header a:hover {
    text-decoration: none;
    color: #fdd137;
}

.header .form-control:focus {
    border-color: transparent;
    border-bottom-color: #d5d5d5;
    box-shadow: none;
}

.header button:focus {
    outline: none;
}






@media (max-width: 980px) {
    .basket-content .basket-catalog .basket-item {
        display: flex;
        flex-direction: row;
        width: 100%;
        font-size: 13px;
    }

    .basket-content .basket-catalog .basket-item .img {
        width: 22%;
    }

    .basket-content .basket-catalog .basket-item .img img {
        margin-right: 10px;
    }

    .basket-content .basket-catalog .basket-item .article {
        width: 18%;
    }

    .basket-content .basket-catalog .basket-item .color {
        width: 7%;
    }

    .basket-content .basket-catalog .basket-item .razmer {
        width: 13%;
    }

    .basket-content .basket-catalog .basket-item .kolihestvo {
        width: 13%;
    }

    .basket-content .basket-catalog .basket-item .kolihestvo form {
        padding-top: 0;
    }

    .basket-content .basket-catalog .basket-item .kg {
        width: 11%;
    }

    .basket-content .basket-catalog .basket-item .close-item {
        width: 4%;
    }

    .basket-content .basket-catalog .basket-item .sum-item {
        width: 12%;
    }

    .basket-content .basket-catalog .basket-item .img .partner {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .basket-content .basket-catalog .basket-item .kolihestvo .number {
        width: 100%;
        max-width: 100px;
        padding: 3px 8px;
    }

    .basket-content .basket-catalog .basket-item .kolihestvo .number input {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .partner__label {
        float: none;
        margin-bottom: 10px;
    }

    .basket-content form .right.textRight {
        float: none;
        text-align: center;
    }

    .basket-content form .right.textRight h3 {
        text-align: center;
        font-size: 14px;
    }

    .basket-content form .right.textRight h3 span {
        font-size: 16px;
    }
}

@media (max-width: 680px) {

    .basket-content form .input-wrap,
    .basket-content form .select-box {
        width: 100%;
        margin-right: 0;
    }

    .basket-content form h3 {
        text-align: center;
    }

    .basket-content .basket-catalog .sum {
        text-align: center;
        margin-top: 15px;
        margin-right: 0;
    }

    .basket-content .basket-catalog .sum .texta {
        padding-left: 0;
    }

    .basket-content .basket-catalog .basket-item>div {
        margin-bottom: 10px;
    }

    .basket-content .basket-catalog .basket-item>div:last-child {
        margin-bottom: 0;
    }

    .basket-content .basket-catalog .basket-item .title-item {
        display: flex;
        flex-shrink: 0;
        margin-bottom: 0;
        width: 150px;
        text-align: left;
    }

    .basket-content .basket-catalog .basket-item {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .basket-content .basket-catalog .basket-item>div,
    .basket-content .basket-catalog .basket-item>div form {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100% !important;
    }

    .order-coast-box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .basket-content .basket-catalog .basket-item div.close-item {
        position: absolute;
        right: 0;
        top: -20px;
        width: 20px !important;
        height: 20px !important;
        display: block;
    }

    .basket-content .basket-catalog .basket-item div.close-item .title-item {
        display: none;
    }

    .basket-content .basket-catalog .basket-item .img .partner {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 450px) {
    .basket-content .basket-catalog .basket-item .img {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .basket-content .basket-catalog .basket-item .img .title-item {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .basket-content form .checking-basket,
    .basket-content form .payment-basket {
        width: 100%;
        margin: 0 auto 15px auto;
        max-width: 320px;
    }

}

/* NEW STYLES FOR CATALOG */

/* top */
.top-nav .breadcrumb {
    display: none;
    padding-left: 0;
}

.btn--price-list {
    text-transform: initial;
    margin-bottom: 10px;
}

.catalog-search input[type='text'] {
    background: #fff;
    padding: 0 40px 0 15px;
}

/* / top */


/* catalog on whole site */
.catalog-items:after,
.catalogue-list:after {
    content: '';
    display: table;
    clear: both;
    overflow: hidden;
}

.catalog-list {
    color: rgb(59, 60, 68);
}

.catalogue-list li {
    display: block !important;
    padding: 0 !important;
    border: none !important;
}

.catalogue-list li a {
    color: rgb(59, 60, 68);
}

.catalogue-list .img-holder {
    margin-bottom: 0 !important;
}

.catalogue-list li img {
    display: block;
    max-width: 100%;
    //min-height: 196px;
}

.i-label {
    position: absolute;
    z-index: 5;
}

.i-label--top {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 39px;
    height: 50px;
    background: url(../img/icons/label-top.png) no-repeat;
}

.i-label--sale {
    display: inline-block;
    top: 20px;
    right: -10px;
    line-height: 1.3;
    background-color: #ca4126;
    width: 59px;
    height: 21px;
    text-align: center;
    padding: 3px;
    color: #fff;
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
    font-family: 'opensans-bold';
}

/* start page request form */
.requestFormWrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999991;
    width: 100%;
    height: 100%;
}

.requestFormWrap__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #797a7e;
    opacity: 0.7;
    cursor: pointer;
}

.requestFormWrap__box {
    overflow-y: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

@media (max-width: 768px) {
    .requestFormWrap__box {
        /*-webkit-align-items: flex-start;*/
        /*-ms-flex-align: start;*/
        /*align-items: flex-start;*/
        display: block;
        max-height: 100%;
        overflow-y: auto;
        padding: 0 10px;
    }

    .requestForm {
        margin: 10px auto;
    }
}

.requestForm {
    position: relative;
    z-index: 1;
    padding: 35px;
    max-width: 460px;
    background: #fff;

}

@media (max-width: 480px) {
    .requestForm {
        padding: 15px;
    }
}

.requestForm__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url('../img/close-reguest.png') 0 0 no-repeat;
    cursor: pointer;
}

.requestForm__title {
    margin-bottom: 20px;
    font: 18px/1 'opensans-semibold';
    color: #3b3c44;
    text-align: center;
}

.requestForm .input-wrap {
    position: relative;
    margin-bottom: 20px;
    font-size: 0;
    line-height: 0;
}

.requestForm__inputTitle {
    display: inline-block;
    margin-bottom: 5px;
    font: 14px/1 'opensans-semibold';
    color: #3b3c44;
}

.requestForm .requestForm__input {
    padding: 0 20px;
    width: 100%;
    height: 38px;
    font: 14px/36px 'opensans-regular';
    color: #000000;
    background: #f1f1f2;
}

.requestForm .requestForm__input+p {
    position: absolute;
    left: 0;
    bottom: -17px;
}

.requestForm__agree.checkbox.control-group {
    position: relative;
    margin-bottom: 26px;
    line-height: 0;
}

.requestForm__agree.checkbox.control-group input {
    display: none;
}

.requestForm .requestForm__agree.checkbox.control-group label {
    position: relative;
    margin-bottom: 0;
    padding-left: 22px;
    font: 12px/18px 'opensans-regular';
    color: #757575;
}

.requestForm__agree.checkbox.control-group label:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77
}

.requestForm__agree.checkbox.control-group input:checked+label:before {
    border-color: #fdd137;
    background: #fdd137 url(../img/icons/shape-2.png) 50% no-repeat;
}

.requestForm__agree.checkbox.control-group a {
    font-family: 'opensans-bold';
    color: #41b2e1;
}

.requestForm__agree.checkbox.control-group input+p {
    position: absolute;
    left: 0;
    bottom: 10px;
    margin-left: 18px;
}

.requestForm__input::-webkit-input-placeholder {
    color: #757575;
}

.requestForm__input::-moz-placeholder {
    color: #757575;
}

.requestForm__input:-moz-placeholder {
    color: #757575;
}

.requestForm__input:-ms-input-placeholder {
    color: #757575;
}

.requestForm .requestForm__textarea {
    overflow-y: auto;
    padding: 10px 30px;
    width: 100%;
    height: 114px;
    font: 14px/1.3 'opensans-regular';
    color: #757575;
    background: #f1f1f2;
}

.requestForm .requestForm__textarea+p {
    position: absolute;
    left: 0;
    bottom: -19px;
}

.requestForm__btn {
    width: 100%;
    height: 44px;
    font: 14px/38px 'opensans-regular';
    color: #3b3c44;
    text-transform: uppercase;
    border: 3px solid #fcd749;
    background: transparent;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.requestForm__btn:hover {
    color: #3b3c44;
    background: #fcd749;
}

/* end request form */

.catalogue-list .item-description a {
    height: auto !important;
    margin: 0 !important;
    padding: 10px 0;
    overflow: hidden;
    color: rgb(59, 60, 68);
}

.product-top-position .catalogue-list .item-description a {
    padding: 12px 0 8px;
}

.product-top-position .pag-item {
    text-align: center;
}

.catalogue-list .item-price {
    text-align: center;
    color: rgb(59, 60, 68);
}

.catalogue-list .item-price span {
    display: inline-block;
    padding: 0 5px;
    line-height: 1.25;
}

.catalogue-list .item-price span.old-price {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px !important;
    text-decoration: line-through;
}

.catalogue-list .buttons-wrap:after {
    display: none !important;
}


/* top catalog */
/*.product-top-position .catalogue-list .img-holder {*/
/*height: 270px;*/
/*}*/
.product-top-position .catalogue-list .item-description a {
    overflow: hidden;
    height: auto !important;
    font-size: 14px !important;
    text-transform: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 481px) {
    .btn--price-list {
        padding-left: 5px;
        padding-right: 5px;
        /*margin-bottom : 0;*/
        width: 45%;
    }

    .this-title.this-title--left {
        text-align: left;
    }

    .top-nav .breadcrumb+.btn--price-list+form {
        max-width: 50%;
    }

    /* top catalog*/

}

@media (min-width: 576px) {
    .catalogue-list li {
        padding: 0 15px !important;
        float: left;
        width: 50% !important;
        margin: 0 0 30px 0 !important;
    }

    .catalogue-list .item-description a {
        height: 50px !important;
        overflow: hidden;
    }
}

@media (min-width: 681px) {
    .btn--price-list {
        padding-left: 30px;
        padding-right: 30px;
        width: auto;
    }

    .catalogue-list li {
        width: 33.33% !important;
    }

    .catalogue-list .item-description a {
        font-size: 16px !important;
        height: 60px !important;
    }

    .catalogue-list .item-price span {
        font-size: 16px !important;
    }

}

@media (min-width: 981px) {
    .mobile-crumb {
        display: none;
    }

    .top-nav {
        margin: 20px auto;
    }

    .top-nav--small-offset {
        margin: 15px auto;
    }

    .top-nav .breadcrumb {
        display: block;
    }

    .btnsHolder {
        text-align: left;
    }


    /* search catalog */

    .four-in-row .catalogue-list.four-start li {
        max-width: 25% !important;
    }
}

@media (min-width: 1200px) {
    .catalogue-list .item-description a {
        font-size: 18px !important;
    }

    .catalogue-list .item-price span {
        font-size: 18px !important;
    }

    .catalogue-list .item-price span.notavailable-text {
        font-size: 14px !important;
    }
}

/* SLIDERS STYLES FOR STOCK PRODUCTS */
.slider-stock {
    margin: 0 -15px;
    position: relative;
}

.slider-stock .this-title {
    padding-right: 15px;
}

@media (min-width: 681px) {
    .slider-stock .this-title {
        padding-right: 30px;
    }
}

@media (min-width: 981px) {
    .slider-stock .this-title {
        padding-right: 130px;
    }
}

@media (min-width: 1281px) {
    .slider-stock .this-title {
        padding-right: 0;
    }
}

.catalogue-slider {
    margin-bottom: 15px;
    color: rgb(59, 60, 68);
}

.catalogue-slider {
    text-align: center;
}

.stock-catalogue__link {
    display: block;
    padding: 0 15px 15px;
    color: inherit;
}

.wrapper.product-top-position .stock-catalogue__link {
    margin: 65px auto 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    width: 270px;
    text-transform: uppercase;
    border: 2px solid #fcd749;
}

.product-top-position .stock-catalogue__link.stock-catalogue__link--green {
    border-color: #22aa1c;
}

@media (min-width: 681px) {
    .wrapper.product-top-position .stock-catalogue__link {
        margin-top: 25px;
    }

    .stock-catalogue__link {
        position: absolute;
        top: 12px;
        right: 15px;
        width: auto !important;
        font-size: 14px;
        line-height: 1;
        background: #fdd137;
    }

    .product-top-position .stock-catalogue__link.stock-catalogue__link--green {
        background: #22aa1c;
    }

    .catalogue-list .item-price span.notavailable-text {
        font-size: 12px !important;
    }
}

@media (min-width: 681px) {
    .stock-catalogue__link {
        top: 15px;
    }

}

@media (min-width: 1281px) {
    .stock-catalogue__link {
        font-size: 16px;
    }
}

.stock-catalogue__link:after {
    content: '»';
    display: inline-block;
    margin-left: 3px;
}

.hit-catalague {
    margin-bottom: 50px;
}

.catalogue-slider .slide {
    padding: 0 15px;
}

.catalogue-slider .slide__inner {}

.catalogue-slider .slider__inner {
    text-align: center;
}

.catalogue-slider .img-holder {
    display: block;
}

.catalogue-slider img {
    max-width: 100%;
}

.item-price {
    text-align: center;
    color: rgb(59, 60, 68);
}

.catalogue-slider .old-price {
    font-size: 12px;
    text-decoration: line-through;
    line-height: 1;
    /*color: rgba(0, 0, 0, 0.5);*/
}

@media (min-width: 980px) {
    .get-price {
        line-height: 30px;
    }
}

.catalogue-slider .btn {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.catalogue-slider .slick-next,
.catalogue-slider .slick-prev {
    top: -57px;
    left: auto;
    width: 30px;
    height: 30px;
    background-color: #fcd749;
    overflow: hidden;
    color: #3b3c44;
    background-image: none;
}

.product-top-position .catalogue-slider .slick-next,
.product-top-position .catalogue-slider .slick-prev {
    top: auto;
    right: 15px;
    bottom: -35px;
    width: 35px;
    height: 35px;
}

.product-top-position .catalogue-slider .slick-prev {
    right: 60px;
}

.catalogue-slider .slick-next:after,
.catalogue-slider .slick-prev:after {
    color: inherit;
    font-size: 14px;
    line-height: 30px;
}

.catalogue-slider .slick-next:after {
    content: '>>';
}

.catalogue-slider .slick-prev:after {
    content: '<<';
}

.catalogue-slider .slick-next {
    right: 15px;
}

.catalogue-slider .slick-prev {
    right: 50px;
}

@media (min-width: 681px) {

    .catalogue-slider .slick-next,
    .catalogue-slider .slick-prev {
        top: -62px;
    }

    .catalogue-slider .slick-next {
        right: 200px;
    }

    .catalogue-slider .slick-prev {
        right: 235px;
    }
}

@media (min-width: 981px) {
    .catalogue-slider .slick-next {
        right: 190px;
    }

    .catalogue-slider .slick-prev {
        right: 225px;
    }
}



@media (min-width: 1281px) {
    .catalogue-slider .slick-next {
        right: 220px;
    }

    .catalogue-slider .slick-prev {
        right: 260px;
    }

}

.product-top-position .i-label--sale {
    top: 20px;
    right: -10px;
    background: #ca4126;
    font-weight: bold;
    text-align: center;
}


.product-top-position .sale-item .i-label--sale {
    right: -10px;
}

.product-top-position .stock-catalogue__link {
    padding: 15px;
    text-align: left;
}

@media (min-width: 681px) {
    .product-top-position .stock-catalogue__link {
        top: -26px;
    }
}

@media (min-width: 981px) {
    .product-top-position .stock-catalogue__link {
        top: -24px;
    }
}

.product-top-position .slide__inner {
    padding: 0 0 15px;
}


.product-top-position:not(.wrapper_opt-cat) .catalogue-slider .slick-next,
.product-top-position:not(.wrapper_opt-cat) .catalogue-slider .slick-prev {
    background-color: #22aa1c;
}

.product-top-position .catalogue-slider .buttons-wrap .btn {
    padding: 10px 5px;
}

/* STYLES FOR DOCUMENTS PAGE */
.load-docs {
    font-size: 0;
    text-align: center;
}

.load-docs__item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.load-docs__item p {
    font-size: 18px;
    font-family: 'opensans-bold';
}

.load-docs__item span {
    display: block;
}

.btn--load-doc {
    display: block;
    padding: 20px 20px 20px 80px;
    color: #3b3c44 !important;
    background: transparent url('./../img/icons/load-doc.png') no-repeat left 20px center !important;
    -webkit-background-size: 40px !important;
    background-size: 40px !important;
    margin-bottom: 15px;
    border-radius: 0 !important;
    font-family: 'opensans-regular', sans-serif !important;
    text-align: left;
    transition: none;
    min-height: 92px;
    vertical-align: top;
}

@media (min-width: 681px) {
    .load-docs {
        margin-right: -30px;
    }

    .load-docs__item {
        display: inline-block;
        margin-right: 30px;
        max-width: calc(50% - 30px);
    }
}

@media (min-width: 981px) {
    .load-docs__item {
        max-width: calc(33.33% - 30px);
    }
}

@media (min-width: 1281px) {
    .load-docs__item {
        max-width: 400px;
    }
}

.btn--load-doc:hover {
    background-color: #fff;
}

.btn--load-doc span.title {
    display: block;
    text-transform: initial;
    font-size: 14px;
}

.btn--load-doc span.weight {
    display: block;
    font-size: 12px;
    color: #96979b !important;
}


.btn--load-doc:hover span.title {
    text-decoration: underline;
}

.manager-select-register+.trigger,
.manager-select-replacement+.trigger {
    height: 38px;
    padding: 0 20px !important;
    line-height: 38px;
}

div.fancy-select .manager-select-replacement~ul.options {
    background: none;
}

.manager-select-register~.options li,
.manager-select-replacement~.options li {
    height: 38px;
    padding: 0 20px !important;
    line-height: 38px;
}

.modal-inner .btn.submit-mgb {
    margin-bottom: 10px;
}

.btn-woodBrown,
.btn-treeWood {
    margin-right: 20px;
    padding: 0 26px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    text-transform: none;
    vertical-align: top;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ff3636;
    cursor: default !important;
}

.btn-treeWood {
    background: rgb(0, 128, 0);
}

.btn.btn-fullYellow {
    background-color: #fdd137;
}

.btnsHolder .btn.btn-fullYellow {
    line-height: 20px;
}

@media (min-width: 981px) {
    .btn.btn-fullYellow {
        float: right;
        margin-left: 20px;
    }
}

.btn.btn-Mgb {
    margin-bottom: 20px;
}

.btn.btn-conf:nth-child(2) {
    margin-left: 30px;
}

.btn-conf.btn-conf-order {
    margin-right: 20px;
    padding: 0;
    font: 14px/18px 'opensans-regular';
    text-decoration: underline;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-conf.btn-conf-order:hover {
    color: rgb(228, 176, 52);
}

.downloadLikn {
    display: inline-block;
    padding-left: 26px;
    color: #4f4f56;
    font: 12px/30px 'opensans-bold';
    text-transform: uppercase;
    background: url('../img/icons/download-invoice.png') 0 50% no-repeat;
}

.downloadLikn-ttn {
    margin-right: 26px;
}

.btnsHolder .btn-conf {
    padding: 10px 30px 10px 54px;
}

.btnsHolder .btn-conf-editInvoice {
    background: url('../img/icons/change-order-icon.png') 30px 50% no-repeat;
}

.btnsHolder .btn-conf-createTtn {
    background: url('../img/icons/create-ttn-icon.png') 30px 50% no-repeat;
}

.btnsHolder .btn-conf:hover {
    background-color: #fdd137;
}

@media (min-width: 1025px) {
    .downloadLinkWrap {
        float: right;
    }
}

@media (max-width: 520px) {
    .btn.btn-conf:nth-child(2) {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    video {
        width: 100%;
    }
}

.invoise-list .select2-container--open.select2-container--default .select2-selection--single,
.tth-list .select2-container--open.select2-container--default .select2-selection--single {
    border: 1px solid #aaa;
}

.invoise-list .select2-container--default .select2-selection--single,
.tth-list .select2-container--default .select2-selection--single {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 38px;
    background: #f1f1f2;
}

.invoise-list .select2-container--default .select2-selection--single .select2-selection__placeholder,
.tth-list .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: 'opensans-regular';
}

.invoise-list .select2-container--default .select2-selection--single .select2-selection__rendered,
.tth-list .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 40px;
    line-height: 38px;
    font-family: 'opensans-regular';
}

.invoise-list .select2-container--default .select2-selection--single .select2-selection__arrow,
.tth-list .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 10px;
}

.select2-results .select2-results__option {
    padding: 4px 20px;
    font-size: 14px;
}

.select2-results .select2-results__option:nth-child(2n) {
    background: #f1f1f2;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #fff;
    position: relative;
}

.select2-container--default .select2-results__option[aria-selected=true]:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #000;
    font-size: 15px;
    right: 0;
    content: "\2713";
    font-weight: bold;
}

.select2-container--default .select2-results__option[aria-selected=true]:nth-child(2n),
.select2-container--default .select2-results__option--highlighted[aria-selected]:nth-child(2n) {
    background: #f1f1f2;
}


.select2-search.select2-search--dropdown .select2-search__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
}

#office-register-form-kod~ul.options {
    max-height: 125px;
}

.input-wrap.input-wrap--clear {
    margin-bottom: 10px;
}

.modal-functional .btn.btn--clear {
    min-width: 260px;
    width: auto;
}

п .usersList.dialog-list.rows+.btn-more {
    width: auto;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 30px;
}

/* Shared chat markup */
.personal-user-info,
.managersWrap {
    font-size: 0;
    /*padding-top: 15px;*/
}

.managersWrap {
    padding-top: 52px;
}

.item__inner-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media (max-width: 1080px) {

    /*.app-partnership,*/
    .personal-user-info {
        padding-top: 15px;
    }

    .managersWrap {
        padding-top: 30px;
    }
}

@media (min-width: 1025px) {
    /*.managersWrap {
        padding-top: 15px;
    }*/
}

.managersWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.managersWrap li {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.manager {
    display: block;
    width: 100%;
    padding: 28px 44px 28px 28px;
    text-align: left;
    border: 1px solid #d5d5d5;
}

.manager form {
    display: inline-block;
}

.manager .btn {
    padding-left: 15px;
    padding-right: 15px;
}

.manager__btns-block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.manager__btn-col {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 12px;
}

.manager__btn-col .btn {
    margin-bottom: 15px;
    display: block;
    width: 100%;
}

.manager__contentBox {
    display: flex;
}

.manager__avatarBox {
    overflow: hidden;
    margin-right: 24px;
    width: 74px;
    height: 74px;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 15px;
}

.manager__avatar {
    max-width: 100%;
}

.manager__content {
    overflow: hidden;
    font: 14px/1.2 'opensans-regular';
    color: #3b3c44;
    flex-grow: 1;
}

.manager__name {
    margin-bottom: 8px;
    font-family: 'opensans-bold';
    font-size: 18px;
}

.manager__inLine {
    display: inline-block;
    margin-bottom: 15px;
    font-family: 'opensans-semibold';
    font-size: 14px;
    color: #00c700;
}

.manager__inLine-off {
    color: #8B8B99;
}

.manager__dscr {
    font-size: 14px;
    font-family: 'opensans-bold';
    margin-bottom: 15px;
}

.manager__accrual {
    font-family: 'opensans-semibold';
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
    padding: 0 12px;
}

.manager__accrual strong {
    color: #FDD137;
    font-family: 'opensans-bold';
    font-size: 20px;
}

.manager__income-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #F2F2F2;
    padding: 12px 20px;
}

.manager__income-title {
    font-size: 12px;
    font-family: 'opensans-semibold';
    padding: 5px 10px 5px 0;
}

.manager__income-title strong {
    font-size: 18px;
    font-family: inherit;
    vertical-align: middle;
    padding-left: 5px;
}

.m-0 {
    margin: 0 !important;
}

@media (max-width: 1200px) {
    .manager__btn-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .manager {
        padding: 10px 20px;
    }

    .managersWrap li {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .manager {
        padding: 10px;
    }

    .managersWrap li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .manager__contentBox {
        display: block;
    }

    .manager form {
        display: block;
    }
}

/* ADD User To Chat */
.custPopup-scroll {
    overflow-y: auto;
}

.addUserToChat {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    max-width: 570px;
    background-color: #fff;
}

.addUserToChat--trs {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custPopup__bg {
    width: 100%;
    height: 100%;
    background: rgba(121, 122, 126, 0.7);
    cursor: pointer;
}

.addUserToChat__title {
    padding: 20px 0;
    font: 18px/23px 'opensans-bold';
    text-align: center;
}

.addUserToChat__list {
    /*overflow-y: auto;*/
    /*max-height: 234px;*/
}

.addUserItem {
    display: flex;
    align-items: center;
    width: 100%;
    height: 117px;
    padding: 10px 11.4%;
}

.addUserItem:last-of-type {
    /*overflow: hidden;*/
}

.addUserItem .options {
    display: none;
}

.addUserItem.oppenedTrigger .options {
    display: block;
}

.addUserItem.oppenedTrigger {
    overflow: visible;
}

.js_addUserItem_wp {
    /*overflow: initial;*/
    overflow: visible;
}

.addUserItem:nth-child(2n+1) {
    background: #f1f1f2;
}

.addUserItem__contentBox {
    width: 100%;
}

.addUserItem__avatarBox {
    overflow: hidden;
    float: left;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.addUserItem__avatar {
    max-width: 100%;
}

.addUserItem__content {
    float: right;
    width: calc(100% - 68px);
}

.addUserItem__content .fancy-select {
    margin-bottom: 8px;
}

.addUserItem__content .fancy-select .trigger {
    line-height: 17px;
    border: 1px solid #d5d5d5;
    background-color: #ffffff;
}

.addUserItem__content .fancy-select .options {
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    border-top: none;
}

.addUserItem__content .fancy-select .options {
    display: none;
}

.addUserItem__content .fancy-select .options.open {
    display: block;
}

.addUserItem__content .fancy-select .options li {
    background-color: #ffffff;
}

.addUserToChat__footer {
    padding: 25px 11.4%;
    text-align: right;
    border-top: 1px solid #d5d5d5;
}

.addUserToChat__addUser {
    display: inline-block;
    margin-right: 16px;
    font-size: 12px;
    color: #3b3c44;
    line-height: 35px;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    .btn-wrapper {
        text-align: center;
    }
}

.addUserToChat__save {
    display: inline-block;
    width: 115px;
    height: 35px;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fcd749;
    border: 3px solid #fcd749;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.addUserToChat__save:hover {
    background-color: #fff;
}

.addUserItem__userDscrBox {}

.addUserItem__link,
.addUserItem__userDscr {
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2;
    color: #888888;
}

.addUserItem__link,
.addUserItem__userDscr--md {
    margin-bottom: 3px;
    font-size: 14px;
}

.addUserItem__link {
    display: block;
    margin-bottom: 3px;
}

.addUserItem__user {
    margin-bottom: 10px;
    font-size: 16px;
    font-family: 'opensans-bold';
}

.addUserItem__removeUser {
    position: relative;
    float: right;
    padding-left: 14px;
    color: #ff4e2b;
    background-color: transparent;
}

.addUserItem__removeUser:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 9px;
    height: 100%;
    background: url('../img/icons/ivoice-delete-info.png') 0 50% no-repeat;
}

@media (max-width: 768px) {
    .addUserToChat__title {
        padding: 15px 0;
    }

    .addUserItem {
        height: auto;
        padding: 15px 10px;
    }

    .addUserToChat__footer {
        padding: 15px 10px;
    }

    .addUserToChat__addUser {
        margin-right: 5px;
    }

    .addUserToChat__list {
        max-height: 172px;
    }
}

.checkPersonalOnPay {
    margin-bottom: 22px;
}

.checkPersonalOnPay input {
    display: none;
}

.checkPersonalOnPay label {
    opacity: 1 !important;
}

.checkPersonalOnPay a {
    color: #363636;
}

.checkPersonalOnPay input:checked+label:before {
    border-color: #fdd137 !important;
    background: #fdd137 url(../img/icons/shape-2.png) 45% 50% no-repeat;
}

#mse2_selected_wrapper sup {
    background: #b7b7b8 url('../img/icons/shoosen-filter-close-icon.png') 50% 50% no-repeat;
}

@media (min-width: 681px) {

    .filters-cat .filter-name.firstDescChild .icon-arrowDrop,
    .product-top-position .filters .close-filter,
    .filters-cat .filter-name.firstMobChild {
        display: none;
    }

    .product-top-position .filters-cat {
        overflow: hidden;
        position: relative;
        width: auto;
        height: auto;
        opacity: 1;
        top: 0;
        left: 0;
        text-align: left;
        visibility: visible;
        max-height: 0;
        z-index: 2;
    }

    .product-top-position .filters-cat.open {
        width: calc(100% + 25px);
        /*max-height: 150px;*/
    }

    .product-top-position .catalog-items {
        background: #ffffff;
        position: relative;
        z-index: 1;
    }

    .filters-cat .filter-name {
        overflow: hidden;
        display: inline-block;
        margin: 0 25px 0 0;
        padding-bottom: 7px;
        font: 14px/20px 'opensans-regular';
        vertical-align: bottom;
        cursor: pointer;
    }

    .filters-cat .filter-name.firstDescChild {
        cursor: default;
    }

    .filters-cat .filter-content {
        overflow: visible !important;
        border: none;
        padding: 0 !important;
        background: transparent;
    }

    .filters-cat .filter-content .select-list:not(.firstListcChild),
    .filters-cat .filter-content .filter-color {
        display: none;
        overflow-y: auto;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 20px;
        width: calc(100% - 25px);
        height: auto;
        max-height: 400px;
        text-align: left;
        background: #ffffff;
        box-shadow: 0 3px 15px rgba(59, 60, 68, 0.2);
    }

    .filter-name.filterDropList {
        position: relative;
    }

    .filter-name.filterDropList:after {
        position: absolute;
        top: calc(100% - 2px);
        left: 50%;
        z-index: 2;
        content: '';
        width: 10px;
        height: 10px;
        background: #ffffff;
        -webkit-transform: rotate(45deg) translateX(-50%);
        -moz-transform: rotate(45deg) translateX(-50%);
        -ms-transform: rotate(45deg) translateX(-50%);
        -o-transform: rotate(45deg) translateX(-50%);
        transform: rotate(45deg) translateX(-50%);
        box-shadow: 0 3px 15px rgba(59, 60, 68, 0.2);
    }

    .filters-cat .filter-content .select-list:not(.firstListcChild) li:not(.do-not-touch) {
        position: relative;
        z-index: 2;
        float: none;
        display: inline-block;
        margin-right: 6px;
        width: calc(25% - 6px);
        height: auto;
        vertical-align: top;
        line-height: 18px;
    }

    .filters-cat .filter-content .select-list:not(.firstListcChild) li:not(.do-not-touch):nth-of-type(4n) {
        margin-right: 0;
        width: 25%;
    }

    .filters-cat .filter-content .select-list.firstListcChild {
        display: inline-block;
        margin: 2px 0 0;
        padding-left: 0;
    }

    .filters-cat .filter-content .select-list li.filterFirstElem {
        margin-right: 6px;
        width: auto;
        height: 20px;
        line-height: 18px;
    }

    .filters-cat .filter-content .select-list li.do-not-touch,
    .filters-cat .filter-content .filter-color li.do-not-touch {
        margin-right: 0;
        width: 100%;
        height: auto;
        text-align: right;
        list-style: none;
    }

    .filters-cat .filter-content .filter-color li.do-not-touch {
        margin-top: 10px;
    }

    /* toDo refactor all this code */
    .filters-cat .filter-content .select-list.select-list--checkbox {
        float: left;
        margin: 2px 0 0;
        padding-left: 0;
    }

    .filters-cat .filter-content .select-list.select-list--checkbox li {
        margin-right: 10px;
        width: auto;
        height: 20px;
        line-height: 18px;
    }

    .filters-cat .filter-content .select-list.select-list--checkbox label {
        padding-left: 15px;
        width: 0;
        text-indent: -9999px;
    }

    /** toDo refactor all this code **/
    .filterList-btn {
        display: inline-block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        background: #3b3c44;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        cursor: pointer;
    }

    .filterList-btn:hover {
        background-color: #6b6c77;
    }

    .filters-cat .filter-content .select-list.firstListcChild li:last-of-type {
        display: none;
    }

    .filters-cat .filter-content .select-list.firstListcChild label {
        padding-left: 15px;
        width: 0;
        text-indent: -9999px;
    }

    .filters-cat .filter-content .select-list.firstListcChild label:before {
        top: 2px;
        margin: 0;
    }

    .filters-cat .show-more-items {
        display: none;
    }
}

.wrap-search-crumbs {
    position: relative;
}

@media (max-width: 980px) {
    .wrap-search-crumbs:after {
        clear: both;
        content: '';
        display: table;
    }
}

.mobile-crumb {
    position: relative;
    float: left;
    padding-left: 13px;
    color: #3b3c44;
    font-size: 14px;
    line-height: 40px;
}

.mobile-crumb span {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 6px;
    height: 100%;
    background: url('../img/rarr.png') 0 50% no-repeat;
}

@media (max-width:1100px) and (min-width: 681px) {
    .filters-cat .filter-content .select-list:not(.firstListcChild) li:not(:last-of-type) {
        width: calc(33.33% - 6px);
    }

    .filters-cat .filter-content .select-list:not(.firstListcChild) li:not(:last-of-type):nth-of-type(4n) {
        margin-right: 6px;
        width: calc(33.33% - 6px);
    }

    .filters-cat .filter-content .select-list:not(.firstListcChilde) li:not(:last-of-type):nth-of-type(3n) {
        margin-right: 0;
        width: 33.33%;
    }
}

@media (max-height: 560px) {
    .product-top-position .filters {
        top: 0;
        z-index: 100010;
        height: 100%;
    }

    .filterOverlay {
        z-index: 100009;
    }
}

@media (max-width: 380px) {
    .product-top-position .filters {
        left: -100%;
        width: 100%;
    }

    .product-top-position .filters.open {
        left: 0;
    }

    .product-top-position .filters:before {
        position: absolute;
        top: 24px;
        left: 22px;
        z-index: 2;
        content: 'Фильтр';
        font: 16px/1 'opensans-semibold';
        color: #3b3c44;
        text-transform: uppercase;
    }

    .product-top-position .filters:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        content: '';
        width: 100%;
        height: 60px;
        background: #ffffff;
    }

    .product-top-position .filters.open .close-filter,
    .product-top-position .filters .close-filter {
        right: 20px;
        z-index: 2;
        padding: 0;
        width: 28px;
        height: 60px;
        background: transparent;
    }

    .filters .icon-closefl {
        background-image: url('../img/close-small-mob-filter.png');
    }

    .filter-content {
        padding-top: 60px;
    }

    .filters-cat .filter-name.firstDescChild {
        border-top: 1px solid #e0e0e8;
    }

    .filters-cat .filter-content .reset {
        position: absolute;
        top: 13px;
        left: 100px;
        z-index: 2;
        border-bottom: none;
    }

    .filters-cat .filter-content .reset:after {
        top: 11px;
        left: 8px;
    }

    .filters-cat .filter-content .reset:before {
        top: 18px;
        left: 1px;
    }

    .filter-content ul li {
        width: calc(100% - 9px);
    }

    .mobileFilterBtns {
        left: -100%;
        width: 100%;
    }
}

.pag-item+.text {
    padding-top: 20px;
}

.green-bg {
    background: #22aa1c !important;
    border-color: #22aa1c !important;
}

.btn.green-bg:hover {
    background: transparent !important;
}

.red-bg {
    background: #ff020a !important;
}

.checkbox>label>a {
    color: #41b0dc;
}

.checkbox:not(.checkbox-basket) {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.checkbox:not(.checkbox-basket) label {
    width: calc(100% - 20px);
    padding-left: 10px;
    text-align: left;
    line-height: 1;
}

.checkbox:not(.checkbox-basket) p.not-valid {
    width: 100%;
    order: 2;
}

.basket-content form .checkbox.checkbox-basket {
    margin-left: auto;
    display: block !important;
    position: relative;
    text-align: left;
    width: 100%;
}

.basket-content form .checkbox.checkbox-basket>label {
    padding-left: 25px;
    line-height: 1.5;
}

.basket-content form .checkbox.checkbox-basket>label:before {
    top: 0;
    margin-top: 3px;
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77;
    border-radius: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.btn.btn-rect {
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fdd137;
}

.btn.btn-rect:hover {
    background: #ffffff;
}

.error_text_label {
    position: absolute;
    right: calc(100% + 10px);
    top: 44%;
    z-index: 1000;
    min-width: 200px;
    min-height: 30px;
    padding: 12px 15px;
    background: #ffe7e2;
    border: 1px solid #ca4126;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.error_text_label--top {
    top: 16px;
    right: calc(100% + 24px);
    left: 415px;
}

.error_text_label:before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -7px;
    z-index: -1;
    content: '';
    width: 7px;
    height: 100%;
    background: url('../img/polygon-2.png') 100% 50% no-repeat;
    transform: rotate(180deg);
    display: block;
}

.error_text_label:after {
    position: absolute;
    top: calc(50% - 4px);
    left: -1px;
    content: '';
    width: 1px;
    height: 7px;
    background: #ffe7e2;
}

.partners-input-parent {
    position: relative;
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
}

.partners-input-parent .choosePay__item {
    width: 20%;
}

@media (max-width: 768px) {
    .partners-input-parent .choosePay__item {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .partners-input-parent {
        /*margin: 10px 0;*/
        margin: 10px 0;
    }
}


.checkbox:not(.checkbox-basket) label.home-label {
    color: #fff;
    font-size: 14px;
    margin-bottom: 25px;
}

.checkbox:not(.checkbox-basket) label.home-label>a {
    vertical-align: baseline;
    margin-bottom: 0;
    color: #41b0dc;
    display: inline;
}

.download-price-catalog {
    position: relative;
    float: right;
    padding-left: 26px;
    font: 12px/37px 'opensans-semibold';
    color: #4f4f56;
    text-transform: uppercase;
}

.download-price-catalog--mob {
    float: right;
    width: 38px;
    height: 38px;
    display: none;
    background: url('../img/icons/download-invoice.png') 50% 50% no-repeat;
}

.download-price-catalog:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 15px;
    height: 100%;
    background: url('../img/icons/download-invoice.png') 0 50% no-repeat;
}

.content .cat-title-mob {
    display: none;
    margin-bottom: 15px;
    padding: 5px 11px;
    height: 40px;
    font-size: 0;
    line-height: 20px;
    text-align: left;
    background: #f8f8f8;
}

.content .cat-title-mob:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}

.content .get-price-list-of-cat {
    display: none;
    align-items: center;
    justify-content: space-between;
}

.content .get-price-list-of-cat__title {
    text-transform: uppercase;
    font-size: 14px;
    padding-right: 15px;
}

.content .get-price-list-of-cat__link {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url("/assets/img/icons/download-invoice.png") 50% 50% no-repeat;
}

.cat-title-mob span {
    display: inline-block;
    max-width: calc(100% - 300px);
    font: 14px/16px 'opensans-semibold';
    color: #3b3c44;
    text-transform: uppercase;
    vertical-align: middle;
}

.cat-title-mob .insta-title {
    text-transform: none;
    letter-spacing: 0.03em;
    vertical-align: middle;
}

.cat-title-mob .insta-title:before {
    display: inline-block;
    margin-right: 15px;
    content: '';
    width: 28px;
    height: 28px;
    border: 1px solid #fcd749;
    vertical-align: middle;
    background: url('../img/big-instagram-logo.png') 50% no-repeat;
}

.cat-title-mob .insta-title a {
    font-family: 'opensans-regular';
}

@media (max-width: 680px) {
    .download-price-catalog--mob {
        display: block;
    }

    .wrapper .content .cat-title-mob {
        /*margin-top: -25px;*/
        /*padding: 0;*/
        /*height: auto;*/
        /*background: transparent;*/
    }

    .cat-title-mob span:last-of-type {
        max-width: 100%;
        font-family: 'opensans-regular';
    }

    .cat-title-mob .insta-title {
        /*float: none;*/
        /*margin: 0 -15px 20px;*/
        /*padding: 5px 15px;*/
        /*max-width: calc(100% + 30px);*/
        /*width: calc(100% + 30px);*/
        /*font-size: 12px;*/
        /*background: #f8f8f8;*/
    }
}

.page-up-arrow {
    position: fixed;
    left: calc(50% - 667px);
    bottom: 100px;
    padding: 49px 0 0;
    width: 42px;
    font: 12px/1 'opensans-semibold';
    text-transform: uppercase;
    text-align: center;
    color: #797a84;
    background: transparent;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.page-up-arrow--stop {
    position: absolute;
    top: -160px;
    bottom: auto;
}

.page-up-arrow span {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 42px;
    height: 42px;
    border: 1px solid #797a84;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page-up-arrow span:before,
.page-up-arrow span:after {
    position: absolute;
    top: 19px;
    left: 11px;
    content: '';
    width: 10px;
    height: 1px;
    background: #797a84;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.page-up-arrow:hover {
    color: #fdd137;
}

.page-up-arrow span:hover {
    border-color: #fdd137;
}

.page-up-arrow:hover span:before,
.page-up-arrow:hover span:after {
    background: #fdd137;
}

.page-up-arrow span:after {
    left: 19px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
}

@media (max-width: 1400px) {
    .page-up-arrow {
        position: absolute;
        top: -70px;
        bottom: auto;
        left: calc(50% - 21px);
    }
}

@media (max-width: 768px) {
    .error_text_label {
        position: static;
        padding: 0;
        min-height: 13px;
        border: none;
        font-size: 13px;
        text-align: center;
        background: transparent;
        font-family: 'opensans-semibold';
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .error_text_label:before,
    .error_text_label:after {
        display: none;
    }
}

.text-prod-review {
    margin-bottom: 5px;
    font: 14px/22px 'Noto Sans', sans-serif;
    color: #8d8d8d;
    text-align: justify;
}

.text-prod-review+a {
    font: 12px/1 'opensans-regular';
    color: #3b3c44;
    text-decoration: underline;
    text-transform: uppercase;
}

.autocomplete-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999991;
    width: 100%;
    height: 100%;
    background: #3b3c44;
    opacity: 0.8;
    cursor: pointer;
}

.autocomplete-product {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999995 !important;
    line-height: 0;
    background: #ffffff;
}

.autocomplete-product.ui-menu .ui-state-focus,
.autocomplete-product.ui-menu .ui-state-active {
    margin: 0;
}

.autocomplete-product.ui-menu .ui-menu-item {
    padding: 10px 11px;
    list-style-image: none;
    border-bottom: 1px solid #e9e9e9;
}

.autocomplete-product .mse2-ac-item {
    padding: 0;
}

.autocomplete-product a {
    overflow: hidden;
    display: block;
    border: none;
}

.autocompl-item-img {
    float: left;
    margin-right: 10px;
    width: 75px;
    height: 75px;
}

.autocompl-item-dscr {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 75px;
}

.autocompl-item-name p {
    display: inline-block;
    margin-bottom: 5px;
    width: calc(100% - 70px);
    font: 14px/1.3 'opensans-semibold';
    vertical-align: top;
    color: #3b3c44;
}

.autocompl-item-name span {
    float: right;
    width: 60px;
    font: 12px/21px 'opensans-bold';
    color: #ffffff;
    text-align: center;
    background: #ca4126;
}

.autocompl-item-articul {
    font: 10px/1.2 'opensans-semibold';
    color: #b3b3b3;
}

.message-text-clone {
    position: fixed;
    top: -500px;
    left: -500px;
    background: #ffffff;
    visibility: hidden;
}

.input-none {
    display: none;
}

.label-input-none,
.name-input-none {
    position: relative;
    padding-left: 25px;
    font: 14px/2 'opensans-regular';
    color: #3b3c44;
}

.name-input-none {
    padding-left: 0;
}

.label-input-none:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77;
}

.input-none:checked+.label-input-none:before {
    border-color: #fdd137;
    background: #fdd137 url('../img/icons/shape-2.png') 40% 50% no-repeat;
}

.form-row .radio-box label input[type="radio"]+span.name-input-none:before {
    margin-top: -3px;
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77;
}

.form-row .radio-box label input[type="radio"]:checked+span.name-input-none:before {
    border-color: #fdd137;
    background: #fdd137;
}

.form-row {
    overflow: hidden;
}

@media (max-width: 480px) {
    .calcForm__btn {
        float: none;
        width: 100%;
    }
}

.reg-check-box,
.agree-check-box {
    margin: -15px 0 15px;
    line-height: 0;
    text-align: left;
}

.reg-check-box label,
.agree-check-box label {
    font: 14px/24px 'opensans-regular';
    color: #010101;
}

.reg-check-box label:before,
.agree-check-box label:before {
    display: inline-block;
    margin: 0 10px -2px 0;
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77;
}

.contacts .agree-check-box label {
    position: relative;
    padding-left: 25px;
}

.agree-check-box label:before {
    position: absolute;
    top: 0;
    left: 0;
}

.reg-check-box input:checked+label:before,
.agree-check-box input:checked+label:before {
    border-color: #fdd137;
    background: #fdd137 url('../img/icons/shape-2.png') 50% 50% no-repeat;
}

.reg-check-box input,
.agree-check-box input {
    display: none;
}

.reg-check-box a {
    color: #41b0dc;
}

.time_answer {
    position: absolute;
    top: -31px;
    left: 0;
    width: 100%;
    height: 30px;
    font: 12px/30px 'opensans-semibold';
    color: #3b3c44;
    text-align: center;
}

@media (max-width: 400px) {
    .time_answer {
        line-height: 1.2;
    }
}

.remove-current-order {
    display: block;
    margin: 0 auto;
    padding: 12px 50px;
    font: 14px/1 'opensans-regular';
    color: #ca4126;
    text-transform: uppercase;
    border: 1px solid #ca4126;
}

@media (min-width: 981px) {
    .remove-current-order {
        float: right;
    }
}

.remove-current-order:hover {
    color: #ffffff;
    background: #ca4126;
}

.remove-product-block {
    position: absolute;
    top: -29px;
    right: 0;
    padding-left: 15px;
    font: 12px/1 'opensans-regular';
    color: #fd4a37;
    text-transform: uppercase;
    background: url('../img/icons/remove-icon.png') 0 60% no-repeat;
}

.commissionForPayment {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    height: 0;
    font: 14px/2 'opensans-regular';
    color: #4f4f56;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.commissionForPayment.active {
    height: 28px;
    color: #41b0dc;
}

.history-back-btn {
    float: left;
    padding: 0;
    font-size: 14px;
    line-height: 37px;
    color: #3b3c44;
    background: transparent;
}

.top-nav--small-offset .this-title {
    margin-bottom: 0;
    padding: 8px 0;
    font-size: 20px;
    line-height: 24px;
    color: #3b3c44;
}

@media (max-width: 1280px) {
    .top-nav--small-offset {
        max-width: 100%;
    }
}

@media (min-width: 981px) {
    .top-nav--small-offset .this-title {
        padding-left: 318px;
        text-align: left;
    }
}

@media (min-width: 1281px) {
    .top-nav--small-offset .this-title {
        padding-left: 299px;
    }
}

@media (max-width: 680px) {
    .top-nav--small-offset .this-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .history-back-btn {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .top-nav--small-offset .this-title {
        margin-bottom: 20px;
        padding: 0;
        line-height: 22px;
    }

    .commissionForPayment {
        font-size: 12px;
    }
}

.history-back-btn:before {
    display: inline-block;
    margin-right: 6px;
    content: '';
    width: 6px;
    height: 34px;
    vertical-align: middle;
    background: url('../img/larr.png') 0 50% no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-block-title {
    margin-bottom: 30px;
    font: 22px/30px 'opensans-bold';
    text-transform: none;
}

.sub-category-list {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 64px;
    border-left: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    /*border-right: 1px solid #c7c7c7;*/
}

.sub-category-list:before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #c7c7c7;
}

.sub-category-list:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #c7c7c7;
}

.sub-category-list__item {
    width: 33.33%;
    height: 48px;
    border-right: 1px solid #c7c7c7;
    font-size: 0;
    border-bottom: 1px solid #c7c7c7;
}

.sub-category-list__item:nth-of-type(3n) {
    /*border-right: none;*/
}

.sub-category-list__item a {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
    height: 100%;
    font: 14px/1.2 'opensans-regular';
    text-align: center;
    vertical-align: middle;
    color: #3b3c3a;
}

.sub-category-list__item a:after {
    position: absolute;
    content: '';
    top: -1px;
    left: -1px;
    z-index: 1;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 2px solid #fcd749;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
}

.sub-category-list__item a:hover:after {
    opacity: 1;
}

.call-manager {
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
    padding: 20px 14px 14px;
    border: 6px solid #e0e0e8;
    text-align: center;
}

.call-manager--order {
    float: left;
    margin-top: 0;
    max-width: 370px;
}

@media (max-width: 1024px) {
    .call-manager--order {
        float: none;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .call-manager--order .call-to-manager-btn {
        width: auto;
        padding: 0 36px;
    }
}

.call-manager--mob {
    margin: 40px auto;
    max-width: 60%;
    text-align: left;
}

.call-manager--serv {
    margin: 22px auto 20px;
    padding: 26px 38px 14px;
    max-width: 76.8%;
    line-height: 0;
    text-align: left;
}

.text .call-manager--serv {
    margin-top: 30px;
}

.text .pagination li {
    padding-left: 0 !important;
}

.text .pagination li:before {
    display: none !important;
}

.call-manager-msg {
    margin: 0 0 14px !important;
    font: 12px/17px 'opensans-regular' !important;
    color: #9a9aac;
    text-align: center !important;
}

.call-manager-icon {
    position: absolute;
    top: -20px;
    left: calc(50% - 17px);
    width: 34px;
    height: 34px;
    background: url('../img/heartbeat-icon.png') 50% 48% no-repeat;
}

.call-manager-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e0e0e8;
    animation: heartbeat 1300ms ease 0s infinite normal;
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.text .call-manager-name,
.call-manager-name {
    margin: 0 0 5px;
    font: 14px/1.2 'opensans-bold' !important;
    color: #3b3c44;
}

.call-manager-presence {
    display: block;
    margin-bottom: 10px;
    font: 12px/1.2 'opensans-bold' !important;
    color: #1baa3d;
}

.call-manager--serv .call-manager-presence {
    display: inline-block;
    margin-bottom: 0;
}

.call-manager.offline .call-manager-presence {
    color: #6b6c77;
}

.call-manager-dscr {
    margin-bottom: 15px !important;
    font: 14px/24px 'opensans-regular' !important;
    color: #3b3c44;
}

.call-manager--serv .call-manager-dscr {
    margin: 0 0 10px !important;
}

.call-to-manager-btn {
    display: inline-block;
    width: 100%;
    font: 14px/34px 'opensans-regular';
    color: #fdd137;
    text-align: center;
    text-transform: uppercase;
    background: #6b6c77;
}

.call-manager--mob .call-to-manager-btn {
    display: block;
    margin: 0 auto;
    width: 178px;
}

.call-manager--serv .call-to-manager-btn {
    float: right;
    margin-top: 3px;
    width: calc(100% - 582px);
}

@media (max-width: 1100px) and (min-width: 981px) {
    .call-manager--serv {
        padding: 26px 20px 14px;
    }

    .call-manager--serv .call-to-manager-btn {
        width: calc(100% - 550px);
    }
}

.types-delivery {
    margin-bottom: 30px;
}

.types-delivery .types-delivery__title {
    margin-bottom: 40px;
    font: 24px/1.2 'opensans-regular';
    text-align: center;
}

.types-delivery__list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.types-delivery__item {
    margin-bottom: 20px;
    width: 300px;
}

.types-delivery__item a {
    display: block;
}

.text .types-delivery__item a:hover {
    opacity: 1;
}

.types-delivery__item:hover .types-delivery__item-img {
    background-position: 50% -170px;
}

.types-delivery__item-img {
    overflow: hidden;
    margin: 0 auto 30px;
    width: 170px;
    height: 170px;
}

.types-delivery__item--598 .types-delivery__item-img {
    background: url(../img/aa-2.png) 50% 0 no-repeat;
}

.types-delivery__item--597 .types-delivery__item-img {
    background: url(../img/aa-3.png) 50% 0 no-repeat;
}

.types-delivery__item--595 .types-delivery__item-img {
    background: url(../img/aa-4.png) 50% 0 no-repeat;
}

.types-delivery .types-delivery__item-title {
    margin: 0 0 7px;
    padding-bottom: 30px;
    font: 20px/1.2 'opensans-regular';
    color: #3b3c44;
    text-align: center;
    border-bottom: 1px solid #d1d1d1;
}

.types-delivery .types-delivery__item-dscr {
    display: block;
    font: 14px/1.4 'opensans-bold';
    color: #1b1b1b;
    text-align: center;
}

.container ol {
    text-align: left;
}

@media (max-width: 980px) {
    .sub-category-list__item {
        width: 50%;
    }

    .sub-category-list {
        margin: 0 0 36px;
    }

    /*.sub-category-list:before {*/
    /*display: none;*/
    /*}*/
    .main-block-title {
        margin-bottom: 20px;
    }

    .sub-category-list__item:nth-of-type(2n) {
        /*border-right: none;*/
    }

    .sub-category-list__item:nth-of-type(2n - 1) {
        border-right: 1px solid #c7c7c7;
    }

    .call-manager--serv {
        margin: 22px 0 26px;
        padding: 26px 20px 60px;
        max-width: 9999px;
        text-align: center;
    }

    .text .call-manager--serv {
        margin-top: 30px;
    }

    .call-manager--serv .call-to-manager-btn {
        position: absolute;
        left: calc(50% - 100px);
        bottom: 20px;
        width: 200px;
    }

    .types-delivery {
        margin-bottom: 10px;
    }

    .types-delivery .types-delivery__item {
        width: 250px;
    }

    .types-delivery .types-delivery__item-title {
        padding-bottom: 10px;
        font-size: 16px;
    }
}

@media (max-width: 840px) {
    .types-delivery .types-delivery__item-title {
        margin: 0 auto 7px;
        width: 250px;
    }

    .types-delivery .types-delivery__item:last-of-type {
        width: 100%;
    }
}

@media (max-width: 680px) {

    .main-block-title,
    .mgt-mob {
        margin-top: 50px;
    }

    .types-delivery .types-delivery__item {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .sub-category-list__item {
        width: 100%;
    }

    .sub-category-list__item:nth-of-type(2n - 1) {
        /*border-right: none;*/
    }

    .basket-content form h3 {
        margin: 0;
    }
}

.tnx-for-buy {
    margin-bottom: 36px;
    font: 18px/24px 'opensans-semibold';
    color: #3b3c44;
    text-align: center;
}

.tnx-for-buy-btns {
    overflow: hidden;
    margin: 0 auto;
    width: 494px;
}

.tnx-for-buy-btns__link {
    float: right;
    width: 228px;
    font: 14px/36px 'opensans-regular';
    color: #3b3c44;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #fdd137;
    background: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tnx-for-buy-btns__link:first-child {
    margin-left: 30px;
    background: #fdd137;
}

.tnx-for-buy-btns__link:first-child:hover {
    background: #ffffff;
}

.tnx-for-buy-btns__link:first-child:hover+.tnx-for-buy-btns__link {
    background: #fdd137;
}

@media (max-width: 530px) {
    .tnx-for-buy-btns {
        width: 232px;
    }

    .tnx-for-buy-btns__link:first-child {
        margin: 0 0 20px;
    }
}

.cargo-tracking {
    overflow: hidden;
    text-align: left;
}

.cargo-tracking h1 {
    margin-bottom: 20px;
    text-align: left;
}

.cargo-tracking__label {
    margin-bottom: 7px;
    font: 14px/1 'opensans-semibold';
    clear: both;
}

.cargo-tracking-form {
    float: left;
    width: 548px;
    font-size: 0;
}

.cargo-tracking-form__input {
    display: inline-block;
    margin-right: 15px;
    width: 370px;
}

.cargo-tracking-form__btn {
    display: inline-block;
    width: 163px;
    height: 38px;
    font: 14px/1 'opensans-regular';
    text-transform: uppercase;
    border: 2px solid #fdd137;
    background: #fdd137;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.cargo-tracking-form__btn:hover {
    background: #ffffff;
}

.cargo-tracking-dsrc {
    float: right;
    width: calc(100% - 600px);
}

.cargo-tracking-dsrc__msg {
    margin: -7px 0 17px;
    font: 14px/24px 'opensans-regular';
}

.tracking-result {
    clear: both;
    margin-bottom: 70px;
}

.tracking-result__title {
    margin-bottom: 15px;
    font: 18px/1.2 'opensans-semibold';
}

.tracking-result__msg {
    font: 14px/1.2 'opensans-regular';
    color: #3b3c44 !important;
}

.tracking-table {
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tracking-table__header,
.tracking-table__content {
    display: flex;
    font-size: 0;
    border-bottom: 1px solid #d5d5d5;
}

.tracking-table__content:last-of-type {
    border-bottom: none;
}

.tracking-table__header-item,
.tracking-table__content-item {
    display: inline-block;
    padding: 17px 30px;
    font: 14px/1.2 'opensans-semibold';
    border-right: 1px solid #d5d5d5;
}

.tracking-table__header-item:last-child {
    width: 232px;
    border-right: none;
}

.tracking-table__content.not-done .tracking-table__content-item:last-child {
    color: #ca4126;
}

.tracking-table__content-item {
    font-family: 'opensans-regular';
}

.tracking-table__header-item:first-child,
.tracking-table__content-item:first-child {
    width: calc(100% - 464px);
}

.tracking-table__header-item:nth-child(2),
.tracking-table__content-item:nth-child(2) {
    width: 232px;
}

.tracking-table__content-item:last-child {
    width: 232px;
    color: #0e9c11;
    border-right: none;
}

@media (max-width: 980px) {

    .cargo-tracking-dsrc,
    .cargo-tracking-form {
        float: none;
        width: 100%;
    }

    .tracking-result {
        margin-bottom: 50px;
    }

    .cargo-tracking-dsrc {
        margin-top: 20px;
    }

    .tracking-table__header-item,
    .tracking-table__content-item {
        padding: 15px;
    }

    .tracking-table__header-item:not(:first-child),
    .tracking-table__content-item:not(:first-child) {
        width: 150px;
    }

    .tracking-table__header-item:first-child,
    .tracking-table__content-item:first-child {
        width: calc(100% - 300px);
    }
}

@media (max-width: 640px) {
    .tracking-result {
        margin-bottom: 30px;
    }

    .tracking-table__header {
        display: none;
    }

    .tracking-table__content {
        display: block;
    }

    .tracking-table__content-item:not(:first-child) {
        padding: 15px 0;
        width: 50%;
        text-align: center;
    }

    .tracking-table__content-item:first-child {
        width: 100%;
        text-align: center;
        border-right: none;
        border-bottom: 1px solid #d5d5d5;
    }
}

@media (max-width: 600px) {
    .cargo-tracking-form__input {
        margin: 0 0 10px 0;
    }

    .cargo-tracking-form__input,
    .cargo-tracking-form__btn {
        width: 100%;
    }
}

.mosaic-images {
    overflow: hidden;
    margin: 0 -15px !important;
}

.mosaic-images div {
    float: left;
    margin: 15px;
    cursor: zoom-in;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
}

.mosaic-images img {
    height: 242px;
}

.mosaic-popup {
    display: none;
}

.mosaic-popup,
.mosaic-popup__bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    padding: 0 6px;
    width: 100%;
    height: 100%;
}

.mosaic-popup__bg {
    position: absolute;
    z-index: 0;
    height: calc(100% + 2px);
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    background: rgba(11, 11, 11, 0.8);
}

.mosaic-popup__btn {
    position: absolute;
    top: calc(50% - 55px);
    left: 0;
    z-index: 1;
    padding: 0;
    width: 90px;
    height: 110px;
    opacity: 0.65;
    background: transparent;
    -webkit-appearance: none;
}

.mosaic-popup__btn:after {
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 8px);
    z-index: 1;
    content: '';
    border-top: 13px solid transparent;
    border-right: 17px solid #ffffff;
    border-bottom: 13px solid transparent;
}

.mosaic-popup__btn:before {
    position: absolute;
    top: calc(50% - 21px);
    left: calc(50% - 14px);
    content: '';
    border-top: 21px solid transparent;
    border-right: 27px solid #3F3F3F;
    border-bottom: 21px solid transparent;
    opacity: 0.7;
}

.mosaic-popup__btn:last-of-type {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mosaic-popup__btn:hover {
    opacity: 1;
}

.mosaic-popup-box-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.mosaic-popup-box {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.mosaic-popup-box__close {
    position: absolute;
    top: -38px;
    right: -1px;
    line-height: 1;
    width: 30px;
    height: 30px;
    font-size: 0;
    border: 1px solid #000;
    background: rgba(219, 219, 219, 0.3) url(../img/img-popup-close-black.png) 50% 50% no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.65;
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mosaic-popup-box__close:hover {
    opacity: 1;
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mosaic-popup-box__img {
    display: block;
    max-width: 100%;
    max-height: 80vh;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mosaic-popup-box__img:hover {
    cursor: pointer;
}

.mosaic-popup-box__img-number {
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 12px;
    line-height: 18px;
    color: #cccccc;
    white-space: nowrap;
}

@media (max-height: 600px) {
    .mosaic-popup-box__close {
        top: 8px;
        right: 8px;
        opacity: 0.8;
        border-color: #3b3c44;
        background-image: url(../img/img-popup-close.png);
    }
}

@media (max-width: 1100px) {
    .mosaic-images div {
        margin: 5px;
    }

    .mosaic-images img {
        height: 200px;
    }
}

@media (max-width: 900px) {
    .mosaic-popup__btn {
        left: -11px;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mosaic-popup__btn:last-of-type {
        right: -11px;
        -webkit-transform: rotate(180deg) scale(0.75);
        -moz-transform: rotate(180deg) scale(0.75);
        -ms-transform: rotate(180deg) scale(0.75);
        -o-transform: rotate(180deg) scale(0.75);
        transform: rotate(180deg) scale(0.75);
    }
}

@media (max-width: 480px) {
    .mosaic-images {
        text-align: center;
    }

    .mosaic-images div {
        float: none;
        display: inline-block;
    }

    .mosaic-images img {
        height: auto;
        max-height: 242px;
    }
}

.delivery-cost .delivery-cost__subtitle {
    margin: -25px 0 30px;
    font: 18px/24px 'opensans-semibold';
    text-align: center;
}

.delivery-cost__list {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-top: 40px;
}

.delivery-cost__item {
    position: relative;
    margin-bottom: 55px;
    padding: 50px 10px 20px;
    width: 272px;
    font: 18px/24px 'opensans-bold';
    border: 1px solid #d5d5d5;
    text-align: center;
}

@media (min-width: 1281px) {
    .delivery-cost__item:not(:last-of-type):before {
        position: absolute;
        top: 50%;
        right: -31px;
        content: '';
        width: 30px;
        height: 1px;
        background: url('../img/dashed.png') 0 0 repeat;
    }
}

@media (max-width: 1180px) {
    .delivery-cost__list {
        margin: 0 auto 70px;
        max-width: 600px;
    }
}

@media (max-width: 980px) {
    .delivery-cost .delivery-cost__subtitle {
        margin-top: -10px;
    }
}

@media (max-width: 590px) {
    .delivery-cost__list {
        margin: 0 auto;
        max-width: 100%;
    }

    .delivery-cost__item {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .delivery-cost .delivery-cost__subtitle {
        margin-top: 0;
        font-size: 16px;
        line-height: 20px;
    }
}

.delivery-cost__item:after {
    position: absolute;
    left: calc(50% - 36px);
    bottom: calc(100% - 36px);
    content: '';
    width: 72px;
    height: 72px;
    border: 2px solid #fdd137;
    background: #ffffff url('../img/remoteness.png') 50% no-repeat;
}

.delivery-cost__item:nth-of-type(2):after {
    background-image: url('../img/weight.png');
}

.delivery-cost__item:nth-of-type(3):after {
    background-image: url('../img/type-package.png');
}

.delivery-cost__item:nth-of-type(4):after {
    background-image: url('../img/delivery-truck-d.png');
}

.international-delivery {
    position: relative;
    margin-top: -4px;
    padding-bottom: 60px;
}

.international-delivery:after {
    position: absolute;
    top: -124px;
    left: calc(50% - 1500px);
    z-index: -1;
    content: '';
    width: 3000px;
    height: calc(100% + 124px);
    background: #f6f6f6;
}

.international-delivery-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.international-delivery .international-delivery__msg {
    margin: 0 auto;
    max-width: 830px;
    text-align: center;
}

.international-item {
    margin: 0 0 20px 37px;
    padding: 20px 29px 30px;
    width: 330px;
    font-size: 0;
    border: 1px solid #d5d5d5;
    background: #ffffff;
}

.international-item__header {
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
}

.international-item__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 -67px;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fdd137 url('../img/international-air-transport.png') 50% no-repeat;
}

.international-item:nth-of-type(2) .international-item__icon {
    background-image: url('../img/international-rail-transportation.png');
}

.international-item:nth-of-type(3) .international-item__icon {
    background-image: url('../img/international-road-transport.png');
}

.international-item .international-item__title {
    display: inline-block;
    margin: 0;
    width: calc(100% - 23px);
    vertical-align: middle;
    font: 18px/24px 'opensans-bold';
}

.international-item .international-item__dscr {
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

@media (max-width: 1160px) {
    .international-item:not(:last-of-type) {
        width: 45%;
    }

    .international-item:last-of-type {
        width: 100%;
    }
}

@media (max-width: 860px) {
    .international-item:not(:last-of-type) {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .international-item {
        margin-left: 0;
        padding: 15px;
    }

    .international-item__icon {
        display: none;
    }

    .international-item .international-item__title {
        width: 100%;
    }

    .international-item .international-item__dscr {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 410px) {
    .international-delivery:after {
        top: -154px;
        height: calc(100% + 154px);
    }
}

.company-advantage {
    position: relative;
    margin-bottom: -15px;
    margin-top: 55px;
}

.company-advantage__bg {
    position: absolute;
    top: -15px;
    left: 50%;
    overflow: hidden;
    width: 1920px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.company-advantage__bg:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/bg-banner-layout.png) 0 0 repeat;
}

.company-advantage__bg .company-advantage__bg-img {
    display: block;
    margin: 0 auto;
}

.company-advantage__content {
    position: relative;
    z-index: 2;
    padding: 55px 0 30px;
}

.company-advantage__title {
    margin-bottom: 20px;
    color: #ffffff;
}

.company-advantage .company-advantage__msg {
    margin: 0 auto 45px;
    max-width: 840px;
    color: #ffffff;
    text-align: center;
}

.company-advantage .company-advantage__dscr {
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
}

.advantage-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 25px;
    padding: 30px 0 35px;
    border: 1px solid #dddddd;
    background: #fffefe;
}

.advantage-box__item {
    padding: 0 25px 0 40px;
    width: 25%;
    border-right: 1px solid #d5d5d5;
}

.advantage-box__item:last-of-type {
    border-right: none;
}

.advantage-box__header {
    margin-bottom: 25px;
    font-size: 0;
    text-align: left;
}

.advantage-box__icon {
    display: inline-block;
    margin-right: 10px;
    width: 53px;
    height: 52px;
    border: 1px solid #fdd137;
    border-left-width: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    background: url('../img/check-icon.png') 50% 50% no-repeat;
}

.advantage-box__title {
    display: inline-block;
    margin-bottom: 0;
    max-width: calc(100% - 63px);
    line-height: 22px;
    text-align: left;
    text-transform: none;
    vertical-align: middle;
}

.advantage-box .advantage-box__dscr {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

@media (max-width: 1160px) {
    .advantage-box__item {
        padding: 0 20px;
    }
}

@media (max-width: 1060px) {
    .advantage-box {
        padding: 20px 0 0;
    }

    .advantage-box__item {
        margin-bottom: 20px;
        width: 50%;
    }

    .advantage-box__item:nth-of-type(2) {
        border-right: none;
    }

    .advantage-box__header {
        margin-bottom: 10px;
    }
}

@media (max-width: 550px) {
    .company-advantage__content {
        padding-top: 30px;
    }

    .advantage-box__item {
        padding: 0 15px;
        width: 100%;
        border-right: none;
    }

    .advantage-box__header {
        margin-bottom: 5px;
    }
}

.company-catalog {
    position: relative;
    margin-bottom: 100px;
    padding-bottom: 45px;
}

.company-catalog--new {
    margin-bottom: 45px;
    padding-bottom: 0;
}

.company-catalog.company-catalog--new .company-catalog__title {
    margin-bottom: 30px;
}

.section--new-catalog {
    padding: 50px 0;
    background: #f6f6f6;
}

.company-catalog:after {
    display: table;
    clear: both;
    content: '';
}

.company-catalog .company-catalog__title {
    margin: 0 0 76px;
}

.company-catalog__bg {
    position: absolute;
    top: 65px;
    left: 0;
    width: 572px;
    height: 414px;
    border-left: 11px solid #fdd137;
    background: #dcdcdc url('../img/catalog-truck.png') 33.2% 63.5% no-repeat;
}

.company-catalog__list {
    position: relative;
    z-index: 1;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 700px;
}

.company-catalog--new .company-catalog__list {
    float: none;
    width: auto;
    font-size: 0;
    text-align: center;
}

@media (min-width: 731px) {
    .company-catalog--new .company-catalog__list {
        display: block;
    }
}

.company-catalog__item {
    position: relative;
    padding: 186px 30px 0;
    width: 330px;
    background: #fdd137;
}

.company-catalog--new .company-catalog__item {
    display: inline-block;
    margin: 0 15px;
}

.company-catalog__item:before {
    position: absolute;
    top: 78px;
    left: 0;
    content: '';
    width: 100%;
    height: 80px;
    background: url('../img/catalog-bag2.png') 50% 100% no-repeat;
}

.company-catalog__item:nth-of-type(2):before {
    background-image: url('../img/catalog-bag.png');
}

@media (min-width: 1181px) {
    .company-catalog--new .company-catalog__item:after {
        position: absolute;
        top: calc(50% - 138px);
        left: -246px;
        content: '';
        width: 239px;
        height: 277px;
        border-left: 7px solid #fdd24d;
        background: #dbdbdb url('../img/new-catalog2.png') 50% no-repeat;
    }

    .company-catalog--new .company-catalog__item:last-of-type:after {
        left: auto;
        right: -246px;
        border-left: none;
        border-right: 7px solid #fdd24d;
        background-image: url('../img/new-catalog1.png');
    }
}

.company-catalog__item-name {
    margin-bottom: 15px;
    font: 18px/24px 'opensans-semibold';
    color: #3b3c44;
    text-align: center;
}

.company-catalog__item-btn {
    display: block;
    margin-bottom: 40px;
    height: 57px;
    font: 14px/58px 'opensans-bold';
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    background: #6b6c77;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.company-catalog__item-btn:hover {
    background: #3b3c44;
}

@media (max-width: 1160px) {
    .company-catalog__bg {
        width: calc(100% - 30px);
        background-position: 54% 63.5%;
    }

    .company-catalog__list {
        width: calc(100% - 30px);
    }
}

@media (max-width: 860px) {
    .company-catalog__bg {
        background-image: none;
    }

    .company-catalog__item {
        width: calc(50% - 15px);
    }

    .company-catalog--new .company-catalog__item {
        margin: 0 7px;
    }
}

@media (max-width: 768px) {
    .company-catalog__bg {
        display: none;
    }

    .company-catalog {
        margin: 0 0 60px;
        padding-bottom: 0;
    }

    .company-catalog__list {
        width: 100%;
    }

    .company-catalog .company-catalog__title {
        margin: 0 0 30px;
    }
}

@media (max-width: 730px) {
    .company-catalog {
        margin-bottom: 50px;
        padding-bottom: 0;
    }

    .company-catalog .company-catalog__title {
        margin: 0 0 29px;
    }

    .company-catalog__bg {
        display: none;
    }

    .company-catalog__list {
        float: none;
        width: 100%;
    }

    .company-catalog--new .company-catalog__item {
        margin: 0;
    }

    .company-catalog__item {
        width: calc(50% - 7px);
    }
}

@media (max-width: 680px) {
    .company-catalog__item {
        margin-bottom: 15px;
        padding: 90px 15px 0;
        width: 100%;
    }

    .company-catalog--new .company-catalog__item:first-of-type {
        margin-bottom: 15px;
    }

    .company-catalog__item:last-of-type {
        margin-bottom: 0;
    }

    .company-catalog__item:before {
        top: 15px;
        height: 66px;
        -webkit-background-size: 60px;
        background-size: 60px;
    }

    .company-catalog__item-btn {
        margin-bottom: 15px;
    }
}

.request-more-wrap {
    margin-bottom: 60px;
    padding-top: 45px;
    background: #f6f6f6 url('../img/main-request-bg.png') 10% 45px no-repeat;
}

.request-more {
    display: flex;
    flex-wrap: wrap;
    width: auto !important;
    max-width: 1200px;
    padding-bottom: 130px;
}

.request-more:after {
    display: table;
    content: '';
    clear: both;
}

.request-more__links-box {
    display: flex;
    order: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 55.4%;
    border: 2px solid #fdd137;
    border-right-width: 10px;
}

.request-more__title {
    margin: 50px 0 10px;
    width: 100%;
}

.request-more__sub-title {
    margin-bottom: 70px;
    width: 100%;
    font-size: 22px;
    font-family: 'opensans-bold';
    text-align: center;
}

.request-more__label {
    margin-bottom: 30px;
    text-transform: none;
}

.request-more__link {
    display: flex;
    align-items: center;
    margin-bottom: 37px;
    padding: 0 30px 0 88px;
    width: 365px;
    height: 80px;
    border: 2px solid #fdd137;
    background: #fdd137 url('../img/request-more-people-icon.png') 18px 50% no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.request-more__link:hover {
    background-color: transparent;
}

.request-more__link--transport {
    margin-bottom: 0;
    background-image: url('../img/request-more-truck-icon.png');
}

.request-more__dscr {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    color: #3b3c44;
    text-align: left;
    text-transform: uppercase;
}

.request-more__video-box {
    flex-grow: 1;
    order: 2;
    height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url('../img/main-video-bg.jpg') 0 0 no-repeat;
}

.request-more__video-icon {
    position: relative;
    margin-bottom: 20px;
    width: 96px;
    height: 96px;
    border: 1px solid rgba(253, 209, 55, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: url('../img/main-play.png') 50% no-repeat;
    cursor: pointer;
}

.request-more__video-icon:after {
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #fdd137;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.request-more__video-icon:hover:after {
    top: -9px;
    left: -9px;
    width: 110px;
    height: 110px;
}

.request-more__video-dscr {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

.request-more__video {}

.partners-slider-title {
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .request-more-wrap {
        padding-top: 0;
        background-position: 50%;
    }

    .request-more {
        padding-bottom: 50px;
    }

    .request-more__title {
        margin: 50px 0 0;
    }

    .request-more__sub-title {
        margin-bottom: 20px;
    }

    .request-more__video-box {
        order: 1;
        margin-bottom: 15px;
        width: 100%;
        height: 200px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    .request-more__label {
        margin: 10px 0 15px;
    }

    .request-more__video-icon {
        margin-bottom: 15px;
    }

    .request-more__video-dscr {
        font-size: 16px;
    }

    .request-more__links-box {
        order: 2;
        width: 100%;
        border-right-width: 2px;
    }

    .request-more__link {
        margin-bottom: 15px;
    }
}

@media (max-width: 680px) {

    .request-more-wrap,
    .partners-slider-title {
        margin-bottom: 30px;
    }

    .request-more__sub-title {
        font-size: 18px;
    }
}

@media (max-width: 430px) {
    .request-more__links-box {
        padding: 0 15px;
    }

    .request-more__link {
        padding: 0 15px 0 72px;
        width: 100%;
        height: 76px;
        background-position: 10px 50%;
    }

    .request-more__dscr {
        font-size: 12px;
        line-height: 18px
    }
}

.main-reviews {
    overflow: hidden;
    padding: 60px 0 80px;
    background: #f2f2f2;
}

.main-reviews__title {
    margin-bottom: 20px;
}

.reviews-slider>.slick-slider {
    margin-bottom: 0;
}

.reviews-slider .slick-list {
    margin: 0 28px 22px;
}

.reviews-slider .slick-slide {
    position: relative;
    margin: 15px 15px 9px;
    padding: 16px 30px 20px;
    /*max-width: 1030px;*/
    /*width: 100% !important;*/
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
}

.reviews-slider .slick-slide:after {
    display: table;
    content: '';
    clear: both;
}

.reviews-slider .slick-slide:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 1px;
    height: 100%;
    background: #bfbfbf;
}

.reviews-slider .slick-next,
.reviews-slider .slick-prev {
    top: calc(50% - 17px);
    width: 22px;
    height: 34px;
}

.reviews-slider .slick-prev {
    left: 0;
    background: url('../img/arrl-new.png') center no-repeat;
}

.reviews-slider .slick-next {
    right: 0;
    background: url('../img/arrr-new.png') center no-repeat;
}

.review-slide__icon {
    position: absolute;
    top: 0;
    left: 30px;
    width: 34px;
    height: 34px;
    background: #fdd137 url('../img/review-slider-icon.png') 50% no-repeat;
}

.review-slide__avatar {
    position: absolute;
    top: -16px;
    left: 70px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-align: center;
    border: 1px solid #dbdbdb;
    background: #ffffff;
}

.review-slide__avatar:before {
    display: inline-block;
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.review-slide__avatar img {
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    margin: 0;
    max-width: 48px;
    max-height: 48px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

.slick-slide .review-slide__avatar img {
    transform: translate(-50%, -50%);
}

.review-slide__date {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #757575;
}

.review-slide__user-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    width: 100%;
    font: 16px/24px 'opensans-bold';
    text-align: left;
}

.review-slide__msg-wrap {
    overflow: hidden;
    margin-bottom: 16px;
    height: 218px;
    clear: both;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 979px) {
    .review-slide__msg-wrap {
        height: 146px;
    }
}

@media (max-width: 639px) {
    .review-slide__msg-wrap {
        height: 110px;
    }
}

.review-slide__msg {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.review-slide__answer-btn {
    float: left;
    padding: 1px 22px 0 0;
    font: 16px/1 'opensans-semibold';
    color: #279ec0;
    cursor: pointer;
    background: transparent url('../img/review-slider-answer-icon.png') 100% 0 no-repeat;
}

.review-slide__answer-btn:last-of-type {
    display: none;
    float: right;
    padding: 1px 0 0;
    font: 14px/16px 'opensans-semibold';
    color: #3b3c44;
    text-decoration: underline;
    background: none;
}

.main-reviews__btn {
    float: right;
    margin-right: 30px;
    padding: 14px 50px;
    height: 50px;
    font-size: 14px;
}

@media (max-width: 1080px) {
    .reviews-slider .slick-next {
        right: -7px;
    }

    .reviews-slider .slick-prev {
        left: -7px;
    }

    .reviews-slider .slick-slide {
        margin: 15px 7px 9px;
        padding: 16px 15px 20px;
    }

    .review-slide__icon {
        left: 15px;
    }

    .review-slide__avatar {
        left: 55px;
    }

    .main-reviews__btn {
        margin-right: 22px;
    }
}

@media (max-width: 980px) {
    .section.main-reviews {
        padding: 40px 0 50px;
    }

    .reviews-slider .slick-list {
        margin: 0 15px 15px;
    }

    .reviews-slider .slick-slide {
        margin: 15px 7px 0;
    }
}

@media (max-width: 639px) {
    .section.main-reviews {
        padding: 30px 0 40px;
    }

    .reviews-slider .slick-next {
        right: -11px;
    }

    .reviews-slider .slick-prev {
        left: -11px;
    }

    .reviews-slider .slick-slide {
        margin: 15px 0 0;
    }

    .main-reviews__btn {
        margin-right: 15px;
    }
}

@media (max-width: 480px) {
    .btn.main-reviews__btn {
        width: calc(100% - 30px);
    }
}

@media (max-width: 380px) {
    .reviews-slider .slick-list {
        margin: 0 0 15px;
    }

    .btn.main-reviews__btn {
        margin-right: 0;
        width: 100%;
    }
}

.widget-socials {
    padding: 70px 0;
}

.text p.request-form-dscr {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.request-form {
    margin: 0 auto;
    max-width: 770px;
}

.request-form--flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.request-form-left,
.request-form-right {
    width: calc(50% - 15px);
}

.request-form-boxes-wrap:not(:last-of-type) {
    margin-bottom: 30px;
}

.request-form-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 15px;
    text-align: left;
}

.request-form-box--errors {
    overflow: visible;
}

.request-form-box input+.not-valid,
.request-form-box textarea+.not-valid,
.upload-request-img+.not-valid,
.request-form-box select.selectNew+.not-valid {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 25px);
}

#captcha-error {
    text-align: right;
    padding: 0 16px 0 0;
    width: 100%;
}

.requestForm #captcha-error {
    text-align: left;
}

.partner-main-form .request-form-box {
    overflow: visible;
}

.partner-main-form .request-form-box select.selectNew+.not-valid {
    top: 75%;
    bottom: auto;
}

.request-form-upload-wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 17px;
}

.request-form-upload-box {
    position: relative;
    overflow-y: auto;
    margin: 0 0 10px !important;
    padding: 12px;
    min-height: 210px;
    max-height: 370px;
    background: #f1f1f2;
    border: 1px solid #d5d5d5;
}

.request-form-upload-box .icon-remove {
    position: absolute;
    top: -3px;
    right: 5px;
    font-size: 8px;
    text-transform: uppercase;
    color: #3b3c44;
}

.request-form-upload-box.empty_filelist {
    background: #ffffff url('../img/upload-box-bg.png') 50% no-repeat;
}

.request-form-upload-box .MultiFile-label {
    padding: 10px 20px;
}

.request-form-upload-box__item {
    margin: 0 !important;
    padding: 3px 0 !important;
    font-size: 14px;
    line-height: 24px;
    color: #757575 !important;
}

.request-form-upload-box__item:before {
    display: none !important;
}

.request-form-upload-box__item span {
    display: inline-block;
    margin-right: 8px;
    padding-right: 27px;
    font-family: 'opensans-semibold';
    color: #3b3c44 !important;
    background: url('../img/upload-img-icon.png') 100% 0 no-repeat;
}

.request-form-box__input-dscr {
    padding-right: 25px;
    text-align: left !important;
}

.request-form-box__input-dscr.dscr-mgb {
    margin-bottom: 24px !important;
}

.request-form-box__label {
    display: block;
}

.request-form-box .request-form-box__input-dscr {
    margin: 0 0 4px;
}

.request-form-box__input-dscr.no-pd {
    padding-right: 0;
}

.request-form-box__input {
    width: 100%;
}

.request-form-box__textarea {
    display: block;
    height: 100px;
}

.request-form-submit {
    float: right;
    clear: both;
    width: 230px;
    height: 38px;
    font-size: 14px;
    color: #3b3c44;
    text-transform: uppercase;
    border: 2px solid #fdd137;
    background: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.request-form-submit:hover {
    background: #fdd137;
}

.request-form-box__input.half-filed {
    width: calc(50% - 15px);
}

.upload-request-img {
    position: relative;
    float: right;
    padding-right: 26px;
    height: 18px;
    font-size: 14px;
    color: #3b3c44;
    text-transform: uppercase;
    background: transparent url('../img/icons/download-invoice.png') 100% 0 no-repeat;
}

.upload-request-img .MultiFile-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.upload-request-img .MultiFile-wrap input {
    width: 100%;
    cursor: pointer;
}

@media (max-width: 980px) {
    .request-form .request-form-box__input-dscr {
        font-size: 14px;
        line-height: 20px;
    }

    .text p.request-form-dscr {
        font-size: 16px;
        line-height: 1.2;
    }
}

@media (max-width: 768px) {
    .request-form-box__input-dscr.dscr-mgb {
        margin-bottom: 0 !important;
    }

    .request-form-left,
    .request-form-right,
    .request-form-box__input.half-filed {
        width: calc(50% - 10px);
    }

    .request-form-boxes-wrap .request-form-left,
    .request-form-boxes-wrap .request-form-right {
        width: 100%;
    }

    .request-form-box__input-dscr {
        padding-right: 0;
    }

    .request-form-submit {
        float: none;
        width: 100%;
    }

    .request-form-boxes-title {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 600px) {

    .request-form-left,
    .request-form-right,
    .request-form-box__input.half-filed {
        width: 100%;
    }
}

.company-life {
    margin: 0 auto;
    max-width: 886px;
}

.company-life__title {
    margin-bottom: 23px;
    padding: 10px 15px;
    text-align: center;
    text-transform: none;
    background: #f1f1f1;
}

.life-article {
    margin-bottom: 20px;
    padding: 25px 28px 16px 28px;
    border: 2px solid #e7e7e7;
}

.life-article:last-of-type {
    margin-bottom: 0;
}

.life-article__header {
    margin-bottom: 18px;
    font-size: 0;
}

.life-article__logo {
    overflow: hidden;
    display: inline-block;
    margin-right: 13px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fdd238;
    vertical-align: middle;
}

.life-article__logo .life-article__logo-img {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.life-article__title {
    display: inline-block;
    margin-bottom: 0;
    width: calc(100% - 73px);
    font: 18px/22px 'opensans-bold';
    vertical-align: middle;
    text-align: left;
    text-transform: none;
}

.life-article__text-holder {
    margin-bottom: 10px;
}

.life-article p {
    margin: 0 0 20px 0;
}

.life-article p:last-of-type {
    margin-bottom: 0;
}

.life-article__more {
    display: block;
    margin-bottom: 12px;
    width: 100%;
    height: 34px;
    font-family: 'opensans-bold';
    color: #40b2e4;
    background: #f1f1f1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.life-article__more:hover {
    background: #ededed;
}

.life-article__btn-img {
    margin-bottom: 16px;
}

.life-article .life-article__main-img {
    margin: 0 auto;
    max-width: 100%;
}

.life-article__footer {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 13px;
    color: #8e8e8e;
}

.life-article__icons {
    font-size: 0;
}

.life-article__icon-share,
.life-article__icon-like {
    padding: 0;
    height: 13px;
    vertical-align: middle;
    background: transparent;
}

.life-article__icon-share {
    width: 15px;
}

.life-article__icon-like {
    margin-right: 22px;
    color: #8e8e8e;
}

.life-article__icon-share svg,
.life-article__icon-like svg {
    display: inline-block;
    height: 13px;
    fill: #A7CCDC;
    vertical-align: top;
}

.life-article__activ-like svg {
    fill: #399cc5;
}

.life-article__icon-share svg {
    width: 14px;
}

.life-article__icon-like svg {
    margin-right: 4px;
    width: 16px;
}

.life-article__icon-share:hover svg,
.life-article__icon-like:hover svg {
    fill: #8ac0d8;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .life-article {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .life-article__header {
        margin-bottom: 15px;
    }

    .life-article__logo {
        margin-right: 10px;
    }

    .life-article__title {
        font-size: 16px;
        line-height: 20px;
    }

    .life-article {
        padding: 10px;
    }
}

.partner-prog__title {
    margin-bottom: 20px;
    margin-top: 20px;
}

.partner-prog__sub-title {
    margin-bottom: 50px;
    font: 16px/1.6 'opensans-regular';
    text-align: center;
}

.partner-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    padding: 0 5px;
}

.partner-info__item {
    margin: 0 10px;
    max-width: 360px;
    font-size: 0;
}

.partner-info__label {
    display: inline-block;
    position: relative;
    margin-right: 22px;
    width: 106px;
    height: 104px;
    vertical-align: top;
    border: 3px solid #fdd137;
    background: url('../img/partners-prog-icon-1.png') 50% no-repeat;
}

.partner-info__item:nth-of-type(2) .partner-info__label {
    background-image: url('../img/partners-prog-icon-2.png');
}

.partner-info__item:nth-of-type(3) .partner-info__label {
    background-image: url('../img/partners-prog-icon-3.png');
}

.partner-info__label:after {
    position: absolute;
    top: calc(50% - 26px);
    right: -3px;
    content: '';
    width: 3px;
    height: 52px;
    background: #ffffff;
}

.partner-info__item-dscr {
    display: inline-block;
    width: calc(100% - 128px);
    vertical-align: top;
    text-align: left;
}

.partner-info__item-title {
    font: 18px/24px 'opensans-bold';
}

.partner-info__item-msg {
    font-size: 14px;
    line-height: 24px;
}

.partner-main {
    overflow: hidden;
    margin-bottom: 130px;
    padding: 60px;
    background: #fafafa;
}

.partner-main-dscr {
    float: left;
    max-width: 46.4%;
}

.partner-main-dscr__title {
    margin-bottom: 20px;
    padding-left: 43px;
    text-align: left;
}

.partner-main-dscr__msg {
    position: relative;
    padding: 0 0 25px 43px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

.partner-main-dscr__msg:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    width: 18px;
    height: 18px;
    border: 1px solid #fdd137;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fdd137;
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
    -moz-box-shadow: inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 2px #ffffff;
}

.partner-main-dscr__msg:not(:last-of-type):after {
    position: absolute;
    top: 0;
    left: 10px;
    content: '';
    width: 1px;
    height: 100%;
    background: url('../img/partners-prog-dotter.png') 0 0 repeat;
}

.partner-main-form {
    float: right;
    max-width: 48.4%;
    width: 100%;
    border: 1px solid #d5d5d5;
    background: #ffffff;
}

.partner-main-form__title {
    padding: 20px 30px;
    font: 18px/1.4 'opensans-bold';
    text-align: left;
    border-bottom: 1px solid #d5d5d5;
}

.partner-main-form__form {
    padding: 25px 30px 30px;
}

.partner-main-form__form:after {
    display: block;
    content: '';
    clear: both;
}

.partner-main-form__btn {
    background: #fdd137;
}

.partner-main-form__btn:hover {
    background: #ffffff;
}

.partner-main-form__form .request-form-left,
.partner-main-form__form .request-form-right {
    width: calc(50% - 8px);
}

@media (max-width: 1280px) {
    .partner-main {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }
}

@media (max-width: 980px) {
    .partner-main {
        padding: 30px 15px;
    }

    .partner-main-form {
        max-width: 51%;
    }

    .partner-main-form__form {
        padding: 15px;
    }

    .partner-main-form__title {
        padding: 10px 15px;
        font-size: 16px;
    }

    .partner-main-dscr__title {
        padding-left: 33px;
        font-size: 22px;
        line-height: 28px;
    }

    .partner-main-dscr__msg {
        padding: 0 0 12px 33px;
    }

    .partner-prog__title {
        margin-bottom: 15px;
    }

    .partner-prog__sub-title {
        margin-bottom: 30px;
    }

    .partner-info {
        flex-wrap: wrap;
        margin-bottom: 40px;
        padding: 0;
    }

    .partner-info__item {
        margin: 0 0 15px;
        max-width: calc(50% - 10px);
    }

    .partner-info__item:last-of-type {
        margin: 0 0 0 25%;
        max-width: 100%;
        width: 50%;
    }
}

@media (max-width: 840px) {

    .partner-main-form__form .request-form-left,
    .partner-main-form__form .request-form-right {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .partner-info {
        margin-bottom: 30px;
    }

    .partner-info__item:last-of-type,
    .partner-info__item {
        margin: 0 auto 15px;
        max-width: 480px;
        width: 100%;
        text-align: left;
    }

    .partner-info__label {
        margin-right: 10px;
        width: 70px;
        height: 68px;
        -webkit-background-size: 60%;
        background-size: 60%;
    }

    .partner-info__label:after {
        top: calc(50% - 16px);
        height: 32px;
    }

    .partner-info__item-title {
        font-size: 16px;
        line-height: 20px;
    }

    .partner-info__item-dscr {
        width: calc(100% - 80px);
    }

    .partner-info__item-msg {
        font-size: 13px;
        line-height: 20px;
    }

    .partner-main-dscr {
        max-width: 100%;
    }

    .partner-main-form {
        max-width: 100%;
    }

    .partner-main-dscr__title {
        padding-left: 0;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }
}

.all-orders .app-partnership .data-user-head {
    padding: 0;
    border: 0;
}

.all-orders .app-partnership .data-user-head .pay-hist-filter__select,
.all-orders .app-partnership .data-user-head .pay-hist-filter__label,
.all-orders .app-partnership .data-user-head .order-item-info__btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.all-orders .app-partnership {
    position: relative;
    margin-top: 20px;
}

.all-orders .all-orders__top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all-orders .pay-hist-filter__label--search {
    position: relative;
    display: inline-block;
}

.all-orders .pay-hist-filter__label--search input {
    background: transparent;
    border-bottom: 1px solid #DADAE0;
}

.all-orders .pay-hist-filter__label--search .pay-hist-filter__search-btn {
    right: auto;
    width: 14px;
    background: transparent url('/assets/img/search-new.png') 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    left: 0;
    top: 0;
}

.all-orders .all-orders__top-row .btn-wrapper {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-end;
}

.all-orders .all-orders__top-row .btn-wrapper a.orders-export-link {
    margin-left: 20px;
    margin-right: 0;
    width: auto;
}

.all-orders .all-orders__top-row .btn-wrapper a.calendar-reminders-link {
    width: auto;
}

.all-orders .express-checkbox {
    background: #FDD137;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px 0 45px;
    cursor: pointer;
    margin: 10px 20px 10px 0;
}

.all-orders .express-checkbox input {
    position: absolute;
    left: -99999px;
    opacity: 0;
    width: 0;
    height: 0;
}

.all-orders .express-checkbox input+.title {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    line-height: 100%;
    text-transform: uppercase;
    color: #3B3C44;
}

.all-orders .express-checkbox input+.title::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #3B3C44;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -25px;
    top: calc(50% + 0px);
    transform: translateY(-50%);
}

.all-orders .express-checkbox input:checked+.title::after {
    content: '\2713';
    color: #000;
    font-weight: 700;
    position: absolute;
    left: -23px;
}

.all-orders .cell-row {
    display: inline-flex;
    align-items: center;
}

.all-orders .cell-row .show-panel-btn {
    background: url('../img/icons/info1.png') no-repeat center;
    width: 19px;
    height: 19px;
    background-size: contain;
    margin-right: 16px;
}

.all-orders .reminder-wrapper {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}

.all-orders .reminder-wrapper .reminder-item {
    display: inline-flex;
    flex-direction: column;
    margin-right: 10px;
    color: #E0AB58;
    font-size: 10px;
    line-height: 1.1;
}

.all-orders .reminder-wrapper .reminder-item__top {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
}

.all-orders .reminder-wrapper .reminder-item:last-child {
    margin-right: 0;
}

.all-orders .reminder-wrapper .reminder-item .reminder-item__icon {
    background: url('../img/icons/clock-gold.png') no-repeat center;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    background-size: contain;
}

.all-orders .reminder-wrapper .reminder-item .reminder-item__name {
    text-transform: uppercase;
    font-family: "opensans-bold";
    line-height: 1.1;
}

.all-orders .reminder-wrapper .reminder-item.red {
    color: #FF4D4D;
}

.all-orders .reminder-wrapper .reminder-item.red .reminder-item__icon {
    background: url('../img/icons/clock-red.png') no-repeat center;
    width: 13px;
    height: 13px;
    margin-right: 4px;
    background-size: contain;
}

.body_personal_area h1 {
    margin-top: 20px;
}

.msrewards-filter.search-form h1 {
    text-align: left;
}

.app-partnership__box {
    margin-bottom: 40px;
}

.app-partnership__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 58px 15px 30px;
    font-size: 0;
    border: 1px solid #c7c7c7;
    border-bottom: none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #f3f3f3;
}

.app-partnership__head-status,
.app-partnership__head-label {
    font-size: 14px;
    line-height: 18px;
    color: #8c8c8c;
}

.app-partnership__head-label span {
    display: inline-block;
    margin-right: 16px;
    font: 18px/1 'opensans-semibold';
    color: #3b3c3a;
    text-transform: uppercase;
}

.app-partnership__head-status:before {
    display: inline-block;
    margin-right: 8px;
    content: '';
    width: 16px;
    height: 14px;
    vertical-align: middle;
    background: url('../img/partnership-status-icon.png') 0 no-repeat;
}

.app-partnership__head-status.done:before {
    width: 14px;
    height: 11px;
    background-image: url('../img/partnership-status-done-icon.png');
}

.app-partnership__head-status.rejected:before {
    height: 16px;
    background-image: url('../img/partnership-status-rejected-icon.png');
}

.app-partnership__head-status span {
    font-family: 'opensans-bold';
    color: #e4b034;
}

.app-partnership__head-status.done span {
    color: #66d255;
}

.app-partnership__head-status.rejected span {
    color: #ca4126;
}

.app-partnership__main {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 18px 58px 15px 30px;
    font-size: 0;
    border: 1px solid #c7c7c7;
    border-top: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.app-partnership__main--flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 18px 48px 10px 20px;
}

.app-partnership__main-info {
    display: inline-block;
    margin-right: 20px;
    width: 300px;
}

.app-partnership__main--flex .app-partnership__main-info {
    margin: 0 10px 15px;
    width: auto;
}

.app-partnership__main-info-item {
    position: relative;
    margin-bottom: 12px;
    padding-left: 32px;
    font: 14px/18px 'opensans-bold';
    vertical-align: top;
    text-align: left;
}

.app-partnership__main-info-item--sum {
    font-size: 24px;
    font-family: 'opensans-semibold';
}

.app-partnership__main-info-item:last-of-type {
    margin-bottom: 0;
}

.app-partnership__main-info-item i {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 18px;
}

.fio-icon {
    background: url('../img/fio-icon.png') 0 50% no-repeat;
}

.mail-icon {
    background: url('../img/mail-icon.png') 0 50% no-repeat;
}

.phone-icon {
    background: url('../img/phone-icon.png') 0 50% no-repeat;
}

.app-partnership__main-info-item span.label-blue {
    font-family: 'opensans-bold';
    color: #41b2e1;
}

.app-partnership__main-info-item span {
    font-family: 'opensans-regular';
    color: #8c8c8c;
}

.app-partnership__main-dscr {
    display: inline-block;
    margin-bottom: 10px;
    width: calc(100% - 320px);
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    vertical-align: top;
}

.app-partnership__main-dscr:last-of-type {
    margin-bottom: 0;
}

.app-partnership__btns-wrap {
    overflow: hidden;
    min-height: 40px;
}

.app-partnership__download-invoice {
    position: relative;
    float: left;
    margin: 9px 0 0 10px;
    font: 14px/18px 'opensans-semibold';
    color: #4f4f56;
    text-transform: uppercase;
    background: transparent;
}

.app-partnership__download-invoice:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #3b3c44;
}

.app-partnership__download-invoice:after {
    display: inline-block;
    margin-left: 10px;
    content: '';
    width: 10px;
    height: 12px;
    vertical-align: baseline;
    background: url('../img/icons/download-invoice.png') 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.app-partnership__btns {
    float: right;
    font-size: 0;
}

.app-partnership__btns-item {
    float: left;
    margin-right: 20px;
}

.app-partnership__btns-item:last-of-type {
    margin-right: 0;
}

.app-partnership__btn {
    width: 200px;
}

.data-user-head .pay-hist-filter__selects {
    display: flex;
    align-items: center;
    margin: 10px 0;
    flex-wrap: wrap;
}

.pay-hist-filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pay-hist-filter__date {
    white-space: nowrap;
    font-size: 0;
}

.pay-hist-filter__label {
    position: relative;
    display: inline-block;
    margin: 1px 20px 0 0;
}

.select2-results ul li:before {
    display: none !important;
}

.pay-hist-filter {
    margin-bottom: 10px;
}

.pay-hist-filter__selects {
    line-height: normal;
}

.pay-hist-filter__date {
    margin: 10px 0;
}

.modx-panel {
    margin-bottom: 40px;
}

.pay-hist-filter__label:after {
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
    content: '';
    width: 14px;
    height: 16px;
    background: url('../img/calendar2.png') 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.pay-hist-filter__filter-title {
    margin: 0 21px 0 0;
    line-height: 1.5 !important;
}

.pay-hist-filter__filter-title,
.pay-hist-filter__label span {
    font: 14px/38px 'opensans-semibold';
}

.pay-hist-filter__label span {
    margin-right: 6px;
}

.pay-hist-filter .pay-hist-filter__input {
    padding: 0 50px 0 20px;
    width: 200px;
    height: 38px;
    font-size: 14px;
    /*line-height: 36px;*/
    color: #3b3c44;
    border: 1px solid #c2c2c2;
    background: #ffffff;
}

.all-orders .pay-hist-filter .pay-hist-filter__input {
    border: none;
    background-color: #f1f1f2;
}

.pay-hist-filter__selects {
    white-space: nowrap;
    font-size: 0;
}

.pay-hist-filter__select {
    display: inline-block;
    margin: 0 15px 0 0;
}

.pay-hist-filter__selects .btn {
    /*vertical-align: middle;*/
    line-height: 14px;
    vertical-align: bottom;
    /*margin-bottom: 20px;*/
}

.all-orders .pay-hist-filter .btn {
    vertical-align: top;
    line-height: 14px;
    font-size: 14px;
    width: 100px;
}

.all-orders .pay-hist-filter__select,
.all-orders .pay-hist-filter__label {
    margin-right: 20px;
}

.all-orders .pay-hist-filter>.pay-hist-filter__label {
    width: 227px;
}

.all-orders .pay-hist-filter>.pay-hist-filter__label>input {
    width: 100%;
}

.all-orders .pay-hist-filter>.pay-hist-filter__label:after {
    display: none;
}

.all-orders .pay-hist-filter .pay-hist-filter__date .pay-hist-filter__input {
    width: 147px;
}

.all-orders .pay-hist-filter__select .select2-container--default .select2-selection--single {
    width: 227px;
}

.all-orders .pay-hist-filter__label span {
    margin-right: 18px;
}

.all-orders .pay-hist-filter__filter-title {
    margin-right: 30px;
}

.all-orders .order-item-info__btn {
    margin-left: 0;
    width: 135px;
    height: 38px;
    font-family: 'opensans-regular';
    color: #ffffff;
    background-color: #6b6c77;
}

.all-orders .order-item-info__btn:before {
    display: none;
}

.pay-hist-filter__selects~.btn,
.pay-hist-filter__date~.btn {
    margin: 10px 0;
    padding: 10px 20px;
    vertical-align: middle;
}

.pay-hist-filter__select .select2-container--default .select2-selection--single {
    width: 200px;
    height: 38px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.all-orders .pay-hist-filter__select .select2-container--default .select2-selection--single {
    border: none;
    background: #f1f1f2;
}

.all-orders .select2-container--open .select2-dropdown--below {
    border-top: 1px solid #c2c2c2;
}

.pay-hist-filter__select .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 40px 0 20px;
    font-size: 14px;
    line-height: 36px;
}

.pay-hist-filter__select .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 36px;
}

.xdsoft_datetimepicker {
    z-index: 999989;
}

@media (max-width: 980px) {
    .app-partnership__head {
        padding: 15px;
    }

    .app-partnership__main {
        padding: 10px 15px;
    }

    .app-partnership__main--flex {
        padding: 10px 5px 5px;
    }

    .app-partnership__download-invoice {
        margin-left: 0;
    }

    .pay-hist-filter__filter-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 680px) {

    .pay-hist-filter__selects .btn {
        margin-bottom: 10px;
    }

    .app-partnership__box {
        margin-bottom: 30px;
    }

    .app-partnership__main {
        margin-bottom: 10px;
    }

    .app-partnership__btns {
        float: none;
    }

    .app-partnership__btns-item {
        margin-right: 10px;
        width: calc(50% - 5px);
    }

    .app-partnership__btn {
        width: 100%;
    }

    .app-partnership__btn:last-of-type {
        margin-right: 0;
    }

    .app-partnership__main-info {
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .app-partnership__main-info-item {
        margin-bottom: 5px;
    }

    .app-partnership__main-dscr {
        display: block;
        width: 100%;
    }

    .app-partnership__download-invoice {
        float: none;
        display: inline-block;
        margin: 0 0 10px;
    }

    .pay-hist-filter__filter-title {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    .pay-hist-filter__label:last-of-type,
    .pay-hist-filter__date .btn {
        margin-right: 0;
    }

    .pay-hist-filter__date .btn {
        margin-bottom: 10px;
    }

    .pay-hist-filter__select .select2-container--default .select2-selection--single,
    .pay-hist-filter__selects,
    .pay-hist-filter__date .btn,
    .pay-hist-filter__date {
        width: 100%;
    }

    .pay-hist-filter__date {
        white-space: normal;
    }

    .pay-hist-filter__select,
    .pay-hist-filter__label {
        width: calc(50% - 10px);
    }

    .pay-hist-filter .pay-hist-filter__input {
        width: calc(100% - 26px);
    }
}

@media (max-width: 480px) {
    .app-partnership__head {
        display: block;
    }

    .app-partnership__head-label {
        margin-bottom: 5px;
    }

    .app-partnership__main-info-item i {
        margin-right: 10px;
    }

    .app-partnership__btns-item {
        margin: 0 0 10px;
        width: 100%;
    }

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

    .pay-hist-filter__date,
    .pay-hist-filter__selects {
        white-space: normal;
    }

    .pay-hist-filter__select,
    .pay-hist-filter__label {
        margin-right: 0;
        width: 100%;
    }

    .pay-hist-filter__select:not(:last-of-type) {
        margin-bottom: 10px;
    }
}

.ref-users__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 35px;
    margin-top: 40px;
}

.ref-users__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 5px 15px 5px 80px;
    min-height: 70px;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ref-users__item:before {
    position: absolute;
    top: -1px;
    left: -1px;
    content: '';
    width: 68px;
    height: 100%;
    border: 1px solid #fdd137;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ref-users__item:first-of-type {
    width: 40.1%;
}

.ref-users__item:nth-of-type(2) {
    width: 58%;
}

.ref-users__item.with-btn {
    padding-right: 220px;
}

.ref-users__item:first-of-type:before {
    background: #ffd119 url('../img/ref-users-icon1.png') 50% no-repeat;
}

.ref-users__item:nth-of-type(2):before {
    background: #ffd119 url('../img/ref-users-icon2.png') 50% no-repeat;
}

.ref-users__item-msg {
    padding: 5px 10px;
    font: 16px/1.2 'opensans-semibold';
}

.ref-users__item:not(:nth-of-type(2)) .ref-users__item-msg:before {
    display: inline-block;
    margin-right: 10px;
    content: '';
    width: 14px;
    height: 12px;
    vertical-align: middle;
    background: url('../img/ref-users-icon-yes.png') 0 no-repeat;
}

.ref-users__item-msg span {
    font-family: 'opensans-regular';
    color: #8c8c8c;
}

@media (min-width: 481px) {
    .ref-users__item-btn {
        position: absolute;
        top: calc(50% - 20px);
        right: 20px;
        height: 40px;
        padding: 10px 15px;
    }
}

.ref-users__sub-title {
    margin-bottom: 15px;
    font: 18px/1.2 'opensans-bold';
    text-transform: uppercase;
}

.ref-users__table-dscr {
    margin: -5px 0 10px;
    font-size: 14px;
    line-height: 1.2;
}

.ref-users__links-box {
    overflow-x: auto;
    border: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

.ref-users__links-wrap {
    display: flex;
    margin-bottom: 36px;
    min-width: 650px;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.ref-users__links-wrap table {
    /*table-layout: fixed;*/
    width: 100%;
}

.ref-users__links-wrap thead tr {
    border-bottom: 1px solid #d5d5d5;
}

.ref-users__links-wrap thead td {
    padding: 0 30px;
    height: 50px;
    font: 16px/18px 'opensans-regular';
    color: #b3b3b3;
    border-bottom: 1px solid #d5d5d5;
}

.ref-users__links-wrap tbody td:first-child {
    padding-left: 28px;
}

.ref-users__links-wrap tbody td:first-of-type,
.ref-users__links-wrap tbody td:nth-of-type(2) {
    /* width: calc(50% - 75px); */
}

.ref-users__links-wrap thead td:last-of-type {
    /* width: 150px; */
}

.ref-users__links-wrap tbody button {
    background: #fee693;
    padding: 2px;
    border: 2px solid #fee693;
}

.ref-users__links-wrap tbody button:hover {
    background: transparent;
}

.ref-users__links-wrap tbody td:nth-of-type(2),
.ref-users__links-wrap tbody td:nth-of-type(3) {
    max-width: 422px;
    width: 50%;
}

.ref-users__links-wrap tbody td:last-child {
    text-align: center;
    padding: 0;
}

.ref-users__links-wrap tbody tr:nth-of-type(even) {
    background: #f9f9fa;
}

.ref-users__links-wrap tbody td {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 40px;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
    color: #4f4f56;
}

.ref-users__links-wrap tbody td {
    padding-left: 40px;
}


.ref-users__table-title {
    padding: 0 40px;
    font: 16px/50px 'opensans-bold';
    color: #b3b3b3;
    border-bottom: 1px solid #d5d5d5;
}

.ref-users__links {
    width: calc(100% - 260px);
}

.ref-users__links-sum {
    width: 260px;
}

.ref-users__links-item {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 30px;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
    color: #4f4f56;
}

.ref-users__links .ref-users__links-item:last-of-type {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.ref-users__links-sum .ref-users__links-item:last-of-type {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

.ref-users__links-item:nth-of-type(even) {
    background: #f9f9fa;
}

.ref-users__tabs-header {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.ref-users__tabs-body .tab_item {
    display: none;
}

.ref-users__tabs-body .tab_item:first-child {
    display: block;
}

.ref-users__tabs-header .tab-link {
    display: inline-flex;
    font-size: 18px;
    line-height: 22px;
    color: #3B3C44;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    border-bottom: 1px solid #B2B2B2;
    position: relative;
    margin-bottom: 40px;
}

.ref-users__tabs-header .tab-link.active:before {
    content: '';
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    position: absolute;
    background: #FDD137;
}

.ref-users__filter-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
}

.ref-users-filter__date {
    display: inline-flex;
}

.ref-users-filter__date label {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.ref-users-filter__filter-title {
    margin-right: 20px;
    font: 14px/38px 'opensans-semibold';
    line-height: 19px;
}

.ref-users-filter {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 20px;
}

.ref-users-sort {
    display: inline-flex;
    align-items: center;
}

.ref-users-sort .select-wrapper {
    max-width: 220px;
}

.ref-users-sort__title {
    font: 14px/38px 'opensans-semibold';
    line-height: 19px;
    margin-right: 15px;
}

.ref-users-sort .btn-yellow {
    min-width: 100px;
    margin-left: 15px;
}

.download-btn {
    font-size: 14px;
    line-height: 22px;
    position: relative;
    padding-left: 20px;
    text-transform: uppercase;
    font-family: "opensans-bold";
    display: inline-flex;
    align-items: flex-end;
    background: transparent;
}

.download-btn::before {
    content: '';
    width: 14px;
    display: inline-block;
    margin-right: 10px;
    height: 18px;
    background: url('../img/icons/download-invoice.png') no-repeat center;
    background-size: contain;
}

.ref-users .ref-form {
    position: relative;
}

.ref-users .search {
    position: absolute;
    right: 0;
    top: -83px;
}

.data-user-table-wrap {
    overflow-x: auto;
}

.data-user-table {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 27px 27px 15px;
    min-width: 750px;
    text-align: left;
    border: 2px solid #fcd749;
}

.ref-users-filter-form {
    margin-bottom: 20px;
}

@media screen and (max-width: 1100px) {
    .ref-users__filter-main {
        flex-direction: column;
        align-items: flex-start;
    }

    .ref-users-filter {
        margin-bottom: 20px;
        width: 100%;
        align-items: flex-start;
    }
}

@media screen and (max-width: 600px) {
    .ref-users .search {
        position: static;
        width: 100%;
        text-align: left;
    }

    .ref-users-filter {
        flex-direction: column;
    }

    .ref-users-filter__filter-title {
        margin-bottom: 20px;
    }

    .ref-users-filter__date {
        flex-direction: column;
        width: 100%;
    }

    .ref-users-filter__date input {
        width: 100%;
    }

    .ref-users-sort {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .ref-users-sort__title {
        margin-bottom: 20px;
    }

    .ref-users-sort .select-wrapper {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }

    .ref-users-sort .btn-yellow {
        margin-left: 0;
    }
}

.data-user-table tbody td:first-of-type {
    width: 50px;
}

.data-user-table thead td {
    padding: 0 10px;
    height: 50px;
    line-height: 18px;
    font-size: 14px;
    font-family: 'opensans-bold';
}

@media (max-width: 768px) {
    .all-orders .pay-hist-filter__date {
        width: 100%;
    }

    .all-orders .pay-hist-filter__date .pay-hist-filter__label {
        width: calc(50% - 10px);
    }

    .all-orders .pay-hist-filter .pay-hist-filter__date .pay-hist-filter__input {
        width: calc(100% - 38px);
    }

    .all-orders .pay-hist-filter__selects {
        margin-right: 30px;
        width: calc(50% - 15px);
    }

    .all-orders .pay-hist-filter__selects:nth-of-type(2n) {
        padding-left: 0;
    }

    .all-orders .pay-hist-filter__selects:nth-of-type(2n + 1) {
        padding-right: 0;
    }

    .all-orders .data-user-head .pay-hist-filter__filter-title,
    .all-orders .pay-hist-filter__selects:nth-of-type(3),
    .all-orders .pay-hist-filter__selects:nth-of-type(5) {
        margin-right: 0;
    }

    .all-orders .pay-hist-filter__select {
        width: 50%;
    }

    .all-orders .order-item-info__btn {
        width: calc(50% - 10px);
        margin-left: 10px;
    }

    .all-orders .pay-hist-filter__select:nth-child(2n) {
        padding-left: 10px;
    }

    .all-orders .pay-hist-filter__select:nth-child(2n + 1) {
        padding-right: 10px;
    }

    .all-orders .data-user-head .pay-hist-filter,
    .all-orders .pay-hist-filter__select .select2-container--default .select2-selection--single {
        width: 100%;
    }

    .all-orders .pay-hist-filter>.pay-hist-filter__label,
    .all-orders .data-user-head .pay-hist-filter__selects {
        margin-right: 0;
        width: 100%;
        padding: 0;
    }

    .all-orders .data-user-head .pay-hist-filter:last-of-type {
        margin-bottom: 0;
    }

    .data-user-head .pay-hist-filter__select {
        margin: 0 0 10px 0;
    }

    .all-orders .pay-hist-filter__selects {
        margin: 10px 0;
        padding: 0 10px;
        width: 50%;
    }

    .all-orders .pay-hist-filter .btn {
        margin-bottom: 10px;
        margin-left: 10px;
    }


    .all-orders .pay-hist-filter>.pay-hist-filter__label {
        padding: 0 10px;
        display: block;
    }

    .pay-hist-filter .pay-hist-filter__search-btn {
        right: 10px;
    }

}

@media (max-width: 575px) {
    .all-orders .pay-hist-filter__select {
        width: 100%;
    }

    .all-orders .order-item-info__btn {
        width: 100%;
        margin-left: 0;
    }

    .all-orders .pay-hist-filter__select:nth-child(2n) {
        padding-left: 0;
    }

    .all-orders .pay-hist-filter__select:nth-child(2n + 1) {
        padding-right: 0;
    }
}

@media (max-width: 480px) {

    .all-orders .pay-hist-filter__date .pay-hist-filter__label,
    .all-orders .pay-hist-filter .pay-hist-filter__date .pay-hist-filter__input,
    .all-orders .pay-hist-filter .btn,
    .all-orders .pay-hist-filter__selects {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .all-orders .pay-hist-filter__date .pay-hist-filter__label:not(:last-child) {
        margin-bottom: 20px;
    }

    .all-orders .pay-hist-filter__selects {
        padding-left: 0;
        padding-right: 0;
    }

    .all-orders .pay-hist-filter .pay-hist-filter__date .pay-hist-filter__input {
        width: calc(100% - 38px);
    }
}

.data-user-table--glob {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    min-width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
}

.data-user-head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    width: 100%;
}

.data-user-head .pay-hist-filter__filter-title {
    vertical-align: top;
}

.pay-hist-filter__filter-title.js_deferred_time {
    display: none !important;
}

.pay-hist-filter__search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background: #d0d0d0 url('../img/search-icon-top.png') 50% no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
}


@media (max-width: 1200px) {
    .data-user-table--glob {
        /*max-height: 500px;*/
        /*overflow: auto;*/
        overflow-y: auto;
    }

    .ui-jqgrid .ui-jqgrid-view {
        padding-top: 77px !important;
        position: static !important;
    }

    .ui-jqgrid .ui-userdata {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

    .ui-th-ltr,
    .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
        border-top: 0 !important;
    }
}

@media (min-width: 981px) {
    .pay-hist-filter__label--search .pay-hist-filter__search-btn {
        left: 0;
        right: auto;
        width: 14px;
        background: transparent url('/assets/img/search-new.png') 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

@media (max-width: 980px) {
    .ui-jqgrid .ui-jqgrid-view {
        padding-top: 125px !important;
    }
}

.data-user-table table {
    width: 100%;
}

.data-user-table thead tr {
    height: 36px;
    vertical-align: top;
}

.container.all-orders {
    text-align: left;
}

.calendar-reminders-link {
    display: block;
    margin: 0 0 20px;
    padding: 0 10px;
    width: 100%;
    max-width: 200px;
    height: 40px;
    font-size: 12px;
    line-height: 36px;
    color: #3b3c44;
    vertical-align: top;
    text-transform: uppercase;
    border: 2px solid #fdd137;
    transition: background 0.3s;
}

.calendar-reminders-link:hover {
    background: #fdd137;
}

@media (min-width: 981px) {
    .all-orders .app-partnership h1 {
        display: inline-block;
        margin: 0 15px 20px 0;
        vertical-align: top;
    }

    .calendar-reminders-link {
        display: inline-block;
        margin: 0 0 20px;
    }
}

@media (max-width: 980px) {
    .container.all-orders {
        padding-top: 15px;
    }
}

.calendar-reminders-link:before {
    display: inline-block;
    margin: 10px 10px 0 0;
    content: '';
    width: 14px;
    height: 16px;
    vertical-align: top;
    background: url(/assets/img/calendar2.png) 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.all-orders .pay-hist-filter__selects {
    white-space: normal;
    margin: 10px 0;
}

.all-orders .data-user-table thead td {
    font-family: "opensans-bold";
    font-size: 14px;
    line-height: 16px;
    color: #3b3c44;
    vertical-align: middle;
}

.data-user-table thead td:last-of-type,
.data-user-table thead td:first-of-type {
    width: 100px;
    white-space: nowrap;
}

.data-user-table thead th {
    font-family: 'opensans-regular';
    font-size: 16px;
    color: #7D7D7D;
    vertical-align: middle;
}

.app-partnership .data-user-table thead td {
    vertical-align: middle;
}

.app-partnership .data-user-table thead td:first-of-type,
.app-partnership .data-user-table tbody td:first-of-type {
    width: 30px;
}

.app-partnership .data-user-table td.description-of-invoice-col {
    max-width: 200px;
    min-width: 200px;
    width: 200px;
    white-space: inherit;
}

.data-user-table tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #e4e4e4;
}

.data-user-table--glob thead,
.data-user-table--glob tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #d5d5d5;
}

.data-user-table tbody td {
    overflow: hidden;
    padding: 0 10px;
    font-size: 14px;
    line-height: 48px;
    color: #4f4f56;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.all-orders .data-user-table thead tr,
.all-orders .data-user-table tbody tr {
    padding: 0 5px;
}

.all-orders .data-user-table thead td,
.all-orders .data-user-table tbody td {
    padding: 0 15px;
    height: 70px;
    line-height: 16px;
}

.all-orders .data-user-table tbody td:nth-child(5),
.all-orders .data-user-table tbody td:nth-child(4),
.all-orders .data-user-table tbody td:nth-child(13),
.all-orders .data-user-table tbody td:nth-child(14),
.all-orders .data-user-table tbody td:nth-child(15) {
    min-width: 175px;
    white-space: normal;
}

.all-orders .data-user-table tbody td:nth-child(6) {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    white-space: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
}

.all-orders .data-user-table tbody td:nth-child(7) {
    width: 275px;
    min-width: 275px;
    max-width: 275px;
    white-space: inherit;
}

.all-orders .data-user-table tbody td:nth-child(9) {
    min-width: 84px;
}

.all-orders .data-user-table tbody td:nth-child(11) {
    min-width: 175px;
    white-space: normal;
}

.all-orders .data-user-table tbody td:nth-child(10),
.all-orders .data-user-table tbody td:nth-child(12) {
    white-space: normal;
}

.fake-check {
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #6b6c77;
}

input:checked+.fake-check {
    border-color: #fdd137;
    background: #fdd137 url('../img/icons/shape-2.png') 50% no-repeat;
}

.data-user-table tbody td.blue a {
    font-family: 'opensans-bold';
    color: #41b2e1;
}

.data-user-table__info-download {
    font-family: 'opensans-semibold';
    color: #4f4f56;
    background: none;
}

.data-user-table__info-download:after {
    display: inline-block;
    margin-left: 12px;
    content: '';
    width: 10px;
    height: 12px;
    vertical-align: middle;
    background: url('../img/icons/download-invoice.png') 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@media (max-width: 980px) {
    .ref-users__item {
        padding: 5px 5px 5px 60px;
    }

    .ref-users__item.with-btn {
        padding-right: 175px;
    }

    .ref-users__item:before {
        width: 54px;
    }

    .ref-users__item-btn {
        right: 10px;
    }

    .ref-users__item-msg {
        font-size: 16px;
    }

    .ref-users__links-sum {
        width: 220px;
    }

    .data-user-table__number-label,
    .data-user-table__info-label {
        font-size: 14px;
        min-height: 28px;
    }

    .ref-users__table-title {
        padding-right: 0;
        font-size: 14px;
        line-height: 40px;
    }

    .ref-users__links .ref-users__links-item,
    .ref-users__links .ref-users__table-title {
        padding-left: 15px;
    }

    .ref-users__links {
        width: calc(100% - 220px);
    }

    .data-user-table:not(.data-user-table--glob) {
        padding: 15px 10px 5px;
    }
}

@media (max-width: 768px) {
    .ref-users__item {
        margin-bottom: 15px;
        min-height: 60px;
    }

    .ref-users__item:first-of-type,
    .ref-users__item:nth-of-type(2) {
        width: 100%;
    }

    .ref-users__item:last-of-type {
        margin-bottom: 0;
    }

    .data-user-table thead td:first-of-type {
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .ref-users__item.with-btn {
        margin-bottom: 45px;
        padding-right: 5px;
    }

    .ref-users__item-btn.btn {
        top: calc(100% + 5px);
        right: -1px;
        width: calc(100% + 2px);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 10px 30px;
    }
}

.global-link {
    position: fixed;
    right: 15px;
    bottom: 50px;
    font: 10px/1 'opensans-semibold';
    text-align: center;
    color: #797a84;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    background: transparent;
    z-index: 1;
    border: 1px solid #c1c2cd;
    background: #fff;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    width: 176px;
    text-align: left;
    text-transform: uppercase;
    line-height: normal;
}

#link-global {
    display: none;
}

.global-link span {
    content: '';
    width: 42px;
    /*height: 42px;*/
    text-align: center;
    background: #ffffff;
}

.global-link svg {
    display: inline-block;
}

.container .fotorama__loaded .fotorama__img {
    margin: 0;
}


/* re-markup product options lists (colors, sizes etc.) --------------------------------------------------------- */
.product-charact {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.product-charact__title {
    width: 100%;
    max-width: 100px;
    padding: 0 15px;
    font-size: 14px;
    color: #3b3c44;
    font-family: "opensans-semibold", sans-serif;
}

.one-invoise .product-charact__title {
    flex-basis: 105px;
    padding-left: 0;
}

.product-charact.no-pdt .product-charact__title {
    margin-top: -16px;
}

.product-charact__list {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 0 4px 26px;
    font-size: 0;
}

.product-charact.no-pdt .product-charact__list {
    padding-top: 0;
}

.product-charact__color-item {
    position: relative;
    display: inline-block;
    margin: 0 12px 12px 1px;
    width: 28px;
    height: 28px;
    vertical-align: top;
    border: 3px solid #fff;
    cursor: pointer;
}

.product-charact__color-border {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 30px;
    height: 30px;
    border: 1px solid #919191;
}

.product-charact__color-item input:checked+.product-charact__color-border {
    border: 2px solid #6b6c77;
}

.product-charact__size-item {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    border: 2px solid #fcd749;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.product-charact__size-item:hover {
    background: #fcd749;
}

.product-top-position:not(.wrapper_opt-cat) .product-charact__size-item {
    border-color: #22aa1c;
}

.product-top-position:not(.wrapper_opt-cat) .product-charact__size-item:hover {
    background: #22aa1c;
}

.product-charact__size-number {
    position: relative;
    z-index: 1;
    padding: 0 9px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    text-transform: uppercase;
    display: inline-block;
}

.product-charact__size-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.product-charact__size-item input:checked+.product-charact__size-bg {
    background: #22aa1c;
}

.invoise-list .product-charact__size-item input:checked+.product-charact__size-bg,
.wrapper_opt-cat .product-charact__size-item input:checked+.product-charact__size-bg {
    background: #fdd137;
}

.app-partnership .rows.js_rows>p {
    color: #ff0000;
    text-align: center;
}

.person-order-btns {
    float: right;
}

.person-order-btns .btn.btn-fullYellow {
    line-height: 16px;
}

.person-order-btns .btn.btn-fullYellow:hover {
    background: #fff;
}

.left-form {
    float: left;
}

.btn.submit-invoise[name="save_order"]~img {
    margin: 0 0 30px 30px;
}

.btn-availability {
    margin: 0 25px 20px 0;
    height: 40px;
    font-size: 14px;
    font-family: 'opensans-regular';
    color: #000000;
    text-decoration: underline;
    text-transform: uppercase;
    background: none;
}

@media (max-width: 980px) {

    .person-order-btns,
    .left-form {
        float: none;
    }

    .btn-availability {
        margin: 0 0 10px;
    }

    .btn.btn-Mgb {
        margin-bottom: 15px;
        margin-left: 15px !important;
        margin-right: 15px !important;
        min-width: 260px;
    }

    .person-order-btns .left-form {
        display: inline-block;
    }

    .wrapper.fixed-panel .personal-panel+div .container .personal-main-title {
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .btn.btn-Mgb {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.js_pop_pay_block .custPopupBox {
    /*max-height: 292px;*/
    max-height: inherit;
    transform: translate(0, -50%);
    bottom: inherit;
    top: 50%;
}

.download_payment_file {
    margin-bottom: 20px;
    font: 16px/1.2 'opensans-semibold';
    text-align: center;
}

.download_payment_file a {
    color: #279ec0;
}

.pages-nav {
    padding: 30px 0 15px;
    border-bottom: 1px solid #c9cad0;
}

.pages-nav__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
}

.pages-nav__item {
    flex: 1 0 auto;
    min-width: 170px;
    position: relative;
    margin: 0 15px 15px;
    background: #ebecf0;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -ms-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pages-nav__item:not(.active):hover {
    background: #d5d7de;
    cursor: default;
}

.pages-nav__item svg {
    position: absolute;
    top: 28px;
    left: 50%;
    max-width: 33px;
    max-height: 33px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pages-nav__item svg path {
    fill: #3B3C44;
}

.pages-nav__item span,
.pages-nav__item a {
    position: relative;
    z-index: 1;
    display: block;
    height: 114px;
    padding-top: 75px;
    padding-bottom: 25px;
    font: 12px/1 'opensans-regular';
    color: #3b3c44;
    text-transform: uppercase;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    width: 100%;
}

.pages-nav__item.active {
    position: relative;
}

.pages-nav__item.active:after {
    position: absolute;
    left: calc(50% - 5px);
    bottom: -38px;
    content: '';
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #c9cad0;
    border-right: 1px solid #c9cad0;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pages-nav__item.active {
    border: 1px solid #c9cad0;
}

@media (max-width: 1199px) {
    .pages-nav__list {
        max-width: 999px;
    }

    .pages-nav__item svg {
        top: 15px;
    }

    .pages-nav__item a {
        /*padding-top: 55px;*/
        /*height: 80px;*/
    }

    .pages-nav__item span,
    .pages-nav__item a {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .pages-nav__item.active:after {
        display: none;
    }
}

@media (max-width: 600px) {
    .pages-nav__item {
        margin: 0 15px 10px;
    }

    .pages-nav__item svg {
        display: none;
    }

    .pages-nav__item a {
        padding-top: 10px;
        height: 34px;
    }

    .pages-nav__item span,
    .pages-nav__item a {
        padding: 10px 5px;
        height: auto;
    }

}

.deleteItem-wrap .msrewards-refferal.msrewards_form {
    display: inline-block;
}

.radio-btn-list label {
    white-space: nowrap;
    cursor: pointer;
}

.radio-btn-list label:not(:last-of-type) {
    margin-right: 30px;
}

.radio-btn-list label:before {
    display: inline-block;
    content: '';
    margin-right: 6px;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    border: 1px solid #6b6c77;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.radio-btn-list input:checked+label:before {
    background: #6b6c77;
}

.pagin-col-box {
    float: right;
    margin-bottom: 30px;
}

.pagin-col {
    display: inline-block;
    margin: 0 16px 20px 0;
    vertical-align: top;
}

.pagin-col span {
    margin-right: 6px;
    font: 14px/38px 'opensans-semibold';
}

.pagin-col input {
    width: 100px;
}

.app-partnership~.pagin-col-box .pagination {
    display: inline-block;
    margin-bottom: -4px !important;
    vertical-align: middle;
}

.table-color-dscr {
    float: left;
    margin-bottom: 20px;
    font-size: 0;
}

.table-color-dscr__item {
    display: inline-block;
    margin: 0 55px 10px 0;
    font-size: 11px;
    color: #6b6c77;
    text-transform: uppercase;
}

.table-color-dscr__item span {
    display: inline-block;
    margin-right: 14px;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    background: #fdecc7;
}

.table-color-dscr__item:nth-of-type(2) span {
    background: #fcded9;
}

.table-color-dscr__item:nth-of-type(3) span {
    background: #fcded9;
}

.table-reminder {
    font-size: 10px;
    color: #59a775;
    text-transform: uppercase;
}

.table-reminder:before {
    display: inline-block;
    margin-right: 4px;
    content: '';
    width: 9px;
    height: 9px;
    background: url('../img/clock.png') 0 no-repeat;
}

.table-reminder.red {
    color: #c9574f;
}

.table-reminder.red:before {
    background-image: url('../img/alert.png');
}

#comment-form .error-t.error {
    margin: -10px 0 10px;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
}

.catalog-items+.pag-item {
    margin-bottom: 30px;
}

.fc-widget-content .fc-row .fc-content-skeleton td,
.fc-widget-content .fc-row .fc-helper-skeleton td {
    border-color: #ddd;
}

.modal-window {
    position: absolute;
}

.dialog-selection--user .dialog-selection--new,
.dialog-selection--user.of-opened .dialog-selection--new {
    margin-top: 0;
    margin-bottom: 15px;
}

.news-list {
    margin-bottom: 75px;
}

#personal-menu {
    /*overflow: hidden;*/
}

.dialog-header {
    position: static;
}

@media (max-width: 1200px) {

    .fc-widget-content .fc-row .fc-content-skeleton td,
    .fc-widget-content .fc-row .fc-helper-skeleton td {
        font-size: 12px;
    }
}

@media (max-width: 980px) {
    .mCustomScrollBox {
        /*height: calc(100vh - 315px);*/
        height: calc(100vh - 345px);
    }

    .body_personal_area .container {
        position: relative;
        /*overflow: hidden;*/
    }

    .body_personal_area .personal-panel .container {
        overflow: auto;
    }


    .dialog-header {
        top: 0;
        position: static;
    }

    .dialog-selection--user .dialog-header {
        /*position: absolute;*/
        position: static;
    }

    .main .dialog-selection {
        /*top: -30px;*/
        top: 0;
        bottom: 0;
    }

    #pdopage {
        /*margin-top: 116px;*/
        /*overflow-x: hidden;*/
    }

    .dialog-selection.dialog-selection--user #pdopage {
        /*margin-top: 37px;*/
    }

    .dialog-selection.dialog-selection--user {
        padding: 0;
    }

}

@media (max-width: 480px) {
    .mCustomScrollBox {
        /*height: calc(100vh - 247px);*/
        height: calc(100vh - 219px);
    }
}

.header,
html {
    /*padding-right: 0 !important;*/
}

#pdopage {
    position: relative;
}

/*.modal-functional .btn:disabled,*/
/*.modal-functional .btn[disabled],*/
.partner-main-form__btn:disabled,
.partner-main-form__btn[disabled],
.requestForm__btn:disabled,
.requestForm__btn[disabled] {
    display: block;
    margin: 0 auto;
}

.request-form-submit:disabled,
.request-form-submit[disabled],
.modal-functional .btn:disabled,
.modal-functional .btn[disabled],
.partner-main-form__btn:disabled,
.partner-main-form__btn[disabled],
.requestForm__btn:disabled,
.requestForm__btn[disabled],
.ms2_form .submit-ttn[type="submit"]:disabled,
.ms2_form .submit-ttn[type="submit"][disabled] {
    background: transparent url('../img/preloader_submit_form.png') no-repeat center center;
    text-align: center;
    width: 48px;
    height: 48px;
    font-size: 0;
    padding: 0;
    border: none;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.dialog-selection .btn-more {
    width: auto;
}

ul.usersList.dialog-list.rows {
    /*padding: 0 0 90px;*/
}

.dialog-selection .btn-more {
    /*position: absolute;*/
    /*bottom: 65px;*/
    /*left: 0;*/
    width: 100%;
    /*right: 0;*/
    margin-bottom: 20px;
    max-width: 200px;
}

#comment-form>div {
    /*margin-bottom: 15px;*/
    /*position: relative;*/
    width: 100%;
    /*position: absolute;*/
    background: #fff;
}

#comment-form>div .error-t.error,
#comment-form>div .error {
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0 0 20px;
    color: #f00;
    height: 15px;
    text-align: left;
}

#comment-form>div textarea,
#comment-form>div input[type="text"] {
    margin: 0;
}

.comment-form__field {
    margin-bottom: 15px;
}

#comment-form>div .error-t.error:before,
#comment-form>div .error:before {
    content: '';
    position: absolute;
    background: url(../img/not-valid.png) no-repeat;
    width: 15px;
    height: 14px;
    top: 11px;
    right: 8px;
    opacity: 0;
}

#comment-form>div .error-t.error.no-valid:before,
#comment-form>div .error.no-valid:before {
    opacity: 1;
}

.jq-selectbox option {
    display: none;
}

.doubl-fields .currency-selection.select-box.notValid:before {
    z-index: 100000;
    right: 28px;
    margin-top: 9px;
}

.company-directions__title {
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #3b3c44;
    font: 28px/40px 'opensans-bold';
    display: block;
}

.orders-export-link {
    /*display: none;*/
    display: inline-block;
    margin: 0 auto 20px;
    padding: 0 10px;
    max-width: 220px;
    width: 100%;
    height: 40px;
    font-size: 12px;
    line-height: 36px;
    color: #3b3c44;
    vertical-align: top;
    text-transform: uppercase;
    border: 2px solid #fdd137;
    transition: background 0.3s;
}

.orders-export-link:hover {
    background: #fdd137;
}

.cost_orders {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
}

.cost_orders .cost_orders--item {
    border-radius: 3px;
    background: #f1f1f2;
    margin-right: 6px;
    width: 100%;
    max-width: 227px;
    padding: 12px 28px;
    line-height: 26px;
}

.cost_orders .cost_orders--last {
    margin: 10px 0 10px auto;
    padding: 0 15px 0 0;
    font-size: 18px;
    font-weight: bold;

}

.cost_orders span {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

@media (max-width: 980px) {
    .cost_orders {
        justify-content: space-between;
    }

    .cost_orders .cost_orders--last:last-child {
        width: 100%;
        width: 100%;
        text-align: center;
    }

    .cost_orders .cost_orders--item {
        max-width: 100%;
        width: 32%;
        margin: 0;
    }

    .cost_orders .cost_orders--last,
    .cost_orders .cost_orders--item {
        max-width: 100%;
        width: 100%;
        padding: 9px 15px;
        display: flex;
        margin: 0 auto 6px;
        justify-content: space-between;
    }
}

@media (max-width: 780px) {
    .cost_orders {
        display: block;
    }



    .cost_orders span {
        margin-left: 5px;
    }
}


.all-orders .data-user-table tbody td.cost_orders--wrapp {
    padding: 0;
    position: relative;
    height: auto;
}

.otzacheckboxes .radio-box label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.otzacheckboxes label input[type="radio"]+span {
    display: inline-block;
    vertical-align: middle;
    font: 14px/18px 'opensans-regular';
    position: relative;
}

.otzacheckboxes label input[type="radio"]+span:before {
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.otzacheckboxes label input[type="radio"]:checked+span:before {
    background: #6b6c77;
}

.ui-jqgrid-htable thead tr:last-child {
    display: none;
}

.text table.ui-jqgrid-htable tr th {
    background: #fff;
    padding: 26px 1px 26px 10px;
}

.text table img {
    margin: 0;
}

.ui-jqgrid .ui-jqgrid-view {
    font-size: 14px;
    text-align: left;
}

.ui-jqgrid table.ui-jqgrid-htable .ui-th-div {
    margin: 0;
}

.ui-jqgrid table.table-bordered,
.ui-jqgrid .table-bordered td,
.ui-jqgrid .table-bordered th.ui-th-ltr {
    border-left: none;
    border-right: none;
}

.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:first-child:first-child {
    min-width: 28px;
}

table#jqGrid,
table.ui-jqgrid-htable.ui-common-table.table {
    /*min-width: 1185px;*/
    /*width: 1185px !important;*/
}

.ui-jqgrid .ui-jqgrid-hdiv {
    overflow: visible !important;
}

.body_personal_area h1 {
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #3b3c44;
    margin-bottom: 20px;
    font: 28px/40px 'opensans-bold';
}

.ui-jqgrid .ui-jqgrid-hdiv,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-jqgrid-toppager,
.ui-jqgrid table.table-bordered,
.ui-jqgrid .ui-jqgrid-bdiv,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid {
    width: 100% !important;
}

.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th,
.ui-jqgrid .ui-jqgrid-bdiv table.table-bordered td {
    text-align: left !important;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td a {
    color: #131313;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td:nth-child(3),
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td:nth-child(2),
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td:first-child {
    vertical-align: middle;
}

.filter__search-btn {
    left: 0;
    top: 0;
    height: 38px;
    right: auto;
    width: 14px;
    position: absolute;
    background: transparent url(/assets/img/search-new.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

.ui-jqgrid .ui-userdata-top {
    width: auto !important;
}

.filter__wrapp {
    display: flex;
    width: 50%;
}

.filter__label--search {
    position: relative;
    max-width: 227px;
    width: 100%;
    margin-bottom: 0;
}

.filter__label--search .form-control {
    background: transparent;
    padding: 0 0 0 23px;
    border-bottom: 1px solid #d5d5d5;
}

.ui-jqgrid .ui-jqgrid-htable th #cb_jqGrid,
.ui-jqgrid tr.ui-row-ltr td input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    min-width: 1200px;
    overflow: auto;
}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    padding-left: 10px;
}

.filter .select2-container--default .select2-selection--single {
    border: none !important;
    height: 38px;
    line-height: 38px;
}

.filter__block {
    max-width: 227px;
    width: 100%;
    margin-right: 30px;
    /*margin-bottom: 30px;*/
}

.filter__last {
    justify-content: flex-end;
}

.btn.btn-photo {
    margin: 5px 0 0 auto !important;
    display: block;
    background: #fdd137;
    color: #3b3c44;
    border-radius: 0;
    font-size: 14px;
    display: block;
}

.filter .btn {
    color: #3b3c44;
    font-size: 14px;
    border-radius: 0;
    background: #fdd137;
    padding: 6px 13px;
    margin-left: 45px;
}

.custPopup--btn-twice .deleteItem-wrap .select2-container {
    margin-bottom: 15px;
}

.custPopup--btn-twice input[type='number'] {
    margin-bottom: 15px;
    width: 100%;
    height: 38px;
}

.custPopup--btn-twice .custPopupBox__title-small {
    margin-bottom: 15px;
}

@media (max-width: 980px) {
    .filter {
        display: block;
    }

    .filter__wrapp {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .filter__last {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .filter__label--search {
        max-width: inherit;
    }

    .filter__block {
        width: 49%;
        max-width: inherit;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .filter .btn {
        max-width: 100px;
        margin: 0 0 0 10px;
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.filter .select2-container,
.filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 38px;
    line-height: 38px;
    background: #f1f1f2;
    border-radius: 0;
    border: none;
    color: #3b3c44;
    font-size: 14px;
}

.filter .form-control:focus {
    border-color: #d5d5d5;
    box-shadow: none;
}

.mm-opening body {
    overflow: hidden !important;
}

@media (max-width: 1199px) {

    .calendar-reminders-link,
    .orders-export-link {
        max-width: 200px;
        display: inline-block;
    }
}

@media (max-width: 980px) {
    ul.usersList.dialog-list.rows {
        padding: 0 0 90px;
    }

    .dialog-selection .btn-more {
        bottom: 60px;
    }

    .dialog-selection .btn-more {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 100%;
        right: 0;
        margin-bottom: 20px;
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    .time_answer {
        line-height: 1.2;
    }

    .text img.article-photo {
        margin: 0 0 10px;

    }

    .news-list {
        padding-bottom: 10px;
    }

    .dialog-selection .btn-more {
        width: 90%;
        max-width: inherit;
    }

    #mCSB_1 {
        background: #f7f7f7;
    }

    .fc-scroller {
        height: auto !important;
        overflow-y: visible !important;
    }

    .dialog-list>li {
        padding: 10px 16px 15px;
    }

    .dialog-selection .btn-more {
        bottom: 67px;
    }
}

.info-line {
    background: #e4e4e4;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
}

.info-line__text {
    font-size: 14px;
    font-weight: bold;
}

.info-line .icon-paypal {
    background: url(../img/Paypal1.svg) no-repeat;
    width: 59px;
    height: 16px;
    display: block;
}

.info-line .icon-card {
    background: url(../img/creditcard.svg) no-repeat;
    width: 31px;
    height: 19px;
    display: block;
    position: relative;
    padding: 0 0 24px 0;
    margin-right: 17px;
}

.info-line__block {
    display: flex;
    align-items: center;
}

.info-line .icon-card:before {
    content: '';
    position: absolute;
    background: url(../img/lock.svg) no-repeat;
    box-shadow: 0px 2px 6.58px 0.42px rgba(82, 82, 82, 0.4);
    width: 14px;
    height: 19px;
    right: 0;
    bottom: 0;
    right: -6px;
}

.all-orders .data-user-table thead tr input,
.all-orders .data-user-table tbody tr input {
    display: block;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    position: absolute;
    width: 17px;
    height: 16px;
    opacity: 0;
    cursor: pointer;
}

.main.main-chat {
    flex-grow: 1;
}

.modal-inner .text-main-page .calc-form:before {
    display: none;
}

.international-delivery__wrp {
    padding: 50px 0 0 0;
}

@media only screen and (max-width: 1400px) {

    .page-up-arrow--stop,
    .page-up-arrow {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin: 10px auto;
        /*opacity: 1 !important;*/
    }

    .content {
        padding-bottom: 0;
    }
}

.product-title--wrapp {
    display: flex;
    flex-direction: column;
}

.product-title--link {
    margin-bottom: 25px;
    display: block;
    color: #41b2e1;
    font-size: 14px;
    font-family: 'opensans-bold';
    display: flex;
    align-items: center;
}

.product-percent--icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../img/percent.svg") no-repeat;
    margin-right: 5px;
}

.popup__warning {
    max-width: 450px;
    width: 100%;
    padding: 37px 30px 45px;
    margin: 0 auto;
    position: relative;
}

.popup__warning .modal {
    text-align: center;
}

.added-modal__title {
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.modal-block {
    position: relative;
    z-index: 1;
    max-width: 460px;
    background: #fff;
}

.popup-modal__info {
    color: #3b3c44;
    display: block;
    margin: 30px 0 10px;
    font: 12px/24px 'opensans-semibold';
}

.popup-modal__dismiss {
    z-index: 2;
}

.popup-modal__btn {
    max-width: 160px;
    display: block;
    margin: 0 auto;
    background: #fcd749;
}

.popup-modal__btn:hover {
    background: transparent;
}

.modal-popup__title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
    font: 18px/1 'opensans-semibold';
    color: #3b3c44;
}

.modal-popup__bell {
    display: block;
    background: url("../img/bell.svg") no-repeat;
    width: 15px;
    height: 18px;
    margin-right: 15px;
}

.mfp-bg.mfp-ready {
    z-index: 999995;
    background: rgba(205, 205, 205, .7);
    opacity: 1;
}

.mfp-wrap.mfp-ready {
    z-index: 999996;
}

body.noscroll {
    overflow: hidden !important;
}

.body_personal_area #product-tabs {
    font-size: 14px;
    margin-bottom: 30px;
}

.body_personal_area #product-tabs .tab-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(235, 236, 240, 0.45);
    border-radius: 3px;
    padding: 14px 7px;
}

.body_personal_area #product-tabs .tab-list .tab-item {
    position: relative;
}

.body_personal_area #product-tabs .tab-list>.tab-item {
    transition: background 0.3s ease;
    width: 33.33%;
    font-size: 14px;
    background: #fff;
    padding: 0;
}

.body_personal_area .tab-list.radio-btn-list label:before {
    border-radius: 0;
    height: 16px;
    width: 16px;
}

.body_personal_area #product-tabs .radio-btn-list input:checked+label:before {
    content: '\2713';
    background: #fdd137;
    color: #fff;
    font-weight: 700;
    border-color: #fdd137;
    font-size: 20px;
    line-height: 16px;
}

.body_personal_area #product-tabs .tab-list>li {
    margin: 0 7px;
}

@media (max-width: 1179px) {
    .body_personal_area #product-tabs .tab-list>.tab-item {
        padding: 0;
    }
}

.body_personal_area #product-tabs .tab-list label {
    height: 100%;
    width: 100%;
    display: block;
}


.body_personal_area #product-tabs .tab-list .icon-profile {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 28px;
    margin-right: 14px;
    background: url("../img/profile.svg") no-repeat;
}

.body_personal_area #product-tabs .tab-list .tab-item__text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
}

.body_personal_area #product-tabs .tab-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.body_personal_area #product-tabs .tab-list .tab-item {
    border-radius: 4px;
    border: 1px solid #d1d3d5;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 0 0 16px;
}

.body_personal_area #product-tabs .tab-list li.active,
.body_personal_area #product-tabs .tab-list li:hover {
    border-color: #ffd117;
}

.tab-item__checkbox {
    width: 54px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-left: 1px solid #d1d3d5;
}

.body_personal_area #product-tabs .tab-list>li:before {
    content: none;
}

.body_personal_area #product-tabs .tab-list li:hover {
    cursor: pointer;
}

.body_personal_area #product-tabs .form-functional .btn {
    background: #fff;
}

.body_personal_area #product-tabs .form-functional .btn:hover {
    background: #fdd137;
}

.body_personal_area .tab-content {
    position: relative;
}

.body_personal_area .tab-content-item {
    display: none;
    padding: 15px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    position: relative;
}

.tab-content .is-avatar {
    position: absolute;
}

.body_personal_area .tab-content-item.active {
    display: block;
}

.body_personal_area #product-tabs ul li {
    font-size: 14px;
}

.body_personal_area #product-tabs .item-features ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.body_personal_area #product-tabs .item-features ul li {
    margin-bottom: 10px;
}

.body_personal_area #product-tabs .item-features ul li:last-child,
.body_personal_area #product-tabs .item-features ul li:nth-child(5) {
    margin-bottom: 0;
}

.body_personal_area #product-tabs li.color-set span {
    position: relative;
    display: inline-block;
    margin: 0 8px 0 4px;
    width: 28px !important;
    height: 28px;
    vertical-align: middle;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #919191;
    -moz-box-shadow: 0 0 0 1px #919191;
    box-shadow: 0 0 0 1px #919191;
    cursor: pointer;
}

.catalog-rightside .call-manager {
    display: none;
}

.personal-profile {
    position: absolute;
}

.personal-profile:hover img {
    z-index: 0;
}

.personal-profile img {
    position: relative;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden;
    max-width: 120px;
}


.body_personal_area #product-tabs ul li.form-info__title {
    width: 100%;
    font-weight: bold;
}

.form-info.form-color {
    margin: 0 0 20px;
    background-color: rgba(235, 236, 240, 0.45);
    padding-top: 10px;
}

.form-info.form-color li input.static {
    background: #fff;
}


@media (max-width: 980px) {
    .catalog-rightside .call-manager {
        display: block;
    }

    .tab-content .is-avatar {
        position: relative;
    }

    .ms2_form {
        padding-top: 9px;
    }

    .ms2_form:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media (max-width: 900px) {
    .body_personal_area #product-tabs .tab-list {
        justify-content: center;
        flex-wrap: wrap;
    }

    .body_personal_area #product-tabs .tab-list>.tab-item {
        width: 80%;
        margin: 5px 0;
    }
}

@media (max-width: 800px) {
    .form-info.form-color {
        padding: 10px 10px 0;
    }

    .delivery-input-wrapper {
        margin-bottom: 15px;
    }
}

@media (min-width: 680px) {
    .body_personal_area #product-tabs .item-features ul {}

    .body_personal_area #product-tabs .item-features ul li {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        text-align: left;
        padding: 0 0 0 5px;
    }
}

@media (max-width: 1179px) {
    /*.body_personal_area .tab-content {*/
    /*display: none;*/
    /*}*/
}

@media (max-width: 1140px) {
    .product-top-position .wrap-search-crumbs {
        margin-bottom: 10px;
    }

    .product-title--wrapp .product-title {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .mfp-content .popup__default {
        padding: 15px;
    }

    .body_personal_area .fixed-panel .main.main-chat {
        overflow: hidden;
    }

    .body_personal_area #product-tabs .tab-list>.tab-item {
        width: 100%;
    }

    .dialog-selection .btn-more {
        bottom: 120px;
    }

    .chat-user-block:last-child .recepy-info {
        padding-bottom: 70px;
    }

    .product-title--link {
        border: 2px solid #41b2e1;
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .attr {
        margin-bottom: 10px;
    }

}

.body_personal_area .tab-item .mobile-tab-label {
    position: relative;
    margin: 0;
    padding: 15px;
}

.body_personal_area .tab-item.active .mobile-tab-label {
    background: #e0e0e8;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.body_personal_area .tab-item .mobile-tab-label:after {
    position: absolute;
    top: 0;
    right: 10px;
    content: '';
    width: 11px;
    height: 100%;
    background: url('../img/up-sel.png') 0 50% no-repeat;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.body_personal_area .tab-item.active .mobile-tab-label:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

input.form__input:focus {
    color: #000;
}

.not-valid~.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../img/not-valid.png) no-repeat 3px center;
}

.not-valid~.select2-container--default .select2-selection--single .select2-selection__arrow b {
    opacity: 0;
}

.off-scroll body,
.off-scroll {
    overflow: hidden !important;
    position: fixed;
}

.qst-block {
    background: #f6f6f6;
    padding: 10px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0;
}

.qst-block .btn {
    background: #fdd137;
    width: 100%;
}

.form-row .select2-container--open .select2-dropdown--below {
    min-height: 20px;
}

.wrapper_opt-cat.product-top-position .qst-block .btn:hover {
    background: transparent;
}

.qst-block_title {
    color: #3b3c46;
    font-size: 16px;
    font-weight: 700;
    margin: 0 10px;
    display: block;
}

.qst-block_item--last {
    max-width: 270px;
    width: 100%;
    text-align: center;
}

.delivery-type {
    width: 100%;
    background: #F6F6F6;
    padding: 18px;
    margin: 16px 0;
}

.delivery-type .delivery-type__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delivery-type .delivery-type__items {
    display: inline-flex;
    align-items: center;
}

.delivery-type .delivery-type__items .item {
    margin-right: 25px;
    height: 21px;
}

.delivery-type .delivery-type__items .item:last-child {
    margin-right: 0;
}

.delivery-type .delivery-type__items .item:first-child {
    height: 25px;
}

.delivery-type .delivery-type__text {
    font-size: 14px;
    line-height: 16px;
    color: #3B3C44;
}

.delivery-type .delivery-type__items .item img {
    height: 100%;
    object-fit: contain;
    margin-top: 0;
    object-position: 0 0;
}

@media screen and (max-width: 680px) {
    .delivery-type .delivery-type__wrapper {
        flex-direction: column;
    }

    .delivery-type .delivery-type__text {
        margin-bottom: 20px;
    }
}

.main-content__text img.qst-block__img {
    display: block;
    margin: 0;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}


.js_loading {
    overflow-x: hidden;
}

.js_loading:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background: rgba(255, 255, 255, 0.83);
}

.js_loading:after {
    content: '';
    background: url('../img/preloader@2x.png') no-repeat center center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-size: 64px;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.popup {
    text-align: center
}

.popup__iframe {
    width: 80%;
    max-width: 100%;
    height: 90vh;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 36px 50px 30px
}

.popup__iframe iframe {
    width: 100%;
    height: 100%
}

.popup__default {
    width: 100%;
    max-width: 705px;
    padding: 37px 30px 45px;
    margin: 0 auto;
    position: relative
}

.popup__info {
    color: #010101;
    font-size: 14px;
    margin: 15px 0
}

.popup__link {
    color: #010101;
    text-decoration: none;
    font-weight: 700
}

.popup__link--accent:hover,
.popup__link:hover {
    text-decoration: underline
}

.popup__link--accent {
    color: #41b0dc;
    text-decoration: none
}

.popup__form {
    max-width: 570px;
    width: 100%;
    margin: 0 auto
}

.popup__thanks {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.popup__thanks .mfp-title {
    color: #000;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    padding: 0
}

.popup__thanks .PopupImgBox__img {
    min-width: 200px
}

.popup__thanks .MsgPopup__MsgContent {
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px)
}

.popup__thanks .mfp-msg {
    margin-top: 46px;
    font-size: 18px;
    line-height: 20px;
    font-style: italic;
    color: #000
}

.popup__thanks button.mfp-close {
    background: url(../../assets/img/close.png) 50% 50% no-repeat !important;
    font-size: 0
}

.mfp-bg {
    background-color: #636363
}

.mfp-bg,
.mfp-wrap {
    z-index: 1000;
}

.popup__default button.mfp-close {
    border: 2px solid #fdd137;
    z-index: 11;
    opacity: 1;
    font-size: 22px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    overflow: inherit;
    background: none;
    max-height: none;
    max-width: none;
    top: 0;
    right: 0;
    transition: background-color 0.3s;
}

.popup__default button.mfp-close:hover {
    background-color: #fdd137;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    width: 30px
}

.fon-base {
    background: #fff;
}

.mfp-wrap.mfp-close-btn-in .mfp-close {
    color: #FFF;
    right: 0;
    text-align: right;
    padding-right: 6px;
    border: 2px solid #fdd137;
    z-index: 11;
    opacity: 1;
    font-size: 22px;
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    line-height: 30px;
    top: 0;
    position: absolute;
    background-image: none;
    background-color: transparent;
    display: block;
}

.form .form__input.not-valid {
    position: static;
    font-size: 14px;
    color: #000;
    line-height: normal;
    height: auto
}

.form__block {
    display: block;
    max-width: 832px;
    padding: 20px 15px;
    border: 1px solid #d5d5d5;
    margin: 30px auto 0;
    position: relative;
    z-index: 0
}

.form__input {
    background: #f1f1f2;
    width: 100%;
    display: block;
    border: 0;
    font-size: 14px;
    padding: 11px 20px
}

.form__input.not-valid {
    background-image: url(../img/icons/not-valid.png);
    background-repeat: no-repeat;
    background-position: center right 6px
}

.form__input.valid,
.form__textarea.not-valid,
.form__textarea.valid {
    background-image: url(../img/icons/valid.png);
    background-repeat: no-repeat;
    background-position: center right 6px
}

.form__input--wrapp {
    padding-bottom: 22px;
    margin-bottom: 12px;
    position: relative
}

.form__input--small {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form__input--file {
    display: block;
    text-align: right;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px
}

.form__textarea {
    background: #f1f1f2;
    width: 100%;
    display: block;
    border: 0;
    font-size: 14px;
    padding: 11px 20px;
    resize: none;
    min-height: 100px;
    margin-bottom: 22px
}

.form__textarea.not-valid,
.form__textarea.valid {
    background-image: url(../img/icons/not-valid.png)
}

.form__textarea.valid {
    background-image: url(../img/icons/valid.png)
}

.form__file {
    cursor: pointer;
    display: block;
    max-width: 370px;
    margin: 0 auto
}

.form__submit {
    margin: 39px 0 0 auto
}

.form__title--sub {
    display: block;
    text-align: center
}

.form__title--style {
    display: block;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d5d5d5
}

.form__flex--child,
.form__flex--wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form__flex--wrapp {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form__flex--wrapp .form__flex--wrapp {
    margin: 0 -15px
}

.form__flex--child {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.form__label {
    font-size: 14px;
    font-weight: 600;
    color: #3b3c44;
    display: block;
    margin-bottom: 8px
}

.form__checkbox,
.form__radio {
    position: relative;
    cursor: pointer;
    margin-right: 30px
}

.form__checkbox input[type=checkbox]+.form__label-check,
.form__radio input[type=radio]+.form__label-check {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000
}

.form__radio input[type=radio]+.form__label-check::before {
    content: '';
    width: 13px;
    height: 13px;
    border: 1px solid #6b6c77;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.form__radio input[type=radio]:checked+.form__label-check::before {
    background: #6b6c77
}

.form__checkbox input[type=checkbox]+.form__label-check::before {
    content: '';
    width: 13px;
    height: 13px;
    line-height: 11px;
    text-align: center;
    border: 1px solid #6b6c77;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px
}

.form__checkbox input[type=checkbox]:checked+.form__label-check::before {
    content: '\2713';
    background: #fdd137;
    color: #fff;
    font-weight: 700;
    border-color: #fdd137
}

.form__hidden {
    display: none
}

.form .error {
    position: relative
}

.form .not-valid {
    /*position: absolute;*/
    /*bottom: 0;*/
    font-size: 12px;
    color: red;
    line-height: 14px;
    height: 15px
}

.registration__form .not-valid {
    position: absolute;
}

.registration__form #captcha-error {
    text-align: left;
    top: calc(100% - 8px);
}

.registration__form .popup__info.terms {
    width: 100%;
    margin-top: -15px;
    margin-bottom: 20px;
}

.popup__info.terms {
    margin-bottom: 20px;
}

.form__border {
    padding: 25px;
    border: 1px solid #d5d5d5
}

.form__link--accent {
    color: #41b0dc;
    text-decoration: none
}

.form__system-advice {
    font-size: 12px;
    line-height: normal;
    margin: 15px 0;
    display: block
}

.title__three {
    font-size: 24px;
}

.title__one,
.title__three,
.title__two {
    margin-bottom: 30px;
}

.title__one,
.title__three,
.title__two,
h1,
h2,
h3 {
    text-transform: uppercase;
    text-align: center;
    color: #3b3c44;
    font-weight: 700;
    display: block;
}

.inline-center {
    text-align: center;
}

.btn-border {
    color: #3b3c44;
    border: 2px solid #fdd137;
    padding: 9px 40px;
}

.btn-center {
    margin: 0 auto;
    display: block;
}

.btn-popup {
    width: 100%;
    max-width: 270px;
}

.select2 {
    display: block;
    width: 100% !important;
    background: #f1f1f2;
    font-size: 14px;
}

.select2-selection.select2-selection--single {
    border: none;
    padding: 0 20px;
    font-size: 14px;
    line-height: 38px;
    color: #3b3c44;
    height: 38px;
    border: none;
    border-radius: 0;
    background: #f1f1f2;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 17px;
}

.form__block .select2-selection.select2-selection--single,
.popup__form .select2-selection.select2-selection--single {
    background: 0 0;
    border: 0;
    height: 41px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

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

.mfp-wrap .mfp-container {
    position: fixed;
}

.mfp-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
}

.mfp-helper body {
    /*position: fixed;*/
    overflow: hidden;
}

.mfp-bg {
    position: fixed;
    bottom: 0;
}

.mfp-container {
    position: fixed;
}

.mfp-wrap .mfp-container {
    overflow: auto;
}

/* .main-other {
    height: calc(100vh - 21vh);
} */

.all-orders--btn {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.all-orders--btn .btn.btn-photo {
    margin-top: 0;
}

.ui-dialog .ui-dialog-content {
    overflow: initial;
}

.custPopupBox__close {
    width: 30px;
    height: 30px;
    background-size: 15px 15px;
    border: 2px solid #fdd137;
}

@media only screen and (max-width: 1280px) {
    .all-orders--btn {
        flex-wrap: wrap;
    }

    .btn.btn-photo {
        margin: 5px auto 10px auto !important;
    }

    .all-orders--text {
        text-align: center;
        display: block;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 765px) {

    .popup__thanks .PopupImgBox__img {
        min-width: 75px;
        max-width: 75px;
    }

    .popup__thanks .mfp-title {
        font-size: 20px;
        line-height: 22px;
    }

    .popup__thanks .mfp-msg {
        margin-top: 5px;
        font-size: 14px;
    }

    .qst-block {
        padding: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .qst-block_item--last {
        margin-top: 10px;
    }

    .popup__thanks .MsgPopup__MsgContent {
        margin: 0 0 0 25px;
        width: calc(100% - 75px);
    }

    .ui-jqgrid .ui-jqgrid-pager .ui-pager-table,
    .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table,
    .ui-jqgrid .ui-jqgrid-pager .ui-pager-table tbody,
    .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table tbody {
        display: block;
    }

    .ui-jqgrid .ui-jqgrid-pager .ui-pager-table tr,
    .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .ui-jqgrid .ui-jqgrid-pager .ui-pager-table tr tr,
    .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table tr tr {
        flex-wrap: nowrap;
        padding: 0;
    }

    .ui-jqgrid .ui-jqgrid-pager .ui-pager-table tr tr td:last-child,
    .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table tr tr td:last-child {
        padding: 0;
    }

    .ui-jqgrid .ui-jqgrid-pager .ui-pager-table td:last-child,
    .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table td:last-child {
        display: block;
        width: 100%;
        padding: 0 15px 10px;
        text-align: center;
    }

    .ui-jqgrid .ui-pager-control .ui-pager-table td {
        flex-grow: 1;
        display: flex;
        justify-content: center;
    }

    .ui-jqgrid .ui-pager-control .ui-pager-table td:first-child {
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 765px) {
    .ui-jqgrid .ui-pager-control .ui-pager-table td {
        justify-content: flex-start;
    }

    .ui-jqgrid .ui-pager-control .ui-pager-table td:first-child {
        justify-content: center;
    }
}

.vk-block {
    margin-bottom: 40px;
}

.vk-block__wrp {
    text-align: left;
}

.vk-block textarea {
    height: 80px;
    background: #fff;
}

.vk-block__img img,
.vk-block__wrp--img img {
    display: block;
    max-width: 100%;
}

.inline-right {
    text-align: right;
}

.vk-block__content--wrp {
    line-height: normal;
}

.vk-block ul.pagination:not(.flip):not(.prop) {
    margin-bottom: 0;
}

.vk-block__header {
    padding: 15px 15px 15px 65px;
    position: relative;
    margin-bottom: 15px;
    background: #f8f8f8;
    text-align: left;
}

.vk-block__header.icons-quote:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 15px;
    background: url('../../new-page/html/assets/img/quote.png');
    width: 44px;
    height: 39px;
}

.vk-block__name {
    font-size: 22px;
    font-weight: 700;
    display: block;
}

.vk-block__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d5d5d5;
    padding: 15px 15px 15px 55px;
}

.vk-block__wrp--img {
    min-width: 378px;
    margin-right: 83px;
}

.vk-block__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vk-block__title--sub {
    font-size: 14px;
    font-weight: 600
}

.vk-block .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 700
}

.vk-block .pagination a:not([class]) {
    color: #8b8b99
}

.vk-block .pagination a:hover {
    color: #597da3;
    text-decoration: none
}

.vk-block .pagination a,
.vk-block .pagination span {
    display: block;
    padding: 7px 5px;
    color: #8b8b99
}

.vk-block .pagination span:hover {
    text-decoration: none
}

.vk-block .pagination .active {
    position: relative
}

.vk-block .pagination .active a:not([class]),
.vk-block .pagination .active span:not([class]) {
    color: #32333a
}

.vk-block .pagination .active::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: #597da3;
    height: 1px;
    bottom: 0
}

.vk-block__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    padding: 15px 0;
    border-top: 1px solid #e8e7ec
}

.vk-block__item:last-child {
    border-bottom: 1px solid #e8e7ec
}

.vk-block__img {
    display: block;
    width: 50px;
    height: 50px;
    min-width: 50px;
    overflow: hidden;
    margin: 0 12px 0 0
}

.vk-block__dsc--title {
    margin-bottom: 2px
}

.vk-block__dsc--name {
    color: #597da3;
    font-weight: 700
}

.vk-block__dsc--data,
.vk-block__dsc--edit {
    color: #8b8b99
}

.vk-block__dsc--edit {
    margin-top: 5px;
    display: block
}

.vk-block__form {
    display: block;
    padding: 15px 0 0
}

.vk-block__form--btn,
.vk-block__form--tx {
    font-size: 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.vk-block__form--tx {
    display: block;
    resize: none;
    width: 100%;
    min-height: 80px;
    margin-bottom: 15px;
    border: 1px solid #e8e7ec;
    padding: 15px
}

.vk-block__form--btn {
    color: #fff;
    background: #597da3;
    border: 0;
    font-weight: 600;
    padding: 12px 31px;
    cursor: pointer
}

.vk-block__form--btn:hover {
    background: #4a6c90
}

.vk-block__wrp--img img {
    margin: 0 auto
}

.request-form--flex .request-form--flex {
    align-items: stretch;
}

.request-form-box {
    /*height: 100%;*/
}

.request-form-box__label {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width:980px) {
    .vk-block__content {
        display: block;
        padding: 15px
    }

    .vk-block__wrp--img {
        margin: 0 auto 20px auto;
        min-width: auto;
    }
}

@media (max-width: 680px) {
    .filters-cat .filter-content .reset {
        border-bottom: none;
    }

    .filters-cat .filter-content .reset:before {
        left: 0;
    }

    .filters-cat .filter-content .reset:after {
        left: 7px;
    }
}

@media screen and (max-width: 500px) {
    .vk-block__title {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 5px;
    }

    .vk-block__title--sub {
        margin-left: 5px;
    }

    .vk-block__title ul.pagination {
        flex-wrap: wrap;
    }

    .vk-block__title ul.pagination li {
        margin: 0 5px 10px 5px !important;
    }
}

@media only screen and (max-width: 479px) {
    .vk-block__title {
        flex-wrap: wrap-reverse;
    }

    .vk-block .pagination {
        margin: 0 0 0 -1px;
    }

    .vk-block .pagination a,
    .vk-block .pagination span {
        padding: 7px 3px;
    }
}

.xdsoft_datetimepicker {
    top: 100% !important;
    left: 10px !important;
}

.input-wrap {
    position: relative;
}

.foot-length {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
}

.foot-length input {
    width: 185px;
}

.foot-length__text {
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    line-height: 20px;
    font-family: "opensans-regular", sans-serif;
    color: #909095;
    max-width: 285px;
}

.foot-length__input-wrap {
    position: relative;
    padding-bottom: 15px;
}

.foot-length__input-wrap p {
    position: absolute;
    left: 0;
    top: calc(100% - 18px);
    top: -moz-calc(100% - 18px);
    top: -webkit-calc(100% - 18px);
}

.foot-length__link {
    font-family: "opensans-bold", sans-serif;
    color: #40b2e4;
    cursor: pointer;
}

@media screen and (max-width: 380px) {
    .foot-length {
        flex-direction: column;
    }

    .foot-length__text {
        margin-left: 0;
    }
}

.validation-hidden .not-valid {
    display: none !important;
}

.validation-hidden input.valid {
    background: none;
}

.video-container {
    position: fixed;
    z-index: 10;
    right: 15px;
    bottom: 10%;
    width: 275px;
    border: 3px solid #fdd137;
    -webkit-box-shadow: 0 0 18px rgba(82, 82, 82, .6);
    box-shadow: 0 0 18px rgba(82, 82, 82, .6);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff
}

.video-container.short {
    border: 3px solid #fff
}

.video-container.short .video-container__head {
    padding: 5px 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-container.short .video-container__head .short-nav,
.video-container.short .video-container__head .short-nav .play-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-container.short .video-container__head .short-nav .play-top {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(44, 38, 38, .56);
    cursor: pointer;
    text-decoration: none
}

.video-container.short .video-container__head .short-nav .play-top i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('../img/icons/video-1.svg') no-repeat center;
    position: relative;
    z-index: 10;
    right: 1px;
    left: 1px;
}

.video-container.short .video-container__head .short-nav .play-top i:before {
    top: 0;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 10px;
}

.video-container.short .video-container__head .short-nav .play-top:before,
.video-container__body-link a .play:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.video-container.short .video-container__head .short-nav .play-top:before {
    background: rgba(213, 213, 213, .5);
    width: 20px;
    height: 20px
}

.video-container.short .video-container__head .short-nav .text-top {
    font-size: 11px;
    white-space: nowrap;
    max-width: 170px;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-left: 10px
}

.video-container.short .video-container__head .toggle {
    border: 1px solid #8c8c95;
    border-bottom: 2px solid #8c8c95
}

.video-container.hidden,
.video-container.short .video-container__body,
.video-container__head .short-nav {
    display: none
}

.video-container,
.video-container__body,
.video-container__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.video-container__head {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 18px
}

.video-container__body {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 18px 5px
}

.video-container__body-link {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 123px;
    margin-bottom: 10px
}

.video-container__body-link a,
.video-container__body-link a .play {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-container__body-link a .play .icon-video-play {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/icons/video.svg') no-repeat center;
    position: relative;
    z-index: 10;
    right: 1px;
}

.video-container__body-link a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    text-decoration: none;
    position: absolute
}

.video-container .controls,
.video-container__body-link a,
.video-container__body-link a .play {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-container__body-link a .play {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 37px;
    height: 37px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    background: transparent;
    color: transparent;
    z-index: 2
}

.video-container__body-link a .play i {
    position: relative;
    left: 1px
}

.video-container__body-link a .play:before {
    width: 47px;
    height: 47px;
    background: rgba(44, 38, 39, .6);
    z-index: -1
}

.video-container__body-text {
    font-size: 11px;
    font-weight: 400;
    color: #3b3c44;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 30px;
    margin-bottom: 10px
}

.video-container .controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.video-container .controls .close {
    text-decoration: none;
    width: 11px;
    height: 11px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-left: 10px
}

.video-container .controls .close:after,
.video-container .controls .close:before {
    content: '';
    width: 11px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #8c8c95
}

.video-container .controls .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.video-container .controls .toggle {
    width: 11px;
    height: 11px;
    border-bottom: 1px solid #8c8c95;
    cursor: pointer
}

@media screen and (max-width:450px) {
    .video-container {
        right: 0;
        left: 0;
        margin: auto
    }

    .video-container__body-text {
        white-space: nowrap;
        height: initial;
        -webkit-line-clamp: 1;
        display: block
    }
}

.pl-0 {
    padding-left: 0;
}

.invoise-list.js_invoice-wrap {
    position: relative;
    z-index: 1;
}

.body_personal_area .wrapper.fixed-panel,
.app-partnership,
.fixed-panel .main {
    width: 100%;
}

.main.js-select2-tags-wrapp {
    flex-grow: 1;
}

@font-face {
    font-family: 'icomoon';
    src: url('/assets/css/fonts/icomoon.eot?xgvbar');
    src: url('/assets/css/fonts/icomoon.eot?xgvbar#iefix') format('embedded-opentype'),
        url('/assets/css/fonts/icomoon.woff2?xgvbar') format('woff2'),
        url('/assets/css/fonts/icomoon.ttf?xgvbar') format('truetype'),
        url('/assets/css/fonts/icomoon.woff?xgvbar') format('woff'),
        url('/assets/css/fonts/icomoon.svg?xgvbar#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-rating-star:before {
    content: "\e9a1";
}

.icon-rating-cargo:before {
    content: "\e9a2";
}

.icon-rating-purchases:before {
    content: "\e9a3";
}

.icon-check-mark-for-modal:before {
    content: "\e9a0";
}

.icon-arrow-long-right:before {
    content: "\e999";
}

.icon-edit-pencil:before {
    content: "\e998";
}

.icon-language:before {
    content: "\e996";
}

.icon-currency:before {
    content: "\e997";
}

.icon-arrow-small-down:before {
    content: "\e992";
}

.icon-time:before {
    content: "\e993";
}

.icon-mail:before {
    content: "\e994";
}

.icon-telegram:before {
    content: "\e995";
}

.icon-whatsApp:before {
    content: "\e988";
}

.icon-iconmonstr-wechat-1:before {
    content: "\e989";
}

.icon-iconmonstr-email-1:before {
    content: "\e98a";
}

.icon-iconmonstr-phone-1:before {
    content: "\e98b";
}

.icon-iconmonstr-time-1:before {
    content: "\e98c";
}

.icon-company-location:before {
    content: "\e98d";
}

.icon-about:before {
    content: "\e981";
}

.icon-contacts:before {
    content: "\e982";
}

.icon-documents:before {
    content: "\e983";
}

.icon-faq:before {
    content: "\e984";
}

.icon-life:before {
    content: "\e985";
}

.icon-news:before {
    content: "\e986";
}

.icon-play-filled:before {
    content: "\e987";
}

.icon-arrow-link-external:before {
    content: "\e980";
}

.icon-bell:before {
    content: "\e97f";
}

.icon-dots:before {
    content: "\e97e";
}

.icon-comment:before {
    content: "\e97d";
}

.icon-home-with-pointer:before {
    content: "\e96f";
}

.icon-pointer:before {
    content: "\e970";
}

.icon-train:before {
    content: "\e971";
}

.icon-warehouse:before {
    content: "\e972";
}

.icon-list:before {
    content: "\e973";
}

.icon-now-in-stock:before {
    content: "\e974";
}

.icon-globe:before {
    content: "\e975";
}

.icon-high-quality:before {
    content: "\e976";
}

.icon-delivery:before {
    content: "\e977";
}

.icon-container-crane:before {
    content: "\e978";
}

.icon-container-with-hook:before {
    content: "\e979";
}

.icon-cash-back:before {
    content: "\e97a";
}

.icon-avatar:before {
    content: "\e97b";
}

.icon-airplane:before {
    content: "\e97c";
}

.icon-marketplaces:before {
    content: "\e968";
}

.icon-money-transfer:before {
    content: "\e969";
}

.icon-container:before {
    content: "\e96a";
}

.icon-save-money:before {
    content: "\e96b";
}

.icon-lightning:before {
    content: "\e96c";
}

.icon-factory:before {
    content: "\e96d";
}

.icon-arrow-2:before {
    content: "\e967";
}

.icon-check-mark:before {
    content: "\e966";
}

.icon-ont-ship:before {
    content: "\e965";
}

.icon-info:before {
    content: "\e964";
}

.icon-trash:before {
    content: "\e963";
}

.icon-close:before {
    content: "\e962";
}

.icon-resume:before {
    content: "\e960";
}

.icon-add-reminder:before {
    content: "\e961";
}

.icon-phone:before {
    content: "\e95e";
}

.icon-email:before {
    content: "\e95f";
}

.icon-arrow-down:before {
    content: "\e959";
}

.icon-text:before {
    content: "\e95a";
}

.icon-clock:before {
    content: "\e95b";
}

.icon-calendar:before {
    content: "\e95c";
}

.icon-search:before {
    content: "\e95d";
}

.icon-wallet:before {
    content: "\e958";
}

.icon-container_tr:before {
    content: "\e956";
}

.icon-group_cargo:before {
    content: "\e957";
}

.icon-monitor:before {
    content: "\e901";
}

.icon-dropshipping:before {
    content: "\e94f";
}

.icon-consulting:before {
    content: "\e950";
}

.icon-furniture-tour:before {
    content: "\e951";
}

.icon-Frame-56:before {
    content: "\e94a";
}

.icon-Frame-57:before {
    content: "\e94b";
}

.icon-Frame-58:before {
    content: "\e94c";
}

.icon-Frame-59:before {
    content: "\e94d";
}

.icon-Frame-60:before {
    content: "\e94e";
}

.icon-new-users:before {
    content: "\e92a";
}

.icon-new-list-check:before {
    content: "\e92b";
}

.icon-new-list-load:before {
    content: "\e92c";
}

.icon-new-order:before {
    content: "\e92d";
}

.icon-new-news:before {
    content: "\e93b";
}

.icon-new-arm:before {
    content: "\e93c";
}

.icon-new-search-basket:before {
    content: "\e93d";
}

.icon-new-person:before {
    content: "\e93e";
}

.icon-new-person-check:before {
    content: "\e93f";
}

.icon-new-full-basket:before {
    content: "\e940";
}

.icon-new-user-convers:before {
    content: "\e941";
}

.icon-new--graph:before {
    content: "\e942";
}

.icon-new-paper:before {
    content: "\e946";
}

.icon-new-checked:before {
    content: "\e947";
}

.icon-new-box:before {
    content: "\e948";
}

.icon-new-persent:before {
    content: "\e949";
}

.icon-correct-symbol:before {
    content: "\e922";
}

.icon-delivery-truck:before {
    content: "\e923";
}

.icon-delivery-truck-deliver-svgrepo-com:before {
    content: "\e924";
}

.icon-package:before {
    content: "\e925";
}

.icon-plane:before {
    content: "\e926";
}

.icon-speedometer:before {
    content: "\e927";
}

.icon-team:before {
    content: "\e928";
}

.icon-worldwide:before {
    content: "\e929";
}

.icon-representative:before {
    content: "\e98e";
}

.icon-road-car:before {
    content: "\e98f";
}

.icon-marketplaces1:before {
    content: "\e990";
}

.icon-road-map:before {
    content: "\e991";
}

.icon-video-play:before {
    content: "\e921";
}

.icon-economic-benefits:before {
    content: "\e91e";
}

.icon-flexability:before {
    content: "\e91f";
}

.icon-versatility:before {
    content: "\e920";
}

.icon-ship22:before {
    content: "\e912";
}

.icon-transport-forwarding2:before {
    content: "\e913";
}

.icon-cargoes-small2:before {
    content: "\e914";
}

.icon-Consolidation2:before {
    content: "\e915";
}

.icon-Guangzhou2:before {
    content: "\e916";
}

.icon-quality2:before {
    content: "\e917";
}

.icon-1:before {
    content: "\e918";
}

.icon-2:before {
    content: "\e919";
}

.icon-3:before {
    content: "\e91a";
}

.icon-4:before {
    content: "\e91b";
}

.icon-5:before {
    content: "\e91c";
}

.icon-6:before {
    content: "\e91d";
}

.icon-dollar:before {
    content: "\e900";
}

.icon-price:before {
    content: "\e96e";
}

.icon-star:before {
    content: "\e902";
}

.icon-Train-3:before {
    content: "\e903";
}

.icon-truck:before {
    content: "\e904";
}

.icon-air-7:before {
    content: "\e905";
}

.icon-car-5:before {
    content: "\e906";
}

.icon-cargo-6:before {
    content: "\e90d";
}

.icon-car-money:before {
    content: "\e90e";
}

.icon-cat-3:before {
    content: "\e90f";
}

.icon-cub:before {
    content: "\e910";
}

.icon-document-2:before {
    content: "\e911";
}

.icon-call-back:before {
    content: "\e907";
}

.icon-cargoes-small:before {
    content: "\e908";
}

.icon-cart:before {
    content: "\e909";
}

.icon-clip:before {
    content: "\e90a";
}

.icon-Consolidation:before {
    content: "\e90b";
}

.icon-create:before {
    content: "\e90c";
}

.icon-download:before {
    content: "\e92e";
}

.icon-edit:before {
    content: "\e92f";
}

.icon-Guangzhou:before {
    content: "\e930";
}

.icon-insuranse:before {
    content: "\e931";
}

.icon-location:before {
    content: "\e932";
}

.icon-man:before {
    content: "\e933";
}

.icon-modular-cargoes:before {
    content: "\e934";
}

.icon-observance-of-agreed-terms:before {
    content: "\e935";
}

.icon-optimal-route:before {
    content: "\e936";
}

.icon-play:before {
    content: "\e937";
}

.icon-product-features:before {
    content: "\e938";
}

.icon-quality:before {
    content: "\e939";
}

.icon-send:before {
    content: "\e93a";
}

.icon-ship2:before {
    content: "\e943";
}

.icon-sign-in:before {
    content: "\e944";
}

.icon-suitable-mode-of-transport:before {
    content: "\e945";
}

.icon-transport-forwarding:before {
    content: "\e952";
}

.icon-urgency:before {
    content: "\e953";
}

.icon-weight:before {
    content: "\e954";
}

.icon-Ytub:before {
    content: "\e955";
}

.main-header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@media (max-width: 1280px) {
    .main-header {
        font-size: 12px;
    }
}

.main-header__fon {
    background-color: #3b3c44;
    color: #fff;
}

.main-header__wrapp {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 980px) {
    .main-header__wrapp {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.main-header__fixed {
    position: fixed;
    width: 100%;
    z-index: 999991;
    left: 0;
    top: 0;
}

.main-header__ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.main-header__ul.mm-listview {
    display: block;
}

.main-header__ul>li.active>a,
.main-header__ul>li.active>span {
    color: #fdd137;
    border-bottom-color: transparent !important;
    cursor: default;
}

.main-header__ul>li {
    display: flex;
    justify-content: center;
    position: relative;
}

.main-header__ul>li .menu__sub {
    white-space: nowrap;
    left: inherit;
    right: inherit;
    max-width: 339px;
}

.main-header__ul>li .menu__sub a {
    padding: 15px 10px;
    border: none;
}

.main-header__ul>li:hover:not(.active)>a {
    border-bottom-color: #fdd137;
    background: #32333a;
    color: #fdd137;
}

.main-header__ul li:hover ul {
    display: block;
}

.main-header__ul li a,
.main-header__ul li span {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 0 10px;
    color: #fff;
    border-bottom: 2px solid transparent;
}

@media (max-width: 1280px) {

    .main-header__ul li a,
    .main-header__ul li span {
        padding: 0 5px;
    }
}

.main-header__ul li span {
    padding: 15px 10px;
}

.main-header__ul li a:hover {
    color: #fdd137;
    border-bottom-color: #fdd137;
    background: #32333a;
}

@media (max-width: 980px) {
    .main-header__phone .menu__icon {
        display: none;
    }
}

.auth {
    position: relative;
    margin: 0 14px 0 0;
    height: 100%;
}

@media (max-width: 980px) {
    .auth {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 980px) {
    .auth__user-pic {
        font-size: 0;
    }
}

.auth__block {
    height: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px;
    border-bottom: 2px solid transparent;
}

.auth__block:hover {
    border-bottom-color: transparent;
    background: #32333a;
    color: #fdd137;
}

.auth i {
    color: #fdd137;
    font-size: 19px;
    margin-right: 10px;
}

.auth__panel {
    margin-top: 2px;
}

.indicator {
    position: absolute;
    -webkit-box-shadow: inset 0 2px 0 0 #32333a;
    box-shadow: inset 0 2px 0 0 #32333a;
    right: -18px;
    top: 8px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fdd137;
    background: #3b3c44;
    border: 1px solid #fdd137;
}

.basket .indicator {
    right: -10px;
}

.menu {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.menu a {
    color: #fff;
    text-decoration: none;
}

.menu:hover .menu__sub {
    display: block;
}

.menu__sub {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    background: #3b3c44;
    text-align: center;
    -webkit-box-shadow: inset 0 2px 0 0 #32333a;
    box-shadow: inset 0 2px 0 0 #32333a;
}

@media (max-width: 980px) {
    .menu__sub {
        right: inherit;
        left: -15px;
    }
}

.menu__sub a {
    text-decoration: none;
    color: #fff;
    word-wrap: break-word;
    display: block;
    line-height: normal;
    padding: 15px 10px;
}

.menu__sub a:hover {
    color: #fdd137;
    background: #32333a;
}

.menu__icon {
    color: #fdd137;
    font-size: 19px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.basket {
    position: relative;
    padding: 0;
}

@media (max-width: 980px) {
    .basket {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}

.currency:hover li {
    border-color: #fdd137;
}

.currency>li {
    padding: 10px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.currency>li.menu__sub {
    height: auto;
    border: none;
    display: none;
}

.icon-auth {
    background: url("../../img/icons/icon-auth2.png");
    width: 20px;
    height: 18px;
    display: inline-block;
}

.mob-menu {
    display: none;
    width: 70px;
    height: 45px;
    position: absolute;
    top: 8px;
    margin-top: -23px;
    left: 0;
}

.mob-menu:before {
    top: 13px;
}

.mob-menu span {
    top: 21px;
}

.mob-menu:after {
    top: 30px;
}

.mob-menu:before,
.mob-menu:after,
.mob-menu span {
    content: '';
    background: #fff;
    display: block;
    width: 29px;
    height: 2px;
    position: absolute;
    left: 20px;
    opacity: 1;
    -webkit-transition-property: top, bottom, left, opacity, -webkit-transform;
    transition-property: top, bottom, left, opacity, -webkit-transform;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity, -webkit-transform;
}

.mm-wrapper_opened .mob-menu:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-wrapper_opened .mob-menu span {
    left: -50px;
    opacity: 0;
}

.mm-wrapper_opened .mob-menu:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-wrapper_opened .mob-menu:before,
.mm-wrapper_opened .mob-menu:after {
    top: 20px;
}

.newMenuWrap.mm-menu_opened {
    left: 0;
    display: block !important;
}

.newMenuWrap {
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100vh;
    background: #3b3c44;
    color: #fff;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

.mm-listitem .mm-btn_next:before {
    display: none;
}

.mm-panel_has-navbar {
    padding-top: 60px;
}

.mm-btn {
    height: 60px;
}

.newMenu__item-last .newMenu__link {
    float: left;
    padding: 0;
    width: 50%;
    text-align: center;
    height: auto;
    line-height: 46px;
}

.newMenu__item-last .newMenu__link:not(.newMenu__link-currencyActive):hover {
    background: #32333a;
}

.mm-menu.newMenuWrap .newMenu__item-active>.newMenu__link,
.mm-menu.newMenuWrap .newMenu__item-active>.mm-menu.newMenuWrap .subNewMenu__link,
.mm-menu.newMenuWrap .newMenu__link-currencyActive {
    color: #fdd137;
}

.subNewMenu__item,
.newMenu__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.subNewMenu__item .newMenu__link,
.newMenu__item .newMenu__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 48px;
    padding: 6px 20px;
}

.mm-listitem:after {
    left: 0;
    border-bottom-width: 2px;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: #fdd137;
}

.newMenuWrap.mm-menu .mm-btn:after,
.newMenuWrap.mm-menu .mm-btn:before,
.newMenuWrap.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #fdd137;
}

.mm-menu .mm-listitem_selected>a:not(.mm-btn_next),
.mm-menu .mm-listitem_selected>span {
    background: transparent;
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}

a.mm-btn.mm-btn_close.mm-navbar__btn {
    display: none;
}

.mm-navbars_top {
    display: none;
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 0;
}

.mm-listitem>a,
.mm-listitem>span {
    padding: 0 10px 0 20px;
    margin: 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -o-text-overflow: clip !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

.mm-navbar__title {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.mm-wrapper_opening .main-header {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

@media (max-width: 980px) {
    .menu-open {
        display: none;
    }

    .currency,
    .main-header__nav {
        display: none;
    }

    .mob-menu {
        display: block;
        margin: 0 auto 0 0 !important;
    }
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #fff;
}

.mm-btn_clear:before,
.mm-btn_close:before {
    right: 7px;
}

.mm-btn_clear:after,
.mm-btn_clear:before,
.mm-btn_close:after,
.mm-btn_close:before {
    width: 12px;
    height: 12px;
}

.mm-navbar {
    height: 60px;
}

.newMenu__item-last .newMenu__link,
.newMenu__item-last .newMenu__link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.smallMobCloseBtn {
    display: none;
}

.mm-listitem:after {
    border-bottom-width: 1px;
}

.newMenu__item:first-child {
    height: 60px;
}

@media (min-width: 981px) {

    .menu-open,
    #mm-menu {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .newMenuWrap {
        width: 100%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .newMenu__item:first-child {
        height: 48px;
    }

    .mm-menu_navbar_top-1 .mm-panels {
        top: 60px;
    }

    a.mm-btn.mm-btn_close.mm-navbar__btn {
        display: block;
    }

    .mm-navbars_top {
        display: block;
        width: 100%;
        right: 0;
        left: inherit;
        background: transparent;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .mm-navbar {
        height: 60px;
        padding: 0 21px;
    }

    .newMenuWrap {
        width: 100%;
    }

    .mm-navbar__title {
        padding: 0 0 0 20px;
    }
}

@media (max-width: 380px) {
    .newMenuWrap {
        /*width: 100%;*/
        left: -365px;
    }
}

.mfp-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
}

html.mfp-helper {
    height: 100%;
}

.mfp-helper body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0);
}

.type-trans__wrapp {
    overflow: hidden;
}

.popup__thanks button.mfp-close {
    background: url("../../img/close.png") 50% 50% no-repeat;
}

input,
textarea {
    /* Exception for input areas */
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
}

.log-mob {
    display: none;
}

@media (max-width: 980px) {
    .main-header__wrapp ul.menu {
        display: flex;
    }

    .main-header__wrapp ul.menu.currency {
        display: none;
    }

    .log-mob {
        display: inline-block;
        font-size: 14px;
        color: #ffd14e;
    }

    .log-dsck {
        display: none;
    }

    .icon-man,
    .icon-sign-in {
        display: none;
    }

    .main-header__phone.menu {
        margin: 0 auto 0 57px;
    }

    .main-header__phone.menu a {
        font-size: 12px;
        font-family: "opensans-semibold", sans-serif;
        font-weight: 500;
    }

    .basket i {
        color: #fff;
    }

    .menu__sub {
        right: 0;
        left: inherit;
        min-width: 200px;
    }

    .auth {
        margin: 0;
    }

    .basket {
        font-size: 12px;
        position: relative;
        padding: 0;
    }

    .menu__sub a {
        word-wrap: break-word;
        display: block;
        padding: 15px 10px;
        line-height: normal;
    }
}


@media (max-width: 390px) {

    .mob-menu:before,
    .mob-menu:after,
    .mob-menu span {
        width: 22px;
    }

    .log-mob {
        display: block;
        font-size: 11px;
    }

    .main-header__phone.menu a {
        display: block;
        font-size: 11px;
    }

    .main-header__phone.menu {
        margin: 0 auto 0 30px;
    }

    .auth__block,
    .currency>li {
        padding: 0;
        margin: 0 25px 0 25px;
    }

    .basket {
        padding: 0;
    }

    .basket__count.indicator {
        right: -10px;
    }

    .indicator {
        right: -18px;
        top: 4px;
    }

    .auth__block {
        padding: 0;
        margin: 0 20px;
    }
}

@media (max-width: 1280px) {
    .main-header__ul>li .menu__sub {
        left: 0;
        transform: translate(0, 0);
        zoom: 0;
    }
}

html.modal-open {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

html.modal-open .mm-slideout {
    position: fixed !important;
    z-index: -100 !important;
}

html.modal-open .wrapper {
    z-index: -100 !important;
    position: fixed !important;
    width: 100%;
}

.main-header__wrp {
    display: flex;
    height: 100%;
}

.check-ln-item {
    height: 100%;
}

.check-ln-item a {
    height: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;

}

.check-flag {
    border-radius: 50%;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.43);
    width: 25px;
    height: 25px;
    position: relative;
    background: #fff;
}

.check-text {
    background: #fff;
    color: #3b3c44;
    font-size: 12px;
    font-weight: 700;
    height: 17px;
    width: 45px;
    border-radius: 50px;
    padding: 0 5px;
}

.ru .check-text {
    text-align: right;
    margin: 0 0 0 -18px;
}

.en .check-text,
.uk .check-text {
    margin: 0 -18px 0 0;
}

.en .check-flag,
.uk .check-flag {
    order: 2;
}

.check-flag:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 62px;
    height: 62px;
}

.ru .check-flag:before {
    margin: -30px -32px;
    background: url('../../img/russia.png');
}

.uk .check-flag:before {
    margin: -31px -32px;
    background: url('../../img/ukraine.png');
}

.en .check-flag:before {
    margin: -31px -32px;
    background: url('../../img/united-kingdom.png');
}

html.fix-style {
    overflow: visible !important;
}

.js_clear_session_user {
    transition: all .3s;
    text-align: center;
    text-transform: uppercase;
    color: #3b3c44;
    border: 2px solid #fdd137;
    box-sizing: border-box;
    padding: 10px 49px;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
}

.js_clear_session_user:hover {
    background: #fdd137;
}

.x-grid3-viewport {
    overflow: auto !important;
}

.overflow-fixed {
    overflow: hidden;
}

.pay-hist-other {
    justify-content: space-between;
}

.pay-hist-other__wrp {
    display: flex;
    margin-bottom: 10px;
}

.pay-hist__btn {
    margin-bottom: 10px;
}

@media (max-width: 680px) {
    .pay-hist-other {
        display: block;
    }

    .pay-hist-other .pay-hist-filter__select {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .pay-hist-filter__filter-title {
        margin-right: 10px;
        width: auto;
    }

    .pay-hist-other__wrp {
        flex-wrap: wrap;
    }

    .pay-hist-other__wrp input {
        width: 100%;
        margin-bottom: 10px;
    }

    .pay-hist-other .pay-hist-filter__selects.filter-selects {
        width: calc(100% - 68px);
    }
}

input+.not-valid,
.message.error,
textarea+.not-valid,
.upload-request-img+.not-valid,
select.selectNew~.not-valid,
.selectNewBox.has-error .not-valid {
    display: block !important;
}

#comment-form p.not-valid.static {
    position: static;
}

.upload-documents-modal .mfp-close {
    color: #3b3c44;
}

.upload-documents-modal__header {
    padding-top: 0;
    margin-top: 0;
    color: #000;
}

.upload-documents-modal__row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    border-bottom: 1px solid #D5D5D5;
}

.upload-documents-modal__row .left-cell {
    display: flex;
    width: 30%;
}

.upload-documents-modal__row .msof-form-wrapper {
    display: flex;
    width: 70%;
}

.upload-documents-modal__row .dz-progress {
    margin-left: -80px !important;
}

.upload-documents-modal__row .msof-form {
    width: 100%;
}

.upload-documents-modal__row:last-child {
    border-bottom: none;
}

.upload-documents-modal__controls {
    display: flex;
    align-items: center;
}

.upload-documents-modal__item-name {
    width: 50%;
    font-size: 14px;
    min-width: 200px;
    line-height: 140%;
    color: #000000;
    font-family: 'opensans-semibold';
    padding-right: 5px;
}

.upload-documents-modal__item-file-name {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #6B6C77;
    padding: 0 15px 0 10px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.upload-documents-modal__item-file-name span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.upload-documents-modal__controls .upload-link {
    display: inline-flex;
    width: inherit;
    align-items: center;
    cursor: pointer;
}

.upload-documents-modal__controls .upload-link span {
    font-size: 12px;
    line-height: 16px;
    color: #41B2E1;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: 'opensans-semibold';
}

.upload-documents-modal__controls .upload-link input[type='file'] {
    display: none;
}

.upload-documents-modal__controls .controls-btn__wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.upload-documents-modal__controls .controls-btn__wrapper .controls-btn__item {
    width: 28px;
    height: 28px;
    display: inline-flex;
    flex-shrink: 0;
    margin-right: 5px;
    background-color: #FDD137;
    background-size: 15px 14px;
    background-position: center;
    border-radius: 50%;
    background-repeat: no-repeat;
    transition: background-color 0.3s;
    cursor: pointer;
}

.upload-documents-modal__controls .controls-btn__wrapper .controls-btn__item:hover {
    background-color: #e8c031;
}

.upload-documents-modal__controls .controls-btn__wrapper .controls-btn__item.download {
    background-image: url("../img/icons/download-modal-icon.svg");
}

.upload-documents-modal__controls .controls-btn__wrapper .controls-btn__item.refresh {
    background-image: url("../img/icons/refresh-file-icon.svg");
}

.upload-documents-modal__controls .controls-btn__wrapper .controls-btn__item.delete {
    background-image: url("../img/icons/del-icon-modal.svg");
}

.upload-documents-modal__controls .controls-btn__wrapper .controls-btn__item:last-child {
    margin-right: 0;
}

@media screen and (max-width: 930px) {
    .order-item__bottom-row {
        align-items: center;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 730px) {
    .upload-documents-modal__row .left-cell {
        width: 40%;
    }

    .upload-documents-modal__row .msof-form-wrapper {
        width: 60%;
    }

    .order-item__bottom-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .order-item__doc-count {
        padding: 0;
        text-align: left;
    }

    .order-item__add-document {
        padding: 0;
        text-align: left;
    }

    .order-item__cart-cost {
        padding: 15px 0 0;
        text-align: left;
    }
}

@media screen and (max-width: 550px) {
    .upload-documents-modal__row {
        height: auto;
        padding: 15px 0;
        flex-wrap: wrap;
    }

    .upload-documents-modal__row .left-cell {
        flex-direction: column;
        align-items: flex-start;
    }

    .upload-documents-modal__item-file-name {
        padding-left: 0;
    }

    .upload-documents-modal__item-name {
        width: 100%;
        min-width: inherit;
    }

    .upload-documents-modal__item-file-name {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .upload-documents-modal__row .left-cell {
        width: 50%;
    }

    .upload-documents-modal__row .msof-form-wrapper {
        width: 50%;
    }
}

.partner-income {
    display: inline-flex;
    align-items: center;
}

.partner-income.all-orders-ref {
    position: relative;
}

.partner-income.all-orders-ref .order-item__total-input input {
    opacity: 1;
    padding: 0 3px;
    height: 30px;
    min-width: 75px;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.main-header__wrp .chevron::before {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    display: inline-block;
    height: 5px;
    margin-left: 5px;
    position: relative;
    top: 10px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 5px;
}

.main-header__wrp .chevron.bottom:before {
    transform: rotate(135deg);
}

.main-header__phone {
    padding-right: 20px;
    position: relative;
}

.main-header__phone-current,
.main-header__phone a {
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.currency.menu {
    margin-right: 20px;
}

.currency.menu .chevron {
    margin-left: 3px;
}

.main-header__phone .flag {
    width: 12px;
    height: 9px;
    margin-right: 5px;
    display: inline-flex;
}


.main-header__phone .flag img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.article-form {
    margin: 20px auto;
    max-width: 832px;
}

.article-form .article-form__header {
    text-transform: uppercase;
    text-align: center;
    color: #3b3c44;
    font-weight: 700;
    display: block;
    font: 26px/38px "opensans-bold";
    margin-bottom: 20px;
}

.article-form .article-form__desc {
    text-align: center;
    color: #3b3c44;
    font-weight: 700;
    display: block;
    font: 20px/28px "opensans-bold";
    margin-bottom: 10px;
}

.article-form .article-form__sub {
    font: 14px/18px "opensans-bold";
    text-align: center;
    margin-bottom: 20px;
    display: block;
    color: red;
}

.article-form .main-form {
    border: 1px solid #d5d5d5;
    padding: 25px 35px;
}

.article-form .input-wrap {
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    display: block;
}

.article-form .input-wrap__title {
    font-size: 12px;
    font-weight: 400;
    color: #3b3c44;
    display: block;
    margin-bottom: 10px;
}

@media screen and (max-width: 1280px) {
    .article-form .input-wrap__title {
        text-align: left;
    }
}

.slide-nav {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999991;
    width: 100%;
    max-width: 545px;
    -webkit-transform: translateX(550px);
    -ms-transform: translateX(550px);
    transform: translateX(550px);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.slide-nav.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-nav__header {
    border-bottom: 1px solid #DADAE0;
    position: relative;
    padding-right: 45px;
}

.slide-nav__header .close {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 16px;
    color: #6B6C77;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media screen and (max-width: 430px) {
    .slide-nav__header .close {
        right: 15px;
        top: 24px;
    }
}

.slide-nav__header .close:hover {
    color: #000;
}

.slide-nav__body {
    height: 100%;
    overflow-y: auto;
}

.slide-nav .tab-content {
    display: none;
}

.slide-nav .tab-content.current {
    display: inherit;
}

.slide-nav .tabs-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
}

@media screen and (max-width: 430px) {
    .slide-nav .tabs-controls {
        padding-left: 10px;
    }
}

.slide-nav .tabs-controls__item {
    padding: 24px 0;
    margin-right: 40px;
    font-size: 16px;
    font-family: "opensans-bold";
    color: #8B8B99;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 430px) {
    .slide-nav .tabs-controls__item {
        margin-right: 15px;
    }
}

@media screen and (max-width: 375px) {
    .slide-nav .tabs-controls__item {
        font-size: 14px;
    }
}

.slide-nav .tabs-controls__item:last-child {
    margin-right: 0;
}

.slide-nav .tabs-controls__item::before {
    content: '';
    width: 100%;
    height: 3px;
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-nav .tabs-controls__item.current,
.slide-nav .tabs-controls__item:hover {
    color: #3B3C44;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-nav .tabs-controls__item.current::before,
.slide-nav .tabs-controls__item:hover::before {
    background: #FDD137;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-nav .request-data {
    padding: 30px;
}

.slide-nav .request-data__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.slide-nav .request-data__header {
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    color: #3B3C44;
}

.slide-nav .request-data__link {
    font-size: 16px;
    line-height: 100%;
    text-align: right;
    color: #3B3C44;
}

.slide-nav .request-data__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 30px 10px;
}

.slide-nav .request-data__list .item {
    width: 100%;
    color: #3B3C44;
}

.slide-nav .request-data__list .item__name {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 16px;
}

.slide-nav .request-data__list .item__data {
    font-size: 14px;
    line-height: 100%;
}

.slide-nav .request-data__list .item__data.status {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.slide-nav .request-data__list .item__data.status.new {
    color: #2F8EFF;
}

.slide-nav .request-data__list .item__data.status.success {
    color: #1BAA3D;
}

.slide-nav .request-data__list .item__data.status.lost {
    color: #FF4D4D;
}

.slide-nav .request-data__list .item__data.status.transferred {
    color: #8B8B99;
}

.slide-nav .request-data__list .item__data.status.in-processing {
    color: #FACB27;
}

.slide-nav .request-data__list .item__download {
    font-size: 16px;
    line-height: 100%;
    color: #3B3C44;
    text-decoration: none;
    position: relative;
    padding-left: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide-nav .request-data__list .item__download::before {
    content: '';
    background: url(../img/inp-file.png) 0 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    left: 4px;
    top: 0;
    width: 24px;
    height: 24px;
}

.slide-nav .request-data__form {
    padding: 30px 30px 40px 30px;
}

.slide-nav .request-data__form .form__input--wrapp {
    width: 100%;
    min-width: 227px;
    margin-left: 15px;
    margin-right: 15px;
}

.slide-nav .request-data__form .form__input--wrapp.date {
    position: relative;
}

.slide-nav .request-data__form .form__input--wrapp.date .icon {
    position: absolute;
    right: 16px;
    top: 35px;
    font-size: 16px;
    color: #8B8B99;
    background: none;
    width: auto;
    height: auto;
}

.slide-nav .request-data__form .form__input--wrapp .create-order {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #3B3C44;
    background: #FDD137;
    height: 38px;
    padding: 0 20px;
    margin-top: 26px;
}

.slide-nav .request-data__form .form__input--wrapp textarea {
    resize: none;
    height: 110px;
}

.slide-nav .request-data__form-row {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 550px) {
    .slide-nav .request-data__form-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.slide-nav .request-data__btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #DADAE0;
    padding: 15px 30px 40px 30px;
}

@media screen and (max-width: 450px) {
    .slide-nav .request-data__btn-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .slide-nav .request-data__btn-wrapper button {
        width: 100%;
    }

    .slide-nav .request-data__btn-wrapper button:first-child {
        margin-bottom: 15px;
    }
}

.slide-nav .request-data__btn-wrapper .cancel {
    margin-left: 0;
    min-width: 135px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    height: 38px;
    color: #3B3C44;
    border: 1px solid #FDD137;
    background-color: transparent;
}

.slide-nav .request-data .grey-btn {
    margin-left: 0;
    min-width: 135px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    height: 38px;
    color: #ffffff;
    background-color: #6b6c77;
}

.slide-nav .logs {
    padding: 30px;
}

.slide-nav .logs__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px;
    position: relative;
    padding-left: 20px;
}

.slide-nav .logs__item::before {
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    background: #8B8B99;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 1;
}

.slide-nav .logs__item::after {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    left: 3px;
    top: 7px;
    background: #DADAE0;
}

.slide-nav .logs__item:last-child::after {
    display: none;
}

.slide-nav .logs__item-left {
    margin-right: 24px;
}

.slide-nav .logs__item-left .date {
    font-size: 14px;
    line-height: 140%;
    color: #8B8B99;
    margin-bottom: 2px;
}

.slide-nav .logs__item-left .time {
    font-size: 12px;
    line-height: 100%;
}

.slide-nav .logs__item-right .name {
    font-family: "opensans-bold";
    font-size: 14px;
    line-height: 100%;
    color: #3B3C44;
    margin-bottom: 12px;
}

.slide-nav .logs__item-right .desc {
    font-size: 14px;
    line-height: 140%;
    color: #3B3C44;
    margin-bottom: 10px;
}

.slide-nav .logs .comment-toogle__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.slide-nav .logs .comment-toogle__btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    line-height: 140%;
    color: #6B6C77;
    border-bottom: 1px solid #6B6C77;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-nav .logs .comment-toogle__btn:hover {
    border-bottom-color: transparent;
}

.slide-nav .logs .comment-form__top {
    font-size: 12px;
    line-height: 16px;
    color: #3B3C44;
    margin-bottom: 10px;
}

.slide-nav .logs .comment-form__textarea {
    width: 100%;
    margin-bottom: 10px;
}

.slide-nav .logs .comment-form__textarea textarea {
    width: 100%;
    height: 92px;
    background: #F2F2F3;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    resize: none;
    padding: 20px;
    font-size: 12px;
    line-height: 16px;
}

.slide-nav .logs .comment-form__btn {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.slide-nav .logs .comment-data {
    margin-top: 10px;
}

.slide-nav .logs .comment-data__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.slide-nav .logs .comment-data__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    color: #3B3C44;
}

.slide-nav .logs .comment-data__remove {
    background: transparent;
    border: none;
    color: #FF0000;
    font-size: 16px;
    padding-right: 0;
    cursor: pointer;
}

.slide-nav .logs .comment-data__text {
    margin-bottom: 6px;
}

.slide-nav .logs .comment-data__text p {
    font-size: 14px;
    line-height: 140%;
    color: #6B6C77;
}

.slide-nav .logs .comment-data__date {
    font-size: 12px;
    line-height: 100%;
    color: #8B8B99;
}

.slide-nav .remind__new {
    display: block;
    padding: 30px 30px 0 30px;
    border-bottom: 1px solid #DADAE0;
}

.slide-nav .remind__new-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 100%;
    font-weight: 700;
    color: #3B3C44;
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media screen and (max-width: 400px) {
    .slide-nav .remind__new-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 400px) {
    .slide-nav .remind__new .title {
        margin-bottom: 20px;
    }
}

.slide-nav .remind__form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.slide-nav .remind__form-row .form__input--wrapp {
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
}

.slide-nav .remind__form-row .form__input--wrapp.date {
    position: relative;
}

.slide-nav .remind__form-row .form__input--wrapp.date .icon {
    position: absolute;
    right: 16px;
    top: 43px;
    font-size: 16px;
    color: #8B8B99;
    width: auto;
    height: auto;
    background: none;
}

.slide-nav .remind__form-row .form__input--wrapp textarea {
    resize: none;
    height: 110px;
}

.slide-nav .remind__item {
    padding: 30px;
    border-bottom: 1px solid #DADAE0;
}

.slide-nav .remind__item-top {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}

@media screen and (max-width: 400px) {
    .slide-nav .remind__item-top {
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.slide-nav .remind__item-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide-nav .remind__item-btn .remove {
    border: none;
    background: transparent;
    color: #FF0000;
    margin-right: 30px;
    cursor: pointer;
}

.slide-nav .remind__item-title {
    font-size: 14px;
    line-height: 100%;
    color: #3B3C44;
    text-transform: uppercase;
    font-family: "opensans-bold";
    font-weight: 700;
}

@media screen and (max-width: 400px) {
    .slide-nav .remind__item-title {
        margin-bottom: 20px;
    }
}

.slide-nav .remind__item-date {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide-nav .remind__item-date .item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px;
    margin-bottom: 20px;
}

.slide-nav .remind__item-date .item i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #E0E0E8;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    font-size: 15px;
    color: #6B6C77;
}

.slide-nav .remind__item-date .item span {
    font-size: 14px;
    line-height: 100%;
    color: #3B3C44;
}

.slide-nav .remind__item-date .item .expired {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #FF4D4D;
}

.slide-nav .remind__item-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.slide-nav .remind__item-text i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #E0E0E8;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    font-size: 15px;
    color: #6B6C77;
}

.slide-nav .remind__item-text p {
    color: #3B3C44;
    font-size: 14px;
}

.slide-nav .remind input[type="time"] {
    height: 38px;
}

.slide-nav .remind input[type="time"]::-webkit-calendar-picker-indicator {
    background: none;
    padding: 0;
    margin: 0;
}

.slide-nav .grey-btn {
    margin-left: 0;
    min-width: 135px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    height: 38px;
    color: #ffffff;
    background-color: #6b6c77;
}

.slide-nav .icon-clock {
    background: none;
}

.slide-nav .create-order {
    width: 100%;
    display: block;
    padding: 30px;
    border-bottom: 1px solid #DADAE0;
}

.slide-nav .create-order .order-manager__item-title {
    font-size: 12px;
    line-height: 16px;
    color: #3B3C44;
    margin-bottom: 10px;
}

.slide-nav .create-order .order-manager__item-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.slide-nav .create-order .order-manager__item-select {
    width: 100%;
    background: #F2F2F3;
    padding: 16px;
    margin-bottom: 15px;
}

.slide-nav .create-order .order-manager__item-select .label {
    font-size: 12px;
    line-height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 2px;
    color: #e0ab58;
    border: 1px solid #e0ab58;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 8px;
}

.slide-nav .create-order .order-manager__item-select .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide-nav .create-order .order-manager__item-select .form__input--wrapp {
    width: 100%;
    padding: 0;
    margin: 0;
}

.slide-nav .create-order .order-manager__item-select .form__input--wrapp .select2-selection.select2-selection--single {
    background: #fff;
}

.slide-nav .create-order .order-manager__item-select .status {
    font-size: 14px;
    line-height: 100%;
    color: #8B8B99;
    margin-left: 20px;
}

.slide-nav .create-order .order-manager__item-select .status.active {
    color: #E0AB58;
}

.slide-nav .create-order .order-manager .control {
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    margin-bottom: 42px;
    cursor: pointer;
}

.slide-nav .create-order .order-manager .control.add {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 13px;
    margin-left: 30px;
}

.slide-nav .create-order .order-manager .control.remove {
    color: #ff4d4d;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    margin-left: 25px;
}

.slide-nav .create-order__btn-wrap {
    width: 100%;
    margin-top: 20px;
}

.slide-nav .create-order__btn {
    width: 100%;
    height: 38px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background: #FDD137;
    border: none;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #3B3C44;
    cursor: pointer;
}

.slide-nav .remind__new-top .title {
    font-family: "opensans-bold";
}

.slide-nav .remind__form-row .form__input--wrapp.date .icon .icon-clock {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../img/icons/clock_max.png) no-repeat center;
    background-size: contain;
}

.slide-nav .remind__item-date .item i.icon-calendar::before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../img/calendar2.png) no-repeat center;
    background-size: contain;
}

.slide-nav .remind__item-date .item i.icon-clock::before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../img/icons/clock_max.png) no-repeat center;
    background-size: contain;
}

.slide-nav .remind__item-text i.icon-text::before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../img/icons/text.png) no-repeat center;
    background-size: contain;
}

.slide-overlay {
    display: none;
}

.slide-overlay.show {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #3B3C44;
    opacity: 0.3;
    z-index: 999998;
}

@media screen and (max-width: 760px) {
    .all-orders .all-orders__top-row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .all-orders .all-orders__top-row .btn-wrapper {
        margin-top: 15px;
        justify-content: flex-start;
        width: 100%;
        flex-wrap: wrap;
    }

    .all-orders .all-orders__top-row .btn-wrapper .calendar-reminders-link {
        margin: 0;
    }

    .all-orders .all-orders__top-row .btn-wrapper .orders-export-link {
        margin: 0;
    }
}

.del-label {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    height: 16px;
    display: inline-flex;
    margin-left: 5px;
    border: 1px solid #FF4D4D;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 4px;
    color: #FF4D4D;
    position: relative;
}

.flex-ai {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.statistics-widget {
    width: 100%;
    background: #FAFAFC;
    padding: 15px 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.statistics-widget__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.statistics-widget__header .title {
    font-weight: normal;
    font-size: 26px;
    line-height: 34px;
    color: #3B3C44;
    text-transform: uppercase;
}

.statistics-widget__header .arrow {
    position: relative;
    cursor: pointer;
}

.statistics-widget__header .arrow::before {
    content: '';
    position: absolute;
    left: -11px;
    bottom: -10px;
    border: 6px solid transparent;
    border-top: 6px solid #3B3C44;
}

.statistics-widget__body .chart-data {
    padding: 28px;
    border: 1px solid #DADAE0;
    box-sizing: border-box;
    background: #fff;
}

.statistics-widget__body .main-data {
    width: 100%;
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 16px;
    margin-bottom: 40px;
}

.statistics-widget__body .main-data .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #DADAE0;
    box-sizing: border-box;
    background: #fff;
    padding: 24px 28px;
}

.statistics-widget__body .main-data .item__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #8B8B99;
    max-width: 120px;
    margin-right: 10px;
    font-family: "opensans-semibold", sans-serif;
}

.statistics-widget__body .main-data .item__data {
    font-size: 24px;
    line-height: 100%;
    font-family: "opensans-bold", sans-serif;
    display: inline-flex;
    align-items: center;
    text-align: right;
}

.statistics-widget__body .main-data .item__data span {
    font-size: 20px;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    color: #8B8B99;
    font-family: "opensans-regular", sans-serif;
    margin-left: 6px;
}

.statistics-widget__body .main-data .item.success .item__title {
    color: #1BAA3D;
}

.statistics-widget__body .main-data .item.lost .item__title {
    color: #FF4D4D;
}

.statistics-widget__body .round-charts {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-bottom: 64px;
}

.statistics-widget__body .round-charts .item {
    display: flex;
    align-items: center;
    padding-left: 48px;
    border-left: 1px solid #DADAE0;
}

.statistics-widget__body .round-charts .item:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0px;
}

.statistics-widget__body .round-charts .item .chart-wrap {
    width: 142px;
    height: 142px;
    margin-right: 24px;
}

.statistics-widget__body .data-wrap__item {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
}

.statistics-widget__body .data-wrap__item .color {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 6px;
}

.statistics-widget__body .data-wrap__item .info {
    display: inline-flex;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #3B3C44;
}

.statistics-widget__body .data-wrap__item .info span {
    font-size: 12px;
    line-height: 16px;
    color: #8B8B99;
    display: contents;
    align-items: center;
    margin-left: 5px;
}

.statistics-widget__body .data-wrap.column {
    display: flex;
    flex-direction: column;
    width: auto;
    margin: 0;
    padding: 0;
}

.statistics-widget__body .data-wrap.row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 12px;
}

.statistics-widget__body .line-chart {
    width: 100%;
}

.statistics-widget__body .line-chart__top {
    display: flex;
    align-items: center;
}

.statistics-widget__body .line-chart__top .data-list {
    display: inline-flex;
    align-items: center;
}

.statistics-widget__body .line-chart__top .ttle {
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #3B3C44;
}

.statistics-widget__body .line-chart__top .ttle span {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #8B8B99;
}

.statistics-widget__body .line-chart__top .data-list .item {
    display: inline-flex;
    align-items: center;
    margin-left: 28px;
}

.statistics-widget__body .line-chart__top .data-list .item .color {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 8px;
}

.statistics-widget__body .line-chart__top .data-list .item .name {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #3B3C44;
}

/*.statistics-widget__body .line-chart__body {
    height: 368px;
    margin-top: 20px;
}*/

@media screen and (max-width: 1200px) {
    .statistics-widget__body .round-charts {
        display: flex;
        flex-direction: column;
    }

    .statistics-widget__body .round-charts .item:last-child {
        border-left: none;
        padding-left: 0;
        margin-left: 0px;
        margin-top: 30px;
    }

    .statistics-widget {
        padding: 15px 10px;
    }

    .statistics-widget__body .line-chart__top {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 920px) {
    .statistics-widget__body .line-chart__top {
        flex-direction: column;
    }

    .statistics-widget__body .line-chart__top .data-list {
        margin-top: 20px;
        width: 100%;
    }

    .statistics-widget__body .line-chart__top .data-list .item:first-child {
        margin-left: 0;
    }

    .statistics-widget__body .chart-data {
        padding: 28px 10px;
    }
}

@media screen and (max-width: 700px) {
    .statistics-widget__body .round-charts .item {
        flex-direction: column;
    }

    .statistics-widget__body .round-charts .item .chart-wrap {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .statistics-widget__body .data-wrap.row {
        display: flex;
        flex-direction: column;
    }
}

/* upload documents modal */

.mfp-bg.mfp-ready {
    background-color: #636363;
    opacity: 0.8;
}

.upload-documents-modal {
    max-width: 615px;
}

.upload-documents-modal .upload-documents-modal__container .msof-form-wrapper {
    width: 100%;
}

.upload-documents-modal .upload-documents-modal__container:not(.additional-upload-documents) {
    padding: 13px 0;
}

.upload-documents-modal .upload-documents-modal__item-name {
    width: auto;
    min-width: auto;
    white-space: nowrap;
    flex: 0 0 50%;
    max-width: 50%;
}

.upload-documents-modal .upload-documents-modal__item-name+.msof-form-wrapper .upload-documents-modal__item-name {
    display: none;
}

.upload-documents-modal .upload-documents-modal__item-name+.msof-form-wrapper {
    width: 50%;
}

.upload-documents-modal .additional-upload-documents .msof-form {
    display: flex;
    flex-direction: column;
}

.upload-documents-modal .additional-upload-documents .msof-form .dz-message {
    float: none;
    order: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5;
}

.upload-documents-modal .additional-upload-documents .msof-form .dz-message .uload-link-default {
    float: none;
    display: block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.upload-documents-modal .additional-upload-documents .msof-form {
    counter-reset: files;
    max-height: 220px;
    overflow-y: auto;
    overflow-y: overlay;
    margin-bottom: 15px;
    padding-left: 32px;
    padding-right: 32px;
    margin-left: -32px;
    margin-right: -32px;
    width: calc(100% + 64px);
}

@media (max-width: 480px) {
    .upload-documents-modal .additional-upload-documents .msof-form {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
}

.upload-documents-modal .additional-upload-documents .msof-form::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

@media (max-width: 480px) {
    .upload-documents-modal .additional-upload-documents .msof-form::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
}

.upload-documents-modal .additional-upload-documents .msof-form::-webkit-scrollbar-thumb {
    background: #DADAE0;
    border-radius: 0px;
}

.upload-documents-modal .additional-upload-documents .msof-form::-webkit-scrollbar-thumb:hover {
    background: #A8A8AD;
}

.upload-documents-modal .additional-upload-documents .msof-form::-webkit-scrollbar-track {
    background: #F6F6F6;
    border-radius: 0px;
    box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}

.upload-documents-modal .additional-upload-documents .msof-form .dz-file-preview {
    counter-increment: files;
    position: relative;
}

.upload-documents-modal .additional-upload-documents .msof-form .dz-file-preview .upload-documents-modal__item-name .number::before {
    content: counter(files);
    display: inline-block;
}

.upload-documents-modal .upload-documents-modal__container.additional-upload-documents .dz-file-preview {
    padding: 13px 0;
}

.upload-documents-modal .upload-documents-modal__container.additional-upload-documents .dz-message~.dz-file-preview:not(:last-child) {
    border-bottom: 1px solid #D5D5D5;
}

.upload-documents-modal .upload-documents-modal__container.additional-upload-documents .dz-message+.dz-file-preview {
    border-top: 1px solid #D5D5D5;
}

.upload-documents-modal .upload-documents-modal__container.additional-upload-documents .msof-form-wrapper {
    position: relative;
    padding-bottom: 40px;
}

.upload-documents-modal .upload-documents-modal__row {
    height: auto;
    padding: 0 !important;
    position: relative;
}

.upload-documents-modal {
    padding: 32px;
}

.upload-documents-modal .upload-documents-modal__header {
    text-transform: inherit;
    font-size: 24px;
    margin-bottom: 30px;
}

.upload-documents-modal .msof-form .uload-link-default:not(.btn) {
    text-decoration: underline;
}

/* upload documents modal END */

/* CAPTCHA */
.form__captcha {
    position: relative;
    margin-bottom: 20px;
    text-align: right;
}

@media (min-width: 576px) {
    .form__captcha {
        max-width: 450px;
        margin-left: auto;
        padding-right: 45px;
    }
}

.form__captcha+.form__submit--wrapp {
    text-align: right;
}

.form__captcha .js_reload_ajaxform_captcha {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: none;
    background-color: #fdd137;
    color: #3b3c44;
    text-decoration: none;
    line-height: 1;
    font-size: 16px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sync-alt' class='svg-inline--fa fa-sync-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    -webkit-background-size: 15px 15px;
    background-size: 15px;
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .form__captcha .js_reload_ajaxform_captcha {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
    }
}

.form__captcha .js_reload_ajaxform_captcha i {
    display: none !important;
}

.form__captcha .js_reload_ajaxform_captcha:hover {
    background-color: #fedd69;
}

.form__captcha .error_captcha,
.form__captcha p.not-valid {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    color: red;
    line-height: 14px;
    height: 15px;
    margin-bottom: 0;
}

.captcha {
    position: relative;
    display: block;
    padding: 0 0 20px 0;
    margin-bottom: 0 !important;
    text-align: center;
}

@media (min-width: 576px) {
    .captcha {
        padding-left: 110px;
        text-align: left;
    }
}

.captcha_img {
    max-width: 100px !important;
    width: 100%;
    margin: 0 !important;
}

@media (min-width: 576px) {
    .captcha_img {
        position: absolute;
        top: -8px;
        left: 0;
        z-index: 5;
    }
}

.captcha_input {
    background: #f1f1f2;
    display: block;
    width: 100%;
    border: 0;
    font-size: 14px;
    padding: 11px 20px;
    height: 38px;
    color: #3b3c44;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* CAPTCHA END */

/* PRODUCT DOWNLOAD BLOCK */

.product-download-block {
    margin: 16px 0 14px;
}

.product-download-block__title {
    text-align: left;
    font-size: 16px;
    margin: 0 0 6px 0;
}

.product-download-block__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px !important;
}

.product-download-block__list-item {
    display: flex;
    padding: 0 2px !important;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 2px 0 !important;
    text-align: left !important;
}

@media (min-width: 768px) {
    .product-download-block__list-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.product-download-block__list-item:before {
    content: none !important
}

.product-download-item {
    position: relative;
    width: 100%;
    background-color: #FDD137;
    padding: 20px 20px 20px 60px;
}

@media (min-width: 450px) {
    .product-download-item {
        display: flex;
        align-items: center;
        padding: 30px 30px 30px 85px;
    }
}

.product-download-item__icon {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translate(0, -50%);
    z-index: 5;
    width: 25px;
    margin: 0 !important;
}

@media (min-width: 450px) {
    .product-download-item__icon {
        left: 32px;
        width: 32px;
    }
}

.product-download-item__name-block {
    margin-bottom: 20px;
}

@media (min-width: 450px) {
    .product-download-item__name-block {
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        padding-right: 20px;
        margin-bottom: 0;
    }
}

.product-download-item__name {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.product-download-item__link {
    display: inline-flex;
    align-items: center;
    color: #383942 !important;
    font-family: "opensans-semibold", sans-serif !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    flex-shrink: 0;
    margin: 5px 0;
}

@media (min-width: 450px) {
    .product-download-item__link {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}

.product-download-item__link-icon {
    font-size: 13px;
}

.product-download-item__link-text {
    text-decoration: underline;
    padding-left: 8px;
}

/* PRODUCT DOWNLOAD BLOCK END */

/* PRODUCT DELIVERY AND PAYMENT */

.product-delivery-and-payment {
    margin-bottom: 20px;
}

.product-block-title {
    text-transform: uppercase;
    text-align: left;
    font-size: 16px !important;
    margin: 0 0 6px 0;
}

.product-delivery-and-payment__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
}

.product-delivery-and-payment__col {
    padding: 0 2px;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    display: flex;
}

@media (min-width: 768px) {
    .product-delivery-and-payment__col {
        flex: 1 0 0%;
    }
}

.product-delivery-and-payment__block {
    position: relative;
    margin-bottom: 4px;
    background-color: #FFF9E6;
    padding: 24px;
    width: 100%;
}

.product-delivery-and-payment__block:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-top: 8px solid #FDD137;
    border-right: 8px solid #FDD137;
    position: absolute;
    top: 24px;
    right: 24px;
    box-sizing: border-box;
}

.product-delivery-and-payment__block-title {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 24px 0;
    text-align: center;
    padding: 5px 15px 0;
}

@media (min-width: 576px) {
    .product-delivery-and-payment__title-and-types {
        display: flex;
        flex-wrap: wrap;
    }
}

.product-delivery-and-payment__title-and-types:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(156, 156, 167, 0.3);
    margin-bottom: 10px;
}

.product-delivery-and-payment__sub-title {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
    margin: 0;
    padding: 10px 10px 10px 0;
}

@media (min-width: 576px) {
    .product-delivery-and-payment__sub-title {
        margin: 3px 0 0;
        flex-shrink: 0;
        flex: 0 0 auto;
        width: 110px;
        max-width: 100%;
    }
}

.product-delivery-and-payment__accent-text {
    position: relative;
    background-color: #FDD137;
    padding: 16px 10px;
    font-size: 14px;
    font-family: "opensans-semibold";
    font-weight: 500;
    line-height: 22px;
    margin: 0 8px;
    text-align: center;
}

.product-delivery-and-payment__accent-text p {
    margin-top: 0;
    text-align: inherit;
}

.product-delivery-and-payment__accent-text p:last-child {
    margin-bottom: 0;
}

.product-delivery-and-payment__accent-text strong {
    opacity: 0.6;
    font-family: "opensans-semibold";
}

.product-delivery-and-payment__accent-text-dot {
    position: absolute;
    z-index: 5;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #3B3C44;
}

.product-delivery-and-payment__accent-text-dot.top-left {
    top: 4px;
    left: 4px;
}

.product-delivery-and-payment__accent-text-dot.top-right {
    top: 4px;
    right: 4px;
}

.product-delivery-and-payment__accent-text-dot.bottom-right {
    bottom: 4px;
    right: 4px;
}

.product-delivery-and-payment__accent-text-dot.bottom-left {
    bottom: 4px;
    left: 4px;
}

.product-delivery-and-payment__types {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%;
}

.product-delivery-and-payment__types.with-logos .product-delivery-and-payment__types-item {
    min-width: 65px;
}

.product-delivery-and-payment__types-item {
    display: flex;
    align-items: center;
    padding: 0 !important;
    width: auto !important;
    height: 25px;
    margin: 10px 0 !important;
}

.product-delivery-and-payment__types-item:not(:last-child) {
    margin-right: 25px !important;
}

.product-delivery-and-payment__types-item:before {
    content: none !important;
}

.product-delivery-and-payment__types-icon {
    margin: 0 !important;
    max-height: 100%;
    flex-grow: 0;
}

.product-delivery-and-payment__block.full-width:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-top: 8px solid #FDD137;
    border-left: 8px solid #FDD137;
    position: absolute;
    top: 24px;
    left: 24px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .product-delivery-and-payment__block.full-width .product-delivery-and-payment__title-and-types-list {
        display: flex;
        flex-wrap: wrap;
    }

    .product-delivery-and-payment__block.full-width .product-delivery-and-payment__title-and-types {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        max-width: 100%;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    .product-delivery-and-payment__block.full-width .product-delivery-and-payment__title-and-types:first-child {
        border-right: 1px solid #E1DDD3;
    }

    .product-delivery-and-payment__block.full-width .product-delivery-and-payment__sub-title {
        text-align: center;
        padding: 0;
        margin: 0 0 10px 0;
        width: 100%;
    }

    .product-delivery-and-payment__block.full-width .product-delivery-and-payment__types {
        justify-content: center;
    }

    .product-delivery-and-payment__block.full-width .product-delivery-and-payment__types-item {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
}

/* PRODUCT DELIVERY AND PAYMENT END */

/* PRODUCT CHARACTERISTICS */

.product-characteristics-block {
    margin-bottom: 24px;
    border: 3px solid #E0E0E8;
}

.product-characteristics-block__header {
    background-color: #E0E0E8;
    text-align: left;
    font-weight: 400 !important;
    margin: 0;
    padding: 15px 18px;
    font-size: 14px !important;
    text-transform: inherit;
    font-family: "opensans-regular" !important;
}

.product-characteristics-block__body {
    padding: 20px 14px 40px;
}

.product-characteristics-block__list {
    margin: 0 !important;
    font-size: 14px;
}

@media (min-width: 576px) {
    .product-characteristics-block__list {
        column-count: 2;
    }
}

.product-characteristics-block__list li {
    padding-left: 0 !important;
    margin-bottom: 10px !important;
}

.product-characteristics-block__list li:before {
    margin-right: 15px !important;
}

/* PRODUCT CHARACTERISTICS END */

/* PRODUCT BENEFITS */

.product-benefits {
    margin-bottom: 24px;
}

.product-benefits__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.product-benefits__col {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
}

@media (min-width: 576px) {
    .product-benefits__col {
        width: 50%;
    }
}

.product-benefits__item {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    padding-left: 15px;
}

.product-benefits__item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: #F2F2F3;
    border-radius: 50%;
    padding: 10px;
    flex-shrink: 0;
}

.product-benefits__item-img img {
    flex-shrink: 0;
    max-height: 100%;
    max-width: 45px;
    margin: 0 !important;
}

.product-benefits__item-title {
    text-transform: uppercase;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding-left: 15px;
    text-align: left;
}

/* PRODUCT BENEFITS END */

/* MULTISELECT */
select.multiselect-in-filters+.select2 .select2-selection--multiple {
    background-color: #F1F1F2;
    border: none;
    border-radius: 0;
    min-width: 227px;
}

select.multiselect-in-filters+.select2 .select2-selection--multiple .select2-search__field {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100% !important;
    height: 24px;
}

select.multiselect-in-filters+.select2 .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    padding: 3px 16px;
}

select.multiselect-in-filters+.select2 .select2-selection--multiple .select2-selection__rendered:after {
    content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translate(0, -50%);
    height: 0;
    width: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #000000 transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
}

select.multiselect-in-filters+.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    position: relative;
    background-color: #CBCBCE;
    border-radius: 2px;
    color: #3B3C44;
    font-size: 12px;
    line-height: 1;
    border: none;
    padding: 6px 25px 6px 10px;
    margin: 4px 10px 4px 0;
}

select.multiselect-in-filters+.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    margin-right: 0;
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(0, -50%);
    color: #3B3C44;
    font-size: 14px;
    transition: color 0.3s;
}

select.multiselect-in-filters+.select2 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    color: #ffffff;
}

/* MULTISELECT END */

/* PRELOADER */
.loading {
    opacity: 1 !important;
}

.loading .statistics-widget {
    position: relative;
}

.loading .statistics-widget:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.9);
}

.loading .statistics-widget:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 15;
    height: 75px;
    width: 75px;
    border: 10px solid rgba(253, 209, 55, 0.5);
    border-top: 10px solid #fdd137;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
}

@media (min-width: 768px) {
    .loading .statistics-widget:after {
        height: 126px;
        width: 126px;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* PRELOADER END */

/* section telegram channel */
.container-small {
    max-width: 1000px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.section-telegram-channel .btn-narrow {
    font-weight: 400;
    max-width: 232px;
    min-width: 232px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 10px 55px;
    border: none;
}

.section-telegram-channel .btn-white {
    background-color: #ffffff;
    color: #3b3c44;
}

.section-telegram-channel .btn-white:hover {
    background-color: #3b3c44;
    color: #ffffff;
}

.section-telegram-channel.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#2AABEE), color-stop(99.26%, #229ED9));
    background: -webkit-linear-gradient(top, #2AABEE 0%, #229ED9 99.26%);
    background: -o-linear-gradient(top, #2AABEE 0%, #229ED9 99.26%);
    background: linear-gradient(180deg, #2AABEE 0%, #229ED9 99.26%);
    z-index: 999991;
}

.section-telegram-channel.fixed .section-telegram-channel__wrapper {
    background: transparent;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .section-telegram-channel.fixed .section-telegram-channel__logo {
        max-width: 75px;
    }
}

@media (max-width: 767px) {
    .section-telegram-channel.fixed .section-telegram-channel__logo {
        margin-bottom: 5px;
        display: none;
    }
}

.section-telegram-channel.fixed .section-telegram-channel__description {
    text-align: center;
}

@media screen and (min-width: 992px) {
    .section-telegram-channel.fixed .section-telegram-channel__description {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 767px) {
    .section-telegram-channel.fixed .section-telegram-channel__description {
        font-size: 12px;
        padding: 0;
        margin-bottom: 10px;
    }
}

.section-telegram-channel.fixed .btn-narrow {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .section-telegram-channel.fixed .btn-narrow {
        max-width: 200px;
        min-width: 200px;
        padding: 7px 15px;
    }
}

.section-telegram-channel__wrapper {
    text-align: center;
    padding: 20px;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#2AABEE), color-stop(99.26%, #229ED9));
    background: -webkit-linear-gradient(top, #2AABEE 0%, #229ED9 99.26%);
    background: -o-linear-gradient(top, #2AABEE 0%, #229ED9 99.26%);
    background: linear-gradient(180deg, #2AABEE 0%, #229ED9 99.26%);
}

@media (min-width: 768px) {
    .section-telegram-channel__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: inherit;
        padding: 20px 40px 20px 32px;
    }
}

.section-telegram-channel__logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 130px;
    margin-bottom: 20px;
}

.section-telegram-channel__logo img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .section-telegram-channel__logo {
        margin-bottom: 0;
    }
}

.section-telegram-channel__description {
    font-size: 18px;
    line-height: 1.4444;
    font-weight: 600;
    padding: 0 30px;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    .section-telegram-channel__description {
        padding: 0 100px 0 70px;
    }
}

@media (min-width: 768px) {
    .section-telegram-channel__description {
        margin-bottom: 0;
    }
}

.section-telegram-channel__btn-block {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.section-telegram-channel__btn-block .btn {
    display: inline-block;
}

/* section telegram channel END */

.delivery-container {
    padding: 12px 8px 12px 16px;
    background: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.delivery-container__title {
    font-weight: bold;
    font-family: opensans-bold;
    font-size: 16px;
    line-height: 140%;
    color: #383942;
    text-transform: uppercase;
    width: 100%;
    max-width: 218px;
    margin-left: 16px;
    margin-right: 50px;
}

.delivery-container__list {
    width: 100%;
    display: flex;
    align-items: center;
}

.delivery-container__list .item {
    width: 100%;
    height: 90px;
    display: flex;
    background: #fff;
    padding: 16px 16px 4px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
}

.delivery-container__list .item .item__icons-list {
    margin-bottom: 4px;
    display: inline-flex;
    align-items: center;
}

.delivery-container__list .item__title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #6B6C77;
    margin-bottom: 2px;
}

.delivery-container__list .item__icons-list .icon {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px;
}

.delivery-container__list .item__icons-list .icon img {
    max-width: 54px;
    max-height: 54px;
    margin: 0;
}

@media screen and (max-width: 750px) {
    .delivery-container {
        flex-direction: column;
        padding: 12px 16px;
    }

    .delivery-container__title {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 550px) {
    .delivery-container__list {
        flex-direction: column;
    }

    .delivery-container__list .item {
        margin-bottom: 10px;
    }

    .delivery-container__list .item:last-child {
        margin-bottom: 0;
    }
}

.statistics-widget__body .line-chart__controls {
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
}

.statistics-widget__body .line-chart__controls button {
    height: 25px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 10px;
    white-space: nowrap;
}

.x-toolbar .x-form-field-trigger-wrap {
    width: 200px !important;
}

.x-toolbar .x-form-field-trigger-wrap .x-form-field {
    width: calc(100% - 60px) !important;
}

.call-manager {
    margin-top: 20px;
    border: 6px solid #e0e0e8;
    padding: 26px 20px 20px;
    text-align: center;
    font-size: 14px;
    position: relative;
}

@media (max-width: 479px) {
    .call-manager {
        min-width: auto;
    }
}

.call-manager p {
    margin-bottom: 14px;
    line-height: 26px;
}

.call-manager__msg {
    font-size: 12px;
    color: #8b8b99;
}

.call-manager__name {
    font-weight: bold;
}

.call-manager__status {
    display: block;
    font-weight: bold;
    font-size: 12px;
}

.call-manager__round {
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #6b6c77;
    position: absolute;
    top: -20px;
    left: calc(50% - 17px);
    z-index: 1;
}

.call-manager__round .icon-man {
    display: inline-block !important;
}

.call-manager__round:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #e0e0e8;
    -webkit-animation: heartbeat 1.3s ease 0s infinite normal;
    animation: heartbeat 1.3s ease 0s infinite normal;
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.btn-st-inverse {
    background: #6b6c77;
    color: #ffffff;
    border: 2px solid #6b6c77;
}

.btn-st-inverse i {
    margin-right: 10px;
}

.btn-st-inverse:hover {
    background: #ffffff;
    color: #6b6c77;
}

.order-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.order-row__col-left {
    padding: 0 15px;
}

@media (min-width: 768px) {
    .order-row__col-left {
        flex: 0 0 370px;
        max-width: 370px;
    }
}

.order-row__col-right {
    padding: 0 15px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.order-row__col-right .form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

[class^="form-col"] {
    padding: 0 15px !important;
    float: none !important;
    margin-right: 0 !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .form-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .form-col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.side-banner-manager {
    background-color: #F6F6F6;
    padding: 36px;
    margin-bottom: 30px;
}

.side-banner-manager__img {
    max-width: 200px;
    margin-bottom: 30px;
}

.side-banner-manager__title {
    text-transform: none;
    margin: 0;
    text-align: left;
}

.news-list {
    margin-bottom: 42px;
}

.news-list .grid {
    margin: 0 -8px;
    overflow: hidden;
}

.news-list .grid-item {
    width: 33.3333%;
    padding: 6px 8px;
}

@media screen and (max-width: 1150px) {
    .news-list .grid-item {
        width: 50%;
    }
}

@media screen and (max-width: 720px) {
    .news-list .grid-item {
        width: 100%;
    }
}

.news-list__item {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.news-list__item__img {
    width: 100%;
}

.news-list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-list__item-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 24px;
}

.news-list__item-content .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    color: #ffffff;
}

.news-list__item-content .date {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
}

.news-list__show-more {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 42px;
}

.news-list__show-more-btn {
    width: 100%;
    max-width: 231px;
    height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #FDD137;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #3B3C44;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news-list__show-more-btn:hover {
    background: #FDD137;
}

.news-list__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 80px;
    margin-top: 50px;
}

.news-item__banner {
    width: 100%;
    height: 432px;
    position: relative;
    margin-bottom: 40px;
}

.news-item__banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-item__banner-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 20, 20, 0.4)), to(rgba(44, 44, 44, 0.6)));
    background: -webkit-linear-gradient(top, rgba(20, 20, 20, 0.4) 0%, rgba(44, 44, 44, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(20, 20, 20, 0.4) 0%, rgba(44, 44, 44, 0.6) 100%);
    background: linear-gradient(180deg, rgba(20, 20, 20, 0.4) 0%, rgba(44, 44, 44, 0.6) 100%);
    padding: 20px;
}

.news-item__banner-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 16px;
}

.news-item__banner-title {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    max-width: 542px;
    margin-left: auto;
    margin-right: auto;
}

.news-item__content {
    width: 100%;
    max-width: 970px;
    margin: 0 auto 60px auto;
    color: #3B3C44;
}

.news-item__content p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
}

.news-item__content h2 {
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 24px;
    margin-top: 0;
    padding: 0;
}

.news-item__content h3,
.news-item__content .company-directions__head span,
.company-directions__head .news-item__content span {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 24px;
    margin-top: 0;
    padding: 0;
}

.news-item__content h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: left;
    text-transform: none;
    margin-bottom: 24px;
    margin-top: 0;
    padding: 0;
}

.news-item__content h5 {
    text-align: left;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 18px;
    margin-top: 0;
    padding: 0;
}

.news-item__content ol {
    counter-reset: myCounter;
    padding: 0 0 0 27px;
    margin-bottom: 28px;
}

.news-item__content ol>li {
    position: relative;
    padding: 0 0 0 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
}

.news-item__content ol>li:last-child {
    margin-bottom: 0;
}

.news-item__content ol>li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: #000000;
    font-weight: bold;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000000;
    position: absolute;
    text-align: center;
    left: 0;
    top: 2px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    font-size: 11px;
}

.news-item__content ol ul:not([class]) {
    padding: 0;
    margin: 15px 0;
}

.news-item__content ul:not([class]) {
    padding: 0 0 0 27px;
    margin-bottom: 28px;
}

.news-item__content ul:not([class]) li:not([class]) {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 30px;
    margin: 12px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.news-item__content ul:not([class]) li:not([class]):before {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #000000;
    background: #e0e0e8;
    font-size: 10px;
    left: 0;
}

.news-item__content strong {
    font-weight: 600;
}

.news-item__content a {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important;
    color: #41B2E1;
}

.news-item__content img {
    width: 100%;
    max-width: 769px;
    margin: 0 auto 32px auto;
    display: block;
}

.news-item__content blockquote {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    padding: 20px 32px 20px 32px;
    border-left: 4px solid #DADAE0;
    background: #F6F6F6;
    margin-bottom: 28px;
}

.news-item .form {
    width: 100%;
    max-width: 771px;
    margin: 0 auto;
}

.news-item .form form {
    border: 1px solid #D5D5D5;
    padding: 38px 30px 26px 30px;
}

.news-item .form__input--btn {
    text-align: right;
}

.news-item .form__input--btn button {
    height: 50px;
}

.news-list .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.text ul:not(.flip):not(.types-delivery__list):not(.delivery-cost__list):not(.international-delivery-list):not(.advantage-box) li:before {
    background-image: url("/assets/img/list.svg");
}

/* bootstrap START */
/*!
 * Bootstrap Grid v5.2.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #41b0dc;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #fdd137;
    --bs-secondary: #3b3c44;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 253, 209, 55;
    --bs-secondary-rgb: 59, 60, 68;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #ffffff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-heading-color: ;
    --bs-link-color: #fdd137;
    --bs-link-hover-color: #caa72c;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    --bs-gutter-x: 28px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    .container,
    .container-xs,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .container,
    .container-xs,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container,
    .container-xs,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1230px) {

    .container,
    .container-xs,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1198px;
    }
}

.row {
    --bs-gutter-x: 28px;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}

.row-cols-auto>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
}

.row-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 450px) {
    .col-xs {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .row-cols-xs-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xs-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xs-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xs-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-xs-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xs-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xs-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xs-0 {
        margin-left: 0;
    }

    .offset-xs-1 {
        margin-left: 8.33333%;
    }

    .offset-xs-2 {
        margin-left: 16.66667%;
    }

    .offset-xs-3 {
        margin-left: 25%;
    }

    .offset-xs-4 {
        margin-left: 33.33333%;
    }

    .offset-xs-5 {
        margin-left: 41.66667%;
    }

    .offset-xs-6 {
        margin-left: 50%;
    }

    .offset-xs-7 {
        margin-left: 58.33333%;
    }

    .offset-xs-8 {
        margin-left: 66.66667%;
    }

    .offset-xs-9 {
        margin-left: 75%;
    }

    .offset-xs-10 {
        margin-left: 83.33333%;
    }

    .offset-xs-11 {
        margin-left: 91.66667%;
    }

    .g-xs-0,
    .gx-xs-0 {
        --bs-gutter-x: 0;
    }

    .g-xs-0,
    .gy-xs-0 {
        --bs-gutter-y: 0;
    }

    .g-xs-1,
    .gx-xs-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xs-1,
    .gy-xs-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xs-2,
    .gx-xs-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xs-2,
    .gy-xs-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xs-3,
    .gx-xs-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xs-3,
    .gy-xs-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xs-4,
    .gx-xs-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xs-4,
    .gy-xs-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xs-5,
    .gx-xs-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xs-5,
    .gy-xs-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .row-cols-sm-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .row-cols-md-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .row-cols-lg-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-lg-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-lg-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-lg-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-lg-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1230px) {
    .col-xl {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }

    .row-cols-xl-auto>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-xl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-xl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-xl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-xl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.order-first {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important;
}

.order-0 {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
}

.order-1 {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
}

.order-2 {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
}

.order-3 {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
}

.order-4 {
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
}

.order-5 {
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
}

.order-last {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

@media (min-width: 450px) {
    .d-xs-inline {
        display: inline !important;
    }

    .d-xs-inline-block {
        display: inline-block !important;
    }

    .d-xs-block {
        display: block !important;
    }

    .d-xs-grid {
        display: grid !important;
    }

    .d-xs-table {
        display: table !important;
    }

    .d-xs-table-row {
        display: table-row !important;
    }

    .d-xs-table-cell {
        display: table-cell !important;
    }

    .d-xs-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xs-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .d-xs-none {
        display: none !important;
    }

    .flex-xs-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xs-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xs-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xs-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xs-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xs-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xs-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xs-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xs-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .flex-xs-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xs-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xs-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xs-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xs-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xs-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xs-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xs-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .justify-content-xs-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .align-items-xs-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xs-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xs-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xs-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xs-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xs-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xs-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xs-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xs-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xs-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xs-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xs-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xs-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xs-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xs-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xs-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xs-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .order-xs-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .order-xs-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .order-xs-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .order-xs-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .order-xs-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .order-xs-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .order-xs-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .order-xs-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .m-xs-0 {
        margin: 0 !important;
    }

    .m-xs-1 {
        margin: 0.25rem !important;
    }

    .m-xs-2 {
        margin: 0.5rem !important;
    }

    .m-xs-3 {
        margin: 1rem !important;
    }

    .m-xs-4 {
        margin: 1.5rem !important;
    }

    .m-xs-5 {
        margin: 3rem !important;
    }

    .m-xs-auto {
        margin: auto !important;
    }

    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xs-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xs-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xs-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xs-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xs-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xs-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xs-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xs-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xs-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xs-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xs-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xs-0 {
        margin-top: 0 !important;
    }

    .mt-xs-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xs-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xs-3 {
        margin-top: 1rem !important;
    }

    .mt-xs-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xs-5 {
        margin-top: 3rem !important;
    }

    .mt-xs-auto {
        margin-top: auto !important;
    }

    .me-xs-0 {
        margin-right: 0 !important;
    }

    .me-xs-1 {
        margin-right: 0.25rem !important;
    }

    .me-xs-2 {
        margin-right: 0.5rem !important;
    }

    .me-xs-3 {
        margin-right: 1rem !important;
    }

    .me-xs-4 {
        margin-right: 1.5rem !important;
    }

    .me-xs-5 {
        margin-right: 3rem !important;
    }

    .me-xs-auto {
        margin-right: auto !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xs-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xs-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xs-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xs-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xs-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xs-auto {
        margin-bottom: auto !important;
    }

    .ms-xs-0 {
        margin-left: 0 !important;
    }

    .ms-xs-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xs-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xs-3 {
        margin-left: 1rem !important;
    }

    .ms-xs-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xs-5 {
        margin-left: 3rem !important;
    }

    .ms-xs-auto {
        margin-left: auto !important;
    }

    .p-xs-0 {
        padding: 0 !important;
    }

    .p-xs-1 {
        padding: 0.25rem !important;
    }

    .p-xs-2 {
        padding: 0.5rem !important;
    }

    .p-xs-3 {
        padding: 1rem !important;
    }

    .p-xs-4 {
        padding: 1.5rem !important;
    }

    .p-xs-5 {
        padding: 3rem !important;
    }

    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xs-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xs-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xs-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xs-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xs-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xs-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xs-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xs-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xs-0 {
        padding-top: 0 !important;
    }

    .pt-xs-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xs-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xs-3 {
        padding-top: 1rem !important;
    }

    .pt-xs-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xs-5 {
        padding-top: 3rem !important;
    }

    .pe-xs-0 {
        padding-right: 0 !important;
    }

    .pe-xs-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xs-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xs-3 {
        padding-right: 1rem !important;
    }

    .pe-xs-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xs-5 {
        padding-right: 3rem !important;
    }

    .pb-xs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xs-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xs-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xs-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xs-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xs-0 {
        padding-left: 0 !important;
    }

    .ps-xs-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xs-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xs-3 {
        padding-left: 1rem !important;
    }

    .ps-xs-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xs-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-grid {
        display: grid !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .d-sm-none {
        display: none !important;
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 1230px) {
    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xl-5 {
        margin-right: 3rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-5 {
        padding-left: 3rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    -webkit-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.accordion {
    --bs-accordion-color: #000000;
    --bs-accordion-bg: #ffffff;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e4bc32'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #fee89b;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(253, 209, 55, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #e4bc32;
    --bs-accordion-active-bg: #fffaeb;
}

.accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: var(--bs-accordion-transition);
    -o-transition: var(--bs-accordion-transition);
    transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    -webkit-box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    -webkit-transform: var(--bs-accordion-btn-icon-transform);
    -ms-transform: var(--bs-accordion-btn-icon-transform);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    -webkit-background-size: var(--bs-accordion-btn-icon-width) var(--bs-accordion-btn-icon-width);
    background-size: var(--bs-accordion-btn-icon-width);
    -webkit-transition: var(--bs-accordion-btn-icon-transition);
    -o-transition: var(--bs-accordion-btn-icon-transition);
    transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
    -webkit-border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-left-radius: var(--bs-accordion-border-radius);
    -webkit-border-top-right-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type .accordion-button {
    -webkit-border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    -webkit-border-top-right-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item:last-of-type {
    -webkit-border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    -webkit-border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed {
    -webkit-border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    -webkit-border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type .accordion-collapse {
    -webkit-border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    -webkit-border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
    border-top: 0;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #ffffff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #fdd137;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    -webkit-border-radius: var(--bs-dropdown-border-radius);
    border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
    --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
}

.dropdown-menu-end {
    --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
}

@media (min-width: 450px) {
    .dropdown-menu-xs-start {
        --bs-position: start;
    }

    .dropdown-menu-xs-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xs-end {
        --bs-position: end;
    }

    .dropdown-menu-xs-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-end {
        --bs-position: end;
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-end {
        --bs-position: end;
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1230px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-end {
        --bs-position: end;
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #ffffff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #fdd137;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
}

/* bootstrap END */

/* header START */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.header__top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 0;
    background-color: #3b3c44;
}

.header__top-content+.header__bottom-content {
    border-top: 1px solid #6b6c77;
}

.header__bottom-content {
    background-color: #3b3c44;
}

.header__logo {
    display: block;
    max-width: 80px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    line-height: 1;
}

.header__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__top-content-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__top-content-items>*:not(:last-child) {
    margin-right: 15px;
}

@media (min-width: 1230px) {
    .header__top-content-items>*:not(:last-child) {
        margin-right: 25px;
    }
}

@media (min-width: 992px) {
    .header__button-cart {
        margin-right: 7px !important;
    }
}

.header-link-with-icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    line-height: 1.7em;
    padding: 0.7em 0 0.7em 2em;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (min-width: 1230px) {
    .header-link-with-icon {
        font-size: 14px;
    }
}

.header-link-with-icon:hover {
    color: #fdd137;
}

@media (max-width: 991.98px) {
    .header-link-with-icon.only-icon-on-lg {
        width: 24px;
        height: 24px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .header-link-with-icon.only-icon-on-lg .header-link-with-icon__icon {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 991.98px) {
    .header-link-with-icon.only-icon-on-lg .header-link-with-icon__text {
        font-size: 0;
    }
}

.header-link-with-icon__icon {
    display: block !important;
    color: #fdd137;
    font-size: 1.7em;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.header-link-with-icon__icon.icon-call-back,
.header-link-with-icon__icon.icon-sign-in {
    font-size: 1.57em;
}

.header-link-with-icon__icon.icon-man {
    font-size: 1.45em;
}

.header-link-with-icon__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-link-with-icon__counter {
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -1px;
    right: -16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fdd137;
    color: #fdd137;
    background-color: #3b3c44;
    font-size: 0.6em;
}

@media (min-width: 1230px) {
    .header-link-with-icon__counter {
        top: 1px;
    }
}

@media (max-width: 991.98px) {
    .header-link-with-icon.only-icon-on-lg .header-link-with-icon__counter {
        top: -8px;
        right: -7px;
    }
}

.header-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-menu__item:not(:last-child) {
    padding-right: 30px;
}

.header-menu__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    line-height: normal;
    color: #ffffff;
    padding: 0.8em 0 1em;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (min-width: 1230px) {
    .header-menu__link {
        font-size: 14px;
    }
}

.header-menu__link:hover {
    color: #fdd137;
}

.header-menu__link.active {
    color: #fdd137;
}

.mm-page__blocker {
    z-index: 1075 !important;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

.mm-wrapper_opening .mm-page__blocker {
    opacity: 1;
    visibility: visible;
}

.newMenuWrap.mm-menu_opened {
    left: 0;
    display: block !important;
}

.newMenuWrap {
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100vh;
    background: #3b3c44;
    color: #ffffff;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
    z-index: 999999;
}

.mm-listitem .mm-btn_next:before {
    display: none;
}

.mm-panel_has-navbar {
    padding-top: 60px;
}

.mm-btn {
    height: 60px;
}

.newMenu__item-last .newMenu__link {
    float: left;
    padding: 0;
    width: 50%;
    text-align: center;
    height: auto;
    line-height: 46px;
}

.newMenu__item-last .newMenu__link:not(.newMenu__link-currencyActive):hover {
    background: #32333a;
}

.mm-menu.newMenuWrap .newMenu__item-active>.newMenu__link,
.mm-menu.newMenuWrap .newMenu__item-active>.mm-menu.newMenuWrap .subNewMenu__link,
.mm-menu.newMenuWrap .newMenu__link-currencyActive {
    color: #fdd137;
}

.subNewMenu__item,
.newMenu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.subNewMenu__item .newMenu__link,
.newMenu__item .newMenu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 6px 20px;
    min-height: 48px;
}

.subNewMenu__item.title,
.newMenu__item.title {
    padding: 30px 20px 15px;
    font-size: 14px;
}

.subNewMenu__item.with-text,
.newMenu__item.with-text {
    padding: 15px 20px;
    display: block;
}

.mm-listitem:after {
    left: 0;
    border-bottom-width: 2px;
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: #fdd137;
}

.newMenuWrap.mm-menu .mm-btn:after,
.newMenuWrap.mm-menu .mm-btn:before,
.newMenuWrap.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #fdd137;
}

.mm-menu .mm-listitem_selected>a:not(.mm-btn_next),
.mm-menu .mm-listitem_selected>span {
    background: transparent;
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}

a.mm-btn.mm-btn_close.mm-navbar__btn {
    display: none;
}

.mm-navbars_top {
    display: none;
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 0;
}

.mm-listitem>a,
.mm-listitem>span {
    padding: 0 10px 0 20px;
    margin: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-text-overflow: clip !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

.mm-navbar__title {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.mm-btn_prev+.mm-navbar__title {
    padding-left: 25px;
}

.mm-wrapper_opening .main-header {
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

@media (max-width: 980px) {
    .menu-open {
        display: none;
    }

    .currency,
    .main-header__nav {
        display: none;
    }

    .mob-menu {
        display: block;
        margin: 0 auto 0 0;
    }
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview .mm-btn_next:after {
    border-color: #ffffff;
}

.mm-btn_clear:before,
.mm-btn_close:before {
    right: 7px;
}

.mm-btn_clear:after,
.mm-btn_clear:before,
.mm-btn_close:after,
.mm-btn_close:before {
    width: 12px;
    height: 12px;
}

.mm-navbar {
    height: 60px;
    padding: 10px 20px;
    font-weight: 700;
}

.newMenu__item-last .newMenu__link,
.newMenu__item-last .newMenu__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mm-listitem:after {
    border-bottom-width: 1px;
}

.newMenu__item:first-child {
    height: 60px;
}

@media (min-width: 981px) {

    .menu-open,
    #mm-menu {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .newMenuWrap {
        width: 100%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .newMenu__item:first-child {
        height: 48px;
    }

    .mm-menu_navbar_top-1 .mm-panels {
        top: 60px;
    }

    a.mm-btn.mm-btn_close.mm-navbar__btn {
        display: block;
    }

    .mm-navbars_top {
        display: block;
        width: 100%;
        right: 0;
        left: inherit;
        background: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .mm-navbar {
        height: 60px;
        padding: 0 21px;
    }

    .newMenuWrap {
        width: 100%;
    }
}

.rating-in-header {
    background-color: #28282F;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 5px;
    color: #fdd137;
    font-size: 10px;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 449.98px) {
    .rating-in-header {
        display: none;
    }
}

.rating-in-header__icon {
    font-size: 12px;
    margin-right: 4px;
}

/* header END */

/* dropdown START */
.dropdown.hoverable .dropdown-menu {
    margin-top: -2px !important;
}

.dropdown.dropdown-header-interactive-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dropdown.dropdown-header-interactive-item.without-arrow .dropdown-toggle:after {
    display: none;
}

.dropdown.dropdown-header-interactive-item .dropdown-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (min-width: 1230px) {
    .dropdown.dropdown-header-interactive-item .dropdown-toggle {
        font-size: 14px;
    }
}

.dropdown.dropdown-header-interactive-item .dropdown-toggle:hover {
    color: #fdd137;
}

.dropdown.dropdown-header-interactive-item .dropdown-toggle:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: rgba(255, 255, 255, 0.3) transparent transparent transparent;
    margin: 2px 0 0 4px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.dropdown.dropdown-header-interactive-item .dropdown-toggle[aria-expanded="true"]:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: rgba(253, 209, 55, 0.4) transparent transparent transparent;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown.dropdown-header-interactive-item .dropdown-menu {
    font-size: 12px;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #303136;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    min-width: auto;
    padding: 1.7em;
    color: #ffffff;
}

@media (min-width: 1230px) {
    .dropdown.dropdown-header-interactive-item .dropdown-menu {
        font-size: 14px;
    }
}

.dropdown.dropdown-header-interactive-item ul.dropdown-menu {
    padding: 0.857em 0;
}

.dropdown.dropdown-header-interactive-item .dropdown-link {
    display: block;
    color: #ffffff;
    font-size: 1em;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
    padding: 0.857em 1.7em;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.dropdown.dropdown-header-interactive-item .dropdown-link:hover {
    background-color: rgba(253, 209, 55, 0.05);
    color: #fdd137;
}

.dropdown.dropdown-header-interactive-item .dropdown-link .language-switcher-item {
    margin-left: 4px;
}

.dropdown.dropdown-header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.dropdown.dropdown-header-menu .dropdown-toggle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dropdown.dropdown-header-menu .dropdown-toggle:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #fdd137;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.dropdown.dropdown-header-menu .dropdown-toggle:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: rgba(255, 255, 255, 0.3) transparent transparent transparent;
    margin: 2px 0 0 4px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.dropdown.dropdown-header-menu .dropdown-toggle[aria-expanded="true"] {
    color: #fdd137;
}

.dropdown.dropdown-header-menu .dropdown-toggle[aria-expanded="true"]:before {
    opacity: 1;
}

.dropdown.dropdown-header-menu .dropdown-toggle[aria-expanded="true"]:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: rgba(253, 209, 55, 0.4) transparent transparent transparent;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown.dropdown-header-menu .dropdown-menu:not(.mega-menu) {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #303136;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    width: 220px;
    padding: 12px;
    margin-top: -2px !important;
    left: -25px !important;
}

.dropdown.dropdown-header-menu .dropdown-menu.mega-menu {
    margin-top: -2px !important;
    left: -44px !important;
    padding: 0;
}

.dropdown.dropdown-header-menu .dropdown-link {
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    line-height: normal;
    text-decoration: none;
    padding: 8px 12px;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.dropdown.dropdown-header-menu .dropdown-link:hover {
    background: -webkit-gradient(linear, left top, right top, from(#454342), to(rgba(69, 67, 66, 0.1)));
    background: -webkit-linear-gradient(left, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    background: -o-linear-gradient(left, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    background: linear-gradient(90deg, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    color: #ffffff;
}

.dropdown-choose-a-user__toggle-link {
    font-size: 14px;
    color: #3b3c44 !important;
    text-decoration: none;
    width: auto !important;
    white-space: inherit;
}

.dropdown-choose-a-user__toggle-link.text-red {
    color: #ff0000 !important;
}

.dropdown-choose-a-user__toggle-link[aria-expanded="true"] i:before {
    content: '\e962';
    font-weight: 700;
}

.dropdown-choose-a-user__toggle-link i {
    color: #3b3c44 !important;
    margin-left: 5px;
}

.dropdown-choose-a-user__toggle-link:after {
    content: none;
}

.dropdown-choose-a-user__menu {
    width: 282px;
    padding: 20px 16px;
    border: 1px solid #fdd137;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dropdown-choose-a-user__title {
    text-align: center;
    font-size: 14px;
    margin-bottom: 16px;
}

.dropdown-choose-a-user__select {
    margin-bottom: 12px;
}

.mega-menu {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #303136;
}

.mega-menu__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mega-menu__left-col,
.mega-menu__right-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding: 24px 16px;
}

.mega-menu__left-col {
    border-right: 1px solid #404148;
}

.mega-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mega-menu__list-item:not(:last-child) {
    margin-bottom: 12px;
}

.mega-menu__list-item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mega-menu__sub-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 8px 0 8px 16px;
}

.mega-menu__main-category-link {
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 8px 8px 8px 28px;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

@media (min-width: 1230px) {
    .mega-menu__main-category-link {
        font-size: 14px;
    }
}

.mega-menu__main-category-link.active {
    color: #fdd137;
}

.mega-menu__main-category-link:hover {
    background: -webkit-gradient(linear, left top, right top, from(#454342), to(rgba(69, 67, 66, 0.1)));
    background: -webkit-linear-gradient(left, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    background: -o-linear-gradient(left, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    background: linear-gradient(90deg, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    color: #ffffff;
}

.mega-menu__main-category-link:before {
    width: 16px;
    height: 16px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    position: absolute;
    top: 10px;
    left: 8px;
    display: block;
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 11C4 7.13401 7.13401 4 11 4V11H4Z' fill='%23fdd137'/%3e%3c/svg%3e");
}

.mega-menu__sub-category-link {
    display: block;
    white-space: nowrap;
    color: #D1D2D4;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.2;
    padding: 8px 12px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (min-width: 1230px) {
    .mega-menu__sub-category-link {
        font-size: 14px;
    }
}

.mega-menu__sub-category-link:hover {
    background: -webkit-gradient(linear, left top, right top, from(#454342), to(rgba(69, 67, 66, 0.1)));
    background: -webkit-linear-gradient(left, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    background: -o-linear-gradient(left, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    background: linear-gradient(90deg, #454342 0%, rgba(69, 67, 66, 0.1) 100%);
    color: #ffffff;
}

/* dropdown END */

.language-switcher-item {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    white-space: nowrap;
}

.language-switcher-item__icon {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 12px;
}

/* button-cart START */
.button-cart {
    width: 24px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    display: inline-flex;
    text-decoration: none;
    color: #fdd137;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.button-cart:hover {
    color: #ffffff;
}

.button-cart__counter {
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -8px;
    right: -7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fdd137;
    color: #fdd137;
    background-color: #3b3c44;
    font-size: 0.6em;
}

/* button-cart END */


.m-header__bot {
    border-bottom: 1px solid #b2b2b2;
    background: #ffffff;
}

.m-header__bot-wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-header__code {
    font-size: 14px;
    color: #000000;
    margin: 0 0 0 5px;
    white-space: nowrap;
}

.m-header__nav {
    display: block;
    font-size: 0;
    white-space: nowrap;
    text-align: left;
}

.m-header__nav--item {
    margin-right: 14px;
    display: inline-block;
    line-height: normal;
    font-size: 14px;
}

@media (max-width: 1080px) {
    .m-header__nav--item {
        text-align: center;
    }
}

@media (max-width: 1080px) {
    .m-header__nav--item:not(:last-of-type) {
        margin-right: 5px;
    }
}

.m-header__nav--item .new-indicator {
    color: #223c47;
    background-color: #fdd137;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    -webkit-border-radius: 50%;
    white-space: nowrap !important;
}

.m-header__nav--item .purchase-calculation {
    max-width: 100px;
}

@media (max-width: 1080px) {
    .m-header__nav--item .purchase-calculation {
        position: relative;
        padding: 23px 5px 0;
        height: 59px;
        font-size: 12px;
        line-height: 1;
        border-bottom-width: 2px;
    }
}

.m-header__nav--item .purchase-calculation:before {
    content: '';
    width: 26px;
    height: 22px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url("../img/wallet_n.png");
    background-repeat: no-repeat;
}

@media (max-width: 1080px) {
    .m-header__nav--item .purchase-calculation:before {
        position: absolute;
        top: 10px;
        left: 50%;
        height: 17px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.m-header__nav--item .personal-info {
    max-width: 85px;
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-info {
        max-width: 60px;
    }
}

.m-header__nav--item .personal-info::before {
    width: 15px;
    min-width: 15px;
    height: 22px;
    background-image: url("../img/icons/info.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-info::before {
        width: 14px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-dialog::before {
    width: 21px;
    min-width: 21px;
    height: 22px;
    background-image: url("../img/icons/dialog.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-dialog::before {
        width: 19px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-managers:before {
    width: 18px;
    min-width: 18px;
    height: 22px;
    background-image: url("../img/icons/personal-managers.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-managers:before {
        width: 13px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-partnership span {
    max-width: 90px;
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-partnership span {
        max-width: 76px;
    }
}

.m-header__nav--item .personal-partnership:before {
    width: 26px;
    min-width: 26px;
    height: 22px;
    background-image: url("../img/icons/personal-partners.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-partnership:before {
        width: 20px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-payments span,
.m-header__nav--item .personal-payment-history span {
    max-width: 60px;
    word-wrap: normal;
}

@media (max-width: 1080px) {

    .m-header__nav--item .personal-payments span,
    .m-header__nav--item .personal-payment-history span {
        max-width: 51px;
    }
}

.m-header__nav--item .personal-payments:before,
.m-header__nav--item .personal-payment-history:before {
    width: 32px;
    min-width: 32px;
    height: 23px;
    background-image: url("..//img/icons/payment-history.png");
}

@media (max-width: 1080px) {

    .m-header__nav--item .personal-payments:before,
    .m-header__nav--item .personal-payment-history:before {
        width: 22px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-referals:before {
    width: 34px;
    min-width: 34px;
    height: 22px;
    background-image: url("../img/icons/personal-referals.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-referals:before {
        width: 26px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-income:before {
    width: 34px;
    min-width: 34px;
    height: 22px;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url("../img/icons/profits.png");
    background-position: center !important;
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-income:before {
        width: 26px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-cargo {
    max-width: 138px;
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-cargo {
        max-width: 100px;
    }
}

.m-header__nav--item .personal-cargo:before {
    width: 24px;
    min-width: 24px;
    height: 22px;
    background-image: url("../img/icons/cargo.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-cargo:before {
        width: 18px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-order:before {
    width: 23px;
    min-width: 23px;
    height: 22px;
    background-image: url("../img/icons/order.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-order:before {
        width: 16px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-news:before {
    width: 23px;
    min-width: 23px;
    height: 22px;
    background-image: url("../img/icons/news.png");
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-news:before {
        width: 16px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item .personal-photo:before {
    width: 24px;
    min-width: 24px;
    height: 22px;
    background-image: url("../img/icons/Photo.png");
    -webkit-background-size: contain;
    background-size: contain;
}

@media (max-width: 1080px) {
    .m-header__nav--item .personal-photo:before {
        width: 16px;
        height: 16px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

.m-header__nav--item [class*="personal-"]:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

@media (max-width: 1080px) {
    .m-header__nav--item [class*="personal-"]:before {
        position: absolute;
        top: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.m-header__nav--item.active>span {
    border-color: #fdd137;
}

.m-header__nav--item>a:hover {
    border-color: #fdd137;
}

.m-header__nav--item>a,
.m-header__nav--item>span {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    color: #3b3c44;
    height: 63px;
    border-bottom: 3px solid transparent;
}

@media (max-width: 1080px) {

    .m-header__nav--item>a,
    .m-header__nav--item>span {
        position: relative;
        padding: 23px 5px 0;
        height: 59px;
        font-size: 12px;
        line-height: 1;
        border-bottom-width: 2px;
    }
}

.m-header__nav--item>a:after,
.m-header__nav--item>span:after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}

.m-header__nav--item>a span,
.m-header__nav--item>a a,
.m-header__nav--item>span span,
.m-header__nav--item>span a {
    white-space: pre-line;
    display: inline-block;
    vertical-align: middle;
}

img {
    max-width: 100%;
}

.container {
    max-width: 1198px !important;
}

/* hamburger menu START */
.mm-wrapper_opening .hamburger-menu .hamburger-menu__bars {
    background-color: rgba(255, 255, 255, 0);
}

.mm-wrapper_opening .hamburger-menu .hamburger-menu__bars:before {
    visibility: visible;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.mm-wrapper_opening .hamburger-menu .hamburger-menu__bars:after {
    visibility: visible;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-decoration: none;
}

.hamburger-menu.active .hamburger-menu__bars {
    background-color: rgba(255, 255, 255, 0);
}

.hamburger-menu.active .hamburger-menu__bars:before {
    visibility: visible;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.active .hamburger-menu__bars:after {
    visibility: visible;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu.without-animation .hamburger-menu__bars,
.hamburger-menu.without-animation .hamburger-menu__bars:before,
.hamburger-menu.without-animation .hamburger-menu__bars:after {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.hamburger-menu__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 16px;
}

.hamburger-menu__bars,
.hamburger-menu__bars:before,
.hamburger-menu__bars:after {
    width: 25px;
    height: 2px;
    background-color: #ffffff;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.hamburger-menu__bars {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background-color 0ms 300ms;
    -o-transition: background-color 0ms 300ms;
    transition: background-color 0ms 300ms;
}

.hamburger-menu__bars:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7px;
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    visibility: visible;
}

.hamburger-menu__bars:after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    visibility: visible;
}

/* hamburger menu END */

@media (min-width: 576px) {
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

/* new footer start */
.footer {
    position: relative;
    color: #ffffff;
}

.footer__top-content h6 {
    color: #fff;
}

.footer__top-content {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 0;
}

@media (min-width: 576px) {
    .footer__top-content {
        padding: 60px 0;
    }
}

.footer__bottom-content {
    padding: 20px 0;
    background-color: #3b3c44;
    color: #ffffff;
}

.footer__logo {
    display: block;
    width: 100%;
    max-width: 120px;
    margin-bottom: 40px;
}

.footer-title-with-icon {
    position: relative;
    color: #fff;
    padding-left: 30px;
    margin-bottom: 16px;
}

@media (min-width: 576px) {
    .footer-title-with-icon {
        padding-left: 45px;
    }
}

.footer-title-with-icon__icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
}

@media (min-width: 576px) {
    .footer-title-with-icon__icon {
        width: 32px;
        height: 32px;
        top: -6px;
    }
}

.footer-title-with-icon-indent {
    padding-left: 30px;
}

@media (min-width: 576px) {
    .footer-title-with-icon-indent {
        padding-left: 45px;
    }
}

.footer-link.with-opacity a {
    opacity: 0.8;
}

.footer-link a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: opacity 0.3s, color 0.3s;
    -o-transition: opacity 0.3s, color 0.3s;
    transition: opacity 0.3s, color 0.3s;
}

.footer-link a:hover {
    color: #fdd137;
    opacity: 1;
}

.footer-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-nav.text-center li {
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .footer-nav.text-md-start li {
        margin-left: 0;
        margin-right: 0;
    }
}

.footer-nav li {
    display: inline-block;
}

@media (min-width: 768px) {
    .footer-nav li {
        display: block;
    }
}

.footer-nav li:not(:last-child) {
    margin-bottom: 10px;
}

.socials-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
}

.socials-list.justify-content-center {
    margin-left: 0;
}

@media (min-width: 992px) {
    .socials-list.justify-content-lg-start {
        margin-left: -8px;
    }
}

.socials-list__item {
    margin: 0 8px 16px 8px;
}

.socials-list__link {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fdd137;
    color: #fdd137;
    text-decoration: none;
    font-size: 18px;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.socials-list__link:hover {
    background-color: #fdd137;
    color: #000000;
}

/* new footer end */

/* default styles start */

.default-styles {
    font-size: 16px;
    line-height: 1.5;
}

.default-styles *,
.default-styles *:before,
.default-styles *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.default-styles .text-xs {
    font-size: 12px !important;
}

.default-styles .text-sm {
    font-size: 14px !important;
}

.default-styles .text-lg {
    font-size: 18px !important;
}

.default-styles h1.with-line,
.default-styles .h1.with-line,
.default-styles h2.with-line,
.default-styles .h2.with-line,
.default-styles h3.with-line,
.default-styles .company-directions__head span.with-line,
.company-directions__head .default-styles span.with-line,
.default-styles .h3.with-line,
.default-styles h4.with-line,
.default-styles .h4.with-line,
.default-styles h5.with-line,
.default-styles .h5.with-line,
.default-styles h6.with-line,
.default-styles .h6.with-line {
    position: relative;
    padding-bottom: 15px;
}

.default-styles h1.with-line:after,
.default-styles .h1.with-line:after,
.default-styles h2.with-line:after,
.default-styles .h2.with-line:after,
.default-styles h3.with-line:after,
.default-styles .company-directions__head span.with-line:after,
.company-directions__head .default-styles span.with-line:after,
.default-styles .h3.with-line:after,
.default-styles h4.with-line:after,
.default-styles .h4.with-line:after,
.default-styles h5.with-line:after,
.default-styles .h5.with-line:after,
.default-styles h6.with-line:after,
.default-styles .h6.with-line:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 4px;
    background-color: #fdd137;
}

.default-styles h1,
.default-styles .h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2857;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: inherit;
}

.default-styles h2,
.default-styles .h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: inherit;
}

.default-styles h3,
.default-styles .company-directions__head span,
.company-directions__head .default-styles span,
.default-styles .h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3636;
    text-transform: initial;
    margin-bottom: 8px;
    margin-top: 0;
    text-align: inherit;
}

@media screen and (min-width: 768px) {

    .default-styles h3,
    .default-styles .company-directions__head span,
    .company-directions__head .default-styles span,
    .default-styles .h3 {
        margin-bottom: 16px;
    }
}

.default-styles h5,
.default-styles .h5 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    text-transform: initial;
    margin-bottom: 16px;
    margin-top: 0;
}

.default-styles h6,
.default-styles .h6 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    text-transform: initial;
    text-align: left;
    margin-bottom: 16px;
    margin-top: 0;
}

.default-styles p {
    margin-bottom: 20px;
}

.default-styles .fw-400 {
    font-family: 'opensans-regular';
    font-weight: 400 !important;
}

.default-styles .fw-600 {
    font-family: 'opensans-semibold';
    font-weight: 600 !important;
}

.default-styles .fw-700 {
    font-family: 'opensans-semibold';
    font-weight: 600 !important;
}

.default-styles strong {
    font-weight: 700 !important;
}

.default-styles blockquote {
    font-size: 14px;
    line-height: 1.714;
    font-weight: 600;
    padding-left: 24px;
    border-left: 4px solid #fdd137;
}

.default-styles blockquote p:last-child {
    margin-bottom: 0;
}

.default-styles .block-with-text p:last-child {
    margin-bottom: 0;
}

.default-styles .default-list ul {
    line-height: 1.625;
}

.default-styles .default-list ul li {
    position: relative;
    padding-left: 25px;
}

.default-styles .default-list ul li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 10px;
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #3b3c44;
}

.default-styles .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    padding: 5px 20px;
    border-width: 2px;
    border-style: solid;
}

.default-styles .btn:not(.btn-sm):not(.btn-lg).long {
    min-width: 200px;
}

.default-styles .btn-lg {
    min-height: 65px;
    line-height: 1.4;
    width: 270px;
}

@media (min-width: 576px) {
    .default-styles .btn-lg {
        width: 320px;
    }
}

.default-styles .btn-primary {
    background-color: #fdd137;
    color: #3b3c44;
    border-color: #fdd137;
}

.default-styles .btn-primary:hover {
    background-color: #fedd69;
    border-color: #fedd69;
}

.default-styles .btn-outline-primary {
    background-color: transparent;
    color: #3b3c44;
    border-color: #fdd137;
}

.default-styles .btn-outline-primary:hover {
    background-color: #fdd137;
}

.default-styles .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.default-styles .btn-list__item {
    margin: 10px 15px;
}

/* default styles end */
.mt-0 {
    margin-top: 0 !important;
}

.mt-30 {
    margin-top: 30px !important;
}

@media (min-width: 992px) {
    .mt-lg-0 {
        margin-top: 0 !important;
    }
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

@media (min-width: 576px) {
    .mb-sm-70 {
        margin-bottom: 70px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .mb-md-20 {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
}

.pt-10 {
    padding-top: 10px !important;
}

@media (min-width: 992px) {
    .pl-lg-30 {
        padding-left: 30px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-40 {
        padding-left: 40px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-45 {
        margin-bottom: 45px !important;
    }
}

.text-start {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

@media (min-width: 768px) {
    .text-md-start {
        text-align: left !important;
    }
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align: start !important;
    }
}

@media (min-width: 768px) {
    .text-md-start {
        text-align: left !important;
    }
}

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

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

.text-blue {
    color: #41b0dc !important;
}

.text-white {
    color: #ffffff !important;
}

.text-light {
    color: #8b8b99 !important;
}

.text-gray-3 {
    color: #9C9CA7 !important;
}

.text-red {
    color: #ff0000 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

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

.bg-gray-light {
    background-color: #f6f6f6 !important;
}

.hidden {
    display: none !important;
}

.data-user-table .contact .contact__item {
    font-size: 12px;
    line-height: 100%;
    text-decoration: none;
    color: #3b3c44;
    white-space: nowrap;
}

@media screen and (min-width: 1200px) {
    .text-xl-start {
        text-align: left !important;
    }
}

.page-btn-list>a {
    margin-left: 10px;
    margin-right: 10px;
}

@media screen and (min-width: 1200px) {
    .page-btn-list>a {
        margin-right: 30px;
        margin-left: 0;
    }
}

/* table header */
#modx-content *,
#modx-content * :before,
#modx-content * :after {
    box-sizing: border-box;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #A5A5A5;
    overflow: inherit;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip {
    display: flex;
    flex-wrap: wrap;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip li {
    padding: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip li.x-tab-strip-active {
    position: relative;
    box-shadow: none;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip li.x-tab-strip-active:before {
    top: auto;
    bottom: 0;
    right: 0;
    height: 4px;
    width: 100%;
    background-color: #FDD137;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip li.x-tab-strip-active:after {
    content: none;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip li.x-tab-strip-active .x-tab-strip-text {
    font-weight: 600;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip li .x-tab-strip-text {
    padding: 12px 18px;
    font-size: 14px;
    line-height: 1.2222;
    color: #3B3C44;
}

@media (min-width: 767px) {
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap .x-tab-strip li .x-tab-strip-text {
        font-size: 18px;
        padding: 16px 24px;
    }
}

/* table header END */

/* table search */
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-text {
    height: 38px !important;
    width: 190px !important;
    background-color: #F2F2F3;
    font-size: 16px !important;
    padding: 10px 16px;
    color: #8B8B99;
    border-radius: 0;
    border: 1px solid transparent;
    vertical-align: middle;
    margin: 0;
    box-shadow: none;
    transition: border-color 0.3s;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn {
    position: relative;
    width: 125px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn.x-btn-menu-active:after,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn.x-btn-menu-active:after,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn.x-btn-menu-active:after {
    opacity: 1;
    transform: rotate(180deg);
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn:after,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn:after,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-image: url("../img/icons/arrow-solid-down.svg");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn .x-btn-arrow,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn .x-btn-arrow,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn .x-btn-arrow {
    padding: 0;
    font-size: inherit;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn .x-btn-arrow:before,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn .x-btn-arrow:before,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn .x-btn-arrow:before {
    content: none;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn .x-btn-arrow .x-btn-text,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn .x-btn-arrow .x-btn-text,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn .x-btn-arrow .x-btn-text {
    padding: 0;
    border: none;
    font-size: inherit;
    text-align: left;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen84 .x-btn .x-btn-arrow .x-btn-text .icon,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen131 .x-btn .x-btn-arrow .x-btn-text .icon,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-cell#ext-gen134 .x-btn .x-btn-arrow .x-btn-text .icon {
    display: none;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-field-wrap {
    width: auto !important;
    margin: 0 !important;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-field-trigger-wrap .x-form-text {
    padding-right: 40px;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-field-trigger-wrap {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-field-trigger-wrap.x-trigger-wrap-focus .x-form-trigger:before {
    opacity: 1;
}

#modx-content .x-form-field-wrap .x-form-trigger {
    width: 38px;
    box-shadow: none;
    transition: background-color 0.3s;
}

#modx-content .x-form-field-wrap .x-form-trigger:hover {
    background-color: #FDD137;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-trigger:before {
    content: '';
    margin-top: 0;
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: 0.6;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: opacity 0.3s, transform 0.3s;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-trigger.x-form-date-trigger:before {
    width: 16px;
    height: 16px;
    background-image: url("../img/icons/calendar.svg");
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-trigger.x-form-arrow-trigger:before {
    width: 10px;
    height: 10px;
    background-image: url("../img/icons/arrow-solid-down.svg");
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-right-row .x-form-text {
    background-image: url("../img/icons/search.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center left 12px;
    width: 232px !important;
    padding-left: 36px;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-form-text.x-form-focus {
    border-color: #FDD137;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left-row .x-toolbar-cell .x-btn,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-right-row .x-toolbar-cell .x-btn {
    margin: 0;
}

/* refresh btn */
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-right-row .x-toolbar-cell .x-btn.x-btn-small {
    background-image: url("../img/icons/refresh.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    padding: 5px;
    width: 38px !important;
    height: 38px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    box-shadow: none;
    font-size: 0;
    box-sizing: border-box;
    margin: 0 0 0 10px;
    vertical-align: middle;
    transition: background-color 0.3s, border-color 0.3s;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-right-row .x-toolbar-cell .x-btn.x-btn-small.x-btn-over {
    background-color: #FDD137;
    border-color: #FDD137;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-right-row .x-toolbar-cell .x-btn.x-btn-small button {
    height: auto;
    font-size: 0;
}

/* refresh btn END */

/* table search END */

/* table body */
#modx-content .x-panel .panel-desc {
    font-size: 12px;
    padding: 14px 56px !important;
    border: 1px solid #D5D5D5;
    background-image: url("../img/icons/info.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left 16px center;
    margin: 16px 0 0 !important;
}

@media (min-width: 1300px) {
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body {
        overflow: visible !important;
    }
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap {
    box-shadow: none;
    border-radius: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body {
    border-radius: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel {
    margin: 0 !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel {
    overflow: hidden;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar {
    padding: 8px 0;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar {
    margin-top: 0;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar table,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar table * {
    display: block;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar #ext-comp-1035,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar.x-toolbar.x-small-editor {
    height: auto !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left .x-toolbar-left-row,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel.OfficeExport-grid .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left-row,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-right-row,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel.OfficeExport-grid .x-panel-tbar .x-toolbar .x-toolbar-right-row {
    display: flex !important;
    flex-wrap: wrap;
    margin: 0 -6px;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left .x-toolbar-left-row>td,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel.OfficeExport-grid .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left-row>td {
    flex: 1 0 0%;
    max-width: 100%;
    width: 100%;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left .x-toolbar-left-row>td:first-child,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel.OfficeExport-grid .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left-row>td:first-child {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left .x-toolbar-left-row>td,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel.OfficeExport-grid .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left-row>td,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-right-row>td,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel.OfficeExport-grid .x-panel-tbar .x-toolbar .x-toolbar-right .x-toolbar-right-row>td {
    padding: 6px;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left .x-toolbar-left-row>td .x-form-text,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel.OfficeExport-grid .x-panel-tbar .x-toolbar .x-toolbar-left .x-toolbar-left-row>td .x-form-text {
    width: 100% !important;
    min-width: 190px;
}

@media (min-width: 1300px) {
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar {
        margin-top: -55px;
    }
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar {
    padding: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 {
    border-color: #D5D5D5;
    border-radius: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header {
    background-color: transparent;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-inner {
    border-bottom: 1px solid #D5D5D5;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td {
    color: #3B3C44;
    font-weight: 600;
    font-size: 14px;
    height: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td .x-grid3-hd-inner .x-grid3-hd-btn {
    background-color: #FDD137;
}

#modx-content td.x-grid3-hd-over,
#modx-content td.sort-desc,
#modx-content td.sort-asc,
#modx-content td.x-grid3-hd-menu-open {
    background-color: #F2F2F3;
}

#modx-content .x-grid3-hd-btn {
    height: 100% !important;
    bottom: 0;
}

#office-export-grid #modx-content .x-grid3-scroller tbody td .x-grid3-cell-inner a {
    color: #41B2E1;
}

#office-export-grid #modx-content .x-grid3-scroller tbody td .x-grid3-cell-inner a:hover {
    text-decoration: underline;
}

/* width of table */
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table {
    table-layout: fixed !important;
}

/* disable resize */
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td {
    cursor: default !important;
}

.x-grid3-resize-marker,
.x-grid3-resize-proxy {
    display: none !important;
}

/* disable resize END */

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td {
    width: 100% !important;
    padding: 0;
    border: none;
}

/* first tab table width "Заказы" */
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(1),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(1),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(4),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(4) {
    text-align: center;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(1),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(1) {
    width: 80px !important;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(2),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(2),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(5),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(5) {
    width: 200px !important;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(3),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(3),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(4),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(4) {
    width: 150px !important;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(1),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(1) {
    width: 80px !important;
}

/* first tab table width "Заказы" END */

/* second tab table width "Зачисления Менеджерам" */
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(1),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(1) {
    width: 60px !important;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(2),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(2),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(3),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(3),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(4),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(4) {
    width: 165px !important;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(5),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(5) {
    width: 100px !important;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(6),
#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(6) {
    width: 300px !important;
}

/* second tab table width "Зачисления Менеджерам" END */

/* tab table width "Зачисления Менеджерам" for manager */
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(1),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(1) {
    width: 60px !important;
}

#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(2),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(2),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(3),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(3),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(4),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(4),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(5),
#office-manageraccrual-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(5) {
    width: 165px !important;
}

/* tab table width "Зачисления Менеджерам" for manager END */

/* table width "Экспорт заказов" */
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-expander,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-expander,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1037 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-expander,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1037 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-expander {
    display: none;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-checker,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-checker,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1037 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-checker,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1037 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-checker {
    width: 40px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-checker .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-checker .x-grid3-cell-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1037 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-checker .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1037 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-checker .x-grid3-cell-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-3,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-3 {
    width: 122px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-4,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-4 {
    width: 150px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-5,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-5 {
    width: 230px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-6,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-6 {
    width: 115px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-7,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-7,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-8,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-8,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-9,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-9 {
    width: 80px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-10,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-10 {
    width: 116px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-11,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-11 {
    width: 200px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-12,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-12 {
    width: 100px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-13,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-13 {
    width: 136px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-14,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-14 {
    width: 115px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-15,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-15 {
    width: 170px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-16,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-16 {
    width: 93px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-17,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-17 {
    width: 148px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-18,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-18 {
    width: 98px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-19,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-19 {
    width: 92px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-20,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-20 {
    width: 90px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td.x-grid3-td-21,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td.x-grid3-td-21 {
    width: 77px !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(17) .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(17) .x-grid3-cell-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(18) .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(18) .x-grid3-cell-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(19) .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(19) .x-grid3-cell-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(20) .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(20) .x-grid3-cell-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(21) .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(21) .x-grid3-cell-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td:nth-child(22) .x-grid3-hd-inner,
#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1009 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(22) .x-grid3-cell-inner {
    justify-content: center;
    text-align: center;
}

/* table width "Экспорт заказов" END */

/* width of table END */

/* centering table body */
#office-export-grid #modx-content .x-grid3-cell-inner {
    overflow: initial;
    white-space: initial;
}

#office-export-grid #modx-content .x-grid3-scroller tbody td {
    height: 0;
}

#office-export-grid #modx-content .x-grid3-scroller tbody td .x-grid3-cell-inner {
    display: flex;
    align-items: center;
    height: 100%;
}

/* centering table body END */

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td .x-grid3-hd-inner,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td .x-grid3-cell-inner {
    padding: 13px 20px 13px 6px !important;
    color: #3B3C44;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table thead td .x-grid3-hd-inner {
    display: flex;
    align-items: center;
    white-space: initial;
    height: 100%;
    box-sizing: border-box;
}

#modx-content .x-grid3-hd-btn:before {
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td .x-grid3-cell-inner {
    font-size: 12px;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller {
    border: none;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row {
    border: none;
    background-color: transparent;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row:not(:last-child) .x-grid3-row-table {
    border-bottom: 1px solid #D5D5D5 !important;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row:last-child.x-grid3-row-selected {
    border-top: none !important;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row.x-grid3-row-selected {
    border-top: none !important;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row.x-grid3-row-selected {
    border-bottom: none !important;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row .x-grid3-row-table {
    transition: background-color 0.3s;
}

#office-export-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row.x-grid3-row-selected .x-grid3-row-table {
    background-color: #F6F6F6;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row.rtmanager-rtmanager-row-green table tbody td .x-grid3-cell-inner {
    color: #1BAA3D;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row.rtmanager-rtmanager-row-red table tbody td .x-grid3-cell-inner {
    color: #FF0000;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row.rtmanager-rtmanager-row-yelow table tbody td .x-grid3-cell-inner {
    color: #E0AB58;
}

#modx-content .x-grid3 .red {
    color: #FF0000 !important;
}

#modx-content .x-grid3 .green {
    color: #1BAA3D !important;
}

.ext-strict .ext-webkit .x-grid3-scroller .x-small-editor .x-form-text {
    margin: 0 !important;
    padding: 13px !important;
    height: auto !important;
    border: none !important;
    background-color: #ffffff !important;
    transition: none !important;
}


#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(7) .x-grid3-cell-inner {
    cursor: pointer;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(7) .x-grid3-cell-inner:after {
    content: "\e998";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #FDD137;
    border-radius: 50%;
    color: #3B3C44;
    font-family: 'icomoon' !important;
    margin-left: 8px;
    font-size: 10px;
    opacity: 0;
    margin-top: -5px;
    transition: opacity 0.3s;
}

#office-rtmanager-grid #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body #ext-comp-1029 .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table tbody td:nth-child(7) .x-grid3-cell-inner:hover:after {
    opacity: 1;
}

#modx-content .x-panel .panel-desc {
    background-color: transparent;
}

#modx-content .x-grid3-hd-inner .x-grid3-hd-checker,
#modx-content .x-grid3-row-checker {
    width: 15px;
    height: 15px;
    background-image: none;
    transition: background-color 0.3s, border-color 0.3s;
    margin: 0 auto;
    border: 1px solid #6B6C77;
}

#modx-content .x-grid3-hd-inner.x-grid3-hd-checker-on .x-grid3-hd-checker,
#modx-content .x-grid3-row-selected .x-grid3-row-checker {
    background-image: url("../img/icons/table-checkmark.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px;
    border-color: #FDD137;
    background-color: #FDD137;
}

#modx-content .x-grid3-hd-inner.x-grid3-hd-checker {
    background-image: none;
}

/* table body END */

/* table bottom bar */
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar {
    padding-top: 16px;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar {
    padding: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-right .x-toolbar-right-ct .xtb-text {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .xtb-text {
    font-size: 14px;
    padding: 0;
    margin: 0 5px;
}

@media (min-width: 768px) {
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .xtb-text {
        margin: 0 12px;
    }
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-form-text {
    width: 51px;
    height: 26px !important;
    background-color: #F2F2F3;
    padding: 6px 8px;
    color: #3B3C44;
    font-size: 14px !important;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0;
    border: 1px solid transparent;
    text-align: left;
    transition: border-color 0.3s;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-form-text:focus {
    border-color: #fdd137;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-btn {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid #7D7D7D;
    background-color: #ffffff;
    font-size: 14px;
    color: #7D7D7D;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    transition: border-color 0.3s;
    margin-left: 0;
    margin-right: 6px;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-btn:not(.x-item-disabled):hover {
    border-color: #fdd137;
    box-shadow: none;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-btn :before {
    font-size: inherit;
    line-height: inherit;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-btn button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    line-height: 1.3;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-btn button.x-tbar-page-next,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar .x-toolbar-ct .x-toolbar-left .x-btn button.x-tbar-page-prev {
    font-size: 16px;
    line-height: 1.2;
}

@media (max-width: 767px) {

    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar table,
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar tbody,
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar tr,
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar td,
    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar td {
        display: block;
    }

    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar tr.x-toolbar-left-row {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar tr.x-toolbar-left-row td {
        padding: 10px 0;
    }

    #modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar tr.x-toolbar-right-row {
        padding-top: 20px;
    }
}

/* table bottom bar END */

/* modal */
.x-window,
.x-window *,
.x-window * :before,
.x-window * :after {
    box-sizing: border-box !important;
}

.x-window {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10000 !important;
    padding: 50px 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(61, 61, 61, 0.79);
    box-shadow: none !important;
    border-radius: 0 !important;
}

.x-window>* {
    max-width: 524px;
    width: 100%;
}

.x-window .x-window-tc .x-window-header {
    position: relative;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    border: none !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 800 !important;
    color: #3B3C44 !important;
    padding: 30px 32px 16px !important;
    cursor: initial !important;
}

.x-window .x-window-tc .x-window-header .x-tool.x-tool-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FDD137;
    background-color: transparent;
    color: #000000;
    border-radius: 0;
    margin: 0;
    font-size: 0;
    padding: 5px;
    transition: background-color 0.3s;
}

.x-window .x-window-tc .x-window-header .x-tool.x-tool-close:hover {
    background-color: #FDD137;
}

.x-window .x-window-tc .x-window-header .x-tool.x-tool-close:after {
    content: "\e962";
    font-family: 'icomoon' !important;
    font-size: 18px;
    line-height: 1;
    position: static;
    transform: none;
    width: auto;
    height: auto;
    padding: 0;
}

.x-window .x-window-body {
    width: 100% !important;
    padding: 0 16px 36px !important;
}

@media screen and (min-width: 576px) {
    .x-window .x-window-body {
        padding: 0 32px 36px !important;
    }
}

#rtmanager-window-assessment-details.x-window .x-window-bl {
    display: none !important;
}

.x-window .x-form-item:not(:last-child) {
    margin-bottom: 16px;
}

.x-window .x-form-item label.x-form-item-label {
    font-size: 14px;
    font-weight: 600;
    color: #3B3C44;
    padding: 0 !important;
}

.x-window .x-form-item .x-form-element .x-form-display-field {
    font-size: 14px;
    color: #8B8B99;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.x-window .x-form-label-top .x-form-item label.x-form-item-label {
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

.x-window .x-form-element input[type="text"] {
    height: 38px !important;
}

.x-window .x-form-element textarea {
    height: 128px !important;
}

.x-window .x-form-element input[type="text"],
.x-window .x-form-element textarea {
    display: block !important;
    width: 100% !important;
    background-color: #F1F1F2 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    color: #3B3C44 !important;
    font-family: inherit !important;
}

body .x-window .x-window-bc .x-window-footer {
    padding: 20px 16px;
    background-color: #ffffff;
    border-color: #F1F1F1;
}

@media screen and (min-width: 576px) {
    body .x-window .x-window-bc .x-window-footer {
        padding: 20px 32px;
    }
}

body .x-window .x-window-bc .x-window-footer .x-btn {
    background-color: #FDD137;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #3B3C44;
    min-width: 115px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

body .x-window .x-window-bc .x-window-footer .x-btn:hover {
    background-color: #fedd69;
}

body .x-window .x-window-bc .x-window-footer .x-btn .x-btn-text {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}

/* modal END */

/* dropdown */
body .x-shadow {
    z-index: 999 !important;
}

body .x-menu,
body .x-menu *,
body .x-menu *:before,
body .x-menu *:after {
    box-sizing: border-box;
}

body .x-menu {
    border-color: #D5D5D5;
    box-shadow: none;
    border-radius: 0;
    padding: 4px;
    z-index: 1000 !important;
    max-height: 300px;
    overflow: auto;
}

body .x-menu .x-menu-item-icon {
    top: 50%;
    transform: translate(0, -50%);
}

body .x-menu .x-menu-list .x-menu-list-item {
    margin: 0;
}

body .x-menu .x-menu-list .x-menu-list-item.x-menu-item-active {
    background-color: #F6F6F6;
}

body .x-menu .x-menu-list .x-menu-list-item.x-menu-sep-li {
    display: none;
}

body .x-menu .x-menu-list .x-menu-list-item .x-menu-item {
    padding: 14px 12px 14px 30px;
    font-size: 14px;
    color: #3B3C44;
}

body .x-menu .x-menu-list .x-menu-list-item .x-menu-item .x-menu-item-text {
    cursor: pointer;
}

/* without icons */
body .x-menu#ext-comp-1013 .x-menu-list .x-menu-list-item .x-menu-item,
body .x-menu#ext-comp-1057 .x-menu-list .x-menu-list-item .x-menu-item {
    padding-left: 14px;
}

body .x-menu#ext-comp-1013 .x-menu-item-icon,
body .x-menu#ext-comp-1057 .x-menu-item-icon {
    display: none;
}

/* dropdown END */

/* datepicker */
body .x-menu.x-date-menu .x-date-picker {
    padding: 12px;
    background-color: #ffffff;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner {
    border-collapse: collapse;
}

body .x-menu.x-date-menu .x-date-picker .x-date-left,
body .x-menu.x-date-menu .x-date-picker .x-date-right {
    padding: 12px 8px;
}

body .x-date-picker .x-date-mp .x-date-mp-ybtn .x-date-mp-prev,
body .x-date-picker .x-date-mp .x-date-mp-ybtn .x-date-mp-next,
body .x-menu.x-date-menu .x-date-picker .x-date-left a,
body .x-menu.x-date-menu .x-date-picker .x-date-right a {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1;
}

body .x-date-picker .x-date-mp .x-date-mp-ybtn .x-date-mp-prev:before,
body .x-date-picker .x-date-mp .x-date-mp-ybtn .x-date-mp-next:before,
body .x-menu.x-date-menu .x-date-picker .x-date-left a:before,
body .x-menu.x-date-menu .x-date-picker .x-date-right a:before {
    content: '';
}

body .x-date-picker .x-date-mp .x-date-mp-ybtn .x-date-mp-prev:before,
body .x-menu.x-date-menu .x-date-picker .x-date-left a {
    background-image: url("../img/icons/datepicker-arrow-left.svg");
}

body .x-date-picker .x-date-mp .x-date-mp-ybtn .x-date-mp-next:before,
body .x-menu.x-date-menu .x-date-picker .x-date-right a {
    background-image: url("../img/icons/datepicker-arrow-right.svg");
}

body .x-menu.x-date-menu .x-date-picker .x-date-middle {
    padding: 12px;
}

body .x-menu.x-date-menu .x-date-picker .x-date-middle .x-btn {
    display: inline-block;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

body .x-menu.x-date-menu .x-date-picker .x-date-middle .x-btn:hover {
    background-color: transparent;
}

body .x-menu.x-date-menu .x-date-picker .x-date-middle .x-btn:hover .x-btn-text {
    color: #9C9CA7;
}

body .x-menu.x-date-menu .x-date-picker .x-date-middle .x-btn-arrow {
    padding-right: 12px;
}

body .x-menu.x-date-menu .x-date-picker .x-date-middle .x-btn-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #9C9CA7 transparent transparent transparent;
    margin-top: 0;
    transform: translate(0, -50%);
}

body .x-menu.x-date-menu .x-date-picker .x-date-middle .x-btn-text {
    border-right: none;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #3B3C44;
    transition: color 0.3s;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner th,
body .x-menu.x-date-menu .x-date-picker .x-date-inner td {
    width: 32px;
    height: 32px;
    border: 1px solid #DADAE0;
    padding: 0;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner th>span,
body .x-menu.x-date-menu .x-date-picker .x-date-inner td .x-date-date {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 32px;
    height: 32px;
    padding: 9px;
    border-radius: 0;
    border: none;
    font-size: 12px;
    font-weight: 400;
    color: #3B3C44;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner td span {
    font-weight: inherit;
    cursor: pointer;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner th>span {
    justify-content: center;
    font-weight: 600;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner td.x-date-active.x-date-selected .x-date-date {
    background-color: #fdd137;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner td.x-date-active .x-date-date {
    background-color: #F6F6F6;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner td.x-date-prevday .x-date-date,
body .x-menu.x-date-menu .x-date-picker .x-date-inner td.x-date-nextday .x-date-date {
    color: #8B8B99;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner td .x-date-date {
    cursor: pointer;
}

body .x-menu.x-date-menu .x-date-picker .x-date-inner td .x-date-date:hover {
    background-color: #ffe68f;
}

body .x-menu.x-date-menu .x-date-picker .x-date-bottom {
    display: none;
}

body .x-date-picker .x-date-mp .x-date-mp-sel a {
    background-color: #fdd137 !important;
    color: #3B3C44;
}

body .x-date-picker .x-date-mp .x-date-mp-month,
body .x-date-picker .x-date-mp .x-date-mp-year {
    color: #3B3C44;
}

body .x-date-picker .x-date-mp .x-date-mp-month a:hover,
body .x-date-picker .x-date-mp .x-date-mp-year a:hover {
    background-color: #ffe68f;
}

body .x-date-picker .x-date-mp .x-date-mp-btns button {
    height: 24px;
    box-shadow: none;
    border: 1px solid #3B3C44;
    color: #3B3C44;
    min-width: 70px;
    transition: background-color 0.3s, border-color 0.3s;
}

body .x-date-picker .x-date-mp .x-date-mp-btns button:hover {
    background-color: #fdd137;
    border-color: #fdd137;
    box-shadow: none;
    color: #3B3C44;
}

/* datepicker END */

/* combo list */
body .x-combo-list {
    z-index: 1000 !important;
}

body .x-combo-list .x-toolbar {
    padding: 2px 20px 5px;
}

body .x-combo-list .x-toolbar .x-toolbar-cell .x-form-text {
    width: 15px;
}

body .x-combo-list .x-toolbar .x-toolbar-left table {
    width: 100%;
}

body .x-combo-list .x-toolbar .x-toolbar-cell {
    display: table-cell;
}

body .x-combo-list .x-toolbar .x-toolbar-cell+.x-toolbar-cell+.x-toolbar-cell+.x-toolbar-cell+.x-toolbar-cell .xtb-text {
    position: static;
}

/* combo list END */

/* table create responsive */
#modx-content,
#modx-content .modx-formpanel-body,
#modx-content .modx-formpanel-body>.x-panel,
#modx-content .modx-formpanel-body>.x-panel .x-panel-body,
#modx-content .x-tab-panel.modx-tabs,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-header .x-tab-strip-wrap,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body,

#modx-content ul.x-tab-strip,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-body .x-panel .x-panel-tbar .x-toolbar,

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header .x-grid3-header-offset,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-header table,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-body,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller .x-grid3-row,

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar,
#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-panel-bbar .x-toolbar {
    width: 100% !important;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport .x-grid3-scroller table {
    width: calc(100% - 1px) !important;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

#modx-content .x-tab-panel.modx-tabs .x-tab-panel-bwrap .x-tab-panel-body .x-panel-body .x-grid3 .x-grid3-viewport>* {
    min-width: 1150px;
}

/* table create responsive END */

/* datepicker */
.ui-datepicker {
    font-family: inherit !important;
}

.ui-datepicker.ui-widget-content {
    border: 1px solid #D5D5D5;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 12px;
    width: 250px;
}

.ui-datepicker .ui-datepicker-header {
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 4px 32px 4px !important;
    margin-bottom: 8px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #9C9CA7;
    cursor: pointer;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
    color: #3B3C44;
    background-color: transparent;
    border: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev>span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next>span {
    display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
    font-family: icomoon;
    font-size: 16px;
    line-height: 1;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 8px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
    content: '\e99d';
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 8px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
    content: '\e99c';
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 14px;
    font-family: "opensans-semibold", sans-serif;
    color: #3B3C44;
    margin: 0;
}

.ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0;
    font-size: 12px;
}

.ui-datepicker .ui-datepicker-calendar th {
    padding: 1px 7px;
    background-color: #EBEBEB;
    font-family: "opensans-semibold", sans-serif;
    text-align: center;
    border: 1px solid #DADAE0;
}

.ui-datepicker .ui-datepicker-calendar td {
    padding: 0;
    border: 1px solid #DADAE0;
}

.ui-datepicker .ui-datepicker-calendar td a {
    background-color: #F6F6F6;
    color: #3B3C44;
    border: none;
    padding: 1px 7px;
    text-align: right;
}

.ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight {
    background-color: #fdd137;
}

.ui-datepicker .ui-datepicker-calendar td a:not(.ui-state-highlight).ui-state-hover {
    background-color: #DADAE0;
}

/* datepicker END */
/* timepicker */
.ui-timepicker-container {
    padding: 28px 8px !important;
    border: 1px solid #D5D5D5 !important;
}

.ui-timepicker-container:before,
.ui-timepicker-container:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    display: inline-block;
    font-family: icomoon;
    font-size: 16px;
    line-height: 1;
    color: #9C9CA7;
}

.ui-timepicker-container:before {
    content: "\e99f";
    top: 8px;
}

.ui-timepicker-container:after {
    content: "\e99e";
    bottom: 8px;
}

.ui-timepicker-container .ui-menu-item a {
    font-size: 14px;
    padding: 5px 15px;
    line-height: 1.5;
    color: #6B6C77;
    border: none;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.ui-timepicker-container .ui-menu-item a:hover {
    color: #3B3C44;
    background-color: #F2F2F3;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}


.ui-timepicker,
.ui-timepicker-viewport {
    height: 139px !important;
}

/* timepicker END */





/* rating START */
.rating {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    border: 1px solid #DADAE0;
    margin-bottom: 30px;
    line-height: normal;
}

@media (min-width: 1230px) {
    .rating__column:not(:last-child) {
        border-right: 1px solid #DCDCE5;
    }
}

@media (min-width: 768px) {
    .rating__column:first-child {
        border-right: 1px solid #DCDCE5;
    }
}

@media (max-width: 767.98px) {
    .rating__column:first-child {
        border-bottom: 1px solid #DCDCE5;
    }
}

.rating__btn {
    margin: 15px 0;
    text-align: center;
}

@media (min-width: 768px) {
    .rating__btn {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 1800px) {
    .rating__col-with-rating-bar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}

.rating-title {
    position: relative;
    font-size: 8px;
    line-height: 1.2;
    padding-left: 3em;
    color: #3B3C44;
    margin: 15px 0;
    text-align: left;
}

@media (min-width: 450px) {
    .rating-title {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .rating-title {
        margin: 10px 0;
    }
}

@media (min-width: 992px) {
    .rating-title {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1400px) {
    .rating-title {
        font-size: 18px;
    }
}

.rating-title__icon {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 2.111111em;
    font-weight: 400;
}

.rating-value {
    position: relative;
    font-size: 14px;
    font-weight: 800;
    padding-left: 1.625em;
    color: #EF9002;
    margin: 15px 0;
}

@media (min-width: 450px) {
    .rating-value {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .rating-value {
        margin: 10px 0;
    }
}

@media (min-width: 992px) {
    .rating-value {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1400px) {
    .rating-value {
        font-size: 32px;
    }
}

.rating-value__icon {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1.25em;
    height: 1.25em;
    -o-object-fit: contain;
    object-fit: contain;
}

.rating-purchase-percent {
    text-align: center;
    margin: 15px 0;
}

@media (min-width: 768px) {
    .rating-purchase-percent {
        margin: 10px 0;
    }
}

.rating-purchase-percent__title {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    color: #7F808A;
    margin-top: 0;
    margin-bottom: 5px;
}

.rating-purchase-percent__percent {
    font-size: 14px;
    font-weight: 600;
    color: #3B3C44;
}

.rating-purchase-percent__percent:after {
    content: "%";
    font-size: 10px;
}

.rating-bar {
    position: relative;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #F2F2F3;
    height: 21px;
    overflow: hidden;
    min-width: 175px;
    margin: 15px 0;
}

@media (min-width: 768px) {
    .rating-bar {
        margin: 10px 0;
    }
}

.rating-bar__progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #fdd137;
}

.rating-bar__text {
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 12px;
    font-weight: 600;
    color: #3B3C44;
}

.rating-bar__text strong {
    font-weight: 700;
    padding-left: 12px;
}

.rating-info-block {
    margin-bottom: 32px;
    line-height: normal;
}

.rating-info-block__header {
    margin-bottom: 10px;
}

.rating-info-title {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    padding-left: 1.77777em;
    color: #3B3C44;
    margin: 10px 0;
}

.rating-info-title__icon {
    position: absolute;
    top: 0.1666666em;
    left: 0;
    z-index: 5;
    font-size: 1.33333em;
    font-weight: 400;
}

.rating-info-value {
    position: relative;
    font-size: 20px;
    font-weight: 800;
    padding-left: 1.6em;
    color: #EF9002;
    margin: 10px 0;
}

.rating-info-value__icon {
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    top: 0.25em;
    left: 0;
    z-index: 5;
    -o-object-fit: contain;
    object-fit: contain;
}

.rating-steps {
    padding: 60px 30px;
    border: 1px solid #E0E0E8;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

@media (min-width: 450px) {
    .rating-steps {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.rating-steps.with-bottom-text {
    padding-bottom: 75px;
}

.rating-steps__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #F2F2F3;
}

.rating-steps__step {
    width: 4px;
    height: 4px;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #DADAE0;
    z-index: 5;
    margin-bottom: -3px;
}

.rating-steps__step-title-and-value {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
    padding-bottom: 10px;
    white-space: nowrap;
}

.rating-steps__step-title {
    font-size: 14px;
    font-weight: 700;
    color: #6B6C77;
    margin: 0;
}

.rating-steps__step-value {
    font-size: 10px;
    font-weight: 600;
    color: #9C9CA7;
}

.rating-steps__step-icon-and-text {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding-top: 10px;
    text-align: center;
}

.rating-steps__step-icon {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: initial;
}

.rating-steps__step-text {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    color: #9C9CA7;
}

/* rating END */


.documents-banner {
    background-color: #FFA75F;
    background-image: url("../img/download-documents-bg.png"), url("../img/download-documents-bg.png");
    background-repeat: no-repeat;
    background-position: calc(50% - 450px) center, calc(50% + 450px) center;
    -webkit-background-size: contain;
    background-size: contain;
}

.documents-banner__content {
    padding: 9px 0;
    gap: 10px 44px;
}

.documents-banner__content-title {
    font-weight: bold;
    font-size: 18px;
}
.btn-outline-orange {
    border-color: #e57225;
    background-color: transparent;
}
.btn-outline-orange:hover {
    background-color: #e57225;
}

/*CUSTOM SCROLL PERSONAL CABINET NAV*/

.m-header__bot-wrp::-webkit-scrollbar-button {
    width: 100%;
    height: 0;
    background-image: url("");
    background-repeat: no-repeat;
}

.m-header__bot-wrp::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.m-header__bot-wrp::-webkit-scrollbar-track:active {
    background-color: white;
}

.m-header__bot-wrp::-webkit-scrollbar-thumb {
    background-color: #DADAE0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.m-header__bot-wrp::-webkit-scrollbar-thumb:hover {
    background-color: #e8e8ec;
}

.m-header__bot-wrp::-webkit-scrollbar-thumb:active {
    background-color: #ccccd4;
}

.m-header__bot-wrp::-webkit-scrollbar-thumb:vertical {
    background-image: 3px;
}

.m-header__bot-wrp::-webkit-resizer {
    width: 3px;
    height: 3px;
    background-color: #ffffff;
    background-image: url("");
    background-repeat: no-repeat;
}

.m-header__bot-wrp::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .m-header__bot-wrp {
        scrollbar-face-color: #DADAE0;
        scrollbar-track-color: #ffffff;
        scrollbar-shadow-color: #DADAE0;
        scrollbar-arrow-color: #DADAE0;
    }
}

@supports (-moz-appearance: none) {
    .m-header__bot-wrp {
        scrollbar-width: auto;
        scrollbar-color: #DADAE0 #ffffff;
    }
}