* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  padding: env(safe-area-inset);
}

body {
  position: relative;
  overflow-x: hidden;
  font-family: "Akrobat", sans-serif;
  padding: 0px;
  margin: 0px auto;
  line-height: 1;
  color: #1d1e1f;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body.menuIsOpened {
  overflow: hidden;
}

body .bodyWrap {
  position: relative;
  overflow: hidden;
}

.container {
  width: 1200px;
  padding: 0px 15px;
  margin: 0px auto;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

select,
input,
textarea {
  width: 100%;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  font-family: "Akrobat";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button {
  padding: 0px;
  font-family: "Akrobat";
  background-color: transparent;
  border: none;
  -webkit-outline: none;
  -moz-outline: none;
  outline: none;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

.siteLogo {
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.siteLogo>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.siteLogo:hover {
  opacity: 0.7;
}

.pagination {
  display: flex;
  justify-content: space-between;
}

.pagination li {
  width: 41px;
  height: 41px;
  background-color: #f4f4f4;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.pagination li a {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 41px;
  color: #1d1e1f;
  font-weight: 800;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pagination li.active,
.pagination li:hover {
  background-color: #fba230;
}

.pagination li.active a,
.pagination li:hover a {
  color: white;
}

.pagination li+li {
  margin-left: 19px;
}

.pagination li.control {
  background-color: transparent;
  width: 41px;
  height: 41px;
  flex: 1;
  display: flex;
}

.pagination li.control:last-child {
  justify-content: flex-end;
}

.pagination li.control a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: white;
  background-color: #f44370;
  width: 41px;
  height: 41px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.pagination li.control a>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.pagination li.control a:hover {
  background-color: #fba230;
}

.pagination li.disabled {
  opacity: 0;
}

.siteLink {
  display: inline-block;
  font-family: "Roboto";
  font-size: 17px;
  line-height: 27px;
  color: #fba230;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-color: inherit;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.siteLink:hover {
  text-decoration-color: transparent;
}

.siteLink.sm {
  font-size: 15px;
}

.siteTabs .tabContent {
  display: none;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.siteTabs .tabContent.active {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.btnIconArrow {
  position: relative;
  display: inline-block;
  min-width: 210px;
  height: 57px;
  padding-left: 15px;
  padding-right: 35px;
  z-index: 1;
}

.btnIconArrow .in {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btnIconArrow [class*=icon] {
  display: block;
  margin-right: 21px;
  font-size: 24px;
  color: white;
}

.btnIconArrow .data {
  font-size: 25px;
  line-height: 1;
  color: white;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.btnIconArrow::before,
.btnIconArrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 0 0);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.btnIconArrow::before {
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  opacity: 1;
}

.btnIconArrow::after {
  background: #fba230;
  background: -moz-linear-gradient(left, #fba230 0%, #f44370 100%);
  background: -webkit-linear-gradient(left, #fba230 0%, #f44370 100%);
  background: linear-gradient(to right, #fba230 0%, #f44370 100%);
  opacity: 0;
}

.btnIconArrow:hover::after {
  opacity: 1;
}

.btnIconArrow.center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.btnIconArrow.sm {
  min-width: auto;
  height: 29px;
  padding-left: 16px;
  padding-right: 20px;
}

.btnIconArrow.sm [class*=icon] {
  margin-right: 13px;
  font-size: 16px;
}

.btnIconArrow.sm .data {
  font-size: 15px;
}

.btnIconArrow.sm::before,
.btnIconArrow.sm::after {
  -webkit-clip-path: polygon(calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 0 0);
}

.btnArrow {
  position: relative;
  display: inline-block;
  min-width: 210px;
  height: 57px;
  padding-left: 43px;
  padding-top: 14px;
  padding-bottom: 15px;
  padding-right: 43px;
  font-size: 25px;
  line-height: 27px;
  color: white;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
}

.btnArrow::before,
.btnArrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 0 0);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.btnArrow::before {
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  opacity: 1;
}

.btnArrow::after {
  background: #fba230;
  background: -moz-linear-gradient(left, #fba230 0%, #f44370 100%);
  background: -webkit-linear-gradient(left, #fba230 0%, #f44370 100%);
  background: linear-gradient(to right, #fba230 0%, #f44370 100%);
  opacity: 0;
}

.btnArrow:hover::after {
  opacity: 1;
}

.btnArrow.md {
  height: 44px;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 38px;
  padding-bottom: 10px;
  font-size: 19px;
  line-height: 21px;
}

.btnArrow.md::before,
.btnArrow.md::after {
  -webkit-clip-path: polygon(calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 0 0);
}

.btnArrow.center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.btnArrow.simple::before {
  background: none;
  background-color: #342839;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.btnArrow.simple::after {
  display: none;
}

.btnArrow.simple:hover::before {
  background-color: #f44370;
}

.btnEdgeLeft {
  position: relative;
  display: inline-block;
  min-width: 120px;
  height: 30px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 19px;
  font-size: 15px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
  -webkit-clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0 100%);
  clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0 100%);
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
}

.btnEdgeLeft .icon {
  margin-right: 7px;
}

.btnYellow {
  position: relative;
  display: inline-block;
  font-size: 19px;
  line-height: 27px;
  color: white;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
}

.btnYellow::before,
.btnYellow::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 6px);
  height: 100%;
  -webkit-clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0% 100%, 0 49%, 0% 0%);
  clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0% 100%, 0 49%, 0% 0%);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btnYellow::before {
  background-color: #fba230;
  opacity: 1;
}

.btnYellow::after {
  background-color: #fba230;
  opacity: 0;
}

.btnYellow:hover::before {
  background-color: #f44370;
}

.btnRed {
  position: relative;
  display: inline-block;
  font-size: 19px;
  line-height: 27px;
  color: white;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  z-index: 1;
}

.btnRed::before,
.btnRed::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 6px);
  height: 100%;
  -webkit-clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0% 100%, 0 49%, 0% 0%);
  clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0% 100%, 0 49%, 0% 0%);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btnRed::before {
  background-color: #f44370;
  opacity: 1;
}

.btnRed::after {
  background-color: #f44370;
  opacity: 0;
}

.btnRed:hover::before {
  background-color: #fba230;
}

.inBlock input {
  height: 57px;
  padding-left: 17px;
  padding-right: 17px;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 55px;
  color: #b1abb6;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #635765;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
}

.inBlock input::placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock input:-ms-input-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock input::-ms-input-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock input::-webkit-input-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock input:-moz-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock input::-moz-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock input:focus::placeholder {
  color: transparent;
}

.inBlock textarea {
  height: 101px;
  padding: 15px 19px;
  font-family: "Roboto";
  font-size: 15px;
  color: #b1abb6;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #635765;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  overflow: hidden;
  resize: none;
}

.inBlock textarea::placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock textarea:-ms-input-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock textarea::-ms-input-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock textarea::-webkit-input-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock textarea:-moz-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock textarea::-moz-placeholder {
  color: #b1abb6;
  opacity: 1;
}

.inBlock textarea:focus::placeholder {
  color: transparent;
}

.checkBtn {
  position: relative;
  min-height: 29px;
  display: flex;
  align-items: center;
}

.checkBtn input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.checkBtn input:checked+label::after {
  opacity: 1;
}

.checkBtn label {
  display: block;
  padding-left: 41px;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 21px;
  color: white;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.checkBtn label a {
  color: #fba230;
  text-decoration: underline;
  text-decoration-color: #fba230;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.checkBtn label a:hover {
  text-decoration-color: transparent;
}

.checkBtn label::before {
  content: "";
  display: block;
  position: absolute;
  width: 29px;
  height: 29px;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #635765;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
}

.checkBtn label::after {
  content: "";
  display: block;
  position: absolute;
  width: 19px;
  height: 19px;
  top: 5px;
  left: 5px;
  background-color: #fba230;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.header {
  position: relative;
  z-index: 2;
}

.header .headerButtons {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin: 0px auto;
}

.header::before {
  content: "";
  display: block;
  position: absolute;
  width: 1636px;
  height: 100%;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  background-color: white;
  z-index: -1;
}

.topLine {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  background-color: #f1f1f1;
  z-index: 1;
}

.topLine .info {
  max-width: 200px;
  font-size: 14px;
  line-height: 14px;
  color: #1d1e1f;
  font-weight: bold;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.topLine .rightSide {
  display: flex;
  align-items: center;
}

.topLine::before {
  content: "";
  display: block;
  position: absolute;
  width: 1636px;
  height: 100%;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  background-color: #f1f1f1;
  z-index: -1;
}

.topLine .socList+.langList {
  margin-left: 60px;
}

.topLine .langList+.partnerLogo {
  margin-left: 55px;
}

.socList {
  display: flex;
}

.socList li a {
  display: flex;
  align-items: center;
}

.socList li+li {
  margin-left: 50px;
}

.socList li:hover [class*=icon],
.socList li:hover .data {
  color: #f44370;
}

.socList [class*=icon] {
  display: block;
  margin-right: 8px;
  font-size: 18px;
  color: #1d1e1f;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.socList .icon-mail {
  font-size: 13px;
}

.socList .icon-soc2 {
  font-size: 20px;
}

.socList .data {
  font-size: 15px;
  line-height: 18px;
  color: #747076;
  letter-spacing: 0.025em;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.langList {
  display: flex;
}

.langList li {
  border: 1px solid #e4e4e4;
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}

.langList li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.langList li:hover {
  opacity: 0.7;
}

.langList li img {
  display: block;
}

.langList li+li {
  margin-left: 9px;
}

.menuWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.siteMenu {
  display: flex;
  padding-bottom: 6px;
}

.siteMenu li a {
  position: relative;
  font-size: 18px;
  line-height: 50px;
  color: #1d1e1f;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
  -webkit-transition: color 0.3s, text-decoration-color 0.3s;
  -moz-transition: color 0.3s, text-decoration-color 0.3s;
  -o-transition: color 0.3s, text-decoration-color 0.3s;
  transition: color 0.3s, text-decoration-color 0.3s;
}

.siteMenu li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #fba230;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.siteMenu li.active a,
.siteMenu li:hover a {
  color: #fba230;
}

.siteMenu li.active a::before,
.siteMenu li:hover a::before {
  width: 100%;
}

.siteMenu li+li {
  margin-left: 21.5px;
}

.headerButtons {
  display: flex;
  justify-content: center;
}

.headerButtons .headerBtn {
  flex-shrink: 0;
}

.headerBtn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-left: 10px;
  padding-right: 10px;
  width: 301px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

.headerBtn [class*=icon] {
  display: block;
  margin-right: 10px;
  font-size: 20px;
  color: white;
}

.headerBtn .icon-wallet {
  font-size: 18px;
}

.headerBtn .data {
  font-size: 17px;
  line-height: 1;
  color: white;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.headerBtn.type1 {
  background-color: #fba230;
}

.headerBtn.type1::before {
  background-color: #dd7949;
}

.headerBtn.type1:hover {
  background-color: #dd7949;
}

.headerBtn.type2 {
  background-color: #f44370;
}

.headerBtn.type2::before {
  background-color: #cd375e;
}

.headerBtn.type2:hover {
  background-color: #cd375e;
}

.headerBtn:first-child::before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 0px;
  width: 40px;
  height: 100%;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.headerBtn:last-child::before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0px;
  width: 40px;
  height: 100%;
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.menuWrapper {
  padding-top: 14px;
  padding-bottom: 12px;
}

.startScreenWrapper {
  position: relative;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  z-index: 2;
}

.startSlider {
  height: 606px;
}

.startSlider .swiper-slide {
  position: relative;
  z-index: 1;
}

.startSlider .swiper-slide .back {
  position: absolute;
  max-width: 1761px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.startSlider .swiper-pagination {
  display: flex;
  left: 0px;
  right: 0px;
  bottom: 57px;
  padding: 0px 15px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.startSlider .swiper-pagination-bullet {
  display: block;
  margin-right: 0px !important;
  margin-left: 0px !important;
  width: auto;
  height: auto;
  font-size: 32px;
  color: white;
  background: white;
  opacity: 0.55;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-border-radius: 0% !important;
  -moz-border-radius: 0% !important;
  -ms-border-radius: 0% !important;
  border-radius: 0% !important;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.startSlider .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 20.5px !important;
}

.startSlider .swiper-pagination-bullet:hover {
  opacity: 1;
}

.startSlider .swiper-pagination-bullet-active {
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 1;
}

.startSlider .swiper-slide-active .leftSide {
  left: 0;
}

.startSlider .swiper-slide-active .image {
  right: 0;
}

.startSlide {
  padding-top: 87px;
  padding-bottom: 90px;
  min-height: 606px;
  display: flex;
  justify-content: space-between;
}

.startSlide .leftSide {
  flex-shrink: 0;
  position: relative;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  left: -1000%;
}

.startSlide .rightSide {
  padding-top: 30px;
}

.startSlide .titleContainer {
  min-height: 95px;
  display: flex;
  flex-direction: column;
}

.startSlide .titleContainer [class*=Cap] {
  margin-top: 18px;
}

.startSlide .titleContainer .subtitle {
  display: block;
  margin-bottom: 5px;
  font-size: 30px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.startSlide .titleContainer .subtitle+[class*=Cap] {
  margin-top: 0px;
}

.startSlide .titleContainer+.contentContainer {
  margin-top: 25px;
}

.startSlide .info {
  max-width: 505px;
  font-size: 18px;
  line-height: 24px;
  color: white;
  letter-spacing: 0.025em;
}

.startSlide .info p+ul {
  margin-top: 33px;
}

.startSlide .info ul {
  padding-right: 50px;
}

.startSlide .info+[class*=btn] {
  margin-top: 38px;
}

.startSlide .image {
  position: relative;
  right: -1000%;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.startSlide .image .img {
  display: block;
}

.startSlide .image .price {
  position: absolute;
  top: 167px;
  left: -72px;
}

.startSlide .price {
  width: 197px;
  height: 191px;
  padding-left: 65px;
  font-size: 17.1px;
  line-height: 32.4px;
  color: white;
  font-weight: bold;
  letter-spacing: 0.025em;
  background-image: url(../../img/price_back.svg);
  background-position: left top;
  background-repeat: no-repeat;
}

.startSlide .price .sum {
  display: block;
  font-size: 49px;
  line-height: 36px;
  font-weight: 800;
}

.discountBlock .wrapper {
  min-height: 137px;
  padding-right: 5px;
  display: flex;
  align-items: center;
}

.discountBlock .title {
  position: relative;
  display: block;
  padding-bottom: 3px;
  font-size: 37px;
  line-height: 44px;
  color: white;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  z-index: 1;
}

/*.discountBlock .title::before {*/
/*  content: "";*/
/*  display: block;*/
/*  position: absolute;*/
/*  top: 7px;*/
/*  left: calc(100% - 52px);*/
/*  width: 190px;*/
/*  height: 76px;*/
/*  background-image: url(../../img/arrow.png);*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  z-index: -1;*/
/*}*/

.discountBlock .data {
  display: block;
  margin-left: 156px;
  padding-bottom: 10px;
  flex-shrink: 0;
  font-size: 87px;
  line-height: 87px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
}

.mainAboutSection {
  position: relative;
  padding-top: 70px;
  padding-bottom: 80px;
  background-color: #f1f1f1;
  background-image: url(../../img/main_about_back.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 1;
}

.mainAboutSection .titleContainer+.contentContainer {
  margin-top: 6px;
}

.mainAboutSection .info {
  text-align: center;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.mainAboutSection .info p+p {
  margin-top: 15px;
}

.mainAboutSection .aboutList {
  margin-top: 60px;
  margin-bottom: 102px;
}

.aboutList {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.aboutList .backImg {
  position: absolute;
  display: block;
  top: -27px;
  left: 50%;
  margin-left: -392px;
  z-index: -1;
}

.aboutList .col {
  width: 310px;
}

.aboutList .aboutListItem+.aboutListItem {
  margin-top: 14px;
}

.aboutListItem .img {
  display: flex;
  align-items: center;
  height: 56px;
}

.aboutListItem .img img {
  display: block;
  margin: 0px auto;
}

.aboutListItem .data {
  display: block;
  margin-top: 11px;
  font-size: 20px;
  line-height: 20px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.mainStatSection {
  padding-top: 53px;
  padding-bottom: 70px;
  background-color: #2b1e30;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mainStatSection .titleContainer+.contentContainer {
  margin-top: 50px;
}

.mainStatSection [class*=btn] {
  margin-top: 60px;
  min-width: 303px;
  max-width: 303px;
  display: block;
}

.statList {
  display: flex;
  justify-content: space-between;
}

.statItem {
  min-width: 165px;
}

.statItem [class*=icon] {
  display: block;
  font-size: 44px;
  text-align: center;
}

.statItem .data {
  display: block;
  margin-top: 13px;
  font-size: 17px;
  line-height: 30px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}

.statItem .sum {
  display: block;
  font-size: 55px;
  line-height: 60px;
  font-weight: 800;
}

.statItem:nth-child(1) [class*=icon] {
  color: #fb9e32;
}

.statItem:nth-child(1) .sum {
  color: #fb9e32;
}

.statItem:nth-child(2) [class*=icon] {
  color: #f87d48;
}

.statItem:nth-child(2) .sum {
  color: #f87d48;
}

.statItem:nth-child(3) [class*=icon] {
  color: #f76559;
}

.statItem:nth-child(3) .sum {
  color: #f76559;
}

.statItem:nth-child(4) [class*=icon] {
  color: #f54e68;
}

.statItem:nth-child(4) .sum {
  color: #f54e68;
}

.statItem:nth-child(5) [class*=icon] {
  color: #df226e;
}

.statItem:nth-child(5) .sum {
  color: #df226e;
}

.examplesSection {
  position: relative;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  z-index: 1;
}

.examplesSection::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 851px;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 16%, 8% 16%, 8% 77%, 15% 77%, 15% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 16%, 8% 16%, 8% 77%, 15% 77%, 15% 100%, 0 100%);
  z-index: -1;
}

.examplesSection .wrapper {
  min-height: 138px;
  padding-right: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.examplesSection .title {
  position: relative;
  display: block;
  flex-shrink: 0;
  font-size: 39px;
  line-height: 60px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  z-index: 1;
}

.examplesSection .title::before {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  left: calc(100% - 52px);
  width: 190px;
  height: 76px;
  background-image: url(../../img/arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.examplesSection .data {
  display: block;
  padding-bottom: 8px;
  flex-shrink: 0;
  font-size: 87px;
  line-height: 87px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

.examplesSection .data:hover {
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.75);
}

.mainProjectsSection {
  padding-top: 80px;
  padding-bottom: 80px;
}

.mainProjectsSection .titleContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mainProjectsSection .titleContainer [class*=btn] {
  margin-top: 8px;
}

.mainProjectsSection .titleContainer+.contentContainer {
  margin-top: 77px;
}

.mainProjectsSection .pagination {
  margin-top: 78px;
}

.projectsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.projectItem {
  height: 100%;
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.projectItem .img {
  position: relative;
  height: 255px;
  overflow: hidden;
}

.projectItem .img:hover img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.projectItem .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  position: relative;
}

.projectItem .img a {
  position: relative;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.projectItem .img a>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.projectItem .content {
  padding-top: 34px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 35px;
}

.projectItem .title {
  display: flex;
  justify-content: space-between;
}

.projectItem .cap {
  display: block;
  font-size: 18px;
  line-height: 18px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 10px;
}

.projectItem .tags {
  display: flex;
}

.projectItem .tags li {
  font-size: 20px;
}

.projectItem .tags li:nth-child(1) {
  color: #fb9e32;
}

.projectItem .tags li:nth-child(2) {
  color: #f87d48;
}

.projectItem .tags li:nth-child(3) {
  color: #f76559;
}

.projectItem .tags li:nth-child(4) {
  color: #f54e68;
}

.projectItem .tags li+li {
  margin-left: 12px;
}

.projectItem .info {
  margin-top: 16px;
}

.projectItem .info li {
  font-family: "Roboto";
  font-size: 15px;
  line-height: 24px;
  color: #1d1e1f;
  font-weight: 300;
}

.projectItem .info li span {
  color: #5e5b61;
}

.projectItem .buy,
.workBlock .buy {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.projectItem .price,
.workBlock .price{
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #1d1e1f;
  font-weight: 800;
}

.projectItem .price .old,
.workBlock .price .old{
  display: inline-block;
  margin-right: 8px;
  font-weight: 300;
  color: #d6d6d6;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

.mainAdvantagesSection {
  padding-top: 55px;
  padding-bottom: 68px;
}

.mainAdvantagesSection .titleContainer+.contentContainer {
  margin-top: 26px;
}

.mainAdvantagesSection .info {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mainAdvantagesSection .info p+p {
  margin-top: 25px;
}

.mainAdvantagesSection .advantagesBlock {
  margin-top: 23px;
}

.advantagesBlock {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.advantagesBlock .backImg {
  position: absolute;
  display: block;
  top: 2px;
  left: 50%;
  margin-left: -110px;
  z-index: -1;
}

.advantagesBlock .col {
  width: 365px;
}

.advantagesBlock .advantageItem {
  margin-top: 46px;
}

.advantagesBlock .advantageItem+.advantageItem {
  margin-top: 17px;
}

.advantageItem {
  display: flex;
}

.advantageItem .img {
  width: 101px;
  flex-shrink: 0;
}

.advantageItem .in {
  margin-left: 5px;
}

.advantageItem .title {
  display: block;
  font-size: 18px;
  line-height: 18px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.advantageItem p {
  margin-top: 5px;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 24px;
  color: #5e5b61;
  font-weight: 300;
}

.advantageItem.right {
  flex-direction: row-reverse;
  text-align: right;
}

.bulletTextSection,
.mainReviewsSection {
  padding-top: 42px;
  padding-bottom: 78px;
}

.bulletTextSection .titleContainer+.contentContainer,
.mainReviewsSection .titleContainer+.contentContainer {
  margin-top: 53px;
}

.bulletTextSection [class*=btn],
.mainReviewsSection [class*=btn] {
  margin-top: 52px;
}

.reviewsSlider {
  margin: -11px;
  padding: 11px;
}

.reviewsSlider .reviewItem {
  height: 100%;
}

.reviewsSlider .swiper-slide {
  height: auto;
}

.reviewsSlider .swiper-pagination {
  position: static;
  display: flex;
  justify-content: center;
  margin-top: 44px;
}

.reviewsSlider .swiper-pagination-bullet {
  display: block;
  margin: 0px 5px !important;
  width: 13px;
  height: 13px;
  background-color: #f1f1f1;
  opacity: 1;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
}

.reviewsSlider .swiper-pagination-bullet-active {
  background-color: #3f2e45;
}

.reviewItem {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 35px;
  padding-bottom: 36px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.reviewItem .titleBlock {
  display: flex;
  align-items: center;
}

.reviewItem .titleBlock+.contentBlock {
  margin-top: 35px;
}

.reviewItem .image {
  width: 65px;
  height: 65px;
  margin-right: 19px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.reviewItem .data {
  padding-top: 5px;
}

.reviewItem .name {
  display: block;
  font-size: 17px;
  line-height: 22px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.reviewItem .date {
  display: block;
  margin-top: 3px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 22px;
  color: #5e5b61;
}

.reviewItem .contentBlock {
  font-family: "Roboto";
  font-size: 17px;
  line-height: 27px;
  color: #5e5b61;
  font-weight: 300;
}

.reviewItem .contentBlock .siteLink {
  margin-top: 27px;
}

.innerPageWrap {
  position: relative;
  z-index: 1;
}

.innerPageWrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 100%;
  max-height: 1116px;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 313px, 156px 313px, 156px calc(100% - 231px), 281px calc(100% - 231px), 281px 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 313px, 156px 313px, 156px calc(100% - 231px), 281px calc(100% - 231px), 281px 100%, 0 100%);
  z-index: -1;
}

.innerPageWrap .headerButtons {
  left: auto;
  right: calc((100vw - 1110px) / 2);
}

.pageHeader {
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
}

.pageTitleBlock {
  min-height: 163px;
  padding-top: 47px;
  padding-bottom: 30px;
}

.pageTitle {
  display: block;
  font-size: 70px;
  line-height: 70px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
}

.aboutSection {
  padding-top: 90px;
  padding-bottom: 127px;
}

.aboutSection .noteBlock+.textBlock {
  margin-top: 65px;
}

.noteBlock {
  padding-top: 30px;
  padding-left: 34px;
  padding-right: 20px;
  padding-bottom: 34px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.noteBlock .title {
  display: block;
  font-size: 39px;
  line-height: 39px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.noteBlock .title+p {
  margin-top: 16px;
}

.noteBlock p {
  font-size: 17px;
  line-height: 30px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.whyWeSection {
  padding-top: 50px;
  padding-bottom: 70px;
  background-color: #2b1e30;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.whyWeSection .titleContainer+.contentContainer {
  margin-top: 58px;
}

.cardsList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 42px;
  row-gap: 29px;
}

.cardTempl {
  height: 100%;
  padding-top: 33px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 24px;
  text-align: center;
  border: 1px solid #dad1d124;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
}

.cardTempl .img {
  height: 50px;
}

.cardTempl .img img {
  display: block;
  margin: 0px auto;
}

.cardTempl .title {
  display: block;
  margin-top: 15px;
  font-size: 21px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.cardTempl p {
  margin-top: 25px;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 22px;
  color: #b1abb6;
}

.halfSection .wrapper {
  min-height: 354px;
  display: flex;
}

.halfSection .col {
  padding: 40px 40px 30px;
  width: 50%;
  text-align: center;
}

.halfSection .col:first-child {
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}

.halfSection .col:last-child {
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
}

.halfSection .img {
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.halfSection .img img {
  display: block;
  margin: 0px auto;
}

.halfSection .title {
  margin-top: 32px;
  display: block;
  font-size: 50px;
  line-height: 61px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
}

.halfSection p {
  margin-top: 18px;
  font-size: 25px;
  line-height: 45px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
}

.descriptionSection {
  position: relative;
  padding-top: 52px;
  padding-bottom: 78px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.descriptionSection .titleContainer {
  text-align: center;
}

.descriptionSection .titleContainer .subtitle {
  margin-top: 23px;
  font-size: 20px;
  line-height: 27px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.descriptionSection .titleContainer+.contentContainer {
  margin-top: 27px;
}

.descriptionSection .info {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.descriptionSection .descriptionBlock {
  margin-top: 107px;
}

.descriptionSection .feedbackLine {
  margin-top: 40px;
}

.descriptionBlock {
  position: relative;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.descriptionBlock .backImg {
  position: absolute;
  display: block;
  top: -86px;
  left: 50%;
  margin-left: -90px;
  width: 270px;
  z-index: -1;
}

.descriptionItem {
  display: flex;
  width: 420px;
}

.descriptionItem .img {
  width: 95px;
  flex-shrink: 0;
}

.descriptionItem .img img {
  display: block;
}

.descriptionItem.reverse {
  flex-direction: row-reverse;
  text-align: right;
}

.descriptionItem.reverse .img img {
  margin-left: auto;
}

.feedbackLine {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 95px;
  padding-right: 95px;
}

.feedbackLine .title {
  display: block;
  max-width: 370px;
  font-size: 20px;
  line-height: 27px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.requestSection {
  position: relative;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  z-index: 1;
}

.requestSection::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 851px;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 16.4%, 8% 16.4%, 8% 77%, 15% 77%, 15% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 16.4%, 8% 16.4%, 8% 77%, 15% 77%, 15% 100%, 0 100%);
  z-index: -1;
}

.requestSection .leftSide {
  position: relative;
  z-index: 1;
}

.requestSection .leftSide::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: calc(100% + 16px);
  width: 190px;
  height: 76px;
  background-image: url(../../img/arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.requestSection .wrapper {
  min-height: 140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.requestSection .title {
  display: block;
  font-size: 39px;
  line-height: 39px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
}

.requestSection .subtitle {
  display: block;
  margin-top: 14px;
  font-family: "Roboto";
  font-size: 20px;
  line-height: 20px;
  color: white;
  font-weight: 300;
}

.textColumnsSection {
  padding-top: 105px;
  padding-bottom: 90px;
}

.feedbackSection {
  position: relative;
  padding-top: 122px;
  padding-bottom: 122px;
  background-color: #2b1e30;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 1;
}

.feedbackForm {
  padding-left: 60px;
  padding-top: 50px;
  padding-right: 60px;
  padding-bottom: 58px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #635765;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
}

.feedbackForm .titleBlock {
  text-align: center;
}

.feedbackForm .titleBlock+.formBlock {
  margin-top: 84px;
}

.feedbackForm .subtitle {
  display: block;
  margin-top: 15px;
  font-family: "Roboto";
  font-size: 20px;
  line-height: 27px;
  color: white;
}

.feedbackForm .fieldGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 15px;
  row-gap: 23px;
}

.feedbackForm .fieldGrid+.checkBtn {
  margin-top: 18px;
}

.feedbackForm .fieldItem:last-child {
  grid-column: 1/4;
}

.feedbackForm [class*=btn] {
  margin-top: 7px;
  min-width: 167px;
}

.feedbackForm .fileBlock {
  margin-top: 31px;
  margin-bottom: -5px;
}

.feedbackForm .fileBlock input {
  display: none;
}

.feedbackForm .fileBlock label {
  cursor: pointer;
  padding-left: 29px;
  color: #ff8918;
  font-size: 15px;
  background-image: url("../../img/ic-file.png");
  background-repeat: no-repeat;
  text-decoration: underline;
  font-family: "Roboto";
  min-height: 22px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.feedbackForm .fileBlock label:hover {
  text-decoration-color: transparent;
}

.postSection {
  padding-top: 70px;
  padding-bottom: 80px;
}

.postSection .titleContainer+.contentContainer {
  margin-top: 63px;
}

.postSection .postInfo {
  margin-top: 13px;
}

.postSection .summary {
  margin-bottom: 58px;
  font-family: "Roboto";
  font-size: 20px;
  line-height: 37px;
  color: #1d1e1f;
}

.postInfo {
  display: flex;
}

.postInfo .date {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 24px;
  color: #5e5b61;
  font-weight: 300;
}

.postInfo .date img {
  display: block;
  margin-right: 14px;
}

.postInfo .date+.tagList {
  margin-left: 12px;
}

.tagList {
  display: flex;
  align-items: center;
}

.tagList li {
  position: relative;
  padding-left: 16px;
}

.tagList li::before {
  content: "|";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 27px;
  color: #cecbd0;
  font-weight: 300;
}

.tagList li+li {
  margin-left: 16px;
}

.blogSection {
  padding-top: 70px;
  padding-bottom: 105px;
}

.blogSection .blogNav+.blogList {
  margin-top: 70px;
}

.blogSection .blogList+.pagination {
  margin-top: 95px;
}

.blogNav {
  padding-left: 34px;
  padding-top: 26px;
  padding-right: 20px;
  padding-bottom: 30px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.blogNav ul {
  display: flex;
  flex-wrap: wrap;
  margin: -11px;
}

.blogNav ul li {
  padding: 11px;
}

.blogNav ul li a.mixitup-control-active {
  color: #fba230;
  text-decoration-color: #fba230;
}

.blogNav ul li.active a {
  color: #fba230;
  text-decoration-color: #fba230;
}

.blogNav a {
  font-size: 17px;
  line-height: 22px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  -webkit-transition: color 0.3s, text-decoration-color 0.3s;
  -moz-transition: color 0.3s, text-decoration-color 0.3s;
  -o-transition: color 0.3s, text-decoration-color 0.3s;
  transition: color 0.3s, text-decoration-color 0.3s;
}

.blogNav a:hover {
  color: #fba230;
  text-decoration-color: #fba230;
}

.blogList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 44px;
  row-gap: 40px;
}

.blogItem {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  height: 395px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  z-index: 1;
  position: relative;
  z-index: 1;
}

.blogItem>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.blogItem .tag {
  display: block;
  position: absolute;
  padding-left: 12px;
  padding-right: 20px;
  height: 26px;
  left: 0px;
  top: 0px;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 26px;
  color: white;
  letter-spacing: 0.025em;
  -webkit-clip-path: polygon(0 0, 100% 0%, calc(100% - 11px) 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, calc(100% - 11px) 100%, 0% 100%);
  background-color: #fba230;
}

.blogItem .date {
  display: block;
  font-family: "Roboto";
  font-size: 13px;
  line-height: 19px;
  color: white;
  font-weight: 300;
}

.blogItem .title {
  display: block;
  font-size: 20px;
  line-height: 27px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.blogItem::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: calc(100% - 50px);
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: -1;
}

.blogItem:hover {
  background-size: 105% 105%;
}

.faqSection {
  position: relative;
  padding-top: 77px;
  padding-bottom: 82px;
  z-index: 1;
}

.faqSection::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 60px;
  right: 50%;
  margin-right: -1030px;
  width: 979px;
  height: 588px;
  background-image: url(../../img/faq_back.jpg);
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.tabsTempl {
  display: flex;
  justify-content: space-between;
}

.tabsTempl .tabsList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tabsTempl .tabsList li {
  position: relative;
  z-index: 1;
}

.tabsTempl .tabsList li a {
  display: block;
  padding-left: 27px;
  padding-right: 45px;
  font-size: 20px;
  line-height: 43px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.tabsTempl .tabsList li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  -webkit-clip-path: polygon(calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 0 0);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.tabsTempl .tabsList li.active a {
  color: white;
}

.tabsTempl .tabsList li.active a:hover {
  color: white;
}

.tabsTempl .tabsList li.active::before {
  opacity: 1;
}

.tabsTempl .tabsList li:hover a {
  color: #f44370;
}

.tabsTempl .tabContent {
  width: 765px;
  margin-top: 5px;
  padding-top: 30px;
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom: 120px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.55);
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.tabsTempl .tabContent .in {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tabsTempl .tabContent .info p {
  line-height: 35px;
}

.tabsTempl .title+.info {
  margin-top: 68px;
}

.stepsSection {
  padding-top: 80px;
  padding-bottom: 142px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.stepsSection .titleContainer+.contentContainer {
  margin-top: 100px;
}

.stepsList {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 1;
}

.stepsList::before {
  content: "";
  display: block;
  position: absolute;
  top: -30px;
  left: 0px;
  width: 1168px;
  height: 342px;
  background-image: url(../../img/steps_back.png);
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.stepsList .stepItem {
  flex-shrink: 0;
}

.stepsList .stepItem+.stepItem {
  margin-left: 135px;
}

.stepItem {
  position: relative;
  padding-left: 35px;
  padding-top: 18px;
  padding-right: 35px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 280px;
  height: 280px;
  background-color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.stepItem .num {
  display: block;
  position: absolute;
  top: -10px;
  right: -23px;
  width: 81px;
  height: 81px;
  font-size: 39px;
  line-height: 74px;
  color: white;
  font-weight: bold;
  letter-spacing: 800;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.stepItem .title {
  display: block;
  font-size: 20px;
  line-height: 26px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.stepItem p {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: #5e5b61;
  font-weight: 300;
}

.stepItem:nth-child(1) .num {
  background-color: #f44370;
}

.stepItem:nth-child(2) .num {
  background-color: #ff8918;
}

.stepItem:nth-child(3) .num {
  background-color: #ffb422;
}

.moreInfoSection {
  padding-top: 68px;
  padding-bottom: 120px;
}

.moreInfoSection .titleContainer+.contentContainer {
  margin-top: 35px;
}

.moreInfoSection .info {
  margin-bottom: 55px;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.moreInfoList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.moreInfoCard {
  position: relative;
  height: 100%;
  padding-top: 74px;
  padding-left: 37px;
  padding-right: 37px;
  padding-bottom: 37px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.moreInfoCard .icon {
  display: block;
  position: absolute;
  top: 29px;
  right: 32px;
}

.moreInfoCard .title {
  display: block;
  font-size: 20px;
  line-height: 40px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.moreInfoCard .title+p {
  margin-top: 14px;
}

.moreInfoCard p {
  font-family: "Roboto";
  font-size: 14px;
  line-height: 20px;
  color: #5e5b61;
  font-weight: 300;
}

.moreInfoCard p .siteLink {
  font-size: inherit;
  line-height: inherit;
}

.servicesInfoSection {
  padding-top: 90px;
  padding-bottom: 97px;
}

.servicesInfoSection .noteBlock+.textBlock {
  margin-top: 80px;
}

.servicesSection {
  padding-top: 100px;
  padding-bottom: 110px;
  background-color: #2b1e30;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.tabsTempl2 .tabsList {
  display: flex;
  justify-content: space-between;
}

.tabsTempl2 .tabsList li {
  position: relative;
  padding-left: 15px;
  padding-top: 36px;
  padding-right: 15px;
  padding-bottom: 38px;
  width: calc((100% - 126px) / 4);
  text-align: center;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-color: transparent;
  background-color: #2b1e30;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  z-index: 1;
}

.tabsTempl2 .tabsList li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.tabsTempl2 .tabsList li::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% + 10px);
  top: 0px;
  left: 0px;
  background-color: #2b1e30;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.tabsTempl2 .tabsList li:hover span {
  color: #fa9439;
}

.tabsTempl2 .tabsList li .icon {
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tabsTempl2 .tabsList li .icon img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tabsTempl2 .tabsList li span {
  display: block;
  margin-top: 29px;
  font-size: 18px;
  line-height: 27px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.tabsTempl2 .tabsList li.active {
  border-color: #dad1d124;
  z-index: 3;
}

.tabsTempl2 .tabsList li.active::before {
  opacity: 1;
}

.tabsTempl2 .tabsList li.active span {
  color: #fa9439;
}

.tabsTempl2 .tabContent {
  position: relative;
  padding-left: 57px;
  padding-right: 57px;
  padding-top: 73px;
  padding-bottom: 67px;
  background-color: #2b1e30;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  border: 1px solid #dad1d124;
  z-index: 1;
}

.orderSection {
  position: relative;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  z-index: 1;
}

.orderSection::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 851px;
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 16%, 8% 16%, 8% 77%, 15% 77%, 15% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 16%, 8% 16%, 8% 77%, 15% 77%, 15% 100%, 0 100%);
  z-index: -1;
}

.orderSection .wrapper {
  min-height: 140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.orderSection .title {
  position: relative;
  display: block;
  flex-shrink: 0;
  font-size: 39px;
  line-height: 60px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  z-index: 1;
}

.orderSection .title::before {
  content: "";
  display: block;
  position: absolute;
  top: -9px;
  left: calc(100% - 52px);
  width: 190px;
  height: 76px;
  background-image: url(../../img/arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.orderSection .rightSide {
  margin-left: 150px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.orderSection .pct {
  display: block;
  font-size: 70px;
  line-height: 70px;
  color: #342839;
  font-weight: 800;
}

.orderSection .pct+[class*=btn] {
  margin-left: 38px;
}

.orderSection [class*=btn] {
  min-width: auto;
}

.developSection {
  padding-top: 117px;
  padding-bottom: 127px;
}

.developSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.developSection .titleContainer [class*=Cap] {
  line-height: 50px;
}

.developSection .titleContainer+.contentContainer {
  margin-top: 32px;
}

.developSection .leftSide {
  width: 320px;
  flex-shrink: 0;
}

.developSection .rightSide {
  padding-top: 9px;
}

.developSection [class*=btn] {
  margin-top: 84px;
}

.techList {
  display: grid;
  grid-template-columns: repeat(2, 352px);
  column-gap: 42px;
  row-gap: 50px;
}

.techList .item {
  height: 161px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.solutionsSection {
  padding: 54px 0 80px;
}

.solutionsSection .projectsList {
  margin-top: 62px;
}

.solutionsSection .projectsList .projectItem .img {
  height: 215px;
}

.solutionsSection .projectsList .projectItem .img img {
  object-position: top;
}

.solutionsSection .projectsList .projectItem .content {
  padding-top: 24px;
  padding-left: 37px;
  padding-right: 41px;
  padding-bottom: 24px;
}

.solutionsSection .projectsList .projectItem .info {
  margin-top: 6px;
}

.solutionsSection .pagination {
  margin-top: 84px;
}

.filterBlock {
  background-color: white;
  margin-top: 46px;
  padding: 29px 13px 53px 33px;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.filterBlock .filterWrap {
  display: flex;
  align-items: flex-end;
  gap: 19px;
}

.filterBlock .filterCol {
  min-width: 178px;
}

.filterBlock .filterCol:last-child {
  min-width: auto;
}

.filterBlock .filterCol .btnArrow {
  height: 46px;
  min-width: 110px;
  font-size: 17px;
  padding-left: 17px;
  padding-right: 23px;
}

.filterBlock .filterCol .inpLine .title {
  font-size: 17px;
  color: #1d1e1f;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Akrobat";
  margin-bottom: 7px;
}

.filterBlock .filterCol .inpLine .selectric {
  border: 0;
  background-color: #f4f4f4;
  height: 46px;
  width: 100%;
}

.filterBlock .filterCol .inpLine .selectric .label {
  border: 0;
  margin: 0;
  height: 100%;
  color: #1d1e1f;
  font-size: 15px;
  font-family: "Roboto";
  font-weight: 300;
  padding: 3px 12px;
}

.filterBlock .filterCol .inpLine .selectric .button {
  background: transparent;
  background-image: url("../../img/arrow_selectric.png");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

.filterBlock .filterCol .inpLine .selectric .button:after {
  display: none;
}

.filterBlock .filterOptions ul {
  display: flex;
}

.filterBlock .filterOptions ul li input {
  display: none;
}

.filterBlock .filterOptions ul li input:checked+label {
  color: white;
  background-color: #1d1e1f;
}

.filterBlock .filterOptions ul li label {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #f4f4f4;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 20px;
}

.filterBlock .filterOptions ul li label:hover {
  color: white;
  background-color: #1d1e1f;
}

.filterBlock .filterOptions ul li:nth-child(1) {
  color: #fb9e32;
}

.filterBlock .filterOptions ul li:nth-child(2) {
  color: #f87d48;
}

.filterBlock .filterOptions ul li:nth-child(3) {
  color: #f76559;
}

.filterBlock .filterOptions ul li:nth-child(4) {
  color: #f54e68;
}

.filterBlock .filterOptions ul li+li {
  margin-left: 4px;
}

.filterBlock .rangeBlock {
  position: relative;
  top: -11px;
  margin-top: 13px;
}

.filterBlock .rangeBlock .irs-handle {
  cursor: pointer;
  width: 7px;
  top: 18px;
  height: 21px;
  background-color: #f44370;
}

.filterBlock .rangeBlock .irs-handle i {
  opacity: 0;
}

.filterBlock .rangeBlock .irs-line {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  height: 7px;
}

.filterBlock .rangeBlock .irs-to,
.filterBlock .rangeBlock .irs-from,
.filterBlock .rangeBlock .irs-single {
  background: transparent;
  color: #f44370;
  font-size: 12px;
  font-weight: 300;
  font-family: "Roboto";
}

.filterBlock .rangeBlock .irs-to::before,
.filterBlock .rangeBlock .irs-from::before,
.filterBlock .rangeBlock .irs-single::before {
  display: none;
}

.filterBlock .rangeBlock .irs-min,
.filterBlock .rangeBlock .irs-max {
  visibility: visible !important;
  bottom: -50px;
  top: auto;
  background: transparent;
  color: #1d1e1f;
  font-size: 12px;
  font-weight: 300;
  font-family: "Roboto";
  padding: 0 !important;
}

.filterBlock .rangeBlock .irs-bar {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  height: 7px;
  background-color: #f44370;
}

.selectric-items {
  background-color: white;
  border: 0;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.selectric-items li {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 300;
}

.selectric-items li.highlighted {
  background: #f44370;
  color: white;
}

.contactsSection .info {
  padding: 107px 0 130px;
}

.contactsSection .listContacts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 62px;
}

.contactsSection .listContacts li {
  border: solid 1px #dad1d1;
  width: calc(33.3333333333% - 27px);
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  padding: 55px 0;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.contactsSection .listContacts li [class*=icon-] {
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 35px;
  display: table;
  margin: 0 auto;
}

.contactsSection .listContacts li .name {
  color: #1d1e1f;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-weight: 800;
  margin-top: 41px;
}

.contactsSection .listContacts li .link {
  color: #747076;
  font-size: 19px;
  display: table;
  margin: 31px auto 0;
  letter-spacing: 0.025em;
}

.contactsSection .listContacts li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contactsSection .listContacts li:hover {
  -webkit-box-shadow: 0px 0px 11px transparent;
  -moz-box-shadow: 0px 0px 11px transparent;
  box-shadow: 0px 0px 11px transparent;
}

.contactsSection .listContacts li:hover .link {
  color: #f44370;
}

.feedbackFormContact {
  padding-top: 111px;
  padding-bottom: 129px;
  background-color: #2b1e30;
  background-image: url("../../img/feed_back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.feedbackFormContact .info .secCap {
  color: white;
  text-align: center;
}

.feedbackFormContact .info .desr {
  color: white;
  font-size: 21px;
  text-align: center;
  display: block;
  max-width: 80%;
  margin: 29px auto 0;
  line-height: 39px;
}

.feedbackFormContact .feedBackWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 83px;
}

.feedbackFormContact .inpLine {
  width: calc(33.3333333333% - 30px);
}

.feedbackFormContact .inpLine:nth-child(4) {
  width: 100%;
  margin-top: 39px;
}

.feedbackFormContact .inpLine input {
  width: 100%;
  height: 57px;
  color: white;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.05);
  border: solid 1px #635765;
  padding: 0 19px;
  font-family: "Roboto";
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
}

.feedbackFormContact .inpLine input:focus::placeholder {
  color: transparent;
}

.feedbackFormContact .inpLine textarea {
  resize: none;
  width: 100%;
  height: 227px;
  color: white;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.05);
  border: solid 1px #635765;
  padding: 15px 19px;
  font-family: "Roboto";
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.44);
}

.feedbackFormContact .inpLine textarea:focus::placeholder {
  color: transparent;
}

.feedbackFormContact .btnArrow {
  margin: 67px auto 0;
  font-size: 25px;
  padding-left: 33px;
  padding-right: 56px;
}

.projectsSection {
  padding: 69px 0 105px;
}

.projectsSection .info .textBlock {
  margin-top: 30px;
}

.projectsSection .blogNav {
  margin-top: 40px;
}

.projectsSection .projectsWorkList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
  gap: 10px 14px;
  margin-top: 59px;
}

.projectsSection .projectsWorkList .item {
  width: 100%;
  min-height: 240px;
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.projectsSection .projectsWorkList .item>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.projectsSection .projectsWorkList .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 46, 71, 0.8);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.projectsSection .projectsWorkList .item:hover::before {
  opacity: 1;
}

.projectsSection .projectsWorkList .item:hover .moreBtn {
  opacity: 1;
}

.projectsSection .projectsWorkList .item .moreBtn {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -70px;
  width: 140px;
  background-color: white;
  border: 1px solid white;
  text-align: center;
  color: black;
  font-size: 18px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  padding: 15px 0;
}

.projectsSection .pagination {
  margin-top: 91px;
}

.reviewsSection {
  padding: 80px 0 130px;
}

.reviewsSection .reviewList {
  margin: -15px;
}

.reviewsSection .reviewList .reviewItem {
  width: calc(50% - 35px);
  margin: 15px;
}

.reviewsSection .reviewList .reviewItem .image {
  position: relative;
}

.reviewsSection .reviewList .reviewItem .icTelegram {
  background-image: url("../../img/ic-review1.png");
  width: 23px;
  height: 23px;
  position: absolute;
  right: -10px;
  top: -10px;
  display: block;
}

.reviewsSection .reviewList .reviewItem .icRev {
  background-image: url("../../img/ic-review2.png");
  width: 23px;
  height: 23px;
  position: absolute;
  right: -10px;
  top: -10px;
  display: block;
}

.reviewsSection .pagination {
  margin-top: 100px;
}

.reviewForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.reviewForm .left,
.reviewForm .right {
  width: calc(50% - 20px);
}

.reviewForm .right [class*=btn] {
  margin-top: 45px;
}

.reviewForm .feedbackForm .titleBlock+.formBlock {
  margin-top: 36px;
}

.reviewForm .feedbackForm .formBlock .fieldItem+.fieldItem {
  margin-top: 21px;
}

.reviewForm .feedbackForm .formBlock .fieldItem+.captchaBlock {
  margin-top: 35px;
}

.reviewForm .feedbackForm .formBlock .captchaBlock {
  margin: 0 auto;
  display: table;
}

.reviewForm .feedbackForm .formBlock .captchaBlock+* {
  margin-top: 35px;
}

.reviewForm .feedbackForm .listIcon {
  display: flex;
  justify-content: center;
}

.reviewForm .feedbackForm .listIcon .icon {
  flex-shrink: 0;
  width: 57px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e4e4e433;
  background-color: rgba(255, 255, 255, 0.05);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.reviewForm .feedbackForm .listIcon .icon [class*=icon] {
  font-size: 21px;
  color: white;
}

.reviewForm .feedbackForm .listIcon .icon:hover {
  background-color: #f44370;
}

.reviewForm .feedbackForm .listIcon .icon+.icon {
  margin-left: 33px;
}

.reviewForm .feedbackForm .textBl {
  margin-top: 52px;
}

.reviewForm .feedbackForm .textBl .tit {
  color: white;
  font-size: 20px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
}

.reviewForm .feedbackForm .textBl .desr {
  color: white;
  font-size: 17px;
  display: block;
  text-align: center;
  margin-top: 36px;
  font-family: "Roboto";
}

.reviewForm .feedbackForm .textBl+.fieldItem {
  margin-top: 44px;
}

.allServiceSection {
  padding: 79px 0 124px;
}

.allServiceSection .title .price {
  color: #f44370;
  font-size: 30px;
  font-weight: 800;
  margin-top: 19px;
  display: block;
  text-transform: uppercase;
}

.allServiceSection .text {
  margin-top: 25px;
  font-family: "Roboto";
  font-size: 17px;
  line-height: 27px;
  color: #5e5b61;
  font-weight: 300;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.allServiceSection .text p+p {
  margin-top: 24px;
}

.allServiceSection .text a {
  font-size: inherit;
  line-height: inherit;
  color: #fba230;
  font-weight: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  text-decoration-color: currentcolor;
  text-decoration-color: #fba230;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.allServiceSection .text a:hover {
  text-decoration-color: transparent;
}

.allServiceSection .text ul {
  font-family: "Akrobat";
  margin-top: 28px;
  margin-bottom: 28px;
}

.allServiceSection .text ul li {
  font-size: 18px;
  font-weight: 300;
}

.allServiceSection .text ul li b {
  font-weight: bold;
}

.workSection .workBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 100px 0 91px;
}

.workSection .workBlock .left {
  width: 65%;
  display: flex;
  justify-content: space-between;
  padding-right: 0;
}

.workSection .workBlock .right {
  width: 35%;
  padding: 0 5px 5px 4px;
  position: relative;
  top: -20px;
}

.workSection .workBlock .text {
  font-size: 17px;
  line-height: 27px;
  color: #5e5b61;
  font-weight: 300;
}

.workSection .workBlock .text p {
  font-family: "Roboto";
  margin-top: 25px;
}

.workSection .workBlock .text ul {
  margin-top: 44px;
}

.workSection .workBlock .text ul li {
  font-weight: 300;
}

.workSection .workBlock .text ul li b {
  font-weight: bold;
}

.workSection .workBlock .sliderProject {
  width: calc(100% - 195px);
  left: -57px;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.workSection .workBlock .sliderProject .item {
  width: 100%;
  height: 630px;
  background-position: center;
  background-size: cover;
  position: relative;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}

.workSection .workBlock .sliderProject .item img {
  object-fit: cover;
  width: 100%;
}

.workSection .workBlock .sliderProject .item a {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.workSection .workBlock .sliderProject .item a>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.workSection .workBlock .sliderProject .item:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.workSection .workBlock .sliderProjectNav {
  overflow: hidden;
  width: 155px;
  height: 630px;
  padding: 0 15px;
  position: relative;
  left: -15px;
}

.workSection .workBlock .sliderProjectNav .slick-list {
  overflow: visible;
}

.workSection .workBlock .sliderProjectNav .item {
  cursor: pointer;
  width: 100%;
  margin: 0 auto;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  margin-bottom: 25px;
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.workSection .workBlock .sliderProjectNav .item img {
  object-fit: cover;
  width: 100%;
  object-position: top;
}

.workSection .workBlock .sliderProjectNav .item.slick-current,
.workSection .workBlock .sliderProjectNav .item:hover {
  opacity: 1;
}

.workSection .workBlock .sliderProjectNav .slick-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  width: 41px;
  height: 22px;
  margin-left: -16.5px;
  color: transparent;
  z-index: 5;
}

.workSection .workBlock .sliderProjectNav .slick-arrow.slick-prev {
  background-image: url("../../img/arrow_up.jpg");
}

.workSection .workBlock .sliderProjectNav .slick-arrow.slick-next {
  background-image: url("../../img/arrow_down.jpg");
  bottom: 0;
  top: auto;
}

.modalBuy {
  background-color: white;
  padding: 13px 0;
}

.modalBuy .secCap {
  text-align: center;
}

.modalBuy .desr {
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 70%;
  color: #5e5b61;
  font-size: 17px;
  font-family: "Roboto";
  font-weight: 300;
  margin-top: 10px;
  line-height: 24px;
}

.listBuyProject {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 34px 61px 49px;
}

.listBuyProject .item {
  width: calc(50% - 21px);
  background-color: white;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  padding-bottom: 16px;
}

.listBuyProject .item:last-child {
  width: 100%;
  margin-top: 9px;
  padding: 14px 40px 23px;
}

.listBuyProject .item:last-child .inf {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-between;
}

.listBuyProject .item:last-child .inf li {
  margin-bottom: 10px;
  width: calc(50% - 61px);
}

.listBuyProject .item:last-child .inf li+li {
  margin-top: 0;
}

.listBuyProject .item .smallDesr {
  color: #5e5b61;
  font-size: 12px;
  font-family: "Roboto";
  display: block;
  margin-top: 4px;
}

.listBuyProject .item .name {
  font-size: 19px;
  font-weight: 800;
  display: block;
  color: white;
  text-transform: uppercase;
  padding: 9px 39px;
}

.listBuyProject .item.color3 .name {
  background-color: #fba230;
}

.listBuyProject .item.color4 .name {
  background-color: #f44370;
}

.listBuyProject .standartTxt {
  margin-top: 6px;
  width: 100%;
  font-size: 25px;
  line-height: 61px;
  color: #1d1e1f;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

.listBuyProject .inf {
  padding: 13px 39px;
}

.listBuyProject .inf li {
  position: relative;
  padding-left: 30px;
  font-family: "Roboto";
  font-weight: 300;
  font-size: 15px;
}

.listBuyProject .inf li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../img/ic-ok.png");
}

.listBuyProject .inf li.done::before {
  background-image: url("../../img/ic-done.png");
}

.listBuyProject .inf li+li {
  margin-top: 10px;
}

.listBuyProject .inf li .txt {
  font-weight: bold;
}

.listBuyProject .lineSum {
  padding: 12px 40px;
  display: flex;
  align-items: center;
}

.listBuyProject .lineSum .summa {
  font-size: 40px;
  color: #1d1e1f;
  font-weight: 800;
  min-width: 81px;
}

.listBuyProject .lineSum .btnRed {
  padding-right: 61px;
}

.listBuyProject .lineSum .btnRed,
.listBuyProject .lineSum .btnYellow {
  padding: 4px 45px 6px 34px;
  margin-left: 17px;
}

.menuBurger {
  cursor: pointer;
  display: none;
  width: 42px;
  position: absolute;
  right: 9px;
  top: 40px;
  margin-top: 0;
  z-index: 5;
}

.menuBurger span {
  position: relative;
  display: block;
  background-color: black;
  height: 3px;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.menuBurger span+span {
  margin-top: 7px;
}

.menuBurger.selected span:nth-child(1) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
}

.menuBurger.selected span:nth-child(2) {
  opacity: 0;
}

.menuBurger.selected span:nth-child(3) {
  opacity: 0;
}

.menuBurger.selected span:nth-child(4) {
  top: -15px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobileVisible {
  display: none;
}

.tooltipBtn {
  position: relative;
}

.tooltipBtn .txt {
  font-family: "Akrobat";
  display: block;
  position: absolute;
  background-color: #f44370;
  width: 120px;
  opacity: 0;
  height: 0;
  overflow: hidden;
  z-index: 1;
  color: #fff;
  line-height: 15px;
  text-align: center;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  top: 0;
  margin-top: -1px;
  left: 50%;
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.tooltipBtn:hover .txt {
  opacity: 1;
  height: auto;
  padding-top: 5px;
  padding-bottom: 8px;
}

.bulletTextSection .textBlock b,
.bulletTextSection .text b {
  font-weight: 500;
}

.checkList {
  font-family: "Roboto";
}

.checkList li {
  position: relative;
  padding-left: 25px;
  font-size: 17px;
  line-height: 27px;
  color: #5e5b61;
}

.checkList li+li {
  margin-top: 12px;
}

.checkList li:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  width: 13px;
  height: 13px;
  background-image: url(../../img/check.png);
  background-position: center;
  background-repeat: no-repeat;
}

.bulletCards {
  display: flex;
  margin: 22px -20px 0px;
}

.bulletCards .item {
  padding: 40px 20px 0px;
  width: 50%;
}

.bulletCards .cardTitle {
  font-size: 25px;
  font-weight: 900;
  font-family: "Akrobat";
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 42px;
}

.bulletCards .cardTempl {
  text-align: left;
  padding: 42px 40px;
  border-color: #dad1d1;
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.bulletCards .cardTempl p {
  font-size: 17px;
  line-height: 27px;
  color: #5e5b61;
}

.bulletCards .cardTempl p b {
  color: #1d1e1f;
}

.bulletCards .cardTempl *+ul {
  margin-top: 27px;
}

.readySection {
  background-image: url(../../img/why_back.png);
  color: #fff;
  padding-top: 105px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.readySection .cardTempl {
  background-color: rgba(255, 255, 255, 0.05);
  padding-top: 50px;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 66px;
  text-align: left;
}

.readySection .cardTempl p {
  color: #fff;
  font-size: 17px;
  line-height: 27px;
}

.readySection .cardTempl .secCap {
  color: #fff;
}

.readySection .text {
  color: #fff;
}

.readySection .titleContainer {
  margin-bottom: 62px;
}

.readySection .contentContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -40px;
}

.readySection .contentContainer .btnContainer {
  margin-top: 36px;
}

.readySection .contentContainer .contentItem {
  width: calc(50% - 20px);
  margin-top: 15px;
}

.readySection .postBullet {
  color: #fff;
  text-align: center;
  padding-top: 52px;
  padding-bottom: 62px;
}

.readySection .postBullet .name {
  color: #f44270;
  background: linear-gradient(to right, #f44270 0%, #fba32f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
}

.briefsSection {
  padding-top: 85px;
  padding-bottom: 118px;
}

.briefsList {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -20px 0px;
}

.briefsList .item {
  width: 50%;
  padding: 40px 20px 0px;
}

.briefLink {
  display: flex;
  align-items: center;
  min-height: 92px;
  padding: 5px 16px;
  border-color: #dad1d1;
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  font-family: "Akrobat";
  text-transform: uppercase;
  color: #1d1e1f;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.02em;
  font-weight: 800;
  transition: box-shadow 0.2s;
  text-align: left;
}

.briefLink img {
  margin-right: 27px;
}

.briefLink .btnContainer {
  margin-left: auto;
  margin-right: -16px;
  margin-bottom: -5px;
  align-self: flex-end;
  padding-left: 20px;
}

.briefLink:hover {
  box-shadow: 0px 0px 0px transparent;
}

.formInfo {
  font-family: "Akrobat";
  font-size: 21px;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.formInfo a {
  color: #ff8918;
  text-decoration: underline;
  transition: text-decoration-color 0.2s;
}

.formInfo a:hover {
  text-decoration-color: transparent;
}

.info .formInfo {
  margin-top: 27px;
}

.feedBackWrap .formContent {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.feedBackWrap .formContent .formItem {
  width: calc(50% - 20px);
}

.feedBackWrap .formContent .formItem:nth-child(2n) .inpLine {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.feedBackWrap .formContent textarea {
  flex-grow: 1;
}

.feedBackWrap .formContent .inpLine {
  width: 100%;
}

.feedBackWrap .formContent .inpLine+.inpLine {
  margin-top: 23px;
}

.feedBackWrap .formContent+.formAttach {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 54px;
}

.feedBackWrap .btnContainer {
  padding-left: 23px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.formAttach {
  margin-top: 31px;
  margin-bottom: -5px;
}

.formAttach input {
  display: none;
}

.formAttach label {
  cursor: pointer;
  padding-left: 29px;
  color: #ff8918;
  font-size: 18px;
  background-image: url("../../img/ic-attach.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  text-decoration: underline;
  font-family: "Akrobat";
  text-transform: uppercase;
  letter-spacing: 0.025em;
  min-height: 22px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.formAttach label:hover {
  text-decoration-color: transparent;
}

.firstCap {
  display: block;
  font-size: 55px;
  line-height: 60px;
  color: #1d1e1f;
  font-weight: bold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.firstCap.invert {
  color: white;
}

.firstCap.center {
  text-align: center;
}

.secCap {
  display: block;
  font-size: 39px;
  line-height: 61px;
  color: #1d1e1f;
  font-weight: 800;
  text-transform: uppercase;
}

.secCap.invert {
  color: white;
}

.secCap.center {
  text-align: center;
}

.textBlock {
  font-family: "Roboto";
  font-size: 17px;
  line-height: 27px;
  color: #5e5b61;
  font-weight: 300;
}

.textBlock:after {
  content: " ";
  display: block;
  clear: both;
}

.textBlock p+p {
  margin-top: 27px;
}

.textBlock p+ul,
.textBlock p+ol {
  margin-top: 27px;
}

.textBlock ul li+li,
.textBlock ol li+li {
  margin-top: 27px;
}

.textBlock ul+p,
.textBlock ol+p {
  margin-top: 27px;
}

.textBlock ul li {
  position: relative;
  padding-left: 20px;
}

.textBlock ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 7px;
  width: 0px;
  height: 0px;
  border-left: 8px solid #ff8918;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.textBlock .markedList {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

.textBlock .markedList li {
  padding-left: 26px;
}

.textBlock .markedList li::before {
  left: -3px;
  top: 3px;
  width: 19px;
  height: 19px;
  background-image: url(../../img/check.png);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}

.textBlock .markedList li+li {
  margin-top: 0px;
}

.textBlock b {
  color: #1d1e1f;
  font-weight: bold;
}

.textBlock b+p {
  margin-top: 27px;
}

.textBlock .lg {
  font-size: 20px;
  line-height: 27px;
  color: #1d1e1f;
  font-weight: normal;
}

.textBlock.sm {
  font-size: 15px;
  line-height: 24px;
}

.textBlock .alignright {
  float: right;
}

.textBlock .alignleft {
  float: left;
}

.textBlock figure {
  margin-top: 5px;
  -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.11);
}

.textBlock figure.alignright {
  margin-right: 0px;
  margin-left: 45px;
}

.textBlock figure.alignleft {
  margin-left: 0px;
  margin-right: 45px;
}

.textBlock img {
  display: block;
}

.textBlock a {
  font-size: inherit;
  line-height: inherit;
  color: #fba230;
  font-weight: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  text-decoration-color: #fba230;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.textBlock a:hover {
  text-decoration-color: transparent;
}

.textBlock.col2 {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.textBlockSecond h2 {
  margin: 30px 0 15px;
  font-size: 20px;
  line-height: 27px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.textBlockSecond ul li + li, .textBlockSecond ol li + li {
  margin-top: 7px;
}

.listTempl1 {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.listTempl1 li {
  position: relative;
  padding-left: 31px;
  font-size: 17px;
  line-height: 19px;
  color: white;
  font-weight: bold;
  letter-spacing: 0.025em;
}

.listTempl1 li::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0px;
  width: 13px;
  height: 13px;
  background-image: url(../../img/check.png);
  background-position: center;
  background-repeat: no-repeat;
}

.listTempl1 li+li {
  margin-top: 17px;
}

.listTempl1.sm li {
  padding-left: 28px;
  font-size: 17px;
  line-height: 30px;
  color: white;
  font-weight: normal;
  letter-spacing: 0.05em;
}

.listTempl1.sm li::before {
  top: 10px;
}

.listTempl1.sm li+li {
  margin-top: 0px;
}

.listTempl1.lg {
  -webkit-columns: 270px auto;
  -moz-columns: 270px auto;
  columns: 270px auto;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}

.listTempl1.lg li {
  padding-left: 29px;
  font-size: 14px;
  line-height: 24px;
  color: white;
  font-weight: normal;
  margin-bottom: 8px;
}

.listTempl1.lg li::before {
  top: 8px;
}

.listTempl1.lg li a {
  color: #fba230;
}

.listTempl1.lg li a:hover {
  text-decoration: underline;
}

.listTempl1.lg li+li {
  margin-top: 0px;
}

.listTempl2 li {
  position: relative;
  padding-left: 31px;
  font-size: 18px;
  line-height: 40px;
  color: #1d1e1f;
  font-weight: bold;
  text-transform: uppercase;
}

.listTempl2 li::before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: 0px;
  width: 13px;
  height: 13px;
  background-image: url(../../img/check.png);
  background-position: center;
  background-repeat: no-repeat;
}

.listTempl2.right {
  text-align: right;
}

.listTempl2.right li {
  padding-left: 0px;
  padding-right: 31px;
}

.listTempl2.right li::before {
  left: auto;
  right: 0px;
}

.footer {
  background: #f44370;
  background: -moz-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: -webkit-linear-gradient(left, #f44370 0%, #fba230 100%);
  background: linear-gradient(to right, #f44370 0%, #fba230 100%);
}

.footer .footerWrapper {
  position: relative;
}

.footer .footerLogo {
  position: absolute;
  top: -113px;
  left: 0px;
}

.footer .bottomLine {
  min-height: 124px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.paymentsBlock {
  position: relative;
  background-color: #f1f1f1;
  z-index: 1;
}

.paymentsBlock::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1636px;
  height: 100%;
  background-color: #f1f1f1;
  z-index: -1;
}

.paymentsBlock .payments {
  width: 860px;
  min-height: 112px;
  margin-left: auto;
  margin-right: -63px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.paymentsBlock .payments li+li {
  margin-left: 25px;
}

.footerLogo {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 53px;
  padding-left: 15px;
  padding-right: 15px;
  width: 363px;
  height: 575px;
  background-image: url(../../img/banner.png);
  background-position: center top;
  background-repeat: no-repeat;
}

.footerLogo .logo {
  position: relative;
  z-index: 1;
}

.footerLogo .logo>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.footerLogo .title {
  display: block;
  margin-top: 50px;
  font-size: 24px;
  line-height: 40px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.footerCap {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.footerInfo {
  position: relative;
  padding-left: 410px;
  padding-top: 73px;
  padding-bottom: 80px;
  z-index: 1;
}

.footerInfo::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  width: 1761px;
  height: 100%;
  background-color: #342839;
  z-index: -1;
}

.footerServices {
  padding-right: 18px;
}

.footerServices .footerCap+* {
  margin-top: 37px;
}

.footerServices+.footerContacts {
  margin-top: 70px;
}

.footerContacts .footerCap+* {
  margin-top: 42px;
}

.contactsTempl1 {
  display: flex;
  align-items: center;
}

.contactsTempl1 li {
  display: flex;
  align-items: center;
}

.contactsTempl1 li+li {
  margin-left: 50px;
}

.contactsTempl1 .icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e4e4e433;
}

.contactsTempl1 .icon [class*=icon] {
  font-size: 16px;
  color: white;
}

.contactsTempl1 .icon .icon-mail {
  font-size: 13px;
}

.contactsTempl1 a {
  display: inline-block;
  font-size: 17px;
  line-height: 21px;
  color: white;
  letter-spacing: 0.05em;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.contactsTempl1 a:hover {
  opacity: 0.7;
}

.copyright {
  font-size: 16px;
  line-height: 50px;
  color: #342839;
  letter-spacing: 0.025em;
}

.footerMenu {
  display: flex;
  padding-top: 5px;
}

.footerMenu li a {
  font-size: 16px;
  line-height: 50px;
  color: white;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
  -webkit-transition: color 0.3s, text-decoration-color 0.3s;
  -moz-transition: color 0.3s, text-decoration-color 0.3s;
  -o-transition: color 0.3s, text-decoration-color 0.3s;
  transition: color 0.3s, text-decoration-color 0.3s;
  position: relative;
}

.footerMenu li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #342839;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.footerMenu li.active a,
.footerMenu li:hover a {
  color: #342839;
}

.footerMenu li.active a::before,
.footerMenu li:hover a::before {
  width: 100%;
}

.footerMenu li+li {
  margin-left: 19.5px;
}

.modalsScroll {
  overflow: auto;
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
}

.modalsScroll.open {
  z-index: 99;
  display: block;
}

.modalsScroll .modals {
  height: 100vh;
  width: 100%;
}

.modalsScroll .modals.table {
  display: table;
}

.modalsScroll .modals .tCell {
  padding: 50px 15px;
  overflow: auto;
  display: table-cell;
}

.modalsScroll .modals .closeModal {
  outline: none;
  z-index: 30;
  position: absolute;
  right: -4px;
  top: 6px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 35px;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  padding: 7px;
}

.modalsScroll .modals .closeModal span {
  position: relative;
  height: 3px;
  display: block;
  width: 100%;
  top: 7px;
  background-color: #1d1e1f;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modalsScroll .modals .closeModal span+span {
  top: 4px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modalsScroll .modals .closeModal:hover span {
  background-color: #f44370;
}

.modalsScroll .overlayModal {
  z-index: 4;
  position: fixed;
  background-color: #2b1e30;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
  opacity: 0.7;
}

.blockMod {
  position: relative;
  z-index: 5;
  display: none;
  margin: 0 auto;
  max-width: 969px;
}

.blockMod .in {
  position: relative;
  z-index: 2;
}

/* 1439px */
@media (max-width: 1439px) {
  .mainAboutSection {
    padding-top: 80px;
    padding-bottom: 94px;
  }

  .mainAboutSection .titleContainer+.contentContainer {
    margin-top: 26px;
  }

  .mainAboutSection .info p+p {
    margin-top: 25px;
  }

  .mainAboutSection .aboutList {
    margin-top: 150px;
    margin-bottom: 118px;
  }

  .aboutList .backImg {
    -moz-transform: scale(1.45);
    -ms-transform: scale(1.45);
    -webkit-transform: scale(1.45);
    -o-transform: scale(1.45);
    transform: scale(1.45);
    margin-left: -360px;
    top: 63px;
  }

  .aboutList .aboutListItem+.aboutListItem {
    margin-top: 96px;
  }

  .aboutListItem .data {
    margin-top: 28px;
    text-align: center;
  }

  .mainStatSection {
    padding-top: 108px;
    padding-bottom: 108px;
  }

  .mainStatSection [class*=btn] {
    margin-top: 80px;
  }

  .statItem [class*=icon] {
    font-size: 54px;
  }

  .statItem .data {
    margin-top: 58px;
  }

  .mainProjectsSection {
    padding-top: 80px;
    padding-bottom: 101px;
  }

  .mainAdvantagesSection {
    padding-top: 84px;
    padding-bottom: 94px;
  }

  .mainAdvantagesSection .advantagesBlock {
    margin-top: 72px;
  }

  .advantagesBlock .backImg {
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -webkit-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
    top: 78px;
  }

  .advantagesBlock .advantageItem {
    margin-top: 115px;
  }

  .advantagesBlock .advantageItem .in {
    margin-left: 0;
  }

  .advantagesBlock .advantageItem+.advantageItem {
    margin-top: 97px;
  }

  .bulletTextSection,
  .mainReviewsSection {
    padding-top: 82px;
    padding-bottom: 98px;
  }
}

/* 1199px */
@media (max-width: 1199px) {
  .container {
    width: 1024px;
    padding: 0px 8px;
  }

  .startSlide .info+[class*=btn] {
    margin-top: 48px;
  }

  .startSlide .image {
    right: -119px;
    top: 1px;
  }

  .startSlide .image .img {
    position: relative;
    right: 62px;
    top: 12px;
    -moz-transform: scale(0.74);
    -ms-transform: scale(0.74);
    -webkit-transform: scale(0.74);
    -o-transform: scale(0.74);
    transform: scale(0.74);
  }

  .discountBlock .data {
    font-size: 62px;
  }

  .mainAboutSection {
    padding-bottom: 66px;
  }

  .mainAboutSection .info {
    max-width: 910px;
  }

  .aboutList .backImg {
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    margin-left: -370px;
    top: 93px;
  }

  .aboutList .col {
    width: 263px;
  }

  .mainProjectsSection .titleContainer+.contentContainer {
    margin-top: 81px;
  }

  .mainProjectsSection .pagination {
    margin-top: 102px;
  }

  .mainAdvantagesSection {
    padding-top: 61px;
    padding-bottom: 94px;
  }

  .mainAdvantagesSection .advantagesBlock {
    margin-top: 46px;
  }

  .mainAdvantagesSection .titleContainer+.contentContainer {
    margin-top: 46px;
  }

  .mainAdvantagesSection .textBlock {
    padding: 0 20px;
  }

  .reviewItem {
    padding-left: 17px;
    padding-right: 5px;
    padding-bottom: 37px;
  }

  .topLine .socList+.langList {
    margin-left: 41px;
  }

  .topLine .langList+.partnerLogo {
    margin-left: 42px;
    position: relative;
    right: 8px;
  }

  .socList li+li {
    margin-left: 21px;
  }

  .examplesSection .title:before {
    left: calc(100% - 92px);
  }

  .examplesSection .data {
    font-size: 48px;
  }

  .projectsList {
    gap: 27px 12px;
  }

  .solutionsSection .projectsList .projectItem .content {
    padding-top: 34px;
    padding-left: 20px;
    padding-right: 26px;
    padding-bottom: 35px;
  }

  .projectItem .content {
    padding-top: 34px;
    padding-left: 20px;
    padding-right: 26px;
    padding-bottom: 35px;
  }

  .footer .footerLogo {
    left: -10px;
  }

  .footerInfo {
    padding-left: 323px;
    padding-bottom: 56px;
  }

  .footerServices {
    padding-left: 77px;
  }

  .footerServices .listTempl1 {
    column-gap: 0px;
  }

  .footerServices+.footerContacts {
    margin-top: 95px;
  }

  .contactsTempl1 li+li {
    margin-left: 20px;
  }

  .footerMenu li+li {
    margin-left: 19px;
  }

  .copyright {
    line-height: 19px;
    width: 23%;
    padding: 0 12px;
  }

  .innerPageWrap .headerButtons {
    left: auto;
    right: auto;
    left: 50%;
    margin-left: -301px;
  }

  .tabsTempl {
    flex-wrap: wrap;
  }

  .tabsTempl .tabsList {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .tabsTempl .tabsList li {
    width: auto;
  }

  .tabsTempl .tabsList li a br {
    display: none;
  }

  .tabsTempl .tabContent {
    width: 100%;
    margin-top: 45px;
    padding: 50px 30px;
  }

  .tabsTempl .title+.info {
    margin-top: 30px;
  }

  .faqSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .stepsList {
    justify-content: space-around;
  }

  .stepsList::before {
    display: none;
  }

  .stepsList .stepItem::before {
    display: none;
  }

  .stepsList .stepItem+.stepItem {
    margin-left: 0;
  }

  .stepsSection .titleContainer+.contentContainer {
    margin-top: 50px;
  }

  .orderSection .rightSide {
    margin-left: 0;
  }

  .orderSection .title {
    font-size: 35px;
  }

  .orderSection .title:before {
    display: none;
  }

  .developSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .developSection .wrapper {
    flex-wrap: wrap;
  }

  .developSection .leftSide {
    width: 100%;
  }

  .developSection .rightSide {
    width: 100%;
    padding-top: 50px;
  }

  .developSection [class*=btn] {
    margin-top: 40px;
  }

  .techList {
    grid-template-columns: repeat(2, 1fr);
  }

  .filterBlock .filterWrap {
    flex-wrap: wrap;
  }

  .filterBlock .filterCol {
    min-width: 226px;
  }

  .contactsSection .info {
    padding: 50px 0;
  }

  .feedbackFormContact {
    padding: 50px 0;
  }

  .projectsSection {
    padding: 50px 0;
  }

  .aboutSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .aboutSection .noteBlock+.textBlock {
    margin-top: 35px;
  }

  .cardsList {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    column-gap: 20px;
    row-gap: 20px;
  }

  .halfSection p {
    font-size: 20px;
    line-height: 25px;
  }

  .workSection .workBlock {
    padding: 50px 0 0;
  }

  .workSection .workBlock .left {
    width: 750px;
    margin: 0 auto;
  }

  .workSection .workBlock .right {
    width: 100%;
    padding: 35px 0;
    position: relative;
    top: 0;
  }

  .workSection .workBlock .sliderProject .item img {
    height: 100%;
  }

  .allServiceSection {
    padding: 50px 0;
  }

  .pageTitleBlock {
    padding-top: 61px;
  }

  .reviewForm .left,
  .reviewForm .right {
    width: 100%;
  }

  .reviewForm .right {
    margin-top: 30px;
  }

  .bulletTextSection .textBlock.col2 {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .bulletCards {
    margin: 2px -10px 0px;
  }

  .bulletCards .cardTempl {
    padding: 42px 30px;
  }

  .bulletCards .item {
    padding: 20px 10px 0px;
  }

  .readySection .titleContainer {
    margin-bottom: 42px;
  }

  .readySection .cardTempl {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
  }

  .readySection .contentContainer {
    margin-top: -25px;
  }

  .readySection .contentContainer .contentItem {
    width: calc(50% - 10px);
    margin-top: 5px;
  }

  .briefsList {
    margin: -20px -10px 0px;
  }

  .briefsList .item {
    padding: 20px 10px 0px;
  }

  .feedBackWrap .formContent .formItem {
    width: calc(50% - 10px);
  }
}

@media (min-width: 1024px) {
  .menuWrapper .rightSide {
    display: block !important;
  }
}

/* 1023px */
@media (max-width: 1023px) {
  .menuBurger {
    display: block;
  }

  .mobileVisible {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 23px;
    background-color: #f3f3f3;
    width: calc(100% + 30px);
    left: -15px;
    position: relative;
    padding: 19px 15px;
  }

  .mobileVisible .socList {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }

  .mobileVisible .partnerLogo {
    margin-left: 20px;
  }

  .mobileVisible .langList {
    margin-left: 0;
  }

  .container {
    width: 100%;
  }

  .topLine {
    display: none;
  }

  .menuWrapper .rightSide {
    display: none;
    width: 100%;
    position: absolute;
    top: calc(100% + 48px);
    left: 0;
    background-color: white;
    padding: 14px 17px 0;
  }

  .siteMenu {
    flex-wrap: wrap;
    padding: 0;
  }

  .siteMenu li {
    width: 100%;
  }

  .siteMenu li a {
    display: block;
    width: 100%;
  }

  .siteMenu li a::before {
    display: none;
  }

  .siteMenu li+li {
    margin-left: 0;
  }

  .headerBtn {
    width: 50%;
  }

  .headerBtn [class*=icon] {
    display: none;
  }

  .headerBtn .data {
    font-size: 16px;
  }

  .headerBtn:first-child::before {
    display: none;
  }

  .headerBtn:last-child::before {
    display: none;
  }

  .firstCap {
    font-size: 38px;
  }

  .secCap {
    font-size: 30px;
  }

  .startSlider {
    height: 571px;
  }

  .startSlider .swiper-pagination {
    bottom: 72px;
    padding: 0px 10px;
  }

  .startSlide {
    padding-top: 53px;
    padding-bottom: 20px;
    min-height: 571px;
  }

  .startSlide .image {
    right: -65px;
    top: -92px;
  }

  .startSlide .image .img {
    right: 106px;
    top: 44px;
    -moz-transform: scale(0.57);
    -ms-transform: scale(0.57);
    -webkit-transform: scale(0.57);
    -o-transform: scale(0.57);
    transform: scale(0.57);
  }

  .startSlide .info p {
    display: none;
  }

  .startSlide .info p+ul {
    margin-top: 0;
  }

  .startSlide .listTempl1 {
    columns: 1;
  }

  .startSlide .titleContainer+.contentContainer {
    margin-top: 18px;
  }

  .discountBlock .wrapper {
    min-height: 157px;
  }

  .discountBlock .title {
    padding-bottom: 3px;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    width: 50%;
  }

  .discountBlock .title::before {
    display: none;
  }

  .discountBlock .data {
    margin-left: 0;
    font-size: 50px;
  }

  .mainAboutSection {
    padding-top: 57px;
    padding-bottom: 82px;
  }

  .mainAboutSection .titleContainer+.contentContainer {
    margin-top: 10px;
  }

  .mainAboutSection .info p+p {
    margin-top: 39px;
  }

  .mainAboutSection .aboutList {
    margin-top: 60px;
    margin-bottom: 50px;
    flex-wrap: wrap;
  }

  .aboutList .aboutListItem+.aboutListItem {
    margin-top: 30px;
  }

  .aboutList .backImg {
    width: 100%;
    margin-left: 0;
    top: 0;
    position: relative;
    left: 50px;
  }

  .aboutList .col {
    width: 50%;
  }

  .aboutList .data {
    margin-top: 20px;
  }

  .mainStatSection {
    padding-top: 43px;
    padding-bottom: 12px;
  }

  .mainStatSection [class*=btn] {
    display: none;
  }

  .statList {
    flex-wrap: wrap;
  }

  .statList .statItem {
    min-width: auto;
    width: calc(50% - 15px);
    margin-bottom: 53px;
  }

  .statList .statItem .data {
    margin-top: 18px;
  }

  .examplesSection::before {
    background: transparent;
  }

  .examplesSection .wrapper {
    min-height: 131px;
    padding-right: 38px;
  }

  .examplesSection .title {
    font-size: 25px;
    line-height: 38px;
    width: calc(50% - 5px);
    padding: 0 13px;
  }

  .examplesSection .title::before {
    display: none;
  }

  .examplesSection .data {
    font-size: 87px;
    padding-bottom: 0;
  }

  .mainProjectsSection {
    padding-top: 37px;
    padding-bottom: 49px;
  }

  .mainProjectsSection .titleContainer {
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .mainProjectsSection .titleContainer+.contentContainer {
    margin-top: 35px;
  }

  .mainProjectsSection .titleContainer [class*=btn] {
    margin-top: 25px;
  }

  .mainProjectsSection .pagination {
    margin-top: 59px;
  }

  .projectsList {
    grid-template-columns: repeat(2, 1fr);
    gap: 19px 22px;
  }

  .mainAdvantagesSection {
    padding-top: 41px;
    padding-bottom: 94px;
  }

  .mainAdvantagesSection .info P+p {
    margin-top: 37px;
  }

  .mainAdvantagesSection .titleContainer+.contentContainer {
    margin-top: 26px;
  }

  .mainAdvantagesSection .textBlock {
    padding: 0 5px;
  }

  .advantagesBlock .advantageItem {
    margin-top: 265px;
  }

  .advantagesBlock .backImg {
    margin-left: -140px;
    top: 10px;
    -moz-transform: scale(0.55);
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.55);
    -o-transform: scale(0.55);
    transform: scale(0.55);
  }

  .bulletTextSection,
  .mainReviewsSection {
    padding-top: 38px;
    padding-bottom: 50px;
  }

  .bulletTextSection .titleContainer+.contentContainer,
  .mainReviewsSection .titleContainer+.contentContainer {
    margin-top: 33px;
  }

  .reviewItem {
    padding-left: 24px;
    padding-right: 5px;
    padding-bottom: 27px;
    padding-top: 30px;
  }

  .reviewItem .contentBlock .siteLink {
    margin-top: 20px;
  }

  .footer .bottomLine {
    min-height: 98px;
  }

  .footer .footerLogo {
    left: -8px;
    top: 0px;
    width: 345px;
    background-position: calc(50% - 11px) -26px;
  }

  .paymentsBlock .payments {
    width: 100%;
    min-height: 112px;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .paymentsBlock .payments li {
    width: 25%;
    text-align: center;
  }

  .paymentsBlock .payments li+li {
    margin-left: 0;
  }

  .footerServices {
    padding-left: 350px;
    padding-right: 5px;
    min-height: 470px;
  }

  .footerServices .listTempl1 {
    columns: 1;
  }

  .footerServices+.footerContacts {
    margin-top: 100px;
  }

  .footerInfo {
    padding-left: 0;
    padding-bottom: 59px;
    padding-top: 20px;
  }

  .footerContacts .footerCap+* {
    margin-top: 32px;
  }

  .footerContacts .contactsTempl1 {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .footerContacts .contactsTempl1 li {
    flex-wrap: wrap;
    width: calc(33.3333333333% - 48px);
  }

  .footerContacts .contactsTempl1 li+li {
    margin-left: 0;
  }

  .footerContacts .contactsTempl1 .icon {
    margin-bottom: 11px;
  }

  .footerContacts .contactsTempl1 a {
    display: block;
    width: 100%;
  }

  .footerMenu {
    display: none;
  }

  .copyright {
    width: 100%;
    padding: 0;
    text-align: center;
  }

  .advantageItem .img {
    width: 81px;
  }

  .innerPageWrap .headerButtons {
    left: 0;
    margin-left: 0;
    width: 100%;
  }

  .pageTitleBlock {
    padding-top: 85px;
    padding-bottom: 49px;
  }

  .postSection {
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .postSection .summary {
    margin-bottom: 30px;
  }

  .textBlock figure.alignleft {
    margin-left: 0px;
    margin-right: 0;
    float: none;
    width: 100%;
  }

  .textBlock figure.alignright {
    margin-left: 0px;
    margin-right: 0;
    float: none;
    width: 100%;
  }

  .textBlock figure img {
    width: 100%;
  }

  .textBlock.col2 {
    columns: 1;
  }

  .textBlock ul li+li {
    margin-top: 15px;
  }

  .blogList {
    column-gap: 24px;
    row-gap: 20px;
  }

  .blogItem {
    padding: 15px;
    height: 275px;
  }

  .stepsList {
    flex-wrap: wrap;
  }

  .stepsSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .moreInfoSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .moreInfoList {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .moreInfoList .item {
    width: 100%;
  }

  .servicesInfoSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .servicesInfoSection .noteBlock+.textBlock {
    margin-top: 50px;
  }

  .noteBlock {
    padding: 15px;
  }

  .tabsTempl2 .tabsList {
    flex-wrap: wrap;
  }

  .tabsTempl2 .tabsList li {
    width: 50%;
    border: 0;
    z-index: 3;
  }

  .tabsTempl2 .tabsList li::before {
    display: none;
  }

  .tabsTempl2 .tabContent {
    padding: 15px;
  }

  .servicesSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .orderSection::before {
    background: transparent;
  }

  .orderSection .wrapper {
    flex-wrap: wrap;
  }

  .orderSection .leftSide {
    width: 100%;
  }

  .orderSection .rightSide {
    width: 100%;
    display: block;
    padding: 15px 0;
  }

  .orderSection .pct {
    font-size: 90px;
    line-height: 90px;
  }

  .orderSection .pct+[class*=btn] {
    margin: 0;
  }

  .filterBlock .filterCol {
    min-width: 31%;
  }

  .contactsSection .listContacts {
    flex-wrap: wrap;
  }

  .contactsSection .listContacts li {
    width: calc(50% - 15px);
    margin: 5px;
  }

  .feedbackFormContact .btnArrow {
    margin: 50px auto 0;
  }

  .feedbackFormContact .inpLine {
    width: 100% !important;
  }

  .feedbackFormContact .inpLine+.inpLine {
    margin-top: 15px;
  }

  .feedbackFormContact .feedBackWrap {
    margin-top: 50px;
  }

  .halfSection .wrapper {
    flex-wrap: wrap;
  }

  .halfSection .col {
    width: 100%;
  }

  .descriptionSection .descriptionBlock {
    margin-top: 107px;
    flex-wrap: wrap;
  }

  .descriptionSection .backImg {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -130px;
    width: 335px;
  }

  .descriptionSection .descriptionItem {
    width: 100%;
  }

  .descriptionSection .descriptionItem.reverse {
    flex-direction: row;
    text-align: left;
  }

  .descriptionSection .descriptionItem+.descriptionItem {
    margin-top: 30px;
  }

  .descriptionSection .descriptionItem .img {
    margin-right: 15px;
    flex-shrink: inherit;
  }

  .feedbackLine {
    padding-left: 15px;
    padding-right: 15px;
  }

  .requestSection::before {
    background: transparent;
  }

  .requestSection .leftSide:before {
    display: none;
  }

  .textColumnsSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .feedbackForm {
    padding: 30px 15px;
  }

  .feedbackForm .titleBlock+.formBlock {
    margin-top: 30px;
  }

  .feedbackForm .fieldGrid {
    grid-template-columns: 1fr;
    column-gap: 15px;
    row-gap: 15px;
  }

  .feedbackForm .fieldItem:last-child {
    grid-column: 1;
  }

  .feedbackForm .fileBlock {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .feedbackSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .reviewsSection {
    padding: 50px 0;
  }

  .reviewsSection .reviewList {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }

  .reviewsSection .pagination {
    margin-top: 50px;
  }

  .workSection .workBlock .sliderProject {
    width: calc(100% - 155px);
    left: 0;
  }

  .workSection .workBlock .left {
    width: 100%;
  }

  .allServiceSection .text {
    columns: 1;
  }

  .listBuyProject {
    padding: 30px 15px;
  }

  .listBuyProject .item {
    width: 100%;
  }

  .listBuyProject .item:last-child .inf li {
    width: 100%;
  }

  .bulletCards {
    display: block;
  }

  .bulletCards .item {
    width: 100%;
  }

  .bulletTextSection .secCap {
    line-height: 40px;
  }

  .readySection {
    padding-top: 65px;
  }

  .readySection .secCap {
    line-height: 40px;
  }

  .readySection .postBullet {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .readySection .contentContainer {
    display: block;
  }

  .readySection .contentContainer .contentItem {
    width: 100%;
  }

  .briefsList .item {
    width: 100%;
  }

  .feedBackWrap .formContent .formItem {
    width: calc(50% - 10px);
  }

  .briefLink {
    line-height: 24px;
  }

  .briefLink img {
    margin-right: 20px;
  }

  .briefsSection {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .feedBackWrap .formContent {
    display: block;
  }

  .feedBackWrap .formContent .formItem {
    width: 100%;
  }

  .feedBackWrap .formContent .formItem+.formItem {
    margin-top: 23px;
  }

  .feedBackWrap .formContent+.formAttach {
    margin-top: 27px;
  }
}

/* 639px */
@media (max-width: 639px) {
  .mobileVisible .socList {
    margin-bottom: 23px;
  }

  .mobileVisible .socList li {
    width: 100%;
  }

  .mobileVisible .socList li+li {
    margin-left: 0;
    margin-top: 22px;
  }

  .mobileVisible .partnerLogo {
    margin-left: 0;
    margin-top: 25px;
    width: 100%;
  }

  .headerBtn .data {
    text-align: center;
    padding: 0 15px;
  }

  .startSlide {
    flex-wrap: wrap;
  }

  .startSlide .info+[class*=btn] {
    margin-top: 120px;
  }

  .startSlide .rightSide {
    padding-top: 15px;
    height: 120px;
  }

  .startSlide .leftSide {
    padding-top: 30px;
  }

  .startSlide .leftSide,
  .startSlide .rightSide {
    width: 100%;
  }

  .startSlide .image {
    right: 0;
    top: 0;
  }

  .startSlide .image .img {
    display: none;
  }

  .startSlide .image .price {
    background-image: none;
    color: #f44370;
    position: absolute;
    top: -175px;
    left: 0;
    padding: 0;
  }

  .startSlider {
    height: 610px;
  }

  .startSlider .leftSide {
    left: 0 !important;
  }

  .startSlider .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 0 !important;
  }

  .startSlider .swiper-pagination {
    gap: 15px 19px;
    bottom: 20px;
    padding: 0px 10px;
    flex-wrap: wrap;
  }

  .discountBlock .wrapper {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 10px 5px 25px;
  }

  .discountBlock .title {
    width: 100%;
  }

  .discountBlock .data {
    line-height: 40px;
    padding: 0;
    width: 100%;
  }

  .mainAboutSection .aboutList {
    margin-top: 100px;
  }

  .aboutList .backImg {
    left: 45px;
    margin: 0 auto;
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    margin-bottom: 60px;
  }

  .aboutList .col {
    width: 100%;
  }

  .examplesSection .wrapper {
    flex-wrap: wrap;
    padding: 5px 15px;
    min-height: 100px;
  }

  .examplesSection .title {
    padding: 0;
    width: 100%;
  }

  .examplesSection .data {
    width: 100%;
    line-height: 110px;
    padding: 0;
    width: 100%;
  }

  .secCap {
    font-size: 30px;
    line-height: 40px;
  }

  .projectsList {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
  }

  .advantagesBlock {
    flex-wrap: wrap;
  }

  .advantagesBlock .backImg {
    margin-left: -170px;
    top: 0;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transform: inherit;
    position: relative;
    width: 100%;
  }

  .advantagesBlock .advantageItem {
    margin-top: 40px;
  }

  .advantagesBlock .advantageItem+.advantageItem {
    margin-top: 40px;
  }

  .advantagesBlock .col {
    width: 100%;
  }

  .advantagesBlock .col+.col {
    margin-top: 40px;
  }

  .advantagesBlock .listTempl2.right {
    text-align: left;
  }

  .advantagesBlock .listTempl2.right li {
    padding-left: 31px;
    padding-right: 0;
  }

  .advantagesBlock .listTempl2.right li:before {
    left: 0;
    right: auto;
  }

  .footer .footerLogo {
    width: 345px;
    background-position: center;
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
  }

  .footerInfo {
    padding-top: 0;
  }

  .footerServices {
    padding-left: 15px;
    padding-right: 15px;
    min-height: auto;
  }

  .footerServices+.footerContacts {
    margin-top: 50px;
    padding: 0 15px;
  }

  .footerContacts .contactsTempl1 li {
    width: 100%;
  }

  .footerContacts .contactsTempl1 li a {
    width: auto;
  }

  .footerContacts .contactsTempl1 li .icon {
    margin-bottom: 0;
  }

  .footerContacts .contactsTempl1 li+li {
    margin-top: 25px;
  }

  .postSection .postInfo {
    flex-wrap: wrap;
    gap: 15px;
  }

  .postSection .titleContainer+.contentContainer {
    margin-top: 30px;
  }

  .tagList {
    flex-wrap: wrap;
  }

  .tagList li+li {
    margin-left: 0;
  }

  .postInfo .date+.tagList {
    gap: 10px;
    margin-left: 0;
  }

  .blogNav {
    padding: 15px;
  }

  .blogSection {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .blogSection .blogNav+.blogList {
    margin-top: 30px;
  }

  .blogSection .blogList+.pagination {
    margin-top: 30px;
  }

  .blogList {
    grid-template-columns: repeat(1, 1fr);
  }

  .pageTitle {
    font-size: 50px;
    line-height: 70px;
  }

  .stepsList {
    gap: 35px;
  }

  .techList {
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }

  .filterBlock {
    padding: 15px;
  }

  .filterBlock .filterCol {
    min-width: 47%;
  }

  .feedbackFormContact .info .desr {
    font-size: 18px;
    line-height: 26px;
    max-width: 100%;
  }

  .projectsSection .projectsWorkList {
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
  }

  .projectsSection .pagination {
    margin-top: 50px;
  }

  .descriptionSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .descriptionSection .feedbackLine {
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
  }

  .descriptionSection .title {
    text-align: center;
    margin-bottom: 15px;
  }

  .requestSection .wrapper {
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px 0;
    justify-content: center;
  }

  .requestSection .title,
  .requestSection .subtitle {
    text-align: center;
  }

  .workSection .workBlock .left {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .workSection .workBlock .sliderProject {
    width: 100%;
  }

  .workSection .workBlock .sliderProjectNav {
    width: 100%;
    height: auto;
    left: 0;
    margin-top: 15px;
  }

  .workSection .workBlock .sliderProjectNav .item {
    height: auto;
    margin: 0 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .workSection .workBlock .sliderProjectNav .item img {
    height: 250px;
  }

  .workSection .workBlock .sliderProjectNav .slick-arrow {
    top: 50%;
    left: 5px;
    width: 41px;
    height: 22px;
    margin-top: -11px;
    margin-left: 0;
  }

  .workSection .workBlock .sliderProjectNav .slick-arrow.slick-prev {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .workSection .workBlock .sliderProjectNav .slick-arrow.slick-next {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    left: auto;
    right: 5px;
    top: 50%;
    bottom: auto;
  }

  .reviewsSection .reviewList {
    margin: 0;
  }

  .reviewsSection .reviewList .reviewItem {
    width: 100%;
    margin: 0 0 15px;
  }

  .blogItem {
    background-size: cover;
  }

  .blogItem:hover {
    background-size: cover;
  }

  .tooltipBtn .txt {
    width: 90px;
    font-size: 15px;
    -moz-transform: translate(-26%, -100%);
    -ms-transform: translate(-26%, -100%);
    -webkit-transform: translate(-26%, -100%);
    -o-transform: translate(-26%, -100%);
    transform: translate(-26%, -100%);
  }

  .bulletCards .cardTempl {
    padding: 32px 20px;
  }

  .readySection {
    padding-top: 40px;
  }

  .readySection .cardTempl {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 479px */
@media (max-width: 479px) {
  .headerBtn .data {
    padding: 0 0px;
    font-size: 12px;
    line-height: 18px;
  }

  .startSlide {
    min-height: auto;
  }

  .startSlide .titleContainer {
    margin-bottom: 25px;
  }

  .startSlide .titleContainer [class*=Cap] {
    margin-top: 28px;
  }

  .startSlide .titleContainer+.contentContainer {
    margin-top: -6px;
  }

  .startSlider {
    height: auto;
    padding-bottom: 25px;
  }

  .startSlider .swiper-pagination {
    bottom: 70px;
  }

  .firstCap {
    line-height: 40px;
  }

  .discountBlock {
    position: relative;
    top: -17px;
  }

  .discountBlock .wrapper {
    padding: 0;
  }

  .discountBlock .data {
    font-size: 49px;
    white-space: nowrap;
  }

  .mainAboutSection {
    padding-top: 27px;
    padding-bottom: 82px;
  }

  .statList .statItem {
    width: 100%;
    margin-bottom: 57px;
  }

  .mainStatSection {
    padding-bottom: 27px;
  }

  .examplesSection .wrapper {
    padding: 5px 15px 25px;
  }

  .examplesSection .title {
    font-size: 20px;
    line-height: 34px;
    width: 100%;
    padding: 0;
  }

  .examplesSection .data {
    line-height: 79px;
  }

  .pagination {
    justify-content: center;
  }

  .pagination li {
    margin: 0px 7px !important;
  }

  .pagination li.control {
    display: none !important;
  }

  .mainProjectsSection .pagination {
    margin-top: 48px;
  }

  .advantagesBlock .backImg {
    margin-left: -109px;
  }

  .bulletTextSection .titleContainer+.contentContainer,
  .mainReviewsSection .titleContainer+.contentContainer {
    margin-top: 44px;
  }

  .reviewItem {
    padding-bottom: 35px;
  }

  .reviewItem .contentBlock .siteLink {
    margin-top: 9px;
  }

  .paymentsBlock {
    padding: 15px 0;
  }

  .paymentsBlock .payments li {
    width: 50%;
    text-align: center;
    padding: 10px 0;
  }

  .footer .footerLogo {
    left: 50%;
    margin-left: -170px;
  }

  .footerServices {
    margin-top: -7px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footerServices+.footerContacts {
    margin-top: 50px;
    padding: 0 8px;
  }

  .footerContacts .contactsTempl1 li+li {
    margin-top: 37px;
  }

  .footerContacts .footerCap+* {
    margin-top: 46px;
  }

  .footerInfo {
    padding-bottom: 34px;
  }

  .copyright {
    text-align: left;
  }

  .pageTitle {
    font-size: 50px;
  }

  .postSection .summary {
    font-size: 18px;
    line-height: 30px;
  }

  .blogItem {
    padding: 10px;
    height: 290px;
  }

  .pageTitle {
    font-size: 35px;
  }

  .faqSection {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .tabsTempl .tabsList li a {
    font-size: 18px;
    line-height: 30px;
  }

  .tabsTempl .title+.info {
    margin-top: 15px;
  }

  .tabsTempl .tabContent {
    padding: 15px;
  }

  .tabsTempl .tabContent .info .textBlock {
    font-size: 15px;
  }

  .tabsTempl .tabContent .info p {
    line-height: 30px;
  }

  .moreInfoCard {
    padding-top: 74px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 17px;
  }

  .tabsTempl2 .tabsList li {
    width: 100%;
  }

  .filterBlock {
    padding: 15px;
  }

  .filterBlock .filterCol {
    min-width: 100%;
  }

  .contactsSection .listContacts li {
    width: 100%;
    margin: 0;
  }

  .contactsSection .listContacts li+li {
    margin-top: 15px;
  }

  .feedbackFormContact .btnArrow {
    font-size: 18px;
  }

  .noteBlock .title {
    font-size: 24px;
    line-height: 29px;
  }

  .noteBlock p {
    font-size: 15px;
    line-height: 26px;
  }

  .halfSection .col {
    padding: 25px 5px;
  }

  .halfSection .title {
    font-size: 34px;
    line-height: 61px;
  }

  .descriptionSection .descriptionBlock {
    margin-top: 10px;
  }

  .requestSection .title {
    display: block;
    font-size: 29px;
    line-height: 34px;
    color: white;
    font-weight: 800;
    text-transform: uppercase;
  }

  .requestSection .subtitle {
    font-size: 14px;
  }

  .reviewItem {
    padding: 15px;
  }

  .reviewItem .contentBlock {
    font-size: 15px;
    line-height: 22px;
  }

  .workSection .workBlock .sliderProject .item {
    height: 340px;
  }

  .workSection .workBlock .sliderProjectNav .item img {
    height: 90px;
    width: 60px;
    display: table;
    margin: 0 auto;
  }

  .workSection .workBlock .sliderProjectNav .slick-arrow.slick-prev {
    left: -15px;
  }

  .workSection .workBlock .sliderProjectNav .slick-arrow.slick-next {
    right: -15px;
  }

  .listBuyProject .item+.item {
    margin-top: 15px;
  }

  .listBuyProject .item:last-child {
    width: 100%;
    margin-top: 9px;
    padding: 15px 10px;
  }

  .listBuyProject .lineSum {
    padding: 15px 10px;
    flex-wrap: wrap;
  }

  .listBuyProject .lineSum .btnYellow,
  .listBuyProject .lineSum .btnRed {
    margin: 15px auto 0;
  }

  .listBuyProject .lineSum .summa {
    width: 100%;
    text-align: center;
  }

  .listBuyProject .inf {
    padding: 15px 10px;
  }

  .listBuyProject .standartTxt {
    font-size: 23px;
    line-height: 35px;
  }

  .aboutList .col+.col {
    margin-top: 15px;
  }

  .advantageItem.right {
    flex-direction: row;
    text-align: left;
  }

  .listTempl2 li {
    padding-left: 28px !important;
    line-height: 30px;
  }

  .listTempl2 li::before {
    top: 10px;
  }

  .stepItem .num {
    right: 0;
  }

  .reviewForm .feedbackForm .formBlock .captchaBlock img {
    width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */