a,
b,
div,
em,
form,
h2,
h3,
html,
li,
p,
span,
ul {
   padding: 0;
   vertical-align: baseline;
   background: 0 0;
}
a {
   text-decoration: none;
   cursor: pointer;
   color: #1697ce;
}
a:hover {
   text-decoration: underline;
}
body {
   background: #c5e2ff;
   border: 0;
   line-height: 1;
   background: #eff8fb 0 0;
}
.comment {
   font-size: 22px;
   font-weight: 600;
   padding-bottom: 10px;
   color: #0e61a2;
}
b,
div,
em,
form,
h2,
h3,
html,
li,
p,
span,
ul {
   border: 0;
   outline: 0;
   list-style: none;
}
h2 {
   text-align: left;
   margin: 0;
   font-weight: 400;
   font-size: 20px;
}
a,
b,
div,
em,
form,
h3,
html,
img,
li,
p,
span,
ul {
   margin: 0;
   font-size: 100%;
}
img {
   border: 0;
}
body,
img {
   list-style: none;
   outline: 0;
   background: 0 0;
   padding: 0;
   vertical-align: baseline;
}
a img {
   border: medium;
}
.logo {
   text-decoration: none;
   display: inline-block;
   padding: 0 0 0 8px;
}
.menu a:nth-child(7) {
   border-right: 0 none;
}
.logo img,
.menu a {
   display: inline-block;
   padding: 0 0 0 15px;
}
.menu a {
   color: #fff;
   text-decoration: none;
   padding: 19px 22px;
   border-right: 2px solid #00a2bd;
   margin: 0 0 -1px -6px;
}
.header {
   background: #fff 0 0;
}
.logo::after {
   content: "";
   border-right: 1px solid #dcdcdc;
   width: 1px;
   height: 43px;
   margin: 18px 0 0 30px;
}
.wrapper {
   width: 980px;
   margin: 0 auto;
}
.header > .wrapper {
   padding: 39px 0 0;
   position: relative;
}
.header_text,
.logo::after,
.menu {
   display: inline-block;
   vertical-align: top;
}
.header_text {
   font-style: italic;
   color: #b0b0b0;
   padding: 33px 0 0 23px;
}
.menu {
   background: #0099b4 0 0;
   width: 100%;
   text-align: center;
   border-bottom: 3px solid #007b92;
}
.header_menu_block {
   margin: 28px 0 0;
   width: 100%;
}
.menu > .active {
   background: #007b92 0 0;
   color: #fff !important;
   width: 121px;
   text-align: center;
}
.main_content {
   line-height: 120%;
   display: inline-block;
   padding: 10px;
   box-sizing: border-box;
   background: #fff 0 0;
   vertical-align: top;
}
.container {
   width: 980px;
   height: 100%;
}
.main_content p > a {
   color: #0096b2;
}
.content_title {
   color: #2e2e2e;
   padding: 0;
   font-size: 33px;
   line-height: 36px;
   margin-top: 15px;
   margin-bottom: 20px;
   font-weight: 600;
}
.main_content p {
   font-size: 18px;
   color: #1d1d1d;
   line-height: 24px;
   margin: 10px 0;
   padding: 0 20px;
   font-weight: 400;
}
.content_img {
   margin: 10px 20px;
   text-align: center;
}
.comment_title {
   background: #0096b2 0 0;
   color: #fff;
   font-size: 22px;
   padding: 14px 17px;
}
.container {
   background: #fff 0 0;
   border: 1px solid #e7e7e7;
   border-radius: 5px;
   margin: 41px auto 0;
}
.content_img a > img {
   max-width: 100%;
}
.item {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   margin-bottom: 10px;
}
.item .photo {
   display: block;
   width: 50px;
   margin-right: 15px;
}
.item .photo img {
   width: 50px;
   max-width: none !important;
}
.name {
   font-size: 18px;
   color: #0096b2;
}
.name em {
   font-size: 14px;
   color: gray;
}
.order_block,
blockquote p {
   text-align: center !important;
}
.top-line {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.top-line > div:first-child {
   display: flex;
}
.red-txt,
.red-txt * {
   color: red;
}
h2.h2 {
   font-weight: 600;
   margin-bottom: 20px;
   font-size: 28px;
   line-height: 1.1;
}
.bg1 {
   background: #ffcf004d;
   border: 1px #000 solid;
   padding: 10px;
   margin: 10px 20px;
}
.main_content ul li {
   list-style: initial;
   margin-left: 20px;
}
.main_content ul li:not(:last-child) {
   margin-bottom: 15px;
}
.h3 {
   font-size: 1.2em !important;
   line-height: 1.3 !important;
}
figure {
   max-width: 600px;
   margin: 0 auto 15px;
   text-align: center;
}
figcaption {
   font-style: italic;
   text-align: center;
   color: #404040;
}
.main_content > ul {
   padding-left: 20px;
}
.gray-block {
   padding: 10px;
   background: #8080804f;
   border: 1px #000 solid;
   margin: 10px 20px;
}
.comment img {
   width: 100%;
   max-width: 350px;
   margin-top: 5px;
}
.comment p {
   padding-left: 0;
}
.reply {
   margin-left: 50px !important;
}
.bot-btn,
.submit {
   color: #fff;
   cursor: pointer;
}
.bot-btn {
   display: inline-block;
   font-weight: 600;
   font-size: 24px;
   padding: 10px;
   background: red;
   text-decoration: none;
}
.bot-btn:hover {
   color: #fff;
   text-decoration: none;
}
* {
   padding: 0;
}
body,
html {
   height: 100%;
}
*,
body {
   margin: 0;
}
body {
   font:
      18px "Roboto";
   color: #000;
   background: #f7f7f7 0 0;
}
a:hover {
   color: #b0493b;
}
.content::after {
   content: "";
   display: block;
   clear: both;
}
.submit {
   background: #b22222;
   margin-top: 10px;
   height: 65px;
   width: 400px;
   font-size: 28px;
   border-radius: 3px;
}
.submit:hover {
   background: #b22222 !important;
}
.fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
}
html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}
.comment img,
figcaption,
figure,
header {
   display: block;
}
.country_select,
[hidden] {
   display: none;
}
a:active,
a:hover {
   outline: 0;
}
b {
   font-weight: 700;
}
hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
}
button,
input {
   color: inherit;
   font: inherit;
   margin: 0;
}
button {
   overflow: visible;
}
button,
select {
   text-transform: none;
}
button,
html input[type="button"],
input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
}
input {
   line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
   box-sizing: border-box;
   padding: 0;
}
a:active,
a:focus {
   outline: 0;
}
input,
input:active {
   outline: 0;
}
button:active,
button:focus {
   outline: 0 !important;
}
.order_form {
   display: block !important;
   margin: 0 auto !important;
   text-align: center !important;
}
#cell {
   vertical-align: middle;
   display: table-cell;
}

blockquote,
blockquote:before {
   color: #474c4f;
   background: #fff4e0;
}
blockquote {
   margin: 15px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
   padding: 30px;
   position: relative;
   text-transform: uppercase;
   font-family: Lato, sans-serif;
   text-align: center;
}
blockquote:before {
   content: "©";
   position: absolute;
   z-index: 2;
   left: 50%;
   transform: translateX(-50%);
   top: 14px;
   font-size: 20px;
   padding: 0 15px;
}
blockquote:after {
   content: "";
   position: absolute;
   left: 15px;
   top: 20px;
   right: 15px;
   height: 4px;
   border-top: 1px dotted #474c4f;
   border-bottom: 1px dotted #474c4f;
}
.step-quest > * label:active {
   background: #d0d0d0;
}
.content_img p {
   color: #656565;
   font-weight: 500;
   margin-bottom: 30px;
}
#quiz,
.step-quest {
   display: flex;
   flex-wrap: wrap;
}
#quiz {
   min-height: 50vh;
   align-items: center;
   padding: 50px;
   background: #f9f9f9;
}
#quiz_form {
   width: 100%;
}
#last_step,
#other_steps,
#step1,
#step2,
#step3,
#step4 {
   display: none;
}
#step0 {
   display: block;
}
#last_step h2,
#step1 h2,
#step2 h2,
#step3 h2 {
   text-align: center;
   margin-bottom: 50px !important;
}
#last_step,
#other_steps,
#step0 {
   text-align: center;
}
.step-quest {
   justify-content: center;
   margin-left: -15px;
   margin-right: -15px;
}
.step-quest > * {
   width: 50%;
   padding: 0 15px;
   margin-bottom: 30px;
}
.step-quest > * label {
   display: block;
   border: 2px solid #eee;
   padding: 15px 30px;
   border-radius: 5px;
   height: 100%;
}
.step-quest > * label.checked {
   border: 2px solid #54a8fb;
   box-shadow: 1px 1px 12px #ccc;
}
.step-quest > * label input {
   margin-right: 15px;
   display: none;
}
.step-quest > * label input#price_input {
   display: block;
   width: 100%;
   border-radius: 3px;
   pointer-events: none;
   font-size: 1.2rem;
   text-align: center;
}
.step-quest > * img {
   margin-bottom: 15px;
}
.step-quest > div > input {
   padding: 15px 0;
   width: 100%;
   border: 1px solid #eee;
   border-radius: 5px;
   font-size: 1.3rem;
   text-align: center;
}
#last_step {
   line-height: 22px;
}
#progress_bar {
   height: 5px;
   width: 100%;
   background: rgba(84, 168, 251, 0.2);
}
#progress_in {
   width: 0%;
   height: 100%;
   background: #54a8fb;
   transition: all 0.3s ease;
   -o-transition: all 0.3s;
   -webkit-transition: all 0.3s ease 0s;
}
#curr_step {
   margin-bottom: 15px;
   margin-top: 40px;
}
@media screen and (max-width: 1020px) {
   body img {
      height: auto;
   }
   body img,
   center > img {
      max-width: 100%;
   }
}
@media screen and (max-width: 999px) {
   .logo::after {
      display: none;
   }
   .container {
      background: 0 0;
      border: 0;
      width: 100%;
      margin: 10px auto 0;
   }
   .main_content {
      display: block;
      margin: 0 auto;
   }
   .header > .wrapper {
      width: 100%;
      text-align: center;
      padding: 39px 0 0;
   }
   .menu {
      text-align: center;
      display: block;
   }
   .header_menu_block {
      position: relative;
   }
}

@media screen and (max-width: 768px) {
   .top-line {
      display: block;
   }
   .top-line > div:first-child {
      justify-content: center;
   }
   .view1 {
      text-align: center;
   }
   .header_menu_block {
      display: none;
   }
}
@media screen and (max-width: 767px) {
   .main_content {
      margin: 0 auto;
      width: 439px;
      border-radius: 5px;
   }
   .menu > .active {
      margin: 0 0 0 -4px;
   }
   .header > .wrapper {
      padding: 20px 0 0;
   }
   .header_text {
      padding: 22px 0;
      width: 300px;
   }
   .header_menu_block {
      margin: 10px auto 0;
      position: relative;
   }
   .menu a {
      margin: 10px 0;
   }
}
@media screen and (max-width: 540px) {
   .bg1,
   .gray-block,
   blockquote {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }
}
@media screen and (max-width: 480px) {
   .logo img {
      width: 100%;
      padding-left: 0 !important;
   }
   .content_title {
      font-size: 23px !important;
   }
   h2.h2 {
      font-size: 20px !important;
   }
   .main_content p {
      text-align: left;
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
   .main_content {
      margin: 0 auto;
      width: 100vw;
   }
   .content_img {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }
   .header > .wrapper {
      padding: 10px 0 0;
   }
   .header_menu_block {
      display: none;
   }
   input {
      width: 90%;
   }
}
@media screen and (max-width: 420px) {
   body img {
      height: auto;
      max-width: 100%;
   }
}
@media screen and (max-width: 410px) {
   .menu {
      margin-top: 12px;
      margin-right: 10px;
   }
}
@media screen and (max-width: 345px) {
   .order_block img {
      width: 100%;
   }
}
@media screen and (max-device-width: 1024px) {
   #quiz h2 {
      margin-bottom: 50px !important;
   }
   .step-quest,
   .step-quest > * {
      margin-bottom: 15px;
   }
   #type-home > *,
   #type-repair > * {
      width: 50%;
      text-align: left;
      margin-bottom: 15px;
   }
   .step-quest > * label {
      display: flex;
      align-items: center;
      padding: 15px;
      justify-content: center;
   }
   .step-quest > * img {
      width: 30%;
      margin-bottom: 0;
      margin-right: 20px;
   }
   .step-quest > div > input {
      padding: 10px 30px;
      font-size: 1.1rem;
   }
}
@media screen and (max-device-width: 800px) {
   #quiz {
      padding: 0 15px;
   }
   #quiz h2 {
      font-size: 1.8rem;
   }
   .step-quest > * img {
      display: none;
   }
   .step-quest > * label {
      text-align: center;
      padding: 10px 15px;
   }
}
@media screen and (max-device-width: 480px) {
   #quiz h2 {
      margin-bottom: 40px !important;
   }
   #type-home > *,
   #type-repair > *,
   .step-quest > * {
      width: 90%;
   }
}
@media screen and (max-device-width: 380px) {
   #quiz h2 {
      font-size: 1.6rem;
   }
   #type-home > *,
   #type-repair > *,
   .step-quest > * {
      width: 100%;
   }
}