@import '../vendor/bootstrap/less/bootstrap.less';

@import 'grid.less';

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

@font-family-sans-serif:  "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   'Roboto Slab', Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;


.wrapper {
  .make-row();

  margin-top: 10px;
  margin-bottom: -10px;
}
.header-logo {
  .make-lg-column(8);

  .slogan {
    position: absolute;
    top: 58px;
    left: 176px;
    width: 160px;

    opacity: 0.5;

    line-height: 17px;
  }
}

.header-contacts {
  .make-lg-column(3);
  .make-lg-column-offset(1);

  text-align: right;

  margin-top: -4px;

  ul {
    margin-right: -5px;
    margin-bottom: 0;
  }

  p {
    margin: 0;
  }
}

.consultation {
  h5 {
    opacity: 0.5;

    margin-bottom: 3px;
    margin-top: 0;
  }

  h3 {
    margin: 0;
  }

  button {
    margin-bottom: 5px;
  }
}


.logo {
    height: 100px;
}


.background-line-pattern {
  background: url('/static/imgs/pattern.svg');
  opacity: 0.06;

  width: 100%;
  height: 28px;

  position: absolute;
  z-index: -1;   
  left: 0;
}

.menu-header {
    font-family: 'Roboto Slab';
}

.menu {
    font-family: 'Roboto Slab';
    font-size: 16px;

    li {
        margin-top: 1px;
        margin-right: 35px;
    }
}