@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/comfortaa/v29/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrcfJQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/comfortaa/v29/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4Y_LDrcfJQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  padding: 10px;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.header-logo {
  display: flex;
  margin: 0 0 20px 0;
  align-content: center;
}
.header-logo .logo {
  width: 250px;
  margin: 0 15px 0 0;
}
.header-logo .logo img {
  width: 250px;
}
.header-logo .text {
  color: #0a6aa1;
  font-size: 18px;
}
.header-logo .text p {
  margin: 0;
}
.document-title {
  width: 100%;
}
.document-title .name {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #0a6aa1;
  margin: 0 0 10px 0;
}
.document-title .name span {
  font-size: 12px;
}
.document-title .name .hintTextBox i {
  color: #0092e8;
}
.document-title .text {
  font-size: 14px;
  color: #0a0a0a;
  margin: 0 0 10px 0;
}
.values-form {
  margin: 0 0 10px 0;
}
.values-form .value {
  margin: 0 0 10px 0;
}
.values-form .value .name {
  font-size: 14px;
  color: #0a0a0a;
}
.values-form .value input {
  border: 1px solid #0092e8;
  padding: 2px 5px;
  border-radius: 3px;
  width: 100%;
}
.values-form .value button {
  width: 100%;
  padding: 5px 0;
  text-align: center;
  font-size: 16px;
  background: #0092e8;
  color: #ffffff;
  border: none;
  border-radius: 3px;
}
.document-box {
  margin: 0 0 30px 0;
  border-bottom: 5px solid #0a6aa1;
  padding: 0 0 30px 0;
}
.document-box .document-name {
  font-size: 16px;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #0a6aa1;
  color: #0a6aa1;
  font-weight: bold;
}
.document-box .document-name span {
  font-size: 12px;
}
.document-box .document-text {
  font-size: 16px;
}
.document-box .document-text h1 {
  font-size: 22px;
}
.document-box .document-text h2 {
  font-size: 18px;
  font-weight: bold;
}
.document-box .document-text h3 {
  font-size: 16px;
  font-weight: bold;
}
.document-box .document-text a {
  color: #0a6aa1;
}
.document-box .document-text p {
  margin: 0 0 10px 0;
}
.all-text {
  font-size: 16px;
  color: #0a6aa1;
  font-weight: bold;
  margin: 0 0 30px 0;
}
.btn-index {
  display: inline-block;
  color: #ffffff;
  padding: 5px 8px;
  font-size: 14px;
  background: #0092e8;
  border: 2px solid #99cce7;
  margin: 3px;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #99cde6;
  margin: 0 15px 15px 0;
  text-align: center;
}
.btn-index:hover {
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 480px) {
  .btn-index {
    width: 100%;
  }
}
html {
  overflow-x: hidden;
}
.shadowBorderBox {
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
}
@media (min-width: 1000px) {
  .mobile {
    display: none;
  }
}
@media (max-width: 1000px) {
  .desktop {
    display: none;
  }
}
.header {
  padding: 10px 0 10px 0;
}
@media (max-width: 1000px) {
  .header .topFotos {
    display: none;
  }
}
.header .topFotos {
  position: relative;
  margin: 0 -10px 0 -10px;
  display: block;
}
.header .topFotos .selectGroup {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 11px;
  padding: 2px 0;
  background: #a2a2ab;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 4px 2px #e3e3e6;
  box-shadow: 0 0 4px 2px #e3e3e6;
}
.header .topFotos .selectGroup .groupBox {
  display: none;
  position: absolute;
  width: 90px;
  top: 17px;
  left: 0px;
  background: #e3e3e6;
  border-radius: 5px;
  z-index: 500;
  padding: 0;
  cursor: default;
  font-weight: normal;
  text-transform: none;
  -webkit-box-shadow: 0 0 4px 2px #e3e3e6;
  box-shadow: 0 0 4px 2px #e3e3e6;
}
.header .topFotos .selectGroup .groupBox .group {
  position: relative;
  float: left;
  width: 100%;
  color: #3b3408;
  font-size: 12px;
  cursor: pointer;
  padding: 3px 6px;
  margin: 0 0 2px 0;
  text-align: left;
}
.header .topFotos .selectGroup .groupBox .active {
  background: #f7ecaa;
}
.header .topFotos .selectGroup:hover .groupBox {
  display: block;
}
.header .topFotos .showMore {
  position: absolute;
  top: 30px;
  right: 0px;
  width: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 11px;
  padding: 2px 0;
  background: #a2a2ab;
  border-radius: 5px;
  cursor: pointer;
  display: none;
  -webkit-box-shadow: 0 0 4px 2px #e3e3e6;
  box-shadow: 0 0 4px 2px #e3e3e6;
}
.header .topFotos .images {
  position: relative;
  margin: 0 65px;
  display: flex;
  justify-content: space-between;
}
.header .topFotos .images a {
  display: block;
}
.header .topFotos .images .image {
  width: 80px;
  height: 85px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px 2px #e3e3e6;
  box-shadow: 0 0 4px 2px #e3e3e6;
  position: relative;
}
.header .topFotos .images .image:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #0092e8;
  opacity: 0.9;
  border-radius: 5px;
}
.header .topFotos .images .image .im {
  position: absolute;
  width: 72px;
  height: 72px;
  top: 1px;
  left: 4px;
  border-radius: 40px;
  border: 1px solid #ffffff;
  box-sizing: border-box;
}
.header .topFotos .images .image .name {
  position: absolute;
  top: 71px;
  left: 0px;
  width: 72px;
  margin: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  /* для IE */
  text-overflow: clip;
  color: #ffffff;
  font-size: 10px;
}
.header .topFotos .images .image .info {
  position: absolute;
  top: 62px;
  left: -75px;
  box-sizing: border-box;
  width: 200px;
  padding: 10px 10px 5px 10px;
  border-radius: 5px;
  border: 1px solid #b3b8bf;
  background: url(/i/globalbg.png) 0 0 repeat;
  line-height: 1;
  z-index: 500;
  display: none;
}
.header .topFotos .images .image .info:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #0092e8;
  opacity: 0.95;
  border-radius: 5px;
}
.header .topFotos .images .image .info .bigImage {
  position: relative;
  float: left;
  width: 178px;
  height: 180px;
  margin: 0 0 5px 0;
}
.header .topFotos .images .image .info .bigImage img {
  position: absolute;
  width: 100%;
  border: 1px solid #b3b8bf;
  border-radius: 5px;
}
.header .topFotos .images .image .info .bigImage .znBig {
  position: relative;
  float: left;
  margin: 3px 60px 0 3px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #ffffff;
  background: #ffffff;
}
.header .topFotos .images .image .info .pl {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
}
.header .topFotos .images .image .info .user {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
}
.header .topFotos .images .image .info .company {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.header .topFotos .images .image .info .contacts {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
}
.header .topFotos .images .image .zn {
  position: relative;
  float: left;
  margin: 3px 40px 0 3px;
  width: 12px;
  height: 12px;
  border-radius: 16px;
  border: 1px solid #ffffff;
  background: #ffffff;
}
.header .topFotos .images .image:hover .info {
  display: block;
}
.header .logoBox {
  display: flex;
  align-items: center;
  line-height: 1;
}
.header .logoBox img {
  width: 255px;
  max-width: 100%;
}
.header .logoBox .smallText {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #626262;
}
.header .userBox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.header .userBox .image {
  text-align: center;
  width: 64px;
  margin: 0 0 5px 0;
}
.header .userBox .name {
  text-align: center;
  color: #626262;
  font-size: 14px;
  line-height: 1;
  text-align: right;
  padding: 0 10px 0 0;
}
.header .userBox .pl {
  color: #626262;
}
.header .userBox a {
  color: #626262;
}
.header .userBox img {
  border-radius: 100%;
  border: 2px solid #0e7fe8;
}
.header .userBox .improvement {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #009933;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 3px;
}
.header .menuBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}
.header .menuBox .item {
  position: relative;
  padding: 0 2px;
}
.header .menuBox .item .a {
  display: block;
  color: #626262;
  font-size: 16px;
  margin: 2px;
  padding: 2px 5px;
}
.header .menuBox .item .a:hover {
  background: #102556;
  color: #ffffff;
  border-radius: 5px;
}
.header .menuBox .item .active {
  background: #102556;
  color: #ffffff;
  border-radius: 5px;
}
.header .menuBox .item:hover .open {
  display: block;
}
.header .menuBox .open {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 270px;
  background: #d9dbdb;
  font-family: 'Arial';
  padding: 10px 10px 5px 10px;
  display: none;
  z-index: 200;
}
.header .menuBox .open a {
  display: block;
  width: 100%;
  float: left;
  color: #7a7878;
  font-size: 16px;
  margin: 0 0 5px 0;
}
.header .menuBox .open a:hover {
  color: #bca36d;
}
.header .menuBox .open .active {
  color: #bca36d;
}
.indexVideoBg .header {
  background: #0000006b;
}
.indexVideoBg .menuBox .item .a {
  color: #ffffff;
}
.titleSearshSteps {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0;
}
.titleSearshSteps .name {
  width: 360px;
}
.titleSearshSteps .name .title {
  font-family: 'Comfortaa';
  width: 100%;
  color: #30579b;
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 2px 0;
  font-weight: bold;
}
.titleSearshSteps .name .title .small {
  background: #757486;
  color: #ffffff;
  font-size: 10px;
  padding: 2px 5px;
  text-transform: none;
}
.titleSearshSteps .name .topFindBox {
  position: relative;
  width: 100%;
  padding: 0 0 0 30px;
}
.titleSearshSteps .name .topFindBox button {
  position: absolute;
  left: 0px;
  top: 0px;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 5px 0 0 5px;
  background: url(/i/find.png) center center no-repeat;
  background-color: #0088ff;
}
.titleSearshSteps .name .topFindBox input {
  width: 100%;
  border-radius: 0 5px 5px 0;
  border: 1px solid #30579b;
  padding: 2px 2px 2px 2px;
  height: 30px;
  background-color: #ffffff;
}
.titleSearshSteps .steps {
  width: 420px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: #4268a29e;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
}
.titleSearshSteps .steps .step {
  display: flex;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  padding: 0 2px;
  position: relative;
}
.titleSearshSteps .steps .step .s {
  font-size: 36px;
  color: #fff68c;
}
.titleSearshSteps .steps .step img {
  width: 50px;
  padding: 0 2px;
}
.titleSearshSteps .steps .step .text {
  padding: 0 0 0 3px;
  font-size: 12px;
  line-height: 1;
  border: none;
  background: none;
  box-shadow: none;
}
.titleSearshSteps .steps .clearClient .text {
  font-size: 16px;
}
.titleSearshSteps .steps.clentSteps {
  width: 560px;
}
.titleSearshSteps .steps.clentSteps .text {
  font-size: 18px;
}
.titleSearshSteps .imatrix {
  text-align: center;
  cursor: pointer;
  position: relative;
}
.titleSearshSteps .imatrix img {
  max-width: 150px;
}
.titleSearshSteps .btnRight .btn {
  font-size: 11px;
}
.titleSearshSteps .btnRight .saveBtn {
  margin: 3px 0 0 0;
}
.footer {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 90;
  background: url(/i/footer.png) top center no-repeat;
  background-color: #1859b6;
}
.footer .menuBox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 1px 0 15px 0;
}
.footer .menuBox .item {
  position: relative;
  padding: 0 2px;
}
.footer .menuBox .item .a {
  display: block;
  color: #ffffff;
  font-size: 16px;
  margin: 2px;
  padding: 6px 10px;
}
.footer .menuBox .item .a:hover {
  background: #0088ff;
  border-radius: 5px;
}
.footer .menuBox .item .active {
  background: #0088ff;
  border-radius: 5px;
}
.footer .menuBox .item:hover .open {
  display: block;
}
.footer .menuBox .open {
  position: absolute;
  bottom: 100%;
  left: 0px;
  width: 170px;
  background: #d9dbdb;
  font-family: 'Arial';
  padding: 10px 10px 5px 10px;
  display: none;
  z-index: 200;
}
.footer .menuBox .open a {
  display: block;
  width: 100%;
  float: left;
  color: #7a7878;
  font-size: 12px;
  margin: 0 0 5px 0;
}
.footer .menuBox .open a:hover {
  color: #bca36d;
}
.footer .menuBox .open .active {
  color: #bca36d;
}
.footer .logoBox {
  background: #0092e8;
  padding-bottom: 15px;
  padding-top: 15px;
}
.footer .logoBox img {
  max-width: 100%;
}
.footer .rightText {
  background: #0092e8;
  text-align: left;
  line-height: 1.2;
  padding-bottom: 15px;
  padding-top: 15px;
}
.footer .rightText .zg {
  background: #c3c5c5;
  color: #000000;
  font-size: 9px;
  text-transform: uppercase;
  padding: 2px 5px;
}
.footer .rightText .text {
  color: #ffffff;
  font-size: 12px;
}
.footer .linkBox {
  position: relative;
  background: #0092e8;
  padding-bottom: 15px;
  padding-top: 15px;
}
.footer .linkBox .links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0px -5px 0 -5px;
}
.footer .linkBox a {
  width: 250px;
  color: #ffffff;
  font-size: 14px;
  margin: 0 5px 5px 5px;
}
.footer .copyText {
  text-align: center;
  font-size: 14px;
  color: #000000;
  background: #c3c5c5;
  padding-bottom: 15px;
  padding-top: 15px;
}
.topDocumentText {
  padding-bottom: 15px;
}
.topDocumentText .btn {
  font-size: 12px;
  font-weight: normal;
  padding: 3px 6px;
  margin: 0 5px 5px 0;
}
.documentBodyBox {
  position: relative;
}
.leftDocumentMenu {
  /*position: absolute; max-width: 50vw; background: #ffffff; padding: 5px; border: 1px solid #114082; border-radius: 5px; margin: 0 0 10px 0; z-index:120;*/
}
.leftDocumentMenu .closeBtn {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 24px;
  height: 24px;
  background: url(/i/iconfinder_close-outline_3671738.png) 0 0 no-repeat;
  background-color: #ffffff;
  border-radius: 24px;
  cursor: pointer;
}
.leftDocumentMenu .closeBtn:hover {
  opacity: 0.8;
}
.leftDocumentMenu .boxMenu .zg {
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.leftDocumentMenu .boxMenu .item {
  width: 100%;
  display: block;
  padding: 1px 0 0 10px;
  cursor: pointer;
  background: url(/i/boxMenu_item.png) 0 7px no-repeat;
  color: #000000;
  font-size: 14px;
  margin: 0 0 5px 0;
}
.leftDocumentMenu .boxMenu .item.empty {
  background: url(/i/boxMenu_item_red.png) 0 7px no-repeat;
}
.leftDocumentMenu .boxMenu .image {
  cursor: pointer;
}
.leftDocumentMenu .boxMenu .image img {
  display: block;
  width: 100%;
}
.leftDocumentMenu .boxMenu .noselect {
  color: red;
}
.leftDocumentMenu .boxMenu a {
  color: #000000;
  text-decoration: underline;
}
.leftDocumentMenu .boxMenu .box {
  width: 100%;
  text-align: center;
  margin: 0 0 5px 0;
  position: relative;
}
.leftDocumentMenu .boxMenu .btn {
  display: inline-block;
  width: 100%;
  position: relative;
  text-decoration: none;
}
.leftDocumentMenu .formInputBox {
  position: relative;
}
.formInputBox {
  position: relative;
  width: 100%;
  padding: 2px;
  font-size: 14px;
  margin: 0 0 15px 0;
  color: #ffffff;
  background: #0092e8;
}
.formInputBox .form-input-box-title {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.formInputBox .form-input-box-title a {
  color: #ffffff;
}
.formInputBox .form-input-box-title .hintTextBox i {
  color: #ffffff;
}
.formInputBox .services_box .formBox {
  width: 100%;
}
.formInputBox .services_box .formBox .name {
  position: relative;
  width: 100%;
}
.formInputBox .services_box .formBox .name .hintTextBox i {
  color: #ffffff;
}
.formInputBox .services_box .formBox .box {
  width: 100%;
  border: 1px solid #000000;
}
.formInputBox .services_box .formBox .box .find {
  width: 100%;
  border: 1px solid #000000;
  padding: 2px 5px;
}
.formInputBox .services_box .formBox .box .valuesList {
  width: 100%;
  padding: 2px 5px;
  border: 1px solid #000000;
  height: 200px;
  overflow-x: scroll;
}
.formInputBox .services_box .formBox .box .valuesList label {
  width: 100%;
}
.formInputBox h1 {
  font-size: 17px;
}
.formInputBox .btnBox {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.formInputBox .btnBox .box {
  float: left;
  width: 25%;
  padding: 0 5px 5px 5px;
  position: relative;
}
.formInputBox .btnBox .btn {
  border: 1px solid #9ec1d6;
  width: 100%;
  padding: 5px 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #587faf;
  background: #587fafa1;
  font-size: 12px;
  line-height: 1;
}
.formInputBox .btnBox .btn:hover {
  color: #ffffff;
}
.formInputBox .btnBox .hintTextBox i {
  color: #ffffff;
}
.formInputBox .closeBtn {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 24px;
  height: 24px;
  background: url(/i/iconfinder_close-outline_3671738.png) 0 0 no-repeat;
  background-color: #ffffff;
  border-radius: 24px;
  cursor: pointer;
}
.formInputBox .closeBtn:hover {
  opacity: 0.8;
}
.formInputBox.matrix a {
  background: #ffffff;
  padding: 2px 5px;
  float: right;
  border-radius: 3px;
}
.topCompBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.topCompBox input,
.topCompBox select {
  background: #ffffff;
  padding: 2px 5px;
  border: none;
  border-radius: 3px;
  border: 1px solid #ffffff;
}
.topCompBox a {
  color: #ffffff;
}
.topCompBox .topComp {
  width: 32%;
  min-width: 220px;
  padding: 5px;
  background: #3b4667;
  background: #0092e8;
  margin: 0 0 5px 0;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
}
.topCompBox .topComp .name {
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  margin: 0 0 5px 0;
  text-align: center;
}
.topCompBox .topComp .chosen-container-multi .chosen-choices li.search-choice {
  margin: 3px 0 0px 5px;
}
.topCompBox .topComp .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  height: 26px;
}
.topCompBox .topComp input,
.topCompBox .topComp select {
  width: 100%;
  font-size: 14px;
}
.topCompBox .topComp .clearClient {
  text-decoration: underline;
  cursor: pointer;
}
.topCompBox .pldate {
  width: 32%;
  min-width: 270px;
  padding: 5px;
  background: #3b4667;
  background: #0092e8;
  margin: 0 0 5px 0;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.topCompBox .pldate .name {
  width: 42%;
  color: #ffffff;
  font-size: 14px;
}
.topCompBox .pldate input,
.topCompBox .pldate select {
  width: 56%;
  font-size: 12px;
}
.topCompBox .pldate .text {
  width: 56%;
  position: relative;
  background: #ffffff;
  border: none;
  border-radius: 3px;
}
.topCompBox .pldate .text .t {
  position: absolute;
  font-size: 12px;
  left: 5px;
  top: 4px;
}
.topCompBox .pldate .text input {
  width: 100%;
  padding: 2px 5px 2px 74px;
}
.lineComp {
  position: relative;
  width: 100%;
  float: left;
  padding: 5px 5px 5px 30px;
  font-size: 16px;
  background: #0092e8;
}
.lineComp .vv {
  position: absolute;
  left: -60px;
  top: 73px;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.lineComp .com {
  width: 100%;
  float: left;
  border: 1px solid #bfd3d9;
  border-radius: 5px;
  margin: 0 0 3px 0;
}
.lineComp .com .name {
  position: relative;
  width: 30%;
  float: left;
  padding: 5px 5px;
  color: #ffffff;
  /*a {color:#ffffff;}*/
}
.lineComp .com .input {
  width: 70%;
  float: left;
  padding: 0 0 0 10px;
  background: #ffffff;
  height: 34px;
  border-radius: 3px;
}
.lineComp .com .text {
  width: 70%;
  float: left;
  background: #ffffff;
  padding: 5px 5px;
  border-radius: 3px;
}
.lineComp .com .box {
  width: 70%;
  float: left;
}
.lineComp .com .box .input {
  width: 100%;
}
.lineComp .com .box .text {
  width: 100%;
}
.lineComp .com .autoHeight {
  position: relative;
  width: 70%;
  float: left;
}
.lineComp .com .autoHeight .input {
  width: 100%;
}
.lineComp .com .autoHeight .textarea_behavior {
  position: absolute;
  visibility: hidden;
}
.lineComp .com .hintTextBox i {
  color: #ffffff;
}
.copyBtn {
  display: none;
}
.dropDownName {
  cursor: pointer;
}
.dropDownBox {
  display: none;
}
.btnm {
  margin: 0 15px 15px 0;
}
.formBtn {
  width: 100%;
  margin: 15px 0 0 0;
  padding-top: 15px;
  padding-bottom: 10px;
  border: 1px solid #909cc0;
  background: #0092e8;
}
.formBtn .col-md-3 {
  display: flex;
  align-items: center;
}
.formBtn .btn {
  line-height: 1;
  font-size: 15px;
  padding: 10px 5px;
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #ffffff;
}
.imageBtn {
  width: 100%;
  float: left;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 50px;
  background: none;
  border: none;
  position: relative;
  text-decoration: none;
}
.imageBtn .image {
  position: absolute;
  width: 45px;
  height: 45px;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imageBtn .text {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.imageBtn .text span {
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-family: "Comfortaa";
  line-height: 1;
}
.imageBtn .text.blue {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82a0b8+0,2b4459+100 */
  background: #82a0b8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #82a0b8 0%, #2b4459 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #82a0b8 0%, #2b4459 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #82a0b8 0%, #2b4459 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82a0b8', endColorstr='#2b4459', GradientType=0);
  /* IE6-9 */
}
.imageBtn .text.green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1d677+0,506f1e+100 */
  background: #b1d677;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b1d677 0%, #506f1e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b1d677 0%, #506f1e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b1d677 0%, #506f1e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1d677', endColorstr='#506f1e', GradientType=0);
  /* IE6-9 */
}
.imageBtn .select {
  float: right;
  padding: 2px 7px;
  background: #9fde3c;
  margin: 5px 0 0 0;
  color: #ffffff;
  font-size: 11px;
  text-transform: uppercase;
}
.imageBtn:hover {
  text-decoration: none;
}
.docDiv .docBox {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #0092e8;
}
.docDiv .docBox .name {
  position: relative;
  float: left;
  margin: 1px 15px 2px 0;
  color: #ffffff;
}
.docDiv .docBox .name .docNameOpen {
  color: #ffffff;
  cursor: pointer;
}
.docDiv .docBox .name .docNameOpen i {
  color: red;
}
.docDiv .docBox .hintTextBox i {
  color: #ffffff;
}
.docDiv .docBox .hideNext {
  position: relative;
  float: left;
  margin: 0 0 10px 0;
}
.docDiv .docBox .hideNextBox {
  position: relative;
  float: left;
  width: 100%;
}
.docDiv .docBox .form-group {
  margin-bottom: 5px;
  color: #ffffff;
}
.docDiv .docBox .deleteDoc {
  margin: 3px 0 0 0;
}
.docDiv .docBox a {
  color: #ffffff;
  text-decoration: underline;
}
.docDiv .docBox .backText {
  background: #ffffff;
  color: #000000;
}
.docDiv .docBox .doc-div-variant {
  font-size: 13px;
  line-height: 1;
  margin: 0 0 5px 0;
}
.docDiv .docBox .btns {
  position: relative;
  float: left;
}
.docDiv .docBox .left-title {
  position: relative;
  float: left;
  width: calc(25% - 10px);
  margin: 0 10px 0 0;
  background: #44c377;
  color: #ffffff;
  border-radius: 3px;
  text-align: center;
}
.docDiv .docBox .left-title .hintTextBox i {
  color: #ffffff;
}
.docDiv .docBox .right-title {
  position: relative;
  float: left;
  width: 75%;
  background: #ffffff;
  border-radius: 3px;
}
.docDiv .docBox .right-title a {
  color: #0092e8;
}
.btn {
  color: #ffffff;
  border: none;
  white-space: normal;
}
.btn.blue {
  background: #0092e8;
  border: 1px solid #0092e8;
  color: #ffffff;
}
.btn.green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b1d677+0,506f1e+100 */
  background: #b1d677;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b1d677 0%, #506f1e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b1d677 0%, #506f1e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b1d677 0%, #506f1e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1d677', endColorstr='#506f1e', GradientType=0);
  /* IE6-9 */
}
.btn.green a {
  color: #ffffff;
}
.btn.red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
  background: #a90329;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
  /* IE6-9 */
}
.btn.btn-small {
  font-weight: normal;
  padding: 3px 6px;
  font-size: 14px;
}
.btn.btn-margin {
  margin: 0 5px 5px 0;
}
.btn.right {
  float: right;
}
.btn.btn-cursor-none {
  cursor: none;
}
.btn.btn-right {
  float: right;
}
.btn.glass {
  border: 1px solid #909cc0;
  background: #3b4667;
  background: #0092e8;
}
.btn:not(:disabled):not(.disabled).btn-cursor-default {
  cursor: default;
}
.hintTextBoxText {
  display: none;
}
.hintTextBox {
  position: absolute;
  z-index: 100;
}
.tableMatrix {
  position: relative;
  float: left;
  width: 100%;
}
.tableMatrix .tline {
  position: relative;
  float: left;
  width: 100%;
}
.tableMatrix .line {
  position: relative;
  float: left;
  width: 100%;
}
.tableMatrix .line1 .b {
  border-top: 1px solid #007bff;
}
.tableMatrix .b1 {
  border-left: 1px solid #007bff;
}
.tableMatrix .b {
  position: relative;
  display: block;
  width: 19%;
  float: left;
  padding: 2px 4px;
  height: 60px;
  border-right: 1px solid #007bff;
  border-bottom: 1px solid #007bff;
}
.tableMatrix .b:first-child {
  border-left: 1px solid #007bff;
}
.tableMatrix .b .open {
  position: absolute;
  width: 350px;
  padding: 5px;
  color: #000000;
  background: #ffffff;
  left: calc((350px - 100%) / 2 * -1);
  top: 100%;
  z-index: 500;
  border: 1px solid #000000;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 1px #5a5959;
  box-shadow: 0 0 5px 1px #5a5959;
  display: none;
  cursor: default;
}
.tableMatrix .b .open .dt {
  width: 100%;
  font-size: 11px;
  text-align: center;
  margin: 0 0 1px 0;
  line-height: 1;
}
.tableMatrix .b .open .text {
  width: 100%;
  margin: 10px 0 10px 0;
  line-height: 1;
  font-size: 13px;
}
.tableMatrix .b .open .text p {
  margin: 0 0 5px 0;
}
.tableMatrix .b .open .im {
  width: 100%;
  display: flex;
  align-items: center;
}
.tableMatrix .b .open .im img {
  width: 50px;
}
.tableMatrix .b .open .im div {
  width: 145px;
  margin: 0 0 0 5px;
  line-height: 1;
  font-size: 13px;
}
.tableMatrix .b .open .edit {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: 12px;
  color: #007bff;
  cursor: pointer;
}
.tableMatrix .b .open .explode {
  position: absolute;
  top: 2px;
  left: 2px;
  font-weight: 12px;
  color: #007bff;
  cursor: pointer;
}
.tableMatrix .b:hover {
  background: #007bff;
}
.tableMatrix .b:hover .open {
  display: block;
}
.tableMatrix .b .name {
  width: 100%;
  font-size: 11px;
  line-height: 1;
  height: 100%;
  overflow: hidden;
}
.tableMatrix .b .name .nomer {
  float: right;
  font-size: 9px;
  padding: 2px;
}
.tableMatrix .n {
  position: relative;
  display: block;
  width: 5%;
  float: left;
  padding: 2px 4px;
  height: 20px;
  font-size: 11px;
}
.tableMatrix .f {
  position: relative;
  display: block;
  width: 19%;
  float: left;
  padding: 2px 4px;
  height: 20px;
  font-size: 11px;
  text-align: center;
}
.matrixLogoIndex {
  width: 100%;
  text-align: center;
}
.matrixLogoIndex img {
  max-height: 50px;
}
.matrixLogoIndex a {
  display: inline-block;
}
.htmlTextCopy {
  width: 100%;
}
.htmlTextCopy .textCopy {
  width: calc(25% - 10px);
  float: left;
  margin: 0 10px 0 0;
  height: 541px;
  border: 1px solid #000000;
  overflow-y: scroll;
  background: #ffffff;
}
.htmlTextCopy .textCopy .copy {
  width: 100%;
  font-size: 14px;
  margin: 0 0 2px 0;
  color: #000000;
}
.htmlTextCopy .textHtml {
  width: 75%;
  float: left;
}
.htmlTextCopy .textHtml textarea {
  height: 400px;
}
.clear {
  clear: both;
}
@-webkit-keyframes borderanime {
  from {
    border-color: #ffffff;
  }
  20% {
    border-color: green;
  }
  40% {
    border-color: #ffffff;
  }
  60% {
    border-color: green;
  }
  80% {
    border-color: #ffffff;
  }
  to {
    border-color: green;
  }
}
@keyframes borderanime {
  from {
    border-color: #ffffff;
  }
  20% {
    border-color: green;
  }
  40% {
    border-color: #ffffff;
  }
  60% {
    border-color: green;
  }
  80% {
    border-color: #ffffff;
  }
  to {
    border-color: green;
  }
}
@-webkit-keyframes backgroundgreen {
  from {
    background-color: #ffffff;
  }
  20% {
    background-color: #b4df5b;
  }
  40% {
    background-color: #ffffff;
  }
  60% {
    background-color: #b4df5b;
  }
  80% {
    background-color: #ffffff;
  }
  to {
    background-color: #b4df5b;
  }
}
@keyframes backgroundgreen {
  from {
    background-color: #ffffff;
  }
  20% {
    background-color: #b4df5b;
  }
  40% {
    background-color: #ffffff;
  }
  60% {
    background-color: #b4df5b;
  }
  80% {
    background-color: #ffffff;
  }
  to {
    background-color: #b4df5b;
  }
}
.greenInput {
  -webkit-animation: backgroundgreen 2s 1 ease-in-out;
  animation: backgroundgreen 2s 1 ease-in-out;
}
.valuesBox {
  width: 100%;
}
.valuesBox .box {
  width: 100%;
  margin: 0 0 5px 0;
  display: flex;
  justify-content: space-between;
}
.valuesBox .box a {
  color: #ffffff;
  text-decoration: underline;
}
.valuesBox .box .name {
  position: relative;
  width: 49%;
  border: 1px solid #bfd3d9;
  border-radius: 3px;
  color: #ffffff;
  padding: 2px 5px;
  font-size: 12px;
}
.valuesBox .box .name .hintTextBox i {
  color: #ffffff;
}
.valuesBox .box .name .selectValue {
  position: relative;
  top: 2px;
}
.valuesBox .box .desc {
  width: 28%;
  border: 1px solid #bfd3d9;
  border-radius: 3px;
  color: #ffffff;
  padding: 2px 5px;
  font-size: 12px;
}
.valuesBox .box .value {
  position: relative;
  width: 50%;
  border: 1px solid #bfd3d9;
  border-radius: 3px;
  color: #ffffff;
  padding: 2px 5px;
  font-size: 12px;
}
.valuesBox .box .value .hintTextBox i {
  color: #ffffff;
}
.valuesBox .box .tableInputBox {
  width: 50%;
}
.valuesBox .box .tableInputBox .tableInput {
  width: 100%;
  height: 100%;
  border: 1px solid #bfd3d9;
  border-radius: 3px;
  color: #000000;
  padding: 2px 5px;
  font-size: 12px;
}
.valuesBox .box .tableInputBox .tableInput:disabled {
  cursor: pointer;
}
.valuesBox .box.top div {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 14px;
  background: #44c377;
  text-align: center;
  justify-content: center;
}
.valuesBox .box.top div .hintTextBox {
  background: none;
}
.valuesBox .innForm {
  width: 100%;
  margin: 10px 0;
}
.valuesBox .innForm .name {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.valuesBox .innForm .form {
  width: 100%;
  border: 1px solid #bfd3d9;
  border-radius: 3px;
  display: flex;
  align-items: center;
  margin: 0 0 5px 0;
}
.valuesBox .innForm .form .text {
  width: 40%;
  padding: 0 0 0 10px;
  color: #ffffff;
  display: flex;
  align-items: center;
}
.valuesBox .innForm .form input {
  width: 60%;
  background: #ffffff;
  border: none;
  border-radius: 3px;
}
.valuesBox .innForm .send {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 5px 0;
}
.valuesBox .innForm .send .loadINN {
  padding: 2px 5px;
  color: #ffffff;
  border: 1px solid #c0cee0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d7daf+0,749dc2+100 */
  background: #5d7daf;
  /* Old browsers */
  background: -moz-linear-gradient(top, #5d7daf 0%, #749dc2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #5d7daf 0%, #749dc2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5d7daf 0%, #749dc2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d7daf', endColorstr='#749dc2', GradientType=0);
  /* IE6-9 */
}
.valuesBox .innForm .loadResult {
  width: 100%;
  padding: 5px 10px;
  color: #ffffff;
}
.valuesBox .innForm .loadResultNotFound {
  width: 100%;
  padding: 5px 10px;
  color: #ffffff;
  display: none;
}
.valuesBox .hintTextBox .hintTextBoxText {
  display: none !important;
}
.btns .btn {
  margin: 0 5px 5px 0;
}
.contentBox {
  position: relative;
  padding: 15px 15px;
  background: #636d7b;
  color: #ffffff;
  font-size: 14px;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
}
.contentBox h1 {
  font-weight: normal;
  font-size: 22px;
  color: #ffffff;
  margin: 0 0 15px 0;
}
.contentBox h2 {
  font-weight: normal;
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 15px 0;
}
.contentBox .contentBody {
  /*.table {color: #ffffff; font-size: 12px;
			.dropDownName {color:#007bff;}
		}*/
}
.contentBox .contentBody table {
  color: #000000;
  background: #ffffff;
}
.contentBox .contentBody table thead {
  background: #1c5994;
  color: #ffffff;
}
.contentBox .contentBody table a {
  color: #1c5994;
  text-decoration: underline;
}
.contentBox .contentBody a {
  color: #ffffff;
  text-decoration: underline;
}
.boxServicesFind3 {
  width: 100%;
  padding: 0 0 10px 0;
}
.boxServicesFind3 .top {
  position: relative;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
}
.boxServicesFind3 .boxs {
  width: 100%;
  border: 1px solid #000000;
  overflow-y: scroll;
  height: 300px;
  padding: 2px 5px;
  background: #ffffff;
  color: #000000;
}
.boxServicesFind3 .boxs .name {
  width: 100%;
  margin: 0;
  color: #000000;
}
.boxServicesFind3 .boxs .name a {
  color: #000000;
}
.boxServicesFind3 .boxs .name input {
  position: relative;
  top: 1px;
}
.boxServicesFind3 .boxs .level2 {
  padding-left: 20px;
}
.boxServicesFind3 .box {
  width: 100%;
  margin: 0 0 5px 0;
}
.boxServicesFind3 .boxJurist {
  width: 100%;
  border: 1px solid #000000;
  overflow-y: scroll;
  height: 152px;
  padding: 2px;
  margin: 0 0 5px 0;
  background: #ffffff;
  color: #000000;
}
.boxServicesFind3 .boxJurist .name {
  width: 100%;
  margin: 0;
  color: #000000;
}
.boxServicesFind3 .boxJurist .name a {
  color: #000000;
}
.boxServicesFind3 .boxJurist .name input {
  position: relative;
  top: 1px;
}
.boxServicesFind2 {
  width: 100%;
  padding: 0 0 10px 0;
}
.boxServicesFind2 .top {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
}
.boxServicesFind2 .boxs {
  width: 100%;
  border: 1px solid #000000;
  overflow-y: scroll;
  height: 300px;
  padding: 2px 5px;
}
.boxServicesFind2 .boxs .name {
  width: 100%;
  margin: 0;
}
.boxServicesFind2 .boxs .name input {
  position: relative;
  top: 1px;
}
.topPageText {
  width: 100%;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 19px 15px;
  background: #636d7b;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  font-size: 14px;
}
.topPageText a {
  color: #ffffff;
  text-decoration: underline;
}
.taskTopFind {
  display: flex;
  align-items: center;
  /* justify-content:space-between;*/
  padding: 10px 0 15px 0;
}
.taskTopFind .boxes {
  padding: 0 20px 0 0;
}
.taskTopFind .boxes .box {
  display: flex;
  align-items: center;
}
.taskTopFind .boxes .box .name {
  width: 95px;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}
.taskTopFind .boxes .box .values {
  color: #000000;
  font-size: 12px;
}
.taskTopFind .boxes .box .values label {
  cursor: pointer;
  padding: 0 10px 0 0;
  margin: 0;
}
.taskTopFind .boxes .box .values label input {
  position: relative;
  top: 2px;
}
.topPageImage {
  position: relative;
  width: 100%;
}
.topPageImage .image {
  width: 100%;
}
.topPageImage .steps {
  padding: 5px 0;
}
.topPageImage .btnBox {
  position: absolute;
  bottom: 0;
}
.topPageImage .btns {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 0 10px 0;
}
.openValue .selectValue {
  position: relative;
  top: 2px;
}
.oneStr {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 20px;
  font-size: 14px;
}
.topIndexImage {
  width: 100%;
  height: 429px;
}
.topIndexImage .container {
  height: 100%;
}
.topIndexImage .container .row {
  height: 100%;
  position: relative;
}
.topIndexImage .container .row .col-md-12 {
  height: 100%;
  position: relative;
}
.topIndexImage .indexImageBtn {
  margin: 30px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.topIndexImage .indexImageBtn a {
  color: #ffffff;
}
.topIndexImage .indexImageBtn .btn {
  position: relative;
  color: #ffffff;
  padding: 5px 8px;
  font-size: 14px;
  background: #0092e8;
  border: 2px solid #99cce7;
  margin: 3px;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #99cde6;
  text-align: center;
}
.topIndexImage .indexImageBtn .btn:hover {
  background: #30abbc;
  border: 2px solid #56f2e8;
  box-shadow: 0 0 5px 0 #56f2e8;
}
.topIndexImage .indexImageBtn .hintTextBox i {
  color: #ffffff;
}
.topIndexImage .indexTopText {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #000000;
  font-size: 20px;
  background: #ffffff;
  border-radius: 5px;
  padding: 5px 10px;
}
.centerIndexContent {
  padding: 15px 0 30px 0;
}
.centerIndexContent .indexLeftBox {
  position: relative;
  background: #30579b;
  color: #ffffff;
  padding: 5px 10px;
  border: 2px solid #508195;
  margin: 0 0 10px 0;
  border-radius: 5px;
}
.centerIndexContent .indexLeftBox .name {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 5px 0;
}
.centerIndexContent .indexLeftBox a {
  color: #ffffff;
}
.centerIndexContent .indexLeftBox .title {
  width: 100%;
  font-size: 18px;
  margin: 0 0 5px 0;
  text-align: center;
}
.centerIndexContent .indexLeftBox .image {
  text-align: center;
}
.centerIndexContent .indexLeftBox .image img {
  max-width: 100%;
  margin: 0 0 5px 0;
}
.centerIndexContent .indexLeftBox .reviewsBox {
  margin: 0 0 20px 0;
}
.centerIndexContent .indexLeftBox .reviewsBox .name {
  width: 100%;
  font-size: 12px;
  margin: 0 0 5px 0;
  line-height: 1;
}
.centerIndexContent .indexLeftBox .reviewsBox .text {
  width: 100%;
  font-size: 14px;
  margin: 0 0 5px 0;
  line-height: 1.1;
}
.centerIndexContent .indexLeftBox .reviewsAll {
  width: 100%;
  text-align: right;
  font-size: 12px;
}
.centerIndexContent .indexLeftBox .reviewsAll a {
  text-decoration: underline;
}
.centerIndexContent .textPanel {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  background: #ffffff;
  color: #102556;
  padding: 5px 10px;
  font-size: 14px;
}
.centerIndexContent .textPanel h1 {
  font-size: 16px;
}
.centerIndexContent .textPanel p {
  color: #102556;
}
.centerIndexContent .cubeImage {
  width: 100%;
}
.centerIndexContent .indexRightBox {
  background: #30579b;
  color: #ffffff;
  padding: 5px 5px;
  border: 2px solid #508195;
  margin: 0 0 10px 0;
  border-radius: 5px;
}
.centerIndexContent .indexRightBox .image {
  text-align: center;
  float: left;
}
.centerIndexContent .indexRightBox .image img {
  max-width: 100px;
  margin: 0 10px 10px 0;
  border-radius: 5px;
}
.centerIndexContent .indexRightBox .title {
  width: 100%;
  font-size: 14px;
  margin: 0 0 0 0;
  text-align: left;
}
.centerIndexContent .steps {
  width: 100%;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  margin: 15px 0 15px 0;
}
.centerIndexContent .steps .step {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5px 0 5px;
}
.centerIndexContent .steps .step .num {
  font-size: 30px;
  color: #fff68c;
  margin: 0 5px 0 0;
}
.centerIndexContent .steps .step .right {
  display: flex;
  flex-wrap: wrap;
}
.centerIndexContent .steps .step .right .text {
  width: 100%;
  text-align: left;
  padding: 5px 2px;
  background: #ffffff2e;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.centerIndexContent .steps .step .right .text img {
  margin: 0 5px 0 0;
}
.centerIndexContent .steps .step .right .text .title {
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
}
.centerIndexContent .steps .step .right .statusBar {
  width: 100%;
  margin: 5px 0 0 0;
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 0;
}
.centerIndexContent .steps .step .right .statusBar.red {
  background: red;
}
.centerIndexContent .steps .step .right .statusBar.green {
  background: green;
}
.stepsGeneralTop .steps {
  width: 100%;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.stepsGeneralTop .steps .step {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5px 0 5px;
  background: #636d7b;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
}
.stepsGeneralTop .steps .step .num {
  font-size: 30px;
  color: #fff68c;
  margin: 0 5px 0 0;
}
.stepsGeneralTop .steps .step .right {
  display: flex;
  flex-wrap: wrap;
}
.stepsGeneralTop .steps .step .right .text {
  width: 100%;
  text-align: left;
  padding: 5px 2px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.stepsGeneralTop .steps .step .right .text img {
  margin: 0 5px 0 0;
}
.stepsGeneralTop .steps .step .right .text .title {
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
}
.stepsGeneralTop .steps .step .right .statusBar {
  width: 100%;
  margin: 5px 0 0 0;
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 0;
}
.stepsGeneralTop .steps .step .right .statusBar.red {
  background: red;
}
.stepsGeneralTop .steps .step .right .statusBar.green {
  background: green;
}
.truncateText {
  width: 150px;
  overflow: hidden;
  height: 19px;
  white-space: nowrap;
}
.messagesBox {
  background: #ffffff;
  padding: 5px;
  border-radius: 5px;
}
.messagesBox .messagesDialogsBox {
  width: 100%;
  margin: 0 0 10px 0;
}
.messagesBox .messagesDialogsBox .title {
  width: 100%;
  margin: 0 0 5px 0;
}
.messagesBox .messagesDialogsBox .list {
  width: 100%;
  margin: 0 0 5px 0;
}
.messagesBox .messagesChatBox {
  width: 100%;
  margin: 0 0 10px 0;
}
.messagesBox .messagesChatBox .title {
  padding: 5px 10px;
  margin: 0 0 20px 0;
  background: #2a4b72;
  border-radius: 5px;
  width: 100%;
  color: #ffffff;
  font-size: 14px;
}
.messagesBox .messagesChatBox .styleScroll {
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  padding: 5px;
  margin: 0 0 15px 0;
}
.messagesBox .messagesChatBox .styleScroll .messageUser {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}
.messagesBox .messagesChatBox .styleScroll .messageUser .user {
  float: left;
  width: 42px;
  margin: 0 10px 0 0;
}
.messagesBox .messagesChatBox .styleScroll .messageUser .user .image {
  width: 42px;
  background: #19adb7;
  border-radius: 50px;
  border: 1px solid #85c6d7;
}
.messagesBox .messagesChatBox .styleScroll .messageUser .user .image img {
  border-radius: 50px;
  width: 100%;
}
.messagesBox .messagesChatBox .styleScroll .messageUser .user .name {
  width: 42px;
  height: 13px;
  overflow: hidden;
  font-size: 11px;
  color: #111111;
  line-height: 1;
}
.messagesBox .messagesChatBox .styleScroll .messageUser .body {
  float: left;
  width: 55%;
  font-size: 14px;
  padding: 2px 5px;
  border: 1px solid #7abace;
  border-radius: 0 5px 5px 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91dbdf+0,94abee+100 */
  background: #91dbdf;
  /* Old browsers */
  background: -moz-linear-gradient(left, #91dbdf 0%, #94abee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #91dbdf 0%, #94abee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #91dbdf 0%, #94abee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91dbdf', endColorstr='#94abee', GradientType=1);
  /* IE6-9 */
}
.messagesBox .messagesChatBox .styleScroll .messageUser .body .time {
  float: right;
  margin: 0 0 5px 10px;
  font-size: 10px;
}
.messagesBox .messagesChatBox .styleScroll .messageMy {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}
.messagesBox .messagesChatBox .styleScroll .messageMy .user {
  float: right;
  width: 42px;
  margin: 0 0 0 10px;
}
.messagesBox .messagesChatBox .styleScroll .messageMy .user .image {
  width: 42px;
  background: #19adb7;
  border-radius: 50px;
  border: 1px solid #85c6d7;
}
.messagesBox .messagesChatBox .styleScroll .messageMy .user .image img {
  border-radius: 50px;
  width: 100%;
}
.messagesBox .messagesChatBox .styleScroll .messageMy .user .name {
  width: 42px;
  height: 13px;
  overflow: hidden;
  font-size: 11px;
  color: #111111;
  line-height: 1;
}
.messagesBox .messagesChatBox .styleScroll .messageMy .body {
  float: right;
  width: 55%;
  font-size: 14px;
  padding: 2px 5px;
  border: 1px solid #8fee89;
  border-radius: 5px 0 5px 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6ff4d+0,c1fabd+100 */
  background: #b6ff4d;
  /* Old browsers */
  background: -moz-linear-gradient(left, #b6ff4d 0%, #c1fabd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #b6ff4d 0%, #c1fabd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #b6ff4d 0%, #c1fabd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6ff4d', endColorstr='#c1fabd', GradientType=1);
  /* IE6-9 */
}
.messagesBox .messagesChatBox .styleScroll .messageMy .body .time {
  float: right;
  margin: 0 0 5px 10px;
  font-size: 10px;
}
.messagesBox .messagesChatBox .dialogForm {
  position: relative;
  width: 100%;
}
.messagesBox .messagesChatBox .dialogForm #send_user_text {
  width: 100%;
  border: 1px solid #c1edf8;
  border-radius: 0 5px 5px 0;
  height: 100px;
  padding: 2px 55px 2px 5px;
}
.messagesBox .messagesChatBox .dialogForm #send_user_message {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 41px;
  height: 23px;
  background: url(/i/messageSend.png);
  border: none;
  cursor: pointer;
}
.has-error .form-control {
  border: 1px solid red;
  background: #ffd2d2;
}
.has-error .error {
  color: red;
}
.adminNomer {
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 5px;
  color: #ffffff;
  padding: 5px 10px;
}
.adminNomer.small {
  top: 0;
  right: 0;
  padding: 1px 5px;
  font-size: 12px;
}
.adminNomer.blue {
  border: 1px solid #08143c;
  color: #08143c;
}
.textPanel .adminNomer {
  right: 20px;
}
.textPanel a {
  color: #ffffff;
}
.modal .adminNomer {
  border: 1px solid #1c5994;
  color: #1c5994;
}
.errorInput {
  border: 1px solid red;
}
.FromFieldLocationVK .chosen-single {
  color: #000000;
}
.FromFieldLocationVK .chosen-single span {
  color: #000000;
}
.FromFieldLocationVK .chosen-drop .active-result {
  color: #000000;
}
.hintTextBox {
  position: absolute;
  width: 20px;
  height: 20px;
}
.hintTextBox i {
  font-size: 16px;
  color: #0092e8;
}
.contentBoxPage {
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  background: #ffffff;
  color: #000000;
  padding: 20px;
}
.contentBoxPage .contentDiv {
  color: #000000;
  font-size: 14px;
}
.contentBoxPage .contentDiv a {
  color: #000000;
  text-decoration: underline;
}
.contentBoxPage .contentDiv p {
  margin: 0 0 10px 0;
}
.contentBoxPage .contentDiv h1 {
  font-size: 27px;
  margin: 50px 0 20px 0;
  font-weight: normal;
}
.contentBoxPage .contentDiv h1:first-child {
  margin-top: 0;
}
.contentBoxPage .contentDiv h2 {
  font-size: 22px;
  margin: 20px 0 10px 0;
  font-weight: normal;
}
.contentBoxPage .contentDiv h3 {
  font-size: 20px;
  margin: 20px 0 10px 0;
  font-weight: normal;
}
.contentBoxPage .contentDiv h4 {
  font-size: 18px;
  margin: 20px 0 10px 0;
  font-weight: normal;
}
.indexStepClient {
  width: 100%;
}
.indexStepClient .box {
  width: 100%;
  position: relative;
}
.indexStepClient .step {
  width: 100%;
  position: relative;
  display: block;
  margin: 0 0 15px 0;
}
.indexStepClient .step .num {
  position: absolute;
  left: 0px;
  top: 5px;
  color: #fff68c;
  font-size: 30px;
}
.indexStepClient .step .textBox {
  padding: 0 0 0 30px;
  width: 100%;
}
.indexStepClient .step .textBox .text {
  width: 100%;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  padding: 5px;
  background: #ffffff2e;
  color: #ffffff;
}
.indexStepClient .step .textBox .statusBar {
  width: 100%;
  margin: 0 0 5px 0;
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 0;
}
.indexStepClient .step .textBox .statusBar.red {
  background: red;
}
.indexStepClient .step .textBox .statusBar.green {
  background: green;
}
.indexStepClient .step .textBox .imageText {
  width: 100%;
  color: #8aafe8;
  display: flex;
}
.indexStepClient .step .textBox .imageText img {
  height: 40px;
  margin: 0 10px 0 0;
}
.indexStepClient .step .textBox .imageText .t {
  width: 100%;
  padding: 5px;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: #ffffff;
  background: #ffffff2e;
}
.autocomplete-suggestions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  font-size: 12px;
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-no-suggestion {
  padding: 2px 5px;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000;
}
.autocomplete-group {
  padding: 2px 5px;
}
.autocomplete-group strong {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}
.indexBtnBox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.indexBtnBox .indexBtn {
  width: 400px;
  height: 78px;
  padding: 0 5px 0 95px;
  margin: 0 0 30px 0;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
}
.indexBtnBox .indexBtn:hover {
  text-decoration: underline;
  color: #000000;
}
.indexBtnBox .indexBtnBlue {
  width: 100%;
  height: 78px;
  margin: 0 0 30px 0;
  font-size: 25px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  background: blue;
  text-transform: uppercase;
}
.indexBtnBox .indexBtnBlue:hover {
  text-decoration: underline;
  color: #ffffff;
}
.indexBtnBox .big-button {
  position: relative;
  background-color: #ccffcc;
  color: #000000;
  font-size: 26px;
  height: 100px;
  width: 100%;
  text-decoration: none;
  text-transform: capitalize;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 10px 0px #009933, 0px 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 10px 0px #009933, 0px 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 0px #009933, 0px 10px 25px rgba(0, 0, 0, 0.5);
  margin: 0 auto 30px auto;
  border-color: #66ff66;
  border-width: 10px;
  border-radius: 40px 100px 100px 100px;
  padding: 20px;
  text-transform: uppercase;
  outline: none;
}
.indexBtnBox .big-button:active {
  box-shadow: 0px 3px 0px #33CC33, 0px 3px 6px rgba(0, 0, 0, 0.9);
  position: relative;
  top: 10px;
  outline: none;
}
.indexTopStep {
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 0px;
  border-radius: 5px;
}
.indexTopStep .steps {
  width: 100%;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.indexTopStep .steps .step {
  position: relative;
  margin: 0 0 15px 0;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 5px 0 5px;
  background: #0092e8;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
}
.indexTopStep .steps .step .num {
  font-size: 30px;
  color: #fff68c;
  margin: 0 5px 0 0;
}
.indexTopStep .steps .step .right {
  display: flex;
  flex-wrap: wrap;
}
.indexTopStep .steps .step .right .text {
  width: 100%;
  text-align: left;
  padding: 5px 2px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.indexTopStep .steps .step .right .text img {
  margin: 0 5px 0 0;
}
.indexTopStep .steps .step .right .text .title {
  font-size: 15px;
  color: #ffffff;
  line-height: 1;
}
.indexTopStep .steps .step .right .statusBar {
  width: 100%;
  margin: 5px 0 0 0;
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 0;
}
.indexTopStep .steps .step .right .statusBar.red {
  background: red;
}
.indexTopStep .steps .step .right .statusBar.green {
  background: green;
}
.inputInTable {
  width: 100%;
  padding: 2px 5px;
  border: 1px solid #1c5994;
  border-radius: 5px;
}
.moduleListValues {
  background: #3b4667c7;
}
.moduleListValues input {
  position: relative;
  top: 2px;
}
.scrollBox {
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  padding: 5px;
  overflow-Y: scroll;
  height: 300px;
  background: #ffffff;
}
.scrollBox .table {
  background: #ffffff;
  color: #000000;
}
.scrollBox .table thead {
  background: #0092e8;
  color: #ffffff;
}
.scrollBox a {
  color: #1c5994;
}
.contentDiv {
  position: relative;
}
.contentBody {
  position: relative;
}
.documentVariantBox {
  width: 100%;
  padding: 10px;
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  color: #ffffff;
  margin: 0 0 20px 0;
  background: #364969;
  background: -moz-linear-gradient(top, #364969 0%, #647daf 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #364969), color-stop(100%, #647daf));
  background: -webkit-linear-gradient(top, #364969 0%, #647daf 100%);
  background: -o-linear-gradient(top, #364969 0%, #647daf 100%);
  background: -ms-linear-gradient(top, #364969 0%, #647daf 100%);
  background: linear-gradient(to bottom, #364969 0%, #647daf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#364969', endColorstr='#647daf', GradientType=0);
}
.documentVariantBox .zg {
  width: 100%;
  font-size: 18px;
  line-height: 1;
  margin: 0 0 5px 0;
}
.documentVariantBox .btn {
  width: 100%;
  margin: 0 0 5px 0;
  text-align: center;
}
.documentVariantBox .variant {
  width: 100%;
  margin: 0 0 10px 0;
}
.documentVariantBox .variant .title {
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 14px;
}
.documentVariantBox .variant .items {
  width: 100%;
  padding: 0 0 0 10px;
}
.documentVariantBox .variant .items .item {
  width: 100%;
  font-size: 13px;
}
.documentVariantBox .variant .items .item input {
  position: relative;
  top: 2px;
}
.documentVariantBox .fas {
  cursor: pointer;
}
.documentVariantBox.client i {
  display: none;
}
.reviewsBoxBix {
  position: relative;
  width: 100%;
  display: flex;
  margin: 0 0 10px 0;
}
.reviewsBoxBix .image {
  margin: 0 10px 0 0;
  width: 240px;
  text-align: center;
}
.reviewsBoxBix .image img {
  max-width: 100%;
}
.reviewsBoxBix .text {
  width: 818px;
}
.btnGray {
  display: block;
  margin: 0 0 20px 0;
  -webkit-border-radius: 10px;
  -webkit-box-shadow: 0px 3px #808080, /* gradient effects */ 0px 4px #767676, 0px 5px #6c6c6c, 0px 6px #626262, 0px 7px #585858, 0px 8px #4e4e4e, 0px 14px 6px -1px #808080;
  /* shadow */
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
}
.btnGray span {
  background-color: #53cc15;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0.2))), /* dark outside gradient */ -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(210, 210, 210, 0.3)), color-stop(20%, rgba(210, 210, 210, 0)), color-stop(80%, rgba(210, 210, 210, 0)), color-stop(100%, rgba(210, 210, 210, 0.3))), /* light inner gradient */ -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.5)), color-stop(80%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))), /* diagonal line pattern */ -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(40%, #D2D2D1), color-stop(60%, #D2D2D1), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  -webkit-box-shadow: 0px -1px #fff, /* top highlight */ 0px 1px 1px #FFFFFF;
  /* bottom edge */
  -webkit-background-size: 100%, 100%, 100%, 4px 4px;
  -webkit-border-radius: 10px;
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  display: inline-block;
  padding: 10px 40px 10px 40px;
  color: #3A474D;
  font-size: 20px;
  text-shadow: 0px 1px #fff, 0px -1px #262F33;
}
.btnGray span:hover {
  color: #AEBF3B;
  text-shadow: 0px -1px #97A63A;
  cursor: pointer;
}
.btnGray:active {
  -webkit-box-shadow: 0px 3px #808080, 0px 4px #767676, 0px 5px #6c6c6c, 0px 6px #626262, 0px 7px #585858, 0px 8px #4e4e4e, 0px 10px 2px 0px rgba(128, 128, 128, 0.6);
  /* shadow */
}
.btnGray:active span {
  -webkit-transform: translate(0, 5px);
  /* depth of button press */
}
.btnGray span:after {
  content: ">";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 32px;
  top: 12px;
  color: #AEBF3B;
  text-shadow: 0px 1px #fff, 0px -1px #97A63A;
  font-size: 26px;
}
.boxLeftPatter {
  -webkit-box-shadow: 2px 2px 6px 0 #4e7e9c;
  box-shadow: 2px 2px 6px 0 #4e7e9c;
  border: 1px solid #9cc3da;
  border-radius: 5px;
  padding: 0 10px 5px 10px;
  margin: 0 0 10px 0;
  position: relative;
  background: #364969;
  background: -moz-linear-gradient(top, #364969 0%, #647daf 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #364969), color-stop(100%, #647daf));
  background: -webkit-linear-gradient(top, #364969 0%, #647daf 100%);
  background: -o-linear-gradient(top, #364969 0%, #647daf 100%);
  background: -ms-linear-gradient(top, #364969 0%, #647daf 100%);
  background: linear-gradient(to bottom, #364969 0%, #647daf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#364969', endColorstr='#647daf', GradientType=0);
}
.boxLeftPatter .title {
  padding: 10px 0 5px 0;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.boxLeftPatter .title p {
  margin: 0;
}
.boxLeftPatter .col-md-4 {
  display: none;
}
.boxLeftPatter .col-md-8 {
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0px;
}
.boxLeftPatter .col-md-8 .moduleListValuesTree {
  border: none;
  color: #ffffff;
  font-size: 12px;
  height: auto;
  padding: 10px 0 0 0;
}
.boxLeftPatter .col-md-8 .moduleListValuesTree label {
  margin-bottom: 0;
}
.boxLeftPatter .col-md-8 .moduleListValuesTree label input {
  position: relative;
  top: 1px;
}
.boxLeftPatter .col-md-8 .moduleListValuesTree .level1 {
  padding-left: 0;
}
.boxLeftPatter .form-group {
  margin-bottom: 0;
}
.boxLeftPatter .text {
  position: relative;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
}
.boxLeftPatter .text .adminNomer {
  position: absolute;
  top: 0px;
}
.boxLeftPatter .radioList {
  color: #ffffff;
  font-size: 12px;
  padding: 5px 0 0 0;
  display: none;
}
.boxLeftPatter .radioList label {
  margin: 0;
}
.boxLeftPatter .radioList input {
  position: relative;
  top: 3px;
}
.boxLeftPatter .module_add_box {
  display: none;
}
.juristCardBlock {
  color: #ffffff;
  line-height: 1;
}
.juristCardBlock .title {
  width: 100%;
  margin: 0 0 5px 0;
  color: #0085ff;
  background: #ffffff;
  padding: 2px 5px;
}
.juristCardBlock .image {
  float: left;
  margin: 0 5px 5px 0;
}
.juristCardBlock .image img {
  border: 1px solid #ffffff;
  border-radius: 100%;
}
.help-block {
  color: red;
}
.moduleListValuesTree {
  width: 100%;
  height: 250px;
  border: solid 1px #d2d6de;
  overflow: auto;
  padding: 6px 12px 6px 0;
}
.moduleListValuesTree label {
  margin: 0;
}
.moduleListValuesTree .checkbox:first-child {
  margin-top: 0;
}
.moduleListValuesTree .clintsSelectionEdit {
  cursor: pointer;
}
.moduleListValuesTree .clintsSelectionDel {
  cursor: pointer;
}
.moduleListValuesTree .drugNext {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.moduleListValuesTree .level {
  padding-left: 20px;
}
.logo-center-box {
  text-align: center;
  font-size: 20px;
}
.logo-center-box img {
  width: 290px;
  max-width: 100%;
}
.slider-place {
  display: flex;
  align-items: center;
  justify-content: center;
  /* min-height: calc(100vh - 400px);*/
}
.slider-place .slider-box {
  position: relative;
  width: 900px;
  margin: 30px 0 0 0;
  padding: 0 70px;
}
.slider-place .slider-box .box {
  width: 80%;
  display: flex;
}
.slider-place .slider-box .box .image {
  width: 30%;
}
.slider-place .slider-box .box .image img {
  width: 100%;
  border-radius: 10px;
}
.slider-place .slider-box .box .name {
  padding: 0 0 0 20px;
  width: 70%;
  color: #626262;
  font-size: 35px;
  line-height: 1.1;
  display: flex;
  align-items: center;
}
.slider-place .slider-box a:hover {
  text-decoration: none;
}
.slider-place .slider-box .bx-next {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  color: #626262;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
.slider-place .slider-box .bx-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  color: #626262;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
.videoBg {
  position: relative;
  height: 145px;
  margin: 0 0 20px 0;
}
.indexVideoBg {
  height: 100vh;
  min-height: 850px;
}
.indexVideoBg .indexHeader {
  background: #000000b3;
}
/*   1.2 Elements forms   */
.proposal-field {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-size: 1.28em;
  border-bottom: 1px solid #fff;
  margin: 5px 0;
  color: #fff;
}
.proposal-field::-webkit-input-placeholder {
  color: #b2b2b2;
}
.proposal-field::-moz-placeholder {
  color: #b2b2b2;
}
/* Firefox 19+ */
.proposal-field:-moz-placeholder {
  color: #b2b2b2;
}
/* Firefox 18- */
.proposal-field:-ms-input-placeholder {
  color: #b2b2b2;
}
.proposal-button {
  display: block;
  width: 100%;
  border: none;
  color: #ffffff;
  background: #0092e8;
  padding: 8px 0;
  border-radius: 3px;
  text-align: center;
  margin: 5px 0;
}
.proposal-button:hover {
  color: #fff !important;
}
/*   1.3 The headlines in the sections   */
h1.title {
  text-align: center;
  margin: 80px 0 55px 0;
  position: relative;
  padding: 0 0 30px 0;
  width: 100%;
}
h1.title + p {
  text-align: center;
  font-size: 18px;
  margin: 0 0 50px 0;
}
.dark {
  color: #2c2e30;
}
.light {
  color: #fff;
}
h1.dark + p {
  color: #767676;
}
h1.light + p {
  color: #fff;
}
h2.dark + p {
  color: #6b6c6c;
}
h1.title:before {
  display: block;
  width: 30px;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -15px;
  background: #30579b;
  content: '';
}
/*   5. Styles for Services section    */
.service {
  border: 1px solid #dadada;
  text-align: center;
  padding: 40px;
  margin: 0 0 30px 0;
}
.service p {
  min-height: 220px;
}
.service h2 {
  min-height: 76px;
}
#benefits,
#portfolio {
  background: #f3f3f3;
}
/*   6. Styles for Benefits section    */
.benefit {
  padding: 0 0 60px 0;
}
.benefit img {
  margin: 0 30px 0 0;
}
.benefit h2 {
  margin-left: 100px;
  font-size: 20px;
}
.benefit p {
  margin: 0 0 0 100px;
  font-size: 15px;
}
.pull-left {
  float: left !important;
}
/*   8. Styles for Portfolio section    */
.filter {
  text-align: center;
  margin: 0 0 30px 0;
}
.filter li {
  display: inline-block;
}
.filter li a {
  color: #757575;
  font-size: 1.1em;
  display: block;
}
.filter li a:hover {
  color: #212121;
}
.filter li a.active {
  color: #212121;
  border: 1px solid #fbb02c;
  border-radius: 4px;
}
.project {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.project img {
  height: 100%;
}
.project a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  top: 0;
  left: 0;
  position: absolute;
  padding: 40px;
  opacity: 0;
}
.project a strong {
  display: block;
  font-size: 2.14em;
  width: 100%;
}
.project a span {
  display: block;
  font-size: 1.28em;
  width: 100%;
}
.top-slider-text {
  color: #626262;
  text-align: center;
  font-size: 30px;
}
.top-slider-text p {
  margin: 0;
}
.new-form-2020 {
  font-family: "Segoe UI";
}
.new-form-2020 .top-line {
  margin-bottom: 15px;
}
.new-form-2020 .top-line .top-title {
  color: #0a0a0a;
  font-size: 20px;
  font-weight: bold;
}
.new-form-2020 .top-line .top-find-box {
  position: relative;
}
.new-form-2020 .top-line .top-find-box input {
  width: 100%;
  padding: 5px 25px 5px 5px;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.new-form-2020 .top-line .top-find-box button {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(/i/top-find.png) 0 0 no-repeat;
  width: 24px;
  height: 23px;
  border: none;
}
.new-form-2020 .top-line .top-steps-box {
  display: flex;
  align-items: center;
}
.new-form-2020 .top-line .index-top-steps {
  display: flex;
  justify-content: space-between;
}
.new-form-2020 .top-line .index-top-steps .step {
  display: flex;
}
.new-form-2020 .top-line .index-top-steps .step .image {
  margin: 0 5px 0 0;
  padding: 0 0 0 15px;
  position: relative;
}
.new-form-2020 .top-line .index-top-steps .step .image img {
  position: relative;
}
.new-form-2020 .top-line .index-top-steps .step .image .nomer {
  position: absolute;
  left: 0;
  top: -10px;
  color: #d8d8d8;
  font-weight: 600;
  font-size: 46px;
}
.new-form-2020 .top-line .index-top-steps .step .image .info {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 22px;
  height: 22px;
  background: url(/i/index-top-steps-info.png) 0 0 no-repeat;
}
.new-form-2020 .top-line .index-top-steps .step .name {
  font-size: 13px;
  font-weight: 600;
  color: #0a0a0a;
  display: flex;
  align-items: center;
}
.new-form-2020 .top-line .index-top-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  background: #0092e8;
  border-radius: 3px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
.new-form-2020 .top-line .top-matrix {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.new-form-2020 .top-line .top-matrix img {
  max-width: 100%;
}
.new-form-2020 .top-line .top-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.new-form-2020 .top-line .top-right .saveAndContinue {
  background: #44c377;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}
.new-form-2020 .top-line .top-right .saveBtn {
  color: #44c377;
  font-size: 16px;
  font-weight: 600;
}
.new-form-2020 .top-line .top-right .green {
  background: none;
}
.new-form-2020 .left-box .left-btns {
  width: 100%;
}
.new-form-2020 .left-box .left-btns .box {
  margin: 0 0 5px 0;
  position: relative;
  width: 100%;
}
.new-form-2020 .left-box .left-btns .box .green {
  display: block;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 18px;
  background: #44c377;
  border-radius: 3px;
}
.new-form-2020 .left-box .left-btns .box .blue {
  display: block;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 18px;
  background: #0092e8;
  border-radius: 3px;
}
.new-form-2020 .left-box .left-btns .box .white {
  display: block;
  padding: 5px 10px;
  color: #0a0a0a;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid #dddddd;
}
.new-form-2020 .left-box .left-btns .box .white p {
  margin: 0;
  font-size: 15px;
  color: #626262;
}
.new-form-2020 .left-box .left-btns .box .red {
  display: block;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 18px;
  background: red;
  border-radius: 3px;
}
.new-form-2020 .left-box .left-btns .box .module_add_box {
  display: none;
}
.new-form-2020 .left-box .left-btns .box .module_add_box .col-form-label {
  display: none;
}
.new-form-2020 .left-box .left-btns .box .module_add_box .col-md-8 {
  min-width: 100%;
  font-size: 13px;
}
.new-form-2020 .left-box .left-btns .box .module_add_box .col-md-8 .moduleListValuesTree {
  height: auto;
}
.new-form-2020 .left-box .left-btns .box .radioList {
  font-size: 13px;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  display: none;
}
.new-form-2020 .left-box .left-btns .box .radioList label {
  margin: 0;
}
.new-form-2020 .left-box .left-btns .box .radioList input {
  position: relative;
  top: 1px;
}
.new-form-2020 .left-box .left-btns .box .fa-chevron-down {
  color: #afafaf;
}
.new-form-2020 .left-box .left-btns .box .fa-chevron-left {
  color: #afafaf;
}
.new-form-2020 .left-box .left-btns .blue .hintTextBox i {
  color: #ffffff;
}
.new-form-2020 .left-box .left-btns #leftMenuAction {
  font-size: 13px;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  display: none;
}
.new-form-2020 .left-box .left-btns #leftMenuAction .item {
  margin: 0 0 5px 0;
  display: block;
  color: #0a0a0a;
}
.new-form-2020 .left-box .left-btns #leftMenuAction .item .text {
  padding: 0 0 0 5px;
  color: #626262;
}
.new-form-2020 .pl-date {
  font-weight: 600;
}
.new-form-2020 .pl-date .item {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  border: 1px solid #dddddd;
  padding: 5px 10px;
}
.new-form-2020 .pl-date .item input {
  border: none;
  color: #0a0a0a;
  font-size: 16px;
}
.new-form-2020 .pl-date .item .name {
  color: #626262;
  font-size: 16px;
}
.new-form-2020 .pl-date .item .dt-box {
  width: 100%;
}
.new-form-2020 .pl-date .item .dt-box .dt {
  display: flex;
  justify-content: space-between;
}
.new-form-2020 .pl-date .item .dt-box .dt .t {
  font-size: 14px;
}
.new-form-2020 .pl-date .item .dt-box .dt input {
  width: 80px;
  text-align: right;
}
.new-form-2020 .pl-date .item:first-child {
  border-bottom: none;
}
.new-form-2020 .top-input-box {
  position: relative;
  width: 100%;
}
.new-form-2020 .top-input-box .name {
  width: 100%;
  background: #dddddd;
  font-size: 16px;
  font-weight: 600;
  color: #0a0a0a;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}
.new-form-2020 .top-input-box .name .clearClient {
  color: #626262;
}
.new-form-2020 .top-input-box .name .clearClient i {
  color: #f1393a;
}
.new-form-2020 .top-input-box .chosen-box {
  position: relative;
  width: 100%;
}
.new-form-2020 .top-input-box .chosen-box .chosen {
  position: relative;
  width: 100%;
}
.new-form-2020 .top-input-box .chosen-box .chosen-container-multi .chosen-choices {
  border: 1px solid #dddddd;
  border-radius: 0 0 3px 3px;
  box-shadow: none;
}
.new-form-2020 .top-input-box .input {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #dddddd;
  border-radius: 0 0 3px 3px;
}
.index-left-text {
  color: #626262;
  font-size: 20px;
  margin: 3px 15px 3px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-mobile .logo {
  text-align: center;
  padding: 0 0 10px 0;
  font-size: 12px;
}
.header-mobile .logo img {
  height: 50px;
}
.header-mobile .panel {
  text-align: center;
  padding: 0 0 10px 0;
}
.header-mobile .panel img {
  max-width: 100%;
}
.header-mobile .user-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  padding: 0 0 15px 0;
}
.header-mobile .user-box .image {
  text-align: center;
  width: 64px;
  margin: 0 0 5px 0;
}
.header-mobile .user-box .name {
  text-align: center;
  color: #626262;
  font-size: 14px;
  line-height: 1;
  text-align: right;
  padding: 0 10px 0 0;
}
.header-mobile .user-box .pl {
  color: #626262;
}
.header-mobile .user-box a {
  color: #626262;
}
.header-mobile .user-box img {
  border-radius: 100%;
  border: 2px solid #0e7fe8;
}
.header-mobile .user-box .improvement {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #009933;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 3px;
}
.header-mobile .top-text {
  padding: 0 0 15px 0;
  font-size: 14px;
  text-align: center;
}
.header-mobile .top-text p {
  margin: 0 0 5px 0;
}
.header-mobile .btn {
  position: relative;
  color: #ffffff;
  padding: 5px 0;
  width: 100%;
  font-size: 14px;
  background: #0092e8;
  border: 2px solid #99cce7;
  margin: 3px;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 #99cde6;
  text-align: center;
  display: block;
  margin: 0 0 10px 0;
}
.container-index-btn {
  position: relative;
}
.container-index-btn .hintTextBox i {
  color: #ffffff;
}
.valuesTable .hintTextBox i {
  color: #ffffff;
}
.valuesTable .tableInput {
  width: 100%;
  height: 25px;
}
.valuesTable th {
  position: relative;
}
.packages-service {
  font-size: 22px;
}
#tableValues tr td {
  padding: 1px 3px;
  line-height: 1;
}
#tableValues tr td:nth-child(3) {
  width: 35%;
}
#tableValues tr td:nth-child(4) {
  width: 25%;
}
.index-find {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.index-find input {
  border: 1px solid #0092e8;
  padding: 2px 5px;
  border-radius: 3px;
  width: 300px;
  margin: 0 10px 0 0;
}
.index-find button {
  border: none;
  background: #0092e8;
  color: #ffffff;
  padding: 0 5px;
  border-radius: 3px;
}
.boxServicesFindIndex {
  width: 100%;
  padding: 0 0 10px 0;
}
.boxServicesFindIndex .top {
  position: relative;
  width: 100%;
  color: #000000;
  font-size: 16px;
}
.boxServicesFindIndex .boxs {
  width: 100%;
  border: 1px solid #0092e8;
  overflow-y: scroll;
  height: 300px;
  padding: 2px 5px;
  background: #ffffff;
  color: #000000;
}
.boxServicesFindIndex .boxs .name {
  width: 100%;
  margin: 0;
  color: #000000;
}
.boxServicesFindIndex .boxs .name a {
  color: #000000;
}
.boxServicesFindIndex .boxs .name input {
  position: relative;
  top: 1px;
}
.boxServicesFindIndex .boxs .level2 {
  padding-left: 20px;
}
.boxServicesFindIndex .box {
  width: 100%;
  margin: 0 0 5px 0;
}
.boxServicesFindIndex .boxJurist {
  width: 100%;
  border: 1px solid #0092e8;
  overflow-y: scroll;
  height: 152px;
  padding: 2px;
  margin: 0 0 5px 0;
  background: #ffffff;
  color: #000000;
}
.boxServicesFindIndex .boxJurist .name {
  width: 100%;
  margin: 0;
  color: #000000;
}
.boxServicesFindIndex .boxJurist .name a {
  color: #000000;
}
.boxServicesFindIndex .boxJurist .name input {
  position: relative;
  top: 1px;
}
.boxServicesFindIndex .form-control {
  border: 1px solid #0092e8;
}
/*# sourceMappingURL=styles.css.map */