html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    *,
    *::before,
    *::after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }
    
    html,
    body {
        height: 100%;
        position: relative;
        word-wrap: break-word;
        background-color: #F7F7F7
    }
    
    .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100%;
        overflow: hidden
    }
    
    .content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    
    .footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    
    body {
        font-family: "Roboto-Medium", sans-serif;
        font-weight: 500
    }
    
    a {
        display: inline-block;
        text-decoration: none
    }
    
    a:active,
    a:focus {
        outline: none
    }
    
    button:active,
    button:focus {
        outline: none
    }
    
    ul,
    li {
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    .container {
        padding: 0px 15px;
        max-width: 1170px;
        width: 100%;
        margin: 0 auto
    }
    
    img {
        max-width: 100%
    }
    
    .section__title {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 33px;
        font-weight: 500
    }
    
    .main__title {
        font-size: 48px;
        line-height: 56px;
        margin-left: -3px;
        margin-top: -10px;
        margin-bottom: 26px;
        font-weight: 500
    }
    
    .order-button {
        max-width: 170px;
        width: 100%;
        background-color: #BD3434;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 21px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .mb0 {
        margin-bottom: 0
    }
    
    .mb10 {
        margin-bottom: 10px
    }
    
    .mb20 {
        margin-bottom: 20px
    }
    
    .mb27 {
        margin-bottom: 27px
    }
    
    .mb30 {
        margin-bottom: 30px
    }
    
    .mb40 {
        margin-bottom: 40px
    }
    
    .mt0 {
        margin-top: 0
    }
    
    .mt10 {
        margin-top: 10px
    }
    
    .mt20 {
        margin-top: 20px
    }
    
    .mt27 {
        margin-top: 27px
    }
    
    .mt30 {
        margin-top: 30px
    }
    
    .mt40 {
        margin-top: 40px
    }
    
    .order-button:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.f1);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75)
    }
    
    .breadcrumbs {
        margin-top: 4px
    }
    
    .breadcrumbs__inner {
        overflow: hidden;
        margin-bottom: 10px
    }
    
    .breadcrumbs__list li {
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #6D6D6D;
        display: inline-block;
        position: relative
    }
    
    .breadcrumbs__list li a {
        color: #6D6D6D
    }
    
    .breadcrumbs__list li+li {
        padding-left: 9px
    }
    
    .breadcrumbs__list li+li::before {
        content: '/';
        position: absolute;
        left: 0
    }
    
    .not-cheked {
        border: 2px solid #C14141 !important
    }
    
    .not-cheked::-webkit-input-placeholder {
        color: rgba(193, 65, 65, 0.7) !important
    }
    
    .not-cheked::-moz-placeholder {
        color: rgba(193, 65, 65, 0.7) !important
    }
    
    .not-cheked:-ms-input-placeholder {
        color: rgba(193, 65, 65, 0.7) !important
    }
    
    .not-cheked::-ms-input-placeholder {
        color: rgba(193, 65, 65, 0.7) !important
    }
    
    .not-cheked::placeholder {
        color: rgba(193, 65, 65, 0.7) !important
    }
    
    @font-face {
        font-family: "Roboto-Medium";
        src: url("https://katran.in.ua/fonts/Roboto-Medium/Roboto-Medium.eot");
        src: url("https://katran.in.ua/fonts/Roboto-Medium/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("https://katran.in.ua/fonts/Roboto-Medium/Roboto-Medium.otf") format("opentype"), url("https://katran.in.ua/fonts/Roboto-Medium/Roboto-Medium.svg") format("svg"), url("https://katran.in.ua/fonts/Roboto-Medium/Roboto-Medium.ttf") format("truetype"), url("https://katran.in.ua/fonts/Roboto-Medium/Roboto-Medium.woff") format("woff"), url("https://katran.in.ua/fonts/Roboto-Medium/Roboto-Medium.woff2") format("woff2");
        font-weight: normal;
        font-style: normal
    }
    
    @font-face {
        font-family: "Roboto-Regular";
        src: url("https://katran.in.ua/fonts/Roboto-Regular/Roboto-Regular.eot");
        src: url("https://katran.in.ua/fonts/Roboto-Regular/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("https://katran.in.ua/fonts/Roboto-Regular/Roboto-Regular.otf") format("opentype"), url("https://katran.in.ua/fonts/Roboto-Regular/Roboto-Regular.svg") format("svg"), url("https://katran.in.ua/fonts/Roboto-Regular/Roboto-Regular.ttf") format("truetype"), url("https://katran.in.ua/fonts/Roboto-Regular/Roboto-Regular.woff") format("woff"), url("https://katran.in.ua/fonts/Roboto-Regular/Roboto-Regular.woff2") format("woff2");
        font-weight: normal;
        font-style: normal
    }
    
    @font-face {
        font-family: "Roboto-Bold";
        src: url("https://katran.in.ua/fonts/Roboto-Bold/Roboto-Bold.eot");
        src: url("https://katran.in.ua/fonts/Roboto-Bold/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("https://katran.in.ua/fonts/Roboto-Bold/Roboto-Bold.otf") format("opentype"), url("https://katran.in.ua/fonts/Roboto-Bold/Roboto-Bold.svg") format("svg"), url("https://katran.in.ua/fonts/Roboto-Bold/Roboto-Bold.ttf") format("truetype"), url("https://katran.in.ua/fonts/Roboto-Bold/Roboto-Bold.woff") format("woff"), url("https://katran.in.ua/fonts/Roboto-Bold/Roboto-Bold.woff2") format("woff2");
        font-weight: normal;
        font-style: normal
    }
    
    @font-face {
        font-family: "Roboto-Light";
        src: url("https://katran.in.ua/fonts/Roboto-Light/Roboto-Light.eot");
        src: url("https://katran.in.ua/fonts/Roboto-Light/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("https://katran.in.ua/fonts/Roboto-Light/Roboto-Light.otf") format("opentype"), url("https://katran.in.ua/fonts/Roboto-Light/Roboto-Light.svg") format("svg"), url("https://katran.in.ua/fonts/Roboto-Light/Roboto-Light.ttf") format("truetype"), url("https://katran.in.ua/fonts/Roboto-Light/Roboto-Light.woff") format("woff"), url("https://katran.in.ua/fonts/Roboto-Light/Roboto-Light.woff2") format("woff2");
        font-weight: normal;
        font-style: normal
    }
    
    @font-face {
        font-family: 'icomoon';
        src: url("https://katran.in.ua/fonts/icomoon/icomoon.eot?n7ubzs");
        src: url("https://katran.in.ua/fonts/icomoon/icomoon.eot?n7ubzs#iefix") format("embedded-opentype"), url("https://katran.in.ua/fonts/icomoon/icomoon.ttf?n7ubzs") format("truetype"), url("https://katran.in.ua/fonts/icomoon/icomoon.woff?n7ubzs") format("woff"), url("https://katran.in.ua/fonts/icomoon/icomoon.svg?n7ubzs#icomoon") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block
    }
    
    [class^="icon-"],
    [class*=" icon-"] {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    
    .icon-phone:before {
        content: "\f095"
    }
    
    .icon-facebook:before {
        content: "\f09a"
    }
    
    .icon-facebook-f:before {
        content: "\f09a"
    }
    
    .icon-angle-down:before {
        content: "\f107"
    }
    
    .icon-instagram:before {
        content: "\f16d"
    }
    
    .header {
        padding-top: 40px;
        padding-bottom: 15px;
        z-index: 2;
        -webkit-box-shadow: 0px 10px 40px rgba(166, 166, 166, 0.25);
        box-shadow: 0px 10px 40px rgba(166, 166, 166, 0.25);
        background-color: #fff;
        margin-bottom: 35px
    }
    
    .header__top-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 18px;
        margin-bottom: 16px;
        border-bottom: 2px solid rgba(196, 196, 196, 0.6)
    }
    
    .header__img {
        max-width: 170px
    }
    
    .header__slogan {
        max-width: 250px;
        color: rgba(178, 52, 52, 0.58);
        font-size: 20px;
        line-height: 23px;
        margin-right: 40px
    }
    
    .header__phone {
        padding-left: 40px;
        margin-left: 50px
    }
    
    .header__phone a.viber {
        -webkit-transition: none;
        ;
        -o-transition: none;
        position: absolute;
        width: 53px;
        margin: -55px 0px 0px 210px;
    }
    
    .header__phone a {
        display: block;
        width: 100%;
        color: #000;
        font-size: 24px;
        line-height: 28px;
        position: relative;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .header__phone a::before {
        content: "\f095";
        font-family: 'icomoon';
        position: absolute;
        font-size: 24px;
        left: -25px;
        top: 1px;
        color: #b3363b
    }
    
    .header__phone a.viber::before {
        content: "";
    }
    
    .header__phone a:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    
    .header__phone span {
        color: #767676;
        font-size: 12px;
        line-height: 14px
    }
    
    .menu__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 20px;
        line-height: 23px
    }
    
    .menu__inner a {
        color: #000
    }
    
    .menu__list {
        max-width: 685px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .menu__list li {
        display: inline-block;
        border-bottom: 2px solid transparent;
        max-width: 150px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .menu__list li:hover {
        border-bottom: 2px solid #B23434
    }
    
    .menu__list-catalog {
        display: none;
        height: 0;
        font-size: 20px;
        line-height: 23px;
        position: absolute;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        width: 180px;
        font-size: 16px;
        -ms-flex-negative: 19px;
        flex-shrink: 19px;
        background-color: #fff;
        top: 22px;
        left: -40px;
        padding-top: 35px;
        padding-bottom: 20px;
        border-radius: 0px 0px 6px 6px;
        z-index: 5
    }
    
    .menu__list-catalog li {
        display: block;
        max-width: 180px;
        padding-left: 25px;
        margin-bottom: 3px;
        position: relative;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        border-bottom: none
    }
    
    .menu__list-catalog li::before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #000;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 13px
    }
    
    .menu__list-catalog li:hover {
        border-bottom: none
    }
    
    .menu__list-catalog li:hover::before {
        background-color: #BD3434
    }
    
    .menu__list-catalog li:hover a {
        color: #BD3434
    }
    
    .menu__list-points {
        cursor: pointer;
        position: relative;
        padding-right: 20px
    }
    
    .menu__list-points::after {
        content: "\f107";
        font-family: 'icomoon';
        position: absolute;
        top: 1px;
        right: 0
    }
    
    .menu__list-points:hover .menu__list-catalog {
        height: auto;
        display: block
    }
    
    .menu__list-points:hover::after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    
    .menu__language {
        position: relative;
        padding-right: 20px
    }
    
    .menu__language::after {
        content: "\f107";
        font-family: 'icomoon';
        position: absolute;
        top: 1px;
        right: 0
    }
    
    .menu__language:hover .menu__language-list {
        display: block
    }
    
    .menu__language:hover::after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    
    .menu__language-list {
        display: none;
        font-size: 20px;
        line-height: 23px;
        position: absolute;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        width: 180px;
        font-size: 16px;
        -ms-flex-negative: 19px;
        flex-shrink: 19px;
        background-color: #fff;
        top: 22px;
        left: -40px;
        padding-top: 35px;
        padding-bottom: 20px;
        border-radius: 0px 0px 6px 6px;
        z-index: 0
    }
    
    .menu__language-list li {
        display: block;
        max-width: 180px;
        margin-bottom: 5px;
        padding-left: 25px;
        position: relative;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .menu__language-list li::before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #000;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 13px
    }
    
    .menu__language-list li:hover::before {
        background-color: #BD3434
    }
    
    .menu__language-list li:hover a {
        color: #BD3434
    }
    
    .checked {
        border-bottom: 2px solid #B23434 !important
    }
    
    .menu__btn {
        display: none;
        width: 35px
    }
    
    .menu__btn div {
        height: 4px;
        margin-bottom: 5px;
        background-color: #B23434
    }
    
    .menu__mobile {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 10;
        top: 0;
        left: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .menu__mobile .order-button {
        display: block;
        margin-top: 66px;
        margin-bottom: 46px
    }
    
    .menu__mobile-language {
        max-width: 200px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 45px
    }
    
    .menu__mobile-language a {
        color: #fff
    }
    
    .menu__mobile-phone {
        display: block;
        font-size: 24px;
        line-height: 28px;
        color: #DA4141;
        margin-bottom: 25px
    }
    
    .menu__mobile-list {
        margin-bottom: 23px;
        display: block;
        max-width: 220px
    }
    
    .menu__mobile-list li {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 24px
    }
    
    .menu__mobile-list li a {
        color: #FFF
    }
    
    .menu__mobile-close {
        position: absolute;
        top: 40px;
        right: 27px;
        width: 27px
    }
    
    .menu__mobile .menu__mobile-social {
        max-width: 175px;
        width: 100%;
        margin-bottom: 20px
    }
    
    .menu__mobile .menu__mobile-social a {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-color: #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: relative
    }
    
    .menu__mobile .menu__mobile-social a:hover {
        opacity: 0.6
    }
    
    .menu__mobile .menu__mobile-social .mobile__social-insta::before {
        content: "\f16d";
        font-family: 'icomoon';
        color: rgba(0, 0, 0, 0.75);
        position: absolute;
        top: 10%;
        left: 20%;
        font-size: 17px
    }
    
    .menu__mobile .menu__mobile-social .mobile__social-fb {
        margin-left: 24px
    }
    
    .menu__mobile .menu__mobile-social .mobile__social-fb::before {
        content: "\f09a";
        font-family: 'icomoon';
        color: rgba(0, 0, 0, 0.75);
        position: absolute;
        top: 18%;
        left: 29%;
        font-size: 20px
    }
    
    .menu__mobile-visible {
        left: 0
    }
    
    .main {
        margin-bottom: 35px;
        padding-top: 25px
    }
    
    .main__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .main__items-small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        width: 38%;
        margin-bottom: 30px
    }
    
    .main__items-small a+a {
        margin-top: 30px
    }
    
    .main__items-big {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 59%;
        margin-bottom: 30px;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }
    
    .main__items-big a+a {
        margin-top: 30px
    }
    
    .main__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #000;
        border: 5px solid #FFFFFF;
        border-radius: 6px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-origin: border-box;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .main__item:hover {
        opacity: 0.7
    }
    
    .main__item:hover span {
        color: #b23434
    }
    
    .main__item span {
        background-color: #fff;
        font-size: 20px;
        line-height: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 6px;
        min-width: 245px;
        min-height: 66px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03)
    }
    
    .small-box {
        width: 100%;
        height: 216px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .big-box {
        width: 59%;
        height: 461px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 30px
    }
    
    .line-box {
        width: 100%;
        height: 216px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .middle-box {
        width: 38%;
        height: 461px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 30px
    }
    
    .catalog {
        margin-bottom: 35px
    }
    
    .catalog__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -30px
    }
    
    .catalog__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #000;
        max-width: 555px;
        width: 100%;
        height: 216px;
        margin-bottom: 30px;
        border: 5px solid #FFFFFF;
        border-radius: 6px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-origin: border-box;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        margin-left: 30px;
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px)
    }
    
    .catalog__item:hover {
        opacity: 0.7
    }
    
    .catalog__item:hover span {
        color: #b23434
    }
    
    .catalog__item span {
        background-color: #fff;
        font-size: 20px;
        line-height: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 6px;
        min-width: 245px;
        min-height: 66px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03)
    }
    
    .box__bottom-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .box__bottom-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    
    .box__top-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    
    .box__top-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    
    .category {
        margin-bottom: 40px
    }
    
    .category__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -30px
    }
    
    .category__item {
        display: block;
        background-color: #fff;
        color: #000;
        max-width: 260px;
        width: 100%;
        padding: 25px 5px 23px;
        border-radius: 6px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        margin-bottom: 30px;
        margin-left: 30px;
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px)
    }
    
    .category__item:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    
    .category__item img {
        display: block;
        max-width: 255px;
        width: 100%;
        min-height: 170px;
        margin-bottom: 28px;
        margin-left: auto;
        margin-right: auto
    }
    
    .category__item span {
        display: block;
        text-align: center;
        max-width: 210px;
        margin: 0 auto;
        font-size: 17px;
        line-height: 21px
    }
    
    .card {
        padding-top: 30px;
        padding-bottom: 28px;
        text-decoration: none
    }
    
    .card__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .card__images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 690px;
        width: 100%;
        margin-left: -34px
    }
    
    .card__images.ggallery a:first-child {
        /*min-height: 100%;*/
    }
    
    .card__images a:first-child {
        min-width: 655px;
        /* min-height: 370px; */
        width: 100%;
        -ms-flex-preferred-size: calc(100% -34px);
        flex-basis: calc(100% -34px)
    }
    
    .card__images a:first-child img {
        height: auto;
        display: block;
    }
    
    .card__images a {
        margin-bottom: 32px;
        display: block;
        max-width: 195px;
        margin-left: 34px;
        -ms-flex-preferred-size: calc(100% - 34px);
        flex-basis: calc(100% - 34px)
    }
    
    .card__images2 a {
        margin-bottom: 32px;
        display: block;
        max-width: 195px;
        /* max-height: 195px; */
        margin-left: 34px;
        -ms-flex-preferred-size: calc(100% - 34px);
        flex-basis: calc(100% - 34px)
    }
    
    .card__images a img {
        border: 5px solid #FFFFFF;
        border-radius: 6px;
        height: 100%
    }
    
    .card__images2 .imgs {
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: center center;
        width: 100%;
        height: 195px;
        border: 5px solid #FFFFFF;
        border-radius: 6px;
    }
    
    .card__images .imgs {
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: center center;
        width: 100%;
        height: 195px;
        border: 5px solid #FFFFFF;
        border-radius: 6px;
    }
    
    .card__content {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        max-width: 426px;
        width: 100%
    }
    
    .card__content .order-button {
        margin-right: 30px
    }
    
    .card__content-title {
        font-weight: 500;
        font-size: 48px;
        line-height: 56px;
        margin-top: -10px;
        margin-left: -3px;
        margin-bottom: 15px
    }
    
    .card__content-text {
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        max-width: 350px;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 27px
    }
    
    .contacts {
        margin-bottom: 40px
    }
    
    .contacts__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .contacts__info {
        max-width: 290px;
        width: 100%
    }
    
    .contacts__info-box {
        max-width: 290px;
        margin-bottom: 13px;
        font-size: 18px;
        line-height: 21px
    }
    
    .contacts__info-box span {
        display: block;
        margin-bottom: 13px
    }
    
    .contacts__info-box a.border-under {
        border-bottom: 2px solid rgba(97, 97, 97, 0.33)
    }
    
    .contacts__info-box a.border-under:hover {
        border-bottom: 2px solid transparent
    }
    
    .contacts__info-box a.red-letters {
        color: #B23434
    }
    
    .contacts__info-box a {
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        color: #616161;
        margin-right: 10px;
        margin-bottom: 20px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .contacts__info-box a:hover {
        opacity: 0.6
    }
    
    .contacts__feedback {
        padding: 55px 30px 60px;
        max-width: 625px;
        width: 100%;
        background-color: #fff;
        margin-bottom: 30px
    }
    
    .contacts__feedback .feedback__title {
        margin-bottom: 29px
    }
    
    .contacts__feedback form label {
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        display: block;
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 22px;
        color: #626666
    }
    
    .contacts__feedback form label span {
        color: #A4A4A4
    }
    
    .contacts__feedback form input,
    .contacts__feedback form textarea {
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        padding-left: 30px;
        padding-right: 10px;
        display: block;
        height: 50px;
        width: 100%;
        border: 1px solid #E8E9E9;
        border-radius: 6px;
        margin-bottom: 8px;
        outline: none
    }
    
    .contacts__feedback form input::-webkit-input-placeholder,
    .contacts__feedback form textarea::-webkit-input-placeholder {
        color: #BEC2C3;
        font-size: 14px;
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400
    }
    
    .contacts__feedback form input::-moz-placeholder,
    .contacts__feedback form textarea::-moz-placeholder {
        color: #BEC2C3;
        font-size: 14px;
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400
    }
    
    .contacts__feedback form input:-ms-input-placeholder,
    .contacts__feedback form textarea:-ms-input-placeholder {
        color: #BEC2C3;
        font-size: 14px;
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400
    }
    
    .contacts__feedback form input::-ms-input-placeholder,
    .contacts__feedback form textarea::-ms-input-placeholder {
        color: #BEC2C3;
        font-size: 14px;
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400
    }
    
    .contacts__feedback form input::placeholder,
    .contacts__feedback form textarea::placeholder {
        color: #BEC2C3;
        font-size: 14px;
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400
    }
    
    .contacts__feedback form textarea {
        resize: none;
        height: 130px;
        padding-top: 18px;
        padding-bottom: 5px;
        margin-bottom: 40px
    }
    
    .contacts__feedback form textarea::-webkit-input-placeholder {
        line-height: 23px
    }
    
    .contacts__feedback form textarea::-moz-placeholder {
        line-height: 23px
    }
    
    .contacts__feedback form textarea:-ms-input-placeholder {
        line-height: 23px
    }
    
    .contacts__feedback form textarea::-ms-input-placeholder {
        line-height: 23px
    }
    
    .contacts__feedback form textarea::placeholder {
        line-height: 23px
    }
    
    .contacts__feedback form button {
        padding: 15px 38px;
        color: #fff;
        background-color: #C14141;
        font-size: 18px;
        line-height: 21px;
        border: none;
        border-radius: 6px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s
    }
    
    .contacts__feedback form button:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75)
    }
    
    .about {
        margin-bottom: 20px
    }
    
    .about__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .about__content {
        max-width: 620px;
        padding-right: 10px;
        width: 100%
    }
    
    .about__content p {
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        max-width: 606px;
        font-size: 18px;
        line-height: 21px;
        color: #595959;
        margin-bottom: 46px
    }
    
    .about__content-title {
        max-width: 400px;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 30px
    }
    
    .about__images {
        max-width: 370px;
        width: 100%;
        padding-top: 30px
    }
    
    .about__images img {
        max-width: 360px;
        border: 5px solid #FFFFFF;
        border-radius: 6px;
        margin-bottom: 35px
    }
    
    .clients {
        margin-bottom: 30px
    }
    
    .clients a {
        text-decoration: none
    }
    
    .clients__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -30px
    }
    
    .clients__img-big {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #000;
        max-width: 555px;
        width: 100%;
        height: 216px;
        margin-bottom: 30px;
        border-radius: 6px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-origin: border-box;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        margin-left: 30px;
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px)
    }
    
    .clients__img-big:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    
    .clients__img-big span {
        background-color: #fff;
        font-size: 20px;
        line-height: 23px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 6px;
        min-width: 245px;
        min-height: 66px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03)
    }
    
    .item {
        margin-bottom: 58px
    }
    
    .item__inner .main__title {
        margin-bottom: 20px
    }
    
    .item__inner img {
        display: block;
        max-width: 975px;
        width: 100%;
        max-height: 366px;
        border: 10px solid #FFFFFF;
        border-radius: 6px;
        margin-bottom: 31px
    }
    
    .item__inner p {
        margin-top: 0;
        margin-bottom: 12px;
        font-family: "Roboto-Regular", sans-serif;
        font-size: 18px;
        line-height: 21px;
        font-weight: 400;
        color: #565656
    }
    
    .item__inner p a {
        color: #BD3434
    }
    
    .item__inner ul li {
        font-family: "Roboto-Regular", sans-serif;
        font-size: 18px;
        line-height: 21px;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 12px;
        padding-left: 10px;
        margin-left: 10px;
        position: relative
    }
    
    .item__inner ul li::before {
        content: '';
        background-color: #000;
        height: 4px;
        width: 4px;
        position: absolute;
        border-radius: 50%;
        left: 0px;
        top: 8px
    }
    
    .item__title {
        font-weight: 500;
        margin-top: 21px;
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 28px
    }
    
    .item__title-small {
        margin-top: 22px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 21px;
        font-weight: 500
    }
    
    .recommendations {
        margin-bottom: 27px
    }
    
    .recommendations__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -30px
    }
    
    .recommendations__item {
        display: block;
        background-color: #fff;
        color: #000;
        max-width: 262px;
        width: 100%;
        padding: 25px 5px 23px;
        border-radius: 6px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        margin-bottom: 40px;
        margin-left: 30px;
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px)
    }
    
    .recommendations__item:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    
    .recommendations__item img {
        display: block;
        max-width: 255px;
        width: 100%;
        min-height: 170px;
        margin-bottom: 28px;
        margin-left: auto;
        margin-right: auto
    }
    
    .recommendations__item span {
        display: block;
        text-align: center;
        max-width: 210px;
        margin: 0 auto;
        font-size: 17px;
        line-height: 21px
    }
    
    .articles {
        margin-bottom: 27px
    }
    
    .articles__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -30px
    }
    
    .articles__item {
        display: block;
        background-color: #fff;
        color: #000;
        max-width: 262px;
        width: 100%;
        padding: 25px 27px 15px;
        border-radius: 6px;
        -webkit-transition: all .8s;
        -o-transition: all .8s;
        transition: all .8s;
        margin-bottom: 40px;
        margin-left: 30px;
        -ms-flex-preferred-size: calc(100% - 30px);
        flex-basis: calc(100% - 30px)
    }
    
    .articles__item:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    
    .articles__item img {
        display: block;
        max-width: 210px;
        width: 100%;
        max-height: 170px;
        border-radius: 6px;
        margin-bottom: 28px;
        margin-left: auto;
        margin-right: auto
    }
    
    .articles__item span {
        display: block;
        text-align: center;
        max-width: 210px;
        margin: 0 auto;
        font-size: 17px;
        line-height: 21px
    }
    
    .description {
        padding-bottom: 40px
    }
    
    .description p {
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        max-width: 1140px;
        font-size: 20px;
        line-height: 23px;
        margin-top: 0;
        margin-bottom: 50px
    }
    
    .advantages {
        padding-top: 95px;
        padding-bottom: 70px;
        background-color: #fff
    }
    
    .advantages__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 25px;
        padding-right: 25px
    }
    
    .advantages__title {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 52px;
        font-size: 36px;
        line-height: 42px
    }
    
    .advantages__item {
        max-width: 220px;
        margin-bottom: 30px
    }
    
    .advantages__item img {
        display: block;
        max-width: 70px;
        margin-bottom: 23px;
        margin-left: auto;
        margin-right: auto
    }
    
    .advantages__item span {
        font-size: 24px;
        text-align: center;
        line-height: 30px;
        display: block
    }
    
    .advantages__item i {
        color: #922d31;
        font-size: 65px;
        text-align: center;
        display: block;
        margin: 0px 0px 20px 0px;
    }
    
    .footer {
        background-color: #707A7D;
        padding-top: 60px;
        padding-bottom: 10px;
        color: #fff
    }
    
    .footer a {
        color: #fff
    }
    
    .footer__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    
    .footer__title {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 17px
    }
    
    .footer__menu {
        max-width: 150px;
        width: 100%
    }
    
    .footer__contacts {
        max-width: 220px;
        width: 100%
    }
    
    .footer__contacts,
    .footer__menu,
    .footer__social,
    .footer__logo {
        margin-bottom: 30px
    }
    
    .footer__contacts ul li,
    .footer__menu ul li {
        font-family: "Roboto-Light", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 16px;
        font-weight: normal;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }
    
    .footer__contacts ul li:hover,
    .footer__menu ul li:hover {
        opacity: 0.6
    }
    
    .footer__social {
        max-width: 170px;
        width: 100%
    }
    
    .footer__social a {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-color: #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: relative
    }
    
    .footer__social a:hover {
        opacity: 0.6
    }
    
    .footer__social-insta::before {
        content: "\f16d";
        font-family: 'icomoon';
        color: #707A7D;
        position: absolute;
        top: 10%;
        left: 20%;
        font-size: 17px
    }
    
    .footer__social-fb,
    .navbar-flag {
        margin-left: 10px
    }
    
    .flag_a {
        margin-right: 5px;
    }
    
    .footer__social-fb::before {
        content: "\f09a";
        font-family: 'icomoon';
        color: #707A7D;
        position: absolute;
        top: 18%;
        left: 29%;
        font-size: 20px
    }
    
    .footer__logo {
        max-width: 48%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    
    .footer__logo img {
        display: block;
        max-width: 130px;
        margin-bottom: 17px
    }
    
    .footer__logo span {
        font-size: 14px;
        line-height: 16px
    }
    
    .wd{
        font-weight: 300;
        font-size: 12px !important;
        color: #ccc;
        padding-top: 5px;
    }
    .wd a{color: #ccc;border-bottom:1px dotted #ccc}
    .wd a:hover{color: rgb(230, 230, 230);border-bottom:1px solid #707a7d;}
    .feedback {
        display: none;
        max-width: 630px;
        width: 100%;
        padding: 50px 55px;
        position: relative;
        z-index: 3;
        overflow: initial
    }
    
    .feedback__title {
        font-size: 24px;
        font-family: "Roboto-Bold", sans-serif;
        font-weight: 700;
        line-height: 28px;
        width: 100%;
        margin-bottom: 10px
    }
    
    .feedback__description {
        font-size: 18px;
        line-height: 23px;
        max-width: 520px;
        width: 100%;
        color: #696969;
        font-weight: 400;
        font-family: roboto;
        margin-bottom: 30px
    }
    
    .feedback form label {
        font-family: "Roboto-Bold", sans-serif;
        font-weight: 700;
        display: block;
        margin-bottom: 9px;
        font-size: 16px;
        line-height: 22px;
        color: #626666
    }
    
    .feedback form label span {
        color: #A4A4A4
    }
    
    .feedback form input {
        padding-left: 30px;
        padding-right: 10px;
        display: block;
        height: 50px;
        width: 100%;
        border: 1px solid #E8E9E9;
        border-radius: 6px;
        margin-bottom: 9px;
        outline: none
    }
    
    .feedback form input::-webkit-input-placeholder {
        font-family: "Roboto-Regular";
        font-weight: 300;
        color: #BEC2C3;
        font-size: 14px
    }
    
    .feedback form input::-moz-placeholder {
        font-family: "Roboto-Regular";
        font-weight: 300;
        color: #BEC2C3;
        font-size: 14px
    }
    
    .feedback form input:-ms-input-placeholder {
        font-family: "Roboto-Regular";
        font-weight: 300;
        color: #BEC2C3;
        font-size: 14px
    }
    
    .feedback form input::-ms-input-placeholder {
        font-family: "Roboto-Regular";
        font-weight: 300;
        color: #BEC2C3;
        font-size: 14px
    }
    
    .feedback form input::placeholder {
        font-family: "Roboto-Regular";
        font-weight: 300;
        color: #BEC2C3;
        font-size: 14px
    }
    
    .feedback form button {
        padding: 15px 38px;
        color: #fff;
        background-color: #C14141;
        font-size: 18px;
        line-height: 21px;
        margin-top: 30px;
        border: none;
        border-radius: 6px
    }
    
    .contacts__form-success,
    .form__success {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: 100%;
        color: #1A1B1B
    }
    
    .contacts__form-success h2,
    .form__success h2 {
        font-weight: 500;
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 19px
    }
    
    .contacts__form-success p,
    .form__success p {
        margin-top: 0;
        margin-bottom: 0;
        font-family: "Roboto-Regular", sans-serif;
        font-weight: 400;
        font-size: 24px;
        line-height: 28px
    }
    
    .fancybox-slide--html .fancybox-close-small {
        right: -22px;
        top: -22px;
        background-color: #000;
        opacity: 1;
        border-radius: 50%
    }
    
    .fancybox-button svg {
        color: #fff
    }
    
    .filling h1 {
        margin-bottom: 20px
    }
    
    .filling img {
        display: block;
        max-width: 975px;
        max-height: 366px;
        border: 10px solid #FFFFFF;
        border-radius: 6px;
        margin-bottom: 31px
    }
    
    .filling p {
        margin-top: 0;
        margin-bottom: 12px;
        font-family: "Roboto-Regular", sans-serif;
        font-size: 18px;
        line-height: 21px;
        font-weight: 400;
        color: #565656
    }
    
    .filling p a {
        color: #BD3434
    }
    
    .filling ul li {
        font-family: "Roboto-Regular", sans-serif;
        font-size: 18px;
        line-height: 21px;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 12px;
        padding-left: 10px;
        margin-left: 10px;
        position: relative
    }
    
    .filling ul li::before {
        content: '';
        background-color: #000;
        height: 4px;
        width: 4px;
        position: absolute;
        border-radius: 50%;
        left: 0px;
        top: 8px
    }
    
    .filling h2 {
        font-weight: 500;
        margin-top: 21px;
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 28px
    }
    
    .filling h3 {
        margin-top: 22px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 21px;
        font-weight: 500
    }
    
    @media (max-width: 1280px) {
        .footer__inner {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }
        .footer__logo {
            max-width: 30%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
    }
    
    @media (max-width: 1200px) {
        .clients__inner {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .catalog__item,
        .clients__img-big {
            max-width: 50%;
            -ms-flex-preferred-size: calc(50% - 30px);
            flex-basis: calc(50% - 30px)
        }
        .recommendations,
        .category {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .recommendations__item,
        .category__item {
            max-width: 33%;
            -ms-flex-preferred-size: calc(33% - 30px);
            flex-basis: calc(33% - 30px);
            margin-bottom: 30px
        }
        .recommendations__item img,
        .category__item img {
            max-width: 270px;
            max-height: 185px
        }
        .recommendations__item span,
        .category__item span {
            max-width: 270px
        }
        .articles__inner {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .articles__item {
            max-width: 33%;
            -ms-flex-preferred-size: calc(33% - 30px);
            flex-basis: calc(33% - 30px);
            margin-bottom: 30px
        }
        .articles__item img {
            max-width: 260px;
            max-height: 210px
        }
        .articles__item span {
            max-width: 260px
        }
        .description {
            padding-bottom: 30px
        }
        .description p {
            margin-bottom: 25px
        }
        .section__title {
            margin-bottom: 22px
        }
        .container {
            padding: 0 25px
        }
    }
    
    @media (max-width: 1152px) {
        /* .card__images a {
            max-height: 170px;
            min-height: 0
        } */
        .card__inner {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        .card__content-text {
            max-width: 100%
        }
        .card__content {
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            max-width: 100%;
            width: 100%;
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            margin-bottom: 30px
        }
        .about__content {
            max-width: 580px
        }
    }
    
    @media (max-width: 1024px) {
        .about__content {
            max-width: 100%
        }
        .about__content p {
            max-width: 100%;
            margin-bottom: 25px
        }
        .about__images {
            max-width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-top: 10px
        }
        .header__slogan {
            display: none
        }
        .header__phone {
            padding-left: 40px;
            margin-left: auto;
            margin-right: 50px
        }
    }
    
    @media (max-width: 991px) {
        .main__items-small a+a,
        .main__items-big a+a {
            margin-top: 0px
        }
        .contacts {
            margin-bottom: 0px
        }
        .contacts__feedback {
            max-width: 100%
        }
        .box__top-left,
        .box__top-right,
        .box__bottom-right {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end
        }
        .catalog__item,
        .clients__img-big {
            max-width: 100%;
            -ms-flex-preferred-size: calc(100% - 30px);
            flex-basis: calc(100% - 30px);
            height: 290px
        }
        .menu__list {
            max-width: 630px
        }
        .main__items-small {
            width: 100%;
            margin-bottom: 0
        }
        .main__items-small .small-box {
            width: 100%;
            height: 290px;
            margin-bottom: 30px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
        .big-box {
            width: 100%;
            height: 440px;
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .recommendations__item,
        .category__item {
            max-width: 50%;
            -ms-flex-preferred-size: calc(50% - 30px);
            flex-basis: calc(50% - 30px)
        }
        .recommendations__item img,
        .category__item img {
            max-width: 320px;
            max-height: 240px
        }
        .recommendations__item span,
        .category__item span {
            max-width: 320px
        }
        .articles__item {
            max-width: 50%;
            -ms-flex-preferred-size: calc(50% - 30px);
            flex-basis: calc(50% - 30px);
            padding: 25px 20px 15px
        }
        .articles__item img {
            max-width: 330px;
            max-height: 270px
        }
        .articles__item span {
            max-width: 330px
        }
        .advantages {
            padding-top: 70px;
            padding-bottom: 50px
        }
        .advantages__item {
            max-width: 50%;
            width: 50%;
            margin-bottom: 35px;
            text-align: center
        }
        .footer__logo {
            max-width: 60%
        }
    }
    
    @media (max-width: 800px) {
        .fancybox-button {
            background: #fff
        }
        .fancybox-slide--html .fancybox-close-small {
            right: 0px;
            top: 0
        }
        .fancybox-button svg {
            color: #000;
            -webkit-transform: scale(2);
            -ms-transform: scale(2);
            transform: scale(2)
        }
        .fancybox-slide--html .fancybox-close-small {
            background-color: #fff
        }
        .fancybox-is-open .fancybox-bg {
            opacity: 1
        }
        .fancybox-bg {
            background-color: #000
        }
        .card__images {
            -ms-flex-pack: distribute;
            justify-content: space-around;
            max-width: 100%;
            width: 100%;
            margin-left: 0
        }
        .card__images a {
            margin-left: 0;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }
        .card__images .imgs {
            height: 80px;
        }
        .card__images a+a {
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 30px;
            width: 25%;
            max-width: 25%;
            /* min-height: 0;
        max-height: 165px */
        }
        .card__images2 a+a {
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 30px;
            width: 30%;
            max-width: 30%;
            /* min-height: 0;
        max-height: 165px */
        }
        .card__images a:first-child {
            min-width: 0;
            max-width: 100%;
            /* min-height: 370px; */
            width: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }
        .filling h2 {
            margin-bottom: 34px
        }
        .filling h1 {
            margin-bottom: 30px
        }
        .main__title {
            margin-bottom: 36px
        }
        .filling h3,
        .card__content-title {
            margin-bottom: 25px
        }
        .section__title {
            margin-bottom: 32px
        }
        .about__images img {
            max-width: 300px;
            margin-bottom: 25px
        }
        .menu__btn {
            display: block
        }
        .header {
            padding-top: 30px;
            padding-bottom: 20px;
            
        }
        .header.fixed{
            position: fixed;
            width:100%;
            top: 0;
        }
        .header.fixed + .main,.header.fixed + .catalog {
            margin-top: 95px;
          }
        .header__top-inner {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none
        }
        .header__top-inner .desktop__order-button {
            display: none
        }
        .menu {
            display: none
        }
        .card__content-title,
        .main__title {
            font-size: 41px;
            line-height: 49px;
            margin-left: 0
        }
        .big-box,
        .middle-box {
            width: 100%;
            height: 350px
        }
        .main__items-big {
            width: 100%;
            margin-bottom: 0
        }
        .main__items-big .main__item {
            height: 250px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin-bottom: 30px
        }
        .main__items-small .small-box {
            height: 250px
        }
    }
    
    @media (max-width: 768px) {
        .contacts__form-success h2,
        .form__success h2 {
            font-size: 32px;
            line-height: 38px
        }
        .contacts__form-success p,
        .form__success p {
            font-size: 22px;
            line-height: 26px
        }
        .card__images a:first-child {
            max-width: 100%;
            /* min-width: 0; */
            width: 100%;
            /* min-height: 290px */
        }
        .card {
            padding-top: 0px;
            padding-bottom: 28px;
            text-decoration: none
        }        
    }
    
    @media (max-width: 667px) {
        .card__images2 a+a {
            width: 25%;
            max-width: 25%;
            /* max-height: 130px */
        }
        /* {
        .card__images a+a {
            width: 25%;
            max-width: 25%;
            max-height: 130px
        } */
        .filling ul li {
            font-size: 16px;
            line-height: 21px
        }
        .about__images img {
            max-width: 100%;
            width: 100%
        }
        .feedback {
            padding: 50px 25px
        }
        .card__content-title,
        .main__title {
            font-size: 38px;
            line-height: 44px
        }
    }
    
    @media (max-width: 598px) {
        .card__images a:first-child {
            /* min-height: 250px */
        }
        .description p {
            font-size: 18px;
            line-height: 27px;
            margin-bottom: 20px
        }
        .section__title {
            font-size: 32px;
            line-height: 40px
        }
        .advantages {
            padding-top: 55px;
            padding-bottom: 35px
        }
        .advantages__title {
            max-width: 430px;
            margin-bottom: 45px;
            font-size: 32px;
            line-height: 40px;
            text-align: center
        }
        .advantages__item {
            max-width: 100%;
            width: 100%;
            margin-bottom: 45px
        }
        .advantages__item img {
            margin-bottom: 15px
        }
        .order-button {
            max-width: none;
        }
        .menu__mobile .order-button {
            max-width: 220px;
        }        
    }
    
    @media (max-width: 568px) {
        .contacts__form-success h2,
        .form__success h2 {
            font-size: 30px;
            line-height: 36px
        }
        .contacts__form-success p,
        .form__success p {
            font-size: 21px;
            line-height: 26px
        }
        .header__phone a::before {
            font-size: 21px;
            left: -21px;
            top: 1px;
            color: #b3363b
        }
        .card__images a:first-child {
            /* min-height: 240px */
        }
        /* .card__images a+a {
            max-height: 115px
        }
        .card__images2 a+a {
            max-height: 115px
        } */
        .catalog__item span,
        .clients__img-big span {
            font-size: 18px;
            line-height: 21px;
            min-width: 220px;
            min-height: 55px
        }
        .header {
            padding-top: 17px;
            padding-bottom: 16px;
        }
        .menu__mobile-close {
            top: 25px
        }
        .header__img {
            max-width: 110px
        }
        .header__phone a.viber {
            width: 47px;
            margin: -39px 0px 0px 167px;
        }
        .header__phone a {
            font-size: 19px;
            line-height: 23px
        }
        .main__item span {
            font-size: 18px;
            line-height: 21px;
            min-width: 220px;
            min-height: 55px
        }
        .recommendations__item,
        .category__item {
            max-width: 100%;
            -ms-flex-preferred-size: calc(100% - 30px);
            flex-basis: calc(100% - 30px)
        }
        .recommendations__item img,
        .category__item img {
            max-width: 350px;
            max-height: 270px
        }
        .recommendations__item span,
        .category__item span {
            max-width: 320px
        }
        .articles__item {
            max-width: 100%;
            -ms-flex-preferred-size: calc(100% - 30px);
            flex-basis: calc(100% - 30px)
        }
        .articles__item img {
            max-width: 330px;
            max-height: 270px
        }
        .articles__item span {
            max-width: 260px
        }
        .footer {
            padding-top: 45px
        }
        .footer__contacts,
        .footer__menu,
        .footer__social,
        .footer__logo {
            margin-bottom: 30px;
            max-width: 200px;
            text-align: left
        }
        .footer__logo {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }
        .footer__logo img {
            display: block;
            max-width: 120px;
            margin-bottom: 10px
        }
        .footer__logo span {
            font-size: 12px;
            line-height: 14px
        }
    }
    
    @media (max-width: 480px) {
        .contacts__form-success h2,
        .form__success h2 {
            font-size: 26px;
            line-height: 32px
        }
        .contacts__form-success p,
        .form__success p {
            font-size: 19px;
            line-height: 23px
        }
        .header__phone a::before {
            font-size: 21px;
            left: -21px;
            top: 1px;
            color: #b3363b
        }
        .header__phone {
            padding-left: 25px;
            margin-left: auto;
            margin-right: 20px
        }
        .header__phone a.viber {
            margin: -39px 0px 0px 147px;
        }
        .header__phone a {
            font-size: 17px;
            line-height: 21px
        }
        .header__phone span {
            font-size: 11px;
            line-height: 12px
        }
        /* .card__images a+a {
            max-height: 100px
        } */
        .contacts__feedback form button {
            display: block;
            margin-left: auto;
            margin-right: auto
        }
        .contacts__feedback {
            padding: 45px 15px 50px
        }
        .card__content .order-button {
            margin-right: 10px
        }
        /* .card__images a:first-child {
            min-height: 220px
        }
        .card__images a {
            max-height: 100px
        } */
        .catalog__item,
        .clients__img-big {
            height: 260px
        }
        .big-box,
        .middle-box {
            height: 270px
        }
        .footer__contacts,
        .footer__menu,
        .footer__social,
        .footer__logo {
            margin-bottom: 25px;
            max-width: 185px;
            text-align: left
        }
    }
    
    @media (max-width: 425px) {
        /* .card__images a+a {
            max-height: 80px
        } */
        .filling p {
            font-size: 16px;
            line-height: 22px
        }
        .about__content p {
            font-size: 16px;
            line-height: 22px
        }
        .card__content-title,
        .main__title {
            font-size: 36px;
            line-height: 40px
        }
        .main__items-big .main__item,
        .main__items-small .small-box {
            margin-bottom: 20px
        }
        .big-box,
        .middle-box {
            height: 250px;
            margin-bottom: 20px
        }
        .section__title {
            font-size: 26px;
            line-height: 33px
        }
        .description {
            padding-bottom: 20px
        }
        .description p {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 15px
        }
        .advantages__title {
            max-width: 390px;
            margin-bottom: 40px;
            font-size: 26px;
            line-height: 33px
        }
        .advantages__item span {
            font-size: 20px;
            text-align: center;
            line-height: 24px;
            display: block
        }
        .advantages__item i {
            font-size: 65px;
            text-align: center;
            display: block;
            margin: 0px 0px 20px 0px;
        }
        .footer__contacts,
        .footer__menu,
        .footer__social,
        .footer__logo {
            margin-bottom: 20px;
            max-width: 100%;
            text-align: center
        }
        .footer__social,
        .footer__logo {
            margin-bottom: 30px
        }
        .footer__logo {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
    }
    
    @media (max-width: 414px) {
        .contacts__form-success h2,
        .form__success h2 {
            font-size: 24px;
            line-height: 30px
        }
        .contacts__form-success p,
        .form__success p {
            font-size: 16px;
            line-height: 22px
        }
        .card__content {
            margin-bottom: 0
        }
        .card__content .order-button {
            margin-right: 10px;
            margin-bottom: 30px
        }
        .catalog__item span,
        .clients__img-big span {
            min-width: 100%;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            border-radius: 4px
        }
        .catalog__item span {
            -webkit-transform: scale(1.01);
            -ms-transform: scale(1.01);
            transform: scale(1.01)
        }
        .feedback__description {
            font-size: 16px;
            line-height: 20px
        }
        .card__content-title,
        .main__title {
            font-size: 27px;
            line-height: 37px
        }
        .container {
            padding: 0 15px
        }
    }
    
    @media (max-width: 384px) {
        .contacts__form-success h2,
        .form__success h2 {
            font-size: 22px;
            line-height: 26px
        }
        .header__phone a::before {
            content: "";
            font-size: 21px;
            left: -22px;
            top: 1px
        }
        .header__phone a.viber {
            margin: -34px 0px 0px 129px;
            width: 40px;
        }
        .header__phone span {
            display: none
        }
        .menu__mobile-close {
            top: 20px;
            right: 15px
        }
        /* .card__images a:first-child {
            min-height: 200px
        } */
        .menu__btn {
            width: 23px
        }
        .menu__btn div {
            height: 3px;
            margin-bottom: 3px
        }
    }
    
    @media (max-width: 375px) {
        .card__content-title,
        .main__title {
            font-size: 27px;
            line-height: 40px
        }
    }
    
    @media (max-width: 360px) {
        .contacts__form-success h2,
        .form__success h2 {
            font-size: 20px;
            line-height: 26px
        }
        .header__img {
            max-width: 80px
        }
        .header__phone a {
            font-size: 15px;
            line-height: 16px
        }
        /* .card__images a+a {
            max-height: 70px
        } */
        .menu__mobile-list {
            margin-bottom: 0
        }
        .menu__mobile-list li {
            font-size: 20px;
            line-height: 25px;
            margin-bottom: 15px
        }
        .menu__mobile .order-button {
            margin-top: 55px;
            margin-bottom: 30px
        }
        /* .card__images a {
            max-height: 70px
        } */
    }
    
    @media (max-width: 320px) {
        /* .card__images a {
            max-height: 60px
        } */
        .container {
            padding: 0 15px
        }
        .section__title {
            font-size: 24px;
            line-height: 30px
        }
        .advantages__title {
            max-width: 390px;
            margin-bottom: 40px;
            font-size: 24px;
            line-height: 30px
        }
    }
    
    @media (max-height: 480px) and (orientation: landscape) {
        
        .menu__mobile {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
        .menu__mobile-list {
            margin-bottom: 0
        }
        .menu__mobile-list li {
            font-size: 20px;
            line-height: 25px;
            margin-bottom: 15px
        }
        .menu__mobile .order-button {
            margin-top: 40px;
            margin-bottom: 25px
        }
        .menu__mobile-phone {
            margin-top: 115px;
            margin-bottom: 52px
        }
        .menu__mobile .menu__mobile-social {
            margin-bottom: 16px
        }
        .menu__mobile-language {
            max-width: 175px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 0
        }
        .menu__mobile-language a {
            margin-bottom: 20px
        }
    }