/* Start:/local/templates/eastcement/assets/css/common.css?1769732869130449*/ .tooltip { position:absolute; z-index:1070; display:block; margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; font-size:.875rem; word-wrap:break-word; opacity:0 } .tooltip.show { opacity:1 } .tooltip .arrow { position:absolute; display:block; width:.8rem; height:.4rem } .tooltip .arrow::before { position:absolute; content:""; border-color:transparent; border-style:solid } .bs-tooltip-auto[x-placement^=top],.bs-tooltip-top { padding:.4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow { bottom:0 } .bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before { top:0; border-width:.4rem .4rem 0; border-top-color:#f1f1f1 } .bs-tooltip-auto[x-placement^=right],.bs-tooltip-right { padding:0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow { left:0; width:.4rem; height:.8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { right:0; border-width:.4rem .4rem .4rem 0; border-right-color:#f1f1f1 } .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom { padding:.4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow { top:0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before { bottom:0; border-width:0 .4rem .4rem; border-bottom-color:#f1f1f1 } .bs-tooltip-auto[x-placement^=left],.bs-tooltip-left { padding:0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow { right:0; width:.4rem; height:.8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { left:0; border-width:.4rem 0 .4rem .4rem; border-left-color:#f1f1f1 } .tooltip-inner { max-width:270px; padding:15px 20px; color:#7f807f; background-color:#f1f1f1; font-family:Source Sans Pro; font-style:normal; font-weight:400; line-height:normal; font-size:12px; -webkit-box-shadow:0 5px 5px rgba(0,0,0,.05); box-shadow:0 5px 5px rgba(0,0,0,.05); border-radius:.25rem } .container { width:100%; max-width:1542px; padding: 0 32px; margin-right:auto; margin-left:auto } @media only screen and (max-width: 1225px) { .container { padding: 0 24px; } .mobile-order-1 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .mobile-order-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .mobile-order-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } .mobile-order-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; } } @media only screen and (max-width: 767px) { .container { padding: 0 12px; } .phone-order-1 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .phone-order-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .phone-order-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } .phone-order-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; } .phone-order-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; } .phone-order-6 { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; } .phone-order-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7; } .phone-order-8 { -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8; } .phone-order-9 { -webkit-box-ordinal-group:10; -ms-flex-order:9; order:9; } .phone-order-10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10; } } .container-fluid { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .row { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px } .no-gutters { margin-right:0; margin-left:0 } .no-gutters>.col,.no-gutters>[class*=col-] { padding-right:0; padding-left:0 } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto { position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px } .col { -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100%} .col-1 { -webkit-box-flex:0; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%}.col-2 { -webkit-box-flex:0; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%}.col-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}.col-4 { -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%}.col-5 { -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%}.col-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}.col-7 { -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%}.col-8 { -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%}.col-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}.col-10 { -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%}.col-11 { -webkit-box-flex:0; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%}.col-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}.order-first { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1 } .order-last { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13 } .order-0 { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0 } .order-1 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .order-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .order-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 } .order-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4 } .order-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5 } .order-6 { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6 } .order-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7 } .order-8 { -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8 } .order-9 { -webkit-box-ordinal-group:10; -ms-flex-order:9; order:9 } .order-10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10 } .order-11 { -webkit-box-ordinal-group:12; -ms-flex-order:11; order:11 } .order-12 { -webkit-box-ordinal-group:13; -ms-flex-order:12; order:12 } .offset-1 { margin-left:8.33333%}.offset-2 { margin-left:16.66667%}.offset-3 { margin-left:25%}.offset-4 { margin-left:33.33333%}.offset-5 { margin-left:41.66667%}.offset-6 { margin-left:50%}.offset-7 { margin-left:58.33333%}.offset-8 { margin-left:66.66667%}.offset-9 { margin-left:75%}.offset-10 { margin-left:83.33333%}.offset-11 { margin-left:91.66667%}@media (min-width:470px) { .col-sm { -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100%}.col-sm-auto { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-sm-1 { -webkit-box-flex:0; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%}.col-sm-2 { -webkit-box-flex:0; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%}.col-sm-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}.col-sm-4 { -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%}.col-sm-5 { -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%}.col-sm-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}.col-sm-7 { -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%}.col-sm-8 { -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%}.col-sm-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}.col-sm-10 { -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%}.col-sm-11 { -webkit-box-flex:0; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%}.col-sm-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}.order-sm-first { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1 } .order-sm-last { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13 } .order-sm-0 { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0 } .order-sm-1 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .order-sm-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .order-sm-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 } .order-sm-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4 } .order-sm-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5 } .order-sm-6 { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6 } .order-sm-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7 } .order-sm-8 { -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8 } .order-sm-9 { -webkit-box-ordinal-group:10; -ms-flex-order:9; order:9 } .order-sm-10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10 } .order-sm-11 { -webkit-box-ordinal-group:12; -ms-flex-order:11; order:11 } .order-sm-12 { -webkit-box-ordinal-group:13; -ms-flex-order:12; order:12 } .offset-sm-0 { margin-left:0 } .offset-sm-1 { margin-left:8.33333%}.offset-sm-2 { margin-left:16.66667%}.offset-sm-3 { margin-left:25%}.offset-sm-4 { margin-left:33.33333%}.offset-sm-5 { margin-left:41.66667%}.offset-sm-6 { margin-left:50%}.offset-sm-7 { margin-left:58.33333%}.offset-sm-8 { margin-left:66.66667%}.offset-sm-9 { margin-left:75%}.offset-sm-10 { margin-left:83.33333%}.offset-sm-11 { margin-left:91.66667%}}@media (min-width:576px) { .col-md { -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100%}.col-md-auto { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-md-1 { -webkit-box-flex:0; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%}.col-md-2 { -webkit-box-flex:0; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%}.col-md-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}.col-md-4 { -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%}.col-md-5 { -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%}.col-md-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}.col-md-7 { -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%}.col-md-8 { -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%}.col-md-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}.col-md-10 { -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%}.col-md-11 { -webkit-box-flex:0; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%}.col-md-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}.order-md-first { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1 } .order-md-last { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13 } .order-md-0 { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0 } .order-md-1 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .order-md-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .order-md-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 } .order-md-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4 } .order-md-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5 } .order-md-6 { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6 } .order-md-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7 } .order-md-8 { -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8 } .order-md-9 { -webkit-box-ordinal-group:10; -ms-flex-order:9; order:9 } .order-md-10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10 } .order-md-11 { -webkit-box-ordinal-group:12; -ms-flex-order:11; order:11 } .order-md-12 { -webkit-box-ordinal-group:13; -ms-flex-order:12; order:12 } .offset-md-0 { margin-left:0 } .offset-md-1 { margin-left:8.33333%}.offset-md-2 { margin-left:16.66667%}.offset-md-3 { margin-left:25%}.offset-md-4 { margin-left:33.33333%}.offset-md-5 { margin-left:41.66667%}.offset-md-6 { margin-left:50%}.offset-md-7 { margin-left:58.33333%}.offset-md-8 { margin-left:66.66667%}.offset-md-9 { margin-left:75%}.offset-md-10 { margin-left:83.33333%}.offset-md-11 { margin-left:91.66667%}}@media (min-width:1226px) { .col-lg { -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100%}.col-lg-auto { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-lg-1 { -webkit-box-flex:0; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%}.col-lg-2 { -webkit-box-flex:0; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%}.col-lg-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}.col-lg-4 { -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%}.col-lg-5 { -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%}.col-lg-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}.col-lg-7 { -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%}.col-lg-8 { -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%}.col-lg-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}.col-lg-10 { -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%}.col-lg-11 { -webkit-box-flex:0; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%}.col-lg-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}.order-lg-first { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1 } .order-lg-last { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13 } .order-lg-0 { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0 } .order-lg-1 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .order-lg-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .order-lg-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 } .order-lg-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4 } .order-lg-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5 } .order-lg-6 { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6 } .order-lg-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7 } .order-lg-8 { -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8 } .order-lg-9 { -webkit-box-ordinal-group:10; -ms-flex-order:9; order:9 } .order-lg-10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10 } .order-lg-11 { -webkit-box-ordinal-group:12; -ms-flex-order:11; order:11 } .order-lg-12 { -webkit-box-ordinal-group:13; -ms-flex-order:12; order:12 } .offset-lg-0 { margin-left:0 } .offset-lg-1 { margin-left:8.33333%}.offset-lg-2 { margin-left:16.66667%}.offset-lg-3 { margin-left:25%}.offset-lg-4 { margin-left:33.33333%}.offset-lg-5 { margin-left:41.66667%}.offset-lg-6 { margin-left:50%}.offset-lg-7 { margin-left:58.33333%}.offset-lg-8 { margin-left:66.66667%}.offset-lg-9 { margin-left:75%}.offset-lg-10 { margin-left:83.33333%}.offset-lg-11 { margin-left:91.66667%}}@media (min-width:1390px) { .col-xl { -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100%}.col-xl-auto { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none } .col-xl-1 { -webkit-box-flex:0; -ms-flex:0 0 8.33333%; flex:0 0 8.33333%; max-width:8.33333%}.col-xl-2 { -webkit-box-flex:0; -ms-flex:0 0 16.66667%; flex:0 0 16.66667%; max-width:16.66667%}.col-xl-3 { -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}.col-xl-4 { -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%}.col-xl-5 { -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667%}.col-xl-6 { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}.col-xl-7 { -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333%}.col-xl-8 { -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667%}.col-xl-9 { -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}.col-xl-10 { -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333%}.col-xl-11 { -webkit-box-flex:0; -ms-flex:0 0 91.66667%; flex:0 0 91.66667%; max-width:91.66667%}.col-xl-12 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}.order-xl-first { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1 } .order-xl-last { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13 } .order-xl-0 { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0 } .order-xl-1 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .order-xl-2 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .order-xl-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3 } .order-xl-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4 } .order-xl-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5 } .order-xl-6 { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6 } .order-xl-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7 } .order-xl-8 { -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8 } .order-xl-9 { -webkit-box-ordinal-group:10; -ms-flex-order:9; order:9 } .order-xl-10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10 } .order-xl-11 { -webkit-box-ordinal-group:12; -ms-flex-order:11; order:11 } .order-xl-12 { -webkit-box-ordinal-group:13; -ms-flex-order:12; order:12 } .offset-xl-0 { margin-left:0 } .offset-xl-1 { margin-left:8.33333%}.offset-xl-2 { margin-left:16.66667%}.offset-xl-3 { margin-left:25%}.offset-xl-4 { margin-left:33.33333%}.offset-xl-5 { margin-left:41.66667%}.offset-xl-6 { margin-left:50%}.offset-xl-7 { margin-left:58.33333%}.offset-xl-8 { margin-left:66.66667%}.offset-xl-9 { margin-left:75%}.offset-xl-10 { margin-left:83.33333%}.offset-xl-11 { margin-left:91.66667%}}.modal-open { overflow:hidden } .modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; outline:0 } .modal-open .modal { overflow-x:hidden; overflow-y:auto } .modal-dialog { position:relative; width:auto; margin:.5rem; pointer-events:none } .modal.fade .modal-dialog { -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out, -webkit-transform .3s ease-out; transition:transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform:translate(0,-25%); transform:translate(0,-25%)}.modal.show .modal-dialog { -webkit-transform:translate(0,0); transform:translate(0,0)}.modal-dialog-centered { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:calc(100% - (.5rem * 2))}.modal-content { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; pointer-events:auto; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,.2); border-radius:.3rem; outline:0 } .modal-backdrop { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000 } .modal-backdrop.fade { opacity:0 } .modal-backdrop.show { opacity:.5 } .modal-header { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:1rem; border-bottom:1px solid #e9ecef; border-top-left-radius:.3rem; border-top-right-radius:.3rem } .modal-header .close { padding:1rem; margin:-1rem -1rem -1rem auto } .modal-title { margin-bottom:0; line-height:1.5 } .modal-body { position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; padding:1rem } .modal-footer { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:1rem; border-top:1px solid #e9ecef } .modal-footer>:not(:first-child) { margin-left:.25rem } .modal-footer>:not(:last-child) { margin-right:.25rem } .modal-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll } @media (min-width:470px) { .modal-dialog { max-width:500px; margin:1.75rem auto } .modal-dialog-centered { min-height:calc(100% - (1.75rem * 2))}.modal-sm { max-width:300px } }@media (min-width:1226px) { .modal-lg { max-width:800px } } .d-inline { display:inline!important } .d-inline-block { display:inline-block!important } .d-block { display:block!important } .d-table { display:table!important } .d-table-row { display:table-row!important } .d-table-cell { display:table-cell!important } .d-flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .d-inline-flex { display:-webkit-inline-box!important; display:-ms-inline-flexbox!important; display:inline-flex!important } .d-none { display:none!important } @media (min-width:470px) { .d-sm-none { display:none!important } .d-sm-inline { display:inline!important } .d-sm-inline-block { display:inline-block!important } .d-sm-block { display:block!important } .d-sm-table { display:table!important } .d-sm-table-row { display:table-row!important } .d-sm-table-cell { display:table-cell!important } .d-sm-flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .d-sm-inline-flex { display:-webkit-inline-box!important; display:-ms-inline-flexbox!important; display:inline-flex!important } }@media (min-width:576px) { .d-md-none { display:none!important } .d-md-inline { display:inline!important } .d-md-inline-block { display:inline-block!important } .d-md-block { display:block!important } .d-md-table { display:table!important } .d-md-table-row { display:table-row!important } .d-md-table-cell { display:table-cell!important } .d-md-flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .d-md-inline-flex { display:-webkit-inline-box!important; display:-ms-inline-flexbox!important; display:inline-flex!important } }@media (min-width:1226px) { .d-lg-none { display:none!important } .d-lg-inline { display:inline!important } .d-lg-inline-block { display:inline-block!important } .d-lg-block { display:block!important } .d-lg-table { display:table!important } .d-lg-table-row { display:table-row!important } .d-lg-table-cell { display:table-cell!important } .d-lg-flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .d-lg-inline-flex { display:-webkit-inline-box!important; display:-ms-inline-flexbox!important; display:inline-flex!important } }@media (min-width:1390px) { .d-xl-none { display:none!important } .d-xl-inline { display:inline!important } .d-xl-inline-block { display:inline-block!important } .d-xl-block { display:block!important } .d-xl-table { display:table!important } .d-xl-table-row { display:table-row!important } .d-xl-table-cell { display:table-cell!important } .d-xl-flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .d-xl-inline-flex { display:-webkit-inline-box!important; display:-ms-inline-flexbox!important; display:inline-flex!important } }@media print { .d-print-none { display:none!important } .d-print-inline { display:inline!important } .d-print-inline-block { display:inline-block!important } .d-print-block { display:block!important } .d-print-table { display:table!important } .d-print-table-row { display:table-row!important } .d-print-table-cell { display:table-cell!important } .d-print-flex { display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .d-print-inline-flex { display:-webkit-inline-box!important; display:-ms-inline-flexbox!important; display:inline-flex!important } }.flex-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-wrap { -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-nowrap { -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-wrap-reverse { -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-start { -webkit-box-pack:start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-space-between { -webkit-box-pack:start!important; -ms-flex-pack:start!important; justify-content:space-between!important } .justify-content-end { -webkit-box-pack:end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-center { -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-between { -webkit-box-pack:justify!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-around { -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-start { -webkit-box-align:start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-end { -webkit-box-align:end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-center { -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-baseline { -webkit-box-align:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-stretch { -webkit-box-align:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-start { -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-end { -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-center { -ms-flex-line-pack:center!important; align-content:center!important } .align-content-between { -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-around { -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-stretch { -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-auto { -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-start { -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-end { -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-center { -ms-flex-item-align:center!important; align-self:center!important } .align-self-baseline { -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } @media (min-width:470px) { .flex-sm-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-sm-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-sm-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-sm-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-sm-wrap { -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-sm-nowrap { -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-sm-wrap-reverse { -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-sm-start { -webkit-box-pack:start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-sm-end { -webkit-box-pack:end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-sm-center { -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-sm-between { -webkit-box-pack:justify!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-sm-around { -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-sm-start { -webkit-box-align:start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-sm-end { -webkit-box-align:end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-sm-center { -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-sm-baseline { -webkit-box-align:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-sm-stretch { -webkit-box-align:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-sm-start { -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-sm-end { -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-sm-center { -ms-flex-line-pack:center!important; align-content:center!important } .align-content-sm-between { -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-sm-around { -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-sm-stretch { -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-sm-auto { -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-sm-start { -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-sm-end { -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-sm-center { -ms-flex-item-align:center!important; align-self:center!important } .align-self-sm-baseline { -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-sm-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } }@media (min-width:576px) { .flex-md-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-md-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-md-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-md-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-md-wrap { -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-md-nowrap { -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-md-wrap-reverse { -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-md-start { -webkit-box-pack:start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-md-end { -webkit-box-pack:end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-md-center { -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-md-between { -webkit-box-pack:justify!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-md-around { -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-md-start { -webkit-box-align:start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-md-end { -webkit-box-align:end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-md-center { -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-md-baseline { -webkit-box-align:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-md-stretch { -webkit-box-align:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-md-start { -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-md-end { -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-md-center { -ms-flex-line-pack:center!important; align-content:center!important } .align-content-md-between { -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-md-around { -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-md-stretch { -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-md-auto { -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-md-start { -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-md-end { -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-md-center { -ms-flex-item-align:center!important; align-self:center!important } .align-self-md-baseline { -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-md-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } }@media (min-width:1226px) { .flex-lg-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-lg-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-lg-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-lg-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-lg-wrap { -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-lg-nowrap { -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-lg-wrap-reverse { -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-lg-start { -webkit-box-pack:start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-lg-end { -webkit-box-pack:end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-lg-center { -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-lg-between { -webkit-box-pack:justify!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-lg-around { -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-lg-start { -webkit-box-align:start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-lg-end { -webkit-box-align:end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-lg-center { -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-lg-baseline { -webkit-box-align:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-lg-stretch { -webkit-box-align:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-lg-start { -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-lg-end { -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-lg-center { -ms-flex-line-pack:center!important; align-content:center!important } .align-content-lg-between { -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-lg-around { -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-lg-stretch { -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-lg-auto { -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-lg-start { -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-lg-end { -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-lg-center { -ms-flex-item-align:center!important; align-self:center!important } .align-self-lg-baseline { -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-lg-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } }@media (min-width:1390px) { .flex-xl-row { -webkit-box-orient:horizontal!important; -webkit-box-direction:normal!important; -ms-flex-direction:row!important; flex-direction:row!important } .flex-xl-column { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -ms-flex-direction:column!important; flex-direction:column!important } .flex-xl-row-reverse { -webkit-box-orient:horizontal!important; -webkit-box-direction:reverse!important; -ms-flex-direction:row-reverse!important; flex-direction:row-reverse!important } .flex-xl-column-reverse { -webkit-box-orient:vertical!important; -webkit-box-direction:reverse!important; -ms-flex-direction:column-reverse!important; flex-direction:column-reverse!important } .flex-xl-wrap { -ms-flex-wrap:wrap!important; flex-wrap:wrap!important } .flex-xl-nowrap { -ms-flex-wrap:nowrap!important; flex-wrap:nowrap!important } .flex-xl-wrap-reverse { -ms-flex-wrap:wrap-reverse!important; flex-wrap:wrap-reverse!important } .justify-content-xl-start { -webkit-box-pack:start!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .justify-content-xl-end { -webkit-box-pack:end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-xl-center { -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important } .justify-content-xl-between { -webkit-box-pack:justify!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .justify-content-xl-around { -ms-flex-pack:distribute!important; justify-content:space-around!important } .align-items-xl-start { -webkit-box-align:start!important; -ms-flex-align:start!important; align-items:flex-start!important } .align-items-xl-end { -webkit-box-align:end!important; -ms-flex-align:end!important; align-items:flex-end!important } .align-items-xl-center { -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important } .align-items-xl-baseline { -webkit-box-align:baseline!important; -ms-flex-align:baseline!important; align-items:baseline!important } .align-items-xl-stretch { -webkit-box-align:stretch!important; -ms-flex-align:stretch!important; align-items:stretch!important } .align-content-xl-start { -ms-flex-line-pack:start!important; align-content:flex-start!important } .align-content-xl-end { -ms-flex-line-pack:end!important; align-content:flex-end!important } .align-content-xl-center { -ms-flex-line-pack:center!important; align-content:center!important } .align-content-xl-between { -ms-flex-line-pack:justify!important; align-content:space-between!important } .align-content-xl-around { -ms-flex-line-pack:distribute!important; align-content:space-around!important } .align-content-xl-stretch { -ms-flex-line-pack:stretch!important; align-content:stretch!important } .align-self-xl-auto { -ms-flex-item-align:auto!important; align-self:auto!important } .align-self-xl-start { -ms-flex-item-align:start!important; align-self:flex-start!important } .align-self-xl-end { -ms-flex-item-align:end!important; align-self:flex-end!important } .align-self-xl-center { -ms-flex-item-align:center!important; align-self:center!important } .align-self-xl-baseline { -ms-flex-item-align:baseline!important; align-self:baseline!important } .align-self-xl-stretch { -ms-flex-item-align:stretch!important; align-self:stretch!important } }.float-left { float:left!important } .float-right { float:right!important } .float-none { float:none!important } @media (min-width:470px) { .float-sm-left { float:left!important } .float-sm-right { float:right!important } .float-sm-none { float:none!important } }@media (min-width:576px) { .float-md-left { float:left!important } .float-md-right { float:right!important } .float-md-none { float:none!important } }@media (min-width:1226px) { .float-lg-left { float:left!important } .float-lg-right { float:right!important } .float-lg-none { float:none!important } }@media (min-width:1390px) { .float-xl-left { float:left!important } .float-xl-right { float:right!important } .float-xl-none { float:none!important } }.clearfix::after { display:block; clear:both; content:""}.align-baseline { vertical-align:baseline!important } .align-top { vertical-align:top!important } .align-middle { vertical-align:middle!important } .align-bottom { vertical-align:bottom!important } .align-text-bottom { vertical-align:text-bottom!important } .align-text-top { vertical-align:text-top!important } .text-justify { text-align:justify!important } .text-nowrap { white-space:nowrap!important } .text-truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .text-left { text-align:left!important } .text-right { text-align:right!important } .text-center { text-align:center!important } @media (min-width:470px) { .text-sm-left { text-align:left!important } .text-sm-right { text-align:right!important } .text-sm-center { text-align:center!important } }@media (min-width:576px) { .text-md-left { text-align:left!important } .text-md-right { text-align:right!important } .text-md-center { text-align:center!important } }@media (min-width:1226px) { .text-lg-left { text-align:left!important } .text-lg-right { text-align:right!important } .text-lg-center { text-align:center!important } }@media (min-width:1390px) { .text-xl-left { text-align:left!important } .text-xl-right { text-align:right!important } .text-xl-center { text-align:center!important } }.text-lowercase { text-transform:lowercase!important } .text-uppercase { text-transform:uppercase!important } .text-capitalize { text-transform:capitalize!important } .font-weight-light { font-weight:300!important } .font-weight-normal { font-weight:400!important } .font-weight-bold { font-weight:700!important } .font-italic { font-style:italic!important } .text-white { color:#fff!important } .text-primary { color:#007bff!important } a.text-primary:focus,a.text-primary:hover { color:#0062cc!important } .text-secondary { color:#6c757d!important } a.text-secondary:focus,a.text-secondary:hover { color:#545b62!important } .text-success { color:#28a745!important } a.text-success:focus,a.text-success:hover { color:#1e7e34!important } .text-info { color:#17a2b8!important } a.text-info:focus,a.text-info:hover { color:#117a8b!important } .text-warning { color:#ffc107!important } a.text-warning:focus,a.text-warning:hover { color:#d39e00!important } .text-danger { color:#dc3545!important } a.text-danger:focus,a.text-danger:hover { color:#bd2130!important } .text-light { color:#f8f9fa!important } a.text-light:focus,a.text-light:hover { color:#dae0e5!important } .text-dark { color:#343a40!important } a.text-dark:focus,a.text-dark:hover { color:#1d2124!important } .text-muted { color:#6c757d!important } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .visible { visibility:visible!important } .invisible { visibility:hidden!important } .w-25 { width:25%!important } .w-50 { width:50%!important } .w-75 { width:75%!important } .w-100 { width:100%!important } .h-25 { height:25%!important } .h-50 { height:50%!important } .h-75 { height:75%!important } .h-100 { height:100%!important } .mw-100 { max-width:100%!important } .mh-100 { max-height:100%!important } .img-fluid { max-width:100%; height:auto } .img-thumbnail { padding:.25rem; background-color:#fff; border:1px solid #dee2e6; border-radius:.25rem; max-width:100%; height:auto } .figure { display:inline-block } .figure-img { margin-bottom:.5rem; line-height:1 } .figure-caption { font-size:90%; color:#6c757d } .slick-slider { position:relative; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0 } .slick-list:focus { outline:0 } .slick-list.dragging { cursor:pointer; cursor:hand } .slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}.slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto } .slick-track:after,.slick-track:before { display:table; content:''}.slick-track:after { clear:both } .slick-loading .slick-track { visibility:hidden } .slick-slide { display:none; float:left; height:100%; min-height:1px } [dir=rtl] .slick-slide { float:right } .slick-slide img { display:block } .slick-slide.slick-loading img { display:none } .slick-slide.dragging img { pointer-events:none } .slick-initialized .slick-slide { display:block } .slick-loading .slick-slide { visibility:hidden } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent } .slick-arrow.slick-hidden { display:none } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } html, body { height:100%; width:100%; overflow-x: hidden; font-family:'Source Sans Pro',sans-serif; font-weight:400; color:#363435 } h1,h2,h3,h4,h5,h6 { margin:0 } li,ul { list-style-type:none; margin:0; padding:0 } p { margin:0 } a { color:#363435; text-decoration:none } audio,canvas,iframe,img,svg,video { vertical-align:middle } textarea { resize:none } section { position:relative } button,input,select { outline:0!important } :focus { outline-style:none; outline-width:0!important; outline-color:none!important } html { height:100% } body { height:100%; overflow-x:hidden; position:relative } h1,h2,h3,h4,h5,h6 { margin:0 } li,ul { list-style-type:none; margin:0; padding:0 } p { margin:0 } button { background:0 0; border:none; font-family:'Source Sans Pro' } audio,canvas,iframe,img,svg,video { vertical-align:middle } textarea { resize:none } section { position:relative } button,input,select { outline:0!important } .container-fluid { padding:0 } .row { margin:0 } .offsetBottom { margin-bottom:130px } .block-scroll { overflow:hidden!important; position:fixed; width:100%} .pageOffset { margin-bottom:80px } .tableWrap { overflow:auto } .colorText { color:#f89633 } input[type=number] { -moz-appearance:textfield } input::-webkit-inner-spin-button,input::-webkit-outer-spin-button { -webkit-appearance:none } .error { color:red; -webkit-box-shadow:0 6px 4px -4px rgba(219,39,39,.27); box-shadow:0 6px 4px -4px rgba(219,39,39,.27)} .icon-cross_bold { width:14px; height:14px; fill:#7f807f; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); cursor:pointer } .icon-cross_bold:hover { fill:#fc611f } .fancybox-bg { background:rgba(48,48,48,.4)!important } .section__subtitle { font-weight:400; line-height:normal; font-size:16px; margin-top:10px; color:#7f807f } .section__date { font-weight:400; line-height:normal; font-size:18px; color:#7f807f; margin-top:30px } .link { font-weight:400; line-height:normal; display:inline-block; font-size:18px; border-bottom:1px solid #f89633; padding-bottom:2px; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); cursor:pointer } .link:hover { color:#fc611f } .breadcrumbsRow { margin-bottom: 8px; } .personal-breadcrumbs .breadcrumbsRow { /*margin-bottom: 16px*/ } .controls { margin-bottom:65px } .range .ui-slider-handle { top:-6px!important; width:14px!important; height:14px!important; border:none!important; background:#f89633!important; border-radius:100%; outline:0!important } .range .ui-slider-handle:first-of-type { -webkit-transform:translateX(10px); transform:translateX(10px)}.range .ui-slider-handle:active,.range .ui-slider-handle:focus { outline:0; background:#fff } .controls #price-range { border:none; background:#7f807f; border-radius:0; height:2px } .controls #price-range .ui-slider-range { background:#f89633; height:2px } .rangeinputs { margin-bottom:30px } .rangeinputs input { width:4rem; display:block; float:left } .rangeinputs input:last-child { float:right } .rangeinputs max-width,.rangeinputs__separator { font-weight:400; line-height:normal; font-size:18px; font-family:Source Sans Pro; color:#7f807f; margin-left:10px; margin-right:10px } .rangeInput { min-width:90px; height:29px; border:1px solid #f89633; border-radius:2px; font-weight:400; line-height:normal; font-size:18px; font-family:Source Sans Pro; color:#7f807f; background-color:transparent; padding:0 5px } #price-range { max-width:210px } .blockBody { position:fixed; overflow:hidden } .textarea { width:100%; min-height:100px; background:#fff; border-radius:1px; border:none; font-weight:400; line-height:normal; font-size:18px; color:#7f807f; padding: 12px 16px; margin: 0 0 24px; } .textarea_dark { width:100%; min-height:100px; background:#fff; border-radius:1px; font-weight:400; line-height:normal; font-size:18px; color:#7f807f; padding: 12px 16px; margin: 0 0 24px; border:1px solid #A8A9A8 } .textarea--resize { min-height: 48px; overflow: hidden; } label.error { font-size:12px; display:inline-block; margin-bottom:5px; -webkit-box-shadow:none; box-shadow:none } .selectholder_big { background-color:#f1f1f1!important; border:none!important; color:#363435; font-style:normal; font-weight:600!important; line-height:normal; font-size:24px!important; height:75px!important } .selectholder_big .desc { margin-top:10px; } .delivery__dropdown { margin-bottom: 10px; /* background-color: #f1f1f1 !important; border: none !important; */ font-style: normal; } .payment-history { margin-bottom: 20px; } .orders-list-content { margin-bottom: 50px !important; } .report-description p { margin-bottom: 10px; } .selectholder.disabled.delivery__dropdown.factory-dropdown { background: #dedede !important; } .header-mobile-history { height: 28px; width: 24px; margin-right: 12px; position: relative; } .header-mobile-notification { height: 28px; width: 24px; margin-right: 12px; position: relative; } .header-mobile-favorite { height: 28px; width: 24px; margin-right: 12px; position: relative; } .header-mobile-favorite .icon-favorite { display: block; width: 23px; height: 26px; margin-left: 3px; } .bottom-bar__list-link .icoLink__counter, .header-mobile-favorite .icoLink__counter { padding-top: 0; width: 18px; height: 18px; top: -4px; right: -11px; font-size: 13px; @media all and (max-width: 1225px){ width: 24px; height: 17px; right: -12px; top: -8px; } } .for-mobile{ display: none; } .small-mobile{ display:none; } .detail-favorite{ text-align: left; margin-bottom: 10px; } @media (max-width: 1225px){ .for-mobile{ display: initial; } } @media (max-width:767px){ .for-mobile{ display: initial; } .small-mobile{ display:block; } .header-mobile-favorite, .header-mobile-notification, .header-mobile-history { display:none; } .small-mobile .icoLink__counter { font-family: 'Source Sans Pro'; font-size: 14px; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-weight: 600; background-color: #f89633; border-radius: 50px; color: #fff; width: 24px; height: 24px; text-align: center; padding-top: 3px; display: inline-block; position: unset; -webkit-transition: all .3s cubic-bezier(.785,.135,.15,.86); transition: all .3s cubic-bezier(.785,.135,.15,.86); } .detail-favorite{ text-align: center; } } .notice-wrap { font-size: 16px; width: 100%; padding: 15px; padding-left: 45px; border: none; background: #F1F1F1; position: relative; margin-left: 0; margin-bottom: 0; } .register-result-success{ max-width: 485px; } .notice-wrap a{ text-decoration: underline; text-decoration-color: #fa9533; } .notice-wrap img{ position: absolute; width: 22px; left: 15px; } .accordeon-title--active.accordeon-title-last{ border-bottom: none; } .gap-8 { gap: 8px; } .d-block { display: block !important; } .tg-block { border: 1px solid #E5E5E5; padding: 16px; position: relative; margin-top: 25px; margin-bottom: 25px; text-align: left; } .standart_callback#standart_review-tg{ max-width: 460px; } .tg-block-footer { margin-top: 80px; } .tg-qr { width: 108px; float: left; margin-right: 16px; } .tg-qr-footer { width: 108px; } .tg-text { display: block; position: absolute; top: 50%; left: 140px; transform: translateY(-50%); font-size: 16px; } .tg-text-footer { margin-top: 10px; width: 175px; } .tg-text-footer .korus-link__text { font-size: 14px; } @media (max-width: 1225px) { .tg-block-footer { margin-top: 0; float: right; } .tg-qr-footer { width:64px; } .tg-text-footer { margin-left: 15px; width: 217px; float: right; margin-top: 0; } .footer-mobile .footer-mobile-logo { margin-bottom: 15px; } } @media (max-width: 500px) { .tg-block-footer { float: none; } .tg-qr-footer { float: left; } .tg-text-footer { margin-left: 15px; max-width: 217px; float: left; margin-top: -5px; } } /* End */ /* Start:/local/templates/eastcement/assets/css/components.css?176973286984128*/ title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .advantage { text-align:center; max-width:320px; margin:0 auto } .advantage__icon { width:110px; height:110px; display:inline-block; background-size:contain; margin-bottom:16px; background-repeat:no-repeat; background-position:50% 100%} .advantage__title { font-weight:600; line-height:normal; font-size:24px; margin-bottom:10px } .advantage__text { line-height:normal; font-size:18px; color: #363435; } .about-container .advantage__text { color: #7F807F; } .key-advantages { margin-top: 64px; } .bx-newsdetail { margin: 0 0 40px; border-bottom: 1px solid #E5E5E5; } .bx-newsdetail-block { max-width: 793px; margin: 0 auto 88px; } .bx-newsdetail-block { display: flex; flex-direction: column; } .bx-newsdetail-title { font-family:'Source Sans Pro'; font-style: normal; font-weight: bold; font-size: 40px; line-height: 100%; color: #363435; margin: 9px 0 25px; order: 1; } .bx-newsdetail-date { margin-bottom: 25px; order: 2; font-size: 16px; } .bx-newsdetail-content { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; order:3; } .bx-newsdetail-img { order: 3; } .bx-newsdetail-slider { order: 4; } .bx-newsdetail-content img { width: 100%; height: auto; } .bx-newsdetail-slider-arrow { width: 46px; height: 46px; opacity: 1; line-height: 46px; background: #FA9533; } .bx-newsdetail-slider-arrow .fa-angle-left { transform: translate(-2px, -2px); } .bx-newsdetail-slider-arrow .fa-angle-right { transform: translate(2px, -2px); } .bx-newsdetail-slider-control li { opacity: 1; background: #FA9533; } .bx-newsdetail-slider-control li.current { opacity: 1; background: #7F807F; } @media (max-width:1225px) { .advantage { max-width:100%; margin-bottom:80px; padding-left:12px; padding-right:12px; min-height: auto; } .advantage__text { max-width: 300px; margin: 0 auto; } }@media (max-width:469px) { .advantage { margin-bottom:0 } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .banner { width:100%; padding-top:30px; padding-bottom:30px; padding-left:12px; padding-right:12px; background-size:cover; background-position:50% 50% } .banner_header { display: flex; width: 86%; font-style:normal; font-weight:600; line-height:normal; font-size:40px; color:#fff } .banner_description { display: flex; width: 100%; height: 48px; font-weight: 400; line-height: 24px; font-size: 18px; margin-bottom: 22px; color: #fff; overflow: hidden; text-overflow: ellipsis; } .banner_wrapper { position: relative; } .banner_wrapper .buttons_block { position: absolute; top: 30px; right: 30px; } .banner_button { font-weight: 600; line-height: 26px; font-size: 18px !important; padding: 8px 14px; min-width: 150px; } /* Catalog banner */ .catalogue_banner { height: 200px; overflow: hidden; background-position: left; padding: 0; } #catalog_banners_carousel_lg .slick-dots, #catalog_banners_carousel_md .slick-dots, #catalog_banners_carousel_smxs .slick-dots { margin-top: 8px; } /* lg */ @media (min-width: 1200px) { .catalogue_banner.slick-slide .slide_padding { padding: 8px 12px; } .banner_header { font-size: 40px; margin-bottom: 4px; } .banner_description { width: 40%; font-size: 18px; line-height: 22px; height: 68px; margin-bottom: 10px; } .banner_wrapper .buttons_block { top: 26px; right: 14px; } } /* md */ @media (min-width: 769px) and (max-width: 1200px) { .catalogue_banner.slick-slide .slide_padding { padding: 26px 12px; } .banner_header { font-size: 36px; line-height: 22px; margin-bottom: 14px; } .banner_description { width: 60%; font-size: 15px; line-height: 17px; height: 54px; } .banner_wrapper .buttons_block { top: 26px; right: 14px; } } /* sm */ @media (min-width: 470px) and (max-width: 768px) { .catalogue_banner.slick-slide .slide_padding { padding: 12px 8px; } .banner_header { width: 70%; font-size: 28px; line-height: 28px; margin-bottom: 8px; } .banner_description { width: 60%; font-size: 15px; line-height: 19px; height: 56px; margin-bottom: 13px; } .banner_wrapper .buttons_block { top: 24px; right: 12px; } } /* xs */ @media (max-width: 469px) { .catalogue_banner.slick-slide .slide_padding { padding: 8px 12px; } .banner_header { width: 100%; font-size: 28px; line-height: 28px; margin-bottom: 14px; text-align: center; justify-content: center; } .banner_description { width: 100%; font-size: 12px; line-height: 14px; height: 56px; text-align: center; justify-content: center; margin-bottom: 10px; } .banner_wrapper .buttons_block { top: 26px; right: 14px; } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .breadcrumbs { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .breadcrumbs__item { padding-right:7px; } .breadcrumbs__item:last-child:after { display:none } .breadcrumbs__item:after { content:' \\'}.breadcrumbs__link { font-weight:400; line-height:normal; font-size:14px; display:inline-block; color:#7f807f } .breadcrumbs a { -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.breadcrumbs a:hover { color:#FE601F } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .button { background-color: #FA9533; color:#fff; cursor:pointer; display:inline-block; text-align:center; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.button.gray { background-color:#f1f1f1; color:#7f807f } .button.inverse { background-color: #fff; color:#FA9533; } .button.gray:hover { color:#fff } .button:disabled, .button:disabled:hover { background-color:#7f807f !important; /* border: 1px solid #7f807f !important; */ color: #FFFFFF !important; } .button:hover { background-color:#FE601F } .button.sm { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; line-height: 140%; font-size: 16px; padding: 9px 16px; } .button.md { font-weight: bold; line-height: 140%; font-size: 18px !important; padding: 11px 24px; -webkit-appearance: none; } .button.md:hover,.button.md:active,.button.md:focus { color: white; } /* .detorder-header-rigth .button.md:hover, */.detorder-header-rigth .button.md:active,.detorder-header-rigth .button.md:focus { color: #363435!important; } .button.md.left-gap{ margin-left: 2.5%; border-radius: 12px; min-width: 20%; } .button.md.right-gap{ margin-right: 2.5%; border-radius: 12px; min-width: 20%; } .button.mdl { font-weight: 600; line-height: 140%; font-size: 18px; min-width: 288px; height: 48px } .button.lg { font-weight: bold; line-height: 140%; font-size: 18px; padding: 15px 24px; } .button.light { background:rgba(255,255,255,.3)} title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .cardBasket { width:100%; min-height:185px; position:relative; padding-top:24px; padding-bottom:24px; } .cardBasket__img { width:100%; height:150px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%} .cardBasket__label { background-color:#f89633; color:#fff; font-weight:600; line-height:normal; font-size:18px; display:inline-block; padding-left:13px; padding-right:13px; border-radius:2px; height:24px; position:absolute; top:-28px; left:17px } .cardBasket__name { font-weight:600; line-height:27px; font-size:24px; margin-bottom:20px } .cardBasket__price { font-weight:600; line-height:120%; font-size:24px; margin-bottom:25px; } .cardBasket__price span { font-size: 22px; } .cardBasket__priceCaption { font-weight:400; line-height:normal; font-size:16px; color:#7f807f } .cardBasket__counter { border:1px solid #f89633; border-radius:2px; padding-left:10px; padding-right:10px; width:120px; height:38px; text-align:center; line-height:normal; font-size:24px; text-align:center; background-color:transparent } .cardBasket__counterButton { line-height:normal; font-size:24px; text-align:center; position:absolute; cursor:pointer; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)} .cardBasket__counterButton:hover { color:#FE601F } .cardBasket__counterWrapper { position:relative; display:inline-block } .cardBasket__art { font-weight:400; line-height:normal; font-size:16px; color:#7f807f; margin-bottom:40px } .cardBasket__plus { left:5px; top:3px } .cardBasket__minus { right:5px; top:2px } .cardBasket__remove { position:absolute; top:22px; right:30px } .cardBasket__text { margin-bottom:10px; color: #363435; font-size:16px; } .cardBasket__text b { color:#363435 } .cardBasket__radio { position:relative; top:-17px } .basket__button { margin-right:15px; padding-left:30px; padding-right:30px } @media (max-width:469px) { .cardBasket { border:none; padding-bottom:0 } .cardBasket__bottom { background-color:#f1f1f1 } .cardBasket__price { margin-top:0; margin-bottom:0 } .cardBasket__price_productPrice { text-align:left } .cardBasket__price_total { margin-top:0; margin-bottom:15px } .cardBasket__button { margin-bottom:109px } .cardBasket__label { top:-15px } .cardBasket__remove { width:50px; height:50px; top:auto; bottom:40px; left:0; right:0; margin:0 auto; width:14px; height:14px } .cardBasket__textBlock { padding-bottom:30px } .cardBasket__radioRow { padding-bottom:15px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } /* .cardBasket { width:100%; min-height:185px; position:relative; padding-top:50px; padding-bottom:50px; border-bottom:1px solid #f1f1f1 } .cardBasket__img { width:100%; height:150px; max-width: 180px; background-size:cover; background-repeat:no-repeat; background-position:50% 50% } .cardBasket__label { background-color:#f89633; color:#fff; font-weight:600; line-height:normal; font-size:18px; display:inline-block; padding-left:13px; padding-right:13px; border-radius:2px; height:24px; position:absolute; top:-28px; left:17px } .cardBasket__name { font-weight:600; line-height:27px; font-size:24px; margin-bottom:20px } .cardBasket__price { font-weight:600; line-height:normal; font-size:28px; margin-bottom:25px } .cardBasket__priceCaption { font-weight:400; line-height:normal; font-size:16px; color:#7f807f } .cardBasket__counter { border:1px solid #f89633; border-radius:2px; padding-left:10px; padding-right:10px; width:120px; height:38px; text-align:center; line-height:normal; font-size:24px; text-align:center; background-color:transparent } .cardBasket__counterButton { line-height:normal; font-size:24px; text-align:center; position:absolute; cursor:pointer; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86) } .cardBasket__counterButton:hover { color:#FE601F } .cardBasket__counterWrapper { position:relative; display:inline-block } .cardBasket__art { font-weight:400; line-height:normal; font-size:16px; color:#7f807f; margin-bottom:40px } .cardBasket__plus { left:5px; top:3px } .cardBasket__minus { right:5px; top:2px } .cardBasket__remove { position:absolute; top:22px; right:30px } .cardBasket__text { margin-bottom:10px; max-width:260px; color:#7f807f; font-size:18px } .cardBasket__text b { color:#363435 } .cardBasket__radio { position:relative; top:-17px } .basket__button { margin-right:15px; padding-left:30px; padding-right:30px } @media (max-width:1225px) { .cardBasket { padding-top:50px; padding-bottom:50px } .cardBasket__price { margin-top:50px } }@media (max-width:469px) { .cardBasket { border:none; padding-bottom:0 } .cardBasket__img { height:250px; border:2px solid #f1f1f1; border-radius:2px 2px 0 0 } .cardBasket__bottom { background-color:#f1f1f1 } .cardBasket__price { margin-top:0; margin-bottom:0 } .cardBasket__price_productPrice { text-align:left } .cardBasket__price_total { margin-top:0; margin-bottom:15px } .cardBasket__button { margin-bottom:109px } .cardBasket__name { margin-top:30px } .cardBasket__label { top:-15px } .cardBasket__remove { width:50px; height:50px; top:auto; bottom:40px; left:0; right:0; margin:0 auto; width:14px; height:14px } .cardBasket__textBlock { padding-bottom:30px } .cardBasket__radioRow { padding-bottom:15px } }*/ title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .cardFavorites { width:100%; min-height:185px; position:relative; border-bottom:1px solid #f1f1f1 } .cardFavorites__img { width:100%; height:150px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; } .cardFavorites__label { background-color:#f89633; color:#fff; font-weight:600; line-height:normal; font-size:18px; display:inline-block; padding-left:13px; padding-right:13px; border-radius:2px; height:24px; position:absolute; top:-28px; left:17px; } .cardFavorites__name { font-weight:600; line-height:27px; font-size:24px; margin-bottom:20px } .cardFavorites__price { font-weight:600; line-height:normal; font-size:28px; margin-bottom:25px } .cardFavorites__priceCaption { font-weight:400; line-height:normal; font-size:16px; color:#7f807f } .cardFavorites__counter { border:1px solid #f89633; border-radius:2px; padding-left:10px; padding-right:10px; width:120px; height:38px; text-align:center; line-height:normal; font-size:24px; text-align:center; background-color:transparent } .cardFavorites__counterButton { line-height:normal; font-size:24px; text-align:center; position:absolute; cursor:pointer; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86) } .cardFavorites__counterButton:hover { color:#FE601F; } .cardFavorites__counterWrapper { position:relative; display:inline-block; } .cardFavorites__art { font-weight:400; line-height:normal; font-size:16px; color:#7f807f; } .cardFavorites__plus { left:5px; top:3px; } .cardFavorites__minus { right:5px; top:2px; } .cardFavorites__remove { position:absolute; top:22px; right:30px; } @media (max-width:1225px) { .cardFavorites { padding-top:20px; padding-bottom:50px; } .cardFavorites__price { margin-top:50px; } }@media (max-width:469px) { .cardFavorites { border:none; padding-bottom:0; } .cardFavorites__img { height:250px; border:2px solid #f1f1f1; border-radius:2px 2px 0 0; } .cardFavorites__bottom { background-color:#f1f1f1; } .cardFavorites__price { margin-top:20px; } .cardFavorites__price_productPrice { text-align:left; font-size:34px; } .cardFavorites__price_total { margin-top:40px; margin-bottom:24px; } .cardFavorites__button { margin-bottom:109px } .cardFavorites__name { margin-top:30px } .cardFavorites__label { top:-15px } .cardFavorites__remove { width:50px; height:50px; top:auto; bottom:40px; left:0; right:0; margin:0 auto; width:14px; height:14px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .news_list { flex-wrap: wrap; } .item-news-card, .item-news-card a { display: flex; align-items: stretch; } .item-news-card { margin-bottom: 24px; padding: 0 12px; } .item-news-card:nth-child(3n) { margin-right: 0; } .item-news-card .cardNews__image { height: 248px; } .item-news-card a { width: 100%; } .item-news-card-bottom { width: 100%; height: 100%; display: flex; flex-direction: column; } .item-news-card-bottom .cardNews__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 57px; min-height: 57px; } .news-block-container .section__titleRow { margin-bottom: 16px; } .news-block-container { margin: 0 -12px; } .cardNews { border-radius:2px; overflow:hidden } .cardNews__image { height:248px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat } .cardNews__title { font-weight:600; line-height:27px; font-size:24px; margin-bottom:60px; min-height: 80px; } .cardNews__bottom { background-color:#f1f1f1; padding: 32px; } .cardNews__date { font-weight:400; line-height:20px; font-size:16px; color:#7f807f } .cardNews, .cardNews__bottom .col-10 { display: flex; flex-direction: column; } .cardNews__title, .cardNews__bottom { flex-grow: 2; display: flex; } .cardNews, .cardNews__bottom .row { width: 100%; } @media (max-width:1389px) { .cardNews__title { margin-bottom:35px } }@media (max-width:469px) { .cardNews__title { line-height:20px; font-size:20px } .cardNews__button { min-width:150px!important } .cardNews__date { line-height:18px; font-size:16px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .cardPopular__image { height:250px; width:100%; background-position:50% 50%; background-repeat:no-repeat; /*border:2px solid #f1f1f1; border-radius:2px 2px 0 0;*/ background-size: cover; } .cardPopular__bottom { background-color:#f1f1f1; padding-top:30px; padding-bottom:10px; /*height: 325px;*/ } .cardPopular__label { background-color:#f89633; color:#fff; font-weight:600; line-height:normal; font-size:18px; display:inline-block; padding-left:13px; padding-right:13px; border-radius:2px; height:24px; position:absolute; top:-42px; left:0 } .cardPopular__name { font-weight:600; line-height:27px; font-size:24px; margin-bottom:10px; } .cardPopular__type { font-weight:400; line-height:normal; font-size:18px; color:#7f807f; margin-bottom:2px; min-height: 20px; } .cardPopular__price { font-weight:600; line-height:normal; font-size:34px; margin-bottom:20px } .cardPopular__priceCaption { font-weight:400; line-height:normal; font-size:18px; } .cardPopular__buy { margin-right:10px } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .cardOffer { height:380px; background-size:cover; background-position:80% 50%; background-color:#ececec; padding:45px; padding-bottom:18px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:30px; display:flex; border-radius:2px; overflow:hidden } .cardOffer_small { padding-right:0; padding-bottom:0; padding-top:17px; height:250px } .cardOffer_small .cardOffer__title { font-weight:600; line-height:34px; font-size:34px } .cardOffer_small .cardOffer__titleWrapper { max-width:270px } .cardOffer__title { font-weight:600; line-height:44px; font-size:44px; margin-bottom:40px } .cardOffer__titleWrapper { max-width:350px } @media (max-width:1389px) { .cardOffer { height:310px } .cardOffer__title { line-height:34px; font-size:34px; margin-bottom:60px } .cardOffer_small { height:200px; padding-top:20px } .cardOffer_small .cardOffer__title { line-height:24px; font-size:24px; margin-bottom:35px } .cardOffer_small .cardOffer__titleWrapper { max-width:200px } } .news-block-container .other-news .section__title { font-style: normal; font-weight: 600; font-size: 34px !important; line-height: 120%; margin-bottom: 24px; } .news-block-container .other-news { margin: 0 12px; } .news-block-container .bx-newsdetail { margin: 0 12px; margin-bottom: 48px; } .other-news-slider { margin: 0 -12px; } .other-news-slider-item { padding: 0 12px; } .news-block-container .other-news-slider-item .cardNews__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 54px; } /*block contacts*/ .about-container, .delivery-container { margin: 0 -16px; } .contacts-container .breadcrumbsRow, .delivery-container .breadcrumbsRow, .breadcrumb-bottom .breadcrumbsRow{ margin-bottom: 8px; } .contacts-container .section__title, .delivery-container .section__title { font-size: 40px !important; font-weight: 700; } .contacts-container .about__title, .delivery-container .about__title { margin-bottom: 24px; } /*end block contacts*/ @media (max-width:1225px) { .contacts-container .breadcrumbsRow { margin-top: 16px; } /*news block*/ .news-block-container .other-news { margin: 0; } .news-block-container .bx-newsdetail { margin-bottom: 40px; border-bottom: 1px solid #E5E5E5; margin-left: -12px; margin-right: -12px; } .item-news-card { margin-bottom: 16px; } .news-block-container { margin: 0; } .item-news-card { padding: 0 8px; } .item-news-card-bottom .cardNews__title { height: 80px; -webkit-line-clamp: 4; margin-bottom: 19px; } .news-block-container .bx-flat-filter { padding: 0; margin: 0 -12px; } .news-block-container .section__titleRow .col-12 { padding: 0; } .news-block-container .news_list { margin: 0 -8px; } .item-news-card .cardNews__image { height: 197px; } .korus-link-prev { margin-top: 16px; } .bx-newsdetail-block { padding: 0 12px; } .news-block-container .other-news .section__title { margin-bottom: 24px; } /*end news block*/ .cardOffer { height:345px; padding-top:25px; padding-bottom:25px; padding-right:45px } .cardOffer__title { font-style:normal; font-weight:600; line-height:34px; font-size:34px } } @media (max-width:469px) { .cardOffer { height:150px; padding-top:15px; padding-bottom:15px; padding-right:22px; padding-left:22px; margin-bottom:20px } .cardOffer__title { max-width:170px; font-weight:600; margin-bottom:0!important; line-height:18px!important; font-size:18px!important } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .cardVertical { display:inline-block; width:100%; position:relative; border-radius:2px; overflow:hidden } .cardVertical__image { width:100%; height:209px; background-size:cover; background-position:50% 50%; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); -webkit-filter:grayscale(1); filter:grayscale(1) } .cardVertical__bottom { padding:15px; padding-bottom: 0px; width:100%; } .cardVertical__caption { color:#363435; font-weight:600; line-height: 120%; font-size:24px; text-align:center; word-break: break-word; } .cardVertical:hover .cardVertical__image { -webkit-filter:grayscale(0); filter:grayscale(0) } @media (max-width:1389px) { .cardVertical__caption { font-size:18px } }@media (max-width:1225px) { :hover .cardVertical__image { height:380px } }@media (max-width:469px) { .cardVertical { max-width:230px; margin:0 auto; display:inline-block } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .comment_for_treaty{ font-size: 16px; } .comment_for_treaty img{ width: 16px; heght: 16px; } .checkbox__wrapper, .radio__wrapper { display:flex; flex-wrap: wrap; } .checkbox__wrapper--after { margin-top: -11px; } .checkbox__wrapper--after .checkbox__label { margin-bottom: 24px; } .checkbox__label { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; cursor:pointer; position:relative; display:inline-block; padding-left:32px } .checkbox__label::after,.checkbox__label::before { content:''; position:absolute; display:block } .checkbox__label::before { width: 20px; height: 20px; border: 1px solid #CCCCCC; left:0; top:2px } .checkbox__label::after { display:none; width: 20px; height: 20px; background-image: url(/local/templates/eastcement/assets/img/general/master-active.svg); left: 0; top: 2px; } .checkbox_info_label::after { background-image: url(/local/templates/eastcement/assets/img/general/info_red.svg); background-size: cover; } .checkbox_info_label::before { border: 0; } .checkbox__input { width:0; height:0; opacity:0; display: none; } .checkbox__input:checked+label::after { display:block } .politicLink { font-weight:400; line-height:normal; font-size:18px; -webkit-text-decoration-line:underline; text-decoration-line:underline; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); color:#7f807f } .politicLink:hover { color:#f89633 } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .catalog { width:668px; background-color:#fff; /*padding-top:20px; padding-bottom:40px;*/ position:absolute; /*display:none;*/ z-index:200; top:64px; left:-90px; -webkit-box-shadow:0 4px 20px rgba(0,0,0,.1); box-shadow:0 4px 20px rgba(0,0,0,.1); border-radius:2px; overflow-y:hidden; max-height: 0; transition: .4s; } .catalog.catalog_products_close{ width: 334px; } .catalog__cross { display:none; position:fixed; bottom:30px; left:0; right:0; margin:0 auto } .catalog__backLink { display:none } .catalog__title { display:none } .catalog__logo { display:none } .catalog_open { /*display:block*/ max-height: 100vh; padding-top:20px; padding-bottom:40px; transition: .5s; overflow: hidden; } .catalog__separator { border-left:1px solid #f1f1f1 } .catalog__categories .catalog__listLink { /*position:relative;*/ display:inline-block; max-width: 244px; min-width: 244px; } .catalog__categories .catalog__listLink.has-childs:after { content:''; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); width:0; height:0; border-style:solid; border-width:2.5px 0 2.5px 4px; border-color:transparent transparent transparent #363435; position:absolute; margin-left: 5px; margin-top: 9px; } .catalog__products { display: none; position: absolute; top: 0px; left: 90%; width: 80%; } .catalog__products_active { display:block } .catalog__listItem { font-weight:400; line-height:normal; font-size:18px; padding-top:10px; padding-bottom:10px; padding-left:90px; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); cursor:pointer } .catalog__listItem:hover { color:#f89633 } .catalog__listItem:hover .catalog__listLink:after { border-color:transparent transparent transparent #f89633 } .catalog__listItem_active, a.category_listLink:hover { background-color:#f1f1f1; color:#f89633; } .catalog__listItem_active a.catalog__listLink_a, .catalog__listItem:hover a.catalog__listLink_a{ color: #f89633; } .catalog__listItem_active .catalog__listLink:after { border-color:transparent transparent transparent #f89633 } @media (max-width:1225px) { #catalog.categorySelect, .categorySelect .catalog__categories { display:none } .categorySelect .catalog__backLink { display:block!important } .catalog { position:fixed; top:0; left:0; width:100vw; height:100vh; padding-left:60px } .catalog__cross { display:block } .catalog__logo { display:inline-block; width:120px; height:30px; background:url(/local/templates/eastcement/assets/css/../img/general/index/logo.svg) 50% 50%/contain no-repeat; margin-bottom:43px } .catalog__title { display:block; font-weight:700; line-height:normal; font-size:28px; margin-bottom:22px } .catalog__listItem { padding-left:0 } .catalog__separator { border:none } .catalog__backLink { display:none; cursor:pointer; padding-bottom:50px; font-weight:400; line-height:normal; font-size:18px; color:#7f807f; position:relative; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.catalog__backLink:hover { color:#FE601F } .catalog__backLink:before { content:''; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); width:0; height:0; border-style:solid; border-width:2.5px 4px 2.5px 0; border-color:transparent #f89633 transparent transparent; position:absolute; left:-10px; top:10px } } #category_list{ margin-top: 50px; } ul.category_list li{ width: 100% } ul.category_list .category_listLink{ display: inline-block; font-family: 'Source Sans Pro'; font-size: 24px; font-weight: 600; color: #363435; min-width: 70%; } ul.category_list .category_listLink.main_category{ border-top: 1px lightgray solid; } ul.category_list .category_listLink:hover{ color:#FE601F; } /*ul.category_list .child_category{ text-align: left; margin-left: calc(50% - 30px) }*/ ul.category_list .category_listLink.child_category{ font-size: 20px; font-weight: 500; line-height: 1; margin-bottom:5px; } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .checkboxFilter__wrapper { margin-bottom:15px; display:block } .checkboxFilter__wrapper:last-child { margin-bottom:0 } .checkboxFilter__label { font-weight:400; line-height:normal; font-size:18px; cursor:pointer; position:relative; display:inline-block; padding-left:29px } .checkboxFilter__label::after,.checkboxFilter__label::before { content:''; position:absolute; display:block } .checkboxFilter__label::before { width:18px; height:18px; border:1px solid #CCCCCC; border-radius:2px; left:0; top:2px } .checkboxFilter__label::after { display:none; width:12px; height:12px; background-color:#f89633; border-radius:2px; left:3px; top:5px } .checkboxFilter__input { display:none } .checkboxFilter__input:checked+label::after { display:block } .checkboxFilter__counter { display:inline-block; color:#7f807f; font-weight:400; line-height:normal; font-size:18px } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .counter { border:1px solid #f89633; border-radius:2px; padding-left:10px; padding-right:10px; display:inline-block; -webkit-user-select:none } .counter__button { font-family:Source Sans Pro; font-style:normal; font-weight:400; line-height:normal; font-size:24px; text-align:center; cursor:pointer; padding:0 } .counter__input { -webkit-user-select:none; border:0; text-align:center; max-width: 90px; font-family:Source Sans Pro; font-style:normal; font-weight:400; line-height:normal; font-size:24px; text-align:center; border-radius:2px } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .footer { width: 100%; padding-top: 24px; padding-bottom: 24px; margin-top: 80px; border-top: 1px outset #e3e3e3; } .footer__logo { display:inline-block; max-width:210px; width:100%; height:50px; background:url("/local/templates/eastcement/assets/css/../img/general/index/logo2.jpg") no-repeat; background-size: contain; } .footer__navLink { font-family:'Source Sans Pro'; font-size:16px; color:#363435; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); } .footer__navLink:hover { color:#FE601F; } .footer__navItem { padding: 6px 0; } .footer__navItem:first-child, .footer__navItem:last-child { margin-bottom:0; padding-bottom:0; } .footer__navCaption { font-family:'Source Sans Pro'; font-size:16px; font-weight:600; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435; padding-bottom: 10px; } .footer__phone { font-family:'Source Sans Pro'; font-size:24px; font-weight:600; color:#363435; margin-right:24px } .footer__copyrightsRow { margin-top:15px } .footer__copyrights { font-size:14px } .developers__caption { font-size:14px; display:inline-block; margin-right:6px } .developers__logo { width:57px; height:15px; display:inline-block; position:relative; top:3px; background:url(/local/templates/eastcement/assets/css/../img/general/dviga.svg) 50% 50%/cover no-repeat } .social { margin-top:24px } .social__icon { height:10px; position:absolute; top:32%; right:0; left:0; margin:0 auto; fill:#fff } .social__icon_vk { width:15px } .social__icon_fb { width:12px } .social__icon_ok { width:15px } .social__icon_ig { width:10px } .social__link { position:relative; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); margin-right: 8px } .social__link:last-child { margin-right:0 } .social__link:hover circle { fill: #FE601F; } @media (max-width:1225px) { .footer__logo { max-width:160px; margin-bottom:90px } .footer__nav { margin-top:65px; margin-bottom:75px } .footer .container { padding: 0; } }@media (max-width:469px) { .footer { padding-top:60px } .footer__logo { max-width: 130px; height: 32px; margin-bottom:90px } .footer__nav { margin-bottom:75px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .favoritesButton { background-color:#7f807f; border-radius:2px; width:35px; height:35px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); cursor:pointer; display: none; } .favoritesButton_active { background-color:#FE601F } .favoritesButton:hover { background-color:#FE601F } .favoritesButton__icon { fill:#fff; stroke:#fff; width:17px; height:17px } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .downloadFile { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:70px } .downloadFile.small .downloadFile__icon { width:22px; height:29px; margin-right:15px } .downloadFile.small .downloadFile__text { font-weight:400!important; font-size:16px!important } .downloadFile:last-child { margin-right:0 } .downloadFile__icon { width:30px; height:40px; display:inline-block; margin-right:30px; background:url(/local/templates/eastcement/assets/css/../img/general/download.svg) 50% 50%/cover no-repeat } .downloadFile__text { color:#7f807f; text-decoration:underline; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)} .downloadFile:hover .downloadFile__text { color:#FE601F } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .input { padding: 0 16px; margin-bottom: 16px; border-radius: 1px; width:100%; height:46px; background:#fff; border:none; font-weight:400; line-height:normal; font-size:18px; /*color:#7f807f;*/ color:#414441; font-family:Source Sans Pro; } .input:disabled, .input.disabled { background: #f1f1f1; color: #7F807F; border: none; cursor: not-allowed; } .input_dark { border: 1px solid #A8A9A8; } .input:placeholder { font-weight:400; line-height:normal; font-size:18px; color:#7f807f } /* #mailing label.error { position:absolute; top:-20px } */ title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .linkWithIcon { display:inline-block; cursor:pointer; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); } .linkWithIcon:hover { color:#FE601F } .linkWithIcon:hover .linkWithIcon__icon { fill:#FE601F } .linkWithIcon__icon { -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); max-width:20px; height:20px; fill: #363435; margin-right:10px; } .linkWithIcon__icon.--right { margin-right: 0; margin-left: 8px; } .linkWithIcon__text { padding-bottom: 2px; border-bottom: 1px solid #FA9533; } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .orders { width:100%} .orders__row { padding-top:30px; padding-bottom:30px; border-bottom:1px solid #f1f1f1 } .orders__text { font-style:normal; font-weight:400; line-height:normal; font-size:16px; } .orders__summ { font-style:normal; font-weight:600; line-height:normal; font-size:28px } .orders__summCaption { font-style:normal; font-weight:400; line-height:normal; font-size:16px; color:#7f807f } .orders .radio__label:before { top:-16px } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .menu { position:fixed; top:0; right:0; width:100%; height:100vh; background-color:#fff; z-index:120; padding-top:10px; padding-bottom:100px; overflow-y:auto; max-width: 0; transition: 0.4s; } .menu_open { max-width: 100vw; transition: 0.4s; } .menu__logo { width:150px; height:35px; margin-bottom:85px } .menu__cityWrap { margin-right:100px; width: 100%; display: block; z-index: 10; position: relative; } .menu__phone { margin-top:70px; margin-bottom:20px; display:inline-block } .menu__contactsRow { margin-bottom:80px } .menu__list { display:inline-block } .menu__listTitle { font-weight:600; line-height:normal; font-size:20px; margin-bottom:10px; display:inline-block } .menu__listItem { margin-bottom:20px } .menu__copyrightsRow { margin-top:70px } .menu__close { width:19px; height:19px; position:absolute; right:15px; top:0; fill:#f89633; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); cursor:pointer } .menu__close:hover { fill:#FE601F } @media (max-width:575px) { .menu__cityWrap { margin-right:0 } .menu__logo { margin-bottom:45px } .menu__city { margin-bottom:30px } .menu__phone { margin-right:0; margin-top:45px } .menu__list { margin-bottom:50px } .menu__list:nth-child(2) { margin-bottom:0 } .menu__social { margin-bottom:50px } .menu .search { margin-top:45px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .standart_callback { background-color: white; border-radius: 30px; margin: auto; transition: ease 0.3s; transform: translateY(-50px); padding: 35px 20px; max-width: 500px; min-width: 350px; display:block; position: absolute; } .standart_callback .button.md{ border-radius: 12px; } .standart_callback-close { position: absolute; top: 22px; right: 22px; cursor: pointer; } .standart-treaty-popup .standart_callback .popupCallback__title { max-width: 427px; } .standart-treaty-popup .standart_callback { max-width: 555px; } .standart_callback--alert { max-width: 494px !important; padding: 40px; } .standart_callback .popupCallback__title { font-size: 34px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: 0em; background: url(/local/templates/eastcement/assets/img/general/result.svg) no-repeat center top; text-align: center; padding: 48px 0 0; } .standart_callback .popupCallback__title.warning-icon { background: url(/local/templates/eastcement/assets/img/general/error-orange.svg) no-repeat center top; } .standart_callback .popupCallback__title.error-icon { background: url(/local/templates/eastcement/assets/img/general/error-red.svg) no-repeat center top; } .standart_callback .popupCallback__title.no-icon { background: none; padding:0; } #input-text-for-popup[readonly] { background: #e8e8e8; } .standart_callback .popupCallback__title--question, .standart_callback .popupCallback__text--alert { background: none; padding: 0; text-align: center; max-width: none; overflow: hidden; } .standart_callback.standart_callback-sm { font-size: 20px; padding: 48px 0 0; } .popupCallback__text { text-align: center; margin-bottom: 32px; } .popupCallback__politicLink { color: #FA9533; } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .popupConsignee { max-width:800px!important; width:100%}.popupConsignee__title { font-weight:600; line-height:normal; font-size:24px; margin-bottom:35px; text-align:center } .popupConsignee__input { margin-bottom:20px } .popupConsignee__linksRow { margin-top:35px; margin-bottom:35px } .popupConsignee__link { line-height:normal; font-size:14px; -webkit-text-decoration-line:underline; text-decoration-line:underline; color:#7f807f; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.popupConsignee__link:hover { color:#FE601F } .popupConsignee__closeRow { margin-top:25px } .popupConsignee .fancybox-button { display:none } .popupConsignee__text { font-weight:400; line-height:normal; font-size:14px; text-align:center; color:#7f807f; margin-bottom:30px; margin-top:18px } .popupConsignee__politicLink { font-weight:400; line-height:normal; font-size:14px; text-align:center; color:#7f807f; text-decoration:underline; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.popupConsignee__politicLink:hover { color:#FE601F } .popupConsignee__captchaRow { margin-top:20px } .popupConsignee__selectStatus { margin-bottom:30px; background-color:#f1f1f1!important; border:none!important; font-style:normal; font-weight:600!important; line-height:normal; font-size:24px!important; height:75px!important } .popupConsignee__selectStatus .desc { margin-top:10px } .popupConsignee__addButton { margin-right:15px } .popupConsignee__caption { font-style:normal; font-weight:400; line-height:normal; font-size:18px; color:#7f807f } .popupConsignee__buttonsUr { margin-top:25px } .popupConsignee label.error { position:absolute!important; top:-15px } .sameAdres { margin-top:20px; margin-bottom:20px } .backLink { padding-top:5px } .realAdres { margin-bottom:20px } @media (max-width:767px) { .standart-treaty-popup .standart_callback { max-width: max-content; } } @media (max-width:575px) { .popupConsignee .authorization__selectDocuments { margin-bottom:20px } .popupConsignee .button.gray { width:100%; max-width:100%}.popupConsignee__addButton { margin-right:0; margin-bottom:10px } .popupConsignee__caption { margin-bottom:20px } } @media (max-width:469px) { .popupConsignee { padding-left:0!important; padding-right:0!important } .popupConsignee__selectStatus .desc { margin-top:15px } .popupConsignee__selectStatus .desc,.popupConsignee__selectStatus .selectdropdown { font-size:18px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .popupChangePassword { max-width:800px!important; width:100%; display:none; padding:30px 40px } .popupChangePassword .fancybox-button { display:none } .popupChangePassword__title { font-weight:600; line-height:normal; font-size:24px; margin-bottom:35px; text-align:center } .popupChangePassword__input { margin-bottom:20px } .popupChangePassword label.error { position:absolute!important; top:-15px } @media (max-width:1225px) { .popupChangePassword { padding-top:15px; padding-bottom:15px; padding-left:0; padding-right:0 } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .popupEdit { max-width:800px!important; width:100%; display:none; padding:30px 40px } .popupEdit__addButton { margin-right:15px } .popupEdit .fancybox-button { display:none } .popupEdit__title { font-weight:600; line-height:normal; font-size:24px; margin-bottom:35px; text-align:center } .popupEdit__input { margin-bottom:20px } .popupEdit label.error { position:absolute!important; top:-15px } @media (max-width:1225px) { .popupEdit { padding-left:0!important; padding-right:0!important } }@media (max-width:469px) { .popupEdit__addButton { margin-right:0; margin-bottom:10px } .closeWrapper .gray { width:100%}} title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .popupCallback, .popupLogin { position: relative !important; margin: 0 !important; padding:80px 40px 30px; text-align: left !important; display:none } .popupCallback .korus-label, .popupLogin .korus-label { width: 100%; } .popupCallback__title, .popupLogin__title { font-style: normal; font-weight: 600; font-size: 34px; line-height: 120%; color: #363435; text-align: left; margin-bottom: 24px; } .popupCallback, .popupCallback__title, .popupCallback__form, .login-popup-error, .popupLogin__title, .popupLogin__description, .popupLogin__actions, .popupLogin__form { max-width: 380px; margin-left: auto; margin-right: auto; } .popupCallback__input, .popupLogin__input { margin-bottom: 24px; } .popupCallback__input:last-child, .popupLogin__input:last-child { margin-bottom:0 } .popupCallback__linksRow, .popupLogin__linksRow { margin-top: 0; margin-bottom: 38px; } .popupCallback__link, .popupLogin__link { line-height:normal; font-size:14px; -webkit-text-decoration-line:underline; text-decoration-line:underline; color:#7f807f; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)} .popupCallback__link:hover, .popupLogin__link:hover { color:#FE601F } .popupLogin__closeRow { color:#fc611f } .popupCallback__closeRow, .popupLogin__closeRow { position: absolute; width: 24px; height: 24px; top: 16px; right: 16px; } .popupCallback__close, .popupLogin__close { width: 24px; height: 24px; background: url(/local/templates/eastcement/assets/img/general/close_small.svg) no-repeat center center; } .popupCallback__close svg, .popupLogin__close svg { display: none; } .popupCallback .fancybox-button, .popupLogin .fancybox-button { display:none } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .popupPayer { max-width:800px!important; width:100%}.popupPayer__title { font-weight:600; line-height:normal; font-size:24px; margin-bottom:35px; text-align:center } .popupPayer__input { margin-bottom:20px } .popupPayer__linksRow { margin-top:35px; margin-bottom:35px } .popupPayer__link { line-height:normal; font-size:14px; -webkit-text-decoration-line:underline; text-decoration-line:underline; color:#7f807f; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.popupPayer__link:hover { color:#FE601F } .popupPayer__closeRow { margin-top:25px } .popupPayer .fancybox-button { display:none } .popupPayer__text { font-weight:400; line-height:normal; font-size:14px; text-align:center; color:#7f807f; margin-bottom:30px; margin-top:18px } .popupPayer__politicLink { font-weight:400; line-height:normal; font-size:14px; text-align:center; color:#7f807f; text-decoration:underline; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.popupPayer__politicLink:hover { color:#FE601F } .popupPayer__captchaRow { margin-top:20px } .popupPayer__selectStatus { margin-bottom:30px; background-color:#f1f1f1!important; border:none!important; font-style:normal; font-weight:600!important; line-height:normal; font-size:24px!important; height:75px!important } .popupPayer__selectStatus .desc { margin-top:10px } .popupPayer__addButton { margin-right:15px } .popupPayer__caption { font-style:normal; font-weight:400; line-height:normal; font-size:18px; color:#7f807f } .popupPayer__buttonsUr { margin-top:25px } .popupPayer label.error { position:absolute!important; top:-15px } .popupPayer__grupTitle { font-style:normal; font-weight:600; line-height:normal; font-size:24px; margin-top:50px; margin-bottom:30px } .sameAdres { margin-top:20px; margin-bottom:20px } .backLink { padding-top:5px } @media (max-width:575px) { .popupPayer .authorization__selectDocuments { margin-bottom:20px } .popupPayer .button.gray { width:100%; max-width:100%}.popupPayer__addButton { margin-right:0; margin-bottom:10px } .popupPayer__caption { margin-bottom:20px } }@media (max-width:469px) { .popupPayer { padding-left:0!important; padding-right:0!important } .popupPayer__selectStatus .desc { margin-top:15px } .popupPayer__selectStatus .desc,.popupPayer__selectStatus .selectdropdown { font-size:18px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .popupRegion { max-width: 539px!important; width:100%; display: none; } .popupRegion__border-separator { border-bottom: 1px solid #E5E5E5; width: calc(100% + 80px); margin-bottom: 24px; } .popupRegion.fancybox-content{ padding: 32px 40px 40px; } .popupRegion__close { width:20px; height:20px; text-align:center } .popupRegion__caption { font-weight:600; line-height:140%; font-size:18px; text-align:left; } .popupRegion__title { font-weight:600; line-height:120%; font-size:24px; margin-bottom:16px; text-align:left; } .popupRegion__listItem { width: 50%; padding-bottom: 16px; color: #363435; text-align: left; } .popupRegion__listLink { font-weight:400; line-height:normal; font-size:18px; display:inline-block; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); } .popupRegion__listLink:hover, .popupRegion__listLink-active a { color:#FE601F } .popupRegion__separator { font-weight:400; line-height:normal; font-size:18px; text-align:center; color:#7f807f; margin-top:25px; margin-bottom:25px; position:relative; display:inline-block } .popupRegion__separator:before { content:''; width:34px; height:1px; background-color:#7f807f; position:absolute; left:-50px; bottom:9px } .popupRegion__separator:after { content:''; width:34px; height:1px; background-color:#7f807f; position:absolute; right:-50px; bottom:9px } .popupRegion__closeRow { position: absolute; top: 15px; right: 15px; } .popupRegion__closeRow:hover path { fill: #FE601F; cursor: pointer; } .popupRegion .fancybox-button { display:none } .popupRegion__text { font-weight:normal; line-height:normal; font-size:16px; text-align:left; color:#7F807F; margin-bottom:24px } .popupRegion__scrollWrapper { display: flex; flex-wrap: wrap; } @media (max-width:469px) { .popupRegion__separator:after,.popupRegion__separator:before { display:none } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .qestion { width:18px; height:18px } .qestion__icon { fill:#f89633; width:18px; height:18px } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .popupSuccess { background-color:#f1f1f1!important; max-width:400px!important; padding:30px 40px; text-align:center; display:none } .popupSuccess__title { font-weight:600; line-height:normal; font-size:24px; margin-bottom:35px; text-align:center } .popupSuccess__closeRow { margin-top:25px } .popupSuccess .fancybox-button { display:none } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .radio__label { font-style:normal; font-weight:400; line-height:normal; font-size:16px; padding-left:30px !important; display:inline-block; position:relative; cursor:pointer } .radio__label:before { content:''; width:18px; height:18px; border:1px solid #f89633; border-radius:50px; position:absolute; top:0; left:0 } .radio__input { position:relative; width:0; height:0; opacity:0 } .radio__input:checked+label:after { content:''; background-color:#f89633; width:12px; height:12px; position:absolute; border-radius:50px; top:-13px; left:3px } .cabinet__grup .radio__input:checked+label:after { top: 3px; } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .selectholder { border: 1px solid #A8A9A8; border-radius: 1px; margin-bottom: 16px; clear:both; width:100%; background:0 0; height:48px; cursor:pointer; font-weight:400; line-height:normal; font-size:18px; color:#7f807f; font-family:Source Sans Pro; position:relative } .selectholder.disabled { background-color: lightgray; } .selectholder.error { border: 1px solid red; } .selectholder .desc { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; padding: 13px 16px; display:inline-block; vertical-align:middle; white-space: nowrap; overflow: hidden; max-width: calc(100% - 60px); } .selectholder .desc[*="Не выбрано"] { color:red!important } .selectholder .pulldown { background-image: url(/local/templates/eastcement/assets/img/general/arrow-down-black.svg); background-position: 50% 50%; float:right; vertical-align:middle; width:2.4em; height:100%; background-color:#fff; background-repeat:no-repeat; background-size:10px } .selectholder .selectdropdown { -webkit-box-shadow:0 10px 10px rgba(0,0,0,.06); box-shadow:0 10px 10px rgba(0,0,0,.06); padding-top:15px; padding-bottom:15px; /*max-height:400px!important;*/ max-height:400px; overflow:auto; position:relative; width:calc(100% + 4px); top:2px; left:-2px; background:#fff; color:$black; display:none; clear:both; z-index:90 } .selectholder .selectdropdown span { display:block; padding-left:.8em; line-height:2.4em; width:100% } .selectholder .selectdropdown span.disabled { display:block; opacity: .4; } .selectholder .selectdropdown span:last-child { border-bottom:none } .selectholder .selectdropdown span.active { background-color:$active; color:#f89633; background-repeat:no-repeat; background-size:1.6em 1.6em; background-position:98% 50% } .selectholder .selectdropdown span:not(.disabled):hover { color:#f89633; background-color:$rusty-orange } .selectholder .pulldown { background-color:transparent } .activeselectholder .pulldown { background-color:transparent; background-image:url(/local/templates/eastcement/assets/css/../img/general/arrow-up.svg) } #edo_operator .selectdropdown{ max-height: 150px; overflow: scroll; } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .sidebarLK { padding:0 15px; border-radius:2px; margin-bottom:100px; overflow:hidden; overflow-y:auto } .sidebarLK__filters { margin-bottom:38px } .sidebarLK__accordeon { display:none } .sidebarLK__close { display:none; fill:#f89633; width:18px; height:18px; position:absolute; right:35px; top:35px; cursor:pointer; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86) } .sidebarLK__close:hover { fill:#FE601F } .sidebarLK__title { font-weight:600; line-height:36px; font-size:24px; margin-bottom:17px } .sidebarLK__grup { margin-bottom:65px } .sidebarLK__grup:last-child { margin-bottom:0 } .filter__item { font-weight:400; line-height:normal; font-size:18px; display:-webkit-box; display:-ms-flexbox; display:flex } .filter__item:last-child { margin-bottom:0 } .filter__remove { margin-left:10px; color:#f89633; cursor:pointer; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.filter__remove:hover { color:#FE601F } .filter__link { color:#7f807f; line-height:normal; font-size:16px; text-align:center; margin-top:20px } @media (max-width:1225px) { .sidebarLK { margin-bottom:60px } .sidebarLK__row_open { display:block; position:fixed; width:100%; height:100vh; overflow-y:auto; top:0; left:0; z-index:10; background-color:#fff } .sidebarLK__row_open .sidebarLK { background-color:#fff } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .selectedProducts { width:100%; max-width:420px; background-color:#fff; padding:20px 40px; position:absolute; top:76px; right:0; z-index:19; -webkit-box-shadow:0 4px 20px rgba(0,0,0,.1); box-shadow:0 4px 20px rgba(0,0,0,.1); border-radius:2px } .selectedProducts__list { max-height:280px; overflow:hidden; overflow-y:auto } .selectedProducts__item { min-height:130px; padding-top:10px; padding-bottom:15px; border-bottom:1px solid #f1f1f1 } .selectedProducts__item:last-child { border:none } .selectedProducts__img { width:100px; height:100px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; margin-right:15px } .selectedProducts__name { font-weight:600; line-height:16px; font-size:14px; margin-bottom:6px; margin-top:20px } .selectedProducts__caption { font-weight:400; line-height:normal; font-size:12px; color:#7f807f } .selectedProducts__price { font-weight:600; line-height:normal; font-size:18px; margin-left:20px } .selectedProducts__priceCaption { font-weight:400; line-height:normal; font-size:12px; color:#7f807f } .selectedProducts__counterInput { font-weight:400; line-height:normal; font-size:18px; width:40px; border:none; text-align:center } .selectedProducts__counterButton { width:16px; height:16px; background-color:#f89633; fill:#fff; padding:4px; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); cursor:pointer } .selectedProducts__counterButton:hover { background-color:#FE601F } .selectedProducts__total { font-weight:400; line-height:normal; font-size:14px; color:#7f807f } .selectedProducts__button { margin-right:40px } .selectedProducts__bottomRow { margin-top:30px } @media (max-width:1225px) { .selectedProducts { top:186px } .selectedProducts__button { margin-bottom:15px } }@media (max-width:469px) { .selectedProducts { top:136px } .selectedProducts__button { margin-bottom:15px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .content-news-page .breadcrumbsRow { margin-bottom: 8px; } .slick-dots,.sliderNews { width:100%; border-radius:2px; overflow:hidden } .slick-dots li:before,.sliderNews li:before { display:none } .slick-dots__slide,.sliderNews__slide { background-color:#f89633; color:#fff } .slick-dots__data,.sliderNews__data { width:100%; height:500px; padding:70px 60px 80px 125px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:6; -ms-flex:6; flex:6 } .slick-dots__image,.sliderNews__image { width:100%; height:430px; background-size:cover; background-position:50% 50%; -webkit-box-flex:11; -ms-flex:11; flex:11 } .slick-dots__title,.sliderNews__title { font-weight:700; line-height:53px; font-size:60px; margin-bottom:25px } .slick-dots__subtitle,.sliderNews__subtitle { font-style:normal; font-weight:400; line-height:normal; font-size:36px; margin-bottom:68px } .slick-dots__wrapper,.sliderNews__wrapper { display:-webkit-box; display:-ms-flexbox; display:flex } .sliderWrapper { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sliderWrapper .sliderNews__arrows { position:absolute; top:0; left:0; z-index:15; width:100%; background-color:#333 } .sliderWrapper .slick-arrow { width:46px; height:46px; position:absolute; background:#f89633; border-radius:2px; top:180px } .sliderWrapper .arrow-prev { left:30px } .sliderWrapper .arrow-next,.sliderWrapper .arrow-prev { right:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; cursor:pointer; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)} .sliderWrapper .arrow-next:hover,.sliderWrapper .arrow-prev:hover { background-color:#FE601F } .sliderWrapper .arrow-next:hover .icon-arrow_left,.sliderWrapper .arrow-next:hover .icon-arrow_right,.sliderWrapper .arrow-prev:hover .icon-arrow_left,.sliderWrapper .arrow-prev:hover .icon-arrow_right { fill:#fff } .sliderWrapper .arrow-next .icon-arrow_left,.sliderWrapper .arrow-next .icon-arrow_right,.sliderWrapper .arrow-prev .icon-arrow_left,.sliderWrapper .arrow-prev .icon-arrow_right { fill:#fff; width:14px; height:22px; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86) } .dots { margin-top:20px } .dots .slick-dots { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .dots .slick-dots li { background-color:#f89633; border-radius:50px; width:12px; height:12px; margin-right:7px } .dots .slick-dots li:last-child { margin-right:0 } .dots .slick-dots li button { display:none } .dots .slick-dots .slick-active { background:#7f807f } @media (max-width:1389px) { .sliderNews__data { height:340px; padding:65px 30px 60px 100px } .sliderNews__title { line-height:42px; font-size:48px; margin-bottom:20px } .sliderNews__image { height:500px } .sliderNews__subtitle { font-size:24px; margin-bottom:44px } .sliderWrapper .slick-arrow { top:230px } }@media (max-width:1225px) { .sliderWrapper .arrow-prev { left:10px } .sliderWrapper .arrow-next { right:10px } .sliderWrapper .slick-arrow { top:90px; width:24px; height:24px } .sliderWrapper .slick-arrow .icon-arrow_left,.sliderWrapper .slick-arrow .icon-arrow_right { width:8px; height:12px } .sliderNews__data { height:190px; padding:30px 50px 25px 60px } .sliderNews__title { line-height:21px; font-size:24px; margin-bottom:13px } .sliderNews__subtitle { font-size:14px; margin-bottom:23px } .sliderNews__image { height:190px } }@media (max-width:575px) { .sliderWrapper .slick-arrow { top:100px } .sliderNews__data { height:190px; padding:30px 25px 25px 60px } .sliderNews__title { line-height:21px; font-size:24px; margin-bottom:13px } .sliderNews__subtitle { font-size:14px; margin-bottom:23px } .sliderNews__image { height:270px } }@media (max-width:469px) { .sliderNews__image { min-height:120px } .sliderNews__arrows { display:none } .sliderNews__subtitle { display:none } .sliderNews__data { padding:20px; height:84px } .sliderNews__image { height:84px } .sliderNews__title { font-weight:700; line-height:14px; font-size:16px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .sliderMain { width:100%; border-radius:2px; overflow:hidden } .sliderMain__slide { background-color:#f89633; color:#fff } .sliderMain__data { width:100%; height:430px; padding:70px 60px 80px 125px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:6; -ms-flex:6; flex:6 } .sliderMain__image { width:100%; height:430px; background-size:cover; background-position:50% 50%; -webkit-box-flex:11; -ms-flex:11; flex:11 } .sliderMain__title { font-weight:700; line-height:53px; font-size:60px; margin-bottom:25px } .sliderMain__subtitle { font-style:normal; font-weight:400; line-height:normal; font-size:36px; margin-bottom:68px } .sliderMain__wrapper { display:-webkit-box; display:-ms-flexbox; display:flex } .sliderWrapper { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .sliderWrapper .sliderMain__arrows { position:absolute; top:0; left:0; z-index:15; width:100%; background-color:#333 } .sliderWrapper .slick-arrow { width:46px; height:46px; position:absolute; background:rgba(255,255,255,.4); border-radius:2px; top:180px } .sliderWrapper .arrow-prev { left:30px } .sliderWrapper .arrow-next,.sliderWrapper .arrow-prev { right:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; cursor:pointer } .sliderWrapper .arrow-next:hover .icon-arrow_left,.sliderWrapper .arrow-next:hover .icon-arrow_right,.sliderWrapper .arrow-prev:hover .icon-arrow_left,.sliderWrapper .arrow-prev:hover .icon-arrow_right { fill:#FE601F } .sliderWrapper .arrow-next .icon-arrow_left,.sliderWrapper .arrow-next .icon-arrow_right,.sliderWrapper .arrow-prev .icon-arrow_left,.sliderWrapper .arrow-prev .icon-arrow_right { fill:#fff; width:14px; height:22px; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86)}.dots { margin-top:20px } .dots .slick-dots { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .dots .slick-dots li { background-color:#f89633; border-radius:50px; width:12px; height:12px; margin-right:7px } .dots .slick-dots li:last-child { margin-right:0 } .dots .slick-dots li button { display:none } .dots .slick-dots .slick-active { background:#7f807f } @media (max-width:1389px) { .sliderMain__data { height:340px; padding:65px 30px 60px 100px } .sliderMain__title { line-height:42px; font-size:48px; margin-bottom:20px } .sliderMain__image { height:340px } .sliderMain__subtitle { font-size:24px; margin-bottom:44px } .sliderWrapper .slick-arrow { top:150px } }@media (max-width:1225px) { .sliderWrapper .arrow-prev { left:10px } .sliderWrapper .arrow-next { right:10px } .sliderWrapper .slick-arrow { top:90px; width:24px; height:24px } .sliderWrapper .slick-arrow .icon-arrow_left,.sliderWrapper .slick-arrow .icon-arrow_right { width:8px; height:12px } .sliderMain__data { height:190px; padding:30px 50px 25px 60px } .sliderMain__title { line-height:21px; font-size:24px; margin-bottom:13px } .sliderMain__subtitle { font-size:14px; margin-bottom:23px } .sliderMain__image { height:190px } }@media (max-width:575px) { .sliderWrapper .slick-arrow { top:100px } .sliderMain__data { height:190px; padding:30px 25px 25px 60px } .sliderMain__title { line-height:21px; font-size:24px; margin-bottom:13px } .sliderMain__subtitle { font-size:14px; margin-bottom:23px } .sliderMain__image { height:190px } }@media (max-width:469px) { .sliderMain__arrows { display:none } .sliderMain__subtitle { display:none } .sliderMain__data { padding:20px; height:84px } .sliderMain__image { height:84px } .sliderMain__title { font-weight:700; line-height:14px; font-size:16px } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435 } .subscribe { background-color:#f1f1f1; padding: 56px; } .subscribe__title { font-weight: bold; line-height: 100%; font-size: 40px; margin-bottom: 16px; } .subscribe__subtitle { font-style: normal; font-weight: 600; font-size: 24px; line-height: 120%; } .subscribe__input { margin-right: 16px; height: 48px; min-width: 400px; } .subscription-agree-policy { max-width: 435px; } .long-button { width: 500px; margin-right: 0px; } .ml--60px { margin-left: -60px; } .mt-10px { margin-top: 10px; } .ml-8px { margin-left: 8px; } .ml-16px { margin-left: 16px; } @media (max-width:469px) { .subscribe__title { line-height:normal; font-size:24px } .subscribe__subtitle { line-height:normal; font-size:24px } .subscribe__button { min-width:156px!important; width:100%!important; margin-top:20px } } @media (max-width:680px) { .subscribe__inputRow { -webkit-box-orient:vertical!important; -webkit-box-direction:normal!important; -ms-flex-direction:column!important; flex-direction:column!important } .subscribe__button { margin-top:20px; width:100%!important; max-width:100% } .subscribe .subscribe__title { font-size: 28px; margin-bottom: 8px; } .subscribe .subscribe__subtitle { font-size: 20px; } .subscribe-container.d-flex { max-width: 100%; flex: 1; } } title { font-family:'Source Sans Pro'; font-size:40px; font-weight:700; font-style:normal; font-stretch:normal; line-height:normal; letter-spacing:normal; color:#363435; } .textWithIcon { color:#7f807f; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); } .textWithIcon__icon { -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86); width:28px; height:28px; fill:#f89633; margin-right:16px; } .textWithIcon__text { font-style:normal; font-weight:400; line-height:normal; font-size:18px; } .notice-caption { color: #7f807f; font-weight: 400; line-height: normal; font-size: 18px; } .questionary-validation { width: 100%; } .bx-advertisingbanner-btn { text-transform: capitalize !important; } /* End */ /* Start:/local/templates/eastcement/assets/css/index/styles.css?17697328692656*/ .section_slider { margin-bottom: 65px } .section_advantage { margin-bottom: 59px } .section_calc { margin-bottom: 64px } .section_products-desktop .col-12 { padding: 0 12px; } .section_specialOffers { margin-bottom: 120px } .section_popularProducts { margin-bottom: 150px } .section_news, .section_products { margin-bottom: 56px; margin-left: -12px; margin-right: -12px; } .slider__navWrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .slider__navWrapper .icon { width: 12px; height: 16px; fill: #fff } .slider__arrow { width: 46px; height: 46px; background-color: #f89633; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s cubic-bezier(.785,.135,.15,.86); transition: .3s cubic-bezier(.785,.135,.15,.86); cursor: pointer } .slider__arrow:hover { background: #fc611f } .slider__arrow_prev { margin-right: 10px } .sliderAdvantage__slide { padding-left: 12px; padding-right: 12px } .sliderPopular__slide, .sliderProducts__slide { margin-left: 12px; margin-right: 12px } .sliderAdvantage { display: flex; justify-content: space-between; flex-wrap: wrap; } .sliderAdvantage .sliderAdvantage__slide { width: 25%; } .sliderPopular .slick-track, .sliderProducts .slick-track { margin: 0 } @media (max-width:1225px) { .sliderAdvantage .sliderAdvantage__slide { width: 50%; margin-bottom: 48px; } .section_advantage { margin-bottom: 50px } .section_popularProducts { margin-bottom: 110px } .section_news .section__titleRow { margin-left: 12px; } .section_news, .section_products { margin-right: -24px; } .section_products-mobile { margin-bottom: 40px; } .section_calc { margin-bottom: 56px; } } @media (max-width:767px) { .section_advantage { margin-bottom: 24px; } .section_products-mobile { margin-bottom: 16px; } .section_calc { margin-bottom: 32px; } .sliderAdvantage .sliderAdvantage__slide { width: 100%; margin-bottom: 24px; } } @media (max-width:469px) { .sliderAdvantage__slide, .sliderPopular__slide, .sliderProducts__slide { padding-left: 0; padding-right: 0 } .slider__navWrapper { margin-top: 50px } .sliderProducts__slide { text-align: center } } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435 } /* End */ /* Start:/local/templates/eastcement/assets/css/styles.css?1769732869233997*/ /* source-sans-pro-200 - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-200italic - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200italic.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300 - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300italic - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-regular - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-italic - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600italic - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600italic.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700italic - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900 - latin_cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-900.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-900.woff') format('woff'), /* Modern Browsers */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/eastcement/assets/css/../fonts/source-sans-pro-v13-latin_cyrillic-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: 'Source Sans Pro', sans-serif; --popup-window-border-radius: 30px } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover, a:focus, a:active { text-decoration: none; color: #fe601f; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type='reset'], [type='submit'], button, html [type='button'] { -webkit-appearance: button; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } @-ms-viewport { width: device-width; } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, ::after, ::before { -webkit-box-sizing: inherit; box-sizing: inherit; } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; } .header { margin-bottom: 12px; } .content-main-page { margin-top: -10px; } .header__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 0; } .header__background { background-color: #f1f1f1; } .header__bottom { height: 70px; } .header__second-line { border-bottom: 1px solid #e5e5e5; @media all and (min-width: 1226px) { padding-top: 5px; padding-bottom: 5px; } } .header__logo { display: inline-block; max-width: 210px; width: 100%; height: 50px; background: url('/local/templates/eastcement/assets/css/../img/general/index/logo2.jpg') no-repeat; background-size: contain; } .order-loader-animation { position: relative; color: #fe601f; background: #fe601f; } .order-loader-animation::before { position: absolute; content: ' '; width: 30px; height: 30px; border: 4px dashed #fa9533; border-radius: 100%; animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; left: 50%; margin-left: -15px; margin-top: -3px; } .treaty-loader { display: none; height: 240px; justify-content: center; align-items: center; width: 100%; background: #fff; } .treaty-loader-animation { position: relative; color: #fe601f; background: #fe601f; } .treaty-loader-animation::before { position: absolute; content: ' '; width: 30px; height: 30px; border: 4px dashed #fa9533; border-radius: 100%; animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; left: 50%; margin-left: -15px; margin-top: -3px; } .treaties-filter-item { width: 265px; margin-right: 24px; position: relative; } .treaties-filter-item .customselect-caption { width: calc(100% - 34px); white-space: pre; overflow: hidden; } .contact-person-popup { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; z-index: 1; transition: all 0.3s ease; } .form-add-object { background-color: white; position: relative; width: 400px; min-height: 400px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .contact-person-popup-close { display: flex; flex-direction: row-reverse; } .object-type-dropdown { max-height: 150px; /* overflow-y: auto; */ } .popup-edit-buyer-group { padding: 20px; } .add_new_object_title { font-size: 24px; font-weight: 600; margin-top: 10px; } .add-name-object { margin-top: 15px !important; padding: 0; } .popup-button-block { justify-content: space-between; position: absolute; bottom: 0; width: 100%; display: flex; padding: 0px 20px 20px 20px; gap: 30px; } .print-object-radio-block { opacity: 0; visibility: hidden; transition: all 0.3s ease; } .filter-title { display: none; } .order-filter-mobile-footer { display: none; } .attorney-filter-section { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; margin-bottom: 35px; } .svg-icon { background-color: white; position: absolute; right: 10px; top: 41px; } .add-object-section { padding: 0px 15px; margin-top: 48px; width: 100%; } .header-object { display: flex; flex-direction: row; justify-content: space-between; } /* * Datepicker styles */ .ui-datepicker { left: 0 !important; top: 145px !important; width: auto !important; border: 0 !important; border-radius: 0 !important; box-shadow: 0 7px 21px rgb(246 246 246), 0 -1px 6px 0 rgb(83 92 105 / 2%) !important; } .ui-datepicker-group { width: 30% !important; } .ui-datepicker-title { font-size: 16px; } .ui-widget-content { padding: 24px !important; } .ui-datepicker-group { display: inline-table; } .ui-datepicker-group-first, .ui-datepicker-group-middle { margin-right: 20px; } .ui-datepicker-calendar thead { display: none; } .ui-datepicker td { padding: 0 !important; } td:not(.ui-state-custom-from):not(.ui-state-custom-to) .ui-state-default { border: none !important; background: none !important; padding: 10px !important; color: #363435 !important; font-size: 16px !important; } .ui-datepicker-prev span { background-image: url('/local/templates/eastcement/assets/img/general/datepicker-prev.svg') !important; background-position: 0px 0px !important; } .ui-datepicker-next span { background-image: url('/local/templates/eastcement/assets/img/general/datepicker-prev.svg') !important; background-position: 0px 0px !important; transform: rotate(180deg); } .ui-datepicker-prev span, .ui-datepicker-next span { width: 20px; height: 14px; } .ui-datepicker-prev-hover, .ui-datepicker-next-hover { border: 0 !important; background: none !important; cursor: pointer; } .ui-state-custom-from a { border: 1px solid #fa9533 !important; border-radius: 3px !important; background: none !important; padding: 10px !important; color: #363435 !important; font-size: 16px !important; } .ui-state-custom-to a { background: #fa9533 !important; border: 1px solid #fa9533 !important; border-radius: 3px !important; color: #fff !important; padding: 10px !important; font-size: 16px !important; } .ui-state-custom-between { background: #f1f1f1 !important; } /* */ .phone-attorney-filter-section { display: none; } .treaties-filter-actions { display: none; } .clear-dekstop {} .header__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__navigationItem { margin-right: 20px; } .header__navigationItem:last-child { margin-right: 0; } .header__navigationLink { -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); font-family: 'Source Sans Pro'; font-size: 16px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; cursor: pointer; } .header__navigationLink:hover { color: #fe601f; } .header__phone { font-style: normal; font-size: 18px; font-weight: 600; line-height: 140%; color: #363435; margin-right: 16px; } .header__catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; font-family: 'Source Sans Pro'; font-size: 16px; color: #363435; } .main-catalog-click { font-weight: 600; } .search { width: 100%; position: relative; max-width: 400px; } .search__input { width: 100%; border: none; border-bottom: 1px solid #a8a9a8; border-radius: 0 !important; padding-left: 10px; padding-right: 50px; font-family: 'Source Sans Pro'; font-size: 18px; color: #363435; padding-bottom: 3px; } .search__input::-webkit-input-placeholder { font-family: 'Source Sans Pro'; font-size: 18px; color: #363435; } .search__input::-ms-input-placeholder { font-family: 'Source Sans Pro'; font-size: 18px; color: #363435; } .search__input::placeholder { font-family: 'Source Sans Pro'; font-size: 18px; color: #363435; } .search__icon { width: 14px; height: 14px; position: absolute; right: 10px; bottom: 5px; fill: #363435; } .search .bx-input-group { position: relative; } .search .bx-input-group-btn { position: absolute; right: 0; display: flex; top: 0; } .search .clear-btn { margin-right: 12px; cursor: pointer; } .search-btn { cursor: pointer; margin-left: 16px; /*margin-right: 20px;*/ } .search-btn:hover path { fill: #fe601f; } .search-hide { margin-bottom: 5px; } .hamburger { width: 25px; height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 18px; } .hamburger_active .hamburger__line:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 6px; } .hamburger_active .hamburger__line:nth-child(2) { opacity: 0; } .hamburger_active .hamburger__line:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: -6px; } .hamburger__line { height: 3px; width: 100%; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); background-color: #f89633; } .custom-wrap { min-width: 94px; width: 100%; } .icoLink { display: flex; align-items: center; } .icoLink_favorites_active .icoLink__caption { color: #fe601f; } .icoLink_favorites_active .icoLink__icon { fill: #fe601f; } .icoLink_favorites_active .icoLink__counter { background-color: #fe601f; } .icoLink__caption { font-size: 16px; } .icoLink__icon { fill: #363435; width: 24px; height: 24px; /*margin-left: 8.5px;*/ /*margin-right: 20px;*/ /* -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86) */ } .icoLink__wrapper { margin-right: 35px; } .icoLink__counter { font-family: 'Source Sans Pro'; font-size: 14px; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-weight: 600; background-color: #f89633; border-radius: 50px; color: #fff; width: 24px; height: 24px; text-align: center; padding-top: 3px; position: absolute; right: 0; top: -10px; /* -webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86); transition:all .3s cubic-bezier(.785,.135,.15,.86) */ } .icoLink__mini__counter { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; font-weight: 600; background-color: #f89633; border-radius: 50px; color: #fff; min-width: 24px; height: 17px; display: flex; align-items: center; justify-content: center; position: absolute; top: -9px; margin: 0 auto 0 30px; padding: 0 4px; @media all and (max-width: 1225px) { right: -11px; margin: 0; } } .notification_light { height: 8px; width: 8px; background-color: #f89633; border-radius: 100%; position: absolute; right: 30px; top: -5px; } @media all and (max-width: 1225px) { .notification_light { right: 0; } } .icoLink:hover .icoLink__counter { background-color: #FE601F } .icoLink:hover .icoLink__counter { background-color: #fe601f; } .icoLink:hover .icoLink__icon { fill: #fe601f; } .icoLink:hover .icoLink__icon path { fill: #fe601f; } .fancybox-content { text-align: center !important; } .linkWithIcon__text { padding-bottom: 2px; border-bottom: 1px solid #fa9533; font-size: 16px; } /* .linkWithIcon__text:hover,.linkWithIcon__text:active,.linkWithIcon__text:focus { text-decoration: none; color: #FE601F; }*/ /* .container .header__background:before,.header__top.no-gutters::before,.header__top.no-gutters::after,.header::before,.header::after { content: none; }*/ .information__title { font-family: Source Sans Pro; font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; color: #7f807f; } .acent { color: #f89633; } .sliderNews .slick-track { display: flex; } .cardNews-item { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .cardNews, .cardNews__bottom .row { height: 100%; } .sliderPopular__slide, .sliderProducts__slide { height: auto; flex: 0 0 auto; } @media only screen and (max-width: 1225px) { .treaties-filter-item { /*flex-basis: calc(30.0% - 16px);*/ max-width: calc(30.0% - 16px); } .treaty-loader { height: 120px; } } @media only screen and (max-width: 750px) { .treaties-filter-item .korus-label { font-size: 12px; } } @media (max-width: 1225px) { .search { max-width: 100%; } .hamburger { margin-right: 0 !important; } .header__background { display: none; } } @media (max-width: 1000px) { .form-add-object { width: 100% !important; } } @media only screen and (max-width: 576px) { .phone-attorney-filter-section .show-mobile-filter { display: none; } .treaties-filter-actions { display: block; margin-top: 20px; } .clear-dekstop { display: none !important; } .attorney-filter-section .treaties-filter-item { display: none; } .phone-attorney-filter-section .ui-datepicker { z-index: 1000 !important; } .phone-attorney-filter-section { position: fixed; display: block; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 16px 12px; padding-bottom: 70px; max-width: 100%; overflow: auto; background: #fff; z-index: 999; } .phone-attorney-filter-section .treaties-filter-item { display: block; } .order-filter-mobile .treaties-filter-item { display: block; } .treaties-filter-item { margin: 0; width: 100%; } .treaties-filter-item { flex-basis: auto !important; max-width: 100%; } .treaties-filter-item .korus-label { font-size: 15px; } .phone-attorney-filter-section .filter-title { display: flex; padding: 0px 30px 30px 30px; width: 100%; justify-content: space-between; } .phone-attorney-filter-section .treaties-filter-mobile-footer { position: fixed; left: 0; bottom: 0; width: 100%; padding: 16px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); background: #fff; } .phone-attorney-filter-section .order-filter-mobile-footer { display: flex; } .treaties-filter-mobile-footer button { flex-grow: 1; } } @media only screen and (max-width: 576px) { .phone-attorney-filter-section .show-mobile-filter { display: none; } .treaties-filter-actions { display: block; margin-top: 20px; } .clear-dekstop { display: none !important; } .attorney-filter-section .treaties-filter-item { display: none; } .phone-attorney-filter-section .ui-datepicker { z-index: 1000 !important; } .phone-attorney-filter-section { position: fixed; display: block; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 16px 12px; padding-bottom: 70px; max-width: 100%; overflow: auto; background: #fff; z-index: 999; } .phone-attorney-filter-section .treaties-filter-item { display: block; } .order-filter-mobile .treaties-filter-item { display: block; } .treaties-filter-item { margin: 0; width: 100%; } .treaties-filter-item { flex-basis: auto !important; max-width: 100%; } .treaties-filter-item .korus-label { font-size: 15px; } .phone-attorney-filter-section .filter-title { display: flex; padding: 0px 30px 30px 30px; width: 100%; justify-content: space-between; } .phone-attorney-filter-section .treaties-filter-mobile-footer { position: fixed; left: 0; bottom: 0; width: 100%; padding: 16px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); background: #fff; } .phone-attorney-filter-section .order-filter-mobile-footer { display: flex; } .treaties-filter-mobile-footer button { flex-grow: 1; } .treaties-filter-mobile-footer button:not(:first-of-type) { margin-left: 16px; } } @media (max-width: 575px) { .header__navigationLink { font-size: 16px; color: #363435; } .header__logo { max-width: 160px; } .icoLink__wrapper { margin-right: 0; } .search__input, .search__input::-webkit-input-placeholder { font-size: 14px; color: #7f807f; } .search__input, .search__input::-ms-input-placeholder { font-size: 14px; color: #7f807f; } .search__input, .search__input::placeholder { font-size: 16px; color: #7f807f; } .search__icon { fill: #7f807f; } } @media (max-width: 469px) { .header__tabletBottom { margin-top: 20px; } } /* style from dviga. catalog */ .cardPopular__name { font-weight: 600; line-height: 27px; font-size: 24px; margin-bottom: 5px; display: block; min-height: 60px; word-break: break-word; } .content__products_viewRow .cardPopular__leftWrapper { height: 140px; } .content__products_viewCards .cardPopular__leftWrapper { height: 125px; } .bannerRow { margin-bottom: 35px; } .sidebar { background: #f1f1f1; padding: 40px 35px; border-radius: 2px; margin-bottom: 30px; overflow: hidden; overflow-y: auto; } .sidebar__filters { margin-bottom: 38px; } .sidebar__accordeon { display: none; } .sidebar__close { display: none; fill: #f89633; width: 18px; height: 18px; position: absolute; right: 35px; top: 35px; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .sidebar__close:hover { fill: #fe601f; } .sidebar__title { font-weight: 600; line-height: 36px; font-size: 24px; margin-bottom: 17px; } .sidebar__grup { margin-bottom: 65px; } .sidebar__grup:last-child { margin-bottom: 0; } .filter { position: sticky; top: 0; margin-bottom: 50px; max-width: 280px; } .filter__item { font-weight: 400; line-height: normal; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; } .filter__remove { margin-left: 10px; color: #f89633; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .filter__remove:hover { color: #fe601f; } .filter__link { color: #7f807f; line-height: normal; font-size: 16px; text-align: center; margin-top: 20px; } .sort { background: #f1f1f1; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; padding-left: 24px; padding-right: 30px; } .sort__icon { width: 15px; height: 15px; margin-right: 15px; fill: #7f807f; cursor: pointer; } .sort__icon:last-child { margin-right: 0; } .sort__icon_active { fill: #fe601f; } .sort__views { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 50px; } .sort__item { font-weight: 400; font-size: 16px; color: #363435; border-bottom: 1px solid #fa9533; cursor: pointer; white-space: nowrap; line-height: 25px; padding: 0px 5px; min-width: 125px; } .sort__item:hover { color: #fe601f; } .left-sort-tab { position: relative; } .content__products { margin-top: 24px; } .content__products_viewCards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; /*justify-content: space-between;*/ } .content__products_viewCards .cardPopular { max-width: calc(33% - 12px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 24px; margin-bottom: 20px; min-width: 25%; } .content__products_viewCards .cardPopular:nth-child(3n) { margin-right: 0; } .content__products_viewRow { width: 100%; } .content__products_viewRow .cardPopular { height: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 15px; padding-bottom: 15px; } .content__products_viewRow .cardPopular__bottom { background-color: #fff; padding-top: 0; padding-bottom: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content__products_viewRow .cardPopular__image { max-width: 230px; border: none; height: 150px; } .content__products_viewRow .cardPopular__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 100%; } .content__products_viewRow .cardPopular__leftWrapper { /* margin-right: 30px; */ max-width: 480px; } .content__products_viewRow .cardPopular__label { margin-top: 15px; position: relative; top: initial; margin-bottom: 10px; } .content__products_viewRow .cardPopular__price { text-align: center; } .content__products_viewRow .cardPopular .row { width: 100%; } .content__products_viewRow {} .content__products_viewRow .cardPopular__leftWrapper { margin-left: 30px; } .content__products_viewRow .cardPopular__type { text-align: right; } .content__products_viewRow .cardPopular__rightWrapper { margin-right: 10px; } .content__products_viewRow a.cardPopular:hover .cardPopular__image { /* transform: scale(1.2); */ transition: 0.3s; } a.cardPopular { overflow: hidden; border: #f1f1f1 solid 2px; border-radius: 5px; transition: 0.3s; } a.cardPopular .cardPopular__image { transition: 0.3s; } a.cardPopular:hover { border-color: #fe601f; transition: 0.5s; } a.cardPopular:hover .cardPopular__image { /* transform: scale(1.05); */ transition: 0.3s; } .content__viewCounter { color: #7f807f; margin-top: 20px; } .content__showMore { margin-top: 100px; padding-top: 10px; } .d-sm-flex { position: relative; } .section-sort-list { display: none; min-width: 80px; position: absolute; left: 0px; top: 27px; background: #f1f1f1; border: 1px solid #bfb5b5; z-index: 1; } .reg-input-organisation .suggestions-suggestions { position: relative !important; } .sort-dropdown { position: absolute; } .sort__views a { /*width: 30px;*/ } .checkbox_selected::after { content: ''; position: absolute; /*width: 14px; height: 14px;*/ background-color: #f89633; border-radius: 2px; /*left: 3px; top: 5px;*/ display: block; } .gotoport-dropdown.dropdown_not_selected { border: 1px solid red !important; } .checkboxFilter__label input { display: none; } .timer-tick-wrapper { min-height: 22px; } .login-popup-message { min-height: 30px; } .login-popup-error { /* margin-bottom: 20px; */ font-size: 15px; color: red; } .login-popup-success { /* margin-bottom: 20px; */ font-size: 15px; color: green; } #form_popupLogin .code-input { margin-bottom: 18px; } #form_popupLogin .korus-link { margin-bottom: 24px; } #form_popupLogin .loader-animation { pointer-events: none; } #form_popupLogin #login-button { border-radius: 12px; } #form_popupLogin #to-phone-otp-button { border-radius: 12px; } #form_popupLogin .popupLogin__input { border-radius: 12px; padding: 25px 16px; margin-bottom: 0; transition: ease .2s; border-color: transparent; background-color: white; border: 2px solid #f2f2f2; } #form_popupLogin .popupLogin__input:disabled { background-color: #f2f2f2 !important; } #form_popupLogin .popupLogin__input:hover { border-radius: 25px; } #form_popupLogin .popupLogin__input::placeholder { font-size: 18px; } #form_popupLogin .popupLogin__input:focus { border-color: #FA9533; } #form_popupLogin .login-input { margin-bottom: 5px; } #form_popupLogin .auth-registration { margin-bottom: 15px; } #form_popupLogin .popupLogin__linksRow { justify-content: flex-end !important; } .popupLogin__actions #to-login-button { border-radius: 12px; } #to-otp-button { border-radius: 12px; } .popupLogin__actions { /* position: absolute; bottom: -14px; */ } .popupLogin { transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; animation: fadeInLogin ease .3s; } @keyframes fadeInLogin { from { transform: translateY(-50px); opacity: 0.5; } to { transform: translateY(0); opacity: 1; } } .popupLogin__form { transition: 0.3s ease; } .popupLogin__form { position: relative; /* min-height: 400px; */ /* или подходящая высота */ } .auth-slide { position: absolute; width: 100%; top: 0; left: 0; opacity: 0; transform: translateX(30px); transition: all 0.3s ease-in-out; visibility: hidden; pointer-events: none; overflow: hidden; } .slide-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; position: absolute !important; height: 0 !important; overflow: hidden !important; } .auth-slide.active { opacity: 1; transform: translateX(0); visibility: visible; position: relative; pointer-events: all; } .auth-slide.prev { transform: translateX(-30px); } /* Для мобильной оптимизации */ @media (max-width: 768px) { .auth-slide { transform: translateX(20px); } .auth-slide.prev { transform: translateX(-20px); } } .popupLogin__form * { transition: all 0.3s ease; } .popupLogin_inputs_row, .popupLogin__linksRow, .otp-login, .login-input, .sber-buisness-block-button, .timer-otp, #otp-info, .code-input { transition: opacity 0.3s ease, transform 0.3s ease; } .popupLogin_inputs_wrapper { display: flex; flex-direction: column; gap: 10px; } .information__auth { position: relative; background: #f1f1f1; padding: 12px 12px 12px 50px; margin-bottom: 24px; font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; display: flex; max-width: 608px; } .information__auth i { position: absolute; top: 11px; left: 15px; } .to-login-button, .login-otp-button, .to-otp-button, .login-button, .to-phone-otp-button, .to-auth-back, .mobile-approve-button, .to-mobile-registration-back { height: 48px; width: 100%; border: 0; } .to-login-button, .to-phone-otp-button, .to-auth-back, .to-mobile-registration-back { background: #ffffff; color: #363435; border: 1px solid #a8a9a8 !important; } .to-auth-back { margin-top: 12px; } .timer-otp { margin-bottom: 20px; } .button.md.to-login-button:hover, .button.md.to-login-button:focus { color: #ffffff; } .forgotpass-reg { line-height: 80px; } .auth-registration { float: right; text-decoration-line: underline; color: #7f807f; } .auth-forgotpass { float: left; text-decoration-line: underline; color: #7f807f; } /*.login-button.loader-animation { padding-top: 5px; }*/ .input.error { border: 1px solid red !important; } ul.slick-dots { text-align: center; } ul.slick-dots li { display: inline-block; width: 12px; height: 12px; margin: 0 2px; } ul.slick-dots li div { width: 10px; height: 10px; margin: 1px 0 0 1px; border-radius: 5px; background-color: #f89633; } ul.slick-dots li.slick-active div { width: 12px; height: 12px; margin: 0; border-radius: 6px; border-radius: 6px; background-color: #7f807f; } @media (max-width: 1389px) { .content__products_viewRow .cardPopular__image { max-width: 150px; } .content__products_viewRow .cardPopular .offset-1 { margin-left: 0; max-width: 100%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 1225px) { .sidebar { margin-bottom: 60px; } .sidebar__close { display: block; position: fixed; } .sidebar__row { display: none; } .sidebar__row_open { display: block; position: fixed; width: 100%; height: 100vh; overflow-y: auto; top: 0; left: 0; z-index: 10; background-color: #fff; } .sidebar__row_open .sidebar { background-color: #fff; } .content { margin-left: 0; } .content__products_viewCards .cardPopular { max-width: calc(50% - 12px); -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 45%; } .content__products_viewCards .cardPopular:nth-child(2n) { margin-right: 0; } .content__products_viewCards .cardPopular:nth-child(3n) { margin-right: 22px; } .content__products_viewRow .cardPopular__image { max-width: 150px; } .content__products_viewRow .cardPopular .offset-1 { margin-left: 0; max-width: 100%; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 469px) { .sort { margin: 0; padding: 0; } .korus-adaptive .korus-adaptive-sort { padding-left: 0px; } .content { margin-left: 0; } .content__products_viewCards .cardPopular { max-width: calc(100%); -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 100%; } .content__products_viewRow .cardPopular { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content__products_viewRow .cardPopular__image { max-width: 100%; height: 250px; border: 2px solid #f1f1f1; } .content__products_viewRow a.cardPopular:hover .cardPopular__image { /* transform: scale(1.05); */ transition: 0.3s; } .content__products_viewRow .cardPopular__bottom { padding-top: 30px; padding-bottom: 40px; background-color: #f1f1f1; } .content__products_viewRow .cardPopular__label { position: absolute; top: -56px; } .content__products_viewRow .cardPopular__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .content__products_viewRow .cardPopular__leftWrapper { margin-right: 0; } .content__products_viewRow .cardPopular .offset-1 { margin: 0 auto; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; display: inline-block; max-width: 83.33333%; } .filter__wrapper { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 64px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .content__products_viewRow .cardPopular__label { top: 0; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 469px) { .content__products_viewRow .cardPopular__label { top: -55px; } } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; } /* страница about */ .about-banner-container { position: relative; margin: 0 -17px; } .about-banner-container .breadcrumbsRow { position: absolute; top: 16px; } .mb-0 { margin-bottom: 0 !important; } .white-color, .white-color .breadcrumbs__link { color: #ffffff; } .about__title { font-style: normal; font-weight: 600; font-size: 34px; line-height: 120%; color: #363435; margin-bottom: 29px; } .about__img { -o-object-fit: cover; object-fit: cover; width: 100%; } .about__button { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; display: inline-block; color: #7f807f; margin-top: 30px; border-bottom: 1px dashed #f89633; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .form__title { max-width: 475px; margin: 48px auto 0; font-style: normal; font-weight: 600; font-size: 34px; line-height: 120%; color: #363435; padding: 0 15px; } .about__button:hover { color: #fe601f; border-color: #fe601f; } .hiddenText { display: none; } .topOffset { margin-top: 100px; } .suppliers { padding-top: 0; padding-bottom: 24px; display: flex; flex-wrap: wrap; } .contacts__title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; color: #363435; margin-bottom: 16px; } .contacts__adres, .contacts__caption, .contacts__phone, .contacts__email, .contacts__time { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; } .contacts__adres, .contacts__phone, .contacts__email { display: block; margin-bottom: 16px; } .contacts__caption, .contacts__time { display: inline-block; } .factory-list { display: flex; flex-wrap: wrap; padding: 0; } .factory { flex-direction: column; } .factory__item { margin-bottom: 37px; display: block; } .factory__logo { margin-bottom: 16px; margin-right: 24px; max-height: 67px; } .factory__name { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; color: #363435; margin-bottom: 4px; max-width: 300px; } .factory__region { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #7f807f; } .factory__row { margin-bottom: 16px; display: flex; height: fit-content; } .factory__col { display: flex; flex-wrap: wrap; } .factory__products { flex-direction: column; align-items: flex-start; } .factory__wrap { display: flex; align-items: center; min-height: 96px; } .factory__row, .factory__products, .factory__schedule { padding: 0; } .product { width: auto; border-bottom: 1px solid #fa9533; margin-right: 15px; text-align: center; } .product:hover { border-bottom: none; } .product:last-child { margin-right: 0; } .product__bottomRow { margin-top: 24px; } .product__img { display: none; -o-object-fit: cover; object-fit: cover; height: 70px; } .product__name { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; margin-top: 10px; text-align: left; overflow: hidden; } .product__name u { font-weight: 600; text-decoration: none; margin-bottom: 8px; } .product__name b { font-weight: normal; } .requisites { background-color: #f1f1f1; padding: 0; } .requisites__header { display: flex; padding: 24px 15px 26px; } .requisites__header-right { display: flex; justify-content: flex-end; } .requisites__row { margin-bottom: 24px; } .requisites__row>.col, .requisites__row>[class*='col-'] { padding-right: 0; padding-left: 0; } .requisites__content { height: 0; transform: scaleY(0); overflow: hidden; opacity: 0; transform-origin: top; transition: all 0.26s ease; } .requisites__content.open { height: auto; padding-bottom: 32px; transform: scaleY(1); opacity: 1; transition: all 0.26s ease; } .requisites__bold { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; color: #363435; } .requisites__text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; } .requisites__title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; color: #363435; margin: 16px 0; } @media (max-width: 1225px) { .about-container .requisites__title { margin-bottom: 0; } .about-container .requisites__row { margin-bottom: 16px; } .advantage { margin-bottom: 16px; } .suppliers__row { margin-top: 100px; } } @media (max-width: 469px) { .product { margin-bottom: 20px; } .topOffset { margin-top: 70px; } .suppliers { padding-top: 30px; padding-bottom: 30px; } .suppliers__row { margin-top: 70px; } .contacts__grup { margin-bottom: 30px; } .factory__item { margin-bottom: 50px; } } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; } /* contacts */ .contacts__input { margin-bottom: 30px; } .contacts__formRow { margin-top: 48px; } .contacts__submit { margin-top: 16px; margin-bottom: 48px; margin-right: 50px; } .contacts__captchaRow { margin-top: 30px; margin-bottom: 30px; } .contacts__agreeWrapper { max-width: 490px; } .contacts__sectionTitle { max-width: 690px; } .contacts__dashedLink { font-style: normal; font-weight: 600; line-height: normal; font-size: 24px; display: inline-block; padding-bottom: 2px; border-bottom: 1px dashed #f89633; margin-bottom: 50px; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .contacts__dashedLink:hover { color: #fe601f; } #contacts label.error { position: absolute !important; left: 15px; top: -18px; } .adres { /*margin-bottom: 140px*/ margin-bottom: 0px; } .adres__block { background-color: #f1f1f1; padding-top: 90px; padding-bottom: 90px; min-height: 580px; } .adres__phone:after { content: ' • '; color: #f89633; } .adres__toggle { font-style: normal; font-weight: 600; line-height: normal; font-size: 24px; display: inline; position: relative; border-bottom: 1px dashed #f89633; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .adres__toggle:hover { color: #fe601f; } .adres__toggle_open { border: none; } .adres__text { font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; color: #7f807f; margin-bottom: 15px; margin-top: 20px; } .adres__grup { margin-bottom: 40px; } .adres__grup:last-child { margin-bottom: 0; } .adres__toggleContainer { display: none; } #map { width: 100%; height: 700px; } @media (max-width: 1225px) { .adres { margin-bottom: 140px; } .adres__block { min-height: 0; } } @media (max-width: 469px) { #map { height: 450px; } .adres { margin-bottom: 70px; } .adres__block { padding-top: 50px; padding-bottom: 50px; min-height: 0; } .contacts__submit { margin-right: 0; } } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; } /* factory contants */ .hero { min-height: 200px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding: 40px 50px; margin-top: 50px; margin-bottom: 70px; } .hero__title { font-style: normal; font-weight: 700; line-height: normal; font-size: 40px; color: #fff; } /* .item { margin-bottom: 50px } */ /* .carousel .item { margin-bottom: 36px } */ .item__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 24px; margin-bottom: 30px; } .item__adres { margin-bottom: 30px; } .item__adres, .item__caption, .item__email, .item__phone { display: inline-block; font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; } .item--contacts .item__title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; color: #363435; margin-bottom: 20px; } .item--contacts .item__adres, .item--contacts .item__caption, .item--contacts .item__phone, .item--contacts .item__email { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; margin-bottom: 16px; } .item--contacts .item__phone { margin-bottom: 0; } .item--contacts .showMap { margin-top: 0; } .contacts-container .form__title { padding: 0; } @media (max-width: 1225px) { .showMap { display: inline-block; margin-top: 30px; } } @media (max-width: 469px) { .hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 60px; padding: 0; } .hero__title { font-style: normal; font-weight: 700; line-height: normal; font-size: 28px; } } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; } .linkWithIcon__text a { color: #7f807f; } /* info page */ .bannerRow { margin-bottom: 35px; } .info__icon { width: 88px; height: 60px; min-width: 88px; margin-right: 30px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .info__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 24px; } .info__topRow { margin-bottom: 30px; } .filter { margin-bottom: 0 !important; } .filter__item:last-child { margin-bottom: 0; } .sidebar { background: #f1f1f1; padding: 40px 35px; border-radius: 2px; margin-bottom: 30px; overflow: hidden; overflow-y: auto; } .sidebar--contacts { background: none; } .sidebar__filters { margin-bottom: 38px; } .sidebar__accordeon { display: none; } .sidebar__close { display: none; fill: #f89633; width: 18px; height: 18px; position: absolute; right: 35px; top: 35px; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .sidebar__close:hover { fill: #fe601f; } .sidebar__title { font-weight: 600; line-height: 36px; font-size: 24px; margin-bottom: 17px; } .sidebar__grup { margin-bottom: 65px; } .sidebar__grup:last-child { margin-bottom: 0; } .filter__remove { margin-left: 10px; color: #f89633; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .filter__remove:hover { color: #fe601f; } .filter__link { color: #7f807f; line-height: normal; font-size: 16px; text-align: center; margin-top: 20px; } .content { margin-left: 24px; } .korus-adaptive .korus-filter-section { margin-bottom: 76px; } .content p { font-weight: 400; line-height: normal; font-size: 18px; } @media (max-width: 1225px) { .sidebar { margin-bottom: 60px; } .sidebar__row_open { display: block; position: fixed; width: 100%; height: 100vh; overflow-y: auto; top: 0; left: 0; z-index: 10; background-color: #fff; } .korus-adaptive .korus-filter-section { margin-bottom: 56px; } .sidebar__row_open .sidebar { background-color: #fff; } .content { margin-left: 0; } .info__icon, .info__topRow { margin-bottom: 30px; } } @media (max-width: 469px) { .balance__total .data { font-size: 24px !important; } .balance__item .price { font-size: 20px; } .content { margin-left: 0; } } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; } @keyframes loadingD { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .loader-animation { position: relative; color: #fe601f; background: #fe601f; } .loader-animation::before { position: absolute; content: ' '; width: 30px; height: 30px; border: 4px dashed white; border-radius: 100%; animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite; left: 50%; margin-left: -15px; margin-top: -3px; } .button:disabled.loader-animation { background-color: #fe601f !important; } .news-response-container { width: 100%; display: none; } .operation-during { font-size: 24px; font-weight: bold; color: #fff2e5; margin-top: 10px; } .gray-loader-container { text-align: center; margin-top: -200px; } .backgr-stayed { overflow: hidden; } /* .for-popup-backup { -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; overflow: auto; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } */ /* личный кабинет. профиль*/ .user__name { font-style: normal; font-weight: 600; line-height: normal; font-size: 28px; margin-bottom: 20px; } .user__contacts { display: grid; grid-template-columns: repeat(2, 332px); column-gap: 106px; row-gap: 8px; } .user__contacts span:last-child { grid-column: 1; grid-row: 2; } .user__contacts span:first-child { grid-column: 2; grid-row: 2; } .user__info_wrapper { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 40px; } @media only screen and (max-width: 830px) { .user__info_wrapper { display: flex; flex-direction: column; } } @media only screen and (max-width: 675px) { .user__info_wrapper { display: flex; flex-direction: column; } } @media only screen and (max-width: 700px) { .user__info_content .cabinet__titleRow { flex-direction: column; } } .user__info_title { margin-bottom: 16px !important; } .user__info_label { color: #7F807F; font-size: 16px; line-height: 24px; } .user__phone { margin-right: 40px; } .user__email, .user__phone { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; color: #7f807f; } .offset { margin-bottom: 10px; } .profile__topRow { margin-bottom: 80px; } .cabinet__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 22px; } .cabinet__titleRow { margin-bottom: 40px; } .cabinet__grup { margin-bottom: 40px; } .cabinet__grup:last-child { margin-bottom: 0; } .cabinet__button { max-width: 270px; width: 100%; } .cabinet__buttonWrapper { display: inline-block; max-width: 270px; width: 100%; } .payer__contacts { margin-left: 30px; margin-top: 20px; } .payer__phone { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; margin-right: 30px; } .editWrap { width: 100%; } @media (max-width: 1225px) { .sidebar { margin-bottom: 60px; } .content-main-page { margin-top: 0; } .sidebar__row_open { display: block; position: fixed; width: 100%; height: 100vh; overflow-y: auto; top: 0; left: 0; z-index: 10; background-color: #fff; } .sidebar__row_open .sidebar { background-color: #fff; } .content { margin-left: 0; } .info__icon, .info__topRow, .payer__contacts { margin-bottom: 30px; } .block { margin-bottom: 15px; } .cabinet__grup { margin-bottom: 50px; } .cabinet__buttonsGrup { margin-top: 60px; } .cabinet__title { margin-bottom: 15px; } .block { margin-top: 70px; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } .user__name { font-size: 26px; } } title { font-family: 'Source Sans Pro'; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; } /* личный кабинет. заявка на кредит*/ #credit label.error { position: absolute; top: -20px; } .step__caption { font-style: normal; font-weight: 600; line-height: normal; font-size: 22px; } .step__text { font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; color: #7f807f; margin-bottom: 24px; } .time { margin-bottom: 25px; } .time__wrapper { margin-left: 30px; } .time__caption { font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; margin-bottom: 15px; } .time__select { margin-right: 40px; margin-bottom: 15px; } .counterRow { margin-bottom: 35px; } textarea { margin-top: 25px; margin-bottom: 40px; } @media (max-width: 1225px) { .content { margin-left: 0; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } } /* баланс *. */ .caption { font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; color: #7f807f; margin-bottom: 20px; } .data { font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; } .refresh { margin-bottom: 35px; } @media (max-width: 1225px) { .content { margin-left: 0; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } .caption { margin-bottom: 0; } .data { margin-bottom: 20px; } } /* отчеты */ .report__topSelect { margin-bottom: 45px; } .report p { font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; } .report__textRow { margin-bottom: 45px; } .report input, .report__dropdown { margin-bottom: 24px; } .dateWrapper { position: relative; } .dateWrapper:before { content: ''; background: url('/local/templates/eastcement/assets/css/../img/general/calendar.svg') 50% 50% / cover no-repeat; position: absolute; width: 22px; height: 18px; right: 30px; top: 15px; } .report label.error { position: absolute; top: -15px; left: 15px; } .report__row { margin-bottom: 24px; } .report-warning { background: #f1f1f1 url(/local/templates/eastcement/assets/img/general/info.svg) no-repeat 12px 12px; padding: 12px 79px 12px 44px; font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0em; text-align: left; margin-top: 16px; } .report-description { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; margin-bottom: 24px; } .wrap { position: relative; } @media (max-width: 1225px) { .content { margin-left: 0; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } } /* notification */ .notification { border-bottom: 1px solid #f1f1f1; padding-bottom: 24px; padding-top: 24px; cursor: pointer; } .notification:first-child { border-top: 1px solid #f1f1f1; } .notification_new { position: relative; } .notification_new:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #f89633; position: absolute; top: 31px; left: 0; } .notification__date { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #7f807f; } .notification__bottom { margin-top: 40px; display: none; } .notification__title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; margin-bottom: 8px; } .notification__text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; margin-bottom: 8px; } .notification_open { cursor: default; } .notification_open .notification__text { max-height: 100%; } .notification_open .notification__bottom { display: block; } .showmore { margin-top: 100px; } @media (max-width: 1225px) { .content { margin-left: 0; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup, .slideUp { margin-top: 30px; } .notification__date { margin-top: 15px; } } /* история заказов */ .favorites__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 22px; margin-bottom: 18px; } .favorites__text { margin-bottom: 100px; } .favorites__content { margin-bottom: 70px; } .archive { margin-top: 50px; } .firstButton { margin-right: 15px; } .tableWrapper { width: 100%; overflow-x: auto; } .content p { font-weight: 400; line-height: normal; font-size: 18px; } .clear { margin-bottom: 45px; } .showmore { margin-top: 100px; } .payment-history .col-lg-9, .payment-history-detail .col-lg-9 { max-width: calc(75% - 24px); } .page-empty.order-page-empty { min-height: auto; } .page-empty__btn { display: flex; justify-content: center; margin-top: 24px; } .order-info-main-title { margin-top: 72px; } .phone-show, .hide-tablet { display: none !important; } @media (max-width: 1225px) { .payment-history .col-lg-9, .payment-history-detail .col-lg-9 { max-width: 100%; } .content { margin-left: 0; } .history__button { margin-bottom: 10px; } .page-empty__btn .register-result__btn.register-result__step-btn { margin: 0 auto; } .page-empty.order-page-empty { margin-top: 200px; margin-bottom: 195px; } } @media (max-width: 767px) { .hide-tablet { display: block !important; } .page-empty.order-page-empty { margin-top: 65px; margin-bottom: 53px; } } @media (max-width: 470px) { .order-page-empty .page-empty__title { max-width: 222px; margin: 0 auto; margin-bottom: 8px; } } @media (max-width: 320px) { .phone-show { display: block !important; } } /* информация о заказах */ .favorites__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 22px; margin-bottom: 18px; } .favorites__text { margin-bottom: 100px; } .favorites__content { margin-bottom: 70px; } .archive { margin-top: 50px; } .firstButton { margin-right: 15px; } .tableWrapper { width: 100%; overflow-x: auto; } .content p { font-weight: 400; line-height: normal; font-size: 18px; } .clear { margin-bottom: 45px; } .showmore { margin-top: 100px; } @media (max-width: 1225px) { .content { margin-left: 0; } .history__button { margin-bottom: 10px; } } @media (max-width: 469px) { .history__button { width: 100%; } .history__buttonGrup { margin-bottom: 30px; } .favorites__text { margin-bottom: 50px; } .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } } /* информация о заказах детальная */ /*.section__content { margin-bottom: 120px }*/ .history__text { margin-bottom: 100px; } .history__content { margin-bottom: 70px; } .history__date { font-weight: normal; } .history__title-container { display: flex; width: 100%; font-style: normal; font-weight: 600; line-height: normal; font-size: 16px; } .order__caption { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; } .profile__grup { margin-bottom: 35px; } .profile__caption { font-style: normal; font-weight: 700; line-height: normal; font-size: 18px; } .profile__phone { display: inline-block; margin-bottom: 10px; } .profile__data { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; } .profile__data_name { max-width: 220px; } .history__totalRow { margin-top: 40px; } .history__topRow { margin-bottom: 60px; } .history__links { margin-right: 40px; } .total__caption { font-style: normal; font-weight: 600; line-height: normal; font-size: 24px; } .total__price { font-style: normal; font-weight: 600; font-size: 24px; line-height: 120%; } .firstButton { margin-right: 15px; } .tableWrapper { width: 100%; overflow-x: auto; } .content p { font-weight: 400; line-height: normal; font-size: 18px; } .clear { margin-bottom: 45px; } .showmore { margin-top: 100px; } .balance-container .sidebar__row { flex: 0 0 25%; } .balance-container .balance-section { flex: 0 0 75%; } .balance-container .type-caption { font-weight: 600; font-size: 16px; line-height: 140%; color: #363435; margin-bottom: 8px; } .balance__item-small { max-width: 23%; } .balance__item-big { max-width: 31%; } .balance-section .balance__total { padding-top: 30px; flex-direction: column; } .treaty.row { flex-direction: column; } @media (max-width: 1225px) { .balance-container .balance-section { flex: 0 0 100%; } .balance__item-small, .balance__item-big { width: 50%; max-width: 368px; } .balance-section .col-12.col-md-9 { padding-right: 0px; } .content { margin-left: 0; } .history__button { margin-bottom: 10px; } .history__buttonGrup { margin-bottom: 30px; } .history__links { margin-bottom: 15px; } .section__content { margin-bottom: 50px; } } @media (max-width: 469px) { .history__button { width: 100%; } .history__links { margin-right: 0; } .favorites__text { margin-bottom: 50px; } .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } .section__content { margin-bottom: 30px; } .section__content.personal-notification-container, .section__content.treaty-container, .section__content.balance-container { margin-bottom: 0; } .balance__item:last-child { margin-bottom: 0; } .repeat { margin-bottom: 15px; } } /* избранное */ .favorites__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 22px; margin-bottom: 18px; } .favorites__text { margin-bottom: 100px; } .favorites__content { margin-bottom: 70px; } .clear { margin-bottom: 45px; } .showmore { margin-top: 100px; } @media (max-width: 1225px) { .content { margin-left: 0; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } } /* подписка на рассылку */ .mailing { margin-bottom: 40px; } .mailing__submit { height: 48px !important; } .mailing__input {} .mailing__title { font-style: normal; font-weight: 600; line-height: 140%; font-size: 18px; margin-bottom: 4px; } .mailing__text { font-style: normal; font-weight: normal; line-height: 140%; font-size: 16px; margin-bottom: 24px; } @media (max-width: 1225px) { .content { margin-left: 0; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } .mailing__submit { margin-top: 10px; } } /* добавить плательщика */ .sidebar { padding: 0 15px; border-radius: 2px; margin-bottom: 30px; overflow: hidden; overflow-y: auto; } .sidebar__filters { margin-bottom: 38px; } .sidebar__accordeon { display: none; } .sidebar__close { display: none; fill: #f89633; width: 18px; height: 18px; position: absolute; right: 35px; top: 35px; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .sidebar__close:hover { fill: #fe601f; } .sidebar__title { font-weight: 600; line-height: 36px; font-size: 24px; margin-bottom: 17px; } .sidebar__grup { margin-bottom: 65px; } .sidebar__grup:last-child { margin-bottom: 0; } .filter { border: 1px solid #e5e5e5; padding: 25px 0; } .filter__item { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; padding: 1px 0 1px 26px; margin-bottom: 10px; } .filter__item--active { font-weight: 600; color: #fa9533; padding: 1px 0 1px 24px; border-left: 2px solid #fa9533; } .filter__item--active .filter__itemLink { color: #fa9533; } filter__item--disabled { color: #7f807f; } .filter__item:last-child { margin-bottom: 0; } .filter__itemLink {} .filter__itemLink:hover { color: #fe601f; } .filter__itemLink-icon { display: block; width: 24px; height: 24px; min-width: 24px; flex: 0 0 24px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 8px; } .filter__itemLink-icon.--time { background-image: url('/local/templates/eastcement/assets/css/../img/svg/time.svg'); } .filter__remove { margin-left: 10px; color: #f89633; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .filter__remove:hover { color: #fe601f; } .filter__link { color: #7f807f; line-height: normal; font-size: 16px; text-align: center; margin-top: 20px; } .content p { font-weight: 400; line-height: normal; font-size: 18px; } .user__name { font-style: normal; font-weight: 600; line-height: normal; font-size: 28px; margin-bottom: 20px; } .user__phone { margin-right: 40px; } .user__email, .user__phone { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; color: #7f807f; } .offset { margin-bottom: 10px; } .profile__topRow { margin-bottom: 80px; } .cabinet__title { font-size: 24px; font-style: normal; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; margin-bottom: 0; } .cabinet__titleRow { margin-bottom: 60px; } .cabinet__button { max-width: 270px; width: 100%; } .cabinet__buttonWrapper { display: inline-block; max-width: 270px; width: 100%; } .block { margin-bottom: 16px; } .block:last-child { margin-bottom: 0; } .payer__contacts { margin-left: 30px; margin-top: 20px; } .payer__phone { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; margin-right: 30px; } .editWrap { width: 100%; } @media (max-width: 1225px) { .sidebar { margin-bottom: 60px; } .sidebar__row_open { display: block; position: fixed; width: 100%; height: 100vh; overflow-y: auto; top: 0; left: 0; z-index: 10; background-color: #fff; } .sidebar__row_open .sidebar { background-color: #fff; } .content { margin-left: 0; } .info__icon, .info__topRow, .payer__contacts { margin-bottom: 30px; } .block { margin-bottom: 15px; } .cabinet__grup { margin-bottom: 50px; } .cabinet__buttonsGrup { margin-top: 60px; } .cabinet__title { margin-bottom: 15px; } .block { margin-top: 70px; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } .user__name { font-size: 26px; } } /* добавить грузополучателя */ .sidebar { padding: 0 15px; border-radius: 2px; margin-bottom: 30px; overflow: hidden; overflow-y: auto; } .sidebar__filters { margin-bottom: 38px; } .sidebar__accordeon { display: none; } .sidebar__close { display: none; fill: #f89633; width: 18px; height: 18px; position: absolute; right: 35px; top: 35px; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .sidebar__close:hover { fill: #fe601f; } .sidebar__title { font-weight: 600; line-height: 36px; font-size: 24px; margin-bottom: 17px; } .sidebar__grup { margin-bottom: 65px; } .sidebar__grup:last-child { margin-bottom: 0; } .filter__remove { margin-left: 10px; color: #f89633; cursor: pointer; -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .filter__remove:hover { color: #fe601f; } .filter__link { color: #7f807f; line-height: normal; font-size: 16px; text-align: center; margin-top: 20px; } .content p { font-weight: 400; line-height: normal; font-size: 18px; } .user__name { font-style: normal; font-weight: 600; line-height: normal; font-size: 28px; margin-bottom: 20px; } .user__phone { margin-right: 40px; } .user__email, .user__phone { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; color: #363435; } .offset { margin-bottom: 10px; } .profile__topRow { margin-bottom: 80px; } .cabinet__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 22px; } .cabinet__titleRow { margin-bottom: 60px; } .cabinet__button { max-width: 270px; width: 100%; } .cabinet__buttonWrapper { display: inline-block; max-width: 270px; width: 100%; } .payer__contacts { margin-left: 30px; margin-top: 20px; } .payer__phone { font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; margin-right: 30px; } .editWrap { width: 100%; } @media (max-width: 1225px) { .sidebar { margin-bottom: 60px; } .sidebar__row_open { display: block; position: fixed; width: 100%; height: 100vh; overflow-y: auto; top: 0; left: 0; z-index: 10; background-color: #fff; } .sidebar__row_open .sidebar { background-color: #fff; } .content { margin-left: 0; } .info__icon, .info__topRow, .payer__contacts { margin-bottom: 30px; } .block { margin-bottom: 15px; } .cabinet__grup { margin-bottom: 50px; } .cabinet__buttonsGrup { margin-top: 60px; } .cabinet__title { margin-bottom: 15px; } .block { margin-top: 70px; } } @media (max-width: 469px) { .content { margin-left: 0; } .cabinet__button { width: 100%; } .cabinet__buttonsGrup { margin-top: 30px; } .user__name { font-size: 26px; } } /* регистрация и авторизация */ /*.authorization__form { max-width: 943px; width: 100%; }*/ .authorization__form .input { margin-bottom: 24px; } .questionary-validation .checkbox__label, .authorization__places .checkbox__label { margin-bottom: 16px; } .authorization__text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; margin-top: 20px; } .authorization__text--fpswd { margin-top: 16px; margin-bottom: 32px; } .authorization__submit { height: 48px; width: 100%; } .authorization__selectStatus { margin-bottom: 50px; margin-top: 20px; background-color: #f1f1f1; border: none; height: 75px; font-family: Source Sans Pro; font-style: normal; font-weight: 600; line-height: normal; font-size: 24px; color: #363435; } .authorization__selectStatus .desc { margin-top: 10px; } .authorization__selectStatus .selectdropdown { font-family: Source Sans Pro; font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; color: #7f807f; } .authorization__places, .authorization__selectDocuments { /*margin-bottom: 30px*/ } .authorization__caption { font-style: normal; font-weight: 600; line-height: 140%; font-size: 16px; color: #363435; } .block__title { font-family: Source Sans Pro; font-style: normal; font-weight: 600; line-height: 120%; font-size: 24px; margin-bottom: 16px; } .block__title--first { margin-bottom: 24px; } .block__hidden { display: none; } .block__agree { margin-bottom: 32px; margin-top: 32px; } .block__agree .checkbox__label { margin-bottom: 10px; } .add-payer-buttonblock { margin-left: 15px; } .add-uricconsigneer-buttonblock { margin-left: 15px; width: 100%; } .email-notification, .authorization__form label.error { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; color: #ff0000; margin-top: 4px; margin-bottom: 8px; box-shadow: none; } .email-phone-col { position: relative; } .approve-confirm-msg, .approve-notconfirm-msg, .approve-expired-msg, .approve-notset-msg { display: inline-flex; position: relative; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0em; text-align: left; } .approve-confirm-msg:before { content: ''; display: inline-flex; width: 18px; height: 18px; background-image: url(/local/templates/eastcement/assets/img/general/available-v-green.svg); background-size: contain; background-repeat: no-repeat; margin-right: 4px; margin-top: 2px; } .approve-notconfirm-msg:before { content: ''; display: inline-flex; width: 18px; height: 18px; min-width: 18px; min-height: 18px; background-image: url(/local/templates/eastcement/assets/img/general/available-x-orange.svg); background-size: contain; background-repeat: no-repeat; margin-right: 4px; margin-top: 2px; } .approve-expired-msg:before { content: ''; display: inline-flex; width: 19px; height: 19px; background-image: url(/local/templates/eastcement/assets/img/general/available-time-red.svg); background-size: contain; background-repeat: no-repeat; margin-right: 4px; margin-top: 2px; } .approve-notset-msg:before { content: ''; display: inline-flex; width: 18px; height: 18px; background-image: url(/local/templates/eastcement/assets/img/general/available-x-red.svg); background-size: contain; background-repeat: no-repeat; margin-right: 4px; margin-top: 2px; } .editing-email-reg { position: relative; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; padding-left: 33px; } .editing-email-reg:before { content: ''; display: block; position: absolute; left: 0; right: 0; width: 24px; height: 24px; background-image: url(/local/templates/eastcement/assets/img/general/edit.svg); } .checkout-button { background-color: #f89633; color: #fff; border-radius: 1px; cursor: pointer; display: inline-block; text-align: center; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); height: 48px; width: 100%; line-height: 48px; font-size: 18px; font-weight: 700; } .checkout-button:hover, .checkout-button:active, .checkout-button:focus { color: white; } #register-button { display: none; } .register-button { padding-left: 0px; } .checkout-button.loader-animation { background: #fe601f; color: #fe601f; } .checkout-button.loader-animation::before { position: absolute; content: ' '; margin-top: 9px; } .phone-verification-error, .email-verification-error { border: 1px solid red !important; -webkit-box-shadow: 0 6px 4px -4px rgba(219, 39, 39, 0.27); box-shadow: 0 6px 4px -4px rgba(219, 39, 39, 0.27); position: relative; } .phone-approve-code, .emaile-approve-code { position: relative; width: 100%; } label#PHONE_ACODE-error, label#EMALE_ACODE-error { display: none; } #USER_PHONE_NUMBER-error, #USER_EMAIL-error, #USER_PHONE_USING-error { display: none; } .iwant-creat-payer { width: 100%; position: relative; } .top-layer { position: absolute; width: 100%; height: 100%; z-index: 9; background: #fdfdfd; opacity: 0.5; display: none; } .uric_active { width: 100%; display: none; } .company_numbers_block { display: flex; width: 100%; flex-wrap: wrap; /*justify-content: space-between;*/ column-gap: 30px; } .numbers_item { width: calc((100% - 60px) / 3); } .form-row { margin-bottom: 24px; } .customselect-main { border: 1px solid #a8a9a8; font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: 0em; text-align: left; color: #363435; width: 100%; height: 46px; cursor: pointer; position: relative; } .customselect-main.add-payer { margin-top: 0px; } .block.add-payer { width: 94%; margin-left: 10px; } .customselect-caption { padding: 13px 16px; } .customselect-dropdown { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06); /*max-height: 200px!important;*/ overflow: auto; position: relative; width: calc(100% + 4px); top: 2px; left: -2px; background: #fff; clear: both; z-index: 99; height: auto; display: none; } .custom-dropdown-item, .custom-dropdown-reports, .custom-dropdown-doc { display: block; padding-left: 0.8em; line-height: 120%; width: 100%; font-style: normal; font-weight: 400; font-size: 18px; color: #7f807f; padding-top: 10px; padding-bottom: 10px; } .custom-dropdown-item:hover, .custom-dropdown-reports:hover, .custom-dropdown-doc:hover { color: #f89633; } .alert-danger { color: white; background-color: #f89633; border-color: #ebccd1; padding: 30px; font-size: 20px; margin-bottom: 40px; display: none; } .simple-register { height: 48px; width: 100%; display: none; } .simple-register:hover { color: white; } a.disabled { pointer-events: none; cursor: default; color: #999; } a.button-disabled { pointer-events: none; cursor: default; color: #fff; background-color: #ead2b1; } .ext-standart-button { background-color: #f89633; cursor: pointer; display: inline-block; text-align: center; -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); height: 60px; width: 100%; line-height: 45px; font-size: 16px; color: white !important; border-radius: 2px; } .ext-standart-button:hover, .ext-standart-button:active, .ext-standart-button:focus { background-color: #fe601f; } .input-disabled { opacity: 0.5; } .registration-ok-text { margin-top: 20px; font-style: normal; font-weight: 400; line-height: normal; font-size: 18px; text-align: center; margin-bottom: 50px; } .register-ok { width: 300px; } .aform-center { text-align: center; } #register-fisics {} #register-urics { padding: 20px 70px; float: right; width: 370px; line-height: 20px; display: none; } .block, .width-100 { width: 100%; } .bank-props-block { display: flex; width: 100%; flex-wrap: wrap; column-gap: 30px; } .bank-props { width: calc((100% - 30px) / 2); } #second-step-urregistration, #fird-step-urregistration { /* display: none;*/ } .registration-block { overflow: hidden; position: relative; height: 600px; /*height: 2460px !important;*/ } .add-paycons-panel { overflow: hidden; position: relative; height: 600px; } .registration-block.add-paycons-panel { height: 600px !important; } .registration-slider { width: 10000px; float: left; position: absolute; left: 0px; /*left: -1200px;*/ z-index: 98; } .request-treaty-slider { width: 10000px; float: left; position: absolute; left: 0px; z-index: 98; } .add-uric-payer { display: block !important; } #first-step-urregistration, #second-step-urregistration, #fird-step-urregistration { float: left; max-width: 1200px; width: 100%; } #register-urics-backstep2, #register-urics-backstep3, #addpayer-urics-backstep2, #addpayer-urics-backstep3, #addconsigneer-urics-backstep2 { display: block; float: left; width: 350px; } #register-urics-forwstep2, #addpayer-urics-forwstep2, #addconsigneer-urics-forwstep2 { display: block; float: right; width: 350px; } #addconsigneer-final-uric { display: block; float: right; } #final-uric-register, #addpayer-final-uric { display: block; float: right; } .anketa-subtitle { margin-top: 48px; } .anketa-subtitle--first { margin-top: 0; } .m-b-10 { margin-bottom: 10px; } .popupLogin__title:not(.popupLogin) { text-align: center; } .reg-buttons { /*margin-top: 30px;*/ } .registration-callback { font-size: 16px; } #linkprofiles { margin-right: 20px; } #notlinkprofiles { margin-left: 20px; } #register-fisics.loader-animation, #register-urics.loader-animation, #add-payer-urics.loader-animation, #add-consigneer-urics.loader-animation { display: block; color: #f89633 !important; pointer-events: none; } #add-consigneer-urics.loader-animation { padding-top: 15px; } #add-payer-urics.loader-animation { padding-top: 18px; } #register-fisics.loader-animation::before { margin-top: 6px; } .region-selector-block { display: flex; flex-wrap: wrap; width: 100%; padding-top: 10px; } .region-selector-block.reg-error { border: 1px solid red; } .gray-loader, .gray-loader-register, .gray-loader-payer, .gray-loader-sendok, .gray-conft-text, .gray-loader-notcalc, .gray-loader-reviewadd, .standart-button-popup { opacity: 1; background: rgba(48, 48, 48, 0.4) !important; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99998; /*display: flex;*/ align-items: center; justify-content: center; display: none; } .gray-loader-payer, .gray-loader-sendok { opacity: 1; } .gray-loader-sendok { align-items: center; justify-content: center; } .gray-loader-sendok .gray-loader-container { margin-left: -25%; } .gray-loader img, .gray-loader-register img, .gray-loader-payer img, .gray-loader-sendok img { width: 40px; height: 40px; } .private-cabinet-link { margin-right: 15px; display: flex; align-items: center; } .private-cabinet-link:last-child { margin-right: 0; } .private-cabinet-link.link-lk { min-width: 118px; } .private-cabinet-icon { margin-right: 10px; } a.private-cabinet-link:hover .private-cabinet-icon path { fill: #fe601f; } .gray-loader-register .popupCallback, .gray-loader-payer .popupCallback, .gray-loader-sendok .popupCallback { display: block; position: absolute; margin-left: -30px; } .popup-inner-text { background-color: #f1f1f1 !important; max-width: 688px !important; width: 100%; padding: 30px 40px; display: block; } .cabinet-margin-top { margin-top: 90px; } .cabinet__title.dont_show { display: none; } ::-webkit-input-placeholder { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; } ::-moz-placeholder { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; } :-moz-placeholder { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; } :-ms-input-placeholder { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; } input[name='region_ur'] {} .uric_active.need-uric-show { display: block; } .supervisor-fields { width: 100%; padding-left: 0px; } .password-restore { max-width: 624px; margin-left: auto; margin-right: auto; } .error-label { position: absolute; color: red; margin-top: -25px; } .customselect-main .customselect-pulldown { width: 50px; height: 100%; max-height: 47px; background-image: url(/local/templates/eastcement/assets/img/general/arrow-down-black.svg); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; right: 0; transition: all 0.3s ease-in; } .customselect-pulldown.item-clicked { background-color: transparent; transform: rotate(180deg); } .input-volume { border: 1px solid white; border-bottom: 1px solid #414441; width: 120px; height: 30px; background: #fff; border-radius: 2px; font-weight: 400; line-height: normal; font-size: 15px; color: #414441; padding: 0 26px; margin-left: 5px; } .input-volume-wrapper { line-height: 40px; } .volume-title { display: inline-block; font-size: 15px; width: 205px; } .product-volume-caption { display: none; width: 100%; } .alert-valid-error { width: 100%; color: red; margin-left: 15px; display: none; font-size: 18px; } .top-rowcard-block { min-height: 50px; } .section__titleRow { margin-bottom: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section_short_titleRow { margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section__title { font-weight: 600; line-height: 120%; font-size: 34px; display: inline-block; } .section__titleLink { margin-left: 30px; display: inline-block; } .link.section__titleLink { font-size: 16px; } .card-basket-short { padding-top: 30px; padding-bottom: 20px; } @media (max-width: 469px) { .padding-mobile-none { padding: 0; } .section__titleLink { margin-left: 0; margin-top: 20px; } .section__titleRow { margin-bottom: 40px; } .section__title { font-size: 24px; } } .port-services { max-width: 900px; display: contents; } .deliveryMethod { display: none; } .deliveryMethod_active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 100%; } .deliveryMethod__title { margin-bottom: 50px !important; display: inline-block; } .deliveryMethod__map { width: 100%; height: 600px; } .input-source-name, .input-destination-name { display: none; margin-top: 10px; } .loader-panel { position: absolute; width: 100%; background: #f5e8d180; display: none; padding-top: 5px; } .loader-panel-button { height: 35px; } .loader-bigpanel-button { height: 35px; } .back-button-pannel { position: relative; margin-right: 7px; } .loader-big-pannel { height: 52px; padding-top: 15px; /* margin: 5px 0; */ } .loader-more-pannel { height: 60px; padding-top: 17px; } .cart-total-wrap.paytrans-total-wrap .loader-more-pannel { height: 48px; padding-top: 12px; } #buy_to_basket { display: none; } .-mt-8px { margin-top: -8px; } .mt-8px { margin-top: 8px; } .mt-16px { margin-top: 16px; } .mt-24px { margin-top: 24px; } .mt-30 { margin-top: 30px; } .mt-30px { margin-top: 30px; } .mt-40px { margin-top: 40px; } .mt-50px { margin-top: 50px; } .mt-100px { margin-top: 100px; } .mt-28px { margin-top: 28px; } .mt-120px { margin-top: 120px; } .mt-15px { margin-top: 15px; } .mb-8px { margin-bottom: 8px; } .mb-16px { margin-bottom: 16px; } .mb-20px { margin-bottom: 20px; } .mb-24px { margin-bottom: 24px; } .mb-40px { margin-bottom: 40px; } .mb-100px { margin-bottom: 100px; } .mb-50px { margin-bottom: 50px; } .pl-40px { padding-left: 40px; } .mb-25px-imp { margin-bottom: 25px !important; } .pt-10px { padding-top: 10px; } .pt-14px { padding-top: 14px; } .fs-17px { font-size: 17px; } .fs-16px { font-size: 16px; } .timer-tick { display: none; } /* .timer-tick { display: none; } */ .timer-counter { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #7f807f; } .finishText { font-size: 18px; } /*-------зачет платежей-----------*/ .payments__wrapper { /*overflow: auto;*/ margin-bottom: 60px; } .payments__colSumm { width: 170px; } .payments__table { border-spacing: 0; width: 100%; } .payments__table .radio__label:before { top: -16px; } .payments__table thead { background-color: #f1f1f1; } .payments__table thead th { text-align: left; padding: 15px; font-style: normal; font-weight: 400; line-height: normal; font-size: 16px; color: #7f807f; } .payments__table thead th.add-payment { max-width: 52px; } .cart-products-container .payments__table thead th { padding: 17px 15px; } .paytrans-total-wrap .cart-total { align-items: flex-start; } .paytrans-total-title { max-width: 125px; font-size: 16px; } .total__price span { font-size: 22px; } .payments__table tbody td { border-bottom: 1px solid #f1f1f1; padding: 25px 15px; } .sort__caption { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; color: #363435; margin-right: 8px; } .favorites__content { margin-top: 60px; } .basket__steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket__steps .basket__step { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; margin-left: 16px; color: #a8a9a8; display: flex; align-items: center; } .cart-total-title { font-weight: 600; font-size: 18px; line-height: 140%; } .cart-total-wrap { background: #f1f1f1; padding: 24px; /* position: -webkit-sticky; position: sticky; */ top: 0; } .cart-total { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .cart-total-wrap .button { width: 100%; margin: 5px 0; } .delete-from-basket { margin-left: 8px; } .basket__steps .basket__step:before, .basket__steps .basket__step:first-child:before { content: counter(num); counter-increment: num; display: inline-block; text-align: center; font-size: 16px; line-height: 140%; color: #ffffff; padding: 5px 12px; border-radius: 32px; margin-right: 8px; } .basket__steps .basket__step:before, .basket__steps .basket__step:first-child:before { background: #cccccc; } .basket__steps .basket__step.basket__step_active:before, .basket__steps .basket__step.basket__step_active:first-child:before { background: #fa9533; } .basket__steps .basket__step:first-child { margin-left: 0; } .basket__steps .basket__step_active { color: #363435; } .basket__steps .basket__step_active:before { color: #ffffff; } ol.basket__steps { list-style-type: none; counter-reset: num; margin-bottom: 0; margin-top: -10px; } .basket-section__title { font-style: normal; font-weight: bold; font-size: 40px; line-height: 100%; } .cart-title-container { display: flex; justify-content: space-between; width: 100%; } .cart-title-container-paytrans { justify-content: flex-start; } .cart-title-container-paytrans .basket-section__title { width: 31%; } .paytransfer-left .orders__summ { font-size: 24px; } .paytransfer-left .orders__summ span { font-size: 22px; } .cart-products-container { width: 74%; border-bottom: 1px solid #e5e5e5; } .cart-container, .cart-products-info-container { display: flex; justify-content: space-between; flex-wrap: wrap; } .cart-products-info-container { justify-content: normal; margin-top: -45px; z-index: 10; position: relative; } .cart-item-info-more { margin-bottom: 24px; } .cart-total-container { width: calc(26% - 24px); } .cart-item-img, .cardBasket__empty { flex: 0 0 12%; } .cardBasket__empty { max-width: 93px; } .cart-item-name { flex: 0 0 43%; } .cart-item-quantity, .cart-item-price { flex: 0 0 15%; } .cart-item-btns { flex: 0 0 9%; margin-top: 5px; } .cart-item-info { flex: 0 0 70%; } .cart-item-quantity, .cart-item-price, .cart-item-btns { text-align: right; } .cardBasket { /*justify-content: space-between;*/ min-height: 130px; } .product__title { font-style: normal; font-weight: 600; line-height: normal; font-size: 24px; } .product__caption { font-style: normal; font-weight: 400; line-height: normal; font-size: 14px; color: #7f807f; margin-bottom: 10px; } .product__price { font-style: normal; font-weight: 600; font-size: 34px; line-height: 120%; } .product__priceCaption { font-size: 18px; font-weight: 400; color: #7f807f; } .product__total { font-style: normal; font-weight: 400; line-height: normal; font-size: 14px; } .product__adres { font-style: normal; font-weight: 400; line-height: normal; font-size: 14px; color: #7f807f; margin-bottom: 40px; } .product__offset { margin-bottom: 30px; } .product__favoritesButton { margin-left: 15px; } .product__buttonBuy { margin-right: 5px; } .product__counterCol { margin-bottom: 15px; } .product__deliveryInfo { margin-top: 30px; } .product__weight { margin-top: 5px; font-size: 18px; color: #7f807f; margin-left: 24px; } .product__priceWrapper_auto { margin-top: 40px; } .product__button_auto { margin-bottom: 10px; } .radio label, .checkbox label { min-height: 0px; } .paytransfer .checkboxFilter__label::before { width: 20px; height: 20px; } .paytransfer.checkbox { margin-top: -23px; } .customselect-main-history { margin: 0; background: none; height: 46px; border: 1px solid #a8a9a8; border-radius: 1px; position: relative; /* width: calc(100% - 30px); */ } .customselect-main-history.error { border: 1px solid red !important; } .customselect-main-history.disabled { background: #f1f1f1; border: none; cursor: not-allowed; } .customselect-main-history.disabled .customselect-caption { color: #7f807f; } .customselect-main-history.white-back { background: white; border: 1px solid #a8a9a8; font-size: 15px; } .customselect-main-history .customselect-pulldown { width: 50px; height: 100%; background-image: url(/local/templates/eastcement/assets/img/general/arrow-down-black.svg); position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-position: 50% 50%; max-height: 47px; } .customselect-main-history .customselect-caption { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; padding: 13px 16px; white-space: nowrap; overflow: hidden; border-radius: 1px; padding-right: 40px; text-overflow: ellipsis; } .customselect-main-history .custom-dropdown-history { display: block; padding-left: 16px; line-height: 140%; width: 100%; font-style: normal; font-weight: 400; font-size: 18px; color: #7f807f; padding-top: 3px; padding-bottom: 3px; } .customselect-main-history .custom-dropdown-history:hover { color: #f89633; } .detorder-main span, .order-info-sum-container span { font-size: 14px; } .little-car-imege { background-image: url('/local/templates/eastcement/assets/img/general/info-page/delivery.svg'); } .about-train-icon { background-image: url('/local/templates/eastcement/assets/img/general/rails.svg'); } .about-auto-icon { background-image: url('/local/templates/eastcement/assets/img/general/concrete.svg'); } .about-good-onstore { background-image: url('/local/templates/eastcement/assets/img/general/container.svg'); } .about-store-icon { background-image: url('/local/templates/eastcement/assets/img/general/store.svg'); } .port-checking-show, .show-this { display: block !important; } .hide-this { display: none; } .accordeon-title { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; color: #363435; text-transform: none; padding: 25px 20px 25px 0; border-top: 1px solid #e5e5e5; margin: 0; position: relative; cursor: pointer; } .accordeon-title:after { content: ''; background: url('/local/templates/eastcement/assets/img/general/arrow-down-black.svg'); width: 12px; height: 8px; position: absolute; right: 20px; top: 33px; transform: rotate(0deg); transition: all 0.3s ease-in; text-transform: none; background-repeat: no-repeat; } .accordeon-title--active { color: #fa9533; } .accordeon-title--active:after { background: url('/local/templates/eastcement/assets/img/general/arrow-down.svg'); background-repeat: no-repeat; } .accordeon-title-last.accordeon-title--active.nested-item { border-bottom: 0px !important; } .accordeon-title-last { border-bottom: 1px solid #e5e5e5; } .accordeon-click { height: auto; overflow: hidden; position: relative; display: none; margin-bottom: 40px; font-size: 16px; line-height: 140%; } .accordeon-click>p:first-child { padding-top: 0px; } .accordeon-click>p { padding-top: 10px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; } .accordeon-click li { margin: 5px 0 0 30px; list-style-type: disc; } .accordeon-click h2 { text-align: center; padding-top: 50px; } .accordeon-click h3.subtytle { padding-top: 10px; } .accordeon-click h3 { text-align: center; padding-top: 40px; } .accordeon-click a { color: #fe601f; text-decoration: underline; } .accordeon-click a:hover { color: #a65305; } .accordeon-click table { text-align: center; margin: 20px 0 20px 0; border: black 1px solid; } .accordeon-click table .gray { background-color: #ffe8d0; /*#D9D9D9;*/ } .accordeon-click table th { text-align: center; border: black 1px solid; } .accordeon-click table .padding { text-align: left; padding-left: 3px; } .accordeon-click table td { border-right: black 1px solid; border-left: black 1px solid; } .accordeon-click img { max-width: 100%; } .delivery-container .section__content { margin-bottom: 0; } .big-font { width: 100%; display: block; font-size: 18px; margin-top: 20px; } .just-link { color: #f89633; } .filter-item-menu { padding: 8px 15px; } .page-scroll-button { fill: #f36c24; width: 2.7vw; margin-top: -50px; -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation: mymove 2s infinite; animation: mymove 2s infinite; } .page-scroll-button:hover { fill: #712d08; } #button_up { display: none; width: 80px; height: 50px; text-align: center; border-radius: 4px; margin: 30px; position: fixed; bottom: 30px; right: 60px; transition: background-color 0.3s; z-index: 1000; border: 1px solid #ff9800; } #button_up:hover .page-scroll-button { cursor: pointer; fill: white; } #button_up:hover { cursor: pointer; background: #ff9800; } .has-childs .catalog__listItem { padding-top: 10px; padding-bottom: 10px; } .catalog-main-category { padding-top: 12px; padding-bottom: 12px; } .callback-request-ok { margin-bottom: 20px; font-size: 20px; } .order-caption-row { margin-bottom: 32px; margin-top: 12px; } .cabinet-orderdetail-buttons { text-align: right; width: 100%; } .dorder-header-group { width: 48%; float: left; display: block; margin-bottom: 24px; } .dorder-header-group .profile__data { max-width: 80%; } .mlm-30 { margin-left: -30px; } .mrm-15px { margin-right: -15px; } .mr-0px { margin-right: 0px; } .mr-8px { margin-right: 8px; } .mt-8 { margin-top: 8px; } .detorder-header { width: 100%; display: flex; justify-content: space-between; } .detorder-header-left { width: 65%; flex: 0 0 65%; display: flex; flex-wrap: wrap; } .detorder-header-center { width: 40%; flex: 0 0 40%; } .detorder-header-rigth { width: 25%; flex: 0 0 25%; } .cabinet-order-button { font-size: 16px !important; width: 100%; } .order-shipment-item-1 { flex: 0 0 8%; } .order-shipment-item-2 { flex: 0 0 22%; } .order-shipment-item-3 { flex: 0 0 11%; } .order-shipment-item-4 { flex: 0 0 12%; } .order-shipment-item-5 { flex: 0 0 9%; } .order-shipment-item-6 { flex: 0 0 12%; } .order-shipment-item-7 { flex: 0 0 21%; } .order-shipment-item { display: flex; justify-content: space-between; padding: 24px 16px; border-bottom: 1px solid #e5e5e5; } .detorder-main { width: 100%; } .detorder-main-caption { font-size: 24px; font-weight: 600; margin-bottom: 15px; line-height: 120%; } .order-info-sum-title { font-weight: 600; font-size: 18px; line-height: 140%; text-transform: uppercase; margin-bottom: 16px; } .order-info-title { display: flex; background: #f1f1f1; justify-content: space-between; padding: 16px; color: #7f807f; } .order-sum { font-size: 16px; line-height: 140%; color: #7f807f; margin-top: 12px; margin-bottom: 4px; } .order-product-name-container { display: flex; } .order-product-name svg { margin-top: 8px; margin-right: 13px; } .order-product-item { display: flex; padding: 32px 16px 32px 22px; justify-content: space-between; } .order-info-table { font-size: 16px; } .order-item-50 { flex: 0 0 54%; } .order-item-20 { flex: 0 0 20%; } .order-item-35 { flex: 0 0 34%; } .order-item-25 { flex: 0 0 24%; } .order-item-15 { flex: 0 0 15%; } .order-item-date { max-width: 100px; } .order-info-total { display: flex; justify-content: space-between; padding: 24px 16px; background: #f1f1f1; } .order-info-total .order-info-sum-title { margin-bottom: 0; } .order-info-sum { display: flex; justify-content: space-between; flex-wrap: wrap; } .order-info-sum-container { padding: 16px 16px 32px 48px; background: #f1f1f1; } .order-product-item-detail { padding: 0 16px 32px 48px; display: flex; justify-content: space-between; } .order-product-item-container { border-bottom: 1px solid #e5e5e5; } .order-product-name-active { color: #fa9533; } .order-product-name-active path { fill: #fa9533; } .order-product-name-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .order-product-name:hover { color: #fa9533; cursor: pointer; } .order-product-name:hover path { fill: #fa9533; } .order-payment-table { font-size: 16px; line-height: 140%; } .order-payment-item { display: flex; justify-content: space-between; padding: 24px 16px; flex-wrap: wrap; } .dorder-maintable { width: 100%; } .dorder-top-header {} .dorder-main-header { border: 1px solid; height: 40px; } .dorder-main-row { border: 1px solid; height: 80px; } .dorder-main-row td img { max-width: 80px; } .dorder-main-header td { font-size: 16px; font-weight: 600; max-width: 100px; text-align: center !important; padding-left: 10px; padding-right: 10px; } .dorder-main-row td { text-align: center; font-size: 16px; } .td-grey-one { background-color: #f2f2f2; } .td-grey-two { background-color: #e7e6e6; } .dordertd-top-header { height: 40px; text-align: center; font-size: 16px; } .final-dorder-row { font-weight: 700; } .td-to-left { text-align: left !important; } .dorder-item-name { width: 350px; } .detorder-second-table { width: 60%; float: left; } .dorder-caption-date { font-size: 20px; } .dorder-table-row { border: 1px solid; text-align: center; height: 80px; } .detorder-fird-table { width: 80%; float: left; } .detorder-fird-table td { padding-left: 10px; padding-right: 10px; } .block-for-order { margin-top: 100px; } .element-for-order { float: right; margin-top: 25px; } .grecaptcha-badge { display: none; } .footer-google { float: right; display: block; font-size: 12px; } .footer-google-links a:nth-child(2) { margin-left: 10px; } .footer-contact { display: flex; justify-content: flex-end; width: 100%; } .footer-desktop { margin: 0 -15px; } .td-grey-green { background-color: #d3fcce; } .notactiv_item { color: #948d8d; } .menu-active-item a { font-size: 22px; font-weight: bold; } .page404__content { margin-top: 70px; margin-bottom: 80px; } .page404__title { font-weight: 700; line-height: normal; font-size: 40px; margin-bottom: 20px; margin-top: 80px; } .page404__text { font-weight: 400; line-height: normal; font-size: 16px; margin-bottom: 50px; max-width: 490px; } .page404__backLink { margin-left: 50px; color: #7f807f; font-size: 16px; } .add-treaty-date { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; margin-top: 4px; display: block; } @media (max-width: 469px) { .page404__content { margin-top: 30px; margin-bottom: 60px; } .page404__title { font-weight: 600; line-height: normal; font-size: 24px; margin-top: 30px; } .page404__text { font-weight: 400; line-height: normal; font-size: 14px; } .page404__backLink { margin-left: 0; margin-top: 25px; } } .report-button { width: 40%; float: left; display: block; } .adaptiv-button { width: 100%; height: 50px; line-height: 50px !important; } .adm-calendar-icon-custom { background: url('/bitrix/panel/main/images/bx-admin-sprite-small-2.png') no-repeat 0 -1934px; border: none !important; cursor: pointer; height: 15px; left: 10px; top: 16px; outline: none; position: absolute; width: 16px; } .adm-calendar-icon-custom:hover { background-position: -1px -3487px; } textarea.popupCallback__input { margin-top: 0px; height: 120px; padding-top: 10px; padding-bottom: 10px; } .manufact-added { max-height: 300px; } .add-treaty { justify-content: flex-end; } .add-treaty-label { color: #f89633; } .add-treaty-label i { font-size: 40px; } .add-treaty-label span { font-size: 20px; color: #f89633; text-transform: uppercase; position: absolute; margin-top: 5px; margin-left: 10px; text-decoration: underline; } .add-treaty-label:hover, .add-treaty-label:hover span { color: #fe601f; cursor: pointer; transition: all 0.2s; } .treaty_questionary { height: 500px; display: none; } .authorization__places input { margin-bottom: 30px; } #first-step-reqtreaty, #second-step-reqtreaty, #fird-step-reqtreaty, #null-step-request { float: left; /*max-width: 1200px;*/ /*width: 100%;*/ } #director_block input { margin-bottom: 30px; } #director_block .input-doc { margin-bottom: 30px; } #director_block input.checkbox__input { margin-bottom: 0; } .reqtreaty-block { overflow: hidden; position: relative; height: 530px; margin-top: 30px; /*height: 2460px !important;*/ } #fird-step-reqtreaty .input-volume-wrapper { line-height: 0px; } .treaty-request-caption { overflow: hidden; transform: scaleY(0); transform-origin: top; height: 0; opacity: 0; transition: all 0.3s ease-in; } .treaty-request-caption.open { height: auto; transform: scaleY(1); opacity: 1; transition: all 0.26s ease-in; } .treaty-request-caption li { margin-top: 16px; } .treaty-request-caption__title { display: block; font-weight: 600; margin-bottom: 4px; } #req_treaty_step3 { width: 350px; } .treaty_questionary .type-caption { text-align: left; margin-left: 0px; } #req_treaty_null { width: 350px; } #req_treaty_step1_prev, #req_treaty_step2_prev, #req_treaty_step1_last { width: 350px; float: left; } #req_treaty_step1, #req_treaty_step2, #req_treaty_step3 { width: 350px; float: right; } #edo_operator { display: none; } .balance__total .caption { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; color: #363435; margin-bottom: 10px; } .balance__total .data { font-style: normal; font-weight: 600; font-size: 34px; line-height: 120%; color: #363435; margin-bottom: 24px; } .balance__total .currency { font-size: 20px; } .balance__item { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 32px; border-left: 1px solid #e5e5e5; } .balance__list { padding: 0 15px; } .balance__last-update { width: 100%; } .balance__last-update .caption { margin-right: 16px; margin-bottom: 0; text-align: right; } .balance__last-update .caption, .balance__item .caption { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #7f807f; margin-bottom: 4px; } .balance__item .price { font-style: normal; font-weight: 600; font-size: 24px; line-height: 120%; color: #363435; margin-bottom: 0; } .balance__item .currency { font-size: 20px; } .page-empty { display: flex; flex-direction: column; justify-content: center; text-align: center; min-height: 550px; } .page-empty__title { font-style: normal; font-weight: 600; font-size: 34px; line-height: 120%; text-align: center; color: #363435; margin-bottom: 8px; } .page-empty__desc { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; text-align: center; color: #363435; } .col--label-offset { padding-top: 30px; } .contract-next-btn { width: 268px !important; } .product-item-desktop { display: block; } .product-item-mobile { display: none; } .order-shipment-table { font-size: 16px; line-height: 140%; } .basket__steps-mobile { display: none; } .basket__steps .basket__step.basket__step_pre-active::before { border: 2px solid #fa9533; background: #ffffff; color: #fa9533; padding: 4px 11px; } .basket__steps .basket__step.basket__step_pre-active { color: #363435; } .order-paytrans-info { width: 100%; font-size: 16px; line-height: 140%; margin-bottom: 32px; } .orders__summ { text-align: right; } .pay-transfer.checkbox__wrapper { width: 20px; height: 20px; } .qr-sber-img { display: block; text-align: center; margin: 0 auto; } .td-show-mobile { display: none; } .succeed-order { margin: 80px auto 95px; max-width: 500px; text-align: center; } .succeed-order-title { font-weight: bold; font-size: 40px; line-height: 100%; margin-bottom: 16px; } .succeed-order-info { font-weight: normal; font-size: 16px; line-height: 140%; margin-bottom: 24px; } .succeed-order.sbercredit { max-width: 437px; } .succeed-order-info .email { font-weight: 600; } .buyer-block { margin-bottom: 15px; } .paytransfer.checkbox.pay-transfer.checkbox__wrapper { margin-bottom: 0; margin-top: 0; } .fixed-cart-total { display: none; } .multi-order-count { padding: 24px; background: #f1f1f1; } .multi-order-count { background: #f1f1f1; padding: 24px; font-weight: normal; font-size: 16px; line-height: 140%; } .multi-order-count-title { font-weight: 600; font-size: 24px; line-height: 120%; margin-bottom: 24px; } .multi-order-count-address { font-weight: normal; font-size: 16px; line-height: 140%; margin-bottom: 24px; } .mobile-title { display: none; } .order-info-total .order-shipment-item-8 { flex: 0 0 33.5%; } .cabinet-orderdetail-buttons .loader-panel { padding-top: 12px; } .cabinet-orderdetail-buttons .loader-panel-button { height: 48px; } .multiself-total .cart-total { margin-top: 10px; } .multiself-total .block-documents__title { font-weight: 600; line-height: 140%; margin-bottom: 8px; } .multiself-count-total { margin-top: 24px; } .delivery-info-container { max-width: 692px; } .delivery-info-subtitle { font-weight: 600; font-size: 24px; line-height: 120%; margin-bottom: 16px; } .delivery-info-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .delivery-info-container .delivery-info-container { width: 48%; position: relative; } .multiorder-delivery-input-container { width: 100%; position: relative; } .multiorder-delivery-input-label { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; } .delivery-info-container.no_text input { border: 1px solid #ff0000; } .delivery-info-container.mb-0.no_text .multiorder-address-container { margin-bottom: 32px; } .simple-popup { padding: 32px 72px 40px 40px; max-width: 473px; font-family: 'Source Sans Pro'; } .popup-window-content h2 { font-style: normal; font-weight: 600; font-size: 34px; line-height: 120%; margin-bottom: 24px; } .cart-popup-info { font-weight: normal; font-size: 16px; line-height: 140%; } .simple-popup .popup-window-close-icon { top: 10px !important; right: 10px !important; } .simple-popup .popup-window-buttons { padding-top: 32px; text-align: left; padding-bottom: 0; } .popup-window-buttons .button.md { height: 48px; border-radius: 12px; } .popup-window-buttons .button.button-secondary.md { margin-right: 16px; } .popup-window-button.button.md { height: 48px; text-transform: none; box-shadow: 0 0 0 0 #c6cdd3 inset; border-radius: 0px; } .popup-img { margin-bottom: 16px; text-align: center; } .simple-popup.pay_attention { padding: 32px 40px 40px 40px; text-align: center; } .pay_attention .popup-window-buttons { text-align: center; } .simple-popup .popup-window-close-icon::after { width: 11px; height: 11px; } .pay-attention-popup .popup-window-buttons { padding-top: 24px; padding-bottom: 0; } .pay-attention-popup { text-align: center; padding: 40px; max-width: 487px; } .pay-attention-popup h2 { font-weight: 600; font-size: 34px; line-height: 120%; margin-bottom: 24px; } .pay-attention-popup .popupLogin__close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .simple-popup .popup-window-close-icon::after { background-image: url('/local/templates/eastcement/assets/css/../img/symbol/cross.svg'); } .simple-popup .popup-window-close-icon { opacity: 1; } .multioder-type { font-style: normal; font-weight: 600; font-size: 16px; line-height: 140%; } .cardBasket .cardBasket__img { background-size: contain; } .multiauto-order .delivery-info-container .delivery-info-container { max-width: 326px; } .multiauto-order .calendar-container { position: relative; } .multiauto-order .calendar-container img { position: absolute; right: 17px; top: 12px; width: 21px; height: 21px; } .delivery-info-container .delivery-info-container .phoneRow_auto { width: 100%; } .multi-auto-cart-total { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; } .max-amnt-auto span, .multiauto-trip span { font-weight: 600; } .multiauto-not-full { display: flex; color: #fa9533; align-items: center; } .multiauto-not-full svg { margin-right: 8px; } .multiauto-info-item { margin-bottom: 8px; } .multiauto-info-item:last-of-type { margin-bottom: 24px; } .multiauto-wrap .cart-total { margin-bottom: 8px; } .multiauto-second-step .cart-title-container { max-width: 873px; } .cart-products-container .deliveryMethod__map { height: 282px; margin-bottom: 24px; } .basket-recomend-title { margin-bottom: 24px; } .basket-recomend-title, .basket-recomend-item-title { font-weight: 600; font-size: 24px; line-height: 120%; } .basket-recomend-item-info { font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; margin-top: 8px; margin-bottom: 90px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .basket-recomend-item-price { font-style: normal; font-weight: 600; font-size: 34px; line-height: 100%; position: absolute; bottom: 24px; } .basket-recomend-item-price span { font-weight: normal; font-size: 14px; } .basket-recomend-item { border: 2px solid #f1f1f1; background: #f1f1f1; border-radius: 5px; margin: 0 12px; height: 100%; padding: 24px; position: relative; } .basket-recomend-wrap { margin: 0 -12px; } .basket-recomend-item-img { margin: -24px -24px 24px; max-height: 252px; } .basket-recomend-item-img img { width: 100%; } .basket-recomend-wrap .slick-track { display: flex; } .slick-slide.basket-recomend-item-container { height: auto; flex: 0 0 auto; } .multiauto-breadcrumbs .korus-link-prev { margin-top: 0; } .success-authorisation .popupLogin__title { text-align: center !important; margin-bottom: 0; margin-top: 12px; } .empty-basket-btn a.button:hover, .succeed-order a.button:hover { color: #ffffff; } .phone-tablet-show { display: none; } .iwant-creat-payer textarea { padding-top: 11px; padding-bottom: 11px; } .popup-edit-buyer-item .checkbox__wrapper--after .checkbox__label, .popup-edit-buyer-item .popupCallback__input { margin-bottom: 0; } .popup-edit-buyer-item .checkbox__wrapper--after .checkbox__label { margin-top: 20px; } #cannot_calc_price, #tolinkclients { background: #fff; text-align: center !important; padding-top: 40px !important; border-radius: 30px; margin: auto; transition: ease 0.3s; transform: translateY(-50px); padding: 35px 20px; max-width: 500px; min-width: 350px; display:block; position: absolute; } #cannot_calc_price .button.md, #tolinkclients .button.md { border-radius: 12px; min-width: 30%; } #cannot_calc_price .popupCallback__title, #tolinkclients .popupCallback__title { text-align: center !important; } #tolinkclients { margin-left: 0 !important; } @media (min-width: 1281px) { .private-cabinet-link.link-lk { min-width: 152px; } } @media (max-width: 1280px) { .private-cabinet-link.link-lk .private-cabinet-icon { display: none; } } @media (max-width:1225px) { .multiauto-breadcrumbs .korus-link-prev { margin-top: 17px; } .delivery-info-subtitle { display: none; } .basket-recomend-item { padding: 16px; margin: 0 8px; } .basket-recomend-wrap { margin: 0 -8px; } .basket-recomend { margin-right: -32px; } .basket-recomend-item-info { -webkit-line-clamp: 4; } .basket-recomend-item-img { margin: -16px -16px 16px; max-height: 252px; } .basket-recomend-item-price { bottom: 16px; } .delivery-info-container { max-width: 100%; } .multiauto-order .delivery-info-container .delivery-info-container { max-width: 47%; min-width: 340px; } .multi-order-count { padding: 24px 32px; } .multi-auto-cart-total .cart-total { justify-content: flex-start; } .multiauto-info-item:last-of-type { margin-bottom: 0px; } .multiauto-wrap.cart-total-wrap { align-items: baseline; } .paytrans-total-wrap .cart-total { align-items: center; } .paytrans-total-title { max-width: none; } .payments__colSumm { max-width: 114px; text-align: right !important; } .cart-products-container .payments__table thead th { padding: 10px 16px; } .total__price { font-size: 34px; } .total__price span { font-size: 30px; } .cart-item-img, .cardBasket__empty { flex: 0 0 13%; } .multiself-wrap { width: 100%; } .payment-history .section__title { font-size: 34px !important; } .fixed-cart-total { display: block; } .fixed-cart-total .cart-total-wrap { position: fixed; width: 100%; max-height: 80px; bottom: 0; top: calc(100% - 80px); z-index: 10; left: 0; background: #FFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); padding: 16px 24px; } .succeed-order { margin-top: 203px; margin-bottom: 163px; } .cart-total-wrap .total__title { margin-right: 16px; } .cart-total-container.total { width: calc(100% + 64px); margin: 0 -32px; } .add-payment span { display: none; } .cart-title-container { flex-wrap: wrap; } .basket-section__title { flex: 0 0 100%; width: 100%; } ol.basket__steps { margin-top: 24px; padding-left: 0; } .cleare_basket { margin-top: 24px; } .cardBasket__price { font-size: 24px; line-height: 120%; } .cart-products-container, .cart-total-container { width: 100%; } .cart-products-container { border-bottom: 0; } .cart-item-name { flex: 0 0 35%; } .cart-item-btns { flex: 0 0 11%; } .cart-item-quantity { text-align: center; } .cart-item-info { flex: 0 0 79%; } .cart-products-info-container .cart-item-price, .cart-products-info-container .cart-item-btns { flex: 0; } .cart-products-info-container { margin-top: -35px; } .cart-total-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; } .cart-total { margin-bottom: 0; } .cart-total-title { margin-right: 16px; } .cart-total-wrap .button, .license.rules { width: 278px; } .detorder-header-rigth { width: 34%; flex: 0 0 34%; } .detorder-header-center { width: 35%; flex: 0 0 35%; } .order-shipment-table .order-info-title { display: none; } .order-shipment-table .shipment-item::before, .order-shipment-table .order__caption::before, .mobile-title { content: attr(data-label); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7F807F; margin-bottom: 4px; } .shipment-item { flex: 0 0 32%; margin-bottom: 16px; } .order-shipment-item { flex-wrap: wrap; padding: 24px 0; border-top: 1px solid #E5E5E5; } .order-info-total .order-shipment-item-7, .order-info-total .order-shipment-item-8 { flex: 0 0 32%; } .no-before:before { content: none !important; } .order-info-total { padding: 16px; } .fixed-cart-total .loader-panel { width: 100%; height: 48px; padding-top: 13px; } #delivery_auto { width: 100%; } } @media (max-width:1225px) { .multiauto-breadcrumbs .korus-link-prev { margin-top: 17px; } .delivery-info-subtitle { display: none; } .basket-recomend-item { padding: 16px; margin: 0 8px; } .basket-recomend-wrap { margin: 0 -8px; } .basket-recomend { margin-right: -32px; } .basket-recomend-item-info { -webkit-line-clamp: 4; } .basket-recomend-item-img { margin: -16px -16px 16px; max-height: 252px; } .basket-recomend-item-price { bottom: 16px; } .delivery-info-container { max-width: 100%; } .multiauto-order .delivery-info-container .delivery-info-container { max-width: 47%; min-width: 340px; } .multi-order-count { padding: 24px 32px; } .multi-auto-cart-total .cart-total { justify-content: flex-start; } .multiauto-info-item:last-of-type { margin-bottom: 0px; } .multiauto-wrap.cart-total-wrap { align-items: baseline; } .paytrans-total-wrap .cart-total { align-items: center; } .paytrans-total-title { max-width: none; } .payments__colSumm { max-width: 114px; text-align: right !important; } .cart-products-container .payments__table thead th { padding: 10px 16px; } .total__price { font-size: 34px; } .total__price span { font-size: 30px; } .cart-item-img, .cardBasket__empty { flex: 0 0 13%; } .multiself-wrap { width: 100%; } .payment-history .section__title { font-size: 34px !important; } .fixed-cart-total { display: block; } .fixed-cart-total .cart-total-wrap { position: fixed; width: 100%; max-height: 80px; bottom: 0; top: calc(100% - 80px); z-index: 10; left: 0; background: #FFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); padding: 16px 24px; } .succeed-order { margin-top: 203px; margin-bottom: 163px; } .cart-total-wrap .total__title { margin-right: 16px; } .cart-total-container.total { width: calc(100% + 64px); margin: 0 -32px; } .add-payment span { display: none; } .cart-title-container { flex-wrap: wrap; } .basket-section__title { flex: 0 0 100%; width: 100%; } ol.basket__steps { margin-top: 24px; padding-left: 0; } .cleare_basket { margin-top: 24px; } .cardBasket__price { font-size: 24px; line-height: 120%; } .cart-products-container, .cart-total-container { width: 100%; } .cart-products-container { border-bottom: 0; } .cart-item-name { flex: 0 0 35%; } .cart-item-btns { flex: 0 0 11%; } .cart-item-quantity { text-align: center; } .cart-item-info { flex: 0 0 79%; } .cart-products-info-container .cart-item-price, .cart-products-info-container .cart-item-btns { flex: 0; } .cart-products-info-container { margin-top: -35px; } .cart-total-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; } .cart-total { margin-bottom: 0; } .cart-total-title { margin-right: 16px; } .cart-total-wrap .button, .license.rules { width: 278px; } .detorder-header-rigth { width: 34%; flex: 0 0 34%; } .detorder-header-center { width: 35%; flex: 0 0 35%; } .order-shipment-table .order-info-title { display: none; } .order-shipment-table .shipment-item::before, .order-shipment-table .order__caption::before, .mobile-title { content: attr(data-label); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7F807F; margin-bottom: 4px; } .shipment-item { flex: 0 0 32%; margin-bottom: 16px; } .order-shipment-item { flex-wrap: wrap; padding: 24px 0; border-top: 1px solid #E5E5E5; } .order-info-total .order-shipment-item-7, .order-info-total .order-shipment-item-8 { flex: 0 0 32%; } .no-before:before { content: none !important; } .order-info-total { padding: 16px; } .fixed-cart-total .loader-panel { width: 100%; height: 48px; padding-top: 13px; } #delivery_auto { width: 100%; } } @media (max-width: 1225px) { .multiauto-breadcrumbs .korus-link-prev { margin-top: 17px; } .delivery-info-subtitle { display: none; } .basket-recomend-item { padding: 16px; margin: 0 8px; } .basket-recomend-wrap { margin: 0 -8px; } .basket-recomend { margin-right: -32px; } .basket-recomend-item-info { -webkit-line-clamp: 4; } .basket-recomend-item-img { margin: -16px -16px 16px; max-height: 252px; } .basket-recomend-item-price { bottom: 16px; } .delivery-info-container { max-width: 100%; } .multiauto-order .delivery-info-container .delivery-info-container { max-width: 47%; min-width: 340px; } .multi-order-count { padding: 24px 32px; } .multi-auto-cart-total .cart-total { justify-content: flex-start; } .multiauto-info-item:last-of-type { margin-bottom: 0px; } .multiauto-wrap.cart-total-wrap { align-items: baseline; } .paytrans-total-wrap .cart-total { align-items: center; } .paytrans-total-title { max-width: none; } .payments__colSumm { max-width: 114px; text-align: right !important; } .cart-products-container .payments__table thead th { padding: 10px 16px; } .total__price { font-size: 34px; } .total__price span { font-size: 30px; } .cart-item-img, .cardBasket__empty { flex: 0 0 13%; } .multiself-wrap { width: 100%; } .payment-history .section__title { font-size: 34px !important; } .fixed-cart-total { display: block; } .fixed-cart-total .cart-total-wrap { position: fixed; width: 100%; max-height: 80px; bottom: 0; top: calc(100% - 80px); z-index: 10; left: 0; background: #fff; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1); padding: 16px 24px; } .succeed-order { margin-top: 203px; margin-bottom: 163px; } .cart-total-wrap .total__title { margin-right: 16px; } .cart-total-container.total { width: calc(100% + 64px); margin: 0 -32px; } .add-payment span { display: none; } .cart-title-container { flex-wrap: wrap; } .basket-section__title { flex: 0 0 100%; width: 100%; } ol.basket__steps { margin-top: 24px; padding-left: 0; } .cleare_basket { margin-top: 24px; } .cardBasket__price { font-size: 24px; line-height: 120%; } .cart-products-container, .cart-total-container { width: 100%; } .cart-products-container { border-bottom: 0; } .cart-item-name { flex: 0 0 35%; } .cart-item-btns { flex: 0 0 11%; } .cart-item-quantity { text-align: center; } .cart-item-info { flex: 0 0 79%; } .cart-products-info-container .cart-item-price, .cart-products-info-container .cart-item-btns { flex: 0; } .cart-products-info-container { margin-top: -35px; } .cart-total-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; } .cart-total { margin-bottom: 0; } .cart-total-title { margin-right: 16px; } .cart-total-wrap .button, .license.rules { width: 278px; } .detorder-header-rigth { width: 34%; flex: 0 0 34%; } .detorder-header-center { width: 35%; flex: 0 0 35%; } .order-shipment-table .order-info-title { display: none; } .order-shipment-table .shipment-item::before, .order-shipment-table .order__caption::before, .mobile-title { content: attr(data-label); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; margin-bottom: 4px; } .shipment-item { flex: 0 0 32%; margin-bottom: 16px; } .order-shipment-item { flex-wrap: wrap; padding: 24px 0; border-top: 1px solid #e5e5e5; } .order-info-total .order-shipment-item-7, .order-info-total .order-shipment-item-8 { flex: 0 0 32%; } .no-before:before { content: none !important; } .order-info-total { padding: 16px; } .fixed-cart-total .loader-panel { width: 100%; height: 48px; padding-top: 13px; } #delivery_auto { width: 100%; } } @media (max-width: 767px) { .phone-tablet-show { display: block; } .popupLogin.success-authorisation-container .popupLogin__title { font-weight: 600; font-size: 24px; line-height: 120%; } #popupLogin.success-authorisation-container { max-width: unset !important; padding: 25px 56px !important; } .multiauto-breadcrumbs .korus-link-prev { margin-top: 0; } .delivery-info-container .pickup_scheduler { width: 100%; } .delivery-info-container.no_text .delivery-info-container.no_text:first-of-type { margin-bottom: 30px; } .delivery-info-container.no_text .delivery-info-container.delivery-info-container-phone.no_text:first-of-type { margin-bottom: 0; } .basket-recomend-item-info { display: none; } .basket-recomend-title { font-size: 20px; } .basket-recomend-item-title { font-size: 16px; margin-bottom: 36px; } .basket-recomend-item-price { font-size: 18px; bottom: 0; } .basket-recomend-item-img { max-height: 98px; margin: 0 0 8px; } .basket-recomend-item-img img { object-fit: contain; max-height: 98px; } .basket-recomend-item-price span { font-size: 13px; } .basket-recomend-wrap { margin: 0 -4px; } .basket-recomend-item { padding: 0px; margin: 0 4px; background: #fff; border: 0px; } .cart-products-container .deliveryMethod__map { height: 200px; } .multi-order-count { padding: 24px; } .multiauto-order .delivery-info-container .delivery-info-container { max-width: 100%; min-width: 100%; } .multiauto-info-item:last-of-type { margin-bottom: 24px; } .multi-auto-cart-total .cart-total { margin-top: 0; } .standart-pay-attention .popup-window-buttons .button.md { width: auto; } .popup-img { margin-bottom: 12px; } .pay-attention-popup h2 { font-size: 24px; line-height: 120%; margin-bottom: 16px; } .pay-attention-popup .popup-window-buttons { padding-top: 16px; } .fixed-cart-total .cart-total-wrap { max-height: 64px; padding: 12px; } .fixed-cart-total .cart-total-wrap .button { height: 40px; padding: 9px 16px; max-width: 194px; font-size: 16px !important; } .fixed-cart-total .cart-total-wrap { top: calc(100% - 64px); } .fixed-cart-total .cart-total-wrap div { width: auto; margin-bottom: 0px; } .simple-popup { padding: 24px 24px 32px 24px; } .popup-window-content h2 { font-weight: 600; font-size: 24px; line-height: 120%; margin-bottom: 16px; } .simple-popup .popup-window-buttons { padding-top: 24px; } .popup-window-buttons .button.md { width: 100%; border-radius: 12px; } .popup-window-buttons .button.button-secondary.md { margin-right: 0; margin-bottom: 16px; } .detorder-main-caption { font-size: 20px; margin-top: 40px; } .payment-history .section__title { font-size: 24px !important; } .succeed-order { margin-top: 49px; margin-bottom: 33px; } .succeed-order-title { font-size: 28px; line-height: 110%; margin-bottom: 8px; } .cart-total-wrap div { width: 100%; } .td-hide-mobile { display: none; } .td-show-mobile { display: block; } .payments__table tbody tr { border-bottom: 1px solid #f1f1f1; flex-wrap: wrap; display: flex; justify-content: space-between; padding: 10px 12px; } .payments__table { margin: 0 -12px; width: calc(100% + 24px); } .paytransfer-prod { width: 100%; } .paytransfer-left { width: 50%; } .payments__table tbody td { border-bottom: 0px solid #f1f1f1; padding: 6px 0; } .td-show-mobile.orders__text { margin-left: 16px; margin-top: 2px; } .payments__table tbody td.paytransfer-prod { padding-right: 0; } .paytransfer-left .orders__summ { font-size: 20px; } .paytransfer-left .orders__summ span { font-size: 18px; } .orders__summ { font-size: 20px; } .payments__table thead { display: none; } .payments__table td::before { content: attr(data-label); display: block; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; color: #7f807f; margin-bottom: 4px; } .paytransfer-right-before { text-align: right; } .clear-paytrans.cleare_basket { display: none; } .order-paytrans-info { padding: 0 12px; padding-bottom: 24px; margin-bottom: 0; border-bottom: 1px solid #e5e5e5; } .cart-total-wrap .button { min-width: 100%; width: 100%; } .cart-total-container.total { width: 100%; margin: 0; } .basket__steps { display: none; } .basket__steps-mobile { display: flex; font-style: normal; font-weight: 600; font-size: 14px; line-height: 140%; justify-content: end; align-items: center; } .basket__steps-mobile-num { margin-right: 8px; width: 24px; height: 24px; background: #fa9533; text-align: center; color: #fff; border-radius: 32px; display: flex; align-items: center; justify-content: center; } .cleare_basket { width: auto; margin-top: 17px; } .multi-cart-item-price { display: none; } .cart-item-quantity.multi-cart-item-quantity { flex: 0 0 29%; margin-left: 21%; } .multi-order-count-title { font-size: 20px; } .cardBasket__price span { font-size: 18px; } .fixed-cart-total .total__price { font-size: 18px; } .fixed-cart-total .total__price span { font-size: 16px; } .fixed-cart-total .cart-total-wrap div.loader-big-pannel { width: 100%; height: 40px; padding-top: 9px; } .paytransfer.checkbox { width: 100%; } .cart-item-btns.multi-cart-item-btns { margin-top: 15px; } .basket-container .section__titleRow { margin-bottom: 17px; } .basket-section__title { font-size: 28px; line-height: 110%; font-weight: bold; } .cart-title-container-paytrans { justify-content: space-between; flex: 0 0 100%; } .basket-section__title, .cart-title-container-paytrans .basket-section__title { width: 65%; flex: 0 0 65%; } .basket__steps-mobile { flex: 0 0 35%; width: 35%; } .cart-container { /*border-top: 1px solid #E5E5E5;*/ margin: 0 -12px; } .cart-products-container { padding: 0 12px; } .cart-item-img { flex: 0 0 17%; } .cart-item-name { flex: 0 0 79%; } .cart-item-info { flex: 0 0 100%; } .total__price span { font-size: 18px; } .cart-item-quantity { margin-top: 13px; margin-bottom: 13px; flex: 0 0 85%; margin-left: 21%; text-align: left; } .cart-item-price { flex: 0 0 29%; margin-left: 21%; text-align: left; } .cardBasket__price { font-size: 20px; } .cart-total-wrap { flex-wrap: wrap; } .cart-total { width: 100%; margin-bottom: 16px; } .total__price { font-size: 20px; text-align: right; } .cart-products-info-container { margin-top: 0; border-bottom: 1px solid #e5e5e5; } .cart-item-btns { flex: 0 0 50%; } .cardBasket__empty { flex: 0; } .cardBasket__name { margin-bottom: 0; } .cardBasket { flex-wrap: wrap; gap: 0; } .cardBasket .cardBasket__img { height: 41px; } .payment-history-detail .section__title { font-size: 24px !important; max-width: 94%; } .order-caption-row { margin-bottom: 24px; margin-top: 4px; } .detorder-header { flex-wrap: wrap; } .detorder-header-left, .detorder-header-center, .detorder-header-rigth { width: 100%; flex: 0 0 100%; } .dorder-header-group .profile__data { max-width: 100%; } .dorder-header-group { width: 100%; flex: 0 0 100%; margin-bottom: 20px; } .order-info-table .order-info-title, .order-payment-table .order-info-title { display: none; } .order-product-item { flex-wrap: wrap; padding: 16px 12px; } .order-info-table, .order-payment-table, .order-shipment-table { margin: 0 -12px; } .order-info-table .order-product-name { flex: 0 0 100%; } .order-info-table .order-product-name::before, .order-payment-table .order-item-25::before, .order-payment-table .order-item-15::before, .order-payment-table .order-item-20::before, .order-payment-table .order-item-35::before, .order-info-table .product-item::before { content: attr(data-label); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; margin-bottom: 4px; } .order-info-table .product-item { flex: 0 0 50%; } .order-product-item-detail { flex-wrap: wrap; padding: 0 12px 16px 12px; } .order-product-item-detail .order-item-25 { width: 100%; flex: 0 0 100%; } .order-sub { display: flex; justify-content: space-between; } .order-sub-item { flex: 0 0 50%; } .order-sum { margin-top: 8px; } .product-item-desktop { display: none; } .product-item-mobile { display: flex; padding: 0 12px 16px; } .order-info-sum-container { padding: 16px 12px; } .order-info-sum .order-item-25 { flex: 0 0 50%; } .order-info-sum .order-item-25:first-child { margin-bottom: 24px; } .order-payment-table .order-item-25, .order-payment-table .order-item-15, .order-payment-table .order-item-20, .order-payment-table .order-item-35, .order-info-total .order-shipment-item-8 { flex: 0 0 50%; } .order-payment-table .order-item-25:first-child { margin-bottom: 12px; } .order-payment-item { padding: 16px 12px; } .order-info-main-title { margin-bottom: 16px; margin-top: 48px; } .order-shipment-item { padding: 16px 12px; } .shipment-item, .order-info-total .order-shipment-item-7 { flex: 0 0 50%; } .shipment-item.order-shipment-item-1, .shipment-item.order-shipment-item-2, .shipment-item.order-shipment-item-7 { flex: 0 0 100%; } .order-payment-table, .order-info-table { border-top: 1px solid #e5e5e5; } .cabinet__grup { margin-bottom: 32px; } } @media (max-width: 470px) { .contract-next-btn { width: 100% !important; } } .add-to-favorite-order, .remove-from-favorite-order { cursor: pointer; } .bt-0 { border-top: 0 !important; } .accordeon-container .nested-item { font-weight: 500; padding: 15px 20px 15px 0px; border-top: 1px ridge #e5e5e5; } .accordeon-container .nested-item:after { top: 26px; } /*Договоры*/ .concluding_contract_name { margin-top: 16px; font-style: normal; font-weight: 600; line-height: normal; font-size: 16px; } .block_concluding_contract .radio__label { margin-top: 16px; } .information__text-treaty { position: relative; background: #f1f1f1; padding: 12px 12px 12px 50px; margin: 24px 15px; font-style: normal; font-weight: 550; font-size: 16px; line-height: 140%; display: flex; } .information__text-treaty i { position: absolute; top: 11px; left: 15px; } .information__text-treaty a { color: #fe601f; } .questionary-validation-delivery label.error-delivery { margin-left: 15px; font-size: 16px; line-height: 140%; font-weight: 600; margin-bottom: 0; color: red; } .payer__check-icon { width: 18px; /* margin-bottom: 3px; */ } /*////////////////////////*/ .color_red { color: #ff3c00 !important; } .color_orange { color: rgb(250, 150, 50) !important; } .color_green { color: rgb(30, 150, 100) !important; } /* Profile page */ .profile_owner_description { margin-top: 16px; } .profile_send_email_text_block { padding-left: 16px; } .profile_send_email_button_block { padding-left: 0; } .profile_owner_description .login-popup-success, .profile_owner_description .login-popup-error { margin: initial; } /* /Profile page */ /* Form change profile */ #form_change_profile input { margin-bottom: 0px; } #form_change_profile #update_profile:focus { color: white !important; } #form_change_profile .popupCallback__title { font-size: 28px; margin-top: 0; } #form_change_profile .edit_profile_phone_approve, .edit_profile_login_approve { padding-top: 8px; padding-bottom: 8px; } #form_change_profile #edit_profile_phone_approval_status, #form_change_profile #edit_profile_email_approval_status { font-size: 14px; } #form_change_profile #edit_profile_phone_approval_status:before, #form_change_profile #edit_profile_email_approval_status:before { margin-top: 1px; } #form_change_profile label[for='LOGIN'] { margin-top: 0; } #form_change_profile .approve-button-group { text-align: left !important; padding-top: 4px; } #form_change_profile .personal_data_processing_agreement { margin-top: 12px; } #form_change_profile .color-orange:before { background-image: url(/local/templates/eastcement/assets/img/general/available-x-orange.svg); } #form_change_profile .color-red:before { background-image: url(/local/templates/eastcement/assets/img/general/available-x-orange.svg); } #form_change_profile .send_code, .send_code_repeat { margin: 4px 0 !important; } #form_change_profile .send_code_repeat { font-style: normal; font-weight: bold; font-size: 18px; text-align: center; color: #363435; background: none; margin-top: 40px; border: 1px solid #a8a9a8; text-transform: none; border-radius: 0; } #form_change_profile .send_code_repeat:hover { background: #fe601f; color: #fff; border-color: #fe601f; } #form_change_profile .input_code_wrapper { position: relative; } #form_change_profile .timer-tick { position: absolute; width: 46px; height: 46px; bottom: 0; right: 0; /* margin-bottom: 4px; */ } #form_change_profile .timer-counter { display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-end; padding: 0 12px 0 0; font-size: 18px; color: #ccc; } #form_change_profile #approve_code_input_block { margin-bottom: 12px; } #form_change_profile .labels_wrapper { display: flex; margin-top: 6px; margin-bottom: 4px; justify-content: space-between; } #form_change_profile label { display: flex; font-size: 14px; margin: 0; } #form_change_profile label.error { font-size: 14px; font-weight: 600; margin: 0; } #form_change_profile .checkbox__label { display: inline-block; font-size: 16px; } #form_change_profile label.status.error { color: #f75236; } #form_change_profile label.status.success { color: #52a531; } #form_change_profile .input { box-shadow: inset 0px 3px 7px -2px rgb(163 163 163 / 28%); } #form_change_profile .input.error { border: 1px solid #ff5a3e !important; background-color: #fffafa; box-shadow: inset 0px 3px 7px -2px rgb(163 163 163 / 28%); } #form_change_profile .input.success { border: 1px solid #87af78 !important; background-color: white; box-shadow: inset 0px 3px 7px -2px rgb(44 129 51 / 20%); } #form_change_profile label.checkbox__label.error { font-size: 16px; font-weight: initial; color: red; } #form_change_profile label.checkbox__label.error:before { border: 1px solid #ff5a3e !important; background-color: #fffafa; box-shadow: inset 0px 3px 7px -2px rgb(219 39 39 / 20%); } /* /Form change profile */ /* Form change password */ #change_password { width: 320px; } #popupChangePassword .success-icon { display: block; width: 50px; margin: 0 auto; padding-bottom: 15px; } #popupChangePassword:not(.popupLogin) { max-width: 382px; height: 220px; overflow-y: hidden; } #popupChangePassword .error_output {} #popupChangePassword .labels_wrapper { display: flex; margin-top: 6px; margin-bottom: 4px; justify-content: space-between; } #popupChangePassword label { display: flex; font-size: 14px; margin: 0; } #popupChangePassword label.status { font-size: 14px; font-weight: 600; margin: 0; } #popupChangePassword label.status.error { color: #f75236; } #popupChangePassword label.status.success { color: #52a531; } #popupChangePassword .input { box-shadow: inset 0px 3px 7px -2px rgb(163 163 163 / 28%); } #popupChangePassword .input.error { border: 1px solid #ff5a3e !important; background-color: #fffafa; box-shadow: inset 0px 3px 7px -2px rgb(163 163 163 / 28%); } #popupChangePassword .input.success { border: 1px solid #87af78 !important; background-color: white; box-shadow: inset 0px 3px 7px -2px rgb(44 129 51 / 20%); } /* .detorder-header .button.button-secondary:hover, */ .detorder-header .button.button-secondary:focus, .detorder-header .button.button-secondary:active { color: #363435 !important; } #popupChangePassword .error_output { text-align: left; } #popupChangePassword .error_output h4 { font-size: 15px; font-weight: 600; margin-bottom: 4px; } #popupChangePassword .error_output ul { /*list-style-type: "‣ "; list-style-position: outside; padding-left: 12px; */ } #popupChangePassword .error_output ul li { margin-bottom: 1px; } /* /Form change password */ /* Login Form */ #popupLogin.success-authorisation-container { width: auto; height: auto; vertical-align: middle; } @media screen and (max-width: 768px) { #popupLogin.success-authorisation-container { width: 100%; } } #popupLogin .sber-buisness-block { margin-bottom: 10px; padding: 16px 16px; border: 1px solid #a8a9a8; display: flex; height: 136px; flex-direction: column; justify-content: space-between; align-content: center; } #popupLogin .sber-buisness-block a, #popupLogin .sber-buisness-block-button a { background: #107f8c; padding: 12px 24px; border-radius: 20px; color: #fff; font-size: 14px; font-weight: 600; display: block; } #popupLogin .sber-buisness-block img { width: 22px; margin-right: 15px; } #popupLogin .sber-buisness-block-button { margin-top: 30px; } #popupLogin .popupLogin__linksRow { margin-bottom: 30px; } #popupLogin .login-input-mb { margin-bottom: 14px; } #popupLogin .sber-buisness-block-button { margin-top: 30px; } #popupLogin .popupLogin__linksRow { margin-bottom: 0px; } #popupLogin .login-input-mb { margin-bottom: 14px; } /* /Login Form */ #chat24-root { opacity: 0; } /* All forms */ .form_alert_danger { font-size: 14px; line-height: 16px; color: #dd4e21; background-color: #fff3f0; border: solid 1px #f7e9e6; padding: 15px; margin-bottom: 20px; } input[readonly] { background: #dfdfdf; } /* /All forms */ .objects-list-item-head { position: relative; } .object-attention { position: relative; display: inline-block; vertical-align: middle; margin-top: -4px; } .object-attention .--attention { background: url(/local/templates/eastcement/assets/img/general/error.png) no-repeat; width: 24px; height: 24px; display: block; cursor: pointer; } .object-attention .tooltip-block { display: none; -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2); position: absolute; padding: 10px; background: #fff; left: -73px; } .object-attention:hover .tooltip-block { display: block; } .object-attention:hover .tooltip-block__text .text-nowrap { font-size: 14px; font-weight: normal; color: #333; line-height: 1.5; } .disabled-contact .warning { background: url(/local/templates/eastcement/assets/img/general/error-grey.png) no-repeat; width: 24px; height: 24px; position: absolute; } .disabled-contact { padding: 15px; background: #f1f1f1; max-width: 75%; position: relative; } .disabled-contact .text-block { padding-left: 35px; font-size: 16px; } @media only screen and (max-width: 576px) { .object-attention .tooltip-block { left: -21px; } } #yaid-button-block, #vkid-button-block { margin-bottom: 16px; } #reg-vk-id-icon, #reg-yandex-id-icon, #vkid-button-icon, #yaid-button-icon { display: inline-block; vertical-align: top; } #reg-yandex-id-icon { width: 55px; } #yaid-button-icon { width: 48px; } #yaid-button-block, #vkid-button-block, #reg-yandex-id, #reg-vk-id { display: none; } @media (max-width: 767px) { #popupLogin .sber-buisness-block-button {} } @media (max-width: 358px) { #yaid-button-block, #vkid-button-block, #reg-yandex-id, #reg-vk-id { display: block; } #yaid-button-icon, #vkid-button-icon, #reg-yandex-id-icon, #reg-vk-id-icon { display: none; } #popupLogin .sber-buisness-block-button, .soc-serv-auth .sber-buisness-block__col .sber-button { max-width: 100%; width: 100% !important; } } /* New menu */ .private-menu { padding: 0; position: relative; @media all and (max-width: 1225px) { top: 55px; } @media all and (max-width: 767px) { display: none; top: 0; } } .bottom-bar-popup__title { display: none; @media all and (max-width: 767px) { display: block; } } .private-menu_group { margin-top: 24px; @media all and (max-width: 1225px) { margin-top: 0; } } .private-menu_group>.--title { display: flex; align-items: center; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; } } .private-menu_group>.--title>.--title_svg { max-width: 24px; width: 100%; height: 24px; } .private-menu_group>.--title>.--title_svg img { width: 100%; height: 100%; will-change: transform; } .private-menu_group>.--title>.--title_text { margin-left: 8px; font-weight: 600; font-size: 16px; line-height: 24px; color: #363435; } /* New Stubs */ .private-menu_group>.--list {} .private-menu_group>.--list>.--list_item { font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; display: flex; align-items: center; margin-top: 8px; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; margin-top: 0; } } .private-menu_group>.--list>.--list_item>span { @media all and (max-width: 1225px) { display: none; } } .private-menu_group>.--list>.--list_item>a { @media all and (max-width: 1225px) { width: 100%; position: relative; } } @media all and (max-width: 1225px) { .private-menu_group>.--list>.--list_item>a:before { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; right: 0; position: absolute; top: 50%; transform: translateY(-50%); } .private-menu_group>.--list>.--list_item>.--notification:before { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; right: 0; position: absolute; top: 0; } } .private-menu_group>.--list>.--list_item a:hover { color: #FA9533; } .private-menu_group>.--list>.--list_item>.--notification { display: flex; align-items: center; @media all and (max-width: 1225px) { width: 100%; position: relative; } } .private-menu_group>.--list>.--list_item>.--notification span { background: #FA9533; font-weight: 600; font-size: 14px; line-height: 140%; color: #FFFFFF; width: 24px; height: 24px; display: flex; align-items: center; border-radius: 24px; justify-content: center; margin-left: 8px; } .private-menu_group>.--list>.--list--active { position: relative; } .private-menu_group>.--list>.--list--active a { color: #FA9533; } .private-menu_group>.--list>.--list--active:after { position: absolute; content: ''; display: block; width: 8px; height: 8px; background-color: #FA9533; top: 50%; left: 0; transform: translateY(-50%) translateX(100%); border-radius: 100%; @media all and (max-width: 1225px) { content: none; } } .private-menu_group>.--list>.--list_item span { width: 32px; height: 24px; } .bottom-bar-popup+.--is-active { .menu-lk { display: block; overflow: auto; top: auto; left: auto; height: 94%; .menu-lk__header { display: none; pointer-events: none; } .private-menu { display: block; } } } /* New menu */ .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; /*margin: 16px 0 24px 0;*/ /*@media all and (max-width: 470px){*/ /* margin: 0 0 24px 0;*/ /*}*/ } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--title { margin-bottom: 16px; font-weight: 600; font-size: 24px; line-height: 120%; text-align: center; color: #363435; @media all and (max-width: 767px) { font-size: 20px; } } .placeholder_template.--no-auth .placeholder_template--title { font-size: 34px; @media all and (max-width: 767px) { font-size: 20px; } } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .notification_qrcode>.tg-block-footer { display: flex; justify-content: center; align-items: center; margin-top: 0; gap: 16px; } .notification_qrcode>.tg-block-footer>.tg-text-footer { width: auto; } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } /* New Stubs */ /* New Stubs */ .new_stubs--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; /*@media all and (max-width: 470px){*/ /* margin: 0 0 24px 0;*/ /*}*/ } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .profile_new .cabinet__buttonsGrup { margin-top: 24px !important; margin-bottom: 0; } .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } .edo_text_color { display: flex; align-items: center; gap: 4px; padding-left: 0 !important; color: #A8A9A8 !important; fill: #A8A9A8; } .edo_link_main .edo_operator { color: #363435; padding-left: 0; padding-bottom: 16px; } .edo_link_main .edo_link_main-text { color: #A8A9A8; } .edo_notif { margin-top: 8px; margin-bottom: 16px; font-size: 16px; font-weight: 400; line-height: 24px; font-family: 'Source Sans Pro', sans-serif; color: #363435; } .notification_block { max-width: 756px; width: 100%; display: grid; align-items: flex-start; grid-template-columns: 24px auto; padding: 12px; gap: 8px; background: #F1F1F1; @media all and (max-width: 700px) { max-width: none; width: 100%; } } .buyer_profile_header { display: flex; flex-wrap: wrap; gap: 20px; } .buyer_profile_header>.buyer_profile_header-block { box-sizing: border-box; margin-bottom: 0 !important; } .buyer_profile_header>.title, .buyer_profile_header>.add { flex: 1; } .buyer_profile_header>.buyer_notification { width: 100% !important; } @media (max-width: 470px) { .buyer_profile_header>.title, .buyer_profile_header>.add, .buyer_profile_header>.buyer_notification { width: 100%; min-width: 100%; } /*.buyer_profile_header > .title { order: 1; }*/ /*.buyer_profile_header > .buyer_notification { order: 2; }*/ /*.buyer_profile_header > .add { order: 3; }*/ } /* New Stubs */ .clear-socserv { margin-bottom: 16px; float: right; } /* New menu */ .private-menu { padding: 0; @media all and (max-width: 767px) { display: none; } } .private-menu_group { margin-top: 24px; @media all and (max-width: 1225px) { margin-top: 0; } } .start_tour_order { margin-left: 15px; } .start_tour_order>.--title, .private-menu_group>.--title { display: flex; align-items: center; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; } } .start_tour_order>.--title { @media all and (max-width: 1225px) { border-bottom: none; } } .start_tour_order>.--title>.--title_svg { position: relative; top: -3px; } .start_tour_order>.--title>.--title_svg, .private-menu_group>.--title>.--title_svg { max-width: 24px; width: 100%; height: 24px; } .start_tour_order>.--title>.--title_svg img, .private-menu_group>.--title>.--title_svg img { width: 100%; height: 100%; will-change: transform; } .start_tour_order>.--title>.--title_text, .private-menu_group>.--title>.--title_text { margin-left: 8px; font-weight: 600; font-size: 16px; line-height: 24px; color: #363435; } /* New Stubs */ .private-menu_group>.--list {} .private-menu_group>.--list>.--list_item { font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; display: flex; align-items: center; margin-top: 8px; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; margin-top: 0; } } .private-menu_group>.--list>.--list_item>span { @media all and (max-width: 1225px) { display: none; } } .private-menu_group>.--list>.--list_item>a { @media all and (max-width: 1225px) { width: 100%; position: relative; } } @media all and (max-width: 1225px) { .private-menu_group>.--list>.--list_item>a:before { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; right: 0; position: absolute; top: 50%; transform: translateY(-50%); } } .private-menu_group>.--list>.--list_item a:hover { color: #FA9533; } .private-menu_group>.--list>.--list_item>.--notification { display: flex; align-items: center; } .private-menu_group>.--list>.--list_item>.--notification span { background: #FA9533; font-weight: 600; font-size: 14px; line-height: 140%; color: #FFFFFF; width: 24px; height: 24px; display: flex; align-items: center; border-radius: 24px; justify-content: center; margin-left: 8px; } .private-menu_group>.--list>.--list--active { position: relative; } .private-menu_group>.--list>.--list--active a { color: #FA9533; } .private-menu_group>.--list>.--list--active:after { position: absolute; content: ''; display: block; width: 8px; height: 8px; background-color: #FA9533; top: 50%; left: 0; transform: translateY(-50%) translateX(100%); border-radius: 100%; @media all and (max-width: 1225px) { content: none; } } .private-menu_group>.--list>.--list_item span { width: 32px; height: 24px; } .bottom-bar-popup+.--is-active { .menu-lk { display: block; overflow: auto; top: auto; left: auto; .menu-lk__header { display: none; pointer-events: none; } .private-menu { display: block; } } } /* New menu */ .objects-list-item-head { position: relative; } .object-attention { position: relative; display: inline-block; vertical-align: middle; margin-top: -4px; } .object-attention .--attention { background: url(/local/templates/eastcement/assets/img/general/error.png) no-repeat; width: 24px; height: 24px; display: block; cursor: pointer; } .object-attention .tooltip-block { display: none; -webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2); position: absolute; padding: 10px; background: #fff; left: -73px; } .object-attention:hover .tooltip-block { display: block; } .object-attention:hover .tooltip-block__text .text-nowrap { font-size: 14px; font-weight: normal; color: #333; line-height: 1.5; } .disabled-contact .warning { background: url(/local/templates/eastcement/assets/img/general/error-grey.png) no-repeat; width: 24px; height: 24px; position: absolute; } .disabled-contact { padding: 15px; background: #f1f1f1; max-width: 75%; position: relative; } .disabled-contact .text-block { padding-left: 35px; font-size: 16px; } @media only screen and (max-width: 576px) { .object-attention .tooltip-block { left: -21px; } } #yaid-button-block, #vkid-button-block { margin-bottom: 16px; } #reg-vk-id-icon, #reg-yandex-id-icon, #vkid-button-icon, #yaid-button-icon { display: inline-block; vertical-align: top; } .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .section__content--profile .profile_new .cabinet__titleRow { margin: 0; } .profile_new .cabinet__buttonsGrup { margin-top: 24px !important; margin-bottom: 24px; } .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--title { margin-bottom: 16px; font-weight: 600; font-size: 24px; line-height: 120%; text-align: center; color: #363435; } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .notification_qrcode>.tg-block-footer { display: flex; justify-content: center; align-items: center; margin-top: 0; gap: 16px; } .notification_qrcode>.tg-block-footer>.tg-text-footer { width: auto; } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } /* New Stubs */ .new_stubs--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .section__content--profile .profile_new .cabinet__titleRow { margin: 0; } .profile_new .cabinet__buttonsGrup { margin-top: 24px !important; margin-bottom: 24px; } .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--title { margin-bottom: 16px; font-weight: 600; font-size: 24px; line-height: 120%; text-align: center; color: #363435; } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } .edo_text_color { display: flex; align-items: center; gap: 4px; padding-left: 0 !important; color: #FA9533 !important; fill: #FA9533; } /* New Stubs */ /* Tour */ /*.tour-dialog {*/ /* top: 200px !important;*/ /*}*/ .tour-dialog { @media all and (max-width: 767px) { left: 50% !important; transform: translateX(-50%) !important; width: 97% !important; } } .text-orange { color: #FA9533 !important; } .cursor-pointer { cursor: pointer; } .tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active { background: #FA9533 !important; } .tg-backdrop { z-index: 200000 !important; } .tg-dialog.--hidden { display: none !important; } .tg-backdrop.--hidden { box-shadow: rgba(20, 20, 21, 0.84) 0px 0px 0px 0px, rgba(20, 20, 21, 0.84) 0px 0px 0px 1000vh !important; background: #000000c4 !important; border: none !important; border-radius: 0 !important; } .tg-dialog { z-index: 200001 !important; } /* Tour */ #startTourMobile { display: none; } #startTourTablet { display: block; } @media all and (max-width: 767px) { #startTourMobile { display: block; } #startTourTablet { display: none; } } /* New menu */ .private-menu { padding: 0; position: relative; @media all and (max-width: 1225px) { top: 55px; } @media all and (max-width: 767px) { display: none; top: 0; } } .bottom-bar-popup__title { display: none; @media all and (max-width: 767px) { display: block; } } .private-menu_group { margin-top: 24px; @media all and (max-width: 1225px) { margin-top: 0; } } .private-menu_group>.--title { display: flex; align-items: center; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; } } .private-menu_group>.--title>.--title_svg { max-width: 24px; width: 100%; height: 24px; } .private-menu_group>.--title>.--title_svg img { width: 100%; height: 100%; will-change: transform; } .private-menu_group>.--title>.--title_text { margin-left: 8px; font-weight: 600; font-size: 16px; line-height: 24px; color: #363435; } /* New Stubs */ .private-menu_group>.--list {} .private-menu_group>.--list>.--list_item { font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; display: flex; align-items: center; margin-top: 8px; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; margin-top: 0; } } .private-menu_group>.--list>.--list_item>span { @media all and (max-width: 1225px) { display: none; } } .private-menu_group>.--list>.--list_item>a { @media all and (max-width: 1225px) { width: 100%; position: relative; } } @media all and (max-width: 1225px) { .private-menu_group>.--list>.--list_item>a:before { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; right: 0; position: absolute; top: 50%; transform: translateY(-50%); } .private-menu_group>.--list>.--list_item>.--notification:before { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; right: 0; position: absolute; top: 0; } } .private-menu_group>.--list>.--list_item a:hover { color: #FA9533; } .private-menu_group>.--list>.--list_item>.--notification { display: flex; align-items: center; @media all and (max-width: 1225px) { width: 100%; position: relative; } } .private-menu_group>.--list>.--list_item>.--notification span { background: #FA9533; font-weight: 600; font-size: 14px; line-height: 140%; color: #FFFFFF; width: 24px; height: 24px; display: flex; align-items: center; border-radius: 24px; justify-content: center; margin-left: 8px; } .private-menu_group>.--list>.--list--active { position: relative; } .private-menu_group>.--list>.--list--active a { color: #FA9533; } .private-menu_group>.--list>.--list--active:after { position: absolute; content: ''; display: block; width: 8px; height: 8px; background-color: #FA9533; top: 50%; left: 0; transform: translateY(-50%) translateX(100%); border-radius: 100%; @media all and (max-width: 1225px) { content: none; } } .private-menu_group>.--list>.--list_item span { width: 32px; height: 24px; } .bottom-bar-popup+.--is-active { .menu-lk { display: block; overflow: auto; top: auto; left: auto; .menu-lk__header { display: none; pointer-events: none; } .private-menu { display: block; } } } /* New menu */ .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; /*margin: 16px 0 24px 0;*/ /*@media all and (max-width: 470px){*/ /* margin: 0 0 24px 0;*/ /*}*/ } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--title { margin-bottom: 16px; font-weight: 600; font-size: 24px; line-height: 120%; text-align: center; color: #363435; @media all and (max-width: 767px) { font-size: 20px; } } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .notification_qrcode>.tg-block-footer { display: flex; justify-content: center; align-items: center; margin-top: 0; gap: 16px; } .notification_qrcode>.tg-block-footer>.tg-text-footer { width: auto; } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } /* New Stubs */ .new_stubs--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; /*@media all and (max-width: 470px){*/ /* margin: 0 0 24px 0;*/ /*}*/ } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .profile_new .cabinet__buttonsGrup { margin-top: 24px !important; margin-bottom: 0; } .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } .edo_text_color { display: flex; align-items: center; gap: 4px; padding-left: 0 !important; color: #A8A9A8 !important; fill: #A8A9A8; } .edo_link_main .edo_operator { color: #363435; padding-left: 0; padding-bottom: 16px; } .edo_link_main .edo_link_main-text { color: #A8A9A8; } .edo_notif { margin-top: 8px; margin-bottom: 16px; font-size: 16px; font-weight: 400; line-height: 24px; font-family: 'Source Sans Pro', sans-serif; color: #363435; } .notification_block { max-width: 756px; width: 100%; display: grid; align-items: flex-start; grid-template-columns: 24px auto; padding: 12px; gap: 8px; background: #F1F1F1; @media all and (max-width: 700px) { max-width: none; width: 100%; } } .buyer_profile_header { display: flex; flex-wrap: wrap; gap: 20px; } .buyer_profile_header>.buyer_profile_header-block { box-sizing: border-box; margin-bottom: 0 !important; } .buyer_profile_header>.title, .buyer_profile_header>.add { flex: 1; } .buyer_profile_header>.buyer_notification { width: 100% !important; } @media (max-width: 470px) { .buyer_profile_header>.title, .buyer_profile_header>.add, .buyer_profile_header>.buyer_notification { width: 100%; min-width: 100%; } /*.buyer_profile_header > .title { order: 1; }*/ /*.buyer_profile_header > .buyer_notification { order: 2; }*/ /*.buyer_profile_header > .add { order: 3; }*/ } /* New Stubs */ .clear-socserv { margin-bottom: 16px; float: right; } .tour_2_basket_mobile>#tour_2_basket, .tour_2_basket_tablet>#tour_2_basket { display: none; } .tour_2_customer_consignee { width: 100%; } .tour_2_customer_consignee #tour_2_customer_consignee { max-width: 690px; width: 100%; display: flex; gap: 40px; @media all and (max-width: 767px) { flex-direction: column; gap: 0; } } .tour_2_customer_consignee #tour_2_customer_consignee>div { width: 100%; } .tour_2_customer_consignee #tour_2_customer_consignee .selectholder { max-width: none; } #tour_2_delivery_type { width: max-content; @media all and (max-width: 767px) { width: 100%; } } @media all and (max-width: 1225px) { .tour_2_basket>#tour_2_basket { display: none; } .tour_2_basket_tablet>#tour_2_basket { display: block; } } @media all and (max-width: 767px) { .tour_2_basket_tablet>#tour_2_basket { display: none; } .tour_2_basket_mobile>#tour_2_basket { display: block; } } @media all and (max-width:550px) { .startTourOrder { flex-direction: column; align-items: start !important; } .startTourOrder .start_tour_order { margin-left: 0; } .startTourOrder .start_tour_order .--title { padding-left: 0; } } /* Tour */ #startTourMobile { display: none; @media all and (max-width:767px) { display: block; } } #startTourTablet { display: none; @media all and (max-width:1225px) { display: block; } @media all and (max-width:767px) { display: none; } } #startTourDesc { display: block; @media all and (max-width: 1225px) { display: none; } } [data-id-tablet='tour_1_contract_tablet'] { display: block; height: 100%; } .tg-dialog-body { font-size: 16px; } #tg-arrow { display: none !important; } .tg-dialog-title { font-size: 16px !important; } .tg-dialog-btn, .tg-step-progress { font-size: 12px !important; } /* Tour */ .bottom-bar-popup__title { display: none; @media all and (max-width: 767px) { display: block; } } .private-menu_group { margin-top: 24px; @media all and (max-width: 1225px) { margin-top: 0; } } .private-menu_group>.--title { display: flex; align-items: center; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; } } .private-menu_group>.--title>.--title_svg { max-width: 24px; width: 100%; height: 24px; } .private-menu_group>.--title>.--title_svg img { width: 100%; height: 100%; will-change: transform; } .private-menu_group>.--title>.--title_text { margin-left: 8px; font-weight: 600; font-size: 16px; line-height: 24px; color: #363435; } /* New Stubs */ .private-menu_group>.--list {} .private-menu_group>.--list>.--list_item { font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; display: flex; align-items: center; margin-top: 8px; @media all and (max-width: 1225px) { padding: 16px 24px; border-bottom: 1px solid #F1F1F1; margin-top: 0; } } .private-menu_group>.--list>.--list_item>span { @media all and (max-width: 1225px) { display: none; } } .private-menu_group>.--list>.--list_item>a { @media all and (max-width: 1225px) { width: 100%; position: relative; } } @media all and (max-width: 1225px) { .private-menu_group>.--list>.--list_item>a:before { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; right: 0; position: absolute; top: 50%; transform: translateY(-50%); } .private-menu_group>.--list>.--list_item>.--notification:before { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; right: 0; position: absolute; top: 0; } } .private-menu_group>.--list>.--list_item a:hover { color: #FA9533; } .private-menu_group>.--list>.--list_item>.--notification { display: flex; align-items: center; @media all and (max-width: 1225px) { width: 100%; position: relative; } } .private-menu_group>.--list>.--list_item>.--notification span { background: #FA9533; font-weight: 600; font-size: 14px; line-height: 140%; color: #FFFFFF; width: 24px; height: 24px; display: flex; align-items: center; border-radius: 24px; justify-content: center; margin-left: 8px; } .private-menu_group>.--list>.--list--active { position: relative; } .private-menu_group>.--list>.--list--active a { color: #FA9533; } .private-menu_group>.--list>.--list--active:after { position: absolute; content: ''; display: block; width: 8px; height: 8px; background-color: #FA9533; top: 50%; left: 0; transform: translateY(-50%) translateX(100%); border-radius: 100%; @media all and (max-width: 1225px) { content: none; } } .private-menu_group>.--list>.--list_item span { width: 32px; height: 24px; } .bottom-bar-popup+.--is-active { .menu-lk { display: block; overflow: auto; top: auto; left: auto; .menu-lk__header { display: none; pointer-events: none; } .private-menu { display: block; } } } /* New menu */ .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; margin: 16px 0 24px 0; @media all and (max-width: 470px) { margin: 0 0 24px 0; } } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .section__content--profile .profile_new .cabinet__titleRow { margin: 0; } .profile_new .cabinet__buttonsGrup { margin-top: 24px !important; margin-bottom: 24px; } .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--title { margin-bottom: 16px; font-weight: 600; font-size: 24px; line-height: 120%; text-align: center; color: #363435; @media all and (max-width: 767px) { font-size: 20px; } } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .notification_qrcode>.tg-block-footer { display: flex; justify-content: center; align-items: center; margin-top: 0; gap: 16px; } .notification_qrcode>.tg-block-footer>.tg-text-footer { width: auto; } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } /* New Stubs */ /* New Stubs */ .new_stubs--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notice_edit { margin-top: 8px; } .phone_confirmation, .mail_confirmation { border-bottom: 1px solid #FA9533; cursor: pointer; display: block; width: max-content; margin-right: 4px; } .phone_confirmation:hover, .mail_confirmation:hover { transition: .2s ease-in; color: #FA9533; } .confirm_phone_and_email { max-width: 770px; width: 100%; justify-content: space-between; align-items: start; flex-wrap: nowrap !important; gap: 8px; @media all and (max-width: 720px) { gap: 24px; flex-wrap: wrap !important; } } .profile_new #check-code { max-width: 200px; width: 100%; } .confirm_phone--title { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #7F807F; } .profile--text { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; margin: 16px 0 24px 0; @media all and (max-width: 470px) { margin: 0 0 24px 0; } } @media all and (max-width: 767px) { .section__content--profile .profile_new .block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .profile_new .--phone_not_confirm { flex-direction: column; } .profile_new .--phone_not_confirm>.enter-btn { margin: 0; } .profile_new .--phone_not_confirm>.enter-btn button { margin-top: 16px; width: 100%; } .treaties_main_content { display: block !important; } .treaties_main_content .treaty { flex-wrap: nowrap; } .treaties_main_content .add-treaty { justify-content: start; } .treaties_main_content .section__titleRow { flex-direction: column; align-items: start; } .treaties_main_content .section__titleRow div { min-height: 40px; } .treaties_main_content .attorney-filter-section { flex-direction: column; } .treaties_main_content .attorney-filter-section .treaties-filter-item { max-width: none; margin: 0; width: 100%; } } @media all and (max-width: 469px) { .section__content--profile .profile_new .cabinet__titleRow { margin: 0; } .profile_new .cabinet__buttonsGrup { margin-top: 24px !important; margin-bottom: 24px; } .cardBasket { border: none; padding-bottom: 24px; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .notification_qrcode { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 445px; width: 100%; padding: 16px; border: 1px solid #E5E5E5; @media all and (max-width: 470px) { flex-direction: column; text-align: center; } } .footer_qrcode { margin-top: 64px; display: flex; align-items: start; justify-content: space-between; flex-direction: column; gap: 8px; max-width: 210px; width: 100%; @media all and (max-width: 767px) { display: none; } } .notification_qrcode>.--qrcode, .footer_qrcode>.--qrcode { width: 110px; height: 100%; } .notification_qrcode>.--text, .footer_qrcode>.--text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #363435; } .notification_qrcode>.--text span, .footer_qrcode>.--text span { border-bottom: 1px solid #FA9533; } .white_btn_hover:hover { color: white; } .favorite_order_breadcrumbs .clear_favorite { display: flex; align-items: center; gap: 4px; } @media all and (max-width: 1225px) { .favorite_order_breadcrumbs { padding: 24px; @media all and (max-width: 767px) { padding: 24px 10px; } } .favorite_order_breadcrumbs .cart-title-container { margin-left: -10px; } } .edo_text_color { display: flex; align-items: center; gap: 4px; padding-left: 0 !important; color: #FA9533 !important; fill: #FA9533; } .edo_notif { margin-top: 8px; margin-bottom: 16px; font-size: 16px; font-weight: 400; line-height: 24px; font-family: 'Source Sans Pro', sans-serif; color: #363435; } } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--title { margin-bottom: 16px; font-weight: 600; font-size: 24px; line-height: 120%; text-align: center; color: #363435; @media all and (max-width: 767px) { font-size: 20px; } } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } .placeholder_template { border-radius: 10px; text-align: center; max-width: 676px; width: 100%; margin: 55px auto auto; } .placeholder_template--description { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #363435; margin-bottom: 24px; } /* Popup Block */ .popup-block { display: none; } .popup-block.--is-active { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1010; background: rgba(54, 52, 53, .5); display: flex; justify-content: center; align-items: center; } .popup-block__container { width: 90%; max-width: 570px; height: auto; margin: 0 auto; display: grid; grid-template-columns: 100%; grid-template-rows: auto; align-content: safe center; background: #fff; padding: 40px 40px 24px; position: relative; @media screen and (min-width: 768px) { padding: 40px 40px 16px; } } .popup-block__container.--info { max-width: 390px; padding-bottom: 40px; } .popup-block__container.--info .popup-block__content, .popup-block__container.--info .popup-block__title { margin-bottom: 0; } .popup-block__container.--info .popup-block__buttons { margin-top: 24px; } @media screen and (min-width: 768px) { .popup-block__container.--info .popup-block__buttons { margin-top: 32px; } } .popup-block__container.--info .popup-block__buttons .button { min-width: auto; margin-bottom: 0; } .popup-block__content { margin-bottom: 24px; text-align: center; } @media screen and (min-width: 768px) { .popup-block__content { margin-bottom: 32px; } } .popup-block__icon { display: block; width: 40px; height: 40px; margin: 0 auto 16px; } .popup-block__icon.--success { background: url('/local/templates/eastcement/assets/css/../img/svg/popup-icon-success.svg') no-repeat center; background-size: contain; } .popup-block__icon.--error { background: url('/local/templates/eastcement/assets/css/../img/svg/popup-icon-error.svg') no-repeat center; background-size: contain; } .popup-block__title { font-size: 24px; font-weight: 600; line-height: 120%; margin-bottom: 24px; @media screen and (min-width: 768px) { font-size: 34px; margin-bottom: 16px; } } .popup-block__text { font-size: 16px; line-height: 24px; margin-top: 24px; } .popup-block__buttons { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -8px; } .popup-block__buttons .button { width: 100%; min-width: 140px; margin: 0 8px 16px; @media screen and (min-width: 768px) { width: auto; margin-bottom: 24px; } } .popup-block__close { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; cursor: pointer; background: url('/local/templates/eastcement/assets/css/../img/svg/close.svg') no-repeat center; } /* Form Block*/ .form-block__control.--has-error .selectbox_input, .form-block__control.--has-error .selectbox_wrapper.--disabled .selectbox_input { border-color: #FF0000; } .form-block__error { display: none; font-size: 16px; line-height: 24px; color: #FF0000; margin-top: -4px; } .form-block__error.--mt-8 { margin-top: 8px; } .form-block__error.--is-shown { display: block; } .form-block__control-select:not(.--is-clearable) .selectbox_input_value { color: #7F807F; } /* Note-block */ .note-block { padding: 16px; display: flex; gap: 8px; background: #F1F1F1; } .note-block .note-block__icon { flex: 0 0 24px; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/svg/note.svg') center no-repeat; background-size: contain; } .note-block .note-block__text { font-size: 16px; line-height: 24px; } /* New Stubs */ /* Calc */ .calc.--main { background: #FA9533; padding: 32px 40px; gap: 24px; display: flex; justify-content: space-between; align-items: center; } .calc.--main .calc__content { display: grid; grid-template-columns: 100%; gap: 8px; } .calc.--main .calc__title { color: #fff; font-weight: 700; font-size: 40px; line-height: 40px; } .calc.--main .calc__text { color: #fff; font-weight: 600; font-size: 18px; line-height: 24px; } @media (max-width:1225px) { .calc.--main { flex-direction: column; align-items: flex-start; } } @media (max-width:767px) { .calc.--main { padding: 24px; } .calc.--main .calc__title { font-size: 28px; line-height: 32px; } .calc.--main .calc__text { font-size: 16px; } } svg { max-width: 100%; height: auto; } .block_qr_auth { position: relative; cursor: pointer; display: flex; align-items: left; justify-content: left; transition: ease 0.3s; margin-top: 1%; } .block_qr_auth>.block_qr_auth__text { margin-left: 8px; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 24px; color: #FA9533; } .section_qr_auth { width: max-content; flex: 0; display: flex; align-items: center; justify-content: start; border-radius: 50px; cursor: pointer; } .qr_auth svg { width: 70px; height: 70px; } .qr__popup_layout { background-color: #212121c7; position: fixed; height: 100%; width: 100%; display: flex; top: 0; left: 0; z-index: 99999999; transition: ease-in 0.2s; opacity: 0; pointer-events: none; } .qr__popup_modal { background-color: white; border-radius: 30px; margin: auto; transition: ease 0.3s; transform: translateY(-50px); padding: 35px 20px; max-width: 360px; user-select: none; } .qr__popup_modal_qrContainer { position: relative; min-height: 278px; min-width: 278px; } .qr__popup_modal_loader { /*filter: blur(6px);*/ transition: ease 0.3s; } .qr__popup_modal_hair { display: none; } @media only screen and (max-width: 576px) { .qr__popup_layout { overflow: hidden auto; } .qr__popup_modal { transform: translateY(100%); border-radius: 30px 30px 0 0; transition: ease 0.7s; } .qr__popup_modal_hair { display: block; position: absolute; content: ''; width: 57px; height: 4px; border-radius: 30px; background-color: #b5b5b5; top: 20px; left: 50%; transform: translateX(-50%); } } .qr__popup_modal_qrContainer .qr__popup_loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .qr__popup_modal_qrContainer .qr_skeleton { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .qr__popup_modal_qrContainer .qr_loader { position: static; border: 6px dashed #fa9533; width: 50px; height: 50px; } .qr__popup_modal_qrContainer .qr_auth { width: 100%; height: 100%; } .qr__popup_modal_qrContainer .qr_auth svg { width: 100%; height: 100%; } .qr__popup_modal img { width: 100%; height: 100%; } .qr__popup_layout_show { opacity: 1; pointer-events: all; } .qr__popup_modal_content_text { font-family: 'Source Sans Pro'; font-size: 20px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #363435; text-align: center; margin-bottom: 15px; } .qr__popup_layout_show .qr__popup_modal { transform: translateY(0); } .qr__popup_layout_show .qr__popup_modal { transform: translateY(0); } @media only screen and (max-width: 576px) { .qr__popup_layout_show .qr__popup_modal { transform: translateY(60%); } } .qr__popup_modal_btn { display: block; font-family: 'Source Sans Pro'; font-size: 17px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: white; transition: ease 0.2s; text-align: center; width: 100%; margin-bottom: 7px; padding: 10px 0; border-radius: 12px; } .qr__popup_modal_btn-share { background-color: #fa95336b; } .qr__popup_modal_btn-close { margin-bottom: 0; color: #fa9533; } .qr__popup_modal_btn-close:hover { background-color: #fa9533; color: white; } .qr__popup_modal_btn-share:hover { background-color: #fa9533; } .auth__form_switch-button { font-weight: bold; line-height: 140%; font-size: 18px !important; padding: 11px 24px; -webkit-appearance: none; width: 100%; border-radius: 20px; border: 2px solid #eeeeee; transition: ease .2s; margin-top: 10px; } .popupLogin__closeRow { top: -25px; right: -33px; border-radius: 50%; background: white; width: 40px; height: 40px; align-items: center; transition: ease-in .3s; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: ease .3s; } .popupLogin__closeRow svg, svg path { transition: ease .3s; } .popupLogin__closeRow:hover { background-color: #FA9533; transform: rotate(180deg); } .popupLogin__closeRow:hover svg path { fill: white; } .auth__form_switcher { position: relative; display: flex; background: #f5f5f5; border-radius: 12px; padding: 4px; margin: 20px 0; transition: ease .3s; } .auth__form_switch-button { position: relative; flex: 1; padding: 12px 16px; border: none; background: none; cursor: pointer; font-size: 14px; font-weight: 600; color: #666; transition: color 0.3s ease; z-index: 2; margin-top: 0; pointer-events: all; } .auth__form_switch-button.active { color: #FA9533; pointer-events: none; } .auth__form_switcher-slider { position: absolute; top: 4px; left: 4px; width: calc(50% - 4px); height: calc(100% - 8px); background: white; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; z-index: 1; } .auth__form_switcher-slider.slide-right { transform: translateX(100%); } .popupLogin__title { margin-bottom: 0; } .auth__form-socials { margin-top: 12px; transition: linear .15s; opacity: 0; transform: translateX(-20px); } .auth__form-socials_fade { transform: translateX(0); opacity: 1; } .otp-input-container { transition: ease .3s; overflow: hidden; pointer-events: none; height: 0; } .otp-input-container-show { overflow: visible; height: 115px; pointer-events: all; margin: 20px 0; } .otp-input-fields { display: flex; gap: 12px; justify-content: center; } .otp-input { width: 60px; height: 60px; text-align: center; font-size: 24px; font-weight: bold; border: 2px solid #ddd; border-radius: 8px; background: #fff; transition: all 0.3s ease; } .otp-input:focus { border-color: #FA9533; box-shadow: 0 0 0 3px rgb(255 118 0 / 10%); outline: none; } .otp-input.filled { border-color: #FA9533; background-color: #fdf3e9; } #otp-info { margin-top: 10px; animation: fadeInMessage forwards .3s; } @keyframes fadeInMessage { from { opacity: 0; } to { opacity: 1; } } .auth-slide .timer-tick-wrapper { width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 12px; background-color: #FA9533; color: white; } .auth__form_repeat-btn { opacity: 0; pointer-events: none; transition: ease .3s; max-height: 0; } .auth__form_repeat-btn-show { opacity: 1; pointer-events: all; max-height: unset; } .auth__form_repeat-btn-disabled { opacity: 0.75; pointer-events: none; } .auth__form_repeat-btn .korus-link { padding: 12px 0; } #otp-slide .korus-link .korus-link__text { margin-bottom: 0 !important; font-weight: 500 !important; color: white !important; } #otp-slide .korus-link { margin-bottom: 0 !important; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } .otp-input-container.shake { animation: shake 0.5s ease-in-out; } .otp-input.error { border-color: #dc3545 !important; background-color: #fff5f5 !important; box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important; } .otp-input.filled { border-color: #FA9533; background-color: #fa953312; pointer-events: none; } .otp-input:focus { border-color: #FA9533; box-shadow: 0 0 0 3px rgb(255 118 0 / 10%); outline: none; } .otp-input-container.disabled { opacity: 0.5; pointer-events: none; } .otp-input:disabled { cursor: not-allowed; background-color: #f2f2f2; } .auth__form_switcher-hidden { height: 0; overflow: hidden; padding: 0; margin: 0; } .popup__login-loader { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #00000057; z-index: 3; border-radius: 33px; backdrop-filter: blur(4px); transition: ease .25s; display: flex; justify-content: center; align-items: center; pointer-events: none; opacity: 0; } .popup__login-loader-show { opacity: 1; pointer-events: all; } .popup__login-loader-item { position: relative; width: 130px; height: 100px; background-repeat: no-repeat; background-image: linear-gradient(#FA9533, #FA9533), linear-gradient(#ffad5b, #ffad5b), linear-gradient(#ffad5b, #ffad5b); background-size: 80px 70px, 30px 50px, 30px 30px; background-position: 0 0, 80px 20px, 100px 40px; } .popup__login-loader-item:after { content: ""; position: absolute; bottom: 10px; left: 12px; width: 10px; height: 10px; background: #fff; border-radius: 50%; box-sizing: content-box; border: 10px solid #000; box-shadow: 78px 0 0 -10px #fff, 78px 0 #000; animation: wheelSkLogin 0.75s ease-in infinite alternate; } .popup__login-loader-item:before { content: ""; position: absolute; right: 100%; top: 0px; height: 70px; width: 70px; background-image: linear-gradient(rgb(255 255 255) 45px, transparent 0), linear-gradient(rgb(153, 153, 153) 45px, transparent 0), linear-gradient(rgb(255 255 255) 45px, transparent 0); background-repeat: no-repeat; background-size: 30px 4px; background-position: 0px 11px, 8px 35px, 0px 60px; animation: lineDroppingLogin 0.75s linear infinite; } @keyframes wheelSkLogin { 0%, 50%, 100% { transform: translatey(0) } 30%, 90% { transform: translatey(-3px) } } @keyframes lineDroppingLogin { 0% { background-position: 100px 11px, 115px 35px, 105px 60px; opacity: 1; } 50% { background-position: 0px 11px, 20px 35px, 5px 60px } 60% { background-position: -30px 11px, 0px 35px, -10px 60px } 75%, 100% { background-position: -30px 11px, -30px 35px, -30px 60px; opacity: 0; } } .reg-type-switcher { margin-bottom: 20px; position: relative; display: flex; background: #f5f5f5; border-radius: 12px; padding: 4px; margin: 20px 0; transition: ease .3s; max-height: 58px; } .reg-content { transition: opacity 0.3s ease; } .reg-type-switcher-hidden { max-height: 0; overflow: hidden; padding: 0; margin: 0; } .auth__form-back-btn { width: 36px; height: 36px; border-radius: 50%; background: #f2f2f2; position: absolute; top: 45px; transform: rotate(180deg); left: 40px; transition: ease .3s; } .auth__form-back-btn-hidden { opacity: 0; pointer-events: none; } .auth__form-back-btn:hover { opacity: 0.75; } .auth__form-registration-input { border-radius: 12px; padding: 13px 16px; margin-bottom: 0; transition: ease .2s; background-color: white; font-size: 18px; width: 100%; max-height: 48px; outline: none; border: 2px solid #f2f2f2; } .auth__form-registration-input:focus { border-color: #FA9533; outline: none; } .auth__form-registration-input::placeholder { font-size: 18px; } .auth__form-registration-input:hover { border-radius: 25px; } .auth__form-variant-btns { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .auth__form-variant-btns .korus-link { margin-bottom: 0 !important; } .auth__form-reg-btn { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; width: auto; cursor: pointer; transition: ease .2s; } .auth__form-reg-btn:hover { opacity: 0.8; } .auth__form-registration { display: flex; flex-direction: column; gap: 15px; transition: ease .5s; max-height: 0; overflow: hidden; pointer-events: none; justify-content: space-between; } .auth__form-registration-show { max-height: 492px; pointer-events: all; min-height: 450px; } .auth__checkbox-link { color: #FA9533; transition: ease .2s; } .auth__checkbox-link:hover { opacity: 0.8; } .auth__form-registration-btn { font-weight: bold; line-height: 140%; font-size: 18px !important; padding: 11px 24px; width: 100%; border-radius: 12px; transition: ease .3s; color: white; background-color: #FA9533; } .auth__form-registration-btns { display: grid; grid-template-columns: 140px 1fr; gap: 20px; } .auth__form-registration-btn:disabled { pointer-events: none; opacity: 0.6; } .auth__form-registration-next:hover { background-color: #FE601F; color: white !important; } .auth__form-registration-back { background: #f2f2f2; color: #414441; } .auth__form-registration-back:hover { color: #414441; } .auth__form-registration-enter:hover { background-color: #FA9533; } .auth__form-registration-step { font-weight: bold; line-height: 140%; font-size: 18px !important; padding: 11px 24px; width: 100%; border-radius: 12px; transition: ease .3s; color: white; background-color: #FA9533; } @media screen and (max-width: 768px) { .auth__form-registration-step { font-size: 15px !important; } } .auth__form-registration-step:hover { background-color: #FA9533; } .popup__login-step { color: #a0a0a0; font-size: 16px; position: absolute; top: 20px; right: 40px; font-weight: 600; transition: opacity .2s; opacity: 0; pointer-events: none; } .popup__login-step-show { opacity: 1; pointer-events: all; } .auth__form-registration-first-step { display: flex; flex-direction: column; gap: 15px; transition: ease .5s; overflow: hidden; max-height: 450px; } .auth__form-registration-second-step { display: flex; flex-direction: column; gap: 15px; transition: ease .5s; overflow: hidden; } .auth__checkbox-wrapper { display: flex; align-items: flex-start; gap: 12px; margin: 20px 0; cursor: pointer; } .auth__checkbox { display: inline-block; width: 22px; height: 22px; position: relative; flex-shrink: 0; margin-top: 2px; } .auth__checkbox>* { position: absolute; top: 0; left: 0; } .auth__checkbox input { -webkit-appearance: none; -moz-appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; background-color: #fff; border-radius: 4px; border: 1px solid #d1d6ee; outline: none; margin: 0; padding: 0; transition: all 0.1s linear; width: 100%; height: 100%; z-index: 1; } .auth__checkbox input:hover { border: 2px solid #FA9533; } .auth__checkbox input:checked { border: 2px solid #FA9533; background-color: #FA9533; transition-delay: 0.05s; } .auth__checkbox svg { fill: none; pointer-events: none; stroke: white; stroke-dasharray: 93; stroke-dashoffset: 94; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; transition: stroke-dasharray 0.05s, stroke-dashoffset 0.05s; width: 100%; height: 100%; z-index: 2; opacity: 0; } .auth__checkbox input:checked+svg { stroke-dasharray: 16 93; stroke-dashoffset: 109; opacity: 1; } .auth__checkbox-text { font-size: 13px; line-height: 13px; color: #555; user-select: none; text-align: left; } .auth__checkbox-text a { color: #FA9533; text-decoration: none; font-weight: 600; } .auth__checkbox-text a:hover { text-decoration: underline; } .hidden-svg { display: none; } .auth__form-registration-input.input-error { border-color: #ff0000; } .auth__form-registration-error { color: #ff0000; font-size: 12px; margin-top: 0; opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.3s ease, max-height 0.3s ease, margin-top 0.3s ease; } .auth__form-registration-error.show { opacity: 1; max-height: 50px; } .auth__form-registration-step:disabled { opacity: 0.5; cursor: not-allowed; } .auth__form-registration-wrapper { transition: margin-bottom 0.3s ease; } .auth__form-registration-wrapper.has-error { margin-bottom: 8px; } .auth__form-registration-input.shake { animation: shake 0.5s; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } .disable-btn { opacity: 0.5; cursor: not-allowed; pointer-events: none; } @media (max-width: 768px) { .popupLogin { animation: slideInFromBottom ease .4s; } @keyframes slideInFromBottom { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } } @media screen and (max-width: 768px) { .popup__login-loader { border-radius: 32px 32px 0 0; } } @media screen and (max-width: 768px) { .auth__form-registration-btn { font-size: 15px !important; } } @media screen and (max-width: 768px) { .auth__form_switch-button { padding: 12px 9px; } } @media screen and (max-width: 768px) { .popup__login-step { right: 50%; transform: translateX(50%); } } .popupLogin_dialog-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 32px; background-color: white; z-index: 3; padding: 60px 20px; display: flex; justify-content: center; flex-direction: column; align-items: center; opacity: 0; transform: scale(0.5); pointer-events: none; } @media screen and (max-width: 768px) { .popupLogin_dialog-screen { padding: 20px 10px; border-radius: 32px 32px 0 0; } .popupLogin-img-success { width: 250px; height: 250px; } .popupLogin-img-error { width: 130px; height: 130px; } .popupLogin_dialog-screen-title { font-size: 20px; } .popupLogin_dialog-screen-message { font-size: 16px; } .popupLogin-dialog-screen-button { padding: 12px 15px; font-size: 14px; } } .popupLogin_dialog-screen-show { opacity: 1; transform: scale(1); pointer-events: all; } .popupLogin-img-success { width: 250px; height: 250px; object-fit: contain; } .popupLogin_dialog-screen-title { font-size: 30px; font-weight: 700; margin-bottom: 15px; } .popupLogin-dialog-screen-button { padding: 16px 30px; background: #FA9533; color: white; border-radius: 12px; font-size: 18px; font-weight: 700; } .popupLogin-img-error { width: 200px; height: 200px; } .popupLogin_dialog-screen-message { font-size: 20px; line-height: 24px; margin-bottom: 15px; } .popupLogin-password-wrapper { position: relative; } .login-view-pass-btn { position: absolute; right: 20px; bottom: 50%; transform: translateY(50%); cursor: pointer; } .login-view-pass-btn-show path { fill: #FA9533 } #popupLogin .timer-otp { margin-bottom: 0px !important; } #popupLogin .timer-tick-wrapper { min-height: 47px !important; cursor: pointer; } #popupLogin .timer-tick-wrapper:hover { background-color: #FE601F; } #popupLogin .korus-link__text { border: none; } #popupLogin .timer-counter { color: white; } .yaPreloadingSuggestBlockContainer { height: auto !important; min-height: 44px !important; width: 44px !important; } .reset-password-slide { transition: ease .2s; overflow: hidden; max-height: 0; display: flex; flex-direction: column; gap: 30px; } .reset-password-slide-show { max-height: 300px; } .reset-password-slide-btn { font-weight: bold; line-height: 140%; font-size: 18px !important; padding: 11px 24px; width: 100%; border-radius: 12px; transition: ease .3s; color: white; background-color: #FA9533; } .reset-password-slide-buttons { display: grid; grid-template-columns: 140px 1fr; gap: 20px; } .reset-password-slide-btn-back { background: #f2f2f2; color: #414441; } .reset-password-slide-text { font-weight: 600; margin-top: 15px; font-size: 16px; text-align: left; margin-bottom: 5px; } .popupLogin-notification { position: absolute; top: 20px; left: 50%; transform: translateX(-50%) translateY(-20px); padding: 12px 10px; min-width: 200px; color: #fafafa; background: #1c1d2b; font-weight: 600; font-size: 15px; border-radius: 12px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 9999999; } .popupLogin-notification.show { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .notification-content { position: relative; z-index: 2; } .progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: rgba(255, 255, 255, 0.2); border-radius: 0 0 12px 12px; overflow: hidden; } .progress-line { width: 100%; height: 100%; background: linear-gradient(90deg, #ff6b6b, #ff8e8e); border-radius: 0 0 12px 12px; transform: translateX(-100%); } .popupLogin-notification.show .progress-line { animation: progressNotification 5s linear forwards; } @keyframes progressNotification { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .phone-input-wrapper { max-height: 100px; transition: ease .2s; overflow: hidden; } .phone-input-hidden { max-height: 0; } .otp-send-button { margin-top: 25px; } .fake-email-input-wrapper { max-height: 0; transition: ease .2s; overflow: hidden; } .fake-email-input-wrapper-show { max-height: 100px; margin-top: 10px; } #auth__form-registration-input-email-fake { background-color: #f2f2f2; color: #7F807F; cursor: not-allowed; } .auth__form-registration-show-second-step { min-height: 280px; } .noTransition-form div { transition: none !important; } .noTransition-form .auth__form-registration-wrapper { transition: margin-bottom 0.3s ease !important; } .single-otp-wrapper { position: relative; width: 100%; } .single-otp-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border: none; background: transparent; font-size: 16px; caret-color: transparent; z-index: 10; } .otp-visual-fields { display: flex; gap: 12px; justify-content: center; align-items: center; height: 60px; } .otp-visual-digit { width: 50px; height: 60px; border: 2px solid #ddd; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; background: white; transition: all 0.2s ease; } .otp-visual-digit.filled { border-color: #f2f2f2; background: #f2f2f2; } .otp-visual-digit.active { position: relative; border-color: #FA9533; box-shadow: 0 0 0 2px #fa953345; } #single-otp-input:not(:placeholder-shown) ~ .otp-visual-fields .otp-visual-digit.active:nth-child(1)::before { content: ''; display: block; position: absolute; pointer-events: none; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; width: 2px; height: 25px; background: #FA9533; opacity: 1; z-index: 3; border-radius: 106px; animation: cursor 1s infinite step-end; } #single-otp-input:not(:placeholder-shown) ~ .otp-visual-fields .otp-visual-digit.active:nth-child(2)::before { content: ''; display: block; position: absolute; pointer-events: none; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; width: 2px; height: 25px; background: #FA9533; opacity: 1; z-index: 3; border-radius: 106px; animation: cursor 1s infinite step-end; } #single-otp-input:not(:placeholder-shown) ~ .otp-visual-fields .otp-visual-digit.active:nth-child(3)::before { content: ''; display: block; position: absolute; pointer-events: none; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; width: 2px; height: 25px; background: #FA9533; opacity: 1; z-index: 3; border-radius: 106px; animation: cursor 1s infinite step-end; } #single-otp-input:not(:placeholder-shown) ~ .otp-visual-fields .otp-visual-digit.active:nth-child(4)::before { content: ''; display: block; position: absolute; pointer-events: none; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; width: 2px; height: 25px; background: #FA9533; opacity: 1; z-index: 3; border-radius: 106px; animation: cursor 1s infinite step-end; } @keyframes cursor { 50% { background: transparent; } } .otp-visual-digit.error { border-color: #dc3545; background: #f8d7da; } .otp-input-container.shake .otp-visual-fields { animation: shake 0.5s ease-in-out; } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } /* End */ /* Start:/local/templates/eastcement/assets/css/suggestions.min.css?17697328699668*/ .suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-addon{display:none;opacity:0;position:absolute}.suggestions-addon[data-addon-type=spinner]{background:rgba(255,255,255,.75) url(data:image/gif;base64,R0lGODlhEAAQAKUAABwaHIyOjMzKzOTm5LSytFxaXHR2dJyenNza3PT29Ly+vISGhERGRJSWlNTS1Ozu7Ly6vGRmZHx+fKSmpOTi5Pz+/MTGxDQyNJSSlMzOzOzq7LS2tHx6fNze3Pz6/MTCxIyKjExKTJyanNTW1PTy9GxqbKyqrP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAnACwAAAAAEAAQAAAGk8CTcHgSHYjIU8dAOoFApwfDkfQYJqcFdBFKECleS4mCaSAum1MiIwQFHBWTRtgJxC8XYYIggSQlABwPRAODSB0jQxYKEB9JQiUFBQaLCo6PEZIGQyReSCRNQx4ZBIlIDgQOHkIQEBQVI54kIxUUG35RqxQEJBkOJAQDJx6GQh4biQJsGRCrSA/NJ8rDG8WPI6ZIQQAh+QQJCQArACwAAAAAEAAQAIUEAgSEgoTEwsTk4uSkoqRERkRkYmTU0tT08vSUlpS0srRsbmwcHhyMiozMyszs6uysqqxcXlzc2tz8+vxMTkycnpy8urx0dnQcGhyEhoTExsTk5uSkpqRMSkxsamzU1tT09vScmpy0trR0cnQ0MjSMjozMzszs7uysrqzc3tz8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGk8CVcLiCoIjI1aAEWoVCq1NEkpw0RKsENGFoDh+TlSmwIXAGHcEKdBASCB+V5SQcVFSKQkcIEoQ0SSUkGQhEJ4VIAylDHyYObUkrFx4eAR8OJpBJk5VDCF5EEporEyYKH0kjAAt0KxYWAyofXghxBBgMQidhAwoImQgKAysIgEMTIqiYYhZhSCfNK8vIrZErH6hJQQAh+QQJCQAkACwAAAAAEAAQAIUEAgSEhoTExsTk5uRMTkykpqTU1tRsamz09vS0trR0dnScmpzMzszs7uzc3tw0MjRcXly0srT8/vy8vrx8fnwcGhyUkpTMyszs6uysqqzc2tx0cnT8+vy8urx8enykoqTU0tT08vTk4uRkZmT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkECScEhKdIhI0qCAIGUypJDCkeR8BE7oR8EhNrqaRSMSEY0uJIRB2OmIJIKQcJCRTCAQIYeRWCMXBAtyQyFNSCIiQwYMFyBJQgEeHhYGFwyOjwEKk4SGRA5+egwRoUMUFR4NbG4SBoYaGxIZDw9CXyQiESGXDAAFaQxEHH0kliQHFZ5DDR1dxhgVWI9CBqVDQQAh+QQJCQAmACwAAAAAEAAQAIUcGhyMjozMysxUVlTk5uSsrqx0cnT09vS8vrzc3tyEgoScnpxERkTU0tTs7uy0trRkZmR8fnz8/vzExsSMioykpqQ0MjSUlpTMzsxcWlzs6uy0srR0dnT8+vzEwsTk4uSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjkCTcGiaCIhIk4PUMZEQphHlk+w8Gk7oJtAcOpqEzQgxIUSwh4SQRPpIRAehhiSZcDjCDuYhSpYgJSNEI3FIGlRCIhgCWEkmFxQUCyICGI1JkCALQ4RJH2pDeht9SBQWIIJObW+FCQoSDyEMQl8mH2IQECIABSYHlyZWfQMZJhwWhURLTcRKFhiOQwZ4SUEAIfkECQkAKQAsAAAAABAAEACFBAIEhIKExMLE5OLkREZEpKKkZGZk1NLU9PL0tLK0dHZ0XF5cnJqczMrM7OrsbG5s3Nrc/Pr8vLq8NDI0jI6MTE5MrK6sHBochIaExMbE5ObkTEpMpKakbGps1NbU9Pb0tLa0fH58ZGJkzM7M7O7sdHJ03N7c/P78vL68////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpDAlHCY8niIyBRJEkk1RqlPwZGMgA5OqIDTHJKamgRidHAwjpGBUCIZnDwfISlzOlAowsgIdERKQglxQwiCRA5UQh4jDVhJKQUMDBYeT41JkJKDhUMDJkR6CX1EDBUMCGttJyWeKQMUJygLInJNBQAHJQoQEyApEaIpCBcPKQYdKRgbm0IZF1TGSgSWjiEBjkEAIfkECQkAJgAsAAAAABAAEACFBAIEhIKExMLE5OLkpKKkTE5M1NLU9PL0lJKUZGZktLK0zMrM7Ors3Nrc/Pr8nJqcdHZ0NDI0jI6MrKqsXF5cHBochIaExMbE5ObkpKak1NbU9Pb0lJaUbGpsvLq8zM7M7O7s3N7c/P78nJ6cfHp8ZGJk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpRAk3Bo0miISBPI4zAtPiaHB5SUGpzQD5MIaoYUh48BpMBEzSaPByPSbIQHjahByAgdH8UReXkI3kMHgEQHVEIaHwtXSSYKExMeGk+LSQoZkEMGDUkYaEIMHQAQSRMJGQdCFRUZDgEhQhgjIgsQoyYXbxMVGhYWAwUCJhuvQxsRoxAkJgglg0MLEVTJShSbjEISCIxBACH5BAkJACkALAAAAAAQABAAhRwaHIyOjMzKzFxaXKyurOTm5HR2dJyenLy+vPT29Nze3DQ2NISChJSWlNTS1GxqbLS2tOzu7KyqrMTGxPz+/ERGRIyKjDQyNJSSlMzOzGRmZLSytOzq7Hx6fKSipMTCxPz6/OTi5ISGhJyanNTW1HRydLy6vPTy9ExKTP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTwJRwmCKRiMhUxARKCTIpkCmSBEEcTmiGSYw0C5tTxnHahKLUlMkUopASwhOJEoKYhKAM5Ih0XJtDJ3BIJydDJQMDD0lCHwgmE4gDGowpjggTQyQKSREFXR0ADEkQDBuDFxcSFAFnKRyrDhYBQgJwGwsKGA0hGgIpCa5CCRUWKSLGHgaARA4VhsgpJwaclSkjB4xBACH5BAkJACgALAAAAAAQABAAhQQCBISChMTGxKSipOTm5ERGRLSytGxqbJSSlNTW1PT29IyKjMzOzKyqrOzu7FxeXLy6vHR2dDQyNExOTJyanOTi5Pz+/Hx+fBwaHISGhMzKzKSmpOzq7ExKTLS2tNza3Pz6/IyOjNTS1KyurPTy9Ly+vHx6fJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTQJRwiEokiEiUAwJCaRgoEMSRBHlETiiDSRQoUBUDiSEiGSpRKgqD2VgSXxQpYal4IELOARBJiq5NQyIfSSQkQwEHB31JKCIMGgkXiox+kEdCH2hIDmpCDhkSCEkCFF5CHR0eFicEnxAWHwMbQiJfJRMVAwMEF1ggrkMKDxQoCCcoBiGBRAkPhxTFCgubjSgNI41BACH5BAkJACoALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSWlHRydCwuLMzKzOzq7KyqrNza3Pz6/Ly6vIyOjFxeXJyenHx6fBwaHISGhMTGxOTm5KSmpNTW1PT29LS2tGxubJyanHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vGRiZP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJVwqOJwiEhV5uJQNUaqiISUPFw+TuhIEiE2OioCwDAyHBCDKFXFEJVOC5PwwDkNPBIhyXIJJA0eBl1DHHJIBwdDExYWGElCZA0ciyGOjwZPR0ImGlWJQwcKBRVJHAiCQhQpKCcPTSokDXZ4QhxdGQkaCAgkIBBqRB0LGyoPDyooG4NEJiGJxiodG6+PKrRJQQAh+QQJCQAnACwAAAAAEAAQAIUcGhyMjozMyszk5uRUVlSsrqx0cnTc2tz09vS8vryEgoScnpxERkTU0tTs7uy0trRkZmR8enzk4uT8/vzExsSMioykpqQ0MjSUlpTMzszs6uxcWly0srR0dnTc3tz8+vzEwsSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkMCTcHgydIjIk+DiOBE2p0+piURcIk5opvQhNhAnE2AEgZA4gyiVIXpMFB4hYjSRlEpCR+gSSDY4GV1DBxJJCCRDCxUVGElCDRkCI4qMjicNAhkjQxIaSSRUQiQWEAVJIxwNgh0GAhNTonQSD3gnHmAZCgMgIA4chROhURUPJyUJl1xJEhVgxycIsJYnFAKOQQAh+QQJCQApACwAAAAAEAAQAIUEAgSEgoTExsTk5uRERkSkoqRkZmTU1tSUlpT09vS0srRcXlx0dnSMiozMzszs7uzc3tw0NjRMTkysqqx0cnScnpz8/vy8urwcGhyEhoTMyszs6uxMSkykpqRsamzc2tycmpz8+vxkYmR8fnyMjozU0tT08vTk4uS8vrz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj8CUcJgKBIjIVIlgShk8qQ1GkEwQGk6oAZMgHkIpReRDYZQAnZTlIVyIUBbSSfhhWE6Xi9CE4FSSJQoOYEMQA0kmXUITICBpSUoOGgeMjpBKGg4HQwNsSCaeQgkKAXpIgSWEDSQOFhqeJgd3eUInYB8gDyUlDwqHIaEpIRVUGhopDheERAMdYJnCF8GAm0lBACH5BAkJACgALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSSlHRydBweHMzKzOzq7KyqrNza3Pz6/IyOjLy6vJyanHx6fBwaHISGhMTGxOTm5KSmpFxeXNTW1PT29GxubHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaWQJRwiJIoiEgUZ3NAfSooESiU7GwoTugH1CGSIqhJYRC4cCwj1KEhXHwaJUpGSAqUCBaG8EBIPJILAB4ORAOESBwcQxMPDwhJQiGSHAgjGo+QBiENikIiTUgHoEIdAhQYSZQGYCgEGhAlHF1qHCUDExNCDl0DCAchBgcIcxEiRCUTBigNVCETrEQiE12bKBETxpBCiZBBADs=) 50% 50% no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.suggestions-addon[data-addon-type=clear]{background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=) 50% 50% no-repeat;background-size:contain;cursor:pointer;opacity:.8}.suggestions-addon[data-addon-type=clear]:hover{opacity:1}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#f89633;}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:14px 14px;overflow:hidden;font-size:18px;}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-constraints{list-style:none!important;margin:0!important;padding:0!important;position:absolute!important;white-space:nowrap!important}.suggestions-constraints:empty{display:none!important}.suggestions-constraints li{background:#f8f8f8;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:default;display:inline-block;margin:0 4px 0 0;padding:0 .5em}.suggestions-constraints li .suggestions-remove{height:1em;width:1em;display:inline-block;margin:0 0 0 .25em;background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Zz48cGF0aCBkPSdtMjAsMjBtMTAsMGwyMCwyMGwyMCwtMjBsMTAsMTBsLTIwLDIwbDIwLDIwbC0xMCwxMGwtMjAsLTIwbC0yMCwyMGwtMTAsLTEwbDIwLC0yMGwtMjAsLTIwbDEwLC0xMCcgZmlsbD0nIzk5OScvPjwvZz48L3N2Zz4=) 50% 50% no-repeat;background-size:contain;cursor:pointer;opacity:.8}.suggestions-constraints li .suggestions-remove:hover{opacity:1}.suggestions-constraints li span{vertical-align:middle}.suggestions-subtext{color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}.suggestions-promo-desktop{position:absolute;top:0;right:0;text-align:left;display:none !important;} /* End */ /* Start:/local/templates/eastcement/assets/css/styles_mobile.css?176973286977656*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ button, input, optgroup, select, textarea { font-family: 'Source Sans Pro', sans-serif; } .korus-btn { display: inline-block; width: auto; font-style: normal; font-weight: bold; font-size: 16px; line-height: 140%; text-align: center; color: #ffffff; background: #fa9533; padding: 8px 16px 10px; } .korus-btn[disabled] { background-color: #7f807f !important; border: 1px solid #7f807f !important; color: #ffffff !important; cursor: default; } .korus-btn * { background: none; border: none; color: #ffffff; } .korus-btn--lg { font-size: 18px; padding: 11px 24px; } .new-email { margin-top: 15px; } .korus-prev, .korus-next, #req_treaty_null, #req_treaty_step1_prev, #req_treaty_step1, #req_treaty_step2_prev, #req_treaty_step2, #req_treaty_step1_last, #req_treaty_step3, #register-urics-backstep2, #register-urics-forwstep2, #register-urics-backstep3, #register-urics { width: auto; min-width: 164px; padding: 12px 16px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 140%; height: auto; } #register-urics { float: left; } .korus-prev, .korus-btn--outline, #req_treaty_step1_prev, #req_treaty_step2_prev, #req_treaty_step1_last, #register-urics-backstep3, #register-urics-backstep2 { border: 1px solid #a8a9a8; background: none; color: #363435 !important; } .korus-btn:active, .korus-btn:focus, .korus-btn:hover, .korus-prev:active, .korus-prev:focus, .korus-prev:hover, .korus-next:active, .korus-next:hover, .korus-next:focus { background: #fe601f; color: #fff !important; border-color: #fe601f; } .korus-link { display: flex; align-items: center; text-decoration: none; background: none; padding: 0; } .korus-link-prev { display: inline-block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #7f807f; margin-bottom: 9px; margin-left: -7px; padding-left: 28px; background: url(/local/templates/eastcement/assets/img/general/arrow-small-left.svg) no-repeat left center; } .button.korus-link { background: none; width: auto; min-width: auto; padding: 0; margin-bottom: 0; } .korus-link > *:not(:first-child) { margin-left: 12px; } .korus-link__text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; width: auto; border-bottom: 1px solid #fa9533; cursor: pointer; } .korus-link__text:hover { border-bottom: 1px solid transparent; } .korus-link__icon { transform: rotate(0deg); transition: transform 0.26s ease; } .korus-link__icon--open { transform: rotate(180deg); transition: transform 0.26s ease; } .radio { margin-top: 0; margin-bottom: 8px; } .radio__label { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #363435; } .radio__label:before { width: 20px; height: 20px; border: 1px solid #cccccc; top: 2px; } .cabinet__grup .radio__input:checked + label:after, .radio__input:checked + label:after { width: 10px; height: 10px; top: 7px; left: 5px; } .korus-label { font-style: normal; font-weight: 600; font-size: 15px; line-height: 140%; color: #363435; margin-bottom: 8px; text-align: left; } .header-mobile { display: none; padding: 8px 32px 8px 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; z-index: 110; width: 100%; left: 0; background: #fff; } .section_products-mobile, .advantage-mobile, .footer-mobile, .topmenu-mobile, .basket-mobile { display: none; } .header-mobile .header-mobile-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-mobile .header-mobile-menu { margin-right: 15px; } .header-mobile .header-mobile-menu .hamburger { width: 24px; height: 15px; } .header-mobile .header-mobile-menu .hamburger__line { background-color: #000; } .header-mobile .header-mobile-logo img, .topmenu-mobile .header-mobile-logo img { width: 163px; } .header-mobile-search, .header-mobile-profile { height: 28px; margin-right: 10px; } .header-mobile-search .header-mobile-search-input { display: none; position: fixed; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); margin-top: 42px; border-top: 1px solid #e5e5e5; } .header-mobile-cart { position: relative; } .header-mobile-cart .icoLink__counter { padding-top: 0; width: 18px; height: 18px; top: -6px; right: -8px; font-size: 13px; } .header-mobile-search-input .search { padding: 10px 25px; background: #fff; } .header-mobile-search-input .search__input { padding-left: 0; width: calc(100% - 70px); } .header-mobile-search-input .mobile-search-hide { position: absolute; right: 20px; top: 10px; color: #000; font-size: 15px; } .header-mobile-cart .icoLink__icon { fill: #000; } .advantage-mobile .advantage { min-height: auto; margin-bottom: 48px; } .advantage-mobile .advantage__icon { margin-bottom: 5px; } .footer-mobile .footer-mobile-menu { margin-bottom: 30px; } .footer-mobile .footer-mobile-logo { text-align: left; } .footer-mobile .footer-mobile-logo .footer__logo { margin-bottom: 10px; } .footer-mobile .footer__copyrights { text-align: left; } .topmenu-mobile .topmenu-mobile-list { margin-top: 10px; font-size: 16px; } .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item { padding: 24px 43px; border-top: 1px solid #e5e5e5; position: relative; padding-right: 10px; z-index: 10; } .topmenu-mobile .topmenu-mobile-close .menu__close, .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item .linkWithIcon__icon { fill: #000; } .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item span { padding-bottom: 2px; border-bottom: 2px solid #f89633; } .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item:last-child { border-bottom: 1px solid #e5e5e5; } .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item::before { content: ''; position: absolute; right: 15px; top: 30px; width: 15px; height: 15px; background: url('/local/templates/eastcement/assets/img/general/arrow-down-black.svg') center center no-repeat; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .korus-dropdown-arrow { display: block; position: absolute; right: 0; top: 5px; width: 15px; height: 15px; background: url('/local/templates/eastcement/assets/img/general/arrow-down-black.svg') center center no-repeat; } .information__tab.information__tab_active .korus-dropdown-arrow { background: url('/local/templates/eastcement/assets/img/general/arrow-down.svg') center center no-repeat; } .opened .korus-dropdown-arrow, .information__tab_active .korus-dropdown-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .topmenu-mobile .topmenu-mobile-close .menu__close { top: 15px; } .topmenu-mobile-list .topmenu-mobile-list-item .menu__city { margin-bottom: 0; } .topmenu-mobile .topmenu-mobile-callback { padding: 20px 40px; } .topmenu-mobile .topmenu-mobile-callback .menu__phone { margin-top: 0 !important; font-size: 18px; } .topmenu-mobile .topmenu-mobile-callback .button.sm { width: 163px; height: 40px; font-weight: bold; } .topmenu-mobile-list-item .topmenu-mobile-list-item-icon { position: absolute; left: 10px; top: 28px; } .popup-region-mobile { position: fixed; top: 0; right: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 100; padding-bottom: 100px; overflow-y: auto; max-width: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .popup-region-mobile.menu-open { max-width: 100vw; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .popup-region-mobile .popup-region-mobile-close svg { position: absolute; top: 25px; left: 21px; cursor: pointer; } .popup-region-mobile .popup-region-mobile-close .button-back { position: absolute; left: 15px; top: 15px; width: 20px; height: 20px; background: url('/local/templates/eastcement/assets/img/general/arrow-down-black.svg') center center no-repeat; background-size: contain; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .popup-region-mobile .popup-region-mobile-current { padding: 10px 20px; font-size: 18px; font-weight: 600; padding-top: 19px; } .popup-region-mobile .popup-region-mobile-current span { font-size: 24px; } .popup-region-mobile .popup-region-mobile-note { padding: 10px 20px; } .popup-region-mobile .separator { height: 1px; color: #8e8e8e; border-bottom: 1px solid #e5e5e5; } .popup-region-mobile .popup-region-mobile-list { padding: 30px 20px; font-size: 18px; } .popup-region-mobile .popup-region-mobile-list li { margin-bottom: 20px; } .representative { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 38px; } .representative__item { display: flex; justify-content: center; align-items: center; padding-bottom: 24px; } .theses { display: flex; flex-wrap: wrap; } .theses__item { margin-bottom: 18px; } .theses__title { font-style: normal; font-weight: 600; font-size: 18px; line-height: 140%; color: #000000; margin-top: 17px; margin-bottom: 8px; } .theses__description { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; } .row--gray { background: #f1f1f1; margin: 0 -15px; padding-right: 15px; padding-left: 15px; } .row--full-width { width: 100%; } .row--mobile { padding-bottom: 22px; } .row--mobile-offset-top { margin-top: 64px; } .suppliers { width: 100%; padding: 0 16px; justify-content: space-between; } .contacts__grup { margin-bottom: 32px; width: 23%; max-width: 443px; } .contacts-feedback-form-btn .button { max-width: 144px; } .contacts__phone, .contacts__email { display: none; } .row--requisites-download { display: none; } .clearfix:after { content: '.'; /* добавить содержимое: "." */ display: block; /* сделать блоком, т.к. inline не может иметь clear */ clear: both; /* с обеих сторон clear */ visibility: hidden; /* сделать невидимым, зачем нам точка внизу? */ height: 0; /* сделать высоту 0, чтобы не занимал место */ } .register-result { display: none; width: 100%; max-width: 1054px; margin: 0 auto; padding-top: 48px; justify-content: space-between; flex-wrap: wrap; } .register-result .register-result-success-info { max-width: 556px; } .register-result__title { font-size: 40px; font-style: normal; font-weight: 700; line-height: 100%; letter-spacing: 0em; text-align: left; padding-left: 56px; background: url(/local/templates/eastcement/assets/img/general/result.svg) no-repeat left top; margin-bottom: 24px; } .register-result__title--center { font-size: 24px; font-style: normal; font-weight: 600; line-height: 29px; letter-spacing: 0em; background: url(/local/templates/eastcement/assets/img/general/result.svg) no-repeat center top; text-align: center; padding: 48px 0 0; } .register-result__sub-title { font-size: 18px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 0em; text-align: left; margin-bottom: 8px; } .register-result__sub-title--access { padding-left: 36px; background: url(/local/templates/eastcement/assets/img/general/lock.svg) no-repeat left top; } .register-result__sub-title--phone { padding-left: 36px; background: url(/local/templates/eastcement/assets/img/general/phone.svg) no-repeat left top; } .register-result__desc { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; margin-bottom: 32px; } .register-result__step { padding-left: 36px; position: relative; } .register-result__btn.register-result__step-btn { margin-left: 36px; } .page-empty__btn .register-result__btn.register-result__step-btn { margin-left: 0; } .register-result__step--1:before { content: '1'; } .register-result__step--2:before { content: '2'; } .register-result__step--3:before { content: '3'; } .register-result__step--1:before, .register-result__step--2:before, .register-result__step--3:before { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: #f1f1f1; color: #7f807f; font-size: 14px; font-style: normal; font-weight: 600; letter-spacing: 0; text-align: center; line-height: 24px; } .register-result__header { font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0em; text-align: left; margin-bottom: 32px; max-width: 362px; } .register-result__btn { display: block; width: 117px; height: 40px; background: #fa9533; font-style: normal; font-weight: bold; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff; } .register-result .col-12.col-lg-6:first-child { padding-left: 0; } .register-result__desc .korus-link { display: inline; } .adm-calendar-icon-custom { left: 30px; } .main-table { margin-top: 0; width: 100%; } .main-table th { background: #f1f1f1; padding: 16px 8px 16px 16px; } .main-table tbody td { padding: 33px 8px 33px 16px; } .main-table tbody td { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; border-bottom: 1px solid #e5e5e5; } .main-table thead h6 { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; text-decoration: none; } .button.showmore, .button.showMore { font-style: normal; font-weight: bold; font-size: 16px; line-height: 140%; padding: 8px 16px; text-align: center; color: #363435; background: none; margin-top: 40px; border: 1px solid #a8a9a8; text-transform: none; } .button.showmore:active, .button.showmore:focus, .button.showmore:hover, .button.showMore:active, .button.showMore:hover, .button.showMore:focus { background: #fe601f; color: #fff; border-color: #fe601f; } .br-mobile { display: none; } .section.section_advantage .section__title { margin-left: -15px; } .other-news-slider .slick-track { display: flex; } .other-news-slider-item { height: auto; flex: 0 0 auto; } .other-news-slider-item-bottom { position: relative; height: 100%; } .other-new-button { position: absolute; bottom: 0; width: 100%; } .popupCallback.popup-edit-buyer { max-width: 680px !important; font-style: normal; font-weight: 600; color: #363435; padding: 40px !important; } .popup-edit-buyer-title { font-size: 34px; text-align: left; margin-bottom: 30px; } .popup-edit-buyer-subtitle { font-size: 24px; text-align: left; font-weight: 600; } .popup-edit-buyer-subtitle2 { font-size: 18px; line-height: 140%; margin-bottom: 16px; text-align: left; } .add-requisits-btn .button { margin-right: 16px; } .edit-buyer-email-show, .edit-buyer-phone-show { max-width: 50%; } #popupEditBuyer.popupCallback .popupLogin__close, #popupAddNewConsignee.popupCallback .popupLogin__close, #popupEditConsignee.popupCallback .popupLogin__close { position: absolute; top: 20px; right: 15px; display: block; } .popup-edit-buyer-form input:disabled, .popup-edit-buyer-form textarea:disabled { background: #f1f1f1; color: #444444; border: 1px solid #f1f1f1; } .popup-edit-buyer-form textarea { height: 46px; } .popup-edit-buyer-item { margin-bottom: 24px; text-align: start; } .popup-edit-buyer-item.edit-buyer-account-buttons { border-bottom: 1px solid #cccccc; padding-bottom: 24px; } #smsCode.popupCallback__input, #emailCode.popupCallback__input { margin-bottom: 8px; } .popup-edit-buyer-item-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .popup-edit-buyer-item-container .popup-edit-buyer-item { max-width: 280px; width: 50%; } .popup-edit-buyer-item-container-three .popup-edit-buyer-item { max-width: 174px; } .edit-buyer-contacts { display: flex; width: 100%; align-items: end; padding-bottom: 10px; } .edit-buyer-contacts-item { font-size: 16px; font-weight: 400; margin-right: 24px; padding-top: 37px; } .popup-edit-buyer-group .popup-edit-buyer-subtitle { margin-bottom: 15px; } .bankrequisits-small { display: block; font-size: 14px; line-height: 140%; } .popup-edit-buyer-item-radio.radio { margin-top: 16px; margin-bottom: 16px; } .popup-edit-buyer-item-radio .radio__label { width: 100%; } .button.add-requisits { background-color: #ffffff; color: #363435; border: 1px solid #a8a9a8; } .popup-edit-buyer-btn-container { display: flex; justify-content: flex-end; } .popup-edit-buyer-btn-container .button { margin-left: 16px; } .popup-edit-buyer-btn-container .button.md:hover { background-color: #fe601f; border: 1px solid #fe601f; } .popup-edit-buyer-item textarea, .popup-edit-buyer-item input { font-size: 16px; } .extra-info { font-size: 16px; line-height: 140%; color: #7f807f; font-style: normal; font-weight: normal; } .btn-confirm-phone { margin-top: 16px; width: 100%; } .catalog-filter-result { background: #7f807f; border: 0 !important; color: #fff !important; border-radius: 2px; padding: 7px 12px !important; min-height: 38px !important; font-size: 16px !important; } .catalog-filter-result:after { content: ''; border: 9px solid transparent; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 9px; border-right: 8px solid #7f807f; position: absolute; top: 9px; left: -17px; } .mailing-section .doc-status { color: #343635; } .mailing-table { width: 100%; } .standart-report-popup .standart_callback { padding: 32px 40px 40px; max-width: 517px; height: 214px; width: 90%; } .standart-report-popup .standart_callback .popupCallback__title { font-size: 34px; margin-bottom: 0; line-height: 120%; } .standart-report-popup.survey-popup .standart_callback { padding: 32px 20px 40px; height: 255px; } .survey-popup .standart_callback .popupCallback__title { background: none; padding: 24px 0; } .survey-popup .standart_callback .popupCallback__note { text-align: center; font-weight: 600; margin-bottom: 24px; } .survey-popup form { text-align: center; } .survey-popup .survey-buttons button { width: 163px; } .survey-popup .survey-buttons button:first-child { margin-right: 12px; } .pagination-more { width: 30px; } .registration-container .passport-block { justify-content: space-between; width: 100%; } .registration-container .passport-block .auth-registration-block-item { margin-right: 0; } .approve-button-group.auth-registration-block-item { display: flex; align-items: flex-start; margin-top: 28px; } .registration-container .approve-button-group { align-items: center; margin-bottom: 0; } .approve-confirm-msg:hover { color: inherit; } .approve-notconfirm-msg:hover { color: inherit; } .report__data { margin: 0 -15px; } .treaty_questionary .treaty_questionary-form { margin-left: -30px; } .payer-added { max-width: 1038px; margin: 0 auto; margin-top: 104px; display: flex; justify-content: space-between; flex-wrap: wrap; } .payer-added .register-result__title { max-width: 232px; } .payer-added-success { max-width: 418px; margin-top: -5px; } .payer-added-success-info { max-width: 556px; } .treaty-bank-numbers { max-width: 277px; } #bank-props.row:before, #bank-props.row:after { content: none; } .popupCallback__text-center { text-align: center !important; } .min-width-219 { min-width: 219px; } .need-anketa-popup { max-width: 488px; } .standart_callback.need-anketa-popup .popupCallback__title { line-height: 120%; } #confirmdocument, #company_name, #dadata_fisadress { padding-top: 11px; margin-top: 0; } .popup-add-consignee .popup-edit-buyer-title { margin-bottom: 32px; line-height: 120%; } .popup-add-consignee .popup-edit-buyer-subtitle { margin-bottom: 16px; } .menu-width-total { max-width: 100vh; } .auth-registration-block.justify-content-between .auth-registration-block-item { margin-right: 0; } .consignee-choose-document { max-width: 326px; } .information__content-features { max-width: 750px; } .hide-desktop { display: none; } @media only screen and (min-width: 1225px) { .popup-region-mobile .popup-region-mobile-current span { font-size: 24px; } .korus-mobile-show { display: none !important; } .col--lg-mr-8 { margin-right: 66.66667%; } /* .carousel .item { margin-bottom: 44px; } */ .popup-region-mobile-note { color: #7f807f; font-size: 16px; } } .section__content--profile .block, .profile__topRow { padding-bottom: 40px; margin-bottom: 32px; border-bottom: 1px solid #e5e5e5; } .section__content--profile .block, .section__content--profile .cabinet__buttonsGrup { margin-top: 0; } .section__content--profile .content { margin-bottom: 0; } .section__content--profile .user__name { font-size: 24px; font-style: normal; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; margin-bottom: 8px; } .section__content--profile .user__phone { margin-right: 16px; } .section__content--profile .user__email { margin-right: 16px; } .section__content--profile .cabinet__title { font-size: 24px; font-style: normal; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; margin-bottom: 0; } .section__content--profile .cabinet__titleRow { margin-bottom: 24px; @media all and (max-width: 700px) { } } .section__content--profile .cabinet__titleRow > .cabinet__buttonsGrup { @media all and (max-width: 700px) { margin-top: 16px; } } .user__buttons > *:first-child { margin-right: 24px; } .doc-status, .payer__check, .payer__phone, .payer__email { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #363435; margin-right: 16px; } .doc-status__icon { margin-top: -2px; margin-right: 5px; } .payer__contacts .payer__check, .payer__contacts .payer__email, .payer__contacts .payer__phone { color: #7f807f; } .payer__check--unchecked { color: #fa9533 !important; } .doc-status--close { color: #7f807f; } .payer__buttons { margin-left: 30px; } .payer__buttons > * { margin-right: 16px; } .section__content--profile .payer__contacts { margin-top: 0; margin-bottom: 16px; } .section__content--profile { margin-bottom: 0; } .row--slider { padding-left: 15px; padding-right: 15px; } .korus-jumbotron { display: flex; flex-direction: column; min-height: 300px; background-position: center center; background-repeat: no-repeat; background-size: 100%; padding: 16px 24px; margin: 0 -15px; } .korus-jumbotron--about { background-image: url(/local/templates/eastcement/assets/css/../img/content/about/top-slider.jpg); } .korus-jumbotron .breadcrumbs__link, .korus-jumbotron .breadcrumbs__item:after { color: #fff; font-size: 14px; } .korus-jumbotron__content { display: flex; flex-grow: 2; width: 100%; height: 100%; justify-content: center; align-items: center; padding-bottom: 36px; } .korus-jumbotron__title { font-style: normal; font-weight: bold; font-size: 40px; line-height: 100%; text-align: center; color: #ffffff; max-width: 630px; } .korus-title-offset { margin-top: 64px; } .korus-title-offset--inner { margin-top: 40px; } .section_advantage .section__title, .section_products-mobile .section__title, .section_products .section__title, .section_news .section__title, .news-block-container .section__title, .catalog-container .section__title, .password-restore .section__title, .auth-container .section__title { font-size: 40px !important; font-weight: 700; } .button-back { cursor: pointer; } .mailing-form { margin-left: -12px; } .notification-container .section__titleRow { border-bottom: 1px solid #e5e5e5; margin-bottom: 0px; padding-bottom: 24px; } .filter__item-notification span, .menu-lk__item span { background: #fa9533; font-weight: 600; font-size: 14px; line-height: 140%; color: #ffffff; width: 24px; height: 24px; display: flex; align-items: center; border-radius: 24px; justify-content: center; margin-left: 8px; } #popupEdit.popupCallback .popupLogin__close { display: none; } .button.button-secondary { border: 1px solid #a8a9a8; background: #ffffff; color: #363435; } .button.button-secondary:hover { background-color: #fe601f; border: 1px solid #fe601f; color: #ffffff; } .bx-pag-prev a path { fill: #363435; } .registration-container { max-width: 943px; } .fio-block { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } .auth-registration-block { /*padding-left: 15px;*/ display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; } /*.registration-container .auth-registration-block { padding-right: 15px; }*/ .fio-block-item { width: 33.3333%; max-width: 277px; } .auth-registration-block-item { width: 33.3333%; max-width: 277px; margin-right: 40px; } .auth-registration-block-item:last-child { margin-right: 0; margin-bottom: 28px; } #phoneApproved { margin-bottom: -28px; } #emailApproved { margin-bottom: -28px; } .registration-container .authorization__form .input.email-and-phone { margin-bottom: 4px; } .authorization__form .input.phone-verification-error { margin-bottom: 4px; } .section__content--payer .authorization__form .input { margin-bottom: 24px; } .section__content--payer .authorization__form textarea.input, .registration-container .authorization__form textarea.input, .multiorder-delivery-input-container textarea.input { padding-top: 11px; } .multiorder-delivery-input-container textarea.input { margin-top: 0; padding-bottom: 11px; } .contact-approved { align-items: end; display: flex; margin-bottom: 16px; } .treaty-table { padding-right: 0; justify-content: center; gap: 10px; } .section__content--payer .block.registration-custom-select { margin-bottom: 0; } #buyerType .qestion { display: none; } #buyerType { margin-bottom: 24px; } #second-step-urregistration .suggestions-suggestions { position: relative !important; } .bx-authform-formgroup-container.reg-buttons { margin-bottom: 0; } .questionary-validation label.error { margin-left: 15px; font-size: 16px; line-height: 140%; font-weight: 600; margin-bottom: 0; } .questionary-validation .checkbox__wrapper:first-of-type { margin-top: 16px; } .phisics_active textarea { margin-top: 0; } .standart_add_wreload { max-width: 460px; } .standart_add_wreload .popupCallback__title { line-height: 120%; } .treaty-request-caption.open { width: 100%; } #popupChangePassword .popupLogin__title, #popupLogin .popupLogin__title { text-align: left; } #result_forgot_password .popupCallback__title { margin-bottom: 0; } .feedback__form .col-12, .feedback__form .col-md-4 { padding-left: 0; } .add-payer-btn { width: 232px; } .password_restore_error { top: 105px; width: 100%; left: 15px; } .change-psswd-input-container { position: relative; } .standart-report-popup.survey-popup .button.button-secondary { padding: 10px 24px; } .second-step-mobile { width: 100%; } @media only screen and (max-width: 1225px) { .page-empty__btn .register-result__btn.register-result__step-btn { margin-left: auto; } .hide-desktop { display: block; } .payer-added-success { max-width: 100%; margin-top: 0; } .payer-added-success-info { max-width: 100%; } .treaty-bank-numbers { max-width: 340px; } .payer-added { max-width: 556px; margin-top: 80px; } .payer-added .register-result__title { max-width: 100%; line-height: 100%; } .treaty_questionary .treaty_questionary-form { margin-left: 0; } .balance-section .no-gutters, .balance-settings.row { padding-left: 15px; } .approve-button-group.auth-registration-block-item { margin-top: 16px; } .bx-authform-formgroup-container.reg-buttons { margin-bottom: 0; } /*.registration-container .section__titleRow { margin-left: -15px; }*/ .registration-container .email-phone-col.auth-registration-block-item, .registration-container .email-phone-col.auth-registration-block-item label { width: 100%; max-width: 100%; } .registration-container .email-phone-col.auth-registration-block-item input { max-width: 340px; } .registration-container .phisics_active { width: 100%; } #sender_subscribe_component { max-width: 550px; } .auth-registration-block, .fio-block { justify-content: space-between !important; } .fio-block-item, .auth-registration-block-item { width: 50%; max-width: 340px; margin-right: 0; } .mobile-width-100 { width: 100%; max-width: 100%; } .passport-block .auth-registration-block-item { max-width: 213px; } .personal-notification-container { margin-bottom: 0; padding-bottom: 40px; } .filter-container-background-show { position: absolute !important; background: rgba(54, 52, 53, 0.1) !important; top: 0 !important; left: 0; width: 100%; height: 100vh !important; z-index: 999 !important; } .popup-edit-buyer-item-container .popup-edit-buyer-item { max-width: 340px; width: 48%; } .popup-edit-buyer-item-container-three .popup-edit-buyer-item { max-width: 213px; width: 32.333%; } .edit-buyer-phone-show .popup-edit-buyer-item, .edit-buyer-email-show .popup-edit-buyer-item { width: 100%; max-width: 100%; } .authorization__form .korus-link-prev { margin-top: 0; margin-bottom: 0; } .treaty_questionary .korus-link-prev { margin-bottom: 0; } /*.authorization__form.autorization-custom { margin: 0 -12px; }*/ .no-breadcrumbs { display: none; } .mailing-form { margin-left: 0px; } .mailing-container { margin-left: 13px; } .mailing-form { margin-left: -15px; } .search-btn { display: none; } .news-block-container .bx-newsdetail-title { margin-top: 0; padding-bottom: 0; } .representative { justify-content: flex-start; padding: 0; } .representative__item { width: 25%; } .contacts__grup { width: 48%; } .about-container .section__title { font-size: 34px !important; font-weight: 600; } .factory__logo { max-height: 63px; } .section_advantage .section__title, .section_products-mobile .section__title, .section_products .section__title, .section_news .section__title { font-weight: 700; } .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item.topmenu-mobile-list-item-link, .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item.category-list-mobile-list-item-link { padding: 0 !important; } .topmenu-mobile-list-item.topmenu-mobile-list-item-link a { display: block; width: 100%; padding: 24px 40px; position: relative; z-index: 10; } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item a, .category-list-mobile-list-item a { display: block; width: 100%; padding: 24px; } .topmenu-mobile-close { position: absolute; top: 13px; right: 10px; cursor: pointer; } #popupEdit.popupCallback { padding-top: 40px !important; } #popupEdit.popupCallback .popupLogin__close { position: absolute; top: 20px; right: 15px; display: block; } .topmenu-mobile-back { position: absolute; top: 13px; left: 25px; cursor: pointer; } .korus-jumbotron--about { background-image: url(/local/templates/eastcement/assets/css/../img/content/about/top-slider-md.jpg); } .form__title { max-width: 100%; margin: 48px 0 0; } .row--mobile { margin: 0 -15px; padding: 0 11px 22px; } .row--mobile-offset-0 { margin-left: -15px; margin-right: -15px; padding-left: 11px; padding-right: 11px; } .row--slider { padding-left: 11px; padding-right: 0; margin-right: -15px; } .container { max-width: unset !important; } .footer { padding-bottom: 10px; } .header, .section_products-desktop, .advantage-desktop, .footer-desktop, .topmenu-desktop, .basket-desktop, .korus-mobile-hide { display: none; } .section_products-mobile, .advantage-mobile, .footer-mobile, .topmenu-mobile, .basket-mobile, .korus-mobile-show { display: block; } .section__title { font-size: 30px !important; } .section__content--profile .section__title, .notification-container .section__title, .mailing-container .section__title, .section__content--treaty .section__title, .reports-section .section__title, .section__content--payer .section__title { font-size: 34px !important; margin-top: 8px; } .balance-section .section__title { font-size: 34px !important; margin-top: 0; } .balance-section, .mailing-section { margin: 0 -12px; } .mailing-item { margin: 0; padding-right: 30px; } .mailing__text { max-width: 445px; } .section__content.mailing-section, .section__content.reports-section { margin-bottom: 0; } .input-source-name .anketa-subtitle { margin-top: 0; } .section__subtitle { font-size: 16px; line-height: 140%; margin-top: 0; color: #7f807f; font-style: normal; font-weight: normal; display: flex; align-items: center; } .header-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; height: 56px; border-bottom: 1px solid #e5e5e5; /* margin-bottom: 16px; */ } .topmenu-mobile .topmenu-mobile-callback { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .topmenu-mobile .topmenu-mobile-callback .menu__phone { margin-bottom: 0 !important; } .content-main { padding-top: 0; } .top-menu-offset { padding-top: 56px; } .img-responsive { -webkit-filter: none !important; filter: none !important; float: none !important; } .carousel { margin-left: -24px; margin-right: -24px; } #carousel-1RrCS .carousel-inner .item { max-height: none !important; height: auto !important; background: #f89633 !important; } #carousel-1RrCS .carousel-inner .item a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #carousel-1RrCS .carousel-inner .item a img { width: 50%; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { position: relative; top: 0 !important; padding: 5% !important; height: auto !important; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-btn { position: relative; font-weight: bold; } #carousel-1RrCS .bx-advertisingbanner-text-block { position: relative !important; top: 0 !important; visibility: visible !important; } #carousel-1RrCS .bx-advertisingbanner-text-title, #carousel-1RrCS .bx-advertisingbanner-text-block { text-align: left !important; padding: 0 !important; } /* #carousel-1RrCS .carousel-indicators { bottom: -10px; } */ #carousel-1RrCS .carousel-indicators li.active { background: #7f807f; border-color: #7f807f; } #carousel-1RrCS .carousel-indicators li { background: #f89633; border: none; } .carousel .carousel-control { top: 15px; bottom: auto; left: auto; background: #f89633; opacity: 1; } .carousel .carousel-control.left { left: calc(100% - 115px); right: 60px; } .carousel .carousel-control.right { left: unset; right: 15px; } .carousel .carousel-control .icon { position: absolute; top: 12px; left: 15px; fill: #fff; } .advantage-mobile.section_advantage { margin-bottom: 0; } .advantage-mobile .advantage-mobile-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .advantage-mobile .advantage-mobile-list .advantage { -webkit-box-flex: 1; -ms-flex: 1 0 49%; flex: 1 0 49%; } .section__titleLink { margin-top: 0 !important; } .section__titleRow { margin-bottom: 15px !important; } .section_news .news-title-mobile { padding-left: 0; padding-right: 0; } .section_news .slider__navWrapper { display: none !important; } .sliderPopular__slide { padding-left: 0; } #button_up { display: none !important; } .popup-region-mobile .popup-region-mobile-current, .popup-region-mobile .popup-region-mobile-note, .popup-region-mobile .popup-region-mobile-list { width: 100%; margin: 0 auto; max-width: 445px; } .popup-region-mobile .popup-region-mobile-note { color: #7f807f; font-size: 16px; } .popup-region-mobile .popup-region-mobile-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .popup-region-mobile .popup-region-mobile-list li { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } .subscribe { padding: 40px 56px; } /* .subscribe-container.d-flex { Nice style, Anna Kamyshova! display: block !important; } */ .subscribe .subscribe__subtitle { margin-bottom: 32px; } .subscribe__input { max-width: 400px; } .subscribe .button.lg { width: 220px; min-width: 220px; } .bx_subscribe_submit_container .button.md { font-size: 16px; padding: 13px 24px; } .subscribe .checkbox__wrapper { line-height: 0; } .subscribe .subscribe__inputRow { margin-bottom: 10px !important; } .korus-jumbotron { display: flex; } .korus-title-offset { margin-top: 64px; } .korus-title-offset--inner { margin-top: 40px; } .contacts-container { margin: 0 -12px; } .contacts-container .about__title { margin-bottom: 16px; } .contacts-container .row--gray { margin: 0; padding-right: 0; padding-left: 0; } .pr-0 { padding-right: 0; } .pl-0 { padding-left: 0; } .sidebar__row--contacts { display: block; } .sidebar--contacts { background: #fff; overflow: inherit; margin-bottom: 38px; padding-top: 10px; } .sidebar--contacts .filter { display: none; } .mobile-left-menu { position: relative; padding: 13px 16px; border: 1px solid #a8a9a8; cursor: pointer; } .mobile-left-menu:after { content: ''; background: url('/local/templates/eastcement/assets/img/general/arrow-down-black.svg'); width: 12px; height: 8px; position: absolute; right: 20px; top: 21px; transform: rotate(0deg); text-transform: none; background-repeat: no-repeat; } .mobile-left-menu--open .mobile-left-menu__dropdown { display: block; } .mobile-left-menu--open:after { transform: rotate(180deg); right: 24px; top: 18px; } .mobile-left-menu__value { font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; color: #363435; } .mobile-left-menu__dropdown { display: none; position: absolute; left: 0; top: 100%; background: #fff; box-shadow: 0 10px 10px rgb(0 0 0 / 6%); padding: 15px 0; width: 100%; z-index: 2; } .mobile-left-menu__link { display: block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 140%; text-decoration: none; padding: 0 0.8em; } .mobile-left-menu__link--active { color: #fa9533; } .input { padding: 0 16px; } .treaty_questionary .block, .authorization__form .block { margin-top: 16px; margin-bottom: 0; } .authorization__places .block--first { margin-top: 24px; } .registration-block, .reqtreaty-block, .treaty_questionary .request-treaty-slider { margin-top: 0; z-index: 19; } .treaty_questionary { height: auto; margin: 0 -15px; } .reqtreaty-block { height: 660px; } #first-step-urregistration, #second-step-urregistration, #fird-step-urregistration, #first-step-reqtreaty, #second-step-reqtreaty, #fird-step-reqtreaty, #null-step-request { max-width: calc(100vw - 22px); } .authorization__form .block.registration-phone-approve, .authorization__form .block.registration-email-approve { margin-bottom: 40px; } .iwant-creat-payer { margin: 0; padding: 0; } .section__content--payer .iwant-creat-payer { margin: 0; } .section__content--payer .block.registration-slider, .section__content--payer .block.registration-slider .block { margin-top: 0; } .authorization__form .block.custom-block-agree { /*margin-bottom: 32px;*/ } .second-step-mobile, .fisic-registration-mobile { padding: 0; } .authorization__form .block__title { font-size: 24px; font-style: normal; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: left; margin-bottom: 16px; } .fio-block { /*margin-right: -15px;*/ } .authorization__form input, .authorization__form .input { margin-bottom: 16px; } .authorization__form .input.email-verification-error .authorization__form .input.phone-verification-error { border: 1px solid #ff0000; box-shadow: none; } .qestion { display: none; } .phone-approve-code, .email-approve-code { margin-right: 50% !important; } .checkout-button { margin: 0; } .authorization__form input[type='radio'], .authorization__form input[type='checkbox'] { margin: 0; } .authorization__form .checkbox__input { margin-bottom: 0; } .section__content--payer .phisics_active .block, .authorization__form .uric_active .block { margin-top: 0; } .add-payer-buttonblock { margin: 0; } #final-uric-register, #addpayer-final-uric { height: auto; padding: 12px 16px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 140%; } .register-result { display: none; width: 100%; max-width: 605px; margin: 0 auto; padding-top: 104px; padding-bottom: 40px; } .standart_callback { background-color: #fff !important; } .register-result__title { font-style: normal; font-weight: 700; line-height: 32px; letter-spacing: 0; text-align: left; padding-left: 56px; background: url(/local/templates/eastcement/assets/img/general/result.svg) no-repeat left top; margin-bottom: 24px; } .popupCallback__title, .register-result__title--center { font-size: 24px; font-style: normal; font-weight: 600; line-height: 29px; letter-spacing: 0em; text-align: center; } .register-result__title--center { background: url(/local/templates/eastcement/assets/img/general/result.svg) no-repeat center top; padding: 48px 0 0; } .register-result__sub-title { font-size: 18px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 0em; text-align: left; margin-bottom: 8px; } .register-result__sub-title--access { padding-left: 36px; background: url(/local/templates/eastcement/assets/img/general/lock.svg) no-repeat left top; } .register-result__sub-title--phone { padding-left: 36px; background: url(/local/templates/eastcement/assets/img/general/phone.svg) no-repeat left top; } .register-result__desc { font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; margin-bottom: 32px; } .register-result__step { position: relative; } .register-result__step--1:before { content: '1'; } .register-result__step--2:before { content: '2'; } .register-result__step--3:before { content: '3'; } .register-result__step--1:before, .register-result__step--2:before, .register-result__step--3:before { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: #f1f1f1; color: #7f807f; font-size: 14px; font-style: normal; font-weight: 600; letter-spacing: 0; text-align: center; line-height: 24px; } .register-result__header { font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: 0em; text-align: left; margin-bottom: 32px; max-width: 100%; } .register-result .col-12.col-lg-6 { padding-left: 0; padding-right: 0; } .register-result__btn { display: block; width: 117px; height: 40px; background: #fa9533; margin: 0 auto; font-style: normal; font-weight: bold; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff; } .section__title--fpswd { font-style: normal; font-weight: bold; font-size: 40px !important; line-height: 100%; color: #363435; margin-top: 75px; } .add-treaty-label span { font-style: normal; font-weight: bold; font-size: 16px; line-height: 140%; text-align: center; color: #ffffff; text-transform: none; text-decoration: none; position: static; margin: 0; } .section__content--treaty .report__textRow { margin-bottom: 24px; } .col--md-offset-clear { padding-right: 0; padding-left: 0; } .back-button-pannel { margin-right: 2px; } .menu-lk { display: none; position: fixed; top: 0; left: 0; background: #FFF; width: 100vw; height: 100vh; z-index: 120; } .menu-lk.open { display: block; overflow: auto; } .menu-lk__header { padding: 16px 0; position: fixed; width: 100%; text-align: center; background: #F1F1F1; font-size: 18px; font-style: normal; font-weight: 600; line-height: 25px; letter-spacing: 0em; z-index: 1; } .menu-lk__item { position: relative; font-size: 15px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: 0em; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; } .menu-lk__item a { display: flex; align-items: center; padding: 25px 24px; width: 100%; position: relative; z-index: 1; } .menu-lk__item:after { background: url(/local/templates/eastcement/assets/img/general/arrow-small-down.svg) no-repeat center center; content: ''; position: absolute; width: 24px; height: 24px; top: 24px; right: 24px; transform: rotate(-90deg); } .menu-lk__close { width: 24px; height: 24px; position: absolute; right: 24px; top: 17px; -webkit-transition: all .3s cubic-bezier(.785,.135,.15,.86); transition: all .3s cubic-bezier(.785,.135,.15,.86); cursor: pointer; } } #popupLogin { min-width: 468px; min-height: 577px !important; border-radius: 32px; overflow: visible; transition: ease .3s; } #otp-repeat { margin-bottom: 30px; } @media only screen and (max-width: 767px) { #popupLogin { max-width: 100vw !important; width: 100vw; height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */ height: calc(var(--vh, 1vh) * 100); vertical-align: top; min-width: unset; width: 100%; border-radius: 32px 32px 0 0; position: absolute !important; bottom: 0; left: 0; height: auto; overflow-x: hidden; } .fancybox-slide--html, .fancybox-container { max-width: 768px; padding: 0 !important; } .popupCallback.popup-edit-buyer { padding: 24px !important; max-width: calc(100% + 12px) !important; } } @media screen and (max-height: 667px) { #popupLogin { height: 100%; position: relative !important; } .popupLogin_dialog-screen { position: fixed; bottom: 0; left: 0; background: white; height: auto; width: 100%; display: flex; z-index: 1100; } .popup__login-loader { position: fixed; } } @media only screen and (max-width: 767px) { .password_restore_error { left: 0; } html { height: 100vh; } .footer { display: block; } .popup-add-consignee .popup-edit-buyer-title { max-width: 186px; margin-bottom: 24px; } .register-result { padding-top: 48px; padding-bottom: 0; } #popupEdit { max-width: 100vw !important; width: 100vw; height: 100vh; } #popupEdit .popupCallback__title { margin-bottom: 24px; } #popupEdit .popupCallback__input { margin-bottom: 24px; } #popupEdit.popupCallback { padding-bottom: 32px !important; } .phone-approve-code, .email-approve-code { margin-right: 0; } #popupChangePassword { padding: 24px 24px 32px 24px !important; } .registration-container .auth-registration-block { padding-right: 0; } .popupLogin { max-width: 100vw !important; width: 100vw; height: 100vh; vertical-align: top; } .popupLogin__closeRow { top: 24px; right: 24px; } #confirmdocument, #registration-wrap textarea, .iwant-creat-payer textarea { padding-bottom: 11px; } .cardPopular__priceCaption { font-size: 16px; } .treaty-bank-numbers { max-width: 100%; } .payer-added { max-width: 100%; margin-top: 48px; } .payer-added .register-result__title { max-width: 100%; font-size: 28px; line-height: 110%; } .register-result__step { padding-left: 36px; } .register-result__desc.register-result__step { padding-left: 0; } .register-result__btn.register-result__step-btn { margin-left: 0; } .payer-added .payer-added-success-info .register-result__step:last-of-type { padding-left: 0; } .payer-added .col-12 { padding-left: 0; padding-right: 0; } .payer-added .register-result__btn.register-result__step-btn { margin-left: 0; } .balance-section .no-gutters, .balance-settings.row { padding-left: 0; } .standart-report-popup .standart_callback { top: 0; max-width: 320px; height: 211px; width: 100%; } .standart-report-popup.survey-popup .standart_callback { top: unset; max-width: 320px; height: 345px; width: 100%; } .standart-report-popup.survey-popup .button-secondary { margin-top: 12px; } .standart-report-popup .standart_callback .popupCallback__title { font-size: 24px; } .popup-edit-buyer-btn-container { justify-content: space-between; } .popup-edit-buyer-btn-container .button { margin-left: 0; } .registration-container form { /* margin: 0 -12px;*/ } .auth-registration-block { padding: 0; } .register-fisic-result { padding-left: 0; } .register-result__btn { width: 100%; } .register-result .col-12.col-lg-6 { padding-left: 0; padding-right: 0; } .register-result__title { padding-left: 53px; } .popupLogin .popupLogin__title { font-size: 20px; } #popupChangePassword .popupLogin__title { font-size: 24px; } .section__title--fpswd { margin-top: 0; } .password-restore .col-12 { padding-right: 0; padding-left: 0; } .pagination-more { width: 20px; } .korus-adaptive .korus-filter-button { padding: 8px 20px 8px 45px; } .fio-block { margin-right: 0; } .fio-block-item, .auth-registration-block-item, .passport-block .auth-registration-block-item { width: 100%; max-width: 100%; } .auth-registration-block.passport-block { /*padding-right: 12px;*/ } .treaty-table { padding-right: 12px; } .popup-region-mobile { padding-bottom: 0; } .korus-adaptive .korus-filter-section .sidebar__row { max-width: 100%; } .edit-buyer-email-show, .edit-buyer-phone-show { max-width: 100%; } .popup-edit-buyer-title { font-size: 24px; line-height: 120%; } .popup-edit-buyer-subtitle { font-size: 20px; margin-bottom: 16px; } .popupCallback.popup-edit-buyer { padding: 16px 12px 24px !important; } .popup-edit-buyer-item-container .popup-edit-buyer-item { max-width: 100%; width: 100%; } /*.authorization__form.autorization-custom { margin: 0; }*/ .authorization__form.autorization-custom .col-12 { padding-left: 0 !important; padding-right: 0 !important; } .authorization__form.autorization-custom .col.confirm-document-left, .authorization__form.autorization-custom .col.confirm-document-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; } /*#registration-wrap .authorization__form.autorization-custom { margin: 0; }*/ .standart-treaty-popup .standart_callback .popupCallback__title { max-width: 236px; } .popup-region-mobile .popup-region-mobile-list { font-size: 16px; } .section_advantage .advantage { padding-left: 0; padding-right: 0; } .delivery-container .sidebar--contacts { padding-left: 12px; padding-right: 12px; } .accordeon-title span { max-width: 264px; display: block; } .delivery-container .accordeon-click { padding-left: 12px; padding-right: 12px; } .accordeon-click table { display: block; overflow: auto; max-width: 100%; } .accordeon-container { padding-left: 0; padding-right: 0; } .accordeon-title { padding: 25px 20px 25px 12px; } .delivery-container .breadcrumbsRow { padding-top: 8px; } .advantage__icon { width: 80px; height: 80px; } .balance-section .col-12.col-md-9.notifications-last-update { padding-right: 0; } .br-mobile { display: block; } .standart_callback { padding: 24px; } .standart_callback .popupCallback__title { font-size: 24px; } .personal-breadcrumbs .breadcrumbsRow { margin-top: 8px; margin-bottom: 0; } .mailing-form { margin-bottom: 32px; } .mailing-container .content { margin-left: -15px; } .mailing-section { margin-right: 0; } .topmenu-mobile-list-item.topmenu-mobile-list-item-link a { padding: 17px 40px; } .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item::before { top: 23px; } .breadcrumb-bottom .breadcrumbsRow, .contacts-container .breadcrumbsRow, .delivery-container .breadcrumbsRow, .breadcrumb-bottom .breadcrumbsRow { margin-bottom: 4px; } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item a, .category-list-mobile-list-item a { padding: 17px 12px !important; } .popup-region-mobile .popup-region-mobile-current span { font-size: 20px; } .news-block-container .other-news .cardNews__image { height: 186px; } .contacts-container .breadcrumbsRow { margin-top: 8px; } .representative { justify-content: flex-start; padding: 0; } .representative__item { width: 50%; } .representative__item img { max-width: 139px; } .about-banner-container, .about-container { margin: 0; } .about-banner-container .breadcrumbsRow { top: 8px; } .about-banner { width: calc(100% + 24px); margin: 0px -12px; } .about-container .row--mobile-offset-0, .about-container .row--mobile, .about-container .row--gray { margin-left: -12px; margin-right: -12px; } .delivery-container { margin: 0 -12px; } .delivery-pay { margin: 0 -12px; } .delivery-container .section__title, .contacts-container .section__title { font-size: 28px !important; } .contacts-container .about__title { font-size: 24px; } .contacts__grup { width: 100%; } .contacts__formRow .col-12.col-md-6 { padding: 0; } .contacts-feedback-form-btn .contacts__submit { margin-bottom: 24px; } .feedback-container .form__title, .feedback-container .contacts__formRow { margin-top: 24px; } .topmenu-mobile-back { left: 13px; } .fancybox-slide--html { padding: 0px; } .about-container .section__title { font-weight: 600; font-size: 24px !important; line-height: 120%; } .key-advantages { margin-top: 40px !important; } .about-container .advantage__title { font-size: 20px !important; font-weight: 600; } .about-container .about__title { margin-bottom: 24px; } .about-container .suppliers { padding-top: 0; } .factory__logo { nax-height: 54px; } .section__content--profile .section__title, .notification-container .section__title, .mailing-container .section__title, .balance-section .section__title, .section__content--treaty .section__title, .reports-section .section__title, .section__content--payer .section__title { font-size: 24px !important; margin-top: 5px; } .balance-section, .section__content--treaty .col-12.col-lg-9, .reports-section .col-12.col-lg-9 { margin: 0; } .treaty_questionary .block, .authorization__form .block { margin-top: 9px; } .mailing-item { margin-left: 12px; padding-right: 12px; } .mailing-section .section__title { margin-left: 12px; } .notification-button-container { display: flex; justify-content: center; } .topmenu-mobile .topmenu-mobile-callback { display: block; } .section_advantage .section__title, .section_products-mobile .section__title, .section_products .section__title, .section_news .section__title, .news-block-container .section__title, .catalog-container .section__title, .password-restore .section__title, .auth-container .section__title { font-size: 28px !important; } .news-block-container .bx-filter-section .col-6:first-child { padding-right: 4px; } .news-block-container .bx-filter-section .col-6:nth-child(2) { padding-left: 4px; } .item-news-card .cardNews__image { height: 166px; } .item-news-card-bottom .cardNews__title { height: 57px; } .news-block-container .other-news-slider-item .cardNews__title { -webkit-line-clamp: 4; margin-bottom: 32px !important; } .item-news-card:last-of-type { margin-bottom: 0; } .news-block-container .button.showmore, .news-block-container .button.showMore { margin-top: 24px; } .news-block-container .bx-newsdetail-title { font-weight: 700; font-size: 28px; line-height: 110%; margin-bottom: 17px; } .news-block-container .bx-newsdetail-date { margin-bottom: 17px; } .header-mobile .header-mobile-logo img, .topmenu-mobile .header-mobile-logo img { width: 114px; } .carousel { margin-left: -12px; margin-right: -12px; } .topmenu-mobile .topmenu-mobile-callback .menu__phone { margin-bottom: 20px !important; } #carousel-1RrCS .carousel-inner .item a { display: block !important; } #carousel-1RrCS .carousel-inner .item a img { width: 100%; } /* .carousel .carousel-control { display: none !important; } */ .advantage-mobile .advantage-mobile-list .advantage { flex: 1 0 100%; } .about-container .advantage { min-height: auto; margin-bottom: 24px; } .sliderPopular__slide { margin-right: 10px; } .cardNews__button { min-width: 100px !important; } .bx_subscribe_submit_container .button.md { font-size: 18px; } .popup-region-mobile .popup-region-mobile-list { display: block; } .footer__phone { font-size: 20px; margin-bottom: 12px !important; } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item { padding: 17px 12px !important; } .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item { padding: 17px 43px !important; padding-right: 10px !important; } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item::after, .topmenu-mobile-list-item .topmenu-mobile-list-item-icon, .topmenu-mobile .topmenu-mobile-list .topmenu-mobile-list-item::after { top: 22px; } .subscribe { margin-left: -15px; margin-right: -15px; padding-top: 30px; padding-bottom: 30px; } .subscribe .subscribe__subtitle { margin-bottom: 16px; } .subscribe-title, .bx-subscribe { padding: 0; } .korus-jumbotron { padding: 8px 12px; } .korus-jumbotron--about { background-image: url(/local/templates/eastcement/assets/css/../img/content/about/top-slider-md.jpg); } .korus-jumbotron__title { font-size: 28px; line-height: 110%; max-width: none; } .korus-title-offset { margin-top: 40px; } .row--mobile { padding: 0 0 22px; } .row--mobile-offset-0 { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .row--slider { padding-left: 0; padding-right: 0; margin-right: -11px; } .requisites__header { flex-wrap: wrap; } .bx-newsdetail { padding: 0; } .factory__products .product { margin-bottom: 10px; } .factory__products .product__name { margin-top: 0; } .header-mobile { padding: 12px 16px 12px 12px; } .navigation-container { margin-top: 9px; } .section_news { margin-bottom: 40px; margin-left: -12px; margin-right: -12px; max-width: calc(100% + 24px); } .other-news-slider-item .cardNews__title { min-height: auto; } .other-news-slider-item { padding: 0 4px; } .other-news-slider { margin: 0 -4px; } .news-block-container .other-news .section__title { font-size: 24px !important; } .news-block-container .bx-newsdetail { margin-bottom: 32px; } } @media only screen and (max-width: 680px) { .balance__item-small, .balance__item-big { width: 100%; max-width: 100%; } #carousel-1RrCS .bx-advertisingbanner-text-title { font-size: 25px !important; } #carousel-1RrCS .bx-advertisingbanner-text-block { font-size: 18px !important; } .form__title { font-size: 24px; } .subscribe { padding: 24px 12px; margin-left: -12px; margin-right: -12px; } .subscribe .subscribe__input { margin-bottom: 0; max-width: 100%; min-width: 100%; } .subscribe .subscribe__button { margin-top: 16px; margin-bottom: 24px; } .subscription-agree-policy { max-width: 100%; } .popup-region-mobile-close { height: 30px; } .survey-popup .survey-buttons button:first-child { margin-right: 0; } .main-table { border-top: 1px solid #E5E5E5; } .main-table caption { font-size: 1.3em; } .main-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .main-table tr { border-bottom: 1px solid #E5E5E5; display: block; margin-bottom: .625em; padding: 16px 0; } .main-table tbody td { display: block; text-align: left; padding: 0 15px 12px; border-bottom: none; } .main-table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7F807F; margin-bottom: 4px; } .main-table td:last-child { border-bottom: 0; padding-bottom: 0; } .subscribe .subscribe__button { margin-top: 16px; margin-bottom: 24px; } .subscription-agree-policy { max-width: 100%; } .popup-region-mobile-close { height: 30px; } .survey-popup .survey-buttons button:first-child { margin-right: 0; } .main-table { border-top: 1px solid #E5E5E5; } .main-table caption { font-size: 1.3em; } .main-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .main-table tr { border-bottom: 1px solid #E5E5E5; display: block; margin-bottom: .625em; padding: 16px 0; } .main-table tbody td { display: block; text-align: left; padding: 0 15px 12px; border-bottom: none; } .main-table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7F807F; margin-bottom: 4px; } .main-table td:last-child { border-bottom: 0; padding-bottom: 0; } } @media only screen and (max-width: 470px) { .change-psswd-input-container .input_dark.error { margin-bottom: 45px; } .callback-button-link { max-width: 163px; } #register-fisics, .simple-register.korus-next { margin-bottom: 0; } .mailing-table { margin: 0 -12px; width: calc(100% + 24px); } #carousel-1RrCS .bx-advertisingbanner-text-title { font-size: 22px !important; } #carousel-1RrCS .bx-advertisingbanner-text-block { font-size: 15px !important; } .korus-link-prev { margin-bottom: 0px; } .requisites__header-right { margin-top: 26px; justify-content: flex-start; } .requisites__header-right.open { display: none; } .row--requisites-download { display: flex; margin-top: 24px; } .row--no-gutters-sm > .col, .row--no-gutters-sm > [class*='col-'] { padding-left: 0; padding-right: 0; } .col--sm-offset-clear { padding-right: 0; padding-left: 0; } .korus-jumbotron--about { min-height: 240px; background-image: url(/local/templates/eastcement/assets/css/../img/content/about/top-slider-sm.jpg); } .button.mdl.contacts__submit { width: 138px; min-width: auto; } .email-phone-col, .phone-approve-code .email-approve-code { margin-right: 0; } .approve-button-group, .phone-approve-code { margin: 0; } .popupLogin { padding: 48px 16px 16px !important; } .popupLogin__title { font-size: 24px; line-height: 120%; margin-bottom: 12px; } #popupEdit.popupCallback { padding-top: 24px !important; } .popupLogin__closeRow { top: 16px; right: 16px; } #final-uric-register, #addpayer-final-uric { margin-top: 32px; } .cabinet__titleRow .d-flex, .user__buttons { flex-direction: column; align-items: flex-start !important; } .user__buttons a:first-child { margin-bottom: 18px; } .section__content--profile .cabinet__title { font-size: 20px; line-height: 120%; /*margin-bottom: 16px;*/ } .payer__contacts { flex-direction: column; margin-left: 0; } .payer__buttons { margin-left: 0; flex-wrap: wrap; } .send-application { margin-top: 16px; } .payer__contacts > *:not(:last-child) { margin-bottom: 8px; } #first-step-urregistration, #second-step-urregistration, #fird-step-urregistration, #first-step-reqtreaty, #second-step-reqtreaty, #fird-step-reqtreaty, #null-step-request { max-width: 100vw; } .authorization__form .customselect-caption { max-width: 290px; } .main-table { border-top: 1px solid #e5e5e5; } .main-table caption { font-size: 1.3em; } .main-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .main-table tr { border-bottom: 1px solid #e5e5e5; display: block; margin-bottom: 0.625em; padding: 16px 0; } .main-table tbody td { display: block; text-align: left; padding: 0 15px 12px; border-bottom: none; } .main-table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); display: block; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0em; text-align: left; color: #7f807f; margin-bottom: 4px; } .main-table td:last-child { border-bottom: 0; padding-bottom: 0; } .authorization__form .customselect-caption { max-width: 290px; } .reg-buttons { display: flex; flex-direction: column-reverse; width: 100%; } .popup-buttons { flex-direction: column; } .popup-buttons .button.md.right-gap { margin: 0 0 16px; } .popup-buttons .button.md.left-gap { margin: 0; } .korus-prev, .korus-next, #req_treaty_null, #req_treaty_step1_prev, #req_treaty_step1, #req_treaty_step2_prev, #req_treaty_step2, #req_treaty_step1_last, #req_treaty_step3, #register-urics-backstep2, #register-urics-forwstep2, #register-urics-backstep3, #register-urics { width: 100%; margin-bottom: 16px; } .report-warning { padding: 12px 34px 12px 44px; } .balance__last-update { margin-top: 16px; margin-bottom: 32px; } .balance__last-update .caption { margin-bottom: 12px; } .balance__item { margin-bottom: 24px; } .balance__item > .col-12 { padding-left: 12px; } .balance__item .data { margin-bottom: 0; } .balance__last-update .caption { font-size: 16px; margin-right: 0; margin-bottom: 12px; text-align: left; } .page-empty { min-height: 165px; } .page-empty__title { font-size: 24px; line-height: 120%; } .mailing__submit { width: 100%; } .col--label-offset { padding-top: 0; } .menu-lk__header { padding: 12px 0; } .menu-lk__item:after { top: 17px; right: 10px; } .menu-lk__close { top: 11px; right: 10px; } .menu-lk__item a { padding: 13px 12px; } .section__content--profile .block, .profile__topRow { margin-top: 0; padding-bottom: 32px; } .authorization__form { margin-bottom: 0; } .treaty_questionary .block__title, .authorization__form .block__title { font-size: 20px; line-height: 120%; } .register-result__title { font-size: 28px; } .custom-block-agree { /*margin-top: 33px;*/ } .subscribe .subscribe__title { max-width: 159px; } .subscribe .subscribe__subtitle { max-width: 223px; } .cardNews__title { margin-bottom: 16px !important; } .cardNews__bottom { padding: 16px; } .section_news .sliderPopular__slide { margin-left: 4px; margin-right: 4px; } .section_news { margin-left: -12px; margin-right: -24px; padding-left: 12px; } .section_news .section__titleRow { margin-left: 0; } .section.section_news .sliderNews { margin-left: -4px; width: calc(100% + 4px); z-index: 100; } .section_news .cardNews__image { height: 186px; } .section_news .cardNews__title { font-size: 20px; line-height: 120%; } #carousel-1RrCS .carousel-inner .item a img { width: 100%; min-height: 100%; object-fit: cover; object-position: left 85%; } .bank-props, .numbers_item { width: 100%; } } .topmenu-mobile .header-mobile-logo { margin-left: 10px; } .radio-group.--divided { margin: 8px 0 16px; } .radio-group.--divided .radio { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e5e5e5; } .radio-group.--divided:not(.--border-bottom) .radio:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .authorization__form .block.sber-buisness-block .sber-buisness-block__text.--mobile { display: none; } .authorization__form .block.sber-buisness-block .sber-buisness-block__text.--desktop { display: block; } .authorization__form .block .block__description { font-size: 16px; font-weight: 400; line-height: 22px; margin-top: -8px; margin-bottom: 16px; } .authorization__form .block .block__description.--mobile { display: none; } #popupLogin .popupLogin__title { font-size: 32px; } #popupLogin .popupLogin__description { font-size: 16px; font-weight: 400; line-height: 22px; text-align: left; display: none; } #popupLogin .popupLogin__actions { width: 100%; } #popupLogin .sber-buisness-block-button { display: inline-block; vertical-align: top; margin-top: 0; width: calc(100% - 100px); } #popupLogin .sber-buisness-block-button a { padding: 11px 24px; font-size: 14px; line-height: 16px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 12px !important; } #popupLogin .sber-buisness-block-button a img { width: 22px; height: 22px; margin-right: 10px; } #popupLogin #otp-info .otp-info-block{ display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 12px; } #popupLogin #otp-info .otp-info-block-img{ width: 50px; height: 50px; flex: 0 0 auto; } #popupLogin #otp-info #otp-icon svg { width: 100%; height: 100%; display: block; } #popupLogin #otp-info .otp-info__text { font-size: 16px; font-weight: 400; text-align: left; } #popupLogin #otp-info .otp-info__phone { margin-top: 8px; margin-bottom: 16px; } .show-on-mobile { display: none; } .hide-on-mobile { display: block; } @media only screen and (max-width: 767px) { .show-on-mobile { display: block; } .hide-on-mobile { display: none; } #wrapper-for-form-scroller { margin: 0 -12px; } .authorization__form .block { margin-top: 0; padding: 0 12px; } .authorization__form .block.registration-phone-approve, .authorization__form .block.registration-email-approve { margin-bottom: 0; } .authorization__form .block.reg-input-organisation { padding-top: 16px; border-top: 12px solid #f1f1f1; } .authorization__form .block.registration-fio, .authorization__form .block.registration-phone-approve, .authorization__form .block.custom-block-agree, .authorization__form .block.reg-input-organisation { border-bottom: none; } .authorization__form .block.registration-phone-approve .block__title, .authorization__form .block.registration-email-approve .block__title { display: none; } .authorization__form .block.reg-input-organisation .block__title, .authorization__form .block.company_numbers_block .block__title { margin-top: 0; } .authorization__form .block.registration-phone-approve .approve-button-group { margin-bottom: 16px; } .authorization__form .block.registration-email-approve .approve-button-group, .authorization__form .passport-block .auth-registration-block-item { margin-bottom: 0; } .authorization__form .block.sber-buisness-block { margin-top: 0; padding: 16px 12px; border-left: none; border-top: none; border-right: none; flex-direction: column-reverse; } .authorization__form .block.sber-buisness-block .sber-buisness-block__col { padding: 0; flex: 0 0 100%; max-width: 100%; width: 100%; } .authorization__form .block.sber-buisness-block .sber-buisness-block__col span { font-size: 16px; font-weight: 400; line-height: 22px; } .authorization__form .block.sber-buisness-block .sber-buisness-block__col a { color: #fff; } .authorization__form .block.sber-buisness-block .sber-buisness-block__text.--mobile { display: block; } .authorization__form .block.sber-buisness-block .sber-buisness-block__text.--desktop { display: none; } .authorization__form .block.sber-buisness-block .sber-buisness-block__col:last-child { margin-bottom: 16px; } .authorization__form .block .block__title, .clear-socserv { margin-top: 16px; } .authorization__form .block .block__description.--mobile { display: block; } #buyerType, .authorization__form #phoneApproved { margin-bottom: 0; } .authorization__form .block.custom-block-agree .block__agree { margin: 16px 0 -16px; } .authorization__form .block.custom-block-agree .block__agree .checkbox__label { margin-bottom: 16px; } #wrapper-for-form-scroller .authorization__form .reg-buttons { margin: 0; padding: 16px 12px 0; display: flex; flex-direction: column-reverse; width: 100%; } .registration-container .email-phone-col.auth-registration-block-item input { max-width: none; } #wrapper-for-form-scroller .authorization__form .reg-buttons .btn { float: none; width: 100%; margin-bottom: 16px; } #director_block input, #director_block .input-doc { margin-bottom: 16px; } .authorization__form .block.registration-email-approve .approve-button-group #emailApproved { margin-bottom: 16px; } #popupLogin .popupLogin__title { font-size: 20px; font-weight: 600; line-height: 24px; margin-bottom: 8px; } #popupLogin .popupLogin__description { display: block; margin-bottom: 16px; } #popupLogin .popupLogin__input { margin-bottom: 0px; } #popupLogin .popupLogin__input.code-input { margin-bottom: 8px; } #popupLogin .popupLogin__actions { width: auto; } #popupLogin.popupLogin.fancybox-content { padding: 48px 16px 154px 16px; } #popupLogin .button.md.to-login-button:hover, #popupLogin .button.md.to-login-button:focus { color: #fff; } #popupLogin .popupLogin__form .timer-otp { margin-bottom: 10px; } .popupLogin__title, .login-popup-error, .popupLogin__description, .popupLogin__form, .popupLogin__actions { max-width: none; } .register-result__step:not(:last-of-type), .register-result-success { border-bottom: 1px solid #e5e5e5; padding-bottom: 16px; margin-bottom: 16px; } .register-result__step:not(:last-of-type) .register-result__desc, .register-result-success .register-result__desc { margin-bottom: 0; } .register-result-success .register-result__step { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .register-result-success .notice-wrap { margin-top: 12px; } #popupLogin .korus-label, .authorization__form .korus-label, #popupLogin .korus-link__text, .authorization__form .korus-link__text { font-size: 16px; line-height: 24px; } .button.md { padding: 12px 24px; font-size: 18px; line-height: 24px; } .sber-buisness-block img, .sber-buisness-block-button img { margin-right: 8px; } .register-result__title { font-size: 28px; line-height: 32px; font-weight: 700; margin-bottom: 16px; } .register-result__sub-title { font-size: 18px; line-height: 24px; font-weight: 600; } .register-result__desc { font-size: 16px; line-height: 24px; } .notice-wrap { font-size: 14px; line-height: 20px; padding: 12px 12px 12px 44px; } .notice-wrap img { left: 12px; } } @media (max-width: 767px) { .user__contacts { display: grid !important; grid-template-columns: repeat(1, 1fr); row-gap: 24px; } } @media (max-width: 575px) { .cabinet__title#profile_username { margin-bottom: 0; } } @media (max-width: 700px) { .cabinet__title#profile_username { white-space: nowrap; margin-bottom: 0; } } @media (max-width: 345px) { .cabinet__title#profile_username { white-space: unset; } } @media only screen and (max-width: 576px) { .add-treaty { margin-top: 20px; } } /* End */ /* Start:/local/templates/eastcement/assets/css/jquery-ui.min.css?176973286932130*/ /*! 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/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/local/templates/eastcement/assets/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/local/templates/eastcement/assets/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/local/templates/eastcement/assets/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/local/templates/eastcement/assets/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/local/templates/eastcement/assets/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/local/templates/eastcement/assets/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/local/templates/eastcement/assets/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .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)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.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}.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;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}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.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;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.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}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}.ui-controlgroup-vertical .ui-spinner-input{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}.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}.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}.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)";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}.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}.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;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}.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 #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,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 #ccc;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:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.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)";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)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/eastcement/assets/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/eastcement/assets/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("/local/templates/eastcement/assets/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/eastcement/assets/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/eastcement/assets/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/eastcement/assets/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/eastcement/assets/css/images/ui-icons_777777_256x240.png")}.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{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}.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}.ui-widget-overlay{background:#aaa;opacity:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/eastcement/assets/css/datepicker-bitrix.css?1769732869396*/ .ui-widget.ui-widget-content { background-color: #fff; -webkit-box-shadow: 0 7px 21px rgb(83 92 105 / 12%), 0 -1px 6px 0 rgb(83 92 105 / 6%); box-shadow: 0 7px 21px rgb(83 92 105 / 12%), 0 -1px 6px 0 rgb(83 92 105 / 6%); padding: 10px; font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; } .ui-widget-header { border: none; background: none; color: #000; } /* End */ /* Start:/local/templates/eastcement/assets/css/bottom-bar.css?17697328696403*/ .bottom-bar { display: none; } .bottom-bar-popup { display: flex; flex-direction: column; transition: 0.4s; position: fixed; top: 0; left: 100%; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); background-color: #fff; z-index: 10200; } .header-mobile .header-mobile-region { display: none; } @media only screen and (max-width: 767px) { body { padding-bottom: 60px; } .header-mobile .header-mobile-menu, .header-mobile .header-mobile-search, .header-mobile .header-mobile-profile, .header-mobile .header-mobile-favorite, .header-mobile .header-mobile-cart { display: none; } .header-mobile .header-mobile-region { display: block; margin-left: 16px; text-align: right; } .bottom-bar { display: block; position: fixed; background: #fff; border-top: 1px solid #E5E5E5; bottom: 0; left: 0; right: 0; z-index: 98; } .bottom-bar .bottom-bar__list { display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; padding-bottom: 25px; } .bottom-bar .bottom-bar__list-item { display: flex; justify-content: center; align-items: center; } .bottom-bar .bottom-bar__list-link { display: flex; flex-direction: column; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 400; line-height: 14px; color: #363435; } .bottom-bar .bottom-bar__list-link:hover, .bottom-bar .bottom-bar__list-link.--is-active { color: #FA9533; border: none !important; } .bottom-bar .bottom-bar__list-count { font-size: 14px; line-height: 20px; font-weight: 600; background-color: #f89633; border-radius: 50px; color: #fff; min-width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; position: absolute; right: -12px; top: -6px; padding: 0 4px; } .bottom-bar .bottom-bar__list-icon { width: 24px; height: 24px; margin-bottom: 2px; position: relative; } .bottom-bar .bottom-bar__list-icon svg path { fill: #363435; } .bottom-bar .bottom-bar__list-icon svg rect { stroke: #363435; } .bottom-bar .bottom-bar__list-link:hover .bottom-bar__list-icon svg path, .bottom-bar .bottom-bar__list-link.--is-active .bottom-bar__list-icon svg path { fill: #FA9533; } .bottom-bar .bottom-bar__list-link:hover .bottom-bar__list-icon svg rect, .bottom-bar .bottom-bar__list-link.--is-active .bottom-bar__list-icon svg rect { stroke: #FA9533; } .bottom-bar-popup.--is-active { left: 0; transition: 0.4s; } .bottom-bar-popup .bottom-bar-popup__title { background: #F1F1F1; padding: 12px; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; position: relative; white-space: nowrap; } .bottom-bar-popup .bottom-bar-popup__close { position: absolute; width: 48px; height: 48px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/close.svg') center no-repeat; top: 0; right: 0; cursor: pointer; } .bottom-bar-popup .bottom-bar-popup__back { position: absolute; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; top: 0; left: 0; cursor: pointer; } .bottom-bar-popup .bottom-bar-popup__back.--is-hidden { display: none; } .bottom-bar-popup .bottom-bar-popup__content { flex: 1; overflow-y: auto; } .bottom-bar-popup .mobile-search { margin: 0; } .bottom-bar-popup .mobile-search.--is-active .mobile-search__overlay { top: 48px; } .bottom-bar-menu .bottom-bar-menu__item { display: flex; align-items: center; border-bottom: 1px solid #F1F1F1; } .bottom-bar-menu .bottom-bar-menu__link { flex: 1; display: flex; align-items: center; font-size: 16px; line-height: 24px; color: #363435; padding: 16px 12px; } .bottom-bar-menu .bottom-bar-menu__link .bottom-bar-menu__link-count { background: #FA9533; font-weight: 600; font-size: 14px; line-height: 14px; color: #FFFFFF; min-width: 24px; height: 17px; display: flex; align-items: center; border-radius: 24px; justify-content: center; margin-left: 8px; padding: 0 4px; } .bottom-bar-menu .bottom-bar-menu__link.--bolder { font-weight: 600; } .bottom-bar-menu .bottom-bar-menu__link:hover, .bottom-bar-menu .bottom-bar-menu__item.--is-active > .bottom-bar-menu__link { color: #FA9533; } .bottom-bar-menu .bottom-bar-menu__link::after { content: ''; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/bottom-bar/arrow.svg') center no-repeat; margin-left: auto; } .bottom-bar-menu .bottom-bar-menu__icon { width: 24px; height: 24px; margin-right: 8px; background-position: center; background-repeat: no-repeat; } .bottom-bar-menu .bottom-bar-menu__icon.--phone { background-image: url('/local/templates/eastcement/assets/css/../img/bottom-bar/phone.svg'); } .bottom-bar-region .bottom-bar-region__current { font-size: 18px; line-height: 24px; font-weight: 600; padding: 16px 12px; } .bottom-bar-region .bottom-bar-region__current span { font-size: 20px; } .bottom-bar-region .bottom-bar-region__note { padding: 0 12px 16px 12px; margin-bottom: 24px; color: #7F807F; font-size: 16px; line-height: 24px; border-bottom: 1px solid #F1F1F1; } .bottom-bar-region .bottom-bar-region__item { padding: 8px 12px; font-size: 16px; line-height: 24px; } } /* End */ /* Start:/local/templates/eastcement/assets/css/auth-block.css?1769732869813*/ .auth-block .auth-block__title { font-size: 40px; line-height: 40px; font-weight: 700; margin-bottom: 12px; } .auth-block .auth-block__text { font-size: 14px; line-height: 20px; } .auth-block .auth-block__button { margin-top: 12px; height: 42px; font-size: 16px; line-height: 24px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 9px 80px; background: #FA9533; color: #fff; max-width: 300px; cursor: pointer; } @media only screen and (max-width: 767px) { .auth-block { padding-top: 8px; } .auth-block .auth-block__title { font-size: 28px; line-height: 32px; } .auth-block .auth-block__button { max-width: none; width: 100%; } } /* End */ /* Start:/local/templates/eastcement/assets/css/select-box.css?17697328695874*/ .selectbox_wrapper { position: relative; display: inline-block; cursor: pointer; width: 100%; } .selectbox_wrapper.selectbox_open .selectbox_input { border-color: #A8A9A8; } .selectbox_wrapper.selectbox_open .selectbox_input_arrow svg path { fill: #FA9533; } .selectbox_wrapper.--disabled .selectbox_input { cursor: not-allowed; background: #F1F1F1; color: #7F807F; border-color: #F1F1F1; } .selectbox_wrapper .selectbox_input .selectbox_input_suggestion { position: absolute; bottom: calc(100% + 4px); left: 0; font-size: 14px; line-height: 20px; background: #fff; padding: 6px 28px 6px 8px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); max-width: 100%; color: #363435; } .selectbox_wrapper.--disabled .selectbox_input_arrow { display: none; } .selectbox_wrapper.--disabled .selectbox_input_arrow svg path { fill: rgba(136, 136, 136, 0.5); } .selectbox_wrapper.--multiple-view .selectbox_list_item { display: flex; padding: 16px; } .selectbox_wrapper.--multiple-view .selectbox_list_item:before { content: ''; display: block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 1px solid #B2B2B2; border-radius: 3px; margin: 0 8px 0 0; background: #fff; } .selectbox_wrapper.--multiple-view .selectbox_list_item.selected:before { border-color: #0064BE; background: url('/local/templates/eastcement/assets/css/../img/icons/union.svg') no-repeat center #0064BE; } .selectbox_wrapper.--multiple-view .selectbox_list_item.--hidden-by-filter, .selectbox_wrapper.--multiple-view .selectbox_list_item.--is-hidden-by-search { display: none; } .selectbox_input { z-index: 1; position: relative; font-family: inherit; border: 1px solid #A8A9A8; height: 48px; border-radius: 2px; padding: 12px 16px; background: #fff; color: #363435; font-size: 16px; line-height: 24px; min-width: 0; display: flex; align-items: center; } .--custom .selectbox_input { padding: 0; border: none; height: 48px; color: #636973; font-size: 16px; font-weight: 500; line-height: 20px; border-radius: 0; border-bottom: 1px solid #C2C4C7; } @media screen and (min-width: 768px) { .--custom .selectbox_input { font-size: 18px; line-height: 22px; height: auto; } } .--size-inherit .selectbox_input { font-size: inherit; line-height: inherit; } @media screen and (min-width: 768px) { .--size-inherit .selectbox_input { font-size: inherit; line-height: inherit; } } .--black-label .selectbox_input { color: #000; } .selectbox_input_arrow { width: 24px; height: 24px; margin-left: auto; } .selectbox_input_label { font-weight: 500; } .selectbox_input_value { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; pointer-events: none; } .selectbox_input_value.important-option { display: flex; align-items: center; } .selectbox_input_value.important-option:after { content: ''; display: block; width: 24px; height: 24px; margin: -2px 0 -2px 8px; background: url('/local/templates/eastcement/assets/css/../img/icons/attention-red-triangle.svg') no-repeat center; background-size: contain; } .--required .selectbox_input_value:after { content: '\00a0\*'; color: #FF0000; } .selectbox_content { display: none; width: 100%; position: absolute; left: 0; top: calc(100% + 4px); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1); z-index: 2; } .selectbox_search { position: relative; width: 100%; z-index: 1; margin: -1px 0; } .--mw-140 .selectbox_search { min-width: 140px; } .--mw-160 .selectbox_search { min-width: 160px; } .--mw-260 .selectbox_search { min-width: 260px; } .selectbox_search.--is-hidden { display: none; } .selectbox_search:before { content: ''; display: block; width: 24px; height: 24px; background: url('/local/templates/eastcement/assets/css/../img/svg/search.svg') no-repeat center #fff; background-size: contain; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .selectbox_search input { width: 100%; padding-right: 48px !important; border-radius: 0 !important; } .selectbox_search input:focus { border-color: #ECECEC !important; } .selectbox_list { display: none; position: relative; list-style-type: none; margin: 0; padding: 0; width: 100%; overflow-y: auto; max-height: 230px; min-width: 80px; z-index: 3; background: #fff; } .--mw-140 .selectbox_list { min-width: 140px; } .--mw-160 .selectbox_list { min-width: 160px; } .--mw-260 .selectbox_list { min-width: 260px; } .selectbox_list_item { font-size: 16px; line-height: 24px; padding: 12px 16px; margin: 0; } .selectbox_list_item:last-child { border-bottom: none; } .selectbox_list_item:before { content: ''; display: none; } .selectbox_list_item:hover { color: #FA9533; } .selectbox_list_item.--is-hidden-by-search { display: none; } .selectbox_list_item:after { content: attr(data-information); display: block; font-size: 11px; line-height: 16px; color: #ADB1B8; } .selectbox_list_item.important-option { display: flex; align-items: center; } .selectbox_list_item.important-option:after { content: ''; display: block; width: 24px; height: 24px; margin: -2px 0 -2px 8px; background: url('/local/templates/eastcement/assets/css/../img/icons/attention-red-triangle.svg') no-repeat center; background-size: contain; } .selectbox_list_item.selected { } .selectbox_list_item.disabled { opacity: 1 !important; color: #ADB1B8; } .selectbox_list_item.--hidden-by-filter { display: none; } .selectbox_open .selectbox_content, .selectbox_open .selectbox_list { display: block; } .selectbox_open .selectbox_input_arrow svg { transform: rotate(-180deg); } .selectbox_direction_bottom .selectbox_list { top: inherit; bottom: 100%; } .selectbox_search [data-selectbox-search-input] { width: 100%; padding: 12px 16px; display: flex; align-items: center; gap: 8px; outline: none; border: none; } /* End */ /* Start:/local/templates/eastcement/assets/fancybox/jquery.fancybox.min.css?176973286912795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/eastcement/components/bitrix/menu/topmainmenu/style.min.css?17697328695854*/ .bx_vertical_menu_advanced{border-left:7px solid #e3eaef;background:#f1f4f7;border-radius:4px;position:relative;box-shadow:0 0 1px 1px #dcdcdc}.bx_vertical_menu_advanced>ul{display:block;margin:0 0 10px 0;padding:0;width:100%;border-radius:5px;background:#fff;list-style:none}.bx_vertical_menu_advanced .bx_hma_one_lvl{display:block;padding:0}.bx_vertical_menu_advanced .bx_hma_one_lvl>a{position:relative;z-index:105;display:block;padding:10px 0 10px 12px;border-bottom:1px solid #e3eaef;color:#000;vertical-align:middle;text-align:left;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.8);font-size:14px;line-height:16px}.bx_vertical_menu_advanced .bx_hma_one_lvl:first-child,.bx_vertical_menu_advanced .bx_hma_one_lvl:first-child>a{border-radius:0 4px 0 0}.bx_vertical_menu_advanced .bx_hma_one_lvl:last-child,.bx_vertical_menu_advanced .bx_hma_one_lvl:last-child>a{border-radius:0 0 4px 0}.bx_vertical_menu_advanced ul:last-child .bx_hma_one_lvl:last-child>a{border-bottom:0}.bx_vertical_menu_advanced .bx_hma_one_lvl>a{-webkit-transition:border-color 0s ease;-moz-transition:border-color 0s ease;-o-transition:border-color 0s ease;-ms-transition:border-color 0s ease;transition:border-color 0s ease}.bx_vertical_menu_advanced .bx_hma_one_lvl.hover{padding:1px 0 0;border:0}.bx_vertical_menu_advanced .bx_hma_one_lvl.hover>a{margin-left:-11px;padding:10px 0 10px 12px;width:100%;border:0;border-right:2px;background:#fff;box-shadow:-1px 2px 3px 0 rgba(1,1,1,.22);font-weight:bold;line-height:16px;box-sizing:content-box}.bx_vertical_menu_advanced .bx_hma_one_lvl.dropdown.hover>a{z-index:1500}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container{position:absolute;top:-1px;left:100%;z-index:1300;display:none;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid rgba(1,1,1,.1);border-radius:2px;background:#fff;box-shadow:0 5px 10px 0 rgba(1,1,1,.29)}.bx_vertical_menu_advanced .bx_hma_one_lvl.hover .bx_children_container{display:block}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:-20000px;padding:10px 12px;padding-bottom:20000px;min-width:130px;max-width:280px;border-left:1px solid #f2f2f2;background:#fff}.bx_shadow_fix{display:none}.bx_vertical_menu_advanced .dropdown:hover .bx_shadow_fix,.bx_vertical_menu_advanced .dropdown.hover .bx_shadow_fix{position:absolute;top:-1px;right:-2px;bottom:0;z-index:1500;display:block;width:5px;background:#fff;opacity:1}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b1{min-width:180px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b2{min-width:360px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b3{min-width:540px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b4{min-width:720px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block:first-child{border-left:none}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b1 .bx_children_block{width:100%}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b2 .bx_children_block{width:50%}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b3 .bx_children_block{width:33.3%}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container.b4 .bx_children_block{width:25%}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block.advanced{border-left:none;background:#f7fafb;box-shadow:inset 5px 0 7px -5px rgba(0,0,0,.12)}.bx_vertical_menu_advanced .bx_hma_one_lvl ul{display:block;margin:0;padding:0 0 14px 0;list-style:none}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel{display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{display:block;padding:5px 10px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul{border-bottom:1px solid #f2f2f2}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent:last-child ul{border-bottom:0}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li{line-height:24px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a{display:block;padding:5px 10px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_advanced_panel{display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_block.advanced .bx_children_advanced_panel{display:block!important}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:220px;border:1px solid #e7e9ea}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_advanced_panel .bx_item_description{max-width:100%;max-height:220px;color:#000;text-align:left;white-space:normal;font-weight:normal;font-size:12px;line-height:18px}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li{display:block;background:#fff}.bx_vertical_menu_advanced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li>a{display:block;color:#20394c;text-decoration:none;font-weight:bold;font-size:15px;line-height:23px}.bx_vertical_menu_advanced .bx_hma_one_lvl ul li ul li a{color:#000;text-decoration:none;font-size:13px;line-height:16px}@media(max-width:569px){.bx_vertical_menu_advanced{display:none}.header_inner_bottom_line{overflow:hidden;height:auto}} /* End */ /* Start:/local/templates/eastcement/components/bitrix/menu/topmainmenu/themes/blue/colors.min.css?1769732869498*/ .bx_vertical_menu_advanced.bx_blue{border-left:7px solid #e4f0f7;background:#f6f9fb}.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{color:#20394c}.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{color:#366181}.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a:hover{background:#f0f6f8;box-shadow:inset 0 1px 1px 0 #e3e9eb} /* End */ /* Start:/local/templates/eastcement/components/bitrix/search.title/eastcement/style.min.css?17697328693445*/ .bx-searchtitle{margin:10px 0 0}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-right:0;border-radius:2px 0 0 2px;outline:0;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell}.bx-searchtitle .bx-input-group-btn button{position:relative;border:0;background:#95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:6px 12px;border-radius:0 2px 2px 0;color:#fff;font-size:16px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background:#1484ce}div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:999;min-width:370px;margin-top:-3px;background-color:#FFF}div.title-search-fader{display:none;background-image:url('/local/templates/eastcement/components/bitrix/search.title/eastcement/images/fader.png');background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_searche .bx_img_element{background:#fafafa;float:left;width:67px;padding:5px 10px;position:absolute;top:0;bottom:0}.bx_searche .bx_item_block{min-height:65px;position:relative}.bx_searche .bx_image{width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #e8e8e8}.bx_searche .bx_item_element{padding-left:10px;margin-left:70px}.bx_searche .bx_item_element hr{margin:0;border:0;border-bottom:1px solid #e5e5e5}.bx_searche .bx_item_element a{margin-top:10px;display:inline-block;color:#4788cb;font-size:13px;text-decoration:none}.bx_searche .bx_item_element a b{color:#000;font-weight:normal}.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b{text-decoration:underline}.bx_searche .bx_price{font-weight:bold;font-size:13px}.bx_searche .bx_price .old{font-weight:normal;text-decoration:line-through;color:#636363}.bx_item_block.all_result{min-height:0}.bx_item_block.others_result{min-height:0;padding:0 0 12px;line-height:12px}.bx_item_block.all_result .all_result_title{display:block;font-size:12px;color:#a7a7a7;padding-top:15px;padding-bottom:10px}.bx_item_block.all_result .all_result_title a{color:#a7a7a7}.bx_item_block.all_result .all_result_title a:hover{color:#4788cb}.bx_item_block.all_result a{margin-top:0} /* End */ /* Start:/local/templates/eastcement/components/bitrix/sale.basket.basket.line/eastcement/style.min.css?17697328693712*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/eastcement/components/bitrix/search.title/mobile-search/style.css?17697328691256*/ .mobile-search { margin: 0 -12px; border-bottom: 1px solid #E5E5E5; } .mobile-search .mobile-search__form { display: flex; align-items: center; padding: 12px; position: relative; background: #fff; } .mobile-search .mobile-search__form .mobile-search__icon { display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; flex: 0 0 16px; cursor: pointer; } .mobile-search .mobile-search__form .mobile-search__icon.--hidden { display: none; } .mobile-search .mobile-search__form .mobile-search__input { display: flex; flex: 1; } .mobile-search .mobile-search__form .mobile-search__input input { flex: 1; color: #7F807F; font-size: 14px; line-height: 20px; margin: 0 8px; border: none; padding: 0; } .mobile-search.--is-active .mobile-search__form .mobile-search__icon.--search svg path { fill: #FA9533; } .mobile-search .mobile-search__overlay { display: none; } .mobile-search.--is-active .mobile-search__overlay { position: fixed; display: block; top: 0; right: 0; left: 0; bottom: 0; z-index: 101; background: #363435; opacity: .5; } .mobile-search.--is-active .mobile-search__form { z-index: 102; } @media only screen and (min-width: 768px) { .mobile-search { display: none; } } /* End */ /* Start:/local/templates/eastcement/components/bitrix/menu/catlist/themes/blue/colors.min.css?1769732869498*/ .bx_vertical_menu_advanced.bx_blue{border-left:7px solid #e4f0f7;background:#f6f9fb}.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{color:#20394c}.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{color:#366181}.bx_vertical_menu_advanced.bx_blue .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul a:hover{background:#f0f6f8;box-shadow:inset 0 1px 1px 0 #e3e9eb} /* End */ /* Start:/local/templates/eastcement/components/bitrix/menu/catlist_mobile/style.css?17697328692032*/ .category-list-mobile { position: fixed; top: 0; right: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 100; padding-bottom: 100px; overflow-y: auto; max-width: 0; transition: 0.4s; } .category-list-mobile.menu-open { max-width: 100vw; transition: 0.4s; } .category-list-mobile .category-list-mobile-header { background: #e5e5e5; padding: 15px; font-weight: 600; font-size: 18px; text-align: center; } .category-list-mobile .category-list-mobile-header .button-back { position: absolute; left: 15px; top: 15px; width: 20px; height: 20px; background: url('/local/templates/eastcement/assets/img/general/arrow-down-black.svg') center center no-repeat; background-size: contain; transform: rotate(90deg); } .category-list-mobile .category-list-mobile-header .menu__close { fill: #000; top: 15px; } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item { position: relative; padding: 24px !important; padding-right: 10px !important; border-bottom: 1px solid #e5e5e5; font-size: 16px; } .js-category-list-mobile-toggle { z-index: 10; position: relative; } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item::after { content: ''; position: absolute; right: 15px; top: 30px; width: 15px; height: 15px; background: url('/local/templates/eastcement/assets/img/general/arrow-down-black.svg') center center no-repeat; transform: rotate(-90deg); } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item.category-list-mobile-list-item-link::after { content: none; } @media only screen and (max-width: 767px) { .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item { padding: 17px 12px !important; } .category-list-mobile .category-list-mobile-list .category-list-mobile-list-item::after { top: 23px; } } /* End */ /* Start:/local/templates/eastcement/components/bitrix/advertising.banner/eastcement/style.css?17697328695627*/ /* main banner */ .slick-arrow { width:46px; height:46px; position:absolute; background:#FA9533; top:30px; transition: background-color 0.4s; line-height: 40px; } .slick-arrow:hover { background-color:#fc611f; transition: background-color 0.4s; } .icon-arrow_left,.icon-arrow_right { margin-top: 12px; fill: #fff; width: 14px; height: 22px; -webkit-transition: all .3s cubic-bezier(.785,.135,.15,.86); transition: all .3s cubic-bezier(.785,.135,.15,.86); } .carousel-control { opacity: 1; } /* .carousel-indicators { bottom: 0; } */ .img-responsive { float: right; width: 595px; //min-height: 300px; } .carousel-control.left { left: calc(100% - 132px); } .carousel-control.right { right: 30px; } .carousel-inner .item { background-color: #f89633; height: 430px; } .carousel-indicators .active { background: #7f807f; border: 1px solid #7f807f; opacity: 1; } .carousel-indicators li { background-color: #f89633; border: 1px solid #f89633; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { top: 20%; width: calc(100% - 755px); bottom: 80px; left: 80px !important; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { width: 100%; word-wrap: break-word; hyphens: auto; } .bx-advertisingbanner-text-title { display: inline-block; color: rgb(255, 255, 255); font-weight: 700; font-size: 56px !important; line-height: 50px; width: 40%; padding: 60px 60px 80px 125px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } /* 123 */ .bx-advertisingbanner-text-block { display: inline-block; color: rgb(255, 255, 255); font-size: 32px !important; font-style: normal; font-weight: bold; line-height: 100%; width: 50%; padding: 00px 60px 0px 125px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .bx-advertisingbanner-btn { background: rgba(255,255,255,.3) !important; font-weight: 600; line-height: normal; left: 5%; width: 10%; text-align: center; margin-left: 15%; margin-top: 30px; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { padding: 0px; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-title { padding: 20px 0px 24px; word-wrap: break-word; hyphens: auto; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { margin-bottom: 40px; line-height: 100%; } .button.bx-advertisingbanner-btn-order, .button.bx-advertisingbanner-btn-order:hover { background: #FFFFFF; color: #363435; display: block; max-width: 123px; } @media(max-width: 1280px){ #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { width: calc(100% - 685px); } } @media(max-width: 1225px){ .carousel-inner .item { background: rgba(0,0,0,0); max-height: 250px; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { margin-bottom: 32px; } .img-responsive { width: 100%; filter: blur(1mm); } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { top: 40%; width: 100%; bottom: 80px; padding: 32px !important; left: 0 !important; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-title, #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block{ max-width: 296px; line-height: 120%; } #carousel-1RrCS .bx-advertisingbanner-text-title { padding-top: 10%; margin-bttom: 8px; font-size: 32px !important; } #carousel-1RrCS .bx-advertisingbanner-text-block{ top: 200%; font-size: 24px !important; } } @media(max-width: 767px) { #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-title, #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block{ max-width: 100%; line-height: 120%; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { margin-bottom: 16px; } .button.bx-advertisingbanner-btn-order, .button.bx-advertisingbanner-btn-order:hover { max-width: 99px; padding: 8px 16px; font-size: 16px; } } @media(max-width: 680px) { #carousel-1RrCS .bx-advertisingbanner-text-title { padding-top: 20%; } #carousel-1RrCS .bx-advertisingbanner-text-block { top: calc( 200px + 2vw); } .carousel-inner .item { height: auto; } } @media(max-width: 469px) { .bx-advertisingbanner-text-title { font-weight: 600; font-size: 45px !important; } #carousel-1RrCS .bx-advertisingbanner-text-title { font-weight: bold; font-size: 24px !important; margin-bottom: 4px; } #carousel-1RrCS .bx-advertisingbanner-text-block { font-weight: bold; font-size: 16px !important; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { padding: 22px 12px !important; } .carousel-control.left{ left: calc(50% - 51px); } .carousel-control.right{ right: calc(50% - 51px); } .slick-arrow{ top: 75vw; } #carousel-1RrCS .bx-advertisingbanner-text-title { padding-top: 5%; } #carousel-1RrCS .bx-advertisingbanner-text-block { visibility: hidden; } } /* End */ /* Start:/local/templates/eastcement/assets/css/main_banner.css?17697328695641*/ /* main banner */ .slick-arrow { width:46px; height:46px; position:absolute; background:#FA9533; top:30px; transition: background-color 0.4s; line-height: 40px; } .slick-arrow:hover { background-color:#fc611f; transition: background-color 0.4s; } .icon-arrow_left,.icon-arrow_right { margin-top: 12px; fill: #fff; width: 14px; height: 22px; -webkit-transition: all .3s cubic-bezier(.785,.135,.15,.86); transition: all .3s cubic-bezier(.785,.135,.15,.86); } .carousel-control { opacity: 1; } .img-responsive { float: right; width: 595px; min-height: 300px; } .carousel-control.left { left: calc(100% - 132px); } .carousel-control.right { right: 30px; } .carousel-inner .item { background-color: #f89633; height: 430px; } .carousel-indicators .active { background: #7f807f; border: 1px solid #7f807f; opacity: 1; } .carousel-indicators li { background-color: #f89633; border: 1px solid #f89633; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { top: 20%; width: calc(100% - 755px); bottom: 80px; left: 80px !important; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { width: 100%; } .bx-advertisingbanner-text-title { display: inline-block; color: rgb(255, 255, 255); font-weight: 700; font-size: 56px !important; line-height: 50px; width: 40%; padding: 60px 60px 80px 125px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } /* 123 */ .bx-advertisingbanner-text-block { display: inline-block; color: rgb(255, 255, 255); font-size: 32px !important; font-style: normal; font-weight: bold; line-height: 100%; width: 50%; padding: 00px 60px 0px 125px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .bx-advertisingbanner-btn { background: rgba(255,255,255,.3) !important; font-weight: 600; line-height: normal; left: 5%; width: 10%; text-align: center; margin-left: 15%; margin-top: 30px; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { padding: 0px; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-title { padding: 20px 0px 24px; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { margin-bottom: 40px; line-height: 100%; } .button.bx-advertisingbanner-btn-order, .button.bx-advertisingbanner-btn-order:hover { background: #FFFFFF; color: #363435; display: block; max-width: 123px; } #carousel-1RrCS { margin-bottom: 36px; } .carousel-indicators { bottom: -36px; } @media(max-width: 1380px){ #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { width: calc(100% - 665px); left: 40px !important; top: 10%; } } @media(max-width: 1225px){ .carousel-inner .item { background: rgba(0,0,0,0); max-height: 250px; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { margin-bottom: 32px; } .img-responsive { width: 100%; filter: blur(1mm); } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { top: 40%; width: 100%; bottom: 80px; padding: 32px !important; left: 0 !important; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-title, #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block{ max-width: 100%; width: 100%; line-height: 120%; } #carousel-1RrCS .bx-advertisingbanner-text-title { padding-top: 10%; margin-bttom: 8px; font-size: 32px !important; } #carousel-1RrCS .bx-advertisingbanner-text-block{ top: 200%; font-size: 24px !important; } } @media(max-width: 767px) { #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-title, #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block{ max-width: 100%; line-height: 120%; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-text-block { margin-bottom: 16px; } .button.bx-advertisingbanner-btn-order, .button.bx-advertisingbanner-btn-order:hover { max-width: 99px; padding: 8px 16px; font-size: 16px; } } @media(max-width: 680px) { #carousel-1RrCS .bx-advertisingbanner-text-title { padding-top: 20%; } #carousel-1RrCS .bx-advertisingbanner-text-block { top: calc( 200px + 2vw); } .carousel-inner .item { height: auto; } } @media(max-width: 469px) { .bx-advertisingbanner-text-title { font-weight: 600; font-size: 45px !important; } #carousel-1RrCS .bx-advertisingbanner-text-title { font-weight: bold; font-size: 24px !important; margin-bottom: 4px; } #carousel-1RrCS .bx-advertisingbanner-text-block { font-weight: bold; font-size: 16px !important; } #carousel-1RrCS .bx-slider-preset-1 .bx-advertisingbanner-content { padding: 22px 12px !important; } .carousel-control.left{ left: calc(50% - 51px); } .carousel-control.right{ right: calc(50% - 51px); } .slick-arrow{ top: 75vw; } #carousel-1RrCS .bx-advertisingbanner-text-title { padding-top: 5%; } #carousel-1RrCS .bx-advertisingbanner-text-block { visibility: hidden; } } /* End */ /* Start:/local/templates/eastcement/components/bitrix/catalog.section.list/menu_onmain_mobile/style.css?17697328692783*/ .section-products-mobile { display: flex; flex-wrap: wrap; /* justify-content: space-between; */ gap: 16px; } .section-products-mobile .section-products-mobile-item { flex: 0 1 235px; margin-bottom: 15px; } .section-products-mobile .section-products-mobile-item a { display: block; } .section-products-mobile .section-products-mobile-item img { margin-right: 10px; } .section-products-mobile .section-products-mobile-item span.bg { display: block; background-repeat: no-repeat; background-size: cover; width: 100%; height: 235px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .section-products-mobile .section-products-mobile-item:hover span.bg { -webkit-filter: none; filter: none; } .section-products-mobile .section-products-mobile-item span.text { display: block; text-align: center; font-size: 24px; font-weight: 600; } @media only screen and (max-width: 1225px) { .section-products-mobile .section-products-mobile-item { flex: 0 1 calc(25% - 12px); } .section-products-mobile .section-products-mobile-item span.bg { height: 229px; } .section-products-mobile .section-products-mobile-item span.text { margin-top: 10px; } } @media only screen and (max-width: 976px) { .section-products-mobile .section-products-mobile-item { flex: 0 1 calc(33% - 10px); } } @media only screen and (max-width: 767px) { .section-products-mobile { display: flex; } .section-products-mobile .section-products-mobile-item { flex: 0 1 calc(50% - 8px); } .section-products-mobile .section-products-mobile-item a{ display: flex; } .section-products-mobile .section-products-mobile-item span.bg { display: inline-block; vertical-align: middle; width: 80px; min-width: 80px; height: 80px; margin-right: 10px; } .section-products-mobile .section-products-mobile-item span.text { font-size: 16px; } .advantage__title { font-size: 20px; } .advantage__text { font-size: 16px; } .section-products-mobile .section-products-mobile-item span.text { display: inline-block; vertical-align: middle; max-width: 205px; text-align: left; margin-top: 0px; word-break: break-word; align-self: center; } } @media only screen and (max-width: 520px) { .section-products-mobile .section-products-mobile-item { flex: 0 1 100%; } } @media only screen and (max-width: 350px) { .section-products-mobile .section-products-mobile-item span.bg { width: 48px; min-width: 48px; height: 48px; } } /* End */ /* Start:/local/templates/eastcement/components/bitrix/news.list/news_carousel/style.css?1769732869367*/ .cardNews__title { font-weight:600; line-height:27px; font-size:24px; margin-bottom:48px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .slider__arrow_prev { margin-right: 10px; } .slider__arrow { position: initial; } .icon-arrow_left, .icon-arrow_right { margin-top: 0px; } /* End */ /* Start:/local/components/korus/user.subscriptions/templates/quick/style.css?17697328692316*/ #quick_subscribe_container .subscribe_title { margin-top: -2px; font-weight: bold; line-height: 100%; font-size: 40px; margin-bottom: 16px; } #quick_subscribe_container .subscribe_subtitle { font-style: normal; font-weight: 600; font-size: 24px; line-height: 120%; margin-bottom: 32px; } #quick_subscribe_container .input_email { flex-direction: row; margin-bottom: 20px; } #quick_subscribe_form button:disabled { background-color: #7f807f !important; border: 1px solid #7f807f !important; } #quick_subscribe_form .checkbox__label { display: inline-block; font-size: 16px; } #quick_subscribe_form .labels_wrapper { height: 25px; } #quick_subscribe_form label.status.error { color: #f75236; } #quick_subscribe_form label.status.warning { color: #fa9533; } #quick_subscribe_form label.status.success { color: #52a531; } #quick_subscribe_form .input_wrapper { margin-top: -24px; width: 100%; margin-right: 20px; } #quick_subscribe_form .input { box-shadow: inset 0px 3px 7px -2px rgb(163 163 163 / 28%); margin-bottom: 14px; margin-bottom: 0; } #quick_subscribe_form .input.error { border: 1px solid #ff5a3e !important; background-color: #fffafa; box-shadow: inset 0px 3px 7px -2px rgb(163 163 163 / 28%); } #quick_subscribe_form .input.warning { border: 1px solid #fa9533 !important; background-color: #fffdfb; box-shadow: inset 0px 3px 7px -2px rgb(163 163 163 / 28%); } #quick_subscribe_form .input.success { border: 1px solid #87af78!important; background-color: white; box-shadow: inset 0px 3px 7px -2px rgb(44 129 51 / 20%); } #quick_subscribe_form label.checkbox__label.error { font-size: 16px; font-weight: initial; color: red; } #quick_subscribe_form label.checkbox__label.error:before { border: 1px solid #ff5a3e !important; background-color: #fffafa; box-shadow: inset 0px 3px 7px -2px rgb(219 39 39 / 20%); } #quick_subscribe_form_button { height: 46px; margin-top: 1px; padding: 11px 24px; } @media (max-width: 768px) { #quick_subscribe_container .subscribe_title { font-size: 28px; margin-bottom: 8px; } #quick_subscribe_container .subscribe_subtitle { font-size: 18px; margin-bottom: 40px; } } @media (max-width: 400px) { #quick_subscribe_container .input_email { flex-direction: column; } #quick_subscribe_form_button { width: 100%; margin-top: 10px; } } /* End */ /* Start:/local/templates/eastcement/components/bitrix/menu/bottom_mobile/style.css?17697328692559*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ .bottom-menu-mobile { padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .bottom-menu-mobile:last-child { border-top: 0; } .bottom-menu-mobile .bottom-menu-mobile-title { position: relative; text-align: left; font-size: 16px; font-weight: 600; } .bottom-menu-mobile .bottom-menu-mobile-list { display:none; } .bottom-menu-mobile.opened .bottom-menu-mobile-list { display:block; } .bottom-menu-mobile .bottom-menu-mobile-list { text-align: left; font-size: 16px; padding: 10px 0; } .bottom-menu-mobile .bottom-menu-mobile-list li { margin-bottom: 10px; } .footer-mobile-callback { margin-bottom: 20px; text-align: left; } .footer-mobile-callback .social__link { width: auto; height: auto; } .footer-mobile-callback .footer__phone { margin-bottom: 12px; } .footer-mobile-callback .social { margin-top: 20px; } .footer-mobile-callback a { display: block; } @media only screen and (max-width: 1225px) { .footer { padding-top: 64px; } .footer-mobile-callback .footer__phone { margin-bottom: 0px; } .footer-mobile-callback { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-mobile-callback .footer__phone { margin-right: 24px; } .footer-mobile-callback .callback-button { -webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; } .footer-mobile-callback .social { margin-top: 0; } .footer-mobile-logo { padding: 0 24px; } .bottom-menu-mobile, .footer-mobile-callback, .footer__copyrights { padding-left: 24px; padding-right: 24px; } .footer__copyrights { margin-bottom:24px } } @media only screen and (max-width: 767px) { .footer-mobile-callback { display: block; } .bottom-menu-mobile { padding-top: 16px; padding-bottom: 16px; } .footer-mobile-callback .footer__phone { margin-right: 0; } .footer-mobile-callback .social { margin-top: 20px; } .footer-mobile-logo { padding: 0 12px; } .bottom-menu-mobile, .footer-mobile-callback, .footer__copyrights { padding-left: 12px; padding-right: 20px; } } /* End */ /* Start:/local/templates/eastcement/components/eastcement/main.feedback/toprequest/style.min.css?1769732869251*/ div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em} /* End */ /* Start:/local/templates/eastcement/components/bitrix/menu/catalog_mobile/style.css?17697328691433*/ .slinky-menu { overflow: hidden; transform: translateZ(0); } .slinky-menu > ul { left: 0; position: relative; transform: translateZ(0); } .slinky-menu ul, .slinky-menu li { list-style: none; margin: 0; } .slinky-menu ul { width: 100%; } .slinky-menu a { align-items: center; display: flex; } .slinky-menu a span { flex: 1; line-height: 1.4; } .slinky-menu li ul { display: none; left: 100%; position: absolute; top: 0; } .slinky-menu .header { display: none; } .slinky-menu .header .title { flex: 1; line-height: 1.4; margin: 0; order: 1; } .slinky-theme-default .title { color: #333; padding: 1em; } .slinky-theme-default li { line-height: 1; } .slinky-theme-default .back::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat; background-size: 1em; content: ''; height: 1em; opacity: 0.25; transition: 200ms; width: 1em; } .slinky-theme-default .back::before { padding: 1em; transform: scaleX(-1); } .slinky-theme-default .back:hover::before { opacity: 0.75; } .slinky-theme-default .back:active::before { opacity: 1; } /* End */ /* Start:/local/templates/eastcement/components/bitrix/main.userconsent.request/cookies/user_consent.css?1769732869893*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ .cookies-msg-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; max-width: 100%; width: 100%; bottom: -100%; padding: 16px; font-size: 16px; -webkit-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; font-weight: normal; background-color: #363435; color: white; z-index: 100000; } .cookies-msg-box p { margin-right: 24px; } .show_msg { bottom: 0; -webkit-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; } @media(max-width: 576px) { .cookies-msg-box { font-size: 14px; padding: 12px 13px; } .cookies-msg-box p { margin-right: 10px; } } /* End */ /* /local/templates/eastcement/assets/css/common.css?1769732869130449 */ /* /local/templates/eastcement/assets/css/components.css?176973286984128 */ /* /local/templates/eastcement/assets/css/index/styles.css?17697328692656 */ /* /local/templates/eastcement/assets/css/styles.css?1769732869233997 */ /* /local/templates/eastcement/assets/css/suggestions.min.css?17697328699668 */ /* /local/templates/eastcement/assets/css/styles_mobile.css?176973286977656 */ /* /local/templates/eastcement/assets/css/jquery-ui.min.css?176973286932130 */ /* /local/templates/eastcement/assets/css/datepicker-bitrix.css?1769732869396 */ /* /local/templates/eastcement/assets/css/bottom-bar.css?17697328696403 */ /* /local/templates/eastcement/assets/css/auth-block.css?1769732869813 */ /* /local/templates/eastcement/assets/css/select-box.css?17697328695874 */ /* /local/templates/eastcement/assets/fancybox/jquery.fancybox.min.css?176973286912795 */ /* /local/templates/eastcement/components/bitrix/menu/topmainmenu/style.min.css?17697328695854 */ /* /local/templates/eastcement/components/bitrix/menu/topmainmenu/themes/blue/colors.min.css?1769732869498 */ /* /local/templates/eastcement/components/bitrix/search.title/eastcement/style.min.css?17697328693445 */ /* /local/templates/eastcement/components/bitrix/sale.basket.basket.line/eastcement/style.min.css?17697328693712 */ /* /local/templates/eastcement/components/bitrix/search.title/mobile-search/style.css?17697328691256 */ /* /local/templates/eastcement/components/bitrix/menu/catlist/themes/blue/colors.min.css?1769732869498 */ /* /local/templates/eastcement/components/bitrix/menu/catlist_mobile/style.css?17697328692032 */ /* /local/templates/eastcement/components/bitrix/advertising.banner/eastcement/style.css?17697328695627 */ /* /local/templates/eastcement/assets/css/main_banner.css?17697328695641 */ /* /local/templates/eastcement/components/bitrix/catalog.section.list/menu_onmain_mobile/style.css?17697328692783 */ /* /local/templates/eastcement/components/bitrix/news.list/news_carousel/style.css?1769732869367 */ /* /local/components/korus/user.subscriptions/templates/quick/style.css?17697328692316 */ /* /local/templates/eastcement/components/bitrix/menu/bottom_mobile/style.css?17697328692559 */ /* /local/templates/eastcement/components/eastcement/main.feedback/toprequest/style.min.css?1769732869251 */ /* /local/templates/eastcement/components/bitrix/menu/catalog_mobile/style.css?17697328691433 */ /* /local/templates/eastcement/components/bitrix/main.userconsent.request/cookies/user_consent.css?1769732869893 */