/*@import "button.css";


/* --- Media styles --- */

@media screen and (min-width:1200px) {}

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

.topBannerBlock .txtBlock{
    left: calc((100% - 940px) / 2);
}
.topLineH {
    flex-wrap: wrap;
}
header .buttonsBlock{
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    order: 7;
}
header .btnStyle{
    margin-bottom: 0;
    margin-right: 20px;
}
.bannerMain{
    grid-gap: 20px 10px;
}
.nucBM .name {
    font-size: 17px;
}
.wrapWOffer .leftBlock,.wrapServ > .leftBlock {
    width: 230px;
}
.wrapWOffer .rightBlock,.wrapServ > .rightBlock {
    width: calc(100% - 240px);
}
.wrapRealiz{
    grid-gap: 20px 10px;
}
.colMain{
    margin-right: 15px;
    max-width: 300px;
}
.item-page img,.jshop img{
    max-width: 100%;
    height: auto;
}


}

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

@media screen and (max-width:991px) {
.trioCol{
  grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;  
}
   
.topBannerBlock .txtBlock{
    left: calc((100% - 750px) / 2);
}
header .logo,header .nav,header .phoneBlock{
    width: 30%;
}
header .buttonsBlock{
    width: auto;
    margin-left: 10px;
    order: 7;
}


.topBannerBlock .name {
    font-size: 34px;
}
.topBannerBlock .txtBlock li{
    font-size: 16px;
}
.topBannerBlock > img {
    margin-left: calc((100% - 1420px) / 2);
    width: 1420px;
}
.weOfferBlock {
    padding: 35px 0 40px;
}
.bannerMain{
    grid-template-columns: repeat(2,1fr);
}
.wrapRealiz{
    grid-template-columns: repeat(2,1fr);
}
.realizationBlock{
    padding-bottom: 30px;
}
.popularItemsBlock {
    padding: 35px 0;
}
.popularItemsBlock .tabs{
    margin-bottom: 25px;
}
.tabs li{
    font-size: 14px;
    height: 35px;
}
.itemsList{
    grid-template-columns: repeat(3,1fr);
}
.jshop_list_product .wrapProducts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.servBlock {
    padding: 35px 0;
}
.servBM{
    grid-template-columns: repeat(1,1fr);
}
.servBM .bigSBM{
    grid-column-start: span 1;
}
.bigSBM .leftBlock{
    width: auto;
}
.footMain,.colMain{
    display: none;
}
.h1, h1{
    font-size: 30px
}
.contentBlock .leftBlock{
    display: none;
}
.contentBlock .wrapWOffer .rightBlock{
    width: 100%;
}
.item .imgW{
    height: 235px;
}
.item img{
    max-height: 235px;
}
.productfull .list_product{
    grid-template-columns: repeat(2, 1fr);
}




}

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

/*mobMain*/

.botLineH{
    display: none;
}

header{
    position: relative;
    z-index: 50;
}
.wrapMobMain{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #f9b000;
    z-index: 500;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.28s ease;
    will-change: transform;
    display: block;
    padding: 0 10px;
}
.openMobMain .wrapMobMain{
    transform: translate3d(0, 0, 0);
}
.wrapMobMain ul{
    margin-bottom: 50px;
}
.wrapMobMain ul ul{
    margin-bottom: 15px;
}
.wrapMobMain ul ul a{
    font-size: 16px;
    margin-bottom: 5px;
}
.wrapMobMain ul a{
    display: block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px;
}
.wrapMobMain ul span{
    display: block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px;
}

.mainButt {
    transition: transform 0.28s ease, background-color 0.28s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50px;
    height: 40px;
    position: absolute;
    left: -50px;
    top: 250px;
    padding: 10px;
    z-index: 5;
    background: #f9b000;
}
.openMobMain{
    overflow: hidden;
}
.openMobMain .mainButt {
    top: 0;
    left: calc(100% - 50px);
    background: #fff;
}

.openMobMain .mainButt .line:nth-child(1), .openMobMain .mainButt .line:nth-child(3) {
    opacity: 0;
}

.mainButt .line {
    background: #fff;
    width: 100%;
    height: 2px;
    transition: transform 0.28s ease, opacity 0.28s ease, background-color 0.28s ease;
    position: relative;
}

.openMobMain .mainButt .line:nth-child(2)::before {
    transform: rotate(-90deg);
    background: #f9b000;
}
.mainButt .line:nth-child(2)::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: #fff;
    transition: transform 0.28s ease, background-color 0.28s ease;
}

.openMobMain .mainButt .line:nth-child(2) {
    transform: rotate(45deg);
    background: #f9b000;
}
.wrapMobMain .wrapMains {
    margin-top: 100px;
    overflow-y: auto;
    max-height: calc(100vh - 120px);
}
.wrapMobMain .wrapMains .name{
    margin-bottom: 10px;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 1
}
.listSection .imgW{
    display: none;
}
.navMob{
    color: #fff;
}
.navMob,.phoneBlockMob,.mailBlockMob{
    margin-bottom: 10px;
}
.phoneBlockMob a{
    color: #fff;
    display: block;
}
.mailBlockMob .mail{
    color: #fff;
}
.clockBlockMob{
    color: #fff;
}
.clockBlockMob .name{
    font-size: 16px !important;
}


/*End mob main*/
    

.item-page img,.jshop img{
    float:none !important;
    display: block;
margin: 10px auto !important;
}
table{
    display: block;
    overflow-x: auto;
    max-width: 100%;
}

    .list_product{
        grid-template-columns: repeat(2, 1fr);
    }
    .topLineH {
        flex-direction: column;
        align-items: center;
    }
    header .logo,header .phoneBlock{
        width: auto;
    }
    header .nav,header .mailBlock,header .clockBlock{
        display: none;
    }
    header .buttonsBlock{
        width: 100%;
        margin-left: 0;
    }
    .topBannerBlock .txtBlock{
        left: 15px;
        right: 15px;
        top: 15px;
        bottom: 15px;
        background: rgba(255,255,255,0.5);
        padding: 10px;
        flex-direction: column;
        align-items: center;
        width: auto;
    }
    .topBannerBlock .name {
    font-size: 22px;
    margin-bottom: 20px;
}
.topBannerBlock .txtBlock li{
    margin-bottom: 7px;
}
.topBannerBlock .btnStyle{
    height: 40px;
    margin-top: 20px;
}
.topBannerBlock > img {
    margin-left: calc((100% - 1310px) / 2);
    width: 1110px;
}
.wrapWOffer .leftBlock, .wrapServ > .leftBlock{
    display: none;
}
.wrapWOffer .rightBlock, .wrapServ > .rightBlock{
    width: 100%;
}

.homeWorksSlider .gallSlide {
    padding: 0 6px;
}

.homeWorksSlider .imgW img {
    height: 240px;
}

.homeWorksSlider .slick-arrow {
    top: auto;
    bottom: -56px;
}

.homeWorksSlider .slick-prev {
    right: calc(50% + 8px);
}

.homeWorksSlider .slick-next {
    right: auto;
    left: calc(50% + 8px);
}

.homeWorksSlider .slick-dots {
    margin-top: 72px;
}

.homeGallerySliderWrap {
    margin-bottom: 36px;
}

.homeGallerySection .homeWorksSlider .imgW img {
    height: 240px;
}

.homeTrustSection .wrapPartnersLogo {
    gap: 12px;
}

.homeTrustSection h3 {
    margin-bottom: 24px;
}

.homeTrustSection .itemPartnersLogo {
    width: calc(50% - 6px);
    min-width: 0;
    padding: 12px;
}

.homeTrustSection .itemPartnersLogo img {
    width: 100%;
    height: auto;
}

.homeGallerySection + .realizationBlock {
    margin-top: 24px;
}

.h1, h1{
    font-size: 28px;
    margin: 0 0 25px;
}
.popularItemsBlock .tabs{
    flex-wrap: wrap;
}
.popularItemsBlock .tabs{
    border-bottom: none;
}
.popularItemsBlock .tabs li{
    width: 50%;
    border-bottom: 1px solid #dddfe0;
}
.itemsList {
    grid-template-columns: repeat(2,1fr);
}
.wrapForm .sendInp{
    flex-direction: column-reverse;
}
.wrapForm .wrapLabel{
    width: 100%;
padding-top: 15px;
}
.wrapLabel span{
    text-align: left
}
.wrapForm{
    padding: 0;
}
.wrapForm .nameForm{
    font-size: 24px;
    margin-bottom: 20px;
}
.wrapForm p{
    font-size: 15px;
}
.item-page .wrapForm{
    padding: 10px;
}
.wrapForm input{
    width: 100%;
}
.pagination-start,.pagination-end,.pagination-prev,.pagination-next{
    display: none;
}
.wrapTopElement .image_middle{
    padding: 10px;
}
.wrapTopElement .image_middle,.slider-for .lightbox{
    width: 100%;
    max-width: 450px;
    height: auto;
}

.wrapTopElement .rightElement{
    width: 100%;
    padding-top: 20px;
    order: 4;
}
.wrapTopElement .jshop_img_description{
    margin-top: 20px;
}
.itheader {
    font-size: 24px;
}
}

@media screen and (max-width:675px) {
   .trioCol,.doubleCol{
    grid-template-columns: repeat(1,1fr);
   }
}

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

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

@media screen and (max-width:485px) {
   .itemsList,.list_product {
    grid-template-columns: repeat(1,1fr);
}

.jshop_list_product .wrapProducts {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.productfull .list_product{
    grid-template-columns: repeat(1, 1fr);
}

}

@media screen and (max-width:425px) {
.wrapBLF {
    flex-direction: column;
}


    .infoFoot {
        width: 100%;
    }
.popularItemsBlock .tabs li{
    width: 100%;
}

    .bannerMain {
    grid-template-columns: repeat(1,1fr);
}
.wrapRealiz .titleBlock{
    grid-column-start: span 1;
    padding-right: 0;
}
.wrapRealiz .titleBlock::before{
    right: 0;
}
.wrapRealiz .titleBlock .name {
    font-size: 24px;
    padding-bottom: 15px;
    }
.wrapRealiz {
    grid-template-columns: repeat(1,1fr);
}
.centerLineF .phoneBlock {
    margin-right: 10px;
}
.centerLineF .time,.centerLineF .weekend,.centerLineF .mail {
    font-size: 14px;
}

}

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

@media screen and (max-width:370px) {}*/