body {
  font-family: Gilroy, sans-serif;
  margin: 0;
  overflow-x: hidden;
  color: #1f2229;
}
/*  header {
left: 0;
padding-top: 80px;
margin: 0 auto;
position: fixed;
right: 0;
transition: 1s ease-out 0s;
z-index:1;
}
header .container {
padding: 0 15px;
display: table;
}
*/
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 122px;
  z-index: 999;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  background-color: transparent;
  box-sizing: border-box;
}
header.active {
  height: 60px;
  background-color: #1f2229;
}
.header__wrap {
  max-width: 168.4rem;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 8rem;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .header__wrap {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .header__wrap {
    padding: 0 25px;
  }
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__logo-link {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__logo-link img {
  width: 2.3rem;
  height: 2.7rem;
  object-fit: contain;
}
.header__logo-link span {
  color: #fefeff;
  font-family: Muller;
  padding-left: 5px;
  font-weight: 250;
  font-size: 2.2rem;
  position: relative;
  top: 1px;
}
.header__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__phone {
  color: #fff;
  font-size: 1.8rem;
}
.header__phone-link {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}
.header__phone-link::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background-color: #fff;
  width: 0;
  -webkit-transition: width ease-out 0.5s;
  -o-transition: width ease-out 0.5s;
  transition: width ease-out 0.5s;
  margin-top: 1px;
}
.header__phone-link:hover {
  color: #fff;
}
.header__phone-link:hover::after {
  width: 100%;
}
.header__burger-cnt {
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 6rem;
}
@media (max-width: 767px) {
  .header__burger-cnt {
    margin-left: 25px;
  }
}
@media (max-width:320px){
  .header__burger-cnt {
    margin-left: 10px;
  }
}
.header__burger-icon {
  width: 2.9rem;
  height: 1.6rem;
  background-image: url(/assets/template/newmain/images/icons/burger.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.menu-pc {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: fixed;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.menu-pc.active {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
.menu-pc__inner {
  width: auto;
  height: auto;
  background-color: rgba(17, 19, 21, 0.98);
  display: block;
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px;
  right: 50px;
  -webkit-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu-pc__inner.active {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}
.menu-pc__cnt {
  display: block;
}
.menu-pc__menu {
  margin: 0 auto;
  position: relative;
  top: 0;
  text-align: center;
}
.menu-pc__menu-list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.menu-pc__menu-item {
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  margin-bottom: 5px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.menu-pc__menu-item:last-of-type {
  margin-bottom: 0;
}
.menu-pc__menu-item a {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  padding: 5px 0;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: color 0.15s ease-out;
  -o-transition: color 0.15s ease-out;
  transition: color 0.15s ease-out;
  text-decoration: none;
  display: inline-block;
}
.menu-pc__menu-item a::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background-color: #fff;
  width: 0;
  -webkit-transition: width ease-out 0.5s;
  -o-transition: width ease-out 0.5s;
  transition: width ease-out 0.5s;
  margin-top: 1px;
}
.menu-pc__menu-item a:hover::after {
  width: 100%;
}
.menu-pc__menu-item.animated {
  -webkit-animation: push_text_top 0.5s ease-in-out both;
  animation: push_text_top 0.5s ease-in-out both;
}
.menu-pc__menu-item--active a::after {
  width: 100%;
}
.menu-pc__close-wrap {
  max-width: 168.4rem;
  margin: 0 auto;
  height: 122px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 80px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 999999;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .menu-pc__close-wrap {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .menu-pc__close-wrap {
    padding: 0 25px;
  }
}
.menu-pc__close-wrap.scrolled {
  height: 60px;
}
.menu-pc__close {
  color: #fff;
  font-size: 5.5rem;
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(/assets/template/newmain/images/icons/close-white.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 100% 50%;
}
@media (max-width: 1600px) {
  .menu-pc__close {
    font-size: 7rem;
  }
}
.menu-pc__close.animated {
  -webkit-animation: push_text_bottom 0.5s ease-in-out both;
  animation: push_text_bottom 0.5s ease-in-out both;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

p {
  font-size: 1.6rem;
}
@font-face {
  font-family: 'Helios';
  src: url('../fonts/HeliosCond-Bold.eot');
  src: url('../fonts/HeliosCond-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HeliosCond-Bold.woff') format('woff'),
    url('../fonts/HeliosCond-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.main {
  background-position: center bottom;
  background-image: url(../images/backgroundmain2.jpg);
  height: 890px;
  position: relative;
}
.main .promo p {
  margin: 0;
  font-size: 23px;
  color: rgb(255, 255, 255);
  line-height: 1.3;
  text-align: left;
  max-width: 910px;
}
a.header_logo {
  display: inline-block;
  margin-right: 140px;
  width: 120px;
}
.header_logo .logo img {
  width: 60%;
}
.logo {
  vertical-align: middle;
  display: inline-block;
  width: 190px;
}
ul.navigation {
  padding-left: 0;
}
.menu {
  display: inline-block;
}
.main2.other_height {
  height: 170px;
}
.menu nav ul li {
  padding-right: 30px;
  display: inline-block;
}
.contacts {
  display: inline-block;
  position: absolute;
  color: white;
  bottom: 16px;
  right: 0;
  font-size: 16px;
}
.instagram {
  display: inline-block;
  position: absolute;
  left: -50px;
}
.instagram a::after {
  content: '\f16d';
  font-family: FontAwesome;
  color: white;
  position: absolute;
  left: 6px;
  top: 12%;
}
.instagram a {
  width: 100%;
  height: 100%;
}
.menu nav ul li {
  display: inline-block;
}
.menu nav ul li a {
  font-size: 14px;
  color: white;
  text-decoration: none;
}
.menu nav ul li span {
  font-size: 14px;
  color: white;
  text-decoration: none;
}
form input[name='name'],
form input[name='phone'] {
  display: none;
}
/* Иконки контактов
.fa-envelope:before {
  color: #ee314b;
  position: absolute;
  bottom: 5px;
  left: 50%;
  font-size: 13px;
  margin-left: -7px;
}

.phone .fa-phone:before {
  color: #ee314b;
  position: absolute;
  bottom: 1px;
  left: 50%;
  font-size: 18px;
  margin-left: -8px;
}*/
.phone i.fa.fa-phone,
.mes i.fa.fa-envelope {
  display: none;
  text-align: center;
  padding: 11px;
  border: 2px solid #ee314b;
  border-radius: 20px;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
}
.mes a.con:before,
.phone a.con:before {
  display: inline-block;
  width: 25px;
  height: 26px;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.mes a.con:before {
  background-image: url(/assets/template/images/icons/msg-ic.png);
}
.phone a.con:before {
  background-image: url(/assets/template/images/icons/phone-ic.png);
}
.phone {
  display: inline-block;
}
.mes {
  margin-right: 25px;
  display: inline-block;
}
.icon {
  margin-right: 5px;
  border: 2px solid #ee2f4a;
  position: relative;
  border-radius: 20px;
  width: 25px;
  display: inline-block;
  height: 25px;
  box-sizing: border-box;
}
.contacts span {
  font-family: pfdintextcond, sans-serif;
  vertical-align: middle;
}
a.con {
  color: #fff;
  text-decoration: none;
}
.promo h1 {
  margin-bottom: 35px;
  font-size: 71px;
  max-width: 770px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
}
.main .promo h1:after {
  content: '!';
  color: #ee2f4a;
}
.promo {
  display: table;
  text-align: center;
  width: 110rem;
  margin: 0 auto;
  height: 100%;
}
.inpromo {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.promo p {
  font-weight: 300;
  max-width: 620px;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
  margin: 0 auto;
}
.item {
  text-align: left;
  margin-right: 8rem;
  display: inline-block;
  width: 32rem;
  vertical-align: text-top;
}
p.title {
  margin: 0;
}
.promotion p {
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.6;
}
.work .container {
  margin: 0 auto;
  text-align: center;
  width: 130rem;
  padding-bottom: 13rem;
  padding-top: 10rem;
}
.work {
  background-color: #f6f6f6;
}
.work .container h3 {
  font-size: 3.3rem;
  color: #1f2229;
  font-weight: 400;
  margin-top: 0;
}
.work .container p {
  height: 14rem;
  margin-bottom: 6.5rem;
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.4;
}
.work .container .item:last-child {
  margin-right: 0;
}
.work .container span {
  font-weight: 500;
  font-size: 2rem;
  color: #1f2229;
}
.item.page p {
  margin-bottom: 0;
  height: 32rem;
  padding-bottom: 0px;
}
.button {
  /* мое */
  display: block;
  background-color: #1f2229;
  text-align: center;
  line-height: 3rem;
  /* /мое */
  width: 14rem;
  height: 3rem;
  border: 0;
  border-radius: 2rem;
  cursor: pointer;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
  margin-top: 2.5rem;
  transition: all ease-out 0.5s;
}
.button:hover {
  background-color: #9a1a1f;
}
.info {
  margin-top: 65px;
  background-position: center top;
  background-size: contain;
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  height: 910px;
}
.info h3 {
  margin: 0;
  font-size: 22px;
  padding-right: 10px;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
}
.info h2 {
  margin: 0;
  font-size: 81px;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 100px;
}
.info .container {
  display: inline-block;
  padding-top: 175px;
  max-width: 710px;
  text-align: center;
  margin: 0;
  padding-left: 50px;
  box-sizing: border-box;
}
.wrapper {
  width: 1300px;
  margin: 0 auto;
  text-align: right;
  box-sizing: border-box;
}
.advantages .wrapper h2 {
  font-size: 35px;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 55px;
  margin-bottom: 75px;
}
.info p.first {
  margin-bottom: 40px;
  margin-left: 0;
  padding-left: 25px;
  border-left: 7px solid #ee2f4a;
  text-align: left;
  font-size: 20px;
  color: rgb(1, 1, 1);
}
.info p {
  margin-bottom: 35px;
  margin-left: 33px;
  text-align: left;
  font-size: 17px;
  color: #1f2229;
}
.photo {
  background-repeat: no-repeat;
  display: inline-block;
  width: 24%;
  height: 445px;
}
.photo.n1 {
  background-image: url(../images/photo1.jpg);
  background-position: center;
}
.photo.n2 {
  background-image: url(../images/photo2.jpg);
  background-position: center;
}
.photo.n3 {
  background-position: center;
  background-image: url(../images/photo3.jpg);
}
.photo.n4 {
  background-position: center;
  background-image: url(../images/photo4.jpg);
}
.photo.n5 {
  background-position: center;
  background-image: url(../images/photo5.jpg);
}
.photo.n6 {
  background-position: center;
  background-image: url(../images/photo6.jpg);
}
.photo.n7 {
  background-position: center;
  background-image: url(../images/photo7.jpg);
}
.photo.n8 {
  background-position: center;
  background-image: url(../images/photo8.jpg);
}
/* Блоки Портфолио 09.2021 */
.portfolio {
  margin: 10px 0;
  font-size: 0;
  padding: 0 7px;
}
.portfolio .grid {
  text-align: left;
}

.portfolio-bd {
  margin: 10px 0;
  padding: 0 7px;
}
@media (max-width: 767px) {
  .portfolio-bd {
    padding: 0;
  }
}
.portfolio-bd__wrap {
  text-align: left;
  position: relative;
  margin: 0 auto;
  padding: 2rem 0 2rem;
  list-style: none;
  font-size: 0;
}
.portfolio-bd__link {
  display: inline-block;
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px;
}
@media (max-width: 960px) {
  .portfolio-bd__link {
    width: 33%;
  }
}
@media (max-width: 767px) {
  .portfolio-bd__link {
    width: 50%;
    padding: 0 10px 25px;
  }
}
@media (max-width: 545px) {
  .portfolio-bd__link {
    width: 46%;
    padding: 0 25px;
    padding-bottom: 25px;
    padding: 0;
  }
  .portfolio-bd__wrap {
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.portfolio-bd__effect-ming {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  width: 100%;
  text-align: center;
  cursor: pointer;
  background: #1f2229;
  -webkit-transition: all ease-out 0.8s;
  -o-transition: all ease-out 0.8s;
  transition: all ease-out 0.8s;
}
.portfolio-bd__effect-ming:hover img {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  width: 100%;
  opacity: 0.4;
}
.portfolio-bd__effect-ming:hover .portfolio-bd__desc {
  background-color: rgba(58, 52, 42, 0);
}
.portfolio-bd__effect-ming:hover .portfolio-bd__desc::before,
.portfolio-bd__effect-ming:hover p {
  opacity: 1;
  color: #fff;
  text-transform: initial;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.portfolio-bd__effect-ming:hover h2 {
  opacity: 1;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
.portfolio-bd__effect-ming img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  width: 100%;
  opacity: 0.9;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: all ease-out 0.6s;
  -o-transition: all ease-out 0.6s;
  transition: all ease-out 0.6s;
}
.portfolio-bd__effect-ming h2 {
  margin: 10px 0;
  -webkit-transition: all ease-out 1s;
  -o-transition: all ease-out 1s;
  transition: all ease-out 1s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 0;
  font-size: 31px;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 1600px) {
  .portfolio-bd__effect-ming h2 {
    font-size: 29px;
  }
}
@media (max-width: 1280px) {
  .portfolio-bd__effect-ming h2 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .portfolio-bd__effect-ming h2 {
    font-size: 14px;
  }
}
.portfolio-bd__effect-ming p {
  padding: 25px;
  line-height: 1.4;
  opacity: 0;
  font-weight: 300;
  -webkit-transition: all ease-out 0.8s;
  -o-transition: all ease-out 0.8s;
  transition: all ease-out 0.8s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-size: 17px;
}
@media (max-width: 1600px) {
  .portfolio-bd__effect-ming p {
    font-size: 15px;
  }
}
@media (max-width: 1280px) {
  .portfolio-bd__effect-ming p {
    padding: 20px 10px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .portfolio-bd__effect-ming p {
    display: none;
  }
}
.portfolio-bd__preview {
  display: inline-block;
  padding: 0;
  width: 100%;
  vertical-align: top;
}
.portfolio-bd__desc {
  padding: 20px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(
    5deg,
    #00000045 0,
    rgba(0, 0, 0, 0.35) 100%
  );
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1280px) {
  .portfolio-bd__desc {
    padding: 10px;
  }
}
.portfolio-bd__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.link-bb {
  text-transform: lowercase;
  color: #721314;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  line-height: 1;
}
.link-bb::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #721314;
  -webkit-transition: width ease-out 0.5s;
  -o-transition: width ease-out 0.5s;
  transition: width ease-out 0.5s;
}
.link-bb:hover {
  color: #721314;
}
.link-bb:hover::after {
  width: 0;
  padding: 0;
  margin: 0;
}
/* -------------------- */
.advantages {
  margin-bottom: 75px;
  padding-top: 75px;
  display: table;
  height: 740px;
  background-image: url(../images/backgroundadv.jpg);
  width: 100%;
  font-size: 35px;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
}
.advantages .container {
  text-align: center;
  display: table;
  /*    height: 640px;*/
  width: 100%;
  padding: 0 35px;
  background-color: white;
  box-sizing: border-box;
  border: 10px solid #dfdfdf;
}
.advantages .item {
  width: 305px;
  height: 230px;
}
.advantages .item span {
  display: inline-block;
  font-size: 19px;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: text-top;
}
.advantages .item p {
  font-weight: 300;
  font-size: 15px;
  color: rgb(50, 50, 50);
  text-transform: initial;
}
.item.i3 {
  margin-right: 0;
}
.item.i6 {
  margin-right: 0;
}
.advantages .item::before {
  content: '';
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  display: inline-block;
}
.advantages .item:nth-child(2)::before {
  background-image: url(../images/icon1.png);
  width: 75px;
  content: '';
  height: 47px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.advantages .item:nth-child(3)::before {
  background-image: url(../images/icon2.png);
  width: 75px;
  content: '';
  height: 47px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.advantages .item:nth-child(4)::before {
  background-image: url(../images/icon3.png);
  width: 75px;
  content: '';
  height: 47px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.advantages .item:nth-child(5)::before {
  background-image: url(../images/icon4.png);
  width: 75px;
  content: '';
  height: 51px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
}
.advantages .item:nth-child(6)::before {
  background-image: url(../images/icon5.png);
  width: 75px;
  content: '';
  height: 47px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.advantages .item:nth-child(7)::before {
  position: inherit;
  background-image: url(../images/icon6.png);
  width: 40px;
  content: '';
  height: 54px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.com {
  display: inline-block;
  font-size: 1.9rem;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
}
/*.advantages .item.i6 p {
margin: 0;
}

*/
footer.old {
  background-repeat: no-repeat;
  height: 650px;
  font-size: 0;
}
footer.old h2 {
  font-size: 39px;
  margin-bottom: 55px;
  color: white;
  text-transform: uppercase;
}
footer.old h2 span {
  color: #ee2f4a;
}
/* ------------ Modal -----------*/

.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(34, 34, 34, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 55;
}

.modal-bg.active {
  visibility: visible;
  opacity: 1;
}

.modal {
  position: relative;
  background-color: #fff;
}

.modal__close {
  position: absolute;
  top: 20px;
  right: 18px;
  width: 26px;
  height: 26px;
  background-image: url(../images/modal-close.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

.similar-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 120px 175px 35px 175px;
}

.similar-modal .similar-modal__title h2 {
  color: #1f2229;
  font-size: 33px;
  font-weight: 400;
  text-transform: none;
  text-align: center;
}

.similar-modal .similar-modal__form {
  width: 500px;
}

.similar-modal .similar-modal__input-name {
  width: 100%;
  background-color: #fff;
  text-align: center;
}

.similar-modal .similar-modal__input-name:placeholder {
  opacity: 0.5;
  color: #111112;
}

.similar-modal .similar-modal__input-phone {
  width: 100%;
  background-color: #fff;
  text-align: center;
}

.similar-modal .similar-modal__form-cnt form label {
  font-size: 14px;
  margin: 35px 0;
}

.similar-modal .similar-modal__input-submit {
  width: 187px;
  height: 49px;
  border-radius: 25px;
  background-color: #ee2f4a;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 18px;
  font-weight: 200;
  margin: 20px 0 0 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.similar-modal .similar-modal__input-submit:hover {
  background-color: #c13045;
}

@media (max-width: 768px) {
  .similar-modal {
    padding: 40px 15px;
  }
  .similar-modal .similar-modal__form {
    width: 100%;
  }
  .similar-modal .similar-modal__form-cnt form label {
    margin: 0;
  }
}

/* FeedBack Modal */

.feedback-modal {
  padding: 35px 25px;
  position: relative;
  width: 100%;
  max-width: 900px;
}

@media (max-width: 767px) {
  .feedback-modal {
    padding: 20px 15px;
  }
}

.feedback-modal__title {
  font-size: 32px;
  font-weight: 400;
  text-align: center;
}

.feedback-modal .form {
  width: 100%;
  margin-top: 20px;
}

.feedback-modal .form__input {
  width: 100%;
  height: 40px;
  margin: 10px 0;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #767676;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .feedback-modal .form__input {
    margin: 6px 0;
  }
}

.feedback-modal .form__input::placeholder {
  color: #7c7c7c;
  transition: all 0.3s ease-in-out;
}

.feedback-modal .form__input:focus {
  outline: 0;
  padding: 5px 5px 5px 12px;
}

.feedback-modal .form__input:focus::placeholder {
  color: #b9b9b9;
}

.feedback-modal .form__checkbox-cnt {
  margin-top: 12px;
  margin-bottom: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feedback-modal .form__checkbox-cnt .link {
  color: #ee304b;
  text-decoration: none;
}

.feedback-modal .form__checkbox-cnt .link:hover {
  text-decoration: underline;
}

.feedback-modal .form__checkbox {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}

.feedback-modal .form__submit {
  height: 35px;
  padding: 0 40px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  color: white;
  font-weight: 300;
  background-color: #ee2f4a;
  outline: 0;
  border: 1px solid #ee2f4a;
  border-radius: 35px;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.feedback-modal .form__submit:hover {
  background-color: #f3f3f3;
  color: #ee2f4a;
}

.office {
  float: right;
  background-color: #ee2f4a;
  background-size: cover;
  background-position: right;
  display: table;
  width: 615px;
  height: 650px;
  padding-left: 10px;
  box-sizing: border-box;
}
.office h3 {
  font-size: 15px;
  color: rgb(24, 24, 23);
  font-weight: bold;
  text-transform: uppercase;
}
.office p {
  font-size: 15px;
  color: rgb(24, 24, 23);
  font-weight: bold;
}
.office p.white {
  font-weight: 500;
  color: white;
}
.office::before {
  width: 85px;
  content: '';
  height: 655px;
  display: block;
  background-image: url(../images/backgroundfootl.jpg);
  background-repeat: no-repeat;
  margin-right: 60px;
}
.inoffice {
  display: table-cell;
  vertical-align: middle;
}
.sertifimg {
  background-image: url(../images/bssm.jpg);
  width: 100px;
  height: 70px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 20px 0 -70px;
  cursor: pointer;
}
.office p a {
  color: white;
}
a.phone_foot {
  font-size: 22px;
  text-decoration: none;
}
.wrapof {
  background-color: #ee2f4a;
  width: 46%;
  display: inline-block;
}
.wrforms {
  text-align: left;
  height: 655px;
  width: 54%;
  background-image: url(../images/footer.jpg);
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.forms {
  margin-top: 110px;
  text-align: left;
  display: inline-block;
  margin-left: 130px;
  padding-right: 10px;
  box-sizing: border-box;
}
.forms input {
  outline: none;
  background-color: transparent;
  font-size: 20px;
  font-family: 'Raleway';
  color: white;
  display: block;
  margin-bottom: 30px;
  width: 470px;
  height: 40px;
  border-bottom-color: rgb(255, 255, 255);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid rgb(255, 255, 255);
  opacity: 0.702;
}
.forms label {
  font-size: 13px;
  color: #fff;
  display: block;
  line-height: 1.2;
  margin-bottom: 15px;
  max-width: 465px;
  text-align: left;
}

.forms input[type='checkbox'] {
  display: inline-block;
  margin: 0;
  width: 22px;
  height: 22px;
  margin-right: 15px;
  vertical-align: middle;
}
.forms label a {
  color: #ee304b;
  text-decoration: none;
}
.forms label a:hover {
  text-decoration: underline;
}

div#hidden-content-a .form-inline input[type='checkbox'],
div#hidden-content-b .form-inline input[type='checkbox'],
div#hidden-content-c .form-inline input[type='checkbox'] {
  outline: none;
  background-color: transparent;
  font-size: 20px;
  font-family: 'Raleway';
  color: white;
  display: block;
  margin-bottom: 30px;
  width: 470px;
  height: 40px;
  border-bottom-color: rgb(255, 255, 255);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid rgb(255, 255, 255);
  opacity: 0.702;
}

.form-inline label {
  font-size: 13px;
  color: #1f2229;
  display: block;
  line-height: 1.2;
  margin-bottom: 15px;
  max-width: 465px;
  text-align: left;
}
div#hidden-content-a .form-inline input[type='checkbox'],
div#hidden-content-b .form-inline input[type='checkbox'],
div#hidden-content-c .form-inline input[type='checkbox'] {
  display: inline-block;
  margin: 0;
  width: 22px;
  height: 22px;
  margin-right: 15px;
  vertical-align: middle;
}
.form-inline label a {
  color: #ee304b;
  text-decoration: none;
}
.form-inline label a:hover {
  text-decoration: underline;
}
textarea {
  resize: none;
  width: 465px;
  height: 106px;
  font-family: 'Raleway';
  outline: none;
  background-color: transparent;
  font-size: 20px;
  color: white;
  display: block;
  margin-bottom: 30px;
  border-bottom-color: rgb(255, 255, 255);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid rgb(255, 255, 255);
  margin-top: 5px;
  opacity: 0.702;
}
.forms button {
  margin: 20px 20px 0;
  display: block;
  cursor: pointer;
  color: white;
  font-weight: 300;
  background-color: #ee2f4a;
  height: 35px;
  width: 150px;
  border-radius: 35px;
  border: none;
  float: left;
  font-size: 18px;
}
.forms button:hover {
  background-color: #c13045;
}
.form-item {
  float: left;
  display: inline-block;
  width: 302px;
  opacity: 0;
}
.item.i6 {
  position: relative;
  bottom: 10px;
}
img.swipe {
  display: none;
}
h2.logo2 {
  display: none;
}
/*nav.nav {
display: none;
}*/
.work.page {
  background-color: white;
}
.main2 {
  background-image: url(../images/backcreate.jpg);
  height: 45.5rem;
  background-position: center;
  position: relative;
  background-size: cover;
}
.main2 .inpromo {
  text-align: left;
}
.main2 .promo h1 {
  max-width: 91rem;
  font-size: 4.5rem;
  margin-top: 14.5rem;
  margin-left: 17.2rem;
  margin-bottom: 2.5rem;
}
.main2 .promo p {
  margin-left: 17.2rem;
}
.work.page.s2 .item.page {
  border-bottom: 4px solid #ee2f4a;
}
.stages {
  background-size: cover;
  background-image: url(../images/backstage.jpg);
  background-position: bottom;
}
.stagewrap {
  text-align: center;
  margin-bottom: 90px;
}
.stagewrap h3 {
  margin: 0;
  font-size: 3.3rem;
  color: #1f2229;
  font-weight: 400;
  margin-top: 3.5rem;
}
.stages .container {
  width: 130rem;
  margin: 0 auto;
  text-align: center;
}
.stages .item span {
  font-size: 1.7rem;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
}
.stages .item::before {
  content: '';
  bottom: 0;
  left: 0;
  width: 95px;
  height: 95px;
  display: block;
  margin-bottom: 20px;
}
.stages .item:nth-child(1)::before {
  background-image: url(../images/stage1.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .item:nth-child(2)::before {
  background-image: url(../images/stage2.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .item:nth-child(3)::before {
  background-image: url(../images/stage3.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .item:nth-child(4)::before {
  background-image: url(../images/stage4.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .item:nth-child(5)::before {
  background-image: url(../images/stage5.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .item:nth-child(6)::before {
  background-image: url(../images/stage6.png);
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
}
.stages .item {
  margin-top: 6rem;
  width: 34.5rem;
  /* height: 26rem; */
  margin-right: 6rem;
}
.stages .item.i3 {
  margin-right: 0;
}
.stages .item.i6 {
  margin-right: 0;
}
.request {
  background-image: url(../images/backrequest.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.request .send {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.send h3 {
  font-weight: 400;
  font-size: 35px;
  color: rgb(255, 255, 255);
  text-align: left;
  margin-bottom: 30px;
  margin-top: 0;
}
.send p {
  margin-bottom: 50px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  width: 300px;
}
.request .forms {
  text-align: center;
  margin: 0;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}
.request .container {
  font-size: 0;
  width: 810px;
  margin: 0 auto;
}
.request span {
  margin-right: 20px;
  font-size: 28px;
  color: rgb(255, 255, 255);
}
.radio {
  display: none;
}
.radio-custom {
  width: 20px;
  height: 20px;
  border: 5px solid #6d6d6d;
  border-radius: 5px;
  position: relative;
}
.radio-custom,
.label {
  display: inline-block;
  vertical-align: middle;
}
.radio:checked + .radio-custom::before {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  right: 0px;
  left: 6px;
  background: #ee2f4a;
  border-radius: 1px;
  width: 8px;
  height: 8px;
}
.radio:checked::before {
  content: '';
  border: 5px solid red;
}
.radio-custom,
.radio:checked + .radio-custom::before {
  border-radius: 50%;
}
.radio-custom:checked {
  content: '';
}
.send label {
  display: block;
  margin-bottom: 30px;
}
.radio:checked + .radio-custom::after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  right: 0px;
  left: -5px;
  width: 20px;
  height: 20px;
  border: 5px solid #ee2f4a;
  border-radius: inherit;
}
p.des {
  margin-top: 5px;
  margin-bottom: 0;
}
.request .wrform {
  display: inline-block;
  width: 100%;
  padding-bottom: 100px;
  padding-top: 110px;
}
.wrform .forms button {
  text-transform: capitalize;
  margin: 0 auto;
  width: 185px;
  height: 45px;
  background-color: #ee2f4a;
  float: none;
}
.wrform .forms input {
  width: 100%;
  padding-left: 10px;
  border: 3px solid #7c7c7c;
}
.wrform .forms input[type='checkbox'] {
  width: 22px;
}
.wrform .forms textarea {
  width: 100%;
  padding-left: 10px;
  border: 3px solid #7c7c7c;
}
p.law {
  font-size: 14px;
  font-family: 'Raleway';
  padding-bottom: 45px;
  color: rgba(154, 154, 154, 0.4);
}
.ourprojects .container {
  padding-left: 2rem;
  padding-top: 15.5rem;
  font-size: 0;
  width: 130rem;
  padding-bottom: 15.5rem;
  margin: 0 auto;
  padding-right: 2rem;
}
.leftdes {
  vertical-align: top;
  width: 50%;
  display: inline-block;
}
.projects {
  display: inline-block;
  width: 50%;
}
.leftdes h2 {
  width: 37rem;
  font-weight: 400;
  font-size: 3.3rem;
  color: #1f2229;
  text-align: left;
}
.leftdes p {
  width: 53rem;
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.5;
}
.pro {
  margin: 5px;
  width: 19rem;
  height: 18rem;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pro:hover {
  box-shadow: 0 0 30px -10px black;
  opacity: 0.9;
}
.pro.num1 {
  background-image: url(../images/ourp.jpg);
}
.pro.num2 {
  background-image: url(../images/ourp2.jpg);
}
.pro.num3 {
  background-image: url(../images/ourp3.jpg);
}
.pro.num4 {
  background-image: url(../images/ourp4.jpg);
}
.pro.num5 {
  background-image: url(../images/ourp5.jpg);
}
.pro.num6 {
  background-image: url(../images/ourp6.jpg);
}

.main2 .promo p {
  max-width: 79rem;
}
.opti {
  height: 60rem;
  background-image: url(../images/backgrpro.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}
.opti .container {
  padding-top: 12rem;
  width: 130rem;
  margin: 0 auto;
}
.promotion {
  margin-left: 7rem;
  width: 46%;
}
.opti h1 {
  margin-top: 0;
  font-size: 3.5rem;
  color: #1f2229;
  text-align: left;
  font-weight: 400;
}
.what-doing p.title {
  font-size: 14px;
  color: rgb(189, 189, 189);
  text-transform: uppercase;
  margin: 20px auto;
}
.ourcase .container {
  width: 1300px;
  margin: 0 auto;
}
.works-carousel-block .owl-nav {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
.works-carousel-block .owl-nav div {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
}
.works-carousel-block .owl-nav div:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
.works-carousel-block .owl-prev {
  left: 395px;
  background-image: url(../images/arrow-carousel-prev.png);
}
.works-carousel-block .owl-prev.disabled {
  background-color: rgba(255, 255, 255, 0.15);
}
.works-carousel-block .owl-next {
  right: 395px;
  background-image: url(../images/arrow-carousel-next.png);
}
.works-carousel-block .owl-next.disabled {
  background-color: rgba(255, 255, 255, 0.15);
}
.works-carousel-block .owl-nav.disabled:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.works-carousel-block .owl-prev.disabled:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.what-doing {
  background-image: url(../images/backgrsome.png);
  margin: 80px 0;
  margin-bottom: 0;
  background-size: cover;
  background-position: center top;
  background-color: black;
}

.what-doing h2 {
  font-size: 48px;
  color: #333333;
  text-align: left;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  text-transform: uppercase;
  font-weight: 400;
  height: 60px;
  padding-left: 30px;
  line-height: 60px;
  background-image: url(../images/white-plashka.png);
  margin: 0;
}
.what-doing p.title {
  font-size: 14px;
  color: rgb(189, 189, 189);
  text-transform: uppercase;
  margin: 20px auto;
  padding-top: 30px;
  text-align: center;
}
.what-doing .site-name {
  font-size: 30px;
  color: #ee2f4a;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  margin-bottom: 35px;
}
.what-doing .works-carousel {
  width: 100%;
  margin-bottom: 30px;
  font-size: 0;
}
.what-doing .works-carousel .keywords {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.what-doing .works-carousel .keywords div p {
  margin: 0;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  height: 45px;
}
.what-doing .works-carousel .keywords div {
  background-color: rgba(246, 246, 246, 0.1);
  position: relative;
  width: 490px;
  font-weight: 300;
  color: rgb(255, 255, 255);
  padding-left: 30px;
  margin: 5px 0;
  margin-left: 30px;
  text-align: left;
  box-sizing: border-box;
}
.what-doing .works-carousel .keywords div.first-words {
  height: 60px;
}
.what-doing .works-carousel .keywords div.first-words p.left {
  line-height: 60px;
  text-transform: uppercase;
  font-weight: bold;
}
.what-doing .works-carousel .keywords div.first-words p.right {
  font-weight: bold;
}
.what-doing .works-carousel .keywords div p.left {
  line-height: 25px;
  text-align: left;
  width: 430px;
  padding-left: 20px;
  font-size: 18px;
}
.what-doing .works-carousel .keywords div p.right {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  width: 100px;
}
.what-doing .works-carousel .keywords div p.right span {
  color: #ee2f4a;
  font-weight: bold;
  text-transform: initial;
  font-size: 14px;
}
.what-doing .stage-works {
  width: 50%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  max-width: 400px;
}
.what-doing .stage-works p span {
  color: #656565;
  font-weight: 500;
}
.what-doing .stage-works p.title {
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  text-align: center;
  position: relative;
}
.what-doing .stage-works p.title::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 3px;
  margin: 0 auto;
  width: 75px;
  background-repeat: no-repeat;
  background-image: url(../images/title-border.png);
}
.what-doing .btn-block {
  display: block;
  width: 100%;
}
.what-doing .download {
  display: block;
  border-radius: 3px;
  background-color: rgb(255, 162, 0);
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  width: 216px;
  height: 55px;
  line-height: 55px;
  text-transform: uppercase;
  background-image: url(../images/download-icon.png);
  background-repeat: no-repeat;
  background-position: 180px center;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 0;
}
.what-doing .download:hover {
  background-color: rgb(216, 140, 7);
}
.what-doing .site-name span {
  text-transform: uppercase;
}
.stages .icons::before {
  background-position: left bottom;
}
.stages .icons:nth-child(1)::before {
  background-image: url(../images/phase.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .icons:nth-child(2)::before {
  background-image: url(../images/phase2.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .icons:nth-child(3)::before {
  background-image: url(../images/phase3.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .icons:nth-child(4)::before {
  background-image: url(../images/phase4.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .icons:nth-child(5)::before {
  background-image: url(../images/phase5.png);
  content: '';
  background-repeat: no-repeat;
}
.stages .icons:nth-child(6)::before {
  background-image: url(../images/phase6.png);
  content: '';
  background-repeat: no-repeat;
  background-size: inherit;
}
.stages.s2 {
  background-image: none;
}
.stagewrap.s2 h3 {
  padding-top: 5rem;
  font-weight: 400;
}
.work.page.s2 {
  background-image: url(../images/backgroundchtoto.jpg);
  background-position: center top;
}
.work.s2 .container h3 {
  color: white;
}
.work.s2 .container p {
  color: white;
}
.row {
  padding-bottom: 60px;
}
.stages .item.icons {
  margin-top: 4rem;
}
.item.icons {
  font-size: 15px;
  color: rgb(50, 50, 50);
}
.request.s2 {
  background-image: none;
  background-color: white;
}
.request.s2 .container h3 {
  font-size: 35px;
  margin-bottom: 0;
  margin-top: 0;
  color: black;
}
.request.s2 .container p {
  font-size: 18px;
  color: rgba(5, 5, 5, 0.6);
  text-align: center;
}
.request.s2 .container {
  width: 895px;
}
.request.s2 .wrform {
  width: 100%;
}
.rightf {
  width: 50%;
  display: inline-block;
}
.leftf {
  vertical-align: top;
  width: 50%;
  display: inline-block;
}
.wrform .forms .leftf input {
  width: 86%;
  padding-left: 10px;
  border: 3px solid #7c7c7c;
}
.wrform .forms .rightf textarea {
  height: 195px;
  width: 86%;
  margin: 0;
}
.slide {
  text-align: center;
}
.school a.btn {
  outline: none;
  width: 175px;
  margin-bottom: 35px;
  height: 40px;
  font-size: 16px;
  margin-top: 10px;
}
.mask-content {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
}

[id='nav-toggle']:checked ~ .mask-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}
.container {
  /* width: 1300px; */
  width: 130rem;
  margin: 0 auto;
}
.ad {
  font-size: 1.4rem;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-left: 2rem;
  box-sizing: border-box;
}
.yandex {
  display: inline-block;
  width: 50%;
  height: 46rem;
}
.contects {
  font-size: 0;
  padding-top: 6rem;
  background-color: #f6f6f6;
  padding-bottom: 6.5rem;
}
p.red_line {
  font-size: 1.5rem;
  color: #1f2229;
  border-left: 8px solid #ee2f4a;
  padding-left: 2rem;
  margin-bottom: 3rem;
}
.ad p span {
  font-size: 1.7rem;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  display: inline-block;
}
.ad p {
  line-height: 1.5;
}
.technology h1 {
  font-size: 3.5rem;
  text-align: center;
  color: #1f2229;
  font-weight: 400;
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.ad ul {
  padding-left: 4.7rem;
}
.ad li {
  list-style: none;
  position: relative;
  padding-bottom: 1rem;
}
.ad li:before {
  content: '';
  width: 1rem;
  height: 1.6rem;
  border: 0.3rem solid #969696;
  padding-left: 1rem;
  border-radius: 100%;
  box-sizing: border-box;
  display: inline-block;
  left: -2.5rem;
  position: absolute;
}
.ad h3 {
  font-size: 1.7rem;
  color: #1f2229;
  font-weight: bold;
  margin-bottom: 3rem;
  margin-top: 0;
  text-transform: uppercase;
}
.ad ul:nth-child(2) {
  margin-bottom: 4rem;
}
.wrapper_obj {
  font-size: 0;
  text-align: center;
  padding-bottom: 60px;
}
.obj {
  width: 50%;
  padding-left: 90px;
  padding-right: 30px;
  display: inline-block;
  vertical-align: top;
  background-position: top left;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.obj h3 {
  font-size: 1.8rem;
  color: rgb(44, 44, 44);
  text-align: left;
  margin-top: 0;
  text-transform: uppercase;
}
.obj p {
  color: rgb(75, 75, 75);
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.4;
}

.obj:nth-child(1) {
  background-image: url(../images/obj1.png);
}
.obj:nth-child(2) {
  background-image: url(../images/obj2.png);
}
.obj:nth-child(3) {
  background-image: url(../images/obj3.png);
}
.obj:nth-child(4) {
  background-image: url(../images/obj4.png);
}
.obj:nth-child(5) {
  background-image: url(../images/obj5.png);
}
.obj:nth-child(6) {
  background-image: url(../images/obj6.png);
}
.creation_bugjet {
  background-image: url(../images/backgr_context.jpg);
  background-position: center;
  background-size: cover;
  font-size: 0;
}
.budjet {
  font-size: 1.4rem;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-left: 7rem;
  box-sizing: border-box;
  padding-bottom: 5.5rem;
  padding-top: 9rem;
}
.creation {
  font-size: 1.4rem;
  display: inline-block;
  width: 50%;
  padding-right: 3rem;
  text-align: right;
  box-sizing: border-box;
  padding-bottom: 5.5rem;
  padding-top: 9rem;
}
.creation h2 {
  font-size: 3.5rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
}
.creation span.price {
  font-size: 2.3rem;
  color: rgb(238, 47, 74);
  display: inline-block;
  padding-bottom: 4.5rem;
}
.creation span {
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.creation p {
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
}
.budjet h2 {
  font-size: 3.5rem;
  color: rgb(28, 28, 28);
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
}
p.expl {
  font-size: 1.5rem;
  color: rgb(28, 28, 28);
  margin-top: 0;
  padding-bottom: 4rem;
}
.budjet span {
  font-size: 1.5rem;
  color: rgb(28, 28, 28);
  text-transform: uppercase;
}
.budjet p {
  font-size: 1.5rem;
  color: rgb(28, 28, 28);
}
.application h2 {
  font-size: 3.5rem;
  color: #1f2229;
  text-align: center;
  font-weight: 400;
  margin-top: 4.5rem;
}
.wrap_app {
  text-align: center;
  margin: 0 auto;
  font-size: 0;
  padding-bottom: 70px;
}
.select-box__option.--bt {
  position: relative;
  border-top: 1px solid #ccc;
  margin-top: 0.6rem;
  padding-top: 1.3rem;
  padding-bottom: 1.7rem;
}
.select-box__option {
  padding: 0.6rem 5.5rem;
  background-color: #fff;
  display: block;
}
.wrap_app input {
  width: 42.5rem;
  height: 5rem;
  margin-right: 1.5rem;
  border-bottom: 1px solid #1f2229;
  margin-bottom: 2.5rem;
  box-sizing: border-box;
  padding: 1.3rem;
  font-size: 2rem;
  color: #0e0e0e;
}
.wrap_app input:nth-child(2) {
  margin-right: 0;
}
.wrap_app input:nth-child(4) {
  margin-right: 0;
  margin-bottom: 45px;
}
.wrap_app button {
  display: block;
  width: 18.5rem;
  margin: 0 auto;
  height: 4.5rem;
  border-radius: 0;
  border: none;
  background-color: #1f2229;
  font-size: 1.7rem;
  color: #fff;
  padding-left: 2rem;
  cursor: pointer;
  transition: all ease-out 0.5s;
}
.counter {
  background-image: url(../images/schet.png);
  background-color: #1d1d1d;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.numbers {
  display: inline-block;
  color: white;
  font-size: 14px;
}
.wr_number {
  font-size: 0;
  padding: 11rem 6.5rem;
}
p.top {
  font-size: 1.8rem;
  /*    font-family: Cuprum; */
  color: rgb(180, 180, 180);
  margin: 0;
  text-align: right;
}
p.middle {
  font-size: 4.3rem;
  /*     font-family: pfdintextcondpro; */
  color: rgb(255, 255, 255);
  margin: 0;
  text-transform: uppercase;
  text-align: right;
}
p.bottom {
  font-size: 1.8rem;
  /*  font-family: Cuprum; */
  color: rgb(180, 180, 180);
  text-transform: uppercase;
  text-align: right;
  margin: 0;
}
.numbers:nth-child(1) {
  padding-right: 13rem;
}
.numbers:nth-child(2) {
  padding-right: 14.5rem;
}
.numbers:nth-child(3) {
  padding-right: 16rem;
}
.yandex_google {
  background-color: black;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 30px;
}
.yandex_google .number {
  font-size: 80px;
  color: #ee2f4a;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  display: inline-block;
  height: 155px;
  width: 80px;
  font-weight: 700;
  vertical-align: top;
}
.yandex_google p {
  margin: 0;
  line-height: 155px;
}
.yandex_google .number span {
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-weight: 300;
}
.yandex_google .number span {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.yandex_google .number span.bottom {
  bottom: -50px;
}
.yandex_google .number span.top {
  top: -50px;
}
.yandex_google .service {
  vertical-align: top;
  display: inline-block;
  font-size: 80px;
  position: relative;
  color: white;
  text-transform: uppercase;
  padding-left: 70px;
  font-weight: 700;
}
.yandex_google .service::before {
  content: '';
  left: 0px;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto 0;
  width: 55px;
  height: 1px;
  background-color: #2f2f2f;
}
.yan {
  display: inline-block;
  margin-right: 130px;
}
.goog {
  display: inline-block;
}
.yandex_google .yan .number {
  padding-right: 15px;
}
.example {
  text-align: center;
  padding-bottom: 15px;
}
.example h2 {
  margin-top: 5.5rem;
  font-size: 3.5rem;
  font-weight: 400;
  color: #1f2229;
}
.example h2:nth-child(3) {
  margin-top: 1rem;
  margin-bottom: 10rem;
}
.popular_question {
  background-image: url(../images/backgr_quest.jpg);
  padding-top: 45px;
  font-size: 0;
  padding-bottom: 30px;
}
.popular_question h2 {
  font-size: 3.3rem;
  color: rgb(255, 255, 255);
  text-align: center;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 8.5rem;
}
.popular_question h2 span {
  color: #ee364f;
}
.question {
  display: inline-block;
  width: 55rem;
  box-sizing: border-box;
  border: 0.3rem solid #bdbdbd;
  font-size: 1.4rem;
  position: relative;
  padding-left: 2rem;
  margin-bottom: 2rem;
  margin-left: 5rem;
  vertical-align: top;
  cursor: pointer;
}
/*select {
width: 550px;
background-color: transparent;
color: white;
border: 3px solid #6c6c6d;
height: 55px;
margin-bottom: 20px;
}*/
.question.left {
  padding-right: 10px;
  box-sizing: border-box;
}
.right_form textarea {
  color: #1f2229;
  border: 3px solid #a19e9e;
  margin-top: 0;
  height: 214px;
  font-size: 16px;
  padding: 10px 10px;
  box-sizing: border-box;
  margin-bottom: 60px;
}
.right_form {
  display: inline-block;
  width: 50%;
  text-align: left;
  vertical-align: top;
}
.left_form {
  display: inline-block;
  width: 50%;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}
.send_form form {
  font-size: 0;
  text-align: center;
}
.send_form input {
  border: 3px solid #bdbdbd;
  width: 405px;
  height: 50px;
  margin-bottom: 20px;
  font-size: 16px;
  color: rgba(17, 17, 18, 0.502);
  padding-left: 10px;
}
.send_form form input[type='checkbox'] {
  display: inline-block;
  margin: 0;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  vertical-align: middle;
}
.send_form form label {
  font-size: 19px;
  color: #1f2229;
  display: block;
  line-height: 1.2;
  margin-bottom: 15px;
}
.send_form form label a:hover {
  text-decoration: underline;
}
.send_form form label a {
  color: #ee304b;
  text-decoration: none;
}
.send_form button {
  display: block;
  width: 185px;
  margin: 0 auto;
  height: 45px;
  border-radius: 20px;
  border: none;
  background: #ee2f4a;
  color: white;
  font-size: 18px;
  margin-bottom: 130px;
}
p.show {
  margin: 0;
  font-size: 1.5rem;
  width: 100%;
  display: inline-block;
  padding: 2rem 0;
  height: 100%;
  color: rgb(255, 255, 255);
}
img.arr {
  position: absolute;
  right: 15px;
  transition: all 0.5s ease-out;
  top: 25px;
}
img.arr.down.active {
  transform: rotate(180deg);
}
p.hider {
  margin-top: 0;
  padding-left: 2.5rem;
  font-size: 1.5rem;
  display: none;
  color: rgba(255, 255, 255, 0.502);
  padding-right: 2rem;
}

.right_questions {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.left_questions {
  width: 50%;
  display: inline-block;
}
.send_form h2 {
  margin-top: 80px;
  font-size: 35px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
  color: #1f2229;
}
.send_form p {
  margin-top: 0;
  margin-bottom: 70px;
  text-align: center;
  font-size: 16px;
  color: rgba(17, 17, 18, 0.502);
}
.main3 {
  background-image: url(../images/context_back.jpg);
  height: 455px;
  position: relative;
  background-position: center bottom;
}
.main3 .inpromo {
  text-align: left;
}
.main3 .promo h1 {
  max-width: 910px;
  font-size: 45px;
  margin-top: 145px;
  margin-left: 172px;
  margin-bottom: 25px;
}
.main3 .promo p {
  margin-left: 172px;
}
.contacts_page i.fa.fa-location-arrow {
  transform: rotate(137deg);
  color: #8d8d8d;
}
.contacts_page i.fa.fa-clock-o {
  color: #8d8d8d;
}
.contacts_page i.fa.fa-phone {
  color: #8d8d8d;
}
.contacts_page i.fa.fa-envelope-o {
  color: #8d8d8d;
}
.kor {
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.pic {
  width: 40%;
  height: 385px;
  display: inline-block;
}
/*.pic img { 
width: 100%; 
height: 100%; 
} */
.address {
  text-align: left;
  width: 60%;
  display: inline-block;
  vertical-align: top;
}
.address h2 {
  font-size: 6rem;
  color: #1f2229;
  font-weight: bold;
  margin-bottom: 4rem;
  margin-top: 0;
}
.contacts_page i.fa {
  position: absolute;
  left: 0;
  font-size: 18px;
  bottom: 4px;
}
.contacts_page .address p:nth-child(2) i.fa {
  top: 0;
  bottom: auto;
}
.contacts_page .pic img {
  width: 31.2rem;
  height: 38.1rem;
  object-fit: contain;
}
@media (max-width: 1200px) {
  .contacts_page .pic img {
    width: auto;
    height: auto;
  }
}
.contacts_page .fa-phone:before {
  color: #8d8d8d;
}
.contacts_page p {
  position: relative;
  padding-left: 0px;
  font-size: 2.2rem;
  font-weight: 500;
  color: #1f2229;
}
.contacts_page .address p:nth-child(2) {
  margin-bottom: 0;
}
.contacts_page .address p:nth-child(3) {
  margin-top: 0;
}
.contacts_page .address p:nth-child(4) {
  margin-bottom: 0;
}
.contacts_page .address p:nth-child(5) {
  margin-bottom: 35px;
  margin-top: 0;
}
.contacts_page a {
  color: #ee2f4a;
}
.contacts_page a.map {
  color: #5c5c5c;
  display: inline-block;
  padding-left: 0px;
  font-size: 1.8rem;
  text-decoration: underline;
}
.city {
  margin-top: 7rem;
  font-size: 0;
  text-align: center;
}
.seva .pic {
  height: 40%;
  margin-top: 10px;
  text-align: center;
}
.main4 {
  background-image: url(../images/contacts_back.jpg);
  height: 455px;
  background-position: center bottom;
  position: relative;
}
.main4 .inpromo {
  text-align: left;
}
.main4 .promo h1 {
  max-width: 910px;
  font-size: 45px;
  margin-top: 145px;
  margin-left: 172px;
  margin-bottom: 25px;
}
.main4 .promo p {
  margin-left: 172px;
}
.contacts_page {
  padding-top: 7rem;
  padding-bottom: 4rem;
}
.main5 {
  background-image: url(../images/pro-move.jpg);
  height: 455px;
  background-position: center bottom;
  position: relative;
}
.main5 .inpromo {
  text-align: left;
}
.main5 .promo h1 {
  max-width: 910px;
  font-size: 45px;
  margin-top: 145px;
  margin-left: 172px;
  margin-bottom: 25px;
}
.main5 .promo p {
  margin-left: 172px;
}

.main2.noPromo {
    height: 18.2rem;
}
.promo.onPage{
    margin: 6.4rem auto;
}
.promo.onPage h1, .promo.onPage p {
    color: black;
    margin-top: 0;
}
.promo.onPage h1 {
    max-width: 91rem;
    font-size: 4.5rem;
}
.promo.onPage p {
    margin: 0;
}
.item a {
  color: white;
  text-decoration: none;
}
.services .item a {
  margin: 0;
  height: 4.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  font-size: 1.5rem;
}
.example .container {
  padding: 0 100px;
  box-sizing: border-box;
}
.context-carousel p {
  font-size: 3rem;
  color: #1f2229;
  margin-top: 0;
  font-weight: 400;
}
.owl-prev:after {
  content: '';
  background-image: url(../images/ar_prev.png);
  height: 25px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  bottom: 35px;
  left: 300px;
  position: absolute;
}
.owl-next:after {
  content: '';
  background-image: url(../images/ar_next.png);
  height: 25px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  bottom: 35px;
  right: 300px;
  position: absolute;
}
.context-carousel .owl-item {
  position: relative;
}
.context-carousel .owl-item img {
  display: block;
  margin-bottom: 20px;
  width: auto;
}
.works-carousel-block .owl-prev:after {
  display: none;
}
.works-carousel-block .owl-next:after {
  display: none;
}
input::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
input::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
input:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
input:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
input:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
input:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
input:focus:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
input:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
textarea::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
textarea::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
textarea:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
textarea:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
textarea:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
textarea:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
textarea:focus:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
textarea:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease;
}
input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0.5;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.5;
}
input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.5;
}
input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.5;
}

footer input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
footer input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}
footer input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
footer input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}
footer textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
footer textarea::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}
footer textarea:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
footer textarea:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}
.request input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
.request input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}
.request input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
.request input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}
.request textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
.request textarea::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}
.request textarea:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
.request textarea:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}
.services .container {
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
  padding-left: 3.5rem;
  padding-bottom: 4rem;
  padding-top: 10rem;
}
.services .item {
  margin-bottom: 10rem;
}
.services {
  /* background-image: url(../images/services_back.jpg); */
  background-color: #ecf0f2;
}
.services .container h3 {
  font-size: 3rem;
  color: #1f2229;
  font-weight: 400;
  margin-top: 0;
  font-weight: 500;
}
.services .container p {
  margin-bottom: 4rem;
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.4;
  height: 13rem;
}
.services .container .item:last-child {
  margin-right: 0;
}
.services .container span {
  font-weight: 500;
  font-size: 2rem;
  color: #1f2229;
}
.services .container button {
  display: block;
  background-color: #3a3535;
  width: 14rem;
  height: 3rem;
  border: 0;
  border-radius: 2rem;
  cursor: pointer;
  font-size: 1.8rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
  margin-top: 2.5rem;
}
.you_get {
  text-align: center;
  font-size: 0;
  padding-top: 10rem;
  background-image: url(../images/get_back.jpg);
  background-position: center;
  padding-bottom: 15rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.you_get h2 {
  font-size: 3.3rem;
  color: rgb(255, 255, 255);
  text-align: center;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 5rem;
}
.get {
  color: white;
  width: 20%;
  display: inline-block;
}
.get p {
  font-size: 1.7rem;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
}
.get::before {
  content: '';
  background-image: url(../images/get2.png);
  width: 9rem;
  height: 9rem;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
}
.get:nth-child(2)::before {
  content: '';
  background-image: url(../images/get1.png);
}
.get:nth-child(3)::before {
  content: '';
  background-image: url(../images/get2.png);
}
.get:nth-child(4)::before {
  content: '';
  background-image: url(../images/get3.png);
}
.get:nth-child(5)::before {
  content: '';
  background-image: url(../images/get4.png);
}
.get:nth-child(6)::before {
  content: '';
  background-image: url(../images/get5.png);
}
.about_us {
  background-image: url(../images/aboutus_backgr.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 19rem;
  padding-top: 17.5rem;
}
.what_we_do {
  width: 50%;
  padding-left: 7.5rem;
}
.what_we_do h2 {
  font-size: 3.3rem;
  color: #1f2229;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 5rem;
}
.what_we_do p {
  font-size: 1.6rem;
  color: #1f2229;
  line-height: 1.375;
  margin-bottom: 0;
}
.show_video h2 {
  font-size: 33px;
  color: rgb(254, 254, 254);
  text-align: center;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 70px;
}
.video {
  background-image: url(../images/video.jpg);
  width: 100%;
  padding: 0px 85px;
  box-sizing: border-box;
  height: 520px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
ul.navigation li {
  display: inline-block;
  padding-right: 30px;
}
.our_portfolio {
  margin-top: 100px;
  position: relative;
  z-index: 5;
}
.our_site {
  width: 50%;
  margin-right: 0;
  margin-left: auto;
  padding-left: 95px;
  box-sizing: border-box;
}

.our_site h1 {
  padding-left: 20px;
  font-size: 60px;
  color: rgb(27, 27, 27);
  font-weight: bold;
  margin-top: 0;
  text-transform: uppercase;
  line-height: 0.9;
  margin-bottom: 45px;
}
small {
  margin-bottom: 0;
  padding-left: 20px;
  font-size: 23px;
  color: rgb(27, 27, 27);
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: top;
}
.our_site p.first {
  margin-bottom: 40px;
  padding-left: 25px;
  border-left: 7px solid red;
  text-align: left;
  font-size: 23px;
  color: rgb(27, 27, 27);
  line-height: 1.2;
  padding-right: 40px;
}
p.brackets {
  margin-left: 35px;
  font-size: 15px;
  position: relative;
  padding-left: 75px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: rgb(27, 27, 27);
  line-height: 1.2;
  border: 1px solid #cdcdcd;
  margin-right: 120px;
  margin-top: 90px;
  margin-bottom: 90px;
}
p.brackets:after {
  width: 96%;
  content: '';
  height: 1px;
  display: block;
  position: absolute;
  background-color: white;
  bottom: -1px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
p.brackets:before {
  width: 96%;
  content: '';
  height: 1px;
  display: block;
  position: absolute;
  background-color: white;
  top: -1px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.our_site a.button {
  height: 35px;
  width: 180px;
  line-height: 2;
  margin-bottom: 70px;
  margin-left: 135px;
  text-decoration: none;
}
.our_site img {
  position: absolute;
  top: 0;
  left: -160px;
  z-index: -1;
}
.template_exmpl .container {
  text-align: center;
}
h1.perfecto {
  font-size: 60px;
}
h1.ceh {
  font-size: 78px;
}
.site_gallery .container {
  width: 1420px;
}
.preview img {
  width: 100%;
  height: 100%;
}
.preview {
  display: inline-block;
  padding: 2px;
  width: 25%;
  box-sizing: border-box;
  vertical-align: top;
}
.site_gallery {
  font-size: 0;
}
.preview p {
  font-size: 12px;
  color: rgb(27, 27, 27);
  line-height: 1.2;
}
.preview p:last-child {
  margin-top: 0;
  margin-bottom: 40px;
}
.site_gallery {
  padding-top: 65px;
}
.preview p a {
  text-decoration: none;
  color: black;
}
h1.new_fur {
  font-size: 68px;
}
.portfolio a {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  padding: 7px;
}
a.all_projects {
  display: block;
  font-size: 15px;
  color: rgb(61, 60, 60);
  text-decoration: underline;
  text-align: center;
  margin: 0 auto;
}
.portfolio .container {
  width: auto;
  margin: 0 40px;
}
.portfolio .preview {
  display: inline-block;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 0 0 2100px rgba(0, 0, 0, 0.7) inset;
}
.grid {
  position: relative;
  margin: 0 auto;
  padding: 1em 0 4em;
  list-style: none;
  text-align: center;
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  font-size: 12px;
  box-sizing: border-box;
  background: -webkit-linear-gradient(
    5deg,
    #00000045 0%,
    rgba(0, 0, 0, 0.35) 100%
  );
  background: -webkit-linear-gradient(
    5deg,
    #00000045 0%,
    rgba(0, 0, 0, 0.35) 100%
  );
}
figure.effect-ming {
  background: #1f2229;
}

figure.effect-ming img {
  width: 100%;
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
  /* position: absolute; */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0px solid #fff;
  /* box-shadow: 0 0 0 30px rgba(255,255,255,0.2); */
  content: '';
  opacity: 0;
  /* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; */
  transition: all ease 0.5s;
  /* -webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1); */
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

figure.effect-ming h2 {
  margin: 30% 0 10px 0;
  -webkit-transition: -webkit-transform 1s;
  transition: all ease 1s;
  transform: translateY(0);
  opacity: 0;
  font-size: 1.9em;
}

figure.effect-ming:hover img {
  filter: blur(2px);
  -webkit-filter: blur(2px);
  transition: all ease 0.5s;
}

figure.effect-ming p {
  padding: 3em;
  line-height: 1.65;
  opacity: 0;
  /* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; */

  /* -webkit-transform: scale(0.97);
transform: scale(0.97);  */
  transition: all ease 0.8s;
  transform: translateY(0);
}

figure.effect-ming:hover h2 {
  /* -webkit-transform: scale(0.957);
transform: scale(0.957); */
  opacity: 1;
  /* font-size: 1.7em; */
  font-size: 1.9em;
  transform: translateY(6px);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
  opacity: 1;
  color: white;
  text-transform: initial;
  /* -webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1); */
  transform: translateY(-6px);
}

figure.effect-ming:hover figcaption {
  background-color: rgba(58, 52, 42, 0);
}

figure.effect-ming:hover img {
  width: 100%;
  opacity: 0.4;
}
.scroll-pane {
  height: 335px;
  overflow: auto;
}
.scroll-pane .jspVerticalBar {
  width: 8px;
  background: rgba(246, 246, 246, 0.1);
  border-radius: 6px;
}
.scroll-pane .jspTrack {
  background: rgba(246, 246, 246, 0.1);
}
.scroll-pane .jspDrag {
  background-color: #fff;
  border-radius: 10px;
}
h2.about_us_show {
  font-size: 33px;
  color: #1f2229;
  text-align: center;
  font-weight: 400;
}
.showreel .container {
  padding: 160px;
  background-color: #1f2229;
  box-sizing: border-box;
}
.our_team h2 {
  font-size: 33px;
  color: #1f2229;
  text-align: center;
  font-weight: 400;
}
.our_team h3 {
  font-size: 33px;

  color: #1f2229;
  font-weight: 400;
}
.man {
  display: inline-block;
  width: 260px;
  vertical-align: top;
  margin-right: 40px;
}
.man span {
  font-size: 19px;
  color: #1f2229;
  display: block;
  text-align: center;
  font-weight: 600;
  margin-top: 25px;
}
.man img {
  display: block;
  margin: 0 auto;
  /*    height: 260px;*/
}
.man p {
  font-size: 12px;
  color: rgb(87, 87, 87);
  line-height: 1.2;
  text-align: center;
}
.employee-carousel .owl-prev:after {
  content: '';
  background-image: url(../images/red_arr_prev.png);
  height: 45px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  left: -70px;
  position: absolute;
  top: 40%;
}
.employee-carousel .owl-next:after {
  content: '';
  background-image: url(../images/red_arr_next.png);
  height: 45px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  top: 40%;
  right: -70px;
  position: absolute;
}
.our_team .container {
  box-sizing: border-box;
  padding: 0 70px;
}
.employee-carousel .man {
  width: auto;
  max-width: 260px;
}
header.active {
  background-color: #1f2229;
 /*  padding: 0 80px; */
  position: fixed;
  transition: 1s ease-out 0s;
  z-index: 10;
}
.department.narrow {
  display: inline-block;
}
.wrap_for_menu {
  position: relative;
  width: 1300px;
  margin: 0 auto;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  width: 100%;
  z-index: 9999;
  display: none;
}
.employee-carousel.owl-carousel .owl-item img {
  display: block;
  width: inherit;
}
.our_team {
  padding-bottom: 30px;
}
.services .container p.price {
  height: auto;
  margin-bottom: 2rem;
  font-size: 2rem;

  color: #1f2229;
}
.man .image {
  background-position: bottom center;
  height: 260px;
  background-repeat: no-repeat;
  background-size: contain;
}
.site_gallery .grid {
  text-align: left;
}
.novelty {
  padding: 55px 15px 60px 15px;
  font-size: 0;
}
.news_data {
  width: 50%;
  display: inline-block;
}
h2.news_title {
  font-size: 33px;
  color: #1f2229;
  font-weight: 400;
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  /*  padding-left: 55px;*/
}
.news_data p {
  /*  font-size: 33px;
font-family: 'pfdindisplaypro';*/
  font-size: 16px;
  font-family: 'Raleway';
  color: #1f2229;
  text-align: right;
}
.our_news p {
  font-size: 16px;
  font-family: 'Raleway';
  color: #1f2229;
  line-height: 1.375;
  text-align: justify;
}
.share_button a {
  font-size: 15.6px;
  font-family: 'Raleway';
  color: rgb(255, 255, 255);
  line-height: 2;
  background-color: #3b5998;
  text-decoration: none;
  display: inline-block;
  height: 30px;
  text-align: center;
  border-radius: 20px;
  width: 135px;
  margin-right: 7px;
}
.share_button a.insta {
  background-color: #f24f1d;
}
.share_button .fa {
  margin-right: 7px;
}
.news {
  padding: 40px 70px 120px 70px;
  text-align: center;
}
.news_item {
  display: inline-block;
  width: 31%;
  margin: 10px;
  box-sizing: border-box;
  text-align: left;
  background-color: #f6f6f6;
}
.news_item img {
  height: 230px;
  width: 100%;
}
.news_author img {
  width: auto;
}
.news_item p {
  font-size: 16px;
  color: #1f2229;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}
p.data {
  display: inline-block;
  width: 48%;
  text-align: right;
  font-size: 13px;
  font-family: 'Raleway';
  color: #1f2229;
  margin: 0;
  font-weight: 400;
}
/* p.author:before {
content: '';
background-image: url(../images/author-photo.png);
width: 50px;
height: 50px;
vertical-align: middle;
display: inline-block;
margin-right: 10px;
} */
p.author {
  text-align: left;
  display: inline-block;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: 'Raleway';
  font-weight: 400;
  color: #1f2229;
}
.news_author {
  margin-left: 10px;
  margin-right: 10px;
  border-top: 1px solid #b8b8b8;
  padding-top: 5px;
}
.article {
  margin: 45px 10px 80px 10px;
  overflow: hidden;
  height: 40px;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  color: black;
}
.news a {
  font-size: 0;
}
ul.breadcrumb {
  padding: 0;
}
ul.breadcrumb li {
  display: inline-block;
  font-size: 16px;
  color: #7f7f7f;
  padding: 0 3px;
}
ul.breadcrumb a {
  text-decoration: none;
  font-size: 16px;
  color: #7f7f7f;
}

#comment-form input {
  border: 1px solid #ccc;
  height: 30px;
  border-radius: 4px;
  line-height: 30px;
  padding: 0 10px;
  display: inline-block;
}

#comment-form .form-group {
  margin-bottom: 15px;
}

#comment-form .form-group label {
  margin-bottom: 2px;
  display: block;
}

div#markItUpComment-editor {
  border: 1px solid #ccc;
  border-radius: 4px;
}

div#markItUpComment-editor textarea {
  color: #1f2229;
  padding: 10px;
}
img.author-avatar {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  display: inline-block;
  /*    margin-right: 10px;*/
  margin-right: 5px;
  border-radius: 50px;
}

.article-categories a {
  color: #ee2f4a;
}

.article-categories a:hover {
  text-decoration: none;
}
.ya-share2.ya-share2_inited {
  margin-top: 18px;
  float: left;
}
.news_title.share {
  float: left;
  margin-right: 8px;
  margin-top: 20px;
}

.comment-reply a {
  color: #ee2f4a;
  font-size: 12px;
}

.ticket-comment-link a {
  color: #ee2f4a;
  font-size: 12px;
}
.ticket-comment-up a {
  color: #ee2f4a;
  font-size: 12px;
}

/* Страница конструктора */
.construct {
  padding: 50px 0px;
  margin: 0;
  height: auto;
  background-image: url(../images/services_back.jpg);
}
.construct-small {
  max-width: 1000px;
  padding: 50px 0 0;
  margin: 0 auto;
}

.logos_kinds p img {
  vertical-align: middle;
  margin: 5px;
}
ol {
  font-size: 16px;
  font-family: 'Raleway';
  color: #1f2229;
  line-height: 1.375;
  text-align: justify;
}

div#spoiler {
  transition: 1s;
  height: 0px;
  overflow: hidden;
  position: relative;
}
div#spoiler.visible {
  height: 890px;
}
div#spoiler h1 {
  text-align: center;
  font-size: 40px;
  overflow: hidden;
}

#primerblock {
  width: 1008px;
  margin: 0 auto;
}
#primerblock .title {
  text-align: center;
  line-height: 0.9;
  margin-bottom: 12px;
}
#primerblock .converse-count {
  background: url('../images/work-converse-icon.png') no-repeat center top;
  padding-top: 28px;
  font-size: 16px;
  text-align: center;
}
#primerblock .button {
  width: 200px;
  position: absolute;
  border-radius: 3px;
  background-color: rgba(39, 39, 39, 0.87);
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  font-size: 17px;
  color: #fefcf0;
  line-height: 1.7;
  top: 150px;
  left: 6px;
}
#primerblock p {
  font-size: 12px;
  position: absolute;
  top: 55%;
  left: 49px;
}
.primerimg {
  width: 250px;
  display: table-cell;
}
.primerimg img {
  width: 224px;
  height: 225px;
  margin: 15px 13px;
  vertical-align: middle;
  float: left;
}

.primerimg .desc {
  opacity: 0;
  display: block;
  position: relative;
  top: 15px;
  left: 13px;
  width: 219px;
  height: 219px;
  border: 3px solid #b9b9b9;
  background-color: rgba(63, 86, 78, 0.5);
  font-weight: 600;
  font-size: 24px;
  color: #fefcf0;
  text-transform: uppercase;
  line-height: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.primerimg .desc:hover {
  opacity: 1;
}
.primerimg .desc .title {
  position: absolute;
  left: 0;
  top: 40px;
  width: 215px;
  padding: 30px 0;
}
.primerimg .button-inner {
  width: 200px;
}
.kit-block-list {
  padding: 0 0 90px !important;
}
.kit-block-list {
  max-width: none !important;
  width: 978px;
  position: relative;
  overflow: hidden;
}
.kit-block img {
  vertical-align: middle;
  float: left;
}
.kit-block li {
  list-style-type: none;
  font-size: 13px;
  line-height: 32px;
}
.kit-block li:before {
  content: ' ';
  background-image: url(../../../../assets/templates/coollanding/images/kit-check.png);
  background-position: -15% 50%;
  background-repeat: no-repeat;
  padding: 1px 10px;
}
.kit-block-text ul {
  padding: 30px 0;
}
.kit-block {
  background-color: #f1f1f1;
}
.kit-block a {
  text-decoration: none;
}
.kit-block p.btn-view {
  cursor: pointer;
  background: #e12b47;
  padding: 10px 15px;
  width: 184px;
  color: white;
  float: left;
  border-radius: 20px;
  margin: -10px 18px -10px 20px;
}
.kit-block p.btn-view:hover {
  background-color: #c13045;
}
.kit-block p.btn-view:active {
  margin: -9px 18px -11px 20px;
  background-color: #c11d35;
}
.kit-block a.btn-create {
  background: #272727;
  padding: 10px 26px;
  color: white;
  border-radius: 20px;
  margin: 10px;
}
.kit-block a.btn-create:hover {
  background-color: #101010;
}
.kit-block a.btn-create:active {
  top: 1px;
  background-color: #1f2229;
  position: relative;
}
.kit-block h2 {
  text-align: left;
  font-size: 33pt;
}
.kit-block small {
  color: #2e3640;
  font-size: 29px;
  word-spacing: 4px;
  letter-spacing: 2.8pt;
}
.kit-block-text {
  padding-left: 230px;
  text-transform: uppercase;
}
.what_are_we_doing .left_col {
  display: inline-block;
  width: 60%;
  padding-left: 130px;
  box-sizing: border-box;
  padding-right: 45px;
  vertical-align: middle;
}
.what_are_we_doing {
  font-size: 0;
  padding: 50px 0;
}
.what_are_we_doing h1 {
  border-left: 7px solid #ee2f4a;
  padding: 20px 0 20px 40px;
  font-size: 47px;
  font-weight: 600;
}
.what_are_we_doing .left_col p {
  padding-left: 47px;
  font-size: 17px;
  color: rgb(15, 15, 15);
  font-weight: 600;
}
.left_col {
  display: inline-block;
}
.right_col {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
}
.to_whom {
  font-size: 0;
  background-color: #ededed;
}
.to_whom .left_col {
  width: 55%;
  vertical-align: middle;
}
.to_whom .right_col {
  width: 45%;
  vertical-align: middle;
  background-color: #ededed;
  padding-right: 50px;
  padding-left: 45px;
  box-sizing: border-box;
  height: 100%;
}
.to_whom .right_col h1 {
  font-size: 47px;
  margin-bottom: 80px;
  font-weight: 600;
}
.to_whom .right_col p {
  font-size: 17px;
  color: rgb(15, 15, 15);
  font-weight: 600;
}
.to_whom img {
  width: 100%;
}
.suggestion {
  background-image: url(../images/suggest_back.jpg);
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 130px;
  padding-bottom: 100px;
}
.suggestion h1 {
  font-size: 60px;
  font-weight: 400;
  color: #1f2229;
  text-transform: uppercase;
  margin-top: 0;
  padding-top: 25px;
}
.suggestion p {
  width: 35%;
  margin: 0 auto;
  margin-bottom: 35px;
  font-size: 20px;
  color: #1f2229;
  font-weight: 500;
  text-align: left;
}
.suggestion p:before {
  content: '';
  background-image: url(../images/logo_part.png);
  width: 50px;
  height: 30px;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
}
.about_suggestion .left {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
}
.about_suggestion {
  font-size: 0;
}
.right {
  width: 75%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  /* padding-left: 190px; */
  padding-right: 95px;
  /* padding: 100px 95px 100px 190px; */
  margin-left: -4px;
}
.right p {
  font-size: 26px;
  color: rgb(28, 28, 28);
  font-weight: bold;
  padding-left: 190px;
  text-transform: uppercase;
}
.sug_item p.title {
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
}
.sug_item p {
  font-size: 17px;
  color: rgb(28, 28, 28);
  font-weight: 600;
  text-transform: inherit;
  line-height: 1.2;
}
p.about_suggestion_common_title {
  margin-bottom: 100px;
  position: relative;
}
.about_suggestion .right .sug_item {
  position: relative;
}
.about_suggestion .right .sug_item::after {
  content: '';
  position: absolute;
  left: 75px;
  top: -15px;
  width: 65px;
  height: 95px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/www-icon.png);
}
.about_suggestion img {
  width: 100%;
}
.about_suggestion .right .sug_item:nth-child(3)::after {
  background-image: url(../images/calc-icon.png);
}
.about_suggestion .right .sug_item:nth-child(4)::after {
  background-image: url(../images/doc-icon.png);
}

.about_suggestion.new-clients .right .sug_item:nth-child(2)::after {
  background-image: url(../images/clients-new.png);
}
.about_suggestion.new-clients .right .sug_item:nth-child(3)::after {
  background-image: url(../images/client-new.png);
}
.about_suggestion.new-clients .right .sug_item:nth-child(4)::after {
  background-image: url(../images/doc-and-calc.png);
}

.about_suggestion.help-service .right .sug_item:nth-child(2)::after {
  background-image: url(../images/stul-icon.png);
}
.about_suggestion.help-service .right .sug_item:nth-child(3)::after {
  background-image: url(../images/card-icon.png);
}
.about_suggestion.help-service .right .sug_item:nth-child(4)::after {
  background-image: url(../images/smartfon.png);
}
.about_suggestion.help-service .right .sug_item:nth-child(5)::after {
  background-image: url(../images/note-icon.png);
}
.how-price {
  font-size: 0;
}
.how-price .title span {
  font-size: 33.333px;
  font-family: 'PF DinDisplay Pro';
  color: rgb(238, 45, 75);
}
.how-price .left {
  width: 54%;
  display: inline-block;
  vertical-align: top;
  height: 840px;
}
.how-price .right {
  width: 46%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  padding-top: 180px;
  padding-left: 40px;
}
.how-price .left {
  position: relative;
}
.how-price .left p {
  font-size: 42px;
  font-family: 'Raleway';
  font-weight: bold;
  color: rgb(255, 255, 253);
  position: absolute;
  left: 70px;
  top: 325px;
  border-left: 10px solid #ee2d4b;
  padding-left: 40px;
  padding-top: 30px;
  height: 125px;
  box-sizing: border-box;
}

.how-price img {
  width: 100%;
  height: 100%;
}
.how-price .sug_item p.title {
  padding: 0;
}
.how-price .sug_item p {
  padding: 0;
}
.fast_start h1 {
  font-size: 3.3rem;
  color: #1f2229;
  margin-bottom: 4.5rem;
  text-align: left;
  font-weight: 400;
}
p.about_suggestion_common_title::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 100px;
  background: red;
  left: -3px;
  top: 0;
}
.double-studio {
  height: 745px;
}
.double-studio .container {
  font-size: 0;
}
.double-studio ul {
  list-style: none;
}
.double-studio .container div {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  width: 50%;
  vertical-align: top;
  font-size: 22px;
  display: inline-block;
  height: 750px;
}
.double-studio .left {
  background-image: url(../images/bg-left-studio.jpg);
  text-align: right;
  color: #fff;
}
.double-studio .left p:nth-child(1) {
  font-size: 41px;
  color: #fff;
  text-transform: inherit;
  padding-top: 80px;
  padding-bottom: 160px;
  padding-right: 10px;
  margin: 0;
}
.double-studio .right p:nth-child(1) {
  font-size: 41px;
  color: #1f2229;
  text-transform: inherit;
  padding-top: 80px;
  padding-bottom: 160px;
  padding-left: 10px;
  margin: 0;
}

.double-studio .left p:nth-child(3) {
  font-size: 30px;
  color: #fff;
  text-transform: inherit;
  padding-bottom: 70px;
  padding-right: 50px;
  margin: 0;
}
.double-studio .right p:nth-child(3) {
  font-size: 30px;
  color: #1f2229;
  text-transform: inherit;
  padding-bottom: 70px;
  padding-left: 50px;
  margin: 0;
}
.double-studio .left ul {
  font-size: 22px;
  color: #fff;
  text-transform: inherit;
  padding-right: 50px;
  margin: 0;
}
.double-studio .right ul {
  font-size: 22px;
  color: #1f2229;
  text-transform: inherit;
  padding-left: 50px;
  margin: 0;
}
.double-studio li {
  margin-bottom: 20px;
}
.okupaemost {
  font-size: 20px;
  padding: 150px 0;
  color: #1c1c1c;
  text-align: center;
}
.okupaemost p:nth-child(2) {
  padding: 50px 0;
}
.okupaemost p:last-child {
  font-size: 18px;
  color: #1c1c1c;
}
.okupaemost h2 {
  font-size: 40px;
  color: #ee2d4b;
}
.okupaemost span {
  font-size: 35px;
  color: #ee2d4b;
  font-family: 'PF DinDisplay Pro';
}
.double-studio .right {
  background-image: url(../images/bg-right-studio.jpg);
  text-align: left;
  color: #1f2229;
}
.present-contact {
  background-image: url(../images/present-contact-bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  font-size: 20px;
  height: 750px;
  color: #fff;
  text-align: center;
  display: table;
  margin: 0 auto;
  margin-bottom: 100px;
}
.present-contact span {
  font-size: 30px;
  color: #ee2d4b;
  font-family: 'PF DinDisplay Pro';
}
.present-contact p {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 150px;
}
.descr {
  width: 50%;
  display: inline-block;
  padding-left: 60px;
  padding-right: 50px;
  vertical-align: middle;
  box-sizing: border-box;
}
.descr p {
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.6;
}
.fast_start {
  font-size: 0;
  padding-top: 75px;
  padding-bottom: 110px;
}
.image.monitor {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.image.monitor img {
  width: 57.4rem;
  height: 42.6rem;
  object-fit: contain;
}
@media (max-width: 1200px) {
  .image.monitor img {
    width: auto;
    height: auto;
  }
}
.landing_price h1 {
  font-size: 3.3rem;
  color: rgb(255, 255, 255);
  text-align: left;
  padding-left: 7rem;
  margin-bottom: 9rem;
  font-weight: 300;
}
.landing_price {
  background-image: url(../images/back_what_is_landing.jpg);
  padding: 130px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.landing_price .container {
  width: 88rem;
}
.landing_price p {
  font-size: 1.5rem;
  padding-left: 7rem;
  color: rgb(255, 255, 255);
  border-left: 5px solid #ee2f4a;
  line-height: 1.6;
  text-align: left;
}
.modules h1 {
  font-size: 3.3rem;
  font-weight: 400;
  margin-bottom: 5rem;
  color: #1f2229;
  margin-top: 0;
  line-height: 1.2;
  text-align: center;
}
.phase {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0.5rem 1.5rem;
  background-color: #f2f2f2;
  height: 26rem;
  padding: 3rem;
}
p.title {
  font-size: 1.7rem;
  color: #1f2229;
  font-weight: bold;
  text-transform: uppercase;
}
.phase p {
  font-size: 1.5rem;
  color: rgb(50, 50, 50);
  line-height: 1.4;
  text-align: left;
}
.modules p.closing {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-top: 4rem;
  font-size: 1.5rem;
  color: rgb(50, 50, 50);
  line-height: 1.4;
}
.modules p.closing span {
  color: #ee2d4b;
  font-weight: bold;
}
.modules {
  padding-top: 65px;
  text-align: center;
  padding-bottom: 45px;
}
.how_we_count {
  padding-top: 11.5rem;
  font-size: 0;
  background-image: url(../images/wood.jpg);
  padding-bottom: 13rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.how_we_count .left_col {
  width: 50%;
  padding-left: 9.5rem;
  padding-right: 5rem;
  box-sizing: border-box;
  vertical-align: top;
}
.how_we_count .right_col {
  width: 50%;
  padding-right: 11.5rem;
  padding-left: 1rem;
  box-sizing: border-box;
}
.how_we_count p {
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  line-height: 1.4;
  text-align: left;
}
.landing_purpose p {
  width: 67%;
  text-align: center;
  margin: 0 auto;
  font-size: 1.5rem;
  color: rgb(50, 50, 50);
  line-height: 1.4;
}
.landing_purpose {
  padding-top: 4rem;
  padding-bottom: 15rem;
}
strong {
  font-weight: 500;
  font-size: 2rem;
  color: #1f2229;
}
.company_face h2 {
  font-size: 3.3rem;
  color: #1f2229;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 5rem;
}
.company_face {
  font-size: 0;
  padding-top: 13rem;
  padding-bottom: 11.5rem;
}
.company_face img {
  width: 50%;
  height: 43rem;
}
.corp_site {
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 85px 60px 25px;
}
.company_face.corporate-site .corp_site {
  padding: 0 0 60px 25px;
  box-sizing: border-box;
}
@media (max-width: 1100px) {
  .company_face.corporate-site .corp_site {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .company_face.corporate-site .corp_site {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.company_face.corporate-site {
  padding-bottom: 53px;
}
@media (max-width: 767px) {
  .company_face.corporate-site {
    padding-bottom: 0;
  }
}
.company_face.corporate-site h2 {
  margin-bottom: 45px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .company_face.corporate-site h2 {
    margin-bottom: 20px;
    font-weight: 500;
  }
}
.company_face.corporate-site .container {
  box-sizing: border-box;
  display: flex;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1100px) {
  .company_face.corporate-site .container {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .company_face.corporate-site .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.corporate-site-style {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  background: url(../images/korp_site_4.jpg) center/cover no-repeat;
  min-height: 65.8rem;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1100px) {
  .corporate-site-style {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .corporate-site-style {
    min-height: auto;
    background: none;
  }
}
.corporate-site-style__container {
  max-width: 143.3rem;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.corporate-site-set__container {
  max-width: 135.6rem;
  margin: 0 auto;
  width: 100%;
  display: flex;
  padding-left: 10rem;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .corporate-site-set__container {
    padding-left: 0;
  }
}
.corporate-site-style__photo {
  flex: 0 1 auto;
}
.corporate-site-style__photo img {
  max-width: 100%;
  height: auto;
}
.corporate-site-style__text {
  background-color: #fff;
  box-sizing: border-box;
  padding-left: 10.4rem;
  padding-right: 10.4rem;
  padding-top: 8.6rem;
  max-width: 80rem;
  padding-bottom: 6.5rem;
}
@media (max-width: 1500px) {
  .corporate-site-style__text {
    padding-top: 60px;
    padding-left: 85px;
    padding-right: 85px;
    max-width: 788px;
  }
}
@media (max-width: 1400px) {
  .corporate-site-style__text {
    max-width: 750px;
  }
}
@media (max-width: 960px) {
  .corporate-site-style__text {
    padding: 60px;
  }
}
@media (max-width: 767px) {
  .corporate-site-style__text {
    padding: 40px 25px;
    background-color: #ecf0f2;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.corporate-site-style__text h2 {
  font-size: 3.5rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 0.8rem;
  color: #2a292a;
}
@media (max-width: 767px) {
  .corporate-site-style__text h2 {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 500;
  }
}
.corporate-site-style__text p {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  color: #2a292a;
}
.corporate-site-style__text p.corporate-site-style__text-p1 {
  margin-top: 4.5rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .corporate-site-style__text p.corporate-site-style__text-p1 {
    margin-top: 20px;
  }
}
.corporate-site-style__text ul {
  font-size: 1.5rem;
  list-style: none;
  padding: 0;
  margin: 1.2rem 0;
  max-width: 56rem;
}
.corporate-site-style__text ul li {
  margin-bottom: 1.7rem;
}
@media (max-width: 767px) {
  .corporate-site-style__text ul li {
    margin-bottom: 10px;
    line-height: 1.45;
  }
}
.company_face.corporate-site img {
  margin-top: -5px;
  /* width: auto;
  height: auto; */
  object-fit: contain;
  width: 63.3rem;
  height: 41.6rem;
}
@media (max-width: 1100px) {
  .company_face.corporate-site img {
    display: none;
    width: auto;
    height: auto;
  }
}
.company_face.corporate-site .corp_site p {
  line-height: 1.7;
  margin-bottom: 3.5rem;
}
@media (max-width: 767px) {
  .company_face.corporate-site .corp_site p {
    margin-top: 0;
    line-height: 1.45;
    margin-bottom: 30px;
  }
}
.corporate-site-set {
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
  background: url(../images/korp_site_5.jpg) center/cover no-repeat;
  min-height: 65.8rem;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 1100px) {
  .corporate-site-set {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .corporate-site-set {
    min-height: auto;
    background: none;
  }
}
.corporate-site-set__text {
  position: relative;
  background-color: #fff;
  max-width: 64.5rem;
  width: 100%;
  box-sizing: border-box;
  padding-left: 4rem;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

@media (max-width: 960px) {
  .corporate-site-set__text {
    padding: 60px;
  }
}

@media (max-width: 767px) {
  .corporate-site-set__text {
    padding: 40px 20px;
    padding-top: 0;
  }
}

.corporate-site-set__text h2 {
  font-size: 3.3rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 3.4rem;
  color: #1f2229;
}

@media (max-width: 767px) {
  .corporate-site-set__text h2 {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 500;
  }
}

.corporate-site-set__text-p2 {
  max-width: 38.8rem;
  font-size: 1.5rem;
  margin: 0;
  line-height: 1.55;
  margin-bottom: 3rem;
  color: #1f2229;
}

@media (max-width: 767px) {
  .corporate-site-set__text-p2 {
    max-width: 100%;
    line-height: 1.45;
    margin-bottom: 20px;
  }
}

.corporate-site-set-icons {
  margin-top: 132px;
  margin-bottom: 132px;
}
@media (max-width: 960px) {
  .corporate-site-set-icons {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .corporate-site-set-icons {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
.corporate-site-set-icons__container {
  max-width: 130rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8.6rem;
  /* padding-left: 30px;
  padding-right: 55px; */
  box-sizing: border-box;
}
@media (max-width: 1500px) {
  .corporate-site-set-icons__container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 1100px) {
  .corporate-site-set-icons__container {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
}

@media (max-width: 767px) {
  .corporate-site-set-icons__container {
    padding-left: 20px;
    padding-right: 20px;
    gap: 40px;
  }
}

.corporate-site-set-icons__item-icon {
  min-height: 80px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .corporate-site-set-icons__item-icon {
    margin-bottom: 15px;
  }
}

.corporate-site-set-icons__item-text p {
  margin: 0;
  padding: 0;
  color: #1f2229;
  font-size: 1.5rem;
  line-height: 1.45;
}

.corporate-site-set__text ul {
  font-size: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #1f2229;
}

.corporate-site-set__text ul li {
  margin-bottom: 6px;
  color: #1f2229;
}

.corporate-site-set__text-p-bold {
  font-weight: 600;
  font-size: 1.7rem;
  margin: 0;
  margin-bottom: 1rem;
  color: #1f2229;
}
.corporate-site-set__photo {
  flex: 0 1 auto;
  /* width: 50%; */
}
.corporate-site-set__photo img {
  max-width: 100%;
  height: auto;
}
.corp_site p {
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.6;
  margin-bottom: 6rem;
}
.corp_site:after {
  content: '';
  display: block;
  height: 8px;
  width: 160px;
  background-color: #ee2f4a;
}
.style {
  width: 60%;
  display: inline-block;
  padding-left: 45px;
  box-sizing: border-box;
  padding-bottom: 60px;
  padding-right: 80px;
}
.corp_style {
  font-size: 0;
  background-color: #f0f0f0;
  background-image: url(../images/people.jpg);
  background-position: center;
  background-repeat: no-repeat;
}
.style h2 {
  font-size: 33px;
  color: #1f2229;
  font-weight: 400;
  margin-top: 70px;
}
.style p {
  font-size: 15px;
  color: rgb(47, 47, 47);
  line-height: 1.2;
}
.style p:nth-child(3) {
  text-transform: uppercase;
}
.style ul {
  font-size: 15px;
  color: rgb(47, 47, 47);
  line-height: 1.2;
  margin-bottom: 0;
  padding: 0;
}
.style ul li {
  list-style-type: none;
  margin: 10px 0;
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-bottom: 5px;
  background-position: left;
}
.style ul li:nth-child(1) {
  background-image: url(../images/icons/1.png);
}
.style ul li:nth-child(2) {
  background-image: url(../images/icons/2.png);
}
.style ul li:nth-child(3) {
  background-image: url(../images/icons/3.png);
}
.style ul li:nth-child(4) {
  background-image: url(../images/icons/4.png);
}
.style ul li:nth-child(5) {
  background-image: url(../images/icons/5.png);
}
.style ul li:nth-child(6) {
  background-image: url(../images/icons/6.png);
}
.style ul li:nth-child(7) {
  background-image: url(../images/icons/7.png);
  background-position: 6px;
  margin-bottom: 0;
}
.people {
  display: inline-block;
  width: 40%;
}
.standart_set h2 {
  font-size: 33px;
  color: #1f2229;
  line-height: 1.2;
  margin-top: 0;
  text-align: center;
  font-weight: 400;
}
.standart_template {
  width: 840px;
  padding-left: 55px;
  margin: 0 auto;
  box-sizing: border-box;
}
.contains {
  width: 32%;
  display: inline-block;
}
.standart_set {
  font-size: 0;
  padding-top: 70px;
  margin-bottom: 120px;
}
.contains p {
  font-size: 17px;
  color: rgb(50, 50, 50);
}
p.table_title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 17px;
}
.templ_price {
  width: 68%;
  vertical-align: top;
  display: inline-block;
  padding-right: 80px;
  text-align: right;
  box-sizing: border-box;
}
.templ_price p {
  font-size: 16px;
  color: #1f2229;
  margin-top: 20px;
  font-weight: 500;
}
.templ_price p.price {
  padding-top: 85px;
}
.templ_price p.price span,
.extras p.price span {
  font-size: 33px;
  color: #ee2f4a;
  /*    font-family: 'pfdindisplasypro';*/
  font-weight: 400;
  margin-right: 6px;
}
.extras {
  width: 840px;
  padding-left: 55px;
  margin: 0 auto;
  box-sizing: border-box;
}
.extra_service p {
  text-align: left;
  width: 60%;
  margin: 10px 0;
  display: inline-block;
}
.extra_service {
  width: 100%;
  display: inline-block;
  margin-bottom: 50px;
}

.extras p.price {
  width: 40%;
  vertical-align: top;
  text-align: right;
  padding-right: 80px;
  margin: 0;
  box-sizing: border-box;
}
.extras p {
  font-size: 17px;
  color: #1f2229;
}
.extras p span {
  font-weight: bold;
}
.purpose {
  text-align: center;
  padding-top: 145px;
  padding-bottom: 125px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(../images/phone_back.jpg);
}
.purpose .item {
  width: 57%;
  margin: 0 auto;
  padding-left: 75px;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
  background-repeat: no-repeat;
  background-position: 0% 30%;
}
.purpose .item:nth-child(1) {
  background-image: url(../images/icons/8.png);
}
.purpose .item:nth-child(2) {
  background-image: url(../images/icons/9.png);
}
.purpose .item:nth-child(3) {
  background-image: url(../images/icons/10.png);
}
/* Интернет магазин */
.internet_shop {
  font-size: 0;
  padding-top: 45px;
  padding-bottom: 100px;
}
.what_is_internet_shop {
  width: 50%;
  padding-left: 85px;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
}
.what_is_internet_shop h2 {
  font-size: 3.3rem;
  font-weight: 400;
  margin-bottom: 6.5rem;
  color: #1f2229;
}
.what_is_internet_shop p {
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.6;
}
.internet_shopping {
  width: 50%;
  vertical-align: middle;
  display: inline-block;
}
.internet_shopping img {
  width: 63rem;
  height: 43.6rem;
  object-fit: cover;
}
@media (max-width: 1200px) {
  .internet_shopping img {
    width: auto;
    height: auto;
  }
}
.what_is_internet_shop p.base-text {
  padding: 0.5rem 1rem;
}
.what_is_internet_shop .base-link {
  font-size: 1.5rem;
  padding: 0 0.5rem;
}
.cost {
  background-image: url(../images/back_inet.jpg);
  font-size: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 40% 50%;
}
.cost h2 {
  font-size: 3.3rem;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  width: 44%;
  font-weight: 400;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  padding-right: 6rem;
  box-sizing: border-box;
}
.intershop_includes p {
  font-size: 1.5rem;
  color: rgb(10, 10, 10);
  line-height: 1.2;
}
.intershop_includes {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 6.5rem 7.5rem 4.5rem 9rem;
}
.intershop_includes ul {
  font-size: 1.5rem;
  padding: 0;
}
.intershop_includes p span {
  font-size: 2.7rem;
  color: #1f2229;
}
.intershop_includes ul li {
  list-style-type: none;
  padding: 1.5rem 0;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-left: 4rem;
}
.cost h2 span {
  padding-bottom: 1rem;
  border-bottom: 0.8rem solid #ee2f4a;
}
.intershop_includes ul li:nth-child(1) {
  background-image: url(../images/icons/11.png);
}
.intershop_includes ul li:nth-child(2) {
  background-image: url(../images/icons/12.png);
}
.intershop_includes ul li:nth-child(3) {
  background-image: url(../images/icons/13.png);
}
.intershop_includes ul li:nth-child(4) {
  background-image: url(../images/icons/14.png);
}
.intershop_includes ul li:nth-child(5) {
  background-image: url(../images/icons/15.png);
}
.intershop_includes ul li:nth-child(6) {
  background-image: url(../images/icons/16.png);
}
.intershop_includes ul li:nth-child(7) {
  background-image: url(../images/icons/17.png);
}
.capability {
  width: 57%;
  padding-left: 160px;
}
.capability h2 {
  font-size: 3.3rem;
  color: #1f2229;
  margin-top: 0;
  font-weight: 400;
}
.capability ul li {
  list-style-type: none;
  margin-bottom: 0.5rem;
}
.double-studio .second_2 {
  display: none;
}
.double-studio .first_2 {
  display: none;
}
.ability {
  background-image: url(../images/abilitys.jpg);
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 100px;
  background-size: contain;
  padding-bottom: 210px;
}
.online_shopping .container {
  margin-top: -8rem;
  width: 105.5rem;
  background-image: url(../images/online.jpg);
  color: white;
  padding: 11rem 18rem 10rem 16rem;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.online_shopping {
  background-image: url(../images/back_another.jpg);
  background-repeat: no-repeat;
  background-position: 0 8rem;
  background-size: contain;
  font-size: 1.6rem;
}
.online_shopping h2 {
  font-weight: 400;
  margin-bottom: 0.5rem;
  font-size: 3.3rem;
  color: rgb(255, 255, 255);
}
.online_shopping p:nth-child(2) {
  margin-top: 0;
  margin-bottom: 5.5rem;
}
.online_shopping p:nth-child(3) {
  margin-bottom: 2rem;
}
.trade {
  width: 74.5rem;
  margin: 0 auto;
  padding: 12rem 12.5rem 12rem 16rem;
  box-sizing: border-box;
  background-position: 7% 50%;
  background-repeat: no-repeat;
  background-image: url(../images/icons/bd.png);
}
.trade p {
  margin: 0;
}
.capability ul {
  padding: 0;
  font-size: 1.6rem;
}
.capability ul li:before {
  content: '';
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #ee2f4a;
  vertical-align: middle;
  margin-right: 1.5rem;
}
/*Тех поддержка*/
.support {
  font-size: 0;
  padding-top: 9rem;
  padding-bottom: 10rem;
}
.for_what h2 {
  font-weight: 400;
  font-size: 3.3rem;
  color: #1f2229;
}
.for_what {
  width: 30%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  padding-left: 9rem;
}
.for_what h2:after {
  content: '';
  display: block;
  width: 160px;
  margin-top: 30px;
  height: 8px;
  background-color: #ee2f4a;
}
.for_what_text p {
  font-size: 1.5rem;
  color: #1f2229;
  line-height: 1.6;
}
.for_what_text {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  box-sizing: border-box;
  padding-right: 135px;
}
.work_packages h2 {
  font-size: 3.3rem;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: 400;
  margin-top: 0;
}
p.under_title {
  margin-top: 0.5rem;
  margin-bottom: 5rem;
  text-transform: uppercase;
}
.work_packages {
  background-image: url(../images/support_back.jpg);
  text-align: center;
  padding-top: 3.5rem;
  background-size: cover;
  padding-bottom: 6rem;
}
.packages {
  max-width: 23.5rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-top: 6.5rem;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 2rem;
}
.packages:nth-child(3) {
  background-image: url(../images/icons/18.png);
}
.packages:nth-child(4) {
  background-image: url(../images/icons/19.png);
}
.packages:nth-child(5) {
  background-image: url(../images/icons/20.png);
}
.packages:nth-child(6) {
  background-image: url(../images/icons/21.png);
}
.packages:nth-child(7) {
  background-image: url(../images/icons/22.png);
}
.packages:nth-child(8) {
  background-image: url(../images/icons/23.png);
}
.packages:nth-child(9) {
  background-image: url(../images/icons/24.png);
}
.packages:nth-child(10) {
  background-image: url(../images/icons/25.png);
}
.work_packages p {
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  text-align: center;
}
.support_price {
  font-size: 0;
  padding-top: 12.5rem;
  padding-bottom: 8.5rem;
}
p.under_packages {
  width: 75%;
  margin: 0 auto;
  margin-top: 4rem;
}
.support_price h2 {
  font-weight: 400;
  font-size: 3.3rem;
  margin-bottom: 3.5rem;
  margin-top: 0;
  text-align: center;
  color: rgb(50, 50, 50);
}
.support_price .text {
  width: 60%;
  display: inline-block;
  padding-left: 10rem;
  padding-right: 4rem;
  box-sizing: border-box;
}
.brackets {
  width: 90%;
  display: inline-block;
  vertical-align: top;
  padding-right: 9rem;
  box-sizing: border-box;
}
.brackets p {
  font-size: 1.7rem;
  color: rgb(255, 255, 255);
  padding: 5rem 3.5rem 5.5rem 5.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  line-height: 1.3;
  background-image: url(../images/br.jpg);
  background-position: center;
}
.support_price .text p {
  font-size: 1.5rem;
  color: rgb(50, 50, 50);
  line-height: 1.4;
}
.monthly_rates {
  text-align: center;
  font-size: 0;
  background-image: url(../images/back_rates.jpg);
  padding-top: 7rem;
  padding-bottom: 9rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.monthly_rates h2 {
  font-size: 3.3rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 6rem;
  text-align: center;
}
.rate p {
  font-size: 2.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
  margin-bottom: 45px;
}
.rate {
  width: 35.5rem;
  margin: 1.5rem;
  background-color: #474855;
  display: inline-block;
  padding: 5rem 2rem 4rem 6rem;
  box-sizing: border-box;
}
.rate ul {
  font-size: 1.5rem;
  color: rgb(255, 255, 255);
  line-height: 2;
  padding: 0;
  text-align: left;
}
.rate p.price {
  font-size: 2rem;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: left;
  margin-bottom: 0;
  margin-top: 6rem;
}
.rate a.button {
  background-color: #fff;
  color: #1f2229;
  text-decoration: none;
  text-transform: lowercase;
}
.rate a.button:hover {
  background-color: #f2ebeb;
}
.rate ul li {
  list-style-type: none;
  position: relative;
}
.rate ul li:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  background-color: #fff;
  top: 8px;
  left: -30px;
  border-radius: 10px;
}
.rate:nth-child(3) {
  background-color: #ee2f4a;
  padding: 6.5rem 2rem 5.1rem 6rem;
}
.rate:hover {
  background-color: #40414a;
}
.rate:nth-child(3):hover {
  background-color: #d51631;
}
.hourly_paymant p {
  width: 100rem;
  margin: 0 auto;
  position: relative;
  padding-left: 6rem;
  box-sizing: border-box;
  margin-top: 7.7rem;
  margin-bottom: 9rem;
  font-size: 1.5rem;
  color: rgb(7, 7, 7);
  line-height: 1.4;
}
.hourly_paymant p:after {
  content: url(../images/kav.png);
  display: inline-block;
  position: absolute;
  bottom: -30px;
  right: 230px;
}
.hourly_paymant p:before {
  content: url(../images/kav.png);
  display: inline-block;
  position: absolute;
  left: 0;
  top: -10px;
}
div#hidden-content-a h2,
div#hidden-content-b h2,
div#hidden-content-c h2 {
  font-family: 'pfdindisplaypro';
  font-size: 32px;
  font-weight: 400;
  text-align: center;
}
div#hidden-content-a input,
div#hidden-content-b input,
div#hidden-content-c input {
  width: 100%;
  height: 40px;
  margin: 10px 0;
  box-sizing: border-box;
  padding: 5px;
}
div#hidden-content-a p,
div#hidden-content-b p,
div#hidden-content-c p {
  text-align: center;
}
div#hidden-content-a button.btn,
div#hidden-content-b button.btn,
div#hidden-content-c button.btn {
  margin: 0 auto;
  display: block;
  cursor: pointer;
  color: white;
  font-weight: 300;
  background-color: #ee2f4a;
  height: 35px;
  width: 80%;
  border-radius: 35px;
  border: none;
  font-size: 18px;
  box-sizing: border-box;
  outline: none;
}
.fancybox-slide > * {
  width: 25%;
}
.fancybox-slide > * input::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input:focus::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input:focus::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input:focus:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input:focus:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea:focus::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea:focus::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea:focus:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * textarea:focus:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.fancybox-slide > * input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}
.fancybox-slide > * input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}
.fancybox-slide > * input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}
.fancybox-slide > * input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}
.conditions {
  background-color: #f6f6f6;
  background-image: url(../images/services_back.jpg);
  padding: 70px 0;
}
.conditions .news_title {
  width: 100%;
}
.conditions .container {
  max-width: 800px;
}
.conditions .container p {
  text-align: justify;
  line-height: 24px;
}
.kompred p {
  font-size: 17px;
  color: #1f2229;
  font-weight: 300;
}
.kompred .h1 {
  font-size: 40px;
  margin-top: 50px;
  font-weight: 400;
  display: inline-block;
  height: 115px;
  margin-bottom: 0;
}
.kompred .h1 img {
  float: right;
  padding-left: 15px;
}
.kompred ol > li {
  padding-bottom: 7px;
}
.kompred .fs b {
  font-size: 18px;
}
.kompred .h2 {
  font-size: 35px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 30px;
  margin-top: 0;
}
.kompred .gray-color {
  background-color: #e9e9e9;
  padding: 40px 0;
  margin-bottom: 40px;
}
.kompred header {
  background-position: center bottom;
  background-image: url(../images/kompred-header.jpg);
  height: 500px;
  position: static;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
}
.kompred span {
  font-family: 'pfdindisplaypro', sans-serif;
  font-size: 21px;
  font-weight: 100;
  font-weight: 500;
}
.kompred-area {
  display: inline-block;
  padding-top: 220px;
  width: 1000px;
}
.kompred-area img {
  float: left;
  margin-right: 40px;
}
.kompred-area p {
  margin: 0;
  color: #fff;
  padding-top: 5px;
  text-align: left;
}
.kompred .img {
  height: 30px;
  line-height: 27px;
  display: inline-block;
  margin-bottom: 0;
}
.kompred img {
  line-height: 20px;
  float: right;
}
.kompred .img.img2 {
  line-height: 47px;
}
.kompred .img.img2 img {
  margin-left: 10px;
}
.kompred li {
  position: relative;
  margin-left: 20px;
}
.kompred .kompred-area img {
  float: left;
}
.kompred .container {
  width: 1050px;
}
.kompred ul {
  padding-left: 6px;
  padding-bottom: 10px;
}
.kompred a {
  font-family: 'pfdindisplaypro', sans-serif;
  text-decoration: none;
  color: #fff;
}
.kompred footer {
  background-position: center -160px;
  background-image: url(../images/kompred-header.jpg);
  height: 300px;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-top: 50px;
}
.kompred footer img {
  float: none;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0 auto;
}

.close-portfolio {
  font-size: 19px;
  font-weight: bold;
  color: #ee2f4a;
  text-decoration: none;
  display: block;
  margin: 40px 0;
  padding-left: 15px;
  position: relative;
}
/* Новое портфолио 11.20*/
.main2.portfolio_h {
  height: 120px;
}
.portfolio-area.portfolio-line {
  margin-top: -120px;
  background: #ecf0f2;
  padding-bottom: 140px;
}
.portfolio-line .header_nb {
  height: 920px;
  padding-top: 170px;
  background-size: cover;
  background-position: center;
  background-color: #363636;
}
.portfolio-line .notebook_bg {
  /* height: 845px; */
  height: 865px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
  background-size: auto 100%;
  margin: 0 auto;
}
.portfolio-line .notebook_in {
  background-color: white;
  /* width: 1228px;
  height: 720px; */
  width: 1262px;
  height: 737px;
  position: absolute;
  top: 11px;
  /* background-size: auto 100%; */
  background-size: cover;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  border-radius: 38px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.portfolio-area.portfolio-line .contrainer {
  padding: 0px 75px;
  text-align: center;
  box-sizing: border-box;
  height: 100%;
}
.portfolio-area.portfolio-line .similar-projects .contrainer {
  flex-direction: column;
  align-items: flex-start;
  max-width: 1440px;
}
.portfolio-line .mainimg img {
  width: 100%;
  max-width: 1146px;
}
.portfolio-line .mainimg {
  padding: 40px 0;
  background: #dfdfdf;
}
.portfolio-line .mainvideo {
  padding: 40px 0;
  background: #dfdfdf;
  height: 647px;
}
.maketlist {
  position: relative;
  /*  background: #363636; */
  background: #1f2229;
  padding: 50px 0;
}
.maketlist img {
  max-width: 100%;
}
.maketlist:nth-child(2n) {
  background: none;
}

.maketlist--portfolio-landing-page {
  background: #363636;
  position: relative;
}

.maketlist--portfolio-landing-page .container {
  position: relative;
  z-index: 2;
}

/* .portfolio-landing-page.portfolio-line .contrainer{
  padding: 0 50px;
} */
.maketlist--portfolio-landing-page img {
  position: relative;
  z-index: 2;
}

.maketlist--portfolio-landing-page::after {
  content: '';
  width: 100%;
  height: 94.6rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}

@media (max-width: 960px) {
  .maketlist--portfolio-landing-page::after {
    display: none;
  }
}

.maketlist .row {
  display: grid;
  grid-template-columns: 49% 49%;
  justify-content: space-between;
}
.maketlist .contrainer a {
  max-width: 49%;
}
.portfolio-landing-page .maketlist .contrainer a {
  max-width: 100%;
}
.portfolio-area .maketlist .contrainer {
  flex-direction: row;
  align-items: flex-start;
}
.portfolio-line .similar-projects {
  margin-bottom: 0;
  margin-top: 50px;
}
.portfolio-line .similar-projects h2 {
  font-size: 18px;
  margin: 0 0 20px;
  text-align: left;
  color: #a6a6a6;
}

.portfolio-line .similar-btn .contrainer {
  padding: 0 75px 50px 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.similar-btn {
  margin-top: 50px;
}

.portfolio-line .similar-btn .similar-btn__border {
  width: 100%;
  height: 1px;
  /*   background-color: #a8a8a8; */
  margin: 0 0 50px 0;
}

@media (max-width: 545px) {
  .portfolio-line .similar-btn .similar-btn__border {
    margin: 0 0 20px 0;
  }
}

.portfolio-line .similar-btn .want-similar-btn {
  border: 0;
  outline: 0;
  max-width: 38rem;
  width: 100%;
  height: 7.7rem;
  background-color: #9a1a1f;
  color: #ffffff;
  font-family: Gilroy, sans-serif;
  font-weight: 300;
  font-size: 1.7rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.portfolio-line .similar-btn .want-similar-btn:hover {
  background-color: #1f2229;
}

.portfolio-line .project {
  width: 33%;
}
.portfolio-line .project:nth-child(4) {
  display: none;
}
.portfolio-line .project p {
  margin: 10px 0 0;
  text-align: left;
  font-weight: 500;
}
/* */
.new-portfolio .contrainer {
  font-size: 0;
}
.new-portfolio .contrainer > div {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
}
.new-portfolio .contrainer > div:nth-child(1) {
  width: 65%;
  vertical-align: bottom;
}
.new-portfolio .contrainer > div:nth-child(2) {
  width: 35%;
}
.notebook {
  height: 485px;
  position: relative;
  background-image: url(../images/portfolio/screen.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.notebook .screen {
  width: 655px;
  height: 435px;
  position: absolute;
  top: 25px;
  left: 100px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.portfolio-area h2 {
  text-transform: uppercase;
  font-size: 17px;
}
.right-text {
  width: 405px;
  text-align: right;
  margin-left: auto;
  padding-right: 30px;
  border-right: 7px solid red;
  display: inline-block;
  vertical-align: top;
}
.left-text {
  width: 560px;
  text-align: left;
  margin-right: auto;
  padding-left: 30px;
  border-left: 7px solid red;
  display: inline-block;
  vertical-align: top;
  margin-top: 60px;
  margin-bottom: 140px;
}
.karta-tovara {
  width: 845px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  height: 385px;
}
.formscreen img {
  max-width: 100%;
}
.karta-tovara img {
  max-width: 100%;
  height: 100%;
}
.gray {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  z-index: -1;
}
.mein-content {
  position: relative;
}
.where-to-buy .contrainer {
  position: relative;
}
.formscreen {
  /*position: absolute;
top: -90px;
right: 10px;*/
}
.katalog .contrainer > div {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
}
.notebook-2 {
  height: 515px;
  width: 815px;
  position: relative;
  background-image: url(../images/portfolio/screen-2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.notebook-2 .screen-2 {
  width: 775px;
  height: 435px;
  position: absolute;
  top: 5px;
  left: 20px;
  background-image: url(../images/portfolio/test-katalog.jpg);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.katalog .right-text {
  margin-left: 35px;
}
.katalog {
  margin-top: 35px;
}
.katalog .contrainer > h2 {
  margin-bottom: 50px;
}
.portfolio-area h2 {
  font-size: 32px;
  max-width: 1300px;
  margin: 20px auto;
}
.left-text h2 {
  font-size: 17px;
  padding: 0;
}
.right-text h2 {
  font-size: 17px;
  padding: 0;
}
.map-tovara .left-text {
  width: 400px;
}
.map-tovara {
  margin-top: 80px;
}
.tovar-description {
  display: inline-block;
  vertical-align: top;
}
.portfolio-area .projects {
  display: block;
  width: 100%;
  font-size: 0;
}
.portfolio-area .contrainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.project {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  font-size: 15px;
  padding: 1px;
  box-sizing: border-box;
}
.what-is-done h1 {
  text-align: right;
  padding-right: 50px;
  display: block;
  margin-bottom: 60px;
}
.what-is-done .works {
  border: 13px solid #ebebeb;
  padding: 0;
  margin-top: 65px;
  margin-bottom: 80px;
  display: none;
}
.what-is-done .contrainer {
  margin-top: 65px;
  margin-bottom: 80px;
}
.what-is-done .works div {
  display: inline-block;
  width: 280px;
  margin: 0 50px;
  margin-bottom: 65px;
}
.what-is-done .works div h4 {
  height: 70px;
  line-height: 100px;
  margin: 0;
  padding-left: 75px;
  background-image: url(../images/portfolio/wid-1.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 16px;
}
.what-is-done .works div:nth-child(3) h4 {
  background-image: url(../images/portfolio/wid-2.png);
}
.what-is-done .works div:nth-child(4) h4 {
  background-image: url(../images/portfolio/wid-3.png);
}
.what-is-done .works div:nth-child(5) h4 {
  background-image: url(../images/portfolio/wid-4.png);
}
.what-is-done .works div:nth-child(6) h4 {
  background-position: 0 35px;
  background-image: url(../images/portfolio/wid-5.png);
}
.similar-projects {
  margin-bottom: 140px;
}
.new-portfolio .reference a {
  font-size: 19px;
  font-weight: bold;
  color: #ee2f4a;
  text-decoration: none;
  display: block;
  margin: 40px 0;
  padding-left: 15px;
  position: relative;
}
.new-portfolio .reference a::before {
  content: '';
  display: block;
  position: absolute;
  top: 55%;
  border: 2px solid #ee2f4a;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(225deg);
  left: -1px;
  border-right: 1px;
  border-top: 1px;
}
.project img {
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all ease-out 0.4s;
  display: block;
  opacity: 0.9;
}
.similar-projects__photo {
  position: relative;
}

.similar-projects__photo::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(58, 52, 42, 0);
  background: -webkit-linear-gradient(
    5deg,
    #00000045 0,
    rgba(0, 0, 0, 0.35) 100%
  );
}

.project a:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 0.75;
}
.project a:hover .similar-projects__photo::after {
  background-color: rgba(58, 52, 42, 0);
  /* background: -webkit-linear-gradient( 5deg, #00000045 0, rgba(0, 0, 0, 0.10) 100% ); */
}
.project a {
  text-decoration: none;
  color: #1f2229;
}

.mein-content .right-text {
  padding-left: 20px;
  box-sizing: border-box;
  width: 445px;
}
.works h2 {
  text-align: right;
  padding-right: 60px;
}
.mezhkomnatnyie-dveri .where-to-buy {
  display: none;
}
.mezhkomnatnyie-dveri .map-tovara .left-text {
  width: 345px;
  float: right;
  border-right: 7px solid red;
  border-left: 0;
  text-align: right;
  padding-left: 0;
  padding-right: 30px;
}
.mezhkomnatnyie-dveri .portfolio-area h2 {
  text-align: right;
}
.mezhkomnatnyie-dveri .map-tovara h2 {
  text-align: right;
}
.mezhkomnatnyie-dveri .katalog .right-text {
  margin-top: 60px;
  margin-left: 0;
  padding-left: 30px;
  border-left: 7px solid red;
  padding-right: 0;
  border-right: 0;
  text-align: left;
  float: left;
}
.mezhkomnatnyie-dveri .katalog h2 {
  text-align: left;
  margin-bottom: 0;
}
.Favorit-Plitka .map-tovara .left-text {
  margin-top: 0;
}
.vinogradniki-elit-servis .formscreen {
  margin-top: 100px;
}
.yaguar .formscreen {
  margin-top: 90px;
}
.Moscow-Zabor .katalog {
  display: none;
}
.Moscow-Zabor .map-tovara {
  display: none;
}
.Moscow-Zabor .left-text {
  width: 450px;
}
.Moscow-Zabor .what-is-done {
  margin-top: 160px;
}
.gelios .karta-tovara {
  left: 1px;
}
.gelios .karta-tovara img {
  max-width: 88.5%;
}
.gelios .formscreen img {
  max-width: 85%;
  margin-top: 100px;
  float: right;
}
.gelios .tovar-description {
  float: right;
}
.gelios .what-is-done {
  padding-top: 180px;
}
.Monblan .tovar-description {
  float: right;
}
.Monblan .what-is-done {
  padding-top: 260px;
}
.Monblan .formscreen img {
  max-width: 85%;
  margin-top: 100px;
  float: right;
}
.Avanta .tovar-description {
  float: right;
}
.Avanta .what-is-done {
  padding-top: 50px;
}
.Minze .formscreen img {
  max-width: 85%;
  float: right;
}
.Boyar .where-to-buy {
  margin-top: 150px;
}
.Boyar .formscreen img {
  max-width: 90%;
  float: right;
}
.klinika-zdorove .where-to-buy {
  padding-top: 80px;
}
.klinika-zdorove .formscreen img {
  max-width: 90%;
  float: right;
}
.Moscow-Zabor .where-to-buy {
  padding-top: 90px;
}
.dreamwave .where-to-buy {
  padding-top: 80px;
}
.dreamwave .formscreen img {
  max-width: 85%;
  float: right;
}
.el-deko .where-to-buy {
  padding-top: 65px;
}
.gosdez-servis .where-to-buy {
  padding-top: 50px;
}
.gosdez-servis .formscreen img {
  max-width: 75%;
  float: right;
  padding-top: 30px;
}
.Eat-i-Fit .where-to-buy {
  padding-top: 50px;
}

.zhk-akademicheskij .where-to-buy {
  padding-top: 150px;
}
.pervyij-czex .where-to-buy {
  padding-top: 100px;
}
.pervyij-czex .katalog {
  margin-top: 125px;
}

@media (max-width: 760px) {
  .info h2 {
    font-size: 52px;
  }
}

@media (max-width: 480px) {
  .info h2 {
    font-size: 52px;
  }
}

span.si-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 40px 30px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
}
.logo2 {
  display: none;
}
.doplinks {
  display: none;
}

/* ONE Humburger */
div#hamburger-1 {
  display: none;
}
.hamburger .line {
  width: 35px;
  height: 2px;
  background-color: #ee2f4a;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger .line:nth-child(2) {
  width: 30px;
  margin-right: 0;
}

.hamburger:hover {
  cursor: pointer;
}

#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(4px) rotate(45deg);
  -ms-transform: translateY(4px) rotate(45deg);
  -o-transform: translateY(4px) rotate(45deg);
  transform: translateY(4px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}
/* */

/*тест форма*/

.crm-webform-header-container {
  display: none;
}

.mein-content {
  position: relative;
  margin-bottom: 120px;
}

.formscreen.revealator-slideup.revealator-once.revealator-within,
.tovar-description.revealator-slideup.revealator-once.revealator-within {
  border: 11px solid #f1f1f1;
}
.tovar-description.revealator-slideup.revealator-once.revealator-within img {
  width: 100%;
}
.screen-2 {
  width: 750px;
  height: 540px;
  background-size: cover;
}
.what-doing .works-carousel .keywords {
  width: unset;
}
.context-carousel .owl-item img {
  width: 100%;
}

.my-4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.header_logo {
  text-decoration: none;
}
.wrap_for_menu {
  display: flex;
  align-items: center;
}

.header_logo .logo {
  display: flex;
  align-items: center;
}
.header_logo .logo img {
  width: 30px;
}
.logo p {
  color: #fff;
  font-weight: initial;
  font-size: 18px;
  margin-left: 10px;
}

.d-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.base-link {
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  text-transform: none;
  color: #1f2229;
  transition: color 0.5s;
  padding: 0 5px;
}
.base-link:hover {
  color: #ee2f4a;
}
.base-text {
  padding: 5px 10px;
}

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

.photo-items .photo-item {
  width: 45%;
  text-align: left;
}
.photo-items .w-60 {
  width: 55%;
}
.photo-items .photo-item .span {
  color: #3b3636;
  font-family: 'Raleway';
  font-size: 19px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
}
.photo-items .photo-item p {
  color: #3b3636;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 0;
  height: auto;
}
.photo-items .photo-item .lines {
  margin-top: 29px;
  margin-bottom: 120px;
  background-color: #ee2f4a;
  width: 186px;
  height: 5px;
}
.photo-items .photo-item__bottom-items {
  display: flex;
  align-items: center;
}

.photo-items .photo-item__bottom-items .photo-items__item ul {
  width: 250px;
  list-style-type: none;
  padding: 0;
}
.photo-items .photo-item__bottom-items .photo-items__item ul li {
  position: relative;
  color: #3b3636;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin-left: 22px;
}
.photo-items .photo-item__bottom-items .photo-items__item ul li:before {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #3b3636;
  top: 5px;
  left: -21px;
}

.photo-bg {
  background-image: url(../../../newimg/photo-form.png);
  background-size: cover;
  width: 100%;
  background-position: center;
}
.photo-form .ajax_form {
  display: flex;
  align-items: center;
}

.photo-form .send {
  width: auto;
  margin-right: 100px;
}

.photo-form .forms {
  display: flex;
  width: 70%;
  align-items: center;
}
.photo-form .forms .forms-item {
  width: 40%;
  padding: 0px 30px;
}
.photo-bg .container {
  width: 1300px;
}
.photo-bg .law {
  text-align: center;
}
.photo-bg .wrform {
  padding: 0;
}
.photo-work .container {
  padding-top: 50px;
  padding-bottom: 0;
  margin-bottom: -4px;
}

/*telegram*/
.telegram-work .container {
  width: 114rem;
}
.telegram-work .telegram-info {
  display: flex;
  align-items: center;
}
.telegram-work .telegram-info .telegram-info__item {
  width: 50%;
  text-align: left;
}
.telegram-work .telegram-info .telegram-info__item:first-child {
  width: 40%;
  margin-right: 10rem;
}
.telegram-work .telegram-info .telegram-info__item span {
  color: #1f2229;
  font-family: 'Raleway';
  font-size: 1.9rem;
  font-weight: 600;
  text-transform: uppercase;
}
.telegram-work .telegram-info .telegram-info__item p {
  color: #3b3636;
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.telegram-work .telegram-info .telegram-info__item p b {
  font-weight: 600;
}
.telegram-points {
  display: flex;
  align-items: center;
}
.telegram-point-info .telegram-point-info__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 2px solid #2da5e1;
}

.telegram-points .telegram-points__item .telegram-point-info {
  margin-bottom: 8rem;
}

.telegram-point-info .telegram-point-info__top .name {
  color: #1f2229;
  font-family: 'Raleway';
  font-size: 1.9rem;
  font-weight: 300;
  text-transform: uppercase;
  height: auto;
  margin-bottom: 0;
  margin-top: 3rem;
}
.telegram-point-info .telegram-point-info__top .items .items-name {
  color: #1f2229;
  font-family: 'Raleway';
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

.telegram-point-info .telegram-point-info__top .but {
  display: block;
  background-color: #2da5e1;
  color: #ffffff;
  font-family: 'Helios';
  font-size: 3.3rem;
  font-weight: 900;
  font-style: italic;
}

.telegram-point-info .telegram-point-info__top .but .light {
  color: #fff;
  font-family: 'Raleway';
  font-size: 1.5rem;
  font-weight: 100;
  font-style: normal;
  text-transform: uppercase;
}

.telegram-point-info__content .content-items {
  display: flex;
  align-items: baseline;
}
.telegram-point-info__content .content-items .content-items__item {
  width: 50%;
}

.telegram-point-info__content .content-items .content-items__item.w-100 {
  width: 100%;
}
.telegram-point-info__content .content-items .content-items__item.w-100 ul {
  max-height: 100rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.telegram-point-info__content
  .content-items
  .content-items__item.w-100.bot-buznes
  ul {
  max-height: 16.5rem;
}

.telegram-point-info__content
  .content-items
  .content-items__item.w-100.bot-buznes
  ul
  li {
  width: 50%;
  line-height: 2.3rem;
}
.telegram-point-info__content .content-items .content-items__item ul {
  list-style-type: none;
  padding: 0;
}
.telegram-point-info__content .content-items .content-items__item ul li {
  position: relative;
  text-align: left;
  margin-left: 2rem;
  color: #3b3636;
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 3.3rem;
}

.telegram-point-info__content .content-items .content-items__item ul li:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #2da5e1;
  top: 1rem;
  left: -2rem;
}

.telegram-point-info__content .content-items .content-items__item p {
  color: #3b3636;
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.2rem;
  text-align: left;
  height: auto;
  margin-bottom: 0;
}

.telegram-points .telegram-points__item:first-child {
  width: 45%;
}

.telegram-points .telegram-points__item {
  width: 55%;
}
.telegram-points .telegram-points__item:first-child img {
  width: 100%;
}
.telegram-point-info__bottom {
  display: flex;
  align-items: center;
}
.telegram-point-info__bottom .telegram-bottom__item .telegram-btn {
  border-radius: 1.5rem;
  background-color: #3a3535;
  max-width: 14.1rem;
  color: #ffffff;
  font-family: Raleway;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 0.5rem 1.1rem;
  border: transparent;
  cursor: pointer;
}
.telegram-point-info__bottom .telegram-bottom__item .telegram-line {
  height: 2px;
  width: 47.8rem;
  margin-left: 2rem;
  display: block;
  background-color: #2da5e1;
}
.questpage .firstpage,
.questpage #secondpage {
  visibility: visible;
  height: 100vh;
  background-image: url(/assets/template/images/quest1-bg.jpg);
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  transition: 1s;
  opacity: 1;
}
.questpage #secondpage {
  opacity: 0;
  top: -1000px;
  visibility: hidden;
}
.questpage .firstpage.goup {
  opacity: 0;
  top: -1000px;
  visibility: hidden;
}
.questpage #secondpage.goup {
  opacity: 1;
  top: 0;
  visibility: visible;
}
.questpage .firstpage a.logotop,
.questpage .main a.logotop,
.questpage #secondpage a.logotop {
  position: absolute;
  width: 60px;
  height: 70px;
  background-position: center;
  margin: 0 auto;
  top: 10vh;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
}
.questpage .main a.logotop {
  width: 90px;
  height: 30px;
  left: 30%;
  right: unset;
}
.questpage .firstpage > div,
.questpage #secondpage > div {
  font-weight: 300;
  position: absolute;
  top: 40vh;
  left: 0;
  color: white;
  right: 0;
  margin: 0 auto;
  line-height: 1.5;
  max-width: 1000px;
  width: 100%;
  font-size: 30px;
  text-align: center;
}
.questpage .firstpage button.redbtn,
.questpage #secondpage .redbtn {
  width: 278px;
  height: 58px;
  display: block;
  margin: 100px auto 0;
  background: #ee2f4a;
  border-radius: 40px;
  border: 0;
  color: white;
  cursor: pointer;
  font-size: 20px;
}
.questpage .main {
  height: 100vh;
}
.questpage .askbl {
  position: absolute;
  top: 27vh;
  left: 0;
  color: white;
  right: 0;
  margin: 0 auto;
  max-width: 650px;
  width: 100%;
  height: auto;
  padding-bottom: 110px;
}
.questpage .askbl h2 {
  font-size: 45px;
  text-transform: uppercase;
  margin-bottom: 45px;
}
.questpage .askbl label input {
  border-radius: 30px;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border: 1px solid white;
  background: none;
  vertical-align: top;
  outline: none;
}
.questpage .askbl label {
  display: block;
  font-size: 20px;
  font-weight: 200;
  margin: 18px 0;
  cursor: pointer;
}
.questpage .buttonbtm {
  position: absolute;
  bottom: 0;
}
.questpage .buttonbtm button.goforw,
.questpage .buttonbtm button.submbtn {
  background-color: #ee2f4a;
  text-align: left;
  background-image: url(/assets/template/images/btnforw.png);
  background-position: right 10px center;
  padding: 8px 0 10px 35px;
}
.questpage .buttonbtm button {
  outline: none;
  cursor: pointer;
  text-align: right;
  border: 1px solid #dd2d46;
  width: 141px;
  border-radius: 20px;
  text-transform: lowercase;
  font-size: 20px;
  color: white;
  font-weight: 300;
  font-family: Raleway;
  line-height: 1;
  padding: 8px 35px 10px 0;
  background: url(/assets/template/images/btnback.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
}
.questpage .askbl input[type='text'] {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  min-height: 2.875rem;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 10px 0;
  font-size: 18px;
  border-radius: 6px;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  outline: none;
}
.corp_site::after {
  display: none;
}

/*-media-*/
@media (max-width: 1024px) {
  .photo-bg .container {
    width: 100%;
  }
  .telegram-points .telegram-points__item:first-child {
    width: 40%;
  }
  .telegram-point-info__bottom .telegram-bottom__item .telegram-line {
    margin-top: 20px;
    width: 378px;
  }
}

@media (max-width: 768px) {
  .telegram-point-info__content .content-items .content-items__item.w-100 ul {
    max-height: 100%;
  }
  .telegram-point-info__content
    .content-items
    .content-items__item.w-100.bot-buznes
    ul {
    max-height: 100%;
  }
  .telegram-point-info__content
    .content-items
    .content-items__item.w-100.bot-buznes
    ul
    li {
    width: 100%;
  }
  .telegram-point-info__bottom .telegram-bottom__item .telegram-line {
    width: 238px;
  }
  .photo-bg {
    padding: 0;
  }
}

/*Copyr*/
.copyr-work .container {
  width: 114rem;
}
.copyr-work .copyr-info {
  display: flex;
  align-items: center;
}
.copyr-work .copyr-info .copyr-info__item {
  width: 50%;
  text-align: left;
}
.copyr-work .copyr-info .copyr-info__item:first-child {
  width: 40%;
  margin-right: 10rem;
}
.copyr-work .copyr-info .copyr-info__item span {
  color: #1f2229;
  font-family: 'Raleway';
  font-size: 1.9rem;
  font-weight: 600;
  text-transform: uppercase;
}
.copyr-work .copyr-info .copyr-info__item p {
  color: #3b3636;
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.2rem;
}
.copyr-work .copyr-info .copyr-info__item p b {
  font-weight: 600;
}
.copyr-points {
  display: flex;
  align-items: center;
}
.copyr-point-info .copyr-point-info__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 2px solid #ee2f4a;
}

.copyr-points .copyr-points__item .copyr-point-info {
  margin-bottom: 8rem;
}

.copyr-point-info .copyr-point-info__top .name {
  color: #1f2229;
  font-family: 'Raleway';
  font-size: 1.9rem;
  font-weight: 300;
  text-transform: uppercase;
  height: auto;
  margin-bottom: 0;
  margin-top: 3rem;
}
.copyr-point-info .copyr-point-info__top .items .items-name {
  color: #1f2229;
  font-family: 'Raleway';
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

.copyr-point-info .copyr-point-info__top .but {
  display: block;
  background-color: #ee2f4a;
  color: #ffffff;
  font-family: 'Helios';
  font-size: 3.3rem;
  font-weight: 900;
  font-style: italic;
}

.copyr-point-info .copyr-point-info__top .but .light {
  color: #fff;
  font-family: 'Raleway';
  font-size: 1.5rem;
  font-weight: 100;
  font-style: normal;
  text-transform: uppercase;
}

.copyr-point-info__content .content-items {
  /* display: flex; */
  align-items: baseline;
}
.copyr-point-info__content .content-items .content-items__item {
  width: 60%;
}

.copyr-point-info__content .content-items .content-items__item.w-100 {
  width: 100%;
}
.copyr-point-info__content .content-items .content-items__item.w-100 ul {
  max-height: 10rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.copyr-point-info__content
  .content-items
  .content-items__item.w-100.bot-buznes
  ul {
  max-height: 16.5rem;
}

.copyr-point-info__content
  .content-items
  .content-items__item.w-100.bot-buznes
  ul
  li {
  width: 50%;
  line-height: 2.3rem;
}
.copyr-point-info__content .content-items .content-items__item ul {
  list-style-type: none;
  padding: 0;
}
.copyr-point-info__content .content-items .content-items__item ul li {
  position: relative;
  text-align: left;
  margin-left: 2rem;
  color: #3b3636;
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 3.3rem;
}

.copyr-point-info__content .content-items .content-items__item ul li:before {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #ee2f4a;
  top: 1rem;
  left: -2rem;
}

.copyr-point-info__content .content-items .content-items__item p {
  color: #3b3636;
  font-family: Raleway;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.2rem;
  text-align: left;
  height: auto;
  margin-bottom: 0;
}

.copyr-points .copyr-points__item:first-child {
  width: 45%;
}

.copyr-points .copyr-points__item {
  width: 55%;
}
.copyr-points .copyr-points__item:first-child img {
  width: 100%;
}
.copyr-point-info__bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.copyr-point-info__bottom .copyr-bottom__item .copyr-btn {
  border-radius: 1.5rem;
  background-color: #3a3535;
  max-width: 14.1rem;
  color: #ffffff;
  font-family: Raleway;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 0.5rem 1.1rem;
  border: transparent;
  cursor: pointer;
}
.copyr-point-info__bottom .copyr-bottom__item .copyr-line {
  height: 2px;
  width: 38rem;
  margin-right: 0.7rem;
  display: block;
  background-color: #ee2f4a;
}
/*-media-*/
@media (max-width: 1024px) {
  .photo-bg .container {
    width: 100%;
  }
  .copyr-points .copyr-points__item:first-child {
    width: 100%;
  }
  .copyr-point-info__bottom .copyr-bottom__item .copyr-line {
    margin-top: 20px;
    width: 378px;
  }
}

@media (max-width: 768px) {
  .copyr-point-info__content .content-items .content-items__item.w-100 ul {
    max-height: 100%;
  }
  .copyr-point-info__content
    .content-items
    .content-items__item.w-100.bot-buznes
    ul {
    max-height: 100%;
  }
  .copyr-point-info__content
    .content-items
    .content-items__item.w-100.bot-buznes
    ul
    li {
    width: 100%;
  }
  .copyr-point-info__bottom .copyr-bottom__item .copyr-line {
    width: 238px;
  }
  .photo-bg {
    padding: 0;
  }
}
@media (max-width: 980px) {
  .copyr-points .copyr-points__item {
    width: 100%;
  }
  .copyr-points__item img {
    display: none;
  }
  .copyr-work .copyr-info .copyr-info__item {
    width: 100%;
  }
  .copyr-work .copyr-info .copyr-info__item {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .copyr-work .copyr-info {
  }
  .copyr-work .copyr-info .copyr-info__item:first-child {
    width: 100%;
    margin: 0;
  }
  .copyr-work .copyr-info {
    flex-wrap: wrap;
  }
  .copyr-points {
    display: block;
  }
}
/*end copy*/
@media (max-width: 980px) {
  .telegram-points .telegram-points__item {
    width: 100%;
  }
  .telegram-points__item img {
    display: none;
  }
  .telegram-work .telegram-info .telegram-info__item {
    width: 100%;
  }
  .telegram-work .telegram-info .telegram-info__item {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .telegram-work .telegram-info {
  }
  .telegram-work .telegram-info .telegram-info__item:first-child {
    width: 100%;
    margin: 0;
  }
  .telegram-work .telegram-info {
    flex-wrap: wrap;
  }
  .telegram-points {
    display: block;
  }
}
.copyr-points__item img {
  padding-bottom: 6rem;
  width: 51.3rem;
  height: 47rem;
  object-fit: cover;
}
@media (max-width: 767px) {
  .copyr-points__item img {
    width: auto;
    height: auto;
  }
}
.notebook-2 .screen-2 {
  left: 20px;
  top: 10px;
}
.fix_img {
  width: 100%;
  max-height: 425px;
}
.left-text p {
  max-width: 530px;
}
.nav .logo2 {
  display: none !important;
}
.container_block_dots {
  display: flex;
}

.container_block_dots .brackets {
  max-width: 45rem;
  padding-right: 0;
}
@media (max-width: 830px) {
  .container_block_dots {
    flex-direction: column;
    align-items: center;
  }
}

footer div,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media (max-width: 1500px) {
  html {
    font-size: 9px !important;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 9px !important;
  }
}
/* Форма обратной связи */
.h2-arrow {
  font-size: 3.6rem;
  color: #1f2229;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.h2-arrow::before {
  content: '';
  width: 5.2rem;
  height: 0.5rem;
  display: inline-block;
  background: url(/assets/template/newmain/images/icons/h2-arrow-black.svg)
    center/contain no-repeat;
  position: relative;
  top: -8px;
  margin-right: 20px;
}
.h2-arrow--white {
  color: #fff;
}
.h2-arrow--white::before {
  background: url(/assets/template/newmain/images/icons/h2-arrow-white.svg)
    center/cover no-repeat;
}
.contact-us {
  max-width: 168.4rem;
  padding: 0 8rem;
  margin: 8rem auto 0 auto;
  font-size: 1.7rem;
  box-sizing: border-box;
}
.contact-us .select-box {
  max-width: 51.1rem;
}
@media (max-width: 960px) {
  .contact-us .select-box {
    max-width: 48%;
  }
}
@media (max-width: 767px) {
  .contact-us .select-box {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .contact-us {
    padding: 0 40px;
  }
}
@media (max-width: 960px) {
  .contact-us {
    padding: 0;
  }
}
@media (max-width: 960px) {
  .contact-us {
    margin: 50px 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .contact-us {
    margin: 50px 0;
    margin-bottom: 0;
  }
}
.contact-us__wrap {
  max-width: 152.4rem;
  margin: 0 auto;
  background-color: #ecf0f2;
  padding: 9rem 6rem 9.5rem 6rem;
  box-sizing: border-box;
}
@media (max-width: 960px) {
  .contact-us__wrap {
    padding: 4rem;
  }
}
@media (max-width: 767px) {
  .contact-us__wrap {
    padding: 50px 25px;
  }
}
.contact-us__header span {
  display: block;
  margin-left: 7.2rem;
}
@media (max-width: 767px) {
  .contact-us__header span {
    margin-left: 0;
    margin-top: 15px;
  }
}
.contact-us__form {
  margin-top: 6.4rem;
  padding: 0 7.5rem;
}
@media (max-width: 960px) {
  .contact-us__form {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .contact-us__form {
    margin-top: 30px;
  }
}
.contact-us__form .contact-us__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 767px) {
  .contact-us__form .contact-us__form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.contact-us__form .input-bd {
  max-width: 38rem;
  width: 100%;
}
@media (max-width: 960px) {
  .contact-us__form .input-bd {
    max-width: 30%;
  }
}
@media (max-width: 767px) {
  .contact-us__form .input-bd {
    max-width: 100%;
    margin-bottom: 2.5rem;
  }
}
.contact-us__form .contact-us__form-row--2 {
  margin-top: 7rem;
}
.contact-us__form .contact-us__form-row--2 .input-bd {
  max-width: 65.7rem;
}
@media (max-width: 960px) {
  .contact-us__form .contact-us__form-row--2 .input-bd {
    max-width: 47%;
  }
}
@media (max-width: 767px) {
  .contact-us__form .contact-us__form-row--2 .input-bd {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .contact-us__form .contact-us__form-row--2 {
    margin-top: 0;
  }
}
.contact-us__form .contact-us__form-row--3 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8.2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .contact-us__form .contact-us__form-row--3 {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.contact-us__form-submit {
  max-width: 38rem;
  width: 100%;
}
.contact-us__form-submit .input-bd-submit {
  max-width: 38rem;
  width: 100%;
  height: 7.7rem;
  padding-left: 3.5rem;
  display: inline-block;
  position: relative;
  background-image: url(/assets/template/newmain/images/icons/arrow-submit.svg);
  background-repeat: no-repeat;
  background-position: 95% 55%;
  background-size: 9rem 3.3rem;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  cursor: pointer;
}
.contact-us__form-submit .input-bd-submit:hover {
  background-position: 98% 55%;
}
@media (max-width: 960px) {
  .contact-us__form-submit .input-bd-submit {
    max-width: 30rem;
  }
}
@media (max-width: 767px) {
  .contact-us__form-submit .input-bd-submit {
    max-width: 100%;
  }
}
@media (max-width: 960px) {
  .contact-us__form-submit {
    max-width: 30rem;
  }
}
@media (max-width: 767px) {
  .contact-us__form-submit {
    max-width: 100%;
  }
}
.contact-us__checkbox {
  margin-left: 12.5rem;
}
@media screen and (max-width: 1440px) {
  .contact-us__checkbox {
    margin-left: 10rem;
  }
}
@media screen and (max-width: 1380px) {
  .contact-us__checkbox {
    margin-left: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .contact-us__checkbox {
    margin-left: 0;
    margin-top: 4rem;
    margin-bottom: 3.5rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}

.input-bd::-webkit-input-placeholder {
  color: #666;
}
.input-bd::-moz-placeholder {
  color: #666;
}
.input-bd:-ms-input-placeholder {
  color: #666;
}
.input-bd::-ms-input-placeholder {
  color: #666;
}
.input-bd::placeholder {
  color: #666;
}
.input-bd::-moz-selection {
  background-color: #9a1a1f;
  color: #fff;
}
.input-bd::selection {
  background-color: #9a1a1f;
  color: #fff;
}
input.input-bd,
textarea.input-bd {
  outline: 0;
}
input.input-bd:focus:required:invalid,
textarea.input-bd:focus:required:invalid {
  border-color: red;
}
input.input-bd:required:valid,
textarea.input-bd:required:valid {
  border-color: green;
}
.input-bd {
  color: #0e0e0e;
  font-family: Gilroy, sans-serif;
  font-weight: 300;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  font-size: 2rem;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #1f2229;
  padding-bottom: 8px;
}
.input-bd::-webkit-input-placeholder {
  color: #707070;
}
.input-bd::-moz-placeholder {
  color: #707070;
}
.input-bd:-ms-input-placeholder {
  color: #707070;
}
.input-bd:-moz-placeholder {
  color: #707070;
}
.input-bd-submit {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-weight: 300;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  font-size: 1.7rem;
  border: none;
  background-color: #1f2229;
  text-align: left;
  display: inline-block;
  background-image: url(/assets/template/newmain/images/icons/arrow-submit.svg);
  background-repeat: no-repeat;
  background-position: 88% 55%;
  background-size: 32px 13px;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}
.input-bd-submit:hover {
  background-position: 91% 55%;
  background-color: #9a1a1f;
}
.select-box {
  position: relative;
  display: block;
  width: 100%;
  font-size: 2rem;
  font-weight: 300;
}
.select-box__current {
  position: relative;
  cursor: pointer;
  outline: 0;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
  animation-name: none;
  pointer-events: auto;
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.select-box__icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.8rem;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.select-box__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-bottom: 1px solid #1f2229;
  font-size: 2rem;
  padding-bottom: 8px;
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
  animation-name: HideList;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  border: none;
  font-size: 2rem;
  padding-top: 2.3rem;
  /*  padding-bottom: 1.8rem; */
  background-color: #fff;
  z-index: 3;
}
.select-box__option {
  padding: 0.6rem 5.5rem;
  background-color: #fff;
  display: block;
}
.select-box__option:focus,
.select-box__option:hover {
  color: #1f2229;
  background-color: #fbfbfb;
}
@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes push_text_top {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px) translateZ(0);
    -ms-transform: translateY(30px) translateZ(0);
    transform: translateY(30px) translateZ(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
  }
}
@keyframes push_text_top {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30px) translateZ(0);
    -ms-transform: translateY(-30px) translateZ(0);
    transform: translateY(-30px) translateZ(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
  }
}
@-webkit-keyframes push_text_bottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30px) translateZ(0);
    -ms-transform: translateY(-30px) translateZ(0);
    transform: translateY(-30px) translateZ(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
  }
}
@keyframes push_text_bottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30px) translateZ(0);
    -ms-transform: translateY(-30px) translateZ(0);
    transform: translateY(-30px) translateZ(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
  }
}
.control {
  display: block;
  position: relative;
  padding-left: 3.5rem;
  margin-bottom: 0;
  padding-top: 5px;
  cursor: pointer;
}
.control a {
  text-decoration: none;
  color: #848383;
  display: inline-block;
  line-height: 1;
}
.control a::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #721314;
  -webkit-transition: width ease-out 0.5s;
  -o-transition: width ease-out 0.5s;
  transition: width ease-out 0.5s;
}
.control a:hover::after {
  width: 0;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.control_indicator {
  position: absolute;
  top: 0.4rem;
  left: 0;
  height: 1.9rem;
  width: 2rem;
  background: 0 0;
  border: 1px solid #1f2229;
}
.control_indicator:after {
  -webkit-box-sizing: unset;
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.control-checkbox .control_indicator:after {
  left: 0.6rem;
  top: 0.3rem;
  width: 0.5rem;
  height: 0.8rem;
  border: solid #1f2229;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
/* Footer */

footer {
  width: 100%;
  background-color: #1f2229;
  padding: 13.5rem 0 6.75rem 0;
  font-family: Gilroy, sans-serif;
  font-size: 1.7rem;
  line-height: 1.65;
}
@media (max-width: 767px) {
  footer {
    padding: 50px 0;
  }
}
.footer__wrap {
  max-width: 128rem;
  margin: 0 auto;
  padding: 0 8rem;
}
@media (max-width: 1200px) {
  .footer__wrap {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .footer__wrap {
    padding: 0 25px;
  }
}
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__menu p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 2.4rem;
}
@media (max-width: 767px) {
  .footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer__menu-col-1 {
  max-width: 16rem;
  width: 100%;
  margin-right: -4rem;
}
@media (max-width: 960px) {
  .footer__menu-col-1 {
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .footer__menu-col-1 {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    display: none;
  }
}
.footer__menu-header {
  margin-bottom: 3.3rem;
}
.footer__menu-header h4 {
  margin: 0;
  color: #fff;
  font-size: 2rem;
}
.footer__menu-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__menu-li {
  margin-bottom: 5px;
}
.footer__menu-li a {
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
  display: inline-block;
}
.footer__menu-li a::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background-color: #fff;
  width: 0;
  -webkit-transition: width ease-out 0.5s;
  -o-transition: width ease-out 0.5s;
  transition: width ease-out 0.5s;
  margin-top: 1px;
}
.footer__menu-li a:hover::after {
  width: 100%;
}
.footer__menu-col-2 {
  max-width: 16rem;
  width: 100%;
}
@media (max-width: 960px) {
  .footer__menu-col-2 {
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .footer__menu-col-2 {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    display: none;
  }
}
.footer__menu-col-3 {
  max-width: 16rem;
  width: 100%;
  margin-right: 2rem;
}
@media (max-width: 960px) {
  .footer__menu-col-3 {
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .footer__menu-col-3 {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.footer__menu-col-4 {
  max-width: 26rem;
  width: 100%;
}
.footer__menu-col-4 a {
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
  display: inline-block;
}
.footer__menu-col-4 a:not(.sertifimg)::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background-color: #fff;
  width: 0;
  -webkit-transition: width ease-out 0.5s;
  -o-transition: width ease-out 0.5s;
  transition: width ease-out 0.5s;
  margin-top: 1px;
}
.footer__menu-col-4 a:hover::after {
  width: 100%;
}
p.footer__menu-contacts {
  line-height: 1.2;
  margin-bottom: 1rem;
}
p.footer__menu-contacts:last-of-type {
  margin-bottom: 0;
}
.footer__copy {
  max-width: 112rem;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 7.8rem;
}
.footer__copy p {
  margin-top: 0.9rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.5rem;
  font-weight: 300;
}
@media (max-width: 1200px) {
  .footer__copy {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .footer__copy {
    padding: 0 25px;
  }
}
p.hider strong {
  color: rgba(255, 255, 255, 0.502);
}

.soft-page {
  max-width: 127.6rem;
  margin: 0 auto;
  padding-top: 17.2rem;
}

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

.soft-text h2 {
  font-size: 3.5rem;
  font-weight: 500;
  margin-bottom: 5.7rem;
}

.soft-text__left {
  width: 50%;
  border-right: 1px solid #7c7c7c;
  padding-right: 7.6rem;
}

.soft-text__left .soft-photo-top img {
  width: 29.9rem;
  height: 51.4rem;
  object-fit: contain;
}

.soft-text__right .soft-photo-top img {
  width: 37.4rem;
  height: 52.8rem;
  object-fit: contain;
}

@media (max-width: 1200px) {
  .soft-text__left .soft-photo-top img,
  .soft-text__right .soft-photo-top img {
    width: auto;
    height: auto;
  }
}

.soft-text__right {
  width: 50%;
  padding-left: 8.3rem;
}

.soft-text__left-item {
  display: flex;
  justify-content: space-between;
}

.soft-text-top h3 {
  font-weight: 600;
  font-size: 1.7rem;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 1.4rem;
}

.soft-text-top p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.45;
}

.soft-text__left .soft-text-top {
  max-width: 28.2rem;
  margin-bottom: 3.8rem;
}

.soft-text__left .soft-text-top:last-of-type {
  margin-bottom: 0;
}

.soft-text__left .soft-text-cnt {
  max-width: 31.8rem;
  width: 100%;
  flex: 0 0 auto;
}

.soft-text__left .soft-photo-top {
  padding-top: 2rem;
}

.soft-text img {
  max-width: inherit;
}

.soft-text__right .soft-text-cnt {
  max-width: 33.6rem;
  width: 100%;
  flex: 0 0 auto;
}

.soft-text__right .soft-text-top {
  max-width: 28.2rem;
  margin-bottom: 3rem;
}

.soft-text__right .soft-photo-top {
  padding-top: 0.8rem;
}

.convenient.convenient--soft {
  max-width: 100%;
  background: url(/assets/images/soft_steps_bg.jpg) center/cover no-repeat;
  margin-top: 16rem;
  padding-bottom: 0;
}

.convenient--soft .convenient__wrap {
  background-color: transparent;
  padding: 16rem 6.5rem 5.5rem 6.5rem;
  max-width: 139.8rem;
}

.convenient--soft .convenient__row {
  padding-right: 0;
  display: block;
}

.convenient--soft .convenient__item p {
  font-size: 1.7rem;
  max-width: 77%;
}

.convenient--soft .convenient__items {
  display: flex;
  justify-content: space-between;
}

.convenient--soft .convenient__item {
  margin-bottom: 4.6rem;
  min-height: 11.7rem;
}

.soft-crm {
  display: flex;
  margin-top: 11.2rem;
  margin-bottom: -1.5rem;
}

.soft-crm__photo {
  flex: 0 0 auto;
}

.soft-crm__photo img {
  width: 43.8rem;
  height: 32.6rem;
  object-fit: contain;
}

@media (max-width: 767px) {
  .soft-crm__photo img {
    height: auto;
    width: auto;
  }
}

.soft-crm .soft-text-top {
  margin: 0 5.5rem;
}

.soft-crm .soft-text-top h3 {
  font-size: 3.5rem;
  text-transform: none;
  margin-bottom: 3.8rem;
  margin-top: -0.7rem;
  font-weight: 500;
}

@media (max-width: 1200px) {
  .soft-page {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .soft-crm {
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 100px;
  }

  .soft-crm .soft-text-top {
    margin: 50px 0;
    order: -1;
    margin-top: 0;
  }

  .soft-crm__photo {
    margin-bottom: 50px;
  }

  .soft-crm__photo:last-of-type {
    margin-bottom: 0;
  }

  .soft-text img {
    max-width: 100%;
    height: auto;
  }

  .soft-text {
    flex-direction: column;
  }

  .soft-text__left {
    width: 100%;
    padding-right: 0;
    border: none;
    margin-bottom: 50px;
  }

  .soft-text__right {
    width: 100%;
    padding-left: 0;
  }

  .soft-text__left .soft-text-cnt,
  .soft-text__right .soft-text-cnt {
    max-width: 100%;
    flex: 1 1 auto;
  }

  .soft-text__left .soft-text-top,
  .soft-text__right .soft-text-top {
    max-width: 100%;
  }

  .soft-text__left .soft-photo-top,
  .soft-text__right .soft-photo-top {
    padding-top: 0;
    margin-left: 60px;
  }

  .soft-text__right .soft-photo-top {
    order: -1;
    margin-left: 0;
  }

  .soft-text h2 br {
    display: none;
  }

  .convenient.convenient--soft {
    margin-top: 50px;
  }
}

@media (max-width: 960px) {
  .convenient--soft .convenient__items {
    flex-wrap: wrap;
  }

  .convenient--soft .convenient__item {
    min-height: auto;
  }

  .convenient--soft .convenient__item p {
    max-width: 100%;
  }

  .convenient--soft .convenient__row {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .soft-text__left-item {
    flex-direction: column;
  }

  .soft-text__left .soft-photo-top,
  .soft-text__right .soft-photo-top {
    margin-left: 0;
  }

  .soft-photo-top {
    display: none;
  }

  .soft-page {
    padding-left: 25px;
    padding-right: 25px;
  }

  .soft-text__left {
    margin-bottom: 20px;
  }

  .soft-text h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }

  .soft-text__left .soft-text-top {
    margin-bottom: 25px;
  }

  .soft-text__right .soft-text-top {
    margin-bottom: 25px;
  }

  .convenient--soft .convenient__wrap {
    padding: 50px 25px;
  }

  .convenient--soft .convenient__item {
    margin-bottom: 0;
  }

  .convenient.convenient--soft {
    margin-bottom: -50px;
  }

  .convenient--soft .convenient__row:last-of-type .convenient__item-col-3 {
    display: block;
  }

  .soft-crm {
    margin-top: 30px;
  }

  .soft-crm .soft-text-top h3 {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .soft-crm .soft-text-top {
    margin: 30px 0;
    order: -1;
    margin-top: 0;
  }

  .soft-crm__photo {
    margin-bottom: 30px;
  }

  .soft-crm__photo:last-of-type {
    margin-bottom: 0;
  }
}

.sozdanie-sajtov-block-1 {
  background-image: url(../images/backrequest.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .sozdanie-sajtov-block-1 {
    padding: 40px 0;
  }
  .sozdanie-sajtov-block-1 .leftdes {
    margin-top: 0;
  }
  .sozdanie-sajtov-block-1 .leftdes h2 {
    margin-top: 0;
  }
}

.sozdanie-sajtov-block-1 .leftdes h2 {
  color: #fff;
  padding-top: 0;
}

.sozdanie-sajtov-block-1 .leftdes p {
  color: #fff;
}

.work.page .item a {
  margin: 0;
  height: 4.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  font-size: 1.5rem;
  margin-top: 2rem;
}

.work .container {
  padding-bottom: 17rem;
}

.input-bd-submit.big-btn {
  max-width: 30rem;
  width: 100%;
  height: 6rem;
  display: inline-flex;
  align-items: center;
  padding-left: 2.5rem;
  box-sizing: border-box;
  border-radius: 0;
  margin-bottom: 0;
}

.masonry .portfolio-bd__link {
  width: 100%;
  height: 100%;
  padding: 0.8rem;
}

.masonry--3d .custom-fancy {
  width: 100%;
  height: 100%;
  padding: 0.8rem;
  box-sizing: border-box;
  display: inline-block;
}

.masonry .portfolio-bd__effect-ming:hover .portfolio-bd__desc {
  background: -webkit-linear-gradient(
    5deg,
    #00000045 0,
    rgba(0, 0, 0, 0.1) 100%
  );
}

.masonry .portfolio-bd__effect-ming h2 {
  margin: 1rem 0;
  font-size: 3.1rem;
}

.masonry .portfolio-bd__desc {
  padding: 2rem;
}

.masonry .portfolio-bd__effect-ming p {
  padding: 2.5rem;
  font-size: 1.7rem;
}

.masonry .portfolio-bd__preview,
.masonry .portfolio-bd__effect-ming,
.masonry .portfolio-bd__effect-ming {
  height: 100%;
}

.masonry {
  /* -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px; */
  background-color: #1e1e1e;
  background-color: #1f2229;
  padding: 6rem 1.6rem;
}

.masonry img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.masonry .mItem {
  display: inline-block;
  /* margin-bottom: 16px; */
  width: calc(25% - 0.8rem);
  height: 40rem;
  position: relative;
}

.mItem-fade-block {
  background: #212b37;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.mItem-count {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  text-decoration: none;
  font-size: 2.2rem;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 1;
  background: rgb(255 255 255 / 55%);
  padding: 1.2rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-weight: 300;
  width: 2.6rem;
  height: 2.6rem;
}

.masonry .mItem:hover .mItem-fade-block {
  height: 0;
}

@media (min-width: 1200px) {
  .masonry .mItem:hover .mItem-count {
    opacity: 0;
  }
}

.masonry .mItem:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.mItem-hidden {
  display: none;
}

.masonry .mItem:nth-child(2n) {
  height: 45rem;
}

.masonry.masonry--3d .mItem:nth-child(2n) {
  height: 43.8rem;
}

.masonry .mItem:nth-child(3n) {
  height: 50rem;
}

.masonry.masonry--3d .mItem:nth-child(3n) {
  height: 50rem;
}

.masonry .mItem:nth-child(4n) {
  height: 35rem;
}

.masonry.masonry--3d :nth-child(4n) {
  height: 34.2rem;
}

.masonry .mItem:nth-child(5n) {
  height: 68.4rem;
}

.masonry.masonry--3d:nth-child(5n) {
  height: 68.4rem;
}

.custom-fancy .fancybox-button {
  background: #000;
  color: #fff;
  height: 5.6rem;
  width: 5.6rem;
}

.custom-fancy .fancybox-navigation .fancybox-button--arrow_left,
.custom-fancy .fancybox-navigation .fancybox-button--arrow_right {
  background: #000;
  color: #fff;
  height: 5.6rem;
  padding: 0.5rem;
  width: 5.6rem;
}

.custom-fancy.fancybox-is-open .fancybox-bg {
  background: #1e1e1e;
  opacity: 0.98;
}

@media (max-width: 1199px) {
  .masonry {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .masonry .mItem {
    width: calc(33% - 0.8rem);
  }
}

@media (max-width: 991px) {
  .masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .masonry .mItem {
    width: calc(50% - 1.6rem);
  }
}

@media (max-width: 767px) {
  .masonry {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 5rem 0;
  }

  .masonry--3d .custom-fancy{
    padding: 0;
  }

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

  .masonry .portfolio-bd__link {
    padding: 0;
  }

  .masonry .portfolio-bd__effect-ming h2 {
    font-size: 14px;
  }

  .masonry .mItem {
    width: 100%;
    height: auto;
  }

  .masonry.masonry--3d .mItem {
    width: 100%;
  }

  .mItem-count {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }

  .mItem-fade-block {
    display: none;
  }

  .masonry img {
    filter: none;
    -webkit-filter: none;
  }

  .masonry .mItem {
    /* display: inline-block;
      margin-bottom: 1.6rem;
      width: 100%; */
    height: auto;
  }

  .masonry .mItem:nth-child(2n),
  .masonry.masonry--3d .mItem:nth-child(2n) {
    height: auto;
  }

  .masonry .mItem:nth-child(3n),
  .masonry.masonry--3d .mItem:nth-child(3n) {
    height: auto;
  }

  .masonry .mItem:nth-child(4n),
  .masonry.masonry--3d .mItem:nth-child(4n) {
    height: auto;
  }

  .masonry .mItem:nth-child(5n),
  .masonry.masonry--3d .mItem:nth-child(5n) {
    height: auto;
  }

  .masonry .mItem:nth-child(5n),
  .masonry.masonry--3d .mItem:nth-child(5n) {
    height: auto;
  }

  .custom-fancy .fancybox-button {
    height: 4rem;
    width: 4rem;
  }

  .custom-fancy .fancybox-navigation .fancybox-button {
    top: calc(50% - 20px);
  }

  .custom-fancy .fancybox-navigation .fancybox-button--arrow_left,
  .custom-fancy .fancybox-navigation .fancybox-button--arrow_right {
    height: 4rem;
    width: 4rem;
  }
}

.btn.btn-landcad.big-btn.g-recaptcha {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-weight: 300;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  padding-left: 0px;
  font-size: 1.7rem;
  border: none;
  background-color: #1f2229;
  text-align: left;
  display: inline-block;
  background-image: url(./images/icons/arrow-submit.svg);
  background-repeat: no-repeat;
  background-position: 88% 55%;
  background-size: 32px 13px;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  max-width: 38rem;
  width: 100%;
  height: 7.7rem;
  padding-left: 3.5rem;
  display: inline-block;
  position: relative;
  background-image: url(../newmain/images/icons/arrow-submit.svg);
  background-repeat: no-repeat;
  background-position: 95% 55%;
  background-size: 9rem 3.3rem;
  -webkit-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
  text-align: left;
}

.btn.btn-landcad.big-btn.g-recaptcha:hover {
  background-position: 98% 55%;
  background-color: #9a1a1f;
  text-align: left;
}
.grecaptcha-badge {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Страница контекстной рекламы */
.thxPage {
    min-height: 58rem;
    padding: 10rem 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
}
.thxPage .promo.onPage {
    margin: 0 auto;
}
.thxPage .promo.onPage h1 {
    text-align: center;
    margin: 0 auto;
    max-width: 65rem;
}
.thxPage .promo.onPage p {
    text-align: center;
    margin: 5rem auto 0;
}
.btnBlack:hover {
    background-color: #9a1a1f;
}
.btnBlack {
    margin: 0 auto;
    text-align: center;
    max-width: 38rem;
    width: 100%;
    height: 7.7rem;
    background-color: #1f2229;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    text-decoration: none;
    transition: .3s;
}

.callback-modal {
  /*   background: #fff;
border-radius: 0.4rem 0 0 0.4rem;
-webkit-box-shadow: 0 7px 37px 0 rgba(31, 34, 41, 0.2);
box-shadow: 0 7px 37px 0 rgba(31, 34, 41, 0.2);
max-width: 57.5rem;
padding: 12.7rem 8rem 14.3rem;
position: fixed;
right: -57.5rem;
text-align: center;
top: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
width: 100%;
z-index: 100;
height: 100%;
*/
  width: auto;
  height: auto;
  background-color: rgba(17, 19, 21, 0.98);
  display: block;
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px;
  right: 50px;
  -webkit-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  color: #fff;
}
.callback-modal .h2 {
  margin-bottom: 6.7rem;
  font-size: 4rem;
}
.callback-modal__form {
  margin: 0 auto;
  max-width: 37.9rem;
  width: 100%;
}
.callback-modal__form .input {
  font-size: 1.7rem;
  height: 4.6rem;
  margin-bottom: 1.4rem;
  width: 100%;
}
.callback-modal__form .input:last-of-type {
  margin-bottom: 0;
}
.callback-modal__submit {
  font-size: 1.5rem;
  height: 5.8rem;
  margin-top: 2.3rem;
  text-transform: uppercase;
  width: 100%;
}
.callback-modal__text {
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 3.2rem;
  opacity: 0.5;
}
.callback-modal__text a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.callback-modal__text a:hover {
  text-decoration: none;
}
.fixed-calling {
  position: fixed;
  right: 0;
    bottom: 7rem;
  z-index: 100;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  right: 3rem;
}
.fixed-calling,
.fixed-calling-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fixed-calling-item {
  height: 7.7rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  cursor: pointer;
  gap: 0;
  justify-content: center;
  position: relative;
  width: 7.7rem;
  box-shadow: -3px 3px 12px 0 rgba(31, 34, 41, 0.15);
  animation: pulsee 2s infinite;
  border-radius: 50%;
}
@keyframes pulsee {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(202 202 202 / 40%);
    box-shadow: 0 0 0 0 rgb(202 202 202 / 40%);
  }
  70% {
    -moz-box-shadow: 0 0 0 16px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 14px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.fixed-calling-item,
.fixed-calling-item span {
  -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.fixed-calling-item span {
  color: #1f2229;
  font-size: 1.5rem;
  height: 0;
  max-width: 12.4rem;
  opacity: 0;
  overflow: hidden;
  text-align: right;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  width: 0;
  line-height: 1;
}
.fixed-calling-item img {
  width: 100%;
}
/* 
.fixed-calling-item:hover {
background: #1f2229;
color: #fff;
gap: 0.6rem;
width: 17.5rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1rem;
} */
.fixed-calling-item:hover span {
  color: #fff;
  height: auto;
  opacity: 1;
  width: auto;
}
.fixed-calling-item .icon {
  -webkit-transition: none;
  transition: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.fixed-calling-item:first-of-type .icon {
  height: 2.5rem;
  width: 2.5rem;
}
.fixed-calling-item:nth-of-type(2) .icon {
  height: 3rem;
  width: 3rem;
}
.fixed-calling-item:nth-of-type(3) .icon {
  height: 2.5rem;
  width: 2.5rem;
}
.callback-modal__overlay.active {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.callback-modal.active {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: all 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  opacity: 1;
  pointer-events: auto;
  z-index: 99999;
}
.socialRow {
  max-width: 67rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.socialRow .item {
 display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    text-align: center;
    line-height: 1.3;
    width: auto;
    margin: 0;
    vertical-align: initial;
    font-size: 1.7rem;
}
.socialRow .item a{
    text-decoration: none;
    color:#fff;
}
.socialRow .item img{
    max-width:100%;
    height:auto;
}
.modal__close {
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 10rem;
  top: 10rem;
  cursor: pointer;
}

@media (max-width: 767px) {
  .fixed-calling{
    right:20px;
    bottom:20px;
  }
  .fixed-calling-item {
    width: 60px;
    height: 60px;
  }
  .modal__close{
    top: 30px;
    right: 30px;
  }
  .callback-modal{
    padding: 24px;
  }
  .callback-modal .h2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
  }
  .callback-modal{
    transition: none !important;
  }
  .socialRow .item{
    gap:15px;
    width: 100%;
  }
  .socialRow .item a{
      margin: 0 !important;
  }
}