/*--------------------GLOBAL STYLES------------------------*/
html, body {
  font-family: "Helvetica Neue Light", sans-serif;
  font-size: 32px;
  line-height: 135%;
  color: #000;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.container {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 10px;
}

.margin-top20 {
  margin-top: 40px;
}

/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

/* Links */
a {
  font-display: block;
}

a, a:link, a:visited {
  color: inherit;
  text-decoration: none;
  /* display: inline-block; */
}

a:hover {
  /* color: inherit; */
  text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul, ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img, svg {
  max-width: 100%;
  height: auto;
}

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button, input[type="submit"] {
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

@font-face {
  font-family: 'Helvetica Neue Light';
  src: url("../fonts/helvetica-neue/helvetica-neue-light.ttf") format("ttf");
}

.btn {
  width: 191px;
  height: 62px;
  letter-spacing: 1px;
  border: 1px solid #000;
  border-radius: 30px;
  line-height: 62px;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.btn:hover {
  color: #fff;
  background-color: #000;
}

/*--------------------BLOCKS STYLES------------------------*/
.nav {
  padding: 46px 0;
}

.nav__wrapper {
  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;
}

.nav__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav__links li:first-child {
  color: gray;
}

.nav__links > * + * {
  margin-left: 34px;
}

.nav a {
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}

.nav a:hover {
  color: gray;
}

@media (max-width: 764px) {
  .nav__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .nav__links {
    display: none;
  }
}

.text-top__wrapper {
  max-width: 1000px;
}

.text-top--margins {
  margin: 50px 0 20px;
}

.text-bottom__wrapper {
  max-width: 700px;
}

.text-bottom--margins {
  margin: 50px 0 20px;
}

@media (max-width: 764px) {
  .text-top--margins {
    margin: 20px 0;
  }
  .text-bottom--margins {
    margin: 20px 0;
  }
}

.copyright {
  margin: 100px 0 50px;
}

.copyright__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.copyright__block1 {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.copyright__block2 {
  font-size: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 764px) {
  .copyright {
    margin: 50px 0;
  }
  .copyright__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.links {
  margin: 50px 0 80px 120px;
  font-size: 24px;
}

@media (max-width: 764px) {
  .links {
    margin: 30px 20px 30px 40px;
    font-size: 22px;
  }
}
/*# sourceMappingURL=style.css.map */