/* плавное изменение прозрачности placeholder-а при фокусе */
input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="text"]::-moz-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="text"]:-moz-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="text"]:-ms-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="text"]:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="text"]:focus::-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="text"]:focus:-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="text"]:focus:-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]::-moz-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]:-moz-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]:-ms-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]:focus::-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]:focus:-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
input[type="tel"]:focus:-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.fa {
  font-family: "FontAwesome";
  font-weight: normal !important;
}
button:hover {
  cursor: pointer;
}
/* PRELOADER */
.loader-container {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  background-color: #fff;
  background-image: url(../img/preloader/background.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font: 2.04vw "GothamProRegular";
}
.hamburger-btn {
  margin-top: 0.5vw;
}
.loader-container .logo {
  background-image: url(../img/preloader/logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 30rem;
  height: 7rem;
  margin-top: -7rem;
  margin-bottom: 4rem;
}
.loader {
  margin: 0 auto;
  width: 20rem;
  height: 0.5rem;
  border-radius: 1rem;
  border: none;
  overflow: hidden;
  position: relative;
  background-color: rgba(255, 255, 255, 0.4);
}
.progress-bar {
  height: inherit;
  width: 0%;
  border-radius: inherit;
  position: relative;
  overflow: hidden;
  background-image: none !important;
  background-color: #da2f3e;
}
.progress-stripes {
  width: inherit;
  height: inherit;
  font-size: 18rem;
  font-weight: bold;
  margin-top: -5rem;
  letter-spacing: -1.4rem;
}
.loader-container span {
  font-size: 2rem;
  color: #fff;
  margin-top: 3rem;
}
.header-cart-link:hover + .header-basket path {
  fill: #2b77fb;
}
@media (min-width: 768px) {
  .loader-container .logo {
    width: 29.375vw;
    height: 8.8vw;
    margin-top: -7.2vw;
    margin-bottom: 4.73vw;
  }
  .loader {
    width: 18.28vw;
    height: 0.26vw;
    border-radius: 2vw;
  }
  .loader-container span {
    font-size: 1.14vw;
    margin-top: 1.5625vw;
  }
}
.percentage {
  position: absolute;
  right: 2.08vw;
  font-size: 16.77vw;
  bottom: 2vh;
  color: rgba(255, 255, 255, 0.1);
  font-family: "GothamProBold";
  margin-top: 1.5625vw;
}
/* PRELOADER END*/
.slide h1,
.slide h2 {
  font-size: 2.6rem;
  font-family: "GothamProBold";
}
body.loading {
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
@media (min-width: 768px) {
  .slide h1,
  .slide h2 {
    font-size: 2.7vw;
  }
  body.menu-open {
    overflow: hidden;
  }
  .slide-container {
    margin-top: 4.5vw;
    margin-left: 6.72vw;
    margin-right: 1.04vw;
    margin-right: 0;
  }
}
:focus {
  outline: none;
}
.nopadding {
  padding: 0 !important;
}
.nomargin {
  margin: 0 !important;
}
.text-white {
  color: #fff;
}
.display-flex {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0;
}
.navbar-fixed-bottom,
.navbar-fixed-top {
  z-index: 990;
}
.header-menu-container .text_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.text_right {
  text-align: right;
}
.heading_cnt {
  margin-top: 8vw;
  margin-left: 7.1vw;
  width: 45%;
  margin-top: 4.5vw;
  margin-left: 6.72vw;
}
/* МОДАЛЬНОЕ ОКНО */
.modal-body input,
.modal-body textarea {
  width: 100%;
  margin-bottom: 20px;
}
.modal-footer input {
  width: 100%;
}
/* END МОДАЛЬНОЕ ОКНО */
.red-button,
.red-button:focus,
a.red-button,
a.red-button:focus {
  background-color: #da2f3e;
  color: #fff;
  font-size: 1.6rem;
  outline: none;
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  margin-bottom: 1rem;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: none;
  text-decoration: none;
}
.red-button:hover {
  background-color: #a2222d;
  color: #fff;
}
@media (min-width: 768px) {
  .red-button,
  .red-button:focus,
  a.red-button,
  a.red-button:focus {
    font-size: 0.93vw;
    padding: 1.14vw 2.6vw;
    border-radius: 2vw;
    margin-bottom: 0;
  }
}
/* HEADER */
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-fixed-top {
  background-color: #fff;
  padding: 0 15px;
}
@media (min-width: 560px) {
  .navbar-fixed-top {
    padding: 15px;
    -webkit-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
  }
  .header-scrolling {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  html:not(.main-page) .navbar-fixed-top {
    padding-left: 2.1vw;
    padding-right: 2.1vw;
  }
  html.main-page .navbar-fixed-top {
    background-color: transparent;
    top: 1.4vw;
    left: 2.1vw;
    right: 2.1vw;
    padding: 0px;
  }
  .navbar-fixed-top {
    background-color: transparent;
  }
  .navbar-fixed-top.header-scrolling,
  .portfloio-page .navbar-fixed-top {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 991;
    width: 100%;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
  }
  .hamburger-btn svg {
    width: 3rem !important;
  }
  .toggle-menu-close svg {
    width: 1.4rem;
  }
  .toggle-menu-close:hover {
    opacity: 0.5;
  }
  .header-cart-btn,
  .header-phone-personal {
    display: none !important;
  }
  .header-cart-btn-inner {
    width: auto !important;
  }

  .header-menu-container {
    margin-top: 13px;
  }
  .header-logo-container {
    width: 100%;
    max-height: 70%;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    max-width: auto;
  }
  .header-logo-container img {
    height: auto;
    max-height: 55px;
  }
  .logo_cnt {
    width: auto;
    max-width: auto;
  }
}
html:not(.main-page) .header-menu-container .text_right {
  line-height: 0;
}
.header-mobile-menu {
  padding-top: 0px;
  padding: 0 1.5rem;
  position: fixed;
  z-index: 990;
  top: 55px;
  overflow: hidden;
  height: 100vh;
  max-height: calc(100vh - 55px);
  background-color: #fff;
  -webkit-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  transform: translateY(-100vh);
  will-change: transform;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  width: 100%;
}
.menu-open .header-mobile-menu {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  overflow-y: auto;
}
.header-mobile-menu-list {
  max-height: calc(100% - 100px);
  width: 100%;
  border-bottom: 2px solid rgba(224, 225, 225, 0.45);
  padding-left: 0;
}
.header-mobile-menu-item {
  color: #000;
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  margin-bottom: 2.5rem;
  text-align: right;
  position: relative;
}
.header-mobile-menu-link:before {
  content: "";
  position: absolute;
  right: 1rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 0.2rem;
  width: 0;
  background-color: #d83142;
  -webkit-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
  transition: width 0.3s linear;
}
.header-mobile-menu-item.selected .header-mobile-menu-link:before,
.header-mobile-menu-link:hover:before {
  width: 100%;
}
.header-mobile-menu-link > span {
  background-color: #fff;
  position: relative;
  padding-left: 1.3rem;
}
.header-mobile-menu-link {
  color: inherit;
  text-decoration: none;
  font-size: 2rem;
  line-height: 1.3rem;
  padding: 0.5rem 0;
  position: relative;
  display: block;
}
.header-mobile-menu-link,
.header-mobile-menu-link:focus {
  color: #000;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  text-decoration: none;
}
.header-mobile-menu-link:hover,
.header-mobile-menu-link:active,
.header-mobile-menu-link:active:focus,
.header-mobile-menu-link:active:hover,
.header-mobile-menu-item.selected .header-mobile-menu-link {
  text-decoration: none;
  color: #da2f3e;
  font-family: "GothamProBold";
}
.humburger-menu-button {
}
.header-cart-btn {
  margin: 0 1.6vw 0 5.26vw;
}
.toggle-menu-cart-block .header-cart-btn {
  margin: 0;
}
.header-cart-btn-inner {
  margin: 0 auto;
  position: relative;
  width: 1.7vw;
}
.header-cart-btn-inner-toggle {
  margin-left: auto;
  position: relative;
  width: 1.7vw;
}
.cart-count {
  background-color: #da2f3e;
  color: #fff;
  font-family: "GothamProBold";
  font-size: 0.6777vw;
  width: 1.09vw;
  height: 1.09vw;
  position: absolute;
  bottom: -0.15vw;
  right: -0.45vw;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header-phone-personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}
.header-personal,
.header-personal:focus {
  display: block;
  margin-top: 0.3125vw;
  color: #474747;
  text-decoration: underline;
}
.header-personal > .fa {
  color: #d83142;
  padding-right: 0.41vw;
  font-size: 1.2vw;
}
.white-title-gradient-background-page .header-personal > .fa {
  color: #d83142;
}
.header-personal:hover,
.header-personal:active,
.header-personal:active:hover,
.header-personal:active:focus {
  color: #d83142;
}
.header-cart-link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999999999;
}
.header-mobile-menu-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.header-mobile-menu-bottom-email,
.header-mobile-menu-bottom-email:focus {
  color: #a6a6a6;
  display: block;
  font-size: 1.6rem;
  margin-top: 0.5rem;
}
.header-mobile-menu-bottom-email:hover,
.header-mobile-menu-bottom-email:active:hover,
.header-mobile-menu-bottom-email:active:focus,
.header-mobile-menu-bottom-email:active {
  color: #717070;
}
@media (min-width: 768px) {
  .header-mobile-menu-item {
    margin-bottom: 3.18vw;
  }
  .header-mobile-menu-bottom {
    padding-right: 4.11vw;
  }
  .header-mobile-menu-link {
    font-size: 1.14vw;
    line-height: 0.7vh;
    padding: 0.26vw 0;
  }
  .header-mobile-menu-link > span {
    padding-left: 0.677vw;
  }
  .personal-page .header-logo-container:after {
    width: 50vw;
    left: 25vw;
  }
  html:not(.main-page) .header-logo-container:after {
    top: 2.4vw;
    -webkit-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    transition: top 0.3s linear;
    left: 23vw;
  }
  html:not(.main-page) .header-scrolling .header-logo-container:after {
    top: 2.1vw;
  }
  .header-mobile-menu {
    top: 0px;
    -webkit-transform: translateX(26.09vw);
    -ms-transform: translateX(26.09vw);
    transform: translateX(26.09vw);
    width: 26.09vw;
    padding: 3.17vw 0 0;
    right: 0px;
    border-left: 1px solid #dee1e0;
    max-height: 100vh;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .header-mobile-menu .navbar-toggle {
    margin: 0px;
  }
  .menu-open .header-mobile-menu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    right: 0;
    border-left-width: 0.05vw;
    -webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.5);
  }
  .header-mobile-menu-list {
    padding: 3.77vw 4.11vw 1vw 0;
    max-height: calc(100% - 5.2vw);
    overflow-x: auto;
    width: 100%;
    margin: 0;
  }
  html:not(.main-page) .header-scrolling {
    padding: 1.1vw 2.1vw;
    border-bottom: 0.05vw solid #dee1e0;
    -webkit-transition: padding 0.3s linear;
    -o-transition: padding 0.3s linear;
    transition: padding 0.3s linear;
  }
  .header-phone-personal {
    margin-top: -0.1vw;
  }
  .header-mobile-menu-bottom {
    padding-top: 2vw;
  }
  .header-mobile-menu-bottom-email {
    font-size: 1.04vw;
    margin-top: 0.26vw;
  }
  .header-mobile-menu-item .header-mobile-menu-link:before {
    height: 2px;
  }
}
/*Common styles*/
.common_cnt {
  background-color: #fff;
  height: 100vh;
  width: 100%;
  position: relative;
  font: 14px "GothamProRegular";
  color: #212121;
}
.bg_chart {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-image: url(../img/chart.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: inherit;
}
.phonenum,
.phonenum:focus {
  font: 1.8vw "GothamProBold";
  color: #18181a;
  display: block;
  padding-left: 2.1vw;
  background-color: #d83142;
  border-radius: 100px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  position: relative;
  padding: 0.57vw 1vw 0.57vw 3.68vw;
}
.red {
  color: #da2f3e;
}
.phonenum:hover {
  text-decoration: none;
  color: #fff;
  background-color: #a2222d;
}
.phonenum:before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  -webkit-transform: scale(-1, 1) translateY(-50%);
  -ms-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%);
  left: 1vw;
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 1.6vw;
}
a {
  color: #2a73a2;
}
.heading_cnt h1,
.experts-container h2 {
  font: 2.7vw "GothamProBold";
  margin: 0 0 2.6vw;
}
.note {
  line-height: 1.875vw;
  font-size: 1.05vw;
  color: #616161;
  margin-bottom: 1.875vw;
}
.heading_cnt {
  position: absolute;
}
.slide {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .common_cnt {
    font: 0.73vw "GothamProRegular";
  }
  .cnt_bordered {
    height: 100%;
    width: 102%;
    overflow: auto;
  }
  .phonenum,
  .phonenum:focus {
    font-size: 0.8vw;
    padding: 0.5729vw 0.9895vw 0.5729vw 2.6562vw;
  }
  .phonenum:before {
    left: 0.9895vw;
    font-size: 1.04vw;
  }
  .slide {
    height: 100%;
  }
  html:not(.main-page) .slide {
    /*height: 49.375vw;*/
    height: 100vh;
  }
}
/* hamburger btn */
button.navbar-toggle {
  border: none;
  margin: 0;
  display: block;
  border-radius: 0;
  padding: 0;
  margin-left: 1.25vw;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 30px;
  height: 30px;
  position: relative;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
.navbar-toggle .icon-bar {
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.navbar-toggle .icon-bar:before {
  content: "";
  width: 24px;
  height: 2px;
  background-color: #da2f3e;
  display: block;
  position: absolute;
  transition: transform 350ms, top 500ms 350ms, bottom 500ms 350ms,
    -webkit-transform 350ms;
}
.navbar-toggle .icon-bar:after {
  content: "";
  width: 24px;
  height: 2px;
  background-color: #da2f3e;
  display: block;
  position: absolute;
  transition: transform 350ms, top 500ms 350ms, bottom 500ms 350ms,
    -webkit-transform 350ms;
}
.navbar-toggle .icon-bar:before {
  top: -6px;
}
.navbar-toggle .icon-bar:after {
  bottom: -6px;
}
button.navbar-toggle .icon-bar {
  background-color: #da2f3e;
  display: block;
  height: 2px;
  width: 24px;
  position: relative;
}
.header-mobile-menu .navbar-toggle .icon-bar,
.menu-open .navbar-toggle .icon-bar {
  background-color: transparent;
}
.header-mobile-menu .navbar-toggle .icon-bar:before,
.header-mobile-menu .navbar-toggle .icon-bar:after,
.menu-open .navbar-toggle .icon-bar:before,
.menu-open .navbar-toggle .icon-bar:after {
  transition: transform 350ms 500ms, top 500ms, bottom 500ms,
    -webkit-transform 350ms 500ms;
  top: 0;
  bottom: 0;
  width: 24px;
}
.header-mobile-menu .navbar-toggle .icon-bar:before,
.header-mobile-menu .navbar-toggle .icon-bar:after {
  background-color: #212121;
}
.menu-open .navbar-toggle .icon-bar:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-open .navbar-toggle .icon-bar:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  button.navbar-toggle {
    margin-top: -11px;
  }
}
@media (min-width: 768px) {
  button.navbar-toggle {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 1.67vw;
    height: 1.67vw;
    /*padding: 1.2vh 1.04vw 1.04vw 0;*/
    padding: 0vw 1.04vw 0vw 0;
    margin-top: -0.2vw;
  }
  .navbar-toggle .icon-bar:before {
    top: -0.41vw;
  }
  .navbar-toggle .icon-bar:after {
    bottom: -0.41vw;
  }
  button.navbar-toggle .icon-bar,
  .navbar-toggle .icon-bar:after,
  .navbar-toggle .icon-bar:before {
    height: 0.1vw;
    width: 1.25vw;
  }
  .header-mobile-menu .navbar-toggle .icon-bar:after,
  .header-mobile-menu .navbar-toggle .icon-bar:before {
    height: 0.2vw;
    width: 1.97vw;
    border-radius: 30px;
  }
  .header-mobile-menu .navbar-toggle {
    margin-left: 3.38vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-height: 1000px) {
  .navbar-toggle .icon-bar:before,
  .navbar-toggle .icon-bar:after {
    height: 0.29vh;
    width: 1.75vw;
  }
  .navbar-toggle .icon-bar:before {
    top: -0.8vh;
  }
  .navbar-toggle .icon-bar:after {
    bottom: -0.8vh;
  }
  button.navbar-toggle .icon-bar {
    height: 0.3vh;
    width: 2.25vw;
  }
}
/*navigation*/
.navigation {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 1.55vw;
  z-index: 9;
}
.navigation ul {
  list-style: none;
  padding-left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.navigation ul:before {
  content: "";
  height: 100%;
  width: 0.053vw;
  min-width: 1px;
  background-color: #dee1e0;
  position: absolute;
  left: 0.63vw;
  z-index: -1;
}
.navigation ul li {
  font: 0.85vw "GothamProBold";
  cursor: pointer;
  height: 1.2vw;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.navigation ul li.active,
.navigation ul li:hover {
  padding-left: 3.5vw;
  position: relative;
  color: #da2f3e;
  font-size: 1.05vw;
}
.navigation ul li.active:before,
.navigation ul li:hover:before {
  content: "";
  display: block;
  width: 1.09vw;
  height: 1.09vw;
  background-image: url(../img/plus.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0.1vw;
  top: 0.1vw;
  bottom: 0;
  margin: auto;
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.navigation ul li.active:after,
.navigation ul li:hover:after {
  content: "";
  display: block;
  width: 4.2vw;
  height: 0.05vw;
  background-color: #d3d4d4;
  position: absolute;
  left: -1.5vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  min-height: 1px;
}
.navigation ul li + li {
  margin-top: 4.2vh;
}
.navigation-empty-block-top {
  height: 7.4vw;
}
.navigation-block-middle {
  height: calc(100% - 38vh);
  position: relative;
  padding-top: 3.65vw;
  padding-bottom: 0.94vw;
  margin-top: 14.97vh;
}
.header-logo-container img:before {
  content: "";
  background-color: #d3d4d4;
  height: 1px;
  width: 20px;
  position: absolute;
}
@media (min-width: 768px) {
  .header-logo-container img {
    max-width: 7.4vw;
    width: 7.4vw;
  }
}
/* toBottom button */
.tobottom {
  position: fixed;
  bottom: 2.1vw;
  left: 1.55vw;
  z-index: 2;
  cursor: pointer;
}
.tobottom span {
  font-family: "GothamProMedium";
  display: block;
  -webkit-transform-origin: 3.05vw -2vw;
  -ms-transform-origin: 3.05vw -2vw;
  transform-origin: 3.05vw -2vw; /* Safari */
  -webkit-transform: rotate(90deg); /* Firefox */
  -moz-transform: rotate(90deg); /* IE */
  -ms-transform: rotate(90deg); /* Opera */
  -o-transform: rotate(90deg); /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  color: #da2f3e;
}
.tobottom:hover {
  animation: tobottom 0.5s forwards ease-in-out;
  -webkit-animation: tobottom 0.5s forwards ease-in-out;
  -moz-animation: tobottom 0.5s forwards ease-in-out;
  -o-animation: tobottom 0.5s forwards ease-in-out;
}
.tobottom img {
  max-height: 1.8vw;
  height: 1.8vw;
  width: 1.15vw;
  max-width: 1.15vw;
}
/* Social networks container */
.social_networks {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 1.55vw;
  z-index: 9;
}
.social-networks-top-block {
  height: 27.5vh;
  width: 0.05vw;
  background-color: #dee1e0;
  margin: 0 auto;
  min-width: 1px;
}
.social-networks-bottom-block {
  height: 27.5vh;
  width: 0.05vw;
  background-color: #dee1e0;
  margin: 0 auto;
  min-width: 1px;
}
.social-networks-fix-empty-block {
  height: 14.25vh;
}
.sn_cnt {
  position: relative;
  padding: 1.05vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sn_cnt a {
  color: #18181a;
  font-size: 1.15vw;
  display: block;
}
.sn_cnt a + a {
  margin-top: 1.5vw;
}
.sn_cnt a:hover {
  color: #da2f3e;
}
.social_networks a:before,
.social_networks a:after {
  content: "";
  display: block;
  height: 0.53vw;
  width: 0.053vw;
  background-color: #da2f3e;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.social_networks a:before {
  top: 0;
}
.social_networks a:after {
  bottom: 0;
}
.social_networks .fa,
footer .fa {
  font-size: 1.15vw;
}
/* Slide 1 */
.slide {
  position: relative;
  padding: 2.09vw;
}
.img_cnt {
  position: relative;
  padding: 4% 9% 10%;
}
.devices_img {
  position: relative;
  width: 55%;
  float: right;
  margin-right: 105px;
  top: 5px;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow-x: clip;
}
html.white-title-gradient-background-page,
.white-title-gradient-background-page body {
  min-height: 100%;
  height: unset;
}
.devices-img-canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .devices-img-canvas {
    max-height: 620px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.devices_img > img {
  max-height: 633px;
  height: auto;
}
.lines_cnt .line_cnt:nth-child(1) > .line,
.lines_cnt .line_cnt:nth-child(1) {
  max-width: 678px;
}
.line_cnt {
  position: relative;
  display: block;
}
.line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.line_cnt > .line > img {
  animation: impulse 10s infinite;
  -webkit-animation: impulse 10s infinite;
  -moz-animation: impulse 10s infinite;
  -o-animation: impulse 10s infinite;
  position: relative;
}
.line_cnt:nth-child(1) > .line > img {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}
.line_cnt:nth-child(2) > .line > img {
  -webkit-animation-duration: 13s;
  animation-duration: 13s;
}
.line_cnt:nth-child(3) > .line > img {
  -webkit-animation-duration: 23s;
  animation-duration: 23s;
}
.man {
  position: absolute;
}
.man_pink {
  bottom: 15px;
  left: -30px;
  animation: man_pink 40s infinite;
  -webkit-animation: man_pink 40s infinite;
  -moz-animation: man_pink 40s infinite;
  -o-animation: man_pink 40s infinite;
}
.man_light_blue {
  bottom: 10px;
  left: -30px;
  animation: man_light_blue 25s infinite;
  -webkit-animation: man_light_blue 25s infinite;
  -moz-animation: man_light_blue 25s infinite;
  -o-animation: man_light_blue 25s infinite;
}
.man_red {
  bottom: 10px;
  left: -30px;
  animation: man_red 20s infinite;
  -webkit-animation: man_red 20s infinite;
  -moz-animation: man_red 20s infinite;
  -o-animation: man_red 20s infinite;
}
/* advantage icons */
.advantage {
  color: #131313;
  font: 18rem "GothamProBold";
  position: absolute;
}
.advantage_icon {
  float: left;
  margin-right: 10px;
  background-size: 1.8rem 1.8rem;
  background-repeat: no-repeat;
  background-position: center;
  height: 3.2rem;
  width: 1.8rem;
}
.advantage-development {
  background-image: url("../img/section_icons/development.png");
}
.advantage-web {
  background-image: url("../img/section_icons/web.png");
}
.advantage-context {
  background-image: url("../img/section_icons/context.png");
}
.advantage-media {
  background-image: url("../img/section_icons/media.png");
}
.advantage-seo {
  background-image: url("../img/section_icons/seo.png");
}
.advantage .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  white-space: nowrap;
}
.advantage.text_left .advantage_icon {
  margin-right: 0;
  margin-left: 10px;
}
.advantage.text_left .text {
  float: left;
}
.line_cnt .advantage {
  bottom: -50px;
  left: -30px;
}
.advantage.text_left {
  left: -220px;
}
.advantages .advantage:nth-child(1) {
  bottom: 0;
  right: 27%;
}
.advantages .advantage:nth-child(2) {
  top: 6%;
  right: 25%;
}
.sm_object {
  display: none;
}

@media (min-width: 1920px) {
  .md_object {
    display: none;
  }
}
@media (max-width: 1919px) {
  .img_cnt {
    padding-right: 0;
  }
  .devices_img {
    margin-left: 50%;
    width: 50%;
  }
  .advantage.text_left {
    bottom: -50px;
    left: -135px;
  }
  .advantage.text_left .text {
    max-width: 100px;
    text-align: right;
  }
}

@media (max-width: 1599px) {
  .sm_object {
    display: block;
  }
  .line_cnt .advantage {
    bottom: -10px;
    left: -15px;
  }
  .advantage.text_left {
    left: -110px;
    bottom: -10px;
  }
  .advantage .advantage_icon {
    margin-right: 10px;
  }
  .advantage.text_left .advantage_icon {
    margin-right: 0;
    margin-left: 5px;
  }
  .advantage.text_left {
    left: -120px;
  }
}
@media (max-width: 991px) {
  .heading_cnt {
    position: static;
  }
  .devices_img {
    margin-left: 30%;
    width: 70%;
  }
  .heading_cnt h1,
  .experts-container h2 {
    text-align: left;
  }
  .note {
    text-align: left;
  }
}
@media (max-width: 991px) and (min-height: 1000px) {
  .note {
    line-height: 1.8vh;
    font-size: 1.7vw;
  }
}
@media (max-width: 767px) {
  .navigation,
  .tobottom,
  .social_networks,
  .footer {
    display: none;
  }
  .slide {
    padding: 20px 20px 40px;
  }
  .preview {
    padding: 20px 0 0 0;
  }
  .heading_cnt {
    margin: 110px 0px 0px;
    width: 100%;
  }
  .heading_cnt h1,
  .experts-container h2 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 25px;
  }
  .note {
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: center;
  }
  .advantages_xs .advantage {
    position: static;
    display: inline-block;
    padding: 12px 0;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
  }
  .advantages_xs .advantage:first-child {
    border-top: 1px solid #d1d1d1;
  }
  .advantages_xs .advantage .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    height: 3.2rem;
  }
  .phonenum {
    margin-top: 0.42px;
  }
}
@media (max-width: 560px) {
  .heading_cnt h1,
  .experts-container h2 {
    text-align: center;
    margin-bottom: 20px;
  }
  .heading_cnt {
    margin: 85px 0px 30px;
  }
}
.experts-container {
  width: unset;
  margin-right: 165px;
  height: 100%;
}
@media (min-width: 768px) {
  .experts-container {
    margin-top: 4.5vw;
    margin-left: 6.72vw;
    margin-right: 8.15vw;
  }
  .experts-container > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .experts-container .row > div:not[.experts-container-preview] {
    padding-left: 0.8vw;
    padding-right: 0.8vw;
  }
  .experts-container .col-sm-7 {
    width: 47.21vw;
    margin-left: 6.7vw;
  }
  .experts-container > .row > .col-sm-4 {
    width: 26.98vw;
    padding-left: 0;
    padding-right: 0.78vw;
  }
  .experts-partner-img-block {
    width: 16.03vw;
    height: 6.75vw;
    padding-left: 0.78vw;
    padding-right: 0.78vw;
  }
  .experts-partner-text-block {
    width: 32.5vw;
    padding-left: 0.78vw;
    padding-right: 0.78vw;
  }
  .experts-partner.row {
    margin: 0;
  }
  .experts-container-preview {
    padding-left: 0px;
    padding-right: 1.6vw;
  }
}
.experts-container-partners {
  padding-left: 0.78vw;
  padding-right: 0.78vw;
}
/*   EXPERTS   */
.experts h2 {
  font-family: "GothamProBold";
}
.experts-subtitle {
  font: 1.25vw "GothamProBold";
  margin: 0 0 0.59vw;
}
.experts-note {
  font: 1.05vw "GothamProRegular";
  line-height: 1.875vw;
}
.experts-partner-title {
  font: 1.5rem "GothamProBold";
  margin: 0px;
}
.experts-partner-description {
  color: #767676;
  font: 0.8vw "GothamProRegular";
  line-height: 20px;
}
.experts-partner-img {
  margin: 0 auto;
}
.experts-partner {
  padding: 2rem 0;
  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;
}
.experts-partner:first-child {
  padding-top: 0px;
}
.experts-partner:nth-child(2) {
  border-top: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
}
.experts-place {
  position: relative;
}
.experts-place > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.experts-place-text {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.experts-place-title {
  font: 2.4rem "GothamProBold";
  text-transform: uppercase;
}

.context-page-expert-place-block .experts-place .experts-place-img.hover {
  display: none;
}
.experts-place-description {
  font: 14px "GothamProRegular";
  font: 1.4rem "GothamProRegular";
  line-height: 26px;
  color: #767676;
  text-transform: uppercase;
}
.experts-place-block {
  margin-top: 3.05vw;
}
.owl-experts .owl-item {
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.owl-experts .item {
  width: 100%;
}
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot:focus span {
  background-color: #da2f3f;
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.owl-theme .owl-dots .owl-dot.active span {
  border: 3px solid #da2f3f;
  background-color: #fff;
}
@media (max-width: 767px) {
  .slide.experts {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .experts h2 {
    margin-bottom: 50px;
    margin-top: 60px;
  }
  .experts-partner-img {
    max-height: 7.5rem;
    width: auto !important;
    max-width: auto;
  }
  .experts-place-text {
    width: 80%;
    margin: 55px auto 0;
  }
  .experts-place-img {
    margin: 0 auto;
    width: 20rem !important;
  }
}
@media (min-width: 768px) {
  .experts-partner-title {
    font-size: 1.04vw;
    margin: 0 0 0.5vw;
  }
  .experts-partner-description {
    line-height: 1.25vw;
    margin: 0 0 0.59vw;
  }
  .experts-partner-img {
    max-height: 6.8vw;
    max-width: 12.4vw;
    min-width: 6.3vw;
  }
  .experts-partner:nth-child(2) {
    border: none;
  }
  .experts-place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    /*justify-content: center;*/
  }
  .experts-place-img {
    float: left;
    /*width: 8vw!important;
min-width: 8vw;*/
    width: auto !important;
    height: 4.95vw;
  }
  .experts-place-text {
    margin-top: 0px;
    text-align: left;
    margin-left: 2.3vw;
    padding-right: 2.3vw;
  }
  .experts-place-title {
    font-size: 1.05vw;
    text-transform: unset;
    margin: 0 0 0.5vw;
  }
  .experts-place-description {
    text-transform: unset;
    font: 0.75vw "GothamProRegular";
    line-height: 1.25vw;
  }
  .experts-partner {
    padding: 1.24vw 0;
  }
  .experts-partner.row:nth-child(2) img {
    min-width: 12.34vw;
  }
  .owl-theme .owl-dots .owl-dot.active span {
    border: 0.15vw solid #da2f3f;
  }
  .owl-theme .owl-dots .owl-dot span,
  .owl-theme .owl-dots .owl-dot:hover span,
  .owl-theme .owl-dots .owl-dot:focus span {
    width: 0.78vw;
    height: 0.78vw;
    border: 0.15vw solid #fff;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .experts-container-partners {
    width: 100% !important;
    margin: 7vh 0 0 !important;
  }
  .experts-container-preview {
    width: 34vw !important;
  }
  .experts-subtitle {
    font-size: 2.25vw;
  }
  .experts-note {
    font-size: 1.55vw;
    line-height: 2.7vw;
  }
  .experts-partner-title {
    font-size: 1.55vw;
  }
  .experts-partner-description {
    font-size: 1.4vw;
    line-height: 2vw;
  }
  .experts-partner-img {
    max-height: 8.8vw;
    max-width: 14.4vw;
  }
  .experts-place-title {
    font-size: 1.55vw;
  }
  .experts-place-description {
    text-transform: unset;
    font: 1.1vw "GothamProRegular";
    line-height: 1.75vw;
  }
  .experts-place-block {
    margin-top: 7vh;
  }
}
/* END EXPERTS */
/* WORKS */
.works-container {
  margin-top: 4.5vw;
}
.works h2 {
  margin-bottom: 55px;
}
.works-carousel-nav {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0.3vw;
  padding: 0;
}
.works-carousel-nav-block {
  margin-bottom: 20px;
}
.works-carousel-nav li {
  padding: 1.2rem;
  border: 0.2rem solid transparent;
  cursor: pointer;
  font: 1.4rem "GothamProBold";
  text-transform: uppercase;
  -webkit-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear;
  width: 26.9rem;
}
.works-carousel-nav li.active {
  border: 0.2rem solid #ff0000;
}
.owl-works {
  clear: both;
}
.works-elem-title {
  font: 2rem "GothamProBold";
  margin: 10px 0;
  max-width: 80vw;
}
.works-elem-subtitle {
  font-size: 1.4rem;
  color: #767676;
  margin-bottom: 0;
}
.works-elem-img-block {
  width: 80vw;
  height: 42vh;
  margin: 0 auto;
}
.works-elem-img-block-inner {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /*-webkit-clip-path: polygon(20% 0,100% 0%,80% 100%,0% 100%);
clip-path: polygon(20% 0,100% 0%,80% 100%,0% 100%);*/
}
.works-elem a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9;
}
.works-white-block {
  height: 185px;
  height: 10.5vw;
  width: 54px;
  width: 2.82vw;
  border-radius: 0.55vw;
  background-color: #fff;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: 9;
  margin-right: 0.53vw;
  margin-top: 0.15vw;
}
.works-drop-menu-btn {
  outline: none;
  background-color: transparent;
  border: none;
  color: #000;
  font: 1.6rem "GothamProBold";
  margin-bottom: 4rem;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: -moz-fit-content;
}
.works-drop-menu-btn:after {
  content: "\f106";
  font-family: "FontAwesome";
  font-size: 1.6rem;
  font-weight: bold;
  position: absolute;
  right: -1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #da2f3e;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.works-drop-menu-btn.collapsed:after {
  right: -1.5rem;
  top: 50%;
  -webkit-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}
.works-elem-text-block {
  max-width: 25rem;
}
.works-elem-tag {
  position: absolute;
  top: 1.5rem;
  left: 3.7rem;
  -webkit-clip-path: polygon(6% 0, 92% 0%, 86% 100%, 0% 100%);
  clip-path: polygon(6% 0, 92% 0%, 86% 100%, 0% 100%);
  background-color: #d73142;
  color: #fff;
  text-transform: uppercase;
  font-family: "GothamProBold";
  font-size: 1rem;
  line-height: 1rem;
  padding: 1rem 1.6rem 1rem 1rem;
}
@media (min-width: 768px) {
  .works-container {
    margin-left: 3.23vw;
  }
  .works h2 {
    margin-bottom: 1.05vw;
    margin-top: 1.05vw;
    margin-left: 4.2vw;
  }
  .works-carousel-nav-block {
    margin-bottom: 3.2vw;
    display: block !important;
    margin-left: 4.2vw;
  }
  .works-carousel-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .works-carousel-nav li {
    padding: 0.37vw;
    margin-right: 1.73vw;
    border: 0.11vw solid transparent;
    font: 0.73vw "GothamProBold";
    width: auto;
  }
  .works-carousel-nav li.active {
    border: 0.11vw solid #ff0000;
  }
  .works-elem-title {
    font: 0.83vw "GothamProBold";
    margin: 1vw 0 0.8vw;
    max-width: 22.5vw;
  }
  .works-elem-subtitle {
    font-size: 0.83vw;
    margin-bottom: 0.5vw;
  }
  .works-elem-img-block {
    width: 22.5vw;
    height: 24vw;
    margin: 0;
  }
  .works-elem-text-block {
    max-width: 22.5vw;
  }
  .works-elem-tag {
    top: 0.98vw;
    font-size: 0.625vw;
    line-height: 0.625vw;
    padding: 0.6vw 1.2vw 0.6vw 0.8vw;
    left: 3.25vw;
  }
  .owl-works.not-sub-sections {
    margin-top: 3.5vw;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .works h2 {
    margin-bottom: 3vh;
  }
  .works-carousel-nav li {
    padding: 0.5vw;
    font: 1.15vw "GothamProBold";
    width: auto;
  }
  .owl-works {
    margin-top: 20vh;
  }
  .works-elem-title {
    font: 1.83vw "GothamProBold";
  }
  .works-elem-subtitle {
    font-size: 1.65vw;
    margin-bottom: 0.5vw;
  }
  .works-elem-img-block {
    height: 40vh;
    width: 30.5vw;
  }
  .works-white-block {
    top: 45.3%;
    height: 9.5vw;
  }
  .works-elem-img-block-inner {
    background-size: contain;
  }
}
/* END WORKS*/
/* @media screen and (min-width: 320px) and (max-width: 767px){
html {
font-size: calc(10px + 8*(100vw - 320px)/447);
}
} */
/* TRADE WAVE */
.trade-wave h2 {
  margin-bottom: 55px;
}
.slide.trade-wave {
  padding-bottom: 0px;
}
.trade-wave-nav {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0.3vw;
  margin-bottom: 2rem;
}
.trade-wave-nav li {
  padding: 1.2rem;
  border: 0.2rem solid transparent;
  cursor: pointer;
  font: 1.4rem "GothamProBold";
  text-transform: uppercase;
  -webkit-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear;
  width: 26.9rem;
  position: relative;
}
.trade-wave-nav li.active {
  border: 0.2rem solid #ff0000;
}
.trade-wave-nav a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.trade-wave .tab-content > div {
  display: none;
}
.trade-wave .tab-content > div.active {
  display: block;
}
.trade-wave-elem-number {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.trade-wave-elem-number span {
  font: 2rem "GothamProBold";
  color: #da2f3e;
}
.trade-wave-elem-title {
  font: 1.6rem "GothamProBold";
  margin-bottom: 1.6rem;
}
.trade-wave-elem-desciption {
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.trade-wave-elem-text-block {
  width: 100%;
}
.trade-wave-elem-graph-block {
  position: relative;
  float: left;
  width: 100%;
  height: 15rem;
}
.trade-wave-elem-canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
@media (min-width: 768px) {
  .trade-wave-elem-canvas {
    width: 52.96vw !important;
    height: 51.12vh !important;
  }
  .trade-wave-container {
    margin-top: 4.5vw;
    margin-left: 3.23vw;
  }
  .trade-wave h2 {
    margin-bottom: 1.05vw;
    margin-top: 1.05vw;
    margin-left: 3.42vw;
  }
  .trade-wave-nav {
    margin-bottom: 0;
    margin-left: 3.42vw;
  }
  .trade-wave-nav li {
    float: left;
    padding: 0.5vw;
    margin-right: 2.7vw;
    border: 0.11vw solid transparent;
    font: 0.73vw "GothamProBold";
    width: auto;
  }
  .trade-wave-nav li.active {
    border: 0.11vw solid #ff0000;
  }
  .trade-wave .tab-content {
    clear: both;
    margin: 5.8vw 13.26vw 0 4vw;
  }
  .trade-wave-elem-number {
    font-size: 1.3vw;
    margin-bottom: 1.3vw;
  }
  .trade-wave-elem-number span {
    font-size: 2.6vw;
  }
  .trade-wave-elem-title {
    font-size: 1.3vw;
    margin-bottom: 1.1vw;
  }
  .trade-wave-elem-desciption {
    font-size: 0.73vw;
    line-height: 1vw;
    margin-bottom: 0;
  }
  .trade-wave-elem-text-block {
    width: 16vw;
    float: left;
  }
  .trade-wave-elem-graph-block {
    width: 53vw;
    height: 26vw;
    margin-left: 4vw;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .trade-wave-elem-canvas {
    width: 100% !important;
    height: 100% !important;
  }
  .trade-wave h2 {
    margin-bottom: 2vh;
  }
  .trade-wave-nav li {
    padding: 0.37vw;
    font: 1.2vw "GothamProBold";
  }
  .trade-wave .tab-content {
    margin-top: 25.8vh;
  }
  .trade-wave-elem-desciption {
    font-size: 1.5vw;
    line-height: 1.5vh;
  }
  .trade-wave-elem-title {
    font-size: 1.7vw;
  }
}
/* END TRADE WAVE*/
/* WHO ARE BLOCK*/
.whoare {
  position: relative;
}
.whoare h2 {
  margin-bottom: 2rem;
  display: inline-block;
}
.whoare-main-block {
  margin-top: 2rem;
  position: relative;
}
.whoare-container > p {
  font: 1.4rem "GothamProRegular";
}
.owl-whoare-text-box {
  position: absolute;
  top: 15rem;
  width: 100%;
  padding: 0px 1.56vw 0.78vw;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.owl-whoare-text-box > h3 {
  font: 1.6rem "GothamProBold";
  text-transform: uppercase;
  color: #da2f3e;
}
.owl-whoare-text-subtitle {
  font: 1.4rem "GothamProRegular";
  text-transform: uppercase;
}
.owl-whoare-text-describtion {
  font: 0 "GothamProRegular";
  -webkit-transition: font 50ms linear;
  -o-transition: font 50ms linear;
  transition: font 50ms linear;
}
.whoare-item:hover .owl-whoare-text-describtion {
  line-height: 2.1rem;
  font-size: 1.3rem;
}
.owl-whoare .owl-next,
.owl-whoare .owl-prev {
  background-color: transparent !important;
  color: transparent !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  max-width: 30px;
}
.owl-whoare .owl-next {
  right: 0;
  -webkit-transition: right 0.3s ease;
  -o-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
.owl-whoare .owl-next:hover {
  right: -0.26vw;
}
.owl-whoare .owl-prev {
  left: 0;
  -webkit-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.owl-whoare .owl-prev:hover {
  left: -0.26vw;
}
.owl-whoare .owl-next:before,
.owl-whoare .owl-prev:before {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  top: 0;
  opacity: 1;
}
.owl-whoare .owl-next:before {
  background-image: url("../img/right-arrow.png");
  right: 1vw;
  background-position-x: right;
}
.owl-whoare .owl-prev:before {
  background-image: url("../img/left-arrow.png");
  left: 1vw;
  background-position-x: left;
}
.whoare-item {
  padding: 0 1.04vw;
  height: 73vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.whoare-item:hover .owl-whoare-text-box {
  background-color: #da2f3e !important;
}
.whoare-item:hover .owl-whoare-text-box > h3,
.whoare-item:hover .owl-whoare-text-box > p {
  color: #fff;
}
.owl-whoare-border {
  position: relative;
}
.owl-whoare-border:before {
  content: "";
  width: 0.06vw;
  min-width: 1px;
  height: 61.23vh;
  background-color: #d3d4d4;
  position: absolute;
  left: 0;
  top: 37.06vh;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.owl-whoare-border:after {
  content: "";
  width: 0.06vw;
  min-width: 1px;
  height: 61.23vh;
  background-color: #d3d4d4;
  position: absolute;
  right: 0;
  top: 37.06vh;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.whoare-video {
  position: absolute;
  margin-left: 0px;
  width: 89.32vw;
  left: 0px;
  top: 0px;
  display: none;
}
.whoare-video.video-active {
  display: block;
}
@media (max-width: 767px) {
  .whoare-video,
  .whoare-video.video-active {
    display: none;
  }
  .whoare-item {
    max-height: 693px;
  }
}
@media (min-width: 768px) {
  .whoare h2 {
    margin-bottom: 1.45vw;
    margin-top: 0;
    margin-left: 3.49vw;
  }
  .whoare-container {
    height: calc(100% - 4.5vw);
    margin-top: 4.5vw;
    margin-left: 3.23vw;
    margin-right: 3.23vw;
  }
  .whoare-main-block {
    height: calc(100% - 45.8vh);
    margin-top: 0;
  }
  .owl-whoare {
    height: 100%;
  }
  .whoare-container > p {
    font-size: 0.85vw;
  }
  .owl-whoare-text-box {
    position: absolute;
    top: 44.4vh;
    padding: 0px 1.56vw 0.78vw;
    width: 27.12vw;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .owl-whoare-text-box > h3 {
    font-size: 1.05vw;
    text-transform: uppercase;
    color: #da2f3e;
  }
  .owl-whoare-text-subtitle {
    font-size: 0.73vw;
    text-transform: uppercase;
  }
  .owl-whoare-text-describtion {
    font-size: 0;
    -webkit-transition: font 50ms linear;
    -o-transition: font 50ms linear;
    transition: font 50ms linear;
  }
  .whoare-item:hover .owl-whoare-text-describtion {
    line-height: 1.25vw;
    font-size: 0.73vw;
  }
  .owl-whoare .owl-next,
  .owl-whoare .owl-prev {
    top: 31vh;
    height: 2vh;
  }
  .owl-whoare .owl-next:before,
  .owl-whoare .owl-prev:before {
    width: 1.72vw;
    height: 1.12vw;
  }
  .whoare-item {
    background-image: none !important;
  }
  .owl-whoare .owl-next:after,
  .owl-whoare .owl-prev:after {
    content: "";
    border-top: 0.16vw solid #da2f3e;
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    top: 1.01vh;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .owl-whoare .owl-next:after {
    right: 1.1vw;
  }
  .owl-whoare .owl-prev:after {
    left: 1.1vw;
  }
  .owl-whoare .owl-next:hover:after,
  .owl-whoare .owl-prev:hover:after {
    width: 1.45vw;
    max-width: 28px;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .whoare-container > p {
    font-size: 1.55vw;
  }
  .whoare-main-block {
    margin-top: 17vh;
  }
  .owl-whoare-text-box > h3 {
    font-size: 1.55vw;
  }
  .owl-whoare-text-subtitle {
    font-size: 1.33vw;
    text-transform: uppercase;
  }
  .whoare-item {
    height: 52vh !important;
  }
  .whoare-item:hover .owl-whoare-text-describtion {
    line-height: 1.55vw;
    font-size: 1.33vw;
  }
  .owl-whoare-text-box {
    position: absolute;
    top: 21.4vh;
  }
  .owl-whoare .owl-next,
  .owl-whoare .owl-prev {
    top: 20vh;
  }

  .owl-whoare-border:before,
  .owl-whoare-border:after {
    height: 32.23vh;
    top: 20.06vh;
  }
  .whoare-video {
    top: 1vh;
  }
}
/* END WHO ARE BLOCK */
/* CONTACTS BLOCK*/
.contacts h2 {
  margin-bottom: 5rem;
  margin-top: 1rem;
}
.contacts-info-block,
.contacts-map-block {
  width: 100%;
}
@media (max-width: 768px) {
  .contacts-map-block img,
  .contacts-map-block-under img {
    max-width: 100%;
    height: auto;
    margin-top: auto;
  }
  .contacts-map-block-under {
    margin: 0 -20px;
  }
  .contacts-page,
  .contacts-page-container {
    height: 100%;
  }
  .contacts-page {
    padding-bottom: 0;
  }
  .contacts-page-container {
    display: flex;
    flex-direction: column;
  }
  .contacts-map-block,
  .contacts-map-block-under {
    margin-top: auto;
  }
}
.contacts-info-block-city {
  font: 1.6rem "GothamProRegular";
  margin-bottom: 1.6rem;
}
.contacts-info-block-address {
  font: 1.6rem "GothamProBold";
  line-height: 2.6rem;
  color: #2a73a2;
  margin-bottom: 1.6rem;
}
.contacts-info-block-phone {
  line-height: normal;
}
.contacts-info-block-phone a,
.contacts-info-block-phone a:focus,
.contacts-info-block-phone a:hover,
.contacts-info-block-phone a:active,
.contacts-info-block-phone a:focus {
  font: 1.6rem "GothamProBold";
  color: #000;
  text-decoration: underline;
  text-decoration-color: #a2222d;
  transition: 0.3s;
}
.contacts-info-block-phone a:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.contacts-info-block-1 {
  padding-left: 8rem;
  position: relative;
  margin-top: 0px;
  margin-bottom: 2.5rem;
}
.contacts-info-block-1:after {
  content: "";
  background-image: url("../img/contacts/rodina-mat.png");
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  left: 1rem;
  top: 1rem;
  width: 5rem;
  height: 10rem;
}
.contacts-info-block-2 {
  padding-left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contacts-info-block-brif {
  background-color: #da2f3e;
  color: #fff;
  font: 1.6rem "GothamProRegular";
  outline: none;
  padding: 1rem 1.5rem;
  border-radius: 2rem;
  margin-bottom: 1rem;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border: none;
}
.contacts-info-block-brif:hover {
  background-color: #a2222d;
}
.contacts-info-block-email {
  margin: 0;
}
.contacts-info-block-email a,
.contacts-info-block-email a:focus,
.contacts-info-block-email a:hover,
.contacts-info-block-email a:active,
.contacts-info-block-email a:active:focus,
.contacts-info-block-email a:active:hover {
  font: 1.6rem "GothamProBold";
  color: #da2f3e;
}
.contacts-map-block {
  display: none;
}
@media (min-width: 768px) {
  .contacts-map-block-under {
    display: none;
  }
  .contacts h2 {
    margin-bottom: 1.05vw;
    margin-top: 1.05vw;
  }
  .contacts-info-block {
    width: 33vw;
    float: left;
    position: relative;
  }
  .contacts-map-block {
    width: 55vw;
    height: 25.52vw;
    float: left;
    position: relative;
    background-image: url("../img/contacts/map_vlg.png");
    background-repeat: no-repeat;
    background-size: 42.35vw 21.87vw;
    background-position: bottom right;
  }
  .slide.contacts {
    background-image: url("../img/contacts/contacts-bottom-background.jpg");
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: center;
    background-size: 100% auto;
    position: relative;
    min-height: 100vh;
  }
  .contacts-white-block {
    background-color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 13.5vw;
    height: 1.45vw;
    border-radius: 2vw;
    bottom: 1.23vw;
    z-index: 9;
  }
  .main-page .contacts-white-block {
    bottom: 1.23vw;
  }
  .contacts-info-block-city {
    font: 0.93vw "GothamProRegular";
    margin-bottom: 1.4vw;
  }
  .contacts-info-block-address {
    font-size: 1.05vw;
    line-height: 1.4vw;
    color: #2a73a2;
    margin-bottom: 0.8vw;
  }
  .contacts-info-block-phone a,
  .contacts-info-block-phone a:focus,
  .contacts-info-block-phone a:hover,
  .contacts-info-block-phone a:active,
  .contacts-info-block-phone a:active:focus,
  .contacts-info-block-phone a:active:hover {
    font: 1.77vw "GothamProBold";
    color: #000;
  }
  .contacts-info-block-1 {
    padding-left: 4.77vw;
    position: relative;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
  .contacts-info-block-1:after {
    content: "";
    background-image: url("../img/contacts/rodina-mat.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0.5vw;
    top: 0.36vw;
    width: 2.7vw;
    height: 4.9vw;
  }
  .contacts-info-block-2 {
    padding-left: 2.7vw;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .contacts-info-block-brif {
    font-size: 0.93vw;
    outline: none;
    border: none;
    padding: 1.14vw 2.6vw;
    border-radius: 2vw;
    margin-bottom: 0;
  }
  .contacts-info-block-email {
    margin: 0;
  }
  .contacts-info-block-email a,
  .contacts-info-block-email a:focus,
  .contacts-info-block-email a:hover,
  .contacts-info-block-email a:active,
  .contacts-info-block-email a:active:focus,
  .contacts-info-block-email a:active:hover {
    font-size: 0.93vw;
  }
  .contacts-container {
    margin-top: 3.5vw;
    margin-left: 6.72vw;
    margin-right: 3.23vw;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .contacts-map-block {
    width: 100%;
    height: 56.52vw;
    float: left;
    position: relative;
    background-image: url("../img/contacts/map_vlg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .contacts-info-block-city {
    font: 1.93vw "GothamProRegular";
    margin-bottom: 1.4vw;
  }
  .contacts-info-block-address {
    font-size: 2.05vw;
    line-height: 2.4vw;
    color: #2a73a2;
    margin-bottom: 0.8vw;
  }
  .contacts-info-block-phone a,
  .contacts-info-block-phone a:focus,
  .contacts-info-block-phone a:hover,
  .contacts-info-block-phone a:active,
  .contacts-info-block-phone a:active:focus,
  .contacts-info-block-phone a:active:hover {
    font: 2.2vw "GothamProBold";
    color: #000;
  }
  .contacts-info-block-brif {
    font-size: 1.5vw;
    outline: none;
    padding: 1.14vw 2.6vw;
    border-radius: 2vw;
    margin-bottom: 0;
    border: none;
  }
  .contacts-info-block {
    width: 36vw;
    float: left;
    position: relative;
  }
  .contacts-info-block-email a,
  .contacts-info-block-email a:focus,
  .contacts-info-block-email a:hover,
  .contacts-info-block-email a:active,
  .contacts-info-block-email a:active:focus,
  .contacts-info-block-email a:active:hover {
    font-size: 1.5vw;
  }
}
/* END CONTACTS BLOCK */
/* PAGE BLOG */
.blog {
  overflow: hidden;
}
.blog-container {
  padding: 90px 20px 46px;
}
@media (min-width: 768px) {
  .blog-container {
    margin: 6.56vw 8.81vw 0 8.81vw;
    padding: 0px;
  }
}
.blog-title,
#catalog h1,
#basket h1,
#personal h1 {
  font: 2.6rem "GothamProBold";
  margin-bottom: 5rem;
  line-height: 2.8rem;
  margin-left: 0px;
  color: black;
}
.blog-subtitle {
  font: 1.4rem "GothamProRegular";
  color: #757575;
}
.blog-filter {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog-filter-btn-block {
  position: relative;
}
.blog-filter-btn {
  width: 100%;
  background-color: #eceff1;
  color: #898989;
  font: 1.2rem "GothamProRegular";
  line-height: 4rem;
  border-radius: 30px;
  padding-left: 2rem;
  cursor: pointer;
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}
.blog-filter-btn.open {
  color: transparent;
}
.blog-filter-btn:after {
  content: "\f0dd";
  font: 1.6rem "FontAwesome";
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  -o-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  color: #da2f3e;
}
.blog-filter-btn.open:after {
  top: 45%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.blog-filter-btn:not(.open) + .blog-filter-elem {
  height: 0px;
  padding-top: 0;
}
.blog-filter-btn.open + .blog-filter-elem {
  height: 190px;
  max-height: 190px;
}
.blog-list-elem {
  width: 100%;
  padding: 0px;
  margin-bottom: 4rem;
}
.blog-list-elem-img {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 10rem;
  width: 100%;
}
.blog-list-elem-img > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.blog-elem-info {
  position: relative;
}
.blog-elem-author-img {
  height: 4rem;
  width: 4rem;
  position: absolute;
  top: -1.5rem;
  left: 1.5rem;
  border-radius: 2.2rem;
}
.blog-elem-info-text {
  margin-left: 7rem;
  height: 3rem;
  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;
}
.blog-row-list {
  margin-right: -0.78vw;
  margin-left: -0.78vw;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.blog-elem-no-find {
  display: block;
  margin-bottom: 10rem;
  font: 1.6rem "GothamProRegular";
}
.blog-post-user,
.blog-post-date {
  font: 0.9rem "GothamProRegular";
  color: #757575;
}
.blog-post-title {
  font-size: 1.8rem;
  font-family: "GothamProRegular";
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.blog-post-title > a,
.blog-post-title > a:hover,
.blog-post-title > a:focus,
.blog-post-title > a:active,
.blog-post-title > a:active:focus,
.blog-post-title > a:active:hover {
  color: #000;
}
.blog-post-tags a,
.blog-post-tags a:focus {
  font: 1rem "GothamProRegular";
  color: #da2f3e;
  padding-right: 1rem;
  padding-left: 1rem;
}
.blog-post-tags a:hover,
.blog-post-tags a:active,
.blog-post-tags a:active:focus,
.blog-post-tags a:active:hover {
  color: #a2222d;
}
.blog-post-tags a:first-child,
.blog-post-tags a:first-child:focus {
  border-left: none;
  padding-left: 0;
}
.blog-post-tags a:last-child {
  border-right: none;
}
.separator {
  width: 1px;
  font-size: 1rem;
  border-right: 1px solid #a3a3a3;
  border-left: 1px solid #b8b8b8;
}
.blog-post-preview-text {
  font: 1.4rem "GothamProRegular";
  color: #757575;
  line-height: 2rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.blog-post-read-more,
.blog-post-read-more:focus,
.blog-show-more-comments,
.blog-show-more-comments:focus {
  color: #fff;
  font: 1.2rem "GothamProRegular";
  background-color: #da2f3e;
  padding: 1rem 1rem;
  border-radius: 3rem;
  text-decoration: none;
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: -webkit-fit-content;
  width: fit-content;
  width: -moz-fit-content;
}
.blog-post-read-block {
  width: 60%;
}
.blog-post-read-more:hover,
.blog-post-read-more:active,
.blog-post-read-more:active:hover,
.blog-post-read-more:active:focus,
.blog-show-more-comments:hover,
.blog-show-more-comments:active,
.blog-show-more-comments:active:hover,
.blog-show-more-comments:active:focus {
  background-color: #a2222d;
  color: #fff;
  text-decoration: none;
}
.blog-post-btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.blog-post-btn-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-post-comments {
  margin-right: 2rem;
}
.blog-post-comments a,
.blog-post-comments a:focus,
.blog-post-vote button,
.blog-post-vote button:focus {
  font: 1.6rem "GothamProRegular";
  color: #b0bec5;
  text-decoration: none;
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
  background: none;
  outline: none;
  border: none;
}
.blog-post-comments a:hover,
.blog-post-comments a:active,
.blog-post-comments a:active:focus,
.blog-post-comments a:active:hover,
.blog-post-vote button:hover,
.blog-post-vote button:active,
.blog-post-vote button:active:focus,
.blog-post-vote button:active:hover {
  color: #8d9aa1;
  text-decoration: none;
}
.blog-post-comments .fa,
.blog-post-vote .fa {
  margin-right: 0.3vw;
}
.blog-filter-list {
  list-style: none;
  height: 25rem;
  max-height: 22.5rem;
  overflow: auto;
  position: relative;
  margin-left: 20px;
  padding-left: 0px;
  -webkit-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
  display: inline-table;
}
.blog-filter-btn:not(.open) + .blog-filter-elem .blog-filter-list {
  height: 0px;
  -webkit-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
}
.blog-filter-list li {
  /*font: 1.2rem "GothamProRegular";*/
  display: block;
  /*padding-left: 20px;*/
  position: relative;
  cursor: pointer;
  /*line-height: 2.4rem;*/
}
.blog-filter-list li:hover {
  color: #da3442;
}
/*.blog-filter-list li:before{
content: '';
position: absolute;
width: 1.2rem;
height: 1.2rem;
border: 1px solid #000;
border-radius: 3px;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
  transform: translateY(-50%);
}*/
.blog-filter-list li:hover:before {
  border-color: #da3442;
  background-image: url(../img/check.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.7rem 0.5rem;
}
.portfolio.blog-filter-search {
  position: absolute;
  left: 2.2rem;
  bottom: 0;
}
@media (min-width: 768px) {
  .blog-title,
  #catalog h1,
  #basket h1,
  #personal h1 {
    font-size: 2.7vw;
    line-height: 3.22vw;
    margin-bottom: 1.3vw;
  }
  .blog-subtitle {
    font-size: 0.93vw;
    margin-bottom: 2.23vw;
    line-height: 1.35vw;
  }
  .blog-filter {
    margin-top: 0;
    margin-bottom: 2.18vw;
  }
  .blog-filter-elem {
    width: 100%;
    top: 1.5vw;
    border-radius: 0 0 1.56vw 1.56vw;
    padding-top: 3vw;
  }
  .blog-filter-btn {
    font: 0.83vw "GothamProRegular";
    line-height: 3.01vw;
    border-radius: 1.56vw;
    padding-left: 1.71vw;
  }
  .blog-filter-btn:after {
    font: 1.37vw "FontAwesome";
    right: 1.4vw;
  }
  .blog-filter-btn.open + .blog-filter-elem {
    height: 11.21vw;
    max-height: 11.21vw;
  }
  .blog-list-elem {
    width: 38.1vw;
    padding-left: 0.78vw;
    padding-right: 0;
    margin-bottom: 4.16vw;
  }

  .blog-filter-list li {
    /*font: 0.83vw "GothamProRegular";
line-height: 6.54vh;*/
    /*width: 18.22vw;*/
    max-width: 18.22vw;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*padding-left: 2.39vw;*/
    position: relative;
    cursor: pointer;
  }
  /*.blog-filter-list li:before{
width: 1.3vw;
height: 1.3vw;
border: 0.05vw solid #000;
border-radius: 0.2vw;
}*/
  .blog-filter-list li:hover:before {
    background-size: 0.78vw 0.57vw;
  }
  .blog-list-elem {
    min-height: 0.05vw;
  }
  .clearfix + .blog-list-elem + .blog-list-elem {
    margin-left: 5.1vw;
  }
  .blog-list-elem-img {
    height: 13.38vw;
    width: 38.1vw;
  }
  .blog-elem-author-img {
    height: 5.1vw;
    width: 5.1vw;
    position: absolute;
    top: -1.92vw;
    left: 1.61vw;
    border-radius: 2.7vw;
  }
  .blog-elem-info-text {
    margin-left: 7.91vw;
    height: 3.125vw;
  }
  .blog-post-user,
  .blog-post-date {
    font-size: 0.83vw;
  }
  .blog-post-tags a,
  .blog-post-tags a:focus {
    font-size: 0.83vw;
    padding-right: 1.09vw;
    padding-left: 1.09vw;
  }
  .separator {
    width: 0.1vw;
    font-size: 0.83vw;
    border-right: 0.05vw solid #a3a3a3;
    border-left: 0.05vw solid #b8b8b8;
  }
  .blog-post-title {
    font-size: 1.45vw;
    margin-top: 1.77vw;
    margin-bottom: 2.08vw;
  }
  .blog-post-preview-text {
    font-size: 0.93vw;
    line-height: 3.49vh;
    margin-top: 1.04vw;
    margin-bottom: 1.82vw;
  }
  .blog-post-read-more,
  .blog-post-read-more:focus,
  .blog-show-more-comments,
  .blog-show-more-comments:focus {
    font-size: 0.93vw;
    padding: 1.14vw 1.97vw;
    border-radius: 2.7vw;
  }
  .blog-post-read-block {
    width: 15.625vw;
  }
  .blog-post-comments {
    margin-right: 1.56vw;
  }
  .blog-post-comments a,
  .blog-post-comments a:focus,
  .blog-post-vote button,
  .blog-post-vote button:focus {
    font-size: 0.93vw;
  }
  .blog-post-tags.blog-one-post-tags {
    line-height: 1.04vw;
  }
  .bx-rating-yes-text {
    padding: 0.05vw 0.3vw;
  }
  .blog-elem-no-find {
    margin-bottom: 7.5vw;
    font-size: 1.04vw;
  }
  .portfolio.blog-filter-search {
    left: 3.22vw;
    padding: 0.8vw 1.4vw;
  }
}
/* END PAGE BLOCK */
/* 404 ERRR */
.page404 {
  text-align: center;
  height: 100%;
  width: 100%;
  padding: 10rem 20px 20px;
}
.page404 .image {
  margin-bottom: 4rem;
}
.page404 .image img {
  max-width: 100%;
}
.page404 .not_found {
  margin: 0 0 2.4rem;
  font-size: 2em;
  line-height: 1.2em;
  color: #333;
  line-height: normal;
}
.page404 .notefy {
  margin: 0 0 3rem;
}
@media (min-width: 768px) {
  .page404 {
    padding: 14vw 2.09vw 2.09vw;
  }
  .page404 .image {
    margin-bottom: 3.33vw;
  }
  .page404 .not_found {
    margin: 0 0 1.25vw;
    font-size: 1.87vw;
    line-height: 1vw;
  }
  .page404 .notefy {
    margin: 0 0 1.66vw;
    font-size: 0.78vw;
  }
}
/* END 404 ERRR */
/* PRICE BLOCK */
.cost-container h2 {
  margin: 0 0 5rem;
}
.cost-item {
  width: 28rem;
  background: #d4d4d4;
  padding: 0 1rem 1rem;
  border-radius: 0.5rem;
  margin-right: 1rem;
  position: relative;
  transition: 0.5s;
}
@media (min-width: 768px) {
  .cost-item:hover {
    box-shadow: 0 0 36px rgba(117, 117, 117, 0.7);
  }
}
.cost-item h3 {
  text-align: center;
  margin: 0;
  font: 2rem "GothamProBold";
  color: #fff;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cost-item-inner {
  background-color: #fff;
  padding: 6rem 1rem 0;
  height: 36rem;
  position: relative;
  border-radius: 0.5rem;
}
.big-item .cost-item-inner {
  padding: 2rem 1rem 0;
}
.cost-item-text {
  text-align: center;
  font: 1.2rem "GothamProRegular";
  line-height: 1.8rem;
  color: #767676;
  max-height: 18rem;
  overflow: hidden;
}
.cost-item-price {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 5rem;
  font: 1.63vw "GothamProBold";
}
.cost-item-price-old {
  bottom: 4.2vw;
  text-decoration: line-through;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font: 1vw "GothamPro";
  text-transform: uppercase;
  color: #767676;
}
.cost-item-time {
  font-family: "GothamProBold";
  font-size: 1.4rem;
  position: absolute;
  bottom: 11rem;
  left: 0;
  right: 0;
  text-align: center;
  color: #757575;
}
.cost-item-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: auto;
  height: 6rem;
}
.big-item .cost-item-img {
}
.tabs-nav-1 {
  list-style: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0.3vw;
  padding: 0;
}
.tabs-nav-1 li {
  border: 0.2rem solid transparent;
  cursor: pointer;
  font: 1.4rem "GothamProBold";
  text-transform: uppercase;
  -webkit-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear;
  width: 26.9rem;
}
.tabs-nav-1 li.active {
  border: 0.2rem solid #ff0000;
}
.tabs-nav-1 li a {
  padding: 1.2rem;
  display: block;
}
.tabs-nav-1 a,
.tabs-nav-1 a:hover,
.tabs-nav-1 a:focus,
.tabs-nav-1 a:active,
.tabs-nav-1 a:active:focus,
.tabs-nav-1 a:active:hover {
  color: #000;
  text-decoration: none;
  border: none;
  margin: 0;
  line-height: inherit;
}
@media (min-width: 768px) {
  .cost-container h2 {
    margin: 0 0 1.04vw 2vw;
    text-align: left;
  }
  .cost-container {
    margin-top: 4.5vw;
    margin-left: 4.72vw;
    margin-right: 0;
  }
  .cost-item-wrap {
    padding: 3.5vw 0 3vw 2vw;
  }
  .cost-item {
    width: 17.91vw;
    padding: 0 0.52vw 0.52vw;
    border-radius: 0.25vw;
    margin-right: 2.08vw;
  }
  .cost-item.big-item {
    width: 25.5vw;
  }
  .cost-item h3 {
    margin: 0;
    font-size: 1.14vw;
    height: 4.16vw;
  }
  .cost-item-inner {
    padding: 1.79vw 0.5vw 0;
    height: 23vw;
    max-height: 59.4vh;
    border-radius: 0.25vw;
  }
  .big-item .cost-item-inner {
    padding: 1.25vw 0.5vw 0;
  }
  .cost-item-text {
    font-size: 0.72vw;
    line-height: 1.04vw;
    max-height: 8.85vw;
    max-height: 26vh;
    margin-top: 3vw;
  }
  .cost-item-price {
    bottom: 2.6vw;
    font-size: 1.66vw;
  }
  .cost-item-time {
    font-size: 0.83vw;
    bottom: 8vw;
  }
  .big-item .cost-item-time {
    bottom: 8.4vw;
  }
  .cost-item-img {
    width: auto;
    height: 3.45vw;
  }
  .big-item .cost-item-img {
  }
  .tabs-nav-1 {
    margin-left: 2vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs-nav-1 li {
    margin-right: 1.73vw;
    border: 0.11vw solid transparent;
    font: 0.73vw "GothamProBold";
    width: auto;
  }
  .tabs-nav-1 li.active {
    border: 0.11vw solid #ff0000;
  }
  .tabs-nav-1 li a {
    padding: 0.37vw;
  }
}
@media (max-width: 991px) and (min-height: 1000px) and (min-width: 768px) {
  .tabs-nav-1 {
  }
  .cost-container h2 {
    margin-bottom: 3vh;
  }
  .cost-container.context-page h2 {
    margin-bottom: 10vh !important;
  }
  .cost-item-inner {
    height: 26vh;
  }
  .cost-item {
    width: 22vw;
  }
  .cost-item-text {
    font-size: 1.45vw;
    line-height: 1.45vw;
  }
  .cost-item h3 {
    font-size: 1.45vw;
    height: 5.16vw;
  }
  .tabs-nav-1 li {
    padding: 0.5vw;
    font: 1.15vw "GothamProBold";
    width: auto;
  }
}
/* END PRICE BLOCK */
/* PROF APPROACH BLOCK */
.prof-approach-container h2 {
  margin: 2rem 0 5rem;
}
.prof-approach-mobile {
  position: relative;
  height: 100%;
}
.prof-approach-mobile > .elem {
  margin-bottom: 2rem;
}
.prof-approach-mobile > .elem > .elem-img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 4rem;
  height: 8rem;
  display: inline-block;
}
.prof-approach-mobile > .elem > .elem-text-block {
  display: inline-block;
  margin-left: 2rem;
  max-width: 15rem;
}
.prof-approach-mobile > .elem h3 {
  font: 1.6rem "GothamProBold";
  margin: 0 0 1.5rem;
}
.prof-approach-mobile > .elem ul {
  list-style: none;
  padding: 0;
}
.prof-approach-mobile > .elem li {
  font: 1.2rem "GothamProRegular";
  padding-left: 1rem;
  display: block;
  position: relative;
  color: #616161;
  margin-bottom: 0.5rem;
  line-height: 1.4rem;
}
.prof-approach-mobile > .elem li:before {
  content: "\f111";
  font-family: "FontAwesome";
  font-size: 0.5rem;
  color: #da2f3e;
  position: absolute;
  top: 10%;
  bottom: 0;
  left: 0;
}
.progress-bar-grey,
.progress-bar-red {
  height: 71.2rem;
  width: 0.2rem;
  position: relative;
  margin: 0 auto;
}
.seo .progress-bar-grey,
.seo .progress-bar-red {
  height: 47.2rem;
}
.smm-prof-approach .progress-bar-grey,
.smm-prof-approach .progress-bar-red {
  height: 57rem;
}
.progress-bar-grey-container,
.progress-bar-red-container {
  position: absolute;
  height: 100%;
  width: 4rem;
  top: 0;
  right: 0;
}
.progress-bar-red-container {
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 0.1s linear;
  -o-transition: height 0.1s linear;
  transition: height 0.1s linear;
}
.progress-bar-grey {
  background-color: #ededed;
}
.progress-bar-red {
  background-color: #da2f3e;
}
.progress-bar-grey:before,
.progress-bar-grey:after,
.progress-bar-red:before,
.progress-bar-red:after {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 3rem;
  display: block;
  position: absolute;
  left: -0.9rem;
}
.progress-bar-grey:before,
.progress-bar-grey:after {
  background-color: #ededed;
}
.progress-bar-red:before,
.progress-bar-red:after {
  background-color: #da2f3e;
}
.progress-bar-grey:before,
.progress-bar-red:before {
  top: 0;
}
.progress-bar-grey:after,
.progress-bar-red:after {
  bottom: 0;
}
.progress-bar-grey-elem,
.progress-bar-red-elem {
  width: 2rem;
  height: 2rem;
  border-radius: 3rem;
  display: block;
  position: absolute;
  left: -0.9rem;
}
.progress-bar-grey-elem {
  background-color: #ededed;
}
.progress-bar-red-elem {
  background-color: #da2f3e;
}
.progress-bar-grey-elem:nth-child(1),
.progress-bar-red-elem:nth-child(1) {
  top: 0;
}
.progress-bar-grey-elem:nth-child(2),
.progress-bar-red-elem:nth-child(2) {
  top: 20%;
}
.progress-bar-grey-elem:nth-child(3),
.progress-bar-red-elem:nth-child(3) {
  top: 37%;
}
.progress-bar-grey-elem:nth-child(4),
.progress-bar-red-elem:nth-child(4) {
  top: 57%;
}
.progress-bar-grey-elem:nth-child(5),
.progress-bar-red-elem:nth-child(5) {
  top: 77%;
}
.progress-bar-grey-elem:nth-child(6),
.progress-bar-red-elem:nth-child(6) {
  bottom: 0;
}

.seo .progress-bar-grey-elem:nth-child(2),
.seo .progress-bar-red-elem:nth-child(2) {
  top: 26%;
}
.seo .progress-bar-grey-elem:nth-child(3),
.seo .progress-bar-red-elem:nth-child(3) {
  top: 47%;
}
.seo .progress-bar-grey-elem:nth-child(4),
.seo .progress-bar-red-elem:nth-child(4) {
  top: 69%;
}
.seo .prof-approach-mobile > .elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.smm-prof-approach .progress-bar-grey-elem:nth-child(1),
.smm-prof-approach .progress-bar-red-elem:nth-child(1) {
  top: 0;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(2),
.smm-prof-approach .progress-bar-red-elem:nth-child(2) {
  top: 21%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(3),
.smm-prof-approach .progress-bar-red-elem:nth-child(3) {
  top: 39%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(4),
.smm-prof-approach .progress-bar-red-elem:nth-child(4) {
  top: 57%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(5),
.smm-prof-approach .progress-bar-red-elem:nth-child(5) {
  top: 74%;
}
.smm-prof-approach .progress-bar-grey-elem:nth-child(6),
.smm-prof-approach .progress-bar-red-elem:nth-child(6) {
  bottom: 0;
}

/* END PROF APPROACH BLOCK */
@media (min-width: 768px) {
  .cost-container.context-page h2 {
    margin: 0 0 0 2vw;
  }
  .works-carousel-nav2.tabs-nav-1 {
    margin-left: 4.2vw;
  }
}
.works-carousel-nav2 {
  margin-bottom: 2vw;
}
/* SEO SUCCESS */
.clients-success-elem-graph-block {
  position: relative;
  float: left;
  width: 100%;
  height: 15rem;
  margin-bottom: 2rem;
}
.clients-success .item {
  margin-top: 0 !important;
  padding: 0;
}
.clients-success .item > .title {
  font-family: "GothamProBold";
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.clients-success-elem-info {
  padding-bottom: 2rem;
}
.clients-success-elem-info .title {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.clients-success-elem-info .info > p {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
.clients-success-elem-info .results > div {
  width: 20rem;
  background-color: #f3f3f3;
  text-align: center;
  padding: 2.5rem 0 2.5rem;
  margin: 0 auto 2rem;
}
.clients-success-elem-info .results > div > p:first-child {
  font-size: 1.4rem;
  margin-bottom: 0.52vw;
}
.clients-success-elem-info .results > div > p:last-child {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.clients-success-elem-info .red-button {
  display: block;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: -moz-fit-content;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .clients-success-elem-graph-block img {
    max-height: 15rem;
    width: auto !important;
    margin: 0 auto;
  }
  .cost-item-price {
    font: 2.8rem "GothamProBold";
  }

  .price-description-line__left {
    font: 1.2rem "GothamProRegular";
  }

  .cost-item-text {
    margin-top: 1rem;
  }
  .price-description-text {
    margin-top: 4rem;
  }
}
@media (min-width: 768px) {
  .clients-success-container h2 {
    margin: 0 0 0.3vw;
  }
  .clients-success-elem-graph-block {
    width: 50vw;
    height: 25vw;
    margin-left: 0;
    margin-bottom: 0;
  }
  .clients-success-elem-graph-block.inner-img {
    width: 45vw;
  }
  .clients-success-elem-graph-block img {
    max-width: 32.7vw;
    margin: 1.84vh auto 0;
    display: block;
  }
  .seo-results-line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .clients-success .item > .title {
    font-size: 1.45vw;
    line-height: 3.22vw;
    margin-bottom: 3vh;
  }
  .owl-clients-success canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .clients-success-elem-info {
    float: left;
    position: relative;
    width: 36vw;
    padding-left: 2.3vw;
    padding-bottom: 0;
  }
  .clients-success-elem-info .title {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    margin-bottom: 1.04vw;
    text-align: left;
  }
  .clients-success-elem-info .info > p {
    font-size: 0.83vw;
    margin-bottom: 0.78vw;
    text-align: left;
  }
  .clients-success-elem-info .info span {
    color: #757575;
  }
  .clients-success-elem-info .results {
    margin: 1.35vw 0 2.08vw;
  }
  .clients-success-elem-info .results > div {
    width: 10.5vw;
    display: inline-block;
    background-color: #f3f3f3;
    text-align: center;
    padding: 1.04vw 0 1.4vw;
    margin-bottom: 0;
  }
  .clients-success-elem-info .results > div:nth-child(2) {
    margin: 0 0.35vw;
  }
  .clients-success-elem-info .results > div > p:first-child {
    font-size: 1.25vw;
    margin-bottom: 0.52vw;
  }
  .clients-success-elem-info .results > div > p:last-child {
    font-size: 0.73vw;
    margin-bottom: 0;
  }

  .clients-success-elem-info .red-button,
  .clients-success-elem-info .red-button:focus {
    margin: 0;
    padding: 1.04vw 1.5vw;
  }
  .clients-success-elem-info .red-button:hover,
  .clients-success-elem-info .red-button:active:focus,
  .clients-success-elem-info .red-button:active:hover,
  .clients-success-elem-info .red-button:active,
  .clients-success-elem-info .red-button:focus {
    text-decoration: none;
    color: #fff;
  }
  .owl-clients-success .owl-nav {
    position: relative;
    right: 3.125vw;
    margin-top: 1.16vh;
  }
  .owl-clients-success .owl-nav .owl-next .custom-nav-right,
  .owl-clients-success .owl-nav .owl-prev .custom-nav-left {
    background-image: url(../img/seo/success/arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 3.38vw;
    height: 3.38vw;
  }
  .owl-clients-success .owl-nav .owl-next .custom-nav-right {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .owl-clients-success .owl-nav .owl-prev:hover .custom-nav-left,
  .owl-clients-success .owl-nav .owl-next:hover .custom-nav-right {
    background-image: url(../img/seo/success/arrow-active.png);
  }
  .owl-clients-success .owl-nav .owl-next:hover .custom-nav-right {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  .owl-clients-success .owl-nav .owl-prev:hover .custom-nav-left {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .owl-clients-success .owl-nav > div {
    background-color: transparent !important;
  }
  .owl-clients-success .owl-nav .owl-next:after,
  .owl-clients-success .owl-nav .owl-prev:before {
    content: "";
    display: block;
    position: absolute;
    height: 0.1vw;
    width: 38.63vw;
    background-color: #da2f3e;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: default;
  }
  .owl-clients-success .owl-nav .owl-next:after {
    right: 0.8vw;
  }
  .owl-clients-success .owl-nav .owl-prev:before {
    left: 0.8vw;
  }
  .owl-clients-success.owl-theme .owl-nav .disabled {
    opacity: 2;
  }
  .owl-clients-success.owl-theme .owl-nav .disabled > div {
    opacity: 0.5;
  }
  .owl-clients-success.owl-theme .owl-nav [class*="owl-"] {
    margin: 0;
    padding: 0.2vw 0.5vw;
  }
}
/* END SEO SUCCESS */
/* SEO COST */
.costWithBtn .red-button,
.costWithBtn .red-button:focus {
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
.costWithBtn .cost-item-price {
  bottom: 7rem;
}
.costWithBtn .red-button,
.costWithBtn .red-button:focus {
  bottom: 2rem;
  padding: 1rem 1.5rem;
}
@media (min-width: 768px) {
  .costWithBtn .cost-item-price {
    bottom: 5.5vw;
  }
  .costWithBtn .red-button,
  .costWithBtn .red-button:focus {
    bottom: 1.5vw;
    padding: 0.73vw 1.26vw;
  }
}
/* END SEO COST */
/* FINANCE GARANTY */
.finance-garanty {
  background-image: url(../img/seo/finance_garanty/background.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.finance-garanty-container .content {
  margin-top: 3rem;
}
.finance-garanty-container .elem {
  background-color: #fff;
  -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  padding: 3rem;
  margin-bottom: 3rem;
}
.finance-garanty-container .elem .title {
  text-transform: uppercase;
  color: #da2f3e;
  text-align: center;
  line-height: 2rem;
  font-family: "GothamProBold";
  font-size: 1.6rem;
}
.finance-garanty-container .elem .subtitle {
  font-family: "GothamProBold";
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  text-align: center;
  margin: 1rem 0;
}
.finance-garanty-container .elem .text {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  .finance-garanty-container h2 {
    margin: 0 0 10.97vh;
  }
  .finance-garanty-container .content {
    margin-top: 0;
  }
  .finance-garanty-container .elem {
    width: 22.96vw;
    height: 25.1vw;
    -webkit-box-shadow: 0 0 5.04vw rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5.04vw rgba(0, 0, 0, 0.2);
    border-radius: 0.46vw;
    padding: 3.22vw 1vw 0;
  }
  .finance-garanty-container .elem {
    position: absolute;
    top: 31.32vh;
    left: 46.66vw;
    margin-bottom: 0;
  }
  .finance-garanty-container .elem + .elem {
    left: 71.77vw;
  }
  .finance-garanty-container .elem .title {
    line-height: 1.77vw;
    font-size: 1.25vw;
    margin-bottom: 0.5vw;
  }
  .finance-garanty-container .elem .subtitle {
    font-size: 0.72vw;
    line-height: 1.35vw;
    margin: 0 0 0.8vw;
  }
  .finance-garanty-container .elem .text {
    text-align: center;
    font-size: 0.83vw;
    line-height: 1.35vw;
  }
  .finance-garanty-container .elem .img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 5.22vw;
    margin-bottom: 1.45vw;
  }
}
/* END FINANCE GARANTY */
/* WHY SMM */
.why-smm .note {
  text-align: left;
}
.why-smm .reasons {
  position: relative;
  margin: 0 auto;
}
.why-smm .reason {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 2rem;
}
.why-smm .reason .image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 8rem;
}
.why-smm .reason .description {
  font-family: "GothamProBold";
  font-size: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 768px) {
  .why-smm {
    background-image: url(../img/smm/why-smm/www.png);
    background-size: 48.4375vw 35.2vw;
    background-position: 49.5vw bottom;
    background-repeat: no-repeat;
  }
  .why-smm h2 {
    margin-bottom: 3.08vh;
  }
  .why-smm .reasons {
    max-width: 60%;
    margin: 10.67vh 0 0;
  }
  .why-smm .reason {
    width: 13.54vw;
    height: 9.89vw;
    margin-right: 1.3vw;
    margin-top: 0;
  }
  .why-smm .reason .image {
    height: 4.375vw;
  }
  .why-smm .reason .description {
    font-size: 0.83vw;
    margin-top: 1.5625vw;
  }
}
/* END WHY SMM */
/* SMM STRUCTURE */
.smm-structure h2 {
  margin-bottom: 5.5rem;
}
.smm-structure-item-title {
  font: 1.6rem "GothamProBold";
  margin-bottom: 22px;
  margin-bottom: 2.2rem;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.smm-structure-item-text {
  font: 1.4rem "GothamProRegular";
  line-height: 2.2rem;
  color: #767676;
  /* height: 9rem;*/
  overflow: hidden;
}
.smm-structure-dynamic-block {
  height: 100%;
}
.smm-structure-dynamic-img {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
}
.owl-smm-structure img {
  width: auto !important;
}
@media (max-width: 767px) {
  .smm-structure-item-textbox {
    width: 100%;
    float: right;
  }
  .smm-structure-item-imagebox {
    width: 100%;
    float: left;
    position: relative;
    height: 51.1vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 20vw;
  }
  .smm-structure-item-imagebox > img {
    height: 12rem;
    margin: 3rem auto;
  }
  .smm-structure-item-imagebox > p {
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
  }
}
@media (min-width: 768px) {
  .smm-structure h2 {
    margin: 0 0 3.38vw;
  }
  .smm-structure-item {
    width: 20vw;
    float: left;
    margin-bottom: 1.05vw;
    padding-left: 2.1vw;
    height: auto;
    cursor: pointer;
  }
  .smm-structure-item:nth-child(even) {
    margin-left: 2.86vw;
  }
  .smm-structure-item-title {
    font-size: 0.93vw;
    margin-bottom: 1.04vw;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .smm-structure-item-title:before {
    content: "";
    width: 0.75vw;
    height: 0.75vw;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    left: -1.8vw;
    border-radius: 2vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .smm-structure-item.hover .smm-structure-item-title:before,
  .smm-structure-item.active .smm-structure-item-title:before {
    width: 1.3vw;
    height: 1.3vw;
  }
  .smm-structure-item-text {
    font-size: 0.83vw;
    line-height: 1.2vw;
    height: auto;
    overflow: none;
  }
  .smm-structure-dynamic-block {
    height: calc(100vh - 6.5vw);
  }
  .smm-structure-dynamic-img {
    width: 46.5vw;
    height: 42.2vw;
    position: absolute;
    padding: 0;
    bottom: 0;
    right: -2.2vw;
  }
  .smm-structure .info-block,
  .smm-structure-dynamic-block {
    width: 44.5vw;
    position: relative;
    float: left;
  }
  .smm-structure-item.hover .smm-structure-item-title1,
  .smm-structure-item.active .smm-structure-item-title1 {
    color: #b71d1d;
  }
  .smm-structure-item-title1:before {
    background-color: #b71d1d;
  }
  .smm-structure-item.hover .smm-structure-item-title2,
  .smm-structure-item.active .smm-structure-item-title2 {
    color: #4fc5f7;
  }
  .smm-structure-item-title2:before {
    background-color: #4fc5f7;
  }
  .smm-structure-item.hover .smm-structure-item-title3,
  .smm-structure-item.active .smm-structure-item-title3 {
    color: #1667c3;
  }
  .smm-structure-item-title3:before {
    background-color: #1667c3;
  }
  .smm-structure-item.hover .smm-structure-item-title4,
  .smm-structure-item.active .smm-structure-item-title4 {
    color: #f87f16;
  }
  .smm-structure-item-title4:before {
    background-color: #f87f16;
  }
  .smm-structure-item.hover .smm-structure-item-title5,
  .smm-structure-item.active .smm-structure-item-title5 {
    color: #24a69a;
  }
  .smm-structure-item-title5:before {
    background-color: #24a69a;
  }
  .smm-structure-item.hover .smm-structure-item-title6,
  .smm-structure-item.active .smm-structure-item-title6 {
    color: #ffee58;
  }
  .smm-structure-item-title6:before {
    background-color: #ffee58;
  }
}
@media (min-width: 768px) and (max-width: 991px) and (min-height: 1000px) {
  .smm-structure-item {
    width: 35vw;
    float: left;
    margin-bottom: 2.05vw;
    padding-left: 3.1vw;
    height: auto;
  }
  .smm-structure-item:nth-child(even) {
    margin-left: 0;
  }
  .smm-structure-item-textbox p {
    margin: 0 0 1vw;
  }
  .smm-structure-item-text {
    font-size: 1.3vw;
    line-height: 2vw;
    height: auto;
    overflow: none;
  }
  .smm-structure-item-dynamic-img {
    padding-left: 8.4vw;
  }
  .smm-structure-item-dynamic-img-inner {
    max-height: 70.5vh;
  }
  .smm-structure-item-dynamic-text {
    top: 8vw;
  }
  .smm-structure-item-dynamic-title {
    font-size: 1.55vw;
    line-height: 2.15vw;
  }
  .smm-structure-item-dynamic-subtitle {
    font-size: 1.44vw;
    line-height: 2.15vw;
  }
  .smm-structure-item-title {
    font-size: 1.5vw;
    margin-bottom: 22px;
    margin-bottom: 2.1vw;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .smm-structure-item-title:before {
    content: "";
    width: 1.3vw;
    height: 1.3vw;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    left: -2.8vw;
    border-radius: 2vw;
    bottom: -1px;
  }
  .smm-structure-item.hover .smm-structure-item-title:before,
  .smm-structure-item.active .smm-structure-item-title:before {
    width: 1.8vw;
    height: 1.8vw;
    bottom: -3px;
  }
}
/* END SMM STRUCTURE */
/* SEO PROF-APPROACH */
.smm-prof-approach .prof-approach-mobile > .elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* END SEO PROF APPROACH */
/* ADDITIONAL SERVICES */
.additional-services .info-block .inner {
  border: 0.2rem solid #e4e4e4;
  height: 100%;
  padding: 2rem 1.5rem;
}
.additional-services .info-block p {
  margin: 0;
}
.additional-services .info-block .elem {
  position: relative;
  height: 36rem;
}
.additional-services .info-block .image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 6rem;
}
.additional-services .info-block .title {
  font-family: "GothamProBold";
  text-align: center;
  margin: 2rem 0;
  font-size: 1.8rem;
}
.additional-services .info-block .description {
  text-align: center;
  color: #757575;
  font-size: 1.4rem;
  line-height: 2rem;
}
.additional-services .info-block .price {
  font-family: "GothamProBold";
  font-size: 1.6rem;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 9rem;
}
.additional-services .info-block .red-button {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff !important;
  text-decoration: none;
}
.additional-services {
  padding: 0;
}
@media (min-width: 768px) {
  .additional-services .info-block {
    position: relative;
    margin-top: 4.6vw;
    margin-top: 9.1vh;
  }
  .additional-services .info-block .inner {
    border: 0.1vw solid #e4e4e4;
    padding: 2.86vw 1.08vw 3.64vw;
  }
  .additional-services .info-block .image {
    height: 2.6vw;
  }
  .additional-services .info-block .title {
    font-size: 0.93vw;
    margin: 0.78vw 0 2.08vw;
  }
  .additional-services .info-block .description {
    font-size: 0.8vw;
    line-height: 1.14vw;
  }
  .additional-services .info-block .price {
    font-size: 1.14vw;
    bottom: 8.07vw;
  }
  .additional-services .info-block .elem {
    margin: 0 0 0 2.5vw;
    float: left;
    width: 17.7vw;
    height: 24.94vw;
  }
  .additional-services .info-block .red-button {
    bottom: 2.86vw;
  }
}
/* END ADDITIONAL SERVICES */
/* COMMENTS */
.comment-block {
  margin-top: 2rem;
}
.comment-block-title {
  font-family: "GothamProBold";
  font-size: 1.6rem;
}
.above-comment-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}
.above-comment-input .fa {
  color: #657ba7;
}
.above-comment-input .comments-user-name {
  font-family: "GothamProBold";
  display: block;
  margin: 0;
  color: #657ba7;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.above-comment-input .comments-count {
  font-size: 1.4rem;
}
.above-comment-input .reviews_user_menu_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
}
.above-comment-input a.dropdown-item {
  font-size: 1rem;
}
.blog-one-post-container {
  position: relative;
}
.blog-one-post-container .fog {
  background-color: transparent;
  -webkit-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.blog-one-post-container .fog.active {
  position: absolute;
  z-index: 999999999999999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 768px) {
  .above-comment-input {
    margin-bottom: 1.5625vw;
  }
  .comment-block-title {
    font-size: 1.45vw;
    margin-bottom: 2.08vw;
  }
  .comment-block {
    margin-top: 2.34vw;
  }
  .above-comment-input .comments-user-name {
    font-size: 0.72vw;
    margin-right: 0.41vw;
  }
  .above-comment-input .comments-count {
    font-size: 0.93vw;
  }
  .above-comment-input .fa,
  button.reviews_user_menu {
    font-size: 0.72vw;
    line-height: 0.72vw;
  }
  .above-comment-input a.dropdown-item {
    font-size: 0.73vw;
  }
  .above-comment-input .dropdown-menu {
    min-width: 8.33vw;
    padding: 0.25vw 0;
    margin: 0.1vwpx 0 0;
    font-size: 0.73vw;
    border-radius: 0.2vw;
  }
}
/* COMMENT MODAL */
#authModalLabel {
  font-size: 2rem;
  font-family: "GothamProBold";
}
#authModal .modal-header {
  border-bottom: none;
  padding-bottom: 0px;
}
#authModal .modal-body {
  text-align: center;
}
#authModal .modal-footer {
  padding: 1.5rem 2.5rem;
}
#authModal li::before {
  content: none;
}
#authModal .bx-authform-social ul {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#authModal.modal.show .modal-dialog {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}
#authModal .close {
  font-size: 3.4rem;
  cursor: pointer;
}
#authModal .modal-title {
  font-family: "Circe-Bold", Arial, sans-serif;
  font-weight: bold;
}
#authModal .footer_text {
  font-size: 1.2rem;
}
#authModal .footer_icon {
  color: #616161;
  width: 5rem;
  text-align: center;
}
#authModal .footer_text a {
  text-decoration: underline;
  color: #616161;
}
#authModal .footer_text a:hover {
  text-decoration: none;
  color: #616161;
}
#authModal .modal-footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 1.5rem;
  border-top: 0.1rem solid #e9ecef;
}
#authModal .modal-header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1.5rem;
  border-top: 0.1rem solid #e9ecef;
}
#authModal .modal-content {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
@media (min-width: 768px) {
  #authModalLabel {
    font-size: 1.04vw;
  }
  #authModal .modal-footer {
    padding: 0.78vw 1.3vw;
  }
  #authModal .close {
    font-size: 1.77vw;
  }
  #authModal .footer_text {
    font-size: 0.625vw;
  }
  #authModal .footer_icon {
    width: 2.6vw;
  }
  #authModal .modal-footer,
  #authModal .modal-header {
    padding: 0.78vw;
    border-top: 1px solid #e9ecef;
  }
}
/* END COMMENTS */
/* MODAL */
.main-modal p {
  margin: 0;
}
.main-modal .modal-header {
  border: none;
}
.main-modal .modal-content {
  padding: 1.5rem;
  border-radius: 1.5rem;
}
.main-modal .modal-header,
.main-modal .modal-body {
  padding: 0vw;
}
.main-modal .modal-title {
  font-family: "GothamProBold";
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}
.brif-grid {
  text-align: center;
}
.brif-grid .brif-elem {
  background-color: #f2f2f2;
  border-radius: 1rem;
  display: inline-block;
  width: 12rem;
  height: 12rem;
  padding-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
  cursor: pointer;
}
.brif-grid .brif-elem:hover,
.brif-grid .brif-elem.active {
  background-color: #da2f3e;
}
.brif-grid .brif-elem:nth-child(1),
.brif-grid .brif-elem:nth-child(3) {
  margin-right: 2rem;
}
.brif-grid .brif-elem:hover .brif-elem-img,
.brif-grid .brif-elem.active .brif-elem-img {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.brif-grid .brif-elem:hover .brif-elem-title,
.brif-grid .brif-elem.active .brif-elem-title {
  color: #fff;
}
.brif-grid .brif-elem > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}
.brif-elem-img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 4rem;
}
.brif-elem-title {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-top: 1.5rem;
  height: 4.2rem;
  position: relative;
}
.brif-elem-title > div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.main-modal .close {
  opacity: 0.8;
  top: -0.5vw;
  right: -1.2vw;
  position: relative;
  font-size: 3rem;
  font-weight: 100;
  z-index: 999;
}
.brif-button-block {
  text-align: center;
  margin: 2rem 0 2rem;
  position: relative;
}
.brif-button-block .red-button,
.brif-button-block .red-button:focus {
  font-size: 1.4rem;
  padding: 1.8rem 3rem;
}
.brif-validation {
  color: red;
  font-size: 1.2rem;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: -3.5rem;
}
.main-modal .modal-dialog {
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.thanks-modal-title {
  font-family: "GothamProBold";
  font-size: 3rem;
  text-align: center;
  line-height: 3rem;
}
@media (min-width: 768px) {
  .main-modal .modal-dialog {
    width: 24.21vw;
    margin: 1.5625vw auto;
  }
  .main-modal .modal-brif {
    width: 36.31vw;
  }
  .main-modal .modal-content {
    padding: 1.8vw 2.86vw;
    border-radius: 0.8vw;
  }
  .main-modal .modal-title {
    font-size: 1.04vw;
    margin-bottom: 1.88vw;
  }
  .brif-grid .brif-elem {
    width: 12.75vw;
    height: 12.75vw;
    border-radius: 0.52vw;
    margin-bottom: 1.04vw;
    padding-top: 3.2vw;
  }
  .brif-elem-title {
    font-size: 0.8vw;
    line-height: 1.04vw;
    margin-top: 1.5vw;
    height: 2.2vw;
  }
  .brif-elem-img {
    height: 3.34vw;
  }
  .brif-grid .brif-elem:nth-child(1),
  .brif-grid .brif-elem:nth-child(3) {
    margin-right: 1.04vw;
  }
  .brif-button-block {
    margin: 2.08vw 0 1.14vw;
  }
  .brif-button-block .red-button,
  .brif-button-block .red-button:focus {
    font-size: 0.83vw;
    padding: 0.93vw 1.875vw;
  }
  .brif-validation {
    font-size: 0.83vw;
    top: -2.5vw;
  }
  .main-modal .close {
    top: -0.8vw;
    right: -1vw;
    font-size: 2vw;
  }
  .thanks-modal-title {
    font-size: 1.875vw;
    line-height: 2vw;
  }
  .main-modal.order.thanks .modal-content {
    padding: 2.75vw 1.75vw;
  }
}
/* END MODAL */
/* FORMS */
.main-forms-input {
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  border-radius: 1rem;
  background-color: #f2f2f2;
  color: #c2c2c2;
  border: 0.2rem solid #f2f2f2;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  margin-bottom: 2rem;
}
.main-forms-input:focus {
  background-color: #fff;
  color: #000;
  border: 0.2rem solid #da2f3e;
}
.main-forms-label {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-family: "GothamProLight";
}
.red-button.short {
  width: auto;
  display: block;
  margin: 0 auto;
  font-size: 1.4rem;
  padding: 1.8rem 3rem;
}
.PRVUniversalFeedback p {
  position: relative;
}
.PRVUniversalFeedback .error.help-block {
  position: absolute;
  color: red;
  font-size: 1.2rem;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -2rem;
  margin: 0;
}
.inp_checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 0;
}
.inp_checkbox + div:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f0c8";
  font-size: 16px;
  color: #da2f3e;
  position: absolute;
  top: 0;
  left: -2.5rem;
  background: transparent;
}
.inp_checkbox:checked + div:before {
  content: "\f14a";
  font-size: 16px;
  background: transparent;
}
.PRVUniversalFeedback .agreement-label {
  position: relative;
  font-size: 1.2rem;
  margin: 0;
  font-family: "GothamProLight";
  margin-left: 3rem;
}
.PRVUniversalFeedback .agreement-label a,
.PRVUniversalFeedback .agreement-label a:focus {
  color: #000;
}
.PRVUniversalFeedback .agreement-label a:hover,
.PRVUniversalFeedback .agreement-label a:active,
.PRVUniversalFeedback .agreement-label a:active:hover,
.PRVUniversalFeedback .agreement-label a:active:focus {
  color: #da2f3e;
}
.PRVUniversalFeedback input[type="submit"] {
  margin-top: 2.5rem;
}
.agreement-block {
  position: relative;
}
.PRVUniversalFeedback .error.help-block {
  position: absolute;
  color: red;
  font-size: 1.2rem;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0vw;
}
.PRVUniversalFeedback .agreement-block .error.help-block {
  bottom: -1.5rem;
}
@media (min-width: 768px) {
  .main-modal.order .modal-content {
    padding: 1.75vw 2.23vw 1.8vw;
  }
  .main-forms-input {
    font-size: 0.73vw;
    line-height: 1.04vw;
    border-radius: 0.52vw;
    padding: 0.83vw;
    margin-bottom: 1.04vw !important;
    max-height: 2.9vw;
  }
  .main-forms-label {
    margin-bottom: 0.52vw;
    font-size: 0.73vw;
    line-height: 1.04vw;
  }
  .red-button.short {
    font-size: 0.83vw;
    padding: 0.93vw 1.6vw;
  }
  .PRVUniversalFeedback .error.help-block {
    font-size: 0.73vw;
    bottom: -0.2vw;
  }
  .PRVUniversalFeedback .agreement-block .error.help-block {
    bottom: -0.9vw;
  }
  .PRVUniversalFeedback .agreement-label {
    position: relative;
    font-size: 0.65vw;
    margin-left: 1.66vw;
  }
  .PRVUniversalFeedback input[type="submit"] {
    margin-top: 1.3vw;
  }
  .inp_checkbox + div:before {
    font-size: 0.73vw;
    position: absolute;
    left: -1vw;
  }
  .inp_checkbox:checked + div:before {
    content: "\f14a";
    font-size: 0.73vw;
    background: transparent;
  }
}
/* END FORMS */
/* cd-images */
.cd-image-container {
  position: relative;
  width: 100%;
  margin: 3rem 0;
}
.cd-image-container > img {
  width: 100%;
}
.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
  border-right: 3px solid #da2f3e;
}
.cd-resize-img > img {
  height: 100%;
  max-width: unset;
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #da2f3e url(../img/befaft.svg) no-repeat center center;
  cursor: move;
  -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -webkit-transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
  transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
  -o-transition: transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
}
@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@media (max-height: 767px) {
  .cd-image-container > img {
    min-height: 11rem;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .cd-handle {
    height: 34px;
    width: 34px;
    margin-left: -22px;
    margin-top: -22px;
    -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2),
      0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6),
      inset 0 1px 0 rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 768px) {
  .cd-image-container {
    margin: 3vw 0;
  }
  .cd-handle {
    height: 2.29vw;
    width: 2.29vw;
    margin-left: -1.14vw;
    margin-top: -1.14vw;
    -webkit-box-shadow: 0 0 0 0.31vw rgba(0, 0, 0, 0.2),
      0 0 0.52vw rgba(0, 0, 0, 0.6), inset 0 0.05vw 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0.31vw rgba(0, 0, 0, 0.2), 0 0 0.52vw rgba(0, 0, 0, 0.6),
      inset 0 0.05vw 0 rgba(255, 255, 255, 0.3);
  }
  .is-visible .cd-resize-img {
    border-right: 0.15vw solid #da2f3e;
  }
}
/* end cd-images */
/* case owl */
.owl-case-adaptive {
  position: relative;
  margin: 5rem 0;
}
.owl-case-adaptive:before {
  content: "";
  display: block;
  width: 23rem;
  height: 44.5rem;
  background-image: url(../img/iphoneX.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 999;
  left: 50%;
  top: -3.4rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.owl-case-adaptive .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 20rem;
  height: 39rem;
  margin: 0 auto;
}
.owl-case-adaptive .owl-nav .owl-next .custom-nav-right,
.owl-case-adaptive .owl-nav .owl-prev .custom-nav-left {
  background-image: url(../img/seo/success/arrow-active.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
}
.owl-case-adaptive .owl-nav .owl-next .custom-nav-right {
  right: -1.6rem;
}
.owl-case-adaptive .owl-nav .owl-prev .custom-nav-left {
  left: -1.6rem;
  -webkit-transform: scale(-1, 1) translateY(-50%);
  -ms-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%);
}
.owl-case-adaptive .owl-nav > div {
  background-color: transparent !important;
}
@media (min-width: 768px) {
  .owl-case-adaptive {
    margin: 6vw 0 4vw;
  }
  .owl-case-adaptive:before {
    width: 12.5vw;
    height: 25.65vw;
    left: 50%;
    top: -2.2vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .owl-case-adaptive.load:before {
    left: 51%;
  }
  .owl-case-adaptive .image {
    width: 10.94vw;
    height: 22.03vw;
    margin: 0 auto;
  }
  .owl-case-adaptive .owl-nav .owl-next .custom-nav-right,
  .owl-case-adaptive .owl-nav .owl-prev .custom-nav-left {
    background-image: url(../img/seo/success/arrow.png);
    width: 3.38vw;
    height: 3.38vw;
    top: 40%;
  }
  .owl-case-adaptive .owl-nav .owl-next .custom-nav-right {
    right: -3vw;
    -webkit-transform: scale(-1, 1) translateY(0%);
    -ms-transform: scale(-1, 1) translateY(0%);
    transform: scale(-1, 1) translateY(0%);
  }
  .owl-case-adaptive .owl-nav .owl-prev .custom-nav-left {
    left: -2vw;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  .owl-case-adaptive .owl-nav .owl-prev:hover .custom-nav-left {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  .owl-case-adaptive .owl-nav .owl-prev:hover .custom-nav-left,
  .owl-case-adaptive .owl-nav .owl-next:hover .custom-nav-right {
    background-image: url(../img/seo/success/arrow-active.png);
  }
  .owl-case-adaptive .owl-nav .owl-next:hover .custom-nav-right {
    -webkit-transform: scale(1, -1) translateY(0%);
    -ms-transform: scale(1, -1) translateY(0%);
    transform: scale(1, -1) translateY(0%);
  }
}
/* end case owl */
.case-desktop-image-grid {
  width: 96rem;
  -webkit-transform: translateX(-31%);
  -ms-transform: translateX(-31%);
  transform: translateX(-31%);
}
.case-desktop-image-grid img {
  width: 100%;
}
.case-desktop-image {
  float: left;
  width: 30rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
  height: auto;
  display: block;
}
.case-desktop-image-inner {
  height: inherit;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .case-desktop-image {
    width: 480px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
  .case-desktop-image-grid {
    width: 1520px;
    left: 50%;
    -webkit-transform: translateX(-46%);
    -ms-transform: translateX(-46%);
    transform: translateX(-46%);
  }
}
/* contacts page */
@media (max-width: 767px) {
  .contacts-page {
    padding-top: 85px;
  }
}

.blog-search-page {
  display: none;
}
/* agreenent page */
.agreement-container {
  padding: 90px 20px 20px;
}
.agreement-container h1 {
  font: 2.6rem "GothamProBold";
  margin-bottom: 2.5rem;
  line-height: 2.8rem;
  margin-left: 0px;
  color: black;
}
.agreement-container p {
  font: 1.4rem "GothamProRegular";
  color: #757575;
  line-height: 1.8rem;
}
@media (min-width: 768px) {
  .agreement-container {
    margin: 6.56vw 8.81vw 0 8.81vw;
    padding: 0 0 2vw;
  }
  .agreement-container h1 {
    font-size: 2.7vw;
    line-height: 3.22vw;
    margin-bottom: 1.3vw;
  }
  .agreement-container p {
    font-size: 0.93vw;
    margin-bottom: 2.23vw;
    line-height: 1.35vw;
  }
}
/* end agreenent page */

@media (max-width: 767px) {
  .slide.trade-wave + .contacts {
    margin-top: 20rem;
  }
}

.blog__post-text h4 {
  font-size: 0.9375vw;
}

.blog__post-text ol {
  font-family: "GothamProBold";
  color: #000;
}
.blog__post-text ol li > *:not(h4) {
  color: #757575;
  font-family: "GothamProRegular";
}

/* catalog page main */
.catalog-container,
.basket-container,
.personal-container {
  padding: 90px 20px 46px;
  margin: 0;
}
@media (min-width: 768px) {
  .catalog-container,
  .basket-container,
  .personal-container {
    margin: 6.56vw 8.81vw 0 8.81vw;
    padding: 0px;
  }
  .catalog-container h1 {
    margin-top: 0;
  }
  .basket-container h1,
  .personal-container h1 {
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
.dropdown-cart::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50px;
  top: -50px;
}

/* dropdown cart */
@media (min-width: 768px) {
  .dropdown-cart #basket-root,
  .dropdown-cart .dropdown-empty-cart-body {
    background-color: #fff;
    -webkit-box-shadow: 0 0 1.04vw 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.04vw 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.26vw;
    text-align: left;
    max-height: 85vh;
    overflow: auto;
  }

  .dropdown-cart {
    position: absolute;
    right: -1.04vw;
    top: 3vw;
    width: 29.42vw;
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    max-height: 85vh;
  }
  .header-cart-btn-inner:hover .dropdown-cart,
  .dropdown-cart.dropdown-cart-opened {
    opacity: 1;
    visibility: visible;
  }
  .dropdown-empty-cart-body {
    padding: 2.08vw 1.5625vw 0;
  }
  .dropdown-empty-cart-body-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-empty-cart-body hr {
    margin-bottom: 0;
    margin-top: 1.145vw;
  }
  .dropdown-empty-cart-footer a,
  .dropdown-empty-cart-footer a:focus {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0.57vw;
    line-height: 0.625vw;
    padding: 1.4vw 0;
    text-transform: uppercase;
    color: #fff;
    background-color: #2b7de0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
    overflow: hidden;
    border-bottom-left-radius: 0.26vw;
    border-bottom-right-radius: 0.26vw;
    opacity: 1;
  }

  .dropdown-empty-cart-footer a:hover,
  .dropdown-empty-cart-footer a:active,
  .dropdown-empty-cart-footer a:active:focus,
  .dropdown-empty-cart-footer a:active:hover {
    text-decoration: none;
    color: #fff;
    background-color: #468de4;
    border-color: #468de4;
  }
  .dropdown-empty-cart-img {
    width: 7.135vw;
    padding-left: 0.52vw;
  }
  .dropdown-empty-cart-img > img {
    display: block;
    max-width: 4.73vw;
  }
  .dropdown-empty-cart-title {
    font-family: "GothamProBold";
    font-size: 0.9895vw;
    margin-bottom: 0.78vw;
    line-height: normal;
  }
  .dropdown-empty-cart-subtitle {
    font-family: "GothamProLight";
    font-size: 0.677vw;
    line-height: 1.197vw;
  }
}
.white-title-gradient-background-page h1 {
  color: #fff !important;
}
.white-title-gradient-background-page body {
  background-image: url(../img/preloader/background.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* personal page */
.personal-page,
.personal-page .personal,
.personal-page body {
  background-color: #ececec;
}
.personal-page .slide.contacts {
  background-color: #fff;
}
.personal-sidebar-logo {
  display: none;
}
.personal-sidebar__user {
  padding: 1.5rem;
  background-color: #38386e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.personal-sidebar__user-name {
  color: #9b9be7;
  font-size: 1.6rem;
  font-family: "GothamProBold";
  margin-right: 1rem;
}
.personal-sidebar__logout > a,
.personal-sidebar__logout > a:focus {
  background-color: #24244e;
  border-radius: 100%;
  color: #9b9be7;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  display: block;
  text-align: center;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.personal-sidebar__logout > a:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .header-logo-container {
    width: 100%;
  }
  .personal-sidebar {
    position: fixed;
    left: 0;
    right: 0;
    top: 55px;
    min-height: 512px;
    height: calc(100vh - 55px);
    overflow: auto;
    background-color: #24244e;
    width: 100%;
    padding: 2rem 0 0;
    z-index: 990;
    -webkit-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    transform: translateY(-100vh);
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
  }
  .personal-menu-open .personal-sidebar {
    -webkit-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    transform: translateY(0vh);
  }
}
@media (min-width: 768px) {
  .personal-page body {
    padding-left: 9.26vw;
  }
  .personal-page .contacts-map-block {
    width: 44vw;
  }
  .personal-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    min-height: 15.625vw;
    height: 100vh;
    overflow: auto;
    background-color: #24244e;
    width: 15.625vw;
    padding: 1.822vw 0 0;
    z-index: 999;
  }
  .personal-sidebar-logo {
    display: block;
    margin-bottom: 1.51vw;
    height: 2.44vw;
    position: relative;
  }
  .personal-sidebar-logo img {
    margin: 0 auto;
    height: 100%;
  }
  .personal-sidebar__user {
    padding: 1.14vw;
    margin-bottom: 1.97vw;
  }
  .personal-sidebar__user-name {
    font-size: 0.93333vw;
    margin-right: 0.41vw;
  }
  .personal-sidebar__logout > a,
  .personal-sidebar__logout > a:focus {
    width: 1.875vw;
    height: 1.875vw;
    line-height: 1.875vw;
    text-align: center;
  }
  .personal-page .basket-container {
    margin-bottom: 90px;
  }
}
.personal-menu-button {
  display: none;
}
@media (max-width: 767px) {
  .personal-menu-button {
    display: block;
    width: 6rem;
    padding-left: 1rem;
  }
  .personal-menu-button .fas {
    color: #da2f3e;
    font-size: 1.6rem;
  }
  .header-logo-container__inner-modal-cities-btn span,
  .header-logo-container__inner-modal-cities-btn i {
    font-size: 1.4rem !important;
  }
}
@media (min-width: 768px) {
  .some-class {
    display: block !important;
  }
}
/* city choosen */
.header-logo-container__inner {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo-container__inner-modal-cities-btn {
  font-size: 1.4vw;
  text-align: center;
  padding-left: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-logo-container__inner-modal-cities-btn,
.header-logo-container__inner-modal-cities-btn:hover,
.header-logo-container__inner-modal-cities-btn:focus {
  text-decoration: none;
}
.header-logo-container__inner-modal-cities-btn > .fas,
.header-logo-container__inner-modal-cities-btn:hover > .fas,
.header-logo-container__inner-modal-cities-btn:focus > .fas,
.header-logo-container__inner-modal-cities-btn > .fas {
  color: #d83142;
}
.header-logo-container__inner-modal-cities-btn > span,
.header-logo-container__inner-modal-cities-btn:hover > span,
.header-logo-container__inner-modal-cities-btn:focus > span,
.header-logo-container__inner-modal-cities-btn > span {
  color: #212121;
  border-bottom: 2px dotted #d83142;
  font-family: "GothamProBold";
}
.modal-cities > .modal-dialog {
  margin: 0 auto;
  height: 100%;
}
.modal-cities .modal-content {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  height: inherit;
  overflow: auto;
}
.modal-cities .modal-body {
  padding: 5rem 2rem 4rem;
}
@media (min-width: 768px) {
  .header-logo-container__inner-modal-cities-btn {
    font-size: 0.9375vw;
    padding: 0;
  }
  .personal-page .header-logo-container__inner-modal-cities-btn {
    width: 20.16vw;
  }
  .modal-cities .modal-body {
    padding: 3.95vw 1.97vw 0.52vw;
  }
  .modal-cities > .modal-dialog {
    width: 38.27vw;
  }
}
@media (max-width: 768px) {
  .cart-count {
    font-size: 1.4rem;
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom: -0.15vw;
    right: -0.45vw;
  }
}
.supporting-services {
  padding: 2vw 2vw 0vw 2vw;
  background-image: url(../../../prvolga/components/bitrix/main.include/supporting-main-page/img/necessity-bg.png);
  background-size: auto 100%;
  background-position-x: right;
  background-position-y: bottom;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .supporting-services {
    background: none;
    margin-bottom: 20px;
    padding: 20px;
  }
  .supporting-main-mobile-man {
    margin: 0 -20px -20px 0;
  }
}
.speed-main-slide {
  background-image: url(../../../prvolga/components/bitrix/main.include/speed-main-page/img/speed-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.speed-advantages-block {
  margin-top: 3.15vw;
}
.speed-advantages-wrap {
  display: flex;
  margin-bottom: 1.57vw;
}
.speed-advantages-wrap:last-child {
  margin-bottom: 0;
}
.speed-advantages {
  display: flex;
  align-items: center;
  font-size: 1.05vw;
  color: #fff;
  margin-left: 0.57vw;
}
.speed-advantages-decor {
  width: 2.68vw;
  height: 2.68vw;
  left: -3.25vw;
  border: 0.95vw solid #fff;
  border-radius: 500vw;
}
.speed-reasones {
  padding: 7vw 2vw 0vw 8vw;
  background-image: url(../../../prvolga/components/bitrix/main.include/speed-main-page/img/speed-and-ball.png);
  background-size: 37vw auto;
  background-position-x: right;
  background-position-y: bottom;
  background-repeat: no-repeat;
}
.speed-will-get {
  padding: 7vw 8vw 0vw 8vw;
  display: flex;
  flex-direction: column;
}
.cost-item-inner-speed {
  padding: 3.79vw 0.5vw 0;
  height: 24vw;
}
.cost-item-inner-supporting {
  height: 27.5vw;
}
@media (max-width: 768px) {
  .cost-item-inner-supporting {
    height: 46rem;
  }
  .cost-item-inner-supporting .cost-item-text {
    margin-top: 5rem;
  }
  .speed-reasones {
    padding: 20px 20px 0px;
    background-image: none;
  }
  .speed-will-get {
    padding: 20px;
  }
  .speed-will-get__section-title {
    margin-bottom: 2rem;
  }
  .speed-advantages {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    margin-left: 1rem;
  }
  .speed-advantages-decor {
    width: 3rem;
    height: 3rem;
    border: 1.2rem solid #fff;
    border-radius: 500rem;
  }
  .speed-advantages-block {
    margin-top: 4rem;
  }
  .speed-will-get__section-title {
    font-size: 1.6rem;
  }
  .speed-will-get__section {
    margin-top: 0;
  }
  .works-list__item-title {
    font-size: 1.6rem;
  }
  .works-list__item-desc {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  .works-list__item {
    width: 100%;
    margin-bottom: 3rem;
  }
  .works-list__item:first-child,
  .works-list__item:nth-child(2) {
    margin-bottom: 3rem;
  }
  .works-list__item-icon-wrap {
    margin: 0 4.6rem 0 0;
  }
  .total-list {
    flex-wrap: wrap;
  }
  .total-list__item {
    width: 50%;
    margin-bottom: 3rem;
  }
  .total-list__item-icon {
    width: auto;
    height: 5rem;
  }
  .total-list__item-desc {
    margin-top: 2rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
  .cost-item-inner-speed {
    height: 39rem;
    padding: 4rem 1rem 1rem 1rem;
  }
  .cost-item-text {
    margin-top: 2rem;
  }
  .speed-advantages-wrap {
    margin-bottom: 2rem;
  }
  .client-tasks {
    padding-bottom: 70px;
  }
  .contacts {
    padding-top: 1rem;
  }
  .prof-approach {
    padding-top: 0;
  }
  .integration-opportunities {
    padding-bottom: 0;
    padding-top: 0;
  }
  .works-container {
    margin-top: 4rem;
  }
  .seo-results-container h2 {
    margin-top: 0;
    margin-bottom: 50px;
  }
  .clients-success-container h2 {
    margin-top: 0;
    margin-bottom: 50px;
  }
  .finance-garanty-container h2 {
    margin-top: 0;
    margin-bottom: 50px;
  }
  .why-smm .slide-container h2 {
    margin-bottom: 50px;
  }
  .catalog-container h1 {
    margin-bottom: 50px;
  }
  .prof-approach.seo {
    margin-top: 6rem;
  }
  .service {
    padding-bottom: 0;
  }
  .works {
    padding-top: 10px;
  }
  .clients {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.header-logo-container__inner {
  margin-left: -5px;
}
.personal-page .header-logo-container__inner-modal-cities-btn {
  width: inherit;
}

/* DNL WORK */
.services__container {
  width: 60%;
}
.services__paragraph {
  font-size: 1vw;
  margin-top: 20px;
  line-height: 1.26vw;
}
.services__list {
  color: red;
  padding-left: 20px;
}
.services__list-item span {
  color: #000;
  line-height: 1.26vw;
}
.services__list-title {
  /* margin-top: 3.6vw; */
  margin-bottom: 0.89vw;
  font-size: 1.21vw !important;
  font-weight: bold !important;
  font-family: GothamProBold;
}
.services__list {
  font-size: 1vw;
}
.services__first-block {
  width: 50%;
  margin-right: 45px;
}
.services__second-block {
  width: 50%;
}
.services__list-block {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

@media (max-width: 767px) {
  .services__container {
    width: 100%;
  }
  .services__container .services__title {
    font-size: 3.6rem;
    margin-bottom: 5rem;
  }
  .services__paragraph {
    font-size: 1.8rem;
    margin-top: 2rem;
    line-height: 2.4rem;
  }
  .services__list-title {
    font-size: 2.3rem;
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  .services__list {
    font-size: 1.8rem;
  }
  .services__list-block {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .services__first-block {
    width: 100%;
    margin-right: 0px;
  }
  .services__second-block {
    width: 100%;
  }
}

#personal h1.profile-title {
  font-size: 2rem;
  line-height: 4rem;
  color: #414141;
  font-family: "GothamProRegular";
  margin: 0;
}
@media (min-width: 768px) {
  #personal h1.profile-title {
    font-size: 1.875vw;
    line-height: 3.5vw;
  }
}

/* Страница партнёра */
.partners-page {
  margin-left: 30px;
}

.partners-page-wrapper {
  margin-top: 30px;
}
.partners-page .progress {
  position: relative;
  overflow: visible;
  z-index: 2;
  margin-top: 151px;
  height: 7px;
  background-color: #fff;
  background-image: none;
  margin-bottom: 20px;
  overflow: hidden;
  max-width: 900px;
}
.partners-page .progress-bar {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.partners-page .progressbar_labels {
  position: relative;
  display: flex;
  width: 100%;
  left: 0;
  top: 0;
  margin-bottom: 170px;
  max-width: 900px;
}
.progressbar_labels .junior {
  position: absolute;
  left: 0px;
}
.progressbar_labels .middle {
  position: absolute;
  left: calc(100% / 6);
  top: -135px;
}
.progressbar_labels .senior {
  position: absolute;
  left: calc(50%);
}
.progressbar_labels .theking {
  position: absolute;
  left: 99%;
  min-width: 110px;
  top: -135px;
}

.personal-sidebar .personal-sidebar__user {
  justify-content: space-between;
}
.personal-sidebar__user-name .name {
  color: #c3c3f3;
  font-family: GothamProBold;
}
.personal-sidebar__user-name .status {
  font-family: GothamProBold;
}
.personal-sidebar__user-name .discount {
  font-family: GothamProRegular;
}
.personal-sidebar__user-name .name {
  margin-bottom: 10px;
}
.personal-sidebar__user-name .status a {
  color: inherit;
}
.partners-page-wrapper .status {
  display: flex;
  max-width: 600px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.partners-page-wrapper .status > div {
  padding: 17px;
  border-radius: 10px;
  background-color: #fff;
  min-width: 185px;
  text-align: center;
}
.partners-page-wrapper .status .value {
  font-size: 20px;
  font-family: GothamProBold;
  margin-bottom: 5px;
  line-height: normal;
}
.partners-page-wrapper .status .text {
  font-size: 14px;
  line-height: normal;
}

@media (max-width: 620px) {
  .partners-page-wrapper .status {
    max-width: 100%;
  }
  .partners-page-wrapper .status > div {
    min-width: unset;
    margin-left: 15px;
    width: 32%;
  }
  .partners-page-wrapper .status > div:first-of-type {
    margin-left: 0;
  }
  .partners-page-wrapper .status .value {
    font-size: 3vw;
  }
  .partners-page-wrapper .status .text {
    font-size: 13px;
  }
}
@media (max-width: 440px) {
  .partners-page-wrapper .status .value {
    font-size: 20px;
  }
  .partners-page-wrapper .status .text {
    font-size: 14px;
  }
  .partners-page-wrapper .status > div {
    margin-left: 5px;
  }
  .partners-page-wrapper .status {
    flex-direction: column;
  }
  .partners-page-wrapper .status > div {
    width: 100%;
    margin: 5px 0;
  }
}

.partners-page-wrapper .text .bold {
  font-family: GothamProBold;
  font-size: 20px;
  margin-bottom: 10px;
  display: flex;
}
.partners-page .text span:not(.bold) {
  font-size: 14px;
  line-height: normal;
}

.text-under-title {
  font-size: 1.5rem;
  line-height: normal;
  margin-top: 20px;
  display: block;
}

@media (min-width: 768px) {
  .text-under-title {
    font-size: 1vw;
    line-height: normal;
    margin-top: 20px;
    display: block;
  }
}

.label-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 130px;
  padding: 15px;
  background-color: #fff;
  border-radius: 15px;
  position: relative;
  left: calc(0% - 44px);
  transition: 0.3s;
}
.label-wrapper .level {
  font-family: GothamProBold;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 5px;
  color: #da2f3e;
}
.label-wrapper .sum {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  line-height: normal;
}
.label-wrapper .discount {
  color: #000;
  font-size: 13px;
  line-height: normal;
  margin-bottom: 5px;
}
.label-wrapper.inactive {
  color: rgba(0, 0, 0, 0.5);
}
.label-wrapper.inactive .discount {
  color: rgba(0, 0, 0, 0.5);
}
.label-wrapper.inactive .level {
  color: rgba(0, 0, 0, 0.5);
}
.inactive ~ .point,
.inactive ~ .point-reversal {
  background: #fff;
}
.label-wrapper::before {
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  transform: rotate(45deg) translate(-100%, 4px);
  position: absolute;
  left: calc(50% + 4px);
  top: 0;
}
.label-wrapper.reversal::before {
  top: calc(100%);
}
.point:hover,
.point-reversal:hover {
  color: #38386e;
  transition: 0.2s;
  transform: scale(1.2);
}
.point:hover ~ .label-wrapper,
.point-reversal:hover ~ .label-wrapper {
  transition: 0.3s;
  opacity: 1;
}
.point,
.point-reversal {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #24244e;
  border-radius: 50%;
  top: -31px;
  left: 0;
  z-index: 5;
  box-shadow: 0px 0px 4px -1px #000;
  transition: 0.2s;
}
.point-reversal {
  top: 104px;
}

.progressbar_labels .current .label-wrapper {
  background: #468de4;
}
.progressbar_labels .current .label-wrapper::before {
  background: #468de4;
}
.progressbar_labels .current .label-wrapper .level,
.progressbar_labels .current .label-wrapper .discount,
.progressbar_labels .current .label-wrapper .sum {
  color: #fff;
}

@media (max-width: 1200px) {
  .partners-page {
    margin: 0 40px;
  }
}
@media (max-width: 991px) {
  .partners-page-wrapper .status > div {
    min-width: unset;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .partners-page {
    margin-left: 50px;
    margin-right: 90px;
  }
  .progressbar_labels .theking {
    min-width: 110px;
    top: -135px;
  }
  .partners-page .progressbar_labels {
    margin-bottom: 70px;
  }
}
@media (max-width: 575px) {
  .progressbar_labels .label-wrapper {
    opacity: 0;
  }
  .progressbar_labels .current .label-wrapper {
    opacity: 1;
  }
  .progressbar_labels .theking {
    right: 0;
    left: unset;
  }
  .progressbar_labels .theking .point-reversal {
    right: 0;
    left: unset;
  }
  .partners-page {
    margin-left: 0px;
    margin-right: 0px;
  }
  .junior .label-wrapper {
    left: 7px;
  }
  .junior .label-wrapper::before {
    width: 20px;
    transform: rotate(45deg) translate(-100%, 4px) matrix(1, 1, -1, 0, 0, 0);
    left: calc(0% + 12px);
    top: 13px;
  }
  .progressbar_labels .theking .label-wrapper {
    right: 7px;
    left: unset;
  }
  .progressbar_labels .theking .label-wrapper::before {
    transform: rotate(45deg) translate(-100%, 4px) matrix(1, 1, 1, 0, 0, 0);
    left: calc(100% + 2px);
    width: 20px;
  }
  .label-wrapper.reversal::before {
    top: 100%;
  }
  .junior .label-wrapper.reversal:first-of-type::before,
  .theking .label-wrapper.reversal:last-of-type::before {
    top: calc(100% - 5px);
  }
}

a.solutions-link {
  color: #f00;
  text-decoration: underline;
  text-decoration-color: #000;
  font-weight: bold;
  transition: 0.3s;
}
a.solutions-link:hover {
  color: #a2222d;
  transition: 0.3s;
}

a.discount-more {
  color: #fff;
  font-size: 1.2rem;
  margin-left: 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
a.discount-more:hover {
  color: #a2222d;
  transition: 0.3s;
}
@media (min-width: 768px) {
  a.discount-more {
    font-size: 0.63333vw;
    margin-left: 1vw;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
}
.discount {
  display: flex;
  justify-content: space-between;
}

.partners-main-slide {
  background-image: url("../../../prvolga/components/bitrix/main.include/partners-main-page/img/slider-background.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.agreement {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .agreement {
    margin-top: 0px;
    margin-bottom: 15px;
  }
}

.is-blicked {
  overflow-x: hidden;
  position: relative;
}
.is-blicked:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(10%, hsla(0, 0%, 100%, 0.1)),
    color-stop(20%, hsla(0, 0%, 100%, 0.2)),
    to(hsla(0, 0%, 100%, 0.6))
  );
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0.1) 10%,
    hsla(0, 0%, 100%, 0.2) 20%,
    hsla(0, 0%, 100%, 0.6)
  );
  width: 20px;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  left: -20%;
  -webkit-transition: all 1s ease;
  transition: all 3s ease;
  -webkit-animation-name: blick;
  animation-name: blick;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes blick {
  50%,
  to {
    left: 110%;
  }
}
@keyframes blick {
  50%,
  to {
    left: 110%;
  }
}

.header-personal i {
  margin-left: 0.3vw;
}
@media (max-width: 767px) {
  .header-personal i {
    margin-left: 0.5rem;
  }
}