/* Start:/local/assets/css/tci-ban.css?17768679647465*/
.tci-ban {
    position: relative;
    font-family: "Commissioner", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "FLAR" 0,
        "VOLM" 0;
    padding-bottom: 1.25rem;

    .page-wrap {
        max-width: 1350px;
        height: 100%;
    }

    .breadcrumbs {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 100%;
        z-index: 2;

        ul {

            li {

                &::after {
                    color: rgba(255, 255, 255, 0.5);
                }

                a {
                    color: rgba(255, 255, 255, 0.5);
                }

            }

        }

    }

}

.tci-ban-box {
    position: relative;

    .ban {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover;
        height: 80%;

        img {
            opacity: 0;
            visibility: hidden;
        }

    }

}

.tci-ban-group {
    height: 100%;
    overflow: hidden;

    .d-flex {
        height: 100%;
        margin-left: -15px;
        margin-right: -15px;
    }

    .bx {
        position: relative;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;

        &:last-child {
            background-color: #fff;
            border-radius: 10px 10px 0 0 ;
            -webkit-border-radius: 10px 10px 0 0 ;
            -moz-border-radius: 10px 10px 0 0 ;
            -ms-border-radius: 10px 10px 0 0 ;
            -o-border-radius: 10px 10px 0 0 ;
            z-index: 1;
            padding-top: 1.25rem;
            padding-bottom: 1.875rem;
        }
        
    }

    .lab {
        position: absolute;
        top: 10px;
        left: -2.5rem;
        max-width: 50px;
        display: none;
    }

    h1 {
        color: #242424;
        font-weight: 500;
        font-size: clamp(2rem, 4vw, 4.5rem);
        line-height: 1;
    }

    .image {
        height: 100%;
        display: flex;
        align-items: flex-end;
        position: relative;
        z-index: 1;
        max-width: 183px;
        margin: 0 auto;
        padding-top: 1.875rem;

        &::before {
            position: absolute;
            content: "";
            top: -10%;
            height: 120%;
            width: 127px;
            background-color: #FAAF32;
            z-index: -1;
            transform: rotate(18deg);
            -webkit-transform: rotate(18deg);
            -moz-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            -o-transform: rotate(18deg);
        }

    }

    .desc {
        font-weight: 500;
        font-size: 0.9375rem;
        color: #505050;
        max-width: 695px;
        margin-top: 1.125rem;
    }

    .page-btn {
        margin-top: 1.125rem;
        max-width: 100%;
        font-size: 1rem;
    }

    .page-btn_curr {
        background-color: #FAAF32;
    }

}

@media (min-width: 576px) {

    .tci-ban-group {

        .page-btn {
            max-width: 198px;
            font-size: 1.0625rem;
        }

    }

}

@media (min-width: 768px) {

    .tci-ban {
        padding-bottom: 2.5rem;
    }

}

@media (min-width: 860px) {

    .tci-ban-box {

        .ban {
            height: 100%;
        }

    }

    .tci-ban-group {

        .d-flex {
            margin-left: -0.625rem;
            margin-right: -0.625rem;
            flex-direction: row-reverse;
        }

        .bx {
            flex: inherit;
            max-width: fit-content;
            padding-left: 0.625rem;
            padding-right: 0.625rem;

            &:last-child {
                flex: 0 0 48%;
                max-width: 48%;
                align-self: center;
                background-color: transparent;
                border-radius: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                padding-top: 0;
                padding-bottom: 0;
            }

        }

        h1 {
            color: #fff;
        }

        .desc {
            color: #fff;
        }

        .image {
            max-width: fit-content;
            padding-top: 0;

            &::before {
                width: 289px;
            }

        }

    }

} 

@media (min-width: 1200px) {

    .tci-ban-group {

        .bx {

            &:last-child {
                max-width: 63%;
                flex: 0 0 63%;
            }

        }

        .desc {
            font-size: 1.125rem;
        }

    }

}

@media (min-width: 1440px) {

    .tci-ban-group {

        .lab {
            display: block;
        }

    }

}

@media (min-width: 1500px) {

    .tci-ban-group {

        .lab {
            max-width: fit-content;
            left: -4.75rem
        }

    }

}

@media (min-width: 1560px) {

    .tci-ban-group {

        .lab {
            left: -5.9375rem;
        }

    }

}


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

.d-flex {
  display: flex;
}

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

.flex-column {
  flex-direction: column;
}

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

.flex-fill {
  flex: 1 1 auto;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.mw-100 {
  max-width: 100%;
}

.d-block {
  display: block;
}

.pt-0 {
  padding-top: 0;
}
.page {
  min-height: 100%;
}
.page-wrap {
  clear: both;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.page-wrap::before, .page-wrap::after {
  content: "";
  display: table;
}
.page-wrap::after {
  clear: both;
}
.page :where(h1, h2) {
  margin: 0;
  color: #000;
}
.page-rubl {
  position: relative;
  display: inline-block;
  font-family: "PT Rouble Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
}
.page-rubl::before {
  content: "у";
}
.page-btn {
  max-width: 250px;
  width: 100%;
  padding: 8px 15px;
  text-align: center;
  display: grid;
  height: 50px;
  place-items: center;
  transition: all 0.4s ease-in 0s;
  -webkit-transition: all 0.4s ease-in 0s;
  -moz-transition: all 0.4s ease-in 0s;
  -ms-transition: all 0.4s ease-in 0s;
  -o-transition: all 0.4s ease-in 0s;
  text-decoration: none;
}
.page-btn_curr {
  color: #fff;
}

.create a {
  outline: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  transition: all 0.4s ease-in 0s;
  -webkit-transition: all 0.4s ease-in 0s;
  -moz-transition: all 0.4s ease-in 0s;
  -ms-transition: all 0.4s ease-in 0s;
  -o-transition: all 0.4s ease-in 0s;
}
.create a:focus {
  outline: none;
  border: none;
}

.form-gr {
  overflow: hidden;
  position: relative;
}
.form-gr input {
  width: 100%;
  outline: none;
  line-height: 1.3;
  padding: 5px 10px;
  box-sizing: border-box;
}

.phone a {
  outline: none;
  border: none;
  text-decoration: none;
  display: inline-block;
  color: #000;
  transition: all 0.4s ease-in 0s;
  -webkit-transition: all 0.4s ease-in 0s;
  -moz-transition: all 0.4s ease-in 0s;
  -ms-transition: all 0.4s ease-in 0s;
  -o-transition: all 0.4s ease-in 0s;
  white-space: nowrap;
}
.phone a:focus {
  outline: none;
  border: none;
}

/* End */


/* Start:/local/assets/css/tci-adv.css?17768655752240*/
.tci-adv {
    position: relative;
    font-family: "Commissioner", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "FLAR" 0,
        "VOLM" 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;

    h2 {
        color: #000;
        font-weight: 500;
        font-size: clamp(1.325rem, 4vw, 3rem);
    }

    .page-wrap {
        max-width: 1350px;
    }
    
}

.tci-adv-block {
    padding-top: 1.25rem;

    .d-flex {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        row-gap: 0.9375rem;
    }

    .bx {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        flex: 0 0 100%;
        max-width: 100%;
    }

}

.tci-adv-cart {

    .ttl {
        font-weight: 500;
        font-size: 1.1875rem;
        color: #FAAF32;
        margin-bottom: 7px;

        br {
            display: none;
        }

    }

    .info {
        color: #242424;
        font-weight: normal;
        font-size: 0.9375rem;
    }

}

@media (min-width: 680px) {

    .tci-adv-block {

        .bx {
            flex: 0 0 50%;
            max-width: 50%;
        }

    }

}

@media (min-width: 768px) {

    .tci-adv {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .tci-adv-block {
        padding-top: 1.75rem;
    }

}

@media (min-width: 860px) {

    .tci-adv-block {

        .bx {
            flex: 0 0 25%;
            max-width: 25%;
        }

    }

    .tci-adv-cart {

        .ttl {

            br {
                display: block;
            }

        }

    }

}

@media (min-width: 1200px) {

    .tci-adv-cart {

        .ttl {
            font-size: 1.75rem;
            margin-bottom: 0.75rem;
        }

        .info {
            font-size: 1.0625rem;
        }

    }

}

@media (min-width: 1440px) {

    .tci-adv-block {

        .d-flex {
            margin-left: -2.1875rem;
            margin-right: -2.1875rem;
        }

        .bx {
            padding-left: 2.1875rem;
            padding-right: 2.1875rem;
        }

    }

}
/* End */


/* Start:/local/assets/css/tci-bid.css?17769425035704*/
.tci-bid {
    position: relative;
    font-family: "Commissioner", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "FLAR" 0,
        "VOLM" 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;

    .page-wrap {
        max-width: 1350px;
    }

}

.tci-bid-box {
    background-color: #FAAF32;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.325rem;
    padding-bottom: 1.325rem;
    overflow: hidden;
    position: relative;

    &::after {
        position: absolute;
        right: 0;
        content: url(/local/assets/css/../img/line-cart4.svg);
        bottom: -2px;
    }

    .d-flex {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
        row-gap: 0.875rem;
    }

    .bx {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ttl {
        color: #242424;
        font-weight: 500;
        font-size: clamp(1.325rem, 4vw, 2.1875rem);
        margin-bottom: 8px;
    }

    .desc {
        color: #242424;
        font-weight: normal;
        font-size: 0.9375rem;
    }

}

.form-bid {
    position: relative;
    z-index: 1;
}

.form-bid-fl {
    display: flex;
    flex-wrap: wrap;
    margin-left: -9px;
    margin-right: -9px;
    row-gap: 0.9375rem;
    margin-bottom: 1rem;
}

.form-bid-bx {
    padding-left: 9px;
    padding-right: 9px;
    flex: 0 0 100%;
    max-width: 100%;

    label {
        display: block;
        color: #242424;
        font-weight: 500;
        font-size: 0.9375rem;
        margin-bottom: 0.625rem;
        line-height: 1.2;
    }

    input {
        width: 100%;
        background-color: #fff;
        border: none;
        outline: none;
        box-sizing: border-box;
        height: 46px;
        font-weight: normal;
        font-size: 0.875rem;
        color: #A7ABAF;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 14px;
        padding-right: 14px;

        &::placeholder {
            opacity: 1;
            color: #A7ABAF;
        }

    }

    .page-btn {
        max-width: 100%;
        border: none;
        font-weight: 500;
        font-size: 1.0625rem;
    }

    .page-btn_grey {
        background-color: #242424;
        color: #fff;
    }

}

.form-bid-ch {
    
    &:not(:first-of-type) {
        margin-top: 7px;
    }

    .checked {
        position: relative;

        input[type="checkbox"] {
            position: absolute;
            opacity: 0;
            left: 0;

            &:checked {

                ~ label {

                    span {

                        &::before {
                            opacity: 1;
                        }

                    }

                }

            }

        }

        label {
            position: relative;
            display: block;
            font-weight: normal;
            font-size: 0.8125rem;
            color: #fff;
            padding-left: 1.875rem;

            a {
                text-decoration: underline;
                text-decoration-skip-ink: none;
                color: #fff;
            }

            span {
                position: absolute;
                left: 0;
                width: 1.125rem;
                height: 1.125rem;
                background-color: #E5E6E7;
                top: 3px;

                &::before {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    content: "";
                    width: 0.75rem;
                    height: 0.75rem;
                    background-color: #FAAF32;
                    transition: all 0.4s ease-in;
                    -webkit-transition: all 0.4s ease-in;
                    -moz-transition: all 0.4s ease-in;
                    -ms-transition: all 0.4s ease-in;
                    -o-transition: all 0.4s ease-in;
                    opacity: 0;
                    transform: translateY(-50%) translateX(-50%);
                    -webkit-transform: translateY(-50%) translateX(-50%);
                    -moz-transform: translateY(-50%) translateX(-50%);
                    -ms-transform: translateY(-50%) translateX(-50%);
                    -o-transform: translateY(-50%) translateX(-50%);
                }

            }

        }

    }

}

@media (min-width: 576px) {

    .form-bid-fl {
        row-gap: 1.125rem;
    }

    .form-bid-bx {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tci-bid-box {
        padding-top: 2.1875rem;
        padding-bottom: 2.3125rem;
    }

}

@media (min-width: 768px) {

    .tci-bid {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

}

@media (min-width: 860px) {

    .tci-bid-box {

        .bx {
            flex: 0 0 58%;
            max-width: 58%;

            &:first-child {
                flex: 0 0 31%;
                max-width: 31%;
            }

        }

        &::after {
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            bottom: inherit;
        }

    }

}

@media (min-width: 1100px) {

    .tci-bid-box {

        .desc {
            font-size: 1.0625rem;
        }

        .bx {
            flex: 0 0 52%;
            max-width: 52%;
        }
        
    }

}

@media (min-width: 1200px) {

    .tci-bid-box {
        padding-left: 2.5rem;
        padding-right: 2.5rem;

        .bx {
            flex: 0 0 47%;
            max-width: 47%;
        }

    }

}
/* End */


/* Start:/local/assets/css/tci-spec.css?17768655754324*/
.tci-spec {
    position: relative;
    font-family: "Commissioner", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "FLAR" 0,
        "VOLM" 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;

    .page-wrap {
        max-width: 1350px;
    }
}

.tci-spec-box {
    position: relative;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.0625rem;
    padding-bottom: 1.325rem;

    .d-flex {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
        row-gap: 1rem;
    }

    .bx {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bx-fl {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 1.125rem;
    }

    .ttl {
        color: #242424;
        font-weight: 500;
        font-size: clamp(1.325rem, 4vw, 2.1875rem);
        position: relative;
        padding-left: 2.125rem;
        max-width: 450px;

        .shashes {
            position: absolute;
            left: 0;
            top: 7px;
            max-width: 27px;
        }

    }

    .name {
        color: #242424;
        font-weight: bold;
        font-size: 1.25rem;
        margin-bottom: 4px;
    }

    .post {
        color: #FAAF32;
        font-weight: 500;
        font-size: 0.9375rem;
    }

    .phone, .email {
        margin-top: 0.75rem;

        span {
            display: block;
            color: #A7ABAF;
            font-weight: 500;
            font-size: 0.9375rem;
        }

        a {
            text-decoration: none;
            display: block;
            outline: none;
            border: none;
            font-weight: bold;
            color: #242424;
            font-size: 1.25rem;
        }

    }

    .email {

        a {
            font-size: 1.125rem;
        }

    }

    .img {
        height: 100%;
        display: flex;
        align-items: flex-end;
        border: 1px solid #E5E5E5;

        img {
            margin: 0 auto;
        }

    }

}

@media (min-width: 480px) {

    .tci-spec-box {

        .bx-gr {

            &:last-child {
                align-self: center;
            }

        }

    }

}

@media (min-width: 768px) {

    .tci-spec {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .tci-spec-box {

        .name {
            font-size: 1.5rem;
        }

        .post {
            font-size: 1rem;
        }

        .phone, .email {
            margin-top: 1.0625rem;
        }

        .ttl {

            .shashes {
                top: 10px;
            }

        }

    }

}

@media (min-width: 860px) {

    .tci-spec-box {
        padding-top: 0;
        padding-bottom: 0;

        .bx {
            flex: 0 0 62%;
            max-width: 62%;

            &:first-child {
                padding-top: 1.875rem;
                padding-bottom: 1.875rem;
                flex: 0 0 36%;
                max-width: 36%;
            }
            
        }

        .bx-fl {
            flex-direction: row;
        }

        .bx-gr {

            &:last-child {
                align-self: end;
            }

            &:first-child {
                padding-top: 3.75rem;
                padding-bottom: 3.75rem;
            }

        }

        .img {
            border-color: transparent;
        }

    }

}

@media (min-width: 992px) {

    .tci-spec-box {

        .ttl {
            padding-left: 5rem;

            .shashes {
                max-width: fit-content;
            }

        }

    }

}

@media (min-width: 1100px) {

    .tci-spec-box {

        .bx {
            flex: 0 0 54%;
            max-width: 54%;

            &:first-child {
                padding-top: 3.75rem;
                padding-bottom: 3.75rem;
            }

        }

    }

}

@media (min-width: 1200px) {

    .tci-spec-box {
        padding-left: 3.125rem;
        padding-right: 3.125rem;
    }

}
/* End */


/* Start:/local/assets/css/tci-faq.css?17768655753651*/
.tci-faq {
    position: relative;
    font-family: "Commissioner", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "FLAR" 0,
        "VOLM" 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;

    .page-wrap {
        max-width: 1350px;
    }

    h2 {
        color: #242424;
        font-weight: 500;
        font-size: clamp(1.325rem, 4vw, 3rem);
    }

}

.tci-faq-block {
    padding-top: 1.5625rem;
}

.accordion-item {
    margin-left: -15px;
    margin-right: -15px;

    &:nth-child(odd) {
        background-color: #F5F5F5;
    }

    &.active {

        .accordion-name {
            padding-bottom: 0.75rem;

            .arr {

                &::before {
                    content: url(/local/assets/css/../img/icon/icon-arrow-up.svg);
                }

            }

        }

        .accordion-wrap {
            display: block;
        }

    }

}

.accordion-name {
    position: relative;
    display: block;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    text-decoration: none;
    font-weight: 500;
    color: #242424;
    font-size: 1rem;
    padding-right: 3.75rem;

    .arr {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        width: 1.875rem;
        height: 1.875rem;
        background-color: #FAAF32;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        display: grid;
        place-items: center;

        &::before {
            position: absolute;
            top: 50%;
            left: 50%;
            content: url(/local/assets/css/../img/icon/icon-arrow-down.svg);
            transform: translateY(-50%) translateX(-50%);
            -webkit-transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            -o-transform: translateY(-50%) translateX(-50%);
            transition: all 0.4s ease-in;
            -webkit-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
            -ms-transition: all 0.4s ease-in;
            -o-transition: all 0.4s ease-in;
        }

    }

}

.accordion-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.325rem;
    display: none;

    p {
        color: #242424;
        font-weight: normal;
        font-size: 0.9375rem;
        margin: 0 0 0.8125rem;

        &:last-child {
            margin-bottom: 0;
        }

    }

}

@media (min-width: 768px) {

    .tci-faq {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

}

@media (min-width: 860px) {

    .accordion-item {
        margin-left: 0;
        margin-right: 0;

        &.active {

            .accordion-name {
                padding-bottom: 0.6875rem;
            }

        }

    }

    .accordion-name {
        font-size: 1.1875rem;
        padding-left: 1.5rem;
        padding-right: 11.25rem;
        padding-top: 2rem;
        padding-bottom: 2rem;

        .arr {
             width: 2.5rem;
            height: 2.5rem;
            right: 1.0625rem;
        }

    }

    .accordion-wrap {
        padding-left: 1.5rem;
        padding-right: 11.25rem;
        padding-bottom: 2.25rem;

        p {
            font-size: 1rem;
        }

    }

}
/* End */


/* Start:/local/templates/tsi/components/bitrix/news.list/about-slider/style.min.css?1755004172359*/
.abt_video{position:relative}.abt_video:before{content:' ';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(/local/assets/images/video_paly_btn.png) center center no-repeat;background-size:cover;width:80px;height:80px}
/* End */
/* /local/assets/css/tci-ban.css?17768679647465 */
/* /local/assets/css/tci-adv.css?17768655752240 */
/* /local/assets/css/tci-bid.css?17769425035704 */
/* /local/assets/css/tci-spec.css?17768655754324 */
/* /local/assets/css/tci-faq.css?17768655753651 */
/* /local/templates/tsi/components/bitrix/news.list/about-slider/style.min.css?1755004172359 */