html{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 16px;
    overflow-x: hidden;
    min-width: 320px;
}
body,
html{
    width: 100%
}

ul{
    padding-left: 1.5em;
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansRegular/MuseoSansRegular.eot);
    src: url(../fonts/MuseoSans/MuseoSansRegular/MuseoSansRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansRegular/MuseoSansRegular.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansRegular/MuseoSansRegular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansBold/MuseoSansBold.eot);
    src: url(../fonts/MuseoSans/MuseoSansBold/MuseoSansBold.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansBold/MuseoSansBold.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansBold/MuseoSansBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansItalic/MuseoSansItalic.eot);
    src: url(../fonts/MuseoSans/MuseoSansItalic/MuseoSansItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansItalic/MuseoSansItalic.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansItalic/MuseoSansItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansLight/MuseoSansLight.eot);
    src: url(../fonts/MuseoSans/MuseoSansLight/MuseoSansLight.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansLight/MuseoSansLight.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansLight/MuseoSansLight.ttf) format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansMedium/MuseoSansMedium.eot);
    src: url(../fonts/MuseoSans/MuseoSansMedium/MuseoSansMedium.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansMedium/MuseoSansMedium.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansMedium/MuseoSansMedium.ttf) format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansBlack/MuseoSansBlack.eot);
    src: url(../fonts/MuseoSans/MuseoSansBlack/MuseoSansBlack.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansBlack/MuseoSansBlack.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansBlack/MuseoSansBlack.ttf) format("truetype");
    font-style: normal;
    font-weight: 900
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansBoldItalic/MuseoSansBoldItalic.eot);
    src: url(../fonts/MuseoSans/MuseoSansBoldItalic/MuseoSansBoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansBoldItalic/MuseoSansBoldItalic.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansBoldItalic/MuseoSansBoldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansMediumItalic/MuseoSansMediumItalic.eot);
    src: url(../fonts/MuseoSans/MuseoSansMediumItalic/MuseoSansMediumItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansMediumItalic/MuseoSansMediumItalic.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansMediumItalic/MuseoSansMediumItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 500
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansLightItalic/MuseoSansLightItalic.eot);
    src: url(../fonts/MuseoSans/MuseoSansLightItalic/MuseoSansLightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansLightItalic/MuseoSansLightItalic.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansLightItalic/MuseoSansLightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: "MuseoSans";
    font-display: swap;
    src: url(../fonts/MuseoSans/MuseoSansBlackItalic/MuseoSansBlackItalic.eot);
    src: url(../fonts/MuseoSans/MuseoSansBlackItalic/MuseoSansBlackItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/MuseoSans/MuseoSansBlackItalic/MuseoSansBlackItalic.woff) format("woff"), url(../fonts/MuseoSans/MuseoSansBlackItalic/MuseoSansBlackItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 900
}

.icon {
    display: inline-block
}

.icon-black-arrow,
.icon-clock,
.icon-letter,
.icon-phone {
    background-image: url(../images/sprite.png);
    background-position: -117px -121px;
    width: 21px;
    height: 16px
}

.icon-clock,
.icon-letter,
.icon-phone {
    background-position: -173px -115px;
    width: 13px;
    height: 11px
}

.icon-clock,
.icon-letter {
    background-position: -173px -89px;
    width: 16px;
    height: 13px
}

.icon-clock {
    background-position: -173px -102px;
    width: 13px
}

.icon-clock-gray,
.icon-review-decor,
.icon-rub {
    background-image: url(../images/sprite.png);
    background-position: -191px -77px;
    width: 22px;
    height: 22px
}

.icon-review-decor,
.icon-rub {
    background-position: -191px -99px
}

.icon-review-decor {
    background-position: -191px -149px;
    height: 20px
}

.icon-ch-acpp,
.icon-ch-battery,
.icon-ch-brakes {
    background-image: url(../images/sprite.png);
    background-position: -173px 0;
    width: 18px;
    height: 32px
}

.icon-ch-battery,
.icon-ch-brakes {
    background-position: -173px -64px;
    width: 14px;
    height: 25px
}

.icon-ch-brakes {
    background-position: -25px -172px;
    width: 25px;
    height: 23px
}

.icon-ch-car-body,
.icon-ch-cooling,
.icon-ch-engine {
    background-image: url(../images/sprite.png);
    background-position: 0 -121px;
    width: 31px;
    height: 24px
}

.icon-ch-cooling,
.icon-ch-engine {
    background-position: -144px -90px;
    width: 27px;
    height: 27px
}

.icon-ch-engine {
    background-position: -61px -121px;
    width: 30px;
    height: 22px
}

.icon-ch-fuel,
.icon-ch-helm,
.icon-ch-key,
.icon-ch-mkpp {
    background-image: url(../images/sprite.png);
    background-position: -108px -145px;
    width: 27px;
    height: 24px
}

.icon-ch-helm,
.icon-ch-key,
.icon-ch-mkpp {
    background-position: -54px -145px;
    height: 27px
}

.icon-ch-key,
.icon-ch-mkpp {
    background-position: 0 -145px
}

.icon-ch-mkpp {
    background-position: -191px 0;
    width: 24px;
    height: 24px
}

.icon-ch-stethoscope,
.icon-ch-suspension,
.icon-ch-whell {
    background-image: url(../images/sprite.png);
    background-position: -36px -83px;
    width: 23px;
    height: 27px
}

.icon-ch-suspension,
.icon-ch-whell {
    background-position: -191px -121px;
    width: 17px;
    height: 28px
}

.icon-ch-whell {
    background-position: -107px -86px;
    width: 29px;
    height: 29px
}

.icon-ch-acpp-r,
.icon-ch-battery-r,
.icon-ch-brakes-r {
    background-image: url(../images/sprite.png);
    background-position: -173px -32px;
    width: 18px;
    height: 32px
}

.icon-ch-battery-r,
.icon-ch-brakes-r {
    background-position: -191px -47px;
    width: 17px;
    height: 30px
}

.icon-ch-brakes-r {
    background-position: 0 -172px;
    width: 25px;
    height: 23px
}

.icon-ch-car-body-r,
.icon-ch-cooling-r,
.icon-ch-engine-r {
    background-image: url(../images/sprite.png);
    background-position: -91px -121px;
    width: 26px;
    height: 20px
}

.icon-ch-cooling-r,
.icon-ch-engine-r {
    background-position: -27px -145px;
    width: 27px;
    height: 27px
}

.icon-ch-engine-r {
    background-position: -31px -121px;
    width: 30px;
    height: 22px
}

.icon-ch-fuel-r,
.icon-ch-helm-r,
.icon-ch-key-r,
.icon-ch-mkpp-r {
    background-image: url(../images/sprite.png);
    background-position: -135px -145px;
    width: 27px;
    height: 24px
}

.icon-ch-helm-r,
.icon-ch-key-r,
.icon-ch-mkpp-r {
    background-position: -81px -145px;
    height: 27px
}

.icon-ch-key-r,
.icon-ch-mkpp-r {
    background-position: -191px -24px;
    width: 23px;
    height: 23px
}

.icon-ch-mkpp-r {
    background-position: -144px -63px;
    width: 27px;
    height: 27px
}

.icon-ch-stethoscope-r,
.icon-ch-suspension-r {
    background-image: url(../images/sprite.png);
    background-position: -36px -54px;
    width: 24px;
    height: 29px
}

.icon-ch-suspension-r {
    background-position: -144px -28px;
    width: 21px;
    height: 35px
}

.icon-ch-cond-r,
.icon-ch-whell-r,
.icon-why-stock {
    background-image: url(../images/sprite.png);
    background-position: -62px -87px;
    width: 29px;
    height: 29px
}

.icon-ch-cond-r,
.icon-why-stock {
    background-position: -144px 0;
    height: 28px
}

.icon-why-stock {
    background-position: -62px 0;
    width: 45px;
    height: 45px
}

.icon-why-guarantee,
.icon-why-price,
.icon-why-professional {
    background-image: url(../images/sprite.png);
    background-position: -62px -45px;
    width: 42px;
    height: 42px
}

.icon-why-guarantee,
.icon-why-professional {
    background-position: -107px -44px;
    width: 35px
}

.icon-why-professional {
    background-position: -107px 0;
    width: 37px;
    height: 44px
}

* {
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    font-family: 'MuseoSans', sans-serif
}

body,
html {
    min-height: 100%
}

body {
    /*overflow-x: hidden;*/
    min-width: 320px
}

.block {
    /*width: 100%;*/
    /*float: left*/
}

.has-dark-bg:before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .7);
    content: '';
    position: absolute
}

.h2,
.h3 {
    width: 100%;
    display: inline-block;
    margin-top: 0
}

h2, .h2 {
    float: left;
    font-size: 3.125rem;
    color: #efa500;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 50px
}

h3, .h3 {
    margin-bottom: 40px
}

.h3__num {
    float: left;
    font-size: 6.937rem;
    color: #efa500;
    font-weight: 900;
    line-height: 1
}
    .h3__num.h3__num-home { margin-top: 0.5em; }

.h3__text,
.h4,
.p {
    display: inline-block
}

.h3__text {
    font-size: 1.25rem;
    color: #444;
    font-weight: 900px;
    text-transform: uppercase;
    line-height: 1;
    padding: 5px 0;
    background-color: #fff;
    position: absolute;
    bottom: 25px;
    left: 72px;
    max-width: 300px;
    width: 300px
}

.h4,
.p {
    width: 100%
}

h4, .h4 {
    margin-top: 0;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 1.562rem;
    color: #efa500
}

.p {
    font-size: 1rem;
    color: #444
}

.p.p_w {
    font-size: 1.125rem;
    color: #fff
}

.p:not(:last-child) {
    margin-bottom: 20px
}

.p:last-child {
    margin-bottom: 0
}

.header {
    margin-top: 15px;
    margin-bottom: 40px
}

.header__top {
    margin-bottom: 8px
}

.top-header-text {
    float: right;
    text-decoration: none
}

.top-header-text i,
.top-header-text span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1
}

.top-header-text span {
    font-size: .875rem;
    color: #fff
}

.top-header-text i {
    margin-right: 10px
}

a.top-header-text span {
    transition: color .2s ease
}

a.top-header-text:last-child {
    margin-left: 30px;
    padding-left: 30px
}

a.top-header-text:last-child:after {
    width: 1px;
    height: 15px;
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.menu__single.menu__single_active a,
a.top-header-text:hover span {
    color: #efa500
}

.header__main {
  background-color: #fff;
}

.header__main .header__main-items {
  padding: 15px 20px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  align-items: flex-start;
}

.page-node-type-kontakty .header__main .header__main-items {
  padding: 0;
}

.header__main.open .header__main-items {
  height: auto;
}

.header__mobile-link {
  width: 100%;
}

.header__mobile-link .contact-link--sm {
  /* padding: 15px 20px 10px 15px; */
}

.logo__text {
    display: inline-block;
    font-size: 1rem;
    color: #444;
    margin-left: 15px
}

.open-mobile-nav {
    display: none
}

.menu.menu--top-menu {
    text-align: right;
    margin-bottom: 0
}

.menu__single {
    display: inline-block;
    list-style: none;
    margin-left: 25px
}

.menu__single.menu__single_active a:after {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #444;
    position: absolute;
    display: block;
    content: '';
    left: -16px;
    top: 6px
}

.menu__single a {
    font-size: .875rem;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    transition: color .2s ease
}

.hpf-button:hover,
.menu__single a:hover {
    text-decoration: none;
    color: #efa500
}

.hp-first {
    width: 100%;
    height: 1000px;
    background-image: url(../images/home-first-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom
}

/* .car-brands:after, */
.hp-about:after,
.hp-first:after,
.hp-repair:after {
    width: 1920px;
    height: 690px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    background-image: url(../images/decoration/home-first-bg-decor.png);
    background-repeat: no-repeat;
    z-index: 2;
    bottom: 0
}

.hp-first>* {
    z-index: 3
}

.hpf-title {
    margin-top: 100px
}

.hpf-title__big {
    font-size: 4.135rem;
    color: #efa500;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 1
}
	.hpf-title__big__home {
		font-size: 3rem;
	}

.hpf-title__subtitle {
    font-size: 1.875rem;
    color: #fff;
    line-height: 1
}

.hpf-text {
    font-size: 1.125rem;
    color: #fff;
    display: inline-block;
    width: 100%;
    margin: 35px 0
}

.hpf-button {
    height: 60px;
    padding: 0 35px;
    line-height: 60px;
    color: #444;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    transition: all .2s ease
}

.hpf-button:hover {
    background-color: #efa500;
    color: #fff
}
    .hpf-button.hpf-button-new { display: inline-block; background-color: #efa500; color: #fff; }
        .hpf-button.hpf-button-new:hover { background-color: #ddd; color: #444; }


.graph-menu {
    padding-left: 45px
}

.graph-menu__col {
    width: 290px;
    float: left
}

.graph-menu__col.graph-menu__col_2 {
    width: 220px;
    float: right
}

.single-graph-menu-link {
    display: inline-block;
    margin-bottom: 18px
}

.single-graph-menu-link:hover .single-graph-menu-link__icon {
    -o-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.single-graph-menu-link:hover .single-graph-menu-link__text {
    text-decoration: underline
}

.single-graph-menu-link__icon {
    background-color: #efa500;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    margin-right: 12px;
    -o-transition: transform .2s linear;
    -ms-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -webkit-transition: transform .2s linear;
    transition: transform .2s linear
}

.single-graph-menu-link__icon span {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.single-graph-menu-link__text {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 1rem;
    font-weight: 300
}

.car-brands {
    background-color: #f5f5f5;
    padding-top: 30px;
    /* padding-bottom: 145px */
}

.hp-about:after,
.hp-repair:after {
    height: 270px;
    background-image: url(../images/decoration/decor-2.png);
    z-index: 1
}

.car-brands>* {
    z-index: 2
}

.car-brands__top {
    /*margin-bottom: 40px;*/
    /*padding-right: 60px*/
}

.cb-title {
    color: #efa500;
    font-size: 1.875rem;
    font-weight: 900;
    margin-top: 0;
    float: left;
    margin-bottom: 0
}

.cb-show-all {
    color: #efa500;
    font-size: 1rem;
    float: right;
    text-transform: lowercase;
    font-weight: 500;
    margin-top: 9px;
    transition: opacity .2s ease
}

.cb-show-all:hover {
    opacity: .6;
    color: #efa500
}

.car-brands__content {
    /*padding-right: 60px*/
    padding: 1em 0;
}
    .car-brands-new .car-brands__content { padding: 0; }

.car-brands__content .col-md-4 {
    text-align: right
}

.car-brands__content .row>.col-md-4:nth-child(3n+1) {
    text-align: left
}

.single-car-brand {
    text-align: center;
    display: inline-block;
    margin-bottom: 20px
}

.rs-single-slide__text author,
.single-car-brand:hover .single-car-brand__name {
    color: #efa500
}

.single-car-brand:hover .single-car-brand__img img {
    max-width: 100%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.single-car-brand__img {
    height: 91px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.single-car-brand__img img {
    display: block;
    width: auto;
    max-width: 175px;
    max-height: 100%;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

.single-car-brand__name {
    font-size: 1rem;
    font-weight: 700;
    color: #444;
    display: inline-block;
    float: none;
    text-transform: uppercase;
    margin-top: 17px;
    transition: color .2s ease
}

.get-call-form {
    background-color: #fff;
    padding: 45px 25px 30px;
    border-right: 19px solid #efa500;
    border-bottom: 19px solid #efa500;
    text-align: center;
    margin-top: -160px;
    z-index: 3
}

.get-call-form__title {
    font-size: 1.25rem;
    color: #444;
    font-weight: 900;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase
}

.default-input {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    line-height: 40px;
    padding: 0 18px;
    border: none;
    outline: none;
    margin-bottom: 20px;
    font-size: 1rem;
    color: #444;
    border-radius: 0
}

.jq-selectbox__select {
    border: none!important;
    padding: 0;
    height: 40px
}

.jq-selectbox__select .jq-selectbox__select-text {
    line-height: 40px;
    font-size: 1rem
}

.jq-selectbox__select .jq-selectbox__select-text.placeholder {
    color: #666
}

.jq-selectbox__select,
.jq-selectbox__select:hover {
    background: 0 0;
    text-align: left;
    background-color: transparent;
    box-shadow: none
}

.jq-selectbox__trigger {
    border-left: none
}

.jq-selectbox__trigger-arrow {
    top: 18px;
    right: 0
}

.jq-selectbox__dropdown {
    left: 0;
    box-shadow: none;
    margin-top: 0;
    border-radius: 0
}

.jq-selectbox li {
    padding-left: 17px;
    text-align: left
}

textarea.default-input {
    height: 265px
}

.get-call-form__button {
    text-transform: uppercase;
    color: #fff;
    transition: opacity .2s ease;
    font-weight: 700;
    font-size: 1.25rem;
    border: none;
    outline: none;
    background-color: #efa500;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    display: inline-block;
    cursor: pointer
}

.get-call-form__button:hover {
    opacity: .6
}

.why-we {
    padding-bottom: 70px
}

.why-we.why-we_row {
    padding-top: 100px;
    padding-bottom: 40px
}

/*.why-we.why-we_row:after {
    width: 1920px;
    height: 300px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    background-image: url(../images/decoration/decor-footer-2.png);
    background-repeat: no-repeat;
    z-index: 1;
    bottom: -300px
}*/

/*.why-we.why-we_row,*/
.why-we.why-we_row .h3 .h3__text {
    background-color: #f6f6f6
}

.why-we.why-we_row .why-we-single {
    opacity: 1;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.why-we__img {
    width: auto !important;
}

.why-we-single {
    margin: 25px 0 25px 50px;
    opacity: 0
}

.why-we-single__title {
    float: left!important;
    padding-left: 60px;
    font-size: 1.125rem;
    color: #333;
    font-weight: 900;
    line-height: 1.2;
    padding-top: 5px;
    margin-bottom: 20px
}

.why-we-single__title .icon {
    position: absolute;
    left: 0;
    top: 0
}

.why-we-single__text {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    color: #444
}

.hp-about {
    background-image: url(../images/network-img.jpg)
}

.hp-about,
.hp-repair {
    padding-bottom: 230px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.hp-about .container,
.hp-repair .container {
    z-index: 3;
    padding-top: 160px
}

.car-before-after:after,
.car-before-after:before,
.hp-about .container:after,
.hp-repair .container:after,
.reviews:after {
    width: 1920px;
    height: 270px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    background-repeat: no-repeat;
    z-index: 1
}

.car-before-after:before,
.hp-about .container:after,
.hp-repair .container:after {
    top: 0;
    background-image: url(../images/decoration/decor-1.png)
}

.hp-about .container>*,
.hp-repair .container>* {
    z-index: 2
}

.services {
    padding-top: 70px
}

.default-table td,
.services__row {
    text-align: center
}

.services__row>div,
.single-service {
    text-align: center;
    display: inline-block
}

.services__row>div {
    float: none;
    width: 24.5%;
    vertical-align: top
}

.single-service {
    margin-bottom: 40px
}

.hp-photos__single:hover img,
.single-service:hover .single-service__img {
    filter: brightness(80%);
    -moz-filter: brightness(80%);
    -webkit-filter: brightness(80%)
}

.single-service:hover .single-service__name {
    text-decoration: underline
}

.single-service__img {
    max-width: 100%;
    display: inline-block;
    transition: filter .2s ease;
    filter: brightness(100%);
    -moz-filter: brightness(100%);
    -webkit-filter: brightness(100%)
}

.single-service__name {
    font-size: 1rem;
    font-weight: 900;
    color: #efa500;
    text-transform: uppercase;
    margin-top: 15px;
    line-height: 1.1;
    display: inline-block
}

.hp-repair {
    background-image: url(../images/repair-img.jpg)
}

.hp-photos {
    padding-top: 100px;
    padding-bottom: 250px
}

.hp-photos__single {
    display: inline-block;
    margin-bottom: 35px
}

.hp-photos__single img {
    max-width: 100%;
    transition: filter .2s ease
}

.car-before-after {
    height: 640px;
    background-color: #f6f6f6
}

.car-before-after:after,
.reviews:after {
    background-image: url(../images/decoration/decor-2.png);
    bottom: 0
}

.car-before-after__img {
    position: absolute;
    width: 350px;
    height: auto;
    z-index: 3;
    left: 50%;
    margin-left: -175px;
    top: -10px
}

.car-before-after__text {
    font-size: 2.5rem;
    color: #efa500;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.3;
    margin-top: 200px
}

.car-before-after__text.car-before-after__text_left {
    margin-left: 40px;
    float: left
}

.car-before-after__text.car-before-after__text_right {
    float: right;
    margin-right: 40px
}

.reviews {
    padding-top: 100px;
    padding-bottom: 130px
}

/*.reviews:after {
    height: 300px;
    background-image: url(../images/decoration/decor-footer.png);
    bottom: -300px
}*/

.bx-wrapper,
.reviews__slider {
    width: 990px;
    float: none;
    margin: 0 auto
}

.bx-wrapper {
    border: none;
    box-shadow: none!important;
    max-width: 990px!important
}

.bx-wrapper .bx-controls-direction a {
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: 0 -54px;
    width: 36px;
    height: 67px;
    top: -110px;
    transition: opacity .2s ease
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    left: -60px
}

.bx-wrapper .bx-controls-direction a.bx-next {
    right: -60px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.bx-wrapper .bx-controls-direction a.bx-next:active,
.bx-wrapper .bx-controls-direction a.bx-next:focus,
.bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-image: url(../images/sprite.png);
    background-position: 0 -54px;
    width: 36px;
    height: 67px
}

.bx-wrapper .bx-controls-direction a:hover {
    opacity: .5
}

.bx-wrapper .bx-pager {
    padding-top: 0
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #444
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #efa500
}

.rs-single-slide__photo {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 5px
}

.rs-single-slide__photo img,
.rs-single-slide__photo span {
    width: 188px;
    display: block;
    border: 4px solid #efa500;
    height: 188px;
    border-radius: 50%
}

.rs-single-slide__photo span {
    width: 55px;
    height: 55px;
    background-color: #444;
    display: inline-block;
    text-align: center;
    padding-top: 13px;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 2
}

.rs-single-slide__text {
    width: 750px;
    font-size: 1.25rem;
    color: #444;
    font-style: italic;
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px
}

.footer {
    height: 620px
}

.footer__map {
    width: 100%;
    height: 100%
}

.contact-block {
    border-right: 0;
    border-bottom: 0;
    margin-top: 50px;
    height: 365px
}

.contact-block .get-call-form__title {
    margin-bottom: 40px
}

.contact-block:after,
.contact-block:before {
    width: 15px;
    height: 350px;
    background-color: #efa500;
    position: absolute;
    display: block;
    content: '';
    left: -15px;
    top: 0
}

.contact-block:before {
    width: 100%;
    height: 20px;
    top: -20px
}

.contact-block__single {
    width: 100%;
    float: left;
    text-align: left
}

.contact-block__single:not(:last-child) {
    margin-bottom: 20px
}

.contact-block__single strong {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    color: #efa500;
    font-style: 1.125rem;
    font-weight: 700
}

.contact-block__single address,
.contact-block__single span {
    font-style: normal;
    color: 444444;
    font-style: 1rem;
    margin-bottom: 0
}

.default-top-section {
    height: 630px
}

.default-top-section>.container {
    z-index: 3
}

.default-page:after,
.default-top-section:after {
    width: 1920px;
    height: 270px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    background-image: url(../images/decoration/decor-2.png);
    background-repeat: no-repeat;
    z-index: 1;
    bottom: 0
}

.default-top-section .hpf-title {
    margin-top: 30px
}

.default-top-section .hp-first__img {
    max-width: 100%;
    float: right
}

.default-page {
    padding-top: 70px;
    padding-bottom: 80px
}

.default-page:after {
    height: 80px;
    background-image: url(../images/decoration/decor-3.png);
    bottom: -80px
}

.default-page__sidebar {
    width: 325px;
    float: left
}

.sidebar-services-menu {
    list-style: none
}

.sidebar-services-menu__single {
    list-style: none;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 35px
}

.ssm-link {
    display: inline-block
}

.ssm-link:hover .ssm-link__icon {
    opacity: .6
}

.ssm-link:hover .ssm-link__name {
    text-decoration: underline
}

.ssm-link__icon,
.ssm-link__name {
    display: inline-block;
    vertical-align: middle
}

.ssm-link__icon {
    width: 40px;
    transition: opacity .2s ease
}

.ssm-link__name {
    font-style: 1rem;
    color: #444;
    line-height: 1
}

.default-page__content {
    width: 815px;
    float: right;
    padding-left: 30px;
    border-left: 1px solid #ebebeb
}

.info-block:not(:last-child) {
    margin-bottom: 50px
}

.work-stages {
    text-align: left
}

.work-stages__single {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.work-stages__single span {
    display: inline-block;
    text-align: center;
    line-height: 54px;
    font-size: 1.625rem;
    color: #444;
    background-image: url(../images/sprite.png);
    background-position: 0 0;
    width: 62px;
    height: 54px;
    margin-bottom: 10px
}

.work-stages__single p {
    color: #444;
    font-size: 1rem
}

.work-stages__single:not(:last-child) {
    margin-right: 65px
}

.work-stages__single:not(:last-child):after {
    content: '';
    position: absolute;
    display: block;
    background-image: url(../images/sprite.png);
    background-position: -117px -121px;
    width: 21px;
    height: 16px;
    right: -43px;
    top: 18px
}

.default-table {
    width: 100%
}

.default-table thead {
    height: 40px;
    background-color: #efa500
}

.default-table thead td {
    height: 40px;
    color: #fff;
    font-size: 1.125rem
}

.default-table td:first-child {
    padding-left: 20px;
    text-align: left
}

.default-table tbody tr {
    background-color: #f8f8f8
}

.default-table tbody tr:nth-child(2n) {
    background-color: #ebebeb
}

.default-table tbody tr td {
    height: 60px;
    color: #000;
    font-size: 1rem
}

.flex-wrapper {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.flex-wrapper__decimer {
    width: 2px;
    height: 83px;
    background-color: #ebebeb;
    display: inline-block
}

.single-price-card {
    display: inline-block;
    text-align: center
}

.single-price-card__name {
    color: #000;
    font-size: 1.125rem;
    font-weight: 900
}

.single-price-card__price,
.single-price-card__time {
    display: inline-block
}

.single-price-card__price.single-price-card__time,
.single-price-card__time.single-price-card__time {
    margin-bottom: 5px
}

.single-price-card__price span,
.single-price-card__time span {
    color: #efa500;
    font-size: 1.125rem;
    font-weight: 700;
    margin-left: 5px
}

.single-price-card__price i,
.single-price-card__price span,
.single-price-card__time i,
.single-price-card__time span {
    display: inline-block;
    vertical-align: middle
}

.default-page__photos {
    margin-top: 100px
}

@media (max-width:1199px) {
    .logo__text {
        display: inline-block;
        /*font-size: 1rem;*/
        color: #444;
        margin-left: 15px;
        width: 230px;
        vertical-align: middle
    }
    .graph-menu {
        padding-left: 0
    }
    .graph-menu__col {
        width: 250px;
        float: left
    }
    .graph-menu__col .single-graph-menu-link__text {
        width: 170px
    }
    .graph-menu__col.graph-menu__col_2 {
        width: 200px;
        float: right
    }
    .graph-menu__col.graph-menu__col_2 .single-graph-menu-link__text {
        width: 120px
    }
    .single-graph-menu-link__text {
        width: 170px;
        line-height: 1.1
    }
    .bx-wrapper,
    .reviews__slider {
        width: 800px
    }
    .rs-single-slide__text {
        width: 550px
    }
    .car-before-after__text {
        font-size: 2.2rem
    }
    .default-page__sidebar {
        width: 245px
    }
    .ssm-link__name {
        width: 180px
    }
    .default-page__content {
        width: 685px
    }
    .work-stages__single:not(:last-child) {
        margin-right: 45px
    }
    .work-stages__single:not(:last-child):after {
        content: '';
        position: absolute;
        display: block;
        background-image: url(../images/sprite.png);
        background-position: -117px -121px;
        width: 21px;
        height: 16px;
        right: -33px;
        top: 18px
    }
}

@media (max-width:991px) {
    .header__main {
        display: block;
        padding-top: 20px;
        height: auto;
        text-align: center;
        padding-bottom: 20px;
        justify-content: space-between;
    }
    .navigation {
        margin-top: 20px
    }
    .menu,
    .navigation {
        width: 100%;
        float: left;
        text-align: center
    }
    .hp-first {
        height: 1120px
    }
    .hpf-title {
        margin-top: 0
    }
    .hp-first__img {
        display: none
    }
    .graph-menu {
        padding-left: 0;
        margin-top: 70px
    }
    .graph-menu__col {
        width: 400px;
        float: left
    }
    .graph-menu__col .single-graph-menu-link__text {
        width: 100px
    }
    .graph-menu__col.graph-menu__col_2 {
        width: 320px;
        float: right
    }
    .graph-menu__col.graph-menu__col_2 .single-graph-menu-link__text {
        width: 90px
    }
    .single-graph-menu-link {
        /*width: 50%*/
        width: 80%;
    }
    .single-graph-menu-link__text {
        width: 170px;
        line-height: 1.1
    }
    .car-brands__top {
        padding-right: 0
    }
    .car-brands__content {
        padding-right: 0;
        margin-bottom: 40px
    }
    .get-call-form {
        margin-top: 0
    }
    textarea.default-input {
        height: 135px
    }
    .hp-photos {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .car-before-after {
        height: 400px
    }
    .car-before-after__img {
        width: 250px;
        margin-left: -125px;
        top: -10px
    }
    .car-before-after__text {
        font-size: 1.6rem;
        margin-top: 100px
    }
    .car-before-after__text.car-before-after__text_left {
        margin-left: 0;
        float: left
    }
    .car-before-after__text.car-before-after__text_right {
        float: right;
        margin-right: 0
    }
    .bx-wrapper,
    .reviews__slider {
        width: 600px;
        text-align: center
    }
    .rs-single-slide__text {
        width: 550px;
        margin-top: 20px;
        margin-left: 0
    }
    .default-page__sidebar {
        width: 215px
    }
    .ssm-link__name {
        width: 160px
    }
    .default-page__content {
        width: 505px
    }
    .flex-wrapper {
        width: 100%;
        float: left;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-flow: wrap
    }
    .flex-wrapper__decimer {
        display: none
    }
    .single-price-card {
        width: 50%;
        text-align: left
    }
    .single-price-card:last-child {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .h2 {
        font-size: 2rem
    }
    .hp-first {
        height: auto;
        padding-bottom: 150px
    }
    .hpf-title__big {
        font-size: 2.635rem;
        color: #efa500;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1
    }
    .hpf-title__subtitle {
        font-size: 1.375rem;
        color: #fff;
        line-height: 1
    }
    .graph-menu {
        padding-left: 0;
        margin-top: 70px
    }
    .graph-menu__col {
        width: 100%;
        float: left
    }
    .graph-menu__col .single-graph-menu-link__text {
        width: 100px
    }
    .graph-menu__col.graph-menu__col_2 {
        width: 100%;
        float: right
    }
    .graph-menu__col.graph-menu__col_2 .single-graph-menu-link__text {
        width: 90px
    }
    .single-graph-menu-link {
        /*width: 50%*/
        width: 80%;
    }
    .single-graph-menu-link__text {
        width: 170px;
        line-height: 1.1
    }
    .car-brands__content .col-md-4 {
        text-align: center
    }
    .car-brands__content .row>.col-md-4:nth-child(3n+1) {
        text-align: center
    }
    .why-we__img {
        position: static;
        right: 0;
        top: 80px
    }
    .why-we__img,
    .why-we__img img {
        max-width: 100%
    }
    .services__row {
        text-align: center
    }
    .services__row>div {
        display: inline-block;
        float: none;
        text-align: center;
        width: 45%;
        vertical-align: top
    }
    .hp-photos {
        padding-top: 100px;
        padding-bottom: 0
    }
    .car-before-after {
        display: none
    }
    .bx-wrapper,
    .reviews__slider {
        width: 100%;
        text-align: center
    }
    .rs-single-slide__text {
        width: 100%;
        margin-top: 20px;
        margin-left: 0
    }
    .bx-controls,
    .bx-controls-direction {
        position: static
    }
    .bx-wrapper .bx-controls-direction a {
        display: inline-block;
        background-image: url(../images/sprite.png);
        background-position: 0 -54px;
        width: 36px;
        height: 67px;
        top: 80px;
        transition: opacity .2s ease
    }
    .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 0
    }
    .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0;
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }
    .bx-wrapper .bx-controls-direction a.bx-next:active,
    .bx-wrapper .bx-controls-direction a.bx-next:focus,
    .bx-wrapper .bx-controls-direction a.bx-next:hover {
        background-image: url(../images/sprite.png);
        background-position: 0 -54px;
        width: 36px;
        height: 67px
    }
    .bx-wrapper .bx-controls-direction a:hover {
        opacity: .5
    }
    .footer>ymaps {
        margin-top: 100px
    }
    .default-page__sidebar {
        width: 100%
    }
    .ssm-link__name {
        width: 160px
    }
    .default-page__content {
        width: 100%;
        padding-left: 0;
        border-left: none
    }
}

@media (max-width:570px) {
    html {
        font-size: 15px
    }
    .default-top-section {
        height: auto;
        padding-bottom: 100px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }
    .header__top {
        text-align: center
    }
    .top-header-text {
        float: left;
        clear: left;
        display: inline-block;
        text-decoration: none
    }
    .top-header-text i,
    .top-header-text span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.1
    }
    .top-header-text span {
        font-size: .875rem;
        color: #fff
    }
    .top-header-text i {
        margin-right: 10px
    }
    a.top-header-text {
        float: left
    }
    a.top-header-text span {
        transition: color .2s ease
    }
    a.top-header-text:last-child {
        padding-left: 0;
        margin: 4px 0
    }
    a.top-header-text:last-child:after {
        width: 1px;
        height: 15px;
        background-color: #fff;
        content: '';
        position: absolute;
        left: 0;
        display: none;
        top: 0
    }
    .menu__single.menu__single_active a,
    a.top-header-text:hover span {
        color: #efa500
    }
    .logo__text,
    .navigation {
        margin-top: 10px
    }
    .navigation {
        width: auto;
        float: right;
    }
    .open-mobile-nav {
        display: inline-block;
        float: right;
    }
    .open-mobile-nav img {
        width: 30px
    }
    .menu {
        margin-top: 15px;
        margin-bottom: 0;
        width: 100%;
        text-align: right;
        display: none
    }

    .menu__single {
        display: inline-block;
        list-style: none;
        width: 100%;
        margin-left: 0
    }
    .menu__single a {
        font-size: 1.2rem;
        padding-right: 0 !important;
    }
    .menu__single.menu__single_active a:after {
        width: 6px;
        height: 6px;
        border-radius: 4px;
        background-color: #444;
        position: absolute;
        display: block;
        content: '';
        left: -14px;
        top: 8px
    }
    .car-brands__content>div>div,
    .cb-title {
        width: 100%
    }
    .cb-show-all {
        float: left
    }
    .single-price-card {
        width: 100%;
        text-align: left
    }
    .single-price-card:last-child {
        margin-top: 30px
    }
    .single-price-card:first-child {
        margin-bottom: 30px
    }
    .table-viewer {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }
    .table-viewer table {
        width: 600px;
        max-width: 1000px
    }

    .h3__num {
      display: flex;
      align-items: center;
      width: 100%;
      font-size: 4.5rem;
    }

    .h3__text {
      padding: 3px 0;
      left: 91px;
      width: calc(100% - 99px);
      bottom: auto;
    }

    b.h3 {
      text-align: left;
    }

    .h1, .h3, .h4, .h5, .h6 {
      text-align: left !important;
      display: flex;
      align-items: center;
    }

    .why-we-single {
      opacity: 1;
    }

    .block-views-blockgde-remontirovat-block-1 .row.text-left{
      margin-left: 0;
      margin-right: 0;
    }

    .block-views-blockgde-remontirovat-block-1 .bg-f6 {
      background-color: #fff !important;
    }

    .why-we.why-we_row .h3 .h3__text {
      background-color: #fff !important;
    }

    .path-frontpage section.why-we--number .h3__num:before {
      font-size: 4.5rem !important;
    }
}