#filter.filter_in_catalog:not(.visible) { display: none; } #filter.filter_in_catalog .container { padding-top: 0; padding-bottom: 0; margin-bottom: 40px; } #filter .filter_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } #filter .filter_header .button { width: calc(33.333% - 21px); } #filter .filter_body { display: flex; flex-wrap: wrap; justify-content: space-between; } #filter .filter_body .form_field { width: calc(33.333% - 21px); margin-bottom: 10px; } #filter .filter_body .fieldgroup { width: calc(33.333% - 21px); } #filter .filter_body .fieldgroup .form_field { width: calc(50% - 20px); } #catalog_small_filter { margin-bottom: 40px; } #catalog_small_filter.hidden { display: none; } #catalog_small_filter .filter_body { display: flex; justify-content: flex-end; } #catalog_small_filter .filter_body select { margin-right: 30px; width: 306px; } #catalog_small_filter .filter_body button { width: 220px; } #order .order_form { position: relative; margin: 0 -25px; } #order .order_form .order_email { display: flex; align-items: center; position: absolute; z-index: 1; background: #EDEFF5; height: 235px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } #order .order_form .order_email p { width: 320px; font-size: 24px; line-height: 45px; padding: 0 20px; } #order .order_form form { width: 750px; background: var(--blue); box-sizing: border-box; padding: 55px 90px; margin: auto; margin-left: 390px; position: relative; z-index: 2; } #order .order_form form input { margin-bottom: 32px; background: rgba(255, 255, 255, 0.2); color: #fff; } #order .order_form form input::placeholder { color: #fff; } #order .order_form form .policy { position: relative; z-index: 2; margin: -16px 25px 45px 25px; } #order .order_form form .policy label { color: #fff; font-weight: 300; } #order .order_form form .policy label:before { background: #fff; border-radius: 0; } #order .order_form form .policy input:checked + label:before { border-color: #fff; background: url("/images/icons/checkbox_blue.svg") no-repeat center #fff; } #order .order_form form .button { display: inherit; margin-left: auto; } .login { max-width: 410px; } .login .form_field { margin-bottom: 15px; } .login input[name="login"] { padding-left: 32px; background: url("/images/icons/icon-login.svg") no-repeat 8px 50%; } .login input[name="pass"] { padding-left: 32px; background: url("/images/icons/icon-pass.svg") no-repeat 8px 50%; } .login .button { width: 90px; display: block; margin-left: auto; } .contract_search { margin-bottom: 55px; } .contract_search form { display: flex; align-items: center; justify-content: space-between; } .contract_search form .form_field:first-child { width: calc(50% - 15px); min-width: calc(50% - 15px); margin-right: 15px; } .contract_search form .form_field:nth-child(2), .contract_search form .form_field:nth-child(3) { width: 100%; margin-right: 15px; } .contract_search form .form_field .button { width: 158px; min-width: 158px; }