@import "normalize.css";
@import "font-awesome.css";
@import "jquery.scrollbar.css";
@font-face {
  font-family: 'RexBold';
  src: url('../fonts/RexBold/RexBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RexBold/RexBold.woff') format('woff'), url('../fonts/RexBold/RexBold.otf') format('opentype'), url('../fonts/RexBold/RexBold.ttf') format('truetype'), url('../fonts/RexBold/RexBold.svg#RexBold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* font-family: "OpenSansRegular"; */
@font-face {
  font-family: "OpenSansRegular";
  src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot");
  src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansLight"; */
@font-face {
  font-family: "OpenSansLight";
  src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot");
  src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansItalic"; */
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.eot");
  src: url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansBold"; */
@font-face {
  font-family: "OpenSansBold";
  src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot");
  src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansExtraBold"; */
@font-face {
  font-family: "OpenSansExtraBold";
  src: url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.eot");
  src: url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansExtraBoldItalic"; */
@font-face {
  font-family: "OpenSansExtraBoldItalic";
  src: url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
  src: url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansBoldItalic"; */
@font-face {
  font-family: "OpenSansBoldItalic";
  src: url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.eot");
  src: url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansRegularItalic"; */
@font-face {
  font-family: "OpenSansRegularItalic";
  src: url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.eot");
  src: url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansSemiBold"; */
@font-face {
  font-family: "OpenSansSemiBold";
  src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot");
  src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
/* font-family: "OpenSansSemiBoldItalic"; */
@font-face {
  font-family: "OpenSansSemiBoldItalic";
  src: url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
  src: url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@media (min-width: 900px) and (max-width: 1000px) {
  .minw900maxw1000-hidden {
    display: none !important;
  }
}
@media (min-width: 800px) and (max-width: 900px) {
  .minw800maxw900-hidden {
    display: none !important;
  }
}
@media (min-width: 700px) and (max-width: 800px) {
  .minw700maxw800-hidden {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 700px) {
  .minw600maxw700-hidden {
    display: none !important;
  }
}
@media (min-width: 500px) and (max-width: 600px) {
  .minw500maxw600-hidden {
    display: none !important;
  }
}
@media (min-width: 400px) and (max-width: 500px) {
  .minw400maxw500-hidden {
    display: none !important;
  }
}
@media (min-width: 0px) and (max-width: 320px) {
  .minw0maxw320-hidden {
    display: none !important;
  }
}
/* ------------ Services LESS classes for inheritance --------------- */
.horizontal-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.horizontal-menu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.horizontal-menu ul li a {
  display: block;
  text-decoration: none;
}
/* ------------ END Services LESS classes for inheritance --------------- */
/* General styles */
* {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  scrollbar-face-color: #ffff00;
  scrollbar-shadow-color: #fafafa;
  scrollbar-highlight-color: #fff;
  scrollbar-3dlight-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #fff;
  height: 100%;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar:hover {
  background: #000;
}
::-webkit-scrollbar-track {
  background-color: #dadada;
}
::-webkit-scrollbar-track:hover {
  background-color: #c5c5c5;
}
::-webkit-scrollbar-thumb {
  background-color: #ffff00;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #e6e600;
}
::selection {
  background: #ffff00;
}
::-moz-selection {
  background: #ffff00;
}
body {
  font: 14px 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  line-height: 21px;
  color: #000000;
  background: #fff;
  min-width: 320px;
  overflow-x: hidden;
  width: 100%;
  font-weight: normal;
  position: relative;
  height: 100%;
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  margin: 10px 0;
}
h1 {
  font-size: 30px;
  line-height: 45px;
}
h2 {
  font-size: 28px;
  line-height: 37px;
}
h3 {
  font-size: 25px;
  line-height: 32px;
}
h4 {
  font-size: 23px;
  line-height: 30px;
}
h5 {
  font-size: 20px;
  line-height: 27px;
}
h6 {
  font-size: 18px;
  line-height: 23px;
}
input,
textarea {
  box-sizing: border-box;
  max-width: 100%;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  font-size: 15px;
  display: block;
  color: #000000;
  padding: 5px 10px;
  margin-bottom: 5px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
}
label {
  font-weight: normal;
}
input:focus,
textarea:focus {
  border: 1px solid #c3c3c3;
}
input[type="submit"],
input[type="button"],
button {
  background: #ffff00;
  color: #fff;
  padding: 3px 5px;
  text-transform: uppercase;
  border: none;
}
input[type="submit"]:hover,
button:hover {
  cursor: pointer;
}
input[disabled] {
  background: #dedede;
}
ul,
ol {
  padding-left: 25px;
  margin: 15px 0;
}
ul li,
ol li {
  padding-left: 5px;
}
ul li:not(:last-child),
ol li:not(:last-child) {
  margin-bottom: 5px;
}
ul li ul,
ol li ul,
ul li ol,
ol li ol {
  padding-left: 10px;
}
a,
a:visited {
  color: #5e9fd5;
  text-decoration: underline;
}
a:hover,
a:visited:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin-bottom: 15px;
}
blockquote {
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-style: italic;
  padding: 5px 5px 5px 15px;
  background: #DBDBDB;
  border: 1px solid #CDCDCD;
}
b,
strong {
  font-weight: normal;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
/* Service classes */
.clear {
  clear: both;
  overflow: hidden;
}
._alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
._alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}
._aligncenter {
  display: block;
  margin: 10px auto;
}
._ta-center {
  text-align: center;
}
._ta-left {
  text-align: left;
}
._ta-right {
  text-align: right;
}
._top-buffer {
  margin-top: 50px;
}
._bottom-buffer {
  margin-bottom: 50px;
}
._top-buffer-big {
  margin-top: 100px;
}
._top-buffer-small {
  margin-top: 25px;
}
._ov-hidden {
  overflow: hidden;
  position: relative;
}
._color-red {
  color: #ce4242;
}
._md-text {
  font-size: 18px;
  line-height: 32px;
  vertical-align: middle;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
}
._center-block {
  margin: 0 auto;
}
._dark-bg {
  background: #000000;
}
._s-hide {
  height: 0;
  opacity: 0;
}
/* Mobile nav */
.b-mobile-nav-open {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  padding-top: 15px;
  padding-left: 13px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: #000000;
}
.b-mobile-nav-open:hover {
  cursor: pointer;
}
.b-mobile-nav-open__line {
  display: block;
  width: 25px;
  height: 2px;
  position: relative;
  background: #ffff00;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.b-mobile-nav-open__line:not(:last-child) {
  margin-bottom: 7px;
}
.b-mobile-nav-open:hover .b-mobile-nav-open__line {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-mobile-nav-open:hover .b-mobile-nav-open__line:first-child {
  top: -3px;
}
.b-mobile-nav-open:hover .b-mobile-nav-open__line:last-child {
  bottom: -3px;
}
/* Layout */
.b-layout {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .b-layout {
    padding: 0 10px;
  }
}
.b-success-big-btn,
a.b-success-big-btn {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 15px 25px;
  background: #55aa4d;
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle;
  color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: 3px 3px 0px #4b974a;
  -moz-box-shadow: 3px 3px 0px #4b974a;
  box-shadow: 3px 3px 0px #3c783c;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  text-align: center;
  position: relative;
}
.b-success-big-btn:hover,
a.b-success-big-btn:hover {
  cursor: pointer;
  text-decoration: none;
  -webkit-box-shadow: -3px -3px 0px #2b5a2b;
  -moz-box-shadow: -3px -3px 0px #2b5a2b;
  box-shadow: -3px -3px 0px #2b5a2b;
}
/* Page */
.b-page {
  min-width: 320px;
  display: block;
  display: flex;
  min-height: 100%;
  min-height: 100vh;
  flex-direction: column;
  position: relative;
}
.b-page_form-page {
  background: #f8f8f8;
}
.b-page__inner-wrapper {
  flex: 1 1 auto;
}
.b-page__header {
  margin-bottom: 50px;
}
.b-page__header_no-margin-bottom {
  margin-bottom: 0;
}
.b-page__footer {
  margin-top: 75px;
}
.b-page__footer_no-margin-top {
  margin-top: 0;
}
.b-page__blackout-block {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  position: absolute;
  z-index: -10;
}
.b-page__container {
  margin-bottom: 150px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
.b-page__container:last-child {
  margin-bottom: 0;
}
.b-page__first-screen {
  position: relative;
  z-index: 1;
}
.b-page__header-first-screen {
  height: 100vh;
  min-height: 850px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .b-page__header-first-screen {
    height: auto;
    min-height: inherit;
    padding-bottom: 50px;
  }
}
.b-page__parallax-line_margin-bot {
  margin-bottom: 80px;
}
.b-page__parallax-line_margin-top-100 {
  margin-top: 100px;
}
@media (max-width: 1000px) {
  .b-page__header-first-screen_no-padding-bottom-on-max-width-1000 {
    padding-bottom: 0;
  }
}
.b-page__header-first-screen_m150 {
  margin-bottom: 150px;
}
.b-page__header-first-screen_no-margin-bottom {
  margin-bottom: 0;
}
.b-page__header-first-screen_no-padding-bottom {
  padding-bottom: 0;
}
.b-page__home-block {
  margin: 0 auto 100px auto;
}
.b-page__home-block_mt-minus-50 {
  margin-top: -50px;
}
.b-page .b-page__home-block:last-child {
  margin-bottom: 0;
}
.b-page__portfolio {
  margin: 0 auto;
}
.b-page__single-page {
  margin: 0 auto;
}
.b-page__mobile-nav-open-btn {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 39;
  display: none;
}
@media (max-width: 1000px) {
  .b-page__mobile-nav-open-btn {
    display: block;
  }
}
.b-page__simple-header {
  margin-bottom: 75px;
}
.b-page__x-step-form {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.b-page__quarantine_mt-minus-50 {
  margin-top: -50px;
}
/* Contact */
.b-contact {
  margin-right: 50px;
}
.b-contact__key {
  color: #ffff00;
  font-size: 12px;
}
.b-contact__val {
  font-size: 16px;
  margin-left: 45px;
}
/* Vertical contacts */
.b-vertical-contact__contact {
  display: inline-block;
}
.b-vertical-contact_bg {
  background: rgba(0, 0, 0, 0.9);
  padding: 5px;
  color: #ffffff;
}
/* Logo */
.b-logo {
  font-size: 97px;
  line-height: 1;
  vertical-align: middle;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
}
@media (max-width: 500px) {
  .b-logo {
    line-height: 1;
  }
}
.b-logo__link,
a.b-logo__link {
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
}
.b-logo__char:hover {
  color: #ffff00;
}
/* Slogan */
.b-slogan {
  font-size: 18px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
}
/* Nav */
.b-nav {
  position: relative;
  overflow: hidden;
}
.b-nav:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0.5px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.b-nav:after {
  content: "";
  width: 100%;
  height: 0.5px;
  position: absolute;
  top: 0;
  left: -100%;
  background: linear-gradient(to left, transparent 0%, #ffff00, transparent 100%);
  border-radius: 50%;
  animation: navLineGradientMove 1.6s linear infinite;
}
@keyframes navLineGradientMove {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.b-nav__list,
ul.b-nav__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-between;
}
.b-nav__list li,
ul.b-nav__list li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.b-nav__list li:first-child a,
ul.b-nav__list li:first-child a {
  margin-left: 0;
}
.b-nav__list li:last-child a,
ul.b-nav__list li:last-child a {
  margin-right: 0;
}
.b-nav__list li a,
ul.b-nav__list li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  margin: 8px 24px 0 24px;
  padding-top: 5px;
  display: block;
}
.b-nav__list li a:hover,
ul.b-nav__list li a:hover {
  color: #ffff00;
}
.b-nav__list li a:hover:before,
ul.b-nav__list li a:hover:before {
  content: '';
  display: block;
  position: absolute;
  top: -6.5px;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 7px solid rgba(255, 255, 255, 0.4);
}
.b-nav__list li .b-nav__active,
ul.b-nav__list li .b-nav__active,
.b-nav__list li a.b-nav__active,
ul.b-nav__list li a.b-nav__active {
  cursor: pointer;
}
.b-nav__list li .b-nav__active:before,
ul.b-nav__list li .b-nav__active:before,
.b-nav__list li a.b-nav__active:before,
ul.b-nav__list li a.b-nav__active:before {
  content: '';
  display: block;
  position: absolute;
  top: -6.5px;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 7px solid rgba(255, 255, 255, 0.8);
}
/* Header */
.b-header {
  background: #000000;
  color: #ffffff;
  position: relative;
  height: 105px;
  z-index: 2;
}
@media (max-width: 400px) {
  .b-header {
    height: 80px;
  }
}
.b-header .typed-cursor {
  width: 2px;
  height: 18px;
  display: inline-block;
  margin: -2px 3px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  font-size: 0;
}
.b-header_bg-opacity {
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1000px) {
  .b-header_bg-opacity {
    background: #000000;
  }
}
.b-header_amagro {
  background: #161616;
}
.b-header_sol-event-agency {
  background: #8fb2ce;
}
.b-header_fvb {
  background: #05152c;
}
.b-header_kapitan {
  background: #1e1e20;
}
.b-header_tattoo-planet {
  background: #ffb5ac;
}
.b-header_luksgrade {
  background: #000;
}
.b-header_planimetrix {
  background: #000;
}
.b-header_shvidko-dveri {
  background: #000;
}
.b-header_yeliza {
  background: linear-gradient(45deg, #00c2c2, #009ef7, #18a218, #f0305d, #fbdf02);
}
.b-header_no-margin-bottom {
  margin-bottom: 0;
}
.b-header__inner-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.b-header__left {
  width: 31.5%;
  float: left;
  position: relative;
  height: 100px;
}
@media (max-width: 400px) {
  .b-header__left {
    height: 80px;
  }
}
@media (max-width: 1000px) {
  .b-header__left {
    width: 100%;
    float: none;
  }
}
@media (max-width: 500px) {
  .b-header__left {
    width: 70%;
    margin-left: 5%;
    padding-top: 10px;
  }
}
@media (max-width: 400px) {
  .b-header__left {
    margin-left: 2%;
    padding-top: 6px;
  }
}
.b-header__right {
  width: 66%;
  float: right;
  height: 100px;
}
@media (max-width: 1000px) {
  .b-header__right {
    display: none;
  }
}
.b-header__logo {
  position: absolute;
  bottom: -3px;
  left: 0;
}
@media (max-width: 1000px) {
  .b-header__logo {
    position: relative;
    text-align: center;
  }
}
@media (max-width: 500px) {
  .b-header__logo {
    font-size: 80px;
  }
}
@media (max-width: 400px) {
  .b-header__logo {
    font-size: 65px;
  }
}
.b-header__row {
  margin: 10px 0px 5px;
  position: relative;
}
.b-header__slogan {
  float: left;
  position: absolute;
  left: 0;
  bottom: 0;
}
.b-header__vertical-contact {
  float: right;
}
@media (max-width: 1000px) {
  .b-header__nav {
    display: none;
  }
}
/* First screen */
.b-first-screen {
  position: relative;
  display: block;
}
@media (max-width: 1000px) {
  .b-first-screen {
    background-image: url('../img/home-first-screen.webp');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .no-webp .b-first-screen {
    background-image: url('../img/home-first-screen.jpg');
  }
}
.b-first-screen_flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 105px);
}
@media (max-height: 760px) {
  .b-first-screen_flex-center {
    height: auto;
    display: block;
    padding-top: 150px;
  }
}
@media (max-width: 760px) {
  .b-first-screen_flex-center {
    padding-top: 50px;
  }
}
@media (max-width: 1000px) {
  .b-first-screen_security-bg {
    background-image: url('../img/works/security-job/first-screen-bg.webp');
  }
  .no-webp .b-first-screen_security-bg {
    background-image: url('../img/works/security-job/first-screen-bg.jpg');
  }
}
@media (max-width: 1000px) {
  .b-first-screen_storm {
    background-image: url('../img/storm.webp');
  }
  .no-webp .b-first-screen_storm {
    background-image: url('../img/storm.jpg');
  }
}
@media (max-width: 1000px) {
  .b-first-screen_ocean {
    background-image: url('../img/ocean.webp');
  }
  .no-webp .b-first-screen_ocean {
    background-image: url('../img/ocean.jpg');
  }
}
@media (max-width: 1000px) {
  .b-first-screen_mountains {
    background-image: url('../img/mountains.webp');
  }
  .no-webp .b-first-screen_mountains {
    background-image: url('../img/mountains.jpg');
  }
}
@media (max-width: 1000px) {
  .b-first-screen_code {
    background-image: url('../img/code.webp');
  }
  .no-webp .b-first-screen_code {
    background-image: url('../img/code.jpg');
  }
}
.b-first-screen__inner-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.b-first-screen__inner-wrap_woocommerce {
  padding-bottom: 10px;
}
.b-first-screen__inner-wrap_full-width {
  width: 100%;
  max-width: 100%;
}
/* Dynamic bottom arrow */
.b-bottom-arrow {
  content: '';
  display: block;
  width: 50px;
  height: 32px;
  background: url("../img/arrow-to-bottom.webp") no-repeat top center;
  background-size: contain;
  position: fixed;
  left: 50%;
  margin-left: -25px;
  bottom: 30px;
  z-index: 99;
  animation-name: b-bottom-arrow--animation;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.no-webp .b-bottom-arrow {
  background: url("../img/arrow-to-bottom.png") no-repeat top center;
}
@keyframes b-bottom-arrow--animation {
  from {
    bottom: 30px;
  }
  to {
    bottom: 15px;
  }
}
/* Single price square */
.b-price-square {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 190px;
  height: 170px;
  text-align: center;
  padding: 15px 10px;
  text-decoration: none;
  display: block;
  transition: all 0.3s ease 0s;
  box-sizing: border-box;
  position: relative;
}
.b-price-square:before,
.b-price-square:after {
  top: 0;
  left: 0;
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.b-price-square:before {
  border: 2px solid transparent;
}
.b-price-square:after {
  border: 0 solid transparent;
}
.b-price-square:hover {
  box-shadow: inset 0 -170px #000;
  cursor: pointer;
}
.b-price-square:hover:before {
  -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.b-price-square:hover:after {
  border-top: 1px solid #ffff00;
  border-left-width: 1px;
  border-right-width: 1px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}
.b-price-square__title {
  text-align: center;
  color: #ffff00;
  font-size: 24px;
  line-height: 30px;
  vertical-align: middle;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  padding-bottom: 25px;
  display: block;
}
.b-price-square__title:after {
  content: '';
  display: block;
  position: relative;
  left: 50%;
  margin-left: -25px;
  background: #898a8b;
  width: 50px;
  height: 1px;
  margin-top: 25px;
}
.b-price-square__price {
  display: block;
  text-align: right;
  color: #ffffff;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
}
.b-price-square__price-from {
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
}
/* Square price */
.b-price-square-list {
  text-align: center;
}
.b-price-square-list__item {
  display: inline-block;
  margin: 3px;
  vertical-align: top;
}
/* Submit Order */
.b-submit-order {
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 270px;
  margin: 0 auto;
}
.b-submit-order__btn,
a.b-submit-order__btn {
  display: inline-block;
  width: 270px;
  height: 45px;
  text-align: center;
  color: #000;
  background: #ffff00;
  line-height: 45px;
  vertical-align: middle;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 24px;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-submit-order__btn:hover,
a.b-submit-order__btn:hover {
  cursor: pointer;
  background: #f0f000;
}
.b-submit-order__btn:hover:after,
a.b-submit-order__btn:hover:after {
  opacity: 0;
  animation-name: b-submit-order__btn--after-animation;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.b-submit-order__btn:after,
a.b-submit-order__btn:after {
  content: '';
  display: block;
  opacity: 1;
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 270px;
  height: 45px;
  background: #a6a600;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@keyframes b-submit-order__btn--after-animation {
  from {
    bottom: -4px;
    right: -4px;
  }
  to {
    bottom: 0;
    right: 0;
  }
}
/* Single page */
.b-single-page {
  width: 100%;
  max-width: 1000px;
}
@media (max-width: 1000px) {
  .b-single-page {
    padding: 0 15px;
  }
}
.b-single-page__body {
  font-size: 14px;
  line-height: 28px;
  vertical-align: middle;
}
.b-single-page_full-width {
  width: 100%;
  max-width: 100%;
}
.b-single-page__inner-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.b-single-page__title {
  text-align: center;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 48px;
  line-height: 48px;
  vertical-align: middle;
}
.b-single-page__title:after {
  content: '';
  display: block;
  margin: 25px auto 30px;
  width: 50px;
  height: 1px;
  background: #000000;
}
.b-single-page__title_with-after {
  margin-bottom: 20px;
}
.b-single-page__title_with-after:after {
  display: none;
}
.b-single-page__after-title {
  text-align: center;
}
.b-single-page__after-title:after {
  content: '';
  display: block;
  margin: 25px auto 30px;
  width: 50px;
  height: 1px;
  background: #000000;
}
/* Home block */
.b-home-block {
  width: 100%;
  max-width: 1000px;
}
.b-home-block_full-width {
  width: 100%;
  max-width: 100%;
}
.b-home-block_max-width-1920 {
  max-width: 1920px;
}
.b-home-block_horz-center {
  margin: 0 auto;
}
.b-home-block_bg {
  padding: 50px 0;
}
.b-home-block_bg1 {
  background: url("../img/skills-bg.webp");
}
.no-webp .b-home-block_bg1 {
  background: url("../img/skills-bg.png") no-repeat top center;
}
.b-home-block_white {
  color: #ffffff;
}
.b-home-block__inner-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.b-home-block__title {
  text-align: center;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 48px;
  line-height: 48px;
  vertical-align: middle;
}
.b-home-block__title:after {
  content: '';
  display: block;
  margin: 50px auto 50px;
  width: 50px;
  height: 1px;
  background: #000000;
}
@media (max-width: 500px) {
  .b-home-block__title {
    font-size: 36px;
    line-height: 36px;
  }
}
.b-home-block__title_with-after {
  margin-bottom: 10px;
}
.b-home-block__title_with-after:after {
  display: none;
}
.b-home-block__title_white {
  color: #ffffff;
}
.b-home-block__title_white:after {
  background: #797979;
}
.b-home-block__after-title {
  text-align: center;
}
.b-home-block__after-title:after {
  content: '';
  display: block;
  margin: 50px auto 50px;
  width: 50px;
  height: 1px;
  background: #000000;
}
.b-home-block__number-desc-list {
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .b-home-block__body {
    padding: 0 15px;
  }
}
@media (max-width: 1000px) {
  .b-home-block__body_no-padding-on-mobile {
    padding: 0;
  }
}
.b-home-block__body_shadow {
  padding: 50px;
  -webkit-box-shadow: 0 0 25px #000;
  -moz-box-shadow: 0 0 25px #000;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
.b-home-block__body_dark {
  padding: 50px;
  background: #000000;
  color: #ffffff;
  -webkit-box-shadow: 0 0 25px #000;
  -moz-box-shadow: 0 0 25px #000;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
/* Small work preview thumbnail */
.b-small-work-preview {
  width: 240px;
  height: 240px;
  display: block;
  z-index: 1;
  position: relative;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.b-small-work-preview:nth-child(odd):before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.b-small-work-preview:nth-child(odd):hover:before {
  left: 0;
}
.b-small-work-preview:nth-child(even):before {
  content: '';
  position: absolute;
  top: 0;
  right: -100%;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.5s ease 0s;
}
.b-small-work-preview:nth-child(even):hover:before {
  right: 0;
}
.b-small-work-preview:hover {
  cursor: pointer;
}
.b-small-work-preview:hover .b-small-work-preview__title {
  display: block;
}
.b-small-work-preview__title {
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: none;
  width: 100%;
  font-size: 18px;
  margin-top: -15px;
  transition: all 0.5s ease 0.5s;
}
/* Our works */
.b-our-works {
  text-align: center;
}
.b-our-works__work {
  display: inline-block;
  margin: 3.5px;
}
/* Single skill */
.b-skill {
  position: relative;
  overflow: hidden;
  color: #000000;
  padding: 5px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle;
  width: 100%;
}
.b-skill__title {
  float: left;
  position: relative;
  z-index: 1;
}
.b-skill__percent {
  float: right;
  position: relative;
  z-index: 1;
}
.b-skill__bg {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 0;
}
.b-skill__percent_external-color {
  color: #fff;
  text-shadow: -1px 0 black, 1px 0 black, 0 1px black, 0 -1px black;
}
/* Skills */
@media (max-width: 800px) {
  .b-our-skills {
    padding: 0 15px;
  }
}
.b-our-skills__left {
  float: left;
  width: 48%;
}
@media (max-width: 800px) {
  .b-our-skills__left {
    width: 100%;
    float: none;
  }
}
.b-our-skills__right {
  float: right;
  width: 48%;
}
@media (max-width: 800px) {
  .b-our-skills__right {
    width: 100%;
    float: none;
  }
}
.b-our-skills__skill {
  margin: 15px 0;
}
/* Line input */
.b-input-line {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 25px;
}
.b-input-line__label,
label.b-input-line__label {
  font-size: 12px;
  line-height: 12px;
  font-family: 'OpenSansItalic', Verdana, Tahoma, Arial, sans-serif;
  color: #000;
  position: absolute;
  left: 0;
  top: -15px;
  z-index: 2;
  padding: 0;
  background: none;
  margin: 0;
  transition: all 0.5s ease 0s;
}
.b-input-line__label_yellow,
label.b-input-line__label_yellow {
  color: #ffff00;
}
.b-input-line__field,
input.b-input-line__field,
textarea.b-input-line__field {
  position: relative;
  z-index: 1;
  border-top: none;
  border-right: none;
  border-left: none;
  background: none;
  border-bottom: 1px solid #dfdfdf;
  font-family: 'OpenSansItalic', Verdana, Tahoma, Arial, sans-serif;
  padding: 5px 0;
  font-size: 14px;
}
.b-input-line__field:focus ~ .b-input-line__label,
input.b-input-line__field:focus ~ .b-input-line__label,
textarea.b-input-line__field:focus ~ .b-input-line__label {
  color: #ffffff;
}
.b-input-line__field_white,
input.b-input-line__field_white,
textarea.b-input-line__field_white {
  color: #ffffff;
}
.b-input-line_white .b-input-line__label,
.b-input-line_white label.b-input-line__label {
  color: #ffffff;
}
.b-input-line_white .b-input-line__field,
.b-input-line_white input.b-input-line__field,
.b-input-line_white textarea.b-input-line__field {
  color: #ffffff;
}
.b-input-line_full-width {
  display: block;
  width: 100%;
}
.b-input-line_full-width .b-input-line__field,
.b-input-line_full-width input.b-input-line__field,
.b-input-line_full-width textarea.b-input-line__field {
  display: block;
  width: 100%;
}
/* Input */
.b-input {
  position: relative;
  display: inline-block;
  padding-top: 6px;
}
.b-input__label {
  font-size: 12px;
  line-height: 12px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  color: #000;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 2px;
  background: #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  margin: 0;
  transition: all 0.5s ease 0s;
}
.b-input__label_dark {
  background: #000;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
  color: #fff;
  text-shadow: none;
}
.b-input__field {
  position: relative;
  z-index: 1;
  border: 1px solid #dfdfdf;
  width: 100%;
  display: block;
}
@media (max-width: 600px) {
  .b-input__field {
    padding: 10px 20px;
  }
}
.b-input__field:focus ~ .b-input__label {
  top: -6px;
  background: #dfdfdf;
  display: block;
  width: 100%;
  text-align: center;
}
.b-input__field:focus ~ .b-input__label.b-input__label_dark {
  background: #252525;
  color: #fff;
  text-shadow: none;
}
.b-input__field_light-gray {
  background: #dadada;
}
/* Contact form */
.b-contact-form {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
}
.b-contact-form__left {
  width: 39.68253968%;
  float: left;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .b-contact-form__left {
    float: none;
    width: 100%;
    padding: 0 15px;
  }
}
.b-contact-form__right {
  width: 52.38095238%;
  float: right;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .b-contact-form__right {
    float: none;
    width: 100%;
    padding: 0 15px;
  }
}
.b-contact-form__input-field,
input.b-contact-form__input-field textarea.b-contact-form__input-field {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.b-contact-form__input {
  display: block;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.b-contact-form__textarea {
  height: 142px;
  box-sizing: border-box;
}
.b-contact-form__send {
  width: 100%;
  max-width: 630px;
  display: block;
  box-sizing: border-box;
}
.b-contact-form__send-btn,
a.b-contact-form__send-btn,
input.b-contact-form__send-btn {
  display: block;
  width: 250px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  background: url('../img/send-btn-bg.webp');
  color: #000;
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  text-decoration: none;
  margin: 25px auto 0;
  box-sizing: border-box;
}
.no-webp .b-contact-form__send-btn,
.no-webp a.b-contact-form__send-btn,
.no-webp input.b-contact-form__send-btn {
  background: url("../img/send-btn-bg.png") no-repeat top center;
}
.b-contact-form__send-btn:hover,
a.b-contact-form__send-btn:hover,
input.b-contact-form__send-btn:hover {
  opacity: 0.9;
  cursor: pointer;
}
.b-contact-form__send-arrow {
  margin-top: 15px;
  margin-left: 75px;
  display: block;
  background: url('../img/top-arrow.webp') no-repeat top right;
  height: 49px;
  font-family: 'OpenSansItalic', Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  width: 160px;
  box-sizing: border-box;
}
.no-webp .b-contact-form__send-arrow {
  background: url("../img/top-arrow.png") no-repeat top right;
}
/* Logo with slogan */
.b-logo-slogan {
  width: 310px;
}
.b-logo-slogan__logo,
a.b-logo-slogan__logo {
  font-size: 95px;
  line-height: 95px;
  vertical-align: middle;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-logo-slogan__logo a,
a.b-logo-slogan__logo a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
.b-logo-slogan__slogan,
a.b-logo-slogan__slogan {
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  display: block;
  text-align: right;
  margin-right: 7px;
}
.b-logo-slogan__slogan a,
a.b-logo-slogan__slogan a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
/* Our contacts */
.b-our-contacts {
  width: 100%;
  max-width: 400px;
}
.b-our-contacts__title {
  text-align: center;
  font-size: 16px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  line-height: 16px;
  vertical-align: middle;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.b-our-contacts__key {
  color: #ffff00;
  text-align: right;
  padding: 5px;
  width: 40%;
}
.b-our-contacts__val {
  text-align: left;
  padding: 5px;
  width: 60%;
}
/* Connect VK */
.b-connect-vk {
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
  color: #ffff00;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-connect-vk__link,
a.b-connect-vk__link {
  display: inline-block;
  text-decoration: none;
  color: #ffff00;
}
.b-connect-vk__link:hover,
a.b-connect-vk__link:hover {
  text-decoration: underline;
  color: #ffffff;
}
/* Service list */
.b-service-list__title {
  text-align: center;
  font-size: 16px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  line-height: 16px;
  vertical-align: middle;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.b-service-list__list,
ul.b-service-list__list {
  color: #ffff00;
}
.b-service-list__item,
li.b-service-list__item,
ul li.b-service-list__item {
  margin-bottom: 10px;
}
.b-service-list__item a,
li.b-service-list__item a,
ul li.b-service-list__item a {
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
}
.b-service-list__item a:hover,
li.b-service-list__item a:hover,
ul li.b-service-list__item a:hover {
  color: #ffff00;
}
/* Footer */
.b-footer {
  background: #3c3c3c;
  color: #ffffff;
  padding-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}
.b-footer__inner-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}
.b-footer__bottom-line {
  display: block;
}
.b-footer__left {
  width: 32.5%;
  float: left;
}
@media (max-width: 900px) {
  .b-footer__left {
    float: none;
    width: 100%;
    max-width: 325px;
    display: block;
    margin: 0 auto 50px;
  }
}
.b-footer__center {
  width: 44%;
  float: left;
}
@media (max-width: 900px) {
  .b-footer__center {
    float: none;
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto 50px;
  }
}
.b-footer__right {
  width: 23.5%;
  float: right;
}
@media (max-width: 900px) {
  .b-footer__right {
    float: none;
    width: 100%;
    max-width: 235px;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .b-footer__social-links {
    text-align: center;
  }
}
.b-footer__our-contacts {
  margin-bottom: 25px;
}
@media (max-width: 900px) {
  .b-footer__our-contacts {
    margin-bottom: 25px;
  }
}
@media (max-width: 900px) {
  .b-footer__simple-nav {
    text-align: center;
  }
}
.b-footer__link,
a.b-footer__link {
  color: #ffffff;
}
.b-footer__copyright {
  color: #ffffff;
}
@media (max-width: 900px) {
  .b-footer__copyright {
    display: none;
  }
}
.b-footer__order-btn {
  margin-bottom: 15px;
}
@media (max-width: 900px) {
  .b-footer__order-btn {
    margin: 0 auto 15px;
  }
}
.b-footer__logo-slogan {
  margin-bottom: 115px;
}
@media (max-width: 900px) {
  .b-footer__logo-slogan {
    margin-bottom: 25px;
  }
}
/* Order button */
.b-order-btn__link-btn,
a.b-order-btn__link-btn {
  display: block;
  width: 250px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  background: url('../img/send-btn-bg.webp') no-repeat top center;
  color: #000;
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  text-decoration: none;
}
.no-webp .b-order-btn__link-btn,
.no-webp a.b-order-btn__link-btn {
  background: url("../img/send-btn-bg.png") no-repeat top center;
}
.b-order-btn__link-btn:hover,
a.b-order-btn__link-btn:hover {
  opacity: 0.9;
  cursor: pointer;
}
/* Copyright */
.b-copyright {
  font-size: 14px;
  font-family: 'OpenSansItalic', Verdana, Tahoma, Arial, sans-serif;
}
/* Order form */
.b-order-form {
  padding-bottom: 50px;
}
.b-order-form__title {
  text-align: center;
  color: #ffffff;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 36px;
  margin-bottom: 50px;
}
/*** Background video ***/
video#bgvid {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
}
@media (max-width: 1000px) {
  video#bgvid {
    display: none;
  }
}
video {
  display: block;
}
/*@media screen and (max-device-width: 800px) {
  html {
    background: url(polina.jpg) #000 no-repeat center center fixed;
  }
  #bgvid {
    display: none;
  }
}*/
/* Right panel */
.b-panel {
  width: 100%;
  max-width: 400px;
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
  color: #ffffff;
  padding: 25px 0 25px 25px;
  transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
}
@media (max-width: 400px) {
  .b-panel {
    padding-top: 60px;
  }
}
.b-panel[data-panel-position="right"] {
  position: fixed;
  top: -100%;
  right: -100%;
  z-index: 9999;
}
.b-panel[data-panel-position="left"] {
  position: fixed;
  top: -100%;
  left: -100%;
  z-index: 9999;
}
.b-panel[data-panel-position="top"] {
  position: fixed;
  top: -100%;
  z-index: 9999;
  max-width: 100%;
  max-height: 400px;
}
.b-panel[data-panel-position="bottom"] {
  position: fixed;
  bottom: -100%;
  z-index: 9999;
  max-width: 100%;
  max-height: 400px;
}
.b-panel_xs {
  max-width: 300px;
}
.b-panel_sm {
  max-width: 400px;
}
.b-panel_md {
  max-width: 500px;
}
.b-panel_lg {
  max-width: 700px;
}
.b-panel_full {
  max-width: 100%;
}
.b-panel[data-panel-position="top"] .b-panel_xs,
.b-panel[data-panel-position="bottom"] .b-panel_xs {
  max-height: 300px;
}
.b-panel[data-panel-position="top"] .b-panel_sm,
.b-panel[data-panel-position="bottom"] .b-panel_sm {
  max-height: 400px;
}
.b-panel[data-panel-position="top"] .b-panel_md,
.b-panel[data-panel-position="bottom"] .b-panel_md {
  max-height: 500px;
}
.b-panel[data-panel-position="top"] .b-panel_lg,
.b-panel[data-panel-position="bottom"] .b-panel_lg {
  max-height: 700px;
}
.b-panel[data-panel-position="top"] .b-panel_full,
.b-panel[data-panel-position="bottom"] .b-panel_full {
  max-height: 100%;
}
.b-panel__body {
  overflow-y: auto;
  display: block;
  height: 100%;
  position: relative;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.b-panel__close {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: -49px;
  width: 50px;
  height: 50px;
  color: #ffff00;
  background: rgba(0, 0, 0, 0.9);
  font-size: 25px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  z-index: 9;
}
@media (max-width: 450px) {
  .b-panel__close {
    top: 0;
    left: auto;
    right: 0;
    margin-top: 0;
  }
}
.b-panel__close:hover {
  color: #ffffff;
  background: #000000;
  cursor: pointer;
}
.b-panel__close_right {
  right: -49px;
  left: auto;
}
@media (max-width: 450px) {
  .b-panel__close_right {
    right: 0;
  }
}
.b-panel_full .b-panel__close {
  left: auto;
  right: 0;
  top: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.b-panel[data-panel-position="top"] .b-panel__close,
.b-panel[data-panel-position="bottom"] .b-panel__close {
  left: auto;
  right: 0;
  top: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.b-panel__mobile-main-panel {
  margin: 0 auto;
}
#overlap {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9;
}
#overlap:hover {
  cursor: pointer;
}
/*** To top button ***/
.cd-top {
  z-index: 99;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 90px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #2a2a2a url("../img/cd-top-arrow.svg") no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.no-touch .cd-top:hover {
  background-color: #505050;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 90px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 20px;
    bottom: 90px;
  }
}
/* Portfolio work */
.b-portfolio-work {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.b-portfolio-work:hover:before {
  right: 0;
}
.b-portfolio-work:hover .b-portfolio-work__box {
  left: 0;
}
.b-portfolio-work:before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: -100%;
  z-index: 1;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
@media (max-width: 600px) {
  .b-portfolio-work:before {
    display: none;
  }
}
.b-portfolio-work_white-bg {
  color: #000000;
}
.b-portfolio-work_white-bg:before {
  background: rgba(255, 255, 255, 0.8);
}
.b-portfolio-work__img,
.b-portfolio-work__video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent no-repeat 50% 50%;
  z-index: 0;
}
.b-portfolio-work__img_sol-event-agency {
  background-image: url('../img/works/event-sol/preview.webp');
}
.no-webp .b-portfolio-work__img_sol-event-agency {
  background-image: url("../img/works/event-sol/preview.jpg");
}
.b-portfolio-work__img_amagro {
  background-image: url('../img/works/amagro/preview.webp');
}
.no-webp .b-portfolio-work__img_amagro {
  background-image: url("../img/works/amagro/preview.jpg");
}
.b-portfolio-work__img_razer {
  background-image: url('../img/works/razer/preview.webp');
}
.no-webp .b-portfolio-work__img_razer {
  background-image: url("../img/works/razer/preview.jpg");
}
.b-portfolio-work__img_kapitan {
  background-image: url('../img/works/kapitan/preview.webp');
}
.no-webp .b-portfolio-work__img_kapitan {
  background-image: url("../img/works/kapitan/preview.jpg");
}
.b-portfolio-work__img_tattoo-planet {
  background-image: url('../img/works/tattoo-planet/preview.webp');
}
.no-webp .b-portfolio-work__img_tattoo-planet {
  background-image: url("../img/works/tattoo-planet/preview.jpg");
}
.b-portfolio-work__img_fvb {
  background-image: url('../img/works/fvb/preview.webp');
}
.no-webp .b-portfolio-work__img_fvb {
  background-image: url("../img/works/fvb/preview.jpg");
}
.b-portfolio-work__img_eldesign {
  background-image: url('../img/works/eldesign/preview.webp');
}
.no-webp .b-portfolio-work__img_eldesign {
  background-image: url("../img/works/eldesign/preview.jpg");
}
.b-portfolio-work__img_sportko {
  background-image: url('../img/works/sportko/preview.webp');
}
.no-webp .b-portfolio-work__img_sportko {
  background-image: url("../img/works/sportko/preview.jpg");
}
.b-portfolio-work__img_luksgrade {
  background-image: url('../img/works/luksgrade/preview.webp');
}
.no-webp .b-portfolio-work__img_luksgrade {
  background-image: url("../img/works/luksgrade/preview.jpg");
}
.b-portfolio-work__img_planimetrix {
  background-image: url('../img/works/planimetrix/preview.webp');
}
.no-webp .b-portfolio-work__img_planimetrix {
  background-image: url("../img/works/planimetrix/preview.jpg");
}
.b-portfolio-work__img_shvidko-dveri {
  background-image: url('../img/works/shvidko-dveri/preview.webp');
}
.no-webp .b-portfolio-work__img_shvidko-dveri {
  background-image: url("../img/works/shvidko-dveri/preview.jpg");
}
.b-portfolio-work__img_yeliza {
  background-image: url('../img/works/yeliza/preview.webp');
}
.no-webp .b-portfolio-work__img_yeliza {
  background-image: url("../img/works/yeliza/preview.jpg");
}
.b-portfolio-work__box {
  position: absolute;
  top: 50%;
  margin-top: -125px;
  left: -100%;
  width: 100%;
  text-align: center;
  z-index: 2;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  -webkit-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
  -o-transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
  transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;
}
.b-portfolio-work_white-bg .b-portfolio-work__box {
  color: #000000;
}
@media (max-width: 600px) {
  .b-portfolio-work__box {
    left: 0;
    top: auto;
    bottom: 0;
    background: rgba(0, 0, 0, 0.74);
    padding: 15px;
  }
}
.b-portfolio-work__box_sol-event-agency {
  margin-top: -235px;
}
.b-portfolio-work__box_kapitan {
  margin-top: -215px;
}
.b-portfolio-work__tattoo-planet {
  margin-top: -170px;
}
.b-portfolio-work__logo {
  margin-bottom: 5px;
}
@media (max-width: 600px) {
  .b-portfolio-work__logo {
    display: none;
  }
}
.b-portfolio-work__name,
a.b-portfolio-work__name {
  color: #ffffff;
  text-decoration: underline;
  display: none;
  font-size: 32px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 15px;
}
.b-portfolio-work__name:hover,
a.b-portfolio-work__name:hover {
  text-decoration: none;
}
@media (max-width: 600px) {
  .b-portfolio-work__name,
  a.b-portfolio-work__name {
    display: block;
  }
}
.b-portfolio-work__description {
  max-width: 80%;
  margin: 0 auto 35px auto;
}
@media (max-width: 600px) {
  .b-portfolio-work__description {
    margin: 0 auto 15px auto;
  }
}
.b-portfolio-work__more-link,
a.b-portfolio-work__more-link {
  display: inline-block;
  text-decoration: none;
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 2px #4c4c4c;
  color: #fff;
  font-size: inherit;
  font-weight: 700;
  padding: 15px 55px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  vertical-align: middle;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.b-portfolio-work_white-bg .b-portfolio-work__more-link,
.b-portfolio-work_white-bg a.b-portfolio-work__more-link {
  color: #000000;
}
@media (max-width: 600px) {
  .b-portfolio-work__more-link,
  a.b-portfolio-work__more-link {
    display: none;
  }
}
.b-portfolio-work__more-link:before,
a.b-portfolio-work__more-link:before,
.b-portfolio-work__more-link:after,
a.b-portfolio-work__more-link:after {
  border: 2px solid transparent;
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
.b-portfolio-work__more-link:before,
a.b-portfolio-work__more-link:before {
  top: 0;
  left: 0;
}
.b-portfolio-work__more-link:after,
a.b-portfolio-work__more-link:after {
  bottom: 0;
  right: 0;
}
.b-portfolio-work__more-link:hover:before,
a.b-portfolio-work__more-link:hover:before,
.b-portfolio-work__more-link:hover:after,
a.b-portfolio-work__more-link:hover:after {
  width: 100%;
  height: 100%;
}
.b-portfolio-work__more-link:hover:before,
a.b-portfolio-work__more-link:hover:before {
  border-top-color: #ffff00;
  border-right-color: #ffff00;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.b-portfolio-work__more-link:hover:after,
a.b-portfolio-work__more-link:hover:after {
  border-bottom-color: #ffff00;
  border-left-color: #ffff00;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
/* Portfolio */
.b-portfolio {
  width: 100%;
  max-width: 1800px;
}
.b-portfolio__work {
  width: 49%;
  height: 600px;
  float: left;
  margin: 0.5%;
}
@media (max-width: 1100px) {
  .b-portfolio__work {
    width: 100%;
    float: none;
    margin: 15px auto;
  }
}
@media (max-width: 600px) {
  .b-portfolio__work {
    height: 400px;
  }
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader {
  display: none;
}
.se-pre-con {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background: #000000;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.se-pre-con .loader {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  text-align: center;
  width: 100%;
}
.se-pre-con .loader .name {
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 220px;
  white-space: nowrap;
  color: #fff;
}
@media (max-width: 900px) {
  .se-pre-con .loader .name {
    font-size: 150px;
  }
}
@media (max-width: 700px) {
  .se-pre-con .loader .name {
    font-size: 120px;
  }
}
@media (max-width: 500px) {
  .se-pre-con .loader .name {
    font-size: 100px;
  }
}
@media (max-width: 400px) {
  .se-pre-con .loader .name {
    font-size: 80px;
  }
}
.se-pre-con .loader span {
  display: inline-block;
  animation: stretch 1.8s ease;
  transform-origin: center;
}
.se-pre-con .loader span:nth-of-type(1) {
  animation-delay: 0.25s;
}
.se-pre-con .loader span:nth-of-type(2) {
  animation-delay: 0.5s;
}
.se-pre-con .loader span:nth-of-type(3) {
  animation-delay: 0.75s;
}
.se-pre-con .loader span:nth-of-type(4) {
  animation-delay: 1s;
}
.se-pre-con .loader span:nth-of-type(5) {
  animation-delay: 1.25s;
}
.se-pre-con .loader span:nth-of-type(6) {
  animation-delay: 1.5s;
}
.se-pre-con .loader span:nth-of-type(7) {
  animation-delay: 1.75s;
}
.se-pre-con .loader span:nth-of-type(8) {
  animation-delay: 2s;
}
.se-pre-con .loader span:nth-of-type(9) {
  animation-delay: 2.25s;
}
.se-pre-con .loader span:nth-of-type(10) {
  animation-delay: 2.5s;
}
@keyframes stretch {
  5% {
    transform: scaleX(50);
    opacity: 0.1;
  }
  15% {
    transform: scaleX(1);
    opacity: 1;
  }
}
/* START Loader */
.loader-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background: #000000;
  text-align: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.lds-grid {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffff00;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/** END Loader */
/* Title */
.b-title {
  font-size: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 15px 0;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  text-align: left;
}
.b-title_center {
  text-align: center;
}
.b-title_right {
  text-align: right;
}
/* Single Fact */
.b-fact {
  display: block;
  width: 100%;
}
.b-fact__icon {
  text-align: center;
  margin-bottom: 10px;
}
.b-fact__icon-img {
  display: inline-block;
}
.b-fact__title {
  text-align: center;
}
/* List of facts */
.b-fact-list {
  text-align: center;
  overflow: hidden;
}
.b-fact-list__fact {
  float: left;
  width: 92% / 5;
  margin: 0 1%;
}
@media (max-width: 900px) {
  .b-fact-list__fact {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: 25px 1%;
  }
}
.b-fact-list .b-fact-list__fact:first-child {
  margin-left: 0;
}
.b-fact-list .b-fact-list__fact:last-child {
  margin-right: 0;
}
/* Icon item */
.b-icon-item {
  overflow: hidden;
}
.b-icon-item__left {
  width: 15%;
  float: left;
}
.b-icon-item__right {
  width: 75%;
  float: right;
}
.b-icon-item__icon {
  width: 100px;
  height: 100px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 500px) {
  .b-icon-item__icon {
    box-shadow: none;
    width: 85px;
    height: 85px;
  }
}
.b-icon-item__icon_ear {
  background-image: url('../img/ear-icon.webp');
}
.no-webp .b-icon-item__icon_ear {
  background-image: url("../img/ear-icon.png");
}
.b-icon-item__icon_eye {
  background-image: url('../img/eye-icon.webp');
}
.no-webp .b-icon-item__icon_eye {
  background-image: url("../img/eye-icon.png");
}
.b-icon-item__icon_head {
  background-image: url('../img/head-icon.webp');
}
.no-webp .b-icon-item__icon_head {
  background-image: url("../img/head-icon.png");
}
.b-icon-item__icon_knowledge {
  background-image: url('../img/knowledge-icon.webp');
}
.no-webp .b-icon-item__icon_knowledge {
  background-image: url("../img/knowledge-icon.png");
}
.b-icon-item__title {
  font-size: 36px;
  text-transform: uppercase;
  line-height: 36px;
  vertical-align: middle;
  margin-bottom: 15px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
}
/* Single page */
.b-single-page {
  width: 100%;
  max-width: 1000px;
}
.b-single-page_full-width {
  width: 100%;
  max-width: 100%;
}
.b-single-page__inner-wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.b-single-page__title {
  text-align: center;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 48px;
  line-height: 48px;
  vertical-align: middle;
}
.b-single-page__title:after {
  content: '';
  display: block;
  margin: 25px auto 30px;
  width: 50px;
  height: 1px;
  background: #000000;
}
.b-single-page__title_with-after {
  margin-bottom: 20px;
}
.b-single-page__title_with-after:after {
  display: none;
}
.b-single-page__after-title {
  text-align: center;
}
.b-single-page__after-title:after {
  content: '';
  display: block;
  margin: 25px auto 30px;
  width: 50px;
  height: 1px;
  background: #000000;
}
/* Step */
.b-step {
  width: 100%;
  max-width: 260px;
  position: relative;
  height: 90px;
  background: #000000;
  z-index: 1;
  display: block;
}
.b-step:hover {
  cursor: pointer;
}
.b-step__opened {
  background: #343434;
}
.b-step__number {
  width: 75px;
  height: 75px;
  color: #ffff00;
  text-align: center;
  position: absolute;
  overflow: hidden;
  float: left;
  top: -10px;
  left: -10px;
  z-index: 2;
}
.b-step__number:before {
  content: '';
  display: block;
  position: absolute;
  top: -75px;
  left: -75px;
  width: 150px;
  height: 150px;
  background: #ffff00;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.b-step__number-val {
  position: absolute;
  right: 40px;
  bottom: 35px;
  display: block;
  font-size: 60px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  color: rgba(255, 255, 0, 0.6);
  text-shadow: 1px 4px 6px #ffff00, 0 0 0 #000, 1px 4px 6px #ffff00;
}
.b-step__number-key {
  position: absolute;
  right: 10px;
  bottom: 50px;
  display: block;
  font-size: 14px;
  color: #000;
}
.b-step__title {
  text-align: center;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  color: #ffffff;
  display: block;
  position: relative;
  padding-left: 55px;
  padding-top: 15px;
}
.b-step__title i {
  color: #ffffff;
  width: 12px;
  height: 12px;
  line-height: 12px;
  vertical-align: middle;
  position: absolute;
  font-size: 12px;
  bottom: -20px;
  left: 60%;
  margin-left: -6px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  transform: rotate(0deg);
}
.b-step__title i.b-step__rotated {
  transform: rotate(180deg);
}
.b-step__title_small {
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}
.b-step__desc {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  background: #000000;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  height: auto;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 9;
}
.b-step__opened .b-step__desc {
  background: #343434;
}
/* Work steps */
.b-work-steps {
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: 587px;
  padding-top: 50px;
}
@media (max-width: 1000px) {
  .b-work-steps {
    height: auto;
    padding-bottom: 50px;
  }
}
.b-work-steps:before {
  content: '';
  display: block;
  background: #ffff00;
  width: 1px;
  height: 532px;
  position: absolute;
  top: 104px;
  left: 0;
}
@media (max-width: 1000px) {
  .b-work-steps:before {
    display: none;
  }
}
.b-work-steps:after {
  content: '';
  display: block;
  background: #ffff00;
  width: 300px;
  height: 1px;
  position: absolute;
  bottom: -50px;
  left: 0;
}
@media (max-width: 1000px) {
  .b-work-steps:after {
    display: none;
  }
}
.b-work-steps__title-wrap {
  position: relative;
}
.b-work-steps__title-wrap {
  display: block;
  width: 100%;
  text-align: right;
  position: relative;
}
.b-work-steps__title-wrap:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ffff00;
  position: absolute;
  bottom: 0;
}
@media (max-width: 1000px) {
  .b-work-steps__title-wrap {
    text-align: center;
  }
}
.b-work-steps__title {
  font-size: 48px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  color: #000;
  line-height: 48px;
  vertical-align: middle;
  background: #ffff00;
  padding: 3px;
  display: inline-block;
  margin: 0 auto;
}
@media (max-width: 400px) {
  .b-work-steps__title {
    font-size: 36px;
  }
}
.b-work-steps__after-title-wrap {
  display: block;
  text-align: left;
  margin-top: 50px;
  position: relative;
}
.b-work-steps__after-title-wrap:after {
  content: '';
  display: block;
  width: 935px;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  margin-left: 65px;
}
@media (max-width: 1000px) {
  .b-work-steps__after-title-wrap:after {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .b-work-steps__after-title-wrap {
    text-align: center;
  }
}
.b-work-steps__after-title {
  font-size: 18px;
  color: #ffff00;
  line-height: 18px;
  vertical-align: middle;
  background: #000000;
  padding: 5px;
  display: inline-block;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  margin-left: 65px;
}
@media (max-width: 1000px) {
  .b-work-steps__after-title {
    margin-left: 0;
  }
}
@media (max-width: 400px) {
  .b-work-steps__after-title {
    font-size: 16px;
  }
}
.b-work-steps__steps {
  float: right;
  clear: both;
  text-align: left;
  width: 100%;
  margin: 50px auto 0;
  padding-left: 65px;
}
@media (max-width: 1000px) {
  .b-work-steps__steps {
    float: none;
    padding-left: 0;
    margin-left: 0;
  }
}
.b-work-steps__step {
  float: left;
  width: 30%;
  margin-bottom: 45px;
  margin-right: 5%;
  position: relative;
}
.b-work-steps__step:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 1000px) {
  .b-work-steps__step:nth-child(3n) {
    margin-right: auto;
  }
}
@media (max-width: 1000px) {
  .b-work-steps__step {
    float: none;
    display: block;
    width: 260px;
    margin: 0 auto 50px;
  }
}
.b-work-steps__call-to-action {
  float: left;
  width: 340px;
  text-align: right;
  margin-left: -35px;
  position: relative;
}
@media (max-width: 1000px) {
  .b-work-steps__call-to-action {
    display: none;
  }
}
.b-work-steps__call-to-action-item {
  display: inline-block;
  background: #000000;
  color: #ffffff;
  padding: 0 5px;
  font-size: 18px;
  line-height: 26px;
  vertical-align: middle;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 15px;
}
.b-work-steps__order-btn {
  float: right;
  position: relative;
  top: 75px;
}
@media (max-width: 1000px) {
  .b-work-steps__order-btn {
    float: none;
    top: 0;
  }
}
/* Linear description block with title */
.b-line-description {
  width: 100%;
  display: block;
  position: relative;
}
.b-line-description:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 150px;
  height: 1px;
  background: #000000;
}
@media (max-width: 1000px) {
  .b-line-description {
    margin: 25px 0;
  }
}
.b-line-description__icon {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  background: -moz-linear-gradient(left, #2d2d2d 0%, #000 100%);
  background: -webkit-linear-gradient(left, #2d2d2d 0%, #000 100%);
  background: -o-linear-gradient(left, #2d2d2d 0%, #000 100%);
  background: -ms-linear-gradient(left, #2d2d2d 0%, #000 100%);
  background: linear-gradient(left, #2d2d2d 0%, #000 100%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #ffff00;
  font-size: 21px;
  text-align: center;
  line-height: 50px;
  vertical-align: middle;
}
.b-line-description__title {
  font-size: 24px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  padding-left: 60px;
  margin-left: 15px;
  border-bottom: 1px solid #000;
  text-align: right;
  padding-bottom: 10px;
  padding-top: 15px;
}
.b-line-description__text {
  border-right: 1px solid #000;
  padding: 25px 25px 25px 50px;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
}
/* Include */
.b-include {
  width: 100%;
  max-width: 180px;
  height: 115px;
  display: inline-block;
  border: 1px solid #000;
  padding: 15px 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.b-include__front {
  display: block;
}
.b-include__back {
  display: none;
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle;
  padding-right: 10px;
}
.b-include__tip {
  content: "\f05a";
  font-family: 'FontAwesome';
  display: block;
  width: 56px;
  height: 56px;
  background: #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -28px;
  right: -28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 29px;
  padding-right: 22px;
  color: #ffff00;
}
.b-include__tip:hover {
  cursor: pointer;
  background: #ffff00;
  color: #000000;
}
.b-include__tip:hover ~ .b-include__back {
  display: block;
}
.b-include__tip:hover ~ .b-include__front {
  display: none;
}
.b-include__tip:hover .b-include__tip-content {
  display: block;
}
.b-include__icon {
  margin-bottom: 15px;
  text-align: center;
  line-height: 44px;
  vertical-align: middle;
}
.b-include__icon i {
  font-size: 32px;
}
.b-include__icon img {
  display: inline-block;
  max-width: 100%;
}
.b-include__title {
  font-size: 14px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  position: absolute;
  bottom: 15px;
  width: 100%;
}
/* Includes */
.b-includes {
  text-align: center;
}
.b-includes__include {
  display: inline-block;
  width: 19%;
  margin-bottom: 25px;
  text-align: center;
}
@media (max-width: 1000px) {
  .b-includes__include {
    width: 25%;
  }
}
@media (max-width: 700px) {
  .b-includes__include {
    width: 49%;
  }
}
@media (max-width: 400px) {
  .b-includes__include {
    width: 100%;
  }
}
.b-includes__include:last-child {
  margin-bottom: 0;
}
/* Number desc */
.b-number-desc {
  width: 100%;
  max-width: 500px;
}
.b-number-desc__left {
  float: left;
  width: 15%;
}
.b-number-desc__right {
  width: 85%;
  float: right;
}
.b-number-desc__number {
  font-size: 72px;
  line-height: 72px;
  vertical-align: middle;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  position: relative;
  top: -5px;
  margin-right: 15px;
}
.b-number-desc__title {
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 15px;
}
.b-number-desc__desc {
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
}
/* Number desc list */
.b-number-desc-list {
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.b-number-desc-list__item {
  float: left;
  width: 45%;
  margin-bottom: 25px;
}
.b-number-desc-list__item_left {
  margin-right: 5%;
}
.b-number-desc-list__item_right {
  margin-left: 5%;
}
@media (max-width: 1000px) {
  .b-number-desc-list__item {
    padding: 0 15px;
  }
  .b-number-desc-list__item .b-number-desc__left {
    float: none;
    width: 100%;
  }
  .b-number-desc-list__item .b-number-desc__right {
    float: none;
    width: 100%;
  }
}
@media (max-width: 800px) {
  .b-number-desc-list__item {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
/* Circle */
.b-circle {
  display: inline-block;
  text-align: center;
  line-height: 150px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  background: #e4e4e4;
  background: -moz-linear-gradient(left, #e5e5e5 0%, #d8d8d8 100%);
  background: -webkit-linear-gradient(left, #e5e5e5 0%, #d8d8d8 100%);
  background: -o-linear-gradient(left, #e5e5e5 0%, #d8d8d8 100%);
  background: -ms-linear-gradient(left, #e5e5e5 0%, #d8d8d8 100%);
  background: linear-gradient(left, #e5e5e5 0%, #d8d8d8 100%);
}
.b-circle:hover {
  background: #e4e4e4;
  background: -moz-linear-gradient(left, #d8d8d8 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(left, #d8d8d8 0%, #e5e5e5 100%);
  background: -o-linear-gradient(left, #d8d8d8 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(left, #d8d8d8 0%, #e5e5e5 100%);
  background: linear-gradient(left, #d8d8d8 0%, #e5e5e5 100%);
}
@media (max-width: 350px) {
  .b-circle {
    width: 130px;
    height: 130px;
    line-height: 130px;
  }
}
/* Technologies */
.b-technologies {
  text-align: center;
}
.b-technologies .col-md-2 {
  padding-bottom: 25px;
}
.b-simple-contact__key {
  color: #ffff00;
  margin-bottom: 10px;
  font-size: 14px;
}
.b-simple-contact__val,
a.b-simple-contact__val {
  font-size: 21px;
  text-decoration: none;
  color: #000;
}
.b-simple-contact__link,
a.b-simple-contact__link {
  font-size: 21px;
  text-decoration: none;
  color: #000;
}
.b-simple-contact_white .b-simple-contact__val,
.b-simple-contact_white a.b-simple-contact__val {
  color: #ffffff;
}
.b-simple-contact_white .b-simple-contact__link,
.b-simple-contact_white a.b-simple-contact__link {
  color: #ffffff;
}
.b-contacts {
  text-align: center;
}
.b-contacts__contact {
  margin-bottom: 25px;
}
.b-contacts__contact:last-child {
  margin-bottom: 0;
}
/*---------------> First screens <-----------------*/
/* Home first screen */
.b-home-first-screen {
  height: 673px;
}
.b-home-first-screen__title-wrap {
  position: relative;
}
.b-home-first-screen__title {
  font-size: 48px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  color: #ffff00;
  vertical-align: middle;
  background: #000;
  line-height: 1;
  padding: 3px;
  display: inline-block;
  position: absolute;
}
@media (max-width: 400px) {
  .b-home-first-screen__title {
    font-size: 36px;
    padding: 5px;
  }
}
.b-home-first-screen__title-1 {
  top: 50px;
  left: 400px;
}
@media (max-width: 1000px) {
  .b-home-first-screen__title-1 {
    top: 15px;
    left: 55px;
  }
}
@media (max-width: 600px) {
  .b-home-first-screen__title-1 {
    top: 15px;
    left: 55px;
  }
}
.b-home-first-screen__title-2 {
  top: 110px;
  left: 495px;
}
@media (max-width: 1000px) {
  .b-home-first-screen__title-2 {
    top: 75px;
    left: 255px;
  }
}
@media (max-width: 600px) {
  .b-home-first-screen__title-2 {
    top: 75px;
    left: 55px;
  }
}
.b-home-first-screen__title-3 {
  top: 170px;
  left: 580px;
}
@media (max-width: 1000px) {
  .b-home-first-screen__title-3 {
    top: 135px;
    left: 95px;
  }
}
@media (max-width: 600px) {
  .b-home-first-screen__title-3 {
    top: 135px;
    left: 55px;
  }
}
.b-home-first-screen__title-4 {
  top: 230px;
  left: 670px;
}
@media (max-width: 1000px) {
  .b-home-first-screen__title-4 {
    top: 195px;
    left: 255px;
  }
}
@media (max-width: 600px) {
  .b-home-first-screen__title-4 {
    top: 195px;
    left: 55px;
  }
}
.b-home-first-screen__price {
  margin-bottom: 45px;
}
.b-home-first-screen__price-btn-wrap {
  position: relative;
  display: block;
  top: 300px;
}
@media (max-width: 1000px) {
  .b-home-first-screen__price-btn-wrap {
    display: none;
  }
}
.b-home-first-screen__mobile {
  position: relative;
  top: 300px;
  display: none;
}
@media (max-width: 1000px) {
  .b-home-first-screen__mobile {
    display: block;
  }
}
.b-home-first-screen__contacts {
  width: 100%;
  max-width: 300px;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  padding: 15px;
  margin: 55px auto 0;
}
/* Bootstrap fixes */
.col-half-offset {
  margin-left: 2.16666667%;
}
.tooltip {
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 15px;
  line-height: 21px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.42);
  width: 280px;
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip-inner {
  max-width: 280px;
  width: 100%;
  padding: 10px 15px;
  color: #000;
  text-align: left;
  background-color: #fff;
  border-radius: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  z-index: 1069;
}
.tooltip.top .tooltip-arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}
.tooltip.top-left .tooltip-arrow {
  right: 10px;
  bottom: 0;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 10px;
  margin-bottom: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #fff;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #fff;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 10px;
  margin-top: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}
/* Service list */
.b-service-list-for-cat__left {
  float: left;
  width: 20%;
  margin-right: 5%;
}
.b-service-list-for-cat__right {
  float: right;
  width: 75%;
}
.b-service-list-for-cat__link,
a.b-service-list-for-cat__link {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}
.b-service-list-for-cat__list,
ul.b-service-list-for-cat__list {
  color: #000000;
  list-style-type: square;
}
.b-service-list-for-cat__title {
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
/* Services */
.b-services-container {
  display: block;
  width: 100%;
  max-width: 880px;
}
.b-services-container_center {
  margin: 0 auto;
}
.b-services-container__row {
  margin-bottom: 50px;
  overflow: hidden;
}
.b-services-container .b-services-container__row:last-child {
  margin-bottom: 0;
}
.b-services-container__col {
  display: block;
  width: 50%;
  float: left;
}
@media (max-width: 600px) {
  .b-services-container__col {
    float: none;
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}
/* Highlight text */
.b-highlight-text {
  background: #000000;
  color: #ffff00;
}
.b-tabs,
ul.b-tabs {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.b-tabs__tab-link,
a.b-tabs__tab-link,
li a.b-tabs__tab-link {
  display: block;
  text-decoration: none;
  color: #000000;
  margin: 0;
  padding: 10px 25px;
  background: linear-gradient(45deg, #fff, #ebebeb);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.b-tabs__tab-link:hover,
a.b-tabs__tab-link:hover,
li a.b-tabs__tab-link:hover {
  cursor: pointer;
}
.b-tabs__tab,
li.b-tabs__tab,
ul li.b-tabs__tab {
  margin: 10px 15px;
  padding: 0;
  display: inline-block;
}
.b-tabs__tab.active .b-tabs__tab-link,
li.b-tabs__tab.active .b-tabs__tab-link,
ul li.b-tabs__tab.active .b-tabs__tab-link,
.b-tabs__tab.active a.b-tabs__tab-link,
li.b-tabs__tab.active a.b-tabs__tab-link,
ul li.b-tabs__tab.active a.b-tabs__tab-link,
.b-tabs__tab.active li a.b-tabs__tab-link,
li.b-tabs__tab.active li a.b-tabs__tab-link,
ul li.b-tabs__tab.active li a.b-tabs__tab-link {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
/* Contact table */
.b-contact-table,
table.b-contact-table {
  display: block;
  width: 100%;
  max-width: 250px;
}
.b-contact-table td,
table.b-contact-table td {
  padding: 10px 0;
}
.b-contact-table td:first-child,
table.b-contact-table td:first-child {
  text-align: left;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
}
.b-contact-table td:last-child,
table.b-contact-table td:last-child {
  font-size: 16px;
  line-height: 21px;
  vertical-align: middle;
  text-align: right;
}
/* Contact form 2 */
.b-contact-form-2 {
  display: block;
  width: 100%;
}
.b-contact-form-2__row {
  margin-bottom: 25px;
  overflow: hidden;
}
.b-contact-form-2 .b-contact-form-2__row:last-child {
  margin-bottom: 0;
}
.b-contact-form-2__col {
  width: 31.33333%;
  margin: 0 1%;
  float: left;
}
@media (max-width: 600px) {
  .b-contact-form-2__col {
    float: none;
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: 0;
  }
}
.b-contact-form-2__input,
input.b-contact-form-2__input,
textarea.b-contact-form-2__input {
  display: block;
  width: 98%;
  margin: 0 1%;
}
.b-contact-form-2__send-btn-wrap {
  text-align: center;
}
.b-contact-form-2__send-btn {
  display: inline-block;
  text-align: center;
  line-height: 37px;
  vertical-align: middle;
  width: 210px;
  height: 42px;
  background: url('../img/paper-send-btn-bg.webp') no-repeat top center;
  font-size: 24px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
}
.no-webp .b-contact-form-2__send-btn {
  background: url("../img/paper-send-btn-bg.png") no-repeat top center;
}
.b-contact-form-2__send-btn:hover {
  cursor: pointer;
}
/* Space title */
.b-space-title {
  margin: 100px 0;
  text-align: center;
  color: #5b5a5a;
  line-height: 60px;
  vertical-align: middle;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 48px;
  display: block;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 600px) {
  .b-space-title {
    font-size: 36px;
  }
}
@media (max-width: 500px) {
  .b-space-title {
    font-size: 30px;
    line-height: 48px;
  }
}
@media (max-width: 400px) {
  .b-space-title {
    font-size: 26px;
    line-height: 34px;
  }
}
.b-space-title_small-left {
  font-size: 36px;
  line-height: 50px;
  text-align: left;
}
.b-space-title_uppercase {
  text-transform: uppercase;
}
.b-space-title_no-uppercase {
  text-transform: none;
}
.b-space-title__desc {
  font-size: 14px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  line-height: 21px;
  text-transform: none;
}
.b-space-title__icon {
  position: absolute;
  top: 0;
}
@media (max-width: 1000px) {
  .b-space-title__icon {
    position: relative;
    margin-bottom: 25px;
  }
}
.b-space-title__icon_whale {
  left: 230px;
}
@media (max-width: 1000px) {
  .b-space-title__icon_whale {
    left: 0;
  }
}
/* Space title top desc */
.b-space-title-desc {
  text-align: center;
  margin: 50px 0;
}
.b-space-title-desc__title {
  display: inline-block;
  color: #5b5a5a;
  line-height: 65px;
  vertical-align: middle;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 48px;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 600px) {
  .b-space-title-desc__title {
    font-size: 37px;
  }
}
@media (max-width: 450px) {
  .b-space-title-desc__title {
    font-size: 28px;
  }
}
@media (max-width: 350px) {
  .b-space-title-desc__title .b-space-title-desc__title {
    font-size: 26px;
  }
}
.b-space-title-desc__desc {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-family: 'OpenSansItalic', Verdana, Tahoma, Arial, sans-serif;
  line-height: 14px;
  text-transform: none;
}
/* Icon title */
.icon-title {
  font-size: 24px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  color: #5b5a5a;
  text-align: center;
  padding: 19px 5px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  background-position: center right;
  background-repeat: no-repeat;
}
.icon-title_mind-icon {
  background-image: url('../img/icons/mind-question-icon-right-panel.webp');
}
.no-webp .icon-title_mind-icon {
  background-image: url("../img/icons/mind-question-icon-right-panel.png");
}
.icon-title_think-icon {
  background-image: url('../img/icons/lets-think-icon-right-panel.webp');
}
.no-webp .icon-title_think-icon {
  background-image: url("../img/icons/lets-think-icon-right-panel.png");
}
/*START button*/
.b-border-icon-btn,
a.b-border-icon-btn {
  display: block;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #000;
  padding-left: 25px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-border-icon-btn:hover,
a.b-border-icon-btn:hover {
  cursor: pointer;
  color: #ffff00;
  background: #000000;
  border: 2px solid #000;
  border-radius: 1px;
}
.b-border-icon-btn__icon {
  position: absolute;
  left: 25px;
  top: 50%;
  font-size: 30px;
  transform: translate(0, -50%);
}
/*END button*/
/*START cta block*/
.b-cta {
  position: relative;
  padding-top: 55px;
}
@media (max-width: 480px) {
  .b-cta {
    padding-top: 0;
  }
}
/*START svg*/
.b-cta__svg-wrapper {
  width: 100%;
}
@media (max-width: 400px) {
  .b-cta__svg-wrapper {
    display: none;
  }
}
.b-cta__svg-wrapper .b-cta__svg-top-horizontal {
  stroke-dasharray: 1700;
  animation: drawFromRightSide 2s linear forwards;
}
.b-cta__svg-wrapper .b-cta__svg-top-vertical {
  stroke-dashoffset: 500;
  stroke-dasharray: 500;
  animation: drawFromTop 1s linear forwards;
  animation-delay: 2s;
}
.b-cta__svg-wrapper .b-cta__svg-bottom-horizontal {
  stroke-dasharray: 1700;
  animation: drawFromLeftSide 2s linear forwards reverse;
}
.b-cta__svg-wrapper .b-cta__svg-bottom-vertical {
  stroke-dashoffset: 500;
  stroke-dasharray: 500;
  animation: drawFromBottom 1s linear forwards;
  animation-delay: 2s;
}
.b-cta__svg-wrapper_hidden {
  display: none;
}
.b-cta__svg-border-top {
  width: calc(50% +  1000px / 2);
  height: 50%;
  position: absolute;
  margin-top: 55px;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 1100px) {
  .b-cta__svg-border-top {
    display: none;
  }
}
.b-cta__svg-border-bottom {
  width: calc(50% +  1000px / 2);
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1100px) {
  .b-cta__svg-border-bottom {
    display: none;
  }
}
.b-cta__svg-triangle {
  width: 100%;
  max-width: 1000px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, 0);
}
@media (max-width: 600px) {
  .b-cta__svg-triangle {
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .b-cta__svg-triangle-inner {
    transform: scale(0.9) translate(-20%, 0);
  }
}
@media (max-width: 500px) {
  .b-cta__svg-triangle-inner {
    transform: scale(0.8) translate(-20%, 0);
  }
}
/*END svg*/
/*START svg keyframes*/
@keyframes drawFromRightSide {
  from {
    stroke-dashoffset: 1700;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawFromLeftSide {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1700;
  }
}
@keyframes drawFromTop {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawFromBottom {
  from {
    stroke-dashoffset: 500;
  }
  to {
    stroke-dashoffset: 0;
  }
}
/*END svg keyframes*/
/*START card*/
.b-cta__card {
  width: 100%;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  font-size: 48px;
  line-height: 72px;
  padding: 70px;
  color: #393939;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
@media (max-width: 1000px) {
  .b-cta__card {
    text-align: center;
  }
}
@media (max-width: 800px) {
  .b-cta__card {
    font-size: 38px;
    line-height: 62px;
    padding: 70px 0;
  }
}
@media (max-width: 500px) {
  .b-cta__card {
    font-size: 28px;
    line-height: 52px;
  }
}
.b-cta__card-link {
  cursor: pointer;
  text-decoration: underline;
}
.b-cta__card-link:hover {
  text-decoration: none;
}
.b-cta__card_bold {
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-cta__card-submit {
  width: 300px;
  height: 50px;
  position: absolute;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  border: 2px solid #a1a1a1;
  color: #000;
  bottom: 0;
  right: 0;
  background: transparent;
}
@media (max-width: 1000px) {
  .b-cta__card-submit {
    right: 50%;
    transform: translate(50%, 0);
  }
}
/*END card*/
/*END cta block*/
/*START faq*/
.b-faq {
  display: flex;
}
@media (max-width: 800px) {
  .b-faq {
    display: block;
  }
}
.b-faq__col {
  width: 48%;
  margin: 0 1%;
}
@media (max-width: 800px) {
  .b-faq__col {
    width: 100%;
    margin: 0;
  }
}
.b-faq__card {
  margin-bottom: 24px;
  display: block;
  width: 100%;
}
.b-faq__card-header {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
  background: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-faq__card-header-arrow {
  width: 50px;
  font-size: 30px;
  color: #ffff00;
  background: linear-gradient(to bottom left, #000, #5b5a5a);
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-faq__card-header-arrow i {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  transform: rotate(90deg);
}
.collapsed .b-faq__card-header-arrow i {
  transform: rotate(0deg);
}
.b-faq__card-header-text {
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  color: #ffffff;
  padding: 16px;
  margin: 0;
  line-height: 24px;
  vertical-align: middle;
  position: relative;
}
.b-faq__card-header-text .b-faq__emodji {
  position: absolute;
  left: -99999px;
}
.b-faq__card-body {
  line-height: 22px;
  font: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  margin-left: 50px;
}
@media (max-width: 1000px) {
  .b-faq__card-body {
    margin-left: 0;
  }
}
.b-faq__card-body-inner {
  padding: 25px 0 0;
}
@media (max-width: 600px) {
  .b-faq__card-body-inner {
    padding: 25px 0 0;
  }
}
/*END faq*/
/*START cover svg lines*/
.b-cover-svg-lines {
  position: relative;
  height: 100vh;
  min-height: 600px;
  min-width: 320px;
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines {
    min-height: 600px;
  }
}
.b-cover-svg-lines__lines-block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__lines-block {
    display: none;
  }
}
.b-cover-svg-lines__svg-line-horizontal {
  width: 100%;
  height: 2px;
  position: absolute;
  top: calc(50% + 218px);
  left: 0%;
}
.b-cover-svg-lines__svg-line-vertical {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-cover-svg-lines__svg-line-box {
  width: 100%;
  max-width: 1200px;
  height: 502px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-cover-svg-lines__line_anim-1 {
  opacity: 0;
  stroke-dasharray: 1200;
  animation: coverSvgLinesDrawLine 2s linear 1.75s forwards;
  -webkit-animation: coverSvgLinesDrawLine 2s linear 1.75s forwards;
}
.b-cover-svg-lines__line_anim-2 {
  opacity: 0;
  stroke-dasharray: 1200;
  animation: coverSvgLinesDrawLine 5s linear 1.75s forwards;
  -webkit-animation: coverSvgLinesDrawLine 3s linear 1.75s forwards;
}
.b-cover-svg-lines__line_anim-3 {
  opacity: 0;
  stroke-dasharray: 1200;
  animation: coverSvgLinesDrawLine 5s linear 1.75s forwards;
  -webkit-animation: coverSvgLinesDrawLine 5s linear 1.75s forwards;
}
.b-cover-svg-lines__inner {
  width: 100%;
  height: 500px;
  max-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__inner {
    height: initial;
    text-align: center;
  }
}
.b-cover-svg-lines__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 15px));
  padding: 0 20px;
  text-align: center;
  color: #fff;
  font-size: 48px;
  line-height: 60px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  text-transform: uppercase;
}
.b-cover-svg-lines__title_anim-view {
  opacity: 0;
  animation: coverSvgLinesViewElem 0.4s linear 3s forwards;
  -webkit-animation: coverSvgLinesViewElem 0.4s linear 3s forwards;
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__title_anim-view {
    opacity: 0;
    animation: coverSvgLinesViewElem 0.4s linear 0s forwards;
    -webkit-animation: coverSvgLinesViewElem 0.4s linear 0s forwards;
  }
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__title {
    position: static;
    transform: none;
    font-size: 36px;
    margin-bottom: 30px;
  }
}
.b-cover-svg-lines__title_accent {
  color: #e3e300;
}
.b-cover-svg-lines_bottom100 {
  bottom: 100px;
}
@media (max-height: 700px) {
  .b-cover-svg-lines_bottom100 {
    bottom: 0;
  }
}
.b-cover-svg-lines__price {
  position: absolute;
  top: 55px;
  right: 65px;
  color: #fff;
  font-size: 38px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-cover-svg-lines__price_anim-view {
  opacity: 0;
  animation: coverSvgLinesViewElem 0.4s linear forwards 1.6s;
  -webkit-animation: coverSvgLinesViewElem 0.4s linear forwards 1.6s;
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__price_anim-view {
    opacity: 0;
    animation: coverSvgLinesViewElem 0.4s linear forwards;
    -webkit-animation: coverSvgLinesViewElem 0.4s linear forwards;
  }
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__price {
    position: static;
    transform: none;
    font-size: 26px;
    margin-bottom: 60px;
  }
}
.b-cover-svg-lines__price_sm-text {
  font-size: 32px;
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__price_sm-text {
    font-size: 12px;
  }
}
.b-cover-svg-lines__button,
a.b-cover-svg-lines__button {
  display: inline-block;
  width: 260px;
  position: absolute;
  bottom: 0;
  left: 10px;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 20px 0;
  background-color: #e3e300;
  text-decoration: none;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-cover-svg-lines__button:hover,
a.b-cover-svg-lines__button:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  background: #e6e600;
}
.b-cover-svg-lines__button_anim-view,
a.b-cover-svg-lines__button_anim-view {
  opacity: 0;
  animation: coverSvgLinesViewElem 0.4s linear forwards 1.6s;
  -webkit-animation: coverSvgLinesViewElem 0.4s linear forwards 1.6s;
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__button_anim-view,
  a.b-cover-svg-lines__button_anim-view {
    opacity: 0;
    animation: coverSvgLinesViewElem 0.4s linear forwards;
    -webkit-animation: coverSvgLinesViewElem 0.4s linear forwards;
  }
}
@media screen and (max-width: 780px) {
  .b-cover-svg-lines__button,
  a.b-cover-svg-lines__button {
    font-size: 14px;
    position: static;
  }
}
@keyframes coverSvgLinesViewElem {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes coverSvgLinesViewElem {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes coverSvgLinesDrawLine {
  from {
    opacity: 1;
    stroke-dashoffset: 1200;
  }
  to {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes coverSvgLinesDrawLine {
  from {
    opacity: 1;
    stroke-dashoffset: 1200;
  }
  to {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}
/*END cover svg lines*/
/*START advantages*/
.b-advantages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 320px;
}
.b-advantages__item {
  margin-top: 40px;
  width: calc(50% - 80px);
  padding: 0 40px;
  font-size: 0;
}
.b-advantages__item:nth-child(1) {
  margin-top: 0;
}
.b-advantages__item:nth-child(2) {
  margin-top: 0;
}
@media screen and (max-width: 780px) {
  .b-advantages__item {
    width: 100%;
  }
  .b-advantages__item:nth-child(2) {
    margin-top: 40px;
  }
}
.b-advantages__icon {
  height: 60px;
  width: auto;
  display: inline-block;
  float: left;
}
.b-advantages__title {
  line-height: 60px;
  display: inline-block;
  float: left;
  margin-left: 20px;
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 560px) {
  .b-advantages__title {
    margin-left: 10px;
    font-size: 18px;
  }
}
.b-advantages__description {
  padding-top: 20px;
  clear: both;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}
@media screen and (max-width: 560px) {
  .b-advantages__description {
    font-size: 16px;
  }
}
/*END advantages*/
/*START development stages*/
.b-development-stages,
ul.b-development-stages {
  min-width: 320px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  list-style-type: none;
  font-size: 0;
  padding: 0;
}
@media screen and (max-width: 560px) {
  .b-development-stages,
  ul.b-development-stages {
    align-items: center;
  }
}
.b-development-stages__item,
ul.b-development-stages__item {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 73px auto;
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .b-development-stages__item,
  ul.b-development-stages__item {
    width: auto;
    padding: 0 20px;
    justify-content: stretch;
  }
}
@media screen and (max-width: 420px) {
  .b-development-stages__item,
  ul.b-development-stages__item {
    padding: 0 10px;
    flex-direction: column;
  }
}
.b-development-stages__item:last-child,
ul.b-development-stages__item:last-child {
  justify-content: space-between;
  margin: 0 auto;
}
.b-development-stages__item_nth-child-2n,
ul.b-development-stages__item_nth-child-2n {
  flex-direction: row-reverse;
  margin: 0 auto 74px auto;
}
@media screen and (max-width: 560px) {
  .b-development-stages__item_nth-child-2n,
  ul.b-development-stages__item_nth-child-2n {
    flex-direction: row;
  }
}
@media screen and (max-width: 420px) {
  .b-development-stages__item_nth-child-2n,
  ul.b-development-stages__item_nth-child-2n {
    flex-direction: column;
  }
}
.b-development-stages__icon,
ul.b-development-stages__icon {
  height: 120px;
  fill: #eaeaea;
  width: auto;
}
@media screen and (max-width: 560px) {
  .b-development-stages__icon,
  ul.b-development-stages__icon {
    display: none;
  }
}
.b-development-stages__count,
ul.b-development-stages__count {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-175%, -50%) rotate(45deg);
  background-color: #000;
}
@media screen and (max-width: 560px) {
  .b-development-stages__count,
  ul.b-development-stages__count {
    position: static;
    transform: rotate(45deg);
  }
  .b-development-stages__count:before,
  ul.b-development-stages__count:before {
    display: none;
  }
  .b-development-stages__count:after,
  ul.b-development-stages__count:after {
    display: none;
  }
}
.b-development-stages__count:before,
ul.b-development-stages__count:before {
  content: '';
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-120%, 20%);
  border-left: 2px solid #eaeaea;
  border-bottom: 2px solid #eaeaea;
}
.b-development-stages__count:after,
ul.b-development-stages__count:after {
  content: '';
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(120%, -120%);
  border-right: 2px solid #000;
  border-top: 2px solid #000;
}
.b-development-stages__count_nth-child-2n,
ul.b-development-stages__count_nth-child-2n {
  transform: translate(75%, -50%) rotate(45deg);
}
@media screen and (max-width: 560px) {
  .b-development-stages__count_nth-child-2n,
  ul.b-development-stages__count_nth-child-2n {
    position: static;
    transform: rotate(45deg);
  }
  .b-development-stages__count_nth-child-2n:before,
  ul.b-development-stages__count_nth-child-2n:before {
    display: none;
  }
  .b-development-stages__count_nth-child-2n:after,
  ul.b-development-stages__count_nth-child-2n:after {
    display: none;
  }
}
.b-development-stages__count_nth-child-2n:before,
ul.b-development-stages__count_nth-child-2n:before {
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}
.b-development-stages__count_nth-child-2n:after,
ul.b-development-stages__count_nth-child-2n:after {
  border-right: 2px solid #eaeaea;
  border-top: 2px solid #eaeaea;
}
.b-development-stages__count-number,
ul.b-development-stages__count-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  color: #fdfd1a;
  font-size: 30px;
  font-weight: 700;
}
.b-development-stages__line,
ul.b-development-stages__line {
  width: 2px;
  height: 275px;
  position: absolute;
  bottom: 1px;
  left: 0;
  background-color: #000;
  transform-origin: bottom;
  transform: rotate(90deg);
}
@media screen and (max-width: 560px) {
  .b-development-stages__line,
  ul.b-development-stages__line {
    display: none;
  }
}
.b-development-stages__line_nth-child-2n,
ul.b-development-stages__line_nth-child-2n {
  bottom: 50px;
  left: 49px;
  transform: rotate(180deg);
}
.b-development-stages__title,
ul.b-development-stages__title {
  max-width: 240px;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 560px) {
  .b-development-stages__title,
  ul.b-development-stages__title {
    margin-left: 30px;
  }
}
@media screen and (max-width: 420px) {
  .b-development-stages__title,
  ul.b-development-stages__title {
    max-width: none;
    margin-left: 0;
    margin-top: 20px;
    text-align: center;
  }
}
.b-development-stages__title_nth-child-2n,
ul.b-development-stages__title_nth-child-2n {
  text-align: right;
}
@media screen and (max-width: 560px) {
  .b-development-stages__title_nth-child-2n,
  ul.b-development-stages__title_nth-child-2n {
    text-align: left;
  }
}
@media screen and (max-width: 420px) {
  .b-development-stages__title_nth-child-2n,
  ul.b-development-stages__title_nth-child-2n {
    text-align: center;
  }
}
.b-development-stages__item,
ul li.b-development-stages__item,
li.b-development-stages__item {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 73px auto;
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .b-development-stages__item,
  ul li.b-development-stages__item,
  li.b-development-stages__item {
    width: auto;
    padding: 0 20px;
    justify-content: stretch;
  }
}
@media screen and (max-width: 420px) {
  .b-development-stages__item,
  ul li.b-development-stages__item,
  li.b-development-stages__item {
    padding: 0 10px;
    flex-direction: column;
  }
}
.b-development-stages__item:last-child,
ul li.b-development-stages__item:last-child,
li.b-development-stages__item:last-child {
  justify-content: space-between;
  margin: 0 auto;
}
.b-development-stages__item_nth-child-2n,
ul li.b-development-stages__item_nth-child-2n,
li.b-development-stages__item_nth-child-2n {
  flex-direction: row-reverse;
  margin: 0 auto 74px auto;
}
@media screen and (max-width: 560px) {
  .b-development-stages__item_nth-child-2n,
  ul li.b-development-stages__item_nth-child-2n,
  li.b-development-stages__item_nth-child-2n {
    flex-direction: row;
  }
}
@media screen and (max-width: 420px) {
  .b-development-stages__item_nth-child-2n,
  ul li.b-development-stages__item_nth-child-2n,
  li.b-development-stages__item_nth-child-2n {
    flex-direction: column;
  }
}
/*END development stages*/
/* Image with description blocks on left and right sides */
.b-image-description__left {
  width: 37.5%;
  max-width: 375px;
  float: left;
  padding-right: 30px;
}
@media (max-width: 900px) {
  .b-image-description__left {
    width: 35%;
  }
}
@media (max-width: 700px) {
  .b-image-description__left {
    float: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
.b-image-description__right {
  width: 37.5%;
  max-width: 375px;
  float: right;
  padding-left: 30px;
}
@media (max-width: 900px) {
  .b-image-description__right {
    width: 35%;
  }
}
@media (max-width: 700px) {
  .b-image-description__right {
    float: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
.b-image-description__center {
  width: 25%;
  max-width: 250px;
  float: left;
}
@media (max-width: 900px) {
  .b-image-description__center {
    width: 30%;
  }
}
@media (max-width: 700px) {
  .b-image-description__center {
    display: none;
  }
}
.b-image-description__desc-panel {
  margin-bottom: 60px;
}
.b-image-description__desc-panel_small-mb {
  margin-bottom: 30px;
}
.b-image-description__image {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}
/* Panel with title and description with border bottom after title */
.b-line-panel__title {
  font-size: 18px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  text-align: left;
}
.b-line-panel__body {
  font-size: 14px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  line-height: 21px;
  vertical-align: middle;
  border-top: 1px solid #ececec;
  padding-top: 20px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 0;
  display: block;
}
.b-line-panel_right .b-line-panel__title {
  text-align: right;
}
@media (max-width: 700px) {
  .b-line-panel_right .b-line-panel__title {
    text-align: left;
  }
}
.b-line-panel_right .b-line-panel__body {
  padding-right: 20px;
  padding-left: 0;
}
@media (max-width: 700px) {
  .b-line-panel_right .b-line-panel__body {
    padding-left: 20px;
    padding-right: 0;
  }
}
.b-service-logo {
  font-size: 18px;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  line-height: 32px;
  color: #5b5a5a;
}
.b-service-logo__row {
  margin-bottom: 50px;
}
.b-service-logo__row_last {
  margin-bottom: 0;
}
.b-flex-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .b-flex-block {
    flex-direction: column;
    align-items: center;
  }
}
.b-flex-block__text {
  display: flex;
  align-items: center;
  text-align: right;
}
@media (max-width: 900px) {
  .b-flex-block__text {
    width: 80%;
    text-align: center;
    margin-bottom: 20px;
  }
}
.b-flex-block__img {
  margin-left: 20px;
}
@media (max-width: 900px) {
  .b-flex-block__img {
    margin-left: 0;
  }
}
.b-logo-compare {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .b-logo-compare {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 25%;
  }
}
@media (max-width: 800px) {
  .b-logo-compare {
    padding-left: 20%;
  }
}
@media (max-width: 700px) {
  .b-logo-compare {
    padding-left: 15%;
  }
}
@media (max-width: 650px) {
  .b-logo-compare {
    padding-left: 10%;
  }
}
@media (max-width: 550px) {
  .b-logo-compare {
    padding-left: 0;
  }
}
.b-logo-compare__one {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .b-logo-compare__one {
    margin-bottom: 50px;
  }
}
.b-logo-compare__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
.b-logo-compare__logo_custom {
  padding: 15px 15px 0 15px;
}
.b-number-text-list {
  display: flex;
  justify-content: center;
  margin: 0 -15px;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  .b-number-text-list {
    flex-direction: column;
    align-items: center;
  }
}
.b-number-text-list__item {
  width: 50%;
  margin-bottom: 50px;
  padding: 0 25px;
}
.b-number-text-list__item:last-child {
  margin-bottom: 0;
}
@media (max-width: 1000px) {
  .b-number-text-list__item {
    width: 60%;
  }
}
@media (max-width: 800px) {
  .b-number-text-list__item {
    width: 70%;
  }
}
@media (max-width: 700px) {
  .b-number-text-list__item {
    width: 100%;
  }
}
.b-number-text {
  display: flex;
  justify-content: flex-start;
}
.b-number-text__number {
  font-size: 48px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  color: #000000;
  line-height: 48px;
  margin-right: 25px;
}
.b-number-text__text {
  font-size: 18px;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.b-colorize-cols__col {
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.b-colorize-cols__col:last-child {
  margin-bottom: 0;
}
/*.b-colorize-cols__col__last {
  margin-bottom: 0;
}*/
.b-colorize-cols__title {
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  width: 50%;
}
@media (max-width: 800px) {
  .b-colorize-cols__title {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
  }
}
.b-colorize-cols__title_color-1 {
  color: #2c68b3;
}
.b-colorize-cols__title_color-2 {
  color: #cc405a;
}
.b-colorize-cols__title_color-3 {
  color: #4daf64;
}
.b-colorize-cols__title_color-4 {
  color: #bdaa4f;
}
.b-colorize-cols__title_color-5 {
  color: #9a4fbd;
}
.b-colorize-cols__title_color-6 {
  color: #a7bd4f;
}
/*.b-colorize-cols__title-inner {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px;
}*/
.b-colorize-cols__desc {
  font-size: 14px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  line-height: 21px;
  width: 50%;
}
@media (max-width: 800px) {
  .b-colorize-cols__desc {
    width: 100%;
    text-align: left;
  }
}
.b-tariff {
  background: url('../img/tariff-bg.webp') no-repeat top center;
  width: 100%;
  max-width: 300px;
  height: auto;
  max-height: 620px;
  padding: 20px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  color: #5b5a5a;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.no-webp .b-tariff {
  background: url("../img/tariff-bg.png") no-repeat top center;
}
.b-tariff:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}
.b-tariff_highlight {
  border: 5px solid #ebeb4c;
}
.b-tariff__name {
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 20px;
}
.b-tariff__desc {
  text-align: center;
  font-size: 12px;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 20px;
}
.b-tariff__separator {
  display: block;
  height: 10px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.b-tariff__separator:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -2.5px;
  background: #d1d1d1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.b-tariff__item {
  margin-bottom: 20px;
  overflow: hidden;
}
.b-tariff__item-icon {
  float: left;
  margin-right: 15px;
}
.b-tariff__price {
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  color: #000000;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 20px;
}
.b-tariffs__pre-text {
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  color: #5b5a5a;
  margin-bottom: 50px;
}
.b-tariffs__blocks {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.b-tariffs__block {
  margin: 15px;
}
.b-button,
a.b-button,
input.b-button {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.b-button_full {
  width: 100%;
}
.b-button_full .b-button__inner {
  width: 100%;
}
.b-button_silver .b-button__inner {
  background: #ececec;
}
.b-button_silver .b-button__inner:after {
  background: #bababa;
}
.b-button_red .b-button__inner {
  background: #f3a4a4;
}
.b-button_red .b-button__inner:after {
  background: #af5b5b;
}
.b-button__inner,
a.b-button__inner,
input.b-button__inner {
  display: inline-block;
  padding: 14px 75px;
  max-width: 100%;
  text-align: center;
  color: #000;
  background: #ffff00;
  line-height: 18px;
  vertical-align: middle;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-button__inner:hover,
a.b-button__inner:hover,
input.b-button__inner:hover {
  color: #000;
  cursor: pointer;
  background: #f0f000;
}
.b-button__inner:hover:after,
a.b-button__inner:hover:after,
input.b-button__inner:hover:after {
  opacity: 0;
  animation-name: b-submit-order__btn--after-animation;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.b-button__inner:after,
a.b-button__inner:after,
input.b-button__inner:after {
  content: '';
  display: block;
  opacity: 1;
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 100%;
  height: 100%;
  background: #a6a600;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-icon-x-data {
  padding-left: 45px;
  position: relative;
  display: block;
}
.b-icon-x-data__icon {
  position: absolute;
  top: 0;
  left: 0;
}
.b-icon-x-data__title {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  color: #000000;
}
.b-icon-x-data__text {
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .b-icon-x-data__text {
    margin-left: -45px;
  }
}
.b-design-service-includes__row {
  margin-bottom: 50px;
}
.b-design-service-includes__row:last-child {
  margin-bottom: 0;
}
.b-design-service-includes__row .b-design-service-includes__col:first-child {
  padding-right: 25px;
}
.b-design-service-includes__row .b-design-service-includes__col:last-child {
  padding-left: 25px;
}
@media (max-width: 768px) {
  .b-design-service-includes__col {
    margin-bottom: 50px;
  }
}
.b-color-circle-icon {
  display: inline-block;
  text-align: center;
}
.b-color-circle-icon__icon {
  display: block;
  width: 150px;
  height: 150px;
  background: #ffff00;
  text-align: center;
  line-height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  margin-bottom: 25px;
}
.b-color-circle-icon__title {
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
}
.b-service-unique {
  padding: 50px 0 50px 50px;
  color: #ffffff;
}
@media (max-width: 1000px) {
  .b-service-unique {
    padding-left: 0;
  }
}
.b-service-unique__title {
  text-align: right;
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 50px;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
}
@media (max-width: 1000px) {
  .b-service-unique__title {
    text-align: center;
    padding: 0 25px;
    line-height: 32px;
  }
}
.b-service-unique__icons {
  margin-bottom: 50px;
  display: block;
}
.b-service-unique__what-is {
  font-size: 24px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  line-height: 32px;
  vertical-align: middle;
  color: #5b5a5a;
  display: block;
  width: 100%;
  background: #ffffff;
  text-align: center;
  padding: 15px;
  z-index: 2;
  position: relative;
}
@media (max-width: 1090px) {
  .b-service-unique__what-is {
    width: calc(100% - 50px);
  }
}
@media (max-width: 1000px) {
  .b-service-unique__what-is {
    width: 100%;
  }
}
.b-service-unique-dark-block {
  font-size: 24px;
  line-height: 32px;
  vertical-align: middle;
  color: #ffffff;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-mobile-nav,
ul.b-mobile-nav {
  list-style-type: none;
  width: 100%;
  max-width: 450px;
  padding: 0;
  margin: 0;
}
.b-mobile-nav .b-mobile-nav__item,
ul.b-mobile-nav .b-mobile-nav__item,
.b-mobile-nav li.b-mobile-nav__item,
ul.b-mobile-nav li.b-mobile-nav__item {
  display: block;
  padding: 0;
  margin: 0 0 15px 0;
}
.b-mobile-nav .b-mobile-nav__link,
ul.b-mobile-nav .b-mobile-nav__link,
.b-mobile-nav a.b-mobile-nav__link,
ul.b-mobile-nav a.b-mobile-nav__link {
  display: block;
  width: 100%;
  padding: 25px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  color: #fff;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 30px;
  text-decoration: none;
  text-align: center;
  border: 3px solid #1a1a1a;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_home,
ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_home,
.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_home,
ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_home {
  background-image: url('../img/m-nav-icon-home.webp');
}
.no-webp .b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_home,
.no-webp ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_home,
.no-webp .b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_home,
.no-webp ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_home {
  background-image: url("../img/m-nav-icon-home.png");
}
.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_services,
ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_services,
.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_services,
ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_services {
  background-image: url('../img/m-nav-icon-services.webp');
}
.no-webp .b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_services,
.no-webp ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_services,
.no-webp .b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_services,
.no-webp ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_services {
  background-image: url("../img/m-nav-icon-services.png");
}
.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_portfolio,
ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_portfolio,
.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_portfolio,
ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_portfolio {
  background-image: url('../img/m-nav-icon-portfolio.webp');
}
.no-webp .b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_portfolio,
.no-webp ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_portfolio,
.no-webp .b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_portfolio,
.no-webp ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_portfolio {
  background-image: url("../img/m-nav-icon-portfolio.png");
}
.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_about,
ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_about,
.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_about,
ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_about {
  background-image: url('../img/m-nav-icon-about.webp');
}
.no-webp .b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_about,
.no-webp ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_about,
.no-webp .b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_about,
.no-webp ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_about {
  background-image: url("../img/m-nav-icon-about.png");
}
.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_contacts,
ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_contacts,
.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_contacts,
ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_contacts {
  background-image: url('../img/m-nav-icon-contact.webp');
}
.no-webp .b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_contacts,
.no-webp ul.b-mobile-nav .b-mobile-nav__link.b-mobile-nav__link_contacts,
.no-webp .b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_contacts,
.no-webp ul.b-mobile-nav a.b-mobile-nav__link.b-mobile-nav__link_contacts {
  background-image: url("../img/m-nav-icon-contact.png");
}
.b-mobile-nav .b-mobile-nav__link:hover,
ul.b-mobile-nav .b-mobile-nav__link:hover,
.b-mobile-nav a.b-mobile-nav__link:hover,
ul.b-mobile-nav a.b-mobile-nav__link:hover {
  border: 3px solid #ffff00;
  color: #ffff00;
}
.b-contacts-callback {
  display: block;
  width: 100%;
  max-width: 450px;
}
.b-contacts-callback__row {
  margin-bottom: 15px;
  display: block;
}
.b-contacts-callback__contacts {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 21px;
  vertical-align: middle;
}
.b-contacts-callback__input {
  display: block;
  width: 100%;
  max-width: 300px;
}
.b-contacts-callback__callback-title {
  font-size: 18px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  color: #ffffff;
  margin-bottom: 25px;
}
.b-contacts-callback__callback-btn,
a.b-contacts-callback__callback-btn {
  margin-top: 25px;
  display: inline-block;
  width: 250px;
  height: 35px;
  text-align: center;
  color: #000;
  background: #ffff00;
  line-height: 35px;
  vertical-align: middle;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 24px;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-contacts-callback__callback-btn:hover,
a.b-contacts-callback__callback-btn:hover {
  cursor: pointer;
  background: #f0f000;
}
.b-contacts-callback__callback-btn:hover:after,
a.b-contacts-callback__callback-btn:hover:after {
  opacity: 0;
  animation-name: b-contacts-callback__callback-btnb-submit-order__btn--after-animation;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.b-contacts-callback__callback-btn:after,
a.b-contacts-callback__callback-btn:after {
  content: '';
  display: block;
  opacity: 1;
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 250px;
  height: 35px;
  background: #a6a600;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@keyframes b-contacts-callback__callback-btnb-submit-order__btn--after-animation {
  from {
    bottom: -4px;
    right: -4px;
  }
  to {
    bottom: 0;
    right: 0;
  }
}
.b-contacts-callback__key {
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  color: #ffff00;
}
.b-mobile-main-panel {
  width: 100%;
  max-width: 450px;
}
.b-mobile-main-panel__separator {
  display: block;
  width: 100%;
  height: 10px;
  position: relative;
  margin: 50px 0;
}
.b-mobile-main-panel__separator:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 50%;
  margin-left: -5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
}
.b-bordered-btn,
a.b-bordered-btn {
  text-decoration: none;
  display: inline-block;
  padding: 10px 35px;
  font-size: 14px;
  line-height: 14px;
  vertical-align: middle;
  color: #47a2db;
  border: 1px solid #47a2db;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
}
.b-bordered-btn:hover,
a.b-bordered-btn:hover {
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #000;
  color: #000000;
}
.b-simple-form__row {
  margin-bottom: 5px;
}
.b-simple-form__row_mb-big {
  margin-bottom: 25px;
}
.b-simple-form__field {
  display: block;
  width: 100%;
  font-size: 18px;
}
.b-simple-form__checkbox,
.b-simple-form__radio {
  margin-bottom: 15px;
  display: block;
}
.b-simple-form__what-is {
  font-size: 12px;
  font-family: 'OpenSansItalic', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 15px;
  line-height: 18px;
  vertical-align: middle;
}
.b-s-checkbox {
  position: relative;
  padding-left: 35px;
  line-height: 25px;
  vertical-align: middle;
}
.b-s-checkbox:hover {
  color: #47a2db;
  cursor: pointer;
}
.b-s-checkbox__fake {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #000;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
.b-s-checkbox__fake:after {
  content: '';
  display: block;
  opacity: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #4f4f4f;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-s-checkbox__input {
  display: none;
}
.b-s-checkbox__input:checked ~ .b-s-checkbox__fake {
  border: 1px solid #4f4f4f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.b-s-checkbox__input:checked ~ .b-s-checkbox__fake:after {
  opacity: 1;
}
.b-s-checkbox_disabled {
  color: #565656;
}
.b-s-checkbox_disabled:hover {
  color: #565656;
  cursor: not-allowed;
}
.b-s-checkbox_disabled .b-s-checkbox__fake {
  border: 1px solid #bdbdbd;
}
.b-s-checkbox_disabled .b-s-checkbox__fake:after {
  background: #bdbdbd;
}
.b-s-radio {
  position: relative;
  padding-left: 35px;
  line-height: 25px;
  vertical-align: middle;
}
.b-s-radio:hover {
  color: #47a2db;
  cursor: pointer;
}
.b-s-radio__fake {
  display: inline-block;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #000;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
.b-s-radio__fake:after {
  content: '';
  display: block;
  opacity: 0;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #4f4f4f;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.b-s-radio__input {
  display: none;
}
.b-s-radio__input:checked ~ .b-s-radio__fake {
  border: 1px solid #4f4f4f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.b-s-radio__input:checked ~ .b-s-radio__fake:after {
  opacity: 1;
}
.b-simple-input {
  display: block;
  position: relative;
  padding-top: 24px;
}
.b-simple-input__label,
label.b-simple-input__label {
  display: none;
  background: #fff;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  font-weight: normal;
}
.b-simple-input__field,
input.b-simple-input__field,
textarea.b-simple-input__field {
  display: block;
  width: 100%;
  padding: 12px 17px;
  border: 1px solid #c4c4c4;
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin: 0;
}
.b-simple-input__field:focus,
input.b-simple-input__field:focus,
textarea.b-simple-input__field:focus {
  border: 1px solid #000;
}
.b-simple-select {
  display: block;
  width: 100%;
  padding: 12px 17px;
  border: 1px solid #c4c4c4;
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin: 0;
}
.b-simple-select:focus {
  border: 1px solid #000;
}
.b-form-field {
  display: block;
  width: 100%;
}
.b-form-field__label,
label.b-form-field__label {
  display: block;
  width: 100%;
  font-weight: normal;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  padding: 0;
  margin-bottom: 20px;
}
.b-form-field__field,
input.b-form-field__field {
  margin-bottom: 0;
}
.b-simple-header {
  background: #000000;
  padding: 25px 0;
}
.b-simple-header__logo {
  margin: 0 auto 15px;
  text-align: center;
  color: #ffffff;
}
.b-simple-header__slogan {
  text-align: center;
  color: #ffffff;
  font-size: 24px;
}
.b-shadow-container {
  display: block;
  width: 100%;
  padding: 25px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.b-x-step-form {
  width: 100%;
}
.b-x-step-form__title {
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 48px;
  line-height: 48px;
  vertical-align: middle;
  margin-bottom: 75px;
  text-align: center;
}
.b-x-step-form__sidebar {
  float: left;
  width: 25%;
}
.b-x-step-form__content {
  float: right;
  width: 70%;
}
.b-x-step-form__steps {
  margin-bottom: 50px;
  border: 1px solid #d8d8d8;
  background: #ffffff;
  padding: 20px;
}
.b-x-step-form__form {
  margin-top: -20px;
}
.b-x-step-form__step,
a.b-x-step-form__step {
  font-size: 18px;
  color: #000000;
  text-decoration: none;
}
.b-x-step-form__step:not(:last-child),
a.b-x-step-form__step:not(:last-child) {
  margin-bottom: 25px;
}
.b-x-step-form__step:hover,
a.b-x-step-form__step:hover {
  text-decoration: none;
  color: #47a2db;
  cursor: pointer;
}
.b-x-step-form__step_active {
  position: relative;
}
.b-x-step-form__step_active:before {
  content: '';
  display: block;
  background: #000;
  width: 19px;
  height: 7px;
  position: absolute;
  left: -29px;
  top: 7px;
}
.b-x-step-form__why-title {
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
}
.b-x-step-form__why-item:not(:last-child),
li.b-x-step-form__why-item:not(:last-child) {
  margin-bottom: 25px;
}
.b-x-step-form__small {
  font-size: 12px;
  font-family: 'OpenSansItalic', Verdana, Tahoma, Arial, sans-serif;
  color: #bfbfbf;
  line-height: 16px;
  vertical-align: middle;
}
.b-x-step-form__next-step-btn,
a.b-x-step-form__next-step-btn {
  margin-top: 50px;
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  float: right;
  background-color: #47a2db;
  background-image: url('../img/next-step-btn-bg.webp');
  background-repeat: no-repeat;
  background-position: right center;
  font-size: 18px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
  padding: 13px 45px 13px 25px;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
}
.no-webp .b-x-step-form__next-step-btn,
.no-webp a.b-x-step-form__next-step-btn {
  background-image: url("../img/next-step-btn-bg.png");
}
.b-x-step-form__next-step-btn:hover,
a.b-x-step-form__next-step-btn:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #398ec4;
}
.b-x-step-form__has-questions-btn {
  margin-bottom: 50px;
}
.typed-cursor {
  animation-name: typed-cursor--animation;
  animation-duration: 0.5s;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
}
@keyframes typed-cursor--animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.b-maintenance {
  text-align: center;
  padding: 150px;
}
@media (max-width: 1200px) {
  .b-maintenance {
    padding: 100px;
  }
}
@media (max-width: 900px) {
  .b-maintenance {
    padding: 50px;
  }
}
@media (max-width: 450px) {
  .b-maintenance {
    padding: 50px 15px;
  }
}
.b-maintenance__logo {
  color: #ffffff;
  font-size: 250px;
  line-height: 250px;
}
@media (max-width: 1200px) {
  .b-maintenance__logo {
    font-size: 200px;
    line-height: 200px;
  }
}
@media (max-width: 900px) {
  .b-maintenance__logo {
    font-size: 150px;
    line-height: 150px;
  }
}
@media (max-width: 700px) {
  .b-maintenance__logo {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (max-width: 450px) {
  .b-maintenance__logo {
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 400px) {
  .b-maintenance__logo {
    font-size: 70px;
    line-height: 70px;
  }
}
.b-maintenance__contacts {
  color: #ffffff;
  text-align: center;
  margin: 50px auto 0;
}
.b-maintenance__connect-vk {
  text-align: center;
  margin-top: 50px;
  line-height: 24px;
  vertical-align: middle;
}
.b-breadcrumbs,
ol.b-breadcrumbs,
ul.b-breadcrumbs {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.b-breadcrumbs__item,
li.b-breadcrumbs__item {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.b-breadcrumbs__item:after,
li.b-breadcrumbs__item:after {
  content: '>';
  display: inline-block;
  margin: 0 5px;
}
.b-breadcrumbs__item:last-child:after,
li.b-breadcrumbs__item:last-child:after {
  display: none;
}
.b-breadcrumbs__link,
a.b-breadcrumbs__link {
  display: inline-block;
  text-decoration: none;
}
.b-breadcrumbs__link:hover,
a.b-breadcrumbs__link:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #fff;
}
.b-breadcrumbs__text,
span.b-breadcrumbs__text {
  display: inline-block;
}
.b-footer-line {
  display: block;
  background: #262626;
  background: linear-gradient(to bottom, #3c3c3c, #303030);
  border-top: 1px solid #353535;
  padding: 15px 0 8px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  color: #9c9c9c;
}
.b-footer-line a {
  color: #9c9c9c;
}
@media (max-width: 1000px) {
  .b-footer-line {
    padding: 15px 15px 8px 15px;
  }
}
.b-footer-line__left {
  float: left;
}
@media (max-width: 500px) {
  .b-footer-line__left {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
}
.b-footer-line__right {
  float: right;
}
@media (max-width: 500px) {
  .b-footer-line__right {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.b-footer-line__inner-wrap {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.b-message {
  display: block;
  background: #439f61;
  color: #ffffff;
}
.b-message__text {
  display: block;
  padding: 15px;
}
.b-error-page {
  background: #000000;
  min-height: 500px;
  color: #ffffff;
  padding: 50px;
  text-align: center;
}
.b-error-page a {
  color: #ffff00;
}
.b-error-page__title {
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 400px) {
  .b-error-page__title {
    font-size: 50px;
  }
}
@media (max-width: 350px) {
  .b-error-page__title {
    font-size: 45px;
  }
}
.b-error-page__desc {
  margin-bottom: 80px;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
}
.b-error-page__error-number {
  color: #ffff00;
}
@media (max-width: 400px) {
  .b-social-links {
    text-align: center;
  }
}
.b-social-links__title {
  color: #ffff00;
  margin-bottom: 15px;
  font-size: 16px;
}
.b-social-links__link,
a.b-social-links__link {
  text-decoration: none;
}
.b-social-links__link:hover,
a.b-social-links__link:hover {
  color: #ffff00;
}
@media (max-width: 400px) {
  .b-social-links__link,
  a.b-social-links__link {
    display: block;
    padding: 10px 0;
    background: #2f2f2f;
  }
}
.b-social-links__link_white,
a.b-social-links__link_white {
  color: #ffffff;
}
.b-social-links__separator {
  display: inline-block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #8e8e8e;
  margin: 0 15px;
}
@media (max-width: 400px) {
  .b-social-links__separator {
    margin: 15px 0 10px;
  }
}
.b-container {
  display: block;
  width: 100%;
  max-width: 1000px;
}
.b-container_full {
  max-width: 100%;
}
.b-woocommerce__title {
  max-width: 710px;
  margin: 0 auto;
  font-size: 60px;
  line-height: 72px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  padding: 200px 15px 0;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
.b-woocommerce__title_yellower {
  color: #ffff00;
}
@media screen and (max-width: 1000px) {
  .b-woocommerce__title {
    font-size: 40px;
    max-width: 500px;
    line-height: 50px;
  }
}
@media screen and (max-width: 520px) {
  .b-woocommerce__title {
    font-size: 30px;
    max-width: 385px;
    line-height: 40px;
  }
}
.b-woocommerce__logo {
  position: absolute;
  top: 60px;
  left: -1%;
  animation: 1s linear;
}
@media screen and (max-width: 1000px) {
  .b-woocommerce__logo {
    max-width: 180px;
    top: 85px;
    left: -30px;
  }
}
@media screen and (max-width: 520px) {
  .b-woocommerce__logo {
    max-width: 140px;
    top: 120px;
    left: -30px;
  }
}
@media screen and (max-width: 440px) {
  .b-woocommerce__logo {
    left: 0;
  }
}
.b-woocommerce__btn {
  margin: 100px auto;
  font-size: 24px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  width: 300px;
  padding: 15px 15px 0;
  transition: 0.2s linear;
}
.b-woocommerce__btn:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1000px) {
  .b-woocommerce__btn {
    font-size: 20px;
  }
}
@media screen and (max-width: 520px) {
  .b-woocommerce__btn {
    font-size: 17px;
  }
}
.b-woocommerce__btn-underline-wrapper {
  position: relative;
  overflow: hidden;
  width: 250px;
  top: 8px;
  left: 50%;
  margin-left: -125px;
}
@media screen and (max-width: 1000px) {
  .b-woocommerce__btn-underline-wrapper {
    width: 200px;
    margin-left: -100px;
    top: 0;
  }
}
@media screen and (max-width: 520px) {
  .b-woocommerce__btn-underline-wrapper {
    width: 170px;
    margin-left: -85px;
  }
}
.b-woocommerce__btn-underline-wrapper img {
  max-width: none;
}
.b-woocommerce__btn-underline {
  animation: btnUnderlineMove 3s linear infinite;
}
.b-price-list {
  background-color: #f4f4e3;
  font-family: "Open Sans", sans-serif;
  position: relative;
  padding-bottom: 60px;
}
.b-price-list_margin-bot {
  margin-bottom: 150px;
}
@media screen and (max-width: 1000px) {
  .b-price-list_margin-bot {
    margin-bottom: 80px;
  }
}
.b-price-list__how-much {
  color: #4d4d4d;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
  text-transform: uppercase;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 150px 20px 0;
}
@media screen and (max-width: 1000px) {
  .b-price-list__how-much {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (max-width: 650px) {
  .b-price-list__how-much {
    font-size: 35px;
    line-height: 42px;
  }
}
@media screen and (max-width: 440px) {
  .b-price-list__how-much {
    font-size: 32px;
    line-height: 36px;
  }
}
@media screen and (max-width: 384px) {
  .b-price-list__how-much {
    font-size: 28px;
    line-height: 34px;
    padding: 150px 15px 0;
  }
}
@media screen and (max-width: 340px) {
  .b-price-list__how-much {
    padding: 150px 10px 0;
  }
}
@media screen and (max-width: 840px) {
  .b-price-list__how-much-break {
    display: block;
  }
}
.b-price-list__order-variant-wrap {
  position: relative;
}
.b-price-list__order-variant {
  font-size: 24px;
  font-weight: 900;
  max-width: 1000px;
  margin: 100px auto;
  padding: 0 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .b-price-list__order-variant {
    font-size: 20px;
  }
}
@media screen and (max-width: 700px) {
  .b-price-list__order-variant {
    text-align: center;
  }
}
.b-price-list__order-variant_violet {
  color: #8c5c8c;
}
.b-price-list__order-variant_greener {
  color: #47b472;
}
.b-price-list__order-variant_redder {
  color: #f16c48;
}
.b-price-list__title {
  text-transform: uppercase;
  background-color: #f4f4e3;
  padding: 15px;
  position: relative;
  display: inline-block;
  z-index: 2;
}
@media screen and (max-width: 540px) {
  .b-price-list__title-dropping {
    display: block;
    width: 100%;
  }
}
.b-price-list__price {
  font-weight: 400;
  background-color: #f4f4e3;
  padding: 15px;
  position: relative;
  float: right;
  margin-bottom: 40px;
  z-index: 2;
}
@media screen and (max-width: 700px) {
  .b-price-list__price {
    width: 100%;
  }
}
.b-price-list__price_more {
  font-weight: 900;
  font-size: 36px;
}
@media screen and (max-width: 1000px) {
  .b-price-list__price_more {
    font-size: 32px;
  }
}
.b-price-list__text-description {
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  max-width: 1000px;
  margin: 55px auto 0;
  padding: 0 20px;
}
@media screen and (max-width: 1000px) {
  .b-price-list__text-description {
    font-size: 15px;
  }
}
@media screen and (max-width: 700px) {
  .b-price-list__text-description {
    text-align: center;
    padding: 0 20px;
  }
}
.b-price-list__list-description {
  color: #000000;
  font-size: 18px;
  line-height: 46px;
  max-width: 1000px;
  margin: 40px auto 0;
  padding: 0 50px;
}
@media screen and (max-width: 1000px) {
  .b-price-list__list-description {
    font-size: 15px;
    line-height: 40px;
  }
}
@media screen and (max-width: 700px) {
  .b-price-list__list-description {
    max-width: 304px;
    margin: auto;
    margin-top: 60px;
    line-height: 33px;
    padding: 0 10px 0 30px;
  }
}
.b-price-list__list-description_violet li {
  color: #8c5c8c;
}
.b-price-list__list-description_greener li {
  color: #47b472;
}
.b-price-list__list-description_redder li {
  color: #f16c48;
}
.b-price-list__list-description span {
  color: #000000;
}
.b-price-list__bg-line {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 60%;
  background-color: #d5d5bf;
  height: 2px;
  width: 100%;
}
.b-price-list__wave-wrapper {
  position: absolute;
  top: -60px;
  max-width: 100%;
  overflow: hidden;
}
.b-price-list__wave-wrapper_lower {
  top: 99%;
}
@media screen and (max-width: 1000px) {
  .b-price-list__wave-wrapper {
    display: none;
  }
}
.b-price-list__wave-wrapper img {
  max-width: none;
}
.b-price-list__wave {
  animation: waveUnderlineMove 3s linear infinite;
}
.b-parallax-line {
  background-color: #fff;
  color: #000;
  font-family: "Open Sans", sans-serif;
  overflow: hidden;
}
.b-parallax-line_darker {
  background-color: #191919;
}
.b-parallax-line_bg-parallax {
  background: url('../img/woocommerce/parallax-1.webp');
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
}
.no-webp .b-parallax-line_bg-parallax {
  background-image: url('../img/woocommerce/parallax-1.jpg');
}
.b-parallax-line__text_bolder {
  font-weight: 600;
}
.b-parallax-line__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 30px;
  height: 160px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.b-parallax-line__inner_darker {
  color: #fff;
}
@media screen and (max-width: 700px) {
  .b-parallax-line__inner {
    flex-direction: column;
    padding: 10px 30px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .b-parallax-line__inner {
    padding: 15px;
  }
}
@media screen and (max-width: 420px) {
  .b-parallax-line__inner {
    height: 200px;
  }
}
.b-parallax-line__block-left {
  max-width: 550px;
  font-size: 21px;
  font-weight: 300;
  line-height: 36px;
  margin: auto 0;
  position: relative;
  z-index: 2;
}
.b-parallax-line__block-left_yellower {
  color: #ffff00;
}
@media screen and (max-width: 970px) {
  .b-parallax-line__block-left {
    font-size: 18px;
  }
}
@media screen and (max-width: 830px) {
  .b-parallax-line__block-left {
    font-size: 15px;
    max-width: 400px;
  }
}
@media screen and (max-width: 700px) {
  .b-parallax-line__block-left {
    line-height: 26px;
  }
}
@media screen and (max-width: 420px) {
  .b-parallax-line__block-left {
    max-width: 310px;
  }
}
.b-parallax-line__block-right {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  text-align: right;
  margin: auto 0;
  position: relative;
  padding: 10px;
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 970px) {
  .b-parallax-line__block-right {
    font-size: 20px;
  }
}
@media screen and (max-width: 830px) {
  .b-parallax-line__block-right {
    font-size: 17px;
  }
}
.b-parallax-line__block-right:hover .b-parallax-line__block-right-underline {
  width: 95%;
}
.b-parallax-line__block-right:hover {
  color: #ffff44;
}
.b-parallax-line__block-right a {
  text-decoration: none;
  color: inherit;
  position: relative;
  transition: 0.4s;
}
.b-parallax-line__block-right-underline {
  position: absolute;
  height: 2px;
  width: 0;
  background-color: #ffff00;
  bottom: 0;
  left: 50%;
  border-radius: 2px;
  transform: translateX(-50%);
  transition: 0.4s;
}
.b-parallax-line__block-right-icon {
  margin-right: 15px;
}
.b-parallax-line__bg-triangle {
  position: absolute;
  transform: scale(1.5) rotate(20deg);
  left: 44%;
  top: -200px;
  z-index: 1;
}
@media screen and (min-width: 970px) {
  .b-parallax-line__bg-triangle {
    animation: triangleRotate 4s ease-in-out infinite;
  }
}
@media screen and (max-width: 970px) {
  .b-parallax-line__bg-triangle {
    transform: scale(1.3) rotate(20deg);
    left: 40%;
  }
}
@media screen and (max-width: 830px) {
  .b-parallax-line__bg-triangle {
    transform: scale(1.1) rotate(20deg) translateX(-34%);
    left: 50%;
    top: -100px;
  }
}
@media screen and (max-width: 550px) {
  .b-parallax-line__bg-triangle {
    transform: scale(0.9) rotate(20deg) translateX(-42%);
  }
}
@media screen and (max-width: 400px) {
  .b-parallax-line__bg-triangle {
    transform: scale(0.7) rotate(20deg) translateX(-60%);
  }
}
.b-bg-triangle__style {
  fill: none;
  stroke-width: 10;
}
.b-bg-triangle__style_darker {
  stroke: #222222;
}
@keyframes triangleRotate {
  0% {
    transform: scale(1.5) rotate(20deg);
  }
  50% {
    transform: scale(1.5) rotate(24deg);
  }
  100% {
    transform: scale(1.5) rotate(20deg);
  }
}
@keyframes waveUnderlineMove {
  0% {
    margin-left: 0;
    transform: scaleY(1);
  }
  50% {
    margin-left: -130px;
    transform: scaleY(0.7);
  }
  100% {
    margin-left: -261px;
    transform: scaleY(1);
  }
}
@keyframes btnUnderlineMove {
  0% {
    margin-left: -56px;
  }
  50% {
    margin-left: -28px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes priceLineMove {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.b-share-btns {
  display: block;
  text-align: center;
}
.b-share-btns__title {
  font-size: 18px;
  margin-bottom: 15px;
}
.b-share-btns__accent {
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
._col-margin-fix {
  margin: 50px 0;
}
.b-orange-btn {
  display: inline-block;
  font-size: 18px;
  line-height: 1em;
  background: #ff7800;
  border: none;
  text-transform: none;
  border-radius: 30px;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
  color: #fff;
  padding: 15px 75px 16px;
  box-shadow: 0 0 5px #ff7800;
  /* 20px in photoshop */
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
}
.b-orange-btn:hover {
  cursor: pointer;
  box-shadow: 0 0 25px #ff7800;
  /* 20px in photoshop */
}
.b-promo-offer {
  width: 100%;
  background: #000;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
}
.b-promo-offer_important {
  color: #ffff00;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-promo-offer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url('../img/promo-offer-bg-img.webp');
  background-repeat: no-repeat;
  background-position: center center;
}
.no-webp .b-promo-offer__inner {
  background-image: url("../img/promo-offer-bg-img.png");
}
.b-promo-offer__title {
  color: #ffffff;
  font-size: 48px;
  line-height: 52px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  text-align: center;
}
.b-promo-offer__text {
  color: #ffffff;
  font-size: 18px;
  margin-top: 100px;
  text-align: center;
  line-height: 36px;
}
.b-promo-offer__btn {
  margin-top: 100px;
}
@media (max-width: 600px) {
  .b-promo-offer__inner {
    padding: 80px 20px;
  }
}
@media (max-width: 500px) {
  .b-promo-offer__title {
    font-size: 40px;
  }
}
@media (max-width: 400px) {
  .b-promo-offer__title {
    font-size: 35px;
  }
}
@media (max-width: 330px) {
  .b-promo-offer__title {
    font-size: 30px;
  }
}
.b-price-colorize__container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.b-price-colorize__item {
  flex-direction: column;
  margin-bottom: 100px;
}
.b-price-colorize__item:last-child {
  margin-bottom: 0;
}
.b-price-colorize__item-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30px;
}
.b-price-colorize__item-header_orange {
  color: #ff7800;
  border-color: #ff7800;
}
.b-price-colorize__item-header_blue {
  color: #0090ff;
  border-color: #0090ff;
}
.b-price-colorize__item-header_green {
  color: #3ab643;
  border-color: #3ab643;
}
@media screen and (max-width: 420px) {
  .b-price-colorize__item-header {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 60px;
  }
}
.b-price-colorize__item-header-title {
  color: inherit;
  padding-bottom: 20px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 24px;
  border-color: inherit;
  border-bottom: 4px solid;
  margin-bottom: 20px;
}
.b-price-colorize__item-header-title i {
  margin-right: 20px;
}
.b-price-colorize__item-header-price {
  font-size: 36px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-price-colorize__item-list {
  padding: 0;
  margin: 0 0 50px 0;
}
.b-price-colorize__item-list-item {
  font-size: 18px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 20px !important;
  list-style: none;
  padding-left: 40px !important;
  position: relative;
  color: #000;
}
.b-price-colorize__item-list-item:before {
  content: '';
  width: 20px;
  height: 4px;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.b-price-colorize__item-list-item:last-child {
  margin-bottom: 0;
}
.b-price-colorize__item-btn {
  background-color: #ff7800;
  text-decoration: none;
  padding: 10px 80px;
  border-radius: 40px;
  display: inline-block;
  align-self: flex-start;
  color: #fff;
  margin-top: 40px;
  transition: all 0.2s linear;
}
.b-price-colorize__item-btn:hover {
  color: #fff;
  opacity: 0.8;
}
@media screen and (max-width: 420px) {
  .b-price-colorize__item-btn {
    margin: 0 auto;
    margin-top: 20px;
  }
}
/************************************* Landing calc --- START ******************************************/
.b-line-parallax-dn {
  display: none;
}
.b-line-parallax-op0 {
  opacity: 0;
}
.b-empty-block-pseudo:before,
.b-empty-block-pseudo:after {
  content: '';
  display: none;
}
.b-modal-overlay-bg {
  width: 100vw;
  position: fixed;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.b-line-parallax__container {
  position: relative;
}
.b-line-parallax__container * {
  line-height: 1.5;
}
.b-line-parallax__wrapper {
  background-image: url(../img/calc-bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
}
.no-webp .b-line-parallax__wrapper {
  background-image: url('../img/calc-bg.jpg');
}
.b-line-parallax__inner {
  max-width: 1010px;
  margin: 0 auto;
  height: 100%;
}
.b-line-parallax__header-title {
  text-transform: uppercase;
  font-size: 44px;
  line-height: 44px;
  padding-top: 70px;
  color: #5b5a5a;
  text-align: center;
  margin: 0 10px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-line-parallax__header-subtitle {
  margin: 25px 10px 70px 10px;
  font-size: 17px;
  line-height: 17px;
  color: #5b5a5a;
  text-align: center;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-line-parallax__numbered-list {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
.b-line-parallax__result-income {
  position: relative;
  z-index: 2;
}
.b-numbered-list {
  padding-top: 20px;
  padding-bottom: 60px;
  width: 100%;
  transition: all 0.2s linear;
}
.b-numbered-list__first-item,
.b-numbered-list__second-item,
.b-numbered-list__third-item,
.b-numbered-list__fourth-item,
.b-numbered-list__fifth-item {
  display: flex;
  flex-direction: row;
  margin: 50px;
}
.b-numbered-list__left-block {
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 44px;
  color: #5b5a5a;
  text-align: center;
  width: 15%;
  margin-left: -25px;
}
.b-numbered-list__right-block {
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  position: relative;
  width: 85%;
}
.b-numbered-list__right-block:after {
  content: '';
  max-width: 775px;
  width: 99%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
}
.b-numbered-list__selected-value {
  position: relative;
  top: 5px;
  font-size: 30px;
  font-weight: 600;
  margin-left: 10px;
}
.b-numbered-list__change {
  font-size: 13px;
  text-decoration: underline;
  position: relative;
  top: -5px;
  margin: 10px;
  cursor: pointer;
}
.b-numbered-list__what-it {
  font-size: 13px;
  text-decoration: underline;
  position: relative;
  top: -5px;
  margin: 10px;
  cursor: pointer;
}
.b-numbered-list__profit {
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #ffff00;
  text-align: center;
  height: 40px;
  width: 140px;
  color: #fff;
  font-weight: 700;
  margin-left: 20px;
  font-size: 14px;
  padding: 2px 5px;
  display: inline-block;
}
.b-numbered-list__profit:focus {
  background-color: rgba(255, 255, 0, 0.05);
}
.b-numbered-list__profit:hover {
  background-color: rgba(255, 255, 0, 0.05);
}
.b-numbered-list__profit_pulsation {
  -webkit-animation: pulsation 2s linear infinite;
  animation: pulsation 2s linear infinite;
  border: 2px solid #fe2a29;
}
.b-numbered-list__profit::-webkit-input-placeholder {
  font-weight: 600;
}
.b-numbered-list__button-arrow {
  position: relative;
  left: 160px;
  margin-top: 50px;
  margin-bottom: 20px;
}
.b-numbered-list__range-slider {
  margin: 50px 0;
}
.b-range-slider {
  position: relative;
  max-width: 700px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: 700;
}
.b-range-slider__wrapper {
  width: 380px;
  margin: 0 auto;
  position: relative;
}
.b-range-slider__value {
  position: absolute;
  top: -30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100px;
  text-align: center;
}
.b-range-slider__value:before {
  content: '<';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 42px;
  left: 50%;
  -webkit-transform: translate(-250%, 0%) scaleX(0.5);
  transform: translate(-250%, 0%) scaleX(0.5);
  color: #fff;
  font-weight: 100;
  -webkit-animation: moveArrowRangeSliderLeft 1.6s linear infinite;
  animation: moveArrowRangeSliderLeft 1.6s linear infinite;
}
.b-range-slider__value:after {
  content: '>';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 42px;
  left: 50%;
  -webkit-transform: translate(145%, 0%) scaleX(0.5);
  transform: translate(145%, 0%) scaleX(0.5);
  color: #fff;
  font-weight: 100;
  -webkit-animation: moveArrowRangeSliderRight 1.6s linear infinite;
  animation: moveArrowRangeSliderRight 1.6s linear infinite;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #element {
    top: 48px;
  }
}
.b-range-slider__changer,
input.b-range-slider__changer {
  width: 420px;
  -webkit-appearance: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  max-width: none;
}
.b-range-slider__changer::-webkit-slider-runnable-track,
input.b-range-slider__changer::-webkit-slider-runnable-track {
  height: 5px;
  background: #ffff00;
  outline: none;
}
.b-range-slider__changer::-webkit-slider-thumb,
input.b-range-slider__changer::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 10px;
  opacity: 0;
  border-top: 30px solid #ffff00;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.b-range-slider__triangle {
  -webkit-appearance: none;
  width: 10px;
  border-top: 30px solid #ffff00;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  position: absolute;
  left: 0;
  z-index: -1;
}
.b-range-slider__changer:focus,
input.b-range-slider__changer:focus {
  outline: none;
}
.b-range-slider__changer:focus::-webkit-slider-runnable-track,
input.b-range-slider__changer:focus::-webkit-slider-runnable-track {
  background-color: #ffff00;
}
.b-range-slider__changer::-moz-range-thumb,
input.b-range-slider__changer::-moz-range-thumb {
  width: 40px;
  height: 60px;
  position: relative;
  opacity: 0;
  cursor: pointer;
  background-color: #ffff00;
  border: none;
  border-radius: 50%;
}
.b-range-slider__changer::-moz-range-track,
input.b-range-slider__changer::-moz-range-track {
  background-color: #ffff00;
}
.b-range-slider__changer::-ms-track,
input.b-range-slider__changer::-ms-track {
  width: 420px;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.b-range-slider__changer::-ms-fill-lower,
input.b-range-slider__changer::-ms-fill-lower {
  background: #ffff00;
  border-radius: 10px;
}
.b-range-slider__changer::-ms-fill-upper,
input.b-range-slider__changer::-ms-fill-upper {
  background: #ffff00;
  border-radius: 10px;
}
.b-range-slider__changer::-ms-thumb,
input.b-range-slider__changer::-ms-thumb {
  border: none;
  width: 40px;
  height: 60px;
  opacity: 0;
  border-radius: 50%;
  background: #ffff00;
}
.b-range-slider__changer:focus::-ms-fill-lower,
input.b-range-slider__changer:focus::-ms-fill-lower {
  background: #ffff00;
}
.b-range-slider__changer:focus::-ms-fill-upper,
input.b-range-slider__changer:focus::-ms-fill-upper {
  background: #ffff00;
}
.b-button-arrow {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  padding: 12px 36px 12px 58px;
  border: 2px solid #ffff00;
  cursor: pointer;
  position: relative;
  transition: 0.2s linear;
}
.b-button-arrow:hover {
  background-color: rgba(255, 255, 0, 0.03);
  color: #ffff00;
}
.b-button-arrow_colorless {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #000;
  font-size: 16px;
  font-weight: 500;
}
.b-button-arrow_colorless:hover {
  background-color: rgba(0, 0, 0, 0);
  color: inherit;
}
.b-button-arrow__arrows {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 12%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: moveArrowButton 1.2s linear infinite;
  animation: moveArrowButton 1.2s linear infinite;
}
.b-button-arrow__arrows_reverse {
  -webkit-transform: rotate(180deg) translateY(-50%);
  transform: rotate(180deg) translateY(-50%);
  -webkit-animation: moveArrowButtonReverse 1.2s linear infinite;
  animation: moveArrowButtonReverse 1.2s linear infinite;
}
.b-button-arrow__arrows_darcked {
  color: #000;
}
.b-button-arrow__svg {
  margin: 0 -3px;
}
.b-line-parallax__svg-line {
  position: absolute;
  top: 0px;
  left: 50%;
  height: 100%;
  width: 840px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
}
.b-line-parallax__svg-line_zindex0 {
  z-index: -10;
}
.b-line-parallax__svg-line-anim1 {
  -webkit-animation: svgLineAnim1 0.6s linear;
  animation: svgLineAnim1 0.6s linear;
  opacity: 1;
}
.b-line-parallax__svg-line-anim2 {
  -webkit-animation: svgLineAnim2 1.2s linear;
  animation: svgLineAnim2 1.2s linear;
  opacity: 1;
}
.b-line-parallax__svg-line-anim3 {
  -webkit-animation: svgLineAnim3 1.8s linear;
  animation: svgLineAnim3 1.8s linear;
  opacity: 1;
}
.b-line-parallax__svg-line-anim4 {
  -webkit-animation: svgLineAnim4 2.4s linear;
  animation: svgLineAnim4 2.4s linear;
  opacity: 1;
}
.b-line-parallax__svg-line-anim5 {
  -webkit-animation: svgLineAnim5 3s linear;
  animation: svgLineAnim5 3s linear;
  opacity: 1;
}
.b-line-parallax__empty-block {
  width: 100%;
  height: 80px;
}
.b-result-income {
  width: 100%;
  height: 100%;
  margin-left: 100px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.2s linear;
}
.b-result-income__button-arrow {
  position: relative;
  margin-top: 80px;
  margin-bottom: 30px;
}
.b-result-income__counting-calc {
  margin: 30px 0;
  font-size: 16px;
}
.b-result-income__counting-calc_yellowed {
  font-size: 30px;
  color: #ffff00;
  padding: 0 5px;
  position: relative;
  top: 5px;
  font-weight: 700;
}
.b-result-incone__counting-calc_sm-top {
  font-weight: 100;
  position: relative;
  top: -10px;
  font-size: 13px;
}
.b-result-income__buttom-submit-your-application {
  background-color: #ffff00;
  display: inline-block;
  color: #000;
  padding: 12px 26px;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 60px;
  transition: 0.3s linear;
  margin-bottom: 60px;
}
.b-result-income__buttom-submit-your-application:hover {
  opacity: 0.8;
}
.b-modal-window-conversion {
  transition: 0.4s linear;
  -webkit-transform-origin: center;
  transform-origin: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -300%);
  transform: translate(-50%, -300%);
  z-index: 100;
}
.b-modal-window-conversion_collapse {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.b-modal-window-conversion__inner {
  width: 800px;
  height: 80vh;
  padding: 40px;
  max-height: 760px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 200px -69px black;
  overflow-y: auto;
}
.b-modal-window-conversion__close {
  position: fixed;
  top: -50px;
  right: -50px;
  padding: 10px;
  cursor: pointer;
}
.b-modal-window-conversion__close-line1 {
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.b-modal-window-conversion__close-line2 {
  position: relative;
  top: -3px;
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.b-modal-window-conversion__title {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 40px;
}
.b-modal-window-conversion__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
}
.b-modal-window-conversion__form-field {
  margin: 20px 0;
  font-weight: 500;
}
.b-modal-window-conversion__form-field .b-s-checkbox .b-s-checkbox__fake {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.b-modal-window-conversion__result {
  margin-top: 20px;
}
.b-modal-window-conversion__result-title {
  font-weight: 700;
  font-size: 12px;
  -webkit-transform: scaleY(0.8);
  transform: scaleY(0.8);
  display: block;
}
.b-modal-window-conversion__result-number {
  font-weight: 700;
  font-size: 32px;
  line-height: 20px;
}
.b-modal-window-conversion__button-arrow {
  margin-left: 100px;
  top: -47px;
}
.b-modal-window-what-it {
  transition: 0.4s linear;
  -webkit-transform-origin: center;
  transform-origin: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -300%);
  transform: translate(-50%, -300%);
  z-index: 100;
}
.b-modal-window-what-it_collapse {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.b-modal-window-what-it__inner {
  width: 800px;
  height: 80vh;
  padding: 40px;
  max-height: 760px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 200px -69px black;
  overflow-y: auto;
}
.b-modal-window-what-it__close {
  position: fixed;
  top: -50px;
  right: -50px;
  padding: 10px;
  cursor: pointer;
}
.b-modal-window-what-it__close-line1 {
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background-color: #fff;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.b-modal-window-what-it__close-line2 {
  position: relative;
  top: -3px;
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background-color: #fff;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.b-modal-window-what-it__title {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 40px;
}
.b-modal-window-what-it__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
}
@-webkit-keyframes moveArrowButton {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
}
@keyframes moveArrowButton {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
}
@-webkit-keyframes moveArrowButtonReverse {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%) rotate(180deg);
    transform: translate(0%, -50%) rotate(180deg);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%) rotate(180deg);
    transform: translate(100%, -50%) rotate(180deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%) rotate(180deg);
    transform: translate(0%, -50%) rotate(180deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%) rotate(180deg);
    transform: translate(0%, -50%) rotate(180deg);
  }
}
@keyframes moveArrowButtonReverse {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%) rotate(180deg);
    transform: translate(0%, -50%) rotate(180deg);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%) rotate(180deg);
    transform: translate(100%, -50%) rotate(180deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%) rotate(180deg);
    transform: translate(0%, -50%) rotate(180deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0%, -50%) rotate(180deg);
    transform: translate(0%, -50%) rotate(180deg);
  }
}
@-webkit-keyframes moveArrowRangeSliderLeft {
  0% {
    -webkit-transform: translate(-250%, 0%) scaleX(0.5);
    transform: translate(-250%, 0%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translate(-320%, 0%) scaleX(0.5);
    transform: translate(-320%, 0%) scaleX(0.5);
  }
  100% {
    -webkit-transform: translate(-250%, 0%) scaleX(0.5);
    transform: translate(-250%, 0%) scaleX(0.5);
  }
}
@keyframes moveArrowRangeSliderLeft {
  0% {
    -webkit-transform: translate(-250%, 0%) scaleX(0.5);
    transform: translate(-250%, 0%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translate(-320%, 0%) scaleX(0.5);
    transform: translate(-320%, 0%) scaleX(0.5);
  }
  100% {
    -webkit-transform: translate(-250%, 0%) scaleX(0.5);
    transform: translate(-250%, 0%) scaleX(0.5);
  }
}
@-webkit-keyframes moveArrowRangeSliderRight {
  0% {
    -webkit-transform: translate(145%, 0%) scaleX(0.5);
    transform: translate(145%, 0%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translate(210%, 0%) scaleX(0.5);
    transform: translate(210%, 0%) scaleX(0.5);
  }
  100% {
    -webkit-transform: translate(145%, 0%) scaleX(0.5);
    transform: translate(145%, 0%) scaleX(0.5);
  }
}
@keyframes moveArrowRangeSliderRight {
  0% {
    -webkit-transform: translate(145%, 0%) scaleX(0.5);
    transform: translate(145%, 0%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translate(210%, 0%) scaleX(0.5);
    transform: translate(210%, 0%) scaleX(0.5);
  }
  100% {
    -webkit-transform: translate(145%, 0%) scaleX(0.5);
    transform: translate(145%, 0%) scaleX(0.5);
  }
}
@-webkit-keyframes svgLineAnim1 {
  0% {
    stroke-dasharray: 665;
    stroke-dashoffset: 665;
  }
  100% {
    stroke-dasharray: 665;
    stroke-dashoffset: 0;
  }
}
@keyframes svgLineAnim1 {
  0% {
    stroke-dasharray: 665;
    stroke-dashoffset: 665;
  }
  100% {
    stroke-dasharray: 665;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes svgLineAnim2 {
  0%,
  50% {
    stroke-dasharray: 830;
    stroke-dashoffset: 830;
  }
  100% {
    stroke-dasharray: 830;
    stroke-dashoffset: 0;
  }
}
@keyframes svgLineAnim2 {
  0%,
  50% {
    stroke-dasharray: 830;
    stroke-dashoffset: 830;
  }
  100% {
    stroke-dasharray: 830;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes svgLineAnim3 {
  0%,
  33%,
  66% {
    stroke-dasharray: 1370;
    stroke-dashoffset: 1370;
  }
  100% {
    stroke-dasharray: 1370;
    stroke-dashoffset: 0;
  }
}
@keyframes svgLineAnim3 {
  0%,
  33%,
  66% {
    stroke-dasharray: 1370;
    stroke-dashoffset: 1370;
  }
  100% {
    stroke-dasharray: 1370;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes svgLineAnim4 {
  0%,
  25%,
  50%,
  75% {
    stroke-dasharray: 830;
    stroke-dashoffset: 830;
  }
  100% {
    stroke-dasharray: 830;
    stroke-dashoffset: 0;
  }
}
@keyframes svgLineAnim4 {
  0%,
  25%,
  50%,
  75% {
    stroke-dasharray: 830;
    stroke-dashoffset: 830;
  }
  100% {
    stroke-dasharray: 830;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes svgLineAnim5 {
  0%,
  20%,
  40%,
  60%,
  80% {
    stroke-dasharray: 665;
    stroke-dashoffset: 665;
  }
  100% {
    stroke-dasharray: 665;
    stroke-dashoffset: 0;
  }
}
@keyframes svgLineAnim5 {
  0%,
  20%,
  40%,
  60%,
  80% {
    stroke-dasharray: 665;
    stroke-dashoffset: 665;
  }
  100% {
    stroke-dasharray: 665;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes pulsation {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 42, 41, 0);
  }
  20% {
    box-shadow: 0 0 10px 5px rgba(254, 42, 41, 0.4);
  }
  40% {
    box-shadow: 0 0 20px 10px rgba(254, 42, 41, 0);
  }
  60%,
  100% {
    box-shadow: 0 0 20px 10px rgba(254, 42, 41, 0);
  }
}
@keyframes pulsation {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 42, 41, 0);
  }
  20% {
    box-shadow: 0 0 10px 5px rgba(254, 42, 41, 0.4);
  }
  40% {
    box-shadow: 0 0 20px 10px rgba(254, 42, 41, 0);
  }
  60%,
  100% {
    box-shadow: 0 0 20px 10px rgba(254, 42, 41, 0);
  }
}
@media screen and (max-width: 850px) {
  .b-range-slider {
    max-width: 530px;
    justify-content: center;
  }
  .b-range-slider__bounds-of-values {
    width: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 13px;
  }
  .b-line-parallax__svg-line {
    display: none;
  }
  .b-line-parallax__empty-block {
    height: 30px;
  }
}
@media screen and (max-width: 830px) {
  .b-numbered-list__right-block {
    text-align: center;
  }
  .b-numbered-list__range-slider {
    margin: 50px auto;
  }
}
@media screen and (max-width: 820px) {
  .b-modal-window-conversion__inner {
    width: 650px;
    padding: 35px;
  }
  .b-modal-window-what-it__inner {
    width: 650px;
    padding: 35px;
  }
}
@media screen and (max-width: 800px) {
  .b-line-parallax__header-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 780px) {
  .b-range-slider__wrapper {
    width: 300px;
  }
  .b-range-slider__changer,
  input.b-range-slider__changer {
    width: 340px;
  }
}
@media screen and (max-width: 740px) {
  .b-modal-window-conversion__inner {
    padding: 40px 40px 40px 40px;
  }
  .b-modal-window-conversion__close {
    top: 10px;
    right: 0px;
  }
  .b-modal-window-conversion__close-line1 {
    background-color: #000;
  }
  .b-modal-window-conversion__close-line2 {
    background-color: #000;
  }
  .b-modal-window-what-it__inner {
    padding: 40px 40px 40px 40px;
  }
  .b-modal-window-what-it__close {
    top: 10px;
    right: 0px;
  }
  .b-modal-window-what-it__close-line1 {
    background-color: #000;
  }
  .b-modal-window-what-it__close-line2 {
    background-color: #000;
  }
}
@media screen and (max-width: 700px) {
  .b-numbered-list__first-item,
  .b-numbered-list__second-item,
  .b-numbered-list__third-item,
  .b-numbered-list__fourth-item,
  .b-numbered-list__fifth-item {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    margin: 15px 30px 15px 30px;
  }
  .b-numbered-list__left-block {
    margin-left: 0;
  }
  .b-numbered-list__right-block {
    width: 100%;
    font-size: 13px;
  }
  .b-numbered-list__right-block:after {
    bottom: -10px;
  }
  .b-numbered-list__selected-value {
    font-size: 23px;
  }
  .b-numbered-list__change {
    font-size: 12px;
  }
  .b-numbered-list__what-it {
    display: block;
    font-size: 12px;
  }
  .b-numbered-list__profit {
    font-size: 12px;
  }
  .b-numbered-list__button-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .b-range-slider__bounds-of-values {
    font-size: 12px;
  }
  .b-modal-window-conversion__inner {
    width: 470px;
    padding: 40px 30px 30px 30px;
  }
  .b-modal-window-conversion__title {
    font-size: 23px;
  }
  .b-modal-window-conversion__description {
    font-size: 13px;
    line-height: 23px;
  }
  .b-modal-window-conversion__form-field {
    margin: 10px 0;
    font-size: 14px;
  }
  .b-modal-window-conversion__result-title {
    font-size: 11px;
  }
  .b-modal-window-conversion__result-number {
    font-size: 28px;
  }
  .b-modal-window-what-it__inner {
    width: 470px;
    padding: 40px 30px 30px 30px;
  }
  .b-modal-window-what-it__title {
    font-size: 23px;
  }
  .b-modal-window-what-it__description {
    font-size: 13px;
    line-height: 23px;
  }
}
@media screen and (max-width: 600px) {
  .b-line-parallax__header-title {
    font-size: 36px;
  }
  .b-line-parallax__header-subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 550px) {
  .b-result-income {
    text-align: center;
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .b-modal-window-conversion__inner {
    width: 390px;
    padding: 40px 25px 25px 25px;
  }
  .b-modal-window-what-it__inner {
    width: 390px;
    padding: 40px 25px 25px 25px;
  }
}
@media screen and (max-width: 470px) {
  .b-range-slider__wrapper {
    width: 240px;
  }
  .b-range-slider__changer,
  input.b-range-slider__changer {
    width: 280px;
  }
  .b-result-income__counting-calc {
    font-size: 13px;
    margin: 20px 0;
  }
  .b-result-income__counting-calc_yellowed {
    font-size: 26px;
  }
  .b-result-incone__counting-calc_sm-top {
    font-size: 11.5px;
  }
}
@media screen and (max-width: 445px) {
  .b-numbered-list__profit {
    display: block;
    margin: 10px auto;
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .b-line-parallax__header-title {
    font-size: 33px;
  }
  .b-numbered-list__profit {
    display: block;
    margin: 10px auto;
    width: 100%;
  }
  .b-modal-window-conversion__inner {
    width: 320px;
    padding: 40px 20px 20px 20px;
  }
  .b-modal-window-what-it__inner {
    width: 320px;
    padding: 40px 20px 20px 20px;
  }
}
@media screen and (max-width: 390px) {
  .b-range-slider__wrapper {
    width: 200px;
  }
  .b-range-slider__changer,
  input.b-range-slider__changer {
    width: 240px;
  }
}
@media screen and (max-width: 360px) {
  .b-line-parallax__header-title {
    font-size: 31px;
  }
}
@media screen and (max-width: 350px) {
  .b-range-slider__bounds-of-values {
    display: none;
  }
}
/************************************* Landing calc --- END ******************************************/
/************************************* BLOG --- START ******************************************/
.b-blog {
  font-family: "Open Sans";
  max-width: 730px;
}
.b-blog_center {
  margin: 0 auto;
}
.b-blog__post-preview {
  padding: 0 15px;
  margin: 0 0 100px;
}
@media screen and (max-width: 530px) {
  .b-blog__post-preview {
    margin: 0 0 80px;
  }
}
.b-blog__navigation {
  margin: 0 auto;
}
.b-post-preview-meta__separator {
  display: inline-block;
  margin: 0 5px;
}
.b-post-preview__link,
a.b-post-preview__link {
  display: block;
  margin-bottom: 30px;
  text-decoration: none;
  color: #000000;
  font-family: 'OpenSansExtraBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-post-preview__link:hover,
a.b-post-preview__link:hover {
  color: #6d6d6d;
}
@media screen and (max-width: 530px) {
  .b-post-preview__link {
    margin-bottom: 15px;
  }
}
.b-post-preview__image {
  width: 100%;
  height: auto;
  transition: all 0.15s linear;
}
.b-post-preview__image:hover {
  opacity: 0.85;
}
.b-post-preview__title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
  color: #000000;
  transition: all 0.15s linear;
}
@media screen and (max-width: 768px) {
  .b-post-preview__title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media screen and (max-width: 530px) {
  .b-post-preview__title {
    font-size: 21px;
    line-height: 26px;
  }
}
.b-post-preview__meta {
  margin-bottom: 30px;
  color: #909090;
  font-style: italic;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .b-post-preview__meta {
    font-size: 12px;
  }
}
@media screen and (max-width: 530px) {
  .b-post-preview__meta {
    margin-bottom: 15px;
    color: #dddddd;
  }
}
.b-post-preview__description {
  font-size: 16px;
  font-weight: 500;
  color: #111111;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .b-post-preview__description {
    font-size: 14px;
    line-height: 24px;
  }
}
.b-blog-navigation {
  padding: 0 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
@media screen and (max-width: 530px) {
  .b-blog-navigation {
    padding: 0 10px;
  }
}
.b-blog-navigation__list {
  padding: 0;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 60%;
}
@media screen and (max-width: 530px) {
  .b-blog-navigation__list {
    width: 80%;
  }
}
.b-blog-navigation__item,
li.b-blog-navigation__item,
ul li.b-blog-navigation__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  padding: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  transition: all 0.15s linear;
  color: #111111;
  cursor: pointer;
}
.b-blog-navigation__item:hover {
  background-color: #ffff00;
  box-shadow: 2px 2px 0 0 #909090;
}
.b-blog-navigation__link,
a.b-blog-navigation__link {
  text-decoration: none;
  color: #000000;
}
.b-blog-navigation__item_active a {
  color: #919191;
  cursor: not-allowed;
}
.b-blog-navigation__item_active:hover {
  background-color: initial;
  box-shadow: none;
  cursor: default;
}
.b-blog-navigation__item_active .b-blog-navigation__link {
  cursor: default;
}
.b-blog-navigation__prev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #111111;
  cursor: pointer;
}
.b-blog-navigation__prev:hover {
  background-color: #ffff00;
  box-shadow: 2px 2px 0 0 #909090;
}
.b-blog-navigation__prev-link,
a.b-blog-navigation__prev-link {
  display: block;
  text-decoration: none;
  color: #000000;
}
.b-blog-navigation__next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #111111;
  cursor: pointer;
}
.b-blog-navigation__next:hover {
  background-color: #ffff00;
  box-shadow: 2px 2px 0 0 #909090;
}
.b-blog-navigation__next-link,
a.b-blog-navigation__next-link {
  display: block;
  text-decoration: none;
  color: #000000;
}
.b-post {
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  max-width: 730px;
  font-size: 16px;
  line-height: 30px;
}
.b-post h1,
.b-post h2,
.b-post h3,
.b-post h4,
.b-post h5,
.b-post h6 {
  font-weight: normal;
  font-family: 'OpenSansExtraBold', Verdana, Tahoma, Arial, sans-serif;
  margin: 25px 0;
}
.b-post h2 {
  font-size: 28px;
  line-height: 37px;
}
.b-post h3 {
  font-size: 22px;
  line-height: 32px;
}
.b-post h4 {
  font-size: 18px;
  line-height: 28px;
}
.b-post h5 {
  font-size: 16px;
  line-height: 24px;
}
.b-post h6 {
  font-size: 14px;
  line-height: 21px;
}
.b-post_center {
  margin: 0 auto;
}
.b-post__post-inner {
  padding: 0 15px;
  margin: 0 0 100px;
}
@media screen and (max-width: 530px) {
  .b-post__post-inner {
    margin: 0 0 80px;
  }
}
.b-post-inner__title,
h1.b-post-inner__title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
  color: #000000;
  margin-bottom: 30px;
  font-family: 'OpenSansExtraBold', Verdana, Tahoma, Arial, sans-serif;
}
@media screen and (max-width: 768px) {
  .b-post-inner__title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media screen and (max-width: 530px) {
  .b-post-inner__title {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}
.b-post-inner__meta {
  margin-bottom: 30px;
  color: #909090;
  font-style: italic;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .b-post-inner__meta {
    font-size: 12px;
  }
}
@media screen and (max-width: 530px) {
  .b-post-inner__meta {
    margin-bottom: 15px;
    color: #dddddd;
  }
}
.b-post-inner__image {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 530px) {
  .b-post-inner__image {
    margin-bottom: 15px;
  }
}
.b-post-inner__description {
  font-size: 16px;
  font-weight: 500;
  color: #111111;
  line-height: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .b-post-inner__description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}
.b-post-inner__description-link {
  color: #000000;
  text-decoration: underline;
}
.b-post-inner__description-link:hover {
  color: #909090;
  text-decoration: underline;
}
.b-post-inner__description_italic {
  font-style: italic;
}
.b-post-inner__description_big {
  font-weight: 600;
}
.b-post-inner__subtitle {
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
  color: #000000;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .b-post-inner__subtitle {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
  }
}
@media screen and (max-width: 530px) {
  .b-post-inner__subtitle {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}
.b-post-inner__list {
  color: #111111;
  padding-left: 40px;
  margin-bottom: 30px;
}
@media screen and (max-width: 530px) {
  .b-post-inner__list {
    margin-bottom: 15px;
  }
}
.b-post-inner__item {
  margin-bottom: 10px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .b-post-inner__item {
    font-size: 14px;
    line-height: 24px;
  }
}
.b-post-inner__item:last-child {
  margin-bottom: 0;
}
.b-post-inner__item:before {
  content: '';
  width: 20px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #fff, #000);
}
.b-post-inner-meta__separator {
  margin: 0 6px;
}
.b-post-inner-meta__landing-link {
  text-decoration: underline;
}
/************************************* BLOG --- END ******************************************/
.b-goto-work-link,
a.b-goto-work-link {
  display: inline-block;
  text-decoration: none;
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 2px #000;
  color: #000;
  font-size: inherit;
  font-weight: 700;
  padding: 15px 55px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  vertical-align: middle;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .b-goto-work-link,
  a.b-goto-work-link {
    display: none;
  }
}
.b-goto-work-link:before,
a.b-goto-work-link:before,
.b-goto-work-link:after,
a.b-goto-work-link:after {
  border: 2px solid transparent;
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
.b-goto-work-link:before,
a.b-goto-work-link:before {
  top: 0;
  left: 0;
}
.b-goto-work-link:after,
a.b-goto-work-link:after {
  bottom: 0;
  right: 0;
}
.b-goto-work-link:hover:before,
a.b-goto-work-link:hover:before,
.b-goto-work-link:hover:after,
a.b-goto-work-link:hover:after {
  width: 100%;
  height: 100%;
}
.b-goto-work-link:hover:before,
a.b-goto-work-link:hover:before {
  border-top-color: #ffff00;
  border-right-color: #ffff00;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.b-goto-work-link:hover:after,
a.b-goto-work-link:hover:after {
  border-bottom-color: #ffff00;
  border-left-color: #ffff00;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.b-portfolio-work-footer {
  text-align: center;
}
.b-portfolio-work-footer__goto {
  display: inline-block;
}
/* Seo text source */
.b-seo-text-source {
  display: none;
}
/* Vacancy */
.b-vacancy-cover {
  text-align: center;
  padding: 85px 30px;
  border: #ffff00 1px solid;
  width: 100%;
}
.b-vacancy-cover_first-screen-pos {
  margin-top: 18%;
}
@media (max-width: 1000px) {
  .b-vacancy-cover_first-screen-pos {
    margin-top: 0;
    border: none;
  }
}
.b-vacancy-cover__title {
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  display: inline-block;
  position: relative;
  padding-bottom: 30px;
  margin: 0 auto 30px;
  text-transform: uppercase;
  font-size: 48px;
  font-weight: 800;
  color: white;
}
@media screen and (max-width: 560px) {
  .b-vacancy-cover__title {
    font-size: 32px;
  }
}
.b-vacancy-cover__title:after {
  content: "";
  width: 75%;
  height: 1px;
  background-color: #ffff00;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.b-vacancy-cover__text {
  max-width: 685px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: white;
}
.b-open-vacancies {
  margin-bottom: 150px;
}
.b-open-vacancies .card-header {
  padding: 0;
  margin: 0;
  background-color: #fff;
  outline: none;
  border: none;
  z-index: 1;
}
.b-open-vacancies .btn.focus,
.b-open-vacancies .btn:focus {
  box-shadow: none;
}
.b-open-vacancies .btn.collapsed {
  background-color: #fff;
  outline: none !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important;
}
.b-open-vacancies .btn.collapsed i:last-child {
  transform: rotate(180deg);
}
.b-open-vacancies .card-body {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important;
}
.b-open-vacancies .accordion > .card {
  border: none;
  overflow: visible;
}
.b-open-vacancies .btn {
  width: 100%;
  text-align: left;
  padding: 15px 20px;
  border: none;
  outline: none !important;
  background-color: #ffff00;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05) !important;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.b-open-vacancies .btn i:first-child {
  text-align: center;
  min-width: 36px;
  font-size: 24px;
  margin-right: 10px;
  text-transform: uppercase;
}
.b-open-vacancies .btn i:last-child {
  margin-left: auto;
  font-size: 18px;
  transition: all 0.2s linear;
}
.b-open-vacancies p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.b-open-vacancies__title {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.4;
  color: #5b5a5a;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-open-vacancies__title {
  font-size: 32px;
}
.b-open-vacancies__container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;
}
.b-vacancies-guarantees {
  padding: 150px 0;
  background-image: url('../img/vacancy/bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.no-webp .b-vacancies-guarantees {
  background-image: url('../img/vacancy/bg.jpg');
}
@media (max-width: 1000px) {
  .b-vacancies-guarantees {
    padding: 100px 0;
  }
}
@media (max-width: 600px) {
  .b-vacancies-guarantees {
    padding: 0;
    background-image: none;
  }
}
.b-vacancies-guarantees__container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;
}
.b-vacancies-guarantees__content {
  max-width: 560px;
}
.b-vacancies-guarantees__title {
  margin-bottom: 30px;
  color: #363636;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 30px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
@media screen and (max-width: 560px) {
  .b-vacancies-guarantees__title {
    font-size: 24px;
    text-align: center;
  }
}
.b-vacancies-guarantees__title i {
  margin-right: 5px;
}
.b-vacancies-guarantees__text {
  margin-bottom: 30px;
}
.b-vacancies-guarantees__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -15px;
}
.b-vacancies-guarantees__item {
  min-width: 160px;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  background-color: #ffff00;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/vacancy/pattern.webp');
  margin: 15px;
}
.no-webp .b-vacancies-guarantees__item {
  background-image: url("../img/vacancy/pattern.png");
}
@media screen and (max-width: 560px) {
  .b-vacancies-guarantees__items {
    margin: -10px;
  }
  .b-vacancies-guarantees__item {
    margin: 10px;
    width: 100%;
  }
}
.b-vacancies-guarantees__item i {
  font-size: 30px;
  color: black;
  margin-bottom: 5px;
}
.b-vacancies-guarantees__item-label {
  color: black;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
/* section */
.b-vacancies-skills {
  padding: 150px 0;
  background-image: url('../img/vacancy/bg2.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.no-webp .b-vacancies-skills {
  background-image: url('../img/vacancy/bg2.jpg');
}
@media (max-width: 1000px) {
  .b-vacancies-skills {
    padding: 100px 0;
  }
}
@media (max-width: 600px) {
  .b-vacancies-skills {
    padding: 0;
    background-image: none;
  }
}
.b-vacancies-skills__container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.b-vacancies-skills__title {
  margin-bottom: 30px;
  color: #363636;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 30px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
@media screen and (max-width: 560px) {
  .b-vacancies-skills__title {
    font-size: 24px;
    text-align: center;
  }
}
.b-vacancies-skills__title i {
  margin-right: 5px;
}
.b-vacancies-skills__items {
  display: flex;
  flex-direction: column;
}
.b-vacancies-skills__item:first-child i {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.b-vacancies-skills__item:last-child i {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.b-vacancies-skills__item {
  display: flex;
  flex-direction: row;
}
.b-vacancies-skills__item-label {
  line-height: 1.4;
  font-size: 16px;
  font-weight: 400;
  color: black;
  text-transform: none;
  padding: 15px;
}
.b-vacancies-skills__item i {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  color: #ffff00;
  background-color: #000;
  padding: 15px;
}
/* Vacancy - end */
/** Scrollbar */
.scrollbar-inner {
  color: #636363;
  font-size: 13px;
  line-height: 18px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner h1 {
  font-size: 24px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner h2 {
  font-size: 16px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner h3 {
  font-size: 14px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner h4 {
  font-size: 14px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner h5 {
  font-size: 14px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner h6 {
  font-size: 14px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner p {
  font-size: 13px;
  line-height: 18px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
}
.scrollbar-inner table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 15px;
}
.scrollbar-inner table tr th {
  background: #e8e8e8;
}
.scrollbar-inner table tr td,
.scrollbar-inner table tr th {
  padding: 10px;
  border: 1px solid #e8e8e8;
}
.scrollbar-inner table tr:hover td {
  background: #f3f3f3;
}
/**
Yii2 page
 */
.b-yii2-cover {
  width: 100%;
  position: relative;
}
.b-yii2-cover__inner {
  position: relative;
}
.b-yii2-cover__content {
  position: relative;
}
@media screen and (max-width: 1000px) {
  .b-yii2-cover__content {
    padding-bottom: 50px;
  }
}
.b-yii2-cover__title {
  position: relative;
  margin-bottom: 50px;
}
.b-yii2-cover__title span {
  padding-left: 17%;
  padding-right: 5px;
  font-size: 48px;
  line-height: 62px;
  vertical-align: middle;
  color: #000000;
  font-family: "RexBold", sans-serif;
  background-color: #ffff00;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .b-yii2-cover__title span {
    font-size: calc(48px * 0.95);
    line-height: calc(62px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-cover__title span {
    font-size: calc(48px * 0.9);
    line-height: calc(62px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-cover__title span {
    font-size: calc(48px * 0.85);
    line-height: calc(62px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__title span {
    font-size: calc(48px * 0.8);
    line-height: calc(62px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__title span {
    font-size: calc(48px * 0.7);
    line-height: calc(62px * 0.7);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__title {
    text-align: center;
    background-color: #ffff00;
  }
  .b-yii2-cover__title span {
    background-color: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.b-yii2-cover__desc {
  font-weight: 500;
  padding-left: 17%;
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 45px;
}
@media screen and (max-width: 1440px) {
  .b-yii2-cover__desc {
    font-size: calc(24px * 0.95);
    line-height: calc(30px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-cover__desc {
    font-size: calc(24px * 0.9);
    line-height: calc(30px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-cover__desc {
    font-size: calc(24px * 0.85);
    line-height: calc(30px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__desc {
    font-size: calc(24px * 0.8);
    line-height: calc(30px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__desc {
    font-size: calc(24px * 0.7);
    line-height: calc(30px * 0.7);
  }
}
.b-yii2-cover__desc strong {
  color: #ffff00;
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__desc {
    padding-left: 40px;
  }
}
.b-yii2-cover__list {
  font-weight: 500;
  padding-left: 17%;
  color: #ffffff;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 75px;
}
@media screen and (max-width: 1440px) {
  .b-yii2-cover__list {
    font-size: calc(24px * 0.95);
    line-height: calc(36px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-cover__list {
    font-size: calc(24px * 0.9);
    line-height: calc(36px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-cover__list {
    font-size: calc(24px * 0.85);
    line-height: calc(36px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__list {
    font-size: calc(24px * 0.8);
    line-height: calc(36px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__list {
    font-size: calc(24px * 0.7);
    line-height: calc(36px * 0.7);
  }
}
.b-yii2-cover__list ul {
  list-style-type: none;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.b-yii2-cover__list ul li {
  list-style: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.b-yii2-cover__list ul li:not(:last-child) {
  margin-bottom: 11px;
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__list {
    padding-left: 40px;
  }
}
.b-yii2-cover__lines {
  position: absolute;
  width: 100%;
  height: calc(100% + 65px);
  top: -65px;
  left: 0;
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__lines {
    top: -25px;
    height: calc(100% + 25px);
  }
}
@media screen and (max-width: 1000px) {
  .b-yii2-cover__lines {
    display: none;
  }
}
.b-yii2-cover__line {
  position: absolute;
  background-color: #ffff00;
}
.b-yii2-cover__line_1 {
  top: 0;
  right: 50%;
  height: 3px;
  animation: _line_1 0.8s linear forwards;
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__line_1 {
    height: 2px;
  }
}
.b-yii2-cover__line_2 {
  width: 3px;
  top: 0;
  left: 0;
  animation: _line_2 0.6s linear 0.8s forwards;
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__line_2 {
    width: 2px;
  }
}
.b-yii2-cover__line_3 {
  top: 53%;
  left: 0;
  height: 3px;
  animation: _line_3 0.3s linear 1.4s forwards;
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__line_3 {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__line_3 {
    height: 2px;
  }
}
.b-yii2-cover__line_4 {
  top: 62.5%;
  right: 87%;
  height: 3px;
  animation: _line_4 0.2s linear 1.7s forwards;
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__line_4 {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__line_4 {
    height: 2px;
  }
}
.b-yii2-cover__line_5 {
  top: 72%;
  right: 87%;
  height: 3px;
  animation: _line_5 0.3s linear 1.9s forwards;
}
@media screen and (max-width: 780px) {
  .b-yii2-cover__line_5 {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__line_5 {
    height: 2px;
  }
}
.b-yii2-cover__line_6 {
  top: 72%;
  left: 0;
  width: 3px;
  animation: _line_6 0.3s linear 2.2s forwards;
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__line_6 {
    width: 2px;
  }
}
.b-yii2-cover__line_7 {
  top: 95.5%;
  left: 0;
  height: 3px;
  animation: _line_7 0.6s linear 2.5s forwards;
}
@media screen and (max-width: 560px) {
  .b-yii2-cover__line_7 {
    height: 2px;
  }
}
@keyframes _line_1 {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
@keyframes _line_2 {
  0% {
    height: 0;
  }
  100% {
    height: 53%;
  }
}
@keyframes _line_3 {
  0% {
    width: 0;
  }
  100% {
    width: 13%;
  }
}
@keyframes _line_4 {
  0% {
    width: 0;
  }
  100% {
    width: 6.5%;
  }
}
@keyframes _line_5 {
  0% {
    width: 0;
  }
  100% {
    width: 13%;
  }
}
@keyframes _line_6 {
  0% {
    height: 0;
  }
  100% {
    height: 23.5%;
  }
}
@keyframes _line_7 {
  0% {
    width: 0;
  }
  100% {
    width: 45%;
  }
}
.b-yii2-second {
  position: relative;
}
.b-yii2-second__inner {
  position: relative;
}
.b-yii2-second__content {
  position: relative;
}
.b-yii2-second__desc {
  margin-bottom: 80px;
}
.b-yii2-second__desc p {
  font-size: 16px;
  line-height: 24px;
  color: #393939;
  font-weight: 500;
}
@media screen and (max-width: 1440px) {
  .b-yii2-second__desc p {
    font-size: calc(16px * 0.95);
    line-height: calc(24px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-second__desc p {
    font-size: calc(16px * 0.9);
    line-height: calc(24px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-second__desc p {
    font-size: calc(16px * 0.85);
    line-height: calc(24px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-second__desc p {
    font-size: calc(16px * 0.8);
    line-height: calc(24px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__desc p {
    font-size: calc(16px * 0.7);
    line-height: calc(24px * 0.7);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__desc p {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 560px) and (max-width: 1440px) {
  .b-yii2-second__desc p {
    font-size: calc(18px * 0.95);
    line-height: calc(26px * 0.95);
  }
}
@media screen and (max-width: 560px) and (max-width: 1170px) {
  .b-yii2-second__desc p {
    font-size: calc(18px * 0.9);
    line-height: calc(26px * 0.9);
  }
}
@media screen and (max-width: 560px) and (max-width: 960px) {
  .b-yii2-second__desc p {
    font-size: calc(18px * 0.85);
    line-height: calc(26px * 0.85);
  }
}
@media screen and (max-width: 560px) and (max-width: 780px) {
  .b-yii2-second__desc p {
    font-size: calc(18px * 0.8);
    line-height: calc(26px * 0.8);
  }
}
@media screen and (max-width: 560px) and (max-width: 560px) {
  .b-yii2-second__desc p {
    font-size: calc(18px * 0.7);
    line-height: calc(26px * 0.7);
  }
}
.b-yii2-second__desc p:not(:last-child) {
  margin-bottom: 25px;
}
@media screen and (max-width: 560px) {
  .b-yii2-second__desc p:not(:last-child) {
    margin-bottom: 18px;
  }
}
.b-yii2-second__desc p strong {
  font-weight: 700;
}
.b-yii2-second__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: -15px;
  width: calc(100% + (15px * 2));
}
@media screen and (max-width: 960px) {
  .b-yii2-second__list {
    justify-content: center;
  }
}
.b-yii2-second__list-item {
  width: calc(((100% / 12) * 3.8) - 15px * 2);
  margin: 15px;
}
@media screen and (max-width: 960px) {
  .b-yii2-second__list-item {
    width: calc(((100% / 12) * 6) - 15px * 2);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__list-item {
    width: calc(((100% / 12) * 12) - 15px * 2);
  }
}
.b-yii2-second__title {
  font-size: 48px;
  line-height: 62px;
  font-weight: 700;
  text-transform: uppercase;
  color: #5b5a5a;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width: 1440px) {
  .b-yii2-second__title {
    font-size: calc(48px * 0.95);
    line-height: calc(62px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-second__title {
    font-size: calc(48px * 0.9);
    line-height: calc(62px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-second__title {
    font-size: calc(48px * 0.85);
    line-height: calc(62px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-second__title {
    font-size: calc(48px * 0.8);
    line-height: calc(62px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__title {
    font-size: calc(48px * 0.7);
    line-height: calc(62px * 0.7);
  }
}
.b-yii2-second__subtitle {
  text-align: center;
  width: 100%;
  color: #5b5a5a;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 80px;
}
@media screen and (max-width: 1440px) {
  .b-yii2-second__subtitle {
    font-size: calc(16px * 0.95);
    line-height: calc(24px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-second__subtitle {
    font-size: calc(16px * 0.9);
    line-height: calc(24px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-second__subtitle {
    font-size: calc(16px * 0.85);
    line-height: calc(24px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-second__subtitle {
    font-size: calc(16px * 0.8);
    line-height: calc(24px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__subtitle {
    font-size: calc(16px * 0.7);
    line-height: calc(24px * 0.7);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__subtitle {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 560px) and (max-width: 1440px) {
  .b-yii2-second__subtitle {
    font-size: calc(20px * 0.95);
    line-height: calc(26px * 0.95);
  }
}
@media screen and (max-width: 560px) and (max-width: 1170px) {
  .b-yii2-second__subtitle {
    font-size: calc(20px * 0.9);
    line-height: calc(26px * 0.9);
  }
}
@media screen and (max-width: 560px) and (max-width: 960px) {
  .b-yii2-second__subtitle {
    font-size: calc(20px * 0.85);
    line-height: calc(26px * 0.85);
  }
}
@media screen and (max-width: 560px) and (max-width: 780px) {
  .b-yii2-second__subtitle {
    font-size: calc(20px * 0.8);
    line-height: calc(26px * 0.8);
  }
}
@media screen and (max-width: 560px) and (max-width: 560px) {
  .b-yii2-second__subtitle {
    font-size: calc(20px * 0.7);
    line-height: calc(26px * 0.7);
  }
}
.b-yii2-second__internet-project-list {
  max-width: 600px;
  width: 100%;
  margin-bottom: 130px;
}
@media screen and (max-width: 560px) {
  .b-yii2-second__internet-project-list {
    margin-bottom: 60px;
  }
}
.b-yii2-second__internet-project-list-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -15px;
  width: calc(100% + (15px * 2));
  position: relative;
}
.b-yii2-second__internet-project-list-img {
  position: absolute;
  top: 0;
  left: 110%;
  height: 100%;
  display: block;
}
.b-yii2-second__internet-project-list-item {
  width: calc(((100% / 12) * 6) - 15px * 2);
  margin: 15px;
}
@media screen and (max-width: 780px) {
  .b-yii2-second__internet-project-list-item {
    width: calc(((100% / 12) * 6) - 15px * 2);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__internet-project-list-item {
    width: calc(((100% / 12) * 8) - 15px * 2);
  }
  .b-yii2-second__internet-project-list-img {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  .b-yii2-second__internet-project-list-item {
    width: calc(((100% / 12) * 10) - 15px * 2);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-second__internet-project-list-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.b-yii2-list-item__inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
}
.b-yii2-list-item__header {
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__header {
    margin-bottom: 20px;
  }
}
.b-yii2-list-item__icon {
  margin-right: 22px;
  font-size: 36px;
  line-height: 36px;
}
@media screen and (max-width: 1440px) {
  .b-yii2-list-item__icon {
    font-size: calc(36px * 0.95);
    line-height: calc(36px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-list-item__icon {
    font-size: calc(36px * 0.9);
    line-height: calc(36px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-list-item__icon {
    font-size: calc(36px * 0.85);
    line-height: calc(36px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-list-item__icon {
    font-size: calc(36px * 0.8);
    line-height: calc(36px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__icon {
    font-size: calc(36px * 0.7);
    line-height: calc(36px * 0.7);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__icon {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 560px) and (max-width: 1440px) {
  .b-yii2-list-item__icon {
    font-size: calc(40px * 0.95);
    line-height: calc(40px * 0.95);
  }
}
@media screen and (max-width: 560px) and (max-width: 1170px) {
  .b-yii2-list-item__icon {
    font-size: calc(40px * 0.9);
    line-height: calc(40px * 0.9);
  }
}
@media screen and (max-width: 560px) and (max-width: 960px) {
  .b-yii2-list-item__icon {
    font-size: calc(40px * 0.85);
    line-height: calc(40px * 0.85);
  }
}
@media screen and (max-width: 560px) and (max-width: 780px) {
  .b-yii2-list-item__icon {
    font-size: calc(40px * 0.8);
    line-height: calc(40px * 0.8);
  }
}
@media screen and (max-width: 560px) and (max-width: 560px) {
  .b-yii2-list-item__icon {
    font-size: calc(40px * 0.7);
    line-height: calc(40px * 0.7);
  }
}
.b-yii2-list-item__icon_red {
  color: #dd5730;
}
.b-yii2-list-item__icon_blue {
  color: #0672b4;
}
.b-yii2-list-item__icon_green {
  color: #81bf2c;
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__icon {
    margin-right: 14px;
  }
}
.b-yii2-list-item__title {
  color: #5b5a5a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}
@media screen and (max-width: 1440px) {
  .b-yii2-list-item__title {
    font-size: calc(24px * 0.95);
    line-height: calc(30px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-list-item__title {
    font-size: calc(24px * 0.9);
    line-height: calc(30px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-list-item__title {
    font-size: calc(24px * 0.85);
    line-height: calc(30px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-list-item__title {
    font-size: calc(24px * 0.8);
    line-height: calc(30px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__title {
    font-size: calc(24px * 0.7);
    line-height: calc(30px * 0.7);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__title {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 560px) and (max-width: 1440px) {
  .b-yii2-list-item__title {
    font-size: calc(28px * 0.95);
    line-height: calc(34px * 0.95);
  }
}
@media screen and (max-width: 560px) and (max-width: 1170px) {
  .b-yii2-list-item__title {
    font-size: calc(28px * 0.9);
    line-height: calc(34px * 0.9);
  }
}
@media screen and (max-width: 560px) and (max-width: 960px) {
  .b-yii2-list-item__title {
    font-size: calc(28px * 0.85);
    line-height: calc(34px * 0.85);
  }
}
@media screen and (max-width: 560px) and (max-width: 780px) {
  .b-yii2-list-item__title {
    font-size: calc(28px * 0.8);
    line-height: calc(34px * 0.8);
  }
}
@media screen and (max-width: 560px) and (max-width: 560px) {
  .b-yii2-list-item__title {
    font-size: calc(28px * 0.7);
    line-height: calc(34px * 0.7);
  }
}
.b-yii2-list-item__desc {
  font-size: 16px;
  line-height: 24px;
  color: #393939;
  font-weight: 500;
}
@media screen and (max-width: 1440px) {
  .b-yii2-list-item__desc {
    font-size: calc(16px * 0.95);
    line-height: calc(24px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-list-item__desc {
    font-size: calc(16px * 0.9);
    line-height: calc(24px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-list-item__desc {
    font-size: calc(16px * 0.85);
    line-height: calc(24px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-list-item__desc {
    font-size: calc(16px * 0.8);
    line-height: calc(24px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__desc {
    font-size: calc(16px * 0.7);
    line-height: calc(24px * 0.7);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-list-item__desc {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 560px) and (max-width: 1440px) {
  .b-yii2-list-item__desc {
    font-size: calc(18px * 0.95);
    line-height: calc(26px * 0.95);
  }
}
@media screen and (max-width: 560px) and (max-width: 1170px) {
  .b-yii2-list-item__desc {
    font-size: calc(18px * 0.9);
    line-height: calc(26px * 0.9);
  }
}
@media screen and (max-width: 560px) and (max-width: 960px) {
  .b-yii2-list-item__desc {
    font-size: calc(18px * 0.85);
    line-height: calc(26px * 0.85);
  }
}
@media screen and (max-width: 560px) and (max-width: 780px) {
  .b-yii2-list-item__desc {
    font-size: calc(18px * 0.8);
    line-height: calc(26px * 0.8);
  }
}
@media screen and (max-width: 560px) and (max-width: 560px) {
  .b-yii2-list-item__desc {
    font-size: calc(18px * 0.7);
    line-height: calc(26px * 0.7);
  }
}
.b-yii2-internet-project-list-item {
  position: relative;
  min-height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.b-yii2-internet-project-list-item:hover .b-yii2-internet-project-list-item__color-line {
  opacity: 0.7;
}
.b-yii2-internet-project-list-item:hover .b-yii2-internet-project-list-item__color-dots {
  opacity: 0.7;
}
.b-yii2-internet-project-list-item:hover .b-yii2-internet-project-list-item__text {
  transform: translate3d(-3px, 0, 0);
}
.b-yii2-internet-project-list-item__color-line {
  position: absolute;
  height: 100%;
  width: 10px;
  top: 0;
  left: 15px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.b-yii2-internet-project-list-item__color-dots {
  position: absolute;
  height: 100%;
  top: 0;
  left: 15px;
  width: 10px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.b-yii2-internet-project-list-item__color-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 5px;
  transform: translate3d(-50%, -50%, 0);
}
.b-yii2-internet-project-list-item__color-dot:nth-child(1) {
  top: 5px;
}
.b-yii2-internet-project-list-item__color-dot:nth-child(2) {
  top: 50%;
}
.b-yii2-internet-project-list-item__color-dot:nth-child(3) {
  top: calc(100% - 5px);
}
.b-yii2-internet-project-list-item__text {
  padding-left: 35px;
  padding-right: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #5b5a5a;
  font-weight: 500;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 1440px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(16px * 0.95);
    line-height: calc(24px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(16px * 0.9);
    line-height: calc(24px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(16px * 0.85);
    line-height: calc(24px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(16px * 0.8);
    line-height: calc(24px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(16px * 0.7);
    line-height: calc(24px * 0.7);
  }
}
@media screen and (max-width: 560px) {
  .b-yii2-internet-project-list-item__text {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 560px) and (max-width: 1440px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(18px * 0.95);
    line-height: calc(26px * 0.95);
  }
}
@media screen and (max-width: 560px) and (max-width: 1170px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(18px * 0.9);
    line-height: calc(26px * 0.9);
  }
}
@media screen and (max-width: 560px) and (max-width: 960px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(18px * 0.85);
    line-height: calc(26px * 0.85);
  }
}
@media screen and (max-width: 560px) and (max-width: 780px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(18px * 0.8);
    line-height: calc(26px * 0.8);
  }
}
@media screen and (max-width: 560px) and (max-width: 560px) {
  .b-yii2-internet-project-list-item__text {
    font-size: calc(18px * 0.7);
    line-height: calc(26px * 0.7);
  }
}
/**
SEO page
 */
.b-seo-cover {
  width: 100%;
  position: relative;
}
.b-seo-cover__inner {
  position: relative;
}
.b-seo-cover__content {
  position: relative;
}
@media (max-width: 1000px) {
  .b-seo-cover__content {
    padding-bottom: 50px;
  }
}
.b-seo-cover__title {
  position: relative;
  margin-bottom: 115px;
}
@media screen and (max-width: 1000px) {
  .b-seo-cover__title {
    margin-bottom: 50px;
  }
}
.b-seo-cover__title span {
  padding-left: 17%;
  padding-right: 5px;
  font-size: 48px;
  line-height: 62px;
  vertical-align: middle;
  color: #000000;
  font-family: "RexBold", sans-serif;
  background-color: #ffff00;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .b-seo-cover__title span {
    font-size: calc(48px * 0.95);
    line-height: calc(62px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-seo-cover__title span {
    font-size: calc(48px * 0.9);
    line-height: calc(62px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-seo-cover__title span {
    font-size: calc(48px * 0.85);
    line-height: calc(62px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-seo-cover__title span {
    font-size: calc(48px * 0.8);
    line-height: calc(62px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-seo-cover__title span {
    font-size: calc(48px * 0.7);
    line-height: calc(62px * 0.7);
  }
}
@media screen and (max-width: 780px) {
  .b-seo-cover__title {
    text-align: center;
    background-color: #ffff00;
  }
  .b-seo-cover__title span {
    padding-left: 0;
    padding-right: 0;
  }
}
.b-seo-cover__desc {
  font-weight: 500;
  padding-left: 17%;
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 45px;
}
@media screen and (max-width: 1440px) {
  .b-seo-cover__desc {
    font-size: calc(24px * 0.95);
    line-height: calc(30px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-seo-cover__desc {
    font-size: calc(24px * 0.9);
    line-height: calc(30px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-seo-cover__desc {
    font-size: calc(24px * 0.85);
    line-height: calc(30px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-seo-cover__desc {
    font-size: calc(24px * 0.8);
    line-height: calc(30px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-seo-cover__desc {
    font-size: calc(24px * 0.7);
    line-height: calc(30px * 0.7);
  }
}
.b-seo-cover__desc strong {
  color: #ffff00;
  font-weight: 700;
}
@media screen and (max-width: 780px) {
  .b-seo-cover__desc {
    padding-left: 40px;
  }
}
.b-seo-cover__list {
  font-weight: 500;
  padding-left: 17%;
  color: #ffffff;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 75px;
}
@media screen and (max-width: 1440px) {
  .b-seo-cover__list {
    font-size: calc(24px * 0.95);
    line-height: calc(36px * 0.95);
  }
}
@media screen and (max-width: 1170px) {
  .b-seo-cover__list {
    font-size: calc(24px * 0.9);
    line-height: calc(36px * 0.9);
  }
}
@media screen and (max-width: 960px) {
  .b-seo-cover__list {
    font-size: calc(24px * 0.85);
    line-height: calc(36px * 0.85);
  }
}
@media screen and (max-width: 780px) {
  .b-seo-cover__list {
    font-size: calc(24px * 0.8);
    line-height: calc(36px * 0.8);
  }
}
@media screen and (max-width: 560px) {
  .b-seo-cover__list {
    font-size: calc(24px * 0.7);
    line-height: calc(36px * 0.7);
  }
}
.b-seo-cover__list ul {
  list-style-type: none;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.b-seo-cover__list ul li {
  list-style: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.b-seo-cover__list ul li:not(:last-child) {
  margin-bottom: 11px;
}
@media screen and (max-width: 780px) {
  .b-seo-cover__list {
    padding-left: 40px;
  }
}
.b-seo-cover__lines {
  position: absolute;
  width: 100%;
  height: calc(100% + 65px);
  top: -65px;
  left: 0;
}
@media screen and (max-width: 1000px) {
  .b-seo-cover__lines {
    display: none;
  }
}
.b-seo-cover__line {
  position: absolute;
  background-color: #ffff00;
}
.b-seo-cover__line_1 {
  top: 0;
  right: 50%;
  height: 3px;
  animation: _seo-line_1 0.8s linear forwards;
}
@media screen and (max-width: 560px) {
  .b-seo-cover__line_1 {
    height: 2px;
  }
}
.b-seo-cover__line_2 {
  width: 3px;
  top: 0;
  left: 0;
  animation: _seo-line_2 0.6s linear 0.8s forwards;
}
@media screen and (max-width: 560px) {
  .b-seo-cover__line_2 {
    width: 2px;
  }
}
.b-seo-cover__line_3 {
  top: 53%;
  left: 0;
  height: 3px;
  animation: _seo-line_3 0.3s linear 1.4s forwards;
}
@media screen and (max-width: 780px) {
  .b-seo-cover__line_3 {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .b-seo-cover__line_3 {
    height: 2px;
  }
}
.b-seo-cover__line_4 {
  top: 62.5%;
  right: 87%;
  height: 3px;
  animation: _seo-line_4 0.2s linear 1.7s forwards;
}
@media screen and (max-width: 780px) {
  .b-seo-cover__line_4 {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .b-seo-cover__line_4 {
    height: 2px;
  }
}
.b-seo-cover__line_5 {
  top: 72%;
  right: 87%;
  height: 3px;
  animation: _seo-line_5 0.3s linear 1.9s forwards;
}
@media screen and (max-width: 780px) {
  .b-seo-cover__line_5 {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .b-seo-cover__line_5 {
    height: 2px;
  }
}
.b-seo-cover__line_6 {
  top: 72%;
  left: 0;
  width: 3px;
  animation: _seo-line_6 0.3s linear 2.2s forwards;
}
@media screen and (max-width: 560px) {
  .b-seo-cover__line_6 {
    width: 2px;
  }
}
.b-seo-cover__line_7 {
  top: 95.5%;
  left: 0;
  height: 3px;
  animation: _seo-line_7 0.6s linear 2.5s forwards;
}
@media screen and (max-width: 560px) {
  .b-seo-cover__line_7 {
    height: 2px;
  }
}
@keyframes _seo-line_1 {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
@keyframes _seo-line_2 {
  0% {
    height: 0;
  }
  100% {
    height: 53%;
  }
}
@keyframes _seo-line_3 {
  0% {
    width: 0;
  }
  100% {
    width: 13%;
  }
}
@keyframes _seo-line_4 {
  0% {
    width: 0;
  }
  100% {
    width: 6.5%;
  }
}
@keyframes _seo-line_5 {
  0% {
    width: 0;
  }
  100% {
    width: 13%;
  }
}
@keyframes _seo-line_6 {
  0% {
    height: 0;
  }
  100% {
    height: 23.5%;
  }
}
@keyframes _seo-line_7 {
  0% {
    width: 0;
  }
  100% {
    width: 45%;
  }
}
.b-what-is-seo {
  color: #393939;
  position: relative;
  margin-top: 100px;
  font-size: 16px;
  line-height: 24px;
}
.b-what-is-seo__title {
  position: absolute;
  font-size: 72px;
  line-height: 72px;
  vertical-align: middle;
  font-weight: 600;
  color: #0000000d;
  top: -40px;
  font-family: 'OpenSansExtraBold', Verdana, Tahoma, Arial, sans-serif;
}
@media (max-width: 700px) {
  .b-what-is-seo__title {
    display: none;
  }
}
.b-simple-number-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.b-simple-number-list__item-list {
  margin: 0 0 0 50px;
  list-style-type: none;
  padding: 0;
}
@media (max-width: 500px) {
  .b-simple-number-list__item-list {
    margin: 0 0 0 35px;
  }
}
.b-simple-number-list__item {
  width: 50%;
  margin: 25px 0;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .b-simple-number-list__item {
    width: 100%;
    max-width: 450px;
  }
}
.b-simple-number-list__item-header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 35px;
}
.b-simple-number-list__item-number {
  margin-right: 20px;
  font-weight: 600;
  font-size: 72px;
  line-height: 72px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  color: #000000;
}
@media (max-width: 500px) {
  .b-simple-number-list__item-number {
    font-size: 60px;
    line-height: 60px;
  }
}
.b-simple-number-list__item-title {
  font-size: 30px;
  line-height: 39px;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #5b5a5a;
}
@media (max-width: 500px) {
  .b-simple-number-list__item-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.b-square-bullets-list {
  padding-left: 35px;
}
@media (max-width: 500px) {
  .b-square-bullets-list {
    padding-left: 0;
  }
}
.b-square-bullets-list__item,
ul.b-square-bullets-list__item,
ol.b-square-bullets-list__item {
  max-width: 80%;
  padding-left: 10px;
  list-style-type: none;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 800px) {
  .b-square-bullets-list__item,
  ul.b-square-bullets-list__item,
  ol.b-square-bullets-list__item {
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  .b-square-bullets-list__item,
  ul.b-square-bullets-list__item,
  ol.b-square-bullets-list__item {
    max-width: 100%;
    font-size: 14px;
    line-height: 21px;
  }
}
.b-square-bullets-list__item:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 8px;
  background: #000000;
  width: 8px;
  height: 8px;
}
.b-social-quote {
  border: 4px solid black;
}
.b-social-quote__link {
  color: #000000;
  display: inline-block;
  margin-right: 1px;
}
.b-social-quote__link:last-child {
  margin-right: 0;
}
.b-social-quote__link:hover,
.b-social-quote__link:visited {
  text-decoration: none;
  color: #333333;
}
.b-social-quote__content {
  display: flex;
  padding: 20px 50px 20px 100px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 400px) {
  .b-social-quote__content {
    padding: 20px 50px 20px 20px;
  }
}
.b-social-quote__content:before {
  content: "”";
  position: absolute;
  font-size: 150px;
  line-height: 160px;
  top: 0;
  left: 25px;
  color: black;
}
@media (max-width: 400px) {
  .b-social-quote__content:before {
    display: none;
  }
}
.b-social-quote__footer {
  width: 100%;
  padding: 0 20px 15px 0;
}
.b-social-quote__social {
  font-size: 32px;
}
.b-social-quote__social i {
  margin: 0 5px;
}
.b-social-quote__social_right {
  display: flex;
  justify-content: flex-end;
}
.b-seo-uniq-for-project {
  margin: 100px 0;
}
.b-seo-uniq-for-project__title {
  font-size: 36px;
  line-height: 50px;
  color: #5b5a5a;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  margin-bottom: 50px;
}
@media (max-width: 500px) {
  .b-seo-uniq-for-project__title {
    font-size: 30px;
    line-height: 48px;
  }
}
@media (max-width: 400px) {
  .b-seo-uniq-for-project__title {
    font-size: 26px;
    line-height: 34px;
  }
}
.b-seo-uniq-for-project__title_uppercase {
  text-transform: uppercase;
}
.b-seo-uniq-for-project__content {
  font-size: 16px;
  line-height: 24px;
}
/**
Карантин
 */
.b-quarantine {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  padding: 75px 0;
  background-color: #020D27;
  background-image: url('../img/quarantine-bg.webp');
  background-position: right center;
  background-repeat: no-repeat;
}
.no-webp .b-quarantine {
  background-image: url('../img/quarantine-bg.jpg');
}
.b-quarantine__bold {
  font-weight: bold;
}
.b-quarantine__order-btn {
  text-align: left;
  margin: 50px 0 0 0;
}
@media (max-width: 1600px) {
  .b-quarantine {
    background-position: right -200px center;
  }
}
@media (max-width: 1200px) {
  .b-quarantine {
    background-position: right -300px center;
  }
}
@media (max-width: 1050px) {
  .b-quarantine {
    padding: 75px 25px;
  }
}
@media (max-width: 900px) {
  .b-quarantine {
    background-position: right -400px center;
  }
}
@media (max-width: 700px) {
  .b-quarantine {
    background-image: none;
  }
}
.b-quarantine__title {
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 50px;
}
@media (max-width: 700px) {
  .b-quarantine__title {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (max-width: 500px) {
  .b-quarantine__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.b-quarantine__inner {
  display: block;
  width: auto;
  max-width: 1000px;
}
.b-quarantine__left {
  width: 63%;
}
@media (max-width: 700px) {
  .b-quarantine__left {
    width: 100%;
  }
}
.b-context-ads {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.b-context-ads__order-btn {
  margin: 0;
}
.b-context-ads__title {
  margin-bottom: 70px;
}
@media (max-width: 760px) {
  .b-context-ads__title {
    margin-bottom: 25px;
  }
}
.b-context-ads__list {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 760px) {
  .b-context-ads__list {
    padding-top: 25px;
    padding-bottom: 50px;
  }
}
.b-context-ads__black-desc {
  margin-bottom: 70px;
}
@media (max-width: 760px) {
  .b-context-ads__black-desc {
    margin-bottom: 25px;
  }
}
.b-ads-list {
  width: 100%;
}
.b-ads-list__title {
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 10px;
  color: #fff;
}
.b-ads-list__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.b-ads-list__item {
  flex-grow: 1;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
  font-size: 24px;
  line-height: 33px;
  color: #FFFF00;
}
.b-ads-list__item_light {
  font-size: 22px;
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
}
.b-yellow-background-title span {
  display: inline-block;
  color: #000000;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 52px;
  background-color: #ffff00;
}
.b-black-background-text span {
  background-color: #000000;
  color: #ffff00;
  font-size: 24px;
  line-height: 1.3;
  padding: 0 2px;
  display: inline-block;
  font-family: 'OpenSansLight', Verdana, Tahoma, Arial, sans-serif;
}
.b-blot-list {
  padding: 0 15px;
}
.b-blot-list__list {
  padding-left: 25px;
}
.b-blot-list__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% + (25px * 2));
  margin: -25px;
}
.b-blot-list__item {
  width: calc((100% / 2) - (10px * 2));
  margin: 10px;
}
.b-blot-list-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 500px) {
  .b-blot-list-item {
    flex-direction: column;
  }
}
.b-blot-list-item__icon {
  width: 60px;
  margin-right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 4px;
}
@media (max-width: 500px) {
  .b-blot-list-item__icon {
    margin-bottom: 15px;
  }
}
.b-blot-list-item__icon_1 {
  background-image: url('../img/blots/blot-1.webp');
}
.no-webp .b-blot-list-item__icon_1 {
  background-image: url('../img/blots/blot-1.png');
}
.b-blot-list-item__icon_2 {
  background-image: url('../img/blots/blot-2.webp');
}
.no-webp .b-blot-list-item__icon_2 {
  background-image: url('../img/blots/blot-2.png');
}
.b-blot-list-item__icon_3 {
  background-image: url('../img/blots/blot-3.webp');
}
.no-webp .b-blot-list-item__icon_3 {
  background-image: url('../img/blots/blot-3.png');
}
.b-blot-list-item__icon_4 {
  background-image: url('../img/blots/blot-4.webp');
}
.no-webp .b-blot-list-item__icon_4 {
  background-image: url('../img/blots/blot-4.png');
}
.b-blot-list-item__icon svg,
.b-blot-list-item__icon img {
  display: block;
  width: 100%;
}
.b-blot-list-item__content {
  width: calc(100% - 60px - 20px);
}
@media (max-width: 500px) {
  .b-blot-list-item__content {
    width: 100%;
  }
}
.b-blot-list__title {
  font-size: 24px;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: 'OpenSansBold', Verdana, Tahoma, Arial, sans-serif;
}
/*  */
@media screen and (max-width: 1170px) {
  .b-yellow-background-title span {
    font-size: 44px;
    line-height: 48px;
  }
  .b-black-background-text span {
    font-size: 22px;
  }
  .b-con-ads__list {
    padding-top: 180px;
  }
}
@media screen and (max-width: 960px) {
  .b-yellow-background-title span {
    font-size: 40px;
    line-height: 44px;
  }
  .b-black-background-text span {
    font-size: 20px;
  }
  .b-con-ads__list {
    padding-top: 140px;
  }
  .b-ads-list__item {
    width: 50%;
    margin-bottom: 15px;
  }
  .b-blot-list__item {
    width: calc(100% - (10px * 2));
  }
}
@media screen and (max-width: 780px) {
  .b-section__inner {
    padding: 60px 0;
  }
  .b-yellow-background-title span {
    font-size: 36px;
    line-height: 40px;
  }
  .b-black-background-text span {
    font-size: 18px;
  }
  .b-con-ads__list {
    padding-top: 100px;
  }
  .b-blot-list__title {
    font-size: 21px;
  }
  .b-blot-list-item__icon {
    width: 50px;
    margin-right: 15px;
  }
  .b-blot-list-item__content {
    width: calc(100% - 50px - 15px);
  }
}
@media screen and (max-width: 560px) {
  .b-section__inner {
    padding: 40px 0;
  }
  .b-yellow-background-title span {
    font-size: 32px;
    line-height: 40px;
  }
  .b-black-background-text span {
    font-size: 16px;
    line-height: 1.6;
  }
  .b-con-ads__list {
    padding-top: 80px;
  }
  .b-ads-list__item {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .b-blot-list__item {
    width: 100%;
  }
}
.b-icon-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% + 74px);
  margin-left: -37px;
  margin-right: -37px;
}
@media (max-width: 1080px) {
  .b-icon-cards {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.b-icon-cards__item {
  width: 33.33%;
  padding: 0 37px;
}
@media (max-width: 960px) {
  .b-icon-cards__item {
    padding: 0 20px;
  }
}
@media (max-width: 780px) {
  .b-icon-cards__item {
    width: 100%;
    padding: 40px 20px;
  }
}
.b-icon-card__icon {
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  .b-icon-card__icon {
    margin-bottom: 15px;
  }
}
.b-icon-card__title {
  color: #5B5A5A;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  .b-icon-card__title {
    margin-bottom: 15px;
  }
}
.b-icon-card__text {
  font-size: 16px;
  line-height: 1.5;
  color: #393939;
  font-weight: 400;
}
.b-text-cards {
  width: calc(100% + 50px);
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .b-text-cards {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 960px) {
  .b-text-cards {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.b-text-cards__item {
  padding: 25px;
  width: calc(100% / 2);
}
@media (max-width: 960px) {
  .b-text-cards__item {
    padding: 15px;
  }
}
@media (max-width: 780px) {
  .b-text-cards__item {
    width: 100%;
    padding: 30px 15px;
  }
}
.b-text-card {
  display: flex;
  flex-direction: column;
}
.b-text-card__title {
  max-width: 355px;
  font-size: 24px;
  line-height: 1.5;
  color: #5b5a5a;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  .b-text-card__title {
    margin-bottom: 15px;
  }
}
.b-text-card__desc {
  margin-top: auto;
  font-size: 16px;
  line-height: 1.5;
  color: #393939;
  font-weight: 400;
}
.b-b-technologies-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.b-b-technologies-2__item {
  width: 25%;
  padding: 40px;
}
@media (max-width: 960px) {
  .b-b-technologies-2__item {
    width: calc(100% / 3);
    padding: 25px;
  }
}
@media (max-width: 780px) {
  .b-b-technologies-2__item {
    width: calc(100% / 2);
    padding: 20px;
  }
}
@media (max-width: 560px) {
  .b-b-technologies-2__item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
.b-b-technologies-2__item-icon {
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  .b-b-technologies-2__item-icon {
    margin-bottom: 15px;
  }
}
.b-b-technologies-2__item-icon img {
  max-width: 150px;
  max-height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 560px) {
  .b-b-technologies-2__item-icon img {
    max-width: 100%;
  }
}
@media (max-width: 560px) {
  .b-b-technologies-2__item-icon {
    margin-left: 0;
    margin-right: 25px;
    width: 100px;
    margin-bottom: 0;
  }
}
.b-b-technologies-2__item-text {
  text-align: center;
  font-size: 21px;
  line-height: 1.4;
  color: #000;
}
@media (max-width: 560px) {
  .b-b-technologies-2__item-text {
    width: calc(100% - 25px + 100px);
    text-align: left;
    font-size: 19px;
  }
}
._fz-16 {
  font-family: 'OpenSansRegular', Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}
._c-393939 {
  color: #393939;
}
/**
 Guidebook
 */
.b-guidebook-block {
  overflow: hidden;
  width: 100%;
  padding-top: 75px;
  padding-bottom: 75px;
}
.b-guidebook-block strong {
  font-weight: 700;
}
.b-guidebook-block:not(.b-guidebook-block_dark) {
  background-color: #fff;
  color: #000;
}
.b-guidebook-block:not(.b-guidebook-block_dark) li:after,
.b-guidebook-block:not(.b-guidebook-block_dark) li:before {
  background-color: #000;
}
.b-guidebook-block_dark {
  background-color: #1a1a1a;
  color: #fff;
}
.b-guidebook-block_dark li:after,
.b-guidebook-block_dark li:before {
  background-color: #fff;
}
.b-guidebook-block__inner {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  color: inherit;
}
.b-guidebook-block__inner > :not(:last-child) {
  margin-bottom: 50px;
}
.b-guidebook-block__inner_offset {
  padding-top: 75px;
  padding-bottom: 75px;
}
.b-guidebook-block__inner_offset-top {
  padding-top: 75px;
}
.b-guidebook-block__inner_offset-bottom {
  padding-bottom: 75px;
}
.b-guidebook-block__image {
  width: 100vw;
  margin: 0 calc((100vw - 100%) / -2);
}
.b-guidebook-block__image img {
  width: 100%;
  display: block;
}
.b-guidebook-block__table,
.b-guidebook-block__table table,
.b-guidebook-block__table table tr,
.b-guidebook-block__text-md,
.b-guidebook-block__text-sm {
  color: inherit;
}
.b-guidebook-block__text-sm > :not(:last-child) {
  margin-bottom: 30px;
}
.b-guidebook-block__text-sm > :last-child {
  margin-bottom: 0;
}
.b-guidebook-block__text-sm p,
.b-guidebook-block__text-sm ul li {
  letter-spacing: 0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: inherit;
}
.b-guidebook-block__text-sm p {
  margin-top: 0;
}
.b-guidebook-block__text-md ul,
.b-guidebook-block__text-sm ul {
  padding: 0 0 0 40px;
  margin: 0;
  color: inherit;
}
.b-guidebook-block__text-sm ul li {
  list-style: none;
  position: relative;
}
.b-guidebook-block__text-sm ul li:not(:last-child) {
  margin-bottom: 25px;
}
.b-guidebook-block__text-sm ul li:after,
.b-guidebook-block__text-sm ul li:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: -20px;
  width: 3px;
  height: 7px;
  border-radius: 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}
.b-guidebook-block__text-sm ul li:after {
  top: calc(50% + 2px);
  width: 12px;
  height: 3px;
}
.b-guidebook-block__text-sm h3 {
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 600;
}
.b-guidebook-block__text-md ul li:not(:last-child),
.b-guidebook-block__text-md > :not(:last-child),
.b-icon-text-card p:not(:last-child) {
  margin-bottom: 30px;
}
.b-guidebook-block__text-md > :last-child {
  margin-bottom: 0;
}
.b-guidebook-block__text-md p,
.b-guidebook-block__text-md ul li {
  letter-spacing: 0.01em;
  font-size: 28px;
  line-height: 1.5;
  color: inherit;
}
.b-guidebook-block__text-md p {
  margin-top: 0;
}
.b-guidebook-block__text-md ul li {
  list-style: none;
  position: relative;
}
.b-guidebook-block__text-md ul li:after,
.b-guidebook-block__text-md ul li:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: -20px;
  width: 3px;
  height: 7px;
  border-radius: 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}
.b-guidebook-block__text-md ul li:after {
  top: calc(50% + 2px);
  width: 12px;
  height: 3px;
}
.b-guidebook-block__table table tr td {
  padding: 10px;
  color: inherit;
  letter-spacing: 0.01em;
  font-size: 20px;
  line-height: 1.5;
}
.b-guidebook-block__table table tr td:first-child {
  opacity: 0.65;
}
.b-guidebook-block__table table tr td a {
  margin-right: 10px;
  color: inherit;
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.b-guidebook-block__table table tr td a:hover {
  opacity: 0.7;
}
.b-guidebook-page-cover {
  position: relative;
  height: calc(100vh - 105px);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.b-guidebook-page-cover__bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: auto;
  min-width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
}
.b-guidebook-page-cover__content {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-bottom: 100px;
  font-weight: 400;
}
.b-guidebook-page-cover__subtitle,
.b-guidebook-page-cover__title {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  line-height: 1.25;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
}
.b-guidebook-page-cover__title {
  margin-bottom: 40px;
  font-size: 44px;
  font-weight: 400;
}
.b-guidebook-page-cover__subtitle {
  font-size: 36px;
}
.b-icon-text-card {
  position: relative;
}
.b-icon-text-card__icon {
  width: 105px;
  position: absolute;
  top: 0;
  left: calc((105px + 50px) * -1);
}
.b-icon-text-card__icon img {
  width: 100%;
  height: auto;
  display: block;
}
.b-icon-text-card h2 {
  text-transform: uppercase;
  margin-bottom: 50px;
  letter-spacing: 0.01em;
  font-size: 42px;
  line-height: 1.5;
}
.b-icon-text-card p {
  letter-spacing: 0.01em;
  font-size: 20px;
  line-height: 1.5;
  color: #000;
}
@media (max-width: 1140px) {
  .b-icon-text-card__icon {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 780px) {
  .b-guidebook-block,
  .b-guidebook-block__inner_offset {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .b-guidebook-block__inner > :not(:last-child) {
    margin-bottom: 35px;
  }
  .b-guidebook-block__inner_offset-top {
    padding-top: 40px;
  }
  .b-guidebook-block__inner_offset-bottom {
    padding-bottom: 40px;
  }
  .b-guidebook-block__text-md > :not(:last-child),
  .b-guidebook-block__text-sm > :not(:last-child),
  .b-icon-text-card p:not(:last-child) {
    margin-bottom: 24px;
  }
  .b-guidebook-block__table table tr td,
  .b-guidebook-block__text-sm p,
  .b-guidebook-block__text-sm ul li {
    font-size: 18px;
  }
  .b-guidebook-block__text-sm h3 {
    font-size: 20px;
  }
  .b-guidebook-block__text-md p,
  .b-guidebook-block__text-md ul li {
    font-size: 24px;
  }
  .b-guidebook-page-cover__content {
    padding-bottom: 75px;
  }
  .b-guidebook-page-cover__title {
    font-size: 38px;
  }
  .b-guidebook-page-cover__subtitle {
    font-size: 30px;
  }
  .b-icon-text-card__icon {
    width: 80px;
  }
  .b-icon-text-card h2 {
    font-size: 36px;
    margin-bottom: 35px;
  }
  .b-icon-text-card p {
    font-size: 18px;
  }
}
@media (max-width: 560px) {
  .b-guidebook-block,
  .b-guidebook-block__inner_offset {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .b-guidebook-block__inner > :not(:last-child),
  .b-guidebook-block__text-md > :not(:last-child),
  .b-guidebook-block__text-sm > :not(:last-child) {
    margin-bottom: 10px;
  }
  .b-guidebook-block__inner_offset-top {
    padding-top: 15px;
  }
  .b-guidebook-block__inner_offset-bottom {
    padding-bottom: 15px;
  }
  .b-guidebook-block__text-sm p,
  .b-guidebook-block__text-sm ul li {
    font-size: 16px;
  }
  .b-guidebook-block__text-md ul li:not(:last-child),
  .b-guidebook-block__text-sm ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .b-guidebook-block__text-sm h3 {
    font-size: 18px;
  }
  .b-guidebook-block__text-md p,
  .b-guidebook-block__text-md ul li {
    font-size: 20px;
  }
  .b-guidebook-block__table table tr td {
    padding: 6px;
    font-size: 16px;
  }
  .b-guidebook-page-cover__content {
    padding-bottom: 50px;
  }
  .b-guidebook-page-cover__title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .b-guidebook-page-cover__subtitle {
    font-size: 24px;
  }
  .b-icon-text-card__icon {
    width: 55px;
  }
  .b-icon-text-card h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .b-icon-text-card p {
    font-size: 16px;
  }
  .b-icon-text-card p:not(:last-child) {
    margin-bottom: 18px;
  }
}
@media (max-width: 400px) {
  .b-guidebook-page-cover {
    height: calc(100vh - 80px);
  }
}
.b-modal {
  color: #ffffff;
}
.b-modal__content {
  background: #1d1d1d;
  border-radius: 0;
}
.b-war-banner {
  padding: 30px;
  font-size: 16px;
  line-height: 24px;
}
.b-war-banner__close-wrp {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-war-banner__close-btn {
  padding: 15px 25px;
  border: none;
  background-color: #FFE600;
  font-size: #252322;
  line-height: 19px;
  color: #050505;
  cursor: pointer;
  outline: none;
}
.b-war-banner__close-btn:active,
.b-war-banner__close-btn:focus {
  outline: none;
}
.b-war-banner__close-btn:hover {
  opacity: 0.95;
}
.b-war-banner__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.b-war-banner__flag {
  display: inline;
  max-width: 100px;
}
.b-war-banner__strong {
  font-weight: bold;
}
.b-war-block {
  background-image: url("../img/ukraine-flag-corner.png");
  background-repeat: no-repeat;
  background-position: top right;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F7FA;
  padding: 150px;
}
@media (max-width: 1200px) {
  .b-war-block {
    padding: 75px;
  }
}
@media (max-width: 1100px) {
  .b-war-block {
    padding: 50px;
  }
}
@media (max-width: 1000px) {
  .b-war-block {
    padding: 15px;
    background-image: none;
    background-color: transparent;
  }
}
@media (max-width: 500px) {
  .b-war-block {
    padding: 15px 0;
  }
}
.b-war-block__inner {
  width: 100%;
  max-width: 1000px;
  height: auto;
  padding: 75px 100px;
  background: #fff;
  box-shadow: 0 10px 15px #00000008;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.b-war-block__inner:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../img/ukraine-flag-corner.png");
  background-repeat: no-repeat;
  background-position: top right;
  width: 421px;
  height: 258px;
  z-index: 1;
}
@media (max-width: 1000px) {
  .b-war-block__inner {
    padding: 50px;
    border: 3px solid #2F80ED;
  }
  .b-war-block__inner:after {
    display: block;
  }
}
@media (max-width: 800px) {
  .b-war-block__inner {
    padding: 50px 25px;
  }
}
@media (max-width: 500px) {
  .b-war-block__inner {
    border-left: none;
    border-right: none;
  }
  .b-war-block__inner:after {
    opacity: 0.6;
  }
}
@media (max-width: 400px) {
  .b-war-block__inner {
    padding: 50px 15px;
  }
}
.b-war-block__title {
  display: block;
  margin-bottom: 25px;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  text-align: center;
  font-size: 48px;
  line-height: 48px;
  position: relative;
  z-index: 2;
}
@media (max-width: 500px) {
  .b-war-block__title {
    font-size: 36px;
    line-height: 36px;
  }
}
.b-war-block__content {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}
.b-war-block__btn-wrp {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
}
.b-war-block__btn-wrp:last-child {
  margin-bottom: 0;
}
.b-war-block__help-ukraine-btn,
a.b-war-block__help-ukraine-btn {
  display: inline-block;
  background-color: #ffff00;
  color: #000000;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  text-decoration: none;
  padding: 12px 50px;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  transition: all 0.1s linear 0s;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media (max-width: 400px) {
  .b-war-block__help-ukraine-btn,
  a.b-war-block__help-ukraine-btn {
    font-size: 21px;
    line-height: 21px;
  }
}
.b-war-block__help-ukraine-btn:hover,
a.b-war-block__help-ukraine-btn:hover {
  background-color: #2F80ED;
  color: #ffffff;
}
.b-war-block__my-war-btn,
a.b-war-block__my-war-btn {
  display: inline-block;
  color: #2F80ED;
  text-transform: uppercase;
  font-family: 'RexBold', Verdana, Tahoma, Arial, sans-serif;
  text-decoration: none;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  text-align: center;
}
@media (max-width: 400px) {
  .b-war-block__my-war-btn,
  a.b-war-block__my-war-btn {
    font-size: 21px;
    line-height: 21px;
  }
}
@media (max-width: 320px) {
  .b-war-block__my-war-btn,
  a.b-war-block__my-war-btn {
    font-size: 20px;
    line-height: 20px;
  }
}
.b-war-block__my-war-btn:hover,
a.b-war-block__my-war-btn:hover {
  text-decoration: underline;
}
/*# sourceMappingURL=style.css.map */