feedback form

src/files/css/main.css

@@ -9917,6 +9917,61 @@ footer .copyright .logo {
   text-align: center;
   margin: 20px 0; }
 
+.feedback-form {
+  width: 100%;
+  display: block; }
+  .feedback-form__title {
+    margin-bottom: 20px;
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    font-size: 20px;
+    font-weight: 700; }
+    .feedback-form__title-text {
+      font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+      font-weight: 700;
+      font-size: 19px;
+      margin-bottom: 30px; }
+  .feedback-form__input {
+    margin-bottom: 10px;
+    padding-left: 5px;
+    font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+    font-size: 14px;
+    font-weight: 400;
+    width: 100%;
+    height: 30px;
+    color: #929292;
+    background: #ebebeb;
+    border: none; }
+  .feedback-form__textarea {
+    width: 100%;
+    height: 110px;
+    padding-left: 5px;
+    font-family: "opensans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
+    font-size: 14px;
+    color: #929292;
+    background: #ebebeb;
+    border: none;
+    resize: none; }
+  .feedback-form__checkbox {
+    width: 20px;
+    height: inherit; }
+    .feedback-form__checkbox-label {
+      font-size: 12px;
+      color: #929292;
+      font-weight: bold; }
+  .feedback-form__submit {
+    margin-top: 10px;
+    cursor: pointer;
+    padding: 7px 0;
+    color: #fff;
+    text-align: center;
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    font-weight: 700;
+    background: #004d7b;
+    border: 0; }
+  .feedback-form__add-info {
+    font-size: 12px;
+    color: #929292; }
+
 .contacts-container .center-content .to-doctors .personal-doctor .doctor-image,
 .control-org-unit .personal-doctor .doctor-image {
   border-radius: 50%;

src/files/scss/_feedback-form.scss

@@ -0,0 +1,71 @@
+.feedback-form {
+    width: 100%;
+    display: block;
+
+    &__title {
+        margin-bottom: 20px;
+        font-family: $fontcuprum;
+        font-size: 20px;
+        font-weight: 700;
+
+        &-text {
+            font-family: $fontcuprum;
+            font-weight: 700;
+            font-size: 19px;
+            margin-bottom: 30px;
+        }
+    }
+
+    &__input {
+        margin-bottom: 10px;
+        padding-left: 5px;
+        font-family: $fontopensans;
+        font-size: 14px;
+        font-weight: 400;
+        width: 100%;
+        height: 30px;
+        color: #929292;
+        background: #ebebeb;
+        border: none;
+    }
+
+    &__textarea {
+        width: 100%;
+        height: 110px;
+        padding-left: 5px;
+        font-family: $fontopensans;
+        font-size: 14px;
+        color: #929292;
+        background: #ebebeb;
+        border: none;
+        resize: none;
+    }
+
+    &__checkbox {
+        width: 20px;
+        height: inherit;
+
+        &-label {
+            font-size: 12px;
+            color: #929292;
+            font-weight: bold;
+        }
+    }
+
+    &__submit {
+        margin-top: 10px;
+        cursor: pointer;
+        padding: 7px 0;
+        color: #fff;
+        text-align: center;
+        font-family: $fontcuprum;
+        font-weight: 700;
+        background: #004d7b;
+        border: 0;
+    }
+
+    &__add-info {
+        font-size: 12px;
+        color: #929292;
+    }
+}

src/files/scss/main.scss

@@ -15,6 +15,7 @@
 @import "short-contacts";
 @import "about";
 @import "additional-info-blocks";
+@import "feedback-form";
 
 .contacts-container .center-content .to-doctors .personal-doctor .doctor-image,
 .control-org-unit .personal-doctor .doctor-image {