@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); .primary-orange {
color: rgb(255, 193, 7) !important;
}
.secondary-orange {
color: #0abc22;
}
.main-green {
color: #0abc22 !important;
}
.main-green-text {
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.btn-primary{
background: linear-gradient(180deg, #089b1ca8 0%, #2e8d3b 100%) !important;
--bs-btn-border-color: none !important;
}
h1{
font-size: 1.7rem !important;
}
h2{
font-size: 1.5rem;
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
h2.h2Black{
background-image: none;
-webkit-text-fill-color: inherit;
-webkit-background-clip: inherit;
}
h3{
font-size: 1.25rem;
}
h2.mainPage{
font-size: 2rem !important;
color: #fff !important;
-webkit-text-fill-color: white;
background-image: inherit;
}
.text-muted {
color: #a5a5a6 !important;
}
.greenGradientText
{
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
#single-wrapper .entry-footer,
#single-wrapper .entry-meta{
display: none;
}
body {
font-family: 'Montserrat', serif !important;
color: #fff !important;
background-color: hwb(60 13.3% 86.3%) !important;
}
#breadcrumbs {
font-size: .8rem !important;
} .mainPageMenu {
margin-bottom: 15vh;
}
.modal-dialog {
z-index: 99999 !important;
}
.btn.btn-success.mega-sticky,
#mega-menu-wrap-primary {
z-index: 9 !important;
}
.modal-content {
background-color: #232322;
border: #fff 1px solid;
}
.modal-header {
border-bottom: none !important;
}
a.mega-menu-link.mega-menu-logo:hover {
background-color: transparent !important;
}
#wrapper-navbar a {
text-decoration: none !important;
transition: .3s;
}
#wrapper-navbar a:hover {
transition: .3s !important;
opacity: .7 !important;
}
ul.mainPageMenu {
position: relative;
}
ul.mainPageMenu li {
list-style-type: none !important;
display: inline-block;
padding: 0 40px 0px 0px;
}
ul.mainPageMenu li:last-of-type {
padding: 0 0px 0px 0px !important;
}
ul.mainPageMenu li a {
color: #fff !important;
text-decoration: none !important;
}
table{
color: #fff !important;
}
table thead tr{
background: linear-gradient(180deg, #089b1ca8 0%, #2e8d3b 100%) !important;
text-align: center !important;
}
.main-banner {
background-repeat: no-repeat;
min-height: 100vh;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.main-banner:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: #0000009c;
}
.main-banner .main-content {
position: relative;
}
h1.mainbanner {
font-family: "Montserrat Alternates", serif;
color: #fff !important;
font-size: calc(1.2em + 3vw) !important;
font-weight: 800;
text-transform: uppercase !important;
}
p.text-about {
font-size: 1.2vw;
font-weight: 300 !important;
border-left: 5px solid #0abc22;
padding-left: 40px;
}
ul.banner-social {
padding: 0;
}
ul.banner-social li {
list-style-type: none !important;
display: inline-block;
transition: 0.3s;
}
ul.banner-social a {
color: inherit !important;
}
ul.banner-social a:hover {
text-shadow: 1px 0px 18px #0abc22 !important;
transition: 0.3s;
}
p.thin {
font-size: 1.5rem !important;
}
.preim-block .item .title {
color: #fff;
font-weight: 600;
font-family: "Montserrat Alternates", serif;
font-size: 1.1rem;
margin-bottom: .7rem;
}
.preim-block .item .text {
color: #a5a5a6;
}
h1,
h2,
h3 {
font-family: "Montserrat", serif;
}
h1.entry-title {
color: #fff !important; border-bottom: 1px solid #80808063;
}
.bordered-image { height: 350px;
object-fit: cover;
border-radius: 55px;
}
.border-green{
border-color: #2e8d3b; background: linear-gradient(180deg, #089b1ca8 0%, #2e8d3b 100%);
}
.unical-content { border-radius: 55px;
box-shadow: 0px 0px 3px 0px #0abc22;
}
.unical-content-square {
box-shadow: 0px 0px 3px 0px #0abc22;
padding: 15px;
}
#otherPages{
background: #d0cfcf;
padding: 2rem;
line-height: 3;
}
#otherPages .item{
font-size: 1.5rem;
font-weight: 800;
}
#otherPages a{
color: #333 !important;
text-decoration: none;
}
#otherPages a:hover {
color: #089b1ca8;
}
.mainPagePrices .item {
position: relative;
cursor: pointer;
}
.mainPagePrices .item h3 {
position: absolute;
width: calc(100% - 30px);
bottom: -8px;
font-size: 1.4rem;
text-align: center;
background-color: #232322bd;
color: #fff;
padding: 1.5rem;
} .gabarity ul.gab {
padding: 0 !important;
}
.gabarity ul.gab li {
list-style-type: none !important;
display: inline-block;
padding-left: 47px;
}
.gabarity ul.gab li.meters {
position: relative;
margin-right: 25px;
}
.gabarity ul.gab li.rooms {
position: relative;
}
.gabarity ul.gab li.rooms:before {
content: '';
position: absolute;
background-image: url(//skosnova39.ru/wp-content/themes/skosnova39/icons/project/rooms.png);
background-repeat: no-repeat;
width: 34px;
height: 34px;
top: -3px;
background-size: contain;
left: 0;
}
.gabarity ul.gab li.meters:before {
content: '';
position: absolute;
background-image: url(//skosnova39.ru/wp-content/themes/skosnova39/icons/project/01-1.png);
background-repeat: no-repeat;
width: 38px;
height: 38px;
top: -3px;
background-size: contain;
left: 0;
}
.price.newprice {
font-weight: 800;
position: relative;
font-size: 1.5rem;
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.price.oldprice {
font-weight: 600;
color: #fff !important;
position: relative;
}
.price:after {
content: ' ₽';
position: absolute;
font-weight: 800; position: relative;
font-size: 1.5rem;
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
background: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%) !important;
color: #fff !important;
font-weight: 600 !important;
}
.nav-link {
color: #0abc22 !important;
}
.price span,
.zapros span {
color: #fff !important;
font-size: 1rem;
font-weight: 300;
background-image: linear-gradient(180deg, #fff 0%, #fff 100%);
-webkit-text-fill-color: #fff;
-webkit-background-clip: text;
}
.zapros {
font-weight: 600; position: relative;
font-size: 1.5rem;
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.price .zapros :after {
content: none;
}
#single-project .thirdSection .tabs h3 {
position: relative;
font-size: 1.5rem;
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
;
font-size: 1.2rem !important;
}
#single-project .thirdSection .tabs .tab-pane {
border: 1px solid #fff !important;
padding: 1.5rem !important;
border-radius: 15px !important
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
border-color: #0abc22 !important;
}
.row.consult img {
height: 345px;
object-fit: cover;
}
.product-item-block {
transition: .3s;
position: relative;
}
.product-item-block a {
text-decoration: none !important;
transition: .3s;
}
.product-item-block a:hover {
text-decoration: none !important;
opacity: .7;
transition: .3s;
color: inherit !important
}
.product-item-block h3 {
font-size: 1.3rem !important;
text-align: start !important;
color: #fff !important;
transition: .3s;
}
.product-item-block h3:hover {
color: #0abc22 !important;
transition: .3s;
}
.related-posts a{
color: #333 !important;
}
.product-item-block .descriptionBlock {
color: #a5a5a6;
min-height: 65px;
}
.product-item-block .category-good-image img {
height: 232px;
object-fit: cover;
}
.product-item-block .hitovost {
position: absolute;
top: 10px;
right: 10px;
z-index: 5;
pointer-events: none;
}
.product-item-block .hitovost::before {
content: 'Хит!';
display: block;
background: red;
color: #fff;
padding: 5px 10px;
font-size: 12px;
border-radius: 4px;
}
.product-item-block .item-img img {}
img.taxonomyImage {
height: 315px;
object-fit: cover;
}
.greyBack {
background-color: #ffffff33;
padding: 1.5rem;
border-radius: 55px;
}
.greyBack h2 {
color: #0abc22 !important;
font-size: 1.7rem !important;
font-weight: 800;
} .joinchat__button:hover {
box-shadow: 1px 0px 18px #2e8d3b !important;
}
.btn {
font-family: "Montserrat Alternates", serif !important; font-weight: 600 !important;
border-top-left-radius: 55px !important;
border-top-right-radius: 55px !important;
border-bottom-right-radius: 55px !important;
border-bottom-left-radius: 55px !important;
padding-top: 20px !important;
padding-right: 25px !important;
padding-bottom: 20px !important;
padding-left: 25px !important;
transition: 0.3s !important;
}
.btn:hover {
transition: 0.3s !important; box-shadow: 1px 0px 18px #2e8d3b;
}
.btn.btn-danger {
border-color: hwb(24.4 11.4% 0%);
background-image: radial-gradient(at left bottom, hsl(38, 83.3%, 53.1%) 0%, hwb(43.7 26.3% 10.2%) 100%);
background-color: #e5b943;
}
.btn.btn-success {
border-color: #2e8d3b; background: linear-gradient(180deg, #089b1ca8 0%, #2e8d3b 100%);
}
.btn.btn-transp {
border-color: #fff;
background-color: transparent;
color: #fff !important
}
.btn.btn-transp:hover {
color: #2e8d3b !important
}
.btn.small {
padding: 15px !important;
}
.btn.small.headerMenu {
font-size: 14px !important;
font-weight: normal !important;
} .slick-dots li:only-child {
display: none;
}
.slick-slide{
padding: 0 15px;
}
.product-galery-nav .item:only-child {
display: none;
}
.product-galery.slick-initialized,
.product-galery-nav.slick-initialized,
.product-galery-nav-catalog.slick-initialized,
.slick-three-images.slick-initialized,
.keokee-slider.slick-initialized,
.slick-two-images.slick-initialized {
visibility: visible;
opacity: 1;
}
.product-galery,
.product-galery-nav,
.product-galery-nav-catalog,
.slick-three-images,
.keokee-slider,
.slick-two-images {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.slick-dots li.slick-active button::before {
color: #2e8d3b !important
}
.slick-dots li button::before {
color: #fff !important
}
.slick-prev,
.slick-next {
height: 45px !important;
}
.slick-next:before,
.slick-prev:before {
color: #2e8d3b !important;
font-size: 45px !important;
}
.slick-next:before {
content: '›' !important;
}
.slick-prev:before {
content: '‹' !important;
}
.slick-two-images .item img{
height: 350px;
object-fit: cover;
width: 100%;
margin: 2rem 0;
}
.item-wrapper {
min-width: 0;
}
.ourWorksMainPage .item {
position: relative;
}
.ourWorksMainPage .item a {
text-decoration: none !important;
transition: .3s;
display: block;
}
.ourWorksMainPage .item a:hover {
transition: .3s;
}
.ourWorksMainPage .item h3:hover {
color: #2e8d3b !important;
}
.ourWorksMainPage .item h3 {
position: absolute;
font-size: 1rem;
bottom: 0;
background-color: #23232282 !important;
width: calc(100% - 30px);
color: #fff !important;
}
.ourWorksMainPage .item .thumb img {
height: 315px;
object-fit: cover;
}
.projectsList .keokee-slider .product-item-block:hover {
cursor: pointer;
opacity: .8;
transition: .3s;
} .single-gallery img.gallery-item {
width: 100%;
height: 350px !important;
object-fit: cover;
}
.podkluch{
background: url(https://skosnova39.ru/wp-content/uploads/2025/09/backBack.webp) no-repeat;
background-attachment: fixed;
background-size: cover;
}
.mainText{
background-color: #f5edede0;
background-image: url(https://skosnova39.ru/wp-content/uploads/2025/09/back_mainText.webp);
background-blend-mode: difference;
background-attachment: fixed;
}
.prices{
background-color: #0080000a;
} .viber {
color: #7360F2 !important;
}
.telegram {
color: #229ED9 !important;
}
.whatsapp {
color: #43d854 !important;
} #wrapper-footer .contact-block a,
#wrapper-footer .footerMenu a,
#wrapper-footer .oferta a {
color: #fff !important;
text-decoration: none !important;
}
#wrapper-footer .oferta {
font-size: .7rem !important;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
border-color: 0abc22 !important;
}
.faq-item{
border: 1px solid #80808029;
padding: .5rem;
background: #cbcbcb14;
margin-bottom: 2rem;
}
.faq-item .faq-question::before {
font-family: 'FontAwesome';
content: ' \f059';
margin-right: 1%;
background-image: linear-gradient(180deg, #089b1ca8 0%, #37df4e 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
} .construction-steps h2 {
font-weight: 700;
color: #089f9a;
}
.step-card {
border-radius: 10px;
transition: transform 0.3s;
background: #fff;
}
.step-card:hover {
transform: translateY(-5px);
}
.step-number {
font-size: 2rem;
font-weight: bold;
color: #686868;
}
.step-icon {
font-size: 2rem;
}
.step-card h5 {
font-weight: 600;
margin-bottom: 0.5rem;
color: #333;
}
.step-card p {
font-size: 0.95rem;
color: #555;
}
.related-card {
display: flex;
width: 100%;
border: 1px solid #e5e5e5;
border-radius: 8px;
background: #fff;
transition: all 0.2s ease;
}
.related-card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
.related-thumb {
width: 120px;
flex-shrink: 0;
}
.related-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
}
.related-content {
flex: 1;
}
.card-title a {
text-decoration: none;
color: #000;
}
.card-title a:hover {
color: #0d6efd;
}
.card {
transition: 0.2s;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}
#blog-landing .card{
border-radius: 0;
}
#blog-landing .card img{
border-radius: 0;
height: 350px;
object-fit: cover; 
} @media (max-width: 768px) { #wpfront-scroll-top-container {
right: auto !important;
left: 15px !important;
bottom: 90px !important;
z-index: 9999;
} .chaty-widget,
#chaty-widget,
#chaty-widget-container {
right: 15px !important;
bottom: 90px !important;
z-index: 9998;
}
} .sticky-cta {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9997;
padding: 10px;
background: #fff;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
} @media (min-width: 768px) {
.sticky-cta {
display: none;
}
} @media (max-width: 991px) {
ul.footerMenu li {
list-style-type: none !important;
}
}
@media (max-width: 768px) {
.preim-block .item .icon {
width: 25% !important;
}
.about .text-about {
border-left: 0 !important;
padding-left: 0 !important;
font-size: inherit !important;
}
}