.malfunctions-mob-icon{display:none}.container-articlesFaq .faqCategory{padding-top:50px}#widgetPhone{z-index:2}.templateCategory .head-banner{min-height:645px}.head-banner{background-image:url(../img/categoryNew/electro-category-new.jpg);background-position:top center;background-color:#fff;background-position-y:bottom}.static-pages .head-banner .container{padding-bottom:120px}.menu-main ul.level-1>li{background:#efefef;border-right:1px solid rgba(204,204,204,.49)}.menu-main ul.level-1>li:last-child{border-right:0}.menu-main ul.level-1>li>a{color:#2c2c2c}.menu-main ul.level-1>li:hover>a{color:#fff}.d-flex{display:flex;flex-wrap:wrap}.font400{font-family:ProximaReg,Arial,sans-serif}header .time-info{background:url(../img/categoryNew/header-time.svg) no-repeat left 0 center;border:none;padding-top:0;color:#868686;padding-left:25px;margin-bottom:0}.headerNew-top__adress{background:url(../img/categoryNew/header-adress.svg) no-repeat left 0 center;padding-left:21px;color:#868686;font-size:12px;align-items:center;margin-left:12px}.menu-static-wrap{margin-top:-10px}header .btn,header .phone-wrap{margin-top:-5px}header .phone-wrap{margin-right:44px}header .phone-wrap .town>i{font-style:normal;color:#868686;font-size:12px;margin-right:9px}.header-crosh{margin-top:36px;z-index:2;position:relative;}.header-crosh ul{display:flex;flex-wrap:wrap;align-items:center}.header-crosh span{font-size:14px;color:#96a4b8}.header-crosh a:hover span{color:#7bb631}.head-banner .container{display:block;padding-top:142px;height:inherit}.crosh-sep{width:4px;height:4px;background:#7bb631;margin-left:15px;margin-right:15px}.head-banner .h1,.head-banner h1{font-size:39px;line-height:120%;margin-top:26px}.head-banner .min-brand-logo-active.h1,.head-banner h1.min-brand-logo-active{margin-top:10px}.min-brand-logo{margin-top:46px}.head-banner-introtext{font-size:15px;line-height:150%;color:#666e79;margin-bottom:30px}.head-banner .subtext-input{display:none}.head-banner .line-input input{width:224px;height:46px}.head-banner .line-input .btn-bg{background:#f29725;height:46px}.head-banner .columns{align-items:unset}.head-banner .columns>.col-right{/*padding-top:46px*/}.content-wrap{background:#f2f2f2}.malfunctions{position:relative}.malfunctions-list .col{background:#fff}.malfunctions-list .col:last-of-type{border-radius:4px}.malfunctions-articles{padding-bottom:50px}.figures-bg:before{content:'';display:block;width:182px;height:200px;background:url(../img/categoryNew/bg-curve.png) no-repeat top center;position:absolute;left:0;bottom:100%}.figures-bg::after{content:'';background:url(../img/categoryNew/bg-curve2.png) no-repeat top center;position:absolute;right:0;top:0;width:186px;height:129px}.malfunctions{padding-top:60px}.malfunctions-name h2{text-align:left}.services-columns .malfunctions-sales{background:#fff;border-radius:0!important}.malfunctions-sales-icon{background:url(../img/categoryNew/malfunctions-sales.jpg) no-repeat;width:123px;height:134px;margin-left:auto;margin-right:auto;margin-top:26px}.malfunctions-sales-name{font-family:PfBeauSemibold,Arial,sans-serif;text-align:center;margin-top:15px;color:#000}.malfunctions-sales-btn{position:absolute;bottom:0;width:100%;padding-left:26px;padding-right:26px}.malfunctions-introtext,.malfunctions-introtext p{color:#666e79;font-size:16px;line-height:150%}.malfunctions-introtext{margin-top:20px}.content-wrap{margin-top:0}.malfunctions .services-columns .col .img-box,.malfunctions .services-columns .col .text-box{background:#fff}.malfunctions .services-columns .col .text-box{text-align:center}.malfunctions .services-columns .col .title{color:#000;margin-bottom:20px}.malfunctions .services-columns a.col:hover .title{color:#000}.malfunctions .services-columns .col .price{color:#7bb631}.malfunctions .services-columns .col .btn-wrap .btn{background:#ededed;border:1px solid #ddd;color:#626262}.malfunctions .services-columns a.col:hover .btn-wrap .btn{background:#7bb631;color:#fff}.form-sale-wrap--relative{position:relative;top:0}.pricelistCategory{padding-top:40px;padding-bottom:40px}.pricelistCategory .h2,.pricelistCategory h2{text-align:left;margin-bottom:40px}.pricelistCategory-table-item{background:#fff;margin-bottom:1px;display:flex;flex-wrap:wrap;padding-left:40px;padding-right:40px;padding-top:12px;padding-bottom:14px;align-items:center}.pricelistCategory-table-item:nth-child(n+9){display:none}.modelsCategory-table{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.modelsCategory-table-item{width:20%;padding-left:12px;padding-right:12px;padding-bottom:12px}.modelsCategory-table-item a{background:#fff;font-size:17px;color:#2c2c2c;border:1px solid #f2f2f2;text-align:center;display:block;padding:12px 0}.modelsCategory-table-item:nth-child(n+16){display:none}.modelsCategory-table.active .modelsCategory-table-item:nth-child(n+16){display:block}.pricelistCategory-table.active .pricelistCategory-table-item:nth-child(n+9){display:flex}.pricelistCategory-table-item__name{font-size:17px;color:#2c2c2c;width:59%}.pricelistCategory-table-item__price{font-size:16px;color:#7bb631;width:20%}.pricelistCategory-table-item__btn .btn-bg{background:#ededed;border:1px solid #ddd;color:#717171;height:35px;line-height:35px}.pricelistCategory-table-item:hover .pricelistCategory-table-item__btn .btn-bg{background:#7bb631;border:1px solid #7bb631;color:#fff}.pricelistCategory-table-item:hover{background:rgba(241,248,231,.61)}.pricelistCategory-table-item__btn{margin-left:auto}.modelsCategory-more,.pricelistCategory-more{text-align:center;margin-top:20px}.modelsCategory-more button,.pricelistCategory-more button{background:#fff;color:#696969;font-size:14px;font-family:PfBeauSemiBold;border-radius:4px;width:208px;padding-top:11px;padding-bottom:11px;cursor:pointer}.modelsCategory-more button:hover,.pricelistCategory-more button:hover{background:#7bb631;color:#fff}.pricelistCategory .malfunctions-introtext{margin-top:40px}.where-job .h2,.where-job h2{text-align:left}.where-job{background:#f2f2f2;font-family:ProximaReg,Arial,sans-serif}.where-job-columns span{font-weight:600;font-size:30px;color:#fff;background:#f29725;border-radius:14px;width:40px;height:40px;text-align:center;line-height:40px;position:absolute;top:15px;left:15px}.where-job-columns{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.where-job-columns p{font-weight:500;font-size:18px;color:#000;margin-left:100px;margin-top:45px}.where-job-columns .where-job-item{height:auto;border-radius:26px;margin:10px;max-width:490px;width:100%;position:relative}.where-job-columns .where-job-item:focus{outline:0}.where-job-columns .where-job-item1{background:url(../img/icons/job-1.png) no-repeat right center #fff}.where-job-columns .where-job-item2{background:url(../img/icons/job-2.png) no-repeat right center #fff}.where-job-columns .where-job-item3{background:url(../img/icons/job-3.png) no-repeat right center #fff}.where-job-columns .where-job-item4{background:url(../img/icons/job-4.png) no-repeat right center #fff}section.reviews div.where_job{padding-top:40px}@media (max-width:460px){.where-job-columns .where-job-item p{margin-left:50px;margin-top:30px}.where-job-columns .where-job-item{max-width:initial}.where-job-columns .where-job-item span{font-weight:600;font-size:18px;color:#fff;background:#f29725;border-radius:7px;width:26px;height:26px;text-align:center;line-height:26px;position:absolute;top:0;left:0}.where-job-columns .where-job-item p{font-weight:600;font-size:15px}.where-job-columns .where-job-item{height:auto;}}section.about-company.about-company--small>.wrap{padding-top:78px;padding-bottom:78px;border-radius:0;margin-top:64px}.geography{padding-top:90px;padding-bottom:90px}.geography-empty{margin-top:60px}.geography-name .h2,.geography-name h2{text-align:left;margin-bottom:20px}.geography-introtext{font-size:16px;color:#666e79}.geography-introtext span{color:#7bb631}.geography-list{margin-left:-12px;margin-right:-12px;margin-top:40px}.geography-item{width:16.6%;padding-left:12px;padding-right:12px;margin-bottom:8px}.geography-item__name{background:#fff;font-size:16px;color:#2c2c2c;padding-left:22px;padding-right:22px;display:block;padding-top:5px;padding-bottom:5px}.brandCategory{margin-bottom:60px}.brandCategory-name .h2,.brandCategory-name h2{text-align:left;margin-bottom:40px}.brandCategory-introtext,.brandCategory-introtext p{color:#666e79;font-size:16px;margin-top:10px}.brandCategory-list{margin-left:-9px;margin-right:-9px}.brandCategory-item{width:20%;padding-left:9px;padding-right:9px;margin-bottom:25px;}.brandCategory-item__link{background:#fff;display:flex;height:100%;flex-direction:column;color:#000;text-align: center;font-family: 'ProximaReg', Arial, sans-serif;}.brandCategory-item__link img{align-self:center;display:block;max-width:100%;margin-left:auto;margin-right:auto}.masterCategory{padding-top:75px;padding-bottom:40px}.masterCategory-name .h2,.masterCategory-name h2{text-align:left;margin-bottom:40px}.masterCategory-list{margin-left:-10px;margin-right:-10px}.masterCategory-item{width:25%;padding-left:10px;padding-right:10px;margin-bottom:20px}.masterCategory-item__box{background:#fff;display:block;padding-top:23px;padding-left:15px;padding-right:15px;padding-bottom:16px}.masterCategory-item__img{position:relative;margin-bottom:40px}.masterCategory-item__img img{display:block;max-width:100%;margin-left:auto;margin-right:auto;border-radius:50%}.masterCategory-item__experience{font-size:12px;color:#81a654;font-family:PfBeauProBold,Arial,sans-serif;background:#e4f3d3;border-radius:11px;display:inline-block;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;position:absolute;top:5px;left:24px}.masterCategory-item__btn{margin-top:20px}.masterCategory-item__btn .btn-bg{width:100%;background:#ededed;border:1px solid #ddd;color:#717171}.masterCategory-item__introtext{font-size:14px;line-height:116%;color:#8f8f8f;margin-top:30px}.masterCategory-item__name{font-size:16px;color:#252525}.masterCategory-item__star{display:flex;flex-wrap:wrap;margin-left:auto}.masterCategory-item__star i{background:url(../img/categoryNew/star.svg) no-repeat;width:14px;height:13px;margin-right:1px}.masterCategory-item__star i:last-child{margin-right:0}.masterCategory-item__top{display:flex;flex-wrap:wrap;align-items:center}.masterCategory-item__box:hover .masterCategory-item__btn .btn-bg{background:#7bb631;border:1px solid #7bb631;color:#fff}.masterCategory-introtext,.masterCategory-introtext p{font-size:16px;line-height:150%;color:#666e79;margin-top:20px}.serfCategory-list{margin-left:-13px;margin-right:-13px}.serfCategory-item{padding-left:13px;padding-right:13px;width:20%}.serfCategory-item img{display:block;max-width:100%}.serfCategory-introtext,.serfCategory-introtext p{font-size:16px;line-height:150%;color:#666e79;margin-top:50px}.portCategory{padding-top:40px;padding-bottom:80px}.portCategory .h2,.portCategory h2{text-align:left}.portCategory .slick-dots{display:none!important}.portCategory .slick-next,.portCategory .slick-prev{width:35px;height:35px;border-radius:2px;font-size:0;cursor:pointer;position:absolute;top:50%;margin-top:-17px}.portCategory .slick-prev{background:url(../img/categoryNew/slick-left.svg) center #7bb631 no-repeat;left:-60px}.portCategory .slick-next{background:url(../img/categoryNew/slick-right.svg) center #7bb631 no-repeat;right:-60px}.uslugiCategory{padding-bottom:80px}.uslugiCategory-list{display:flex;flex-wrap:wrap}.uslugiCategory-list p{display:flex;margin:0}.uslugiCategory-name .h2,.uslugiCategory-name h2{text-align:left;margin-bottom:50px}.uslugiCategory-list a{font-size:16px;color:#5d7c38;background:#e4f0d4;border-radius:6px;padding-left:17px;padding-right:17px;padding-top:8px;padding-bottom:8px;margin-right:19px;margin-bottom:12px}.discountsCategory{padding-top:80px}.discountsCategory-name .h2,.discountsCategory-name h2{text-align:left}.discountsCategory-list{margin-left:-25px;margin-right:-25px}.discountsCategory-item{width:33.3%;padding-left:25px;padding-right:25px}.discountsCategory-item__box{position:relative;display:block}.discountsCategory-item__label{position:absolute;left:17px;top:17px;background:#f29725;border-radius:13px;width:63px;height:26px;font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;z-index:1}.discountsCategory-item__bottom{position:absolute;width:100%;right:0;bottom:15px;padding-left:21px;padding-right:21px;z-index:1;align-items:center}.discountsCategory-item__img img{display:block;max-width:100%;filter:drop-shadow(0 4px 4px rgba(0, 0, 0, .09))}.discountsCategory-item__btn{margin-left:auto}.discountsCategory-item__name{color:#fff;font-size:14px}.discountsCategory-item__box::after{content:'';display:block;background:linear-gradient(180deg,rgba(196,196,196,0) 0,#262626 89.44%);width:100%;height:120px;position:absolute;bottom:0;left:0}.discountsCategory-item__box .btn-bg{font-family:ProximaReg,Arial,sans-serif;height:34px;line-height:34px}section.reviews.reviewsCategory{padding-bottom:94px}header{z-index:5}.faqCategory-name .h2,.faqCategory-name h2{text-align:left}.faqCategory-list{margin-top:45px}.faqCategory-item__head{font-size:18px;color:#2c2c2c;position:relative;padding-top:26px;padding-bottom:26px;cursor:pointer;font-family:PfBeauProBold,Arial,sans-serif}.faqCategory-item__content,.faqCategory-item__head{padding-left:84px}.faqCategory-item__content{display:none;padding-bottom:46px;max-width:873px}.faqCategory-item__content,.faqCategory-item__content p{color:#666e79;font-size:16px;line-height:150%}.faqCategory-item__head:before{content:'';background:url(../img/categoryNew/faqIcon.svg) no-repeat;width:25px;height:25px;display:block;position:absolute;left:23px;top:50%;margin-top:-13px}.faqCategory-item__head::after{content:'';background:url(../img/categoryNew/faq.svg) no-repeat;position:absolute;width:21px;height:21px;top:50%;margin-top:-11px;right:36px}.faqCategory-item{background:#fff;margin-bottom:13px;box-shadow:0 1px 6px rgba(44,44,44,.05);border-radius:4px}.faqCategory-item.active .faqCategory-item__head::after{background:url(../img/categoryNew/faq-active.svg) center no-repeat}.faqCategory-item.active .faqCategory-item__content{display:block}.faqCategory-introtext{color:#a8a8a8;font-size:14px}.faqCategory-item__content:before{content:'';display:block;width:82px;height:10px;background:url(../img/categoryNew/faqContent.svg) no-repeat;margin-bottom:30px}.articlesCategory{padding-top:80px}.articlesCategory-name h2{margin-bottom:0}.articlesCategory-name .btn-bg{margin-left:auto;background:#ededed;border:1px solid #ddd;color:#666e79;font-size:14px;font-family:ProximaReg,Arial,sans-serif}.articlesCategory-name .btn-bg:hover{background:#5e9716;border-color:#5e9716;color:#fff}.articlesCategory-list{margin-left:-24px;margin-right:-24px;margin-top:60px}.articlesCategory-item{width:33.3%;padding-left:24px;padding-right:24px;transition:all ease .4s;margin-bottom:48px}.articlesCategory-item:hover{transform:translateY(-5px)}.articlesCategory-item img{display:block;max-width:100%}.articlesCategory-item__content{background:#fff;padding:26px;box-shadow:0 1px 6px rgba(44,44,44,.05);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0}.articlesCategory-item__name{font-size:16px;color:#2c2c2c}.articlesCategory-item__introtext{color:#666e79;font-size:14px;margin-top:22px}.articlesCategory-item__introtext::after{content:'';display:inline-block;background:url(../img/categoryNew/articleAr.jpg);width:23px;height:8px;margin-left:10px;position:relative;top:1px}.textCategory{margin-top:40px}.textCategory,.textCategory p{color:#666e79;font-size:16px;line-height:150%}.textCategory h2{margin-top:40px}.textCategory h2:first-child{margin-top:0}.textCategory,.textCategory h2,.textCategory h3,.textCategory h4,.textCategory h5{text-align:left}.formCategory{background:url(../img/categoryNew/formCategory.png) no-repeat;height:291px;border-radius:4px 4px 50px 4px;padding-left:93px;padding-top:50px;margin-top:60px}.formCategory-name{font-size:30px;color:#fff}.formCategory-introtext{font-size:14px;line-height:140%;color:#f0fae4;margin-top:20px;margin-bottom:20px}.formCategory .btn-bg{background:#f29725;font-family:ProximaReg,Arial,sans-serif;font-size:16px}.mapCategory{margin-bottom:-80px;position:relative;z-index:1}.mapCategory .h2,.mapCategory h2{text-align:left;margin-bottom:50px}.mapsCategory{height:351px;width:100%}.mapBalloonStar{background:url(../img/icons/stars-5.png) no-repeat;width:62px;height:10px}.mapBalloonFio{font-weight:700;margin-bottom:5px;margin-top:5px}.mapBalloonJob span{font-weight:700}.templateCategory footer .col-logo .sublogo{font-size:14px;line-height:150%;color:#2c2c2c}.templateCategory footer .col-logo .politic{color:#7bb631}.templateCategory footer .col-logo{width:252px;flex:0 0 252px;margin-right:70px}.footer-soc__vk{width:23px;height:23px;background:url(../img/categoryNew/vk.jpg) no-repeat}.footer-soc__you{width:28px;height:29px;background:url(../img/categoryNew/you.jpg) no-repeat;margin-left:18px}.footer-soc{align-items:center;margin-bottom:27px}.footer-pay{margin-bottom:25px}.footer-pay>div{width:58px;height:33px;border-radius:3px;margin-right:5px}.footer-pay__visa{background:url(../img/categoryNew/pay-1.jpg) no-repeat}.footer-pay__master{background:url(../img/categoryNew/pay-2.jpg) no-repeat}.footer-pay__kaspi{background:url(https://umnymaster.kz/assets/img/categoryNew/pay-3.jpg) no-repeat}.footer-pay__nal{background:url(../img/categoryNew/pay-4.jpg) no-repeat}.templateCategory .menu-main-footer>ul{display:block;width:auto}.menu-static-footer li a,.templateCategory .menu-main-footer li a{color:#7d7d7d;border-bottom:1px solid #e5e5e5;font-size:14px}.templateCategory footer .menu-title{margin-bottom:25px}.templateCategory footer .columns{justify-content:flex-start}.templateCategory footer .columns-menu .col:first-child{margin-right:50px}.templateCategory footer .columns-menu .col:last-child{width:100px}.templateCategory footer .columns-menu .col:last-child .menu-title{min-height:18px}.templateCategory footer .col-phone{margin-left:95px;text-align:left}.footer-email{margin-top:10px}.footer-email a{font-size:18px;color:#2c2c2c}.footer-adress{font-size:16px;color:#2c2c2c;margin-top:15px}.footer-form{margin-top:30px}.footer-form .btn-bg{width:200px;margin-top:15px}.footer-map footer{padding-top:125px}.paginator ul{padding:0}.paginator ul li{display:inline-block;list-style:none;margin-right:12px}.paginator ul li a{color:#d7d9d8}.paginator ul li a span{color:#2b3034}.paginator ul li.active a span,.paginator ul li:hover a span{color:#7bb632}.articlesList{padding-bottom:40px}.articleContents img{border-radius:20px;margin-top:20px}.articleContents{padding-bottom:40px;padding-top:60px;background:#fff}.articleContents .h2,.articleContents .h3,.articleContents h2,.articleContents h3{margin-top:40px;margin-bottom:20px;text-align:left}.content-style blockquote{background:#f2f6ec;padding:23px;color:#000;margin-top:25px;margin-bottom:25px}.content-style a{color:#f29725}.content-style blockquote p:last-child{margin-bottom:0}.content-style ul li{background:url(../img/categoryNew/content-style-li.svg) left center no-repeat;padding-left:30px;margin-bottom:15px}.content-style ol{padding:0;counter-reset:myCounter}.content-style ol li{margin-bottom:15px}.content-style ol li:before{counter-increment:myCounter;content:counter(myCounter);color:#fff;display:inline-block;text-align:center;width:24px;height:24px;border-radius:12px;background-color:#7bb631;line-height:26px;margin-right:10px;margin-bottom:10px;font-size:14px}.articleContents,.articleContents p{color:#666e79;font-size:16px;line-height:150%}.sert-container{display:flex;flex-wrap:wrap;justify-content:space-between;font-family:ProximaReg,Arial,sans-serif}.img-sr{width:100%;max-width:550px;display:flex;justify-content:space-between}.form-srt{width:100%;max-width:412px}.sert-container .preim{background:url(../img/categoryNew/check.svg) #e8e8e8 center left 25px no-repeat;border-radius:16px;font-size:15px;color:#666e79;padding:29px 25px 29px 75px;margin-bottom:21px}.form-preim{padding-top:10px}.form-preim form .line-input{display:flex;flex-direction:column}.form-preim form .line-input input{width:100%;margin-bottom:12px;color:#a1aab7;font-size:14px;text-align:center}.works-clients{font-size:18px;color:#666e79;margin-bottom:60px}.works-clients ul{list-style-position:inside;-moz-column-count:2;-webkit-column-count:2;column-count:2;list-style-type:decimal}.works-clients ul li{background:url(../img/categoryNew/li.svg) left center no-repeat;padding-left:22px}.works-clients a[href^="tel:"]{color:#7bb631;font-weight:700}.works-clients a[href^="mailto:"],.works-clients span{font-weight:700}.mapContacts{position:relative;z-index:1}.geography-empty-contacts{margin-top:60px}.mapsCategory{height:351px;width:100%}.form-contacts p,.form-contacts span{font-weight:400}.form-contacts{font-family:ProximaReg,Arial,sans-serif;position:relative;z-index:2;margin-top:20px;background:#f3f3f3;padding:58px 53px 43px 65px;display:flex;justify-content:space-between}.manager-contacts{font-size:14px;color:#000;text-align:center}.manager-head{font-weight:700;font-size:34px}.manager-head p{margin:20px 0 20px 0}.manager-name{font-weight:700;font-size:21px;margin-bottom:10px}.manager-contacts span{color:#b0b0b0;display:block}.manager-contacts img{margin:15px 0 15px 0}.row-white{background:#fff;padding-top:10px;padding-bottom:40px;overflow:hidden;}.manager-contacts{width:242px}.manager-form{width:659px}.manager-form textarea{width:100%}.manager-form input,.manager-form textarea{color:#525252;font-size:16px;border-radius:4px;font-family:ProximaReg,Arial,sans-serif}.forms-grops{display:flex;justify-content:space-between}.manager-form input{width:49%;padding:12px 0 12px 21px}.manager-form textarea{padding:12px 0 0 21px;border:none;margin-top:27px;resize:none;height:145px}.forms-grops .form-group{width:313px}.manager-form input::placeholder,.manager-form textarea::placeholder{color:#525252}.manager-form input::-webkit-input-placeholder,.manager-form textarea::-webkit-input-placeholder{color:#525252}.manager-form input::-moz-placeholder,.manager-form textarea::-moz-placeholder{color:#525252}.manager-form input:-moz-placeholder,.manager-form textarea:-moz-placeholder{color:#525252}.manager-form input:-ms-input-placeholder,.manager-form textarea:-ms-input-placeholder{color:#525252}.warning-form{border-radius:4px;background:url(../img/warning.svg) #f3e1e1 left 13px center no-repeat;padding:10px 0 10px 50px;margin-top:7px;font-size:14px}.custom-checkbox{position:absolute;z-index:-1;opacity:0}.custom-checkbox+label{display:inline-flex;align-items:center;user-select:none}.custom-checkbox+label::before{content:'';position:relative;margin-right:13px;display:inline-block;vertical-align:middle;width:16px;height:16px;border-radius:3px;background-color:#fff;background-image:none;color:transparent}.custom-checkbox:checked+label::before{background:#fff url(../img/check.png) center no-repeat}.works-clients-container br{display:none}.submit-container{margin-top:28px;display:flex;justify-content:space-between;align-items:flex-start}.submit-container label span{color:#000;font-size:14px}.submit-container a{color:#7bb631}.submit-container a:hover{opacity:.8}.submit-container button{font-weight:600;font-size:14px;color:#fff;background:#7bb631;border-radius:4px;padding:14px 59px;cursor:pointer}.submit-container button:hover{background:#5e9716}.footer-pay div.lazy,.footer-soc a.lazy,.form-sale.lazy,.where-job-columns div.lazy{background-image:none} .brandCategory-item__link figure{ height:50px; display:flex; align-items:center; justify-content:center; } .brandCategory-item__link{ padding-top:4px; padding-bottom:4px; } .form-contacts{ align-items:center; padding: 40px 53px 40px 65px; } .forms-grops button{font-weight:600;font-size:14px;color:#fff;background:#7bb631;border-radius:4px;padding:14px 59px;cursor:pointer} .forms-grops button:hover{background:#5e9716} .pricelistCategory-table-item__btn i { background: url(../img/categoryNew/icon-order-btn.png) no-repeat; width: 32px; height: 29px; display: block; background-size: 100%; margin-left:auto; margin-right:auto; } .pricelistCategory-table-item:hover .pricelistCategory-table-item__btn i { background: url(../img/categoryNew/icon-order-btn2.png) no-repeat; background-size: 100%; } .templateMalfunction .head-banner-introtext { margin-top:30px; } .malfunction-top { background: #F3F6ED; padding-top:25px; padding-bottom:25px; } .malfunction-top-list { justify-content: center; } .malfunction-top-list a { font-size: 18px; color: #5F5F5F; display: flex; border-radius: 5px; height: 51px; background: #fff; padding-left: 25px; padding-right: 25px; margin-right: 12px; margin-bottom: 8px; align-items: center; } .malfunction-top-list a:hover { background: #5e9716; color:#fff; } .malfunction-top-list div { width: 100%; } .malfunction-table { padding-top:77px; padding-bottom:100px; background:#fff; } .malfunction-table table { text-align:center; } .malfunction-table tr th, .malfunction-table tr th p { background: #7BB631; font-size: 18px; font-family: PfBeauProBold,Arial,sans-serif; color:#fff; line-height: normal; } .malfunction-table tr th p { margin-top:15px; margin-bottom:15px; } .malfunction-table tr th { border-right:1px solid #fff; } .malfunction-table th:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px; } .malfunction-table th:last-child { border-right:none; border-top-right-radius:5px; border-bottom-right-radius:5px; } .malfunction-table-bg td { background: #F3F6ED; } .malfunction-table tbody td { border-right: 1px solid #F3F6ED; border-bottom: 1px solid #F3F6ED; padding-left:24px; padding-right:24px; padding-top:21px; padding-bottom:21px; vertical-align: middle; } .malfunction-table tbody td:last-child { border-right: 0; } .malfunction-table tbody td p { margin:0; font-size: 16px; line-height: 19px; color: #2C2C2C; } .malfunction-table tbody .malfunction-table-bg td { border-color:#fff; } .malfunction-table-bg td:first-child { border-top-left-radius:5px; border-bottom-left-radius:5px; } .malfunction-table-bg td:last-child { border-right:none; border-top-right-radius:5px; border-bottom-right-radius:5px; } .malfunction-gall { background:#fff; padding-bottom:85px; } .malfunction-gall .slick-dots { display: none !important; } .slick-default-themes .slick-prev { background: url(../img/categoryNew/slick-left.svg) center #7bb631 no-repeat; left: -60px; } .slick-default-themes .slick-next { background: url(../img/categoryNew/slick-right.svg) center #7bb631 no-repeat; right: -60px; } .slick-default-themes .slick-next, .slick-default-themes .slick-prev { width: 35px; height: 35px; border-radius: 2px; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -17px; } .malfunction-symptoms { background:#fff; /*padding-bottom:80px;*/ padding-top:80px; } .malfunction-symptoms table { width:100%; text-align:center; font-size: 16px; } .malfunction-symptoms table th { background: #F29725; font-family: PfBeauProBold,Arial,sans-serif; color:#fff; font-size: 18px; padding-top:15px; padding-bottom:15px; padding-left:30px; } .malfunction-symptoms table th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .malfunction-symptoms table th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .malfunction-symptoms table td { border-bottom: 1px solid #F2F2F2; padding-top:23px; padding-bottom:23px; padding-left:30px; vertical-align: middle; } .malfunction-symptoms-complexity { display:flex; justify-content: center; } .malfunction-symptoms-complexity i { background:url(../img/malfunction-symptoms-complexity.svg) no-repeat; width: 27px; height: 27px; margin-right:4px; } .malfunction-symptoms-complexity i:last-child { margin-right:0; } .malfunction-symptoms-list { display:flex; } .malfunction-symptoms-img { min-width:67px; } .malfunction-symptoms-name { align-self:center; padding-left:18px; } .malfunction-symptoms-title h2 { margin-bottom:66px; } .malfunction-form { background:#fff; padding-bottom:70px; } .malfunction-faq .faq-questions { padding-top:70px; padding-bottom:70px; } .malfunction2-brand { padding-top:60px; } .malfunction2-brand h2, .malfunction2-brand .h2 { text-align:center; } .malfunction2-where h2, .malfunction2-where .h2 { text-align:center; } .malfunction2-where .where-job-columns .where-job-item1, .malfunction2-where .where-job-columns .where-job-item2, .malfunction2-where .where-job-columns .where-job-item3, .malfunction2-where .where-job-columns .where-job-item4 { background:#fff; } .malfunction2-where .where-job-columns .where-job-item { max-width:unset; border-radius:15px; width: calc(1/2*100% - (1 - 1/2)*20px); margin: 0 0 20px; } .where-job-columns .where-job-item { display:flex; align-items:center; } .where-job-columns .where-job-item p{ margin:20px 0 20px 100px; } .malfunction2-where .where-job-columns { justify-content: space-between; } .malfunction2-content .articleContents { background: transparent; padding-bottom:0; } .malfunction2-port { background:#fff; padding-top:20px; } .malfunction2-form { margin-top:50px; } .where-job-item__name { color: #2C2C2C; font-size: 16px; font-family: "PfBeauSemibold",Arial,sans-serif; padding-left: 86px; padding-top: 29px; } .malfunction2-where .where-job-columns p { margin-left: 86px; font-size: 14px; line-height: 141.5%; margin-top: 20px; padding-right:30px; } .malfunction2-where .where-job-columns span { width: 37px; height: 37px; line-height: 37px; border-radius: 11px; left: 28px; top: 27px; font-size:25px; } @media (max-width:767px) { .where-job-item__name { padding-left: 65px; padding-top: 14px; } .malfunction2-where .where-job-columns p { margin-left:65px; margin-top:20px; } .where-job-columns .where-job-item p{ margin: 20px 0 20px 50px; } .malfunction-top-list { margin-left:-8px; margin-right:-8px; } .malfunction-top-list span { width:50%; padding-left:8px; padding-right:8px; } .malfunction-top-list a { margin-right: 0; font-size: 13px; padding-left: 10px; padding-right: 10px; text-align:center; justify-content: center; } .malfunction-top-list div { display:none; } .malfunction-table-content { overflow-x: auto; } .malfunction-table table { width:1024px; } .malfunction-gall .slick-dots { display: flex !important; margin-top:20px; justify-content: center; } .malfunction-gall .slick-dots button { width: 10px; height: 10px; background: #dedede; display: block; font-size: 0; border-radius: 50%; } .malfunction-gall .slick-dots li { margin-right:10px; } .malfunction-gall .slick-dots li:last-child { margin-right:0; } .malfunction-gall .slick-dots .slick-active button { background: #f29725; } .malfunction-gall .slick-default-themes .slick-next, .malfunction-gall .slick-default-themes .slick-prev { display:none !important; } .malfunction-table { padding-bottom:50px; } .malfunction-symptoms table th { display:none; } .malfunction-symptoms table tr { display:flex; flex-wrap: wrap; border-bottom: 1px solid #F2F2F2; padding-top:15px; padding-bottom:15px; } .malfunction-symptoms table td { padding-left:0; border:none; padding-top:0; padding-bottom:0; } .malfunction-symptoms table td:nth-child(3) { display:none; } .malfunction-symptoms table td:first-child { width:60%; } .malfunction-symptoms table td:nth-child(2) { width:40%; align-self: center; text-align: right; } .malfunction-symptoms table td:last-child { width:100%; flex: 0 0 100%; margin-top: 15px; text-align: right; } .malfunction-symptoms-img { min-width:50px; width:50px; align-self: center; } .malfunction-symptoms-img img { display:block; max-width:100%; } .malfunction-symptoms-name { align-self: center; padding-left: 5px; } .malfunction-symptoms-title h2 { margin-bottom: 20px; } .malfunction-faq .h2, #malfunction-contact .h2 { font-size:20px; } } .simptom_container ul { display: flex; flex-wrap: wrap; margin: 0 -12px; } .simptom_container ul li span { font-weight: bold; display: flex; font-size: 18px; line-height: 26px; color: #2C2C2C; margin-bottom: 24px; align-items: center; } .simptom_container ul li p { font-size: 16px; line-height: 28px; color: #000; } .simptom_container ul li { width: 50%; display: flex; padding: 0 12px; } .simptom_container ul li > div { background: #FFFFFF; border-radius: 6px; padding: 26px 24px 30px 33px; margin-bottom:24px; } .plashka_text { background: #F29725; font-weight: bold; font-size: 24px; line-height: 147%; text-align: center; color: #FFFFFF; margin-top: 28px; padding: 43px 30px; } .simptom_content { margin-top: 70px; } .simptom_container ul { counter-reset: item; } .simptom_container ul li div span:before { display: flex; content: counter(item); counter-increment: item; background: linear-gradient(0deg, #7BB631, #7BB631), #7BB631; color: #fff; text-align: center; padding: 0; font-weight: bold; font-size: 28px; line-height: 36px; border-radius:50%; margin-right: 22px; min-width: 70px; height: 70px; align-items: center; justify-content: center; } @media (max-width:640px) { .simptom_container ul { display: flex; flex-direction:column; } .simptom_container ul li { width: 100%; } .simptom_container ul li:not(:last-child) { margin-bottom:10px; } .simptom_container ul li div span:before { min-width: 52px; height: 52px; } .simptom_container ul li span { font-size: 16px; } .simptom_container ul li p { font-size: 14px; } .plashka_text { font-size:18px; padding:26px; } .simptom_container ul li > div { padding: 22px 15px; } .simptom_content { margin-top: 40px; } } /*поломки*/ .head_table { display:flex; background: #F29725; border-radius: 5px; font-weight: 400; font-size: 20px; line-height: 24px; text-align:center; color:#fff; padding: 25px 0; } .head_table div { width: 33%; display: flex; justify-content: center; align-items: center; } .head_table div:not(:last-child) { border-right: 1px solid #fff; } .body_table { display: flex; align-items: center; color: #2C2C2C; font-size: 16px; border-bottom: 1px solid #F2F2F2; padding: 25px 0; } .body_table div { width: 33%; display: flex; align-items: center; justify-content: center; } .body_table div:not(:first-child) { justify-content: center; } .body_table div:not(:first-child) { text-align: center; } .img_table { font-weight: bold; font-size: 16px; line-height: 19px; } .priznaki_table { font-size: 16px; line-height: 22px; padding:0 20px; } .price_table { font-weight: bold; font-size: 18px; line-height: 22px; } .img_table img {margin-right:30px;} @media (max-width:640px) { .priznaki_table::before { content: attr(data-priz); color: #F29725; font-weight: 600; font-size: 17px; line-height: 22px; text-align: left; margin-bottom: 10px; } .price_table::before { content: attr(data-price); color: #F29725; font-weight: 600; font-size: 18px; line-height: 22px; text-align: left; margin-bottom: 10px; } .body_table::before { content: attr(data-head) ':'; background: #F29725; border-radius: 5px; color: #FFFFFF; font-weight: 400; font-size: 18px; line-height: 22px; width: 100%; padding: 14px 15px; box-sizing: border-box; margin-bottom: 15px; } .head_table { display:none; } .body_table div { align-items: center; justify-content: flex-start; width: 100%; } .body_table div:not(:first-child) { align-items: flex-start; } .img_table img {margin-right:20px;} .body_table div:not(:first-child) { flex-direction: column; text-align:left; } .priznaki_table {padding:0;margin: 30px 0;} .body_table { flex-direction:column; text-align: left; border:none; } .malfunction-symptoms {padding:60px 0 0 0;} } /*.head_table div:first-child:after { border-right: 1px solid #fff; content: ''; height: 45px; } .head_table div:last-child:before { border-left: 1px solid #fff; content: ''; height: 45px; }*/ .content-style .malfunction-gall .slick-dots li { margin-right: 10px; padding:0; background: none; } /*ремонт*/ .remontCategory { padding-top: 110px; padding-bottom: 50px; font-family: ProximaReg,Arial,sans-serif; } .remontCategory item .remontCategory .h2, .remontCategory h2 { text-align: center } .remontCategory .slick-dots { display: none !important } .remontCategory .slick-next, .remontCategory .slick-prev { width: 35px; height: 35px; border-radius: 2px; font-size: 0; cursor: pointer; position: absolute; top: 50%; margin-top: -17px } .remontCategory .slick-prev { background: url(../img/categoryNew/rem-slick-left.svg) center no-repeat; border: 1px solid #C5C5C5; left: -60px } .remontCategory .slick-next { background: url(../img/categoryNew/rem-slick-right.svg) center no-repeat; border: 1px solid #C5C5C5; right: -60px } .remontCategory-item > div {max-width:247px; margin: 0 auto;} .remontCategory-item > div a:hover {opacity:.8} .remontCategory-item span.img{background:#fff;display:block;} .plaha-remont { background: #D4E1C4; text-align: center; padding: 23px 0; } .plaha-remont span { font-weight: 500; font-size: 16px; text-align: center; color: #666B6A; } .advan {font-family: "ProximaReg",Arial,sans-serif;color: #2c2c2c;background: #F8F8F8;} .adv-descr span { font-weight: 600; font-size: 17px; display: block; margin-bottom: 10px; } .advan-container { display: flex; margin: 0 -10px; width: 100%; } .adv-cart { display: flex; padding: 0 10px; width: calc(100%/4); } .adv-cart img { align-self: baseline; } .adv-descr { margin-left: 15px; } .advan { padding:40px 0 35px 0; } @media (max-width:767px) { .advan-container { margin: 0; width: 100%; flex-direction: column; } .advan-container.svch .adv-cart{ margin-bottom:20px; align-items: center; } .advan-container.svch .adv-descr span{ margin:0; } .adv-cart { padding: 0; width: 100%; flex-direction: row; } .forms-grops .form-group { text-align: center; width: 100%; } .manager-head { font-weight: 700; font-size: 20px; } } .textCategory { padding-bottom: 25px; } .head-banner.is-img { min-height: 1px; background-image: none; } .head-banner.is-img .columns{ align-items:center; } .head-banner.is-img .columns img{ /* max-height:415px;*/ } .head-banner.is-img .columns { margin-bottom: 0; } .head-banner.is-img .columns>.col-right { margin-left: 30px; /*padding-top: 0; margin-top: -30px;*/ position: relative; display:flex; align-items: flex-end; justify-content:flex-end; flex:1; } .head-banner.is-img .h1, .head-banner.is-img h1 { margin-bottom: 27px; } .head-banner.is-img .geo-img { border-radius: 50%; position: absolute; top: 132px; left:0; /* transform: translateY(50%);*/ box-shadow: 0px 60px 70px rgba(0, 0, 0, 0.09), 0px 23.1111px 22.2963px rgba(0, 0, 0, 0.0546667), 0px 4.88889px 5.7037px rgba(0, 0, 0, 0.0353333); } .head-banner.is-img .geo-img.metro{ box-shadow:none; } @media (max-width: 992px) { .templateCategory .head-banner.is-img .columns { display: flex; } .head-banner.is-img .columns>.col-right img{ max-width: 100%; } } /*Masters*/ .master-page{ padding:144px 0 0 0; background: linear-gradient(90deg, #FDFBFB 0%, #EBEDEE 100%); } .master-head{ background:url('../img/bg-master.png') no-repeat top center; padding:38px 0 0 0; } .master-head .flex{ display:flex; align-items:center; } .master-info{ margin-left:-72px; } .master-info .rating{ width: 245px; height: 42px; display:flex; padding:0 0 0 23px; align-items:center; background: #fff url('../img/icon-stars.png') no-repeat right 26px center; box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.07), 0px 0px 41.728px rgba(0, 0, 0, 0.050624), 0px 0px 19.584px rgba(0, 0, 0, 0.039312), 0px 0px 8.576px rgba(0, 0, 0, 0.030688), 0px 0px 3.712px rgba(0, 0, 0, 0.019376); border-radius: 30px; } .master-info .rating span{ font-family:ProximaReg; font-weight: 700; font-size: 24px; line-height: 29px; color: #464646; } .master-info p.name{ font-family: 'Orbitron', sans-serif; text-transform:uppercase; font-weight: 700; font-size: 52px; line-height: 63px; color: #2C2C2C; margin:12px 0 0 0; } .master-info p.category{ font-family: 'Inter', sans-serif; font-weight: 400; font-size: 20px; line-height: 28px; color: #2C2C2C; margin:4px 0 0 0; } .master-info .flex{ margin:42px -15px 0 -15px; /*justify-content:space-between;*/ } .master-info .flex div{ padding:0 15px; position:relative; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #2C2C2C; } .master-info .flex div:after{ content:''; height: 46px; width:1px; background:#F29725; position:absolute; right:0; top:50%; margin-top:-23px; } .master-info .flex div:last-child:after{ display:none; } .master-info .flex div span{ font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: 32px; line-height: 40px; color: #2C2C2C; padding-bottom:3px; display:block; } .master-education{ width:100%; padding:111px 0 99px 0; background: linear-gradient(90deg, #434343 0%, #000000 100%); } .master-education .title{ font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: 35px; line-height: 130%; color: #fff; margin:0; text-align:center; } .master-education .flex{ display:flex; justify-content:space-between; } .master-education .item{ margin:56px 0 0 0; position:relative; width:33.333%; padding:27px 0 0 0; text-align:center; } .master-education .item::after{ content:''; width:1px; height:212px; position:absolute; background:url('../img/sep-line.png') no-repeat; right:0; top:0; } .master-education .item:last-child::after{ display:none; } .master-education .item span{ font-family: 'Inter', sans-serif; font-weight: 600; font-size: 20px; line-height: 24px; color: #fff; text-transform:uppercase; } .master-education .item p{ font-family: 'Inter', sans-serif; font-weight: 500; font-size: 18px; line-height: 24px; color: #F29725; margin:4px 0 0 0; padding:0 30px; } .master-education figure{ display:flex; margin:0 auto 21px; align-items:center; justify-content:center; width:84px; height:84px; background: linear-gradient(132.63deg, #7BB631 9.91%, #3C6B02 75.52%); border-radius: 15px; } .master-sert{ padding:154px 0; width:100%; } .master-sert p.title{ font-family: 'Orbitron', sans-serif; font-weight: 700; font-weight: 700; font-size: 35px; line-height: 38px; text-align: center; color: #2C2C2C; margin:0; } .master-sert img{ max-width:100%; } .master-sert .slick-list{ margin:0 -26px; } .master-sert .item{ margin:0 26px; } .master__slider-sert{ padding:104px 0 0 0; } .slick-arrow{ top:300px; box-shadow: 0px 100px 87px rgba(0, 0, 0, 0.14), 0px 64.8148px 50.9514px rgba(0, 0, 0, 0.106296), 0px 38.5185px 27.7111px rgba(0, 0, 0, 0.085037), 0px 20px 14.1375px rgba(0, 0, 0, 0.07), 0px 8.14815px 7.08889px rgba(0, 0, 0, 0.054963), 0px 1.85185px 3.42361px rgba(0, 0, 0, 0.0337037); border-radius: 10px; position:absolute; border:none; font-size:0; width:55px; height:55px; z-index:2; cursor:pointer; } .slick-prev{ left:-100px; background: #E7E6E6 url('../img/arrow.svg') no-repeat center center; } .slick-next{ right:-100px; background: #E7E6E6 url('../img/arrow-r.svg') no-repeat center center; } .master-lic{ width:100%; padding:170px 0; background: linear-gradient(270deg, #434343 0%, #000000 100%); box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 20px 13px rgba(0, 0, 0, 0.035), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.0168519); } .lic-block{ width:100%; height:370px; background: #181818; border-radius: 25px; display:flex; align-items:center; } .lic-info{ padding:0 50px 0 68px; border-radius: 25px; } .lic-info p.title{ margin:0; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 35px; line-height: 38px; color: #fff; } .lic-info p{ margin:22px 0 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #fff; font-family:ProximaReg; } .master-quot{ padding:170px 0; background: linear-gradient(90deg, #C4C5C7 0%, #DCDDDF 52%, #EBEBEB 100%); box-shadow: 0px 29px 195px rgba(0, 0, 0, 0.07), 0px 5.8px 31.6875px rgba(0, 0, 0, 0.035); } .master-quot .flex{ display:flex; align-items:inherit; } .master-quot figure{ position:relative; width:210px; height:210px; flex:1; min-width:210px; } .master-quot figure::before{ content:''; width:210px; height:210px; background: linear-gradient(224.14deg, #F2D09C 14.76%, #F6F3FF 83.77%); border-radius:50%; position:absolute; bottom:0; z-index:0; } .master-quot img{ max-width:210px; position:absolute; z-index:1; border-radius:0 0 50% 50%; bottom:-3px; left:0; right:0; } .quot-info{ padding-left:79px; } .quot-info p{ font-weight: 400; font-size: 18px; line-height: 24px; font-family:ProximaReg; color: #303030; margin:27px 0 0 0; position:relative; } .quot-info ol{ list-style:decimal; margin:20px 0 0 0; padding:0 0 0 20px; } .quot-info ol li{ font-weight: 400; font-size: 18px; line-height: 24px; font-family:ProximaReg; color: #303030; margin:10px 0 0 0; list-style:decimal; } .quot-info ol li strong{ font-weight:700; } .quot-info p::before{ content:''; width:24px; height:16px; position:absolute; left:-46px; top:-7px; background:url('../img/icon-quot.png') no-repeat; } .quot-info p.title{ font-weight: 700; font-size: 35px; line-height: 38px; font-family: 'Inter', sans-serif; color: #2C2C2C; margin:0; } .quot-info p.title:before{ display:none; } .master-quot.master_block{ background: linear-gradient(90deg, #EBEBEB 12.81%, #DCDDDF 77.4%, #C4C5C7 100%); box-shadow: 0px 29px 195px rgba(0, 0, 0, 0.07), 0px 5.8px 31.6875px rgba(0, 0, 0, 0.035); border-radius: 15px; padding:118px 0; margin:73px 0 0 0; } .master__info{ display:flex; align-items:center; } .master__info > .master__card{ min-width:235px; padding:0 25px 0 33px; flex:1; } .master__name{ font-weight: 700; font-size: 20px; line-height: 36px; margin:0; color: #2C2C2C; font-family: ProximaReg; } .master__position{ font-weight: 300; font-size: 16px; line-height: 24px; color: #494949; margin:13px 0 0 0; font-family: ProximaReg; } .master__exp{ font-weight: 800; font-size: 19px; line-height: 24px; color: #2C2C2C; margin:13px 0 0 0; text-transform:uppercase; font-family: ProximaReg; } .master-quot figure:hover::before{ background: linear-gradient(224.14deg, #4E9835 14.76%, #F6F3FF 83.77%); } .master_block .quot-info { padding-left: 29px; } .master_block .quot-info p{ font-size:16px; margin:0; } .master_block.master-quot .flex{ align-items:center; } .list__masters{ display:flex; flex-wrap:wrap; } .master__item{ width:338px; background: linear-gradient(90deg, #C4C5C7 0%, #DCDDDF 52%, #EBEBEB 100%); box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.07), 0px 14.1312px 41.728px rgba(0, 0, 0, 0.050624), 0px 7.2576px 19.584px rgba(0, 0, 0, 0.039312), 0px 2.9184px 8.576px rgba(0, 0, 0, 0.030688), 0px 0.6528px 3.712px rgba(0, 0, 0, 0.019376); border-radius: 20px; margin:127px 20px 0 0; display:block; } .item:nth-child(3n+3) .master__item{ margin:127px 0 0 0; } .master__item:hover{ background: linear-gradient(224.14deg, #F2D09C 14.76%, #F6F3FF 83.77%); } .master__item-info{ background: linear-gradient(90deg, #FDFBFB 0%, #EBEDEE 100%); box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.07), 0px 14.1312px 41.728px rgba(0, 0, 0, 0.050624), 0px 7.2576px 19.584px rgba(0, 0, 0, 0.039312), 0px 2.9184px 8.576px rgba(0, 0, 0, 0.030688), 0px 0.6528px 3.712px rgba(0, 0, 0, 0.019376); border-radius: 20px; padding:24px 27px 27px 27px; } .master__item figure{ position:relative; width:100%; height:296px; min-width:338px; } .master__item-info .name{ margin:9px 0 0 0; font-weight: 700; font-size: 20px; line-height: 28px; font-family: ProximaReg; color: #2C2C2C; } .master__item-info .spec{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #424242; margin:0 0 25px 0; } .master__item-info span.detail{ font-style: italic; font-weight: 600; font-size: 16px; line-height: 25px; text-decoration: underline; color: #383838; padding:0 38px 0 0; background:url('../img/arr-detail.svg') no-repeat right center; } .master__item-info a:hover{ text-decoration:none; } .master__item:hover img{ transform:scale(1.03); } .master__item img{ transition:.7s; max-width:338px; position:absolute; z-index:1; bottom:0px; left:0; right:0; } .master__item .rating{ width: 189px; height: 33px; display:flex; padding:0 0 0 17px; align-items:center; background: #fff url('../img/icon-stars.png') no-repeat right 26px center; background-size:114px 21px; box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.07), 0px 0px 41.728px rgba(0, 0, 0, 0.050624), 0px 0px 19.584px rgba(0, 0, 0, 0.039312), 0px 0px 8.576px rgba(0, 0, 0, 0.030688), 0px 0px 3.712px rgba(0, 0, 0, 0.019376); border-radius: 30px; } .master__item .rating span{ font-family:ProximaReg; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; color: #454545; } .master-caption{ font-weight: 400; font-size: 30px; line-height: 38px; text-transform: uppercase; font-family:ProximaReg; color: #2C2C2C; border-bottom:1px solid #000; padding-bottom:25px; margin:95px 0 0 0; } .all__masters{ padding-bottom:160px; } .banner-master{ margin:240px 0 0 0; padding:128px 0; background: linear-gradient(90deg, #434343 0%, #000000 100%); } .banner-master h1{ font-family: 'Orbitron', sans-serif; font-weight: 800; font-size: 50px; line-height: 62px; text-transform: uppercase; margin:0; color: #fff; } .banner-master p{ font-family:ProximaReg; font-weight: 400; font-size: 20px; line-height: 28px; margin:25px 0 0 0; color: #fff; } .qualification.border-line{ background-image: url('../img/line.png'); background-position:top center; background-repeat:no-repeat; } /*О компании*/ .b-about__head{ width:100%; height:480px; margin:240px 0 0 0; background:url('../img/bg-about-head.jpg') no-repeat top center; padding:181px 0 0 0; } .b-about__head h1{ font-family: 'Orbitron', sans-serif; font-weight: 800; font-size: 52px; line-height: 63px; text-transform: uppercase; color: #2C2C2C; margin:0; } .b-about__head p{ font-family:ProximaReg,Arial,sans-serif; font-weight: 600; font-size: 25px; line-height: 48px; color: #000; margin:7px 0 0 0; } .b-about__quot{ background: linear-gradient(90deg, #434343 0%, #000000 100%); padding:74px 0; box-shadow: 0px 48px 80px rgba(0, 0, 0, 0.05), 0px 24.3px 34.875px rgba(0, 0, 0, 0.03375), 0px 9.6px 13px rgba(0, 0, 0, 0.025), 0px 2.1px 4.625px rgba(0, 0, 0, 0.01625); } .b-about__quot p{ font-family:ProximaReg,Arial,sans-serif; font-weight: 700; font-size: 30px; line-height: 38px; color: #fff; margin:0; } .about__block-color{ padding:135px 0; width:100%; } .pink{ background: #FFF8ED; } .green{ background: #ECFFEA; } .about__block-color h3{ font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 22px; line-height: 30px; color: #2C2C2C; margin:0; text-align:left; } .about__block-color p{ font-family:ProximaReg,Arial,sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #2C2C2C; margin:21px 0 0 0; } .image-block{ display:flex; margin:52px auto 0; width:100%; max-width:1014px; align-items:center; justify-content:flex-end; } .image-block.time{ background:url('../img/about-img-1.png') no-repeat; height:380px; } .image-block p.check{ background: #fff url('../img/free-icon-check.svg') no-repeat 42px 31px; box-shadow: 0px 12px 80px rgba(0, 0, 0, 0.07), 0px 4.62222px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 0.977778px 6.51852px rgba(0, 0, 0, 0.0274815); border-radius: 30px; max-width:516px; padding:31px 39px 35px 95px; margin:0; font-weight: 600; font-size: 17px; line-height: 23px; color: #2C2C2C; } .image-block.start{ justify-content:flex-start; } .image-block.steps{ background:url('../img/about-img-2.png') no-repeat right center; min-height:380px; margin:65px auto 0; max-width:100%; } .image-block ol{ list-style-type: none; counter-reset: num; margin: 0; padding:20px 0 0 0; } .image-block ol li{ margin:-20px 0 0 0; max-width:551px; background: #fff; box-shadow: 0px 12px 80px rgba(0, 0, 0, 0.07), 0px 4.62222px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 0.977778px 6.51852px rgba(0, 0, 0, 0.0274815); border-radius: 30px; padding:41px 38px 45px 91px; position: relative; font-family:ProximaReg,Arial,sans-serif; font-weight: 600; font-size: 17px; line-height: 24px; color: #2C2C2C; } .image-block ol li:before { content: counter(num); counter-increment: num; position: absolute; top: 38px; left: 41px; width: 28px; height: 28px; background: #B0EF8F; font-family:ProximaReg,Arial,sans-serif; border-radius:50%; font-weight: 600; font-size: 24px; line-height: 32px; color: #009045; display:flex; align-items:center; justify-content:center; } .image-block.moment{ background:url('../img/about-img-3.png') no-repeat; height:404px; } .lightgreen{ background:#F2FFFF; } .purple{ background: #F8EDFF; } .image-block.tech{ background:url('../img/about-img-4.png') no-repeat right center; max-width:100%; } .image-block ul{ list-style-type: none; counter-reset: num; margin: 0; padding:20px 0 0 0; } .image-block ul li{ margin:-20px 0 0 0; max-width:515px; background: #fff; box-shadow: 0px 12px 80px rgba(0, 0, 0, 0.07), 0px 4.62222px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 0.977778px 6.51852px rgba(0, 0, 0, 0.0274815); border-radius: 30px; padding:49px 15px 49px 91px; position: relative; font-family:ProximaReg,Arial,sans-serif; font-weight: 600; font-size: 17px; line-height: 24px; color: #2C2C2C; } .image-block ul li:before { content: ''; width:40px; height:40px; left:39px; top:31px; background: #fff url('../img/free-icon-check.svg') no-repeat; position: absolute; } .all-master{ margin:77px auto 0; width: 311px; height: 64px; font-family:ProximaReg,Arial,sans-serif; font-weight: 700; font-size: 16px; line-height: 23px; color: #fff; display:flex; align-items:center; justify-content:center; text-decoration:none; background: #2C2C2C; border-radius: 8px; } .masters-block{ padding:150px 0 52px 0; background:#fff; width:100%; } .masters-block p.title{ font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 30px; line-height: 38px; color: #252525; margin:0; padding:0 0 28px 0; background:url('../img/line-title.png') no-repeat bottom left; } .gallery-about{ padding:150px 0; background: linear-gradient(90deg, #434343 0%, #000000 100%); } .gallery-about p{ font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 30px; line-height: 38px; color: #fff; padding:0 0 28px 0; background:url('../img/line-gallery.png') no-repeat bottom left; text-align:left; } .gallery-about-list{ margin:75px 0 0 0; } .gallery-about-list img{ border-radius: 15px; max-width:100%; } .gallery-about-list .slick-slide{ margin-right:25px; } .gallery-about-list .slick-arrow{ top:50%; margin-top:-27px; } /*Гарантии*/ .b-garant__head{ width:100%; height:384px; margin:240px 0 0 0; background:url('../img/bg-garant-head.jpg') no-repeat top center; padding:158px 0 0 0; } .b-garant__head h1{ font-family: 'Orbitron', sans-serif; text-transform:uppercase; font-weight: 800; font-size: 52px; line-height: 63px; color: #fff; margin:0; } .garant__block{ padding:126px 0 0 0; } .garant__block h3{ font-weight: 700; font-size: 30px; line-height: 38px; font-family: 'Manrope', sans-serif; color: #2C2C2C; text-align:left; margin:0; } .garant__block p{ margin:26px 0 0 0; font-family:ProximaReg,Arial,sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; color: #2C2C2C; } .garant__block .d-flex{ display:flex; justify-content:space-between; } .garant__info{ margin:63px 0 0 0; } .garant__info-item{ background: linear-gradient(90deg, #434343 0%, #000000 100%); box-shadow: 0px 12px 80px rgba(0, 0, 0, 0.07), 0px 4.62222px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 0.977778px 6.51852px rgba(0, 0, 0, 0.0274815); border-radius: 30px; border-left:7px solid #F47E20; height:357px; padding:79px 24px 0 31px; margin:0 0 14px 0; max-width:485px; } .garant__info-item p{ font-family:ProximaReg,Arial,sans-serif; font-weight: 400; font-size: 17px; line-height: 26px; margin:26px 0 0 0; color: #fff; padding:0 54px 0 0; } .garant__info-item .item-head{ display:flex; justify-content:space-between; align-items:flex-start; } .garant__info-item .item-head span{ font-family:ProximaReg,Arial,sans-serif; font-weight: 800; font-size: 18px; line-height: 26px; text-transform: uppercase; color: #fff; display:block; max-width:274px; } .garant__block p.theme{ font-family:ProximaReg,Arial,sans-serif; font-style: italic; font-weight: 700; font-size: 18px; line-height: 38px; color: #5C5C5C; margin:0 0 24px 0; } .garant__talon{ margin:63px 0 0 0; } .garant__talon img{ max-width:515px; filter: drop-shadow(0px 1.2963px 46.8519px rgba(0, 0, 0, 0.129074)) drop-shadow(0px 0.77037px 25.4815px rgba(0, 0, 0, 0.103259)) drop-shadow(0px 0.4px 13px rgba(0, 0, 0, 0.085)) drop-shadow(0px 0.162963px 6.51852px rgba(0, 0, 0, 0.0667407)); border-radius: 30px; } .garant__quot{ margin:100px 0 0 0; padding:68px 0; background: linear-gradient(178.63deg, #C06B00 1.17%, #4F4F4F 134.05%); } .garant__quot p{ font-family:ProximaReg,Arial,sans-serif; font-weight: 800; font-size: 22px; line-height: 30px; color: #fff; margin:0; } .top-menu{ background:#2C2C2C; } .original_quarantee__container::after{ content:''; position:absolute; left:0; top:-128px; width:542px; height:728px; background:url('../img/garant-new.webp') no-repeat; } .original_quarantee__container.remont-duhovyh-shkafov::after{ background-image: url('../img/garant-oven.jpg'); background-size: 530px 699px; border-radius: 50px; width:530px; height:699px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.20); } .original_quarantee__container.remont-vodonagrevateley::after{ background-image: url('../img/garant-heater.jpg'); background-size: 530px 699px; border-radius: 50px; width:530px; height:699px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.20); } .original_quarantee__container.remont-kofemashin::after{ background-image: url('../img/garant-coffee.jpg'); background-size: 530px 699px; border-radius: 50px; width:530px; height:699px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.20); } .original_quarantee__container.remont-varochnyh-panelej::after{ background-image: url('../img/garant-panel.jpg'); background-size: 530px 699px; border-radius: 50px; width:530px; height:699px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.20); } .original_quarantee__container.remont-ehlektroplit::after{ background-image: url('../img/garant-plita.jpg'); background-size: 530px 699px; border-radius: 50px; width:530px; height:699px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.20); } .original_quarantee__container{ background:none!important; position:relative; } .original_quarantee{ background-color: #363636; overflow: inherit; background-image:none; } @media (max-width: 767px) { .head-banner.is-img .geo-img { margin-left: -138px; margin-top: -36px; top: auto; } .head-banner.is-img .geo-img~img { margin-right: -78px; } .templateCategory .head-banner.is-img .columns { flex-direction: column; } .head-banner.is-img .columns>.col-right { display: flex !important; margin-left: 0; margin-top: 0; align-items: center; justify-content: center; } .head-banner.is-img .columns>.col-right img:not(.geo-img) { max-width: 370px; } } @media (max-width: 768px) { .head-banner.is-img .columns>.col-right img.geo-img { display: none; } } @media (max-width: 768px) { .master-page { padding: 86px 0 0 0; } .master-head .flex{ flex-wrap:wrap; flex-direction:column-reverse; align-items: flex-start; } .master-info p.name{ font-weight: 800; font-size: 27px; line-height: 37px; color: #2C2C2C; } .master-info{ margin:0!important; } .master-head .master-info .flex{ flex-direction:row; flex-wrap: nowrap; } .master-info .flex div:nth-child(3){ display:none; } .master-info .flex div span{ font-weight: 700; font-size: 19px; line-height: 24px; color: #2C2C2C; } .master-head img{ max-width:100%; } .master-info p.category{ font-weight: 400; font-size: 17px; line-height: 28px; color: #2C2C2C; } .master-info .flex div:nth-child(2):after{ display:none; } .master-info .flex div:nth-child(2) { padding: 0 0 0 15px; } .master-head { background: url(../img/bg-master-mob.png) no-repeat bottom center; background-size: 100%; } .master-education{ background: linear-gradient(90deg, #434343 45.62%, #000000 100%); box-shadow: 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 20px 13px rgba(0, 0, 0, 0.035), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.0168519); border-radius: 50px; padding:67px 0 48px 0; } .master-education .title{ font-weight: 700; font-size: 24px; line-height: 33px; color: #fff; text-align:left; } .master-education .flex{ background: #222; border-radius: 25px; border:1px solid #FF9900; padding:8px 20px 0 20px; flex-wrap:wrap; flex-direction:column; margin:34px 0 0 0; width:100%; } .master-education .item{ margin:22px 0 0 0; width:100%; display:flex; align-items:flex-start; text-align:left; padding:0 0 30px 0; } .master-education .item p{ margin:8px 0 0 0; padding:0; font-weight: 500; font-size: 16px; line-height: 24px; color: #F29725; } .master-education .item figure{ margin:0 20px 0 0; width: 55px; height: 55px; min-width: 55px; min-height: 55px; } .master-education .item figure img{ width:30px; } .master-education .item span{ display:block; font-weight: 700; font-size: 17px; line-height: 24px; color: #fff; } .master-education .item::after { content: ''; width: 1px; height: 212px; position: absolute; background: url(../img/sep-line.png) no-repeat; left: 153px; right: auto; bottom: -100px; top:auto; transform:rotate(90deg); } .master-sert p.title{ text-align:left; font-weight: 700; font-size: 24px; line-height: 33px; color: #2C2C2C; } .lic-block{ flex-wrap:wrap; flex-direction:column-reverse; background:none; height:auto; } .master-lic{ background: linear-gradient(270deg, #434343 0%, #000000 100%); box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0531481), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 20px 13px rgba(0, 0, 0, 0.035), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.0168519); border-radius: 20px; padding:63px 0 72px 0; } .lic-info{ padding:0; } .lic-block img{ max-width:100%; margin:33px 0 0 0; } .master-sert .item{ margin:0; } .master-sert .slick-next{ right:7px; width:38px; height:38px; } .master-sert .slick-prev{ left:7px; width:38px; height:38px; } .master-sert img{ margin:0 auto; display:block; } .master__slider-sert { padding: 60px 0 0 0; } .master-sert { padding: 79px 0 83px 0; } .lic-info p.title{ font-weight: 700; font-size: 24px; line-height: 32px; color: #fff; } .quot-info{ padding:27px 0 0 0; margin:36px 0 0 0; background:url('../img/line-quot.png') no-repeat top center; } .master-quot { padding: 75px 0 45px 0; } .quot-info p.title{ font-weight: 700; font-size: 24px; line-height: 32px; color: #2C2C2C; } .master-quot .flex{ flex-wrap:wrap; } .quot-info p{ padding:0 0 0 46px; } .quot-info p.title{ padding:0; } .quot-info p::before{ left:0; } .quot-info p{ font-size:16px; } .master-quot figure { flex: initial; margin: 0 auto; } .master-quot.master_block{ margin:30px 0 0 0; padding:40px 0; } .master__info{ flex-wrap:wrap; } .master__info > .master__card { min-width: 235px; padding: 20px 0 0 0 ; width: 100%; text-align: center; } .master_block .quot-info{ padding-left:0; } .master__item{ box-shadow:none; margin:127px auto 0; } .list__masters .slick-prev{ left:7px; background:url('../img/slick-ar.png') no-repeat; width:38px; height:38px; box-shadow:none; } .list__masters .slick-next{ right:7px; background:url('../img/slick-ar.png') no-repeat; width:38px; height:38px; transform:rotate(180deg); box-shadow:none; } .master__item-info{ box-shadow:none; } .master-caption{ font-size:22px; padding:0 20px 12px 20px; margin:70px 0 0 0; } .banner-master{ padding:70px 10px; margin:60px 0 0 0; } .banner-master h1{ font-size: 26px; line-height: 36px; } .banner-master p{ font-size: 16px; line-height: 24px; } .b-faq ~ .where-job-category{ margin-bottom:0; } .masters-block .container, .gallery-about .container, .about__block-color .container, .b-about__quot .container, .b-about__head .container{ padding-left:20px; padding-right:20px; } .gallery-about{ padding:79px 0; } .gallery-about .slick-next{ width:38px; height:38px; right:-12px; background-size:11px 21px; } .gallery-about .slick-prev{ width:38px; height:38px; left:-12px; background-size:11px 21px; } .gallery-about-list .slick-slide{ margin:0; } .gallery-about p, .masters-block p.title{ font-size: 21px; line-height: 29px; padding: 0 0 15px 0; } .gallery-about-list{ margin:53px 0 0 0; } .masters-block{ padding:80px 0 50px 0; } .all-master{ margin:42px auto 0; } .image-block ul li, .image-block ol li{ margin:10px 0 0 0; font-size: 16px; line-height: 22px; padding: 33px 15px 34px 66px; } .image-block p.check{ padding: 33px 15px 34px 66px; background: #fff url(../img/free-icon-check.svg) no-repeat 23px 32px; } .image-block ul li:before { left: 23px; top: 32px; } .about__block-color { padding: 54px 0 63px 0; } .about__block-color h3 { font-size: 18px; line-height: 26px; } .image-block{ margin:10px 0 0 0; } .image-block.tech { background: url(../img/about-img-4.png) no-repeat top center; max-width: 100%; padding: 240px 0 0 0; background-size: contain; } .image-block.moment{ background: url(../img/about-img-3.png) no-repeat top center; max-width: 100%; padding: 270px 0 0 0; background-size: contain; height:auto; } .image-block.steps{ background: url(../img/about-img-2.png) no-repeat top center; max-width: 100%; padding: 200px 0 0 0; background-size: contain; } .image-block.time{ background: url(../img/about-img-1.png) no-repeat top center; max-width: 100%; padding: 250px 0 0 0; background-size: contain; height:auto; } .image-block ol li:before{ top:33px; left:22px; } .image-block.steps{ margin: 35px auto 0; } .b-about__quot{ padding:67px 0; } .b-about__quot p{ font-size: 21px; line-height: 29px; } .b-about__head { width: 100%; height: auto; margin: 60px 0 0 0; background: url(../img/bg-about-head.jpg) no-repeat top center; padding: 68px 0; background-size: cover; } .b-about__head h1{ font-size: 26px; line-height: 36px; text-transform: uppercase; color: #2C2C2C; font-weight:700; } .b-about__head p{ margin:10px 0 0 0; font-weight: 600; font-size: 18px; line-height: 24px; color: #2C2C2C; } .b-garant__head .container, .garant__block .container, .garant__quot .container{ padding-left:20px; padding-right:20px; } .b-garant__head{ width:100%; height:auto; margin:60px 0 0 0; padding:72px 0; background-size:cover; } .b-garant__head h1{ font-size: 26px; line-height: 36px; } .garant__block{ padding:63px 0 0 0; } .garant__block h3{ font-size: 19px; line-height: 26px; } .garant__block p{ font-size: 16px; line-height: 24px; } .garant__info{ margin:27px 0 0 0; } .garant__info-item{ height:auto; padding:46px 20px 47px 32px; } .garant__info-item p{ font-size: 17px; line-height: 26px; padding:0; } .garant__info-item .item-head span{ font-size: 17px; line-height: 25px; } .garant__info-item .item-head img{ width:43px; } .garant__block p.theme{ font-size: 17px; line-height: 25px; } .garant__talon{ margin:35px 0 0 0; } .garant__talon img{ max-width:100%; } .garant__quot{ margin:56px 0 0 0; padding:57px 0; background: linear-gradient(178.63deg, #C06B00 1.17%, #4F4F4F 134.05%); } .garant__quot p{ font-size: 18px; line-height: 24px; } .garant__quot p br{ display:none; } .original_quarantee__container::after { content: ''; position: absolute; left: 0; right:0; margin:auto; bottom: 0; width: 100%; height: 460px; background: url(../img/garant-new.png) no-repeat; background-size: 375px 460px; top:auto; } .original_quarantee__container { padding-bottom: 400px; } } .remm .exowork_with_popup { padding-top: 220px; } @media (max-width: 767px) { .original_quarantee__container { justify-content: flex-end; } .original_quarantee__container:after { bottom: -60px; background-size: contain;} .original_quarantee { padding-top: 30px; } .remm .exowork_with_popup { padding-top: 42px; } .line.adres, .line.email, .line.phone, .line.clock { /* background: none;*/ } .verify img { max-width: 190px; } } .remontCategory-list3 .remontCategory-item > div{ max-width: 337px; } .remontCategory-list3 .remontCategory-item .plaha-remont{ padding-right: 15px; padding-left: 15px; } .all-brands { padding: 60px 0 0; background: #fff; } .all-brands ul.tabs-nav { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; } .all-brands ul.tabs-nav li a { border-radius: 4px; background: #F6F6F6; padding: 17px 45px; display: block; color: #3C3C3C; text-align: center; font-family: 'ProximaReg'; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } .all-brands ul.tabs-nav li a.active,.all-brands ul.tabs-nav li a:hover { background: #88B449; color: #fff; } .all-brands .tabs-items { margin-top: 40px; } .all-brands .tabs-items .tabs-item { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; } .all-brands .tabs-items .tabs-item a { display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #D3D3D3; padding: 15px 17px; width: calc(100%/4 - 20px); color: #6B717B; text-align: center; font-family: Proxima Nova; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .all-brands .tabs-items .tabs-item a:hover { background: #88B449; color: #fff; } @media screen and (max-width:768px) { .all-brands .tabs-items .tabs-item a { width: calc(100%/3 - 20px); } } .brandCategory-item:nth-child(n+21){ display:none; } .brandCategory-list.active .brandCategory-item:nth-child(n+21){ display:block; } @media screen and (max-width:992px) { .brandCategory .broke-more{ display:none; } } @media screen and (max-width:600px) { .all-brands .tabs-items .tabs-item a { width: 100%; } } .modelsbrand { padding-top: 90px; padding-bottom: 90px; } .modelsbrand-name.h2, .modelsbrand-name h2 { text-align: left; margin-bottom: 20px; } .modelsbrand-list { margin-left: -12px; margin-right: -12px; margin-top: 40px; } .modelsbrand-item { width: 25%; padding-left: 12px; padding-right: 12px; margin-bottom: 8px; } .modelsbrand-item__name { background: #fff; font-size: 16px; color: #2c2c2c; padding-left:22px; padding-right:22px; display:block; padding-top:5px; padding-bottom:5px; } .modelsbrand-more{ display:none; } @media (max-width: 992px){ .modelsbrand { padding-top: 50px; padding-bottom: 50px; } .modelsbrand-item { width: 50%; padding-left: 3px; padding-right: 3px; } .modelsbrand-more button { background: #fff; color: #666e79; font-family: PfBeauSemibold,Arial,sans-serif; font-size: 14px; width: 100%; height: 40px; border-radius: 4px; } .modelsbrand-item__name { height: 100%; display: flex; align-items: center; font-size: 14px; padding-left: 15px; padding-right: 15px; } } .section-metro{ background:#fff; padding-bottom:68px; } .metro-block{ margin:25px 0 0 0; background:#F6F6F6; padding:60px 73px 40px 140px; } .metro-block .d-flex{ display:flex; } .metro-block .d-flex ul.lines{ width:50%; border-right:1px solid #E7D8D8; } .metro-block .d-flex ul li{ display:flex; align-items:center; margin:9px 0 0 0; } .metro-block .d-flex ul li img{ margin-right:21px; max-width:26px; } .metro-block .d-flex ul li a{ font-weight: 300; font-size: 15px; line-height: 172%; color: #000; text-decoration:none; padding:3px 16px; font-family:ProximaReg,Arial,sans-serif } .metro-block .d-flex ul li.active a{ color: #fff; font-weight: 700; border-radius:5px; background:#7CB630; } .metro__list{ width:50%; } .metro__list ul{ border:none; width:100%; } .list-block{ display:none; padding:0 0 0 110px; } .list-block.active{ display:block; max-height:558px; overflow:auto; } .list-block ul{ padding:0; margin:0; } .metro-block .list-block ul li{ margin:20px 0 0 0; } .metro-block .list-block ul li a{ font-weight: 300; font-size: 15px; text-decoration:none; line-height: 100%; color: #000; font-family:ProximaReg,Arial,sans-serif } .list-block ul li a:hover{ font-weight: 700; color: #74b223; text-decoration:underline; } .styled-scrollbars { scrollbar-color: #7cb630 #f1ecec; } .styled-scrollbars::-webkit-scrollbar { width: 16px; } .styled-scrollbars::-webkit-scrollbar-thumb { /* плашка-бегунок */ background: #7cb630; border-radius: 30px; } .styled-scrollbars::-webkit-scrollbar-track { /* фон */ background: #f1ecec; border-radius:16px; } @media (max-width: 768px){ .metro-block{ padding: 33px 15px 33px 25px; margin: 0 -15px; } .metro-block .d-flex{ flex-wrap:wrap; } .metro__list{ width:100%; margin:16px 0 0 0; } .metro-block .d-flex ul.lines{ width:100%; border-right: none; border-bottom: 1px solid #E7D8D8; padding:0 0 25px 0; } .metro-block .d-flex ul.lines.active li{ display:block; } .metro-block .d-flex ul.lines li{ display:none; } .metro-block .d-flex ul.lines li.active{ display:flex; } .list-block{ padding:0 0 0 20px; } .metro-block .list-block ul li a{ padding:3px 0; } .metro-block .d-flex ul li img{ margin-right:12px; } } :root { --font-family: "ProximaReg", sans-serif; --second-family: "Open Sans", sans-serif; } .page-article{ padding:144px 0 0 0; } .d-flex{ display:flex; } .j-between{ justify-content:space-between; } .a-center{ align-items:center; } .page-article h1{ margin:30px 0 43px 0; font-family: var(--font-family); font-weight: 700; font-size: 36px; line-height: 100%; color: #2c2c2c; } .article-author{ padding:0 35px 0 0; display:flex; align-items:center; } .article-author img{ margin-right:11px; max-width:79px; border-radius:50%; } .article-author span.name{ font-family: var(--font-family); font-weight: 600; font-size: 24px; line-height: 108%; color: #2c2c2c; } .article-author span.name a { color: #2c2c2c; } .article-info{ display:flex; justify-content:space-between; align-items:center; flex:1; } .article-info .date{ display:flex; flex-direction:column; } .article-info .date span{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 186%; color: #2c2c2c; } .article-info .share{ padding-right:44px; } .tags{ display:flex; flex-direction:column; justify-content:flex-end; align-items: flex-end; } .tags a{ text-decoration:none; font-family: var(--font-family); font-weight: 600; font-size: 15px; line-height: 162%; color: #2c2c2c; padding:2px 8px; border-radius: 4px; background: #e2f0d0; margin:7px 0 0 0; display:inline-block; } .stars__foot, .stars__foot span{ font-family: var(--font-family); font-weight: 400; font-size: 13px; line-height: 200%; color: #868686; padding:0; } .stars__block{ margin:5px 0 0 0; } .verify .rating, .article-author .rating{ margin-right:8px; } .verify .rating__best, .article-preview .rating__best, .article-author .rating__best { background: url(../components/simplerating/img/stars-new.png) no-repeat; width: 68px; height: 13px; background-position: 0 -11px !important; background-size: 68px auto; } .verify .rating__best_hover { background-position: 0 -11px !important; } .verify .rating, .article-preview .rating, .article-author .rating { width: 68px; height: 13px; } .banners-article{ margin:20px 0 0 0; border-radius: 8px; } .banners-article img{ max-width:100%; border-radius: 8px; } .contexts{ margin:43px 0 52px 0; border-radius: 8px; padding: 34px 32px; background: #f2fde4; } .article-wrap .contexts p{ font-family: var(--font-family); font-weight: 700; font-size: 22px; margin:0; line-height: 118%; color: #2c2c2c; } .contexts ol { padding:6px 0 0 0; list-style-type: none; counter-reset: num; } .contexts ol li{ margin:14px 0 0 0; position: relative; padding:0 0 0 26px; } .contexts ol li a{ font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 162%; color: #2c2c2c; text-decoration:none; } .contexts ol li ol{ padding:0; counter-reset: nums; } .contexts ol li ol li{ margin:5px 0 0 0; } .contexts ol li ol li a{ font-size:14px; } .contexts ol li ol li:before { content: counter(num) '.' counter(nums); counter-increment: nums; font-size: 14px; } .contexts ol li:before { content: counter(num) '.'; counter-increment: num; display: inline-block; position: absolute; top: 0px; left: 0; width: 26px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 162%; color: #2c2c2c; text-align: center; } .article-wrap{ flex:1; padding:0 0 44px 0; width:100%; } .article-wrap > .article-body > p{ margin:18px 0 0 0; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; color: #2c2c2c; } .article-wrap > .article-body > p a{ color:#7BB631; } .article-wrap p.h2, .article-wrap h2{ font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 125%; color: #2c2c2c; margin:43px 0 0 0; text-align:left; } .article-wrap p.h3, .article-wrap h3{ font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 125%; color: #2c2c2c; margin:23px 0 0 0; text-align:left; } .article-wrap p.h4, .article-wrap h4{ font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 125%; color: #2c2c2c; margin:20px 0 0 0; text-align:left; } .article-wrap ul{ padding:5px 0 0 0; } .article-wrap ul li{ margin:9px 0 0 0; font-family: var(--font-family); font-weight: 400; font-size: 14px; padding:0 0 0 23px; line-height: 140%; color: #2c2c2c; position:relative; } .article-wrap ul li strong, .article-wrap p strong, .article-wrap ul li b, .article-wrap p b{ font-weight:600; } .article-wrap ul li::before{ content:''; width:9px; height:9px; position:absolute; border-radius:50%; background:#7bb631; top:6px; left:4px; } .article-wrap ol{ padding:5px 0 0 0; list-style-type: none; counter-reset: num; } .article-wrap ol { counter-reset: num; } .article-wrap ol { counter-reset: num var(--start-num, 0) } .article-wrap ol li{ margin:9px 0 0 0; font-family: var(--font-family); font-weight: 400; font-size: 14px; padding:0 0 0 23px; line-height: 140%; color: #2c2c2c; position:relative; } .article-wrap ol li strong, .article-wrap ol li b{ font-weight:600; } .article-wrap ol > li::before{ content: counter(num) '.'; counter-increment: num; position:absolute; color:#7bb631; font-size:16px; top:0px; left:0px; } .article-wrap > .article-body > img{ margin:18px 0 0 0; border-radius: 8px; max-width:100%; } .article-wrap > .article-body .w-img{ align-items:flex-start; } .article-wrap > .article-body .w-img p{ margin: 18px 0 0 0; line-height:140%; } .article-wrap > .article-body .w-img p a{ color:#7BB631; } .article-wrap > .article-body .w-img div{ flex:1; } .article-wrap > .article-body .w-img img{ margin:18px 0 0 15px; max-width:310px; } .article-wrap blockquote{ font-family: var(--font-family); font-style: italic; font-weight: 400; font-size: 14px; line-height: 125%; text-align: center; color: #2c2c2c; margin:18px 0 0 0; width:100%; border-radius: 8px; padding: 22px 47px; background: #ffeeda; } .list__reason{ display:flex; flex-wrap:wrap; margin:0 -5.5px; } .list__reason .item{ border-radius: 8px; background: #e2f0d0; padding:22px 15px 23px 14px; margin:18px 5.5px 0 5.5px; width:calc(100%/3 - 11px); } .list__reason .item p{ margin:17px 0 0 0; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 115%; color: #2c2c2c; } .list__reason .item .d-flex{ font-family: var(--font-family); font-weight: 600; font-size: 15px; line-height: 125%; color: #2c2c2c; flex-wrap: nowrap; } .list__reason .item .num{ margin:3.5px 11px 3.5px 0; border-radius: 10px; min-width: 31px; height: 31px; background: #7bb631; display:flex; justify-content:center; align-items:center; font-family: var(--font-family); font-weight: 700; font-size: 19px; line-height: 137%; text-align: center; color: #fff; } .decision__list{ display:flex; flex-wrap:wrap; margin:0 -7.5px; } .decision__list .item{ margin: 15px 7.5px 0 7.5px; border-radius: 8px; padding: 25px 14px; width:calc(50% - 15px); background: #f5f5f5; } .decision__list .item:last-child{ width:100%; } .decision__list.four .item:last-child{ width:calc(50% - 15px); } .decision__list .item p{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 115%; color: #2c2c2c; margin:0; } .decision__list .item span + p{ margin:14px 0 0 0; } .decision__list .item span{ font-family: var(--font-family); font-weight: 600; font-size: 15px; line-height: 125%; color: #2c2c2c; } .view-master{ border-radius: 8px; padding: 25px 14px; background: #e2f0d0; margin:18px 0 0 0; } .view-master > div:first-child{ flex:1; } .view-master span{ font-family: var(--font-family); font-weight: 600; font-size: 15px; line-height: 125%; color: #2c2c2c; } .view-master img{ border-radius:50%; margin:0 11px 0 0; } .view-master span.name{ font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 125%; color: #2c2c2c; } .view-master .master{ padding:0 0 0 14px; max-width:187px; flex-wrap:nowrap; } .view-master p{ font-family: var(--font-family); font-style: italic; font-weight: 400; font-size: 14px; line-height: 115%; color: #2c2c2c; margin:14px 0 0 0; } .js-gallery-slider{ margin:43px 0 0 0; padding:0 76px; width:100%; max-width:697px; } .js-gallery-slider p{ margin:42px 0 0 0; font-family: var(--font-family); font-style: italic; font-weight: 400; font-size: 14px; line-height: 115%; text-align: center; color: #2c2c2c; } .js-gallery-slider .slick-dots{ position:absolute; text-align:center; bottom:30px; padding:0; width:100%; left:0; } .js-gallery-slider .slick-dots li{ margin:0 2px; padding:0; display:inline-block; } .js-gallery-slider .slick-dots li button{ padding:0; width:6px; height:6px; border:none; border-radius:50%; background:#e0e0e0; font-size:0; } .js-gallery-slider .slick-dots li:before{ display:none; } .js-gallery-slider li.slick-active button{ background:#7bb631; } .js-gallery-slider .slick-prev{ left:0; transform:rotate(180deg); } .js-gallery-slider .slick-next{ right:0; } .js-gallery-slider .slick-arrow{ width:41px; height:41px; background:url('../img/arrow-slider.png') no-repeat; position:absolute; top:50%; margin-top:-20px; box-shadow:none; } .article-wrap .ques{ border: 1px solid #7bb631; border-radius: 8px; padding: 30px 31px 30px 26px; display:flex; align-items:center; justify-content:space-between; margin:43px 0 0 0; } .article-wrap .ques p{ font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 125%; color: #2c2c2c; margin:0; } .article-wrap .ques a.btn{ font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 100%; text-align: center; color: #fff; border-radius: 4px; width: 193px; height: 48px; background: #7bb631; display:flex; align-items:center; justify-content:center; } .article-wrap .ques a.phone{ font-family: var(--font-family); font-weight: 600; font-size: 16px; text-decoration:none; line-height: 125%; text-align: right; color: #2c2c2c; } .article-wrap .feedback{ border-radius: 8px; background: #7bb631 url('../img/bg-feedback.png') no-repeat right top; padding:26px 230px 25px 25px; margin:43px 0 0 0; } .article-wrap .feedback p.title{ margin:0; font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 125%; color: #fff; } .article-wrap .feedback p{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 125%; color: #fff; margin:14px 0 0 0; } .article-wrap .feedback p a{ font-weight:700; font-family: var(--font-family); font-size: 14px; line-height: 125%; color: #fff; text-decoration:none; } .article-wrap .feedback form{ margin:14px 0 0 0; } .article-wrap .feedback .att{ font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 125%; color: #fff; } .article-wrap .feedback .att a{ text-decoration:underline; font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 125%; color: #fff; } .article-wrap .feedback .btn-bg{ background: #f29725; margin-left:10px; } .article-wrap div.theme{ margin:43px 0 0 0; padding:28px 46px 28px 26px; border: 1px solid #d9d9d9; border-radius: 8px; } .article-wrap div.theme > div{ flex:1; margin: -13px 0 0 0; } .article-wrap div.theme p{ font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 125%; color: #2c2c2c; margin:0; } .article-wrap div.theme a{ font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-decoration: underline; color: #2c2c2c; margin:0; display:inline-block; flex:1; } .article-wrap div.theme a.detail{ border-radius: 4px; padding: 9px 18px; width: 166px; height: 33px; background: #7bb631; margin:-9px 0 0 0; display:flex; font-family: var(--font-family); font-weight: 700; font-size: 15px; line-height: 100%; text-align: center; color: #fff; align-items:center; justify-content:center; text-decoration:none; } .article-wrap div.theme img{ border-radius:4px; max-width:117px; } .plusminus{ margin:18px 0 0 0; display:flex; justify-content:space-between; } .plusminus ul{ padding:16px 12px 49px 12px; } .plusminus ul li{ font-family: var(--font-family); font-weight: 400; font-size: 14px; margin:16px 0 0 0; line-height: 125%; color: #2c2c2c; padding:0 0 0 23px; position:relative; } .plusminus ul li::before{ content:'+'; position:absolute; left:0; font-family: var(--font-family); font-weight: 800; font-size: 20px; width:18px; height:18px; display:flex; align-items:center; justify-content:center; line-height: 125%; text-align: center; color: #7bb631; background:none; border-radius:0; top:0; } .plus{ width:calc(50% - 7.5px); border-radius: 8px; background: #f2fde4; } .minus{ width:calc(50% - 7.5px); border-radius: 8px; background: #f5f5f5; } .minus ul li::before{ content:'-'; } .yourself__row{ margin:18px 0 0 0; display:flex; justify-content:space-between; padding:22px 15px 22px 14px; border-radius: 8px; background: #f7f7f7; } .yourself__row .item{ width:50%; } .yourself__row .item:first-child{ padding:0 28px 0 0; border-right: 1px solid #d8d8d8; } .yourself__row .item:last-child{ padding:0 0 0 28px; } .yourself__row .item .num{ display:flex; align-items:center; font-family: var(--font-family); font-weight: 600; font-size: 15px; line-height: 125%; color: #2c2c2c; } .yourself__row .item span{ width: 31px; height: 31px; border-radius: 10px; background: #7bb631; font-family: var(--font-family); font-weight: 700; font-size: 19px; margin:0 11px 0 0; line-height: 137%; text-align: center; color: #fff; display:flex; align-items:center; justify-content:center; } .yourself__row .item p{ margin:6px 0 0 0; padding:0 0 0 42px; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 115%; color: #2c2c2c; } .yourself__row .item figure{ width: 31px; height: 31px; border-radius: 10px; background:#f29725; display:flex; align-items:center; justify-content:center; margin:0 11px 0 0; } .solution__list{ display:flex; margin:0 -5.5px; flex-wrap:wrap; } .solution__list div{ padding:24px 15px 25px 14px; border-radius: 8px; width: calc(100%/3 - 11px); background: #e2f0d0; margin:18px 5.5px 0 5.5px; font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 115%; color: #2c2c2c; display:flex; align-items:center; justify-content:center; } .faq-block{ padding:10px 0 0 0; } .faq-item{ padding:0 71px 0 23px; position:relative; border-radius: 8px; background: #f7f7f7; margin:8px 0 0 0; cursor:pointer; } .faq-item::after{ content:'+'; position:absolute; right:24px; top:6px; width:37px; height:37px; display:flex; align-items:center; justify-content:center; font-family: var(--font-family); font-weight: 800; font-size: 41px; line-height: 125%; text-align: center; color: #7bb631; } .faq-item.active::after{ content:'-'; } .faq-item .qs{ padding:15px 0; font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 125%; color: #2c2c2c; } .faq-item .answ{ padding:0 0 21px 0; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 115%; color: #2c2c2c; display:none; } .faq-item.active .answ{ display:block; } .other-articles{ display:flex; margin:0 -5.5px; flex-wrap:wrap; } .other-articles .item{ width:calc(100%/3 - 11px); margin:18px 5.5px 0 5.5px; } .other-articles img{ border-radius: 6px; max-width:100%; margin:0 0 8px 0; } .other-articles span{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 115%; text-decoration: underline; color: #2c2c2c; } .articles-footer{ padding:43px 0 0 0; } .articles-footer .author img{ margin-right:11px; border-radius:50%; } .articles-footer .author span{ font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 144%; color: #2c2c2c; } .articles-footer .author span.name{ font-family: var(--font-family); font-weight: 600; font-size: 24px; line-height: 108%; color: #2c2c2c; padding:5px 0 0 0; display:block; } .articles-footer p{ margin:5px 0 20px 0; font-family: var(--font-family); font-weight: 400; font-size: 15px; line-height: 173%; color: #7bb631; } .articles-footer a.btn{ border-radius: 4px; padding: 9px 18px; width: 180px; height: 32px; background: #7bb631; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 100%; text-align: center; color: #fff; display:flex; align-items:center; justify-content:center; margin:0 17px 0 0; } .articles-footer .stars__foot{ margin-left:8px; font-family: var(--font-family); font-weight: 400; font-size: 13px; line-height: 200%; color: #868686; } .articles-footer .stars__foot span{ font-family: var(--font-family); font-weight: 400; font-size: 13px; line-height: 200%; color: #868686; } .tags-block .share{ text-align:right; margin-bottom:13px; } .articles-footer .rating__best { background: url(../components/simplerating/img/stars-new.png) no-repeat; width: 68px; height: 13px; background-position: 0 -11px !important; background-size: 68px auto; } .stars__block .rating__star_hover, .articles-footer .rating__star_hover { background: url(../components/simplerating/img/stars-new.png) no-repeat; background-position: 0 0 !important; background-size: 68px auto; } .stars__block .rating__star_opacity, .articles-footer .rating__star_opacity { background: url(../components/simplerating/img/stars-new.png) no-repeat; background-position: 0 -11px !important; background-size: 68px auto; } .stars__block .rating__current, .articles-footer .rating__current { background: url(../components/simplerating/img/stars-new.png) no-repeat; background-position: 0 0 !important; background-size: 68px auto; height:13px; } .verify .rating, .articles-footer .rating { width: 68px; height: 13px; } .verify .rating__star, .articles-footer .rating__star { width: 13px; height: 13px; } .verify .rating__star_1, .articles-footer .rating__star_1 { left: 0; } .verify .rating__star_2, .articles-footer .rating__star_2 { left: 14px; } .verify .rating__star_3, .articles-footer .rating__star_3 { left: 28px; } .verify .rating__star_4, .articles-footer .rating__star_4 { left: 42px; } .verify .rating__star_5, .articles-footer .rating__star_5 { left: 56px; } .article-wrap iframe{ margin:18px 0 0 0; } .news-block{ margin:43px 0 0 0; display:flex; justify-content:space-between; } .subscription, .soc{ width:calc(50% - 7.5px); border-radius: 8px; padding: 25px 14px 22px 14px; background: #f5f5f5; } .subscription p, .soc p{ font-family: var(--font-family); font-weight: 600; font-size: 15px; line-height: 125%; color: #2c2c2c; margin:0; } .subscription form{ margin:12px 0 0 0; display:flex; } .subscription form button{ border-radius: 4px; width: 43px; height: 43px; background: #f29725 url('../img/icon-send.svg') no-repeat center center; border:none; cursor:pointer; } .subscription form input{ border-radius: 4px; padding: 0 0 0 14px; width: 255px; border:none; height: 43px; margin:0 12px 0 0; background: #fff; } .soc__list{ padding:13px 0 0 0; display:flex; } .soc__list a{ margin-right:12px; } aside{ width:363px; padding:43px 0 0 30px; } aside p.title{ font-family: var(--font-family); font-weight: 700; font-size: 22px; margin:0; line-height: 118%; color: #2c2c2c; } aside .contexts{ position:sticky; top: 90px; } aside .contexts{ margin:70px 0 0 0; border-radius: 8px; padding: 21px 22px; background: #f5f5f5; } aside .contexts p{ font-family: var(--font-family); font-weight: 700; font-size: 18px; margin:0; line-height: 118%; color: #2c2c2c; } aside .contexts ol { padding:6px 0 0 0; list-style-type: none; counter-reset: num; } aside .contexts ol li{ margin:10px 0 0 0; position: relative; padding:0 0 0 26px; } aside .contexts ol li a{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; color: #2c2c2c; text-decoration:none; } aside .contexts ol li ol li{ margin:5px 0 0 0; } aside .contexts ol li ol li a{ font-size:12px; } aside .contexts ol li:before { font-size: 14px; line-height:110%; top:2px; } aside .contexts ol li ol li:before{ font-size:12px; top:1px; } aside .subscription, aside .soc{ width:100%; margin:0 0 20px 0; } .cloud-tags{ border-radius: 8px; width:100%; background: #f5f5f5; padding:27px 22px; margin:0 0 20px 0; } .cloud-tags p{ font-family: var(--font-family); font-weight: 700; font-size: 18px; margin:0; line-height: 144%; color: #2c2c2c; } .cloud-tags ul { padding:2px 0 0 0; } .cloud-tags ul li{ margin:8px 0 0 0; position:relative; } .cloud-tags ul li a{ display:flex; justify-content:space-between; align-items:center; text-decoration:none; } .cloud-tags ul li span{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 125%; color: #2c2c2c; } .cloud-tags ul li i{ border-radius: 50%; width: 25px; height: 25px; background: #7bb631; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 125%; text-align: center; color: #fff; display:flex; align-items:center; justify-content:center; } .similar_articles{ padding:11px 0 0 0; } .similar_articles .item{ margin:10px 0 0 0; display:flex; align-items:center; } .similar_articles .item img{ border-radius: 4px; margin-right:14px; } .similar_articles .item span{ font-family: var(--font-family); font-weight: 600; font-size: 14px; line-height: 125%; text-decoration: underline; color: #2c2c2c; } .comments__user img{ width:54px; height:54px; border-radius:50%; margin:0 12px 0 0; } .comments__user-name{ font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 125%; color: #2c2c2c; padding:0 7px 0 0; } .comments__item-date{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 125%; color: #959595; } .comments__item-text{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 125%; color: #2c2c2c; margin:14px 0 0 0; } .comments__item-reply{ margin:14px 0 0 0; text-decoration:none; font-family: var(--font-family); font-weight: 600; font-size: 14px; background:url('../img/icon-reply.svg') no-repeat 0 1px; line-height: 125%; color: #7bb631; padding:0 0 0 23px; display:inline-block; } .comments__body{ flex:1; } .comments__item{ margin:28px 0 0 0; } #comment-form{ border-radius: 8px; padding: 31px 25px; margin:44px 0 0 0; background: #f7f7f7; } #comment-form textarea{ border-radius: 4px; width: 100%; height: 151px; resize:none; background: #fff; padding:15px 0 0 14px; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 100%; color: #959595; border:none; box-sizing: border-box; } .comments__user-group{ display:flex; justify-content:space-between; } .comments__user-group input, .comments__user-group button{ width:calc(100%/3 - 28px/3); } .comments__user-group input{ border-radius: 4px; height: 43px; padding:0 0 0 14px; font-weight: 400; font-size: 14px; outline:none; border:none; margin:14px 0 0 0; font-family: var(--font-family); } .comments__user-group button{ border-radius: 4px; height: 43px; background: #f29725; font-family: var(--font-family); font-weight: 700; font-size: 15px; line-height: 100%; text-align: center; color: #fff; cursor:pointer; margin:14px 0 0 0; } #comment-form .att{ font-family: var(--font-family); font-weight: 400; font-size: 12px; margin:29px 0 0 0; line-height: 125%; color: #2c2c2c; } #comment-form .att a{ text-decoration:underline; font-family: var(--font-family); font-weight: 400; line-height: 125%; color: #2c2c2c; } .popular__articles{ display:flex; flex-wrap:wrap; margin:0 -15px; padding:0 0 3px 0; } .popular__articles .article-preview{ width:calc(100%/3 - 30px); margin:0 15px 53px 15px; } .new__articles{ display:flex; flex-wrap:wrap; margin:0 -15px; } .article-preview{ margin:0 15px 53px 15px; width:calc(50% - 30px); } .article-preview .img-box{ position:relative; margin:0 0 6px 0; line-height:100%; display:block; } .article-preview img{ border-radius: 8px; } .article-preview > a{ font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 162%; color: #2c2c2c; margin:18px 0 0 0; display:inline-block; } .article-preview .data{ z-index:1; font-family: var(--font-family); font-weight: 600; font-size: 14px; line-height: 125%; color: #fff; position:absolute; left:9px; bottom:12px; } .article-preview .tags { justify-content: flex-start; align-items: flex-start; } .article-preview .stars__foot{ margin-left:8px; } .blog-wrap{ flex:1; padding:43px 0; } .blog-wrap h2{ font-family: var(--font-family); font-weight: 700; font-size: 20px; text-align:left; line-height: 125%; color: #2c2c2c; margin:0 0 33px 0; } .new__articles + .pagination{ text-align:center; padding:0; margin:0; justify-content:center; } .new__articles + .pagination a{ border: 1px solid #f1f1f1; border-radius: 32px; width: 32px; height: 32px; display:flex; margin: 0 2.5px; align-items:center; justify-content:center; text-decoration:none; background: #fff; font-family: var(--font-family); font-weight: 600; font-size: 13px; color: #2c2c2c; } .new__articles + .pagination span.disabled{ font-family: var(--second-family); font-weight: 600; font-size: 13px; color: #2c2c2c; width: 32px; height: 32px; display:flex; margin: 0 2.5px; align-items:center; justify-content:center; } .new__articles + .pagination span.active{ border-radius: 32px; width: 32px; height: 32px; display:flex; margin: 0 2.5px; align-items:center; justify-content:center; font-family: var(--font-family); font-weight: 600; font-size: 13px; color: #fff; background: #7bb631; } .page-article .breadcrumb{ margin:30px 0 0 0; } .page-article .breadcrumb li{ display:inline-block; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 186%; color: #2c2c2c; } .page-article .breadcrumb li.sep{ margin:0 5px; } .page-article .breadcrumb li.sep span, .page-article .breadcrumb a span{ font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 186%; color: #2c2c2c; } .page-article .breadcrumb span{ font-family: var(--font-family); font-weight: 600; font-size: 14px; color: #7bb631; } .j-end{ justify-content:flex-end; } .count-comment{ margin:11px 0 0 11px; padding:0 0 0 26px; font-family: var(--font-family); font-weight: 400; font-size: 13px; line-height: 200%; color: #868686; background:url('../img/icon-comment.svg') no-repeat 0 3px; } .count-eye{ margin:11px 0 0 11px; padding:0 0 0 26px; font-family: var(--font-family); font-weight: 400; font-size: 13px; line-height: 200%; color: #868686; background:url('../img/icon-eye.svg') no-repeat 0 3px; } .timeread{ font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 162%; text-align: right; color: #2c2c2c; } .timeread span{ font-weight: 700; } .broke.svch{ } .broke.svch .broke-item__sales, .broke.svch .broke-more{ display:none; } .broke.svch .broke-item { width: 25%; } .broke.svch .broke-item:nth-child(n+7){ display:inline-block; } .broke.svch .broke-item.broke-item--last{ display:none; } .broke.svch .broke-item__box { padding:29px 37px; } .broke.svch .broke-item__bottom{ margin:0; } .broke.svch .broke-item__name{ margin-bottom:7px; } @media (max-width: 768px){ .page-article { padding: 60px 0 0 0; } .popular__articles .article-preview{ width: calc(100% / 2 - 30px); } .js-gallery-slider{ width:100%; padding:0 50px; } .js-gallery-slider .slick-slide img{ max-width:100%; } .js-gallery-slider .slick-arrow { width: 30px; height: 30px; background: url(../img/arrow-slider.png) no-repeat; background-size: 30px 30px; position: absolute; margin-top:-50px; } .js-gallery-slider .slick-dots{ bottom:42px; } .view-master .master{ max-width:170px; } } @media (max-width: 550px){ .broke.svch .broke-item{ width:100%; } } @media (max-width: 520px){ .popular__articles .article-preview{ width: 100% } aside { width: 100%; max-width:360px; padding:20px 0 0 0; margin:0 auto; } .blog-wrap{ padding:0; } .article-wrap iframe{ display:none; } .article-author span.name{ font-size:18px; } .article-info .d-flex { justify-content: flex-end; } .article-info .share{ padding:0; } .article-author img{ max-width:81px; } .stars__foot, .stars__foot span{ font-size:12px; } .contexts{ padding:15px; } .contexts ol li{ margin:7px 0 0 0; } .list__reason .item { width: calc(100% - 11px); } .decision__list .item { width: calc(100% - 15px); } .view-master{ flex-direction:column; align-items:flex-start; } .view-master .master{ padding:0; margin:20px 0 0 0; } .article-wrap .ques{ flex-direction:column; align-items:center; } .article-wrap .ques p{ text-align:center; } .article-wrap .ques a.btn{ margin:20px auto; } .article-wrap .feedback { padding: 25px; margin: 43px 0 0 0; background: #7bb631; } .article-wrap .feedback .btn-bg{ margin:10px 0 0 0; } .article-wrap div.theme { padding: 15px 25px; } .plusminus{ flex-wrap:wrap; } .plus, .minus{ width:100%; } .plus{ margin-bottom:15px; } .plusminus ul { padding: 16px 12px; } .yourself__row{ flex-wrap:wrap; } .yourself__row .item{ width:100%; } .yourself__row .item:first-child { padding: 0 32px 28px 0; border-right:none; border-bottom: 1px solid #d8d8d8; } .yourself__row .item:last-child { padding: 28px 32px 22px 0; } .solution__list div { width: calc(100% - 11px); } .articles-footer .author img { width: 83px; height:83px; min-width:83px; } .articles-footer .info-a{ flex:1; } .articles-footer .author span.name{ font-size:20px; } .articles-footer .stars__block{ flex:auto; width:100%; } .articles-footer p{ margin:5px 0 0 0; font-size:12px; line-height:217%; } .articles-footer a.btn{ margin:7px 0 0 0; } .articles-footer .tags-block{ padding:28px 0 0 0; display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; } .info-a > .d-flex{ flex-direction:column-reverse; justify-content:flex-start; align-items:flex-start; } .articles-footer .tags-block{ width:100%; } .news-block{ flex-wrap:wrap; } .subscription, .soc{ margin:10px 0 0 0; width:100%; } .other-articles{ margin:0; } .other-articles img{ margin:0 0 10px 0; display: block; } .other-articles .item { width: 100%; margin: 20px 0 0 0; } .comments__user-group{ flex-wrap:wrap; } .comments__user-group input, .comments__user-group button{ width:100%; margin:10px 0 0 0; } aside{ order:1; } .blog-wrap{ order:2; margin:53px 0 0 0; } .page-article h1 { margin: 34px 0 17px 0; font-size: 28px; line-height: 125%; } .popular__articles .article-preview { margin: 0 15px 34px 15px; } .page-article .breadcrumb { margin: 17px 0 0 0; } .page-article .breadcrumb li.sep span, .page-article .breadcrumb a span, .page-article .breadcrumb span{ font-size:12px; } aside .subscription, aside .soc, .cloud-tags{ margin:0 0 12px 0; } .article-info .date{ flex-direction:row; width:100%; padding:18px 0 0 0; } .article-info{ flex-direction:column; } .article-info .date span{ padding:0 25px 0 0; font-size:12px; } .article-info .d-flex{ justify-content:space-between; flex-direction:row-reverse; padding:27px 0 0 0; width: 100%; } .article-info .d-flex .tags { align-items: flex-start; } .article-wrap .contexts p{ font-size:18px; } .contexts ol li:before, .contexts ol li a{ font-size:14px; } aside .contexts, .contexts{ margin:34px 0 37px 0; } aside p.title, .article-wrap{ order:2; } .article-wrap div.theme > div{ margin:13px 0 0 0; flex-direction:row-reverse; } .article-wrap div.theme a{ font-size:14px; flex:1; } .article-wrap div.theme a.detail{ margin:22px 0 0 0; } .article-wrap div.theme img{ max-width:97px; margin-right:16px; } .article-preview img{ width:100%; } aside{ display:flex; padding:0 0 15px 0; flex-direction:column; } aside .contexts{ background:#f2fde4; position:relative; top:0; order:1; } .similar_articles{ order:3; } .article-wrap .contexts{ display:none; } .timeread{ margin:0 0 34px 0; } .article-wrap > .article-body .w-img{ flex-direction:column } .article-wrap > .article-body .w-img img{ margin:18px auto 0; } } .section-requirement { padding-top: 80px; } .requirement-tabs { margin-top: 24px; } .requirement-tabs__tab { background-color: #fff; border-bottom: 1px solid #ddd; padding: 28px 45px; border-radius: 10px; margin-bottom: 14px; } .requirement-tabs__title { display: flex; justify-content: space-between; align-items: center; cursor: pointer; position: relative; user-select: none; } .requirement-tabs__title p { color: #000; margin: 0; font-size: 18px; font-weight: 600; font-family: 'PfBeauBold', Arial, sans-serif; } .requirement-tabs__arrow { background: #7BB63126; width: 36px; height: 36px; border-radius: 5px; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; } .requirement-tabs__arrow svg path { stroke: #7BB631; transition: stroke 0.3s ease; } .requirement-tabs__tab--active .requirement-tabs__arrow { background: #7BB631; } .requirement-tabs__tab--active .requirement-tabs__arrow svg path { stroke: #fff; } .requirement-tabs__tab--active .requirement-tabs__arrow { transform: rotate(180deg); } .requirement-tabs__content { position: relative; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; font-family: 'ProximaReg', Arial, sans-serif; font-size: 16px; } .requirement-tabs__content:before { content: ''; display: block; height: 30px; } .requirement-tabs__tab--active .requirement-tabs__content { max-height: 1000px; } .requirement-tabs ul { padding-left: 26px; border-radius: 4px; color: #fff; } .requirement-tabs ul li { list-style-type: disc; color: #000000; margin-bottom: 14px; } .requirement-tabs ul li::marker { color: #7BB631; font-size: 22px; } @media (max-width: 658px){ .requirement-tabs__tab { padding: 24px; } .requirement-tabs__title p { max-width: 80%; } .requirement-tabs__content:before { height: 20px; } }