:focus,
img,
input {
  outline: 0
}

a img {
  border: none
}

strong {
  font-weight: 700
}

p {
  margin: 18px 0
}

p:empty {
  display: none
}

b {
  font-weight: 600
}

input[type=text],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0
}

body,
button,
html,
input[type=text],
select,
textarea {
  font-family: "Proxima Nova", sans-serif
}

a {
  -webkit-transition: .2s;
  -moz-transition: .2s;
  transition: .2s
}

a:hover {
  text-decoration: none
}

body,
html {
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 300;
  color: var(--font-color-major);
  height: 100%;
  min-width: 320px !important
}

@media all and (max-width:2400px) {

  body,
  html {
    font-size: 21px
  }
}

@media all and (max-width:2000px) {

  body,
  html {
    font-size: 20px
  }
}

@media all and (max-width:1600px) {

  body,
  html {
    font-size: 16px
  }
}

@media all and (max-width:1200px) {

  body,
  html {
    font-size: 14px
  }
}

@media all and (max-width:1000px) {

  body,
  html {
    font-size: 13px
  }
}

@media all and (max-width:700px) {

  body,
  html {
    font-size: 12px
  }
}

.layout-line-h {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--line-color)
}

.layout-line-h__header {
  top: 9em
}

.layout-line-h__bottom {
  bottom: 0
}

.layout-line-h__open {
  position: absolute;
  bottom: 4.5rem;
  right: 9rem;
  z-index: 21
}

.layout-line-h__open div {
  position: absolute;
  height: 2px;
  background: var(--line-color);
  right: -6rem;
  width: 2.3rem;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%
}

.layout-line-h__open:after,
.layout-line-h__open:before {
  position: absolute;
  height: 2px;
  background: var(--line-color);
  content: ""
}

.layout-line-h__open:before {
  right: -3.7rem;
  width: 3.7rem
}

.layout-line-h__open:after {
  right: -9rem;
  width: 3rem
}

.layout-line-h__open-header {
  top: 0
}

.layout-line-h__open-bottom {
  bottom: 0
}

.layout-line-h__open-bottom,
.layout-line-h__open-header {
  position: absolute;
  bottom: 0;
  right: 9rem;
  z-index: 21
}

.layout-line-h__open-bottom div,
.layout-line-h__open-header div {
  position: absolute;
  height: 1px;
  background: var(--line-color);
  right: -6rem;
  width: 2.3rem;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%
}

.layout-line-h__open-bottom:after,
.layout-line-h__open-bottom:before,
.layout-line-h__open-header:after,
.layout-line-h__open-header:before {
  position: absolute;
  height: 1px;
  background: var(--line-color);
  content: ""
}

.layout-line-h__open-bottom:before,
.layout-line-h__open-header:before {
  right: -3.7rem;
  width: 3.7rem
}

.layout-line-h__open-bottom:after,
.layout-line-h__open-header:after {
  right: -9rem;
  width: 3rem
}

.layout-line-v {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--line-color);
  z-index: 13
}

.layout-line-v__l {
  left: 9em
}

.layout-line-v__c {
  left: 50%;
  z-index: 11
}

.layout-line-v__r {
  right: 9em
}

@media all and (max-width:768px) {
  .layout-line-v__l {
    left: 1.5em
  }

  .layout-line-v__r {
    right: 1.5em
  }
}

.wrapper,
body,
html {
  width: 100%
}

.wrapper {
  position: relative;
  height: 100%;
  z-index: 1
}

.wrapper__box {
  min-height: 100%;
  padding: 0 0 51rem
}

.wrapper__box.bg-grey {
  background: var(--bg-light)
}

.wrapper__box.inner {
  padding-top: 9rem
}

.container {
  margin: 0 9rem
}

@media all and (max-width:768px) {
  .container {
    margin: 0 1.5rem
  }
}

.block-title h1,
.block-title h2,
.block-title>* {
  font-size: 2.5em;
  font-weight: 800
}

.b-slider__image.b-slider__image_right,
.b-slider__image.b-slider__image_left {
  display: none !important;
}