body {
  background-color: #f7f4e9;
  font-family: "PF Din Display Pro";
}

/*
font-family: 'Attentica';
font-family: 'PF Din Text Pro';
font-family: 'PF Din Text Pro Condensed';
font-family: 'PF Din Text Pro Condensed';
font-family: 'PF Din Display Pro';
*/

.hidden {
  display: none;
}

#map {
  height: 500px;
}

.row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 12px 12px 0;
  background: #f7f4e9;
}

.header__menu {
  min-width: 50%;
  width: 100%;
  margin: 0 0.75rem;
}

.header__cta {
  background-color: #d67e2a;
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}

.header__cta.custom-logo {
  width: auto;
}

.header__cta.header__cta_callback {
  width: auto;
}

.header__cta.custom-delimeter-top {
  border-top: 2px solid #b15734;
}

.doc-link {
  display: inline-block;
  margin-bottom: 5px;
}

.doc-link img {
  max-width: 25px;
}

.header__description {
  color: white;
  font-family: "PF Din Display Pro";
  font-size: 0.875rem;
  max-width: 55%;
  width: 100%;
  margin: 0 0.75rem;
}

.header__button {
  margin: 0 0.75rem;
  white-space: nowrap;
}

.header a {
  color: white;
}

.button {
  color: white;
  cursor: pointer;
  font-family: "Attentica";
  font-size: 2rem;
  text-decoration: none;
  width: 100%;
  border-width: 5px;
  text-align: center;
  padding: 5px;
  border-style: double;
  border-color: black;
}

.button_simple {
  border-style: solid;
  border-color: #b15734;
}

.button_black {
  width: 301px;
  height: 59px;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  color: black;
  background: url(../img/button_black.png) center center no-repeat;
  border: none;
}

.button_diamond {
  width: 173px;
  height: 173px;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: "Attentica";
  background: white;
  color: black;
  border: none;
  padding: 30px;
}

.button_diamond_black {
  background: url(../img/button_diamond_black.png) center center no-repeat;
}

.button_diamond_white {
  background: url(../img/button_diamond_white.png) center center no-repeat;
}

.phone {
  color: white;
  font-family: "Attentica";
  font-size: 2.1rem;
  white-space: nowrap;
}

.preview {
  line-height: 0;
}

.preview__image {
  max-width: 100%;
  height: auto;
}

.page {
  margin-top: 184px;
}

.page_homepage {
  height: calc(100vh - 184px);
  margin-top: 0px;
  transform: translate(0, 175px);
}

.page__scene {
  padding: 0.75rem;
/*  min-height: calc(100vh - 97px); */
}

.page__scene_footer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-bottom: 0;
}

.title {}

.title_h1 {}

.title_h2 {
  font-family: "Attentica";
  font-size: 50px;
  color: rgb(0, 9, 12);
  line-height: 0.833;
}

.title_h3 {
  font-family: "PF Din Text Pro Condensed";
  font-size: 1.5rem;
  font-weight: bold;
  color: rgb(0, 9, 12);
  font-weight: bold;
  line-height: 1;
}

.note {
  font-size: 1.1rem;
  color: rgb(0, 9, 12);
  line-height: 1.143;
}

.note_main {
  font-size: 0.89rem;
  color: rgb(0, 9, 12);
  line-height: 1.143;
}

.labeled {
  position: relative;
}

.labeled__title {
  position: absolute;
  transform-origin: left top;
  transform: rotate(-90deg) translate(-100%, -100%);
  left: -1rem;
  top: 1rem;
  white-space: nowrap;
}

.pagination {
  display: flex;
  left: 50% !important;
  position: absolute;
  right: auto !important;
  top: 50px !important;
  transform: translate(-50%, 0) !important;
  z-index: 2;
}

.pagination__bullet {
  background: white;
  cursor: pointer;
  display: block;
  height: 9px;
  transition: all 0.15s ease-in-out;
  width: 9px;
}

.pagination__bullet:not(:last-child) {
  margin-right: 50px;
}

.pagination__bullet_active {
  transform: rotate(45deg);
  background: rgba(0, 0, 0, 0.5);
}

.menu {
  background: #d67e2a;
}

.menu.menu.row {
  justify-content: center;
}

.menu__item {
  background: #d67e2a;
  max-width: 20%;
  width: 100%;
  white-space: nowrap;
}

.menu__item:not(:last-child) {
  box-shadow: inset -2px 0 0 #b15734;
}

.menu__item a {
  font-family: "Attentica";
  font-size: 2rem;
  color: #00090c;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 20px 0;
}

.spotlight {
  height: 100%;
}

.spotlight__item {
  height: 100%;
}

.spotlight__item {
  color: white;
  padding: 36px 36px 0;
  max-width: 100%;
  position: relative;
  background-repeat: no-repeat;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.spotlight__item .spotlight__image {
  transition: all .33s ease-in-out;
  transform: translate(0, 1em);
}

.spotlight__item:hover .spotlight__image {
  transform: translate(0, 0);
}

.spotlight__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.spotlight__item:not(:last-child) {
  margin-right: 0.75rem;
}

.spotlight__item_ferrous {
  background-image: url(../img/liter-1.png);
  background-position: left bottom;
  background-color: #7ea7a3;
  margin-bottom: 2rem;
}

.spotlight__item_nonferrous {
  background-image: url(../img/liter-2.png);
  background-position: right bottom;
  background-color: #d67e2a;
}

.spotlight__item_stainless {
  background-image: url(../img/liter-3.png);
  background-position: left bottom;
  background-color: #9aa7b5;
  margin-bottom: 4rem;
}

.spotlight__item_bur {
  background-image: url(../img/liter-4.png);
  background-position: left bottom;
  background-color: #b15734;
  margin-bottom: 4rem;
}

.spotlight__title {
  color: white;
  margin-bottom: 0.67rem;
}

.spotlight__details {
  margin-bottom: 2rem;
}

.spotlight__about {
  font-family: "PF Din Text Pro";
}

.spotlight__preview {
  margin-top: auto;
  text-align: center;
}

.diamond {
  position: relative;
  width: 100%;
}

.diamond__ratio {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}

.diamond__rotor {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-45deg);
}

.diamond__content {
  transform: rotate(45deg);
}

.advantages {
  justify-content: space-around;
  -ms-align-items: center;
  align-items: center;
  min-height: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.advantages__item {
  max-width: 20rem;
  margin: 7rem auto 2rem;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .advantages__item {
    max-width: 15rem;
    margin-top: 4rem !important;
  }
  .advantages__content .goal__icon {
    max-width: 64px;
    margin: auto;
  }
  .advantages {
    min-height: 67%;
  }
  .advantages_butt {
    min-height: 33%;
  }
}

.advantages__item_gravity {
  margin-top: 5rem;
}

.advantages__item_antigravity {
  margin-bottom: auto;
}

.advantages__item_more {
  width: 100%;
  max-width: inherit;
  text-align: center;
  margin-top: auto;
}

.advantages__background {
  background: #7ea7a3;
}

.advantages__content {
  text-align: center;
  max-width: 66%;
}

.goal {}

.goal__icon {
  margin-bottom: 1rem;
}

.goal__title {
  margin-bottom: 1rem;
  min-height: 3rem;
}

.goal__title_less {
  font-size: 60px;
}

.goal__details {
  margin-bottom: 3rem;
}

.services {}

.services__item {
  width: 100%;
  max-width: calc(33.33% - 0.5rem);
  padding: 5% 5% 0;
  background-position: center;
  background-size: cover;
}

.services__item:not(:last-child) {
  margin-right: 0.75rem;
}

.services__item_3 {
  background: #b15734;
}

.services__title {
  margin-bottom: 1rem;
}

.branch {}

.branch__item {
  cursor: pointer;
  margin-bottom: 1rem;
  position: relative;
}

@media (min-width: 1024px) {
  .branch__item_active:before {
    position: absolute;
    width: 31px;
    height: 61px;
    content: "";
    left: -51px;
    background: url(../img/arrow-left_black.png) left top no-repeat;
  }
}

.branch__title {}

.branch__about {}

.footer {
  margin: auto auto 0;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-top: 19%;
}

.footer__part {
  width: calc(50% - 20px);
  max-width: 680px;
  margin: 0 10px;
  position: relative;
}

.footer__link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-decoration: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 7.2%;
}

.footer__link_right {
  justify-content: flex-end;
}

.footer__link-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin: auto 2% 0;
}

.footer__icon {
  display: block;
}

.footer__link-text {
  font-family: "Attentica";
  font-size: 32px;
  color: white;
  display: block;
  line-height: 1;
  margin: 0 10px;
}

.footer__part_1 {}

.footer__part_2 {
  position: absolute;
  bottom: 12%;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
  z-index: 10;
}

.footer__part_3 {}

.rhombus {
  position: relative;
}

.rhombus__image {
  position: relative;
}

.rhombus__content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.why {
  overflow: hidden;
}

.page_about {
  background: url(../img/about-bg-1.png) right top no-repeat, url(../img/about-bg-2.png) left 85% no-repeat;
  background-size: 50%;
}

.page_why-us {
  background: url(../img/why-us-bg-2.png) right top no-repeat, url(../img/why-us-bg-1.png) left 85% no-repeat;
  background-size: 50%;
}

.why__block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
  margin-bottom: 120px;
}

.why__block_reverse {
  flex-direction: row-reverse;
}

.why__block_left {
  justify-content: flex-start;
}

.why__block_right {
  justify-content: flex-end;
}

.why__block_justify {
  justify-content: space-between;
}

.why__item_bg {
  max-width: 400px;
}

.why__item img {
  max-width: 100%;
}

.why__rotor {
  background: #d67e2a;
}

.why__kek {
  text-align: center;
  max-width: 240px;
}

.blog {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
}

.product {
  width: 27.33%;
  margin: 0 3% 64px;
  text-align: center;
}

.product__image {
  margin: 80px auto;
  max-width: 300px;
}

.product__image-crop {
  overflow: hidden;
}

.product__image-placer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__image-placer a {
  display: block;
  max-width: 145%;
}

.product__image-placer img {
  max-width: 145%;
}

.product__title {
  margin-bottom: 16px;
}

.product__desc {
  font-family: "PF Din Text Pro Condensed";
  font-size: 16px;
  color: rgb(0, 9, 12);
  line-height: 1.25;
  margin-bottom: 16px;
}

.product__readmore a {
  font-family: "Attentica";
  font-weight: lighter;
  font-size: 32px;
  text-transform: uppercase;
  text-decoration: none;
  color: black;
}

.product__readmore {
  max-width: 100px;
  margin: auto;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 7px solid black;
}

.pads {
  display: flex;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 0;
}

.pad {
  display: block;
  width: 25%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  transition: transform 0.33s ease-in-out;
}

.pad:hover {
  z-index: 1;
  transform: scale(1.1);
}

.pad__content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: black;
  text-decoration: none;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  padding: 40px;
}

.pad__content_black {
  background-image: url(/images/main/black.png);
}

.pad__content_color {
  background-image: url(/images/main/color.png);
}

.pad__content_steel {
  background-image: url(/images/main/steel.png);
}

.pad__content_bur {
  background-image: url(/images/main/bur.png);
}

.pad__title {
  font-family: "Attentica";
  font-weight: lighter;
  font-size: 55px;
  text-transform: uppercase;
}

.pad__description {
  font-family: "Attentica";
  font-weight: lighter;
  font-size: 32px;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  max-width: 100px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 7px solid white;
}

.article {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 0;
  font-size: 18px;
}

.article_landing {
  max-width: inherit;
  padding: 0;
  font-size: 16px;
}

.article__title {
  font-family: "Attentica";
  font-weight: lighter;
  font-size: 70px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 16px;
}

.article__intro {
  line-height: 1.5;
}

.article__body {}

.footer_bg {
  max-width: 458px;
  z-index: 9;
}

.button_stroke {
  width: 173px;
  height: 173px;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: "Attentica";
  background: white;
  color: black;
  border: none;
  padding: 30px;
  background: url(../img/button_diamond_black.png) center center no-repeat;
  cursor: pointer;
  z-index: 9999;
}

.button_stroke:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.form__field {
  margin-top: 10px;
  margin-bottom: 20px;
}

.form__field label {
  display: none;
}

.form-control {
  max-width: 320px;
  width: 100%;
  height: 25px;
  padding-left: 5px;
  margin-left: 10px;
  border: none;
  border-bottom: 2px solid black;
/*  background-color: #d67e2a; */
  text-align: center;
}

.form-control::-webkit-input-placeholder {
  color: #b15734;
}

.help-block {
  display: none;
}

.form-control:focus {
  outline: none;
}

.privacy__agree {
  margin-bottom: 15px;
  white-space: nowrap;
}

.footer__content {
  text-align: center;
  max-width: 420px;
}

.footer__title {
  margin-bottom: 1rem;
  margin-top: 4rem;
  min-height: 3rem;
  font-size: 55px;
}

table {
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate;
}

table td {
  border-bottom: 2px solid #000;
  color: #b15734;
  padding: 12px 0;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .article__header {
    display: flex;
  }
  .article__intro, .article__preview {
    flex-basis: 50%;
    max-width: 50%;
  }
  .article__intro {
    padding-right: 32px;
  }
}

.client {
  padding: 0 80px;
  max-width: 1400px;
  margin: auto;
  position: relative;
}

.client__image {
  margin: 80px auto;
  max-width: 200px;
}

.client__list {
  padding: 0 16px;
  position: relative;
}

.client-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d67e2a'%2F%3E%3C%2Fsvg%3E");
}

.client-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d67e2a'%2F%3E%3C%2Fsvg%3E");
}

.article__body p {
  margin-bottom: 1em;
}

.popup {
  background: rgba(0, 0, 0, 0.75);
  bottom: 0;
  cursor: pointer;
  display: flex;
  left: 0;
  line-height: 0;
  padding: 2rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30;
}

.popup__content {
  cursor: auto;
  margin: auto;
  background: #d67e2a;
  line-height: 1;
  padding: 3rem;
  text-align: center;
}

.popup label {
  display: none;
}

.popup .form-control {
  width: 100%;
}

.popup .privacy label {
  display: inline;
}

.check-price {
  text-decoration: underline;
  cursor: pointer;
}

/* ++++++++++++++  breadcrumbs   ++++++++++++++ */

.breadcrumbs {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 0;
  font-size: 18px;
}