.common-other, .main {
    /*position: relative;*/
}
.wrapper__advantages, .wrapper__contacts, .wrapper__content_products, .wrapper__design, .wrapper__popular {
    margin-bottom: 70px;
}
.heading {
    font-weight: 400
}

.heading_h1,
.heading_h2,
.heading_h3 {
    letter-spacing: 2px;
    font-weight   : 300
}

.heading_h1 {
    font-size: 40px
}

.heading_h2 {
    font-size: 35px
}

.heading_h3 {
    font-size: 30px
}
.common-row_main {
    margin-bottom: 30px
}

.common-row_catalog {
    margin-bottom: 70px
}

.common-row_quality {
    margin-bottom: 70px
}

.common-row_popular {
    margin-bottom: 30px
}

.common-row_advantages,
.common-row_design {
    margin-bottom: 50px
}

.common-row_text {
    margin-bottom: 70px
}

.common-row_information {
    margin-bottom: 50px
}

.common-row__info {
    margin-bottom: 10px;
    font-weight  : 300;
    color        : #616060
}

.common-other_mobile {
    display   : none;
    text-align: center
}

.common-other__image {
    display        : block;
    width          : 100%;
    height         : 425px;
    object-position: center;
    object-fit     : cover
}

.common-other__wrapper,
.social-networks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.common-other__wrapper {
    position           : absolute;
    display            : flex;
    top                : 0;
    right              : 0;
    bottom             : 0;
    left               : 0;
    padding            : 30px;
    -webkit-flex-wrap  : wrap;
    -ms-flex-wrap      : wrap;
    flex-wrap          : wrap;
    -webkit-box-align  : center;
    -webkit-align-items: center;
    -ms-flex-align     : center;
    align-items        : center;
    background         : rgba(0, 0, 0, .3)
}

.common-other__wrapper_end {
    padding            : 30px 30px 60px;
    -webkit-box-align  : end;
    -webkit-align-items: flex-end;
    -ms-flex-align     : end;
    align-items        : flex-end
}

.common-other__button {
    width      : 170px;
    padding    : 6px 12px;
    font-weight: 700;
    color      : #2C46FE !important;
    background : #F2F3F5
}

.common-other-layout__title {
    max-width    : 400px;
    margin-bottom: 15px;
    font-size    : 35px;
    font-weight  : 300;
    color        : #FFF
}

.common-other-layout__button {
    display    : block;
    max-width  : 194px;
    width      : 100%;
    padding    : 7px 12px;
    font-weight: 500;
    color      : #616060 !important;
    background : #FFF
}

.common-content_contacts {
    margin-bottom: 70px
}

.common-content__heading {
    line-height: inherit !important
}
.advantages_main {
    margin-left : -30px;
    margin-right: -30px
}

.advantages_main .advantages__column {
    padding      : 0 30px;
    margin-bottom: 45px
}

.advantages_main .advantages__column:nth-last-child(-n+2) {
    margin-bottom: 0
}

.advantages-content__image {
    display: block;
    width  : 100px;
    height : 100px;
    margin : 0 auto 15px
}

.advantages-content__heading {
    position      : relative;
    margin-bottom : 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size     : 18px;
    font-weight   : 500
}

.advantages-content__heading::before {
    position   : absolute;
    top        : -60px;
    left       : -60px;
    line-height: normal;
    font-size  : 200px;
    font-weight: 700;
    color      : rgba(0, 0, 0, .1)
}

.advantages-content__heading_1::before {
    content: '1'
}

.advantages-content__heading_2::before {
    content: '2'
}

.advantages-content__heading_3::before {
    content: '3'
}

.advantages-content__heading_4::before {
    content: '4'
}

.advantages-content__title {
    margin-bottom: 10px;
    text-align   : center;
    font-size    : 20px;
    font-weight  : 700
}

.advantages-content__text {
    line-height: 1.7;
    font-size  : 16px;
    font-weight: 300
}

.advantages-content__description {
    text-align: center;
    font-size : 16px;
    color     : #616060
}

@media screen and (max-width:991px) {

    .advantages_main .advantages__column,
    .advantages_main .advantages__column:nth-last-child(-n+2) {
        margin-bottom: 70px
    }

    .advantages_main .advantages__column:last-child {
        margin-bottom: 0
    }

    .advantages_default .advantages__column {
        margin-bottom: 30px
    }

    .advantages_default .advantages__column:nth-last-child(-n+2) {
        margin-bottom: 0
    }

    .advantages-content__heading::before {
        top      : -50px;
        left     : -30px;
        font-size: 180px
    }
}

@media screen and (max-width:767px) {

    .advantages_main .advantages__column,
    .advantages_main .advantages__column:nth-last-child(-n+2) {
        margin-bottom: 50px
    }

    .advantages_main .advantages__column:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:575px) {
    .advantages_main {
        margin-left : -15px;
        margin-right: -15px
    }

    .advantages_main .advantages__column {
        padding      : 0 15px;
        margin-bottom: 30px
    }

    .advantages_main .advantages__column:nth-last-child(-n+2) {
        margin-bottom: 30px
    }

    .advantages_main .advantages__column:last-child {
        margin-bottom: 0
    }

    .advantages-content__heading {
        margin-bottom : 15px;
        letter-spacing: 0
    }

    .advantages-content__heading::before {
        top      : -20px;
        left     : -10px;
        font-size: 100px
    }
}

@media screen and (max-width:480px) {
    .advantages_default .advantages__column {
        max-width       : 100%;
        -webkit-box-flex: 0;
        -webkit-flex    : 0 0 100%;
        -ms-flex        : 0 0 100%;
        flex            : 0 0 100%
    }

    .advantages_default .advantages__column:nth-last-child(-n+2) {
        margin-bottom: 30px
    }

    .advantages_default .advantages__column:last-child {
        margin-bottom: 0
    }

    .advantages_main .advantages__column {
        margin-bottom: 20px
    }

    .advantages-content__heading {
        margin-bottom: 10px;
        font-size    : 16px
    }

    .advantages-content__text {
        font-size: 14px
    }
}


.design__column:last-child,
.design__column:nth-child(2) {
    padding-top: 90px
}

.design-content {
    position: relative
}

.design-content__text {
    position      : relative;
    padding-left  : 3px;
    padding-bottom: 5px;
    margin-bottom : 45px;
    border-bottom : 1px solid #CCC;
    cursor        : pointer;
    font-size     : 15px;
    font-weight   : 300;
    color         : #616060
}

.design-content__text.active {
    color: #2C46FE
}

.design-options__text,
.design-options__title {
    font-size  : 15px;
    color      : #616060;
    font-weight: 300
}

.design-content__text::after {
    position  : absolute;
    content   : '';
    height    : 1px;
    background: #CCC;
    z-index   : 1
}

.design-content__text_1::after {
    width            : 75px;
    left             : 99%;
    bottom           : 11.5px;
    -webkit-transform: rotate(-20deg);
    -ms-transform    : rotate(-20deg);
    transform        : rotate(-20deg)
}

.design-content__text_2::after {
    width            : 110px;
    left             : 98.5%;
    bottom           : 17.5px;
    -webkit-transform: rotate(-20deg);
    -ms-transform    : rotate(-20deg);
    transform        : rotate(-20deg)
}

.design-content__text_3::after {
    width            : 120px;
    left             : 100%;
    bottom           : -4px;
    -webkit-transform: rotate(3deg);
    -ms-transform    : rotate(3deg);
    transform        : rotate(3deg)
}

.design-content__text_4::after {
    width            : 80px;
    right            : 97%;
    bottom           : 22px;
    -webkit-transform: rotate(35deg);
    -ms-transform    : rotate(35deg);
    transform        : rotate(35deg)
}

.design-content__text_5::after {
    width            : 120px;
    right            : 92.5%;
    bottom           : 42px;
    -webkit-transform: rotate(46deg);
    -ms-transform    : rotate(46deg);
    transform        : rotate(46deg)
}

.design-content__text:last-child {
    margin-bottom: 0
}

.design-content__image {
    position         : relative;
    display          : block;
    max-width        : 100%;
    top              : 0;
    left             : 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform    : translate(-50%, 0);
    transform        : translate(-50%, 0);
    z-index          : 0
}

.design-content__image_layout {
    position: absolute;
    opacity : 0;
    z-index : 1
}

.design-content__image_layout.visible {
    opacity: 1
}

.design-content__options {
    margin: 0 auto
}

.design-options {
    max-width         : 220px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow        : 0 0 20px rgba(0, 0, 0, .2)
}

.design-options__header {
    padding: 15px 15px 0
}

.design-options__body {
    padding: 20px
}

.design-options__title {
    padding-bottom: 10px;
    border-bottom : 1px solid #000;
    text-align    : center
}

.design-options__text {
    margin-bottom: 5px
}

.design-options__text:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1199px) {
    .design-content__text_1::after {
        width : 60px;
        bottom: 9px
    }

    .design-content__text_2::after {
        width : 70px;
        bottom: 11px
    }

    .design-content__text_3::after {
        width            : 100px;
        left             : 97.5%;
        bottom           : 19.5px;
        -webkit-transform: rotate(-24deg);
        -ms-transform    : rotate(-24deg);
        transform        : rotate(-24deg)
    }

    .design-content__text_4::after {
        width            : 60px;
        right            : 94%;
        bottom           : 23px;
        -webkit-transform: rotate(55deg);
        -ms-transform    : rotate(55deg);
        transform        : rotate(55deg)
    }

    .design-content__text_5::after {
        right            : 84.5%;
        bottom           : 52px;
        -webkit-transform: rotate(62deg);
        -ms-transform    : rotate(62deg);
        transform        : rotate(62deg)
    }
}

@media screen and (max-width:991px) {
    .heading_h2 {
        font-size: 30px;
    }
    .design__column:first-child {
        margin-bottom: 50px
    }

    .design__column:nth-last-child(-n+2) {
        padding-top: 0
    }

    .design__column:nth-child(2) {
        margin-bottom: 30px
    }

    .design-content__text {
        margin-bottom: 30px;
        font-size    : 15px
    }

    .design-content__text::after {
        display: none
    }

    .design-options {
        max-width: none
    }

    .design-options__title {
        text-align: left
    }

    .design-options__body {
        padding: 20px 15px
    }
}
@media screen and (max-width:767px) {
    .heading_h2 {
        font-size: 27px;
    }
    .design__column:first-child {
        margin-bottom: 30px
    }

    .pagination__link {
        font-size: 18px
    }
}
@media (max-width: 575px){
    .heading_h2 {
        letter-spacing: 1px;
        font-size: 24px;
    }
}
@media screen and (max-width: 400px){
    .heading_h2 {
        font-size: 18px;
    }
}
@media screen and (max-width: 480px){
    .heading_h2 {
        letter-spacing: 0;
        font-size: 21px;
    }
}