/* ==========================================================================
 * Catalog section styles
 * ========================================================================== */
.catalog-section {
  display: flex;
  margin-right: -9px;
  margin-left: -9px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.catalog-section-elem {
  width: 100%;
  max-width: calc(25% - 18px);
  margin: 0 9px;
  box-sizing: border-box;
  padding: 14px 10px 12px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #000;
  transition: box-shadow 0.2s ease-out;
}
.catalog-section-elem:hover {
  box-shadow: 0 1px 8px rgba(63, 63, 63, 0.3);
}
.catalog-section-elem:hover .catalog-section-title {
  color: #d96e1d;
}
.catalog-section-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0 0 8px;
  transition: color 0.2s ease-out;
}
.catalog-section-text {
  font-size: 14px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 14px;
}
.catalog-section-bottom-block {
  margin-top: auto;
  flex: 0 0 auto;
}
.catalog-section-btn {
  display: none;
}
/* ==========================================================================
 * Catalog brand styles
 * ========================================================================== */
.catalog-brand-section {
  padding: 44px 0 50px;
  background: url(/images/brands-bg.jpg?8b9716fe4accc59add9125eb70cfe7a5) no-repeat 50% 50%, linear-gradient(180deg, #66410f 0%, #272421 100%);
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.catalog-brand-section .page-title {
  color: #fff;
  margin-bottom: 54px;
}
.catalog-brand-inner {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-width: 100%;
  margin-right: -8px;
  margin-left: -8px;
}
.catalog-brand-inner img {
  width: auto;
  height: 37px;
}
.catalog-brand-elem,
.catalog-brand-elem-separator {
  padding: 6px 4px 4px;
  max-width: 110px;
  flex: 1 0 auto;
  width: 100px;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 4px;
  margin-right: 4px;
}
.catalog-brand-elem {
  color: #fff;
  text-decoration: none;
  margin-bottom: 36px;
  transition: box-shadow 0.2s ease-out;
}
.catalog-brand-elem:hover {
  box-shadow: 0 0 100px 1px white;
}
.catalog-brand-elem-img-cont {
  height: 37px;
  line-height: 37px;
}
.catalog-brand-elem-name {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  margin: 4px 0;
}
/* ==========================================================================
 * Leave request styles
 * ========================================================================== */
.leave-request-section {
  padding: 50px 0 66px;
  background: url(/images/leave-request-bg.png?75f28a125d498c8c0670fb95d38e5975) 100% 70% no-repeat;
}
.leave-request {
  margin-right: 368px;
}
.leave-request-inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.leave-request-elem {
  margin-bottom: 24px;
  width: 50%;
  padding: 0 12px;
  box-sizing: border-box;
}
.leave-request-elem-half {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  width: calc(50% + 10px);
}
.leave-request-elem-half-item {
  padding: 0 5px;
  box-sizing: border-box;
}
/* ==========================================================================
 * Our pluses styles
 * ========================================================================== */
.our-pluses-section {
  padding: 40px 0;
}
.our-pluses {
  display: flex;
  justify-content: space-between;
  margin: 0 -12px;
}
.our-pluses-elem {
  max-width: 324px;
  width: 33.33333%;
  padding: 0 12px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 32px;
}
.our-pluses-icon {
  height: 50px;
  line-height: 50px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.our-pluses-icon-boxes {
  background-image: url("data:image/svg+xml,%3Csvg width='55' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M.007 0h54.979v50H.006z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23D96E1D' mask='url(%23b)' d='M7.331 32.609h14.663v-3.261H7.331z'/%3E%3Cpath d='M29.326 46.74H51.32V26.086H29.326v20.652zm-25.66 0H25.66V26.086H3.666v20.652zm12.219-23.914H39.1V3.261H15.885v19.565zm26.882 0V0H12.219v22.826H0V50h54.986V22.826h-12.22z' fill='%23D96E1D' mask='url(%23b)'/%3E%3C/g%3E%3Cpath fill='%23D96E1D' d='M32.991 32.609h14.663v-3.261H32.991zM19.55 9.783h15.885V6.522H19.55z'/%3E%3C/g%3E%3C/svg%3E");
}
.our-pluses-icon-medal {
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='50' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 .144h42.364V50H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M42.222 41.63l-7.286-12.8c.738-.344 1.182-1.131 1.132-2.018l-.54-4.53 3.1-3.248c.69-.69.739-1.87.05-2.708l-3.102-3.347.64-4.579c.098-.984-.591-1.97-1.575-2.166l-4.48-.886-2.166-3.988C27.552.425 26.468.03 25.484.425h-.05L21.3 2.345 17.262.375a1.922 1.922 0 0 0-1.477-.147 1.939 1.939 0 0 0-1.132.935l-2.215 3.988-4.48.787c-1.034.198-1.724 1.133-1.625 2.216l.541 4.53-3.101 3.248c-.69.69-.739 1.871-.05 2.708l3.102 3.348-.64 4.578c-.099.886.444 1.723 1.28 2.068L.13 41.63c-.197.295-.148.69 0 .984.197.296.492.493.837.493h7.877l3.594 6.252c.197.295.492.493.837.493.344 0 .689-.198.836-.493l7.04-12.012 7.04 12.16c.197.295.493.492.837.492.345 0 .69-.197.837-.492l3.594-6.4h7.877c.345 0 .69-.197.837-.493a.816.816 0 0 0 .05-.984zm-28.898 5.268l-3.052-5.267c-.198-.296-.493-.492-.838-.492H2.641l6.793-12.013 2.806.492 2.167 3.988c.443.935 1.526 1.33 2.51.935h.05l2.018-.935.985 1.723-6.646 11.57zm2.855-14.129h-.05l-2.165-4.086c-.296-.492-.788-.886-1.379-.935l-4.53-.837.64-4.53c.1-.59-.098-1.23-.491-1.624L5.15 17.409l3.102-3.249c.443-.443.64-1.034.541-1.625l-.54-4.48s0-.049.048-.098l4.48-.788a1.992 1.992 0 0 0 1.378-.984l2.216-3.988 4.037 1.97c.541.294 1.23.294 1.772 0l4.087-1.872h.049l2.166 4.086c.295.493.788.887 1.33.936l4.48.886-.64 4.53c-.1.59.097 1.23.491 1.624l3.102 3.348-3.15 3.25c-.444.442-.64 1.033-.542 1.623l.541 4.53-4.43.738a1.994 1.994 0 0 0-1.38.985l-2.215 3.987-4.036-1.97a1.886 1.886 0 0 0-1.773 0L16.18 32.77zm16.739 8.37c-.345 0-.69.196-.838.492l-3.052 5.415-6.942-12.012a.786.786 0 0 0-.196-.345l-1.083-1.92.344-.147 4.037 1.968c.296.148.59.198.886.198.69 0 1.38-.345 1.724-.985l2.215-3.988 2.954-.541 6.745 11.865h-6.794z' stroke='%23D96E1D' stroke-width='.8' fill='%23D96E1D' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M30.998 17.508c0-5.416-4.431-9.847-9.847-9.847-5.415 0-9.846 4.431-9.846 9.847 0 5.415 4.431 9.846 9.846 9.846 5.416 0 9.847-4.431 9.847-9.846zm-9.847 7.876c-4.332 0-7.876-3.544-7.876-7.876 0-4.333 3.544-7.877 7.876-7.877 4.333 0 7.877 3.544 7.877 7.877 0 4.332-3.544 7.876-7.877 7.876z' stroke='%23D96E1D' stroke-width='.8' fill='%23D96E1D'/%3E%3C/g%3E%3C/svg%3E");
}
.our-pluses-icon-wallet {
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='45' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M.005.01H46V45H.005z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M30.13 19.948a3.908 3.908 0 0 0-3.903 3.903v3.912a3.908 3.908 0 0 0 3.904 3.903h13.136v9.431c0 .646-.525 1.17-1.17 1.17H3.903c-.646 0-1.171-.524-1.171-1.17v-30.58c0-.646.525-1.171 1.17-1.171h38.193c.646 0 1.171.525 1.171 1.17v9.432H30.131zm13.137 8.986H30.131c-.646 0-1.171-.525-1.171-1.17V23.85c0-.646.525-1.171 1.17-1.171h13.137v6.254zM36.565 3.5l1.11 3.114h-9.851l8.74-3.114zm5.531 3.114h-1.52L38.222.009l-18.54 6.605H3.904A3.908 3.908 0 0 0 0 10.517v30.58A3.908 3.908 0 0 0 3.904 45h38.192A3.908 3.908 0 0 0 46 41.097v-30.58a3.907 3.907 0 0 0-3.904-3.903z' fill='%23D96E1D' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M32.105 24.002a1.805 1.805 0 1 1 0 3.61 1.805 1.805 0 0 1 0-3.61' fill='%23D96E1D'/%3E%3C/g%3E%3C/svg%3E");
}
.our-pluses-title {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.our-pluses-text {
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 1279px) {
  .leave-request {
    margin-right: 400px;
  }
}
@media (max-width: 1080px) {
  .catalog-section-title {
    font-size: 20px;
  }
  .leave-request-section {
    background-position: 110% 70%;
  }
  .leave-request {
    margin-right: 340px;
  }
}
@media (max-width: 1023px) {
  .leave-request-section {
    background: none;
  }
  .leave-request {
    margin-right: 0;
  }
  .leave-request-elem-half {
    width: 50%;
    padding: 0 2px 0 14px;
  }
}
@media (max-width: 767px) {
  .catalog-section {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .catalog-section-elem {
    max-width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px 12px;
  }
  .catalog-section-top-block {
    width: 68%;
    box-sizing: border-box;
    padding-right: 12px;
  }
  .catalog-section-bottom-block {
    width: 32%;
    max-width: 130px;
    text-align: center;
    margin-top: 0;
    align-self: center;
  }
  .catalog-section-img {
    max-width: 130px;
    width: 100%;
    margin-bottom: 10px;
  }
  .catalog-section-btn {
    display: inline-block;
  }
  .catalog-brand-section {
    padding: 36px 0 24px;
    background: linear-gradient(180deg, #292724 0%, #272421 100%);
  }
  .catalog-brand-section .page-title {
    margin-bottom: 34px;
  }
  .catalog-brand-elem {
    margin-bottom: 26px;
  }
  .leave-request-section {
    padding: 36px 0 26px;
  }
  .our-pluses-section {
    padding: 36px 0 0;
  }
  .our-pluses {
    flex-wrap: wrap;
  }
  .our-pluses-elem {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 599px) {
  .leave-request-elem-half {
    flex-wrap: wrap;
  }
  .leave-request-elem-half-item {
    width: 100%;
  }
  .leave-request-elem-half-item:first-child {
    padding: 9px 5px;
    margin-bottom: 16px;
  }
}
@media (max-width: 479px) {
  .catalog-section-img {
    margin: 0 auto 10px;
  }
  .catalog-section-elem {
    align-items: stretch;
  }
  .catalog-section-bottom-block {
    align-self: stretch;
  }
  .catalog-section-btn {
    padding: 2px 8px;
  }
  .catalog-section-btn::before {
    padding: 2px 8px;
  }
  .leave-request-elem {
    width: 100%;
  }
}
@media (max-width: 399px) {
  .catalog-section-top-block {
    width: auto;
    flex: 1;
  }
  .catalog-section-bottom-block {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
  }
  .catalog-section-btn {
    font-size: 15px;
  }
  .our-pluses-elem {
    width: 100%;
  }
}
@media (max-width: 359px) {
  .catalog-section-bottom-block {
    width: 96px;
    max-width: 96px;
    min-width: 96px;
  }
  .catalog-section-btn {
    font-size: 14px;
  }
  .catalog-section-title {
    font-size: 18px;
    line-height: 22px;
  }
  .catalog-brand-elem,
  .catalog-brand-elem-separator {
    max-width: 100px;
    width: 90px;
  }
  .catalog-brand-elem-name {
    font-size: 13px;
  }
}
@media (min-width: 1240px) {
  .our-pluses {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 1780px) {
  .catalog-section-text {
    font-size: 16px;
  }
  .catalog-section-elem {
    max-width: calc(20% - 18px);
  }
  .our-pluses-title {
    font-size: 20px;
  }
  .our-pluses-text {
    font-size: 16px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leave-request-section {
    background-image: url(/images/leave-request-bg@2x.png?444c29b7f3ad7b6dcda97b8bbc5bb436);
    background-size: 411px 354px;
    background-repeat: no-repeat;
    background-position: right;
  }
}