@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;
--gr:#c8c8c8;
--lgt:#f0f0f0;
--bk:#000000;
--wt:#ffffff;
}

* {font-family:"Exo 2", sans-serif; outline:none; transition:0.15s;}
body {color:var(--font); margin:0px; font-size:16px;}
main {min-height:calc(100vh - 213px);}
header + main {min-height:calc(100vh - 360px);}
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, 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:hover, a.btn:hover {background: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;}

section.s-tiny {padding:20px 0px;}
section.s-tiny h1 {margin:0px 0px 4px;}
section.s-tiny + section {padding-top:0px;}

.full {width:100%;}
.double {width:60%;}
.half {width:48%;}
.tres {width:30%;}
.quart {width:24%;}
.minimal {width:min-content;}
.search {width:calc(100% - 200px);}

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

.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 p:nth-child(1) {width:40%;}
.strings .c-line-body p:nth-child(2) {width:30%;}
.strings .c-line-body p:nth-child(3) {width:30%;}
.strings .c-line2-body p:nth-child(1) {width:35%;}
.strings .c-line2-body p:nth-child(2) {width:65%;}
.strings .c-line-image {width:32px; height:32px; margin:0px 16px 0px 0px;}
.c-line-body .s1 {margin:0px;}
.c-line-body .h1 {font-size:18px;}


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

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

.messanger {display:flex;}
.adres-block {display:block; width:27%; vertical-align:top;}
.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-block {margin:0px; 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 {margin:0px 0px 20px;}
.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:28px; height:28px; margin:0px 0px 8px; vertical-align:middle; background:url(/pic/ico-paperclip.svg) center center no-repeat; background-size:100% 100%; cursor:pointer;}
.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;}

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

.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;}
.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 {font-weight:500; color:var(--bk)!important;}

.lg-sub-html h4 {font-size:20px; font-weight:500;}

@media (max-width:1420px)
{
.wrap {width:calc(100% - 40px);}
}

@media (max-width:1279px)
{
body {display:none;}
}

@media (max-width:1020px)
{
.burger {display:block;}
.menu1 {display:none; position:fixed; top:0px; width:100%; height:100vh; overflow:scroll; background-color:var(--bg1); left:0px; z-index:20;}
.menu1 ul {display:block; width:180px; padding:40px; margin:40px 0px 0px 0px;}
}