/* Start:/bitrix/templates/16_01_2023_mobile/css/flex.css?171509061033890*/ .flex-container { max-width: 1530px; width: 100%; margin: 0 auto; padding: 0 15px; } .flex-row { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-align-items-center { align-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; } .flex-align-items-top { align-items: top; -webkit-box-align: top; -webkit-align-items: top; -ms-flex-align: top; } .flex-align-items-end { align-items: flex-end; -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; } .flex-align-items-baseline { align-items: baseline; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; } .flex-align-self-end { align-self: flex-end; -webkit-align-self: flex-end; -ms-flex-item-align: flex-end; } .flex-align-self-center { align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; } .flex-align-self-start { align-self: flex-start; -webkit-align-self: flex-start; -ms-flex-item-align: flex-start; } .flex-direction-column { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .flex-justify-content-space-around { justify-content: space-around; -webkit-justify-content: space-around; } .flex-justify-content-space-between { justify-content: space-between; -webkit-justify-content: space-between; } .flex-justify-content-space-evenly { justify-content: space-evenly; -webkit-justify-content: space-evenly; } .flex-justify-content-center { justify-content: center; -webkit-justify-content: center; } .flex-justify-content-flex-start { justify-content: flex-start; -webkit-justify-content: flex-start; } .flex-justify-content-flex-end { justify-content: flex-end; -webkit-justify-content: flex-end; } .flex-order-1 { order: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; } .flex-order-2 { order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; } .flex-order-3 { order: 3; -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; } .flex-order-4 { order: 4; -webkit-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; } .flex-cell-auto { -webkit-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; max-width: fit-content; } .flex-cell { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-cell-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex-cell-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .flex-cell-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .flex-cell-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } .flex-cell-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; } .flex-cell-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; } .flex-cell-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; } .flex-cell-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .flex-cell-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; } .flex-cell-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; } .flex-cell-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; } .flex-cell-13 { -webkit-box-flex: 13; -webkit-flex: 13; -ms-flex: 13; flex: 13; } .flex-cell-14 { -webkit-box-flex: 14; -webkit-flex: 14; -ms-flex: 14; flex: 14; } .flex-basis-10 { flex-basis: 10%; -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; width: 10%; max-width: 10% } .flex-basis-15 { flex-basis: 15%; -webkit-flex-basis: 15%; -ms-flex-preferred-size: 15%; width: 15%; max-width: 15% } .flex-basis-20 { flex-basis: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; width: 20%; max-width: 20% } .flex-basis-25 { flex-basis: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; width: 25%; max-width: 25% } .flex-basis-30 { flex-basis: 30%; -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; width: 30%; max-width: 30% } .flex-basis-33 { flex-basis: 33%; -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; width: 33%; max-width: 33% } .flex-basis-35 { flex-basis: 35%; -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; width: 35%; max-width: 35% } .flex-basis-40 { flex-basis: 40%; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; width: 40%; max-width: 40% } .flex-basis-45 { flex-basis: 45%; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; width: 45%; max-width: 45% } .flex-basis-50 { flex-basis: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; width: 50%; max-width: 50% } .flex-basis-55 { flex-basis: 55%; -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; width: 55%; max-width: 55% } .flex-basis-60 { flex-basis: 60%; -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; width: 60%; max-width: 60% } .flex-basis-65 { flex-basis: 65%; -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; width: 65%; max-width: 65% } .flex-basis-66 { flex-basis: 66%; -webkit-flex-basis: 66%; -ms-flex-preferred-size: 66%; width: 66%; max-width: 66% } .flex-basis-70 { flex-basis: 70%; -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; width: 70%; max-width: 70% } .flex-basis-75 { flex-basis: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; width: 75%; max-width: 75% } .flex-basis-80 { flex-basis: 80%; -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; width: 80%; max-width: 80% } .flex-basis-85 { flex-basis: 85%; -webkit-flex-basis: 85%; -ms-flex-preferred-size: 85%; width: 85%; max-width: 85% } .flex-basis-90 { flex-basis: 90%; -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; width: 90%; max-width: 90% } .flex-basis-95 { flex-basis: 95%; -webkit-flex-basis: 95%; -ms-flex-preferred-size: 95%; width: 95%; max-width: 95% } .flex-basis-100 { flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 100%; max-width: 100% } .mb-0 { margin-bottom: 0 !important; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .flex-wrap-wrap { flex-wrap: wrap; } .flex-offset-25 { margin-left: 25%; } .flex-offset-50 { margin-left: 50%; } .text-center { text-align: center; } /*MD*/ @media (min-width: 1440px) and (max-width: 1530px) { .flex-cell-md { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-cell-md-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex-cell-md-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .flex-cell-md-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .flex-cell-md-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } .flex-cell-md-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; } .flex-cell-md-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; } .flex-cell-md-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; } .flex-cell-md-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .flex-cell-md-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; } .flex-cell-md-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; } .flex-cell-md-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; } .flex-cell-md-13 { -webkit-box-flex: 13; -webkit-flex: 13; -ms-flex: 13; flex: 13; } .flex-cell-md-14 { -webkit-box-flex: 14; -webkit-flex: 14; -ms-flex: 14; flex: 14; } .flex-md-basis-10 { flex-basis: 10%; -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; width: 10%; max-width: 10% } .flex-md-basis-15 { flex-basis: 15%; -webkit-flex-basis: 15%; -ms-flex-preferred-size: 15%; width: 15%; max-width: 15% } .flex-md-basis-20 { flex-basis: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; width: 20%; max-width: 20% } .flex-md-basis-25 { flex-basis: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; width: 25%; max-width: 25% } .flex-md-basis-30 { flex-basis: 30%; -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; width: 30%; max-width: 30% } .flex-md-basis-30 { flex-basis: 33%; -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; width: 33%; max-width: 33% } .flex-md-basis-35 { flex-basis: 35%; -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; width: 35%; max-width: 35% } .flex-md-basis-40 { flex-basis: 40%; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; width: 40%; max-width: 40% } .flex-md-basis-45 { flex-basis: 45%; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; width: 45%; max-width: 45% } .flex-md-basis-50 { flex-basis: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; width: 50%; max-width: 50% } .flex-md-basis-55 { flex-basis: 55%; -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; width: 55%; max-width: 55% } .flex-md-basis-60 { flex-basis: 60%; -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; width: 60%; max-width: 60% } .flex-md-basis-65 { flex-basis: 65%; -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; width: 65%; max-width: 65% } .flex-md-basis-70 { flex-basis: 70%; -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; width: 70%; max-width: 70% } .flex-md-basis-75 { flex-basis: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; width: 75%; max-width: 75% } .flex-md-basis-80 { flex-basis: 80%; -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; width: 80%; max-width: 80% } .flex-md-basis-85 { flex-basis: 85%; -webkit-flex-basis: 85%; -ms-flex-preferred-size: 85%; width: 85%; max-width: 85% } .flex-md-basis-90 { flex-basis: 90%; -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; width: 90%; max-width: 90% } .flex-md-basis-95 { flex-basis: 95%; -webkit-flex-basis: 95%; -ms-flex-preferred-size: 95%; width: 95%; max-width: 95% } .flex-md-basis-100 { flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 100%; max-width: 100% } .flex-direction-column-md { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .flex-flow-column-wrap-md { flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .text-center-md { text-align: center; } .flex-md-wrap-wrap { flex-wrap: wrap; } .flex-md-order-1 { order: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; } .flex-md-order-2 { order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; } .flex-md-order-3 { order: 3; -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; } .flex-md-order-4 { order: 4; -webkit-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; } .flex-align-items-start-md { align-items: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .flex-cell-sm { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-cell-sm-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex-cell-sm-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .flex-cell-sm-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .flex-cell-sm-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } .flex-cell-sm-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; } .flex-cell-sm-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; } .flex-cell-sm-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; } .flex-cell-sm-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .flex-cell-sm-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; } .flex-cell-sm-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; } .flex-cell-sm-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; } .flex-cell-sm-13 { -webkit-box-flex: 13; -webkit-flex: 13; -ms-flex: 13; flex: 13; } .flex-cell-sm-14 { -webkit-box-flex: 14; -webkit-flex: 14; -ms-flex: 14; flex: 14; } .flex-sm-basis-10 { flex-basis: 10%; -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; width: 10%; max-width: 10% } .flex-sm-basis-15 { flex-basis: 15%; -webkit-flex-basis: 15%; -ms-flex-preferred-size: 15%; width: 15%; max-width: 15% } .flex-sm-basis-20 { flex-basis: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; width: 20%; max-width: 20% } .flex-sm-basis-25 { flex-basis: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; width: 25%; max-width: 25% } .flex-sm-basis-33 { flex-basis: 33%; -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; width: 33%; max-width: 33% } .flex-sm-basis-30 { flex-basis: 30%; -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; width: 30%; max-width: 30% } .flex-sm-basis-35 { flex-basis: 35%; -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; width: 35%; max-width: 35% } .flex-sm-basis-40 { flex-basis: 40%; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; width: 40%; max-width: 40% } .flex-sm-basis-45 { flex-basis: 45%; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; width: 45%; max-width: 45% } .flex-sm-basis-50 { flex-basis: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; width: 50%; max-width: 50% } .flex-sm-basis-55 { flex-basis: 55%; -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; width: 55%; max-width: 55% } .flex-sm-basis-60 { flex-basis: 60%; -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; width: 60%; max-width: 60% } .flex-sm-basis-65 { flex-basis: 65%; -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; width: 65%; max-width: 65% } .flex-sm-basis-66 { flex-basis: 66%; -webkit-flex-basis: 66%; -ms-flex-preferred-size: 66%; width: 66%; max-width: 66% } .flex-sm-basis-70 { flex-basis: 70%; -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; width: 70%; max-width: 70% } .flex-sm-basis-75 { flex-basis: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; width: 75%; max-width: 75% } .flex-sm-basis-80 { flex-basis: 80%; -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; width: 80%; max-width: 80% } .flex-sm-basis-85 { flex-basis: 85%; -webkit-flex-basis: 85%; -ms-flex-preferred-size: 85%; width: 85%; max-width: 85% } .flex-sm-basis-90 { flex-basis: 90%; -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; width: 90%; max-width: 90% } .flex-sm-basis-95 { flex-basis: 95%; -webkit-flex-basis: 95%; -ms-flex-preferred-size: 95%; width: 95%; max-width: 95% } .flex-sm-basis-100 { flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 100%; max-width: 100% } .hidden-sm { display: none; } .flex-direction-column-sm { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .flex-flow-column-wrap-sm { flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .text-center-sm { text-align: center; } .flex-sm-wrap-wrap { flex-wrap: wrap; } .flex-sm-justify-content-flex-start { justify-content: flex-start; -webkit-justify-content: flex-start; } .flex-sm-justify-content-center { justify-content: center; -webkit-justify-content: center; } .flex-sm-justify-content-flex-end { justify-content: flex-end; -webkit-justify-content: flex-end; } .flex-sm-order-1 { order: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; } .flex-sm-order-2 { order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; } .flex-sm-order-3 { order: 3; -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; } .flex-sm-order-4 { order: 4; -webkit-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; } .flex-sm-order-5 { order: 5; -webkit-box-ordinal-group: 5; -webkit-order: 5; -ms-flex-order: 5; } .flex-sm-order-6 { order: 6; -webkit-box-ordinal-group: 6; -webkit-order: 6; -ms-flex-order: 6; } .flex-align-items-start-sm { align-items: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; } } /*SM*/ @media (min-width: 768px) and (max-width: 1023.98px) { .flex-xs-row { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-cell-xs { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-cell-xs-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex-cell-xs-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .flex-cell-xs-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .flex-cell-xs-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } .flex-cell-xs-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; } .flex-cell-xs-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; } .flex-cell-xs-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; } .flex-cell-xs-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .flex-cell-xs-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; } .flex-cell-xs-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; } .flex-cell-xs-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; } .flex-cell-xs-13 { -webkit-box-flex: 13; -webkit-flex: 13; -ms-flex: 13; flex: 13; } .flex-cell-xs-14 { -webkit-box-flex: 14; -webkit-flex: 14; -ms-flex: 14; flex: 14; } .flex-xs-basis-10 { flex-basis: 10%; -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; width: 10%; max-width: 10% } .flex-xs-basis-15 { flex-basis: 15%; -webkit-flex-basis: 15%; -ms-flex-preferred-size: 15%; width: 15%; max-width: 15% } .flex-xs-basis-20 { flex-basis: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; width: 20%; max-width: 20% } .flex-xs-basis-25 { flex-basis: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; width: 25%; max-width: 25% } .flex-xs-basis-30 { flex-basis: 30%; -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; width: 30%; max-width: 30% } .flex-xs-basis-33 { flex-basis: 33%; -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; width: 33%; max-width: 33% } .flex-xs-basis-35 { flex-basis: 35%; -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; width: 35%; max-width: 35% } .flex-xs-basis-40 { flex-basis: 40%; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; width: 40%; max-width: 40% } .flex-xs-basis-45 { flex-basis: 45%; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; width: 45%; max-width: 45% } .flex-xs-basis-50 { flex-basis: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; width: 50%; max-width: 50% } .flex-xs-basis-55 { flex-basis: 55%; -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; width: 55%; max-width: 55% } .flex-xs-basis-60 { flex-basis: 60%; -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; width: 60%; max-width: 60% } .flex-xs-basis-65 { flex-basis: 65%; -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; width: 65%; max-width: 65% } .flex-xs-basis-70 { flex-basis: 70%; -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; width: 70%; max-width: 70% } .flex-xs-basis-75 { flex-basis: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; width: 75%; max-width: 75% } .flex-xs-basis-80 { flex-basis: 80%; -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; width: 80%; max-width: 80% } .flex-xs-basis-85 { flex-basis: 85%; -webkit-flex-basis: 85%; -ms-flex-preferred-size: 85%; width: 85%; max-width: 85% } .flex-xs-basis-90 { flex-basis: 90%; -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; width: 90%; max-width: 90% } .flex-xs-basis-95 { flex-basis: 95%; -webkit-flex-basis: 95%; -ms-flex-preferred-size: 95%; width: 95%; max-width: 95% } .flex-xs-basis-100 { flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 100%; max-width: 100% } .hidden-xs { display: none; } .flex-direction-column-xs { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .flex-flow-column-wrap-xs { flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .text-center-xs { text-align: center; } .flex-xs-wrap-wrap { flex-wrap: wrap; } .flex-xs-justify-content-space-around { justify-content: space-around; -webkit-justify-content: space-around; } .flex-xs-justify-content-center { justify-content: center; -webkit-justify-content: center; } .flex-xs-justify-content-flex-start { justify-content: flex-start; -webkit-justify-content: flex-start; } .flex-xs-justify-content-flex-end { justify-content: flex-end; -webkit-justify-content: flex-end; } .flex-align-items-start-xs { align-items: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; } .flex-align-items-end-xs { align-items: end; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; } .flex-xs-order-1 { order: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; } .flex-xs-order-2 { order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; } .flex-xs-order-3 { order: 3; -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; } .flex-xs-order-4 { order: 4; -webkit-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; } .flex-xs-order-5 { order: 5; -webkit-box-ordinal-group: 5; -webkit-order: 5; -ms-flex-order: 5; } .flex-xs-order-6 { order: 6; -webkit-box-ordinal-group: 6; -webkit-order: 6; -ms-flex-order: 6; } } /*XS*/ @media (min-width: 0px) and (max-width: 767.98px) { .flex-xxs-row { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-cell-xxs { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-cell-xxs-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .flex-cell-xxs-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .flex-cell-xxs-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; } .flex-cell-xxs-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; } .flex-cell-xxs-6 { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; } .flex-cell-xxs-7 { -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; } .flex-cell-xxs-8 { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; } .flex-cell-xxs-9 { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .flex-cell-xxs-10 { -webkit-box-flex: 10; -webkit-flex: 10; -ms-flex: 10; flex: 10; } .flex-cell-xxs-11 { -webkit-box-flex: 11; -webkit-flex: 11; -ms-flex: 11; flex: 11; } .flex-cell-xxs-12 { -webkit-box-flex: 12; -webkit-flex: 12; -ms-flex: 12; flex: 12; } .flex-cell-xxs-13 { -webkit-box-flex: 13; -webkit-flex: 13; -ms-flex: 13; flex: 13; } .flex-cell-xxs-14 { -webkit-box-flex: 14; -webkit-flex: 14; -ms-flex: 14; flex: 14; } .text-center-xxs { text-align: center; } .hidden-xxs { display: none; } .flex-xs-align-items-flex-start { align-items: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; } .flex-direction-column-xxs { flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .flex-flow-column-wrap-xxs { flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .flex-align-items-start-xxs { align-items: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; } .flex-align-items-end-xxs { align-items: flex-end; -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; } .flex-xxs-basis-10 { flex-basis: 10%; -webkit-flex-basis: 10%; -ms-flex-preferred-size: 10%; width: 10%; max-width: 10% } .flex-xxs-basis-15 { flex-basis: 15%; -webkit-flex-basis: 15%; -ms-flex-preferred-size: 15%; width: 15%; max-width: 15% } .flex-xxs-basis-20 { flex-basis: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; width: 20%; max-width: 20% } .flex-xxs-basis-25 { flex-basis: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; width: 25%; max-width: 25% } .flex-xxs-basis-30 { flex-basis: 30%; -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; width: 30%; max-width: 30% } .flex-xxs-basis-33 { flex-basis: 33%; -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; width: 33%; max-width: 33% } .flex-xxs-basis-35 { flex-basis: 35%; -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; width: 35%; max-width: 35% } .flex-xxs-basis-40 { flex-basis: 40%; -webkit-flex-basis: 40%; -ms-flex-preferred-size: 40%; width: 40%; max-width: 40% } .flex-xxs-basis-45 { flex-basis: 45%; -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; width: 45%; max-width: 45% } .flex-xxs-basis-50 { flex-basis: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; width: 50%; max-width: 50% } .flex-xxs-basis-55 { flex-basis: 55%; -webkit-flex-basis: 55%; -ms-flex-preferred-size: 55%; width: 55%; max-width: 55% } .flex-xxs-basis-60 { flex-basis: 60%; -webkit-flex-basis: 60%; -ms-flex-preferred-size: 60%; width: 60%; max-width: 60% } .flex-xxs-basis-65 { flex-basis: 65%; -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; width: 65%; max-width: 65% } .flex-xxs-basis-70 { flex-basis: 70%; -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; width: 70%; max-width: 70% } .flex-xxs-basis-75 { flex-basis: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; width: 75%; max-width: 75% } .flex-xxs-basis-80 { flex-basis: 80%; -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; width: 80%; max-width: 80% } .flex-xxs-basis-85 { flex-basis: 85%; -webkit-flex-basis: 85%; -ms-flex-preferred-size: 85%; width: 85%; max-width: 85% } .flex-xxs-basis-90 { flex-basis: 90%; -webkit-flex-basis: 90%; -ms-flex-preferred-size: 90%; width: 90%; max-width: 90% } .flex-xxs-basis-95 { flex-basis: 95%; -webkit-flex-basis: 95%; -ms-flex-preferred-size: 95%; width: 95%; max-width: 95% } .flex-xxs-basis-100 { flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 100%; max-width: 100% } .flex-xxs-wrap-wrap { flex-wrap: wrap; } .flex-xxs-align-items-flex-start { align-items: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; } .flex-xxs-justify-content-space-around { justify-content: space-around; -webkit-justify-content: space-around; } .flex-xxs-justify-content-space-between { justify-content: space-between; -webkit-justify-content: space-between; } .flex-xxs-justify-content-center { justify-content: center; -webkit-justify-content: center; } .flex-xxs-justify-content-flex-start { justify-content: flex-start; -webkit-justify-content: flex-start; } .flex-xxs-justify-content-flex-end { justify-content: flex-end; -webkit-justify-content: flex-end; } .flex-xxs-order-1 { order: 1; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; } .flex-xxs-order-2 { order: 2; -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; } .flex-xxs-order-3 { order: 3; -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; } .flex-xxs-order-4 { order: 4; -webkit-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; } .flex-xxs-order-5 { order: 5; -webkit-box-ordinal-group: 5; -webkit-order: 5; -ms-flex-order: 5; } .flex-xxs-order-4 { order: 6; -webkit-box-ordinal-group: 6; -webkit-order: 6; -ms-flex-order: 6; } } /* End */ /* Start:/bitrix/templates/16_01_2023_mobile/css/swiper-bundle.min.css?168319701816493*/ /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/16_01_2023_mobile/css/jquery-ui.css?167848016236099*/ /*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/bitrix/templates/16_01_2023_mobile/css/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/bitrix/templates/16_01_2023_mobile/css/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/bitrix/templates/16_01_2023_mobile/css/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/bitrix/templates/16_01_2023_mobile/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/bitrix/templates/16_01_2023_mobile/css/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/bitrix/templates/16_01_2023_mobile/css/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/bitrix/templates/16_01_2023_mobile/css/images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/bitrix/templates/16_01_2023_mobile/styles.css?17381707981165*/ .nav_menu-item:hover .w-dropdown-list { position: absolute; left: 0%; top: 106px; right: 0%; bottom: auto; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100vw; padding: 40px 64px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-top: 1px solid #f2f2f2; background-color: #fff; box-shadow: 0 8px 8px 0 rgb(0 0 0 / 8%); -o-object-fit: fill; object-fit: fill; } body .best-items.catalog-section-best-items .item .main-prop-block li:after{ margin-left: 10px; margin-right: 10px; margin-bottom: 2px; } body .catalog-section .item .main-prop-block li:after{ margin-bottom: 2px; } @media (min-width: 0px) and (max-width: 479.98px) { body .section.catalog-section { margin-top: 40px; } } /* End */ /* Start:/bitrix/templates/16_01_2023_mobile/template_styles.css?1757169079147325*/ @font-face { font-family: "Montserrat"; src: url(/bitrix/templates/16_01_2023/fonts/Montserrat/static/Montserrat-Regular.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(/bitrix/templates/16_01_2023/fonts/Montserrat/static/Montserrat-Medium.ttf); font-weight: 500; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(/bitrix/templates/16_01_2023/fonts/Montserrat/static/Montserrat-MediumItalic.ttf); font-weight: 500; font-style: italic; } @font-face { font-family: "Montserrat"; src: url(/bitrix/templates/16_01_2023/fonts/Montserrat/static/Montserrat-Bold.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(/bitrix/templates/16_01_2023/fonts/Montserrat/static/Montserrat-BoldItalic.ttf); font-weight: 700; font-style: italic; } html { font-family: "Montserrat"; } body { margin: 0; } html, body { min-width: 320px; max-width: 760px; margin: 0 auto; overflow-x: hidden; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } .clearfix:after { content: ''; display: block; clear: both; height: 0; overflow: hidden; } a { text-decoration: none; color: #141414; } a:hover { cursor: pointer; } a:hover { color: #A4D233; font-weight: 600; cursor: pointer; } a:active { color: #7CAA0B; font-weight: 600; cursor: pointer; } a.td-n:hover { color: #A4D233; font-weight: 400; } .short-charact .flex-justify-content-space-between{ display: flex; gap: 25px; } a.td-n:focus { color: #7CAA0B; font-weight: 400; } a.black { color: #000; } a:active, a:hover { outline: 0 } .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.7); backdrop-filter: blur(4px); } .close { color: #000; float: right; font-size: 65px; font-weight: bold; transition: all ease 0.3s; position: absolute; right: 10px; top: -12px; z-index: 9; font-weight: 400; cursor: pointer; } .map_box { width: 100%; overflow: hidden; margin-top: 20px; border: 1px solid #4d4d4d; position: relative; } .wrapper_map_cust{ position: relative; } #map_catalog .catalog-section-items .item:hover { padding: 0; margin: 0; border: none; box-shadow: none; } #map_catalog{ max-width: 100%; position: absolute; top: 0; left: -450px; background-color: #fff; height: 800px; overflow-y: auto; transition: all ease 0.6s; padding-right: 12px; overflow-x: hidden; z-index: 9; } #map_catalog .catalog-section-items .swiper-scrollbar{ top: 257px; } #map_catalog .close_map_catalog{ width: 32px; font-size: 50px; height: 32px; display: flex; justify-content: center; align-items: center; right: 10px; top: -6px; position: absolute; cursor: pointer; z-index: 1; } #map_catalog .catalog-section-items{ margin: 20px 0; padding-bottom: 200px; } #map_catalog .show-more{ display: none; } #map_catalog .item .photo div[class*="big-thumb-swiper-"] { height: 250px; } #map_catalog .item .photo{ width: 100%; } #map_catalog .photo{ padding-bottom: 0; } #map_catalog .item .art{ height: 14px; line-height: 14px; } #map_catalog .item .art span { line-height: 140%; font-size: 12px; } #map_catalog .info { margin-top: 10px; } #map_catalog .item .price-row{ margin-top: 16px; justify-content: flex-start; -webkit-justify-content: flex-start; gap: 20px; } #map_catalog .item .price{ margin-bottom: 0; } #map_catalog .item .price-m2 { margin-top: 0; font-size: 14px; height: 16px; opacity: 0.6; } #map_catalog .item .price{ font-size: 20px; } #map_catalog .item .main-prop-block{ margin-top: 4px; } #map_catalog .item .main-prop-block li { font-size: 16px; font-weight: 500; line-height: 120%; display: inline-block; } #map_catalog .item .main-prop-block li:after { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #A4D233; display: inline-block; margin: 0 8px; margin-left: 10px; margin-right: 10px; margin-bottom: 2px; } #map_catalog .item .main-prop-block li:last-child::after { display: none; } #map_catalog .item .gk { margin-top: 16px; font-size: 14px; line-height: 140%; margin-bottom: 0; } #map_catalog .item .adress { opacity: 0.6; font-size: 14px; margin-top: 4px; } #map_catalog .item .ipoteka { margin-top: 16px; font-size: 14px; line-height: 120%; } #map_catalog .item .btn-block { column-gap: 10px; -moz-column-gap: 10px; margin-bottom: 0; margin-top: 24px; } #map_catalog .item .btn-block a.btn-default { width: 75%; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; height: 40px; } #map_catalog .item .btn-block a.btn-transp { line-height: 43px; width: 25%; height: 40px; display: flex; justify-content: center; align-items: center; } .btn-default { height: 50px; border-radius: 10px; color: #141414; line-height: 50px; text-align: center; font-weight: 500; font-size: 18px; background: #A4D233; display: block; border: 2px solid #A4D233; } .btn-default:hover { background: #B8E647; border-color: #B8E647; color: #141414; font-weight: 500; } .btn-default:active { background: #7CAA0B; border-color: #7CAA0B; color: #141414; font-weight: 500; } .btn-transp { height: 50px; border-radius: 10px; line-height: 50px; text-align: center; font-weight: 500; font-size: 18px; color: #141414; background: transparent; display: block; border: 2px solid #A4D233; } .btn-transp:hover { background: #B8E647; color: #141414; font-weight: 500; } .btn-transp:active { background: #7CAA0B; color: #141414; font-weight: 500; } .btn-black { height: 50px; border-radius: 10px; line-height: 50px; text-align: center; font-weight: 500; font-size: 18px; color: #A4D233; background: #141414; border: 2px solid #141414; display: block; } .btn-black:hover { background: #282828; border-color: #282828; color: #A4D233; font-weight: 500; } .btn-black:active { background: #000; border-color: #000; color: #A4D233; font-weight: 500; } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-weight: 400; font-size: 64px; line-height: 120%; margin: 0; } h2 { font-weight: 500; font-size: 36px; line-height: 120%; margin: 0; } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0; max-width: 100%; max-height: 100%; } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: none; } button { overflow: visible; background-color: transparent; border: none; outline: none; } button, select { text-transform: none } button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } .red { color: #34c759; } input { line-height: normal } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0 } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto } input[type='search'] { -webkit-appearance: none } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } ul, li { list-style: none; padding: 0; margin: 0; } body .catalog-element .short-charact .item .charact-name{ text-align: left; } p { margin-top: 0; margin-bottom: 10px; } section { position: relative; } .section { margin-top: 150px; } .section h2 { text-transform: uppercase; margin-bottom: 80px; color: #141414; } .ui-custom-range.ui-widget.ui-widget-content { background: #DAD9D8; border-radius: 0px 0px 5px 5px; height: 10px; border: none; margin-top: -5px; width: calc(100% + 2px); } .ui-custom-range .ui-slider-range { background: #A4D233; border-radius: 0px 3px 3px 5px; height: 10px; border: none; } .ui-custom-range .ui-slider-handle { background: #A4D233; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.06); outline: none; border-radius: 50%; border: none; position: relative; width: 20px; height: 20px; display: block; } .ui-custom-range .ui-slider-handle:after { content: ""; background-color: #FCFCFC; width: 10px; height: 10px; border-radius: 50%; display: block; position: absolute; left: 5px; top: 5px; } .form-input { background: #DBFF83; } .form-input::placeholder { color: rgba(20, 20, 20, 0.4); } .mob-title { display: none !important; } /*HEADER*/ header { padding-top: 50px; padding-bottom: 130px; } header .logo-cell { max-width: 170px; width: 170px; flex-basis: 170px; margin-right: 90px; } header .soc-cell { margin-right: 39px; margin-left: 111px; } header .soc-cell .li-phone-icon { display: none; } header .soc-cell ul>li { display: inline-block; } header .soc-cell ul>li:last-child { margin-left: 24px; } header .contacts p a { font-weight: 500; font-size: 24px; line-height: 29px; } header .contacts { text-align: right; } header .contacts p:last-child { font-size: 16px; line-height: 20px; color: #141414; opacity: 0.8; margin-bottom: 0; } a.wish-icon, a.compare-icon { position: relative; display: block; } a.wish-icon:hover svg path { fill: #A4D233; } a.wish-icon .count, a.compare-icon .count { position: absolute; color: #A4D233; font-weight: 700; } a.wish-icon .count { top: -10px; right: -12px; } a.compare-icon .count { top: -7px; right: -12px; } a.compare-icon:hover svg path { stroke: #A4D233; } a.compare-icon .count.hidden { display: none; } /*Главная*/ .main-intro .bg-block-left { height: 292px; max-width: 821px; width: 821px; flex-basis: 821px } .main-intro .bg-block-right { height: 674px; max-width: 821px; width: 821px; flex-basis: 821px } .main-intro .bg-block .bg-block-left-img, .main-intro .bg-block .bg-block-right-img { background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover; background-position: 50% 50%; border-radius: 10px; } .main-intro .bg-block .bg-block-left-img { background-image: url("/bitrix/templates/16_01_2023/img/main/bg-block-left.jpg"); width: 100%; border-bottom-left-radius: 0; border-top-left-radius: 0; } .main-intro .bg-block .bg-block-right-img { background-image: url("/bitrix/templates/16_01_2023/img/main/bg-block-right.jpg"); background-position: 30% 20%; background-size: 200%; border-top-right-radius: 0; border-bottom-right-radius: 0; } .main-intro .bg-block { position: relative; } .main-intro .title-block { position: absolute; padding-top: 53px; top: 0; max-width: 1180px; left: 190px; z-index: 1; } .main-intro .button-block { margin-top: 40px; } .main-intro .button-block a.btn-default { width: 191px; margin-right: 40px; } .main-intro .button-block a.btn-transp { width: 178px; } /*Фильтр*/ .main-form.section { margin-top: 120px; } .main-form .nedv-filter .filter-input-block input { height: auto; } .main-form .submit-link .rot { vertical-align: middle; } .main-form .any-params .field-title { font-size: 14px; line-height: 17px; margin-bottom: 11px; } .main-form .any-params .param { margin-bottom: 22px; } .main-form .any-params .param:first-child { margin-top: 12px; } .main-form .any-params .param .param-field-title { font-size: 14px; line-height: 17px; color: #141414; width: max-content; margin-bottom: 11px; } .nedv-filter .menu-filter-switcher-dropdowns.any-params { padding-right: 0; } .nedv-filter .param input { padding: 4px 0 4px 10px; } .main-form .any-params .input-checkbox { padding: 0px 12px 0 10px; } img.rot { animation: 1s linear 0s normal none infinite running rot; -webkit-animation: 1s linear 0s normal none infinite running rot; width: 18px; } .nedv-filter .arow { background-color: #FCFCFC; padding: 48px 24px 63px 24px; border: 2px solid #A4D233; border-radius: 10px; } .nedv-filter .arow.btln { border-top-left-radius: 0; } .nedv-filter .nav { display: -ms-flexbox; display: flex; height: 70px; } .nedv-filter .nav-tabs .nav-item { margin-bottom: -2px; position: relative; } .nedv-filter :not(.not-d).active, .nedv-filter .tab-content { background-color: #FCFCFC !important; margin-inline-end: -1px; } .nedv-filter .nav-tabs .nav-link { border: 2px solid transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; } .nedv-filter .nav-tabs .nav-item.show .nav-link, .nedv-filter .nav-tabs .nav-item.active .nav-link { background-color: #fff; border-color: #A4D233; border-bottom-color: #fff; opacity: 1; z-index: 1; height: 4px; } .nav-tabs .nav-item .nav-link svg { display: none; } .nedv-filter .nav-tabs .nav-item.fNav-item .nav-link:before, .nedv-filter .nav-tabs .nav-item.fNav-item.active .nav-link:before { border-radius: 0; border-bottom: none; top: 38px; } .nedv-filter .nav-tabs .nav-item.fNav-item.active:before { content: ""; height: 2px; background-color: #FCFCFC; width: calc(100% + 14px); position: absolute; bottom: 0; left: 0; z-index: 1; } .nedv-filter .nav-tabs .nav-item.active .nav-link:before { content: ""; position: absolute; right: 100%; bottom: -22px; display: block; border-radius: 11px; width: 14px; height: 36px; border: 2px solid #A4D233; border-left: none; border-top: none; border-top-right-radius: 0; border-bottom-left-radius: 0; } .nedv-filter .nav-tabs .nav-item.active:not(.fNav-item):before { content: ""; height: 2px; background-color: #FCFCFC; width: calc(100% + 26px); position: absolute; bottom: 0; left: -12px; z-index: 1; } .nedv-filter .nav-tabs .nav-item.active .nav-link:after { content: ""; position: absolute; left: 100%; bottom: -22px; display: block; border-radius: 11px; width: 14px; height: 36px; border: 2px solid #A4D233; border-top: none; border-right: none; border-top-left-radius: 0; border-bottom-right-radius: 0; } .nedv-filter .nav-link { display: block; padding: 20px 24px 24px 24px; font-weight: 500; font-size: 20px; line-height: 24px; color: #141414; opacity: 0.6; } .nedv-filter .field-block { display: none; } .main-form .nedv-filter .field-block { float: left; margin-left: 40px; } .nedv-filter .field-block.field-block-checkbox, .nedv-filter .field-block.field-block-house-type, .nedv-filter .field-block.field-block-area-type, .nedv-filter .field-block.field-block-deal-type { margin-left: 0; } .nedv-filter .field-block-search, .nedv-filter .search-articul, .nedv-filter .wrap-extended-search { float: left; margin-top: 45px; } .nedv-filter .search-articul { margin-left: 21px; } .nedv-filter .wrap-extended-search { margin-left: 28px; } .button-submit-block { float: right; margin-top: 45px; } .nedv-filter .field-block.active { display: block; } .nedv-filter .input-checkbox.rooms label, .nedv-filter .input-checkbox.cat label { margin-bottom: 0; text-align: center; margin-left: 11px; } .nedv-filter .field-block-cost { width: 264px; } .nedv-filter .field-block-area[data-field-tab="1"] { width: 170px; } .nedv-filter .field-block-area[data-field-tab="4"] { width: 180px; } .nedv-filter .field-block-house-type, .nedv-filter .field-block-area-type { width: 187px; } .nedv-filter .field-block-sot { width: 180px; } .set_sell > span{ font-weight: 500; font-size: 16px; } .set_sell{ margin-bottom: 15px; } .wrapp_sell{ margin-top: 15px; display: flex; gap: 10px; } .wrapp_sell span{ border: 1px solid; padding: 8px 16px; font-weight: 500; border-radius: 10px; font-size: 14px; cursor: pointer; } /* .wrapp_sell span:hover{ background: rgba(164, 210, 51, 0.5); } */ body .nedv-filter .wrapp_sell span.active{ /* background-color: rgba(164, 210, 51, 1) !important; border-color: rgba(164, 210, 51, 1); */ } .nedv-filter .field-block-house-params { width: 181px; } .nedv-filter .field-block-search { width: 367px; } .nedv-filter .field-block-articul { width: 238px; } .nedv-filter .field-block-city[data-field-tab="1"], .nedv-filter .field-block-district[data-field-tab="1"], .nedv-filter .field-block-city[data-field-tab="2"], .nedv-filter .field-block-district[data-field-tab="2"], .nedv-filter .field-block-city[data-field-tab="3"], .nedv-filter .field-block-district[data-field-tab="3"] { width: 170px; } .nedv-filter .field-block-district[data-field-tab="4"], .nedv-filter .field-block-city[data-field-tab="4"] { width: 156px; } .nedv-filter .field-block-street[data-field-tab="1"] { width: 294px; } .nedv-filter .field-block-street[data-field-tab="2"] { width: 310px; } .nedv-filter .field-block-street[data-field-tab="3"] { width: 311px; } .nedv-filter .field-block-street[data-field-tab="4"] { width: 212px; } .nedv-filter .field-block-checkbox { width: 214px; } .best-items .nedv-filter .field-block-checkbox { width: auto; } .nedv-filter .field-block-deal-type, .nedv-filter .field-block-cType { width: 137px; } .nedv-filter .bottom-row { margin-top: 45px; } .nedv-filter .input-checkbox label:first-child { margin-left: 0; } .nedv-filter .field-block-checkbox label.active input+span, .nedv-filter .field-block-checkbox label input:checked+span { background-color: #EEFFC5; border-color: rgba(20, 20, 20, 0.2); } .nedv-filter .input-checkbox input, .input-radio input[type="radio"] { display: none; } .nedv-filter .input-checkbox.rooms input+span, .nedv-filter .input-checkbox.cat input+span { position: relative; cursor: pointer; background-color: transparent; z-index: 1; transition: color .3s, background-color .3s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; z-index: 1; font-size: 20px; line-height: 24px; padding: 9px; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; color: #141414; display: block; } .nedv-filter .field-title { margin-bottom: 16px; font-weight: 500; font-size: 20px; line-height: 24px; } .best-items .nedv-filter .tab { opacity: 0; visibility: hidden; height: 0; display: block; } .best-items .nedv-filter .tab.active { opacity: 1; visibility: visible; height: auto; } .nedv-filter .tab { display: none; position: relative; } .nedv-filter .tab.active { display: block; } .nedv-filter .btn.btn-default, .nedv-filter .dropdowns-menu button.btn.btn-default { border-color: #d6dadc; background-color: #fff; } .nedv-filter .dropdowns-menu button.btn.btn-default { font-weight: 400; color: #000; height: 44px; width: 100%; text-align: left; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; background-color: #fcfcfc; overflow: hidden; } .nedv-filter .dropdowns-menu:not(.not-d).active button.btn.btn-default { border: 1px solid rgba(20, 20, 20, 0.2); border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .nedv-filter .btn-default { line-height: normal; } .nedv-filter .btn { position: relative; display: inline-block; border: 1px solid #edeff0; border-radius: 0.25rem; text-align: center; font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding: 0 10px; font-size: 16px; } .nedv-filter .dropdowns-menu button.btn .select-count .mob-text { display: none; } .nedv-filter .filter-toggle .angle-icon { position: absolute; right: 10px; top: 50%; margin-top: -7px; transition: .2s all; transform: rotate(0); } .nedv-filter .dropdowns-menu.active .angle-icon { transform: rotate(180deg); transition: .2s all; } .nedv-filter .dropdowns-menu .menu-filter-switcher-dropdowns { position: relative; } .nedv-filter .menu-filter-switcher-dropdowns { display: none; z-index: 99; background: #FCFCFC; border: 1px solid rgba(20, 20, 20, 0.2); border-radius: 10px; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; top: 0; padding-right: 10px; } .nedv-filter .menu-filter-checkboxes { overflow-x: hidden; max-height: 252px; padding-left: 10px; padding-right: 15px; } .nedv-filter .menu-filter-checkboxes::-webkit-scrollbar, body::-webkit-scrollbar, .custom-scroll::-webkit-scrollbar { width: 5px; } .nedv-filter .menu-filter-checkboxes::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .custom-scroll::-webkit-scrollbar-track { background: rgba(78, 75, 72, 0.2); border-radius: 3px; } .nedv-filter .menu-filter-checkboxes::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .custom-scroll::-webkit-scrollbar-thumb { background-color: #A4D233; border-radius: 3px; } .nedv-filter .menu-filter-checkboxes::-webkit-scrollbar-button, .custom-scroll::-webkit-scrollbar-button { height: 30px; } body::-webkit-scrollbar-button, .custom-scroll::-webkit-scrollbar-button { height: 0; } .nedv-filter .menu-filter-checkboxes>button, .nedv-filter .menu-filter-checkboxes>label { position: relative; cursor: pointer; padding: 10px 0; display: block; width: 100%; border: none; text-align: left; font-size: 16px; line-height: 20px; color: #000; white-space: nowrap; } .nedv-filter .menu-filter-checkboxes>button:last-child:after, .nedv-filter .menu-filter-checkboxes>label:last-child:after { border-bottom: none } .nedv-filter .menu-filter-checkboxes>label input+span { font-weight: 400; display: block; padding-left: 46px; padding-right: 16px; } .nedv-filter .menu-filter-checkboxes>label input+span::first-letter { text-transform: uppercase; } .nedv-filter input, .modal-second-form input { width: calc(100% - 10px); padding: 11px 0 11px 10px; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; color: #000; background-color: #fff; transition: border-color 0.15s ease-in-out; font-size: 12px; line-height: 20px; } .nedv-filter input::placeholder { color: rgba(20, 20, 20, 0.4); } .nedv-filter .filter-input-block input { width: 100%; height: 39px; font-weight: 500; } .main-form .nedv-filter .filter-input-block input:last-child, .modal-advanced-filter .filter-input-block input:last-child { margin-left: 10px; } .nedv-filter .dropdowns-menu.active .menu-filter-switcher-dropdowns { display: block; } .nedv-filter .dropdowns-menu:not(.not-d).active { position: absolute; z-index: 9999; max-width: min-content; } .nedv-filter .menu-filter-checkboxes>label input+span:before { content: ""; position: absolute; left: 10px; top: 10px; width: 18px; height: 18px; background: #FCFCFC; border: 1px solid #4E4B48; border-radius: 5px; } .nedv-filter .menu-filter-checkboxes>label:after { content: ""; position: absolute; border-bottom: 1px solid rgba(78, 75, 72, 0.2); width: calc(100% - 20px); left: 10px; bottom: 0; } .nedv-filter .menu-filter-checkboxes>label input:checked+span:after { content: ''; background: #A4D233; border-radius: 3px; position: absolute; margin: auto; width: 10px; height: 10px; left: 15px; top: 15px; } .nedv-filter .submit-link { width: 329px; height: 54px; } .nedv-filter .button-submit-block { width: 329px; } .nedv-filter .wrap-extended-search { width: 274px; } .nedv-filter .extended-search { border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; height: 100%; width: 100%; text-align: left; font-size: 20px; line-height: 24px; color: #141414; padding: 9px 10px; } .nedv-filter .extended-search:hover { background: #B8E647; border: 1px solid #A4D233; } .nedv-filter .extended-search:active { background: #7CAA0B; border: 1px solid #A4D233; } .nedv-filter .extended-search svg { margin-right: 8px; } /*Топ предложения*/ .nedv-filter .items-block { background-color: #FCFCFC; padding: 48px 24px 23px 33px; border: 2px solid #A4D233; border-radius: 10px; } .best-catalog-section, .blog .blog-slider { box-sizing: border-box; width: 100%; overflow: hidden; } .best-items .items { margin-top: 40px; } .best-items .item .item-row { border: 1px solid rgba(78, 75, 72, 0.4); border-radius: 5px; background: #FCFCFC; } .best-items .item:hover { cursor: pointer; box-shadow: 0px 0px 20px rgba(64, 64, 64, 0.11); } .best-items .item .img .odobr { position: absolute; right: 24px; bottom: 24px; padding: 10px; font-size: 12px; line-height: 15px; background: rgba(238, 255, 197, 0.8); border-radius: 10px; color: #141414; } .best-items .nedv-filter .items-block { padding: 25px 129px 24px 129px; position: relative; } .best-items .nedv-filter .items-block:before { content: ""; border-radius: 50%; border: 2px solid #A4D233; position: absolute; right: -2px; top: -2px; width: 20px; height: 20px; display: block; display: none; } .best-items .nedv-filter .items-block:after { content: ""; border-radius: 50%; position: absolute; right: 5px; top: 2px; width: 20px; height: 20px; display: block; background-color: #fff; display: none; } .best-items .item * { line-height: 120%; } .best-items .item .img { height: 260px; margin: -1px; position: relative; } .best-items .item .img img { height: 100%; border-radius: 5px; width: 100%; object-fit: cover; } .best-items .item .info { padding: 16px 16px 24px 16px; } .best-items.catalog-section-best-items .item .info { padding: 16px 15px 24px 16px; } .best-items .item .price-block { margin-top: 16px; } .best-items .item .price-m2 { margin-top: 8px; height: 20px; color: rgba(20, 20, 20, 0.4); } .best-items .item .ipoteka, .best-items .item .adress { margin-top: 10px; } .best-items .item .adress { height: 38px; } .best-items .item .btn-block { margin-top: 24px; } .best-items .item .btn-default { width: 171px; line-height: 50px; } .best-items .item .btn-transp { width: 155px; margin-left: 10px; line-height: 50px; } .best-items .item .price-block .price { font-size: 24px; } .best-items .item .link-cell a { display: inline-block; vertical-align: middle; } .best-items .item .link-cell * { line-height: normal; } .best-items .item .link-cell a:last-child { margin-left: 14px; } .best-items .item .link-cell a:first-child:hover svg path, .best-items .item .link-cell a:first-child.active svg path { fill: #A4D233; } .best-items .item .link-cell a:last-child:hover svg path, .best-items .item .link-cell a:last-child.active svg path { stroke: #A4D233; } .best-items .item .link-cell svg { display: block; } .best-items .btn-catalog { margin-top: 43px; text-align: right; } .best-items .btn-catalog a { width: 241px; line-height: 50px; margin: 0 0 0 auto; } .best-items .title { color: #141414; width: 100%; white-space: nowrap; overflow: hidden; } .custom-button-prev, .custom-button-next { cursor: pointer; width: 40px; height: 40px; position: absolute; top: calc(50% - 40px); outline: none; } .custom-button-prev { left: -82px; } .custom-button-next { right: -82px; } .custom-button-prev img, .custom-button-next img { width: 12px; } .custom-pagination { margin-top: 40px; text-align: center; } .custom-pagination .swiper-pagination-bullet { background: rgba(78, 75, 72, 0.4); opacity: 1; width: 10px; height: 10px; margin: 0 5px !important; outline: none; } .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 15px; height: 15px; background: #A4D233; } /*Наши услуги*/ .our-services .text-cell .title { font-weight: 600; font-size: 24px; line-height: 150%; text-transform: uppercase; color: #000; } .our-services .text-cell .desc { font-size: 24px; line-height: 150%; color: #000; margin-top: 24px; } .our-services .text-cell .btn-block { margin-top: 24px; } .our-services .text-cell .btn-block a { border-bottom: 1px solid #000; font-size: 20px; line-height: 150%; color: #000; position: relative; } .our-services .text-cell .btn-block a:after { content: url(/bitrix/templates/16_01_2023/img/main/blog-title-icon.svg); position: absolute; } .our-services .text-cell .btn-block a:hover { color: #A4D233; border-color: #A4D233; } .our-services .text-cell .btn-block a:active { color: #7CAA0B; border-color: #7CAA0B } .our-services .items-block .flex-cell { max-width: 821px; width: 821px; flex-basis: 821px; } .our-services .items-block .img-cell { height: 400px; position: relative; } .our-services .img-cell img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; object-position: 0 25%; } .our-services .items-block .flex-row { margin-bottom: 60px; } .our-services .items-block .flex-row:last-child { margin-bottom: 0; } .our-services .items-block .flex-cell:first-child .text { max-width: 556px; margin-left: 195px; } .our-services .items-block .flex-cell:last-child .text { max-width: 578px; } .our-services .items-block .num { position: absolute; font-weight: 500; font-size: 150px; line-height: 150%; text-transform: uppercase; color: rgba(78, 75, 72, 0.2); top: 0; } .our-services .items-block .flex-cell:first-child .num { right: -105px; } .our-services .items-block .flex-cell:last-child .num { left: -130px; } .our-services .items-block .flex-row:nth-child(3) .flex-cell:first-child .num { right: -132px; } /*Этапы работы*/ .steps .btn-block a { width: 220px; line-height: 50px; } .steps .btn-block { margin-top: 40px; } .steps .num { font-weight: 500; font-size: 24px; line-height: 150%; text-transform: uppercase; color: #4E4B48; opacity: 0.2; } .steps .title { margin-bottom: 16px; font-weight: 500; font-size: 24px; line-height: 150%; color: #000; } .steps .title .i { display: none; font-weight: 500; font-size: 18px; line-height: 150%; color: #A4D233; margin-right: 4px; } .steps .desc { line-height: 150%; color: #000; margin-top: 24px; margin-bottom: 0; } .steps .divider { margin: 32px auto; opacity: 0.2; height: 2px; background-color: #4E4B48; width: calc(100% - 103px); } .steps .divider-mobile { margin: 16px auto; opacity: 0.2; height: 2px; background-color: #4E4B48; width: calc(100% - 103px); display: none; } .steps .text { padding: 0 25px; } .steps .flex-row { margin: 0 -25px; } .steps .btn-more { display: none; position: absolute; bottom: -62px; left: 16px; width: calc(100% - 33px); } .steps .btn-more a { height: 42px; border-radius: 10px; line-height: 42px; font-size: 16px; } /*Баннер Давайте начнем работать*/ .go-to-work { background-color: #A4D233; } .go-to-work .bg-block-img { background-image: url("/bitrix/templates/16_01_2023/img/main/go-to-work-img.jpg"); background-position: 35% 0%; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; border-radius: 10px 0px 0px 10px; transform: matrix(-1, 0, 0, 1, 0, 0); } .go-to-work .title { font-weight: 500; font-size: 50px; line-height: 120%; text-transform: uppercase; } .go-to-work .contacts { margin-top: 68px; } .go-to-work .contacts .phone { font-weight: 500; font-size: 36px; line-height: 44px; } .go-to-work .contacts .mail { font-weight: 500; font-size: 24px; line-height: 29px; border-bottom: 1px solid #141414; } .go-to-work .contacts ul li { display: inline-block; vertical-align: middle; } .go-to-work .contacts ul li a { color: #141414; } .go-to-work .contacts ul li:last-child { margin-left: 54px; } .go-to-work .form { margin-top: 149px; max-width: 756px; } .go-to-work .form .form-title { font-weight: 500; font-size: 24px; line-height: 150%; max-width: 553px; } .go-to-work .form .flex-row { margin-top: 40px; } .go-to-work .img-cell { height: 879px; max-width: 831px; width: 831px; flex-basis: 831px; } .go-to-work .flex-container { max-width: 1725px; margin: 0 0 0 auto; padding: 0; } .go-to-work form input { border-radius: 10px; padding: 16px 0 16px 16px; border: none; width: calc(100% - 10px); } .go-to-work form .flex-cell:last-child { margin-left: 21px; } .go-to-work form button[type="submit"] { width: 166px; line-height: 46px; } .go-to-work .agreement-cell { max-width: 282px; flex-basis: 282px; width: 282px; margin-left: 29px; } .go-to-work .agreement-cell span { font-size: 14px; line-height: 17px; color: rgba(20, 20, 20, 0.4); } .go-to-work .agreement-cell .ppd-frame { color: #000; font-weight: 700; } /*Ипотечный калькулятор*/ .ipo-calc .ui-cell { max-width: 628px; width: 628px; flex-basis: 628px; } .ipo-calc .result-cell { max-width: 619px; width: 619px; flex-basis: 619px; } .ipo-calc h2 { margin-bottom: 80px; } .ipo-calc .nedv-filter .arow { padding: 40px 86px 40px 24px; } .ipo-calc .ps-cell { margin-top: 20px; } .ipo-calc .btn-cell { margin-top: 40px; } .ipo-calc .procent-field { margin-bottom: 45px; } .nedv-filter .form-result { margin-top: 40px; /* display: none; */ } .nedv-filter .form-result .item { background: #E6E6E6; border: 1px solid rgba(20, 20, 20, 0.2); border-radius: 10px; cursor: pointer; margin-right: 20px; margin-bottom: 16px; padding: 10px; } .nedv-filter .form-result .item span { font-weight: 400; font-size: 16px; color: #141414; vertical-align: middle; } .nedv-filter .form-result .close-all { background: #888; border: 1px solid rgba(20, 20, 20, 0.4); border-radius: 10px; font-weight: 500; font-size: 16px; color: #FCFCFC; width: 133px; padding: 10px 0; text-align: center; cursor: pointer; } .nedv-filter .form-result .item span.close { margin-left: 16px; height: 16px } .nedv-filter .form-result .item:last-child { margin-right: 0; } .ipo-calc .nedv-filter .field-block { display: block; } .ipo-calc .field-block { width: 241px; max-width: 241px; flex-basis: 241px; } .ipo-calc .info-text-right-cell { max-width: 283px; flex-basis: 283px; width: 283px; } .ipo-calc .stavka-cell { margin-bottom: 40px; } .ipo-calc .info-text-cell { margin-top: 44px; } .ipo-calc .radio-field-block { width: max-content; max-width: max-content; flex-basis: max-content; } .ipo-calc .radio-field-block .choosen-title { padding-right: 35px; } .ipo-calc .radio-field-block { height: 74px; } .ipo-calc .procent-field input { padding: 9px 16px; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 5px; font-weight: 600; font-size: 24px; line-height: 29px; color: #141414; width: 100%; text-align: left; } .ipo-calc .nav-item .mob-text { display: none; } .ipo-calc .procent-field .filter-input { width: 57px; } .filter-input .input-proc { position: relative; } .filter-input .input-proc:after { content: "%"; position: absolute; right: 14px; top: calc(50% - 17px); font-weight: 600; font-size: 24px; line-height: 28px; color: #141414; } .ipo-calc .result-cell>.flex-row { margin-bottom: 40px; } .ipo-calc .result-cell>.flex-row:last-child { margin-bottom: 0; } .ipo-calc .btn-cell button { width: 234px; } .ipo-calc .input-row { margin-top: 30px; } .ipo-calc .field-title { margin-bottom: 10px; font-size: 16px; line-height: 20px; color: rgba(20, 20, 20, 0.6); font-weight: 400; } .ipo-calc .field-title-black { font-weight: 500; color: #141414; } .ipo-calc .nedv-filter .input-row>.flex-cell { max-width: 628px; width: 628px; flex-basis: 628px; } .ipo-calc .nedv-filter>.flex-row .flex-cell:last-child { max-width: 619px; width: 619px; flex-basis: 619px; } .ipo-calc .nedv-filter>.flex-row .flex-cell.result-cell { padding-top: 115px; } .ipo-calc .result-cell .filed-block-val { font-weight: 500; font-size: 32px; line-height: 39px; color: #000; } .ipo-calc .result-cell .info-text { background: rgba(164, 210, 51, 0.2); border-radius: 5px; padding: 10px 16px; } .ipo-calc .result-cell .info-text>* { display: inline-block; vertical-align: middle; margin: 0; } .ipo-calc .result-cell .info-text .text { position: relative; } .ipo-calc .result-cell .info-text .text:before { content: "*"; color: #FA4616; position: absolute; top: 0; left: -7px; } .ipo-calc .result-cell>.flex-row>.flex-cell:not(.ps-cell):nth-child(2n) { width: 283px; max-width: 283px; flex-basis: 283px; } .ipo-calc .result-cell .info-text .value { margin-left: 14px; font-weight: 600; font-size: 16px; line-height: 20px; max-width: 100px; flex-basis: 100px; width: 100px; } .ipo-calc .result-cell>.top-row>.flex-cell:first-child { width: 240px; max-width: 240px; flex-basis: 240px; } .ipo-calc .result-cell>.top-row>.flex-cell:last-child { width: 283px; max-width: 283px; flex-basis: 283px; } .ipo-calc .result-cell>.middle-row>.flex-cell:first-child { width: 240px; max-width: fit-content; flex-basis: 240px; } .ipo-calc .result-cell>.middle-row>.flex-cell:last-child { width: 283px; max-width: fit-content; flex-basis: 283px; } .ipo-calc .result-cell>.top-row>.flex-cell:first-child .info-text .text, .ipo-calc .result-cell>.middle-row>.flex-cell:first-child .info-text .text { max-width: 94px; } .ipo-calc .result-cell>.top-row>.flex-cell:last-child .info-text .text, .ipo-calc .result-cell>.middle-row>.flex-cell:last-child .info-text .text { max-width: 139px; } .ipo-calc .result-cell .bottom-row>div:last-child { margin-top: 20px; } .ipo-calc .result-cell .bottom-row .ps-cell p { font-size: 14px; line-height: 17px; color: rgba(78, 75, 72, 0.8); margin-bottom: 10px; } .ipo-calc .result-cell .bottom-row .ps-cell p:last-child { margin-bottom: 0; } .ipo-calc .ui-desc { margin-top: 8px; } .ipo-calc .ui-desc span { font-size: 14px; line-height: 17px; color: rgba(20, 20, 20, 0.6); } .ipo-calc .ui-desc .buttons-block button { display: inline-block; opacity: 0.6; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; margin-left: 15px; padding: 10px; color: #141414; font-size: 14px; } .ipo-calc .ui-desc .buttons-block button:first-child { margin-left: 0; } .ipo-calc .ui-desc .buttons-block button:hover, .ipo-calc .ui-desc .buttons-block button.active { background: linear-gradient(0deg, #EEFFC5, #EEFFC5), #FFFFFF; } .ipo-calc .ui-desc .buttons-block a:first-child { margin-left: 0; } .ipo-calc .num-cell { font-size: 14px; line-height: 17px; color: rgba(20, 20, 20, 0.6); } .ipo-calc .bottom-line { margin-top: 16px; background-color: rgba(164, 210, 51, 0.2); max-width: 241px; height: 4px; } .ipo-calc .input-row input { border: 1px solid rgba(78, 75, 72, 0.6); border-radius: 5px; font-weight: 500; font-size: 20px; line-height: 24px; color: #000; } .ipo-calc .nedv-filter .filter-input-block input { width: calc(100% - 16px); font-size: 20px; line-height: 24px; padding: 15px 0px 14px 16px; } /*Блог*/ .blog .text { max-width: 386px; } .blog h2 { margin-bottom: 24px; } .blog .desc { font-size: 18px; line-height: 150%; } .blog .hashtags { margin-top: 46px; } .blog .hashtags .item { padding: 10px; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 16px; line-height: 20px; color: #000; margin-right: 10px; background: rgba(238, 255, 197, 0.6); border: 1px solid rgba(78, 75, 72, 0.2); margin-bottom: 10px; border-radius: 10px; cursor: pointer; } .blog .hashtags .item:hover { background: #EBFFBC; } .blog .hashtags .item:active { background: #D0E1A7; } .blog .hashtags .item:last-child { margin-right: 0; } .blog .btn-block { margin-top: 40px; } .blog .btn-block a { width: 182px; } .blog .news-cell { max-width: 924px; width: 924px; flex-basis: 924px; } .blog .news-item-wrapper .news-item { padding: 0 60px; border-left: 2px solid #A4D233; display: block; } .blog .news-item-wrapper:nth-child(2n) .news-item { border-right: 2px solid #A4D233; } .blog .news-item-wrapper .date { line-height: 150%; color: rgba(20, 20, 20, 0.6); } .blog .news-item-wrapper:hover .title { text-decoration: underline; } .blog .news-item-wrapper .title { font-weight: 500; font-size: 18px; line-height: 150%; height: 81px; overflow: hidden; color: #141414; position: relative; margin-bottom: 0; } .blog .news-item-wrapper .title:after { content: url("/bitrix/templates/16_01_2023/img/main/blog-title-icon.svg"); position: absolute; } .blog .news-item-wrapper .preview-picture { margin-top: 100px; } .blog .news-item-wrapper .preview-picture img { border-radius: 10px; height: 200px; width: 100%; object-fit: cover; } /*FOOTER*/ footer { margin-top: 150px; padding-bottom: 80px; position: relative; } footer .soc-cell ul li { margin-left: 16px; display: inline-block; vertical-align: middle; } footer .soc-cell ul li:first-child { margin-left: 0; } footer .soc-cell a:hover svg rect { fill: #B8E647; } footer .soc-cell a:active svg rect { fill: #7CAA0B; } footer .logo-cell { max-width: 170px; width: 170px; flex-basis: 170px; } footer .contacts-cell { text-align: right; } footer .phone a { font-weight: 500; font-size: 32px; line-height: 39px; } footer .phone { margin-bottom: 10px; } footer .call-modal a { font-weight: 500; font-size: 18px; line-height: 150%; } footer .call-modal { margin-bottom: 0; } footer .mail { margin-top: 155px; margin-bottom: 16px; } footer .mail a { font-weight: 500; font-size: 24px; line-height: 29px; text-decoration: underline; } footer .address a { font-size: 18px; line-height: 150%; text-decoration: underline; } footer .top-row { margin-bottom: 40px; } footer .menu-cell .menu { margin-left: 80px; float: left; } footer .menu-cell .menu:first-child { margin-left: 0; max-width: 298px; flex-basis: 298px; width: 298px; } footer .menu-cell .menu:nth-child(2) { max-width: 248px; flex-basis: 248px; width: 248px; } footer .menu-cell .menu .title { font-weight: 500; font-size: 24px; line-height: 150%; margin-bottom: 24px; } footer .menu-cell .menu ul li { margin-bottom: 10px; } footer .menu-cell .menu ul li a { font-size: 18px; line-height: 150%; } footer .menu-cell .menu ul li:last-child { margin-bottom: 0; } footer .menu-cell .section-link-block { margin-top: -88px; clear: both; float: left; } footer .menu-cell .menu .section-link-block p:first-child { margin-bottom: 16px; } footer .menu-cell .section-link-block a { font-weight: 500; font-size: 24px; line-height: 29px; } footer .menu-cell { padding-left: 20px; } footer .ps-row { margin-top: 80px; } footer .ps-row p { line-height: 150%; color: rgba(20, 20, 20, 0.6); max-width: 1410px; padding-left: 20px; margin-bottom: 0; } @keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rot { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .header-menu li.parent-li { position: relative; } .header-menu li.parent-li:first-child { margin-left: 0; } .header-menu .second-menu-block { display: none; position: absolute; top: auto; display: none; z-index: 500; height: auto; max-width: 389px; width: auto; background: #FCFCFC; border: 2px solid #A4D233; border-radius: 10px; padding: 10px 21px 17px 0; } .header-menu .second-menu-block:before { display: block; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #A4D233 transparent; content: ''; height: 0; position: absolute; left: 30px; top: -10px; } .header-menu .second-menu-block:after { display: block; border-style: solid; border-width: 0px 9px 10px 9px; border-color: transparent transparent #fff transparent; content: ''; height: 0; left: 30px; top: -6px; position: absolute; } .header-menu li.parent-li:hover .second-menu-block { display: block; } .header-menu li.parent-li>a { font-size: 18px; line-height: 22px; color: #141414; padding-bottom: 10px; display: block; } .header-menu li.parent-li:hover>a, .header-menu .second-menu-block ul li:hover a { font-weight: 600; color: #A4D233; } .header-menu li.parent-li { margin-left: 28px; } .header-menu li.parent-li:first-child .second-menu-block:before, .header-menu li.parent-li:first-child .second-menu-block:after { left: 60px; } .menu-right-cell ul { display: none; } .menu-right-cell ul[menu-block="2"] { margin-top: 34px; } .menu-right-cell ul[menu-block="3"] { margin-top: 68px; } .menu-right-cell ul[menu-block="4"] { margin-top: 101px; } .header-menu .second-menu-block .menu-left-cell.flex-cell { max-width: 167px; flex-basis: 167px; width: 167px; } .header-menu .second-menu-block .menu-right-cell ul { width: 183px; } .header-menu .second-menu-block .menu-right-cell ul:last-child li:first-child { border-top: 1px solid #DEDEDE; } .header-menu .second-menu-block .menu-right-cell ul li a { margin-left: 29px; } .header-menu .second-menu-block .menu-right-cell ul li:first-child a { padding-left: 29px; margin-left: 0; } .header-menu .second-menu-block li a { color: #141414; display: block; font-size: 16px; line-height: 120%; } .header-menu .second-menu-block li { padding: 7px 0; border-bottom: 1px solid #DEDEDE; } .header-menu .second-menu-block .menu-left-cell ul { padding-left: 16px; } .header-menu .second-menu-block .menu-left-cell li.has-ul a { background: url(/bitrix/templates/16_01_2023/components/bitrix/menu/new-header-menu/images/angle-left.svg) center right no-repeat; } .header-menu .second-menu-block .menu-left-cell li:hover a, .header-menu .second-menu-block .menu-left-cell li.active a { background: none; font-weight: 600; color: #A4D233 !important; } .header-menu .second-menu-block .menu-left-cell li:last-child { border-bottom: none; padding-bottom: 0; } .header-menu .second-menu-block .menu-right-cell li:last-child { border-bottom: none; } .header-menu li.parent-li:not(:first-child) .second-menu-block li a { width: max-content; } .dropdowns-menu { position: relative; } #overlay, .modal-call, .modal-call-showItemOnMap, .modal-call-showAllItemsOnMap { background: rgba(0, 0, 0, .42); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; display: none; } .modal-window { height: 100%; } .close-modal { background: url(https://www.ayax.ru/images/icon-close.svg); -webkit-background-size: cover; background-size: cover; width: 22px; height: 22px; position: absolute; top: 18px; right: 18px; cursor: pointer; z-index: 2; } .modal-advanced-filter { max-width: 1478px; width: 100%; background: #FCFCFC; padding: 40px 24px; border: 2px solid #A4D233; border-radius: 10px; display: none; } .modal-advanced-filter .field-block { width: 100%; margin-bottom: 30px; position: relative; } .modal-advanced-filter .field-block:last-child { margin-bottom: 0; } .nedv-filter.modal-advanced-filter .filter-input-block input { height: auto; } .nedv-filter.modal-advanced-filter .dropdowns-menu.active { max-width: none; min-width: 100%; } .nedv-filter.modal-advanced-filter .field-block { width: 234px; float: left; margin-left: 60px; } .nedv-filter.modal-advanced-filter .field-block.dop-floors { float: right; } .nedv-filter.modal-advanced-filter .field-input-cell>.flex-row { display: flex; flex-wrap: wrap; gap: 10px 20px; } body .nedv-filter.modal-advanced-filter .field-block.active.input-checkbox{ display: flex; flex-wrap: wrap; gap: 0px 15px; } .nedv-filter.modal-advanced-filter .field-input-cell .field-block:nth-child(4n+1) { margin-left: 0; } .nedv-filter.modal-advanced-filter .field-input-cell .field-block:nth-child(4n) { float: right; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block { max-width: none; } .nedv-filter.modal-advanced-filter .advanced-filter-flat .flex-row .flex-cell-auto:first-child .field-block, .nedv-filter.modal-advanced-filter .advanced-filter-house .flex-row .flex-cell-auto:first-child .field-block, .nedv-filter.modal-advanced-filter .advanced-filter-land .flex-row .flex-cell-auto:first-child .field-block { width: 240px; } .nedv-filter.modal-advanced-filter .field-block.active { height: 85px; } .nedv-filter.modal-advanced-filter .field-block.active.dop-floors, .nedv-filter.modal-advanced-filter .field-block.active.checkbox-block { height: auto; } .nedv-filter.modal-advanced-filter .field-block.field-block-cost .checkbox-block { margin-top: 16px; } .nedv-filter.modal-advanced-filter .checkbox-block label { position: relative; cursor: pointer; padding: 5px 0; display: block; width: 100%; border: none; text-align: left; font-size: 16px; line-height: 20px; color: #000; white-space: nowrap; } .nedv-filter.modal-advanced-filter .checkbox-block label input { display: none; } .nedv-filter.modal-advanced-filter .checkbox-block label input+span { font-weight: 400; display: block; padding-left: 30px; padding-right: 0px; } .nedv-filter.modal-advanced-filter .checkbox-block label input+span:before { content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; background: #FCFCFC; border: 1px solid #4E4B48; border-radius: 5px; } .nedv-filter.modal-advanced-filter .checkbox-block label input:checked+span:after { content: ''; background: #A4D233; border-radius: 3px; position: absolute; margin: auto; width: 10px; height: 10px; left: 5px; top: 7px; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block { padding-top: 39px; width: 283px; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block label span { font-weight: 500; font-size: 20px; line-height: 24px; color: #141414; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block label { margin-bottom: 26px; padding: 0; } .nedv-filter.modal-advanced-filter .checkbox-block label input+span:before { top: 2px; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block label:last-child { margin-bottom: 0; } .nedv-filter.modal-advanced-filter .advanced-filter-actions { position: absolute; bottom: 0; right: 0; } .nedv-filter.modal-advanced-filter .advanced-filter { position: relative; } .nedv-filter.modal-advanced-filter .advanced-filter form { min-height: 380px; } .nedv-filter.modal-advanced-filter .advanced-filter-actions .flex-row { margin: 0 -12px; } .nedv-filter.modal-advanced-filter .advanced-filter-actions .flex-row .flex-cell { padding: 0 12px; } .nedv-filter.modal-advanced-filter #afa-confirm { width: 329px; } .nedv-filter.modal-advanced-filter #afa-confirm i { font-style: normal; } .nedv-filter.modal-advanced-filter #afa-reset { font-size: 20px; line-height: 24px; color: #141414; } .nedv-filter.modal-advanced-filter #afa-reset:hover { cursor: pointer; color: #141414; font-weight: 400; border-bottom: 1px solid #141414; } .nedv-filter.modal-advanced-filter .advanced-filter-close { position: absolute; top: -16px; right: 0; } .modal-call-form, .modal-call-form-result { width: 1100px; background: #FCFCFC; padding: 115px 0 141px 0; border-radius: 10px; position: relative; } .modal-call-form-inverse { background: #A4D233; border: 3px solid #A4D233; box-shadow: 0px 100px 100px rgb(0 0 0 / 25%); border-radius: 10px; transform: rotate(-4.62deg); width: 1100px; height: 600px; position: absolute; z-index: -1; } .modal-call-form .title { text-align: center; font-size: 36px; line-height: 130%; text-transform: uppercase; color: #141414; margin-bottom: 0; } .modal-call-form input { border: 1px solid #141414; border-radius: 10px; padding: 16px 0 16px 16px; } .modal-call-form .flex-row { margin: 0 -15px; } .modal-call-form .input-row>div { padding: 0 10px; } .modal-call-form .input-row { margin: 0 -10px; margin-bottom: 64px; } .modal-call-form .submit-row>div { padding: 0 12px; } .modal-call-form .submit-row { margin: 0 -12px; } .modal-call-form .submit-row button { width: 166px; line-height: 48px; height: 54px; } .modal-call-form .agreement_text { font-size: 14px; line-height: 17px; color: rgba(20, 20, 20, 0.4); } .modal-call-form .agreement_text a { font-weight: 700; color: #A4D233; } .modal-call-form .agreement-cell { max-width: 282px; flex-basis: 282px; width: 282px; } .modal-call-form input[name="name"] { width: 300px; } .modal-call-form input[name="phone"] { width: 232px; } .modal-call-form form { max-width: 552px; margin: 80px auto 0 auto; } .modal-call-form .modal-call-close { position: absolute; top: 40px; right: 40px; } .modal-call .modal-call-form-result { display: none; text-align: center; } .modal-call .modal-call-form-result .title { font-size: 36px; line-height: 130%; text-transform: uppercase; color: #141414; margin-top: 40px; margin-bottom: 24px; } .modal-call .modal-call-form-result .subtitle { font-size: 18px; line-height: 150%; color: #141414; margin-bottom: 80px; } .modal-call .modal-call-form-result button { margin: 0 auto; width: 140px; line-height: 48px; height: 54px; } header .burget-cell { display: none; position: relative; } header .burget-cell .menu_show { width: 21px; height: 17px; position: relative; z-index: 2; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; display: block; } header .burget-cell .menu_show span { width: 21px; display: block; position: absolute; border-bottom: 1px solid #141414; opacity: 1; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transition-timing-function: cubic-bezier(.22, .81, .01, .99); transition-timing-function: cubic-bezier(.22, .81, .01, .99); } header .burget-cell .menu_show .line1 { top: 0; } header .burget-cell .menu_show .line2, header .burget-cell .menu_show .line3 { top: 6px; } header .burget-cell .menu_show .line4 { top: 12px; } header .burget-cell .menu_show.active .line1, header .burget-cell .menu_show.active .line4 { opacity: 0; } header .burget-cell .menu_show.active .line2 { -webkit-transform: rotate(135deg); transform: rotate(135deg); } header .burget-cell .menu_show.active .line3 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal-mobile-menu { display: none; position: fixed; background: #fff; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); z-index: 999; overflow-y: auto; } .modal-mobile-menu.active { -webkit-transform: translate(-0%, 0); transform: translate(0%, 0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .modal-mobile-menu .flex-container>.flex-row { padding: 35px 16px 26px 14px; } .modal-mobile-menu .menu { padding: 0 17px; } .modal-mobile-menu .menu ul ul { display: none; } .modal-mobile-menu .menu>ul>li { border-bottom: 1px solid rgba(78, 75, 72, 0.2); } .modal-mobile-menu .menu>ul li a { font-weight: 500; font-size: 16px; line-height: 20px; color: #141414; padding: 16px 0; display: block; position: relative; } .modal-mobile-menu .menu ul li.active>a { font-weight: 600; color: #A4D233; } .modal-mobile-menu .menu>ul>li ul { padding: 0 14px; } .modal-mobile-menu .menu>ul>li ul>li>a { padding: 8px 0; border-bottom: 1px solid rgba(78, 75, 72, 0.2); } .modal-mobile-menu .menu>ul>li>ul>li:first-child { margin-top: -8px; } .modal-mobile-menu .menu .has-ul>a:after { content: ""; position: absolute; background: url("/bitrix/templates/16_01_2023/img/angle-down.svg") center right no-repeat; width: 13px; height: 7px; right: 0; top: calc(50% - 3.5px); transition: .2s all; } .modal-mobile-menu .menu .has-ul.active>a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); transition: .2s all; } @media (min-width: 0) { header .logo-cell { max-width: 120px; width: 120px; flex-basis: 120px; margin-right: 0; } header .menu-cell, header .contacts { display: none; } header .soc-cell { margin: 0; } header .soc-cell .li-phone-icon { display: inline-block; } header .soc-cell ul>li { margin-right: 16px; } header .soc-cell ul>li:last-child { margin: 0; } header .soc-cell svg { width: 17px; height: auto; } .flex-container { max-width: 100%; padding: 0; } .flex-container>.flex-row { padding: 0 16px; } header { padding-top: 10px; padding-bottom: 40px; } header .burget-cell { display: block; } header .soc-cell .phone-icon svg { width: 16px; height: 16px; } .modal-mobile-menu { display: flex; } footer .menu-cell .menu .title { font-size: 18px; margin-bottom: 16px; } footer .menu-cell .menu ul li a { font-size: 14px; } footer .menu-cell .menu ul li { margin-bottom: 8px; } footer .contacts-cell { text-align: left; } footer .phone a, footer .menu-cell .section-link-block a { font-size: 18px; line-height: 22px; } footer .call-modal a { font-size: 16px; line-height: 20px; } footer .mail { margin-top: 0; margin-bottom: 10px; } footer .mail a { font-size: 16px; line-height: 20px; } footer .call-modal { display: none; } footer .address a { font-size: 14px; } footer .menu-cell { padding-left: 0px; } footer .menu-cell .menu { margin-left: 0; margin-bottom: 24px; } footer .address { margin-bottom: 40px; } footer .menu-cell .section-link-block { margin-top: 0; } .section-link-block p { margin-bottom: 16px; } .section-link-block p:last-child { margin-bottom: 0; } footer .ps-row p { max-width: 100%; padding-left: 0px; font-size: 12px; } footer { margin-top: 80px; padding-bottom: 51px; } footer .ps-row { margin-top: 40px; } footer .logo-cell { max-width: 120px; width: 120px; flex-basis: 120px; } footer .soc-cell ul li { margin-left: 10px; } footer .soc-cell svg, footer .soc-cell a { width: 25px; height: 25px; display: block; } .main-intro .title-block h1 { font-size: 24px; line-height: 130%; } .main-intro .bg-block-right { display: none; } .main-intro .title-block { position: static; padding: 0 16px; margin-bottom: 40px; } .main-intro .button-block a.btn-default { margin-right: 0; margin-bottom: 16px; } .main-intro .bg-block-left { height: 330px; max-width: 100%; width: 100%; flex-basis: 100%; } .main-intro .bg-block .bg-block-left-img { border-radius: 0; } .main-form.section { margin-top: 80px; } .section h2 { margin-bottom: 50px; font-size: 17px; line-height: 130%; padding: 0 16px; } .main-form .nedv-filter, .best-items .nedv-filter, .steps .nedv-filter, .ipo-calc .nedv-filter { padding: 0 16px; } .main-form .nedv-filter .field-block.active, .main-form .nedv-filter .field-block-search, .main-form .nedv-filter .button-submit-block, .main-form .nedv-filter .wrap-extended-search, .main-form .nedv-filter .field-block-articul { width: 100%; margin: 0; margin-bottom: 16px; position: relative; } .main-form .nedv-filter .wrap-extended-search { margin-bottom: 0; } .main-form .nedv-filter .submit-link { width: 100%; font-size: 16px; line-height: 20px; } .main-form .nedv-filter .button-submit-block { width: calc(100% + 32px); margin-top: 42px; margin-bottom: 0; } .main-form .nedv-filter .submit-link{ margin-left: 16px; } .main-form .nedv-filter .nav-tabs .nav-item .nav-link svg, .best-items .nedv-filter .nav-tabs .nav-item .nav-link svg, .ipo-calc .nedv-filter .nav-tabs .nav-item .nav-link svg { display: block; margin: 0 auto; margin-bottom: 4px; } .main-form .nedv-filter .nav-tabs .nav-item.fNav-item .nav-link:before, .main-form .nedv-filter .nav-tabs .nav-item.fNav-item.active .nav-link:before, .main-form .nedv-filter .nav-tabs .nav-item.active .nav-link:after, .main-form .nedv-filter .nav-tabs .nav-item.fNav-item.active:before, .main-form .nedv-filter .nav-tabs .nav-item.active .nav-link:before, .main-form .nedv-filter .nav-tabs .nav-item.active:not(.fNav-item):before, .best-items .nedv-filter .nav-tabs .nav-item.fNav-item .nav-link:before, .best-items .nedv-filter .nav-tabs .nav-item.fNav-item.active .nav-link:before, .best-items .nedv-filter .nav-tabs .nav-item.active .nav-link:after, .best-items .nedv-filter .nav-tabs .nav-item.fNav-item.active:before, .best-items .nedv-filter .nav-tabs .nav-item.active .nav-link:before, .best-items .nedv-filter .nav-tabs .nav-item.active:not(.fNav-item):before, .steps .nedv-filter .nav-tabs .nav-item.fNav-item .nav-link:before, .steps .nedv-filter .nav-tabs .nav-item.fNav-item.active .nav-link:before, .steps .nedv-filter .nav-tabs .nav-item.active .nav-link:after, .steps .nedv-filter .nav-tabs .nav-item.fNav-item.active:before, .steps .nedv-filter .nav-tabs .nav-item.active .nav-link:before, .steps .nedv-filter .nav-tabs .nav-item.active:not(.fNav-item):before, .ipo-calc .nedv-filter .nav-tabs .nav-item.fNav-item .nav-link:before, .ipo-calc .nedv-filter .nav-tabs .nav-item.fNav-item.active .nav-link:before, .ipo-calc .nedv-filter .nav-tabs .nav-item.active .nav-link:after, .ipo-calc .nedv-filter .nav-tabs .nav-item.fNav-item.active:before, .ipo-calc .nedv-filter .nav-tabs .nav-item.active .nav-link:before, .ipo-calc .nedv-filter .nav-tabs .nav-item.active:not(.fNav-item):before { display: none; } .main-form .nedv-filter .nav-tabs .nav-link, .best-items .nedv-filter .nav-tabs .nav-link, .steps .nedv-filter .nav-tabs .nav-link, .ipo-calc .nedv-filter .nav-tabs .nav-link { border-color: transparent; padding: 0; border: none; font-size: 10px; line-height: 12px; text-align: center; } .main-form .nedv-filter .nav-tabs .nav-item, .best-items .nedv-filter .nav-tabs .nav-item, .steps .nedv-filter .nav-tabs .nav-item, .ipo-calc .nedv-filter .nav-tabs .nav-item { margin-bottom: 0; border: 1px solid rgba(78, 75, 72, 0.2); border-radius: 10px; margin-left: 7px; padding: 10px; } .main-form .nedv-filter .nav-tabs .nav-item.active, .best-items .nedv-filter .nav-tabs .nav-item.active, .steps .nedv-filter .nav-tabs .nav-item.active, .ipo-calc .nedv-filter .nav-tabs .nav-item.active { background-color: rgba(238, 255, 197, 0.6) !important; } .best-items .nedv-filter .nav-tabs .nav-item:first-child, .main-form .nedv-filter .nav-tabs .nav-item:first-child, .steps .nedv-filter .nav-tabs .nav-item:first-child, .ipo-calc .nedv-filter .nav-tabs .nav-item:first-child { margin-left: 0; } .main-form .nedv-filter .nav, .best-items .nedv-filter .nav, .steps .nedv-filter .nav, .ipo-calc .nedv-filter .nav { padding-bottom: 24px; } .main-form .nedv-filter .arow.btln { border-top-left-radius: 10px; } .main-form .nedv-filter .arow { padding: 16px; } .best-items h2 { font-size: 20px; text-align: center; } .best-items .nedv-filter .items-block { padding: 25px 0 24px 0; position: relative; border: none; border-top: 1px solid #A4D233; border-radius: 0; } .best-items .btn-catalog { display: none; } .custom-slick .slick-dots { bottom: -33px; } .custom-slick .slick-prev, .custom-slick .slick-next { top: auto; bottom: -69px; z-index: 99; } .custom-slick .slick-prev { left: 23px; } .custom-slick .slick-next { right: 23px; } .best-items .item, .best-items .items { margin: 0; } .section { margin-top: 80px; } .main-form .nedv-filter .input-checkbox.rooms input+span, .main-form .nedv-filter .input-checkbox.cat input+span, .best-items .nedv-filter .input-checkbox.rooms input+span { border-radius: 0; border-left: none; } .main-form .nedv-filter .input-checkbox.rooms label:first-child input+span, .main-form .nedv-filter .input-checkbox.cat label:first-child input+span, .best-items .nedv-filter .input-checkbox.rooms label:first-child input+span { border-radius: 10px 0px 0px 10px; border-left: 1px solid rgba(20, 20, 20, 0.4); } .main-form .nedv-filter .input-checkbox.rooms label, .main-form .nedv-filter .input-checkbox.cat label, .best-items .nedv-filter .input-checkbox.rooms label { margin-left: 0px; } .main-form .nedv-filter .input-checkbox.rooms label:last-child input+span, .main-form .nedv-filter .input-checkbox.cat label:last-child input+span, .best-items .nedv-filter .input-checkbox.rooms label:last-child input+span { border-radius: 0px 10px 10px 0px; border-left: 0; } .main-form .nedv-filter .dropdowns-menu.active { position: absolute; z-index: 9999; max-width: 100%; width: 100%; } .main-form .nedv-filter .field-title, .main-form .nedv-filter .field-block-search, .main-form .nedv-filter .menu-filter-checkboxes>label:after, .best-items .nedv-filter .field-title { display: none; } .main-form .nedv-filter .filter-input-block input:first-child { border-radius: 10px 0px 0px 10px; } .main-form .nedv-filter .filter-input-block input:last-child { border-radius: 0px 10px 10px 0px; border-left: 0; } .main-form .nedv-filter .filter-input-block input:last-child { margin-left: 0; } .main-form .nedv-filter .input-checkbox.rooms input+span, .main-form .nedv-filter .input-checkbox.cat input+span, .best-items .nedv-filter .input-checkbox.rooms input+span { font-size: 14px; line-height: 17px; border-color: rgba(20, 20, 20, 0.4); } .main-form .filter-input-block input::placeholder { font-size: 12px; line-height: 15px; color: rgba(20, 20, 20, 0.4); } .main-form .nedv-filter .filter-input-block input, .main-form .nedv-filter .field-block-articul input { border-color: rgba(20, 20, 20, 0.4); font-size: 12px; line-height: 15px; padding: 9px 0 9px 9px; } .nedv-filter .dropdowns-menu button.btn .select-count .comp-text { display: none; } .nedv-filter .dropdowns-menu button.btn .select-count .mob-text { display: block; font-size: 12px; line-height: 15px; color: rgba(20, 20, 20, 0.4); } .main-form .nedv-filter .dropdowns-menu button.btn.btn-default { border-color: rgba(20, 20, 20, 0.4); height: 35px; font-size: 12px; line-height: 15px; color: rgba(20, 20, 20, 0.4); } .main-form .nedv-filter .extended-search { border: none; font-size: 14px; line-height: 17px; padding: 0; } .main-form .nedv-filter .extended-search svg { margin-right: 10px; width: 20px; height: 20px; } .main-form .nedv-filter .field-block-articul { margin-bottom: 24px; } .main-form .nedv-filter { padding-bottom: 78px; margin-top: 20px; } .main-form .nedv-filter .filter-toggle .angle-icon path { stroke: rgba(20, 20, 20, 0.6); } .main-form .nedv-filter .menu-filter-switcher-dropdowns { border-color: rgba(20, 20, 20, 0.4); } .main-form .nedv-filter .menu-filter-checkboxes>button, .main-form .nedv-filter .menu-filter-checkboxes>label { font-size: 12px; line-height: 15px; padding: 8px 0; } .main-form .nedv-filter .menu-filter-checkboxes>label input+span:before { width: 13px; height: 13px; left: 0; top: 8px; border-color: rgba(78, 75, 72, 0.6); } .main-form .nedv-filter .menu-filter-checkboxes>label input:checked+span:after { width: 7px; height: 7px; left: 4px; top: 12px; } .main-form .nedv-filter .menu-filter-checkboxes>label input+span { padding-left: 36px; } .main-form .nedv-filter .menu-filter-checkboxes>label:last-child { padding-bottom: 16px; } .best-items .nedv-filter .field-block { margin-bottom: 24px; width: 100%; } .custom-slick .slick-dots li button { padding: 2px; width: 5px; height: 5px; } .custom-slick .slick-dots li { margin-left: 8px; } .custom-slick .slick-dots .slick-active button { width: 8px; height: 8px; } .custom-slick .slick-prev:before, .custom-slick .slick-next:before { width: 7px; height: 15px; } .catalog-section .item .btn-block a { font-size: 12px; height: 37px; line-height: 37px; } .best-items .item .btn-block a, .catalog-section .item .btn-block a { font-size: 12px; height: 37px; line-height: 37px; } .best-items .item .btn-block a.btn-default, .catalog-section .item .btn-block a.btn-default { width: 109px; } .best-items .item .btn-block a.btn-transp, .catalog-section .item .btn-block a.btn-transp { width: 101px; } .best-items .item .info { padding: 16px 16px 31px 16px; } .best-items .item .img { height: 180px; } .best-items .title { font-size: 14px; } .best-items .item .price-block { margin-top: 10px; } .best-items .item .price-block .price { font-size: 18px; } .best-items .item .price-m2 { margin-top: 4px; font-size: 14px; height: 16px; } .best-items .item .ipoteka { margin-top: 16px; font-size: 13px; } .best-items .item .adress { font-size: 12px; margin-top: 8px; height: auto; } .best-items .item .btn-block { margin-top: 27px; } .our-services .items-block .flex-cell.img-cell { height: 185px; max-width: calc(100% - 16px); width: calc(100% - 16px); flex-basis: calc(100% - 16px); margin-bottom: 24px; } .our-services .items-block .flex-cell { max-width: 100%; width: 100%; flex-basis: 100%; } .our-services .text-cell .title { font-size: 18px; } .our-services .items-block .flex-cell:first-child .text, .our-services .items-block .flex-cell:last-child .text { max-width: 100%; margin-left: 0; margin-right: 0; padding: 0 16px; } .our-services .items-block .flex-row { margin-bottom: 40px; } .our-services .text-cell .desc { font-size: 14px; margin-top: 16px; margin-bottom: 0; } .our-services .text-cell .btn-block { margin-top: 16px; } .our-services .items-block .flex-cell:first-child .num { left: 12px; top: 130px; font-size: 96px; right: auto; width: 100px; } .our-services .items-block .flex-cell:last-child .num { right: 15px; top: 130px; font-size: 96px; left: auto; } .our-services .text-cell .btn-block a { font-size: 14px; } .our-services .items-block .flex-cell.text-cell { margin-bottom: 0; } .our-services .items-block .flex-cell:first-child img { border-top-left-radius: 0; border-bottom-left-radius: 0; } .our-services .items-block .flex-cell:last-child img { border-top-right-radius: 0; border-bottom-right-radius: 0; } .steps .nedv-filter .items-block { padding: 10px 15px 10px 10px; border-radius: 10px; } .steps .title { font-size: 18px; margin-bottom: 10px; } .steps .title .i { display: inline; } .steps .desc { font-size: 14px; margin-top: 0; } .steps .divider, .steps .num { display: none; } .steps .flex-row { margin: 0; } .steps .text { padding: 0; } .steps .flex-cell { margin-bottom: 16px; border-bottom: 1px solid rgba(78, 75, 72, 0.1); padding-bottom: 16px; } .steps .flex-row .flex-cell:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .steps .tab>div:last-child .flex-cell:last-child { margin-bottom: 0; } .steps .btn-block { margin-top: 20px; } .steps .btn-block a { font-size: 16px; width: 191px; height: 42px; line-height: 42px; } .steps .nedv-filter .nav-tabs .nav-link { font-size: 14px; line-height: 17px; } .steps .nedv-filter .nav-tabs .nav-item { padding: 12px; } .go-to-work { padding: 80px 0; margin-top: 142px; } .go-to-work .title { font-size: 24px; line-height: 130%; height: 62px; } .go-to-work .contacts .phone { font-size: 20px; line-height: 24px; } .go-to-work .contacts .mail { font-size: 16px; line-height: 20px; } .go-to-work .contacts ul li:last-child { margin-left: 0; margin-top: 24px; } .go-to-work .contacts { margin-top: 40px; } .go-to-work .form .form-title { font-size: 18px; max-width: 100%; } .go-to-work form .flex-cell:last-child { margin-left: 0; margin-top: 16px; } .go-to-work form .flex-cell.agreement-cell { margin-top: 20px; max-width: 100%; flex-basis: 100%; width: 100%; } .go-to-work form button[type="submit"] { width: 100%; } .go-to-work .form { margin-top: 252px; max-width: 100%; } .go-to-work .img-cell { height: 172px; max-width: 100%; width: 100%; flex-basis: 100%; position: absolute; top: 291px; left: 0; } .go-to-work .bg-block-img { border-radius: 0; } .go-to-work .contacts ul li { display: block; } .ipo-calc .nedv-filter .arow { padding: 24px 10px; border-radius: 10px; } .ipo-calc .ui-buttons-block { display: none; } .ipo-calc .input-row { margin-top: 20px; } .ipo-calc .field-title { font-size: 14px; line-height: 17px; } .ipo-calc .nedv-filter .menu-filter-checkboxes>label input+span:before { border-radius: 50%; width: 15px; height: 15px; left: 0px; } .ipo-calc .nedv-filter .menu-filter-checkboxes>label input:checked+span:after { width: 7px; height: 7px; left: 5px; } .ipo-calc .nedv-filter .menu-filter-checkboxes>label input+span { padding-left: 36px; font-size: 12px; line-height: 15px; padding-right: 0; } .ipo-calc .nedv-filter .menu-filter-checkboxes { padding-right: 10px; } .ipo-calc .radio-field-block .choosen-title { font-size: 14px; line-height: 17px; } .ipo-calc .result-cell .field-title { font-size: 10px; line-height: 12px; } .ipo-calc .result-cell .filed-block-val, .ipo-calc .procent-field input, .ipo-calc .filter-input .input-proc:after, .ipo-calc .result-cell .info-text .value { font-size: 14px; line-height: 17px; } .ipo-calc .result-cell .info-text .text { font-size: 10px; line-height: 12px; } .ipo-calc .nav-item .comp-text { display: none; } .ipo-calc .nav-item .mob-text { display: block; } .ipo-calc .radio-field-block .field-title { font-size: 16px; line-height: 20px; } .ipo-calc .nedv-filter .filter-input-block input { width: calc(100% - 16px); font-size: 16px; line-height: 20px; padding: 10px 0px 10px 16px; height: 25px; } .ipo-calc .ui-desc span, .ipo-calc .num-cell { font-size: 12px; line-height: 15px; } .ipo-calc .ui-custom-range.ui-widget.ui-widget-content { height: 7px; } .ipo-calc .ui-cell, .ipo-calc .result-cell, .ipo-calc .ps-cell { max-width: 100%; width: 100%; flex-basis: 100%; } .ipo-calc .result-cell { margin-top: 41px; padding-right: 19px; } .filter-input .input-proc:after { top: calc(50% - 8px); } .ipo-calc .procent-field input { padding: 6px 12px; } .ipo-calc .procent-field .filter-input { width: 35px; } .ipo-calc .field-block:not(.info-text-cell):not(.ps-cell):not(.radio-field-block), .ipo-calc .result-cell>.flex-row>.flex-cell:not(.info-text-cell):not(.ps-cell):nth-child(2n) { width: 115px; max-width: 115px; flex-basis: 115px; margin-bottom: 24px; } .ipo-calc .info-text-cell { margin-top: 10px; max-width: 210px !important; width: 210px !important; flex-basis: 210px !important; } .ipo-calc .ps-cell p { font-size: 10px; line-height: 12px; color: rgba(78, 75, 72, 0.8); } .ipo-calc .result-cell .info-text { padding: 8px 10px; padding-left: 15px; } .ipo-calc .result-cell .info-text .value { max-width: 86px; flex-basis: 86px; width: 86px; } .ipo-calc .btn-cell { position: absolute; bottom: -100px; left: 16px; width: calc(100% - 32px); } .ipo-calc .btn-cell button { width: 100%; } .ipo-calc { padding-bottom: 74px; } .blog { padding-bottom: 90px; } .section.blog h2 { padding: 0; margin-bottom: 24px; } .blog .desc { font-size: 14px; } .blog .hashtags { margin-top: 50px; } .blog .hashtags .item { font-size: 14px; line-height: 17px; } .blog .news-item-wrapper { margin-top: 24px; background-color: #fff; } .blog .news-item-wrapper .news-item { padding: 16px 10px; border: 2px solid #A4D233; border-radius: 10px } .blog .news-item-wrapper .date, .blog .news-item-wrapper .title { font-size: 14px; } .blog .news-item-wrapper .title { height: 63px; } .blog .news-item-wrapper .preview-picture { margin-top: 60px; } .blog .news-item-wrapper .preview-picture img { height: 167px; } .blog .btn-block { position: absolute; bottom: 0; left: 16px; width: calc(100% - 32px); } .blog .btn-block a, .blog .wrap-blog-slider, .blog .blog-slider { width: 100%; } .blog .custom-slick .slick-prev { left: -16px; } .blog .custom-slick .slick-next { right: -16px; } .blog .slick-dotted.slick-slider { margin-bottom: 0; } .modal-call-form .title { font-size: 18px; line-height: 130%; } .modal-call-form, .modal-call-form-result { padding: 65px 0px 44px 0px; width: 267px; } .modal-call .modal-call-form-result { padding-bottom: 102px; padding-top: 100px; } .modal-call-form-inverse { width: 267px; height: 434px; } .modal-call-form .agreement_text { font-size: 12px; line-height: 15px; } .modal-call-form form { max-width: 100%; margin: 24px auto 0 auto; } .modal-call-form .input-row { margin: 0; margin-bottom: 40px; } .modal-call-form .submit-row { margin-left: 0; margin-right: 0; } .modal-call-form .modal-call-close { right: 22px; top: 22px; } .modal-call-form .modal-call-close svg { width: 14px; height: 14px; } .modal-call-form input[name="name"], .modal-call-form input[name="phone"] { width: calc(100% - 16px); padding: 14px 0 16px 16px; height: 13px; font-size: 14px; } .modal-call-form input[name="name"]::placeholder, .modal-call-form input[name="phone"]::placeholder { font-size: 14px; } .modal-call-form .input-row>div:first-child { margin-bottom: 10px; } .modal-call-form .agreement-cell { margin-top: 12px; } .modal-call-form .input-row>div { padding: 0 14px; } .modal-call-form .submit-row button, .modal-call .modal-call-form-result button { width: 100%; line-height: 36px; height: 40px; font-size: 16px; } .modal-call .modal-call-form-result .title { font-size: 18px; margin-top: 24px; margin-bottom: 16px; } .modal-call .modal-call-form-result .smile svg { width: 25px; height: 25px; } .modal-call .modal-call-form-result .subtitle { font-size: 14px; line-height: 150%; color: #141414; margin-bottom: 39px; padding: 0 27px; } .modal-call .modal-call-form-result .btn-block { padding: 0 14px; } .nedv-filter.modal-advanced-filter .advanced-filter-flat .flex-row .flex-cell-auto:first-child .field-block, .nedv-filter.modal-advanced-filter .advanced-filter-house .flex-row .flex-cell-auto:first-child .field-block, .nedv-filter.modal-advanced-filter .advanced-filter-land .flex-row .flex-cell-auto:first-child .field-block, .nedv-filter.modal-advanced-filter .field-block { width: calc(50% - 11px); margin-left: 0; margin-bottom: 16px; } .modal-advanced-filter .flex-cell-auto { margin-left: 0; margin-bottom: 0; } .nedv-filter.modal-advanced-filter .field-input-cell .field-block:nth-child(2n) { float: right; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block { padding-top: 0; width: 100%; margin-bottom: 8px; margin-top: 6px; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block label { float: left; width: fit-content; margin-bottom: 16px; height: auto; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block label:nth-child(2n) { float: right; } .nedv-filter.modal-advanced-filter .advanced-filter-actions { position: static; width: 100%; } .nedv-filter.modal-advanced-filter #afa-confirm { width: 100%; margin-top: 16px; font-size: 16px; height: 46px; } .nedv-filter .field-title { margin-bottom: 8px; font-size: 12px; line-height: 15px; } .nedv-filter.modal-advanced-filter .checkbox-block label, .nedv-filter.modal-advanced-filter #afa-reset { font-size: 12px; line-height: 15px; } .nedv-filter .dropdowns-menu button.btn.btn-default { font-size: 12px; height: 35px; } .nedv-filter.modal-advanced-filter .field-block.checkbox-block label span { font-size: 12px; } .nedv-filter.modal-advanced-filter .advanced-filter-close { top: -24px; } .nedv-filter.modal-advanced-filter .advanced-filter-close svg { width: 10px; } .nedv-filter.modal-advanced-filter .filter-input-block input { height: 33px; padding: 0px 0 0px 10px; font-size: 12px; line-height: 15px; } .nedv-filter.modal-advanced-filter .filter-input-block input::placeholder { font-size: 12px; line-height: 15px; } .nedv-filter.modal-advanced-filter .field-block.active { height: 58px; } .nedv-filter.modal-advanced-filter .checkbox-block label input+span:before { top: 5px; width: 13px; height: 13px; } .nedv-filter.modal-advanced-filter .checkbox-block label input+span { padding-left: 25px; } .nedv-filter.modal-advanced-filter .field-block.field-block-cost .checkbox-block { margin-top: 10px; } .modal-advanced-filter { padding: 40px 16px 16px 16px; } .nedv-filter.modal-advanced-filter .checkbox-block label input:checked+span:after { width: 7px; height: 7px; left: 4px; top: 9px; } .nedv-filter .nav-tabs .nav-item.show .nav-link, .nedv-filter .nav-tabs .nav-item.active .nav-link { background-color: transparent; } .nedv-filter .nav { height: auto; } .ui-custom-range .ui-slider-handle:before { content: ""; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; display: block; position: absolute; left: -10px; top: -10px; } .steps .btn-more { display: block; bottom: -74px; } .steps .step-row-mobile-hidden { display: none; } .custom-pagination { margin-top: 25px; } .custom-pagination .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 4px !important; } .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; } .custom-button-prev, .custom-button-next { width: 25px; height: 25px; bottom: 0px; z-index: 1; top: auto; } .custom-button-prev img, .custom-button-next img { height: 16.5px; } .custom-button-prev { left: 0; } .custom-button-next { left: 100%; right: auto; } .items-slider, .blog .blog-slider { width: calc(100% - 22px); overflow: unset; padding-bottom: 10px; box-sizing: content-box; } .blog .blog-slider { margin: 0; } .best-items .item { overflow: auto; } .best-items .item * { line-height: normal; } .our-services { margin-top: 47px; } .main-form .nedv-filter .extended-search svg { max-width: 20px; flex-basis: 20px; width: 20px; } .nedv-filter .form-result .item span { font-size: 14px; } .nedv-filter .form-result .item span.close svg { height: 14px; } .nedv-filter .form-result .item { margin-right: 5px; margin-bottom: 10px; padding: 8px; } .nedv-filter .form-result .item span.close { margin-left: 14px; height: 14px; } .nedv-filter .form-result { margin-top: 10px; } .nedv-filter .search-input input { display: block; border-color: rgba(20, 20, 20, 0.4); font-size: 12px; line-height: 15px; padding: 6px 0 6px 6px; } .best-items .nedv-filter [tab-index="best-2"] .input-checkbox.rooms input+span, .best-items .nedv-filter [tab-index="best-3"] .input-checkbox.rooms input+span { padding: 5px; font-size: 12px; } .comp-title { display: none !important; } .mob-title { display: block !important; } .blog .news-cell { max-width: 100%; width: 100%; flex-basis: 100%; } .steps .divider-mobile { display: block; } } .whois { margin-top: 20px; font-size: 12px; padding: 0 20px; font-style: italic; } /*CATALOG*/ .modal-second-form input.input-search-articul{ width: 124px; } .section-90 { margin-top: 90px; } .catalog-section .count-block { margin-top: 16px; font-size: 20px; } .catalog-section .count-block span { font-weight: 600; } .catalog-section .count-block { color: rgba(20, 20, 20, 0.6); } .catalog-section h2 { margin-bottom: 0; } .catalog-section .top-row .buttons-block>.flex-row { column-gap: 24px; -moz-column-gap: 24px; } .catalog-section .top-row .buttons-block a .flex-row { column-gap: 10px; -moz-column-gap: 10px; } .catalog-section .top-row .buttons-block .sort-button { padding: 11px 24px; border-radius: 10px; border: 1px solid rgba(20, 20, 20, 0.6); } .catalog-section .onmapbtn { margin-top: 12px; } .catalog-section .catalog-section-items { margin-top: 80px; } .catalog-section .catalog-section-items .item { position: relative; background-color: #FCFCFC; border: 1px solid #FCFCFC; } .catalog-section .catalog-section-items .item>.flex-row { column-gap: 20px; -moz-column-gap: 20px; position: relative; } .catalog-section .item+.item { margin-top: 40px; } .catalog-section .item .photo { width: 497px; position: relative; } .catalog-section .item .photo .gallery__slider img { height: 351px; width: 100%; object-fit: cover; } .catalog-section .item .photo .gallery__carussel img { height: 112px; width: 100%; object-fit: cover; } .catalog-section .item .photo img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .catalog-section .divider { width: 1370px; height: 2px; opacity: 0.2; background: #4E4B48; margin: 40px auto; } .catalog-section .catalog-section-items .divider:last-child { display: none; } .catalog-section .item .photo div[class*="big-thumb-swiper-"] { width: 100%; height: 351px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .catalog-section .item .photo div[class*="small-thumb-swiper-"] { width: 100%; height: 112px; margin-left: auto; margin-right: auto; } body header > .flex-container>.flex-row{ padding-left: 5px; } .catalog-section .item .photo .gallery__slider { margin-bottom: 10px; } .catalog-section .item .photo .gallery__carussel .flex-row { column-gap: 10px; -moz-column-gap: 10px; } .catalog-section .item .name { font-size: 24px; font-weight: 700; line-height: 120%; } .catalog-section .item .cost { margin-top: 40px; } .catalog-section .item .desc-block { margin-top: 60px; font-size: 18px; line-height: 140%; max-width: 848px; } .catalog-section .item .desc-block .art { margin-bottom: -15px; } .catalog-section .item .desc-block .desc, .catalog-section .item .address, .catalog-section .item .m-price { color: rgba(20, 20, 20, 0.6); } .catalog-section .item .desc-block .desc { line-height: 140%; margin-bottom: 0; } .catalog-section .item .status { margin-bottom: 16px; } .catalog-section .item .gk { margin-bottom: 4px; font-size: 18px; } .catalog-section .item .address { font-size: 18px; } .catalog-section .item .status span { padding: 5px 10px; border-radius: 10px; background: rgba(164, 210, 51, 0.60); color: #4E4B48; font-weight: 500; display: inline-block; font-size: 14px; } .catalog-section .item .price { font-size: 32px; font-weight: 500; line-height: 120%; margin-bottom: 6px; } .catalog-section .item .m-price { margin-bottom: 40px; font-size: 18px; } .catalog-section .item .ipoteka { line-height: 120%; margin-bottom: 0; } .catalog-section .item .info-btn-block .btn-phone { margin-bottom: 12px; } .catalog-section .item .info-btn-block { position: absolute; top: -10px; right: 0; } .catalog-section .item .info-btn-block .btn-phone a { padding: 0px 31px; } .catalog-section .item .info-btn-block .btn-write a { width: 151px; margin: 0 0 0 auto; } .catalog-section .item .wrapper { position: relative; height: 100%; } .catalog-section .item .wrapper .icon-block { position: absolute; top: 180px; right: 0; visibility: hidden; opacity: 0; } .catalog-section .item .wrapper .icon-block span { color: #FCFCFC; font-size: 14px; font-weight: 500; border-radius: 5px; background: rgba(78, 75, 72, 0.8); display: block; position: absolute; right: 56px; top: 2px; padding: 10px; width: max-content; transition: all .3s; } .catalog-section .item .wrapper .icon-block li+li { margin-top: 10px; } .catalog-section .catalog-section-items .item:hover { border-radius: 10px; border: 1px solid #D9D9D8; margin: -40px; padding: 40px; outline: 2px solid #FCFCFC; } .catalog-section .catalog-section-items .item:hover .icon-block { visibility: visible; opacity: 1; transition: all .3s; } .catalog-section .catalog-section-items .item:hover+.divider { background: #fcfcfc; } .catalog-section .item .icon-block a svg { width: 40px; height: 40px; outline: none; } .catalog-section .item .icon-block a:focus svg rect { transition: all .3s; fill: #E1FF9A; } .catalog-section .item .icon-block a svg.svg-hover { transition: all .3s; visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; } .catalog-section .item .icon-block a:hover svg.svg-hover, .catalog-section .item .icon-block a.active svg.svg-hover { transition: all .3s; visibility: visible; opacity: 1; } .catalog-section .item .wrapper .icon a { width: 40px; height: 40px; display: block; position: relative; } .catalog-section .item .wrapper .icon a:hover span { opacity: 1; visibility: visible; transition: all .3s; } .catalog-section-banner { background-image: url("/bitrix/templates/16_01_2023_mobile/img/catalog/variant.png"); background-repeat: no-repeat; background-size: contain; margin: 80px 0; } .catalog-section-banner .wrapper { padding: 177px 0 178px 0; } .catalog-section-banner .text h2 { color: #FCFCFC; font-size: 48px; font-weight: 700; line-height: 120%; text-transform: uppercase; } .catalog-section-banner .text .sub-h2 { color: #FCFCFC; font-size: 24px; font-weight: 500; line-height: 120%; margin-bottom: 0; margin-top: 24px; } .catalog-section-banner .text .btn { margin-top: 80px; } .catalog-section-banner .text .btn a { width: 246px; color: #FCFCFC; } .catalog-section .pagination { margin-top: 100px; } .catalog-section .pagination .flex-row { column-gap: 20px; -moz-column-gap: 20px; } .catalog-section .pagination li a { display: block; color: #141414; font-size: 20px; padding: 9px 20px; border-radius: 10px; border: 1px solid rgba(20, 20, 20, 0.6); background-color: #fff; transition: all .3s; } .catalog-section .pagination li a:hover, .catalog-section .pagination li.is-active a { transition: all .3s; font-weight: 400; border: 1px solid rgba(20, 20, 20, 0.20); background-color: #EEFFC5; } .catalog-section .pagination li a svg { width: 8px; height: 16px; display: block; } .catalog-section .pagination li.pager__item--next { margin-left: 20px; } .catalog-section .pagination li.pager__item--previous { margin-right: 20px; } .catalog-section .pagination li.pager__item--previous a, .catalog-section .pagination li.pager__item--next a { padding: 13px 39px; } .catalog-section .pagination li.pager__item--previous svg { transform: rotate(180deg); } .catalog-section-form .wrapper { border-radius: 10px; border: 2px solid #A4D233; padding: 60px 130px 60px 60px; } .catalog-section-form .wrapper>.flex-row { column-gap: 144px; -moz-column-gap: 144px; } .catalog-section-form .form-title { font-size: 64px; font-weight: 500; line-height: 120%; text-transform: uppercase; margin-bottom: 24px; } .catalog-section-form .sub-form-title { font-size: 18px; line-height: 150%; margin-bottom: 0; } .catalog-section-form form input { padding-left: 0; border-radius: 0; border: none; border-bottom: 1px solid #141414; width: 625px; } .catalog-section-form form .input { margin-bottom: 50.5px; } .catalog-section-form form button { width: 166px; height: 54px; } .catalog-section-form .nedv-filter .field-block { width: 232px; } .catalog-section-form .nedv-filter .field-block .title { font-size: 18px; color: rgba(20, 20, 20, 0.4); } .catalog-section-form .nedv-filter .field-block .btn { padding: 0 16px; } .catalog-section-form .nedv-filter .filter-toggle .angle-icon { right: 16px; } .catalog-section-form .nedv-filter .dropdowns-menu:not(.not-d).active { max-width: 232px; width: 100%; } .catalog-section .item div[class*="catalog-section-item-prev-"], .catalog-section .item div[class*="catalog-section-item-next-"] { border-radius: 150px; background: rgba(78, 75, 72, 0.40); height: 32px; width: 32px; background-repeat: no-repeat; background-size: auto; position: absolute; background-position: center; top: calc(50% - 16px); z-index: 1; outline: none; cursor: pointer; } .catalog-section .item div[class*="catalog-section-item-prev-"] { background-image: url("/bitrix/templates/16_01_2023/img/catalog-section-item-prev.svg"); left: 16px; } .catalog-section .item div[class*="catalog-section-item-next-"] { background-image: url("/bitrix/templates/16_01_2023/img/catalog-section-item-next.svg"); right: 16px; } .catalog-section .item div.swiper-button-disabled { opacity: 0.5; } .section.catalog-section { margin-top: 254px; } .catalog-section .item .swiper-pagination { color: #fff; font-size: 14px; font-weight: 500; padding: 5px 0; border-radius: 10px; background: rgba(78, 75, 72, 0.40); width: 46px; left: calc(50% - 23px); letter-spacing: -0.8px; } .hide-message { display: none; position: fixed; bottom: 60px; right: 195px; padding: 20px; border-radius: 5px; background-color: #4E4B48; } .hide-message * { color: #fcfcfc; } .hide-message p { margin-bottom: 0; } .hide-message a { font-size: 16px; font-weight: 600; } .hide-message .flex-row { gap: 10px; } .hide-message p span { padding-left: 10px; } .gallery-slider img:hover { cursor: pointer; } .catalog-section .item .sert-herson { border-radius: 10px; background: rgba(238, 255, 197, 0.8); padding: 10px; font-size: 12px; position: absolute; top: 16px; left: 16px; z-index: 10; width: 185px; color: #141414; } .modal-call-showItemOnMap .wrapper, .modal-call-showAllItemsOnMap .wrapper { position: relative; width: 852px; height: 519px; border-radius: 10px; background: #FCFCFC; padding: 57px 24px 24px 24px; } .modal-call-showItemOnMap .close-modal, .modal-call-showAllItemsOnMap .close-modal { top: 17px; right: 17px; } .modal-call-showItemOnMap .close-showItemOnMap, .modal-call-showAllItemsOnMap .close-showItemOnMap { position: absolute; top: 17px; right: 17px; cursor: pointer; } .modal-call-showItemOnMap .close-showItemOnMap svg, .modal-call-showAllItemsOnMap .close-showItemOnMap svg { display: block; } .modal-call-showItemOnMap #map, .modal-call-showAllItemsOnMap #allItemsMap { width: 852px; height: 519px; } .drpdwns.active { position: relative; z-index: 9999; } .drpdwns.active button { border: 1px solid rgba(20, 20, 20, 0.2); border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .drpdwns button { font-weight: 400; color: #000; height: 44px; width: 100%; text-align: left; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; background-color: #fcfcfc; overflow: hidden; } .drpdwns .title { font-size: 16px; font-weight: 500; color: #141414; } .drpdwns button.flex-row { column-gap: 10px; -moz-column-gap: 10px; padding: 12px 24px; } .drpdwns.active .menu-filter-switcher-dropdowns { display: block; position: absolute; top: 44px; width: calc(100% - 12px); } .drpdwns .menu-filter-checkboxes { overflow-x: hidden; max-height: 252px; padding-left: 10px; padding-right: 15px; } .drpdwns .menu-filter-checkboxes>label { position: relative; cursor: pointer; padding: 10px 0; display: block; width: 100%; border: none; text-align: left; font-size: 16px; line-height: 20px; color: #000; white-space: nowrap; } .drpdwns input { display: none; } .drpdwns input { padding: 11px 0 11px 10px; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; color: #000; background-color: #fff; transition: border-color 0.15s ease-in-out; font-size: 16px; line-height: 20px; padding-left: 0; border-radius: 0; border: none; border-bottom: 1px solid #141414; width: 625px; } .drpdwns .menu-filter-checkboxes>label input+span { font-weight: 400; display: block; padding-left: 46px; padding-right: 16px; } .drpdwns .menu-filter-checkboxes>label input+span:before { content: ""; position: absolute; left: 10px; top: 10px; width: 18px; height: 18px; background: #FCFCFC; border: 1px solid #4E4B48; border-radius: 5px; } .drpdwns .menu-filter-checkboxes>label:after { content: ""; position: absolute; border-bottom: 1px solid rgba(78, 75, 72, 0.2); width: calc(100% - 20px); left: 10px; bottom: 0; } .drpdwns .menu-filter-switcher-dropdowns { display: none; z-index: 99; background: #FCFCFC; border: 1px solid rgba(20, 20, 20, 0.2); border-radius: 10px; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; top: 0; padding-right: 10px; } .drpdwns .menu-filter-checkboxes>label input:checked+span:after { content: ''; background: #A4D233; border-radius: 3px; position: absolute; margin: auto; width: 10px; height: 10px; left: 15px; top: 15px; } .drpdwns-1 { position: relative; } .drpdwns-1 .drpdwns-1-block, .drpdwns-second-form-advanced-filter .drpdwns-1-block { display: none; position: absolute; top: 53px; left: 0; border-radius: 10px; border: 1px solid rgba(20, 20, 20, 0.60); background: #FCFCFC; } .drpdwns-second-form-advanced-filter .drpdwns-1-block{ top: 155px; } .drpdwns-1 .second-form-advanced-filter .drpdwns-1-block { height: calc(100vh - 140px); overflow-y: auto; overflow-x: hidden; } .drpdwns-1.active .drpdwns-1-block, .drpdwns-second-form-advanced-filter.active .drpdwns-1-block { display: block; } .drpdwns-1 button, .drpdwns-second-form-advanced-filter button { border-radius: 10px; border: 1px solid rgba(20, 20, 20, 0.4); padding: 0 10px; height: 35px; line-height: 32px; } .drpdwns-1.active>button, .drpdwns-second-form-advanced-filter.active > button { background-color: #EEFFC5; } .drpdwns-1.active>button .title{ font-weight: 500; } .drpdwns-1 button .title, .drpdwns-second-form-advanced-filter button .title { color: #141414; font-size: 12px; } .drpdwns-1 button .advanced-title, .drpdwns-second-form-advanced-filter button .advanced-title { margin-left: 10px; } .drpdwns-1 .input-radio, .drpdwns-1 .input-checkbox { padding: 10px; } .drpdwns-1 .input-text, .drpdwns-1 .second-form-advanced-filter, .drpdwns-second-form-advanced-filter .second-form-advanced-filter { padding: 20px; } .drpdwns-1 .input, .drpdwns-second-form-advanced-filter .input { position: relative; color: rgba(20, 20, 20, 0.80); font-size: 16px; } .drpdwns-1 .input-radio>label, .drpdwns-1 .input-checkbox>label, .drpdwns-second-form-advanced-filter .input-radio>label, .drpdwns-second-form-advanced-filter .input-checkbox>label { position: relative; cursor: pointer; padding: 5px 0; display: block; width: 100%; border: none; text-align: left; font-size: 16px; line-height: 20px; color: #000; white-space: nowrap; } .drpdwns-1 .input-radio>label:first-child, .drpdwns-1 .input-checkbox>label:first-child, .drpdwns-second-form-advanced-filter .input-radio>label:first-child, .drpdwns-second-form-advanced-filter .input-checkbox>label:first-child { padding-top: 0; } .drpdwns-1 .input-radio>label:last-child, .drpdwns-1 .input-checkbox>label:last-child{ padding-bottom: 0; } .drpdwns-1 .input-radio>label input+span, .drpdwns-1 .input-checkbox>label input+span, .drpdwns-second-form-advanced-filter .input-radio>label input+span, .drpdwns-second-form-advanced-filter .input-checkbox>label input+span { font-weight: 400; display: block; padding-left: 30px; position: relative; font-size: 12px; } .drpdwns-1 .input-radio>label input+span:before, .drpdwns-1 .input-checkbox>label input+span:before, .drpdwns-second-form-advanced-filter .input-radio>label input+span:before, .drpdwns-second-form-advanced-filter .input-checkbox>label input+span:before { content: ""; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; background: #FCFCFC; border: 1px solid #4E4B48; border-radius: 50%; } .drpdwns-1 .input-checkbox>label input+span:before, .drpdwns-second-form-advanced-filter .input-checkbox>label input+span:before{ border-radius: 4.5px; } .drpdwns-1 .input-radio>label input:checked+span:after, .drpdwns-1 .input-checkbox>label input:checked+span:after, .drpdwns-second-form-advanced-filter .input-radio>label input:checked+span:after, .drpdwns-second-form-advanced-filter .input-checkbox>label input:checked+span:after { content: ''; background: #A4D233; border-radius: 50%; position: absolute; margin: auto; width: 7px; height: 7px; left: 4px; top: 6px; } .drpdwns-1 .input-checkbox>label input:checked+span:after, .drpdwns-second-form-advanced-filter .input-checkbox>label input:checked+span:after { border-radius: 3px; } .drpdwns-1 .input-checkbox input[type="checkbox"], .drpdwns-second-form-advanced-filter .input-checkbox input[type="checkbox"] { display: none; } .drpdwns-1 .input-radio>label:after, .drpdwns-1 .input-checkbox>label:after, .drpdwns-second-form-advanced-filter .input-radio>label:after, .drpdwns-second-form-advanced-filter .input-checkbox>label:after { content: ""; position: absolute; width: calc(100% - 20px); left: 10px; bottom: 0; display: none; } .drpdwns-1 .costBefore:after, .drpdwns-1 .costAfter:after { content: "₽"; position: absolute; top: 11px; right: 10px; } .drpdwns-1 .totalAreaFrom:after, .drpdwns-1 .totalAreaTo:after { content: "м²"; position: absolute; top: 11px; right: 10px; } .modal-second-form { position: fixed; top: 0; left: 0; width: calc(100% - 64px); background: #FCFCFC; box-shadow: 0px 7px 22px 0px rgba(0, 0, 0, 0.25); padding: 30px 32px 34px 32px; z-index: 999; display: none; max-width: 767px; } .drpdwns-1 .input-text .input-text-row { column-gap: 10px; -moz-column-gap: 10px; } .drpdwns-1 .input-text input[name="costBefore"], .drpdwns-1 .input-text input[name="costAfter"] { width: 111px; } .drpdwns-1 .input-text input[name="totalAreaFrom"], .drpdwns-1 .input-text input[name="totalAreaTo"] { width: 119px; } .drpdwns-1 .input-text .input input { padding: 10px; } .drpdwns-1 .second-form-advanced-filter-row, .drpdwns-second-form-advanced-filter .second-form-advanced-filter-row { column-gap: 30px; -moz-column-gap: 30px; } .drpdwns-1 .second-form-advanced-filter, .drpdwns-second-form-advanced-filter .second-form-advanced-filter { width: max-content; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .field-title, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .field-title { margin-bottom: 13px; font-size: 14px; line-height: normal; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .field-block.active, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .field-block.active { width: 226px; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .field-block.active.dop-floors, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .field-block.active.dop-floors { width: 397px; } .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .field-block{ position: relative; } .drpdwns-1 .second-form-advanced-filter.nedv-filter button .title, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter button .title { color: #141414; font-size: 12px; font-weight: 500; } .drpdwns-1 .second-form-advanced-filter.nedv-filter button.btn.btn-default, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter button.btn.btn-default { font-weight: 400; color: #000; height: 40px; width: 100%; text-align: left; border: 1px solid rgba(20, 20, 20, 0.6); border-radius: 10px; background-color: #fcfcfc; overflow: hidden; font-size: 14px; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .field-block, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .field-block { margin-bottom: 30px; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .field-block:last-child, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .field-block:last-child { margin-bottom: 0; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .filter-input-block input, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .filter-input-block input { height: 15px; padding: 12px 0 12px 10px; font-size: 14px; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .checkbox-block label, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .checkbox-block label { position: relative; cursor: pointer; padding: 5px 0; display: block; width: 100%; border: none; text-align: left; font-size: 16px; line-height: 20px; color: #000; white-space: nowrap; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .checkbox-block label input+span, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .checkbox-block label input+span { font-weight: 400; display: block; padding-left: 30px; padding-right: 0px; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .field-block.checkbox-block label span, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .field-block.checkbox-block label span { font-weight: 500; font-size: 16px; color: #141414; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .checkbox-block label input+span:before, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .checkbox-block label input+span:before { top: 2px; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .checkbox-block label input+span:before { content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; background: #FCFCFC; border: 1px solid #4E4B48; border-radius: 5px; } .drpdwns-1 .second-form-advanced-filter.nedv-filter .checkbox-block label input:checked+span:after, .drpdwns-second-form-advanced-filter .second-form-advanced-filter.nedv-filter .checkbox-block label input:checked+span:after { content: ''; background: #A4D233; border-radius: 3px; position: absolute; margin: auto; width: 10px; height: 10px; left: 5px; top: 10px; } .modal-second-form .drpdwns-row { column-gap: 20px; -moz-column-gap: 20px; } .modal-second-form .btn-block { margin-left: 12px; } .modal-second-form .btn-block button { padding: 0 16px; height: 35px; line-height: 35px; font-size: 12px; } .modal-second-form .drpdwns button { padding: 10px 20px; } .modal-second-form input::placeholder { color: rgba(20, 20, 20, 0.60); } .modal-second-form input { padding: 9px 0 9px 20px; width: calc(100% - 20px); font-size: 12px; } .modal-second-form input.input-search-articul, .modal-second-form input.search-input { padding: 6.5px 0 6.5px 20px; } .modal-second-form .second-form { padding: 0 40px; } .modal-second-form .drpdwns .title { font-weight: 400; } .modal-second-form .filter-input-block { column-gap: 8px; -moz-column-gap: 8px; } .modal-second-form .dop-floors .flex-row { column-gap: 20px; -moz-column-gap: 20px; } .drpdwns-1 .second-form-advanced-filter-row+.second-form-advanced-filter-row { margin-top: 30px; } .catalog-section-best-items h2 { margin-bottom: 16px; text-align: left; } .catalog-section-best-items .sub-h2 { opacity: 0.6000000238418579; color: #141414; font-family: Montserrat; font-size: 20px; } .catalog-section-best-items .sub-h2 span { font-weight: 600; } .swiper-scrollbar.custom-scrollbar, .catalog-section-items .swiper-scrollbar { cursor: pointer; background: #ECECEC; width: 1530px; margin: 0 auto; left: calc(50% - 765px); height: 10px; bottom: -40px; } .swiper-scrollbar.custom-scrollbar .swiper-scrollbar-drag, .catalog-section-items .swiper-scrollbar .swiper-scrollbar-drag { background: #A4D233; width: 221px; } .mobile-icon-block { display: none; position: absolute; z-index: 10; top: 16px; right: 16px; } .mobile-icon-block .svg-hover { visibility: hidden; transition: all .3s; position: absolute; left: 0; top: 0; } .catalog-section .item .mobile-icon-block a.active svg.svg-hover { transition: all .3s; visibility: visible; opacity: 1; } .mobile-icon-block li+li { margin-top: 10px; } .mobile-icon-block a { height: 38px; display: block; position: relative; } .drpdwns-1-block .founded { color: #FCFCFC; font-size: 12px; margin-top: 10px; min-width: 221px; width: 100%; padding: 0 20px; border: none; border-radius: 10px; background: rgba(78, 75, 72, 0.6); } .main-catalog-section-form.fixed{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background-color: #fff; margin: 0; } .info-visible-320 { display: none; } .section-contacts h1{ font-size: 64px; font-weight: 600; color: #A4D233; font-weight: 600; text-transform: uppercase; margin: 80px 0; } .section-contacts .item .title{ font-weight: 600; font-size: 20px; line-height: 140%; color: #141414; margin-bottom: 10px; } .section-contacts .item p, .section-contacts .item p a{ font-size: 20px; color: #141414; } .section-contacts .item p a:hover{ color: #A4D233; } .section-contacts .item{ margin-bottom: 40px; } .section-contacts .item:last-child{ margin-bottom: 0; } .section-contacts .map{ max-width: 100%; width: 100%; flex-basis: 100%; height: 600px; } .section-contacts .time-work{ margin-top: 88px; margin-bottom: 0; font-size: 20px; } #contact-map{ width: 100%; height: 100%; } #contact-map > ymaps { border-radius: 10px; overflow: hidden; } .wrapp_sell span{ border: 1px solid; padding: 8px 16px; font-weight: 500; border-radius: 10px; cursor: pointer; width: 120px; text-align: center; height: 27px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(78, 75, 72, 0.2); color: #141414; /* background: rgba(238, 255, 197, 0.6); */ } body .nedv-filter .wrapp_sell span.active{ /* background: rgba(164, 210, 51, 1); */ background: rgb(164 210 51) !important; /* border-color: rgba(164, 210, 51, 1); */ } .wrapp_sell span:hover{ /* background: rgba(238, 255, 197, 0.6); */ /* background: rgba(164, 210, 51, 0.5); */ } .short-charact .flex-justify-content-space-between{ /* flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; */ } @media (max-width: 600px) { .wrapp_sell span{ width: 50%; } } .catalog-section-form.contact-form .form-title{ margin-bottom: 24px; } .catalog-section-form.contact-form .form-title, .catalog-section-form.contact-form .sub-form-title{ max-width: 707px; } .catalog-section-form.contact-form .wrapper>.flex-row { column-gap: normal; -moz-column-gap: normal; } .catalog-section-form.contact-form form .btn-block{ margin-top: -10.5px; } .section-contacts .time-work b{ display: block; } body .catalog-element .short-charact .item .charact-value{ text-align: left; } @media (min-width: 480px) { .catalog-section .divider { margin: 24px auto; width: calc(100% - 100px); height: 1px; } .catalog-section .item .photo { width: 214px; } .catalog-section .item .photo div[class*="big-thumb-swiper-"] { height: 180px; margin-bottom: 0; } .catalog-section .item .photo div[class*="small-thumb-swiper-"] { height: 40px; padding-top: 20px; } .catalog-section .item .name { font-size: 16px; } .catalog-section .item .status span { font-size: 10px; } .catalog-section .item .art span { font-size: 10px; line-height: 140%; } .catalog-section .item .status { margin-bottom: 0; } .catalog-section .item .gk, .catalog-section .item .address, .catalog-section .item .desc-block, .catalog-section .item .ipoteka { font-size: 14px; } .catalog-section .item .cost { margin-top: 32px; } .catalog-section .item .price { font-size: 20px; } .catalog-section .item .m-price { margin-bottom: 20px; font-size: 14px; } .catalog-section .item .ipoteka { margin-bottom: 0; } .catalog-section .item .desc-block { margin-top: 40px; } .catalog-section .item .desc-block .desc { max-width: 100%; margin-bottom: 0; max-height: 93px; overflow: hidden; margin-bottom: 0; } .catalog-section .item .info-btn-block .btn-phone a { padding: 0px 13px; line-height: 40px; height: 40px; font-size: 16px; } .catalog-section .item .info-btn-block .btn-write a { width: 125px; line-height: 42px; height: 42px; font-size: 16px; } .catalog-section .item .info-btn-block .btn-phone { margin-bottom: 10px; } .catalog-section .item .price { margin-bottom: 4px; } .catalog-section-banner { background-size: cover; margin: 40px 0; } .catalog-section-banner .wrapper { padding: 57px 0 58px 0; } .catalog-section-banner .text h2 { font-size: 40px; max-width: 100%; } .catalog-section-banner .text .btn { margin-top: 40px; } .catalog-section-banner .text .btn a { width: 190px; height: 37px; line-height: 37px; font-size: 14px; } .catalog-section .pagination { margin-top: 10px; } .catalog-section-form .form-title { font-size: 20px; max-width: 180px; margin: 0 auto; margin-bottom: 16px; } .catalog-section-form .sub-form-title { font-size: 12px; } .catalog-section-form .wrapper>.flex-row { column-gap: 98px; -moz-column-gap: 98px; } .catalog-section-form form input { width: 280px; font-size: 12px; padding: 0 0 16px 0; } .catalog-section-form form .input { margin-bottom: 24px; } .drpdwns-1 button .advanced-title { width: 97px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal-second-form .etagi-text-search-root input { width: calc(100vw - 366px); max-width: 465px; } .modal-second-form .second-form form>.flex-row { gap: 20px; -moz-gap: 20px; } .modal-second-form .second-form { padding: 0; } .modal-second-form .btn-block { margin-left: 20px; } .breadcrumbs { padding: 0 16px; margin-top: -16px; font-size: calc(10px + 4 * ((100vw - 320px) / (480 - 320))); } .breadcrumbs svg { margin: 0 10px; width: 5px; height: 5px; } .main-catalog-section-form { margin-top: 27px; } .catalog-section-best-items .sub-h2 { padding: 0 16px; } .catalog-section-best-items .items-block { padding-left: 16px; } .catalog-section-best-items h2 { margin-bottom: 8px; } .catalog-section .top-row h2 { padding: 0; } .section.catalog-section .drpdwns .title { font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section .catalog-section-items { padding: 0 16px; } .catalog-section-banner .text { padding: 0 32px; } .catalog-section-banner .text h2 { padding: 0; font-size: 20px; } .catalog-section-banner .text .sub-h2 { font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); font-weight: 500; line-height: 120%; margin-top: 16px; } .catalog-section .catalog-section-items .item:hover { margin: -16px; padding: 16px; } .catalog-section-form { padding: 0 16px; margin-top: 80px; text-align: center; } .catalog-section-form form { max-width: 510px; margin: 0 auto; margin-top: 49px; } .catalog-section-form form button { width: 280px; height: 41px; line-height: 37px; font-size: 14px; } .catalog-section-form .filter-toggle .angle-icon { margin-top: -8px; } .catalog-section-form .nedv-filter .field-block .title { font-size: 12px; } .catalog-section-form .nedv-filter .field-block { width: 280px; } .catalog-section-form .wrapper { padding: 40px 0; } .swiper-scrollbar.custom-scrollbar, .catalog-section-items .swiper-scrollbar { width: calc(100% - 32px); left: 16px; bottom: -20px; height: 5px; } .catalog-section-items .swiper-scrollbar { bottom: 52px; width: 214px; left: 0; z-index: 909; } .section.catalog-section { margin-top: 101px; } .catalog-section .item .info-btn-block .btn-block>div { display: inline-block; vertical-align: middle; } .catalog-section .item .info-btn-block .btn-phone { margin-bottom: 0; margin-right: 16px; } .catalog-section .item .info-btn-block { bottom: -2px; left: 0; top: auto; } .catalog-section-best-items .sub-h2 { font-size: 16px; margin-bottom: 40px; } .catalog-section .count-block { margin-top: 8px; font-size: 14px; padding-left: 16px; } .catalog-section .onmapbtn { margin-bottom: 10px; border-radius: 10px; border: 1px solid rgba(78, 75, 72, 0.60); padding: 7px 14px; } .drpdwns button.flex-row { padding: 7px 14px; height: auto; } .catalog-section .catalog-section-items { margin-top: 24px; } .catalog-section .catalog-section-items .item .icon-block { display: none; } .mobile-icon-block { display: block; right: 8.5px; top: 8.5px; } .mobile-icon-block li+li { margin-top: 8px; } .catalog-section .item .sert-herson { top: auto; bottom: 8px; left: 8.5px; font-size: 10px; width: 154px; } .best-items.catalog-section-best-items .item .img img { width: 214px; height: 230px; } .best-items.catalog-section-best-items .item .img { height: 230px; } .best-items.catalog-section-best-items .item-row.flex-row { column-gap: 20px; -moz-column-gap: 20px; overflow: hidden; } .best-items.catalog-section-best-items .item .info { padding: 8px 8px 0 0; max-width: calc(100% - 240px); } .best-items.catalog-section-best-items .item .img .odobr { right: auto; bottom: 8px; left: 8.5px; font-size: 10px; line-height: normal; } .best-items.catalog-section-best-items .item .status span { border-radius: 10px; background: rgba(164, 210, 51, 0.60); color: #4E4B48; font-size: 10px; padding: 5px 10px; display: block; line-height: 120%; } .best-items.catalog-section-best-items .item .art span { color: #141414; text-overflow: ellipsis; font-size: 10px; line-height: 140%; display: block; } .best-items.catalog-section-best-items .item .price-row, .catalog-section .item .price-row { margin-top: 9px; } .best-items.catalog-section-best-items .item .price-m2, .catalog-section .item .price-m2 { margin-top: 0; font-size: 12px; height: 16px; opacity: 0.6; } .best-items.catalog-section-best-items .item .price, .catalog-section .item .price { font-size: 16px; line-height: 120%; } .best-items.catalog-section-best-items .item .main-prop-block li, .catalog-section .item .main-prop-block li { font-size: 12px; font-weight: 500; line-height: 120%; display: inline-block; } .catalog-section .item .swiper-pagination { display: none; } .best-items.catalog-section-best-items .item .main-prop-block li:after, .catalog-section .item .main-prop-block li:after { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #A4D233; display: inline-block; margin: 0 5px; } .best-items.catalog-section-best-items .item .main-prop-block li:last-child:after, .catalog-section .item .main-prop-block li:last-child:after { display: none; } .best-items.catalog-section-best-items .item .main-prop-block { margin-top: 7px; height: 14px; } .catalog-section .item .main-prop-block { margin-top: 7px; } .best-items.catalog-section-best-items .item .gk, .catalog-section .item .gk { margin-top: 10px; font-size: 12px; line-height: 140%; margin-bottom: 0; } .best-items.catalog-section-best-items .item .adress, .catalog-section .item .adress { opacity: 0.6; font-size: 12px; margin-top: 4px; } .best-items.catalog-section-best-items .item .ipoteka, .catalog-section .item .ipoteka { margin-top: 10px; font-size: 12px; line-height: 120%; } .best-items.catalog-section-best-items .item .btn-block { margin-top: 13px; column-gap: 10px; -moz-column-gap: 10px; margin-bottom: 8px; } .catalog-section .item .btn-block { column-gap: 10px; -moz-column-gap: 10px; margin-bottom: 0; margin-top: 34px; } .best-items.catalog-section-best-items .item .btn-block a.btn-default { width: 177px; font-size: 14px; font-weight: 500; } .catalog-section .item .btn-block a.btn-default { width: 134px; font-size: 14px; font-weight: 500; } .best-items.catalog-section-best-items .item .btn-block a.btn-transp { margin: 0; } .best-items.catalog-section-best-items .item .btn-block a.btn-transp { width: 83px; line-height: 43px; } .catalog-section .item .btn-block a.btn-transp { line-height: 43px; width: 62px; } .main-catalog-section-form .flex-container { display: none; } .main-catalog-section-form .section-form-tab a { background: #EEFFC5; color: #000; font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); text-align: center; position: relative; } .main-catalog-section-form .section-form-tab a>.flex-row { height: 38px; column-gap: 8px; -moz-column-gap: 8px; } .main-catalog-section-form .section-form-tab a:first-child:after { content: ""; width: 1px; height: 30px; background-color: #4E4B48; display: block; position: absolute; right: 0; top: 4px; opacity: 0.2; } .best-items.catalog-section-best-items { margin-top: 40px; } .catalog-section .pagination li a { font-size: 12px; } .catalog-section .pagination .flex-row { column-gap: 10px; -moz-column-gap: 10px; } .catalog-section .pagination li.pager__item--previous { margin-right: 10px; } .catalog-section .pagination li.pager__item--next { margin-left: 10px; } .catalog-section .pagination li.pager__item--previous a, .catalog-section .pagination li.pager__item--next a { padding: 9px 20px; } .catalog-section .show-more { margin-top: 30px; } .catalog-section .show-more a { padding: 12px 0; border-radius: 10px; background: rgba(78, 75, 72, 0.20); gap: 8px; width: 281px; margin: 0 auto; } .catalog-section .show-more a span { font-size: 12px; font-weight: 500; } .catalog-section-form .btn-block { margin-top: 40px; } .catalog-section-form .nedv-filter .field-block, .catalog-section-form form button { margin: 0 auto; } .catalog-section-form .dropdowns-menu button.btn.btn-default { font-size: 12px; height: 39px; border: 1px solid #4E4B48; } .catalog-section .mobile-icon-block a, .catalog-section-best-items .mobile-icon-block a { height: 29px; } .catalog-section-best-items .item .mobile-icon-block a.active svg.svg-hover { transition: all .3s; visibility: visible; opacity: 1; } .whois { font-size: 10px; padding: 0; text-align: center; } .best-items.catalog-section-best-items .item .price-m2 { margin-right: 2px; } .modal-call-showItemOnMap .wrapper, .modal-call-showAllItemsOnMap .wrapper { width: 380px; height: 192px; padding: 26px 10px 10px 10px; } .modal-call-showItemOnMap #map, .modal-call-showAllItemsOnMap #allItemsMap { width: 380px; height: 192px; } .modal-call-showItemOnMap .close-showItemOnMap, .modal-call-showAllItemsOnMap .close-showItemOnMap { top: 7px; right: 7px; } .modal-call-showItemOnMap .close-showItemOnMap svg, .modal-call-showAllItemsOnMap .close-showItemOnMap svg { width: 15px; height: 15px; } .section-contacts .map { max-width: 100%; width: 100%; flex-basis: 100%; height: 600px; margin-top: 16px; } .section-contacts .time-work b{ display: block; margin-bottom: 10px; } .section-contacts h1{ font-size: 24px; padding: 0 16px; margin: 24px 0 40px 0; } .section-contacts .time-work{ margin-top: 0px; margin-bottom: 24px; } .section-contacts .item { margin-bottom: 24px; } .section-contacts .item .title, .section-contacts .time-work b{ margin-bottom: 8px; } .section-contacts .item .title, .section-contacts .time-work b { font-size: 14px; } .section-contacts .item p, .section-contacts .item p a, .section-contacts .time-work span{ font-size: 16px; } } @media (min-width: 0px) and (max-width: 479.98px) { .section-contacts h1{ font-size: 24px; padding: 0 16px; margin: 24px 0 40px 0; } .section-contacts .time-work{ margin-top: 0px; margin-bottom: 24px; } .section-contacts .item { margin-bottom: 24px; } .section-contacts .item .title, .section-contacts .time-work b{ margin-bottom: 8px; } .section-contacts .item .title, .section-contacts .time-work b { font-size: 14px; } .section-contacts .item p, .section-contacts .item p a, .section-contacts .time-work span{ font-size: 16px; } .catalog-section .divider { margin: 24px auto; width: calc(100% - 28px); height: 1px; } .catalog-section .item .photo { width: 100%; } .catalog-section .item .photo div[class*="big-thumb-swiper-"] { height: 180px; margin-bottom: 0; } .catalog-section .item .photo div[class*="small-thumb-swiper-"] { height: 50px; padding-top: 19px; } .catalog-section .item .name { font-size: 16px; } .catalog-section .item .status span { font-size: calc(10px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section .item .art { height: 14px; line-height: 14px; } .catalog-section .item .art span { line-height: 140%; font-size: calc(10px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section .item .status { margin-bottom: 0; } .catalog-section .item .gk, .catalog-section .item .address, .catalog-section .item .desc-block, .catalog-section .item .ipoteka { font-size: 14px; } .catalog-section .item .cost { margin-top: 32px; } .catalog-section .item .price { font-size: 20px; } .catalog-section .item .m-price { margin-bottom: 20px; font-size: 14px; } .catalog-section .item .ipoteka { margin-bottom: 0; } .catalog-section .item .desc-block { margin-top: 40px; } .catalog-section .item .desc-block .desc { max-width: 100%; margin-bottom: 0; max-height: 93px; overflow: hidden; margin-bottom: 0; } .catalog-section .item .info-btn-block .btn-phone a { padding: 0px 13px; line-height: 40px; height: 40px; font-size: 16px; } .catalog-section .item .info-btn-block .btn-write a { width: 125px; line-height: 42px; height: 42px; font-size: 16px; } .catalog-section .item .info-btn-block .btn-phone { margin-bottom: 10px; } .catalog-section .item .price { margin-bottom: 0; } .catalog-section-banner { background-size: cover; margin: 40px 0; background-image: url("/bitrix/templates/16_01_2023_mobile/img/catalog/variant-320.jpg"); background-position: 40%; } .catalog-section-banner .wrapper { padding: 63px 0 164px 0; } .catalog-section-banner .text h2 { font-size: 40px; max-width: 100%; } .catalog-section-banner .text .btn { margin-top: 40px; } .catalog-section-banner .text .btn a { width: 190px; height: 37px; line-height: 37px; font-size: calc(14px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section .pagination { margin-top: 10px; } .catalog-section-form .form-title { font-size: calc(20px + 4 * ((100vw - 320px) / (480 - 320))); max-width: none; margin: 0; margin-bottom: 16px; max-width: 258px; } .catalog-section-form .sub-form-title { font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section-form .wrapper>.flex-row { column-gap: 98px; -moz-column-gap: 98px; } .catalog-section-form form input { width: 100%; font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); padding: 0 0 16px 0; } .catalog-section-form form .input { margin-bottom: 24px; } .drpdwns-1 button .advanced-title { width: 97px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .drpdwns-1 button .title { font-size: calc(12px + 2 * ((100vw - 320px) / (480 - 320))); } .modal-second-form .etagi-text-search-root input { width: 251px; } .modal-second-form .second-form form>.flex-row { column-gap: 20px; -moz-column-gap: 20px; } .modal-second-form .second-form { padding: 0; } .modal-second-form .btn-block { margin-left: 20px; } .breadcrumbs { padding: 0 16px; margin-top: -16px; font-size: calc(10px + 4 * ((100vw - 320px) / (480 - 320))); } .breadcrumbs svg { margin: 0 10px; width: 5px; height: 5px; } .main-catalog-section-form { margin-top: 44px; } .catalog-section-best-items .sub-h2 { padding: 0 16px; } .catalog-section-best-items .items-block { padding-left: 16px; } .catalog-section-best-items h2 { margin-bottom: 8px; } .catalog-section .top-row h2 { padding: 0; } .section.catalog-section .drpdwns .title { font-size: 12px; } .catalog-section-banner .text { padding: 0 32px; } .catalog-section-banner .text h2 { padding: 0; font-size: calc(20px + 4 * ((100vw - 320px) / (480 - 320))); max-width: 290px; } .catalog-section-banner .text .sub-h2 { font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); font-weight: 500; line-height: 120%; margin-top: 16px; max-width: 220px; } .catalog-section-form { padding: 0 16px; margin-top: 80px; text-align: left; } .catalog-section-form form { max-width: none; margin: 0 auto; margin-top: 40px; } .catalog-section-form form button { width: 100%; height: 41px; line-height: 37px; font-size: calc(14px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section-form .filter-toggle .angle-icon { margin-top: -8px; } .catalog-section-form .nedv-filter .field-block .title { font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section-form .nedv-filter .field-block { width: 100%; } .catalog-section-form .wrapper { padding: 45px 10px 40px 10px; } .catalog-section-items .swiper-scrollbar { width: calc(100% - 32px); left: 16px; bottom: -20px; height: 5px; } .swiper-scrollbar.custom-scrollbar { width: calc(100% + 16px); left: 0; bottom: -20px; height: 5px; } .catalog-section-items .swiper-scrollbar { bottom: auto; top: 185px; width: 100%; left: 0; z-index: 909; } .section.catalog-section { margin-top: 101px; } .catalog-section .item .info-btn-block .btn-block>div { display: inline-block; vertical-align: middle; } .catalog-section .item .info-btn-block .btn-phone { margin-bottom: 0; margin-right: 16px; } .catalog-section .item .info-btn-block { bottom: -2px; left: 0; top: auto; } .catalog-section-best-items .sub-h2 { font-size: 14px; margin-bottom: 42px; } .catalog-section .count-block { margin-top: 8px; font-size: 14px; padding-left: 16px; max-width: 100%; flex-basis: 100%; width: 100%; margin-bottom: 79px; } .catalog-section .onmapbtn { margin-bottom: 10px; border-radius: 10px; border: 1px solid rgba(78, 75, 72, 0.60); padding: 7px 14px; } .drpdwns button.flex-row { padding: 7px 14px; height: auto; } .catalog-section .catalog-section-items { margin-top: 24px; padding: 0 16px; background-color: #FCFCFC; } .catalog-section .catalog-section-items .item .icon-block { display: none; } .mobile-icon-block { display: block; right: 8.5px; top: 8.5px; } .mobile-icon-block li+li { margin-top: 8px; } .catalog-section .item .sert-herson { top: auto; bottom: 8px; left: 8px; font-size: calc(10px + 4 * ((100vw - 320px) / (480 - 320))); width: 54%; } .best-items.catalog-section-best-items .item .img img { width: 100%; height: 180px; } .best-items.catalog-section-best-items .item .img { height: 180px; width: 100%; } .best-items.catalog-section-best-items .item-row.flex-row { column-gap: 20px; -moz-column-gap: 20px; overflow: hidden; flex-wrap: wrap; -ms-flex-wrap: wrap; } .best-items.catalog-section-best-items .item .info { padding: 16px 16px 24px 16px; max-width: 100%; width: 100%; } .best-items.catalog-section-best-items .item .img .odobr { right: 16px; bottom: 16px; font-size: 12px; line-height: normal; } .best-items.catalog-section-best-items .item .status span { border-radius: 10px; background: rgba(164, 210, 51, 0.60); color: #4E4B48; font-size: 10px; padding: 5px 10px; display: block; line-height: 120%; } .best-items.catalog-section-best-items .item .art span { color: #141414; text-overflow: ellipsis; font-size: 10px; line-height: 140%; display: block; } .best-items.catalog-section-best-items .item .price-row, .catalog-section .item .price-row { margin-top: 16px; justify-content: flex-start; -webkit-justify-content: flex-start; gap: 6%; } .catalog-section .item .price-m2 { margin-top: 0; font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); height: 16px; opacity: 0.6; } .best-items.catalog-section-best-items .item .price-m2 { margin-top: 4px; font-size: 14px; color: rgba(20, 20, 20, 0.40); } .best-items.catalog-section-best-items .item .price, .catalog-section .item .price { font-size: calc(18px + 4 * ((100vw - 320px) / (480 - 320))); line-height: 120%; } .best-items.catalog-section-best-items .item .main-prop-block li, .catalog-section .item .main-prop-block li { font-size: calc(14px + 4 * ((100vw - 320px) / (480 - 320))); font-weight: 500; line-height: 120%; display: inline-block; } .catalog-section .item .swiper-pagination { display: none; } .best-items.catalog-section-best-items .item .main-prop-block li:after, .catalog-section .item .main-prop-block li:after { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #A4D233; display: inline-block; margin: 0 8px; margin-left: 10px; margin-right: 10px; } .best-items.catalog-section-best-items .item .main-prop-block li:last-child:after, .catalog-section .item .main-prop-block li:last-child:after { display: none; } .best-items.catalog-section-best-items .item .main-prop-block { margin-top: 4px; height: 14px; } .catalog-section .item .main-prop-block { margin-top: 4px; } .best-items.catalog-section-best-items .item .gk, .catalog-section .item .gk { margin-top: 16px; font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); line-height: 140%; margin-bottom: 0; } .catalog-section .item .adress { opacity: 0.6; font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); margin-top: 4px; } .best-items.catalog-section-best-items .item .adress { font-size: 12px; margin-top: 8px; } .catalog-section .item .ipoteka { margin-top: 16px; font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); line-height: 120%; } .best-items.catalog-section-best-items .item .ipoteka { margin-top: 16px; font-size: 13px; line-height: 120%; } .best-items.catalog-section-best-items .item .btn-block { margin-top: 24px; } .catalog-section .item .btn-block { column-gap: 10px; -moz-column-gap: 10px; margin-bottom: 0; margin-top: 24px; } .best-items.catalog-section-best-items .item .btn-block a.btn-default { width: 100%; font-size: 14px; font-weight: 500; } .best-items.catalog-section-best-items .title { white-space: normal; line-height: 130%; } .catalog-section .item .btn-block a.btn-default { width: 75%; font-size: calc(14px + 4 * ((100vw - 320px) / (480 - 320))); font-weight: 500; } .best-items.catalog-section-best-items .item .btn-block a.btn-transp { margin: 0; } .best-items.catalog-section-best-items .item .btn-block a.btn-transp { width: 100%; line-height: 43px; margin-top: 10px; font-size: 14px; } .catalog-section .item .btn-block a.btn-transp { line-height: 43px; width: 25%; } .main-catalog-section-form .flex-container { display: none; } .main-catalog-section-form .section-form-tab a { background: #EEFFC5; color: #000; font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); text-align: center; position: relative; } .main-catalog-section-form .section-form-tab a>.flex-row { height: 38px; column-gap: 8px; -moz-column-gap: 8px; } .main-catalog-section-form .section-form-tab a:first-child:after { content: ""; width: 1px; height: 28px; background-color: #4E4B48; display: block; position: absolute; right: 0; top: 5px; opacity: 0.2; } .best-items.catalog-section-best-items { margin-top: 40px; } .catalog-section .pagination li a { font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); } .catalog-section .pagination .flex-row { column-gap: 10px; -moz-column-gap: 10px; padding: 0 16px; justify-content: space-between; -webkit-justify-content: space-between; } .catalog-section .pagination li.pager__item--previous { margin-right: 10px; display: none; } .catalog-section .pagination li.pager__item--next { margin-left: 10px; display: none; } .catalog-section .pagination li.pager__item--previous a, .catalog-section .pagination li.pager__item--next a { padding: 9px 20px; } .catalog-section .show-more { margin-top: 40px; padding: 0 16px; } .catalog-section .show-more a { padding: 12px 0; border-radius: 10px; background: rgba(78, 75, 72, 0.20); gap: 8px; width: 100%; margin: 0 auto; } .catalog-section .show-more a span { font-size: calc(12px + 4 * ((100vw - 320px) / (480 - 320))); font-weight: 500; } .catalog-section-form .btn-block { margin-top: 40px; } .catalog-section-form .nedv-filter .field-block, .catalog-section-form form button { margin: 0 auto; } .catalog-section-form .dropdowns-menu button.btn.btn-default { font-size: 12px; height: 39px; border: 1px solid #4E4B48; } .catalog-section .mobile-icon-block a { height: 29px; } .catalog-section .catalog-section-items .item>.flex-row { flex-wrap: wrap; } .catalog-section .catalog-section-items .item>.flex-row>div { max-width: 100%; width: 100%; } .catalog-section .info { margin-top: 10px; } .catalog-section .top-row { flex-wrap: wrap; } .catalog-section .top-row .buttons-block { position: absolute; top: 74px; left: 16px; } .catalog-section .item .swiper-pagination { left: auto; right: 8px; bottom: 8px; font-size: 10px; width: 38px; } .info-hidden-320 { display: none; } .info-visible-320 { display: block; } .best-items.catalog-section-best-items .catalog-section-items-slider { width: calc(100% - 31px); overflow: unset; padding-bottom: 10px; box-sizing: content-box; } .whois { font-size: 10px; padding: 0; text-align: center; } .best-items.catalog-section-best-items .item .mobile-icon-block { display: none; } .catalog-section .catalog-section-items .item:hover { margin: -16px; padding: 16px; } .catalog-section .pagination .flex-row .pager__item.pager__item--ellipsis { display: block; color: #141414; font-size: 20px; padding: 9px 20px; border-radius: 10px; border: 1px solid rgba(20, 20, 20, 0.6); background-color: #fff; transition: all .3s; font-size: 12px; } .modal-call-showItemOnMap .wrapper, .modal-call-showAllItemsOnMap .wrapper { width: 268px; height: 264px; padding: 26px 10px 10px 10px; } .modal-call-showItemOnMap #map, .modal-call-showAllItemsOnMap #allItemsMap { width: 268px; height: 264px; } .modal-call-showItemOnMap .close-showItemOnMap, .modal-call-showAllItemsOnMap .close-showItemOnMap { top: 7px; right: 7px; } .modal-call-showItemOnMap .close-showItemOnMap svg, .modal-call-showAllItemsOnMap .close-showItemOnMap svg { width: 15px; height: 15px; } .drpdwns .menu-filter-checkboxes>label input+span{ font-size: 12px; } .drpdwns .menu-filter-checkboxes>label input+span:before { width: 12px; height: 12px; left: 3px; top: 9px; } .drpdwns .menu-filter-checkboxes>label input:checked+span:after { width: 6px; height: 6px; left: 7px; top: 13px; } .drpdwns .menu-filter-checkboxes>label input+span { padding-left: 28px; } .drpdwns.active .menu-filter-switcher-dropdowns { top: 30px; } .drpdwns .menu-filter-checkboxes>label { padding: 6px 0; } .main-best-items .item-row{ flex-wrap: wrap; } .main-best-items .item .img{ width: 100%; } .main-best-items .item .btn-block { margin-top: 27px; flex-direction: row; } .catalog-section-form.contact-form .form-title { margin: 0; margin-bottom: 10px; text-align: left; } .catalog-section-form.contact-form .wrapper { padding: 32px 16px; } .catalog-section-form.contact-form form { margin-top: 32px; } .catalog-section-form.contact-form .sub-form-title{ max-width: 230px; } .catalog-section-form.contact-form form input{ padding: 0 0 10px 0; } .catalog-section-form.contact-form form .input { margin-bottom: 20px; } .catalog-section-form.contact-form .btn-block { margin-top: 20px; } } .odobr, .sert-herson{ display: none; } /* End */ /* /bitrix/templates/16_01_2023_mobile/css/flex.css?171509061033890 */ /* /bitrix/templates/16_01_2023_mobile/css/swiper-bundle.min.css?168319701816493 */ /* /bitrix/templates/16_01_2023_mobile/css/jquery-ui.css?167848016236099 */ /* /bitrix/templates/16_01_2023_mobile/styles.css?17381707981165 */ /* /bitrix/templates/16_01_2023_mobile/template_styles.css?1757169079147325 */