* {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  overflow-y: scroll !important;
  counter-reset: item;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
  color: white;
}
#fileinput {
  display: none;
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*---------------Переменные-----------------------------*/
.wrapper_body {
  font: 16px 'Roboto', sans-serif;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  line-height: 1.5;
  color: #666666;
  overflow: hidden;
}
.link {
  color: #0098F9;
  text-decoration: underline;
}
.back {
  position: absolute;
}
.fa-bars {
  display: none;
  font-size: 28px;
}
.fa-eye {
  color: #4597f6;
}
.fa-comment {
  color: #fbb71b;
}
.fa-star {
  color: #e69508;
}
.orange {
  color: #e69508;
  font-size: 20px;
  padding: 0 26px;
}
.orange a {
  color: #e69508;
}
.purple {
  color: #BDA1FA;
}
.price_purple {
  color: #8661F4;
}
.left_img {
  position: absolute;
  left: 0;
  z-index: -1;
}
#breadcrumb {
  position: relative;
  margin-bottom: 60px;
}
#breadcrumb ul {
  display: flex;
}
#breadcrumb ul li {
  margin: 0 0 0 15px;
}
#breadcrumb ul li:before {
  top: 1px;
  position: absolute;
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f105";
  margin-left: -8px;
  color: #ffc94e;
}
#breadcrumb ul li:nth-child(1) {
  margin: 0;
}
#breadcrumb ul li:nth-child(1):before {
  display: none;
}
#breadcrumb ul li a,
#breadcrumb ul li span {
  color: #4799f6;
  margin-left: 5px;
}
#breadcrumb ul li .fa-home {
  color: rgba(139, 111, 236, 0.9);
  position: relative;
}
#breadcrumb ul li .fa-home:after {
  content: '';
  position: absolute;
  width: 43px;
  height: 43px;
  border-width: 10px;
  border-color: rgba(139, 111, 236, 0.6);
  border-style: solid;
  box-shadow: 0px 0px 8.82px 0.18px rgba(139, 111, 236, 0.5);
  border-radius: 50%;
  webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 50%;
  left: 50%;
  margin-top: -31.5px;
  margin-left: -31.5px;
}
#breadcrumb ul li:nth-child(1) {
  margin-right: 25px;
}
.right_img {
  position: absolute;
  right: 0;
  z-index: -1;
}
.top_img {
  margin-top: 300px;
}
.bottom_img1 {
  margin-top: -280px;
}
.bottom_img {
  margin-top: -180px;
}
.list {
  list-style-type: none;
}
.list li:before {
  content: '•';
  margin-right: 15px;
}
.p_underline:after {
  margin: -12px auto 0;
  content: '';
  display: block;
  border-radius: 7px;
  background-color: rgba(252, 238, 205, 0.2);
  width: 260px;
  height: 15px;
}
.align_center {
  width: 100%;
  text-align: center;
}
.zero {
  margin: 0;
}
.one {
  margin-top: 130px;
}
h1,
.h1_styles {
  text-transform: uppercase;
  font: bold 42px 'Roboto', sans-serif;
}
h2,
.h2_style {
  position: relative;
  text-align: center;
  margin: 0 auto ;
  font: 600 36px 'Open Sans', sans-serif;
  z-index: 2;
  color: #4597f6;
}
h2:after,
.h2_style:after {
  background: #f4f1fe;
  max-width: 460px;
  height: 15px;
  content: '';
  display: block;
  margin: -18px auto 0;
  z-index: 1;
  border-radius: 15px;
}
h2 span,
.h2_style span {
  z-index: 2;
}
h2 span:before,
.h2_style span:before,
h2 span:after,
.h2_style span:after {
  background-color: #f1a521;
  width: 200px;
  height: 2px;
  content: '';
  position: absolute;
}
h2 span:before,
.h2_style span:before {
  left: 0;
  top: -2px;
  margin-left: 235px;
}
h2 span:after,
.h2_style span:after {
  bottom: -14px;
  right: 0;
  margin-right: 235px;
}
strong {
  font-weight: bold;
}
.h1_wrapper {
  position: relative;
  text-align: center;
}
.h1_wrapper:before,
.h1_wrapper:after {
  background-color: #f1a521;
  width: 200px;
  height: 2px;
  content: '';
  position: absolute;
}
.h1_wrapper:before {
  left: 0;
  top: 0;
  margin-left: 235px;
}
.h1_wrapper:after {
  bottom: -12px;
  right: 0;
  margin-right: 235px;
}
.our_site h1 {
  position: relative;
  text-align: center;
  margin: 0 auto;
  font: 600 36px 'Open Sans', sans-serif;
  color: #4597f6;
  text-transform: unset;
}
.our_site h1:after {
  background: #f4f1fe;
  max-width: 460px;
  height: 15px;
  content: '';
  display: block;
  margin: -18px auto 0;
  z-index: 1;
}
.our_site h1 span {
  z-index: 2;
}
h3 {
  color: #AD8EF5;
  text-align: center;
  font: bold 22px 'Open Sans', sans-serif;
  text-transform: uppercase;
}
h3:after {
  background: #fdf3dc;
  height: 15px;
  width: 460px;
  content: '';
  display: block;
  margin: -10px auto 0;
}
.has_er {
  /* Firefox 19+ */
  /* Firefox 18- */
  /* Firefox 19+ */
  /* Firefox 18- */
}
.has_er input,
.has_er select,
.has_er textarea {
  background-color: #ff3333 !important;
}
.has_er input::-webkit-input-placeholder {
  color: #333333 !important;
}
.has_er input::-moz-placeholder {
  color: #333333 !important;
}
.has_er input:-moz-placeholder {
  color: #333333 !important;
}
.has_er input:-ms-input-placeholder {
  color: #333333 !important;
}
.has_er textarea::-webkit-input-placeholder {
  color: #333333 !important;
}
.has_er textarea::-moz-placeholder {
  color: #333333 !important;
}
.has_er textarea:-moz-placeholder {
  color: #333333 !important;
}
.has_er textarea:-ms-input-placeholder {
  color: #333333 !important;
}
.has_er .fa,
.has_er .far,
.has_er select,
.has_er textarea {
  color: #333333 !important;
}
.rate {
  margin-top: 15px;
}
.rate #rating {
  position: relative;
  text-align: left;
}
.rate #rating #rating_star {
  width: 85px;
  cursor: pointer;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  max-width: 85px;
  overflow: hidden;
  height: 20px;
  margin: 0 auto;
}
.rate #rating #rating_star #rating_hover {
  background: url(/rating/images/ratings.png) 0 -32px;
}
.rate #rating #rating_star #rating_votes {
  background: url(/rating/images/ratings.png) 0 -16px;
}
.rate #rating #rating_star #rating_blank {
  background: url(/rating/images/ratings.png);
  width: 85px;
}
.rate #rating #rating_star #rating_hover,
.rate #rating #rating_star #rating_votes,
.rate #rating #rating_star #rating_blank {
  height: 16px;
  position: absolute;
  top: 4px;
  left: 0;
}
.rate #rating #rating_info {
  text-align: center;
}
.rate #rating #rating_page {
  display: none;
}
.map_site {
  font-family: 'Open Sans', sans-serif;
}
.middle_block1 .back_type_1,
.middle_block1 .back_type_2,
.middle_block1 .back_type_3,
.middle_block1 .back_type_4,
.middle_block1 .back_type_5,
.middle_block1 .back_type_6 {
  position: relative;
}
.middle_block1 .back_type_1:before,
.middle_block1 .back_type_2:before,
.middle_block1 .back_type_3:before,
.middle_block1 .back_type_4:before,
.middle_block1 .back_type_5:before,
.middle_block1 .back_type_6:before,
.middle_block1 .back_type_1:after,
.middle_block1 .back_type_2:after,
.middle_block1 .back_type_3:after,
.middle_block1 .back_type_4:after,
.middle_block1 .back_type_5:after,
.middle_block1 .back_type_6:after {
  content: '';
  position: absolute;
  background-size: cover;
  top: 0;
}
.middle_block1 .down:before,
.middle_block1 .down:after {
  top: 600px;
}
.middle_block1 .back_type_1:before {
  background: url(/img/bg_left1_1.png) no-repeat;
  left: -365px;
  width: 125px;
  height: 319px;
}
.middle_block1 .back_type_1:after {
  background: url(/img/bg_right1.png) no-repeat;
  right: -365px;
  width: 190px;
  height: 375px;
}
.middle_block1 .back_type_2:before {
  background: url(/img/bg_left1.png) no-repeat;
  left: -365px;
  width: 183px;
  height: 300px;
}
.middle_block1 .back_type_2:after {
  background: url(/img/bg_right2.png) no-repeat;
  right: -365px;
  width: 280px;
  height: 300px;
}
.middle_block1 .back_type_3:before {
  background: url(/img/bg_left3.png) no-repeat;
  left: -365px;
  width: 218px;
  height: 357px;
}
.middle_block1 .back_type_3:after {
  background: url(/img/bg_right4.png) no-repeat;
  right: -365px;
  width: 193px;
  height: 449px;
}
.middle_block1 .back_type_4:before {
  background: url(/img/bg_left1_1.png) no-repeat;
  left: -365px;
  width: 183px;
  height: 300px;
}
.middle_block1 .back_type_4:after {
  background: url(/img/bg_right4.png) no-repeat;
  right: -365px;
  width: 190px;
  height: 449px;
}
.middle_block1 .back_type_5:before {
  background: url(/img/bg_left1.png) no-repeat;
  left: -365px;
  width: 218px;
  height: 357px;
}
.middle_block1 .back_type_5:after {
  background: url(/img/bg_right1.png) no-repeat;
  right: -365px;
  width: 165px;
  height: 375px;
}
.middle_block1 .back_type_6:before {
  background: url(/img/bg_left3.png) no-repeat;
  left: -365px;
  width: 216px;
  height: 356px;
}
.middle_block1 .back_type_6:after {
  background: url(/img/bg_right2.png) no-repeat;
  right: -365px;
  width: 279px;
  height: 300px;
}
.popup {
  width: 100vw;
  height: 100vh;
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  top: 0;
  left: 0;
  overflow: auto;
}
.popup .form {
  top: 50px;
  position: absolute;
  left: 50%;
  margin-left: -159px;
  width: 318px;
  height: auto;
  box-sizing: border-box;
  background: #e7e3f8;
  text-align: center;
  padding: 25px;
  border-radius: 20px;
}
.popup .form .title {
  margin-bottom: 25px;
}
.popup .form .control_wrapper {
  margin-top: 15px;
}
.popup .form .response_text {
  font: 16px/24px 'Roboto', sans-serif;
}
.popup .form_letter {
  height: 420px;
}
.popup .form_letter .control_wrapper {
  margin-top: 20px;
}
.popup .fa-times {
  margin: 0;
  color: #fff;
  background: red;
  width: 30px;
  height: 30px;
  line-height: 30px!important;
  border-radius: 50%;
  text-align: center;
  float: right;
  cursor: pointer;
  top: -10px;
  right: -10px;
  position: absolute;
}
.popup .fa-times:before {
  font-size: 20px;
}
.popup .btn {
  margin: 25px auto 0;
}
.btn {
  position: relative;
  text-align: center;
  width: auto;
  font: 16px/46px 'Roboto', sans-serif;
  height: 46px;
  padding: 2px 30px 0px 30px;
  cursor: pointer;
  background: white;
  text-transform: uppercase;
  border-radius: 30px;
  border: 7px solid rgba(241, 167, 37, 0.3);
  background-image: -moz-linear-gradient(45deg, #e99a11 0%, #f4aa29 100%);
  background-image: -webkit-linear-gradient(45deg, #e99a11 0%, #f4aa29 100%);
  background-image: -ms-linear-gradient(45deg, #e99a11 0%, #f4aa29 100%);
  color: white;
  white-space: nowrap;
  display: inline-block;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  -moz-user-select: none;
  /* Mozilla Firefox */
  -ms-user-select: none;
  /* Internet Explorer (не поддерживается) */
  -o-user-select: none;
  /* Opera Presto (не поддерживается) */
  -webkit-user-select: none;
  /* Google Chrome, Opera Next, Safari */
  letter-spacing: 0.4px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn img {
  display: none;
}
.btn:after {
  content: url("/img/button_border6.png");
  position: absolute;
  left: -7px;
  top: 4px;
  height: 38px;
  -moz-transform: rotate(180deg);
  /* Для Firefox */
  -ms-transform: rotate(180deg);
  /* Для IE */
  -webkit-transform: rotate(180deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(180deg);
  /* Для Opera */
  transform: rotate(180deg);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn:before {
  content: url("/img/button_border6.png");
  position: absolute;
  right: -7px;
  top: 5px;
  height: 38px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn:active {
  top: 2px;
  left: -2px;
  box-shadow: 1px 2px 3px 0.03px rgba(0, 0, 0, 0.35);
}
.btn:active:before {
  right: -2px;
}
.btn:active:after {
  left: -2px;
}
.fancy {
  position: relative;
}
.other_information .btn .fa-phone,
.footer .btn .fa-phone {
  display: none;
}
.set_btn {
  border: 7px solid rgba(184, 160, 242, 0.5);
  color: #BDA1FA;
  background: #f2eefd;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
}
.set_btn:after {
  content: url("/img/buttom_img2.png");
  position: absolute;
  left: -7px;
  top: 4px;
  height: 38px;
  -moz-transform: rotate(180deg);
  /* Для Firefox */
  -ms-transform: rotate(180deg);
  /* Для IE */
  -webkit-transform: rotate(180deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(180deg);
  /* Для Opera */
  transform: rotate(180deg);
}
.set_btn:before {
  content: url("/img/buttom_img2.png");
  position: absolute;
  right: -7px;
  top: 5px;
  height: 38px;
}
.btn_white_back:after {
  content: url("/img/button_img4.png");
  position: absolute;
  left: -7px;
  top: 4px;
  height: 38px;
  -moz-transform: rotate(360deg);
  /* Для Firefox */
  -ms-transform: rotate(360deg);
  /* Для IE */
  -webkit-transform: rotate(360deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(360deg);
  /* Для Opera */
  transform: rotate(360deg);
}
.btn_white_back:before {
  content: url("/img/button_img4.png");
  position: absolute;
  right: -7px;
  top: 4px;
  height: 38px;
  -moz-transform: rotate(180deg);
  /* Для Firefox */
  -ms-transform: rotate(180deg);
  /* Для IE */
  -webkit-transform: rotate(180deg);
  /* Для Safari, Chrome, iOS */
  -o-transform: rotate(180deg);
  /* Для Opera */
  transform: rotate(180deg);
}
.btn_cost {
  width: auto;
  margin: 0 auto;
}
.back_fancy {
  display: inline-block;
  float: left;
  text-align: center;
  position: relative;
  margin-top: 25px;
  margin-right: 30px;
}
.back_fancy img {
  right: -150px;
  z-index: -1;
  position: absolute;
}
.back_fancy a {
  display: inline-block;
}
.back_fancy a img {
  right: unset;
  z-index: unset;
  position: relative;
}
.mobile_header {
  display: none;
}
.wrapper_btn {
  margin-top: 25px;
  width: 460px;
  display: flex;
  max-width: 100%;
  justify-content: space-between;
}
.bold {
  font-weight: bold;
}
.clear {
  clear: both;
}
.flex-row {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
.header_img {
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.header_img .back_header_img1 {
  position: absolute;
}
.studio_img1 {
  float: left;
}
.studio_img2 {
  float: right;
}
.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.header {
  position: relative;
  min-height: 647px;
  color: white;
}
.header .container {
  position: relative;
}
.header .container > img {
  position: absolute;
  left: 50%;
  margin-left: -95px;
  top: -50px;
}
.header_category {
  min-height: 270px;
}
.footer {
  margin-top: 135px;
  position: relative;
  z-index: 1;
}
.footer .header_img {
  z-index: -11;
}
.footer .header_img .back_header_img1 {
  top: -132px;
}
.footer .nav_list span {
  color: white;
}
.header_top,
.header_middle,
.header_bottom,
.middle_block1 {
  position: relative;
}
.header_bottom {
  z-index: 100;
}
.indicator {
  border-bottom: 1px solid #ffc94e;
  top: 0px;
  position: absolute;
  width: 0;
  opacity: 0;
  z-index: 30;
}
.head_top {
  position: relative;
  height: 22px;
}
.head_top .langs {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 1px;
}
.head_top .langs a {
  margin-left: 15px;
}
.head_top .langs a:active {
  color: #ffc94e;
}
.head_top .langs a.active {
  color: #ffc94e;
}
.head_top .adress {
  line-height: 22px;
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 2px;
}
.head_top .adress i {
  color: #fbb71b;
}
.form {
  float: right;
  z-index: 1;
  position: relative;
  width: 360px;
  border-radius: 5px;
  height: auto;
  box-sizing: border-box;
  background: #e7e3f8;
  text-align: center;
  padding: 25px 40px;
}
.form .control_wrapper48 {
  margin-top: 15px;
}
.form .line {
  position: absolute;
  top: -20px;
  z-index: -1;
  right: -50px;
}
.form textarea {
  height: 90px;
  width: 268px;
  border-radius: 22px;
  padding: 10px 5px 0 15px;
  box-sizing: border-box;
  font: 14px 'Segoe UI', sans-serif;
}
.form textarea::-webkit-input-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form textarea:-moz-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form textarea::-moz-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form textarea:-ms-input-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form .title {
  margin-bottom: 25px;
  text-transform: uppercase;
  font: bold 23px 'Open Sans', sans-serif;
  color: #AD8EF5;
}
.form .title:after {
  background: #f6ebda;
  height: 15px;
  width: 230px;
  content: '';
  display: block;
  margin: -12px auto 0;
}
.form .btn_order {
  margin: 10px auto 0;
}
.form .control_wrapper input {
  border-radius: 22px;
  box-sizing: border-box;
  width: 268px;
  height: 43px;
  padding: 0 5px 0 15px;
  font: 14px 'Roboto', sans-serif;
}
.form .control_wrapper input::-webkit-input-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form .control_wrapper input:-moz-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form .control_wrapper input::-moz-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form .control_wrapper input:-ms-input-placeholder {
  font: 16px 'Segoe UI', sans-serif;
  line-height: 40px;
}
.form input[name="upload"] {
  border-radius: 50%;
}
.other_information {
  padding: 11px 0 10.5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.other_information .logo {
  margin-top: -5px;
}
.other_information .logo img {
  float: left;
  margin-right: 10px;
}
.other_information .logo p {
  font-size: 18px;
  width: 287px;
  text-transform: uppercase;
}
.other_information .logo p:nth-child(3) {
  letter-spacing: 1px;
}
.other_information .work_time {
  display: flex;
  align-items: center;
}
.other_information .work_time i {
  margin-right: 5px;
  color: #fbb71b;
}
.phone_wrapper p a {
  padding-left: 25px;
  position: relative;
}
.phone_wrapper p a:before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  left: 0px;
}
.phone_wrapper p:nth-child(1) a:before {
  background: url(../img/mts.png) no-repeat;
}
.phone_wrapper p:nth-child(2) a:before {
  background: url(../img/kiev.png) no-repeat;
}
.phone_wrapper p:nth-child(3) a:before {
  background: url(../img/life.png) no-repeat;
}
.nav_list {
  position: relative;
  flex-wrap: wrap;
  border-top: 1px solid white;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font: 400 18px/50px 'Roboto', sans-serif;
  height: 50px;
  z-index: 20;
}
.nav_list .title_main {
  display: none;
}
.nav_list li {
  flex-grow: 1;
  text-align: center;
  position: relative;
}
.nav_list li > ul {
  display: none;
  position: absolute;
  background: #3daef7;
  left: 0px;
  top: calc(50px - 1px);
  border-top: 2px solid #ffc94e;
}
.nav_list li > ul li {
  text-align: left;
}
.nav_list li > ul li a {
  white-space: nowrap;
  line-height: 1;
  padding: 8px 15px 10px 15px;
  border-top: 2px solid transparent;
}
.nav_list li.active > a,
.nav_list li.active span {
  color: #ffc94e;
}
.nav_list .next_level .fa:active {
  color: #ffc94e;
}
.block_h1 {
  z-index: 10;
  position: relative;
  margin-top: 62px;
}
.block_h1 .head_block_left {
  width: 585px;
  max-width: 100%;
}
.block_h1 .head_block_left h1,
.block_h1 .head_block_left .h1_styles {
  line-height: 1.6;
  margin-bottom: 20px;
}
.block_h1 .head_block_left h1 span,
.block_h1 .head_block_left .h1_styles span {
  line-height: 32px;
  font-size: 24px;
  display: block;
  font-weight: normal;
  text-transform: none;
}
.block_h1 .head_block_right {
  float: right;
  margin: -288px -77px 0 0;
}
.block_h1 .right_404 {
  margin: -417px -250px 0 0;
}
.middle_block1 {
  position: relative;
}
.middle_block1 .services {
  margin: 117px auto 0;
  position: relative;
  z-index: 5;
  max-width: 975px;
  justify-content: space-between;
}
.middle_block1 .services div {
  width: 284px;
}
.middle_block1 .services div p.orange {
  padding: 0 44px;
  line-height: 1.2;
}
.middle_block1 .services div:nth-child(1) {
  width: 265px;
}
.middle_block1 .services div:nth-child(2) {
  margin-left: 20px;
  width: 213px;
  margin-top: -22px;
}
.middle_block1 .services div:nth-child(2) p.orange {
  line-height: 1.2;
  padding: 0 7px;
}
.middle_block1 .services div p.orange + p {
  margin-top: 11px;
}
.middle_block1 .services div p:nth-child(2) {
  line-height: 1.2;
  margin-top: 10px;
}
.middle_block1 .about_studio {
  margin-top: 60px;
  font-size: 18px;
}
.middle_block1 .about_studio .studio_img1 {
  margin: 0 10px 0 -365px;
}
.middle_block1 .about_studio .block_studio {
  margin: 57px 0 0 0px;
}
.middle_block1 .about_studio .block_studio .align_center {
  display: block;
}
.middle_block1 .about_studio .studio_img2 {
  margin: -170px -368px 0 0;
}
.middle_block1 .development_wid7 {
  font-size: 18px;
}
.middle_block1 .development_wid7 .studio_img1 {
  margin: 0 0 0 -365px;
}
.middle_block1 .development_wid7 .block_studio {
  margin: 54px 0 0 145px;
}
.middle_block1 .development_wid7 .block_studio p + p + p {
  text-align: center;
}
.contacts_bottom {
  margin-bottom: -100px;
}
.quote {
  z-index: 2;
  width: 250px;
  position: relative;
  margin: 84px 0 98px 116px;
}
.quote:before {
  z-index: -1;
  content: '';
  width: 403px;
  height: 411px;
  position: absolute;
  background: url(../img/quote.png) no-repeat;
  top: -100px;
  left: -82px;
}
.features_company {
  clear: both;
  margin-top: 52px;
}
.features_company .block_features div {
  width: 320px;
  margin-top: 45px;
}
.features_company .block_features div p:nth-of-type(2) {
  font-size: 16px;
  margin-top: 15px;
}
.features_development {
  margin-top: 39px;
}
.features_development .orange {
  padding: 0;
}
.features_development .features_site h3 {
  clear: both;
  margin: 45px 0 30px;
}
.features_development .features_site p {
  font-size: 18px;
  margin-top: 20px;
}
.features_development .features_site p a {
  margin-left: 10px;
}
.features_development .features_site a {
  color: #4597f6;
  text-decoration: underline;
}
.features_development .features_site a i {
  margin: 12px 15px 0 0;
}
.features_development .features_site h4 {
  margin-top: 20px;
}
.features_development .features_site ul {
  font-size: 18px;
}
.features_development .features_site ul li:first-child {
  list-style: none;
}
.features_development .features_site ul li:before {
  content: '•';
  margin-right: 15px;
}
.features_development .features_site ul .orange {
  list-style-type: none;
}
.features_development .features_site ul .orange:before {
  display: none;
}
.features_development .features_site .img_1 {
  margin: 25px 155px 50px 230px;
}
.features_development .features_site .img_2 {
  margin: 25px 224px 50px 155px;
}
.features_development .features_site span {
  display: inline-block;
  background: url(/img/bg_under_phone.jpg) no-repeat;
  background-position-y: 75px;
}
.features_development .features_site div:nth-of-type(2n - 1) span {
  float: right;
  background-position-x: 125px;
}
.features_development .features_site div:nth-of-type(2n) span {
  background-position-x: 50px;
  float: left;
}
.stages_development .studio_img1 {
  margin: 36px 0 0 -340px;
}
.stages_development .block_studio {
  font-size: 18px;
  margin: 57px 61px 0 0;
}
.stages_development .block_studio p {
  margin-bottom: 28px;
}
.stages_development .block_studio p + p {
  margin: 30px 0 0 0;
}
.stages_development .block_studio p:nth-of-type(2) {
  margin: 30px 0 0 0;
}
.stages_development .studio_img2 {
  margin: -20px -432px 0 0;
}
.before_p {
  position: relative;
  z-index: 1;
}
.before_p:before {
  z-index: -1;
  content: '';
  width: 50px;
  left: -6px;
  height: 29px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
}
.block_top_decision {
  margin-top: 57px;
  counter-reset: item;
}
.block_top_decision .block_decision {
  position: relative;
  z-index: 2;
  margin-top: 50px;
  font-size: 18px;
  width: 392px;
}
.block_top_decision .block_decision:nth-child(2),
.block_top_decision .block_decision:nth-child(5) {
  float: left;
  margin-left: 80px;
}
.block_top_decision .block_decision:nth-child(3),
.block_top_decision .block_decision:nth-child(6) {
  float: right;
}
.block_top_decision .block_decision li:nth-child(1):before {
  margin-right: 0;
}
.block_top_decision .block_decision span {
  text-transform: uppercase;
  font: bold 22px 'Open Sans', sans-serif;
  color: #e69508;
}
.block_top_decision .block_decision a {
  margin-left: -5px;
  color: #4597f6;
  text-decoration: underline;
}
.block_top_decision .block_decision a i {
  margin-right: 14px;
}
.block_top_decision .block_decision ul {
  position: relative;
  margin: 22px 0 19px;
}
.block_top_decision .block_decision ul li:nth-child(2) {
  margin-top: 22px;
}
.block_top_decision .block_decision ul:before {
  position: absolute;
  top: -40px;
  left: -22px;
  content: '0' counter(item);
  counter-increment: item;
  font: bold 60px 'Open Sans', sans-serif;
  color: #BDA1FA;
}
.block_top_decision .block_decision .btn {
  margin-top: 36px;
}
.block_top_decision .block_img {
  z-index: 1;
  position: relative;
}
.block_top_decision .block_img .noyt {
  margin-top: 52px;
  position: relative;
  z-index: 10;
}
.block_top_decision .block_img .line {
  position: absolute;
  z-index: 5;
}
.block_top_decision .block_img .line:nth-child(2) {
  left: -64px;
  top: 90px;
}
.block_top_decision .block_img .line:nth-child(3) {
  right: 449px;
  top: 101px;
}
.block_top_decision .block_img .line:nth-child(4) {
  left: -169px;
  bottom: -130px;
}
.block_top_decision .block_img .line:nth-child(5) {
  right: 445px;
  bottom: -61px;
}
.block_question {
  position: relative;
  z-index: 5;
  margin: 11px 0;
  padding: 132px 0;
  background: url(/img/bg_info.jpg) no-repeat center;
}
.block_question .container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.block_question .block_left {
  width: 596px;
}
.block_question .block_left .wrapper_btn {
  width: 100%;
  justify-content: space-around;
}
.block_question .block_left p {
  text-align: center;
  font-size: 26px;
  color: white;
}
.block_question .work_time {
  color: white;
  margin: 0 0 0px -27px;
}
.block_question .work_time i {
  margin-right: 10px;
  color: #fbb71b;
}
.block_question .phone_wrapper {
  margin-top: 12px;
}
.block_question .phone_wrapper p a {
  padding-left: 5px;
}
.block_question .phone_wrapper p a:before {
  width: 20px;
  height: 20px;
  top: 0px;
  left: -27px;
}
.block_question .phone_wrapper p:nth-child(1) a:before {
  background: url(../img/mts2.png) no-repeat;
}
.block_question .phone_wrapper p:nth-child(2) a:before {
  background: url(../img/kiev2.png) no-repeat;
}
.block_question .phone_wrapper p:nth-child(3) a:before {
  background: url(../img/life2.png) no-repeat;
}
.last_proect {
  margin-top: 51px;
}
.last_proect .table_price + p {
  text-align: left;
  margin: 0 auto;
  width: 782px;
}
.last_proect > p {
  margin-top: 32px;
  font-size: 18px;
  text-align: center;
}
.last_proect > p a {
  color: #4597f6;
  text-decoration: underline;
  margin-left: 8px;
}
.last_proect ul {
  list-style-position: inside;
  list-style-type: disc;
}
.last_proect .block_img {
  position: relative;
  float: left;
  margin: -20px 0 0 -65px;
}
.last_proect .block_img .work_background {
  position: absolute;
  top: 0;
  z-index: 5;
}
.last_proect .block_img img:nth-child(2) {
  position: relative;
  z-index: 10;
  margin-left: 110px;
}
.last_proect .description {
  margin-left: auto;
  width: 512px;
}
.last_proect .description .orange {
  padding: 0;
  font-size: 20px;
  margin-bottom: 8px;
}
.last_proect .description img {
  float: left;
}
.last_proect .description .block_text {
  margin-top: 55px;
  position: relative;
}
.last_proect .description .block_text:before {
  background: url(../img/growth1.png) no-repeat;
  content: '';
  position: absolute;
  left: -191px;
  width: 175px;
  height: 153px;
}
.last_proect .description .block_review {
  margin-top: 32px;
  position: relative;
}
.last_proect .description .block_review:before {
  background: url(../img/chat-icon.png) no-repeat;
  content: '';
  position: absolute;
  left: -200px;
  top: -75px;
  width: 185px;
  height: 145px;
}
.block_our_work {
  margin-top: 49px;
}
.block_our_work:first-child {
  margin-top: 0;
}
.our_proect .block_img img {
  margin: 70px 0 0 -99px;
}
.our_proect .description {
  width: 674px;
}
.price {
  font-size: 18px;
  margin-bottom: 57px;
}
.price .h1_wrapper + p {
  margin-top: 57px;
}
.price p.purple {
  margin-top: 42px;
}
.price .wrapper_blocks {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
.price .wrapper_blocks .block_price {
  box-shadow: 0px 0px 7px 0px rgba(195, 195, 195, 0.88);
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 22px 15px 35px;
  margin-top: 50px;
  background: #f8f8f8;
  width: 360px;
}
.price .wrapper_blocks .block_price p {
  position: relative;
  text-align: center;
}
.price .wrapper_blocks .block_price p span {
  font: bold 36px 'Open Sans', sans-serif;
}
.price .wrapper_blocks .block_price .title {
  position: relative;
  font: bold 22px 'Open Sans', sans-serif;
  color: white;
}
.price .wrapper_blocks .block_price .title:before {
  left: -85px;
  top: -135px;
  content: '';
  width: 500px;
  height: 250px;
  border-radius: 50%;
  position: absolute;
  display: block;
}
.price .wrapper_blocks .block_price .title p:first-child {
  text-transform: uppercase;
}
.price .wrapper_blocks .block_price .title p:nth-child(2) {
  margin-top: 8px;
}
.price .wrapper_blocks .block_price:nth-child(1) .title:before {
  background: #7ebaff;
}
.price .wrapper_blocks .block_price:nth-child(2) .title:before {
  background: #e6b958;
}
.price .wrapper_blocks .block_price:nth-child(3) .title:before {
  background: #b5a2f7;
}
.price .wrapper_blocks .block_price:nth-child(4) .title:before {
  background: #e6b15e;
}
.price .wrapper_blocks .block_price:nth-child(5) .title:before {
  background: #c397ed;
}
.price .wrapper_blocks .block_price:nth-child(6) .title:before {
  background: #86ccf0;
}
.price .wrapper_blocks .block_price:nth-child(7) .title:before {
  background: #7fd9b2;
}
.price .wrapper_blocks .block_price .title + p {
  color: #4597f6;
  margin-top: 25px;
  line-height: 20px;
}
.price .wrapper_blocks .block_price ul + p span {
  font: 400 16px 'Roboto', sans-serif;
}
.price .wrapper_blocks .block_price .btn_cost {
  margin-top: 28px;
}
.price .wrapper_blocks .block_price_text {
  font-size: 18px;
  margin: 45px 33px 0 0;
  float: right;
  width: 717px;
}
.price .wrapper_blocks .block_price_text > p {
  margin-bottom: 27px;
}
.price .wrapper_blocks .block_price_text p + p {
  margin-bottom: 0;
}
.price .wrapper_blocks .block_price_text a {
  color: #4597f6;
}
.development_kiev {
  font-size: 18px;
  margin-top: 60px;
}
.development_kiev .block_studio {
  margin: 60px 0 0 90px;
}
.development_kiev .block_studio p + p {
  text-align: center;
  margin-top: 30px;
}
.development_kiev .studio_img2 {
  margin: -70px -128px 0px 0;
}
.dogovor {
  padding: 50px;
  font-size: 16px;
  line-height: 24px;
}
.dogovor .title1 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
}
.dogovor .title2 {
  text-align: center;
  font-weight: bold;
}
.dogovor .fancybox-close {
  margin: 0;
  color: #fff;
  background: #f88c00;
  width: 20px;
  height: 20px;
  line-height: 19px !important;
  border-radius: 50%;
  text-align: center;
  float: right;
  cursor: pointer;
  top: -8px;
  right: -8px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.dogovor .ol_numeration > li {
  margin: 0 0 20px;
}
.dogovor .ol_numeration > li > ol {
  list-style-type: none;
}
.dogovor ol,
.dogovor ul {
  padding: 0 0 0 20px;
}
.no-touch .block_popular .blocks_popular div:hover p {
  color: #ffc94e;
}
.no-touch .bottom_block a:hover {
  color: #ffc94e;
  text-decoration: underline;
}
.no-touch .btn:hover {
  top: 1px;
  left: -1px;
  box-shadow: 1px 2px 3px 0.03px rgba(0, 0, 0, 0.25);
}
.no-touch .fancy:hover {
  content: '';
}
.no-touch .head_top .langs a:hover {
  color: #ffc94e;
}
.no-touch .phone_wrapper p a:hover {
  color: #ffc94e;
}
.no-touch .nav_list li a:hover,
.no-touch .nav_list li span:hover,
.no-touch .nav_list li a:active,
.no-touch .nav_list li span:active {
  color: #ffc94e;
}
.no-touch .nav_list li:hover > ul {
  display: block;
}
.no-touch .nav_list .next_level:hover {
  background: #3daef7;
}
.no-touch .wrapper_contacts .phone_wrapper p a:hover {
  color: #e69508;
}
.no-touch .others_works ul li:hover {
  color: #e69508;
}
.no-touch .others_works ul li:hover a {
  color: #e69508;
}
.no-touch .others_works > div div:hover {
  cursor: pointer;
}
.no-touch .others_works > div div:hover:before {
  content: '';
  position: absolute;
  background: url(/img/bg_ourwork.jpg) no-repeat;
  width: 624px;
  height: 185px;
  left: -165px;
  top: 50px;
  z-index: -2;
}
.no-touch .others_works > div div:hover > p {
  color: #e69508;
}
.no-touch .others_works > div div:hover img,
.no-touch .others_works > div div:hover img + img {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.23);
}
.no-touch .others_works > div div p:hover a {
  color: #e69508;
}
.no-touch .others_works > div .other_work:hover:before {
  top: 70px;
  left: -165px;
}
.no-touch .others_works > div .other_work:hover img,
.no-touch .others_works > div .other_work:hover img + img {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.23);
}
.no-touch .others_works > div .other_work img + p:hover a {
  color: #e69508;
}
.answer_question {
  text-align: center;
  min-height: 650px;
  margin-top: 70px;
  position: relative;
  z-index: 2;
  color: #666666;
  counter-reset: item;
}
.answer_question .block_left {
  width: 786px;
  margin: 75px 0 0 40px;
}
.answer_question .block_left .block_answer .answer {
  text-align: left;
}
.answer_question .block_left .block_answer .answer .answer_on_question {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-height: 0;
  padding-left: 45px;
  overflow: hidden;
}
.answer_question .block_left .block_answer .answer .answer_on_question p {
  padding-bottom: 15px;
  padding-right: 40px;
}
.answer_question .btn {
  margin-top: 50px;
}
.answer_question .open_question,
.answer_question .close_question {
  cursor: pointer;
}
.answer_question .block_img {
  position: absolute;
  top: 200px;
  right: -300px;
}
.answer_question .btn_question {
  margin: 0 auto;
}
.answer_question .btn_question:before {
  background: #eae2fb;
  opacity: 0.9;
}
.wrapper_contacts {
  margin-top: 50px;
}
.wrapper_contacts .img_contacts {
  margin-top: 55px;
}
.wrapper_contacts .contacts {
  float: left;
}
.wrapper_contacts .contacts div {
  margin-top: 20px;
}
.wrapper_contacts .contacts div:first-child {
  margin-top: 0;
}
.wrapper_contacts .contacts p {
  font-size: 18px;
}
.wrapper_contacts .phone_wrapper p:nth-child(2) a:before {
  background: url(../img/mts.png) no-repeat;
}
.wrapper_contacts .phone_wrapper p:nth-child(3) a:before {
  background: url(../img/kiev1-1.jpg) no-repeat;
}
.wrapper_contacts .phone_wrapper p:nth-child(4) a:before {
  background: url(../img/life.png) no-repeat;
}
.wrapper_contacts .phone_wrapper p a {
  color: #666666;
}
.wrapper_contacts .orange {
  font-size: 20px;
  padding: 0;
}
.wrapper_contacts p a {
  color: #4597f6;
}
.wrapper_contacts div p:nth-of-type(1) {
  margin-top: 7px;
}
.block_answer {
  margin-top: 60px;
  position: relative;
}
.block_answer .before_p {
  padding-right: 126px;
  margin-bottom: 6px;
}
.block_answer .answer {
  position: relative;
}
.block_answer .answer .circle {
  background-color: #eea21c;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  right: 40px;
  top: 0;
  position: absolute;
}
.block_answer .answer .circle:before {
  z-index: -1;
  content: '';
  border-radius: 50%;
  opacity: 0.3;
  background-color: #eea21c;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -6px;
  left: -6px;
}
.block_answer .answer .circle p {
  font-size: 27px;
  color: white;
  text-align: center;
  line-height: 25px;
}
.block_answer div .orange {
  padding: 0;
  font-size: 16px;
}
.block_answer div:nth-child(1) {
  z-index: 5;
}
.block_answer div:nth-child(1):after {
  content: '';
  width: 785px;
  height: 1px;
  background-color: #a894f0;
  position: absolute;
  left: -40px;
}
.block_answer div:nth-child(2) {
  z-index: 10;
  margin-top: -10px;
}
.block_answer:before {
  position: absolute;
  top: -45px;
  left: -40px;
  font: bold 60px 'Open Sans', sans-serif;
  color: #BDA1FA;
  content: '0' counter(item);
  counter-increment: item;
}
#map {
  position: relative;
  top: -100px;
  margin: 0 auto;
  width: 1200px;
  height: 465px;
}
.block_price h2,
.block_price .h2_style {
  margin: 60px 0;
}
.block_price h2:first-child,
.block_price .h2_style:first-child {
  margin-top: 0;
}
.block_price .table_price {
  width: 1033px;
}
.advancement {
  font-size: 18px;
}
.advancement .block_studio {
  margin-top: 59px;
}
.advancement .studio_img1 {
  margin: 20px -110px 0 -191px;
}
.advancement .studio_img2 {
  margin: 30px -99px 0 0px;
}
.how_advancement {
  margin-top: 62px;
  font-size: 18px;
}
.how_advancement p {
  float: right;
  width: 529px;
  margin: 50px 5px 0 0;
}
.how_advancement .quote {
  width: 246px;
  margin: 125px 60px 0 155px;
}
.how_advancement .quote:before {
  background: url(../img/quote-left.png) no-repeat;
  top: -112px;
  left: -95px;
}
.evaluation_results {
  margin-top: 140px;
  font-size: 18px;
}
.evaluation_results h2,
.evaluation_results .h2_style {
  margin-bottom: 42px;
}
.evaluation_results p {
  float: left;
  width: 670px;
}
.evaluation_results .studio_img2 {
  margin-right: -152px;
}
.stages_promotion {
  font-size: 18px;
}
.stages_promotion h2,
.stages_promotion .h2_style {
  margin: 55px 0 50px 0;
}
.stages_promotion .studio_img1 {
  margin: -40px 52px 0 -160px;
}
.stages_promotion .block_stage {
  margin-top: 53px;
}
.stages_promotion .block_stage .under_table {
  font-size: 14px;
  width: 962px;
  margin: 5px auto 0;
  font-style: italic;
}
.stages_promotion .block_stage h3 {
  margin-bottom: 30px;
}
.stages_promotion .block_stage .table_price {
  margin: 36px auto 0;
  width: 962px;
}
.stages_promotion .block_stage .block_left {
  width: 588px;
  float: left;
}
.stages_promotion .block_stage .block_right {
  float: right;
  width: 509px;
}
.stages_promotion .block_stage .quote {
  margin: 104px 105px 0 70px;
  width: 303px;
}
.stages_promotion .block_stage .quote:before {
  background: url(../img/quote_bigr.png) no-repeat;
  width: 520px;
  height: 475px;
  top: -98px;
  left: -113px;
}
.stages_promotion .block_stage .quote1 {
  width: 312px;
  margin-left: 140px;
}
.stages_promotion .block_stage .quote1:before {
  background: url(../img/quote_bigl.png) no-repeat;
}
.stages_promotion .block_stage ol {
  margin-left: 18px;
}
.under_table p {
  font-size: 12px;
  font-style: italic;
}
.optimization_in {
  margin-top: 50px;
}
.optimization_in .block_left {
  margin-top: 29px;
}
.optimization_in .studio_img2 {
  margin: 50px -403px 0 0;
}
.price_on_advanced {
  font-size: 18px;
}
.price_on_advanced h2,
.price_on_advanced .h2_style {
  margin-bottom: 50px;
}
.price_on_advanced .table_price {
  margin-top: 44px;
  max-width: 1084px;
  width: 100%;
}
.price_on_advanced .tarif_plan {
  margin-top: 50px;
}
.price_on_advanced .tarif_plan h3 {
  margin-bottom: 34px;
}
.individual_promotion {
  margin-top: 52px;
  font-size: 18px;
}
.individual_promotion .studio_img1 {
  margin: 15px 66px 0 -377px;
}
.individual_promotion .block_right {
  margin-top: 33px;
}
.some_results {
  margin-top: 56px;
}
.some_results .table_price {
  width: 782px;
  margin-top: 35px;
}
.some_results .table_price:after,
.some_results .table_price:before {
  display: none;
}
.services_seo {
  font-size: 18px;
}
.services_seo div {
  position: relative;
  width: 234px;
  margin-top: 94px;
}
.services_seo div p {
  margin-top: 37px;
}
.services_seo div:nth-child(3n-2) {
  margin-top: 126px;
}
.services_seo div:before {
  z-index: -1;
  content: '';
  border-radius: 50%;
  background: rgba(243, 240, 253, 0.4);
  width: 183px;
  height: 183px;
  top: -20px;
  left: 26px;
  position: absolute;
}
.what_advertising {
  margin-top: 68px;
}
.search_output {
  margin-top: 77px;
}
.search_output .quote:before {
  background: url(../img/quote_bigr.png) no-repeat;
  width: 520px;
  height: 475px;
  top: -98px;
  left: -113px;
}
.search_output .block_studio .orange {
  padding: 0;
}
.search_output .h1_wrapper {
  margin-bottom: 45px;
}
.asses_results {
  margin-top: 50px;
  font-size: 18px;
}
.asses_results h2,
.asses_results .h2_style {
  margin-bottom: 55px;
}
.asses_results .block_img {
  height: 462px;
  border: none;
  width: 976px;
  margin: 43px auto 23px;
  text-align: center;
}
.asses_results .block_img + p {
  text-align: center;
}
.advant_disadvant {
  margin-top: 87px;
}
.advant_disadvant .h1_wrapper {
  width: 100%;
}
.advant_disadvant h2,
.advant_disadvant .h2_style {
  margin-bottom: 50px;
}
.advant_disadvant p {
  padding: 0;
  font-size: 20px;
}
.advant_disadvant div {
  width: 414px;
}
.advant_disadvant .block_img {
  position: relative;
  margin-top: 0;
  width: auto;
}
.advant_disadvant .block_img .noyt {
  margin: -30px 0 0 -80px;
}
.advant_disadvant .block_img .line {
  position: absolute;
  z-index: -1;
}
.advant_disadvant .block_img .line:nth-child(2) {
  left: -131px;
  top: 22px;
}
.advant_disadvant .block_img .line:nth-child(3) {
  top: 22px;
  right: 444px;
}
.advant_disadvant .block_img .line:nth-child(4) {
  right: -22px;
  bottom: 161px;
}
.advant_disadvant .block_img .line:nth-child(5) {
  bottom: -12px;
  right: 86px;
}
.advant_disadvant .block_advant {
  float: left;
}
.advant_disadvant .block_disadvant {
  float: right;
}
.budget h2,
.budget .h2_style {
  margin-bottom: 55px;
}
.budget .block_img {
  margin: 44px auto 22px;
  height: 341px;
}
.budget .block_img + p + p {
  margin-top: 35px;
}
.setting {
  font-size: 18px;
}
.setting h2,
.setting .h2_style {
  margin: 59px 0 55px;
}
.setting .preparatory ol {
  margin: 32px 0 26px;
  list-style-position: inside;
}
.setting .preparatory h3 {
  margin-top: 50px;
}
.setting .preparatory .studio_img1 {
  margin: 0 40px 0 -200px;
}
.setting .preparatory .studio_img2 {
  margin: 10px -117px 0 0;
}
.setting .preparatory .pre_img3 {
  margin-left: -250px;
}
.price_setting {
  margin-top: 67px;
  font-size: 18px;
}
.price_setting h2,
.price_setting .h2_style {
  margin-bottom: 45px;
}
.price_setting .table_price {
  margin: 45px auto 30px;
  width: 990px;
}
.price_setting .table_price thead > tr th {
  border-bottom: 1px solid #d7d7d7;
}
.price_setting .under_table {
  width: 990px;
  margin: 0 auto 21px;
}
.search_output .block_studio {
  margin-top: 59px;
  width: auto;
}
.search_output .studio_img2 {
  margin-top: 141px;
  margin-left: 183px;
}
.search_output .quote {
  width: 308px;
  margin: 147px -5px 133px 131px;
}
.search_output .quote:before {
  top: -125px;
  left: -115px;
}
.blog_list h2,
.blog_list .h2_style {
  text-align: left;
  font-weight: 400;
}
.blog_list h2:after,
.blog_list .h2_style:after {
  display: none;
}
.block_blog {
  text-align: left;
  justify-content: space-between;
}
.block_blog .h3_aside:after {
  width: 222px;
}
.block_blog .aside {
  text-align: center;
  max-width: 255px;
  width: 100%;
}
.block_blog .aside p {
  text-align: left;
  margin-top: 5px;
}
.block_blog .aside p i {
  margin-right: 20px;
  color: #0098F9;
}
.block_blog .aside a {
  color: #333333;
}
.block_blog .article {
  max-width: 840px;
}
.block_blog .article .rate_please {
  text-align: center;
  display: block!important;
}
.block_blog .article .fr-fir {
  float: right;
  margin: 5px 0px 25px 30px;
}
.block_blog .article .fr-fil {
  float: left;
  margin: 5px 30px 25px 0px;
}
.block_blog .article .btn_comment {
  margin: 34px auto 0;
}
.block_blog .article .orange {
  padding: 0;
  margin: 60px 0 18px;
}
.block_blog .article .orange:nth-child(1) {
  margin-top: 0;
}
.block_blog .article .article_div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px;
}
.block_blog .article .article_div .link {
  margin-right: 10px;
}
.block_blog .article .article_div .facebook {
  color: #3e5b9a;
}
.block_blog .article .article_div .twitter {
  color: #20a3f2;
}
.block_blog .article .article_div .google {
  color: #db463a;
}
.block_blog .article .article_div:after {
  content: '';
  position: absolute;
  border-radius: 7px;
  background-color: rgba(148, 119, 243, 0.1);
  width: 460px;
  height: 15px;
  top: 13px;
  left: 50%;
  margin-left: -227px;
}
.block_blog .article .article_div p:nth-child(1):before {
  content: '';
  position: absolute;
  background-color: #f1a521;
  width: 225px;
  height: 2px;
  top: -17px;
  left: -15px;
}
.block_blog .article .article_div p:nth-child(4):after {
  bottom: -20px;
  right: -15px;
  content: '';
  position: absolute;
  background-color: #f1a521;
  width: 225px;
  height: 2px;
}
.block_blog .article .article_div p i {
  margin-right: 12px;
}
.block_blog .article img {
  float: left;
}
.block_blog .article img + p {
  margin-left: 316px;
}
.article_block {
  margin-top: 29px;
  font-size: 18px;
}
.article_block .article_div {
  font-size: 18px;
}
.article_block blockquote {
  z-index: 2;
  width: 250px;
  position: relative;
  margin: 115px 87px 115px 98px;
  float: left;
}
.article_block blockquote:before {
  z-index: -1;
  content: '';
  width: 403px;
  height: 411px;
  position: absolute;
  background: url(../img/quote.png) no-repeat;
  top: -100px;
  left: -82px;
}
.article_block .big_quote {
  margin: 127px 110px 140px 132px;
  width: 310px;
  float: right;
  min-height: 240px;
}
.article_block .big_quote:before {
  top: -110px;
  left: -117px;
  width: 520px;
  height: 475px;
  background: url(../img/quote_bigl.png) no-repeat;
}
.article_block h2:before,
.article_block .h2_before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: transparent;
  border-top: 2px solid #f1a725;
  border-bottom: 2px solid #f1a725;
  width: 200px;
  height: 55px;
  -webkit-transform: skew(71deg);
  -moz-transform: skew(71deg);
  -o-transform: skew(71deg);
}
.article_block h3 {
  margin: 40px 0 40px 0;
}
.article_block ul,
.article_block ol {
  font-size: 16px;
  margin: 8px 0 23px 0;
}
.comment {
  font-size: 18px;
  margin-top: 52px;
}
.comment .block_comment {
  margin-top: 20px;
}
.comment .block_comment .block p {
  font-size: 16px;
}
.comment .block_comment .block:nth-child(1) span {
  font-weight: bold;
  color: #666666;
}
.comment .block_comment .block:nth-child(2) {
  margin: 18px 0 0 45px;
}
.comment .block_comment .block:nth-child(2) span {
  font-weight: bold;
  color: #4597f6;
}
.article_div {
  margin-bottom: 59px;
}
.article_block ol,
.article_block ul {
  list-style-position: inside;
}
.article_block ul {
  list-style-type: disc;
}
.table_price {
  position: relative;
  margin: 0 auto;
  border-right: 1px solid #d7d7d7;
  width: 932px;
  font-size: 18px;
}
.table_price:after {
  content: '';
  position: absolute;
  right: -90px;
  top: 0;
  height: 168px;
  width: 89px;
  background: url(/img/bg-right.jpg) no-repeat;
}
.table_price:before {
  left: -166px;
  bottom: 0;
  background: url(/img/bg-left.jpg) no-repeat;
  content: '';
  position: absolute;
  width: 166px;
  height: 157px;
}
.table_price tbody tr:nth-child(2n-1) {
  background: #f4f1ff;
}
.table_price td {
  vertical-align: middle;
  padding: 2px 15px;
  text-align: center;
  border-left: 1px solid #d7d7d7;
}
.table_price th,
.table_price tfoot td {
  vertical-align: middle;
  border-left: 1px solid #d7d7d7;
  color: #e69508;
  font-size: 20px;
  padding: 7.5px 15px;
}
.table_price .left {
  text-align: left;
}
.table_price + p {
  margin-top: 10px;
  font-style: italic;
  font-size: 12px;
}
.table_price + p a {
  color: #4597f6;
  text-decoration: underline;
}
.big:before {
  background: url(/img/bg-leftbig.png) no-repeat;
  width: 295px;
  height: 280px;
  left: -295px;
}
.big:after {
  background: url(/img/bg-rightbig.png) no-repeat;
  width: 167px;
  height: 315px;
  right: -168px;
}
.slider {
  position: relative;
}
.slider .left_arrow,
.slider .right_arrow {
  border: 5px solid rgba(184, 160, 242, 0.5);
  height: 31px;
  line-height: 31px;
  color: #4799f6;
  font-size: 12px;
  font-weight: bold;
}
.slider .left_arrow:after,
.slider .right_arrow:after {
  top: -2px;
  left: -5px;
  content: url(/img/right_line_arrow.png);
  height: 30px;
}
.slider .left_arrow:before,
.slider .right_arrow:before {
  top: 2px;
  right: -5px;
  height: 30px;
  content: url(/img/right_line_arrow.png);
}
.slider .left_arrow {
  cursor: pointer;
  z-index: 200;
  float: left;
  margin-top: 50px;
}
.slider .right_arrow {
  cursor: pointer;
  z-index: 200;
  float: right;
  margin-top: 50px;
}
.slider .right_arrow_wrapp {
  position: relative;
  float: left;
}
.slider .right_arrow_wrapp:before {
  position: absolute;
  content: '';
  height: 2px;
  width: 400px;
  left: 0;
  top: 71px;
  margin-left: -405px;
  background: #f1a521;
}
.slider .left_arrow_wrapp {
  position: relative;
  float: right;
}
.slider .left_arrow_wrapp:before {
  position: absolute;
  content: '';
  height: 2px;
  width: 400px;
  right: 0;
  top: 71px;
  margin-right: -405px;
  background: #f1a521;
}
.tabs ul {
  display: inline-block;
}
.tabs ul li {
  list-style-type: none;
  float: left;
  color: #4597f6;
  cursor: pointer;
}
.tabs ul li.active {
  color: #e69508;
}
.tabs ul li:nth-child(2) {
  margin-left: 10px;
}
.our_site .orange {
  padding: 0;
}
.our_site ul {
  list-style-position: inside;
  list-style-type: disc;
}
.our_site .container_sites {
  counter-reset: item;
  margin: 109px 0 24px;
}
.our_site .container_sites .blocks_sites {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.our_site .container_sites .blocks_sites div {
  width: 570px;
}
.our_site .container_sites .blocks_sites div a {
  color: #4597f6;
}
.our_site .container_sites .blocks_sites div .orange {
  padding-bottom: 5px;
}
.our_site .container_sites .blocks_sites div:nth-child(3),
.our_site .container_sites .blocks_sites div:nth-child(4) {
  margin-top: 10px;
}
.our_site .block_numbers {
  position: relative;
  margin: 56px 0 35px 0;
  text-align: center;
  z-index: 2;
}
.our_site .block_numbers .before_p:before {
  left: 0;
}
.our_site .block_numbers ul {
  position: relative;
}
.our_site .block_numbers ul li {
  list-style: none;
  font: bold 22px 'Open Sans', sans-serif;
  text-transform: uppercase;
  color: #e69508;
}
.our_site .block_numbers ul li:before {
  position: absolute;
  top: -40px;
  margin-left: -40px;
  content: '0' counter(item);
  counter-increment: item;
  font: bold 60px 'Open Sans', sans-serif;
  color: #BDA1FA;
}
.our_site .blocks_redesign picture img,
.our_site .blocks_redesign .main_img {
  border: 1px solid #E9F8FF;
  box-sizing: border-box;
}
.our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(1) {
  position: relative;
  left: -85px;
}
.our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(1) .line_plane4 {
  position: absolute;
  top: -44px;
  margin: 0 0 0 7px;
}
.our_site .blocks_redesign .block_top_redesign .block_redesign .img_block {
  position: relative;
  margin-top: 21px;
}
.our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .monitor {
  position: relative;
  z-index: 1;
}
.our_site .blocks_redesign .block_top_redesign .block_redesign .img_design,
.our_site .blocks_redesign .block_top_redesign .block_redesign .img_redesign {
  position: relative;
  z-index: 1;
  top: -657px;
  display: inline-block;
  overflow-y: auto;
  height: 500px;
  left: 25px;
}
.our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(2) {
  position: relative;
  top: -982px;
  left: 405px;
  z-index: 3;
}
.our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(2) .line_plane5 {
  position: absolute;
  z-index: 3;
  bottom: 425px;
  left: -340px;
}
.our_site .block_top_redesign + .block_redesign {
  margin-top: -1443px;
  position: relative;
}
.our_site .block_numbers + picture {
  margin-top: 40px;
  position: relative;
  z-index: 1;
  max-width: 100%;
}
.our_site .block_numbers + picture img {
  max-width: 100%;
}
.center_site_info .container_sites {
  width: 781px;
  margin: 0 auto;
  clear: both;
  max-width: 100%;
}
.center_site_info .container_sites .blocks_sites {
  flex-wrap: unset;
}
.center_site_info .blocks_sites p {
  text-align: center;
}
.others_works ul {
  flex-wrap: wrap;
  border-top: 1px solid #4597f6;
  margin: 0 auto 60px;
  max-width: 760px;
  display: flex;
  justify-content: space-around;
  font: 20px/47px 'Roboto', sans-serif;
  z-index: 200;
  position: relative;
}
.others_works ul li.active a {
  color: #e69508;
}
.others_works ul a {
  padding: 0 10px;
  color: #4597f6;
  display: block;
}
.others_works h2,
.others_works .h2_style,
.others_works .h1_wrapper {
  margin: 60px 0 55px;
  display: block;
}
.others_works h2 h2,
.others_works .h2_style h2,
.others_works .h1_wrapper h2 {
  margin: 0;
}
.others_works .table_price {
  width: 360px;
  margin: 30px 0 30px 0;
  margin-left: 5px;
  font-size: 9px;
}
.others_works .table_price th,
.others_works .table_price tfoot td {
  font-size: 10px;
  padding: 0px 5px;
}
.others_works .table_price th:nth-child(2) {
  width: 85px;
}
.others_works .table_price td {
  padding: 0px 5px;
}
.others_works .table_price-before {
  display: none;
}
.others_works .table_price-after {
  display: none;
}
.others_works .table_price:before {
  width: calc(100% + 10px);
  height: calc(100% + 35px);
  left: -5px;
  top: -20px;
  max-height: 235px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background: white;
  position: absolute;
  z-index: -1;
  content: '';
}
.others_works .table_price:after {
  display: none!important;
}
.others_works > div > div {
  position: relative;
  max-width: 370px;
  min-height: 320px;
  height: auto;
  max-height: 400px;
}
.others_works > div > div > div {
  height: 270px;
}
.others_works > div > div > div img {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.23);
}
.others_works > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.others_works > div div {
  position: relative;
  max-width: 370px;
}
.others_works > div div > p {
  color: #AD8EF5;
  font: 18px/24px 'Roboto', sans-serif;
  margin: 0 0 15px;
  min-height: 48px;
}
.others_works > div div .second_p {
  margin-top: 11px;
}
.others_works > div div .second_p a {
  text-decoration: underline;
}
.others_works > div div img + p {
  margin-top: 6px;
  text-decoration: underline;
}
.others_works > div div a {
  font-size: 16px;
  color: #4597f6;
}
.others_works > div div a i {
  margin-right: 15px;
}
.others_works > div .design_work {
  height: 365px;
}
.others_works > div .other_work {
  position: relative;
  margin-bottom: 35px;
  width: 370px;
  max-width: 100%;
}
.others_works > div .other_work p + img {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.23);
  position: absolute;
  bottom: 45px;
}
.others_works > div .other_work img + img {
  position: absolute;
  bottom: 0px;
  left: 15px;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.23);
}
.others_works > div .other_work img + p {
  position: absolute;
  bottom: 8px;
  margin: 0;
  max-height: 24px;
  min-height: 24px;
  height: 24px;
}
.others_works > div .design_work p + img {
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.23);
  position: absolute;
  bottom: 93px;
}
.others_works .table_price + p {
  min-height: 24px;
  max-height: 24px;
  height: 24px;
  position: absolute;
  bottom: 20px;
}
.seo_page_item > div {
  min-height: 310px!important;
}
.tabs ul {
  margin-bottom: 3px;
}
.footer_top,
.footer_middle,
.footer_bottom {
  position: relative;
}
.footer_top .logo,
.footer_middle .logo,
.footer_bottom .logo {
  align-self: center;
}
.footer_top .logo p,
.footer_middle .logo p,
.footer_bottom .logo p {
  color: white;
}
.footer .info_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 830px;
}
.footer_bottom {
  height: 30px;
}
.footer_bottom:before {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.footer_top .time_adress {
  color: white;
  text-align: center;
  align-items: center;
}
.footer_top .time_adress i {
  color: #fbb71b;
}
.footer_top .other_information .work_time {
  display: inline-block;
  margin-top: 12px;
}
.map_site ul {
  font-size: 18px;
}
.map_site ul i {
  margin-right: 15px;
}
.map_site ul li ul {
  margin-left: 25px;
}
.bottom_block {
  position: relative;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bottom_block p {
  position: absolute;
  left: 50%;
  margin-left: -205px;
  line-height: 30px;
}
.bottom_block a {
  text-decoration: underline;
  line-height: 30px;
}
.bottom_block a.active {
  color: #ffc94e;
  text-decoration: underline;
}
.block_popular {
  background: url(/img/bg3_plane.png) center no-repeat;
  padding: 123px 0;
}
.block_popular h2,
.block_popular .h2_style {
  color: white;
}
.block_popular h2:after,
.block_popular .h2_style:after {
  display: none;
}
.block_popular .blocks_popular {
  display: flex;
  justify-content: space-between;
  text-align: center;
  flex-wrap: wrap;
}
.block_popular .blocks_popular div {
  margin-top: 34px;
}
.block_popular .blocks_popular div p {
  font: 24px 'Roboto', sans-serif;
  color: white;
  margin-bottom: 28px;
}
.seo_table {
  max-width: 781px;
  margin: 37px auto 0;
}
.seo_table .table_price {
  max-width: 781px;
  width: 100%;
  margin-top: 37px;
}
.seo_table .table_price:before,
.seo_table .table_price:after {
  display: none;
}
.seo_table .table_price tr td:nth-child(1) {
  white-space: nowrap;
}
.work_list_container {
  position: relative;
  padding: 0;
}
.work_list_container .block_proects {
  position: relative;
  left: 0;
  display: inline-block;
  width: 1170px;
  margin-left: 360px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  overflow-y: hidden;
}
.work_list_container .block_proects:nth-child(1) {
  margin-left: 0;
}
.work_list_container .slider_wrapper {
  margin-top: 60px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.work_list_container .left_arrow {
  position: absolute;
  left: -378px;
  top: 470px;
  cursor: pointer;
  z-index: 200;
}
.work_list_container .right_arrow {
  cursor: pointer;
  position: absolute;
  right: -378px;
  z-index: 200;
  top: 470px;
}
.work_list_container .our_proect .description {
  padding-right: 75px;
  width: 500px;
  /* box-sizing: border-box; */
}
.work_list_container .last_proect .block_img {
  margin: -20px 0 0 40px;
}
.some_results {
  position: relative;
}
.some_results .left_arrow {
  position: absolute;
  left: -378px;
  top: 325px;
  cursor: pointer;
  z-index: 81;
}
.some_results .right_arrow {
  cursor: pointer;
  position: absolute;
  right: -378px;
  z-index: 81;
  top: 325px;
}
.some_results .block_proects {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.control_file {
  text-align: left;
  font-size: 13px;
  margin-top: 5px !important;
}
.control_file #falseinput {
  font-size: 16px;
  margin-top: 0;
  font-family: "Segoe UI";
  color: #4597f6;
  text-align: center;
  font-weight: normal;
  background: #DAEEFF;
  text-transform: unset;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border: 5px solid #A4CBFC;
}
.control_file #falseinput:before,
.control_file #falseinput:after {
  display: none;
}
/*------------------------------------adaptive---------------------------*/
@media screen and (max-width: 1200px) {
  .middle_block1 .about_studio .block_studio {
    max-width: 100%;
    margin-left: 0;
  }
  #map {
    width: 100%;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block > img {
    display: block;
    margin: 0 auto;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .img_design,
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .img_redesign {
    left: 50%;
    top: -650px;
    margin-left: -401px;
  }
  .right_img,
  .left_img {
    display: none;
  }
  .work_list_container .our_proect .block_img img {
    margin-right: 25px;
    margin-bottom: 15px;
  }
  .work_list_container .block_proects {
    width: 100%;
  }
  .our_site .block_numbers + img {
    display: block;
    margin: 40px auto 0;
  }
  .our_site .main_img {
    width: 100%;
    height: auto;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(1) .line_plane4,
  .our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(2) .line_plane5 {
    display: none;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(2),
  .our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(1) {
    left: auto;
    top: auto;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign:nth-child(2) {
    margin-top: -450px;
  }
  .our_site .block_top_redesign + .block_redesign {
    margin-top: -451px;
  }
}
@media screen and (max-width: 1160px) {
  .others_works > div {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1147px) {
  .evaluation_results p {
    width: 100%;
    float: none;
  }
  .evaluation_results .studio_img2 {
    display: block;
    margin: 25px auto 0;
    float: none;
  }
}
@media screen and (max-width: 1139px) {
  .price .wrapper_blocks .block_price_text {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1124px) {
  .footer .btn {
    height: 40px;
    padding: 0 20px;
  }
  .footer .btn:after {
    top: -1px;
  }
  .footer .btn:before {
    top: 2px;
  }
  .footer .btn .fa-phone {
    display: inline-block;
    font-size: 26px;
    bottom: 6px;
    right: 8px;
    position: absolute;
  }
  .footer .btn span {
    display: none;
  }
  .block_top_decision .block_img .noyt {
    margin-left: -165px;
  }
  .block_top_decision .block_img .line {
    display: none;
  }
  .our_proect .description .block_text:before,
  .our_proect .description .block_review:before {
    display: none;
  }
  .block_blog .article {
    max-width: 100%;
  }
  .block_blog .article .article_div {
    clear: both;
    margin-top: 74px;
  }
  .block_blog .aside {
    margin-top: 42px;
    max-width: 100%;
  }
  .article_block .article_information .quote {
    margin-top: 130px;
  }
}
@media screen and (max-width: 1097px) {
  .contacts_bottom {
    margin-bottom: 0;
  }
  #map {
    top: 0;
    margin-top: 145px;
  }
  .middle_block1 .form {
    float: none;
    clear: both;
    margin: 0 auto;
  }
  .wrapper_contacts .contacts {
    margin-bottom: 30px;
  }
  .wrapper_contacts .img_contacts {
    float: right;
  }
}
@media screen and (max-width: 1095px) {
  .advant_disadvant div {
    float: none !important;
    width: auto;
  }
  .advant_disadvant .block_img {
    text-align: center;
  }
  .advant_disadvant .block_img .line {
    display: none;
  }
  .advant_disadvant .block_img .noyt {
    margin: 0;
  }
  .block_popular {
    padding: 38px 0;
    background: #00A2FA;
  }
  .block_popular .blocks_popular {
    justify-content: space-around;
  }
  .stages_promotion .block_stage .block_right,
  .stages_promotion .block_stage .block_left {
    width: 100%;
    float: none;
  }
  .stages_promotion .block_stage .studio_img1,
  .stages_promotion .block_stage .studio_img2 {
    float: none;
    margin: 113px auto 113px;
  }
}
@media screen and (max-width: 1070px) {
  .answer_question .block_img {
    display: none;
  }
  .last_proect .description .block_text:before,
  .last_proect .description .block_review:before {
    display: none;
  }
  .last_proect > p {
    position: relative;
    z-index: 1;
  }
  .last_proect .block_img {
    position: absolute;
    margin: -20px 0 0 -200px;
  }
  .our_proect .block_img {
    position: inherit;
    margin: -20px 25px 25px -65px;
  }
  .our_proect .description {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .evaluation_results {
    margin-top: 60px;
  }
  .optimization_in .studio_img2 {
    margin: 50px -183px 0 0;
  }
  .how_advancement .quote {
    float: none;
    margin: 140px auto 200px;
  }
  .how_advancement p {
    float: none;
    width: 100%;
    margin-top: -30px;
  }
  .block_advertising .quote {
    margin: 140px auto 240px;
  }
  .middle_block1 .development_wid7 .studio_img1 {
    display: none;
  }
  .middle_block1 .development_wid7 .block_studio {
    margin-left: 0;
  }
  .advancement .studio_img2 {
    width: 300px;
    height: 470px;
    margin: 30px -35px 0 13px;
  }
  .block_price .table_price,
  .stages_promotion .block_stage .table_price {
    width: 100%;
  }
  .price_on_advanced .table_price th {
    padding: 2px 10px;
    font-size: 18px;
    line-height: 22px;
  }
  .price_on_advanced .table_price td {
    padding: 2px 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .search_output .quote {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .features_development .features_site .img_1 {
    margin: 25px 95px 50px 120px;
  }
  .features_development .features_site .img_2 {
    margin: 25px 120px 50px 95px;
  }
  .features_development .features_site div:nth-of-type(2n - 1) span {
    background-position-x: 20px;
  }
  .features_development .features_site div:nth-of-type(2n) span {
    background-position-x: -5px;
  }
  .nav_list {
    font-size: 16px;
  }
  .budget .block_img,
  .asses_results .block_img {
    width: 100%;
    height: auto !important;
  }
  .budget .block_img img,
  .asses_results .block_img img {
    width: 100%;
    height: auto;
  }
  .footer_top .logo {
    width: 280px;
  }
}
@media screen and (max-width: 965px) {
  .services_seo div:nth-child(3n-2) {
    margin-top: 94px;
  }
  .footer_top .time_adress {
    width: 200px;
  }
  .footer_top .other_information .work_time {
    margin-top: 0px;
  }
  .footer .other_information {
    padding: 11px 0 5px;
  }
  .footer .header_img .back_header_img1 {
    top: -140px;
  }
}
@media screen and (max-width: 960px) {
  .development_kiev .block_studio {
    margin: 60px 0 0 0px;
  }
  .block_top_decision .block_img .noyt {
    width: 589px;
    height: 366px;
    margin: 81px 0 0 -230px;
  }
  .block_top_decision .block_decision {
    max-width: 349px;
    width: 100%;
  }
  .block_top_decision .block_decision:nth-child(2),
  .block_top_decision .block_decision:nth-child(5) {
    margin-left: 30px;
  }
  .block_top_decision .block_decision:nth-child(5) {
    clear: both;
  }
  .stages_development {
    margin-top: 60px;
  }
}
@media screen and (max-width: 930px) {
  .footer_bottom {
    background: #008AE0;
  }
  .bottom_block {
    height: 52px;
  }
  .bottom_block p {
    top: 26px;
  }
  .footer .nav_list {
    display: none;
  }
  .other_information {
    padding: 11px 0 11.5px;
  }
}
@media screen and (max-width: 900px) {
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block {
    min-width: 100%;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .monitor {
    width: 100%;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .img_design,
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .img_redesign {
    width: calc(100% - 60px);
    left: 30px;
    margin: 0;
  }
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .img_design img,
  .our_site .blocks_redesign .block_top_redesign .block_redesign .img_block .img_redesign img {
    width: 100%;
    height: auto;
  }
  .our_site h1 {
    font-size: 32px;
  }
  h1,
  .h1_styles {
    text-transform: uppercase;
    font: bold 36px 'Segoe UI', sans-serif;
  }
  h1 span,
  .h1_styles span {
    font-size: 20px ;
  }
  .last_proect .description {
    width: 410px;
    margin-top: -42px;
  }
  .block_h1 .head_block_right {
    margin-right: -158px;
  }
  .our_site .block_numbers + img {
    width: 100%;
    height: auto;
  }
  .no-touch .nav_list .next_level:hover {
    background: #499cf6;
  }
  .nav_list {
    position: fixed;
    z-index: 19999;
    height: auto;
    background: #499cf6;
    padding: 0 15px;
    display: inline-block;
    box-sizing: border-box;
    top: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .nav_list li {
    text-align: left;
    position: static;
  }
  .nav_list li > ul {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    z-index: 22;
    background: #3daef7;
    left: unset;
    right: -100%;
    top: 0;
  }
  .nav_list li > ul .title_main {
    padding: 0 15px;
    box-sizing: border-box;
  }
  .nav_list .title_main {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid white;
  }
  .nav_list .title_main .fa-times {
    float: right;
    padding: 17px 17px;
    margin: 0 -15px 0 0;
  }
  .nav_list .title_main .fa-angle-left {
    padding-right: 10px;
  }
  .fa-bars {
    display: block;
    position: absolute;
    top: -5px;
    right: 20px;
    font-size: 48px;
  }
  .block_h1 {
    margin-top: 6px;
  }
  .block_question {
    padding: 105px 0 132px;
  }
  .block_question .block_left {
    width: 350px;
    margin-top: 10px;
  }
  .block_question .block_left .wrapper_btn {
    flex-direction: column;
    align-items: center;
  }
  .block_question .block_left .wrapper_btn .btn_question {
    margin-top: 25px;
  }
  .header .other_information .work_time {
    display: inline-block;
    position: absolute;
    bottom: -44px;
    right: 20%;
  }
  .our_proect .description {
    width: 100%;
    margin-top: 0;
  }
  .article_block .article_information .quote1 {
    float: none;
    margin: 115px auto 120px;
  }
  .article_block .article_information .quote {
    float: none;
    margin: 115px auto 120px;
  }
  .article_block .article_information .article_paragraph {
    font-size: 18px;
    margin: 0;
  }
  .header .container > img {
    top: 56px;
  }
}
@media screen and (max-width: 850px) {
  .price_on_advanced .table_price th {
    padding: 2px 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .price_on_advanced .table_price td {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 16px;
  }
  .advancement .studio_img2 {
    display: none;
  }
}
@media screen and (max-width: 811px) {
  .price_setting .table_price {
    width: 100%;
  }
  .answer_question .block_left {
    width: 100%;
    margin-left: 24px;
  }
  .block_answer .answer .circle {
    right: 25px;
  }
  .block_answer .before_p {
    padding-right: 70px;
  }
  .some_results .table_price {
    width: 100%;
  }
  .middle_block1 .services {
    margin-top: 97px;
    flex-direction: column;
    align-items: center;
  }
  .middle_block1 .services div {
    margin-top: 50px;
  }
  .middle_block1 .services div:nth-child(1) {
    margin-top: 0;
  }
  .middle_block1 .services div:nth-child(2) {
    margin-top: 45px;
  }
}
@media screen and (max-width: 768px) {
  h2,
  .h2_style {
    margin-bottom: 25px;
  }
  .features_development .features_site div:nth-of-type(2n) span,
  .features_development .features_site div:nth-of-type(2n - 1) span {
    width: 100%;
    text-align: center;
    background-position: center;
  }
  .features_development .features_site div:nth-of-type(2n) span img,
  .features_development .features_site div:nth-of-type(2n - 1) span img {
    display: inline-block;
    margin: 15px 0;
  }
  .footer_top .other_information .work_time {
    font-size: 14px;
  }
  .footer_top .adress {
    font-size: 14px;
  }
  .footer .phone_wrapper p a {
    font-size: 14px;
  }
  .footer .phone_wrapper {
    margin-top: -5px;
  }
  .header .other_information .work_time {
    right: 12%;
  }
  .blocks_redesign {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .middle_block1 .services {
    margin-top: 121px;
  }
  .price_on_advanced .table_price.large-only {
    display: none;
  }
  h2,
  .h2_style {
    font-size: 32px;
  }
  .block_blog .article img {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .block_blog .article img + p {
    margin: 13px 0 0 0;
  }
  .block_blog .article .article_div {
    margin-top: 35px;
  }
  .footer_top .work_time {
    left: 10px;
    top: 100px;
  }
  .footer_top .adress {
    top: 13px;
  }
  .stages_promotion .block_stage .under_table {
    width: 100%;
  }
  .optimization_in .studio_img2,
  .stages_promotion .studio_img1,
  .individual_promotion .studio_img1,
  .development_kiev .studio_img2 {
    float: none;
    margin: 25px auto 0;
    display: block;
  }
  .block_price .table_price th,
  .price_setting .table_price th,
  .stages_promotion .block_stage .table_price th {
    font-size: 18px;
    line-height: 22px;
  }
  .block_price .table_price td,
  .price_setting .table_price td,
  .stages_promotion .block_stage .table_price td {
    font-size: 14px;
    line-height: 18px;
  }
  .setting .preparatory .studio_img1,
  .setting .preparatory .studio_img2 {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .head_top .langs {
    margin-left: auto;
  }
  .container {
    padding: 0 10px;
  }
  .block_h1 .head_block_right {
    margin: -305px -114px 0 0;
  }
  .block_h1 .head_block_right img {
    width: 625px;
    height: 325px;
  }
  .block_h1 .head_block_left p {
    font-size: 22px;
    width: 379px;
    max-width: 100%;
    margin-top: 7px;
  }
  .middle_block1 .about_studio .studio_img1 {
    margin: 0px 0 0 -251px;
    width: 458px;
    height: 298px;
  }
  .middle_block1 .about_studio .studio_img2 {
    width: 232px;
    height: 232px;
    margin: 60px -58px 0 0;
  }
  .quote {
    float: none;
    margin: 130px auto 110px;
  }
  .stages_development .block_studio {
    margin-right: 0;
  }
  .stages_development .studio_img2 {
    width: 300px;
    height: 420px;
    margin: 256px -195px 0 0;
  }
  .stages_development .studio_img1 {
    width: 629px;
    height: 536px;
  }
  #map {
    height: 450px;
  }
  .header {
    min-height: 623px;
  }
  .header:before {
    top: 576px;
  }
  .header:after {
    top: 609px;
  }
  .header_category {
    min-height: 250px;
  }
  #breadcrumb {
    padding-left: 25px;
  }
  #breadcrumb ul {
    font-size: 15px;
    margin-bottom: 5px;
    flex-direction: row;
    align-items: baseline;
  }
  #breadcrumb ul li {
    width: auto;
  }
  #breadcrumb ul li span {
    text-align: center;
  }
}
@media screen and (max-width: 758px) {
  .price .wrapper_blocks {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 747px) {
  .block_top_decision .block_img .noyt {
    margin-top: 44px;
  }
  .block_top_decision .block_decision {
    float: none !important;
    margin: 50px auto 0 !important;
  }
}
@media screen and (max-width: 730px) {
  .header .container > img {
    top: 60px;
  }
  .our_site h1 {
    font-size: 28px;
  }
  .work_list_container .our_proect .description {
    width: auto;
    padding-right: 0;
  }
  .work_list_container .last_proect .block_img {
    margin: 0;
    overflow: hidden;
  }
  .footer_top .logo {
    width: auto;
  }
  .block_h1 {
    margin-top: 15px;
  }
  .header .other_information .work_time {
    right: 20px;
    bottom: -20px;
  }
  .other_information .logo img {
    width: 33px;
    height: 26px;
    margin-right: 5px;
    margin-top: 5px;
    position: absolute;
  }
  .other_information .logo p {
    font-size: 15px;
    white-space: nowrap;
    width: auto;
    text-transform: uppercase;
    padding-left: 40px;
  }
  .header .header_middle .work_time {
    font-size: 14px;
  }
  .phone_wrapper {
    margin-top: -5px;
    font-size: 14px;
  }
  .footer .phone_wrapper {
    margin-top: 0;
  }
  .header .other_information .btn {
    height: 40px;
    margin-right: 75px;
    padding: 0 20px;
  }
  .header .other_information .btn .fa-phone {
    display: inline-block;
    font-size: 26px;
    bottom: 6px;
    right: 8px;
    position: absolute;
  }
  .header .other_information .btn span {
    display: none;
  }
  .header .other_information .btn:after {
    top: -1px;
  }
  .header .other_information .btn:before {
    top: 2px;
  }
  .fa-bars {
    top: -65px;
  }
  .answer_question {
    margin-top: 65px;
  }
  .work_list_container .last_proect .block_img {
    margin-top: 15px;
  }
  .last_proect {
    margin-top: 0;
  }
  .last_proect .block_img {
    position: relative;
    float: none;
    margin: 15px 0 0 0;
    text-align: center;
  }
  .last_proect .block_img .work_background {
    top: 0;
    left: 0;
    margin: 0;
    z-index: 5;
  }
  .last_proect .block_img img:nth-child(2) {
    z-index: 10;
    margin: 0;
  }
  .last_proect .description {
    width: auto;
    margin-left: 0;
  }
  .block_question {
    padding: 67px 0 85px;
  }
  .block_question .block_left {
    width: 268px;
  }
  .block_question .block_left p {
    font-size: 19px;
  }
  .our_proect .block_img img {
    margin: 0;
  }
}
@media screen and (max-width: 727px) {
  .wrapper_contacts .contacts {
    float: none;
    text-align: center;
  }
  .wrapper_contacts .img_contacts {
    float: none;
    display: block;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 670px) {
  .footer .btn {
    position: absolute;
    right: 15px;
    top: -58px;
  }
  .footer .btn:hover {
    left: unset;
  }
  .no-touch .footer .btn:hover {
    left: unset;
  }
  .seo_table .table_price tr td:nth-child(1) {
    white-space: unset;
  }
  .evaluation_results .studio_img2 {
    width: 100%;
    height: auto;
  }
  .footer_top .adress {
    top: 108px;
    left: 4px;
    margin-left: 0;
  }
  .footer_top .work_time {
    left: 9px;
    top: 80px;
  }
  .bottom_block {
    margin-top: 10px;
  }
  .phone_wrapper p a {
    padding-left: 18px;
  }
}
@media screen and (max-width: 609px) {
  .head_top .adress {
    text-align: left;
  }
  .back_fancy {
    width: 100%;
  }
  .back_fancy img {
    right: 50%;
    margin-right: -310px;
  }
  .back_fancy a img {
    margin-right: 0;
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 570px) {
  .header .container > img {
    top: 15px;
  }
  .table_price {
    font-size: 14px;
  }
  .table_price th {
    font-size: 16px;
  }
  .footer .other_information {
    flex-direction: column;
  }
  .footer_top .time_adress {
    width: auto;
  }
  .footer .phone_wrapper {
    text-align: center;
  }
  .bottom_block {
    margin-top: 0px;
  }
  .footer .header_img .back_header_img1 {
    top: -145px;
  }
  .block_h1 {
    margin-top: 60px;
  }
  .header .other_information .btn {
    margin-right: 5px;
  }
  .fa-bars {
    top: 7px;
  }
  .header .other_information .work_time {
    left: 20px;
    bottom: -27px;
  }
}
@media screen and (max-width: 550px) {
  .block_question .container {
    justify-content: space-between;
  }
  .advant_disadvant .block_img .noyt {
    width: 100%;
    height: auto;
  }
  .advancement .studio_img1 {
    float: none;
    position: relative;
    left: 50%;
    margin: 30px 0 0 -339px;
  }
  .advancement .block_studio {
    margin-top: 2px;
  }
  .search_output .studio_img1 {
    margin-left: -349px;
  }
  .stages_development .studio_img2 {
    display: none;
  }
  .stages_development .studio_img1 {
    float: none;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .last_proect {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .quote {
    font-size: 16px;
    min-height: 225px;
  }
  .some_results .left_arrow {
    top: 195px;
  }
  .some_results .right_arrow {
    top: 198px;
  }
  .price .wrapper_blocks .block_price {
    max-width: 100%;
  }
  .footer {
    margin-top: 185px;
  }
  .footer .header_img .back_header_img1 {
    top: -95px;
  }
  .header .phone_wrapper p a:before {
    top: 0px;
    left: -5px;
  }
  .nav_list {
    top: 76px;
  }
  .header_top {
    padding-top: 70px;
  }
  .header_img {
    top: -78px;
  }
  .header {
    min-height: 520px;
  }
  .header_category {
    min-height: 140px;
  }
  .block_h1 {
    margin-top: 15px;
  }
  #fa_nav {
    display: none;
  }
  .head_top,
  .header_middle {
    display: none;
  }
  .mobile_header {
    border-bottom: 1px solid white;
    display: inline-block;
    width: 100%;
    z-index: 2000;
    position: fixed;
    background: #01a5fc;
    padding-bottom: 2px;
  }
  .mobile_header .top {
    background: #0196fa;
    margin-bottom: 5px;
  }
  .mobile_header .top p {
    display: inline-block;
    width: 49%;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 2px;
  }
  .mobile_header .top p:nth-child(2) {
    text-align: right;
  }
  .mobile_header .middle {
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .mobile_header .middle .mobile_menu_btn {
    width: 0px;
    padding: 0 14px 0 14px;
    height: 28px;
    position: relative;
  }
  .mobile_header .middle .mobile_menu_btn .fa {
    position: absolute;
    top: 7px;
    left: 9px;
  }
  .mobile_header .middle .mobile_menu_btn:after,
  .mobile_header .middle .mobile_menu_btn:before {
    display: none;
  }
  .mobile_header .middle .mobile_menu_wrapper {
    display: inline-block;
  }
  .mobile_header .middle .mobile_menu_wrapper .mobile_menu {
    display: none;
    position: absolute;
    background: #0196fa;
    top: 47px;
    border-top: 2px solid white;
    left: 0;
    padding: 15px 15px;
    width: 155px;
  }
  .mobile_header .middle .mobile_menu_wrapper .mobile_menu .phone_wrapper {
    position: relative;
    top: unset!important;
    bottom: unset!important;
    right: unset!important;
    left: unset!important;
  }
  .mobile_header .middle .mobile_menu_wrapper .mobile_menu .btn {
    font-size: 12px;
    padding: 5px 10px;
    height: auto;
    line-height: 25px;
    margin-top: 5px;
  }
  .mobile_header .middle .mobile_menu_wrapper .mobile_menu .set_btn:before {
    top: -1px;
  }
  .mobile_header .middle .mobile_menu_wrapper .mobile_menu .set_btn:after {
    top: -3px;
  }
  .mobile_header .middle .mobile_menu_wrapper .mobile_menu .work_time,
  .mobile_header .middle .mobile_menu_wrapper .mobile_menu .adress {
    font-size: 14px;
    padding-left: 19px;
    position: relative;
    margin-top: 2px;
  }
  .mobile_header .middle .logo {
    display: inline-block;
  }
  .mobile_header .middle .logo img {
    height: 40px;
    width: auto;
  }
  .mobile_header .middle .langs_wrapper {
    height: 100%;
    display: inline-block;
  }
  .mobile_header .middle .langs_wrapper a {
    margin-left: 10px;
    display: inline-block;
    line-height: 45px;
  }
  .mobile_header .middle .langs_wrapper a:nth-child(1) {
    margin-left: 0;
  }
  .mobile_header .middle .langs_wrapper a.active {
    color: #ffc94e;
  }
  .mobile_header .middle .fa-bars {
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    bottom: unset;
    margin-top: -3px;
  }
  .mobile_header .fa-map-marker,
  .mobile_header .fa-clock-o {
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .mobile_header .fa-map-marker {
    left: -2px;
    top: 1px;
  }
  .mobile_header .fa-clock-o {
    left: -4px;
    top: 1px;
  }
  .dogovor {
    padding: 0;
  }
  .dogovor .title1 {
    font-size: 20px;
  }
  .dogovor * {
    font-size: 14px;
    line-height: 21px;
  }
  .our_site h1 {
    font-size: 24px;
  }
  .block_question .block_left {
    width: 100%;
  }
  .wrapper_btn {
    display: block;
    text-align: center;
  }
  .wrapper_btn .btn:nth-child(2) {
    clear: both;
    margin-top: 15px;
  }
  .header .other_information .btn {
    position: absolute;
    top: 92px;
    left: 20px;
  }
  .header .phone_wrapper {
    position: absolute;
    right: 10px;
  }
  .header .other_information .logo {
    margin-top: -31px;
  }
  .head_top .adress {
    font-size: 14px;
    top: 47px;
    width: 170px;
    line-height: 18px;
    left: 38px;
  }
  .head_top .adress i {
    position: absolute;
    left: -21px;
    top: 2px;
  }
  .fa-bars {
    top: 62px;
  }
  .header .header_middle .work_time {
    left: 48px;
    font-size: 14px;
    top: 65px;
  }
  .header .header_middle .work_time i {
    position: absolute;
    left: -22px;
    top: 3px;
  }
  .large-only {
    display: none;
  }
  .block_price h2,
  .block_price .h2_style {
    margin: 30px 0;
  }
  .block_popular {
    padding: 20px 0;
  }
  .block_popular .blocks_popular div {
    margin-top: 10px;
  }
  .block_popular .blocks_popular div:nth-child(1) {
    margin-top: 30px;
  }
  .block_popular .blocks_popular div p {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .our_site .block_numbers .before_p {
    font-size: 18px;
  }
  .our_site .block_numbers ul li:before {
    font-size: 50px;
    top: -34px;
    margin-left: -27px;
  }
  .others_works h2,
  .others_works .h2_style {
    margin-bottom: 41px;
  }
  .others_works > div div > p,
  .others_works > div div a {
    font-size: 16px;
    margin-bottom: 12px;
  }
  #breadcrumb ul {
    font-size: 12px;
  }
  .our_site .container_sites {
    margin-top: 95px;
  }
  .our_site .container_sites .blocks_sites {
    font-size: 14px;
  }
  .our_site .container_sites .blocks_sites p.orange {
    font-size: 16px;
  }
  .our_site .block_numbers {
    margin-top: 43px;
  }
  .our_site .block_numbers + img {
    margin-top: 25px;
  }
  .slider .left_arrow,
  .slider .right_arrow {
    font-size: 12px;
    padding: 0 15px;
  }
  .middle_block1 .services {
    display: none;
  }
  .services_seo div {
    margin-top: 50px;
  }
  .services_seo div p {
    margin-top: 20px;
  }
  .services_seo div:nth-child(3n-2) {
    margin-top: 50px;
  }
  .services_seo div:nth-child(1) {
    margin-top: 70px;
  }
  .development_kiev,
  .features_development {
    margin-top: 30px;
  }
  .price {
    margin-bottom: 28px;
    font-size: 16px;
  }
  .setting .preparatory .studio_img1,
  .setting .preparatory .studio_img2,
  .development_kiev .studio_img2,
  .individual_promotion .studio_img1,
  .optimization_in .studio_img2,
  .stages_promotion .studio_img1,
  .wrapper_contacts .img_contacts {
    width: 100%;
    height: auto;
  }
  .block_answer {
    margin-top: 44px;
  }
  .block_top_decision .block_decision span {
    font-size: 20px;
  }
  h2,
  .h2_style {
    font-size: 24px;
  }
  .middle_block1 .about_studio {
    margin-top: 120px;
  }
  .middle_block1 .about_studio p {
    font-size: 16px;
  }
  .middle_block1 .about_studio .studio_img1 {
    width: 330px;
    height: 214px;
    margin: 0 0 0 -190px;
  }
  .middle_block1 .about_studio .studio_img2 {
    width: 195px;
    height: 173px;
  }
  .price_setting .table_price th,
  .some_results .table_price th {
    padding: 2px 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .price_setting .table_price td,
  .some_results .table_price td {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 16px;
  }
  #map {
    height: 350px;
  }
  h1,
  .h1_styles {
    font-size: 26px;
  }
  .block_h1 .head_block_left h1 span,
  .block_h1 .head_block_left .h1_styles span {
    font-size: 18px;
  }
  .block_h1 .head_block_left p {
    font-size: 18px;
  }
  .block_h1 .head_block_right {
    margin: -247px -336px 0 0;
  }
  .answer_question,
  .block_top_decision,
  .features_company {
    margin-top: 30px;
  }
  .middle_block1 .development_wid7 .block_studio p {
    font-size: 16px;
  }
  .stages_development .block_studio {
    font-size: 16px;
  }
  .stages_development .block_studio p {
    margin-bottom: 0;
  }
  .price h2 + p,
  .price h2 + p + p,
  .price .h2_style + p,
  .price .h2_style + p + p {
    font-size: 16px;
  }
  .price .wrapper_blocks .block_price {
    margin-top: 25px;
  }
  .price .wrapper_blocks .block_price_text {
    margin-top: 20px;
    font-size: 16px;
  }
  .price .wrapper_blocks .block_price_text > p {
    margin-bottom: 0;
  }
  .price ul {
    font-size: 16px;
  }
  .price p.purple {
    font-size: 18px;
    margin-top: 0;
  }
  .price h2 + p,
  .price .h2_style + p {
    margin-top: 30px;
  }
  .last_proect .description .block_review {
    margin-top: 5px;
  }
  .last_proect .description .block_text {
    margin-top: 17px;
  }
  .development_kiev .block_studio {
    font-size: 16px;
    margin-top: 30px;
  }
  .development_kiev .block_studio .studio_img2 {
    margin-top: 0;
  }
  .development_kiev .block_studio .studio_img2 + p {
    margin-top: 20px;
  }
  .development_kiev .block_studio p + p {
    margin-top: 0;
  }
  .price_on_advanced,
  .individual_promotion .block_right,
  .advancement,
  .how_advancement,
  .evaluation_results,
  .stages_promotion,
  .asses_results,
  .setting,
  .price_setting {
    font-size: 16px;
  }
  .setting .preparatory ol {
    margin: 20px 0 0 0;
  }
  .stages_promotion .block_stage .studio_img1,
  .stages_promotion .block_stage .studio_img2 {
    margin: 136px auto 165px;
  }
  .stages_promotion .block_stage .studio_img1:before,
  .stages_promotion .block_stage .studio_img2:before {
    top: -125px;
  }
  .middle_block1 .about_studio .block_studio {
    margin-top: 34px;
  }
  .features_company .block_features div {
    margin-top: 30px;
  }
  .features_development .features_site ul {
    margin-top: 0;
    font-size: 16px;
  }
  .features_development .features_site p {
    font-size: 16px;
    margin-top: 5px;
  }
  .features_development .features_site .img_1,
  .features_development .features_site .img_2 {
    margin: 17px 0 0 -245px;
  }
  .features_development .features_site h3 {
    margin: 19px 0 0;
  }
  .features_development .features_site h3:nth-child(1) {
    margin-top: 33px;
  }
  .stages_development {
    margin-top: 30px;
  }
  .stages_promotion .block_stage {
    margin-top: 20px;
  }
  .block_question .btn img {
    display: none;
  }
  .block_question .container {
    height: 275px;
    flex-direction: column;
  }
  .block_question .phone_wrapper {
    margin-top: 0px;
  }
  .block_question {
    padding: 67px 0;
  }
  .block_question .block_left p {
    font-size: 14px;
  }
  .block_question .block_left .wrapper_btn {
    margin-top: 13px;
  }
  .block_question .block_left .wrapper_btn .btn_question {
    margin-top: 7px;
  }
  .block_question .work_time {
    margin: 0 0px 0 -24px;
    font-size: 14px;
  }
  .block_question .work_time i {
    margin-right: 12px;
  }
  .block_question .phone_wrapper p {
    font-size: 14px;
  }
  .block_question .phone_wrapper p:nth-child(1) a:before {
    background: url(/img/small_vodafone.png) no-repeat;
    top: 3px;
    left: -25px;
  }
  .block_question .phone_wrapper p:nth-child(2) a:before {
    background: url(/img/small_kiev.png) no-repeat;
    top: 3px;
    left: -25px;
  }
  .block_question .phone_wrapper p:nth-child(3) a:before {
    background: url(/img/3.png) no-repeat;
    top: 3px;
    left: -25px;
  }
}
@media screen and (max-width: 430px) {
  .others_works .table_price {
    max-width: 100%;
    margin-left: 0px;
    width: 100%;
  }
  .others_works > div .other_work p + img {
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.23);
    position: relative;
    bottom: unset;
  }
  .others_works > div div {
    position: relative;
    max-width: 100%;
    min-height: unset;
  }
  .others_works > div .other_work img + p {
    position: absolute;
    bottom: -20px;
    margin: 0;
  }
  .footer_bottom {
    font-size: 12px;
  }
  .footer_top .work_time {
    left: 5px;
    top: 59px;
  }
  .footer_top .adress {
    top: 93px;
    left: -11px;
  }
  .bottom_block {
    height: 46px;
  }
  .bottom_block p {
    margin-left: -154px;
  }
  .header .btn img,
  .footer_top .btn img {
    display: none;
  }
  h1,
  .h1_styles {
    font-size: 28px;
  }
  .block_h1 .head_block_right {
    margin-top: -220px;
  }
}
@media screen and (max-width: 400px) {
  .header .container > img {
    top: 0px;
  }
  #breadcrumb ul {
    display: inline-block;
  }
  #breadcrumb ul li {
    position: relative;
    float: left;
  }
  #breadcrumb ul li:nth-child(4) {
    margin-left: 59px;
  }
  .footer .container {
    background: #01A7FB;
  }
  .header .header_middle .work_time {
    top: 62px;
    left: 50px;
  }
  .phone_wrapper {
    left: 32px;
    top: 90px;
  }
  .header .other_information .btn {
    right: 10px;
    left: unset;
    top: 90px;
  }
  .other_information .logo p {
    font-size: 14px;
  }
  .head_top .adress {
    left: 40px;
  }
  .fa-bars {
    top: -3px;
  }
}
@media screen and (max-width: 380px) {
  .form {
    width: 300px;
    padding: 25px 15px;
  }
  .others_works > div div img {
    width: 100%;
    height: auto;
  }
  .block_popular .blocks_popular div img {
    width: 100%;
    height: auto;
  }
  .mobile_header .top p {
    font-size: 13px;
  }
}
@media screen and (max-width: 320px) {
  #map {
    height: 270px;
  }
  .block_answer {
    font-size: 14px;
  }
  .bottom_block {
    height: 44px;
  }
  .last_proect .description {
    font-size: 14px;
  }
  .last_proect .description .block_review {
    margin-top: 8px;
  }
  .last_proect .description .orange {
    font-size: 16px;
  }
  .features_company .block_features div {
    margin-top: 30px;
  }
  .features_company .block_features p {
    font-size: 14px;
  }
  .features_company .block_features .orange {
    font-size: 16px;
  }
  h3 {
    font-size: 16px;
  }
  .middle_block1 .about_studio p {
    font-size: 14px;
  }
  .middle_block1 .about_studio p > p {
    font-size: 14px;
  }
  h2,
  .h2_style {
    font-size: 20px;
  }
  .block_top_decision .block_decision {
    max-width: 271px;
  }
  .block_top_decision .block_decision a {
    font-size: 14px;
  }
  .block_top_decision .block_decision ul {
    font-size: 14px;
  }
  .block_top_decision .block_decision ul:before {
    left: -20px;
  }
  .block_top_decision .block_decision span {
    font-size: 18px;
  }
  .block_top_decision .block_decision span:before {
    width: 60px;
  }
  .container {
    padding: 0 5px;
  }
  .phone_wrapper {
    left: 28px;
  }
  h1,
  .h1_styles {
    font-size: 24px;
  }
  .block_h1 .head_block_left p {
    font-size: 14px;
  }
  .block_h1 .head_block_right {
    margin-top: -234px;
  }
  .middle_block1 .development_wid7 .block_studio p,
  .stages_development .block_studio,
  .features_development,
  .price h2 + p,
  .price h2 + p + p,
  .price .wrapper_blocks .block_price_text,
  .price ul,
  .development_kiev .block_studio,
  .advancement,
  .how_advancement p,
  .evaluation_results,
  .stages_promotion .block_stage .block_left,
  .stages_promotion .block_stage .block_right,
  .stages_promotion .block_stage .under_table,
  .price_on_advanced,
  .asses_results,
  .advant_disadvant,
  .setting,
  .price_setting,
  .price,
  .features_development .features_site p,
  .features_development .features_site ul {
    font-size: 14px;
  }
  .orange {
    font-size: 18px;
  }
  .stages_promotion p,
  .stages_promotion ul {
    font-size: 14px;
  }
  .individual_promotion .block_right {
    font-size: 14px !important;
  }
  .some_results,
  .individual_promotion {
    margin-top: 25px;
  }
  .price_on_advanced h2,
  .price_on_advanced .h2_style {
    margin-bottom: 30px;
  }
  .price_on_advanced .tarif_plan {
    margin-top: 21px;
  }
  .price_on_advanced .tarif_plan h3 {
    margin-bottom: 25px;
  }
  .how_advancement,
  .evaluation_results,
  .optimization_in {
    margin-top: 25px;
  }
  .stages_promotion h2,
  .stages_promotion .h2_style {
    margin: 30px 0;
  }
  .stages_promotion .block_stage .table_price {
    margin-top: 30px;
  }
  .search_output,
  .asses_results,
  .what_advertising,
  .advant_disadvant,
  .price_setting {
    margin-top: 30px;
  }
  .search_output .under_table,
  .asses_results .under_table,
  .what_advertising .under_table,
  .advant_disadvant .under_table,
  .price_setting .under_table {
    margin-bottom: 0;
  }
  .setting h2,
  .h2_style {
    margin: 30px 0 25px;
  }
  .setting .preparatory h3 {
    margin-top: 21px;
  }
  .footer_top .adress {
    left: -16px;
  }
  .footer_top .work_time {
    left: 45px;
  }
  .bottom_block p {
    font-size: 11px;
    margin-left: -142px;
  }
  .block_h1 .head_block_left p {
    width: 218px;
  }
  .header .header_middle .work_time {
    left: 45px;
    width: auto;
  }
}