@-moz-keyframes shake {
    0%, to {
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px,0,0)
    }
}
@-webkit-keyframes shake {
    0%, to {
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px,0,0)
    }
}
@-o-keyframes shake {
    0%, to {
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px,0,0)
    }
}
@keyframes shake {
    0%, to {
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px,0,0)
    }
}
.flying_mobile{
    display: none;
}
button:focus, input:focus, select:focus, textarea:focus {
    outline: none
}
body, caption, html, strong, table, td, th {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline
}
a, abbr, acronym, address, applet, big, blockquote, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, sub, sup, tbody, tfoot, thead, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}

.imagesx_title{
    position: relative;
    bottom: 2.6em;
    color: white;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 2.1em;
    padding-top: 0.4em;
}

.img-item{
    max-width: 300px;
    text-align: center;
    width: 100%;
}

caption, strong, table, td, th {
    font-family: inherit
}
caption, table, td, th {
    vertical-align: middle
}

.bunner_army{
    display: block;
    text-align: center;
    padding-top: 40px;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    font-weight: inherit
}
caption, td, th {
    text-align: left;
    font-weight: 400
}
body {
    /* line-height: 1; */
    color: #000;
    background: #fff
}
ol, ul {
    list-style: none
}
a img {
    border: none
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #99b80c;
}
.a--block {
    position: relative;
}
.a--block__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    font-size: 0;
    line-height: 0
}
strong {
    font-weight: 500
}
.columns {
    width: 100%;
    font-size: 0;
}
.column {
    display: inline-block;
    vertical-align: top
}
.column--100 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.column--33 {
    width: 33.33%
}
.column--30 {
    width: 30%
}
.column--50 {
    width: 50%
}
.column--25 {
    width: 25%
}
.column--20 {
    width: 20%
}
.column--80 {
    width: 80%
}
.column--70 {
    width: 70%
}
.column--75 {
    width: 75%
}
.column--20-5 {
    width: 20%;
    margin-right: 5%
}
::-webkit-input-placeholder {
    color: rgba(0,0,0,.2)
}
:-moz-placeholder,::-moz-placeholder {
    color: rgba(0,0,0,.2)
}
:-ms-input-placeholder {
    color: rgba(0,0,0,.2)
}
.shake {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    -ms-animation-name: shake;
    animation-name: shake
}
@-moz-keyframes shake {
    0%, to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        -o-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        -o-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}
@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        -o-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        -o-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}
@-o-keyframes shake {
    0%, to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        -o-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        -o-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}
@keyframes shake {
    0%, to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        -o-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        -o-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}
body, html {
    background: #f6f6f6;
    min-width: 320px
}
body, html, input, select {
    font-family: "Ubuntu";
    font-weight: 300
}
input {
    -webkit-appearance: none
}
.flex_text_img {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0px auto 60px;
}
.flex_text_img img {
  margin: 0 40px;
  border: 20px solid #eee;
}
.column-2 {
  column-count: 2;
  max-width: 1000px;
  margin: 40px auto;
  background: #f5f5f5;
  padding: 30px;
}
.page {
    height: 100%;
    width: 100%;
    padding-top: 142px
}
.container {
    width: 100%;
    max-width: 1400px;
    min-width: 320px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.container--page {
    margin-top: 28px;
    /* padding-left: 60px;
    padding-right: 40px; */
}
.header {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1)
}
.btn.btn--header-order, .header__logo a, .header__nav-item a {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out
}
.header__logo a:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}
body, html {
    height: 100%
}
.footer__push {
    height: 70px
}
.content {
    clear: both;
    /* min-height: 100%; */
    height: auto!important;
    /* margin-bottom: -70px */
}
.footer {
    clear: both;
    position: relative
}
.catalogue__item, .catalogue__item:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.catalogue__item-title:after, .catalogue__item:after {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}
.catalogue__item:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}
.catalogue__item:hover:after {
    -ms-filter: none;
    filter: none;
    opacity: 1
}
.catalogue__item:hover .catalogue__item-title:after {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    bottom: 16px
}
.catalogue__item-picture {
    -webkit-background-size: cover;
    -moz-background-size: cover
}
.catalogue__item-title:after {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}
.item__column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.item__available {
    -webkit-border-radius: 20px
}
.item__construct, .item__construct-button, .item__construct-button span:after, .item__description .column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.item__construct-button span:after {
    margin-left: 16px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    background: url(/assets/i/build-arrow.png) no-repeat;
    width: 6px;
    height: 10px
}
.item__property-select {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0
}
.item__property-select option {
    direction: ltr
}
.item__color, .item__color:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}
.item__color {
    -webkit-border-radius: 100%
}
.item__color:after {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}
.item__color--selected {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5)
}
.item__color--selected:after {
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    -ms-transform: scale(.6)
}
.item__property-ticker {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.item__summary-price strong {
    font-weight: 700
}
.contacts, .contacts .column, .contacts__info, .mfp-content, .popup, .popup .column, .popup .popup__input input, .popup .popup__textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.popup .popup__input input {
    padding: 0 18px;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border: 1px solid #e7e7e7;
    font-size: 16px;
    color: #24283b;
    font-family: Ubuntu
}
.slider {
    -webkit-background-size: cover;
    -moz-background-size: cover
}
.slide__content {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}
.slide__btn {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}
.slide__image {
    -webkit-background-size: cover;
    -moz-background-size: cover
}
.slider__nav {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
.text .article {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.breadcrumbs {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}
.breadcrumbs a, .scroll-top {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}
.article a:hover, .breadcrumbs a:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}
.btn {
    -webkit-border-radius: 7px
}
.scroll-top {
    -webkit-border-radius: 100px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}
.scroll-top--visible {
    -ms-filter: none;
    filter: none
}
.inner-nav__item a:before {
    content: '—';
    display: inline;
    padding-right: 5px
}
.article h1 {
    margin-bottom: 45px;
    font-size: 32px;
    font-wieght: 700
}
.article blockquote {
    font-size: 18px;
    font-weight: 700
}
.article blockquote, .article li, .article p {
    margin-bottom: 24px;
    line-height: 140%
}
.article p>img {
    padding-right: 30px;
    padding-bottom: 30px
}
.article img {
    max-width: 100%
}
.article a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    color: #99b80c;
    transition: all .3s ease-in-out
}
.article ul {
    margin-bottom: 30px;
    max-width: 800px;
}
.article li {
    margin-bottom: 10px;
    margin-left: 20px
}
.article ul>li:before {
    content: "— ";
    position: absolute;
    margin-left: -25px;
}
@media (max-width:1000px) {
    .scroll-top {
        right: 40px;
        bottom: 30px
    }

    .flying_mobile{
        display: block !important;
        font-size: 25px;
        color: white;
        font-weight: bold;
    }

    .flying_mobile a{
        color: white;
        text-decoration: none;
    }

    .container {
        padding: 0 40px
    }
    .catalogue__item {
        width: 50%
    }
    .header__phone {
        left: 20px;
        position: absolute
    }
    .header__misc {
        width: 100%;
        right: 0
    }
    .header__quality {
        display: none
    }
    .btn.btn--header-order {
        position: absolute;
        right: 20px;
        top: 20px
    }
    .text__article {
        width: 100%
    }
    .text__pictures {
        display: none
    }
    .contacts .column {
        margin-bottom: 10px;
        width: 50%
    }
}
@media (max-width:1100px) {
    .column--content .catalogue__item {
        width: 50%
    }
}
@media (max-width:880px) {
    .column--nav {
        width: 40%
    }
    .column--content {
        width: 60%
    }
    .column--content .catalogue__item {
        width: 100%
    }
}
@media (max-width:650px) {
    .scroll-top {
        display: none
    }

    .vid_io{
        display: none;
    }

    .container {
        padding: 0 20px
    }
    .catalogue__item, .contacts .column {
        width: 100%
    }
    body, html {
        height: 100%
    }
    .footer__push {
        height: 180px
    }
    .content {
        clear: both;
        min-height: 100%;
        height: auto!important;
        margin-bottom: -180px
    }
    .footer {
        clear: both;
        position: relative;
        height: 180px;
        padding-top: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .footer__block {
        width: 100%;
        text-align: center
    }
    .column--content, .column--nav {
        width: 100%
    }
}
.mfp-align-top .mfp-container:before {
    display: none
}
@media (max-width:750px) {
    .breadcrumbs {
        display: none
    }
    .header__main {
        height: 50px
    }
    .header__misc {
        display: none
    }
    .page {
        padding-top: 50px
    }
    .header {
        height: 50px
    }
    .header__logo {
        height: 50px;
        line-height: 50px;
        vertical-align: middle
    }
    .header__logo-img--mobile {
        display: inline
    }
    .header__logo-img--desktop, .item__construct .column {
        display: none
    }
    .slide__title {
        font-size: 24px
    }
    .slider__nav--prev {
        left: 20px
    }
    .slider__nav--next {
        right: 20px
    }
    .header__nav {
        left: 0;
        z-index: 100;
        position: absolute;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        height: auto
    }
    .header__nav--open {
        max-height: 500px
    }
    .header__nav-item {
        width: 100%;
        padding: 0;
        background: #fff
    }
    .header__misc-nav-mobile {
        display: block
    }
    .item__construct {
        background: 0 0;
        padding-left: 0
    }
    .item__construct .item__construct-button {
        display: block;
        width: 100%
    }
    .item__data .column {
        width: 100%
    }
    .item__data .item__property-value {
        text-align: left
    }
    .item__data .item__property-select {
        direction: ltr
    }
    .item__summary {
        text-align: center
    }
    .item__summary .column {
        margin-bottom: 16px
    }
    .item__summary .item__summary-title--ticker {
        margin-left: 0
    }
    .item__description .column {
        width: 100%
    }
    .item__build-input {
        width: 50px
    }
    .item__build-input:first-child {
        margin-left: 0
    }
    .text .column {
        width: 100%
    }
    .popup {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    .popup .row {
        margin-bottom: 0
    }
    .popup .column {
        width: 100%;
        margin-bottom: 35px
    }
}
.article--centered {
    text-align: center
}
.article {
    color: #3a393e;
    line-height: 140%
}
.article h2, .article h3 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 26px
}
.article h3 {
    font-size: 20px
}
.article a:hover {
    opacity: .6
}
.catalogue {
    margin-bottom: 40px;
    font-size: 0;
    display: flex;
  flex-wrap: wrap;
}
.catalogue__item {
    display: inline-block;
    box-sizing: border-box;
    padding: 30px 2% 60px;
    margin:  0 1% 2%;
    background: #fff;
    width: 30%;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    text-align: center;
    position: relative;
    border: 6px solid #fff;

    transition: .3s;
}
.catalogue__item:hover {
    border: 6px solid #98b80b;

}
.catalogue__item:after {/*
	pointer-events: none;
	border: 6px solid #98b80b;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 10;
	transition: all .2s ease-in-out;
	opacity: 0*/
}
.catalogue__item-picture {
    background-size: cover;
    background-position: 50% 50%;
    max-width: 200px;
    height: 200px;
    width: 100%;
    margin: 0 auto 10px
}
.catalogue__item-title {
    /*line-height: 140%*/
}
.catalogue__item-title a {
    border-bottom: 1px solid #9ab90f;
    padding-bottom: 2px;
    color: #3b3f4c;
    font-size: 20px;
    font-weight: 500
}
.catalogue__item-title:after {
    transition: all .1s ease-in-out;
    font-size: 14px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    content: "Смотреть";
    position: absolute;
    color: #98b80d;
    opacity: 0;
    bottom: 10px
}
.item__data {
    background: #fff;
    position: relative;
    margin-bottom: 25px
}
.item__column {
    padding: 25px 30px;
    box-sizing: border-box
}
.item__available {
    height: 20px;
    padding-left: 28px;
    background: url(/assets/i/avail.png) 0 0 no-repeat;
    color: #99b80c;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    vertical-align: middle;
    z-index: 10;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 16px
}
.item__construct {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    color: #fff;
    background: #99b80c;
    font-size: 14px;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative
}
.item__construct-button {
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    background: #79910a;
    white-space: nowrap
}
.item__property {
    display: flex;
    font-size: 14px;
    color: #777;
    line-height: 140%
}
.item__property-value {
    text-align: right;
    margin-bottom: 16px;
    color: #3b3f4c;
    font-size: 14px
}
.item__subtitle {
    margin-bottom: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3b3f4c;
    font-size: 12px
}
.item__description {
    margin-bottom: 100px
}
.item__description .column {
    box-sizing: border-box;
    padding: 25px 30px
}
.item__property-select {
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    border-radius: 0;
    font-weight: 700;
    direction: rtl;
    background: url(/assets/i/select.png) 100% 60% no-repeat;
    padding-right: 20px;
    color: #3b3f4c
}
.item__column hr {
    border-top: 1px solid #e9e9eb;
    border-bottom: 0px solid #e9e9eb;
    margin-bottom: 30px;
}
.item__property--divided {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 0;
    border-top: 1px solid #e9e9eb;
}
.item__color, .item__color:after {
    display: inline-block;
    transition: all .3s ease-in-out;
    margin-bottom: 15px;
}
.item__color {
    cursor: pointer;
    border-radius: 100%;
    margin-left: 16px;
    margin-right: 0;
    border: 0 solid #fff;
    top: -8px;
    width: 22px;
    height: 22px;
    position: relative
}
.item__color:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(/assets/i/color-sel.png) 50% 50% no-repeat;
    opacity: 0
}
.item__color--selected {
    transform: scale(1.5)
}
.item__color--selected:after {
    opacity: 1;
    transform: scale(.6)
}
.item__property-ticker {
    font-size: 14px;
    font-weight: 700;
    user-select: none
}
.item__property-ticker input {
    font-size: 14px;
    border: 0;
    width: 45px;
    text-align: center
}
.item__property-ticker-control {
    cursor: pointer;
    font-size: 14px;
    display: inline-block
}
.item__property-ticker--big {
    color: #24283b;
    font-size: 36px;
    margin-top: -4px
}
.item__property-ticker--big input {
    width: 60px;
    font-weight: 700;
    font-size: 36px
}
.item__property-ticker--big .item__property-ticker-control {
    font-size: 36px
}
.item__summary-title {
    color: #24283b;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 700
}
.item__summary-title--ticker {
    margin-left: 20px
}
.item__summary {
    padding-bottom: 20px;
    padding-top: 40px;
    margin-top: 20px;
    border-top: 1px solid #e9e9eb
}
.item__summary-price {
    font-size: 36px
}
.btn.btn--item-order {
    padding: 0 50px;
    border: 1px solid #99b80c;
    font-size: 14px;
    color: #24283b;
    position: relative;
    top: 8px
}
.btn.btn--item-order a {
    color: #24283b
}
.item__build-input {
    width: 60px;
    margin: 0 10px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    color: #24283b;
    border: 1px solid #e7e7e7
}
.item__build-input:active, .item__build-input:focus, .popup .popup__input input:focus, .popup .popup__textarea:focus {
    border: 1px solid #99b80c
}
.item__build-input:last-child {
    margin-right: 0
}
.mfp-content, .popup {
    width: 100%;
    box-sizing: border-box
}
.mfp-content {
    max-width: 700px!important
}
.popup {
    background: #fff;
    max-width: 700px;
    padding-top: 36px;
    padding-bottom: 18px
}
.popup .column {
    padding: 0 14px;
    box-sizing: border-box
}
.popup .row {
    padding: 0 16px;
    margin-bottom: 35px
}
.popup .popup__label {
    font-size: 16px;
    color: #24283b;
    margin-bottom: 12px
}
.popup .popup__textarea {
    font-size: 16px;
    width: 100%;
    resize: none;
    border: 1px solid #e7e7e7;
    height: 100px;
    padding: 18px;
    font-family: Ubuntu;
    font-weight: 100;
    box-sizing: border-box
}
.popup .btn--popup-order {
    margin: 0 auto;
    display: block;
    border: none;
    background: #99b80c;
    cursor: pointer
}
.popup__title {
    font-size: 36px;
    color: #24283b;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px
}
.popup__success-img {
    margin-bottom: 35px
}
.popup__success {
    text-align: center;
    display: none
}
.popup__success .popup__title {
    margin-bottom: 15px
}
.btn--popup-order.btn--popup-ok {
    width: 50%;
    margin: 40px auto 0
}
.contacts {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 40px
}
.contacts .column {
    box-sizing: border-box;
    padding-right: 20px
}
.contacts .column:last-child {
    padding-right: 0
}
.contacts__info {
    padding: 15px;
    box-sizing: border-box;
    display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contacts__title {
    font-size: 12px;
    color: #24283b;
    font-weight: 700;
    text-transform: uppercase
}
.contacts__data, .contacts__title {
    margin-bottom: 10px
}
/* .contacts__map {
    height: 550px
} */
.footer {
    height: 70px;
    background: #25283b;
    font-size: 13px;
    color: #8b8e9e
}
.footer__block {
    display: inline-block;
    width: 33%;
    line-height: 140%;
    margin-top: 16px
}
.footer__address {
    text-align: center
}
.footer__klear {
    text-align: right;
    position:relative;;
    color: #434557;
}
.footer__klear a {
    font-weight: 300;
        color: #434557;
}
.header {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}
.header__main {
    margin-top: -2px;
    padding-bottom: 2px;
    height: 90px;
    border-bottom: 1px solid #ebebeb
}
.header__main .container {
    position: relative
}
.header__main-block {
    vertical-align: middle;
    line-height: 90px
}
.header__logo {
    display: inline-block;
    width: 100%;
    text-align: center
}
.header__logo img {
    vertical-align: middle
}
.btn.btn--header-order, .header__logo a {
    transition: all .1s ease-in-out
}
.header__logo a:hover {
    opacity: .7
}
.header__quality {
    position: absolute;
    left: 60px;
    top: 0;
    color: #3b3f4c;
    font-size: 14px;
    background: url(/assets/i/gerb.png) no-repeat;
    background-position: 0 50%;
    padding-left: 50px
}
.btn.btn--header-order {
    border: 1px solid #c6c9d0;
    color: #24283b
}
.btn.btn--header-order:hover {
    border: 1px solid #99b80c
}
.header__misc {
    top: 0;
    right: 60px;
    position: absolute
}
.doc h3, .header__order, .header__phone {
    display: inline-block
}
.header__phone {
    margin-right: 50px;
    background: url(/assets/i/phone.png) 0 50% no-repeat;
    padding-left: 20px;

    line-height: 0;
    vertical-align: inherit;
}
.header__phone a {
    line-height: 1.5;
    color: #22273a
}
.header__nav {
    text-align: center
}
.header__misc-nav-mobile, .header__nav-item {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 16px;
    color: #24283b
}
.header__nav-item {
    list-style: none;
    text-align: center;
    padding: 0 2%;
    display: inline-block;
    position: relative
}
.header__nav-item:hover a {
    color: #98b80b
}
.header__nav-item a {
    transition: all .1s ease-in-out;
    color: #24283b;
    display: block
}
.header__nav-item--current:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: #000
}
.header__misc-nav-mobile {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 10px;
    background: url(/assets/i/header-nav-menu.png) 0 50% no-repeat;
    padding-left: 24px
}
.index-btn-wrap {
    text-align: center
}
.btn--index-catalogue {
    margin-top: 0;
    margin-bottom: 35px;
    background: #99b80c;
    position: relative
}
.btn--index-catalogue:hover {
    background: #afd311
}
.slider, .slider__wrap {
    width: 100%;
    position: relative
}
.slider__wrap {
    margin-bottom: 32px;
    height: 360px
}
.slider {
    background: url(/assets/i/slider-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 100%
}
.slide {
    width: 100%;
    text-align: center;
    height: 360px
}
.slide__content {
    width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%
}
.slide__title {
    width: 100%;
    max-width: 60%;
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    line-height: 140%;
    margin: 0 auto 25px
}
.slide__btn {
    border: 1px solid #99b80c;
    transition: all .3s ease-in-out
}
.slide__btn:hover {
    background: #99b80c
}
.slide__image {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: 50% 50%
}
.slider__nav {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    cursor: pointer
}
.slider__nav--prev {
    background: url(/assets/i/slider-prev.png);
    left: 60px
}
.slider__nav--next {
    background: url(/assets/i/slider-next.png);
    right: 60px
}
.slider .fotorama__nav-wrap {
    position: relative;
    top: -35px
}
.heading {
    font-weight: 500;
    color: #24283b
}
.heading--centered {
    text-align: center
}
.heading--h1, .heading--h2 {
    font-size: 36px;
    margin-bottom: 24px;
    /*padding-top: 50px;*/
}
.text {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.text .article {
    padding: 40px;
    box-sizing: border-box
}
.breadcrumbs {
    opacity: .5;
    font-size: 12px;
    color: #999;
    margin-top: 18px;
    margin-bottom: 18px
}
.breadcrumbs a {
    color: #24283b;
    transition: all .3s ease-in-out
}
.breadcrumbs a:hover {
    opacity: .6
}
.fotorama--text {
    height: 620px;
    width: 100%
}
.btn {
    border-radius: 7px;
    text-align: center;
    height: 50px;
    padding: 0 30px;
    color: #fff;
    background-color: #99b80c;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    line-height: 50px;
    vertical-align: middle
}
.scroll-top {
    cursor: pointer;
    position: fixed;
    right: 80px;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background-color: rgba(36,40,59,.5);
    background-image: url(/assets/i/scroll-top.png);
    background-repeat: no-repeat;
    background-position: 50% 45%;
    opacity: 0;
    bottom: 90px;
    transition: all .3s ease-in-out;
    pointer-events: none;
    z-index: 100
}
.scroll-top--visible {
    opacity: 1;
    bottom: 100px;
    pointer-events: auto
}
.inner-nav {
    background: #24283b;
    padding: 30px 22px 12px;
    color: #fff;
    font-size: 12px
}
.inner-nav a {
    color: #fff
}
.inner-nav__title {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #3a3e4f;
    line-height: 140%;
    font-size: 16px;
}
.inner-nav__title:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0
}
.inner-nav__item {
    margin-bottom: 14px
}
.inner-nav__item a {
    color: white;
    font-size: 15px;
}
.inner-nav__item--current a, .mfp-preloader a:hover {
    color: #fff
}
.docs {
    padding: 40px
}
.doc {
    border-top: 1px solid #ebebeb;
    padding-top: 25px;
    padding-bottom: 0;
    font-size: 20px
}
.doc:last-child {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 50px
}
.doc a {
    font-weigt: 300;
    color: #3b3f4c
}
.doc__desc {
    margin-left: 20px;
    font-size: 12px;
    color: #999;
    display: inline-block
}
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}
.mfp-bg, .mfp-container, .mfp-wrap {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.mfp-wrap {
    z-index: 1043;
    outline: none!important;
    -webkit-backface-visibility: hidden;
    position: fixed
}
.mfp-container {
    text-align: center;
    position: absolute;
    padding: 0 8px;
    box-sizing: border-box
}
.mfp-container:before, .mfp-content {
    display: inline-block;
    vertical-align: middle
}
.mfp-container:before {
    content: '';
    height: 100%
}
.mfp-content {
    position: relative;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure, .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:active {
    top: 1px
}
.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:before {
    opacity: .7
}
.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}
.mfp-figure:after, img.mfp-img {
    display: block;
    width: auto;
    height: auto
}
img.mfp-img {
    max-width: 100%;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure, img.mfp-img {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (min-width:900px) {
.column.column--25.column--nav {
  width: 23%;
  margin-right: 2%;
}
}


@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: opacity 0;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.mfp-content {
}
.mfp-content .zoom-anim-dialog {
    padding: 60px 60px 30px;
    background: #fff
}
.mfp-bg {
    background: #acafc0
}
.mfp-title {
    font-weight: 100;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}
@media (max-width:1000px) {
    .scroll-top {
        right: 40px;
        bottom: 30px
    }
    .container {
        padding: 0 40px
    }
    .catalogue__item {
        width: 50%
    }
    .header__phone {
        left: 20px;
        position: absolute
    }
    .header__misc {
        width: 100%;
        right: 0
    }
    .header__quality {
        display: none
    }
    .btn.btn--header-order {
        position: absolute;
        right: 20px;
        top: 20px
    }
    .text__article {
        width: 100%
    }
    .text__pictures {
        display: none
    }
    .contacts .column {
        margin-bottom: 10px;
        width: 50%
    }
}
@media (max-width:1100px) {
    .column--content .catalogue__item {
        width: 50%
    }
}
@media (max-width:880px) {
    .column--nav {
        width: 40%
    }
    .column--content {
        width: 60%
    }
    .column--content .catalogue__item {
        width: 100%
    }
}
@media (max-width:650px) {
    .scroll-top {
        display: none
    }
    .container {
        padding: 0 20px
    }
    .catalogue__item, .contacts .column {
        width: 100%
    }

    .footer {
        height: 220px !important;
        padding-top: 5px;
        box-sizing: border-box
    }
    .footer__block {
        width: 100%;
        text-align: center
    }
    .column--content, .column--nav {
        width: 100%
    }
    .header__logo-img--mobile {
        display: none
    }
}
@media (max-width:1140px) {
    .item__property {
  	display: block;
    }
    .item__property .column--30{
  	width: 100%;
    }
    .item__property .column--70{
  	width: 100%;
    }

}
@media (min-width:750px) {
  .header__logo-img--mobile{
      display: none
  }
}
@media (max-width:750px) {
    .breadcrumbs {
        display: none
    }
    .header__main {
        height: 50px
    }
    .header__misc {
        display: none
    }
    .page {
        padding-top: 50px
    }
    .header {
        height: 50px
    }
    .header__logo {
        height: 50px;
        line-height: 50px;
        vertical-align: middle
    }
    .header__logo-img--mobile {
        display: inline
    }
    .header__logo-img--desktop, .item__construct .column {
        display: none
    }
    .slide__title {
        font-size: 24px
    }
    .slider__nav--prev {
        left: 20px
    }
    .slider__nav--next {
        right: 20px
    }
    .header__nav {
        left: 0;
        z-index: 100;
        position: absolute;
        max-height: 0;
        overflow: hidden;
        transition: all 1s ease-in-out;
        height: auto
    }
    .header__nav--open {
        max-height: 500px
    }
    .header__nav-item {
        width: 100%;
        padding: 0;
        background: #fff
    }
    .header__misc-nav-mobile {
        display: block
    }
    .item__construct {
        background: 0 0;
        padding-left: 0
    }
    .item__construct .item__construct-button {
        display: block;
        width: 100%
    }
    .item__data .column {
        width: 100%
    }
    .item__data .item__property-value {
        text-align: left
    }
    .item__data .item__property-select {
        direction: ltr
    }
    .item__summary {
        text-align: center
    }
    .item__summary .column {
        margin-bottom: 16px
    }
    .item__summary .item__summary-title--ticker {
        margin-left: 0
    }
    .item__description .column {
        width: 100%
    }
    .item__build-input {
        width: 50px
    }
    .item__build-input:first-child {
        margin-left: 0
    }
    .text .column {
        width: 100%
    }
    .popup {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    .popup .row {
        margin-bottom: 0
    }
    .popup .column {
        width: 100%;
        margin-bottom: 35px
    }
}
.catalogue .text {
    padding: 10px;
}
.news {
    overflow: hidden;
    margin-bottom: 20px;
}
.news .new {
    background: #fff;
    padding: 30px 30px 50px;
    margin: 10px 0;
    width: 32%;
    box-sizing: border-box;
    height: 300px;
    float: left;
    display: inline-block;
}
.news .new:nth-child(3n+1) {
    margin-right: 2%;
}
.news .new:nth-child(3n+3) {
    margin-left: 2%;
}
.news .new:after {
    pointer-events: none;
    border: 6px solid #98b80b;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 10;
    transition: all .2s ease-in-out;
    opacity: 0;
}
.news .new:hover:after {
    -ms-filter: none;
    filter: none;
    opacity: 1;
}

.catalogue__item-title a {
    border-bottom: 1px solid #9ab90f;
    padding-bottom: 2px;
    color: #3b3f4c;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 14px;
    display: inline-block;
}
.new-block p {
    margin-bottom: 15px;
    line-height: 1.2;
}
.new__item-title a {
    border-bottom: 1px solid #9ab90f;
    padding-bottom: 2px;
    color: #3b3f4c;
    font-size: inherit;
    font-weight: 500;
    margin-bottom: 14px;
    display: inline-block;
}

.news .new:hover .new__item-title:after {
    -ms-filter: none;
    filter: none;
    opacity: 1;
    bottom: 16px;
}
@media screen and (max-width: 1200px) {
    .news .new {
        width: 100%;
        margin: 0;
        height: auto;
        margin-bottom: 20px;
    }
}
.new__item-title:after {
    transition: all .1s ease-in-out;
    font-size: 14px;
    z-index: 10;
    left: 62px;
    transform: translateX(-50%);
    content: "Смотреть";
    position: absolute;
    color: #98b80d;
    opacity: 0;
    bottom: 10px;
    padding: 10px 20px;
    background: #f5f5f5;
}
.new-block {
    padding: 40px 20px;
    background: #fff;
}
.new-block p {
    margin-bottom: 10px;
}
.header__quality a {
    color: #3b3f4c;
}
.catalogue__item-picture {
    max-width: 330px;
    height: 230px;
}
.catalogue__item-title:after {
    content: "Подробнее";
    opacity: 0.9;
    background: #99b80c;
    color: white;
    padding: 4px;
    font-size: 17px;
    border-radius: 7px;
    bottom: 16px;
}
.footer {
    height: 110px;
    padding-top: 20px;
}
/* Gallery index */
.gallery__element {
    width: 31%;
    transition: 0.2s;
    background-size: cover !important;
    display: inline-block;
    height: 200px;
    position: relative;
}
.gallery__element:before {
    transition: 0.2s;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.gallery__element:hover:before {
    background: rgba(0,0,0,0.7);
}
.gallery__element:hover span i {
    color: #98b80b;
    border-color: #98b80b;
    transition: 0.2s;
    position: relative;
    transform: translateY(-20%);
}
.gallery__element .table-verticale {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.gallery__element span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    color: #fff;
    font-size: 24px;
    transition: all 0.1s ease-in-out;
    z-index: 2;
}
.gallery__element span i {
    display: inline-block;
    transition: all 0.1s ease-in-out;
    font-style: normal;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
}
.gallery__element:nth-child(3n+1) {
    margin-right: 2%;
}
.gallery__element:nth-child(3n+3) {
    margin-left: 2%;
}
.content.gallery-view {
    margin-bottom: 20px;
}
.gallery-view .new.a--block {
    margin-left: -0.5%;
    margin-right: -0.5%;
}
.gallery-view .img-item {
    margin: 0.5%;
    height: 200px;
    display: inline-block;
    overflow: hidden;
}
.gallery-view .img-item a {
    display: block;
}
.gallery-view .img-item a img {
    height: 200px;
}
.text p {
    margin-bottom: 15px;
}
.text h2, h3, h4, h5 {
    margin-bottom: 15px;
}
.text h2 {
    font-size: 1.2em;
    font-weight: bold;
}
.text h3 {
    font-size: 1em;
    font-weight: bold;
}
.text ul {
    margin-bottom: 15px;
    margin-left: 25px;
}
/* .text ul li {
    list-style: disc;
} */

.footer__address a{
    color: white;
}
.mt-30 {
    margin-top: 30px;
}
.column.column--100.mt-30 strong{
    font-size: 14px;
}
.fz14 {
    font-size: 14px;
}
.fz16 {
    font-size: 16px;
}