@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:#cc5522;
--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; 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:24px; margin:auto; background:var(--wt); border:1px solid var(--gr); border-radius:24px; box-shadow:0px 0px 20px var(--gr);}
.mini-blank {width:480px;}
.blank a {color:var(--bs2);}
.blank a:hover {color:var(--bs2h);}
label {display:block; padding:0px 0px 24px;}
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:6px 12px; border:1px solid var(--gr); color:var(--bk); border-radius:8px; font-family:inherit; font-size:16px;}
select {width:100%;}
textarea {height:160px;}
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[type=submit], button.btn, a.btn {display:inline-block; padding:12px 20px; min-width:160px; border:0px; border-radius:12px; font-size:18px; font-weight:600; color:var(--wt); background:var(--bs2); cursor:pointer; text-align:center; text-decoration:none;}
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:4px 8px; min-width:100px; 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);}
h1, h2 {margin:0px 0px 24px; font-size:32px; font-weight:600; color:var(--bs2);}
h3 {font-size:24px; margin:0px 0px 16px; font-weight:600; color:var(--bs2);}
p {line-height:1.4; font-size:18px;}
p.large {font-size:22px;}
p a {color:var(--bs2);}
p a:hover {color:var(--bs2h);}
.mce-container span {display:inline;}

section.s-tiny {padding:20px 0px;}
section.s-tiny h1 {margin:0px 0px 4px;}
section.s-tiny + section {padding-top:0px;}
section.s-gray {background-color:var(--lgt);}

.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);}

.menu1 {height:48px; padding:9px 0px; background:linear-gradient(90deg,var(--bs1),var(--bs1h));}
.hat {position:relative; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; height:64px; padding:8px 0px;}
.hat-logo {width:130px;}
.hat-logo img {position:absolute; left:0px; top:8px; width:130px; height:130px;}
.logo-big {text-align:center; margin:0px 0px 40px;}
.logo-big img {width:160px;}
.login-block {box-shadow:0px 0px 12px var(--font);}
.login-block a {color:var(--bs1);}
.login-block a:hover {color:var(--bs1h);}

.personal {display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:center;}
.mail {position:relative; width:24px; height:24px; margin-right:24px; filter:grayscale(1); opacity:0.5;}
.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 {color:var(--bs2); text-decoration:underline; padding:4px 12px 6px;}
.username:hover {color:var(--wt); text-decoration:none; background:var(--bs2); border-radius:8px;}
.exit {display:block; width:24px; height:24px; margin-left:24px; background:url(/pic/ico-exit.svg) center center no-repeat;}
.exit2 {display:block; width:24px; height:24px; margin-left:24px; background:url(/pic/ico-exit2.svg) center center no-repeat;}

nav ul {display:flex; list-style:none; margin:0px 0px 0px 148px; padding:0px;}
nav ul a {display:block; height:22px; padding:12px 20px; margin:0px 8px; border-radius:8px; font-size:22px; font-weight:500; line-height:1; color:var(--wt); text-decoration:none;}
nav ul a:hover, nav ul a.active {background-color:var(--bs2); color:var(--wt);}
nav ul li {position:relative;}
nav ul ul {display:none; position:absolute; top:46px; right:-42px; width:240px; padding:16px; border-radius:12px; background:var(--wt); box-shadow:0px 8px 12px var(--gr); z-index:15;}
nav ul li:hover ul {display:block;}
nav ul ul a {color:var(--bs2); font-size:18px; margin:0px;}
nav ul ul a:hover {background-color:var(--lgt); color:var(--bs2);}
nav ul ul a.active {background-color:var(--bs2); color:var(--wt);}

.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;}

.dashboard {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:40px;}
.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:32px; margin:0px 24px 0px 0px;}
.r-line-body .h1 {color:var(--bs2); font-weight:500; font-size:20px;}
.r-line-body .s1 {margin:12px 0px 0px; color:var(--bs1);}
.r-line-body .s1:hover {color:var(--bs1h); text-decoration:underline;}

.caseboard {display:grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
.orange-box {padding:16px; border:1px solid var(--bs1); border-radius:8px; margin-bottom:24px;}
.c-box {position:relative; display:block; background:var(--wt); padding:24px; border:1px solid #e0e0e0; border-radius:24px; text-decoration:none; color:var(--font);}
.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:center;}
.c-box p {margin:0px; font-size:16px; line-height:1.2;}
.c-line-image {width:120px; height:120px; margin:0px 24px 0px 0px;}
.c-line-body {width:calc(100% - 144px);}
.c-line2-body {width:calc(100% - 144px);}
.c-line-image img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.c-line-body .h1 {color:var(--bs2); font-weight:500; font-size:20px;}
.c-line2-body .h1 {color:var(--bs2); font-weight:500; font-size:20px;}
.c-line-body .s1 {margin:12px 0px 0px;}
.c-line-body .s1:hover {text-decoration:underline;}

.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:12px; left:12px; width:32px; height:16px; padding:6px 0px 10px; background-color:var(--blue); text-align:center; color:var(--wt); font-weight:600; border-radius:16px;}

.strings .caseboard {display:block;}
.strings .c-box {padding:4px 8px; border:0px; border-bottom:1px solid var(--lgt); border-radius:8px;}
.strings .c-box:hover {box-shadow:none; background:var(--lgt);}
.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 {width:30%; margin:0px;}
.strings .c-line2-body .h1 {width:35%;}
.strings .c-line2-body .s1 {width:65%;}
.strings .c-line-image {width:32px; height:32px; margin:0px 16px 0px 0px;}
.strings .c-line-body p.strong {display:inline;}


.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;}
.status-shield {top:-16px; right:-16px; font-size:20px; padding:4px 16px 6px; border-radius:24px;}
.score-shield {position:absolute; top:8px; right:8px; font-size:16px; padding:2px 6px 4px 24px; 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);}

.adm-options {position:absolute; display:flex; right:0px; top:10px;}
.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:center;}
.score-head {margin:0px; font-size:14px; font-weight:500; color:var(--bk);}
.score-line {margin:8px 0px 0px;}
.score-line span {display:inline-block; vertical-align:middle; height:24px;}
.score-data {font-size:24px; line-height:24px; color:var(--bk); margin-right:12px;}
.score-starline {width:146px; background:url(/pic/ico-star-gray.svg) left center repeat-x; background-size:auto 24px;}
.score-starline i {display:block; height:24px; 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;}
.score-form {width:150px; margin:auto; flex-direction:row-reverse;}
.score-element {display:block; width:30px; cursor:pointer;}
.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;}


.edit-bone {position:relative; display:grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
.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;}
.case-images .img-self {height:160px; border-radius:8px;}
.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; text-align:center; max-height:400px;}
.avatar-block img {border-radius:12px; max-height:400px;}

.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 {min-height:235px; text-align:center;}
.stuff-block {text-decoration:none; color:inherit; text-align:center; font-size:14px;}
.stuff-self {height:169px;}
.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;}

.case-agreement {margin:24px auto; text-align:center;}
.agree {position:relative; display:block; margin:auto; width:480px; text-align:center;}
.agree .popup {top:-200px; text-align:left;}
.compl-oncase .popup {width:200%; left:-122%;}

.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;}

.filter-switch {width:260px; text-align:right;}
.filter-field {width:calc(100% - 280px); margin-right:20px;}
.filter-button {display:inline-block; padding:6px 16px 8px 36px; background:url(/pic/ico-filter.svg) 10px center no-repeat var(--lgt); border-radius:12px; cursor:pointer;}
.filter-button:hover {background-color:var(--gr); color:var(--bk);}
.resetfilter {display:inline-block; margin:0px 20px 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;}
.searchfield {width:calc(100% - 140px);}

.messanger {display:flex;}
.adres-block {display:block; width:27%; margin:0px; vertical-align:top; text-align:left;}
.adres-field {height:calc(100vh - 300px); padding:0px; margin:0px; overflow:auto; -ms-overflow-style:none; scrollbar-width:none;}
.adres-field::-webkit-scrollbar {display:none;}
.message-block {display:block; position:sticky; top:24px; width:73%;}
.message-field {height:calc(100vh - 435px); border-radius: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:6px 12px; margin:0px 80px 10px 0px; border:1px solid var(--gr); border-radius:16px 8px 12px 0px; background-color:#ffffff;}
.msg-time {float:right; font-size:13px; color:var(--gr);}
.msg-autor {display:block; font-size:13px; color:var(--bs2h);}
.msg-text {display:block; font-size:16px; color:var(--font);}
.to {text-align:left;}
.from {text-align:right;}
.from .msg-elem {border-radius:8px 16px 0px 12px; margin:0px 0px 10px 80px; background-color:#e8f0ff; text-align:left;}
.adres-call {position:relative; padding:4px 10px; border-bottom:1px solid var(--lgt); cursor:pointer;}
.adres-call.unread {background-color:var(--lgt); border-radius:6px;}
.adres-call:hover {background-color:var(--gr); border-radius:6px;}
.adres-call.active {background-color:var(--bs2h); border-radius:6px;}
.adres-call p {margin:0px;}
.adres-call span {display:block;}
.adres-call.active span {color:var(--wt); font-weight:300;}
.adres-org {font-size:16px; color:var(--bk);}
.adres-case {font-size:16px; color:var(--bs2);}
.adres-last {margin:6px 0px 0px; font-size:13px; color:var(--font);}
.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);}
.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 {display:none; padding:4px 0px 4px 52px; border-radius:8px 8px 0px 0px; color:var(--wt); background:url(/pic/ico-arrowleft.svg) 12px center no-repeat var(--bs2h); background-size:28px 28px; cursor:pointer;}
.message-head span {display:block; color:var(--wt);}
.message-head span.adres-org {font-weight:600;}

footer {padding:40px 0px; background:var(--bs2);}
footer p {color:var(--wt); margin:16px 0px;}
footer a {color:var(--bs1);}
footer a:hover {color:var(--bs1h);}
.ft-slogan {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.ft-slogan div:last-child p {margin:8px 0px;}
.ft-slogan div:last-child p:first-child {margin:8px 0px 16px; font-size:20px;}
.ft-dual {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.ft-logo {width:130px; margin-right:40px;}
.ft-requis span {margin-right:40px;}

.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;}
.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;}
.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;}
.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);}

.lg-sub-html h4 {font-size:20px; font-weight:500;}
.colored1 {color:var(--bs1);}
.colored2 {color:var(--bs2);}



/* start page */
.large-slider {transition:0s;}
.large-slider .slider-unit {position:relative; width:100%; height:520px;}
.large-slider .macro-img {width:100%; height:100%;}
.large-slider .macro-img img {width:100%; height:100%; object-fit:cover;}
.slider-desc {position:absolute; width:600px; bottom:80px; left:calc((100% - 1100px)/2); padding:12px 24px 14px; background:#00000088; border-radius:24px;}
.slider-hd {font-size:48px; font-weight:600; line-height:1; color:var(--wt);}
.slider-detail {font-size:24px; margin:18px 0px 0px; color:var(--wt);}

.slick-arrow {display:block; position:absolute; left:50px; top:calc(50% - 35px); width:50px; height:50px; min-width:auto; background:url(/pic/ico-slider.svg) center center no-repeat transparent; background-size:50px 50px; border:0px; border-radius:25px; font-size:0px; cursor:pointer; z-index:20;}
.slick-next {right:50px; left:auto;}
.slick-prev {transform:rotate(180deg);}
.slick-arrow:hover {background-color:#00000064;}
.slick-dots {position:absolute; bottom:20px; display:flex; align-items:center; justify-content:center; margin:auto; padding:0px; width:100%; list-style:none;}
.slick-dots li {margin:0px 8px;}
.slick-dots button {width:16px; height:16px; min-width:auto; padding:0px; border:0px; background:var(--wt); border-radius:8px; font-size:0px; cursor:pointer; transition:0.2s; z-index:10;}
.slick-dots button:hover {background:var(--bs2);}
.slick-dots .slick-active button {width:48px; background:var(--bs2);}

.promo-box {display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; padding:40px 0px;}
.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:nowrap; 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;}

.plates {display:grid; grid-gap:40px; grid-template-columns:1fr 1fr 1fr; padding:40px 0px;}
.plates .triple-unit {padding:20px; color:var(--font); cursor:pointer; transition:0.2s; border:1px solid #e0e0e0; border-radius:12px; 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;}
.plates .triple-unit .header {margin:21px 0px; font-weight:600; font-size:18px; color:var(--bs2); line-height:1.38; text-transform:uppercase;}
.plates .triple-unit p {margin:0px; line-height:1.5;}
.date {position:absolute; margin:-26px 0px 0px 12px; 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;}

.logo-slogan {position:absolute; top:24px; margin:0px 0px 0px 176px; font-size:22px; color:var(--bk);}
.menu-slogan {display:flex; justify-content:flex-start; align-items:center; margin:0px 0px 0px 176px; padding:0px; height:46px; font-size:22px; font-weight:500; line-height:1; color:var(--wt); letter-spacing:1px;}
a.btn.top-register {margin-right:24px; padding:7px 15px; background-color:transparent; color:var(--bs2); border:1px solid;}
a.btn.top-enter:before {content:""; display:block; position:absolute; width:16px; height:16px; margin:2px 0px 0px; background:url(/pic/ico-login.svg) center center no-repeat; background-size:100% 100%;}

@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:32px; height:32px; cursor:pointer; position:absolute; top:90px; right:20px; z-index:50;}
.burger span, .burger span:before, .burger span:after {width:100%; position:absolute; height:3.3px; background:var(--wt); display:block; transition:0.3s;}
.burger span{top:20px;}
.burger span:before {content:""; top:-13px; transition:top 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.burger span:after {content:""; bottom:-13px; 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);} 

nav {display:none; position:fixed; top:0px; width:100%; height:100vh; overflow:scroll; background-color:#fffffff0; left:0px; z-index:50;}
.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);}
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;}
.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;}

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

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

.username {max-width:320px;}

.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;}
}



@media (max-width:799px)
{
body {font-size:14px;}
.wrap {width:calc(100% - 20px);}
.hat {height:48px; padding:0px;}
.hat-logo {width:60px;}
.hat-logo img {top:15px; width:60px; height:60px;}
.exit {width:20px; height:20px; margin-left:8px;}
.mail {width:20px; height:20px; margin-right:8px;}
.username {width:calc(100% - 160px); font-size:13px; line-height:1;}
.menu1 {height:20px;}
.burger {width:28px; height:28px; top:54px; right:10px;}
.burger span {top:12px;}
.burger span:before {top:-10px;}
.burger span:after {bottom:-10px;}

.blank {padding:12px; border-radius:16px;}
.mini-blank {width:auto;}
section {padding:20px 0px;}
section.s-tiny {padding:10px 0px;}
label {padding:0px 0px 16px;}
p {line-height:1.2; font-size:14px;}
p.large {font-size:18px;}
h3 {font-size:18px;}
input[type=text], input[type=password], textarea, select {width:calc(100% - 18px); padding:6px 8px; font-size:14px;}
select {width:100%;}
h1, h2 {font-size:20px;}

.grider-m {grid-template-columns:1fr;}
.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], button.btn, a.btn {padding:8px 16px; min-width:120px; font-size:16px;}
input[type=submit].large, button.large, a.btn.large {padding:12px 24px; min-width:200px; border-radius:12px; font-size:20px;}

.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;}
.c-box {padding:16px 12px; border-radius:16px;}
.c-line-image {width:60px; height:60px; margin:0px 12px 0px 0px;}
.c-line-body {width:calc(100% - 72px);}
.c-line-body .h1 {font-size:16px;}
.c-box p {font-size:14px;}
.c-line-body .s1 {margin:6px 0px 0px;}

.searchfield {width:100%;}
.filter-switch {position:absolute; width:auto; margin:-50px 0px 0px;}
.filter-field {width:100%; margin-right:0px;}
.resetfilter {margin:0px 8px 0px 0px;}
.resetfilter i {display:none;}
.filter-unit-changer {padding:12px; margin:4px 0px 0px 0px; border-radius:12px; width:calc(100% - 44px);}
.score-shield {top:0px; right:0px; font-size:14px; padding:2px 6px 2px 18px; background-size:16px;}
.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;}
	
.ft-requis span {margin-right:0px; display:block;}
.ft-dual {text-align:center;}
.ft-logo {margin:auto;}
.ft-slogan {justify-content:center;}

.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:2px; left:2px;}
.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 {display:block;}
.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;}


a.btn.top-register {min-width:90px; margin-right:16px; padding:4px 12px 5px;}
a.btn.top-enter {min-width:90px; padding:5px 0px 6px 16px;}
.menu-slogan {margin:0px 0px 0px 70px; height:20px; font-size:16px;}

.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:12px; grid-template-columns:1fr;}

}



@media (max-width:419px)
{

}