/* Global */
body {
  background-color: #202020;
  font-family: Montserrat; }

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none; }

body, html, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0; }

input, button {
  outline: none !important; }

button {
  cursor: pointer; }

ul, p {
  margin: 0;
  padding: 0; }

a:hover {
  text-decoration: none; }

.map {
  display: none; }
  .map.active {
    display: block; }

/* Nav */
.nav {
  height: 100px;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  position: sticky;
  background-color: #202020;
  border-bottom: 1px solid #3F3F3F;
  z-index: 2;
  top: 0; }
  .nav__logo {
    margin-left: 15px; }
  .nav__menu li {
    display: inline-block;
    margin-right: 25px; }
    .nav__menu li:last-child {
      margin-right: 0; }
    .nav__menu li a {
      padding-right: 0;
      padding-left: 0;
      font-size: 12px;
      text-transform: uppercase;
      color: #c5c5c5;
      transition: .3s; }
      .nav__menu li a:hover {
        color: #E8C069; }
  .nav__feedback {
    margin-right: 15px;
    display: flex; }
    .nav__feedback img {
      margin-right: 12px; }
    .nav__feedback-phone {
      margin-right: 25px;
      display: flex;
      align-items: center; }
      .nav__feedback-phone-text span:first-child {
        font-size: 12px;
        color: #c5c5c5;
        display: block; }
      .nav__feedback-phone-text span:last-child {
        display: block;
        font-weight: 700;
        font-size: 20px;
        color: #fff; }
    .nav__feedback-btn button {
      height: 45px;
      font-size: 12px;
      text-transform: uppercase;
      width: 195px;
      color: #fff;
      border-radius: 50px;
      border: 2px solid #E8C069;
      background-color: transparent;
      transition: .3s; }
      .nav__feedback-btn button:hover {
        background-color: #E8C069; }

/* main */
.main {
  height: 700px;
  display: flex;
  align-items: center;
  background-image: url("../img/main__bg.jpg");
  background-position: center;
  background-repeat: no-repeat; }
  .main h1 {
    font-weight: 700;
    font-size: 66px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.3; }
    .main h1 span {
      font-size: 24px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 500;
      display: block;
      margin-top: 22px; }
      .main h1 span:after {
        width: 70px;
        border-bottom: 1px solid #fff;
        content: '';
        display: block;
        margin-top: 32px; }

/* option */
.option {
  margin-top: 80px;
  margin-bottom: 80px; }
  .option > .container {
    border-bottom: 1px solid #3F3F3F;
    padding-bottom: 74px; }
  .option h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
    letter-spacing: 3px; }
    .option h2:after {
      width: 75px;
      display: block;
      margin: auto;
      border-bottom: 1px solid #E8C069;
      margin-top: 15px;
      content: ''; }
  .option-item__img {
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px; }
  .option-item__title {
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase; }
  .option-item__desc {
    color: #c5c5c5;
    font-size: 13px;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px; }

/* services */
.services {
  margin-bottom: 80px; }
  .services > .container {
    border-bottom: 1px solid #3F3F3F;
    padding-bottom: 74px; }
  .services h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
    letter-spacing: 3px; }
    .services h2:after {
      width: 75px;
      display: block;
      margin: auto;
      border-bottom: 1px solid #E8C069;
      margin-top: 15px;
      content: ''; }
  .services table {
    color: #fff;
    font-size: 15px; }
    .services table td:nth-child(2n) {
      color: #E8C069;
      border-left: none;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 700;
      width: 33.3%; }
    .services table td {
      padding-top: 20px;
      padding-bottom: 20px;
      border: 1px solid #414141; }
      .services table td:nth-child(2n+1) {
        padding-left: 20px;
        border-right: none; }
    .services table tr:nth-child(2n+1) {
      background-color: #2A2A2A; }

/* address */
.address {
  padding-bottom: 80px;
  border-bottom: 1px solid #3F3F3F; }
  .address h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
    letter-spacing: 3px; }
    .address h2:after {
      width: 75px;
      display: block;
      margin: auto;
      border-bottom: 1px solid #E8C069;
      margin-top: 15px;
      content: ''; }
  .address__city {
    width: 100%;
    height: 50px;
    border: 1px solid #3F3F3F;
    border-top: 1px solid transparent;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    transition: .3s;
    background-color: transparent; }
    .address__city:first-child {
      border-top: 1px solid #3f3f3f; }
    .address__city.active {
      background-color: #2A2A2A;
      border: 2px solid #E8C069; }

/* footer*/
.footer {
  height: 65px;
  display: flex;
  align-items: center; }
  .footer .container {
    display: flex;
    align-items: center; }
    .footer .container .row {
      width: 100%; }
  .footer__copy {
    color: #fff;
    font-size: 13px; }
  .footer__dev {
    font-size: 13px;
    color: #fff; }
    .footer__dev a {
      color: #E8C069; }

@media (max-width: 1200px) {
  .main {
    height: 650px; }

  .services table td:nth-child(2n) {
    width: 30%; }

  .nav__logo img {
    height: 70px; }

  .nav__menu li {
    margin-right: 13px; }

  .nav__feedback img {
    margin-right: 8px; }

  .nav__feedback-phone {
    margin-right: 17px; }

  .nav__feedback-phone-text span:last-child {
    font-size: 18px; }

  .nav__feedback-btn button {
    width: 130px; }

  .nav__feedback-phone-text span:first-child {
    font-size: 11px; } }
@media (max-width: 992px) {
  .nav__feedback-btn button {
    width: 150px; }

  .nav__menu {
    order: 3;
    margin-top: 15px;
    padding-top: 10px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #3F3F3F; }
    .nav__menu li {
      margin-right: 35px; }

  .nav__feedback {
    order: 2; }

  .nav {
    height: initial; }

  .nav__feedback-phone {
    margin-right: 100px; }

  .main h1 {
    font-size: 50px; }
    .main h1 span {
      font-size: 18px; }

  .main {
    height: 500px;
    background-size: cover; }

  .services table td:nth-child(2n) {
    width: 38%;
    padding-left: 15px; }

  .nav__logo {
    margin-left: 0; }

  .nav__feedback {
    margin-right: 0; } }
@media (max-width: 768px) {
  .nav__logo img {
    width: 130px;
    object-fit: contain; }

  .nav__feedback-phone {
    margin-right: 45px; }

  .nav__feedback-btn button {
    width: 130px;
    font-size: 10px;
    height: 45px; }

  .main h1 {
    font-size: 44px; }
    .main h1 span {
      margin-top: 15px;
      font-size: 16px; }
      .main h1 span:after {
        margin-top: 20px; }

  .services table, .services table td:nth-child(2n) {
    font-size: 13px; }

  .services table td:nth-child(2n) {
    padding-right: 10px; }

  .address__city {
    height: 42px; }

  .map {
    height: 336px !important; }

  .footer__copy, .footer__dev {
    width: 100%;
    text-align: center; }

  .footer__copy {
    margin-bottom: 5px; }

  .main {
    height: 400px; } }
@media (max-width: 575px) {
  .nav__menu li {
    margin-right: 15px; }
    .nav__menu li a {
      font-size: 10px; }

  .option > .container {
    padding-bottom: 40px; }

  .footer .container .row {
    width: initial; }

  .footer__copy, .footer__dev {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 11px; }

  .footer__copy {
    margin-top: 10px; }

  .footer__dev {
    margin-bottom: 15px; }

  .footer {
    height: initial; }

  .address h2 {
    margin-bottom: 30px; }

  .services > .container {
    padding-bottom: 0;
    border-bottom: none; }

  .option > .container {
    padding-bottom: 0; }

  .services {
    margin-bottom: 40px; }

  .address {
    padding-bottom: 40px; }

  .services table td, .services table, .services table td:nth-child(2n) {
    font-size: 12px; }

  .services h2, .option h2 {
    margin-bottom: 30px; }

  .option {
    margin-top: 40px;
    margin-bottom: 40px; }

  .main {
    height: 320px; }

  .main h1 {
    font-size: 30px; }

  .main h1 span {
    font-size: 14px; }

  .nav__feedback-phone-text {
    display: none; }

  .nav__feedback-phone {
    margin-right: 0; }

  .nav__feedback {
    padding-right: 15px; }
    .nav__feedback-btn {
      display: none; }

  .nav__feedback {
    position: absolute;
    right: 0px;
    top: 30px; }

  .nav__logo {
    padding-right: 15px; }

  .nav__menu {
    margin-top: 5px; }

  .na {
    padding-top: 5px; } }

/*# sourceMappingURL=style.css.map */