@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Exo+2:300,400,400i,500,600,700&subset=cyrillic'; 

:root
{
--bs1:#994422;
--bs1h:#dd6633;
--bs2:#003456;
--bs2h:#005599;
--font:#707070;
--green:#339922;
--blue:#0077bb;
--gr:#c8c8c8;
--lgt:#f0f0f0;
--bk:#000000;
--wt:#ffffff;}

* {font-family:"Exo 2", sans-serif; outline:none;}
body {color:var(--font); margin:0px; font-size:16px; font-weight: 400; background: var(--wt); line-height: 1.2; transition:0.15s;}
main {min-height:calc(100vh - 213px);}
header + main {min-height:calc(100vh - 366px);}
img {max-width:100%;}
section {padding:40px 0px;}
.wrap {width:1200px; margin:auto;}
.blank {padding:0px; margin:auto;}
.mini-blank {width:480px;}
.blank a {color:var(--bs2);}
.blank a:hover {color:var(--bs2h);}
label {display:block; padding:0px 0px 16px;}
label.inlineblock {display:inline-block; padding:0px;}
label span {display:block; margin:0px 0px 6px; font-size:14px;}
input[type=text], input[type=password], textarea, select {width:calc(100% - 26px); padding:7.5px 12px; border:1px solid var(--gr); color:var(--bk); border-radius:6px; font-family:inherit; font-size:16px; line-height: 1;}
input::placeholder, textarea::placeholder, select::placeholder {color: var(--gr);}
select {width:100%; position:relative; /*appearance:none; -webkit-appearance:none; -moz-appearance:none;*/}
/*select:after {content:""; display:block; position:absolute; top:calc(50% - 6px); right:6px; width:5px; height:5px; border-style:solid; border-width:2px 2px 0 0px; border-color:#000000; transform:rotate(135deg);}*/
textarea {height:116px; line-height: 1.2;}
textarea.tinytext {height:90px;}
textarea.widetext {height:360px;}
input.large, textarea.large, select.large {font-size:18px;}
input.big, textarea.big, select.big {font-size:20px; font-weight:600;}
input.bs2, textarea.bs2, select.bs2 {color: var(--bs2);}
input[type=submit], button.btn, a.btn {display:inline-block; padding:15px 20px; min-width:200px; border:0px; border-radius:6px; font-size:18px; line-height: 1; font-weight:500; color:var(--wt); background:var(--bs2); cursor:pointer; text-align:center; text-decoration:none; text-transform: uppercase;}
input[type=submit]:hover, button.btn:hover, a.btn:hover {background-color:var(--bs2h); color:var(--wt);}
input[type=submit].midi, button.midi, a.btn.midi {padding:8px 16px; min-width:120px; font-size:16px;}
input[type=submit].mini, button.mini, a.btn.mini {padding:6px 10px; min-width:auto; font-size:14px;}
input[type=submit].large, button.large, a.btn.large {padding:16px 32px; min-width:240px; border-radius:16px; font-size:24px;}
a.btn.alt-color {background:var(--bs1);}
a.btn.alt-color:hover {background:var(--bs1h);}
a.btn-white {background-color:var(--wt); color:var(--bs2); min-width: auto;}
a.btn-likelink {padding:15px 0px; background: transparent; font-size: 18px; line-height: 18px; font-weight: 500; color: var(--bs2); text-transform: uppercase; text-decoration: none;}
a.btn-likelink span {border-bottom: 1px dashed;}
a.btn-likelink:after {content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 7px; margin-left: 8px; background-image: url(/pic/likelink-ico-dk.svg); background-size: 100% auto;}
a.likelink-wt {color: var(--wt);}
a.likelink-wt:after {background-image: url(/pic/likelink-ico-wt.svg);}

input[type=checkbox] {appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0px; margin: 0px 6px 0px 0px; width: 16px; height: 16px; border-radius: 2px; border: 1px solid #e0e0e0; vertical-align: middle;}
input[type=checkbox]:checked {background: url(/pic/ico-checkbox.svg) center center no-repeat var(--bs2h); color:var(--wt); outline: none; border: 1px solid var(--bs2h);}
input[type=radio] {appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0px; margin: 2px 6px 2px 0px; width: 16px; height: 16px; border-radius: 10px; border: 1px solid var(--bs2h); vertical-align: middle;}
input[type=radio]:checked {border: 5px double #ffffff; background-color: var(--bs2h); outline: none; width: 20px; height: 20px; margin: 0px 3.5px 0px -1.5px;}


h1, h2 {margin:0px 0px 24px; font-size:36px; font-weight:500; line-height: 1.2; color:var(--bs2); text-transform: uppercase;}
h3 {font-size:36px; margin:42px 0px 32px; font-weight:500; color:var(--bs2); line-height: 1.2;}
h2.faq-h2 {margin: 60px 0px 30px;}
h2.faq-h2first {margin: 30px 0px 30px;}
.s-all0 h1 {margin: 0px;}
p {line-height:1.4; font-size:18px;}
p.large {font-size:22px;}
p a {color:var(--bs2);}
p a:hover {color:var(--bs2h);}
p.h1 {color:var(--bs2); font-weight:500; font-size:32px; margin: 0px 0px 24px;}
.mce-container span {display:inline;}
blockquote {padding:8px 0px 8px 32px; margin:16px 0px; border-left:2px solid var(--blue);}
blockquote p {margin:0px;}
ul {padding: 0px 0px 0px 35px;}

section.s-tiny {padding:20px 0px;}
section.s-tiny h1 {margin:0px 0px 4px;}
section.s-tiny + section {padding-top:0px;}
section.s-top60 {padding:60px 0px;}
section.s-top30i {padding: 30px 0px; box-shadow: 0px 4px 4px #0000001a;}
section.s-top0 {padding-top: 0px;}
section.s-all0 {padding: 0px;}
section.s-divider {padding: 140px 0px 60px; background: url(/pic/section_divider.svg) top center no-repeat;}
section.s-gray {background-color:var(--lgt);}
section.s-filter {position: sticky; top:0px; background: var(--wt); z-index: 150;}

.full {width:100%;}
.double {width:60%;}
.half {width:48%;}
.tres {width:32%;}
.tres2 {width:66%;}
.quart {width:24%;}
.quart2 {width:49.33%;}
.quart3 {width:74.67%;}

.type-color1 {color:var(--bs1);}
.type-color2 {color:var(--bs1h);}
.type-color3 {color:var(--bs2);}
.type-color4 {color:var(--bs2h);}

.hat {position:relative; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; height:60px; padding:14px 0px;}
.hat-logo {width:218px; height: 60px;}
.hat-logo img {position:absolute; left:0px; top:14px; width:60px; height:60px;}
.logo-big {text-align:center; margin:0px 0px 40px;}
.logo-big img {width:160px;}
.login-block a {color:var(--blue); text-decoration: none;}
.login-block a:hover {color:var(--bs2h);}
.login-grid {display: grid;  grid-template-columns: 360px 360px;  gap: 0px 40px; margin: 50px 0px 40px;}
.login-grid p {margin: 0px 0px 30px; font-size: 18px; line-height: 1.5;}
.login-grid strong {font-weight: 600;}
.login-grid button {width: 100%; margin-top: 14px;}

.personal {display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:center;}
.mail {position:relative; width:20px; height:20px; margin-right:20px; filter:grayscale(1); opacity:0.7;}
.mail.sprt {width: 18px; height:18px;}
.mail.unread {filter:grayscale(0); opacity:1;}
.mail span.unread-num {position:absolute; top:-6px; right:-10px; display:none; width:16px; height:10px; padding:3px 0px; background:var(--bs1h); color:var(--wt); font-size:10px; font-weight:500; line-height:10px; text-align:center; border-radius:8px;}
.mail.unread span.unread-num {display:block;}
.username {width:16px; height:16px; margin-right:20px; }
.exit {display:block; width:20px; height:20px; background:url(/pic/ico-exit.svg) center center no-repeat;}
.exit2 {display:block; width:20px; height:20px; background:url(/pic/ico-exit2.svg) center center no-repeat;}

nav ul {display:flex; align-items: center; justify-content: center; list-style:none; margin:0px; padding:0px;}
nav ul a {display:block; margin:0px 14px; font-size:16px; font-weight:500; line-height:1; color:var(--bs2); text-decoration:none;}
nav ul a:hover, nav ul a.active {color:var(--bs1h);}
nav ul li {position:relative;}
nav ul ul {display:none; position:absolute; top:16px; right:-120px; width:200px; padding:16px; border-radius:8px; background:var(--wt); box-shadow:0px 8px 7px var(--gr); z-index:15;}
nav ul li:hover ul {display:block;}
nav ul ul a {margin:8px 0px;}

.flexer-w {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.flexer-r {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start;}
.flexer-m {display:flex; flex-wrap:wrap; justify-content:space-around; align-items:flex-start;}
.flexer-c {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;}
.flexer-b {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
.grider-m {position:relative; display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; align-items:center;}
.grider-t {position:relative; display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; align-items:start;}

.dashboard {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:40px; margin: 30px 0px 0px;}
.r-box {position:relative; background:var(--wt); padding:24px; border:1px solid #e0e0e0; border-radius:24px; text-decoration:none; color:var(--font);}
.r-box:hover {box-shadow:2px 2px 5px var(--font);}
.r-line {display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start;}
.r-box p {margin:0px; font-size:16px;}
.r-line-image {width:40px; margin:0px 24px 0px 0px;}
.r-line-body {width: calc(100% - 64px);}
.r-line-body .h1 {margin: 0px 0px 10px; color:var(--bs2); font-weight:400; font-size:20px; line-height: 1.2;}
.r-line-body .s1 {margin:10px 0px 0px; color:var(--bs1);}
.r-line-body .s2 {margin:0px;}
.r-line-body .s1:hover {color:var(--bs1h); text-decoration:underline;}

.caseboard {display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; margin-bottom: 40px;}
.c-box {position:relative; display:block; background:var(--wt); padding:50px 20px; border:1px solid #e0e0e0; border-radius:16px; text-decoration:none; color:var(--font); cursor: pointer;}
.my-box.c-box {padding: 63px 20px 50px 20px;}
.c-box:hover {box-shadow:2px 2px 5px var(--font);}
.c-box a {text-decoration:none;}
.c-line {display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:start;}
.c-box p {margin:0px; font-size:16px; line-height:1.2;}
.c-line-image {width:140px; margin:0px 24px 0px 0px;}
.my-box .c-line-image {margin:0px 0px 0px 24px;}
.c-line-body {width:calc(100% - 164px);}
.c-line2-body {width:calc(100% - 164px);}
.c-line-image img {width:100%; height:140px; object-fit:contain; border-radius:8px;}
.c-line-body .h1 {color:var(--bs2); font-weight:400; font-size:20px; margin-bottom: 10px;}
.c-line2-body .h1 {color:var(--bs2); font-weight:500; font-size:20px;}
.c-line-body .s1 {margin:12px 0px 0px; font-size: 85%;}
.c-line-body .s2 {margin:0px;}
.c-box p.c-line-desc, .c-box p.c-line-desc a {font-size: 14px; color: var(--bk);}
.c-line-region a {color: var(--bs2h);}
.c-box.camp-box {padding: 50px 20px 20px;}

.myorder-shield {position: absolute; top:20px; left: 20px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start;}
.myorder-shield-status {padding: 8px 10px 8px 34px; margin-right: 10px; font-size: 14px; font-weight: 600; color: var(--bs1h); background: url(/pic/ico-my-inwork.svg) left center no-repeat; border: 1px solid var(--bs1h); border-radius: 8px;}
.myorder-shield-status.linear {display: inline-block; margin-top: 15px;}
.moshs0 {background-image: url(/pic/ico-my-draft.svg); border: 1px solid var(--bs1); color: var(--bs1);}
.moshs2 {background-image: url(/pic/ico-my-final.svg); border: 1px solid var(--font); color: var(--font);}
.moshs3 {background-image: url(/pic/ico-my-final.svg); border: 1px solid var(--font); color: var(--font);}
.myorder-shield-response {font-size: 13px;}

.orange-box {position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding:40px; border-radius:8px; margin-bottom:40px;}
.orange-box.type-box1 {border:1px solid var(--bs1);}
.orange-box.type-box2 {border:1px solid var(--bs1h);}
.orange-box.type-box3 {border:1px solid var(--bs2);}
.orange-box.type-box4 {border:1px solid var(--bs2h);}
.orange-box .case-type-shield {position: absolute; top: -30px; left: 0px; padding: 5px 5px 5px 28px; color: var(--wt); font-size: 13px; border-radius: 8px;}
.orange-box.type-box1 .case-type-shield {background: url(/pic/ico-type1-wt.svg) 6px center no-repeat var(--bs1); background-size:16px 16px;}
.orange-box.type-box2 .case-type-shield {background: url(/pic/ico-type2-wt.svg) 6px center no-repeat var(--bs1h); background-size:16px 16px;}
.orange-box.type-box3 .case-type-shield {background: url(/pic/ico-type3-wt.svg) 6px center no-repeat var(--bs2); background-size:16px 16px;}
.orange-box.type-box4 .case-type-shield {background: url(/pic/ico-type4-wt.svg) 6px center no-repeat var(--bs2h); background-size:16px 16px;}

.orders-block .h4 {margin: 0px 0px 20px; font-size: 18px; font-weight: 600; color: var(--bs2);}
.o-box {margin: 0px 0px 30px;}
.o-head {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; position: relative; margin-bottom: 10px;}
.o-head a {width: calc(100% - 50px); font-size: 14px; line-height: 1.2; text-decoration: none;}
.o-head a:hover {text-decoration: underline;}
.o-head .rating {position: absolute; right: 0px; top: 2px;}
.o-head .score-shield {min-width: 14px; font-size: 14px; padding: 0px 0px 0px 18px; background-size: 16px;}
.o-line {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
.o-line a.btn {width: 182px;}
.o-line-image {width: 36px; height: 36px; margin-right: 10px;}
.o-line-image a {display: block; width: 100%; height: 100%;}
.o-line-image img {object-fit: contain; width: 100%; height: 100%;}
.o-line .btn img {vertical-align: middle; margin: 0px 4px 2px 0px;}
.o-body {font-size: 12px;}
.o-body strong {font-weight: 600;}

.case-type-volume {width: 216px; margin: 0px 0px 40px; background: url(/pic/ico-case-volume.svg) left top no-repeat; background-size:20px 20px; color: var(--font);}
.case-type-volume span {padding: 0px 0px 0px 24px; display: block;}
.case-type-volume span:first-child {font-weight: 600;}
.case-type-price {width: 216px; margin: 0px 0px 40px; background: url(/pic/ico-case-price.svg) left top no-repeat; background-size:20px 20px; color: var(--font);}
.case-type-price span {padding: 0px 0px 0px 24px; display: block;}
.case-type-price span:first-child {font-weight: 600;}
.case-type-calendar {width: 216px; margin: 0px 0px 40px; background: url(/pic/ico-case-calendar.svg) left top no-repeat; background-size:20px 20px; color: var(--font);}
.case-type-calendar span {padding: 0px 0px 0px 24px; display: block;}
.case-type-calendar span:first-child {font-weight: 600;}
.case-type-region {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%;  margin: 0px 0px 40px; color: var(--font);}
.case-type-region span:first-child {width: 245px; padding: 0px 0px 0px 24px; font-weight: 600; background: url(/pic/ico-case-region.svg) left top no-repeat; background-size:20px 20px;}
.case-type-region span:last-child {width: calc(100% - 270px);}
.case-type-category {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; color: var(--font);}
.case-type-category span:first-child {width: 160px; padding: 0px 0px 0px 24px; font-weight: 600; background: url(/pic/ico-case-category.svg) left top no-repeat; background-size:20px 20px;}
.case-type-category span:last-child {width: calc(100% - 185px);}
.case-type-category b {display: inline-block; margin-right: 12px; font-weight: 400;}
.case-type-orgtype {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%;  margin: 0px 0px 40px; color: var(--font);}
.case-type-orgtype span:first-child {width: 245px; padding: 0px 0px 0px 24px; font-weight: 600; background: url(/pic/ico-orgtype.svg) left top no-repeat; background-size:20px 20px;}
.case-type-orgtype span:last-child {width: calc(100% - 270px);}

.orders-box {display:grid; grid-template-columns:1fr; grid-gap:24px;}
.c-line-data span {display:inline-block; margin-right:40px;}
.order-shield {position:absolute; top:6px; left:120px; width:32px; height:16px; padding:6px 0px 10px; background-color:var(--blue); text-align:center; color:var(--wt); font-weight:600; border-radius:16px;}
.case-number {display:block; position: absolute; top:20px; left: 20px; font-size:16px; line-height:1;}
.my-box .case-number {left: auto; right: 20px; top: 27px;}
.case-date {display:block; position: absolute; bottom:20px; left: 20px; font-size:16px; line-height:1;}
.type-label {display:block; position:absolute; right:20px; bottom:20px; width:16px; height:16px;}
.type-label i {position:absolute; width:320px; right:25px; bottom:0px; font-size:13px; font-style:normal; color:inherit; text-align:right;}
/*.box-type1 {border-color:var(--bs1);}
.box-type2 {border-color:var(--bs1h);}
.box-type3 {border-color:var(--bs2);}
.box-type4 {border-color:var(--bs2h);}*/
.box-type1 .type-label {background:url(/pic/ico-type1.svg) center center no-repeat; background-size:100% 100%; color:var(--bs1);}
.box-type2 .type-label {background:url(/pic/ico-type2.svg) center center no-repeat; background-size:100% 100%; color:var(--bs1h);}
.box-type3 .type-label {background:url(/pic/ico-type3.svg) center center no-repeat; background-size:100% 100%; color:var(--bs2);}
.box-type4 .type-label {background:url(/pic/ico-type4.svg) center center no-repeat; background-size:100% 100%; color:var(--bs2h);}

.strings .caseboard {display:block;}
.strings .c-box {padding:4px 8px; border:0px; border-bottom:1px solid var(--lgt); border-radius:8px; min-height: 22px;}
.strings .c-box:hover {box-shadow:none; background:var(--lgt);}
.strings .c-box p {font-size: 14px;}
.strings .c-line {align-items:center;}
.strings .c-line-body, .strings .c-line2-body {display:flex; width:calc(100% - 160px); justify-content:space-between; align-items:center;}
.strings .c-line-body .h1 {width:40%; font-size:18px;}
.strings .c-line-body .d1 {width:40%; margin:0px;}
.strings .c-line-body .s1 {margin:0px;}
.strings .c-line2-body .h1 {width:35%;}
.strings .c-line2-body .s1 {width:65%;}
.strings .c-line-image {display: none; width:64px; height:auto; margin:0px 16px 0px 0px;}
.strings .c-line-body p.strong {display:inline;}
.strings .c-line-image img {display:none;}
.strings .case-number {margin:0px;}
.strings .case-date {display:none;}
.strings .type-label {display:none;}
.strings .favorite-img {display:none;}



.lbl {position:absolute; top:8px; right:8px; font-size:12px; padding:2px 6px 4px; color:var(--wt); border-radius:10px;}
.lbl.status0 {background:#777777;}
.lbl.status1 {background:#339933;}
.lbl.status2 {background:#3355aa;}
.lbl.status3 {background:#990000;}
.score-favorite {position:absolute; top:20px; right:20px;}
.status-shield {top:-16px; right:-16px; font-size:20px; padding:4px 16px 6px; border-radius:24px;}
.score-shield {display: inline-block; padding:0px 0px 0px 24px; font-size:16px; line-height: 1; vertical-align: middle; color:var(--bs2); background:url(/pic/ico-star-full.svg) left center no-repeat; background-size:20px;}
.score-shield.rating {background-image:url(/pic/ico-star-blue.svg);}
.score-shield.noscore {background-image:url(/pic/ico-star-gray.svg);}
.favorite-img {display: inline-block; margin-right: 16px; vertical-align: middle;}
.favorite-img img {width:20px; height: 20px; margin-left: 12px; vertical-align: middle;}
.favorite-img.favorite0 img, .favorite-img.favorite0 span {filter: grayscale(1) brightness(1.7);}
.favorite-img.favorite1 span, .favorite-img.favorite1 a  {color: var(--bs1h);}
.favorite-img span {font-size: 14px; visibility: hidden;}
.favorite-img:hover span {visibility: visible;}

.adm-options {position:absolute; display:flex; right:0px; top:5px;}
.adm-options a {display:block; width:20px; height:20px; margin:0px 0px 0px 12px; background:center center no-repeat; background-size:100%; cursor:pointer; opacity:0.7;}
.adm-options a:hover {opcity:1;}
.adm-options a.option-edit {background-image:url(/pic/ico-edit.svg);}
.adm-options a.option-view {background-image:url(/pic/ico-view.svg);}
.adm-options a.option-spy {background-image:url(/pic/ico-spy.svg);}
.adm-options a.option-dialog {background-image:url(/pic/ico-dialog2.svg);}
.adm-options a.option-solved {background-image:url(/pic/ico-okey.svg);}

.score-block {text-align: left; margin: 0px 0px 40px;}
.score-head {margin:0px; font-size:16px; font-weight:600;}
.score-line {margin:8px 0px;}
.score-line span {display:inline-block; vertical-align:middle; height:20px;}
.score-data {font-size:24px; line-height:24px; color:var(--bk); margin-right:12px;}
.score-starline {width:124px; background:url(/pic/ico-star-gray.svg) left center repeat-x; background-size:auto 20px;}
.score-starline i {display:block; height:20px; margin:0px; font-style:normal; background:url(/pic/ico-star-full.svg) left center repeat-x;}
.score-starline.rating i {background-image:url(/pic/ico-star-blue.svg);}
.getscore {position:relative;}
p.score-push {font-size: 16px; margin: 0px;}
.score-push .popup {width: 200px;}
.score-form {width:150px; margin:auto; flex-direction:row-reverse;}
.score-element {display:block; width:30px; cursor:pointer; text-align: center; text-decoration: none;}
.score-element span {display:block; height:24px; font-size:20px; font-weight:500;}
.score-star {background:url(/pic/ico-star-gray.svg) left center no-repeat; background-size:30px 24px;}
.score-star img, .score-digit {opacity:0;} 
.score-element:hover .score-digit, .score-element:hover .score-star img {opacity:1;}
.score-element:hover ~ .score-element .score-star img {opacity:1;}
.compl-oncase p {width: 200px; margin: 0px; font-size: 16px;}


.edit-bone {position:relative; display:grid; grid-template-columns:800px 260px; grid-gap:140px;}
.whole-case {grid-template-columns:800px 260px; grid-gap:140px;}
.edit-images {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:24px; margin:24px 0px;}
.edit-images .img-block {position:relative; border:1px solid var(--gr); border-radius:8px;}
.edit-images .img-self {height:160px;}
.edit-images .img-self img {width:100%; height:100%; object-fit:cover; border-radius:6px 6px 0px 0px;}
.edit-images .img-subscribe textarea {width:calc(100% - 14px); height:64px; padding:3px 6px; border-radius:0px 0px 8px 8px; border:0px; font-size:13px;}
.case-images {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:24px; margin:24px 0px;}
.whole-case .case-images {grid-gap:20px; }
.case-images .img-self {height:160px; border-radius:8px;}
.whole-case .case-images .img-self {height: 250px;}
.case-images .img-self img {width:100%; height:100%; object-fit:cover; border-radius:6px;}
.case-images .img-subscribe p {margin:0px; text-align:center; font-size:13px;}
.case-images.wide-img-block .img-self {height:240px;}

.avatar-bone {display:grid; grid-template-columns:1fr 2fr; grid-gap:24px; margin:0px 0px 24px;}
.avatar-bone .edit-avatar {order:-1;}
.avatar-bone .floader {height:160px;}
.avatar-bone .img-self {height:160px;}
.avatar-bone .img-self img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.avatar-block {margin:0px 0px 24px; max-height:400px;}
.avatar-block img {border-radius:12px; max-height:400px;}
.img-crop-link {position:relative;}
.img-crop-link a {text-decoration:none; font-size:14px; border-bottom: 1px dashed;}
.crop-field {position:absolute; top:-160px; left:0px; width:515px; padding:20px; background:var(--wt); border-radius:16px; box-shadow:0px 0px 25px var(--bk); z-index:50;}
.crop-field img {border-radius:0px; width:100%; height:auto;}
.crop-field a.noaction {background-color:var(--gr);}

.stuff-edit-block {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:24px; margin:24px 0px;}
.stuff-edit {width:507px!important; left:25%;}
.stuff-elem {position:relative; min-height:235px; text-align:center;}
.stuff-block {text-decoration:none; color:inherit; text-align:center; font-size:14px;}
.stuff-self {width: 180px; height: 180px; margin: auto; object-fit: cover;}
.stuff-self img {object-fit:cover; object-position:center top; width:100%; height:100%; border-radius:50%;}
.stuff-subscribe p {margin:4px 0px; font-size:14px;}
.stuff-subscribe p:first-child {font-size:16px; color:var(--bk);}
#stuffelemnew > a {display:block; position:relative; background:var(--lgt); width:calc(100% - 4px); height:calc(100% - 64px); margin:0px; padding:30px 0px; border:2px dashed #d0e0ff; cursor:pointer; border-radius:12px;}
#stuffelemnew > a:hover {border:2px dashed var(--font);}
.stuff-addnew p:first-child {display:inline-block; width:64px; height:64px; padding:0px; margin:0px; font-size:64px; line-height:1;}

.add-nav-response {padding: 80px 20px 20px; background: url(/pic/frame49.png) center 12px no-repeat var(--bs1h); color: var(--wt); border-radius: 8px;}
.agree {position:relative; display:block; margin:auto; width:100%; text-align:center;}
.agree .popup {top:-330px; left:-20px; width: 100%; text-align:left; color: var(--font);}
.compl-oncase .popup {width:100%; top:-290%;}
.add-nav-response .turner.btn {color: var(--bs2); background: var(--wt); padding: 15px 10px; min-width: auto;}
.add-nav-response a.btn.large, .add-nav-response a.btn {min-width: auto;}
.add-nav-links span {display: block; margin: 0px 0px 20px; color: var(--bs1); text-align: left;}
.add-nav-links span a {border-bottom: 1px dashed; text-decoration: none; color: var(--bs2);}
.add-nav-links span a.active {color: var(--bs1h); border-bottom: 0px;}

.coment-score-block {margin:24px 0px 0px; padding:24px 0px 0px; border-top:1px solid var(--lgt);}
.complaint {position:relative;}
.coment-unit {margin:24px 0px 0px;}
.coment-autor {font-size:14px; color:var(--bs2); text-align:left;}
.coment-autor span {display:inline-block;}
.coment-autor .time {margin-right:24px;}
.coment-answers {padding:8px 40px; background:url(/pic/ico-answers.svg) left top no-repeat; background-size:32px auto;}
.coment-answers .coment-unit {margin:0px 0px 8px;}
.coment-answers .coment-autor {color:var(--bs1);}
.answer-push p {margin:0px; font-size:14px;}
.coment-remove {display:none; font-size:14px; text-decoration:none; border-bottom:1px dashed;}
.coment-body:hover .coment-remove {display:inline;}

.searchfield {width:660px;}
.searchfield label, .filter-selector label {padding: 0px;}
.filterform .search {width: 340px;}
.filter-switch {position: relative; width:160px;}
.filter-isthere {position: absolute; display: block; top: -4px; right: -4px; width: 12px; height: 12px; border-radius: 6px; background: var(--bs1h);}
.filter-field {padding: 20px; margin: 20px 0px 0px; border: 1px solid var(--bs1h); border-radius: 6px; background: var(--lgt);}
.filter-field-inner {width: 970px;}
.filter-button {display:block; padding:9px 16px 9px 36px; color: var(--bs2); line-height: 1; background:url(/pic/ico-filter.svg) 36px center no-repeat; border:1px solid; border-radius:6px; text-align: center; text-transform: uppercase; cursor:pointer;}
.filter-button:hover {background-color:var(--lgt);}
.find-btn button {padding: 10px 12px 10px 32px; min-width: 100px; background:url(/pic/ico-zoom.svg) 12px center no-repeat var(--bs2); font-weight:400; line-height: 1;}
.resetfilter {display:block; position: absolute; margin:-30px 00px 0px 0px; font-size:14px; font-weight:500; color:var(--bs1);}
.resetfilter i {font-style:normal;}
.filter-unit {padding:0px 0px 12px;}
.filter-unit .filter-unit-hd {display:block; font-size:14px; margin:0px;}
.filter-unit .filter-unit-holder {display:inline-block; font-size:14px; font-weight:500; color:var(--blue); border-bottom:1px dashed; cursor:pointer;}
.filter-unit-changer {position:absolute; padding:16px; margin:8px 0px 0px -22px; background-color:var(--wt); box-shadow:2px 2px 12px var(--gr); border-radius:24px; max-height:320px; overflow:auto; z-index:10;}
.filter-unit-changer label {padding:0px 0px 4px;}
.range {width:316px;}
.freset-line {display: flex; flex-wrap: wrap; justify-content: start; margin: 20px 0px 0px}
.freset-unit {position: relative; height: 14px; max-width: 170px; padding: 8px 32px 8px 10px; margin: 0px 20px 0px 0px; font-size:14px; font-weight: 500; line-height: 1; overflow: hidden;  border-radius: 6px; color: var(--wt); background: var(--bs1h); text-transform: uppercase;}
.freset-unit span {display: block; width: max-content;}
.freset-unit i {position: absolute; right: 0px; top: 0px; width: 32px; height: 30px; padding: 0px; text-align: right; background:linear-gradient(90deg, transparent, var(--bs1h) 30%); cursor: pointer; }
.freset-unit i img {transition: 0.1s; margin: 3px 4px;}
.freset-unit i:hover img {transform: rotate(90deg);}
.freset-all a {color: var(--bs1); font-size: 14px;}
.filter-field-sbm label, .filter-field-sbm button {width: 160px;}
.filter-field-sbm a.btn {font-size: 15px;}
.filter-field-sbm a.btn.passive {background-color: var(--gr); cursor: default;}
.reset-for-nouid {display: block; margin-top: 6px; font-size: 16px; line-height: 1; font-weight: 500; text-transform: uppercase; color: var(--bs1); vertical-align: middle; text-decoration: none;}
.reset-for-nouid img {vertical-align: middle;}
.filter-close {position: absolute; right: 20px; top: 20px; cursor: pointer;}

.favorite-unit {display: block; padding: 20px; margin-bottom: 20px; border: 1px solid var(--bs1h); border-radius: 6px; background: var(--lgt); text-decoration: none;}
.fav-hd {display: block; font-size: 14px; color: var(--font);}
.fav-sd {display: block; font-size: 14px; color: var(--bs2); margin-bottom: 8px;}
.favorite-submenu {padding: 30px 0px;}
.favorite-submenu a {display: inline-block; margin: 0px 20px 20px 0px; text-decoration: none; border-bottom: 1px dashed; font-size: 18px; color: var(--gr);}
.favorite-submenu a.active {color: var(--bs2h);}

.multiselect-unit .multiselect-unit-hd {display:block; font-size:16px; margin:0px 0px 10px;}
.multiselect-unit .multiselect-unit-holder {display:inline-block; font-size:16px; font-weight:500; color:var(--blue); border-bottom:1px dashed; cursor:pointer;}
.multiselect-unit-changer {position:absolute; padding:16px; margin:8px 0px 0px -22px; background-color:var(--wt); box-shadow:2px 2px 12px var(--gr); border-radius:24px; max-height:320px; overflow:auto; z-index:10;}
.multiselect-unit-changer label {padding:0px 0px 4px;}

.messanger {display:flex; gap:40px;}
.adres-block {display:block; width:360px; margin:0px; vertical-align:top; text-align:left;}
.adres-search {position: relative; margin: 0px 0px 20px;}
.adres-search label {padding: 0px;}
.adres-search label input {font-size: 15px;}
.adres-search i {position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; background: url(/pic/ico-closenav.svg) center center no-repeat; background-size: 100%; cursor:pointer;}
.adres-field {height:calc(100vh - 324px); padding:10px 15px; margin:0px; background: var(--lgt); border-radius: 2px; overflow:auto; -ms-overflow-style:none; scrollbar-width:none;}
.adres-field::-webkit-scrollbar {display:none;}
.message-block {display:block; position:sticky; top:24px; width:calc(100% - 400px);}
.message-field {height:calc(100vh - 480px); border-radius:0px 0px 6px 6px; padding:20px; margin:0px auto 20px; background:url(/pic/msg-bg.png) center center #f8f8f8; box-shadow:inset 0px 0px 5px #cccccc; overflow:auto; -ms-overflow-style:none; scrollbar-width:none;}
.message-field::-webkit-scrollbar {display:none;}
.msg-elem {display:inline-block; position:relative; min-width:240px; padding:10px; margin:0px 80px 10px 0px; border:1px solid var(--gr); border-radius:6px 6px 6px 0px; background-color:#ffffff;}
.msg-time {float:right; font-size:13px; color:var(--gr);}
.msg-autor {display:block; margin: 0px 0px 15px; font-size:13px; color:var(--bs2h);}
.msg-autor a {color:var(--bs2h); text-decoration: none;}
.msg-autor a:hover {text-decoration: underline;}
.msg-text {display:block; font-size:14px; color:var(--font);}
.to {text-align:left;}
.from {text-align:right;}
.from .msg-elem {border-radius:6px 6px 0px 6px; margin:0px 0px 10px 80px; color: var(--wt); background-color:var(--bs2h); text-align:left;}
.from .msg-text {color: var(--wt);}
.from .msg-time {color: #e0e0e0;}
.adres-call {position:relative; padding:10px; margin-bottom: 10px; border-radius:6px; cursor:pointer; background: var(--wt);}
.adres-call.unread {background-color:var(--lgt);}
.adres-call:hover {background-color:var(--gr);}
.adres-call.active {background-color:var(--bs2h);}
.adres-call p {margin:0px;}
.adres-call span {display:block;}
.adres-call.active span {color:var(--wt);}
.adres-org {font-size:16px; line-height: 1.2; color:var(--bs2); font-weight: 700;}
.adres-case {font-size:16px; line-height: 1.2; color:var(--bs2); font-weight: 400;}
.adres-last {margin:10px 0px 0px; font-size:14px; line-height: 1.2; color:var(--font); font-weight: 400;}
.adres-unread-count {position:absolute; bottom:8px; right:8px; width:24px; height:14px; padding:5px 0px; font-size:14px; line-height:14px; background:var(--bs1h); text-align:center; color:var(--wt); border-radius:12px; box-shadow:0px 0px 8px var(--lgt);}
.adres-call span.adres-unread-count {display:none;}
.adres-call.unread span.adres-unread-count {display:block;}
.message-write-text, .message-write-send {display:inline-block; vertical-align:top;}
.message-write-text {width:calc(100% - 38px);}
.message-write-text textarea {height:64px; min-height:64px;}
.message-write-send {width:32px;}
.message-write-send .attach {display:inline-block; width:24px; height:24px; margin:0px 0px 20px; vertical-align:middle; cursor:pointer;}
.message-write-send .attach input {width:100%;}
.message-write-send .go-send {display:inline-block; width:32px; height:32px; vertical-align:middle; background:url(/pic/ico-telegram.svg) center center no-repeat; background-size:100% 100%; cursor:pointer;}
.start-msg {text-align:center;}
.scroll-down {position:absolute; display:none;}
.dialog-msg-edit {display:block; position:absolute; top:0px; right:-16px; width:12px; height:20px; background:url(/pic/ico-dots.svg) center center no-repeat; background-size:100% 100%; cursor:pointer;}
.edit-msg-options {display:none; position:absolute; top:20px; right:0px; padding:8px; background:var(--wt); z-index:1;}
.edit-msg-options a {display:block; text-decoration:none; padding:4px 0px 4px 24px;}
.edit-msg-options a:hover {background-color:var(--lgt);}
a.edit-msg {background:url(/pic/ico-edit.svg) left center no-repeat; background-size:16px 16px;}
a.remove-msg {background:url(/pic/ico-trash.svg) left center no-repeat; background-size:16px 16px;}
.editable .msg-text{border:1px solid; background:var(--wt); padding:4px;}
.edit-msg-push {margin:4px 0px 0px;}
.message-block .scroll-up {position:absolute; width:48px; height:48px; right:20px; bottom:160px; background:url(/pic/ico-slider.svg) center center no-repeat; background-size:100% 100%; transform:rotate(90deg); z-index:10; cursor:pointer;}
.message-head {padding:10px 10px 10px 44px; border-radius:6px 6px 0px 0px; color:var(--wt); background:url(/pic/ico-backleft.svg) 10px 10px no-repeat var(--bs2h); background-size:24px 24px; cursor:pointer;}
.message-head span {display:block; color:var(--wt); height: 18px; overflow: hidden;}
.message-head span a {color: inherit; text-decoration: underline;}
.message-head span.adres-case a {color: inherit; text-decoration: none;}
.message-head span a:hover {color: inherit; text-decoration: underline;}
.message-head span.adres-org {font-weight:600;}
.message-head .adres-org {font-size:14px;}
.message-head .adres-case {font-size:14px;}

footer {padding:60px 0px; background:var(--bs2); color: var(--wt);}
footer p {color:var(--wt);}
footer a {color:var(--bs1h);}
.ft-first {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.ft-slogan p {margin:0px 0px 16px; font-size:16px; line-height: 1.25;}
.ft-slogan p:last-child {margin: 0px;}
.ft-second {text-align: right;}
.ft-dual {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.ft-logo {width:60px; margin-right:40px;}
.ft-requis span {margin-left:30px;}
.ft-requis a {text-decoration: none;}
.ft-rights {margin-top: 30px; font-size: 14px;}
.ft-develop {margin-top: 15px; font-size: 13px; color: var(--gr);}
.ft-develop a {color: var(--lt);}

.floader input[type="file"] {position:absolute; top:-20px; right:0px; opacity:0;}
.floader {position:relative; width:100%; height:95px;}
.floader figure {position:absolute; left:0px; top:0px; width:calc(100% - 4px); height:calc(100% - 4px); margin:0px; border:2px dashed #d0e0ff; cursor:pointer; z-index:10;}
.floader figure:hover {border:2px dashed var(--font);}
.floader-drag {display:block; position:absolute; width:100%; top:16px; text-align:center; color:var(--bs2); padding:0px 0px 40px; background:url(/pic/ico-upload.svg) bottom center no-repeat; background-size:24px; opacity:0.6; z-index:-1; pointer-events:none;}
.floader-drop {display:none; position:absolute; width:100%; top:16px; text-align:center; color:var(--bs2); z-index:-1; pointer-events:none;}
.floader figure:hover .floader-drag {opacity:1;}
.floader figure.active .floader-drag {display:none;}
.floader figure.active .floader-drop {display:block;}
.floader.attach figure {border:0px; width:100%; height:100%; background:url(/pic/ico-paperclip.svg) center center no-repeat; background-size:100% 100%;}
.floader.attach figure:hover {border:0px; filter:brightness(0.5);}
.progress {display:none;}
.progress-bar {position:absolute; width:0%; height:100%; background:#d0ffe0; z-index:5;}
.progress-value {position:absolute; top:50px; width:100%; height:100%; text-align:center; font-size:24px; font-weight:500; color:var(--bs2); z-index:7;}

.att-file {display:block; margin:auto; width:120px;}
.att-img {display:block; margin:auto; width:480px;}

.error-log {position:fixed; top:80px; left:calc(50% - 264px); width:480px; padding:24px; border-radius:16px; color:var(--bs1); font-size:16px; font-weight:500; background:var(--wt); box-shadow:0px 0px 12px var(--bs1); z-index:11;}
.error-log.positive {color:var(--green); box-shadow:0px 0px 12px var(--green);}

.popup {position:absolute; width:calc(100% - 48px); height:auto; padding:24px; border-radius:16px; background:var(--wt); box-shadow:0px 0px 12px var(--gr); z-index:10;}
.welcome {position:absolute; top:160px; left:calc(50% - 264px); width:480px; height:auto; margin:auto; padding:24px; border-radius:16px; background:var(--wt); box-shadow:0px 0px 12px var(--gr); z-index:10;}
.centered {text-align:center;}
.margined {margin:24px 0px;}
.coment {font-size:14px;}
.dashed {text-decoration:none; border-bottom:1px dashed;}
.hddn {display:none;}
.hddnm {display:none;}
.close {display:block; position:absolute; top:6px; right:6px; width:24px; height:24px; background:url(/pic/ico-close.svg) no-repeat; background-size:100%; cursor:pointer;}
.close:hover {rotate:90deg;}
.closenav {display: none;}
.remove {display:block; position:absolute; top:-8px; right:-8px; width:16px; height:16px; background:url(/pic/ico-remove.svg) no-repeat; background-size:100%; cursor:pointer;}
.remove:hover {rotate:90deg;}
.activated input[type=submit], .activated button {opacity:0.3;}
.right-plased {float:right;}
.ico-edit {display:inline-block; width:32px; height:32px; margin:0px 0px 0px 12px;}
.ico-edit img {width:100%; height:100%; object-fit:contain;}
.semiseen {opacity:0.5;}
.altcolor {color:var(--bs1)!important;}
.strong, .strong * {font-weight:500; color:var(--bk)!important;}
.more {font-style: normal; font-size: 85%; color: var(--blue);}
.pass-eye {position:relative;}
.pass-eye u {display:block; position:absolute; width:24px; height:24px; right:8px; top:28px; background:url(/pic/ico-eye-close.svg) center center no-repeat; background-size:100%; cursor:pointer; z-index:1;}
.pass-eye u.opened {background-image:url(/pic/ico-eye.svg);}
.nocases-addbtn a.btn {padding: 10px 12px 10px 36px; min-width: 100px; background: url(/pic/ico-myadd-plus.svg) 10px center no-repeat var(--bs1h); background-size: 16px 16px; font-weight: 500;}
p.nocases-text {margin: 50px 0px 40px; line-height: 1.5;}
.dsbld {background-color: var(--lgt);}

.lg-sub-html h4 {font-size:20px; font-weight:500;}
.colored1 {color:var(--bs1);}
.colored2 {color:var(--bs2);}
.breadcrumbs {margin: 60px 0px 40px; font-size: 14px;}
.breadcrumbs a {color: var(--bs2h);}
.breadcrumbs b {display: inline-block; width:25px; height: 9px;  background: url(/pic/ico-breadcrumb.svg) center center no-repeat; background-size: auto 9px;}

.pagination {display: flex; flex-wrap: wrap; justify-content: center;}
.pagination a {width: 28px; height: 16px; padding: 6px 0px; margin: 0px 4px 8px; text-align: center; text-decoration: none; font-size: 16px; line-height: 1; border-radius: 6px; color: var(--gr); border: 1px solid;}
.pagination a.active, .pagination a:hover {color: var(--bs2);}
.pagination a.active {font-weight: 600;}


/* strange count-time changers */
.case-edit-1st {display: flex; flex-wrap: wrap; align-items: start; justify-content: start;}
.edit-count-calc i {display: inline-block; width: 34px; padding: 9px 0px; font-size: 16px; font-style: normal; line-height: 1; text-align: center; color: var(--bs2); border: 1px solid; border-radius: 6px; cursor: pointer;}
.edit-count-calc i img {vertical-align: bottom;}
.edit-count-calc i.dis {background-color: var(--gr); color: var(--gr); cursor: auto;}
.edit-count-calc i.dis img {filter:grayscale(1) brightness(50);}
.edit-count-calc input {width: 42px; text-align: center; color: var(--bs2); vertical-align: bottom; margin: 0px 6px;}
.case-edit-1st .multiselect-unit {width: 200px;}
.case-edit-count-calc {width: 180px;}
.case-edit-1st span {display: block; margin:  0px 0px 10px;}
.case-edit-2nd span, .case-edit-3rd span {display: block; margin:  0px 0px 16px;}
.case-edit-1st > label {margin: 36px 0px 0px; padding: 0px;}
.case-edit-cost-changer, .case-edit-time-changer {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 20px;}
.case-edit-cost-changer label, .case-edit-time-changer label {margin-right: 20px;}
.case-edit-1st, .case-edit-2nd, .case-edit-3rd {margin-bottom: 30px;}
.case-edit-2nd label, .case-edit-3rd label {padding: 0px;}

.save-case-draft, .save-case-inwork, .save-case-final, .save-case-delete {display: block; height: 24px; padding: 6px 0px; margin: 20px 0px 0px; text-align: center; border: 1px solid; border-radius: 6px; font-size: 16px; line-height: 1; font-weight: 500; text-transform: uppercase; text-decoration: none; cursor: pointer;}
.save-case-draft img, .save-case-inwork img, .save-case-final img, .save-case-delete img {vertical-align: middle; height: 24px; width: auto; object-fit: contain;}
.save-case-draft {color: var(--bs2);}
.save-case-inwork {color: var(--bs1h);}
.save-case-delete {color: var(--bs1);}
.save-case-draft:hover, .save-case-inwork:hover, .save-case-final:hover, .save-case-delete:hover {background: var(--lgt);}
.save-case-draft span, .save-case-inwork span, .save-case-final span, .save-case-delete span {vertical-align: middle; display: inline-block; height: 16px; padding: 4px 0px;}
.down-control {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.down-control .save-case-draft, .down-control .save-case-inwork, .down-control .save-case-final, .down-control .save-case-delete {width: 170px; margin-right: 40px;}
.back-to-my {margin: 50px 0px 0px;}
.back-to-my a {text-transform: uppercase; text-decoration: none; font-size: 16px; font-weight: 500; line-height: 1;}
.back-to-my img {width: 16px; height: 16px; object-fit: contain; margin: 0px 6px 2px 0px; vertical-align: middle;}

/* start page */
.logo-slogan {position:absolute; width: 150px; top:24px; margin:0px 0px 0px 68px; font-size:16px; line-height: 20px; font-weight: 500; color:var(--bs2); text-transform: uppercase; text-decoration: none;}
a.btn.top-register {margin-right:15px; padding:10px; background-color:transparent; color:var(--bs2); border:1px solid;}
a.btn.top-enter {padding:10px 10px 10px 32px; min-width: auto;}
a.btn.top-enter:before {content:""; display:block; position:absolute; width:16px; height:16px; margin:0px 0px 0px -22px; background:url(/pic/ico-login.svg) center center no-repeat; background-size:100% 100%;}
.top-image-buttons a.likelink-wt {margin-left: 20px;}

.large-top-image {height: 540px; background: var(--bs2); overflow: hidden;}
.top-image-unit {position: relative;}
.top-macro-img {position: absolute; left:calc(50% - 100px); top:0px; height: 539px; width: 1250px; z-index: 1;}
.top-image-desc {position: absolute; left:0px; top:60px; width: 680px; color: var(--wt); z-index: 3;}
h1.top-image-hd {font-size: 40px; line-height: 48px; font-weight: 600; text-transform: uppercase; color: var(--wt);}
.top-image-detail {margin: 40px 0px 50px;}
.ti-detail-unit {display: flex; justify-content: flex-start; align-items: center; margin: 0px 0px 15px;}
.ti-detail-svg {width: 36px; height: 36px; margin: 0px 15px 0px 0px;}
.ti-detail-text {width: calc(100% - 51px); font-size: 14px; line-height: 1.2; width: 310px;}

.promo {display:grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
.promo-line {display: flex; justify-content: flex-start; align-items: center; margin: 0px 0px 30px;}
.promo-line-image {width: 48px; height: 48px; margin-right: 20px;}
.promo-line-text {width: calc(100% - 68px); font-size: 18px; line-height: 1.35; color: var(--bs2);}

.lastcases-btn {padding: 26px 0px 40px;}
.lastcases-btn a {margin-right: 16px;}
.lastcases-btn a.active {color: var(--bs2); background: #e0e0e0;}

.intro {display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; color: var(--bs2);}
.intro-box p {font-size: 16px; line-height: 1.5;}
.intro-box li {margin: 16px 0px; font-size: 16px; line-height: 1.3; list-style-image: url(/pic/check-for-list.svg);}
.intro-link {margin-top: 40px;}

.why-box {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:40px; margin: 50px 0px 40px;}
.why-box p {margin: 0px; font-size: 16px; line-height: 1.5;}
.why-hd {margin: 20px 0px 10px; font-size: 20px; line-height: 1.2; color: var(--bs2);}

.p-box {position:relative; display:block; background:var(--wt); padding:24px; border:1px solid #e0e0e0; border-radius:24px; text-decoration:none; color:var(--font);}
.p-box:hover {box-shadow:2px 2px 5px var(--font);}
.p-line {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:start;}
.p-box p {margin:0px; font-size:18px; line-height:1.2;}
.p-line-image {width:90px; height:90px; margin:0px 24px 0px 0px;}
.p-line-body {width:calc(100% - 114px);}
.p-line-image img {width:100%; height:100%; object-fit:contain;}
.p-line-body .h1 {color:var(--bs2); font-weight:500; font-size:24px;}
.p-line-body .s1 {margin:16px 0px 0px;}
.p-line-body .s2 {margin:0px;}

.plates {display:grid; grid-gap:40px; grid-template-columns:1fr 1fr 1fr; margin:50px 0px 40px;}
.plates .triple-unit {padding:0px; color:var(--font); cursor:pointer; transition:0.2s; border:1px solid #e0e0e0; border-radius:8px; text-decoration:none;}
.plates .triple-unit:hover {background-color:var(--lgt);}
.plates .triple-unit .img {width:100%; height:200px;}
.plates .triple-unit .img img {width:100%; height:100%; object-fit:cover; object-position:top left; border-radius: 8px 8px 0px 0px;}
.plates .triple-unit .header {margin:0px; padding: 20px 20px 10px; font-weight:400; font-size:20px; color:var(--bs2); line-height:1.2;}
.plates .triple-unit .anons {padding: 0px 20px 20px; font-size: 14px; line-height:1.5;}
.plates .triple-unit p {margin:0px; font-size: 14px; line-height:1.5;}
.date {position:absolute; margin:-26px 0px 0px 20px; font-weight:600; color:#ffffff; text-shadow:0px 0px 20px #000000;}

.triple {display:grid; grid-gap:30px; grid-template-columns:1fr 1fr 1fr; padding:0px 0px 30px;}
.triple > div {height:240px;}


.slidebody {margin:0px 0px 18px;}
.slidebody p {margin:0px 0px 18px; font-size: 18px;}
.slidebody li {font-size: 18px; margin: 0px 0px 8px;}
.slidedown {margin:0px 0px 18px; font-size: 16px;}
.slidedown span {border-bottom:1px dashed; color:var(--bs2h); font-weight:500; cursor:pointer;}
.slidedown.opened span {border-bottom: 0px; color: var(--bs1h);}

.bordered-table {border-collapse: collapse; border-spacing: 0px;}
.bordered-table td {border: 1px solid var(--font); padding: 12px;}
.framewide {width: 100%; height: 372px; border: 0px;}

.nonreg-block {padding: 20px;  border-radius: 8px; background: url(/pic/backgr-auth.svg) left center no-repeat var(--lgt);}
.nonreg-block p:first-child {margin: 0px 0px 20px auto; width: 420px; color: var(--bs2); font-size: 16px;}
.nonreg-block p {text-align: right;}
.nonreg-block2 {padding: 20px; width: 420px; border-radius: 8px; background:var(--lgt);}
.nonreg-block2 p:first-child {margin: 0px 0px 20px; color: var(--bs2); font-size: 16px;}
.nonreg-block2 p {text-align: right;}
.nonreg-block .btn, .nonreg-block2 .btn {width: 200px; padding: 10px; background: transparent; color: var(--bs2); border: 1px solid;}
.start-case-score {width: 800px;}

.top-decor div {position: absolute; opacity: 0.5; z-index: 2;}
.top-decor div img {vertical-align: top;}
.decor-wtline1 {width: 1250px; height: 2px; top: 70px; left: 799px;}
.decor-wtline2 {width: 1250px; height: 2px; top: 80px; left: 799px;}
.decor-redline3 {width: 2066px; height: 84px; top: 310px; left: 799px;}
.decor-redline4 {width: 3066px; height: 84px; top: 370px; left: -720px;}
div.decor-wtround1 {width: 361px; height: 361px; top: 4px; left: 1035px;}
div.decor-redround2 {width: 192px; height: 193px; top: 140px; left: 1005px; opacity: 0.8;}

.news-banner {position: relative; height: 460px; margin-bottom: 50px;}
.news-banner .wrap {position: absolute; height: 460px; top:0px; left:calc(50% - 600px);}
.news-banner img {width: 100%; height: 100%; object-fit: cover; object-position: left center;}
.news-banner .breadcrumbs {position: absolute; top:0px;}
.news-banner .breadcrumbs a {color: var(--wt);}
.news-banner .breadcrumbs span {color: var(--gr);}
.news-banner h1 {position: absolute; top:120px; width: 600px; color: var(--wt);}
.news-banner .newone-date {position: absolute; bottom:60px; color: var(--wt);}
.protector {position: absolute; top: 0px; left: 0px; height: 80px; width: 61%; background: var(--bs2); border-radius: 0px 0px 80px 0px;}

.add-nav-register {padding: 80px 20px 20px; background: url(/pic/frame50.png) right top no-repeat var(--bs2);  color: var(--wt);  border-radius: 8px;}
.add-nav-register .btn {color: var(--bs2);  background: var(--wt);  padding: 15px 10px;}
.stycky-nav {position: sticky; top: 50px;}

.navigation {display: none;}






/* adaptive */
@media (min-width:1620px)
{
body {zoom:110%;}
}

@media (max-width:1240px)
{
.wrap {width:calc(100% - 40px);}
.menu1 {height:44px;}
nav ul a {height:20px; font-size:20px; margin:0px 2px;}
p {font-size:16px;}

.ft-logo {width:90px; margin-right:20px;}
footer p {font-size:16px;}

.large-slider .slider-unit {height:480px;}
.slider-desc {bottom:40px; left:20px;}
.slider-hd {font-size:40px;}
}


@media (max-width:1020px)
{
.burger {display:block; width:36px; height:36px; cursor:pointer; position:absolute; top:17px; right:0px; border: 1px solid var(--bs2); border-radius: 6px; z-index:140;}
.burger span, .burger span:before, .burger span:after {width:16px; position:absolute; height:1px;background:var(--bs2); display:block; transition:0.3s;}
.burger span{top:18px; left: 10px;}
.burger span:before {content:""; top:-4px; transition:top 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.burger span:after {content:""; bottom:-4px; transition:bottom 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.burger span.active:before {content:""; top:0px; transform:rotate(45deg); transition:top 300ms, transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); background:var(--font);}
.burger span.active:after {content:""; bottom:0; transform:rotate(-45deg); transition:bottom 300ms, transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); background:var(--font);}
.burger span.active {background:rgba(255, 255, 255, 0);} 
.burger:hover {background: var(--lgt);}

nav {display:none; position:fixed; top:0px; width:100%; height:100vh; overflow:scroll; background-color:#fffffff0; left:0px; z-index:120;}
.menu1 ul {display:block; width:180px; padding:40px; margin:40px 0px 0px 0px;}
nav ul li {margin:0px 0px 8px;}
nav ul a {padding:4px 0px; color:var(--bs2); font-size: 18px; font-weight: 400;}
nav ul a:hover, nav ul a.active {background-color:transparent; color:var(--bs1);}
.menu1 ul {width:auto; padding:0px; margin:24px;}
nav ul ul {position:static; background:transparent; box-shadow:none;}

.edit-bone {grid-template-columns:1fr; grid-gap: 30px;}
.caseboard {grid-template-columns:1fr; grid-gap:12px;}
.dashboard {grid-template-columns:1fr 1fr; grid-gap:30px;}
.avatar-bone {grid-template-columns:1fr 1fr; grid-gap:16px; margin: 0px;}
.whole-case {grid-gap: 60px;}
.avatar-block {margin: 0px;}

.edit-images .img-self, .case-images .img-self, .stuff-self {height:240px;}

.adres-block {width:35%;}
.message-block {width:65%;}

.personal {margin-right: 72px;}
.personal.non-reg {margin-right: 0px;}

.logo-slogan {display:none;}

.large-slider .slider-unit {height:400px;}
.slick-dots {bottom:12px;}
.slider-hd {font-size:32px;}
.slider-detail {font-size:20px;}
.slick-arrow {left:20px;}
.slick-next {right:20px; left:auto;}
.promo-box {grid-template-columns:1fr; grid-gap:20px;}
.plates {grid-gap:16px; grid-template-columns:1fr 1fr;}
.framewide {height: 520px;}

}



@media (max-width:799px)
{
body {font-size:14px;}
.hat {height:50px; padding:10px 0px;}
.hat-logo {width:50px;}
.hat-logo img {top:10px; width:50px; height:50px;}
.menu1 {height:20px;}

.mini-blank {width:auto;}
section {padding:20px 0px;}
section.s-tiny {padding:10px 0px;}
section.s-top30i {padding: 20px 0px;}
label {padding:0px 0px 16px;}
p {line-height:1.2; font-size:14px;}
p.large {font-size:18px;}
p.h1 {font-size:20px;}
h3 {font-size:22px; margin: 22px 0px 12px;}
select {width:100%;}
.edit-count-calc input {width: 42px;}
h1, h2 {font-size:24px;}
section.s-divider {padding: 120px 0px 50px;}
section.s-top60 {padding: 50px 0px;}
footer {padding: 40px 20px;}
.hddnm {display:block;}

.grider-m {grid-template-columns:1fr;}
.grider-t {grid-template-columns:1fr; grid-gap: 20px;}
.half {width:100%;}
.range .half {width:48%;}
.double {width:100%;}
.tres {width:100%;}
.tres2 {width:100%;}
.quart3 {width:100%;}
.quart {width:100%;}
input[type=submit].normal, button.btn.normal, a.btn.normal {display: block; width: 360px; max-width: calc(100% - 40px); margin: auto;}

.login-grid {grid-template-columns: 1fr;}
.login-grid-right {padding-top: 14px;}

.dashboard {grid-template-columns:1fr; grid-gap:16px;}
.r-box {padding:12px; border-radius:16px;}
.r-line-body .h1 {font-size:16px;}
.r-box p {font-size:14px;}
.r-line-body .s1 {margin:8px 0px 0px;}
.r-line-body .s2 {margin:0px;}
.c-box {padding:50px 20px 74px;}
.c-line-image {width:140px; height:140px; margin:0px 0px 10px;}
.c-line-image img {height:100%;}
.c-line-body {width:100%;}
.c-line-body .s1 {margin:6px 0px 0px;}
.c-line-body .s2 {margin:0px;}
.case-date {bottom: 45px;}
.type-label {left: 20px; right: auto;}
.type-label i {left: 25px; right: auto; text-align: left; width: 290px;}

.searchfield {width:100%;}
.filter-switch {width:auto;}
.filter-field {margin: 0px; position: fixed; top: 0px; left: 0px; width: calc(100% - 40px); height: calc(100% - 40px); border: 0px; z-index: 150;}
.resetfilter {margin:-30px 8px 0px 0px;}
.resetfilter i {display:none;}
.filter-unit-changer {position: fixed; padding: 20px; margin: 0px; top: 0px; left: 0px; border-radius: 0px; width: calc(100% - 40px); height: calc(100vh - 40px); max-height: none;}
.case-images, .edit-images {grid-template-columns:1fr;}
.case-images .img-subscribe p {font-size:16px;}
.score-block {margin:0px 0px 20px;}
.complaint {width:100%;}
.compl-oncase .popup {width:calc(100% - 48px); left:auto;}
.filter-field-sbm {width: 100%; position: absolute; bottom: 20px;}
.filter-button {padding: 6px; width: 26px; height: 22px; font-size: 0px;  background-position: center center;}
.find-btn button {padding: 8px; width: 40px; height: 36px; font-size: 0px; min-width: auto;}
.filterform .search {width: calc(100% - 100px);}
.filter-selector {width: 100%; margin-top: 10px;}
.filter-field-sbm label, .filter-field-sbm button {width: calc(100% - 20px);}
.filter-field-sbm a.btn {width: calc(100% - 52px);}
.back-to-filter {display: block; margin: 10px 0px 35px; color: var(--bs2h); cursor: pointer;}
.back-to-filter img {vertical-align: middle; margin-right: 4px;}
.filter-frag-hd .filter-unit-hd {margin: 0px 0px 20px; font-size: 16px;}
.reset-for-nouid {text-align: center; width: calc(100% - 20px);}

.orders-block {position: fixed; top: 0px; left: 0px; width: calc(100% - 40px); height: calc(100vh - 40px); padding: 20px; background: var(--lgt); overflow-y: scroll; z-index: 150;}

.ft-requis span {margin-left:0px; display:block;}
.ft-dual {text-align:center;}
.ft-logo {margin:auto; width: 60px;}
.ft-slogan {justify-content:center; margin-top: 40px;}
.ft-first {display: block;}
.ft-second {text-align: center; margin-top: 20px;}
.ft-requis a {display: block; font-size: 16px; margin-bottom: 15px;}
.ft-rights {margin-top: 0px;}

.strings .c-line-body, .strings .c-line2-body {flex-wrap:wrap; width:100%;}
.strings .c-line-body .h1, .strings .c-line-body .s1, .strings .c-line-body .d1 {width:100%;}
.c-line {flex-wrap:wrap;}

.ico-edit {width:24px; height:24px;}
.lbl {top:3px; right:4px; left:auto;}
.status-shield {top:-13px; right:-12px; left:auto; font-size:14px; padding:3px 12px 5px;}

.messanger {flex-wrap:wrap;}
.adres-block, .message-block {width:100%; display:none;}
.adres-block.works, .message-block.works {display:block;}
.adres-field {height:calc(100vh - 160px);}
.message-field {padding:16px; height:calc(100vh - 333px); border-radius:0px 0px 6px 6px;}
.message-head {border-radius: 6px 6px 0px 0px;}
.adres-call, .adres-search {border-radius:6px;}
.adres-search label input {font-size: 14px;}
.msg-text {font-size:14px;}
.att-img {width:100%;}
.att-file {width:80px;}
.dialog-msg-edit {right:-14px;}
.msg-elem {margin:0px 10px 10px 0px;}
.from .msg-elem {margin:0px 0px 10px 10px;}

.orange-box {display: block; padding: 30px 20px 20px;}
.orange-box p {display: block; width: auto;}
.orange-box p span {display: block;}

.large-top-image {height: 570px;}
.top-macro-img {left: -600px; height: 570px;}
.top-macro-img img {max-width: none; height: 100%;}
.top-image-desc {top:40px; width: 100%;}
h1.top-image-hd {font-size: 28px; line-height: 1.2;}
.top-image-buttons a.likelink-wt, a.btn-likelink {margin: 5px 0px 0px; display: block; text-align: center;}
.top-image-detail {margin: 30px 0px 50px;}
.ti-detail-unit {margin: 0px 0px 11px;}

.promo {grid-template-columns: 1fr;}
.promo-image {display: none;}
.promo-line {align-items: flex-start;}

.lastcases-btn {padding: 6px 0px 30px;}

.intro {grid-template-columns: 1fr; grid-gap: 24px;}
.video-box {order:-1;}
.why-box {grid-template-columns: 1fr;}

.large-slider .slider-unit {height:280px;}
.slick-arrow {left:10px;}
.slick-next {right:10px; left:auto;}
.slider-desc {bottom:40px; left:10px; width:calc(100% - 44px); padding:12px; border-radius:12px;}
.slider-detail {font-size:15px; margin:8px 0px 0px;}
.slider-hd {font-size:20px;}
.p-box {padding:16px; border-radius:16px;}
.p-line-body .h1 {font-size:20px;}
.p-box p {font-size:14px;}
.p-line {align-items:center;}
.plates {grid-gap:20px; grid-template-columns:1fr; margin: 30px 0px;}

.crop-field {left:-12px; width:calc(100vw - 60px); padding:10px;}

.bordered-table td {padding: 8px;}
.framewide {height: 360px;}
.coment-push, .score-block {text-align: center;}
.coment-push > p {margin: 30px 0px 20px;}
.down-control {justify-content: center;}

.stuff-edit-block {grid-template-columns: 1fr 1fr;}
.welcome {top:40px; left:10px; width:calc(100% - 44px); height:auto; margin:auto; padding:12px; border-radius:12px;}

.decor-wtline1 {top: 400px; left: 0px;}
.decor-wtline2 {top: 410px; left: 0px;}
.decor-redline3 {display: none;}
.decor-redline4 {display: none;}
div.decor-wtround1 {top: 25px; left: 235px;}
div.decor-redround2 {top: 170px; left: 198px;}

.breadcrumbs span, .breadcrumbs .lastcrumb {display: none;}

.navigation {display: block; margin: 40px 0px 50px; width: 100%; text-transform: uppercase; text-align: center; font-size: 16px; line-height: 1;}
.navigation div {padding: 8px 10px 7px; width: calc(100% - 22px); font-weight: 500; color: var(--bs2); border: 1px solid; border-radius: 6px; cursor: pointer;}
.navigation div:before {content: ""; display: inline-block; width: 16px; height: 16px; margin: 0px 8px 2px 0px; vertical-align: middle; background: url(/pic/ico-navigation-bs2.svg) center center no-repeat;}
.navigation.supply, .news-banner .navigation.supply {position: fixed; top: 0px; margin: 0px; padding: 10px 20px; left: 0px; width: calc(100% - 40px); background: var(--bs2); color: var(--wt); z-index: 70;}
.navigation.supply div {color: var(--wt);}
.navigation.supply div:before {background-image: url(/pic/ico-navigation-wt.svg)}
.hddnav {display: none;}
.add-nav-links {position: fixed; top: 0px; left: 0px; width: calc(100% - 40px); height: calc(100vh - 40px); margin: 0px; padding: 20px; background: var(--lgt); opacity: 0.94; z-index: 70;}
.news-banner .navigation {position: absolute; top:380px;}
.news-banner .navigation div {width: 124px; color: var(--wt);}
.news-banner .navigation div:before {background-image: url(/pic/ico-navigation-wt.svg)}
.news-banner .navigation.supply div {width: calc(100% - 22px);}
.navigation-recall {display: block; margin: 40px 0px 50px; width: 100%; text-transform: uppercase; text-align: center; font-size: 16px; line-height: 1;}
.navigation-recall.yesrecall div {padding: 8px 10px 7px; width: calc(100% - 22px); font-weight: 500; color: var(--bs1h); border: 1px solid; border-radius: 6px; cursor: pointer;}
.navigation-recall.yesrecall.supply {position: fixed; bottom: 0px; margin: 0px; padding: 10px 20px; left: 0px; width: calc(100% - 40px); background: var(--bs1h); color: var(--bs2); z-index: 70;}
.navigation-recall.yesrecall.supply div {background: var(--wt); color: var(--bs2); border:0px;}


.whole-case .case-images .img-self {width: 250px; margin: auto;}
.add-nav-response {position: fixed; display: flex; bottom: 0px; z-index: 70; left: 0px; padding: 10px 20px 20px; width: calc(100% - 40px); background:  url(/pic/frame49.png) left 22px no-repeat var(--bs1h);}
.add-nav-register {position: fixed; display: flex; bottom: 0px; z-index: 70; left: 0px; padding: 10px 20px 20px; width: calc(100% - 40px); background:  url(/pic/frame50.png) right center no-repeat var(--bs2);}
.add-nav-res-p {font-size: 12px; line-height: 15px; margin: 0px;}
.add-nav-response .turner.btn {padding: 10px; font-size: 16px; width: 168px; min-width: auto;}
.add-nav-register .btn {padding: 10px; font-size: 16px; width: 130px; min-width: auto;}
.agree .popup {position: fixed; top: 0px; left: 0px; width: calc(100% - 40px);}
.start-case-score {width: auto;}
.stycky-nav {position:inherit; top: 50px;}

.nonreg-block {background: var(--lgt);}
.nonreg-block p:first-child {width: auto;}
.nonreg-block p, .nonreg-block2 p  {text-align: left}
.nonreg-block .btn, .nonreg-block2 .btn {width: calc(100% - 34px);}

.case-type-category span:last-child {width: auto;}
.case-type-region span:last-child {width: auto;}
.case-type-orgtype span:last-child {width: auto;}

.news-banner {height: 480px;}
.protector {width: 100%; height: 160px;}
.news-banner .wrap {width: calc(100% - 40px);  top: 0px;  left: 20px;}
.news-banner h1 {width: 100%;}

.closenav {display:block; width:20px; height:20px; margin:0px 0px 40px auto; background:url(/pic/ico-closenav.svg) no-repeat; background-size:100%; cursor:pointer;}
.close:hover {rotate:90deg;}

.case-edit-count-calc {margin-top: 20px;}
.case-edit-1st > label {margin-top: 20px;}
.case-edit-cost-changer label, .case-edit-time-changer label {margin-bottom: 20px;}
.case-edit-cost-changer, .case-edit-time-changer {margin-bottom: 0px;}
}



@media (max-width:439px)
{
.wrap {width: calc(100% - 20px);}
.framewide {height: 220px;}
.error-log {left: 10px; width: calc(100% - 60px); padding: 20px;}
.c-line-body {width: 100%;}
.p-line-image {width: 80px; height: 80px; margin: 0px 20px 0px 0px;}
.p-line-body {width: calc(100% - 100px);}
.adm-options {position: static; margin: 8px 0px 0px;}
.floader {height: 110px;}
}