@keyframes zoomIn {
   0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
   }
   50% {
      opacity: 1;
   }
}
.name,
.phone {
   position: relative;
   border: 0;
   background: no-repeat;
   padding: 0;
}
.name input,
.phone input {
   background-repeat: no-repeat;
   background-position: 4% 50%;
}
.name input {
   background: url(../img/name.png);
}
.phone input {
   background: url(../img/phone.png);
}
button img {
   margin-bottom: 0 !important;
   display: inline-block !important;
   width: 22px !important;
}
[hidden] {
   display: none;
}
a {
   background-color: transparent;
}
a:active,
a:hover {
   outline: 0;
}
button,
select {
   color: inherit;
   text-transform: none;
}
html input[type="button"] {
   cursor: pointer;
}
button[disabled],
html input[disabled] {
   cursor: default;
}
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;
}
.small {
   font-size: 85%;
}
q::after,
q::before {
   content: "";
}
address {
   font-style: normal;
   line-height: 1.42857;
}
label {
   display: inline-block;
   max-width: 100%;
   font-weight: 700;
}
.form-control {
   display: block;
   font-size: 14px;
   line-height: 1.42857;
   color: #555;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   transition:
      border-color 0.15s ease-in-out 0s,
      box-shadow 0.15s ease-in-out 0s;
}
.form-control:focus {
   border-color: #66afe9;
   outline: 0;
   box-shadow:
      0 1px 1px rgba(0, 0, 0, 0.075) inset,
      0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
   color: #999;
   opacity: 1;
}
.form-control[disabled] {
   background-color: #eee;
   opacity: 1;
   cursor: not-allowed;
}
.input-lg {
   height: 46px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.33333;
   border-radius: 6px;
}
.open > a,
a,
address,
body,
form,
html,
img,
label,
q,
small,
span,
sub,
var {
   outline: 0;
}
.label {
   display: inline;
   padding: 0.2em 0.6em 0.3em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25em;
}
a.label:focus,
a.label:hover {
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}
.label:empty {
   display: none;
}
.hide {
   display: none !important;
}
.show {
   display: block !important;
}
.hidden {
   display: none !important;
}
div {
   margin: 0;
}
div,
input {
   padding: 0;
   outline: 0;
}
body {
   font-family: sans-serif !important;
   width: 100%;
   color: #000;
   font: 12px/120% sans-serif;
   background: #030516 0 0;
}
.clear {
   clear: both;
   font-size: 0;
   line-height: 0;
   height: 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;
}
.wrap {
   width: 1000px;
   margin: 0 auto;
   z-index: 2;
   overflow: hidden;
}
.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;
   padding: 0;
   border: medium;
}
address,
body div,
form,
i,
img,
label,
q,
span,
var {
   margin: 0;
   padding: 0;
   font-size: 100%;
}
address,
body,
body div,
form,
html,
i,
img,
label,
q,
small,
span,
sub,
var {
   vertical-align: baseline;
   border: 0;
   background: 0 0;
}
small,
sub {
   margin: 0;
   padding: 0;
}
body,
html {
   font-size: 100%;
}
*,
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;
}
input,
select {
   vertical-align: middle;
   font: 99% sans-serif;
}
small {
   font-size: 85%;
}
sub {
   font-size: 75%;
   line-height: 0;
   position: relative;
   bottom: -0.25em;
}
.button,
button,
input[type="button"],
input[type="submit"],
label {
   cursor: pointer;
}
button,
input,
select {
   margin: 0;
}
button,
input[type="button"] {
   width: auto;
   overflow: visible;
}
body,
html {
   background-color: #1e1d2b;
   line-height: 1;
   background: #e3e3e3;
}
.form {
   padding: 30px 0;
}
.chat-container {
   width: 100%;
   height: 100%;
   right: 0;
   left: 0;
   bottom: 0;
   margin: auto;
}
.chat-header {
   width: 100%;
   background-size: 100% 100%;
   z-index: 9999;
   top: 0;
   left: 0;
   max-height: 75px;
   height: 75px;
   background: #fff;
}
.chat-header-container.down .chat-header-container-wrapper {
   padding: 11px 16px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   font-size: 30px;
   font-family: sans-serif;
   font-weight: 900 !important;
}
.chat-header-container-image {
   display: inline-block;
}
.chat-header-container-image img {
   max-width: 50px;
}
.chat-header-container-image-left {
   position: absolute;
   left: 10px;
   top: 50%;
   transform: translateY(-50%);
}
.animated {
   animation-duration: 1s;
   animation-fill-mode: both;
}
.zoomIn {
   animation-name: zoomIn;
}
.prices_block {
   font-size: 20px;
   margin: 0 auto 15px;
   text-align: center;
}
.box.RU:before,
.chat-content-desc-image {
   border-radius: 50%;
}
input {
   color: #000;
}
.container2 {
   width: 100%;
   padding: 10px 15px;
}
.block_form input,
.box {
   display: block;
   background: #fff;
}
.box {
   font-weight: 300;
   text-align: left;
   width: auto;
   padding: 20px;
   margin: 0 0 20px 60px;
   border-radius: 5px;
   font-size: 25px;
   line-height: 28px;
   position: relative;
}
.box.RU:before {
   left: -55px;
   width: 40px;
   height: 40px;
   background: url(../img/avatar.jpg) no-repeat top center;
   background-size: cover;
   display: block;
}
.box.KZ:before,
.box.RU:before,
.box.UZ:before,
.box:after {
   position: absolute;
   content: "";
   top: 50%;
   transform: translateY(-50%);
}
.box.KZ:before,
.box.UZ:before {
   left: -55px;
   width: 40px;
   height: 40px;
   background: url(../img/doc.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;
}
.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%;
}
.container2 {
   margin-top: 75px;
}
.chat-header {
   position: fixed;
}
.prices {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: center;
   font-size: 24px;
}
.prices .new span {
   font-weight: 700;
   color: red;
}
.block_form input {
   width: 100%;
   height: 40px;
   padding: 0 15px;
   border: #888 1px solid;
   font-size: 15px;
}
.block_form {
   margin-bottom: 10px;
}
.order_form {
   margin-top: 15px;
}
.block_form_label {
   font-size: 15px;
   margin-bottom: 5px;
   text-align: left;
   display: block;
}
.order_form .clear {
   clear: both;
}
.ifr_button {
   cursor: pointer;
   letter-spacing: 0.4px;
   font-weight: 600 !important;
   border: 0;
   font-family: sans-serif;
   display: block;
   margin: 10px auto 20px;
   color: #fff;
   font-size: 20px;
   text-decoration: none;
   text-align: center;
   width: auto;
   line-height: 32px;
   height: auto;
   background: #55af4b;
   border-bottom: 2px solid #544644;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   min-height: 51px;
   padding: 0 14px;
}
.chat-container {
   position: static;
}
.orderForm {
   max-width: 30%;
   margin: 0 auto;
   padding-bottom: 20px;
}
[name="country"] {
   width: 100%;
   padding: 11px;
}
.box-img-prod {
   display: block;
   text-align: center;
}
@media (max-width: 1040px) {
   .wrap {
      width: auto;
   }
}
@media screen and (max-width: 800px) {
   .orderForm {
      max-width: 50%;
   }
}
@media (max-width: 767px) {
   button img {
      display: inline-block;
      margin-bottom: -3px !important;
   }
}
@media (max-width: 700px) {
   .header-text {
      font-size: 14px;
      margin: 0 0 0 50px;
   }
}
@media (max-width: 600px) {
   .chat-header-container-image-left {
      padding-right: 60px;
   }
   .box {
      width: auto;
      font-size: 18px;
      line-height: 22px;
   }
   body {
      overflow-x: hidden;
   }
   .answers {
      flex-wrap: wrap;
   }
   .prices {
      font-size: 16px;
   }
}
@media (max-width: 494px) {
   .chat-header-container.down .chat-header-container-wrapper {
      font-size: 20px;
      margin-top: 10px;
   }
}
@media (max-width: 479px) {
   .ifr_button {
      font-size: 16px;
      line-height: 26px;
   }
}
@media (max-width: 380px) {
   .chat-header-container.down .chat-header-container-wrapper {
      font-size: 14px;
      margin-top: 10px;
   }
}