:root {
  --color-grey-light-4: #ccc;
  --color-grey-primary: #d3d3d3;
  --color-grey-dark-1: #333;
  --color-grey-dark-2: #777;
  --color-grey-dark-3: #999;
  --color-primary: #487e16;
  --color-primary-light: #00a000;
  --color-red: #ff6464; }

* {
  margin: 0;
  padding: 0; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  font-family: 'Quicksand';
  font-weight: 300;
  line-height: 1.6; }

.product {
  display: flex; }
  .product__gallery {
    position: relative;
    flex: 0 0 40%;
    margin-right: 4rem; }
    .product__gallery--search {
      background-color: white;
      position: absolute;
      border-radius: 50%;
      width: 4rem;
      height: 4rem;
      bottom: 20rem;
      right: 20rem; }
      .product__gallery--search svg {
        fill: #000; }
      .product__gallery--search:hover {
        transform: scale(1.3); }
    .product__gallery--picture {
      width: 40rem;
      height: 50rem; }
    .product__gallery--little {
      width: 93%;
      margin-top: 2rem;
      display: flex;
      align-items: center;
      justify-content: center; }
    .product__gallery--list {
      list-style: none; }
      .product__gallery--list:hover {
        box-shadow: 0 0 0 3px var(--color-primary); }
      .product__gallery--list:not(:last-child) {
        margin-right: .9rem; }
    .product__gallery--photo {
      width: 9.5rem;
      height: 11rem;
      display: block;
      padding: .2rem; }
  .product__view {
    display: flex;
    flex-direction: column; }
  .product__description {
    color: var(--color-grey-dark-1); }
    .product__description--header {
      font-size: 2.2rem;
      margin-bottom: 1rem;
      text-transform: uppercase; }
    .product__description--price {
      font-size: 2rem; }
    .product__description--text {
      margin-top: 1rem;
      font-size: 1.7rem; }
  .product__client {
    width: 80%;
    display: flex;
    flex-wrap: wrap; }
    .product__client--button, .product__client--button:link, .product__client--button:visited {
      margin-top: 2rem;
      padding: 1rem 2rem;
      background-color: var(--color-primary);
      border-radius: 2rem;
      border: none;
      color: #fff;
      text-decoration: none;
      font-size: 1.2rem;
      text-transform: uppercase; }
      .product__client--button:hover, .product__client--button:link:hover, .product__client--button:visited:hover {
        background-color: var(--color-primary-light); }
      .product__client--button:active, .product__client--button:focus, .product__client--button:link:active, .product__client--button:link:focus, .product__client--button:visited:active, .product__client--button:visited:focus {
        outline: none; }
    .product__client--header {
	    font-size: 22px;
      margin: 0rem 0 0 0; }
    .product__client .form__group {
      margin-top: 0rem; }
      .product__client .form__group:not(:last-child) {
        margin-right: 3rem; }
    .product__client .form__input {
      width: 20rem;
      padding: 1.1rem;
      border: 1px solid var(--color-primary);
      border-radius: 1.5rem; }
      .product__client .form__input:focus {
        outline: none; }
    .product__client--address .form__group {
      margin-top: 1rem; }
      .product__client--address .form__group--captcha {
        width: 12rem;
        height: 3rem;
        border: 1px solid var(--color-primary); }
    .product__client--address .form__input {
      width: 43rem;
      padding: 1.5rem 1.5rem;
      border: 1px solid var(--color-primary); }
      .product__client--address .form__input:focus {
        outline: none; }
      .product__client--address .form__input--code {
        width: 20rem;
        padding: 1.5rem 1.5rem;
        border: 1px solid var(--color-primary); }
        .product__client--address .form__input--code:focus {
          outline: none; }
    .product__client--select {
      width: 43rem;
      margin-top: 2rem;
      border: 1px solid var(--color-primary);
      font-family: inherit;
      font-size: 1.4rem;
      background-color: #fff; }
      .product__client--select:focus {
        outline: none;
        background-color: #fff; }

/*
.footer {
    background-image: url(../img/footer-bg.png);
    margin-top: 3rem;
    padding: 2rem;
    font-size: 1.4rem;
    color: var(--color-grey-primary);
    border-radius: 1rem;

    &__contacts {
        display: flex;
        justify-content: space-between;
    }

    &__copyright {
        text-align: center;
        font-size: 1.3rem;
    }
}*/
.container {
  max-width: 150rem;
  padding: 0 4rem;
  background-color: #fff; }

/*
.header {
    background-color: #fff;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
*/