/* Start:/local/templates/.default/components/bitrix/catalog/sotbit_origami_catalog_new_tem/style.css?176813956838821*/
.main-input-bg__wrapper {
    position: relative;
}

.main-input-bg__wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #cbcbcb;
    transition: background-color 0.3s ease-in-out;
}

.main-input-bg__wrapper:hover::after {
    background-color: #999;
}

.main-input-bg__wrapper .main-input-bg {
    position: relative;
    width: 100%;
    height: 56px;
    padding: 23px 15px 6px;
    border-radius: 4px 4px 0 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    transition: all 0.3s ease;
}

.main-input-bg__wrapper .main-input-bg.main-input-bg--gray {
    background-color: #f2f2f2;
}

.main-input-bg__wrapper .main-input-bg.filled + .main-label-bg {
    top: 7px;
    font-size: 12px;
    line-height: 18px;
}

.main-input-bg__wrapper .main-input-bg.failed {
    position: relative;
    border-color: #f00;
    z-index: 1;
}

.main-input-bg__wrapper .main-input-bg.failed + .main-label-bg {
    top: 7px;
    color: #f00;
    font-size: 12px;
    line-height: 18px;
}

.main-input-bg__wrapper .main-input-bg:focus {
    position: relative;
    border-color: #ff7b4c;
    z-index: 1;
}

.main-input-bg__wrapper .main-input-bg:focus + .main-label-bg {
    top: 7px;
    color: #ff7b4c;
    font-size: 12px;
    line-height: 18px;
}

.main-input-bg__wrapper .main-input-bg:focus + .main-label-bg::after {
    opacity: 1;
}

.main-input-bg__wrapper .main-label-bg {
    position: absolute;
    top: calc(50% - 10px);
    left: 15px;
    margin: 0;
    text-align: left;
    font-weight: normal;
    color: #808080;
    font-size: 15px;
    line-height: 20px;
    user-select: none;
    transition: all 0.3s ease;
    z-index: 2;
    cursor: text;
}

.main-input-md__wrapper {
    position: relative;
}

.main-input-md__wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #dadada;
    transition: background-color 0.3s ease-in-out;
}

.main-input-md__wrapper:hover::after {
    background-color: #bdbdbd;
}

.main-input-md__wrapper .main-input-md {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 23px 15px 6px;
    border-radius: 4px 4px 0 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    box-shadow: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.main-input-md__wrapper .main-input-md.main-input-bg--gray {
    background-color: #f7f7f7;
}

.main-input-md__wrapper .main-input-md.filled + .main-label-md {
    top: 7px;
    font-size: 12px;
    line-height: 18px;
}

.main-input-md__wrapper .main-input-md.failed {
    position: relative;
    border-color: #f00;
    z-index: 1;
}

.main-input-md__wrapper .main-input-md.failed + .main-label-md {
    top: 7px;
    color: #f00;
    font-size: 12px;
    line-height: 18px;
}

.main-input-md__wrapper .main-input-md:focus {
    position: relative;
    border-color: #ff7b4c;
    z-index: 1;
}

.main-input-md__wrapper .main-input-md:focus + .main-label-md {
    top: 7px;
    color: #ff7b4c;
    font-size: 12px;
    line-height: 18px;
}

.main-input-md__wrapper .main-input-md:focus + .main-label-md::after {
    opacity: 1;
}

.main-input-md__wrapper .main-label-textarea-md {
    position: absolute;
    top: calc(50% - 10px);
    left: 15px;
    margin: 0;
    text-align: left;
    color: #808080;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    user-select: none;
    transition: all 0.3s ease;
    z-index: 2;
    cursor: text;
}

.main-input-md__wrapper .main-label-md {
    position: absolute;
    top: calc(50% - 10px);
    left: 15px;
    z-index: 2;
    max-width: calc(100% - 15px);
    margin: 0;
    text-align: left;
    color: #808080;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    user-select: none;
    transition: all 0.3s ease;
    cursor: text;
    overflow: hidden;
}

.main-textarea-md__wrapper {
    position: relative;
}

.main-textarea-md__wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #dadada;
    transition: background-color 0.3s ease-in-out;
}

.main-textarea-md__wrapper:hover::after {
    background-color: #bdbdbd;
}

.main-textarea-md__wrapper .main-textarea-md {
    position: relative;
    display: block;
    width: 100%;
    min-height: 115px;
    padding: 23px 20px 6px 15px;
    border-radius: 4px 4px 0 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    font-size: 14px;
}

.main-textarea-md__wrapper .main-textarea-md.main-textarea-md--gray {
    background-color: #f2f2f2;
}

.main-textarea-md__wrapper .main-textarea-md.filled + .main-label-textarea-md {
    padding-top: 5px;
    font-size: 12px;
    line-height: 18px;
}

.main-textarea-md__wrapper .main-textarea-md.failed {
    position: relative;
    border-color: #f00;
    z-index: 1;
}

.main-textarea-md__wrapper .main-textarea-md.failed + .main-label-textarea-md {
    padding-top: 5px;
    font-size: 12px;
    line-height: 18px;
}

.main-textarea-md__wrapper .main-textarea-md:focus {
    position: relative;
    border-color: #ff7b4c;
    z-index: 1;
}

.main-textarea-md__wrapper .main-textarea-md:focus + .main-label-textarea-md {
    padding-top: 5px;
    font-size: 12px;
    line-height: 18px;
}

.main-textarea-md__wrapper .main-textarea-md:focus + .main-label-textarea-md::after {
    opacity: 1;
}

.main-textarea-md__wrapper .main-label-textarea-md {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    margin: 0;
    padding-left: 15px;
    padding-top: 15px;
    text-align: left;
    color: #808080;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    user-select: none;
    background-color: #fff;
    transition: all 0.3s ease;
    z-index: 2;
    cursor: text;
}

.main-textarea-md__wrapper .main-label-textarea-md.main-label-textarea-md--gray {
    background-color: #f2f2f2;
}

.main_checkbox.not-checked label > span:first-child::before {
    border-color: red;
}

.main_checkbox input[type='checkbox'] {
    display: none;
}

.main_checkbox input[type='checkbox']:checked + label > span:first-child::before, .main_checkbox input[type='checkbox']:checked + label > .checkbox::before {
    background-color: #ff7b4c !important;
    border-color: #ff7b4c !important;
}

.main_checkbox input[type='checkbox']:checked + label > span:first-child::after, .main_checkbox input[type='checkbox']:checked + label > .checkbox::after {
    display: block;
}

.main_checkbox input[type='checkbox']:checked + .checkbox::before {
    background-color: #ff7b4c !important;
    border-color: #ff7b4c !important;
}

.main_checkbox input[type='checkbox']:checked + .checkbox::after {
    display: block;
}

.main_checkbox label {
    display: inline-flex;
    flex-wrap: nowrap;
    line-height: 20px;
    font-weight: normal;
    cursor: pointer;
    transition: all 0.3s ease;
}

.main_checkbox label a {
    color: #ff7b4c !important;
}

.main_checkbox label > span:first-child, .main_checkbox label > .checkbox {
    position: relative;
}

.main_checkbox label > span:first-child::before, .main_checkbox label > .checkbox::before {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 2px solid #e6e6e6;
    border-radius: 2px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.main_checkbox label > span:first-child::after, .main_checkbox label > .checkbox::after {
    display: none;
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 13px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
}

.main_checkbox label:hover {
    color: #ff7b4c !important;
}

.main_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 135px;
    min-height: 40px;
    padding: 0.5rem;
    font-family: "Ubuntu";
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #fff;
    white-space: normal !important;
    word-wrap: break-word;
    background: #ff7b4c;
    position: relative;
    cursor: pointer;
    border: 1px solid #ff7b4c;
    transition: all 0.3s ease-out;
}

.main_btn:focus {
    color: #fff;
}

.main_btn:hover {
    color: #fff;
    background-color: #ff5519;
    border-color: #ff5519;
}

.main_btn:active {
    color: #fff;
    background-color: #ff5519;
    border-color: #ff5519;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.25);
}

.main_btn:disabled {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.main_btn:disabled:hover {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.main_btn-big {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 135px;
    min-height: 50px;
    padding: 0.5rem;
    font-family: "Ubuntu";
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #fff;
    white-space: normal !important;
    word-wrap: break-word;
    background: #ff7b4c;
    position: relative;
    cursor: pointer;
    border: 1px solid #ff7b4c;
    transition: all 0.3s ease-out;
}

.main_btn-big:focus {
    color: #fff;
}

.main_btn-big:hover {
    color: #fff;
    background-color: #ff5519;
    border-color: #ff5519;
}

.main_btn-big:active {
    color: #fff;
    background-color: #ff5519;
    border-color: #ff5519;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.25);
}

.main_btn-big:disabled {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.main_btn-big:disabled:hover {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.main_btn-white {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 135px;
    min-height: 40px;
    padding: 0.5rem;
    font-family: "Ubuntu";
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #ff7b4c;
    white-space: normal !important;
    word-wrap: break-word;
    background: transparent;
    position: relative;
    cursor: pointer;
    border: 1px solid #ff7b4c;
    transition: all 0.3s ease-out;
}

.main_btn-white:focus {
    color: #ff7b4c;
}

.main_btn-white:hover {
    color: #ff5519;
    background-color: transparent;
    border-color: #ff5519;
}

.main_btn-white:active {
    color: #ff5519;
    background-color: transparent;
    border-color: #ff5519;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.25);
}

.main_btn-white:disabled {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.main_btn-white:disabled:hover {
    background-color: #bdbdbd !important;
    border-color: #bdbdbd !important;
}

.main_radio {
    display: flex;
    flex-wrap: wrap;
    /* ___________ 1. main style__________________ */
    /*==================================================*/
}

.main_radio span {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.main_radio span::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 100%;
    border: 2px solid #e6e6e6;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.main_radio span:hover {
    color: #ff7b4c;
}

.main_radio input[type='radio'] {
    display: none;
}

.main_radio input[type='radio']:checked + span::before {
    border: 6px solid #ff7b4c;
}

.main-color-txt {
    color: #ff7b4c !important;
}

.main-color-txt:hover {
    color: #ff5519 !important;
}

.main-txt-hover:hover {
    color: #ff5519 !important;
}

.main-color-txt-hov:hover {
    color: #ff5519 !important;
}

.main-color-block {
    color: #ff7b4c !important;
}

.main-color-block:hover {
    color: #ff5519 !important;
}

.main-color-btn {
    color: #ff7b4c !important;
}

.main-color-btn:hover {
    color: #ff5519 !important;
}

.main-color-btn-hover-fill {
    color: #ff7b4c !important;
    border-color: #ff7b4c !important;
}

.main-color-btn-hover-fill:hover {
    color: #fff !important;
    background-color: #ff7b4c !important;
}

.main-color-btn-fill {
    color: #fff !important;
    background-color: #ff7b4c !important;
}

.main-color-btn-fill:hover {
    color: #fff !important;
    background-color: #ff5519 !important;
}

.main-color-btn-svg {
    color: #ff7b4c !important;
}

.main-color-btn-svg:hover {
    color: #ff5519 !important;
}

.main-color-btn-svg:hover svg {
    fill: #ff5519 !important;
}

.main-color-btn-svg svg {
    fill: #ff7b4c !important;
}

.main-color-btn-svg-stroke {
    color: #ff7b4c !important;
}

.main-color-btn-svg-stroke:hover {
    color: #ff5519 !important;
}

.main-color-btn-svg-stroke:hover svg {
    stroke: #ff5519 !important;
}

.main-color-btn-svg-stroke svg {
    stroke: #ff7b4c !important;
}

.main-color-svg-fill {
    fill: #ff7b4c;
}

.main-color-svg-fill:hover {
    fill: #ff5519;
}

.main-svg-fill-hover {
    /*==================================================*/
    /*==================================================*/
}

.main-svg-fill-hover:hover svg {
    fill: #ff7b4c !important;
}

.main-color {
    color: #ff7b4c;
}

.main-color_on-hover:hover {
    color: #ff7b4c !important;
}

.main-color_bg-on-hover:hover {
    background-color: #ff7b4c !important;
}

.main-color_link {
    color: #ff7b4c !important;
}

.main-color_link:hover {
    color: #ff5519 !important;
}

.main-color_bg {
    background-color: #ff7b4c !important;
}

.main-color_border {
    border: 1px solid #ff7b4c !important;
}

.main-color_border-color {
    border-color: #ff7b4c !important;
}

.main-color_svg {
    fill: #ff7b4c !important;
}

.main-color_border-on-hover:hover {
    border-color: #ff7b4c !important;
}

.main-color_btn {
    background-color: #ff7b4c !important;
}

.main-color_btn:hover {
    background-color: #ff5519 !important;
}

.main-color_svg-stroke {
    stroke: #ff7b4c !important;
    /*==================================================*/
}

html {
    font-size: 15px;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    height: 0;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 0 0 1.5rem 0;
}

body h1 {
    font-size: 2.2rem;
    padding: 0 0 1.5rem 0;
}

body h2 {
    font-size: 1.7rem;
    padding: 2rem 0 1.7rem 0;
}

body h3 {
    font-size: 1.6rem;
    padding: 1.3rem 0 1.5rem 0;
}

body h4 {
    font-size: 1.5rem;
}

body h5 {
    font-size: 1.4rem;
}

body h6 {
    font-size: 1.2rem;
}

body p {
    font-size: 14px;
    margin: 0;
    padding: 0 0 0.7rem 0;
}

body ul {
    padding-left: 0;
}

body ul:before {
    color: #ff7b4c;
}

body li {
    list-style: none;
    position: relative;
}

body li::before {
    content: "\25CF";
    color: #ff7b4c;
    padding: 0;
    margin-left: 0;
    width: 20px;
    position: absolute;
    top: -2px;
    left: 0;
    display: none;
}

body ol {
    padding-left: 0;
}

body ul li, body ol li {
    margin: 0 0 0.5rem;
    padding-left: 1.5rem;
    position: relative;
}

body ul:not([class]) {
    margin-left: 20px;
}

body ul:not([class]) li {
    padding-left: 0;
    list-style: disc outside;
}

body ul:not([class]) li p {
    display: inline-block;
}

body ol:not([class]) {
    margin-left: 20px;
}

body ol:not([class]) li {
    padding-left: 10px;
    list-style: decimal outside;
}

body:not(#bx-panel), body:not(#theme-change), body:not(#theme-panel), body:not(#bx-panel-back) {
    font-family: "Ubuntu", sans-serif !important;
}

@media (max-width: 1023px) {
    body h1:not([class]) {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1343px) {
    /* ___________ 3. link style__________________ */
    body h1:not([class]) {
        padding-left: 0;
        padding-right: 0;
    }
}

body a {
    font-family: "Ubuntu", sans-serif !important;
    color: #000;
    text-decoration: none;
    outline: none;
    transition: all 0.1s ease-in-out;
    /* ___________ end link style__________________ */
}

body a:hover {
    color: #ff7b4c;
    outline: none;
    text-decoration: none;
}

body a:hover::after {
    border-color: #ff7b4c;
}

body a:focus {
    color: #000;
    outline: none;
    text-decoration: none;
}

ul li:before, ol li:before {
    padding: 0;
    margin-left: 0;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
}

blockquote {
    position: relative;
    margin: 2rem 0;
    padding: 0.7rem 1.2rem;
    border: none;
    font-size: 1rem;
}

blockquote:before {
    bottom: 3px;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    top: 3px;
    width: 3px;
    background-color: #ff7b4c;
}

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

blockquote.red i {
    color: #ff7b4c;
}

.block_main_left_menu__content.active .col, .block_main_left_menu__content.active .col-1, .block_main_left_menu__content.active .col-10, .block_main_left_menu__content.active .col-11, .block_main_left_menu__content.active .col-12, .block_main_left_menu__content.active .col-2, .block_main_left_menu__content.active .col-3, .block_main_left_menu__content.active .col-4, .block_main_left_menu__content.active .col-5, .block_main_left_menu__content.active .col-6, .block_main_left_menu__content.active .col-7, .block_main_left_menu__content.active .col-8, .block_main_left_menu__content.active .col-9, .block_main_left_menu__content.active .col-auto, .block_main_left_menu__content.active .col-lg, .block_main_left_menu__content.active .col-lg-1, .block_main_left_menu__content.active .col-lg-10, .block_main_left_menu__content.active .col-lg-11, .block_main_left_menu__content.active .col-lg-12, .block_main_left_menu__content.active .col-lg-2, .block_main_left_menu__content.active .col-lg-3, .block_main_left_menu__content.active .col-lg-4, .block_main_left_menu__content.active .col-lg-5, .block_main_left_menu__content.active .col-lg-6, .block_main_left_menu__content.active .col-lg-7, .block_main_left_menu__content.active .col-lg-8, .block_main_left_menu__content.active .col-lg-9, .block_main_left_menu__content.active .col-lg-auto, .block_main_left_menu__content.active .col-md, .block_main_left_menu__content.active .col-md-1, .block_main_left_menu__content.active .col-md-10, .block_main_left_menu__content.active .col-md-11, .block_main_left_menu__content.active .col-md-12, .block_main_left_menu__content.active .col-md-2, .block_main_left_menu__content.active .col-md-3, .block_main_left_menu__content.active .col-md-4, .block_main_left_menu__content.active .col-md-5, .block_main_left_menu__content.active .col-md-6, .block_main_left_menu__content.active .col-md-7, .block_main_left_menu__content.active .col-md-8, .block_main_left_menu__content.active .col-md-9, .block_main_left_menu__content.active .col-md-auto, .block_main_left_menu__content.active .col-sm, .block_main_left_menu__content.active .col-sm-1, .block_main_left_menu__content.active .col-sm-10, .block_main_left_menu__content.active .col-sm-11, .block_main_left_menu__content.active .col-sm-12, .block_main_left_menu__content.active .col-sm-2, .block_main_left_menu__content.active .col-sm-3, .block_main_left_menu__content.active .col-sm-4, .block_main_left_menu__content.active .col-sm-5, .block_main_left_menu__content.active .col-sm-6, .block_main_left_menu__content.active .col-sm-7, .block_main_left_menu__content.active .col-sm-8, .block_main_left_menu__content.active .col-sm-9, .block_main_left_menu__content.active .col-sm-auto, .block_main_left_menu__content.active .col-xl, .block_main_left_menu__content.active .col-xl-1, .block_main_left_menu__content.active .col-xl-10, .block_main_left_menu__content.active .col-xl-11, .block_main_left_menu__content.active .col-xl-12, .block_main_left_menu__content.active .col-xl-2, .block_main_left_menu__content.active .col-xl-3, .block_main_left_menu__content.active .col-xl-4, .block_main_left_menu__content.active .col-xl-5, .block_main_left_menu__content.active .col-xl-6, .block_main_left_menu__content.active .col-xl-7, .block_main_left_menu__content.active .col-xl-8, .block_main_left_menu__content.active .col-xl-9, .block_main_left_menu__content.active .col-xl-auto {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.block_main_left_menu__content.active .row {
    margin-right: -8px !important;
    margin-left: -8px !important;
}

.block_main_left_menu__content.active .mb-3, .block_main_left_menu__content.active .my-3 {
    margin-bottom: 8px !important;
}

.block_main_left_menu__content.active .mt-3, .block_main_left_menu__content.active .my-3 {
    margin-top: 8px !important;
}

[class].main-container {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1374px) {
    [class].main-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1023px) {
    /* ___________ end main style__________________ */
    /* ___________ 2. main DIV width style__________________ */
    [class].main-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.puzzle_block {
    position: relative;
    width: 100%;
    max-width: 1344px;
    margin: 0 auto;
    padding: 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

@media (max-width: 768px) {
    .puzzle_block {
        max-width: 100%;
    }
}

.puzzle_block__title {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 0 0 30px 0;
    font-family: "Ubuntu";
    font-size: 2rem;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .puzzle_block__title {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .puzzle_block__title.puzzle_block__title {
        font-size: 20px;
    }

    .puzzle_block__title a {
        margin-left: 0;
        margin-top: 10px;
        font-size: 14px;
    }
}

.puzzle_block__link {
    margin-left: 30px;
    color: #807f7f;
    font-weight: 400;
}

.puzzle_block__link i {
    display: none;
}

.puzzle_block input[type="submit"] {
    cursor: pointer;
    /* ___________ end main DIV width style__________________ */
    /* ___________ 4. main placeholder style__________________ */
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
    /* ___________ end main placeholder style __________________ */
    /* ___________ 5. main focus style__________________ */
}

:focus {
    outline-style: none;
    outline-width: 0 !important;
    outline-color: transparent !important;
    /* ___________ end main focus style__________________ */
    /* ___________ 6. main block puzzle style__________________ */
}

.puzzle_block {
    width: 100%;
    /* ___________ end main block puzzle style__________________ */
    /* all style*/
}

iframe {
    border: 0;
}

img {
    height: auto;
}

.origami_icons_button {
    /*  ___________  animation img  ___________ */
}

.origami_icons_button::after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: -10px;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: 50% 0;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    margin-top: 0;
}

.fonts__big_comment, .fonts__main_comment, .fonts__main_title, .fonts__middle_title, .fonts__small_title, .fonts__main_text, .fonts__middle_text, .fonts__small_text, .fonts__small_weight_title, .fonts__middle_comment, .fonts__small_comment {
    font-family: "Ubuntu", Arial, sans-serif;
}

.fonts__middle_title {
    font-weight: 700;
    font-size: 2rem;
}

.fonts__small_title {
    font-weight: 600;
    font-size: 1.2rem;
}

.fonts__main_text {
    font-weight: 700;
    font-size: 1.2rem;
}

.fonts__middle_text {
    font-weight: 700;
    font-size: 1rem;
}

.fonts__small_text {
    font-size: 1rem;
}

.fonts__main_comment {
    font-size: 0.93rem;
}

.fonts__middle_comment {
    font-size: 0.75em;
}

.fonts__small_comment {
    font-size: 0.8rem;
}

.puzzle_block__title_page {
    padding: 0 0 2.5rem 0;
}

textarea, input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    /* ___________  sticker product - card __________________ */
}

.sticker_product__discount {
    font-family: "Ubuntu";
    padding: 0.1rem 0.5rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-bottom: 0.1rem;
    background: #fb0040;
    /* ___________ end sticker product - card __________________ */
    /* ___________  sale price product - card __________________ */
}

.product_card__block__old_price_product {
    text-decoration: line-through;
    color: #cbcbcb;
    margin-right: 10px;
    /* ___________ end sale price product - card __________________ */
    /* scroll bar*/
}

.origami_main_scroll {
    position: relative;
    padding: 0 0 10px 0;
    /*
   * Container style
   */
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
    cursor: pointer;
    /*
   * Scrollbar rail styles
   */
}

.ps__rail-x {
    display: none;
    opacity: 1;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    height: 6px;
    /* please don't change 'position' */
    bottom: 0;
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 1;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    height: 6px;
    /* please don't change 'position' */
    bottom: 0;
    position: absolute;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}

.ps .ps__thumb-x:hover, .ps .ps__thumb-y:hover, .ps .ps__thumb-x:focus, .ps .ps__thumb-y:focus {
    background-color: #ff7b4c;
    /*
   * Scrollbar thumb styles
   */
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
    /* there must be 'bottom' for ps__thumb-x */
    height: 6px;
    /* please don't change 'position' */
    bottom: 0;
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
    /* there must be 'right' for ps__thumb-y */
    width: 6px;
    /* please don't change 'position' */
    right: 2px;
    position: absolute;
    /* MS supports */
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* end scroll bar*/
    .ps {
        overflow: auto !important;
    }
}

.no-padding {
    padding: 0 !important;
}

@media (max-width: 767.98px) {
    .puzzle_block .block_main_left_menu.right .block_main_left_menu__content, .puzzle_block .block_main_left_menu.left .block_main_left_menu__content, .puzzle_block .block_main_left_menu.left .block_main_left_menu__content.active, .puzzle_block .block_main_left_menu.right .block_main_left_menu__content.active {
        padding: 0 5px;
    }

    .fonts__middle_title {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .puzzle_block__title_page {
        text-align: center;
        padding-bottom: 1.5rem;
    }

    .fonts__main_title {
        font-size: 2.6rem;
    }

    .fonts__small_title {
        font-size: 1.1rem;
    }

    .fonts__small_weight_title {
        font-size: 1.1rem;
    }

    .fonts__main_text {
        font-size: 1.1rem;
    }

    .fonts__middle_text {
        font-size: 0.9rem;
    }

    .fonts__small_text {
        font-size: 0.9rem;
    }

    .fonts__big_comment {
        font-size: 0.87rem;
    }

    .fonts__main_comment {
        font-size: 0.87rem;
    }
}

.owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item > div {
    height: 100%;
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item > div > div {
    height: 100%;
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item .block_main_canvas_all_width__info, .owl-carousel .owl-stage-outer .owl-stage .owl-item .block_main_canvas__big_canvas__info, .owl-carousel .owl-stage-outer .owl-stage .owl-item .block_main_canvas__big_canvas__dop_photo {
    height: auto;
}

.owl-carousel .owl-stage-outer .owl-stage .product_card__block_item_inner {
    height: 100% !important;
}

.owl-carousel.owl-loaded.owl-drag .owl-nav {
    display: none;
}

.owl-carousel.owl-loaded.owl-drag .owl-dots {
    display: none;
}

.owl-carousel.owl-loaded.owl-drag:hover .owl-nav {
    display: block;
}

@media (max-width: 767.98px) {
    .owl-carousel.owl-loaded.owl-drag .owl-nav {
        display: block;
    }
}

.tabs.ui-sortable {
    margin: 0;
    position: relative;
}

.tabs.ui-sortable::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px dotted #a0a0a0;
}

.tabs.ui-sortable .ui-state-default.ui-sortable-handle svg {
    fill: #000;
}

.tabs.ui-sortable .ui-state-default.ui-sortable-handle:hover {
    color: #ff7b4c;
}

.tabs.ui-sortable .ui-state-default.ui-sortable-handle:hover svg {
    fill: #ff7b4c;
}

.hover-zoom {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hover-zoom:hover img {
    transform: scale(1.1);
}

.hover-zoom img {
    transition: transform 0.3s ease-in-out;
}

.hover-highlight {
    display: flex;
    overflow: hidden;
    position: relative;
}

.hover-highlight::before {
    content: "";
    position: absolute;
    height: 300%;
    width: 100px;
    transform: rotate(-45deg);
    bottom: 25%;
    left: 100%;
    background: url("/local/templates/sotbit_origami/assets/img/edge_blick.png") no-repeat;
    background-size: cover;
    z-index: 50;
    transition: 0.7s;
    opacity: 0.7;
}

.hover-highlight:hover::before {
    bottom: -150%;
    left: -45%;
}

.hover-square {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.hover-square::before {
    content: "";
    position: absolute;
    top: -15%;
    left: -15%;
    height: 130%;
    width: 130%;
    transform: scale(0);
    transform-origin: center;
    border: 50px solid rgba(255, 255, 255, 0.2);
    z-index: 50;
    opacity: 0.7;
}

.hover-square:hover::before {
    top: -25px;
    left: -25px;
    transform: scale(2.2);
    transition: 0.5s ease-out;
}

.product-card-inner__quantity.product-card-inner__quantity--lot .product-card_icon-check {
    fill: #00b02a;
}

.footer-link__email, .container_menu__contact_item_wrapper {
    display: inline-block;
}

body .popup-window {
    font: inherit;
}

.size {
    max-width: 1344px;
    margin-left: auto;
    margin-right: auto;
}

.bx-catalog-subscribe-form-container-label {
    margin-bottom: 5px;
}

#popup-window-overlay-phoneNumberInputSelectCountry {
    z-index: 2199 !important;
    position: fixed !important;
}

.bx-inclinkspersonal-item:hover {
    background: #ff7b4c;
}

.sk-wave .sk-rect {
    background-color: #ff7b4c;
}

.loader-lazy {
    border-top-color: #ff7b4c;
}

.loader-lazy:before {
    border-top-color: #ff7b4c;
    filter: hue-rotate(-35deg);
}

.loader-lazy:after {
    border-top-color: #ff5519;
}

.landing-ui-design .ui-widget-content .ui-state-active {
    background-color: #ff7b4c;
    border-color: #ff5519;
}

.nav-round-menu__item {
    background: linear-gradient(74.33deg, #ff703d 40.55%, #ff7b4c 88.32%), #ff7b4c;
}

.product-item-detail-slider-controls-block .slick-slide.slick-current {
    border-color: #ff7b4c !important;
}

.main_element_wrapper a:before {
    color: #ff7b4c;
}

.product-presence__basket .one_click_btn.btnLoaderCustom {
    color: transparent;
}

.loader svg {
    fill: #ff7b4c;
}

.product-presence__address-email:hover {
    color: #ff7b4c;
}

.product-presence__address-phone .product-presence__address-link:hover {
    color: #ff7b4c;
}

.bx_scu li.bx_active {
    border-color: #ff7b4c;
}

#phoneNumberInputSelectCountry {
    z-index: 2200 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: stretch;
    box-sizing: border-box;
    padding: 10px;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff;
    box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
}

#phoneNumberInputSelectCountry .popup-window-angly-bottom {
    bottom: -20px;
    display: block;
    height: 20px;
    margin-left: 10px;
}

#phoneNumberInputSelectCountry .popup-window-angly-bottom::before {
    top: -9px;
}

#phoneNumberInputSelectCountry .popup-window-angly {
    position: absolute;
    width: 33px;
    height: 22px;
    overflow: hidden;
}

#phoneNumberInputSelectCountry .popup-window-angly::before {
    content: '';
    position: absolute;
    left: 9px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    box-shadow: 0 0 21px rgba(83, 92, 105, .13);
}

.popup-window-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #333;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.scrollbar {
    overflow-y: scroll;
    /* ___________ left menu __________________ */
}

.block_main_left_menu {
    display: flex;
}

.block_main_left_menu .fa-angle-left {
    display: none;
}

.block_main_left_menu__container {
    margin-top: 28px;
}

.block_main_left_menu__content.active {
    width: calc(100% - 264px) !important;
    padding-left: 2rem;
    /*change menu left or right*/
}

.block_main_left_menu__content.active .breadcrumb_block {
    padding-left: 0;
    padding-right: 0;
}

.block_main_left_menu__content.active .banter-loader {
    position: fixed;
    left: calc(50% + 132px);
}

.block_main_left_menu__content.active.right {
    padding-right: 2rem;
    padding-left: 0;
}

.block_main_left_menu.right {
    flex-direction: row-reverse;
}

.block_main_left_menu.right .block_main_left_menu__content.active {
    padding-left: 0;
    padding-right: 2rem;
}

.block_main_left_menu.right .block_main_left_menu__list_child {
    position: absolute;
    right: 100%;
    left: auto;
    top: 0;
    width: 265px;
    margin-top: -1px;
    margin-left: 0;
    margin-right: 0;
}

.block_main_left_menu.right .block_main_left_menu__list_child > li::after {
    left: auto;
    right: 0;
}

.block_main_left_menu.right .block_main_left_menu__list_child .block_main_left_menu__list_child_link {
    padding: 7px 15px;
    padding-left: 45px;
    min-height: 56px;
}

.bx_filter__title.fonts__middle_text span {
    font-size: 16px;
}

.product-card-inner__icon:hover,
.product-card-inner__icon.active {
    background: #fff !important;
}

.product-card-inner__icon:hover svg,
.product-card-inner__icon.active svg {
    fill: #ff7b4c !important;
}

.catalog-links {
    font-size: 13px;
}

.sorting__title {
    font-size: 14px;
}

.block_main_left_menu.right .block_main_left_menu__link-icon {
    left: 1rem;
}

.block_main_left_menu.right .block_main_left_menu__link-arrow {
    transform: rotate(90deg);
}

.block_main_left_menu__container.mo-main {
    max-width: 263px;
}

.custom-select-trigger_sorting_text {
    font-size: 14px;
}

.form-input {
    background: #fff !important;
}

.puzzle_block-form-promotion .form_blocks {
    margin-bottom: 0 !important;
}

.block_main_left_menu.right .block_main_left_menu__link {
    padding: 7px 15px;
    padding-left: 45px;
    min-height: 56px;
}

.catalog_content__category_comment.fonts__main_comment {
    font-size: 14px;
    mmargin-bottom: 40px;
}

.block_main_left_menu__link {
    padding-right: 22px !important;
}

.block_main_left_menu__list .block_main_left_menu__link {
    font-size: 14px;
    /*max-width: 180px;*/
    /*font-weight: 700;*/
}

.block_main_left_menu.right .block_main_left_menu__list .bx-inclinkspersonal-selected::after {
    position: absolute;
    top: 50%;
    left: 15px;
    right: auto;
    margin-top: -5px;
    font-size: 11px;
    content: "\e90b";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    transform: scaleX(-1);
}

.block_main_left_menu.right .block_main_left_menu__list_item::after {
    left: auto;
    right: 0;
}

.catalog-links .active {
    color: #ff7b4c;
}

.sorting .custom-option {
    font-size: 12px;
    display: block;
    padding: 5px 10px !important;
    color: inherit;
    border: none !important;
    white-space: nowrap;
}

.bx_filter_parameters_box_checkbox {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 5px 0;
}

.product-card-inner__icons {
    background: transparent !important;
}

.checkbox__label::before {
    border-color: #ff7b4c !important;
}

.block_page_navigation.fonts__main_comment {
    font-size: 14px;
}

.product-card-inner__icon:hover, .product-card-inner__icon.active {
    background: transparent !important;
}

.find_property_all_check {
    font-size: 14px !important;
}

.bx_filter_parameters_box_checkbox a {
    text-decoration: none !important;
    font-size: 12px;
}

@media (max-width: 1024px) {
    .panel_filter_sort .mobile_filter_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sorting .custom-option.selected {
        color: #ff7b4c;
    }

    .panel_filter_sort .mobile_filter_btn svg {
        margin-right: 10px;
    }

    .btn-tab {
        font-size: 13px !important;
    }
}
/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?157768389751*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /local/templates/.default/components/bitrix/catalog/sotbit_origami_catalog_new_tem/style.css?176813956838821 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?157768389751 */