[hidden],
template {
   display: none;
}
a:active,
a:hover {
   outline: 0;
}
button,
select {
   color: inherit;
   text-transform: none;
}
html input[type="button"] {
   cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
   padding: 0;
   border: 0;
}
::after,
::before {
   box-sizing: border-box;
}
button {
   font-size: inherit;
}
button,
input,
select {
   line-height: inherit;
}
a:focus,
a:hover {
   color: #23527c;
   text-decoration: underline;
}
a:focus {
   outline: thin dotted;
   outline-offset: -2px;
}
q::after,
q::before {
   content: "";
}
.open > a,
a,
body,
del,
form,
html,
img,
p,
q,
span {
   outline: 0;
}
.show {
   display: block !important;
}
.hidden,
img[width="1"] {
   display: none !important;
}
div {
   margin: 0;
}
div,
input {
   padding: 0;
   outline: 0;
}
body {
   font-family: "Roboto" !important;
   width: 100%;
   font: 12px/120%;
   background: #030516 0 0;
}
html {
   height: 100%;
   width: 100%;
   min-width: 320px;
}
a,
a:link {
   color: #8690fe;
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
   color: #0b9cea;
}
.wrap,
body {
   position: relative;
}
.button {
   text-align: center;
   color: #fff;
   display: inline-block;
   padding: 5px;
   clear: both;
   margin: 0 auto;
   border-radius: 4px;
   font-weight: 700;
   border: 1px solid #93a4c5;
   background: -moz-linear-gradient(center top, #959ae3 0, #5665b6 100%) 0 0;
}
.button:hover {
   background: -moz-linear-gradient(center top, #bf95e3 0, #8056b6 100%) 0 0;
}
button {
   -moz-appearance: none;
   border: medium;
}
b,
body div,
del,
form,
header,
i,
img,
p,
q,
span {
   margin: 0;
   border: 0;
   vertical-align: baseline;
   background: 0 0;
}
b,
button {
   padding: 0;
}
body div,
del,
form,
i,
img,
p,
q,
span {
   padding: 0;
   font-size: 100%;
   font-weight: 400;
}
header {
   overflow: hidden;
   position: relative;
   display: block;
   width: 100%;
   padding: 10px;
   background: #1f4480;
}
body,
header,
html {
   font-weight: 400;
}
b,
body,
header,
html {
   font-size: 100%;
}
body,
html {
   border: 0;
   background: 0 0;
   vertical-align: baseline;
}
*,
html {
   box-sizing: border-box;
}
:after,
:before {
   box-sizing: inherit;
}
img {
   max-width: 100%;
}
q {
   quotes: none;
}
q:after,
q:before {
   content: none;
}
a,
body,
html {
   padding: 0;
   margin: 0;
}
a {
   font-size: 100%;
   background: 0 0;
   vertical-align: baseline;
}
del {
   text-decoration: line-through;
}
input,
select {
   vertical-align: middle;
   font: 99%;
}
.button,
button,
input[type="button"],
input[type="submit"] {
   cursor: pointer;
}
button,
input,
select {
   margin: 0;
}
button,
input[type="button"] {
   width: auto;
   overflow: visible;
}
body,
html {
   background: #1e1d2b;
   line-height: 1;
   background: #e3e3e3;
}
.form {
   padding: 30px 0;
}
.chat-container {
   width: 100%;
   height: 100%;
   right: 0;
   left: 0;
   bottom: 0;
   margin: auto;
}
.animated {
   animation-duration: 1s;
   animation-fill-mode: both;
}
.zoomIn {
   animation-name: zoomIn;
}

.box {
   width: 100%;
}
.container2 {
   width: 100%;
   padding: 10px 15px;
}
.box {
   display: block;
   font-weight: 300;
   text-align: left;
   padding: 20px;
   background: #fff;
   margin: 0 0 20px 60px;
   border-radius: 5px;
   font-size: 25px;
   line-height: 28px;
   position: relative;
}
.box:after,
.box:before {
   position: absolute;
   content: "";
   top: 50%;
   transform: translateY(-50%);
}
.box:before {
   left: -55px;
   width: 40px;
   height: 40px;
   background: url(../img/avatar.png) no-repeat top center;
   background-size: cover;
   border-radius: 50%;
   display: block;
}
.box:after {
   left: -16px;
   width: 6px;
   height: 6px;
   border: 8px solid transparent;
   border-right-color: #fff;
}
.answer {
   cursor: pointer;
   display: inline-block;
   min-width: 130px;
   border-radius: 2px;
   background: #4267b2;
   color: #fff;
   padding: 10px;
   margin: 10px 10px 0 0;
}
.answer.active {
   background: green;
}
input[name="phone"] {
   padding-left: 35px !important;
   position: relative;
   background-repeat: no-repeat;
   background-position: left 3px center;
}
.box-img {
   display: none;
}
.box.answer-big {
   background: #018001;
   color: #fff;
   text-align: right;
}
.box.answer-big:before {
   left: auto;
   right: -55px;
   background: url(../img/ava.png) no-repeat top center;
   background-size: cover;
}
.box.answer-big:after {
   transform: translateY(-50%) rotate(180deg);
   border-right-color: #018001;
   right: -16px;
   left: auto;
}
.answers {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
}
.answer {
   width: 25%;
}
.resylt_block_left li,
.resylt_block_right li {
   margin-bottom: 10px;
}
.chat-container {
   position: static;
}
header .container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
header .ava,
header .logo {
   position: relative;
   z-index: 2;
   display: block;
   margin: 0;
}
header .ava {
   width: 60px;
   height: 60px;
   border-radius: 100%;
}
header .logo {
   width: 260px;
   height: 55px;
}
header .flag {
   position: absolute;
   top: -40px;
   right: 0;
   z-index: 1;
   display: block;
   width: 350px;
   margin: 0;
   transform: rotate(10deg);
}
body {
   color: #2e2e2e;
}
.container,
.wrap {
   margin: 0 auto;
   max-width: 1000px;
   width: 100%;
}
.result:after,
.wrap:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
button:focus,
input:focus {
   outline: 0;
}
.title {
   text-transform: uppercase;
   text-align: center;
   color: #2e2e2e;
   font: 40px/44px "Roboto";
   margin-top: 40px;
}
.min {
   font: 700 40px "Roboto";
   display: inline-block;
}
.resylt_block_left,
.resylt_block_right {
   list-style: none;
}
.result {
   text-align: center;
   margin: 60px 0;
}
.result_title {
   font: 700 34px/40px "Roboto";
   color: #d63300;
   margin-bottom: 85px;
}
.result_left,
.result_right {
   width: 450px;
   float: left;
   padding: 0 40px;
}
.result_right {
   float: right;
}
.result_left_title,
.result_right_title-es {
   font-family: "Roboto";
   font-weight: 700;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   position: relative;
}
.result_right_title-es {
   line-height: 36px;
   font-size: 25px;
   background: #f93100;
   color: #fcbc26;
   text-align: left;
   padding: 15px 0 0 13px;
}
.result_right_title-es:before {
   content: "";
   width: 370px;
   height: 46px;
   position: absolute;
   top: 50px;
   right: 0;
   background: url(../img/triangle_down_red.jpg) top center no-repeat;
   background-size: cover;
}
.result_right_title-es:after {
   content: "";
   width: 141px;
   top: -80px;
   right: -8px;
   background: url(../img/prod.png?v1) no-repeat;
   background-size: contain;
   position: absolute;
   height: 125px;
}
.result_left_title {
   line-height: 26px;
   font-size: 20px;
   background: #b3b3b3;
   padding: 25px 0 0;
   z-index: 1;
}
.result_left_title:before {
   content: "";
   width: 110px;
   height: 70px;
   position: absolute;
   top: -50px;
   right: 130px;
   background: url(../img/pills.png) no-repeat;
}
.result_left_title:after {
   content: "";
   width: 370px;
   height: 46px;
   position: absolute;
   top: 53px;
   right: 0;
   background: url(../img/triangle_dowd_grey.jpg) top center no-repeat;
   background-size: cover;
   z-index: -1;
}
.resylt_block_left {
   padding: 40px 15px 5px;
   background: #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
}
.scale {
   background: #e9e9e9;
}
.scale_size {
   font: 21px "Open Sans Condensed";
   background: url(../img/scale_bg.jpg);
   width: 56%;
   padding: 5px 0;
   color: #fff;
}
.result_block_text {
   font-size: 20px;
   line-height: 24px;
   text-align: left;
}
.resylt_block_left li:nth-child(1) .scale_size {
   width: 56%;
}
.resylt_block_left li:nth-child(2) .scale_size {
   width: 57%;
}
.resylt_block_left li:nth-child(3) .scale_size {
   width: 28%;
}
.resylt_block_left li:nth-child(4) .scale_size {
   width: 9%;
}
.resylt_block_left li:nth-child(5) .scale_size {
   width: 35%;
}
.resylt_block_right {
   padding: 21px 15px 5px;
   background: #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   margin-top: 45px;
}
.resylt_block_right li:nth-child(1) .scale_size {
   width: 93%;
}
.resylt_block_right li:nth-child(2) .scale_size {
   width: 86%;
}
.resylt_block_right li:nth-child(3) .scale_size {
   width: 89%;
}
.resylt_block_right li:nth-child(4) .scale_size {
   width: 78%;
}
.resylt_block_right li:nth-child(5) .scale_size {
   width: 90%;
}
b {
   font-weight: 700;
}
@media screen and (max-width: 1000px) {
   .title {
      font-size: 36px;
      line-height: 44px;
   }
   .result_left,
   .result_right {
      padding: 0 10px;
      width: 360px;
   }
   .result_left_title:after,
   .result_right_title-es:before {
      width: 340px;
      height: 46px;
   }
   .result_right_title-es:after {
      right: -18px;
   }
   .result_block_text {
      font-size: 18px;
      line-height: 20px;
   }
}
@media (max-width: 767px) {
   .header img {
      display: none;
   }
}
@media screen and (max-width: 767px) {
   .title {
      font-size: 34px;
      line-height: 40px;
   }
   .result {
      margin: 60px 0 0;
   }
   .result_title {
      margin-bottom: 50px;
   }
   .result_left,
   .result_right {
      float: none;
      margin: 75px auto 30px;
   }
   .result_left_title:before {
      position: absolute;
      top: -50px;
      right: 105px;
   }
   .result_right_title-es:after {
      width: 94px;
      height: 140px;
      position: absolute;
      top: -68px;
      right: 15px;
   }
}
@media (max-width: 640px) {
   header .flag {
      width: 180px;
      top: -15px;
      right: -20px;
   }
}
@media (max-width: 600px) {
   .box {
      margin-right: 60px;
      width: auto;
      font-size: 18px;
      line-height: 22px;
   }
   body {
      overflow-x: hidden;
   }
   .answers {
      flex-wrap: wrap;
   }
}
@media screen and (max-width: 600px) {
   .title {
      margin-top: 10px;
      font-size: 20px;
      line-height: 32px;
      text-align: center;
   }
   .result_left_title:after {
      display: block;
      top: 75px;
      width: 280px;
      height: 46px;
   }
   .result_left,
   .result_right {
      width: 300px;
   }
   .result_left_title:before {
      position: absolute;
      top: -50px;
      right: 75px;
   }
   .result_right_title-es:before {
      width: 280px;
      height: 46px;
   }
   .result_right_title-es {
      padding: 15px 0 0 15px;
      font-size: 25px;
   }
   .result_right_title-es:after {
      width: 89px;
      height: 130px;
      position: absolute;
      top: -60px;
      right: 7px;
   }
   .person {
      flex-flow: column;
      justify-content: center;
      align-items: center;
   }
}
@media (max-width: 480px) {
   .answer {
      font-size: 14px;
   }
}

 p {
   margin-bottom: 15px;
}