/* Start:/bitrix/templates/rtplatfrom/css/main.css?1612767354114278*/
/* Rubik-Bold */
@font-face {
  font-family: "Rubik-Bold";
  /* src: url("https://fonts.googleapis.com/css2?family=Rubik:wght@700") format("truetype"); */
  src: local("Rubik-Bold"), local("Rubik Bold"),
    url("/bitrix/templates/rtplatfrom/css/../font/Rubik-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Rubik-Medium */
@font-face {
  font-family: "Rubik-Medium";
  /*src: url("https://fonts.googleapis.com/css2?family=Rubik:wght@500") format("truetype");*/
  src: local("Rubik-Medium"), local("Rubik Medium"),
    url("/bitrix/templates/rtplatfrom/css/../font/Rubik-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Rubik-Regular */
@font-face {
  font-family: "Rubik-Regular";
  /*src: url("https://fonts.googleapis.com/css2?family=Rubik:wght@400") format("truetype");*/
  src: local("Rubik-Regular"), local("Rubik Regular"),
    url("/bitrix/templates/rtplatfrom/css/../font/Rubik-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;
}
.category-checkbox input[type="checkbox"]:checked + p:before {
  background-color: #27ae60;
  border: none;
  background-image: url(/bitrix/templates/RTP/css/../img/sign.png);
  background-size: 10px 7px;
  background-repeat: no-repeat;
  background-position: center;
}
.hidden {
  display: none;
}
.show {
  display: flex;
}
.custom_label {
  display: inline-block;
  width: 100%;
}
.custom_input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom_p {
  position: relative;
  margin-bottom: 5px;
  padding-left: 30px;
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 28px;
  color: #aaacbd;
  cursor: pointer;
}
.custom_p:before {
  content: "";
  border: 1px solid #aaacbd;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}
.container {
  min-width: 1254px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  z-index: 999;
}

.header .navbar {
  width: 100%;
}

.header .navbar .navbar-brand {
  margin-right: 50px;
}

.header .navbar-nav-links li {
  margin-left: 35px;
}

.header .navbar-nav {
  font-family: "Rubik-Medium";
}

.header .navbar-nav li {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.header .navbar-nav li a {
  font-size: 16px;
  color: #fff;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header .navbar-nav li a:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.header .navbar-nav li a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0px;
  border-bottom: 2px solid #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center right;
  transform-origin: center right;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0, 1);
  transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0, 1),
    -webkit-transform 0.45s cubic-bezier(0.4, 0, 0, 1);
}

.header .navbar-brand {
  width: 115px;
}

.header .navbar-brand circle {
  stroke: #fff;
}

.header .navbar-brand path {
  fill: #fff;
}

.header .navbar-nav.logged a svg {
  margin-top: -4px;
}

.header .navbar-nav.logged .note a {
  margin-right: 10px;
  position: relative;
}

.header .navbar-nav.logged .note a path {
  fill: #fff;
}

.header .navbar-nav.logged .note a span.note-number {
  background: #f94242;
  padding: 0px 1px;
  position: absolute;
  font-size: 10px;
  font-family: "Rubik-Regular";
  border-radius: 2px;
  text-align: center;
  top: 5px;
  left: 6px;
  color: #fff;
}

.header .navbar-nav.logged .logged-in a svg {
  margin-right: 10px;
}

.header .navbar-nav.logged .logged-in a circle {
  fill: #fff;
}

.header .navbar-nav.logged .drop-list {
  -webkit-box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.473);
  box-shadow: 0px 0px 5px rgba(170, 170, 170, 0.473);
  display: none;
  background: #ffffff;
  border-radius: 5px;
  width: 215px;
  position: absolute;
  top: 75px;
  right: 15px;
  padding: 15px;
}

.header .navbar-nav.logged .drop-list li a {
  color: #000;
  display: inline-block;
}

.header .navbar-nav.logged .drop-list li a:hover {
  color: #219653;
}

.header .navbar-nav.logged .drop-list li a::after {
  display: none;
}

#myModal .modal-dialog,
#myModal2 .modal-dialog {
  max-width: 392px;
  text-align: center;
}

#myModal .modal-header,
#myModal2 .modal-header {
  display: inline-block;
  width: 100%;
  border: none;
}

#myModal .modal-header h4,
#myModal2 .modal-header h4 {
  display: inline-block;
  font-size: 24px;
  font-family: "Rubik-Bold";
  color: #000;
  margin-top: 10px;
}

#myModal .form-box,
#myModal2 .form-box {
  display: inline-block;
  width: 100%;
  padding: 0 18px;
}

#myModal .form-box .input-box,
#myModal2 .form-box .input-box {
  display: inline-block;
  width: 100%;
  position: relative;
}

#myModal .form-box .input-box input:focus ~ .floating-label,
#myModal .form-box .input-box input:not(:focus):valid ~ .floating-label,
#myModal2 .form-box .input-box input:focus ~ .floating-label,
#myModal2 .form-box .input-box input:not(:focus):valid ~ .floating-label {
  top: 8px;
  bottom: 10px;
  font-size: 10px;
  opacity: 1;
}

#myModal .form-box .input-box .floating-label,
#myModal2 .form-box .input-box .floating-label {
  position: absolute;
  pointer-events: none;
  left: 25px;
  top: 12px;
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

#myModal .form-box .input-box input,
#myModal2 .form-box .input-box input {
  width: 100%;
  background: #ffffff;
  border: 1px solid #aaacbd;
  margin-bottom: 20px;
  height: 50px;
  border-radius: 25px;
  padding: 25px 25px 12px 25px;
  font-size: 16px;
  font-family: "Rubik-Regular";
  outline: none !important;
  color: #2f334f;
}

#myModal .form-box .label-for-check,
#myModal2 .form-box .label-for-check {
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
  padding-left: 25px;
  margin-bottom: 38px;
  cursor: pointer;
}

#myModal .form-box .label-for-check .sign,
#myModal2 .form-box .label-for-check .sign {
  display: inline-block;
  width: 100%;
  position: relative;
}

#myModal .form-box .label-for-check .sign:before,
#myModal2 .form-box .label-for-check .sign:before {
  content: "";
  width: 20px;
  height: 20px;
  border: solid 1px #aaacbd;
  border-radius: 100%;
  position: absolute;
  top: -5px;
  left: -25px;
}

#myModal .form-box .label-for-check input[type="checkbox"],
#myModal2 .form-box .label-for-check input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

#myModal
  .form-box
  .label-for-check
  input[type="checkbox"]:checked
  + .sign:before,
#myModal2
  .form-box
  .label-for-check
  input[type="checkbox"]:checked
  + .sign:before {
  background-color: #27ae60;
  border: none;
  background-image: url(/bitrix/templates/rtplatfrom/css/../img/sign.png);
  background-size: 10px 7px;
  background-repeat: no-repeat;
  background-position: center;
}

#myModal .form-box .label-for-check p,
#myModal2 .form-box .label-for-check p {
  font-size: 13px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  line-height: 14px;
  margin-bottom: 0;
}

#myModal .form-box .label-for-check p a,
#myModal2 .form-box .label-for-check p a {
  color: #219653;
}

#myModal .form-box button.code,
#myModal2 .form-box button.code {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  width: 100%;
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #fff;
  min-height: 50px;
  padding: 12px 50px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 35px;
}

#myModal .form-box button.code:hover,
#myModal2 .form-box button.code:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#myModal a.send-again,
#myModal2 a.send-again {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #27ae60;
  margin-bottom: 5px;
  display: inline-block;
}

#myModal p.av-limit,
#myModal2 p.av-limit {
  font-size: 13px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  margin-bottom: 30px;
}

.sc-1 {
  padding-top: 245px;
  padding-bottom: 260px;
  background: url(/bitrix/templates/rtplatfrom/css/../img/main-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.sc-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.719);
}

.sc-1 .title {
  text-align: center;
  margin-bottom: 40px;
}

.sc-1 .title h1 {
  font-size: 52px;
  line-height: 62px;
  color: #ffffff;
  font-family: "Rubik-Bold";
}

.sc-1 .title p {
  max-width: 596px;
  display: inline-block;
  margin-top: 20px;
  font-size: 18px;
  font-family: "Rubik-Regular";
  color: #fff;
  line-height: 28px;
}

.sc-1 .form-box {
  max-width: 1016px;
  width: 100%;
  display: inline-block;
  background: #ffffff;
  border-radius: 5px;
  padding: 40px;
}

.sc-1 .form-box .form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sc-1 .form-box select::-ms-expand {
  display: none;
}

.sc-1 .form-box input {
  width: 468px;
  height: 50px;
  border: 1px solid #aaacbd;
  border-radius: 25px;
  padding: 0px 25px;
  font-family: "Rubik-Regular";
  font-size: 16px;
  color: #000;
  outline: none !important;
}

.sc-1 .form-box input::-webkit-input-placeholder {
  color: #aaacbd;
}

.sc-1 .form-box input:-ms-input-placeholder {
  color: #aaacbd;
}

.sc-1 .form-box input::-ms-input-placeholder {
  color: #aaacbd;
}

.sc-1 .form-box input::placeholder {
  color: #aaacbd;
}

.sc-1 .form-box button.find {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #fff;
  padding: 12px 30px;
  min-height: 50px;
  min-width: 160px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-1 .form-box button.find:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-1 .dropdown {
  width: 288px;
  height: 50px;
  background-color: #ffffff;
  padding: 0px 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none !important;
  cursor: pointer;
  color: #000;
  font-family: "Rubik-Regular";
  font-size: 16px;
  position: relative;
  text-align: left;
}

.sc-1 .dropdown .for-scroll {
  width: 98%;
  height: 213px;
  overflow-x: auto;
  padding-top: 50px;
}

.sc-1 .dropdown ::-webkit-scrollbar {
  width: 4px;
  margin-left: -10px;
}

.sc-1 .dropdown ::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

.sc-1 .dropdown ::-webkit-scrollbar-thumb {
  background: #d5d6e0;
  border-radius: 10px;
}

.sc-1 .dropdown ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.sc-1 .dropdown ul.dropdown-menu {
  width: 100%;
  overflow: hidden;
  min-width: auto;
  border-radius: 25px;
  border: 1px solid #aaacbd;
  top: -50px !important;
  z-index: 1;
}

.sc-1 .dropdown .dropdown-toggle {
  color: #aaacbd;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 12px 25px;
  background: #fff;
  z-index: 2;
  border: 1px solid #aaacbd;
  border-radius: 25px;
  background-image: url(/bitrix/templates/rtplatfrom/css/../img/arrow-select.png);
  background-size: 12px 7px;
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 92%;
}

.sc-1 .dropdown .dropdown-toggle:hover,
.sc-1 .dropdown .dropdown-toggle:focus {
  color: #000;
}

.sc-1 .dropdown .dropdown-toggle img {
  margin-right: 5px;
}

.sc-1 .dropdown .dropdown-toggle::after {
  display: none;
}

.sc-1 .dropdown li {
  width: 100%;
  padding: 12px 25px;
  color: #aaa;
  cursor: pointer;
}

.sc-1 .dropdown li:hover {
  color: #000;
  background: rgba(230, 230, 230, 0.432);
}

.sc-2 {
  padding-top: 120px;
  padding-bottom: 130px;
  background: #f0f0f2;
}

.sc-2 .title {
  text-align: center;
  margin-bottom: 60px;
}

.sc-2 .title h1 {
  color: #1a1c33;
  font-size: 46px;
  font-family: "Rubik-Bold";
}

.sc-2 .how-works {
  text-align: center;
}

.sc-2 .dots-line {
  z-index: 1;
}

.sc-2 .dots-line::after {
  content: "";
  width: 268px;
  height: 1px;
  position: absolute;
  top: 0;
  right: -267px;
  bottom: 0;
  margin: auto;
  border-bottom: dotted 2px #aaacbd;
  z-index: -1;
}

.sc-2 .step {
  width: 52px;
  height: 52px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  background: #fff;
  margin-bottom: 25px;
  text-align: center;
  z-index: 1;
}

.sc-2 .step span {
  font-size: 16px;
  color: #aaacbd;
  font-family: "Rubik-Regular";
  display: inline-block;
  background: #fff;
  padding-top: 15px;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: 2;
}

.sc-2 .box {
  display: inline-block;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 25px rgba(26, 28, 51, 0.08);
  box-shadow: 0px 5px 25px rgba(26, 28, 51, 0.08);
  border-radius: 5px;
  padding: 50px 24px 70px 24px;
  height: 361px;
}

.sc-2 .box .icon-box path {
  fill: #2f80ed;
}

.sc-2 .box h4 {
  margin-top: 40px;
  font-size: 18px;
  font-family: "Rubik-Medium";
  color: #2f334f;
  line-height: 24px;
  margin-bottom: 15px;
}

.sc-2 .box p {
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 22px;
  color: #666880;
}

.sc-3 {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
  max-width: 1920px;
  margin: auto;
}

.sc-3 .screen {
  display: inline-block;
  width: 100%;
}

.sc-3 .screen:before {
  content: "";
  position: absolute;
  top: 175px;
  right: 250px;
  width: 229px;
  height: 499px;
  background: url(/bitrix/templates/rtplatfrom/css/../img/screen.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.sc-3::after {
  content: "";
  position: absolute;
  top: 160px;
  right: 229px;
  width: 267px;
  height: 526px;
  background: url(/bitrix/templates/rtplatfrom/css/../img/mobile-frame.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.sc-3:before {
  content: "";
  position: absolute;
  width: 931px;
  height: 921px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/bitrix/templates/rtplatfrom/css/../img/hand-mobile.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.sc-3 h1 {
  margin-bottom: 25px;
  font-family: "Rubik-Bold";
  font-size: 34px;
  line-height: 50px;
  color: #1a1c33;
}

.sc-3 h4 {
  font-family: "Rubik-Regular";
  font-size: 18px;
  line-height: 28px;
  color: #666880;
  padding-right: 191px;
}

.sc-3 .qr {
  width: 288px;
  height: 288px;
  display: inline-block;
  border: 1px solid #d5d6e0;
  border-radius: 5px;
  margin-top: 30px;
  text-align: center;
  padding: 43px 20px;
  margin-right: 24px;
}

.sc-3 .qr img.qr-code {
  margin-bottom: 48px;
}

.sc-3 .qr a img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-3 .qr a img:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.sc-3 .about {
  display: inline-block;
  width: 100%;
  margin-top: 80px;
}

.sc-3 .about .icon-about path {
  fill: #2f80ed;
}

.sc-3 .about p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #2f80ed;
  line-height: 22px;
  margin-top: 16px;
  padding-right: 53px;
}

.sc-4 {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #f0f0f2;
}

.sc-4 .title {
  text-align: center;
  margin-bottom: 45px;
}

.sc-4 .title h1 {
  font-family: "Rubik-Bold";
  font-size: 34px;
  line-height: 50px;
  color: #1a1c33;
  max-width: 718px;
  display: inline-block;
}

.sc-4 .service-box {
  max-width: 720px;
  display: inline-block;
  margin: auto;
  text-align: center;
}

.sc-4 .service-box a {
  margin: 8px;
  background: #ffffff;
  border-radius: 25px;
  display: inline-block;
  text-align: center;
  color: #666880;
  font-size: 16px;
  font-family: "Rubik-Medium";
  padding: 13px 26px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-4 .service-box a:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.sc-about-1 {
  padding-top: 185px;
  padding-bottom: 80px;
  text-align: center;
  background: url(/bitrix/templates/rtplatfrom/css/../img/sc-about-bg.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.sc-about-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.719);
}

.sc-about-1 .title h1 {
  font-size: 52px;
  font-family: "Rubik-Bold";
  color: #fff;
  margin-bottom: 29px;
}

.sc-about-1 .title p {
  font-size: 18px;
  font-family: "Rubik-Regular";
  color: #fff;
  line-height: 28px;
  max-width: 808px;
  display: inline-block;
}

.sc-about-2 {
  padding-top: 80px;
  padding-bottom: 100px;
}

.sc-about-2 .quest-toggle .info .arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sc-about-2 .quest-toggle .inner-text {
  display: inline-block !important;
}

.sc-about-2 .info-open .arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sc-about-2 .quest {
  max-width: 808px;
  width: 100%;
  display: inline-block;
  text-align: left;
  margin: auto;
  border-bottom: 1px solid #d5d6e0;
  margin-bottom: 40px;
}

.sc-about-2 .quest .info {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  padding-right: 15px;
}

.sc-about-2 .quest .info .arrow {
  position: absolute;
  top: 0;
  right: 0;
}

.sc-about-2 .quest .info:hover h4 {
  color: #219653;
}

.sc-about-2 .quest .info h4 {
  margin-bottom: 30px;
  font-size: 22px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
}

.sc-about-2 .quest .inner-text {
  display: none;
  width: 100%;
}

.sc-about-2 .quest .inner-text p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #666880;
  margin-bottom: 35px;
}

.sc-about-2 .quest .inner-text img {
  max-width: 100%;
  -webkit-box-shadow: 0px 5px 25px rgba(26, 28, 51, 0.08);
  box-shadow: 0px 5px 25px rgba(26, 28, 51, 0.08);
  margin-bottom: 35px;
}

.sc-about-2 .quest .inner-text ol,
.sc-about-2 .quest .inner-text ul {
  padding-left: 17px;
  font-size: 16px;
  font-family: "Rubik-Regular";
  margin-bottom: 30px;
  color: #666880;
}

.sc-about-2 .quest .inner-text ol li,
.sc-about-2 .quest .inner-text ul li {
  padding-left: 15px;
  margin-bottom: 20px;
}

.header.header-white {
  background: #fff;
}

.header.header-white .navbar-brand path {
  fill: #1a1c33;
}

.header.header-white .navbar-brand circle {
  stroke: #1a1c33;
}

.header.header-white .navbar-toggler span {
  background: #1a1c33;
}

.header.header-white .navbar-nav li a {
  color: #1a1c33;
}

.header.header-white .navbar-nav li a::after {
  border-bottom: 2px solid #1a1c33;
}

.header.header-white .navbar-nav.logged .note a path {
  fill: #1a1c33;
}

.header.header-white .navbar-nav.logged .logged-in a circle {
  fill: #1a1c33;
}

.sc-task {
  padding-top: 185px;
  padding-bottom: 100px;
}

.sc-task .task-info {
  margin-bottom: 90px;
}

.sc-task .task-info h1 {
  font-size: 52px;
  font-family: "Rubik-Bold";
  color: #1a1c33;
}

.sc-task .task-info .make-order {
  text-align: right;
}

.sc-task .task-info .make-order a {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-family: "Rubik-Medium";
  font-size: 16px;
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-task .task-info .make-order a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-task .task {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #d5d6e0;
  margin-bottom: 40px;
}

.sc-task .task .task-title {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.sc-task .task .task-title .task-date-mob {
  display: none;
}

.sc-task .task .task-title a.name {
  float: left;
  font-size: 22px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  max-width: 97%;
  text-decoration: none;
}

.sc-task .task .task-title a.name:hover {
  color: #219653;
}

.sc-task .task .task-title a.bin {
  float: right;
}

.sc-task .task .task-title a.bin path {
  fill: #f94242;
}

.sc-task .task .task-title a.bin:hover path {
  fill: #2f334f;
}

.sc-task .task .task-settings {
  display: inline-block;
  float: left;
}

.sc-task .task .task-settings .tag-custom {
  background: #f0f0f2;
  border-radius: 20px;
}

.sc-task .task .task-settings .tags {
  display: inline-block;
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #000;
  padding: 4px 20px;
}

.sc-task .task .task-date {
  float: right;
  display: inline-block;
}

.sc-task .task .task-date span {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
}

.sc-task .task a.task-link:hover {
  opacity: 0.5;
}

.sc-task .task .task-content {
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}

.sc-task .task .task-content p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #666880;
  line-height: 28px;
}

.sc-task .advice-box {
  display: inline-block;
  width: 288px;
  padding: 28px;
  background: #ffffff;
  border: 2px solid #d5d6e0;
  border-radius: 10px;
  float: right;
}

.sc-task .advice-box .social-mob {
  display: none;
}

.sc-task .advice-box h4 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  line-height: 22px;
  color: #2f334f;
  margin-bottom: 30px;
}

.sc-task .advice-box .t-box {
  display: inline-block;
  width: 100%;
}

.sc-task .advice-box p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  list-style: 22px;
  color: #666880;
}

.sc-task .advice-box p img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.sc-task .advice-box p span {
  display: table;
}

.sc-task .advice-box .qr {
  display: inline-block;
  float: left;
  width: 80px;
  margin-top: 15px;
}

.sc-task .advice-box .qr + .qr {
  margin-left: 48px;
}

.sc-task .advice-box .qr img {
  max-width: 100%;
}

.sc-task .advice-box .qr a {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  margin-top: 15px;
}

.sc-task .advice-box .qr a img {
  display: none;
}

.sc-task .pagi-nation nav {
  width: 100%;
  margin-top: 30px;
}

.sc-task .pagi-nation ul.pagination {
  padding-left: 0;
  float: left;
}

.sc-task .pagi-nation ul.pagination li.active a {
  border: 2px solid #1a1c33;
  background: none;
  color: #1a1c33;
}

.sc-task .pagi-nation ul.pagination li {
  text-align: center;
  margin-right: 5px;
}

.sc-task .pagi-nation ul.pagination li a {
  border-radius: 100%;
  width: 39px;
  height: 39px;
  text-align: center;
  border: none;
  padding: 7px;
  color: #aaacbd;
  font-size: 18px;
  font-family: "Rubik-Regular";
}

.sc-task .pagi-nation ul.pagination li a:hover {
  color: #219653;
  background: none;
}

.sc-task .pagi-nation ul.pagination li a #prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sc-task .pagi-nation ul.prev-next {
  padding-left: 0;
  float: right;
  display: inline-block;
}

.sc-task .pagi-nation ul.prev-next li {
  list-style: none;
  display: inline-block;
}

.sc-task .pagi-nation ul.prev-next li a {
  border-radius: 100%;
  width: 39px;
  height: 39px;
  text-align: center;
  padding: 8px;
  border: none;
}

.sc-task .pagi-nation ul.prev-next li a:hover {
  background: none;
  opacity: 0.5;
}

.sc-task .pagi-nation ul.prev-next li a #prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sc-create-task {
  padding-top: 185px;
  padding-bottom: 100px;
}

.sc-create-task .title {
  margin-bottom: 100px;
}

.sc-create-task .title h1 {
  font-family: "Rubik-Bold";
  font-size: 52px;
  color: #1a1c33;
}

.sc-create-task .form-box {
  display: inline-block;
  width: 100%;
}

.sc-create-task .form-box .dropdown {
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  margin-bottom: 20px;
  padding: 0px 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none !important;
  cursor: pointer;
  color: #000;
  font-family: "Rubik-Regular";
  font-size: 16px;
  position: relative;
  text-align: left;
}

.sc-create-task .form-box .dropdown .input-box-special {
  display: inline-block;
  width: 100%;
  position: relative;
}

.sc-create-task
  .form-box
  .dropdown
  .input-box-special
  input:focus
  ~ .floating-label,
.sc-create-task
  .form-box
  .dropdown
  .input-box-special
  input:not(:focus):valid
  ~ .floating-label {
  top: -8px;
  font-size: 10px;
  opacity: 1;
}

.sc-create-task .form-box .dropdown .input-box-special .floating-label {
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 0px;
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

.sc-create-task .form-box .dropdown .input-box-special input {
  border: none;
  padding-top: 7px;
  outline: none !important;
  cursor: pointer;
}

.sc-create-task .form-box .dropdown .for-scroll {
  width: 98%;
  height: 213px;
  overflow-x: auto;
  padding-top: 50px;
}

.sc-create-task .form-box .dropdown ::-webkit-scrollbar {
  width: 4px;
  margin-left: -10px;
}

.sc-create-task .form-box .dropdown ::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

.sc-create-task .form-box .dropdown ::-webkit-scrollbar-thumb {
  background: #d5d6e0;
  border-radius: 10px;
}

.sc-create-task .form-box .dropdown ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.sc-create-task .form-box .dropdown ul.dropdown-menu {
  width: 100%;
  overflow: hidden;
  min-width: auto;
  border-radius: 25px;
  border: 1px solid #aaacbd;
  top: -50px !important;
  z-index: 1;
}

.sc-create-task .form-box .dropdown .dropdown-toggle {
  color: #aaacbd;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 12px 25px;
  background: #fff;
  z-index: 2;
  border: 1px solid #aaacbd;
  border-radius: 25px;
  background-image: url(/bitrix/templates/rtplatfrom/css/../img/arrow-select.png);
  background-size: 12px 7px;
  background-repeat: no-repeat;
  background-position: right center;
  background-position-x: 96%;
}

.sc-create-task .form-box .dropdown .dropdown-toggle:hover,
.sc-create-task .form-box .dropdown .dropdown-toggle:focus {
  color: #000;
}

.sc-create-task .form-box .dropdown .dropdown-toggle img {
  margin-right: 5px;
}

.sc-create-task .form-box .dropdown .dropdown-toggle::after {
  display: none;
}

.sc-create-task .form-box .dropdown li {
  width: 100%;
  padding: 12px 25px;
  color: #aaa;
  cursor: pointer;
}

.sc-create-task .form-box .dropdown li:hover {
  color: #000;
  background: rgba(230, 230, 230, 0.432);
}

.sc-create-task .form-box .input-box {
  display: inline-block;
  width: 100%;
  position: relative;
}

.sc-create-task .form-box .input-box input:focus ~ .floating-label,
.sc-create-task .form-box .input-box input:not(:focus):valid ~ .floating-label {
  top: 4px;
  bottom: 10px;
  font-size: 10px;
  opacity: 1;
}
.sc-create-task .form-box .input-box input::-webkit-calendar-picker-indicator {
  margin-top: -5px;
}
.sc-create-task .form-box .input-box .floating-label {
  position: absolute;
  pointer-events: none;
  left: 25px;
  top: 4px;
  font-size: 10px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.sc-create-task .form-box .input-box .floating-label.floating-label-checkbox {
  top: -2px;
}

.sc-create-task .form-box .input-box input {
  width: 100%;
  background: #ffffff;
  border: 1px solid #aaacbd;
  border-radius: 25px;
  padding: 14px 25px 10px 25px;
  font-size: 16px;
  margin-bottom: 20px;
  font-family: "Rubik-Regular";
  outline: none !important;
  color: #2f334f;
}
.sc-create-task .form-box .input-box .checkbox {
  height: 15px !important;
  width: 260px !important;
}

.sc-create-task .form-box .input-box input[type="checkbox"]:checked + p:before {
  background-color: #27ae60;
  border: none;
  background-image: url(/bitrix/templates/RTP/css/../img/sign.png);
  background-size: 10px 7px;
  background-repeat: no-repeat;
  background-position: center;
}

.sc-create-task .form-box .area-scroll {
  display: inline-block;
  width: 100%;
}

.sc-create-task .form-box .area-scroll ::-webkit-scrollbar {
  width: 10px;
}

.sc-create-task .form-box .area-scroll ::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px 10px transparent;
  box-shadow: inset 0 0 10px 10px transparent;
  border: solid 3px transparent;
}

.sc-create-task .form-box .area-scroll ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px 10px #d5d6e0;
  box-shadow: inset 0 0 10px 10px #d5d6e0;
  border: solid 3px transparent;
}

.sc-create-task .form-box .area-scroll ::-webkit-scrollbar-thumb:hover {
  border: none;
}

.sc-create-task .form-box textarea {
  width: 100%;
  height: 168px;
  background: #ffffff;
  border: 1px solid #aaacbd;
  border-radius: 25px;
  resize: none;
  outline: none !important;
  padding: 14px 25px;
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #000;
}

.sc-create-task .form-box textarea::-webkit-input-placeholder {
  color: #aaacbd;
}

.sc-create-task .form-box textarea:-ms-input-placeholder {
  color: #aaacbd;
}

.sc-create-task .form-box textarea::-ms-input-placeholder {
  color: #aaacbd;
}

.sc-create-task .form-box textarea::placeholder {
  color: #aaacbd;
}

.sc-create-task .form-box .send-box {
  display: inline-block;
  width: 100%;
  padding-top: 20px;
}

.sc-create-task .form-box .send-box button.publish {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #fff;
  padding: 12px 25px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-right: 30px;
}

.sc-create-task .form-box .send-box button.publish:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-create-task .form-box .send-box a {
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #aaacbd;
}

.sc-create-task .advice-box {
  display: inline-block;
  width: 288px;
  padding: 28px;
  background: #ffffff;
  border: 2px solid #d5d6e0;
  border-radius: 10px;
  float: right;
}

.sc-create-task .advice-box .social-mob {
  display: none;
}

.sc-create-task .advice-box h4 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  line-height: 22px;
  color: #2f334f;
  margin-bottom: 30px;
}

.sc-create-task .advice-box .t-box {
  display: inline-block;
  width: 100%;
}

.sc-create-task .advice-box p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  list-style: 22px;
  color: #666880;
}

.sc-create-task .advice-box p img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.sc-create-task .advice-box p span {
  display: table;
}

.sc-create-task .advice-box .qr {
  display: inline-block;
  float: left;
  width: 80px;
  margin-top: 15px;
}

.sc-create-task .advice-box .qr + .qr {
  margin-left: 48px;
}

.sc-create-task .advice-box .qr img {
  max-width: 100%;
}

.sc-create-task .advice-box .qr a {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  margin-top: 15px;
}

.sc-create-task .advice-box .qr a img {
  display: none;
}

.sc-task-page {
  padding-top: 185px;
  padding-bottom: 100px;
}

.sc-task-page h1 {
  font-family: "Rubik-Bold";
  font-size: 52px;
  color: #1a1c33;
  float: left;
  margin-bottom: 35px;
}

.sc-task-page .advice-box {
  display: inline-block;
  width: 288px;
  padding: 28px;
  background: #ffffff;
  border: 2px solid #d5d6e0;
  border-radius: 10px;
  float: right;
}

.sc-task-page .advice-box .social-mob {
  display: none;
}

.sc-task-page .advice-box h4 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  line-height: 22px;
  color: #2f334f;
  margin-bottom: 30px;
}

.sc-task-page .advice-box .t-box {
  display: inline-block;
  width: 100%;
}

.sc-task-page .advice-box p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  list-style: 22px;
  color: #666880;
}

.sc-task-page .advice-box p img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.sc-task-page .advice-box p span {
  display: table;
}

.sc-task-page .advice-box .qr {
  display: inline-block;
  float: left;
  width: 80px;
  margin-top: 15px;
}

.sc-task-page .advice-box .qr + .qr {
  margin-left: 48px;
}

.sc-task-page .advice-box .qr img {
  max-width: 100%;
}

.sc-task-page .advice-box .qr a {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  margin-top: 15px;
}

.sc-task-page .advice-box .qr a img {
  display: none;
}

.sc-task-page .task-date-mob {
  display: none;
}

.sc-task-page .task {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 60px;
}

.sc-task-page .task .task-title {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.sc-task-page .task .task-title .task-date-mob {
  display: none;
}

.sc-task-page .task .task-title a.name {
  float: left;
  font-size: 22px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  max-width: 97%;
  text-decoration: none;
}

.sc-task-page .task .task-title a.name:hover {
  color: #219653;
}

.sc-task-page .task .task-settings {
  display: inline-block;
  float: left;
  margin-right: 15px;
}

.sc-task-page .task .task-settings .tag-custom {
  background: #f0f0f2;
  border-radius: 20px;
}

.sc-task-page .task .task-settings .tags {
  display: inline-block;
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #000;
  padding: 4px 20px;
}

.sc-task-page .task .task-date {
  float: right;
  display: inline-block;
}

.sc-task-page .task .task-date span {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
}

.sc-task-page .task .task-content {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}

.sc-task-page .task .task-content p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #666880;
  line-height: 28px;
}

.sc-task-page .recall-box {
  display: inline-block;
  width: 100%;
}

.sc-task-page .recall-box h4 {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  margin-bottom: 41px;
}

.sc-task-page .recall-box a.recall-link {
  display: inline-block;
  width: 100%;
}

.sc-task-page .recall-box a.recall-link:hover {
  opacity: 0.5;
}

.sc-task-page .recall-box .recall {
  border-bottom: 1px solid #d5d6e0;
  margin-bottom: 40px;
}

.sc-task-page .recall-box .recall a.name {
  font-size: 18px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  text-decoration: none;
  float: left;
}

.sc-task-page .recall-box .recall a.name:hover {
  color: #219653;
}

.sc-task-page .recall-box .recall .recall-date {
  display: inline-block;
  float: right;
}

.sc-task-page .recall-box .recall .recall-date span {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
}

.sc-task-page .recall-box .recall .recall-content {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  padding-bottom: 20px;
}

.sc-task-page .recall-box .recall .recall-content p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #666880;
  line-height: 28px;
}

.sc-task-page .social-links {
  display: inline-block;
  width: 288px;
  float: right;
  margin-top: 40px;
}

.sc-task-page .social-links h4 {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #1a1c33;
  margin-bottom: 15px;
}

.sc-task-page .social-links a {
  margin-right: 8px;
}

.sc-task-page .social-links a:hover {
  opacity: 0.8;
}

.sc-task-page .social-links.res-pad,
.sc-task-page .social-links.res-mob {
  display: none;
}

.sc-task-page.task-page-doer .respond {
  display: inline-block;
  width: 100%;
}

.sc-task-page.task-page-doer .respond h4 {
  margin-bottom: 25px;
  font-size: 18px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
}

.sc-task-page.task-page-doer .respond textarea {
  width: 100%;
  max-width: 704px;
  height: 168px;
  background: #ffffff;
  border: 1px solid #aaacbd;
  border-radius: 25px;
  resize: none;
  outline: none !important;
  padding: 14px 25px;
  font-size: 16px;
  font-family: "Rubik-Regular";
  margin-bottom: 20px;
  color: #000;
}

.sc-task-page.task-page-doer .respond textarea::-webkit-input-placeholder {
  color: #aaacbd;
}

.sc-task-page.task-page-doer .respond textarea:-ms-input-placeholder {
  color: #aaacbd;
}

.sc-task-page.task-page-doer .respond textarea::-ms-input-placeholder {
  color: #aaacbd;
}

.sc-task-page.task-page-doer .respond textarea::placeholder {
  color: #aaacbd;
}

.sc-task-page.task-page-doer .respond button.respond-button {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #fff;
  padding: 12px 25px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-task-page.task-page-doer .respond button.respond-button:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-profile {
  padding-top: 197px;
  padding-bottom: 100px;
}

.sc-profile .about {
  display: inline-block;
  width: 100%;
  margin-bottom: 125px;
}

.sc-profile .about .img-box {
  display: inline-block;
  width: 252px;
  height: 252px;
  background: #f0f0f2;
  border-radius: 100%;
  overflow: hidden;
  float: left;
}

.sc-profile .about .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-profile .about .t-box {
  display: inline-block;
  max-width: 496px;
  margin-left: 50px;
  padding-top: 5px;
}

.sc-profile .about .t-box .img-box-res {
  display: none;
}

.sc-profile .about .t-box h2 {
  font-family: "Rubik-Bold";
  font-size: 34px;
  color: #1a1c33;
  margin-bottom: 30px;
}

.sc-profile .about .t-box .contact {
  display: inline-block;
  width: 100%;
  margin-bottom: 44px;
}

.sc-profile .about .t-box .contact a.call {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Rubik-Medium";
  padding: 15px 24px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-profile .about .t-box .contact a.call:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-profile .about .t-box .contact a.call img {
  margin-left: 12px;
}

.sc-profile .about .t-box .contact a.write {
  border: 2px solid #27ae60;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #27ae60;
  padding: 13px 40px;
  margin-left: 20px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-profile .about .t-box .contact a.write img {
  display: none;
}

.sc-profile .about .t-box .contact a.write:hover {
  background: #27ae60;
  color: #fff;
}

.sc-profile .about .t-box p {
  font-size: 16px;
  line-height: 28px;
  color: #2f334f;
  font-family: "Rubik-Regular";
}

.sc-profile .category-res {
  display: none !important;
}

.sc-profile .portfolio {
  display: inline-block;
  width: 100%;
}

.sc-profile .portfolio .portfolio-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.sc-profile .portfolio .portfolio-info p {
  font-family: "Rubik-Regular";
  font-size: 16px;
  color: #aaacbd;
}

.sc-profile .portfolio .slider-for {
  width: 600px;
  float: left;
}

.sc-profile .portfolio .slider-for a.zoom {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: rgba(26, 28, 51, 0.664);
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  outline: none !important;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-profile .portfolio .slider-for a.zoom:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.sc-profile .portfolio .slider-for a.zoom img {
  display: inline-block;
  margin-top: 3px;
}

.sc-profile .portfolio .slider-nav {
  width: 184px;
  float: right;
  position: relative;
  margin-top: -2px;
}

.sc-profile .portfolio .slider-nav .slick-current.slick-active img {
  border: 3px solid #27ae60;
}

.sc-profile .portfolio .slider-nav div {
  cursor: pointer;
  margin-bottom: 16px;
  margin-top: 1px;
}

.sc-profile .portfolio .slider-nav .slick-prev {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  font-size: 0;
  display: none;
  opacity: 0;
}

.sc-profile .portfolio .slider-nav .slick-next {
  position: absolute;
  bottom: 41px;
  outline: none !important;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  font-size: 0;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: none;
  background-color: #fff;
  background-image: url(/bitrix/templates/rtplatfrom/css/../img/arrow-slider.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
}

.sc-profile .portfolio .slider-nav .slick-next:hover {
  opacity: 0.7;
}

.sc-profile .portfolio .slider-nav img {
  width: 100%;
}

.sc-profile .portfolio .arrow-box {
  display: none;
}

.sc-profile .self-info {
  margin-top: 80px;
  display: inline-block;
  width: 100%;
}

.sc-profile .self-info h4 {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  margin-bottom: 30px;
}

.sc-profile .self-info p {
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 28px;
  color: #2f334f;
  margin-bottom: 30px;
}

.sc-profile .category {
  display: inline-block;
  width: 100%;
}

.sc-profile .category h4 {
  font-family: "Rubik-Regular";
  font-size: 16px;
  color: #aaacbd;
  margin-bottom: 30px;
}

.sc-profile .category a {
  background: #f0f0f2;
  display: inline-block;
  border-radius: 25px;
  font-size: 16px;
  color: #666880;
  font-family: "Rubik-Medium";
  padding: 14px 25px;
  margin-bottom: 20px;
  margin-right: 20px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-profile .category a:hover {
  opacity: 0.6;
}

.sc-chat {
  padding-top: 144px;
}

.sc-chat .for-shadow {
  -webkit-box-shadow: 0px 22px 20px rgba(47, 47, 47, 0.048);
  box-shadow: 0px 22px 20px rgba(47, 47, 47, 0.048);
  position: relative;
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
}

.sc-chat .chat-heading {
  padding-bottom: 24px;
  padding-top: 10px;
  background: #fff;
}

.sc-chat .chat-heading a.back {
  float: left;
  margin-top: 16px;
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #aaacbd;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-chat .chat-heading a.back:hover {
  color: #219653;
}

.sc-chat .chat-heading a.back:hover path {
  stroke: #219653;
}

.sc-chat .chat-heading a.back svg {
  margin-right: 10px;
  margin-top: -2px;
}

.sc-chat .chat-heading .user {
  display: inline-block;
  margin-left: 143px;
  max-width: 808px;
  width: 100%;
}

.sc-chat .chat-heading .user .img-box {
  display: inline-block;
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
}

.sc-chat .chat-heading .user .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-chat .chat-heading .user .name {
  display: inline-block;
  margin-top: 5px;
  margin-left: 15px;
}

.sc-chat .chat-heading .user .name h3 {
  font-size: 22px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  margin-bottom: 0;
}

.sc-chat .chat-heading .user .name p.online {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  margin-bottom: 0;
}

.sc-chat .chat-heading .user .name p.online span {
  width: 6px;
  height: 6px;
  background: #27ae60;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
  top: -2px;
  position: relative;
}

.sc-chat .chat-heading .user a.call {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Rubik-Medium";
  padding: 15px 24px;
  float: right;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-chat .chat-heading .user a.call img {
  margin-left: 12px;
}

.sc-chat .chat-heading .user a.call:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-chat .chat-body {
  background: #f0f0f2;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.sc-chat .chat-body ::-webkit-scrollbar {
  width: 4px;
  margin-left: -10px;
}

.sc-chat .chat-body ::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

.sc-chat .chat-body ::-webkit-scrollbar-thumb {
  background: #d5d6e0;
  border-radius: 10px;
}

.sc-chat .chat-body ::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.sc-chat .chat-body .chat-area {
  display: inline-block;
  max-width: 808px;
  height: 591px;
  overflow-x: auto;
  margin: auto;
  width: 100%;
  background: #fff;
  padding-left: 30px;
  padding-right: 30px;
}

.sc-chat .chat-body .chat-area .message-box {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.sc-chat .chat-body .chat-area .message-box .time {
  display: inline-block;
  width: 100%;
}

.sc-chat .chat-body .chat-area .message-box .time span {
  font-size: 13px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
}

.sc-chat .chat-body .chat-area .user-message {
  text-align: right;
}

.sc-chat .chat-body .chat-area .user-message .message {
  background: #27ae60;
  text-align: left;
}

.sc-chat .chat-body .chat-area .user-message .message p {
  color: #fff;
}

.sc-chat .chat-body .chat-area .client-message .message {
  background: #f0f0f2;
}

.sc-chat .chat-body .chat-area .client-message .message p {
  color: #1a1c33;
}

.sc-chat .chat-body .chat-area .message {
  border-radius: 10px;
  padding: 10px 15px;
  max-width: 466px;
  display: inline-block;
  position: relative;
}

.sc-chat .chat-body .chat-area .message p {
  font-size: 13px;
  line-height: 18px;
  font-family: "Rubik-Regular";
  margin-bottom: 0;
}

.sc-chat .chat-body .chat-area .message p + p {
  margin-top: 16px;
}

.sc-chat .chat-body .chat-area .client-images img {
  margin-right: 8px;
}

.sc-chat .chat-body .chat-area .user-images img {
  margin-left: 8px;
}

.sc-chat .chat-body .chat-area .client-not-read-dot:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #27ae60;
  position: absolute;
  right: -10px;
  bottom: 0;
  top: 0;
  margin: auto;
}

.sc-chat .chat-body .chat-area .user-not-read-dot:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #27ae60;
  position: absolute;
  left: -10px;
  bottom: 0;
  top: 0;
  margin: auto;
}

.sc-chat .chat-body .chat-area .images {
  padding-left: 0;
  padding-right: 0;
}

.sc-chat .chat-body .chat-area .images img {
  max-width: 130px;
  border-radius: 10px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-chat .chat-body .chat-area .images img:hover {
  opacity: 0.7;
}

.sc-chat .chat-body .chat-area .date {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.sc-chat .chat-body .chat-area .date span {
  font-size: 13px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
}

.sc-chat .chat-send-block {
  background: #f0f0f2;
  padding-left: 0;
  padding-right: 0;
}

.sc-chat .chat-send-block .chat-send {
  display: block;
  width: 100%;
  border-top: solid 2px #f0f0f2;
  padding: 20px 30px;
  background: #fff;
  max-width: 808px;
  margin: auto;
}

.sc-chat .chat-send-block .chat-send textarea {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #000;
  border: none;
  outline: none !important;
  max-width: 600px;
  float: left;
  width: 100%;
  min-height: 22px;
  resize: none;
}

.sc-chat .chat-send-block .chat-send textarea::-webkit-input-placeholder {
  color: #aaacbd;
}

.sc-chat .chat-send-block .chat-send textarea:-ms-input-placeholder {
  color: #aaacbd;
}

.sc-chat .chat-send-block .chat-send textarea::-ms-input-placeholder {
  color: #aaacbd;
}

.sc-chat .chat-send-block .chat-send textarea::placeholder {
  color: #aaacbd;
}

.sc-chat .chat-send-block .chat-send .field {
  width: 100%;
  text-align: left;
  overflow-x: auto;
}

.sc-chat .chat-send-block .chat-send .pip {
  width: 60px;
  height: 60px;
  display: inline-block;
  cursor: pointer;
  border-radius: 10px;
  position: relative;
  padding: 10px 0px;
  float: left;
  margin-right: 10px;
}

.sc-chat .chat-send-block .chat-send .pip span.remove {
  position: absolute;
  top: 6px;
  right: -6px;
  background: #1a1c33;
  border: 1px solid #ffffff;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  line-height: 14px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.sc-chat .chat-send-block .chat-send .pip img {
  max-width: 60px;
  max-height: 60px;
  border-radius: 10px;
}

.sc-chat .chat-send-block .chat-send input[type="file"] {
  display: block;
  margin: auto;
  position: absolute;
  z-index: -1;
}

.sc-chat .chat-send-block .chat-send .image-upload {
  display: inline-block;
}

.sc-chat .chat-send-block .chat-send .image-upload label {
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #f0f0f2;
  text-align: center;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-chat .chat-send-block .chat-send .image-upload label path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-chat .chat-send-block .chat-send .image-upload label:hover {
  background: #27ae60;
}

.sc-chat .chat-send-block .chat-send .image-upload label:hover path {
  stroke: #fff;
}

.sc-chat .chat-send-block .chat-send .image-upload label svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.sc-chat .chat-send-block .chat-send button.send-button {
  background: #27ae60;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-left: 15px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  float: right;
  margin-top: -3px;
}

.sc-chat .chat-send-block .chat-send button.send-button:hover {
  opacity: 0.5;
}

.sc-chat .chat-send-block .chat-send button.send-button svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 5px;
  bottom: 0;
  margin: auto;
}

.sc-executor {
  padding-top: 185px;
  padding-bottom: 100px;
}

.sc-executor h1 {
  font-size: 52px;
  font-family: "Rubik-Bold";
  color: #1a1c33;
  margin-bottom: 40px;
}

.sc-executor a.all-click {
  display: inline-block;
  width: 100%;
  margin-bottom: 80px;
}

.sc-executor .make-order {
  display: inline-block;
  width: 100%;
  background: #27ae60;
  border-radius: 10px;
  padding: 30px 35px;
}

.sc-executor .make-order h4 {
  font-family: "Rubik-Medium";
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 0;
  float: left;
}

.sc-executor .make-order h4 img {
  float: left;
  margin-right: 30px;
}

.sc-executor .make-order h4 span {
  display: table;
  max-width: 400px;
  position: relative;
  top: 5px;
}

.sc-executor .make-order button.make {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  color: #27ae60;
  font-family: "Rubik-Medium";
  padding: 14px 25px;
  float: right;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}

.sc-executor .advice-box {
  display: inline-block;
  width: 288px;
  padding: 28px;
  background: #ffffff;
  border: 2px solid #d5d6e0;
  border-radius: 10px;
  float: right;
}

.sc-executor .advice-box h4 {
  font-size: 16px;
  font-family: "Rubik-Medium";
  line-height: 22px;
  color: #2f334f;
  margin-bottom: 30px;
}

.sc-executor .advice-box .t-box {
  display: inline-block;
  width: 100%;
}

.sc-executor .advice-box p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  list-style: 22px;
  color: #666880;
}

.sc-executor .advice-box p img {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.sc-executor .advice-box p span {
  display: table;
}

.sc-executor .category-res {
  display: none !important;
}

.sc-executor .category {
  display: inline-block;
  width: 100%;
  float: right;
  margin-top: 35px;
  padding-left: 80px;
}

.sc-executor .category h4 {
  font-family: "Rubik-Regular";
  font-size: 16px;
  color: #aaacbd;
  margin-bottom: 30px;
  margin-left: 20px;
}

.sc-executor .category a {
  background: #f0f0f2;
  display: inline-block;
  border-radius: 25px;
  font-size: 16px;
  margin-left: 20px;
  color: #666880;
  font-family: "Rubik-Medium";
  padding: 14px 25px;
  margin-bottom: 20px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-executor .category a:hover {
  opacity: 0.6;
}

.sc-executor .all-doers {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #d5d6e0;
  margin-bottom: 40px;
}

.sc-executor .all-doers .img-box {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
  float: left;
}

.sc-executor .all-doers .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sc-executor .all-doers .contact {
  padding-top: 5px;
  padding-left: 120px;
}

.sc-executor .all-doers .contact h2 {
  font-size: 22px;
  line-height: 30px;
  font-family: "Rubik-Medium";
  margin-bottom: 15px;
}

.sc-executor .all-doers .contact h2 a {
  color: #1a1c33;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}

.sc-executor .all-doers .contact h2 a:hover {
  opacity: 0.5;
}

.sc-executor .all-doers .contact a.call {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Rubik-Medium";
  padding: 6px 14px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-executor .all-doers .contact a.call img {
  margin-left: 12px;
}

.sc-executor .all-doers .contact a.call:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-executor .all-doers .contact a.write {
  border: 2px solid #27ae60;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Rubik-Medium";
  color: #27ae60;
  display: inline-block;
  padding: 2px 20px;
  margin-left: 16px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-executor .all-doers .contact a.write:hover {
  background: #27ae60;
  color: #fff;
}

.sc-executor .all-doers .contact a.write img {
  display: none;
}

.sc-executor .all-doers .about-text {
  display: inline-block;
  width: 100%;
  margin-top: 22px;
}

.sc-executor .all-doers .about-text p {
  font-size: 16px;
  line-height: 28px;
  font-family: "Rubik-Regular";
}

.sc-executor .all-doers .about-text p a {
  color: #666880;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-executor .all-doers .about-text p a:hover {
  opacity: 0.5;
}

.sc-executor .pagi-nation nav {
  width: 100%;
  margin-top: 30px;
}

.sc-executor .pagi-nation ul.pagination {
  padding-left: 0;
  float: left;
}

.sc-executor .pagi-nation ul.pagination li.active a {
  border: 2px solid #1a1c33;
  background: none;
  color: #1a1c33;
}

.sc-executor .pagi-nation ul.pagination li {
  text-align: center;
  margin-right: 5px;
}

.sc-executor .pagi-nation ul.pagination li a {
  border-radius: 100%;
  width: 39px;
  height: 39px;
  text-align: center;
  border: none;
  padding: 7px;
  color: #aaacbd;
  font-size: 18px;
  font-family: "Rubik-Regular";
}

.sc-executor .pagi-nation ul.pagination li a:hover {
  color: #219653;
  background: none;
}

.sc-executor .pagi-nation ul.pagination li a #prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sc-executor .pagi-nation ul.prev-next {
  padding-left: 0;
  float: right;
  display: inline-block;
}

.sc-executor .pagi-nation ul.prev-next li {
  list-style: none;
  display: inline-block;
}

.sc-executor .pagi-nation ul.prev-next li a {
  border-radius: 100%;
  width: 39px;
  height: 39px;
  text-align: center;
  padding: 8px;
  border: none;
}

.sc-executor .pagi-nation ul.prev-next li a:hover {
  background: none;
  opacity: 0.5;
}

.sc-executor .pagi-nation ul.prev-next li a #prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sc-create-task.sc-create-executor .title {
  margin-bottom: 80px;
}

.sc-create-task.sc-create-executor .avatar-upload {
  position: relative;
  width: 140px;
  margin-bottom: 40px;
}

.sc-create-task.sc-create-executor .avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}

.sc-create-task.sc-create-executor .avatar-upload .avatar-edit input {
  display: none;
}

.sc-create-task.sc-create-executor .avatar-upload .avatar-edit input + label {
  display: inline-block;
  top: -13px;
  right: -3px;
  position: relative;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  cursor: pointer;
  font-weight: normal;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.sc-create-task.sc-create-executor
  .avatar-upload
  .avatar-edit
  input
  + label:hover::after {
  background: #f1f1f1;
  border-color: #d6d6d6;
  color: #000;
}

.sc-create-task.sc-create-executor
  .avatar-upload
  .avatar-edit
  input
  + label:after {
  content: "+";
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #27ae60;
  border: 2px solid #ffffff;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 30px;
  line-height: 24px;
}

.sc-create-task.sc-create-executor .avatar-upload .delete-icon {
  display: none;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #f0f0f2;
  border: 2px solid #ffffff;
  color: #fff;
  position: absolute;
  right: -3px;
  top: -13px;
  text-align: center;
  margin: auto;
  line-height: 24px;
  cursor: pointer;
}
.add-photo {
  height: 235px;
}

.sc-create-task.sc-create-executor .avatar-upload .delete-icon:hover {
  background: #219653;
}

.sc-create-task.sc-create-executor .avatar-upload .delete-icon:hover path {
  fill: #fff;
}

.sc-create-task.sc-create-executor .avatar-upload .delete-icon path {
  fill: #aaacbd;
}

.sc-create-task.sc-create-executor .avatar-upload .avatar-preview {
  width: 140px;
  height: 140px;
  position: relative;
  border-radius: 100%;
}

.sc-create-task.sc-create-executor .avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sc-create-task.sc-create-executor .field {
  width: 100%;
  text-align: left;
  overflow-x: auto;
}

.sc-create-task.sc-create-executor .field .inner-scroll {
  display: inline-block;
  width: 100%;
}

.sc-create-task.sc-create-executor .pip {
  width: 150px;
  height: 200px;
  display: inline-block;
  cursor: pointer;
  border-radius: 10px;
  position: relative;
  padding: 10px 0px;
  float: left;
  margin-right: 16px;
  margin-top: 13px;
}

.sc-create-task.sc-create-executor .pip span.remove {
  position: absolute;
  top: 6px;
  background: #1a1c33;
  border: 1px solid #ffffff;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  line-height: 14px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.sc-create-task.sc-create-executor .pip img {
  max-width: 80px;
  max-height: 80px;
  border-radius: 10px;
}

.sc-create-task.sc-create-executor input[type="file"] {
  display: block;
  margin: auto;
  position: absolute;
  z-index: -1;
  display: none;
}

.sc-create-task.sc-create-executor .image-upload {
  display: inline-block;
  width: 100%;
  background: #f1f6fd;
  border: 1px dashed #539bff;
  border-radius: 25px;
  margin-top: 15px;
}

.sc-create-task.sc-create-executor .image-upload:hover {
  background: #e2eefe;
}

.sc-create-task.sc-create-executor .image-upload label {
  cursor: pointer;
  width: 100%;
  padding-top: 38px;
  height: 120px;
  display: inline-block;
  text-align: center;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-create-task.sc-create-executor .image-upload label path {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-create-task.sc-create-executor .image-upload label h4 {
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 22px;
  color: #539bff;
}

.photo-text {
  width: 150px;
  height: 86px;
  background: #ffffff;
  border: 1px solid #aaacbd;
  border-radius: 11px;
  resize: auto;
  outline: none !important;
  padding: 5px;
  font-size: 11px;
  font-family: "Rubik-Regular";
  color: #000;
  margin-top: 10px;
}
.sc-create-task .form-box textarea.photo-text {
  width: 150px;
  height: 86px;
  background: #ffffff;
  border: 1px solid #aaacbd;
  border-radius: 11px;
  resize: auto;
  outline: none !important;
  padding: 5px;
  font-size: 11px;
  font-family: "Rubik-Regular";
  color: #000;
  margin-top: 10px;
}

.sc-create-task.sc-create-executor .image-upload label p {
  font-family: "Rubik-Regular";
  font-size: 10px;
  line-height: 12px;
  color: #666880;
  opacity: 0.6;
}

.sc-create-task.sc-create-executor .advice-box a.social {
  width: 50%;
  display: inline-block;
  float: left;
  display: none;
}

.sc-create-task.sc-create-executor .advice-box a.social img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-create-task.sc-create-executor .advice-box a.social:hover img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.sc-create-task.sc-create-executor .advice-box a.social img.app-store {
  max-width: 119px;
}

.sc-create-task.sc-create-executor .advice-box a.social img.google-play {
  max-width: 135px;
}

.sc-notifications-bar {
  padding-top: 100px;
  background: #fff;
}

.sc-notifications-bar .small-container {
  padding: 12px 0;
  max-width: 808px;
  width: 100%;
  margin: auto;
  background: #fff;
}

.sc-notifications-bar .small-container h4 {
  font-size: 22px;
  color: #1a1c33;
  font-family: "Rubik-Medium";
}

.sc-notifications-bar .small-container h4 span {
  background: #f94242;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
  padding: 5px 7px 3px 7px;
  margin-left: 8px;
}

.sc-notifications-bar .small-container a.select {
  cursor: pointer;
  font-size: 16px;
  color: #27ae60;
  font-family: "Rubik-Regular";
}

.sc-notifications {
  background: #f0f0f2;
  padding-top: 46px;
  padding-bottom: 100px;
}

.sc-notifications .note-container {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.sc-notifications .note-container a.link-note {
  display: inline-block;
  max-width: 808px;
  width: 100%;
}

.sc-notifications .note-container a.link-note:hover {
  opacity: 0.7;
}

.sc-notifications .note-container .note.new-note {
  position: relative;
  padding-right: 47px;
}

.sc-notifications .note-container .note.new-note::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #27ae60;
  border-radius: 100%;
  z-index: 1;
  right: 0;
  top: 34px;
  margin: auto;
  right: 17px;
  display: inline-block;
}

.sc-notifications .note-container .note.new-note p.note-info {
  opacity: 1;
}

.sc-notifications .note-container .note.new-note p.note-info img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.sc-notifications .note-container .note {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  min-height: 76px;
  background: #ffffff;
  border-radius: 10px;
  padding: 26px 30px;
}

.sc-notifications .note-container .note p.note-info {
  font-size: 18px;
  line-height: 24px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  float: left;
  text-align: left;
  margin-bottom: 0;
  opacity: 0.4;
  max-width: 70%;
}

.sc-notifications .note-container .note p.note-info img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  float: left;
  margin-right: 14px;
  margin-top: 5px;
}

.sc-notifications .note-container .note p.note-info span {
  display: table;
}

.sc-notifications .note-container .note p.note-date {
  float: right;
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 28px;
  text-align: right;
  color: #aaacbd;
  margin-bottom: 0;
  position: relative;
  max-width: 30%;
}

.sc-notifications .lazy-load {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.sc-notifications .lazy-load .dot {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: inline-block;
  margin: 0 4px;
  background-color: #666880;
  -webkit-animation: lazy infinite 2s;
  animation: lazy infinite 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes lazy {
  50% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(10px);
    transform: scale(0.7) translateY(10px);
  }
}

@keyframes lazy {
  50% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(10px);
    transform: scale(0.7) translateY(10px);
  }
}

.sc-notifications .lazy-load .dot-2 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.sc-notifications .lazy-load .dot-3 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.sc-text-page {
  padding-top: 185px;
  padding-bottom: 90px;
}

.sc-text-page .title {
  margin-bottom: 40px;
}

.sc-text-page .title h1 {
  font-family: "Rubik-Bold";
  font-size: 52px;
  color: #1a1c33;
}

.sc-text-page .subtitle {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.sc-text-page h4 {
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 28px;
  color: #2f334f;
}

.sc-text-page a.inner-link {
  color: #27ae60;
}

.sc-text-page ol {
  counter-reset: item;
  padding-left: 0px;
  line-height: 28px;
}

.sc-text-page ol li {
  display: block;
  position: relative;
  padding-left: 30px;
  margin: 20px 0;
}

.sc-text-page ol li ol {
  padding-left: 0;
}

.sc-text-page ol li ol li {
  padding-left: 0 !important;
}

.sc-text-page ol li ol li:before {
  left: -30px;
}

.sc-text-page ol li.opacity-0 {
  opacity: 0;
  margin-top: 38px;
}

.sc-text-page ol li.title-list {
  font-family: "Rubik-Medium";
  font-size: 18px;
  color: #1a1c33;
}

.sc-text-page ol li.title-list:before {
  font-family: "Rubik-Medium";
  font-size: 18px !important;
  color: #1a1c33;
}

.sc-text-page ol li.title-list ol {
  font-size: 16px;
  font-family: "Rubik-Regular";
}

.sc-text-page ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  font-family: "Rubik-Regular";
  font-size: 16px !important;
  color: #2f334f;
  position: absolute;
  left: 0px;
}

.sc-text-page p {
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 28px;
  color: #2f334f;
}

.sc-text-page ul {
  padding-left: 20px;
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 28px;
  color: #2f334f;
}

.sc-text-page ul li {
  margin: 20px 0;
}

.sc-text-page h3 {
  font-family: "Rubik-Bold";
  font-size: 16px;
  line-height: 28px;
  color: #2f334f;
}

.sc-executor.sc-all-tasks .bg-dark {
  display: none;
}

.sc-executor.sc-all-tasks .task {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #d5d6e0;
  margin-bottom: 40px;
}

.sc-executor.sc-all-tasks .task .task-title {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.sc-executor.sc-all-tasks .task .task-title .task-date-mob {
  display: none;
  margin-bottom: 17px;
  font-size: 16px;
  color: #aaacbd;
  font-family: "Rubik-Regular";
}

.sc-executor.sc-all-tasks .task .task-title a.name {
  float: left;
  font-size: 22px;
  font-family: "Rubik-Medium";
  color: #1a1c33;
  max-width: 97%;
  text-decoration: none;
}

.sc-executor.sc-all-tasks .task .task-title a.name:hover {
  color: #219653;
}

.sc-executor.sc-all-tasks .task .task-settings {
  display: inline-block;
  float: left;
}

.sc-executor.sc-all-tasks .task .task-settings .tag-custom {
  background: #f0f0f2;
  border-radius: 20px;
}

.sc-executor.sc-all-tasks .task .task-settings .tags {
  display: inline-block;
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #000;
  padding: 4px 20px;
}

.sc-executor.sc-all-tasks .task .task-date {
  float: right;
  display: inline-block;
}

.sc-executor.sc-all-tasks .task .task-date span {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
}

.sc-executor.sc-all-tasks .task a.task-link:hover {
  opacity: 0.5;
}

.sc-executor.sc-all-tasks .task .task-content {
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}

.sc-executor.sc-all-tasks .task .task-content p {
  font-size: 16px;
  font-family: "Rubik-Regular";
  color: #666880;
  line-height: 28px;
}

.sc-executor.sc-all-tasks button.open-options {
  font-size: 16px;
  color: #539bff;
  font-family: "Rubik-Medium";
  padding: 0;
  margin-bottom: 50px;
  display: none;
}

.sc-executor.sc-all-tasks button.open-options img {
  margin-right: 10px;
}

.sc-executor.sc-all-tasks button.open-options span {
  background: #f94242;
  border-radius: 2px;
  font-family: "Rubik-Regular";
  font-size: 10px;
  color: #ffffff;
  padding: 1px 4px;
  top: -2px;
  position: relative;
}

.sc-executor.sc-all-tasks .category-checkbox {
  display: inline-block;
  max-width: 288px;
  width: 100%;
  margin-top: 55px;
  float: right;
  position: relative;
}

.sc-executor.sc-all-tasks .category-checkbox button.close {
  display: none;
}

.sc-executor.sc-all-tasks .category-checkbox .inner {
  display: inline-block;
  width: 100%;
}

.sc-executor.sc-all-tasks .category-checkbox h4 {
  font-family: "Rubik-Medium";
  font-size: 16px;
  color: #2f334f;
  margin-bottom: 35px;
}

.sc-executor.sc-all-tasks .category-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.sc-executor.sc-all-tasks .category-checkbox label {
  display: inline-block;
  width: 100%;
}

.sc-executor.sc-all-tasks .category-checkbox p {
  position: relative;
  margin-bottom: 5px;
  padding-left: 30px;
  font-family: "Rubik-Regular";
  font-size: 16px;
  line-height: 28px;
  color: #aaacbd;
  cursor: pointer;
}

.sc-executor.sc-all-tasks .category-checkbox p:before {
  content: "";
  border: 1px solid #aaacbd;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
}

.sc-executor.sc-all-tasks
  .category-checkbox
  input[type="checkbox"]:checked
  + p {
  color: #000;
}

.sc-executor.sc-all-tasks
  .category-checkbox
  input[type="checkbox"]:checked
  + p:before {
  background-color: #27ae60;
  border: none;
  background-image: url(/bitrix/templates/rtplatfrom/css/../img/sign.png);
  background-size: 10px 7px;
  background-repeat: no-repeat;
  background-position: center;
}

.sc-executor.sc-all-tasks .category-checkbox button.apply,
.sc-executor.sc-all-tasks .category-checkbox button.cancel {
  display: none;
}
.nodisplay {
  display: none !important;
}
.display {
  display: inline-block;
}
.sc-executor.sc-all-tasks .category-checkbox button.apply {
  background: #27ae60;
  -webkit-box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  box-shadow: 0px 5px 20px rgba(39, 174, 96, 0.55);
  border-radius: 25px;
  font-family: "Rubik-Medium";
  font-size: 16px;
  color: #fff;
  padding: 14px 25px;
  max-width: 322px;
  width: 100%;
  margin-top: 25px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sc-executor.sc-all-tasks .category-checkbox button.apply:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sc-executor.sc-all-tasks .category-checkbox button.cancel {
  padding: 14px 25px;
  max-width: 322px;
  width: 100%;
  color: #aaacbd;
  font-size: 16px;
  font-family: "Rubik-Medium";
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 25px;
  margin-top: 10px;
}

.sc-executor.sc-all-tasks .category-checkbox button.cancel:hover {
  background: rgba(221, 221, 221, 0.329);
}

.footer-top {
  display: inline-block;
  width: 100%;
  background: #1a1c33;
  padding-top: 120px;
  padding-bottom: 120px;
}

.footer-top .top-side {
  text-align: center;
}

.footer-top .top-side .icon-box {
  height: 66px;
  display: inline-block;
}

.footer-top .top-side .icon-box path {
  fill: #fff;
}

.footer-top .top-side h4 {
  color: #fff;
  font-size: 18px;
  font-family: "Rubik-Medium";
  margin: 25px 0;
}

.footer-top .top-side p {
  font-size: 16px;
  color: #aaacbd;
  font-family: "Rubik-Regular";
  line-height: 22px;
}

.footer {
  background: #1a1c33;
}

.footer .myRow {
  padding: 25px 0;
}

.footer .myRow a.logo-footer svg {
  width: 115px;
}

.footer .myRow a.logo-footer circle {
  stroke: #666880;
}

.footer .myRow a.logo-footer path {
  fill: #666880;
}

.footer .myRow .worker {
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.footer .myRow .worker a {
  color: #6fcf97;
  font-size: 16px;
  font-family: "Rubik-Medium";
  text-decoration: none;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.footer .myRow .worker a:hover {
  color: #27ae60;
}

.footer .myRow .worker a:hover:before {
  display: none;
}

.footer .myRow .worker a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #6fcf97;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.footer .myRow p {
  font-size: 13px;
  font-family: "Rubik-Medium";
  line-height: 14px;
  max-width: 162px;
  display: inline-block;
  float: right;
  color: #aaacbd;
  padding-top: 5px;
}

.footer .myRow p a {
  color: #6fcf97;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  text-decoration: none;
  display: inline-block;
}

.footer .myRow p a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #6fcf97;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.footer .myRow p a:hover {
  color: #27ae60;
}

.footer .myRow p a:hover:before {
  display: none;
}

.footer .myRow p a path {
  stroke: #6fcf97;
}

.footer .copyright {
  display: inline-block;
  width: 100%;
  padding: 11px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.123);
}

.footer .copyright p {
  margin-bottom: 0;
  font-size: 10px;
  font-family: "Rubik-Regular";
  color: #aaacbd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.footer .copyright p span {
  margin-right: 27px;
  min-width: 90px;
  display: inline-block;
}

@media only screen and (max-width: 1270px) {
  .container {
    min-width: 974px;
  }
  .header .navbar .navbar-brand {
    margin-right: 14px;
  }
  .header .navbar-nav-links li {
    margin-left: 20px;
  }
  .sc-1 {
    padding-top: 212px;
    padding-bottom: 200px;
  }
  .sc-1 .form-box {
    max-width: 100%;
    padding: 38px 35px 40px 35px;
  }
  .sc-1 .form-box .dropdown {
    width: 257px;
  }
  .sc-1 .form-box input {
    width: 437px;
  }
  .sc-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sc-2 .dots-line::after {
    width: 255px;
    right: -250px;
  }
  .sc-2 .box {
    padding: 50px 12px 30px 12px;
  }
  .sc-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sc-3 .screen {
    display: inline-block;
    width: 100%;
  }
  .sc-3 .screen:before {
    right: 66px;
  }
  .sc-3::after {
    top: 162px;
    right: 43px;
  }
  .sc-3:before {
    right: -186px;
    top: 108px;
  }
  .sc-3 .qr {
    width: 224px;
    height: 224px;
    padding: 25px 20px;
  }
  .sc-3 .qr img.qr-code {
    margin-bottom: 25px;
  }
  .sc-3 h4 {
    padding-right: 109px;
  }
  .sc-3 .about {
    margin-top: 60px;
  }
  .sc-4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sc-profile .about .img-box {
    width: 210px;
    height: 210px;
  }
  .sc-profile .about .t-box {
    max-width: 443px;
    margin-left: 30px;
  }
  .sc-profile .portfolio .slider-for {
    width: 540px;
  }
  .sc-profile .portfolio .slider-for .slide-item img {
    max-width: 100%;
  }
  .sc-profile .portfolio .slider-nav {
    width: 164px;
  }
  .sc-chat .chat-heading .user {
    margin-left: 80px;
  }
  .sc-executor .make-order h4 span {
    max-width: 313px;
    top: 0px;
  }
  .sc-executor .category {
    padding-left: 40px;
  }
  .footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1200px) {
  .sc-2 .dots-line::after {
    width: 238px;
    right: -217px;
  }
  .sc-about-1 .title p {
    max-width: 624px;
  }
  .sc-task .advice-box {
    width: 224px;
    padding: 24px 18px;
  }
  .sc-task .advice-box .qr {
    width: 100%;
    margin-top: 5px;
  }
  .sc-task .advice-box .qr + .qr {
    margin-left: 0;
  }
  .sc-task .advice-box .qr img {
    display: none;
  }
  .sc-task .advice-box .qr a img {
    display: inline-block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .sc-task .advice-box .qr a img:hover {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .sc-task .advice-box .qr a span {
    display: none;
  }
  .sc-create-task .advice-box {
    width: 224px;
    padding: 24px 18px;
  }
  .sc-create-task .advice-box .qr {
    width: 100%;
    margin-top: 5px;
  }
  .sc-create-task .advice-box .qr + .qr {
    margin-left: 0;
  }
  .sc-create-task .advice-box .qr img {
    display: none;
  }
  .sc-create-task .advice-box .qr a img {
    display: inline-block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .sc-create-task .advice-box .qr a img:hover {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .sc-create-task .advice-box .qr a span {
    display: none;
  }
  .sc-task-page .advice-box {
    width: 224px;
    padding: 24px 18px;
  }
  .sc-task-page .advice-box .qr {
    width: 100%;
    margin-top: 5px;
  }
  .sc-task-page .advice-box .qr + .qr {
    margin-left: 0;
  }
  .sc-task-page .advice-box .qr img {
    display: none;
  }
  .sc-task-page .advice-box .qr a img {
    display: inline-block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .sc-task-page .advice-box .qr a img:hover {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .sc-task-page .advice-box .qr a span {
    display: none;
  }
  .sc-task-page .social-links {
    width: 224px;
  }
  .sc-profile .about .t-box {
    max-width: 459px;
  }
  .sc-profile .about .t-box p {
    padding-right: 71px;
  }
  .sc-profile .portfolio {
    width: 626px;
  }
  .sc-profile .portfolio .slider-for {
    width: 464px;
  }
  .sc-profile .portfolio .slider-nav {
    width: 144px;
  }
  .sc-profile .portfolio .slider-nav .slick-next {
    bottom: 33px;
  }
  .sc-profile .portfolio .slider-nav div {
    margin-bottom: 10px;
  }
  .sc-profile .self-info {
    margin-top: 68px;
  }
  .sc-chat .chat-heading a.back {
    font-size: 0;
    margin-top: 24px;
  }
  .sc-chat .chat-heading .user {
    margin-left: 50px;
  }
  .sc-executor .make-order {
    padding: 20px 20px;
  }
  .sc-executor .make-order h4 img {
    margin-top: 5px;
  }
  .sc-executor .make-order h4 span {
    max-width: 270px;
    top: 0px;
  }
  .sc-executor .make-order button.make {
    margin-top: 8px;
  }
  .sc-executor .category {
    padding-left: 50px;
  }
  .sc-executor .advice-box {
    width: 224px;
    padding: 16px;
  }
  .sc-executor.sc-all-tasks .category-checkbox {
    max-width: 224px;
  }
}

@media only screen and (max-width: 991px) {
  .container {
    min-width: 734px;
  }
  .header-toggled {
    background: #fff;
    padding-bottom: 30px;
    overflow: hidden;
  }
  .header-toggled .navbar-brand circle {
    stroke: #666880;
  }
  .header-toggled .navbar-brand path {
    fill: #1a1c33;
  }
  .header-toggled .navbar-nav li a {
    color: #000;
  }
  .header-toggled .navbar-nav li a::after {
    border-bottom: 2px solid #000;
  }
  .header-toggled .navbar-nav li a.login {
    color: #219653;
  }
  .header-toggled .navbar-nav li a.login::after {
    border-bottom: 2px solid #219653;
  }
  .header-toggled .navbar-nav.logged {
    position: relative;
    padding-top: 30px;
  }
  .header-toggled .navbar-nav.logged:before {
    content: "";
    position: absolute;
    top: 0;
    left: -19%;
    width: 150%;
    height: 1px;
    border-top: 1px solid #d5d6e0;
  }
  .header-toggled .navbar-nav.logged .logged-in {
    width: 50%;
    float: left;
    position: relative;
  }
  .header-toggled .navbar-nav.logged .logged-in:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .header-toggled .navbar-nav.logged .logged-in a {
    color: #d5d6e0;
    position: relative;
  }
  .header-toggled .navbar-nav.logged .logged-in a svg {
    display: none;
  }
  .header-toggled .navbar-nav.logged .note {
    width: 50%;
    float: right;
    text-align: right;
  }
  .header-toggled .navbar-nav.logged .note a span.note-number {
    left: auto;
    right: 6px;
  }
  .header-toggled .navbar-nav.logged .note a path {
    fill: #000;
  }
  .header-toggled .navbar-nav.logged .drop-list {
    display: inline-block !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    background: none;
  }
  .header-toggled .navbar-nav.logged .drop-list li.logout a {
    color: #219653;
  }
  .header .navbar-brand svg {
    width: 100px;
  }
  .header .navbar-toggler {
    width: 16px;
    height: 14px;
    padding: 0;
    display: inline-block;
    position: relative;
    outline: none !important;
  }
  .header .navbar-toggler span {
    width: 16px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .header .navbar-toggler span.line-1 {
    top: 0px;
  }
  .header .navbar-toggler span.line-2 {
    top: 5px;
  }
  .header .navbar-toggler span.line-3 {
    top: 10px;
  }
  .header .navbar-toggler .line-3-toggle {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px !important;
    background: #aaacbd;
  }
  .header .navbar-toggler .line-2-toggle {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
    background: #aaacbd;
  }
  .header .navbar-toggler .line-1-toggle {
    display: none;
  }
  .header .navbar-nav {
    display: inline-block;
    width: 100%;
  }
  .header .navbar-nav a {
    display: inline-block;
  }
  .header .navbar-nav-links {
    margin-top: 40px;
    margin-bottom: 26px;
  }
  .header .navbar-nav-links li {
    margin-left: 0;
  }
  .sc-1 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  .sc-1 .form-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sc-1 .form-box {
    padding: 38px 31px 40px 31px;
  }
  .sc-1 .form-box .dropdown {
    width: 227px;
  }
  .sc-1 .form-box input {
    width: 407px;
  }
  .sc-1 .form-box button.find {
    margin: auto;
    margin-top: 20px;
  }
  .sc-2 {
    padding-bottom: 40px;
  }
  .sc-2 .dot-for-d-none::after {
    display: none;
  }
  .sc-2 .dots-line::after {
    width: 317px;
    right: -315px;
  }
  .sc-2 .box {
    height: 341px;
    margin-bottom: 40px;
    padding: 50px 16px 30px 16px;
  }
  .sc-3:before,
  .sc-3::after,
  .sc-3 .screen:before {
    display: none;
  }
  .sc-3 .qr {
    width: auto;
    height: auto;
    display: inline-block;
    border: none;
    padding: 0;
    margin-right: 34px;
  }
  .sc-3 .qr img.qr-code {
    display: none;
  }
  .sc-3 .about p {
    padding-right: 0;
  }
  .sc-4 .service-box {
    max-width: 695px;
  }
  .sc-about-1 .title p {
    max-width: 100%;
  }
  .sc-task .task-info {
    margin-bottom: 47px;
  }
  .sc-task .advice-box {
    width: 100%;
    float: none;
    margin-top: 50px;
  }
  .sc-task .advice-box h4 {
    float: left;
    width: 45%;
  }
  .sc-task .advice-box .social-mob {
    display: inline-block;
    float: right;
  }
  .sc-task .advice-box .social-mob a {
    text-decoration: none;
  }
  .sc-task .advice-box .social-mob a:hover img {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  .sc-task .advice-box .social-mob a img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .sc-task .advice-box p {
    width: 33%;
    float: left;
  }
  .sc-task .advice-box .qr {
    display: none;
  }
  .sc-create-task .advice-box {
    width: 100%;
    float: none;
    margin-top: 60px;
  }
  .sc-create-task .advice-box h4 {
    float: left;
    width: 45%;
  }
  .sc-create-task .advice-box .social-mob {
    display: inline-block;
    float: right;
  }
  .sc-create-task .advice-box .social-mob a {
    text-decoration: none;
  }
  .sc-create-task .advice-box .social-mob a:hover img {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  .sc-create-task .advice-box .social-mob a img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .sc-create-task .advice-box p {
    width: 33%;
    float: left;
  }
  .sc-create-task .advice-box .qr {
    display: none;
  }
  .sc-task-page .advice-box {
    width: 100%;
    float: none;
    margin-top: 60px;
  }
  .sc-task-page .advice-box h4 {
    float: left;
    width: 45%;
  }
  .sc-task-page .advice-box .social-mob {
    display: inline-block;
    float: right;
  }
  .sc-task-page .advice-box .social-mob a {
    text-decoration: none;
  }
  .sc-task-page .advice-box .social-mob a:hover img {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  .sc-task-page .advice-box .social-mob a img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .sc-task-page .advice-box p {
    width: 33%;
    float: left;
  }
  .sc-task-page .advice-box .qr {
    display: none;
  }
  .sc-task-page .task {
    margin-bottom: 30px;
  }
  .sc-task-page .task .task-content {
    margin-top: 17px;
  }
  .sc-task-page .social-links {
    display: none;
  }
  .sc-task-page .social-links.res-pad {
    display: inline-block;
    margin-top: 16px;
    float: right;
    text-align: right;
    position: relative;
    z-index: 1;
  }
  .sc-task-page .social-links.res-pad a {
    margin-right: 0;
    margin-left: 8px;
  }
  .sc-task-page .social-links.res-pad h4 {
    display: none;
  }
  .sc-task-page.task-page-doer .task .task-content {
    margin-top: 30px;
  }
  .sc-profile {
    padding-top: 185px;
    padding-bottom: 50px;
  }
  .sc-profile .about {
    margin-bottom: 60px;
  }
  .sc-profile .about .t-box p {
    padding-right: 0;
  }
  .sc-profile .category {
    display: none;
  }
  .sc-profile .category-res {
    display: inline-block !important;
    margin-top: 80px;
  }
  .sc-profile .portfolio {
    width: 100%;
  }
  .sc-profile .portfolio .slider-for {
    width: 520px;
  }
  .sc-profile .portfolio .slider-nav {
    width: 160px;
  }
  .sc-profile .self-info {
    margin-top: 60px;
  }
  .sc-chat {
    padding-top: 135px;
  }
  .sc-chat .chat-heading a.back {
    display: none;
  }
  .sc-chat .chat-heading .user {
    margin-left: 0;
  }
  .sc-chat .chat-body ::-webkit-scrollbar-track {
    background: #f0f0f2;
  }
  .sc-chat .chat-body .chat-area {
    padding-left: 15px;
    padding-right: 15px;
    background: none;
  }
  .sc-chat .chat-body .chat-area .client-message .message {
    background: #fff;
  }
  .sc-chat .chat-send-block {
    background: #fff;
  }
  .sc-chat .chat-send-block .chat-send {
    border-top: none;
    padding: 20px 0px;
  }
  .sc-chat .chat-send-block .chat-send textarea {
    max-width: 500px;
  }
  .sc-executor a.all-click {
    margin-bottom: 40px;
  }
  .sc-executor .make-order h4 img {
    margin-top: 0;
  }
  .sc-executor .make-order h4 span {
    max-width: 354px;
    top: 3px;
  }
  .sc-executor .make-order button.make {
    margin-top: 0px;
  }
  .sc-executor .category {
    display: none;
  }
  .sc-executor ::-webkit-scrollbar {
    width: 4px;
    height: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding: 10px 0;
  }
  .sc-executor ::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
  }
  .sc-executor ::-webkit-scrollbar-thumb {
    background: #d5d6e0;
    border-radius: 10px;
  }
  .sc-executor ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .sc-executor .category-res {
    display: inline-block !important;
    padding-left: 0;
    margin-top: 0;
    float: none;
    position: relative;
    margin-bottom: 40px;
  }
  .sc-executor .category-res .overflow-box {
    overflow-x: auto;
  }
  .sc-executor .category-res .overflow-box .inner {
    width: 1000px;
    display: inline-block;
  }
  .sc-executor .category-res h4 {
    margin-left: 0;
  }
  .sc-executor .category-res a {
    margin-left: 0;
    margin-right: 20px;
  }
  .sc-executor .advice-box {
    width: 100%;
    float: none;
    margin-top: 50px;
  }
  .sc-executor .advice-box h4 {
    float: left;
    width: 100%;
  }
  .sc-executor .advice-box p {
    width: 33%;
    float: left;
    padding-right: 25px;
  }
  .sc-create-task.sc-create-executor .title {
    margin-bottom: 40px;
  }
  .sc-create-task.sc-create-executor .image-upload {
    background: none;
    border: none;
  }
  .sc-create-task.sc-create-executor .image-upload:hover {
    background: none;
  }
  .sc-create-task.sc-create-executor .image-upload label {
    height: auto;
    text-align: left;
    padding-top: 0;
    margin-bottom: 0;
    padding-left: 27px;
  }
  .sc-create-task.sc-create-executor .image-upload label p {
    margin-left: 10px;
  }
  .sc-text-page {
    padding-bottom: 60px;
  }
  .sc-executor.sc-all-tasks .bg-dark {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.295) !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .sc-executor.sc-all-tasks .category-checkbox {
    position: fixed;
    border-radius: 5px;
    display: none;
    max-width: 392px;
    width: 96%;
    top: 34px;
    left: 0;
    right: 0;
    z-index: 1050;
    outline: 0;
    background: #fff;
    margin: auto;
    padding: 40px 30px 20px 30px;
  }
  .sc-executor.sc-all-tasks .category-checkbox .inner button.close {
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 10px;
  }
  .sc-executor.sc-all-tasks .category-checkbox button.apply,
  .sc-executor.sc-all-tasks .category-checkbox button.cancel {
    display: inline-block;
  }
  .sc-executor.sc-all-tasks button.open-options {
    display: inline-block;
    margin-bottom: 30px;
  }
  .footer .myRow p {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .container {
    min-width: auto;
  }
  .header .navbar-brand svg {
    width: 83px;
  }
  .sc-1 {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .sc-1 .title {
    margin-bottom: 30px;
  }
  .sc-1 .title h1 {
    font-size: 34px;
    line-height: 44px;
  }
  .sc-1 .form-box {
    padding: 38px 19.5px 40px 19.5px;
  }
  .sc-1 .form-box .dropdown {
    width: 100%;
    margin-bottom: 20px;
  }
  .sc-1 .form-box input {
    width: 100%;
  }
  .sc-1 .form-box button.find {
    width: 100%;
  }
  .sc-2 {
    padding-top: 50px;
  }
  .sc-2 .title {
    margin-bottom: 35px;
  }
  .sc-2 .title h1 {
    font-size: 30px;
    line-height: 38px;
  }
  .sc-2 .dots-line::after,
  .sc-2 .step::after,
  .sc-2 .dot-for-d-none::after {
    content: "";
    display: inline-block !important;
    position: absolute;
    height: 115px;
    width: 1px;
    right: 0;
    left: 0;
    margin: auto;
    border-left: dotted 2px #aaacbd;
    top: 0;
    bottom: auto;
  }
  .sc-2 .box {
    position: relative;
    z-index: 1;
    height: auto;
  }
  .sc-3 {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .sc-3 h1 {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 38px;
  }
  .sc-3 h4 {
    padding-right: 0;
  }
  .sc-3 .qr {
    width: 49%;
    margin-right: 0;
    text-align: left;
  }
  .sc-3 .qr img {
    max-width: 87%;
  }
  .sc-3 .qr + .qr {
    text-align: right;
  }
  .sc-3 .about p {
    margin-bottom: 35px;
  }
  .sc-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sc-4 .title {
    margin-bottom: 35px;
  }
  .sc-4 .title h1 {
    font-size: 30px;
    line-height: 38px;
  }
  .sc-about-1 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .sc-about-1 .title h1 {
    font-size: 34px;
  }
  .sc-about-2 {
    padding-top: 35px;
    padding-bottom: 60px;
  }
  .sc-about-2 .quest .info h4 {
    font-size: 20px;
  }
  .sc-task {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .sc-task .pagi-nation nav {
    margin-top: 15px;
  }
  .sc-task .task-info {
    margin-bottom: 35px;
  }
  .sc-task .task-info h1 {
    font-size: 34px;
  }
  .sc-task .task-info .make-order a {
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 0;
    margin-top: 0;
    top: -10px;
    position: relative;
  }
  .sc-task .task-info .make-order a:before {
    content: "+";
    font-size: 16px;
    font-family: "Rubik-Medium";
    color: #fff;
    position: absolute;
    top: 3px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .sc-task .advice-box {
    border: none;
    padding: 0;
    margin-top: 40px;
  }
  .sc-task .advice-box h4 {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }
  .sc-task .advice-box .social-mob {
    display: none;
  }
  .sc-task .advice-box .t-box p {
    float: none;
    width: 100%;
  }
  .sc-task .advice-box .qr {
    display: inline-block;
    width: 50%;
  }
  .sc-task .advice-box .qr a {
    margin-top: 2px;
  }
  .sc-task .advice-box .qr a img {
    -webkit-transform: none;
    transform: none;
  }
  .sc-task .advice-box .qr a img.app-store {
    max-width: 119px;
  }
  .sc-task .advice-box .qr a img.google-play {
    max-width: 135px;
  }
  .sc-task .task .task-title .task-date-mob {
    display: inline-block;
    float: left;
    width: 93%;
    margin-bottom: 10px;
  }
  .sc-task .task .task-title .task-date-mob span {
    font-size: 16px;
    font-family: "Rubik-Regular";
    color: #aaacbd;
  }
  .sc-task .task .task-title a.name {
    max-width: 100%;
    font-size: 20px;
    line-height: 28px;
  }
  .sc-task .task .task-date {
    display: none;
  }
  .sc-task .task .task-settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .sc-task .pagi-nation ul.pagination li {
    margin-right: 2px;
  }
  .sc-create-task {
    padding-top: 100px;
  }
  .sc-create-task .title {
    margin-bottom: 35px;
  }
  .sc-create-task .title h1 {
    font-size: 34px;
  }
  .sc-create-task .advice-box {
    border: none;
    padding: 0;
  }
  .sc-create-task .advice-box h4 {
    float: none;
    width: 100%;
  }
  .sc-create-task .advice-box .social-mob {
    display: none;
  }
  .sc-create-task .advice-box .t-box p {
    float: none;
    width: 100%;
  }
  .sc-create-task .advice-box .qr {
    display: inline-block;
    width: 50%;
  }
  .sc-create-task .advice-box .qr a {
    margin-top: 2px;
  }
  .sc-create-task .advice-box .qr a img {
    -webkit-transform: none;
    transform: none;
  }
  .sc-create-task .advice-box .qr a img.app-store {
    max-width: 119px;
  }
  .sc-create-task .advice-box .qr a img.google-play {
    max-width: 135px;
  }
  .sc-create-task .form-box {
    text-align: center;
  }
  .sc-create-task .form-box .send-box button.publish {
    float: none;
    margin-right: 0;
  }
  .sc-create-task .form-box .send-box a {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
  }
  .sc-task-page {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .sc-task-page .task-date-mob {
    display: inline-block;
    float: left;
    width: 93%;
    margin-bottom: 10px;
  }
  .sc-task-page .task-date-mob span {
    font-size: 16px;
    font-family: "Rubik-Regular";
    color: #aaacbd;
  }
  .sc-task-page a.bin {
    margin-top: 0;
  }
  .sc-task-page h1 {
    display: inline-block;
    width: 100%;
    float: none;
    font-size: 34px;
  }
  .sc-task-page .social-links.res-pad {
    display: none;
  }
  .sc-task-page .task .task-date {
    display: none;
  }
  .sc-task-page .task .task-settings {
    display: inline-block;
    float: left;
  }
  .sc-task-page .recall-box h4 {
    margin-bottom: 25px;
    text-align: center;
  }
  .sc-task-page .recall-box .recall a.name {
    float: none;
  }
  .sc-task-page .recall-box .recall .recall-date {
    float: none;
    width: 100%;
  }
  .sc-task-page .advice-box {
    border: none;
    padding: 0;
    margin-top: 20px;
  }
  .sc-task-page .advice-box h4 {
    float: none;
    width: 100%;
  }
  .sc-task-page .advice-box .social-mob {
    display: none;
  }
  .sc-task-page .advice-box .t-box p {
    float: none;
    width: 100%;
  }
  .sc-task-page .advice-box .qr {
    display: inline-block;
    width: 50%;
  }
  .sc-task-page .advice-box .qr a {
    margin-top: 2px;
  }
  .sc-task-page .advice-box .qr a img {
    -webkit-transform: none;
    transform: none;
  }
  .sc-task-page .advice-box .qr a img.app-store {
    max-width: 119px;
  }
  .sc-task-page .advice-box .qr a img.google-play {
    max-width: 135px;
  }
  .sc-task-page .social-links.res-mob {
    display: inline-block;
    float: right;
    margin-top: 0;
    text-align: right;
    width: auto;
  }
  .sc-task-page.task-page-doer h1 {
    margin-bottom: 26px;
  }
  .sc-task-page.task-page-doer .advice-box {
    margin-top: 60px;
  }
  .sc-profile {
    padding-top: 84px;
  }
  .sc-profile .about {
    margin-bottom: 40px;
  }
  .sc-profile .about .img-box {
    display: none;
  }
  .sc-profile .about .t-box {
    max-width: 100%;
    margin-left: 0;
  }
  .sc-profile .about .t-box p {
    display: inline-block;
    width: 100%;
  }
  .sc-profile .about .t-box .img-box-res {
    display: inline-block;
    width: 44px;
    height: 44px;
  }
  .sc-profile .about .t-box h2 {
    font-size: 16px;
    margin-bottom: 0;
    font-family: "Rubik-Medium";
  }
  .sc-profile .about .t-box .contact {
    width: 100%;
    margin-left: 10px;
    position: relative;
    max-width: 456px;
    margin-bottom: 20px;
  }
  .sc-profile .about .t-box .contact a.call {
    font-size: 0;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
  }
  .sc-profile .about .t-box .contact a.call img {
    margin: 0;
  }
  .sc-profile .about .t-box .contact a.write {
    font-size: 13px;
    font-family: "Rubik-Regular";
    margin-left: 0;
    padding: 0;
    border: none;
    border-radius: none;
  }
  .sc-profile .about .t-box .contact a.write:hover {
    background: none;
    color: #219653;
    text-decoration: underline;
  }
  .sc-profile .about .t-box .contact a.write img {
    display: inline-block;
  }
  .sc-profile .category-res {
    margin-top: 50px;
  }
  .sc-profile .portfolio .slider-for {
    width: 100%;
  }
  .sc-profile .portfolio .slider-for ul {
    padding-left: 0;
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
  .sc-profile .portfolio .slider-for ul li.slick-active button {
    background: #219653;
  }
  .sc-profile .portfolio .slider-for ul li {
    display: inline-block;
  }
  .sc-profile .portfolio .slider-for ul li button {
    font-size: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: none;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    outline: none !important;
  }
  .sc-profile .portfolio .slider-nav {
    display: none;
  }
  .sc-profile .portfolio .arrow-box {
    display: inline-block;
    width: 100%;
    height: 0;
  }
  .sc-profile .portfolio .arrow-box button {
    position: relative;
    bottom: 41px;
    padding: 0;
  }
  .sc-profile .portfolio .arrow-box button + button {
    float: right;
  }
  .sc-profile .self-info {
    margin-top: 40px;
  }
  .sc-chat {
    padding-top: 84px;
  }
  .sc-chat .chat-heading .user .img-box {
    width: 44px;
    height: 44px;
  }
  .sc-chat .chat-heading .user .name h3 {
    font-size: 16px;
  }
  .sc-chat .chat-heading .user .name p.online {
    font-size: 13px;
  }
  .sc-chat .chat-heading .user a.call {
    font-size: 0;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .sc-chat .chat-heading .user a.call img {
    margin-left: 0;
  }
  .sc-chat .chat-body .chat-area .images img {
    max-width: 90px;
  }
  .sc-chat .chat-send-block {
    background: #fff;
  }
  .sc-chat .chat-send-block .chat-send {
    border-top: none;
  }
  .sc-chat .chat-send-block .chat-send textarea {
    max-width: 100%;
    width: 69%;
  }
  .sc-executor {
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .sc-executor h1 {
    font-size: 34px;
    margin-bottom: 25px;
  }
  .sc-executor a.all-click {
    margin-bottom: 25px;
  }
  .sc-executor .make-order {
    text-align: center;
  }
  .sc-executor .make-order h4 {
    margin-bottom: 15px;
    float: none;
  }
  .sc-executor .make-order h4 img {
    max-width: 40px;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .sc-executor .make-order h4 span {
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }
  .sc-executor .make-order button.make {
    float: none;
  }
  .sc-executor .all-doers .img-box {
    width: 44px;
    height: 44px;
  }
  .sc-executor .all-doers .contact {
    padding-left: 54px;
    padding-right: 44px;
    position: relative;
  }
  .sc-executor .all-doers .contact h2 {
    margin-bottom: 0;
    line-height: 14px;
    font-size: 16px;
  }
  .sc-executor .all-doers .contact a.call {
    font-size: 0;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    position: absolute;
    padding: 14px 14px;
    top: 0;
    right: 0;
  }
  .sc-executor .all-doers .contact a.call img {
    margin-left: 0;
  }
  .sc-executor .all-doers .contact a.write {
    font-size: 13px;
    font-family: "Rubik-Regular";
    margin-left: 0;
    padding: 0;
    border: 0px;
  }
  .sc-executor .all-doers .contact a.write:hover {
    background: none;
    color: #219653;
    text-decoration: underline;
  }
  .sc-executor .all-doers .contact a.write img {
    display: inline-block;
  }
  .sc-executor .advice-box {
    border: none;
    padding: 0;
    margin-top: 40px;
  }
  .sc-executor .advice-box h4 {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }
  .sc-executor .advice-box .t-box p {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .sc-executor .pagi-nation nav {
    margin-top: 10px;
  }
  .sc-executor .pagi-nation ul.pagination li {
    margin-right: 2px;
  }
  .sc-create-task.sc-create-executor .title {
    display: none;
  }
  .sc-create-task.sc-create-executor .avatar-upload {
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 20px;
  }
  .sc-create-task.sc-create-executor .avatar-upload .avatar-preview {
    width: 100px;
    height: 100px;
  }
  .sc-create-task.sc-create-executor .avatar-upload .avatar-edit input + label {
    top: -20px;
    right: -7px;
  }
  .sc-create-task.sc-create-executor .avatar-upload .delete-icon {
    right: -7px;
    top: -20px;
  }
  .sc-create-task.sc-create-executor .image-upload label {
    padding-left: 0;
    text-align: center;
  }
  .sc-create-task.sc-create-executor .form-box .send-box button.publish {
    width: 100%;
  }
  .sc-create-task.sc-create-executor ::-webkit-scrollbar {
    width: 4px;
    height: 5px;
    margin-left: -10px;
  }
  .sc-create-task.sc-create-executor ::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
  }
  .sc-create-task.sc-create-executor ::-webkit-scrollbar-thumb {
    background: #d5d6e0;
    border-radius: 10px;
  }
  .sc-create-task.sc-create-executor ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .sc-create-task.sc-create-executor .field {
    width: 100%;
    min-height: 0;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .sc-create-task.sc-create-executor .field .inner-scroll {
    width: auto;
    display: block;
    white-space: nowrap;
  }
  .sc-create-task.sc-create-executor .pip {
    float: none;
  }
  .sc-notifications-bar {
    padding-top: 90px;
  }
  .sc-notifications-bar .small-container h4 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .sc-notifications-bar .small-container h4 span {
    font-size: 10px;
    padding: 1px 3.5px 1px 3.5px;
    margin-left: 5px;
  }
  .sc-notifications-bar .small-container a.select {
    font-size: 13px;
  }
  .sc-notifications {
    padding-top: 20px;
  }
  .sc-notifications .note-container .note.new-note {
    padding-right: 25px;
  }
  .sc-notifications .note-container .note.new-note::after {
    top: 20px;
    right: 12px;
  }
  .sc-notifications .note-container .note {
    padding: 15px 15px;
  }
  .sc-notifications .note-container .note p.note-info {
    font-size: 16px;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    line-height: 18px;
    margin-bottom: 5px;
  }
  .sc-notifications .note-container .note p.note-info img {
    margin-top: 2px;
  }
  .sc-notifications .note-container .note p.note-date {
    float: none;
    text-align: left;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    margin-left: 30px;
  }
  .sc-text-page {
    padding-top: 100px;
  }
  .sc-text-page .title {
    margin-bottom: 25px;
  }
  .sc-text-page .title h1 {
    font-size: 26px;
    line-height: 38px;
  }
  .sc-text-page .subtitle {
    margin-bottom: 0;
  }
  .sc-text-page ol li {
    margin: 10px 0;
  }
  .sc-executor.sc-all-tasks .task .task-title .task-date-mob {
    display: inline-block;
    width: 100%;
  }
  .sc-executor.sc-all-tasks .task .task-title a.name {
    font-size: 20px;
  }
  .sc-executor.sc-all-tasks .task .task-date {
    display: none;
  }
  .footer-top {
    padding-top: 60px;
    padding-bottom: 10px;
  }
  .footer-top .top-side h4 {
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .footer-top .top-side p {
    margin-bottom: 60px;
  }
  .footer {
    text-align: center;
  }
  .footer .myRow a.logo-footer {
    display: inline-block;
    margin-bottom: 40px;
  }
  .footer .myRow .worker a {
    margin-bottom: 32px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .footer .myRow p {
    text-align: center;
    margin-bottom: 0;
    float: none;
  }
  .footer .copyright {
    padding: 20px 0;
  }
  .footer .copyright p {
    display: inline-block;
    text-align: center;
  }
  .footer .copyright p span {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 576px) {
  #myModal,
  #myModal2 {
    padding-right: 0 !important;
  }
  #myModal .modal-dialog,
  #myModal2 .modal-dialog {
    margin: auto;
    max-width: 95%;
    margin-top: 40px;
  }
  #myModal .form-box,
  #myModal2 .form-box {
    padding: 0 11px;
  }
  .sc-profile .about .t-box .img-box-res {
    position: relative;
    z-index: 1;
  }
  .sc-profile .about .t-box .contact {
    display: block;
    width: 100%;
    padding-left: 54px;
    padding-right: 44px;
    margin-left: 0;
  }
  .sc-profile .category a {
    margin-right: 8px;
  }
  .sc-create-task.sc-create-executor .advice-box a.social {
    display: inline-block;
  }
  .sc-executor.sc-all-tasks .category-checkbox {
    padding: 40px 16px 20px 16px;
  }
}
/*# sourceMappingURL=main.css.map */

/* End */


/* Start:/bitrix/templates/rtplatfrom/css/custom.css?1608143866806*/
/*для кнопки на странице моих заданий для неавторизированного пользователя*/
.make-order a{
	cursor: pointer;
}
/*ссылка на профиль пользователя в чате*/
.name h3 a {
	color: #1A1C33;
	text-decoration: none;
}
/*скрываем Вход в мобильном меню, если авторизирован*/
.navbar-nav.ml-auto.hidden {
	display: none;
}
/*цвет ссылки в футере*/
.copyright .container a {
	color: #fff;
}
/*убираем подчеркивание у ссылки в футере для логотипа*/
.footer .container a.logo-footer:hover {
	text-decoration: none;
}

.sc-create-task .form-box .dropdown .input-box-special input {
	width: 97%;
}
/* End */


/* Start:/local/rtp_settings/css/project_custom.css?16061008713417*/
/*логотип в шапке*/
/*.header .navbar-brand {
	background-image: url(/logo_white.png);
	height: 47px;
}*/
/*иконки соц.сетей в футере*/
/*.footer .myRow a.logo-footer svg.social {
	width: 39px;
	margin-left: 50px;
}
.footer .myRow a.logo-footer svg {
	width: 47px;
}*/
/*
<a href="https://www.instagram.com/work.market116/" class="logo-footer" target="_blank">
	<svg viewBox="0 0 39 39" xmlns="http://www.w3.org/2000/svg" class="social">
		<path transform="scale(0.06)" d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"/>
		<path transform="scale(0.06)" d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"/>
		<path transform="scale(0.06)" d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"/></svg>
</a>
 */
/* End */
/* /bitrix/templates/rtplatfrom/css/main.css?1612767354114278 */
/* /bitrix/templates/rtplatfrom/css/custom.css?1608143866806 */
/* /local/rtp_settings/css/project_custom.css?16061008713417 */