@font-face {
  font-family: "Roboto";
  /*font-display: swap;*/
  src: url(8098dd8026f496a40c204080666cf12e.woff) format("woff"), url(c4def6cfc0a0eb1b7b169f998d8bf2b2.woff2) format("woff2");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  /*font-display: swap;*/
  src: url(589c8bbf4f933e2fb806cb11deeba21d.woff) format("woff"), url(add8c461dba6468c1c776b4a4c09b108.woff2) format("woff2");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Roboto";
  /*font-display: swap;*/
  src: url(2c830fad22a17cf2086e3fe79c40e2a0.woff) format("woff"), url(fc4e8304f883ee0f5c990ad71094d2b1.woff2) format("woff2");
  font-weight: 400;
  font-style: normal; }

html {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 20px;
  scroll-behavior: smooth;
  width: 100%;
  color: #000; }
  @media (max-width: 1420px) {
    html {
      font-size: 18px; } }
  @media (max-width: 1200px) {
    html {
      font-size: 16px; } }
  @media (max-width: 1000px) {
    html {
      font-size: 15px; } }
  @media (max-width: 750px) {
    html {
      font-size: 14px; } }

body {
  margin: 0;
  width: 100%; }

h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 50px;
  color: #fff; }
  @media (max-width: 800px) {
    h1 {
      font-size: 35px; } }

h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 40px;
  color: #000; }
  @media (max-width: 800px) {
    h2 {
      font-size: 25px; } }

p {
  line-height: 30px;
  color: #707070; }
  @media (max-width: 800px) {
    p {
      line-height: unset; } }
  p.white {
    color: #fff; }
  p.px25 {
    font-size: 25px;
    padding-bottom: 2em !important; }
    @media (max-width: 768px) {
      p.px25 {
        padding-bottom: 1em !important; } }

.button {
  display: block;
  width: fit-content;
  transition: 0.3s;
  padding-top: 2em; }
  .button .black-button {
    background-color: #000000;
    color: #fff;
    text-decoration: none;
    padding: 10px 50px;
    border-radius: 5px; }

.desktop-header-wrapper {
  width: 85%;
  margin: auto;
  display: grid;
  grid-template-columns: 250px auto;
  column-gap: 20px;
  align-items: center;
  transition: .7s all;
  padding-top: 1em;
  padding-bottom: 1em; }
  @media (max-width: 1024px) {
    .desktop-header-wrapper {
      width: 95%; } }
  @media (max-width: 768px) {
    .desktop-header-wrapper {
      display: none; } }
  .desktop-header-wrapper .logo-block {
    width: 100%; }
    .desktop-header-wrapper .logo-block img {
      width: 100%;
      height: auto; }
  .desktop-header-wrapper .text-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    .desktop-header-wrapper .text-side ul.active-links-block {
      justify-self: center;
      display: flex;
      justify-content: center;
      list-style-type: none;
      align-items: center;
      gap: 2em; }
      .desktop-header-wrapper .text-side ul.active-links-block li a {
        text-decoration: none;
        color: #858585;
        font-size: 20px; }
        .desktop-header-wrapper .text-side ul.active-links-block li a:hover {
          color: #000000; }
        @media (max-width: 800px) {
          .desktop-header-wrapper .text-side ul.active-links-block li a {
            font-size: 18px; } }

.mobile-header-wrapper {
  display: none;
  width: 90%;
  margin: auto;
  position: relative;
  z-index: 11;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (max-width: 768px) {
    .mobile-header-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  .mobile-header-wrapper .logo-block img {
    width: 100%;
    height: auto; }
    @media (max-width: 768px) {
      .mobile-header-wrapper .logo-block img {
        width: 25%; } }
  .mobile-header-wrapper .burger-menu-block {
    width: 60px;
    height: 20px;
    position: relative;
    cursor: pointer; }
    .mobile-header-wrapper .burger-menu-block .top-dash {
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #212120;
      top: 0;
      left: 0;
      transition: .7s all; }
    .mobile-header-wrapper .burger-menu-block .middle-dash {
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #212120;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .mobile-header-wrapper .burger-menu-block .bottom-dash {
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #212120;
      bottom: 0;
      left: 0;
      transition: .7s all; }
    .mobile-header-wrapper .burger-menu-block.activated .top-dash {
      top: 50%;
      transform: rotate(45deg) translateY(-50%); }
    .mobile-header-wrapper .burger-menu-block.activated .middle-dash {
      display: none; }
    .mobile-header-wrapper .burger-menu-block.activated .bottom-dash {
      top: 50%;
      left: 0;
      transform: rotate(-45deg) translateY(-50%); }

.mobile-menu-links-wrapper {
  background-color: #fff;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  padding-top: 30px;
  text-align: center;
  display: none; }
  .mobile-menu-links-wrapper ul.active-links-block {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    list-style-type: none;
    padding: 5px; }
    .mobile-menu-links-wrapper ul.active-links-block li {
      padding-bottom: 10px; }
      .mobile-menu-links-wrapper ul.active-links-block li a {
        font-size: 18px;
        color: #000;
        text-decoration: none; }
  .mobile-menu-links-wrapper.show {
    display: block;
    overflow: hidden; }

section.hero {
  height: calc(100vh - 100px);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  section.hero .container {
    width: 75%;
    margin: auto;
    height: 100%; }
    section.hero .container .text {
      width: 55%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media (max-width: 800px) {
        section.hero .container .text {
          width: 80%; } }
      section.hero .container .text p {
        width: 90%; }

section.about-partial {
  width: 65%;
  margin: auto;
  margin-top: 100px; }
  @media (max-width: 1024px) {
    section.about-partial {
      width: 90%; } }
  @media (max-width: 480px) {
    section.about-partial {
      margin-top: 2em; } }
  section.about-partial .container {
    display: grid;
    grid-template-columns: 1fr 1.5fr; }
    @media (max-width: 480px) {
      section.about-partial .container {
        display: block; } }
    section.about-partial .container .image img {
      width: 80%;
      height: auto; }
      @media (max-width: 480px) {
        section.about-partial .container .image img {
          width: 100%; } }
    section.about-partial .container .text {
      width: 80%;
      margin: auto; }
      @media (max-width: 1024px) {
        section.about-partial .container .text {
          width: 100%; } }

section.about-page .background {
  background: linear-gradient(90deg, #CED0D3 40%, #fff 40%);
  height: 60vh;
  width: 100%;
  position: absolute; }
  @media (max-width: 1440px) {
    section.about-page .background {
      background: linear-gradient(90deg, #CED0D3 30%, #fff 30%);
      height: 40vh; } }
  @media (max-width: 520px) {
    section.about-page .background {
      background: linear-gradient(90deg, #CED0D3 50%, #fff 50%);
      height: 40vh; } }

section.about-page .about-container {
  width: 75%;
  margin: auto;
  padding-top: 100px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 5em;
  position: relative; }
  @media (max-width: 1024px) {
    section.about-page .about-container {
      width: 90%; } }
  @media (max-width: 520px) {
    section.about-page .about-container {
      display: block; } }
  @media (max-width: 520px) {
    section.about-page .about-container {
      padding-top: 1em; } }
  section.about-page .about-container img {
    width: 100%; }

section.about-page .carrier {
  width: 75%;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 1280px) {
    section.about-page .carrier {
      padding-top: 2em; } }
  @media (max-width: 1024px) {
    section.about-page .carrier {
      width: 90%; } }
  @media (max-width: 520px) {
    section.about-page .carrier {
      padding-top: 0;
      padding-bottom: 1em; } }
  section.about-page .carrier ul {
    color: #707070;
    list-style-type: none;
    font-size: 25px;
    padding: 0;
    margin: 0; }
    @media (max-width: 800px) {
      section.about-page .carrier ul {
        font-size: 15px; } }
    section.about-page .carrier ul li {
      padding-bottom: 1em; }

section.services-partial {
  padding-top: 100px;
  padding-bottom: 100px;
  width: 90%;
  margin-left: auto; }
  @media (max-width: 480px) {
    section.services-partial {
      padding-top: 2em;
      padding-bottom: 2em;
      margin: auto; } }
  section.services-partial .container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center; }
    @media (max-width: 480px) {
      section.services-partial .container {
        display: block; } }
  section.services-partial .image {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    @media (max-width: 480px) {
      section.services-partial .image {
        display: block;
        margin-top: 2em; } }
    section.services-partial .image img {
      width: 100%;
      height: auto; }
      @media (max-width: 1024px) {
        section.services-partial .image img {
          width: 90%; } }
      @media (max-width: 480px) {
        section.services-partial .image img {
          width: 100%; } }
  section.services-partial .services ul {
    font-size: 30px;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAMAAAAiCq8iAAAAOVBMVEUAAAAQEBAaFxcaGBgaFxcYGBgZGBgZFxcZFxcVFRUaGBgaFxcYGBgaFhYYGBgZGBgZFxcZFxcZFxeCkwAaAAAAEnRSTlMAENCg8EDAkHAwgO9gUCDgsG/zstCvAAAAlElEQVQoz3WR2xLDIAhExWuMxqT8/8e2YojpCPuEcxh2ZzWiYjCKHOJHJhv+5CRyoIZy6SQKBGwnFu7b8A7Xic80B4tpkkRGx5wDk0pkG4+dTnOE/3Bnf+00tjL3yIs28xPOw8uZVx2HewQnWQ9XrBPwyTJIWppmXUs5/iYWlLLRN7PqwlmKdLKqP+uMohiNpraE+wL/HQqdLug0DgAAAABJRU5ErkJggg==); }
    @media (max-width: 800px) {
      section.services-partial .services ul {
        font-size: 20px; } }
    section.services-partial .services ul li {
      padding-top: 10px;
      padding-bottom: 10px; }

section.services-page .top-container {
  display: grid;
  grid-template-columns: 1fr 2fr; }
  @media (max-width: 480px) {
    section.services-page .top-container {
      grid-template-columns: repeat(2, 1fr); } }
  section.services-page .top-container .title {
    width: 60%;
    margin: auto; }
  section.services-page .top-container .image {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    section.services-page .top-container .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      transform: none; }

section.services-page .services-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
  @media (max-width: 768px) {
    section.services-page .services-container {
      display: block; } }
  section.services-page .services-container .left {
    background-color: #CED0D3;
    padding-top: 100px;
    padding-bottom: 100px; }
    @media (max-width: 768px) {
      section.services-page .services-container .left {
        padding-top: 2em;
        padding-bottom: 2em; } }
  section.services-page .services-container .right {
    padding-top: 100px;
    padding-bottom: 100px; }
    @media (max-width: 768px) {
      section.services-page .services-container .right {
        padding-top: 2em;
        padding-bottom: 2em; } }
  section.services-page .services-container ul {
    width: 80%;
    margin: auto;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAKNJREFUKFNjZEAFAkBuPBAHALEBVOoCkN4AxAuB+ANMOSOSPgcgez4QK6AZBuM+ADISgfgASACmEaRpPw4N6MKOIM0gjSDnncdjE7pGkM2GII0FQNxPpG0wZYUgjSA325Oo8SBIIyik+EnU+IFcjR8pcirZgQOKDlDqkCfSnw+B6gwoSgAwi0CpZwEem0E2JUCjD57kYJpBzgZJYkvkIEPhiRwADZUgbpXLkPoAAAAASUVORK5CYII=); }
    @media (max-width: 768px) {
      section.services-page .services-container ul {
        width: 90%; } }
    section.services-page .services-container ul li {
      font-size: 30px;
      padding-bottom: 15px; }
      @media (max-width: 768px) {
        section.services-page .services-container ul li {
          font-size: 20px; } }
      section.services-page .services-container ul li p {
        font-size: 20px;
        width: 80%;
        color: #707070; }
        @media (max-width: 768px) {
          section.services-page .services-container ul li p {
            font-size: 15px; } }

section.contacts {
  background-color: #272424;
  padding-bottom: 100px; }
  @media (max-width: 800px) {
    section.contacts {
      padding-bottom: 2em; } }
  section.contacts .top-bg img {
    width: 100%;
    height: auto; }
  section.contacts .container {
    padding-top: 100px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    width: 75%;
    margin: auto;
    gap: 5em; }
    @media (max-width: 1024px) {
      section.contacts .container {
        width: 90%; } }
    @media (max-width: 520px) {
      section.contacts .container {
        display: block;
        padding-top: 1em; } }
    section.contacts .container h2, section.contacts .container p, section.contacts .container a {
      color: #fff; }
    section.contacts .container img {
      width: 100%; }
    section.contacts .container p {
      padding-bottom: 10px;
      font-size: 30px; }
      @media (max-width: 1366px) {
        section.contacts .container p {
          font-size: 22px;
          padding-bottom: unset; } }
      @media (max-width: 800px) {
        section.contacts .container p {
          font-size: 15px; } }
      section.contacts .container p span {
        font-weight: 400; }
      section.contacts .container p.padding3 {
        padding: 0;
        margin: 0;
        line-height: 38px; }
        @media (max-width: 1366px) {
          section.contacts .container p.padding3 {
            line-height: 28px; } }
    section.contacts .container a {
      font-size: 30px;
      text-decoration: none; }
      @media (max-width: 1366px) {
        section.contacts .container a {
          font-size: 22px; } }
      @media (max-width: 800px) {
        section.contacts .container a {
          font-size: 15px; } }
    section.contacts .container h2 {
      padding-bottom: 1em; }
      @media (max-width: 1366px) {
        section.contacts .container h2 {
          padding-bottom: unset; } }

section.single-page {
  width: 75%;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 100px; }
  section.single-page h1 {
    color: #000; }
  @media (max-width: 1280px) {
    section.single-page {
      padding-top: 2em; } }
  @media (max-width: 1024px) {
    section.single-page {
      width: 90%; } }
  @media (max-width: 520px) {
    section.single-page {
      padding-bottom: 1em; } }
  section.single-page a {
    color: #000;
    text-decoration: none; }

body #cookie-notice {
  min-width: auto;
  max-width: 600px;
  left: 40px;
  bottom: 40px;
  padding: 1em;
  font-size: 18px;
  background-color: #fff !important;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3); }
  @media (max-width: 680px) {
    body #cookie-notice {
      width: 400px; } }
  @media (max-width: 480px) {
    body #cookie-notice {
      width: 90%;
      left: 5%;
      bottom: 10px; } }
  body #cookie-notice.cookie-notice-hidden {
    display: none !important; }
  body #cookie-notice .cookie-notice-container {
    padding-left: 29%;
    margin-left: 2%;
    position: relative; }
    @media (max-width: 680px) {
      body #cookie-notice .cookie-notice-container {
        padding-left: 20%; } }
    body #cookie-notice .cookie-notice-container:before {
      position: absolute;
      top: 15%;
      left: 0;
      content: '';
      background-image: url(1eb27ba169b6bd6d9f41d4cb908efd8a.png);
      width: 25%;
      height: 0;
      padding-top: 25%;
      background-size: cover;
      background-position: top center; }
      @media (max-width: 680px) {
        body #cookie-notice .cookie-notice-container:before {
          width: 17%;
          padding-top: 17%; } }
    body #cookie-notice .cookie-notice-container .cn-text-container {
      color: #000;
      text-align: left;
      font-weight: 300;
      font-size: 1em; }
    body #cookie-notice .cookie-notice-container .cn-button.bootstrap {
      background-color: #fff;
      border: 1px solid #000;
      text-align: left !important;
      color: #000; }
      @media (max-width: 680px) {
        body #cookie-notice .cookie-notice-container .cn-button.bootstrap {
          margin: 0 !important; } }
      body #cookie-notice .cookie-notice-container .cn-button.bootstrap#cn-accept-cookie {
        margin: 0 !important; }
        @media (max-width: 680px) {
          body #cookie-notice .cookie-notice-container .cn-button.bootstrap#cn-accept-cookie {
            margin-bottom: .5em !important; } }
      body #cookie-notice .cookie-notice-container .cn-button.bootstrap:hover {
        background-color: #f1f1f1; }
  body #cookie-notice .cn-buttons-container {
    display: block; }
  body #cookie-notice #cn-close-notice {
    right: 10px;
    top: 0;
    margin-top: 0; }
    body #cookie-notice #cn-close-notice:before {
      background-color: #000; }
    body #cookie-notice #cn-close-notice:after {
      background-color: #000; }
  body #cookie-notice #cn-notice-buttons {
    margin-top: 20px;
    text-align: left; }
    body #cookie-notice #cn-notice-buttons a {
      font-weight: 300;
      font-size: 1em;
      margin-bottom: 5px; }

footer {
  background-color: #272424;
  padding-top: 90px;
  padding-bottom: 60px; }
  @media (max-width: 480px) {
    footer {
      padding-top: 2em;
      padding-bottom: 1em; } }
  footer .container {
    width: 70%;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
    @media (max-width: 1280px) {
      footer .container {
        width: 90%; } }
    @media (max-width: 600px) {
      footer .container {
        display: block; } }
    footer .container p {
      line-height: 22px;
      margin: 0;
      padding-bottom: 10px; }
      footer .container p.padding {
        padding-top: 2em; }
    footer .container .logo {
      height: 284px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (max-width: 1280px) {
        footer .container .logo {
          height: unset; } }
      @media (max-width: 768px) {
        footer .container .logo {
          justify-content: space-around; } }
  footer a {
    text-decoration: none;
    color: #fff; }
    footer a.grey {
      color: #A4A4A4; }
    footer a.padding {
      padding-top: 1em; }
  footer img {
    width: 335px; }
    @media (max-width: 1366px) {
      footer img {
        width: 250px; } }
    @media (max-width: 768px) {
      footer img {
        width: 180px; } }
    @media (max-width: 600px) {
      footer img {
        padding-bottom: 1em; } }
  footer .navigation ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0; }
    footer .navigation ul li {
      padding-bottom: 10px; }
  footer .navigation, footer .contacts {
    padding-top: 2em; }