/*! Version: 1.8 | Date: 2025-12-01 */
.contact_now_display_table_cell>h3, .signup_form>h2 {
text-shadow: -1px -1px #fff, 1px 1px gray, 2px 2px #7a7a7a, 3px 3px #757575, 4px 4px #707070, 5px 5px #6b6b6b, 6px 6px #666, 7px 7px #616161, 8px 8px #5c5c5c, 9px 9px #575757, 10px 10px #525252, 11px 11px #4d4d4d, 18px 18px 30px rgba(0,0,0,.4), 18px 18px 10px rgba(0,0,0,.4);
}
.page_title h1 a, .page_title h2 a, .page_title h2 a:hover, .service_title>h4 a, .tagsList a, a:hover {
text-decoration: none;
}
.fix, .single_work, .video-container {
overflow: hidden;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
a:focus {
outline: solid 0;
}
a:hover {
color: #11C3F1;
}
img {
max-width: 100%;
height: auto;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 15px;
font-weight: 400;
font-family: Roboto, sans-serif;
}
a {
transition: .3s;
color: #333;
}
.section_padding {
padding-top: 50px;
padding-bottom: 10px;
}
.page_title>h2 {
color: #252525;
font-size: 32px;
}
.blog_area .page_title, .client_discription_area .page_title, .process_area .page_title>h2, .promotions_area .page_title {
margin-bottom: 30px;
}
.section_gray {
background: #F5F5F5;
}
.section_dark {
background: #29282E;
color: #fff;
}
#preloader {
position: fixed;
width: 100%;
z-index: -9999;
}
#preloader i {
left: 50%;
margin-left: -15px;
margin-top: -15px;
position: absolute;
top: 50%;
}
#mobile_menu {
display: none;
}
.footer_social_bookmark ul {
list-style: none;
margin: 4px 0 0;
padding: 0;
}
#nav>li ul {
text-align: left;
list-style: none;
}
.footer_social_bookmark ul li {
display: inline-block;
}
.footer_social_bookmark ul li a {
color: #fff;
display: block;
font-size: 15px;
font-weight: 700;
padding: 5px;
}
.s_header {
border-right: 1px solid #ccc;
color: #666;
line-height: 12px;
margin-bottom: 30px;
margin-right: -15px;
margin-top: 50px;
padding-left: 50px;
position: relative;
}
.contact_title {
color: #999;
}
.email_us.s_header {
border-right: 0;
}
.s_header > div {
color: #11c3f1;
font-size: 30px;
left: 0;
margin-top: -7px;
position: absolute;
top: 0;
}
#nav > li:last-child {
float: right;
margin: -10px -10px -15px -15px;
padding: 0;
}
.contact_now_display_table_cell, .single_promotions {
display: table-cell;
vertical-align: middle;
}
.promotions_area .row > div {
margin-top: 23px;
}
.single_promotions {
background: #f5f5f5;
height: 270px;
padding: 10px;
position: relative;
overflow: hidden;
}
.single_promotions::after, .single_promotions::before {
background: #11b8ec;
right: 0;
content: "";
}
.s_promotion_icon, .single_promotions::after, .single_promotions::before {
position: absolute;
transition: all 0.3s ease 0s;
}
.single_promotions::before {
bottom: 0;
height: 3px;
width: 212px;
}
.single_promotions::after {
bottom: -3px;
height: 212px;
width: 3px;
}
.s_promotion_icon {
left: 50%;
margin-left: -72.5px;
top: -51px;
width: 145px;
height: 145px;
border-radius: 50%;
border: 3px solid #fff;
}
.single_promotions:hover .s_promotion_icon {
border: 3px solid #11b8ec;
}
.single_promotions > h2 {
font-size: 20px;
font-weight: 400;
padding-top: 80px;
color: #000;
margin: 0;
}
.singnup_area {
background: url('../img/2.webp') 0 0 / cover no-repeat;
background-color: transparent;
position: relative;
}
.singnup_area::before {
background: #11c3f1;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
}
.signup_form > h2 {
font-weight: 300;
margin-bottom: 1px;
margin-top: 5px;
color: #f4f4f4;
}
.work_area_img {
margin-top: 50px;
}
.signup_form p {
color: #fff;
font-size: 1.2em;
margin-bottom: 25px;
}
.signup_form input, .signup_form textarea {
margin: 7px 0;
padding: 10px;
width: 100%;
box-sizing: border-box;
}
.signup_form button {
background: #11c3f1;
border: none;
border-radius: 5px;
color: #fff;
font-size: 18px;
height: 38px;
margin-left: 0;
margin-top: 8px;
width: 110px;
transition: all 0.5s ease 0s;
cursor: pointer;
}
.service_title > h3, .single_work h3 {
font-size: 16px;
text-transform: uppercase;
}
.signup_form button:hover {
background: #35e3f8;
}
.home-2 .signup_form button:hover {
background: #fd581e;
}
.single_work {
margin-top: 50px;
}
.single_work img:hover {
background: #fc5a1a;
}
.single_work h4 {
color: #232323;
}
.single_service {
margin-top: 30px;
}
.single_service > a {
position: relative;
display: block;
text-decoration: none;
}
.single_service img {
width: 100%;
}
.service_title {
background: #11c3f1;
color: #fff;
height: 60px;
padding-left: 60px;
padding-top: 18px;
position: relative;
text-align: center;
}
.service_title > h4 {
font-weight: 400;
line-height: 23px;
margin-left: 15px;
text-align: left;
margin: 0;
}
.service_title > h4 a {
color: #fff;
text-decoration: none;
}
.service_title > h4 a:hover {
color: #fc5a1a;
}
.service_title i {
background: #fc5a1a;
color: #fff;
display: block;
font-size: 35px;
height: 60px;
left: 0;
padding-top: 10px;
position: absolute;
text-align: center;
top: 0;
width: 60px;
transition: all 0.3s ease 0s;
}
.team_discription {
transition: all 0.5s ease 0s;
}
.service_title i:hover {
background: #11c3f1;
color: #fff;
}
.blog_img, .single_client, .single_team a {
position: relative;
}
.process_title {
color: #323232;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
}
.single_team a {
display: block;
text-decoration: none;
}
.single_team:hover > div {
background: #fc5a1a;
}
.team_discription {
background: #097595;
color: #fff;
padding-top: 15px;
padding-bottom: 5px;
text-align: center;
text-transform: uppercase;
}
.team_discription > h3 {
font-size: 18px;
font-weight: 400;
margin: 0;
}
.ratting.text-right {
color: #f86215;
display: inline;
float: right;
margin-top: -28px;
}
.blog_name {
color: #DC1414;
font-size: 18px;
font-style: italic;
padding-top: 35px;
}
.single_blog > h3 {
color: #212121;
font-size: 25px;
font-weight: 400;
}
.single_blog {
background: #fff;
min-height: 500px;
}
.blog_img a:before, .single_service > a:before, .single_team a:before {
background-color: #000;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 100%;
}
.single_blog:hover .blog_img a:before, .single_service:hover > a:before, .single_team:hover a:before {
opacity: 0.5;
visibility: visible;
}
.blog_content {
padding: 10px 0;
}
.blog_date {
background: #11c3f1;
bottom: -25px;
color: #fff;
font-weight: 700;
height: 90px;
left: 30px;
line-height: 25px;
padding: 5px 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 70px;
}
.Blog_month {
font-size: 24px;
}
.Blog_month span {
display: block;
font-size: 15px;
}
.blog_year {
background: #C43B03;
}
.slider_bottom .owl-nav > div {
display: inline-block;
font-size: 20px;
margin: 0 5px;
padding: 0 7px;
background: #12c4f2;
color: #fff;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.slider_bottom .owl-nav > div:hover {
background: #fc5c1e;
}
.slider_bottom .owl-nav {
margin-top: 15px;
text-align: center;
}
.slider_bottom_area {
padding-bottom: 0;
}
.footer_padding_top {
padding-bottom: 30px;
padding-top: 30px;
}
.s_footer {
border: 1px solid #3e3d43;
color: #a39e9b;
margin-top: 20px;
padding: 10px 10px 10px 80px;
position: relative;
}
.s_footer .uppercase {
color: #fff;
}
.s_footer > div {
background: #11c3f1;
font-size: 30px;
height: 42px;
left: 19px;
position: absolute;
text-align: center;
top: -10px;
width: 42px;
color: #fff;
}
.footer_adddress:hover div, .footer_call_us:hover div, .footer_email_us:hover div {
background: #fc5c1e;
}
.footer_menu ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.footer_menu ul li {
color: #fff;
display: inline-block;
}
.footer_menu ul li a {
color: #fff;
display: block;
padding: 5px 20px;
text-transform: uppercase;
text-decoration: none;
}
.footer_menu ul li a:hover {
color: #fc5c1e;
}
.footer_copyright {
margin-top: 5px;
}
.home_two_single_promotions {
background: #fff;
margin-bottom: 40px;
padding: 40px 20px;
}
.home_two_single_promotions:hover .s_promotion_icon {
background: #f95f17;
}
.home_two_single_promotions .s_promotion_icon {
background: #11c3f1;
border: none;
border-radius: 0;
height: 100px;
margin-left: -40px;
margin-top: 18px;
padding-top: 20px;
transition: all 0.3s ease 0s;
width: 80px;
}
.s_promotion_icon.icon_clock {
padding-top: 10px;
}
.know_more {
background: #222;
bottom: 21px;
color: #fff;
left: 50%;
margin-left: -75px;
padding: 10px;
position: absolute;
text-transform: uppercase;
width: 150px;
text-decoration: none;
}
.know_more:hover {
background: #11c3f1;
color: #fff;
}
.home_two_single_promotions > h2 {
font-size: 17px;
margin-bottom: 30px;
margin-top: 49px;
text-transform: uppercase;
}
.contact_now_area {
background: url('../img/1.webp') -180px 0 / cover no-repeat;
background-color: transparent;
max-height: 100%;
position: relative;
height: 320px;
}
.contact_now_area_overlay {
background: #11c3f1;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
opacity: 0.6;
}
.contact_button {
background: #fff;
width: 170px;
display: block;
padding: 7px;
font-size: 13px;
font-style: normal;
text-align: center;
color: #11c3f1;
text-decoration: none;
}
.contact_button:hover {
background: #f45b18;
color: #fff;
}
.contact_now_text {
color: #fff;
display: table;
font-style: italic;
height: 100%;
text-transform: uppercase;
}
.contact_now_area .container, .contact_now_area .container .row, .contact_now_area .container .row > div {
height: 100%;
}
.contact_now_display_table_cell > h3 {
background: linear-gradient(-45deg, #fee864, #f5965e);
color: #f4f4f4;
}
.home_two_service_title i:hover, .home_two_service_title i:hover::after {
background: #222;
transition: 0.5s;
}
.home_two_service_title h4 {
color: #fff;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.home_two_service_title h4 a {
color: #fff;
text-decoration: none;
}
.home_two_service_title h4 a:hover {
color: #fc5a1a;
}
.barner_text h2, .project_details {
color: #fff;
text-transform: uppercase;
}
.all_project_area {
position: relative;
}
.all_project_overlay {
background: #19c3ee;
height: 100%;
left: 0;
opacity: 0.96;
position: absolute;
top: 0;
width: 100%;
}
.all_project_area .container .row > div {
padding: 0;
}
.project_details {
font-size: 15px;
left: 21%;
padding: 64px 0;
text-align: center;
}
.single_project i {
font-size: 40px;
margin-bottom: 30px;
}
.project_details .fa span {
font-weight: 900;
padding-left: 11px;
}
.project_details span {
margin-left: 20px;
}
.single_project > img {
width: 100%;
}
.blog_date.home_two {
left: 40px;
position: absolute;
top: 43%;
}
.about_page_barner_area {
position: relative;
background: url('../img/proekt.jpg') no-repeat center center;
min-height: 595px;
background-size: 100% auto;
}
.about_page_barner_area:after {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.who_we_are_jpg {
margin-bottom: 20px;
margin-top: -30px;
}
.contact_now_area_about_page {
height: 279px;
max-height: 100%;
position: relative;
}
.contact_now_area_about_page .container, .contact_now_area_about_page .container .row, .contact_now_area_about_page .container .row > div {
height: 100%;
}
.contact_now_display_table_cell > h3 {
font-size: 20px;
}
.background_white {
background: #fff;
}
.page_title {
transition-duration: .3s;
}
.blog_name {
font-size: 14px;
}
.blog_content > h3 {
color: #222;
font-size: 20px;
}
.single_blog_sidebar > h3 {
font-size: 18px;
color: #222;
text-transform: uppercase;
}
.blog_img img {
width: 100%;
}
.single_blog_sidebar {
margin-bottom: 30px;
}
.single_blog_sidebar > input {
border: 1px solid #e6e6e6;
margin-bottom: 30px;
padding: 7px;
width: 100%;
}
.categories_list ul, .tag_list ul {
list-style: none;
margin: 0;
padding: 0;
}
.categories_list ul li {
background: url(../img/footer_menu_arrow.png) left center no-repeat;
display: block;
padding-left: 20px;
}
.categories_list ul li a {
display: inline-block;
padding: 4px 0;
}
.tag_list li {
display: inline;
}
.push, .tag_list a, .tags ul li {
display: inline-block;
}
.tag_list a {
background: #dadada;
color: #fff;
margin: 5px;
padding: 9px;
}
.tag_list a:hover {
background: #11c3f1;
}
.tags ul li a {
border: 1px solid #ececec;
border-radius: 20px;
display: block;
padding: 9px 25px;
}
.tags {
padding-left: 75px;
position: relative;
}
.tags h3 {
color: #222;
font-size: 16px;
left: 8px;
position: absolute;
top: 8px;
width: 75px;
}
.submit_btn {
margin-top: 16px;
}
.page_text-proekt p{
font-size: 1.7rem;
font-weight: 500;    /* Medium */
text-align:center;
color:#FFFFFF;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
.welcome-container {
background: #1b434c;
background: linear-gradient(to bottom, rgba(63,105,115,1) 0, rgba(47,95,107,1) 41%, rgba(19,54,64,1) 100%);
color: #fff;
padding-top: 1px;
padding-bottom: 2px;
}
.page_title {
display: block;
background: #fc0f0f;
color: #fff;
padding: 15px 5px 5px 5px;
transition-duration: .3s;
border-radius: 12px;
}
.page_title h1, .page_title h1 a {
color: #fff;
}
.page_title h1 a:hover {
color: #000;
text-decoration: none;
}
.page_title h2, .page_title h2 a {
color: #fff;
}
.page_title h2 a:hover {
color: #000;
}
.tagsList {
line-height: 24px;
padding: 0 0 20px;
}
.tagsList a {
white-space: nowrap;
}
.tagsList a:hover {
text-decoration: underline;
}
.tagsList .t1 {
font: 700 16px Tahoma;
color: #336ba3;
}
.tagsList .t2 {
font: 16px Tahoma;
color: #336ba3;
}
.tagsList .t3 {
font: 16px Tahoma;
color: #62656f;
}
.tagsList .t4 {
font: 14px Tahoma;
color: #336ba3;
}
.tagsList .t5 {
font: 12px Tahoma;
color: #336ba3;
}
.tagsList .t6 {
font: 11px Tahoma;
color: #62656f;
}
.tagsList i {
margin: 0 7px 0 3px;
font-size: 75%;
color: #dadada;
}
.footer_call_us a {
color: #a39e9b;
text-decoration: none;
}
.footer_call_us a:hover {
color: #fc0f0f;
text-decoration: none;
}
.footer_email_us a {
color: #a39e9b;
text-decoration: none;
}
.footer_email_us a:hover {
color: #fc0f0f;
text-decoration: none;
}
.footer_adddress a {
color: #a39e9b;
text-decoration: none;
}
.footer_adddress a:hover {
color: #fc0f0f;
text-decoration: none;
}
.footer_copyright a {
color: #a39e9b;
text-decoration: none;
}
.footer_copyright a:hover {
color: #fc0f0f;
text-decoration: none;
}
.footer_copyright p {
color: #a39e9b;
text-decoration: none;
}
.single_blog {
padding: 0;
margin: 15px 0;
}
.single_team {
padding: 0;
margin: 12px 0;
}
.single_work {
height: 100px;
}
.home_two_single_promotions {
height: 320px;
}
.video-container {
position: relative;
padding-bottom: 75%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.share, .share1 {
width: 100%;
text-align: center;
}
.share {
margin: 0 auto;
}
.share1 {
margin: 35px 0 0;
}
.like {
font-size: 1.2em;
font-weight: 700;
color: #3FC;
margin: 15px 0 20px;
}
.push {
width: 17%;
min-width: 100px;
line-height: 40px;
margin: 5px 2px 20px;
font-size: 15px;
text-align: center;
color: #fff;
cursor: pointer;
border: none;
border-radius: 4px;
}
.facebook {
background-color: #3b5998;
}
.facebook:hover {
background-color: #2d4373;
}
.google {
background-color: #dd4b39;
}
.google:hover {
background-color: #c23321;
}
.twitter {
background-color: #55acee;
}
.twitter:hover {
background-color: #2795e9;
}
.vkontakte {
background-color: #587ea3;
}
.vkontakte:hover {
background-color: #466482;
}
.ok {
background-color: #ee8208;
}
.ok:hover {
background-color: #ee7808;
color: #fff;
}
.know_more_yandex{
padding:7px;
font:1em Arial,sans-serif;
background:#11c3f1;
border-radius:5px;
}
.know_more_yandex:hover{
background:#35E3F8;
}
.know_more_gugl{
display:inline-block;
margin:25px 15px 5px;
}
/* ===== Базовые стили и сброс ===== */
.ih-item, .ih-item * {
box-sizing: border-box;
}
.ih-item {
position: relative;
transition: all .35s ease-in-out;
}
.ih-item a {
color: #333;
}
.ih-item a:hover {
text-decoration: none;
}
.ih-item img {
width: 100%;
height: 100%;
}
/* ===== Круглые элементы ===== */
.ih-item.circle, .ih-item.circle .img {
position: relative;
width: 180px;
height: 180px;
border-radius: 50%;
}
.ih-item.circle .img:before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: inset 0 0 0 16px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .3);
transition: all .35s ease-in-out;
}
.ih-item.circle .img img {
border-radius: 50%;
}
.ih-item.circle .info, .ih-item.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.ih-item.circle .info {
border-radius: 50%;
backface-visibility: hidden;
}
/* ===== Квадратные элементы ===== */
.ih-item.square {
position: relative;
width: 316px;
height: 216px;
border: 8px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}
.ih-item.square .info {
backface-visibility: hidden;
}
/* ===== Эффекты ===== */
.ih-item.circle.effect13 .info {
background: rgba(0, 0, 0, .6);
opacity: 0;
pointer-events: none;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect13.colored .info {
background: rgba(26, 74, 114, .6);
}
.ih-item.circle.effect13 .info h3, .ih-item.circle.effect13 .info p {
visibility: hidden;
transition: all .35s ease-in-out;
}
.ih-item.circle.effect13 .info h3 {
color: #fff;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
text-align: center;
font-size: 20px;
margin: 0;
padding: 55px 0 0;
height: 110px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
}
.ih-item.circle.effect13 .info p {
color: #bbb;
padding: 5px;
font-style: italic;
margin: 0 24px;
font-size: 14px;
border-top: 1px solid rgba(255, 255, 255, .5);
}
.ih-item.circle.effect13 a:hover .info {
opacity: 1;
}
.ih-item.circle.effect13 a:hover h3, .ih-item.circle.effect13 a:hover p {
visibility: visible;
}
/* Анимации */
.ih-item.circle.effect13.from_left_and_right .info h3 {
transform: translateX(-100%);
}
.ih-item.circle.effect13.from_left_and_right .info p {
transform: translateX(100%);
}
.ih-item.circle.effect13.from_left_and_right a:hover h3, .ih-item.circle.effect13.from_left_and_right a:hover p {
transform: translateX(0);
}
.ih-item.circle.effect13.top_to_bottom .info h3, .ih-item.circle.effect13.top_to_bottom .info p {
transform: translateY(-100%);
}
.ih-item.circle.effect13.top_to_bottom a:hover h3, .ih-item.circle.effect13.top_to_bottom a:hover p {
transform: translateY(0);
}
.ih-item.circle.effect13.bottom_to_top .info h3, .ih-item.circle.effect13.bottom_to_top .info p {
transform: translateY(100%);
}
.ih-item.circle.effect13.bottom_to_top a:hover h3, .ih-item.circle.effect13.bottom_to_top a:hover p {
transform: translateY(0);
}
/* ===== Меню и кнопки ===== */
.macmenu {
height: 135px;
}
.row_knopka {
float: left;
margin: 0;
padding: 15px 5px;
}
.button {
margin: 0 auto;
}
.button a, .button a img {
display: block;
float: left;
transition: all .5s ease;
width: 180px;
height: 135px;
}
.button a {
margin: 20px 10px 10px;
text-align: center;
color: #319774;
font: normal normal 10px Verdana;
text-decoration: none;
word-wrap: normal;
}
.macmenu a:hover img {
width: 190px;
height: 142px;
margin-left: -5%;
}
.button a:hover {
font: normal 700 12px Verdana;
}
/* ===== Цены и скидки ===== */
.zena-skidka h3 {
font-family: 'Times New Roman', Times, serif;
font-size: 1.7em;
color: #FF0;
}
/* ===== Сетка продуктов ===== */
.abrisburo-products, .latest-products {
float: right;
width: 75%;
margin-left: 2%;
}
.latest-products-left {
float: left;
width: 75%;
margin-left: 2%;
}
.sub-cate {
float: left;
width: 23%;
}
.sub-cate-right {
float: right;
width: 23%;
}
.top-nav {
border: 0;
}
.span_1_of_left {
margin-bottom: .1em;
}
/* ===== Основная сетка ===== */
.grids_of_3 {
text-align: center;
margin: 2% 0;
}
.grid1_of_3 {
float: left;
width: 29.333%;
margin-left: 4.3333%;
border: 1px solid #dfdfdf;
position: relative;
text-transform: uppercase;
}
.grid1_of_3:first-child {
margin-left: 0;
}
.grid1_of_3 a {
display: block;
padding: 2%;
text-decoration: none;
}
.grid1_of_3 img {
width: 100%;
margin-top: 8%;
}
.grid1_of_3 h3 {
margin: 5% 0 4%;
font-size: 1.6em;
color: #000;
transition: all .3s ease-in-out;
}
.grid1_of_3:hover h3, .grid1_of_3:hover h4 span {
color: #000;
}
/* ===== Меню ===== */
ul.kid-menu {
display: block !important;
}
/* ===== Фильтры ===== */
.filters {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 30px;
flex-wrap: wrap;
}
/* ===== Витрина ===== */
.abrisburo-vitrina-cottage {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
margin: 0 auto 20px;
padding: 1px;
background: #ededed;
border-radius: 10px;
text-align: center;
font-size: 1.2em;
}
.abrisburo-vitrina-cottage a {
color: silver;
text-shadow: 1px 1px 1px #000;
}
.abrisburo-vitrina-cottage a:hover {
text-decoration: none;
color: #F30;
}
.abrisburo-vitrina-cottage_1 {
width: 280px;
margin: 0 auto;
padding: 3px 3px 5px;
background-color: #C7C6C6;
border: solid #CCC;
border-radius: 10px;
}
.abrisburo-vitrina-cottage_2 {
width: 265px;
float: left;
padding: 1px;
margin: 3px 0 0 3px;
background-color: #009;
color: #CCC;
font-family: Arial, sans-serif;
font-weight: 700;
border: 0;
}
.abrisburo-vitrina-cottage_3, .abrisburo-vitrina-cottage_4 {
width: 265px;
margin: 0 0 0 3px;
background-color: #39F;
color: #CCC;
font-weight: 700;
border: 0;
}
.abrisburo-vitrina-cottage_3 {
float: left;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
.abrisburo-vitrina-cottage_3 img {
width: 280px;
height: 210px;
}
.abrisburo-vitrina-cottage_4 {
float: left;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
}
.abrisburo-vitrina-cottage_5 {
width: 255px;
float: left;
padding: 1px 1px 5px 5px;
margin: 0;
background: #FFFFF4;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: 700;
border: 0;
}
.abrisburo-vitrina-cottage_6, .abrisburo-vitrina-cottage_7 {
width: 45%;
float: left;
margin: 0;
background: #FFFFF4;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: 700;
text-align: left;
border: 0;
}
.abrisburo-vitrina-cottage_6 {
padding: 0 5px;
}
.abrisburo-vitrina-cottage_7 {
padding: 0 0 0 5px;
}
.abrisburo-vitrina-cottage_8 {
width: 255px;
float: left;
padding: 3px 3px 2px;
margin: 0;
background: #FFFFF4;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: 700;
border: 0;
}
.abrisburo-vitrina-cottage_9 {
padding: 2px 2px 0;
background-color: #fafad2;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
text-align: left;
text-indent: 15px;
}
.abrisburo-vitrina-cottage_9 p {
margin: 0;
padding: 0;
}
.abrisburo-vitrina-cottage_100 {
margin: 1px 50px;
padding: 2px;
background-color: #ff0;
border: 2px dotted;
border-radius: 5px;
text-align: center;
color: #333;
}
.abrisburo-vitrina-cottage_10 h4 {
margin: 0 0 5px;
padding: 10px 0;
background-color: #F00;
border: 2px dotted;
border-radius: 15px;
text-align: center;
color: #FFF;
font-size: 1.5em;
}
.abrisburo-vitrina-cottage_11 {
margin: 1px;
padding: 5px 1px 1px;
background-color: #009;
color: #CCC;
font-family: Arial, sans-serif;
font-weight: 700;
text-align: center;
border: 0;
}
.abrisburo-vitrina-cottage_12 {
width: 100%;
float: left;
padding: 5px 0 0;
margin: 0;
background: #FFFFF4;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: 700;
border: 0;
}
.abrisburo-vitrina-cottage_12 ul {
margin: 0;
padding: 0 0 0 5px;
}
.abrisburo-vitrina-cottage_13 h4 {
font-size: 1.8em;
}
.footer_ikonka  img{
padding: 0px 0px 5px 0px;
}
/* ===== КАРТОЧКИ С ПРОКРУТКОЙ ===== */
.scroll-section {
background: var(--white);
border-radius: var(--card-radius);
padding: 1rem;
margin-bottom: 1rem;
box-shadow: var(--shadow);
position: relative;
animation: fadeInUp 0.6s ease-out;
transform: translateZ(0);
}
.scroll-section.dark {
background: var(--dark-bg);
color: var(--white);
}
.scroll-section.dark .section-header h2 {
color: var(--white);
min-height: 50px;
line-height: 50px;
margin: 0;
}
.section-header {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
margin-bottom: 0rem;
gap: 1rem;
padding: 1rem;
text-align: center;
}
.section-header h2 {
font-size: 1.75rem;
font-weight: 700;
color: var(--primary);
line-height: 1.3;
font-weight: bold;
color: #f2395a;
text-shadow: 1px 1px 0px #c12040, 2px 2px 0px #c12040, 3px 3px 0px #c12040, 4px 4px 0px #c12040, 5px 5px 0px #c12040, 6px 6px 10px rgba(0, 0, 0, 0.5);
transform: perspective(500px) rotateX(10deg);
}
/* Контейнер для скролла */
.scroll-wrapper {
position: relative;
overflow: hidden;
border-radius: var(--card-radius);
transform: translateZ(0);
}
.scroll-track {
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
padding: 1rem;
cursor: grab;
scrollbar-width: thin;
scrollbar-color: var(--accent) transparent;
transform: translateZ(0);
}
.scroll-track:active {
cursor: grabbing;
}
.scroll-track::-webkit-scrollbar {
height: 6px;
display: block;
}
.scroll-track::-webkit-scrollbar-track {
background: transparent;
border-radius: 3px;
}
.scroll-track::-webkit-scrollbar-thumb {
background: var(--accent);
border-radius: 3px;
}
.scroll-track::-webkit-scrollbar-thumb:hover {
background: var(--accent-hover);
}
.scroll-track::-webkit-scrollbar {
display: none;
}
/* Сетки для разных типов контента */
.tech-grid, .service-grid, .project-grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(200px, 1fr);
gap: 1rem;
padding: 1rem 0;
transform: translateZ(0);
}
/* Карточка услуги */
.service-card {
background: var(--gray-light);
border-radius: var(--card-radius);
padding: 1rem;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
cursor: pointer;
border: 2px solid transparent;
position: relative;
text-align: center;
transform: translateZ(0);
will-change: transform;
}
.dark .service-card {
background: var(--dark-card);
color: var(--white);
}
.service-card:hover {
transform: translateY(-5px);
border-color: var(--accent);
box-shadow: var(--shadow-lg);
}
.service-card h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: var(--primary);
}
.dark .service-card h3 {
color: blue;
}
.service-card p {
color: var(--gray);
margin-bottom: 1.5rem;
line-height: 1.5;
}
.dark .service-card p {
color: #cbd5e1;
}
.price {
font-size: 1.5rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 0;
}
/* Кнопки навигации */
.scroll-controls {
display: flex;
gap: 0.75rem;
}
.scroll-btn {
width: 48px;
height: 48px;
border: 2px solid var(--accent);
background: var(--white);
color: var(--accent);
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
transform: translateZ(0);
will-change: transform;
}
.scroll-btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--accent);
transform: scale(0);
border-radius: 50%;
transition: transform 0.3s ease;
}
.scroll-btn:hover::before {
transform: scale(1);
}
.scroll-btn:hover {
transform: scale(1.1);
}
.scroll-btn svg {
position: relative;
z-index: 1;
transition: color 0.3s ease;
}
.scroll-btn:hover svg {
color: var(--white);
}
.dark .scroll-btn {
background: var(--dark-card);
border-color: var(--accent);
color: var(--accent);
}
/* Индикаторы прокрутки */
.scroll-indicator {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 0.5rem;
z-index: 10;
}
.indicator-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--gray);
opacity: 0.3;
transition: all 0.3s ease;
cursor: pointer;
transform: translateZ(0);
}
.indicator-dot.active {
opacity: 1;
background: var(--accent);
transform: scale(1.2);
}
/* ===== КАРТОЧКИ ТОВАРОВ ===== */
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 25px;
margin-bottom: 10px;
transform: translateZ(0);
}
.product-card {
background-color: white;
border-radius: 10px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid transparent;
background: linear-gradient(white, white), linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
background-clip: padding-box, border-box;
background-origin: padding-box, border-box;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
text-align: center;
transform: translateZ(0);
will-change: transform;
}
.product-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.product-image {
border-radius: 5px;
width: 100%;
height: 100%;
object-fit: cover;
padding: 15px 20px 0 20px;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
.product-info {
padding: 15px 25px 5px 25px;
}
.product-category {
font-size: 0.85rem;
color: #7f8c8d;
text-transform: uppercase;
margin-bottom: 5px;
}
.product-title {
text-align: center;
font-size: 1.2rem;
font-weight: 700;
margin-bottom: 1px;
color: #2c3e50;
}
.product-description {
color: #7f8c8d;
font-size: 0.95rem;
margin-bottom: 15px;
}
.product-price {
text-align: center;
font-size: 1.3rem;
font-weight: 700;
color: #e74c3c;
margin-bottom: 15px;
}
.product-ploshad {
padding: 5px 5px 0 5px;
}
.add-to-cart {
font-size: 1.8rem;
width: 100%;
padding: 5px;
background-color: #3498db;
color: white;
border: none;
border-radius: 5px;
font-weight: 700;
cursor: pointer;
transition: background-color 0.3s ease;
text-align: center;
display: flex;
flex-direction: column;
transform: translateZ(0);
}
.add-to-cart:hover {
background-color: #2980b9;
}
.sale-badge {
position: absolute;
top: 10px;
right: 10px;
background-color: #e74c3c;
color: white;
padding: 5px 10px;
border-radius: 3px;
font-size: 0.8rem;
font-weight: 600;
transform: translateZ(0);
}
.card-image-container {
position: relative;
}
.card-image-container-poisk {
position: relative;
text-align: center;
color: #319774;
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
word-wrap: normal;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
margin: 5px;
transform: translateZ(0);
}
.card-image-container-poisk a {
text-align: center;
color: #319774;
font-family: Verdana, sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: none;
word-wrap: normal;
transition: font-size 0.3s ease, font-weight 0.3s ease;
}
.card-image-container-poisk a:hover {
font-family: Verdana, sans-serif;
font-size: 16px;
font-weight: 700;
}
.card-image-container-poisk img {
display: block;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
/* ===== ТАБЛИЦЫ ===== */
.table-grid-2 {
display: grid;
grid-template-columns: 1fr 1.1fr;
gap: 1px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
background-color: #ddd;
border: 1px solid #ccc;
transform: translateZ(0);
}
.table-row-2 {
display: contents;
}
.table-header-2 {
background-color: #5d6d7e;
color: white;
font-weight: bold;
padding: 15px;
text-align: center;
position: sticky;
top: 0;
z-index: 10;
}
.table-cell-2 {
padding: 15px;
border-bottom: 1px solid #e0e0e0;
background-color: inherit;
text-align: left;
transition: background-color 0.2s ease;
}
/* Зебра для строк */
.table-row-2:nth-child(even) .table-cell-2 {
background-color: #f8f9fa;
}
.table-row-2:nth-child(odd) .table-cell-2 {
background-color: white;
}
/* Hover эффект для всей строки */
.table-row-2:hover .table-cell-2 {
background-color: #e3f2fd !important;
cursor: pointer;
}
/* Убираем нижнюю границу у последней строки */
.table-row-2:last-child .table-cell-2 {
border-bottom: none;
}
/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ===== */
.blog-image {
border-radius: 25px;
border: 4px solid #3498db;
padding: 5px;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
.button-link {
display: inline-block;
padding: 12px 25px;
background: #9b59b6;
color: white !important;
border-radius: 25px;
text-align: center;
font-weight: 600;
transform: translateZ(0);
will-change: transform;
transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.button-link:hover {
background: #8e44ad;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(155, 89, 182, 0.4);
}
.container1 {
padding: 5px 100px;
}
/* ===== АДАПТИВНОСТЬ ===== */
/* Адаптивность для меню */
@media (max-width: 1160px) {
.main-menu {
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
}
@media (max-width: 992px) {
.main-menu {
display: none;
}
.scroll-section {
display: none;
}
}
@media (max-width: 768px) {
.sub-cate {
width: 100%;
}
.main-menu {
grid-template-columns: 1fr;
}
.submenu {
position: static;
width: 100%;
opacity: 1;
visibility: visible;
transform: none;
margin-top: 5px;
display: none;
}
.menu-item:hover .submenu {
display: block;
}
.subsubmenu {
position: static;
width: 100%;
opacity: 1;
visibility: visible;
transform: none;
margin-top: 5px;
display: none;
}
.submenu-item:hover .subsubmenu {
display: block;
}
.container {
padding: 1rem;
}
.scroll-section {
padding: 1.5rem;
margin-bottom: 2rem;
}
.section-header {
grid-template-columns: 1fr;
gap: 1rem;
text-align: center;
}
.section-header h2 {
font-size: 1.5rem;
}
.tech-grid, .service-grid, .project-grid {
grid-auto-columns: minmax(250px, 1fr);
gap: 1rem;
}
.scroll-controls {
justify-content: center;
}
.slide h2 {
font-size: 2.5rem;
}
.slide p {
font-size: 1.2rem;
}
.slider-controls {
bottom: 20px;
}
.slide-content {
padding: 30px;
background: rgba(0, 0, 0, 0);
max-width: 450px;
}
.btn {
padding: 12px 20px;
font-size: 0.9rem;
}
.slide-btn {
font-size: 1rem;
}
.products-grid {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
}
@media (max-width: 640px) {
.sub-cate {
width: 100%;
}
.macmenu {
height: 175px;
}
.button {
margin: 0 auto;
}
.button a, .button a img {
display: block;
float: left;
transition: transform 0.5s ease, font-size 0.5s ease;
height: 175px;
width: 233px;
transform: translateZ(0);
}
.button a {
margin: 20px 10px 10px;
text-align: center;
color: #319774;
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
word-wrap: normal;
}
.macmenu a:hover img {
transform: scale(1.04);
height: 182px;
width: 243px;
}
.button a:hover {
font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: 700;
}
.zena-skidka h3 {
font-family: 'Times New Roman', Times, serif;
font-size: 1.7em;
color: #FF0;
}
}
@media (max-width: 480px) {
.sub-cate {
width: 100%;
}
.tech-grid, .service-grid, .project-grid {
grid-auto-columns: minmax(200px, 1fr);
}
.tech-card, .service-card {
padding: 1.5rem 1rem;
}
.slide h2 {
font-size: 2rem;
}
.slide p {
font-size: 1rem;
}
.slide-content {
padding: 25px;
background: rgba(0, 0, 0, 0);
max-width: 350px;
}
.btn {
padding: 12px 20px;
font-size: 0.9rem;
}
.products-grid {
grid-template-columns: 1fr;
}
.filters {
flex-direction: column;
align-items: center;
}
.filter-btn {
width: 80%;
}
}
@media (max-width: 320px) {
.sub-cate {
width: 100%;
}
}
/* Анимации */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* КОНЕЦ  style.css */