@import url(/assets/fonts/g-font/g-font.css);

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

input:not([type='checkbox']):not([type='radio']),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

body {
  font-family: 'G-font', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
}

body a {
  color: #000;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.title,
.section__title {
  margin: 0;
  line-height: 1.2;
}

h1, h2, h3,
.title {
  font-weight: 500;
}

p {
  margin-top: 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

.row-nowrap {
  flex-wrap: nowrap;
}

.row-align-center {
  align-items: center;
}

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

[class*='col-'] {
  padding-left: 20px;
  padding-right: 20px;
}

@media(min-width: 992px) {
  .col-lg-1 { width: 8.33%; }
  .col-lg-2 { width: 16.66%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33%; }
  .col-lg-5 { width: 41.66%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33%; }
  .col-lg-8 { width: 66.66%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33%; }
  .col-lg-11 { width: 91.66%; }
  .col-lg-12 { width: 100%; }
}

@media(max-width: 992px) {
  .col-md-1 { width: 8.33%; }
  .col-md-2 { width: 16.66%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33%; }
  .col-md-5 { width: 41.66%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33%; }
  .col-md-8 { width: 66.66%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33%; }
  .col-md-11 { width: 91.66%; }
  .col-md-12 { width: 100%; }
}

@media(max-width: 768px) {
  .col-sm-6 { width: 50%; }
  .col-sm-12 { width: 100%; }
}

.underline {
  text-decoration: underline;
}

a.underline:hover {
  text-decoration: none;
}

.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mt-80 { margin-top: 80px; }

.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-80 { margin-bottom: 80px; }

.section {
  padding: 80px 0;
}

ul.ul-line {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

ul.ul-line > li {
  position: relative;
  padding-left: 20px;
  margin: 0;
  margin-bottom: 8px;
}

ul.ul-line > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '- ';
}

.header-panel {
  padding: 40px 0;
  color: #fff;
  background-color: #000;
  a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
  }
}

.header-section__title {
  font-size: 32px;
  margin: 0;
  margin-bottom: 40px;
}

.attention,
.links,
.contacts {
  margin-bottom: 40px;
}

.attention,
.contacts {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.attention {
  padding: 40px;
  border-left: 5px solid #ff9100;
  background-color: #fff1de;
}

.contacts {
  padding: 40px;
  border-left: 5px solid #00b8d4;
  background-color: #e9fcff;
}