/*! Version: 2.1 | Date: 2025-12-03 */
.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, .tagsList a, a:hover { text-decoration: none; } .fix, .single_work, .video-container { overflow: hidden; } 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: 30px; } .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; } .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; } .email_us { border-right: 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; } .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; } .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%; } .team_discription { transition: all 0.5s ease 0s; } .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: linear-gradient(135deg, #065a75 0%, #097595 50%, #0a8cad 100%); 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; text-shadow: 1px 2px 2px rgba(0, 0, 102, 0.8); } .ratting.text-right { color: #f86215; display: inline; float: right; margin-top: -28px; } .single_blog > h3 { text-align: center; color: #212121; font-size: 25px; font-weight: 400; } .single_blog > p { font-family: "Times New Roman", Times, serif; font-size: 17px; font-style: italic; font-weight: 600; padding-left: 20px; } .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_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; } .barner_text h2, .project_details { color: #fff; text-transform: uppercase; } .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%; } .contact_now_display_table_cell > h3 { font-size: 20px; } .page_title { transition-duration: .3s; } .blog_content > .blog_name { font-size: 18px; font-weight: 600; line-height: 28px; padding-left: 15px; } .blog_content { padding: 10px 0; } .blog_content > h3 { color: #222; font-size: 20px; font-weight: 600; padding-left: 15px; } .blog_content p { font-size: 16px; font-weight: 400; letter-spacing: -0.5px; padding-left: 15px; } .blog_name { color: #DC1414; font-style: italic; padding-top: 30px; } .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; 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: 25px; border-bottom: 5px solid #F8FF94; } .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; } .filters { display: flex; justify-content: center; gap: 15px; margin-bottom: 30px; flex-wrap: wrap; } .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; } .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) { .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) { .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) { .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%; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .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; } .table-download-1000, .table_blur { font-size: 1.2em; margin: 25px 0; border-collapse: collapse; transform: translateZ(0); } #ProjectDomKottedg_2 a, .button1, .content_block_txt3 a, .vitrina_cottage a { text-decoration: none; } .table-download-1000 th, .table_blur th { border-top: 1px solid #777; box-shadow: inset 0 1px 0 #999, inset 0 -1px 0 #999; position: relative; border-bottom: 1px solid #777; } .table-download-1000 { background: #f5ffff; text-align: left; width: 100%; } .table-download-1000 th { background: linear-gradient(#9595b6, #5a567f); color: #fff; padding: 10px 5px; text-align: center; } .table-download-7000 th { padding: 5px 3px; position: relative; text-align: center; } .table-download-7000 a { padding: 1px 2px; color: red; font-weight: 700; background: #FFC; border-radius: 5px; transition: background-color 0.3s ease, color 0.3s ease; } .table-download-7000 a:hover { background: #FFC; color: #66F; font-weight: 700; } .table_blur { background: #f5ffff; text-align: left; } .table_blur th { background: linear-gradient(#9595b6, #5a567f); color: #fff; padding: 10px; text-align: center; } .table_blur th:after { content: ""; display: block; position: absolute; left: 0; top: 25%; height: 25%; width: 100%; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.08)); } .table_blur tr:nth-child(odd) { background: #ebf3f9; } .table_blur th:first-child { border-left: 1px solid #777; border-bottom: 1px solid #777; box-shadow: inset 1px 1px 0 #999, inset 0 -1px 0 #999; } .table_blur th:last-child { border-right: 1px solid #777; border-bottom: 1px solid #777; box-shadow: inset -1px 1px 0 #999, inset 0 -1px 0 #999; } .table_blur td { border: 1px solid #e3eef7; position: relative; transition: color 0.5s ease, text-shadow 0.5s ease; padding: 10px 20px; } .table_blur1 tbody:hover td { color: transparent; text-shadow: 0 0 3px #a09f9d; } .table_blur1 tbody:hover tr:hover td { color: #444; text-shadow: none; } .contact-img-100 { height: 458px; background-image: url(../img/contact_abrisburo.webp); margin: 30px 15px 5px; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .contact-abrisburo-100 { padding: 50px 15px 15px; } .contact-abrisburo-100 h3 { font-size: 50px; font-weight: 700; text-align: center; color: #FF0; } .contact-abrisburo-100 h4 { padding: 120px 200px; font-size: 30px; font-weight: 700; text-align: center; color: silver; text-shadow: 1px 1px 1px #000; } .contact-abrisburo-200 { padding: 5px 10px; } .contact-abrisburo-200 p { font-size: 30px; font-weight: 700; text-align: center; color: #6FF; } .contact-img-500 { display: block; margin: 0 auto; text-align: center; padding: 15px; } .autor-text-100 { margin: 30px 15px 5px; } .autor-text-100 p { font-size: 16px; font-weight: 700; text-align: left; color: #069; text-indent: 50px; } .autor-text-100 p:first-letter { font-size: 2em; margin-right: 2px; color: #E96; font-weight: 700; text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9E9D99; } .S9, .advertisment-10000 { border: 1px solid #A6A6A6; } .S20 { color: #152D6A; background-color: #FF9; display: inline-block; padding: 12px 24px; font-weight: 600; text-align: center; text-decoration: none; border-radius: 50px; border-bottom: 3px solid #B2F511; transform: translateZ(0); } .hilite-1 { color: #152D6A; background-color: #FF9; display: inline-block; padding: 12px 24px; font-weight: 600; text-align: center; text-decoration: none; border-radius: 50px; border-bottom: 3px solid #B2F511; transform: translateZ(0); } .hilite-2 { margin: 1px; background-color: #D3D3D3; color: #000000; display: inline-block; padding: 10px 20px; font-weight: 600; text-align: center; text-decoration: none; border: none; border-radius: 50px; transform: translateZ(0); } .figure-100 { display: inline-block; } .figure-200 { width: 380px; margin: 0 0 10px; float: left; } .figcaption-200 p { font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-align: center; } .ProjectKottedgGallery { margin: 0 15px; padding: 0; } .ProjectKottedgGallery_Content p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-indent: 50px; margin: 5px; padding: 5px; text-align: left; } .ProjectKottedgGallery_Content h2 { margin: 0; padding: 10px 0; color: red; background: #FFFFF4; font-family: Arial, sans-serif; text-shadow: 1px 2px 2px rgba(0,0,102,.8); font-weight: 700; text-align: center; } .ProjectKottedgGallery_Content_1 { margin: 0 auto; padding: 0; background: #FEF7F6; font-family: Arial, Helvetica, sans-serif; text-align: center; } .ProjectKottedgGallery_Content_1 p { text-indent: 25px; } .ProjectKottedgGallery_Content_1 p:first-letter { font-size: 1.5em; margin-right: .05em; color: #E96; font-weight: 700; text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9E9D99; } .Project-8000 li { text-align: left; font-size: 1.2em; } .ProjectKottedgGallery_Content_1 h4 { text-align: left; font-size: 1.2em; text-indent: 50px; font-weight: 700; } .ProjectKottedgGallery_Content_1 h2 { font-size: 1.8em; } .S9 { font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; background: linear-gradient(#fafafa, #ccc); background-color: #ccc; color: #333; text-shadow: 1px 1px 1px #fff; border-radius: 4px; padding: 0 3px; font-weight: 700; } .S9999 { font-size: 2em; font-family: Arial, Helvetica, sans-serif; background: linear-gradient(#fafafa, #ccc); background-color: #ccc; color: #333; text-shadow: 1px 1px 1px #ff0000; border-radius: 4px; padding: 0 3px; font-weight: 700; } .advertisment-1000 { float: left; margin: 5px 30px; padding: 10px 10px 15px; } .advertisment-2000 { float: left; background: #f1122c; } .advertisment-3000 { float: left; } .advertisment-4000 { margin: 1px; padding: 1px; } .table-advertisment-1 { width: 100%; border-collapse: collapse; table-layout: fixed; height: 40px; background: #ccc; border: 1px double #000; } .table-advertisment-2 { background: #f7ffd6; border: 1px double #000; text-align: left; width: 100%; } .table-advertisment-2 th:last-child { width: 90%; } .vitrina_cottage { float: left; margin: 0; padding: 5px; border-radius: 10px; background: #ededed; text-align: center; font-size: 1.2em; transform: translateZ(0); } .vitrina_cottage a { color: silver; text-shadow: 1px 1px 1px #000; transition: color 0.3s ease; } .vitrina_cottage a:hover { text-decoration: none; color: #f30; } .vitrina_cottage_1 { width: 225px; float: left; margin: 3px; padding: 3px; background-color: #c7c6c6; border-radius: 10px; border-style: solid; border-color: #ccc; } .vitrina_cottage_2 { width: 210px; float: left; padding: 5px; background-color: #009; color: #ccc; font-family: Arial, sans-serif; font-weight: 700; border: 0 solid #ccc; margin: 3px 0 0 3px; } .vitrina_cottage_3, .vitrina_cottage_4 { width: 210px; background-color: #39f; color: #ccc; font-weight: 700; border: 0 solid #ccc; margin: 0 0 0 3px; } .vitrina_cottage_3 { float: left; padding: 0; font-family: Arial, Helvetica, sans-serif; } .vitrina_cottage_4, .vitrina_cottage_5 { float: left; padding: 5px; font-family: Arial, Helvetica, sans-serif; } .vitrina_cottage_5 { width: 200px; font-size: 1em; color: #333; font-weight: 700; border: 0 solid #ccc; background: #fffff4; margin: 0; } .vitrina_cottage_6, .vitrina_cottage_7 { width: 90px; font-size: 0.9em; color: #333; border: 0 solid #ccc; background: #fffff4; margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: 700; text-align: left; float: left; } .vitrina_cottage_6 { padding: 0 5px; } .vitrina_cottage_7 { padding: 0 0 0 5px; } .vitrina_cottage_8 { width: 200px; float: left; padding: 3px 3px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; font-weight: 700; border: 0 solid #ccc; background: #fffff4; margin: 0; } .content_block_index_glav_text { margin: 5px; padding: 5px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; text-align: left; } .content_block_index_glav_text p { text-indent: 50px; } .content_block_index_glav_text ul { padding-left: 35px; } .content_block_index_glav_text p:first-letter { font-size: 1.5em; margin-right: 0; color: #e96; font-weight: 700; text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9e9d99; } .advertisment-10000, .advertisment-12000 { background: linear-gradient(to bottom, #fafafa, #ccc); background-color: #ccc; color: #333; text-shadow: 1px 1px 1px #fff; padding: 10px 3px 0; font-weight: 700; font-family: Arial, Helvetica, sans-serif; } .advertisment-10000 { border-radius: 4px; } .advertisment-10000 h3 { font-size: 1.6em; } .advertisment-12000 { border: 1px solid #a6a6a6; border-radius: 4px; } .advertisment-12000 h4 { font-size: 1.5em; } .ProjectGlavContent { padding: 0; } .S28 { padding: 10px 3px 0; font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; } .stroy-txt-1000 { text-align: left; font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: 10px 20px; } .project-15000 img { max-width: 100%; height: auto; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .apDivArchitecture1 { z-index: 2; font-style: normal; width: 270px; padding: 15px; text-align: left; margin: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; list-style-position: outside; line-height: 1.5em; float: left; border-right: 1px solid #6cf; } .menu-architecture-100 h3 { line-height: 1.8em; background-color: #ff9; color: #152d6a; margin-top: 0; margin-bottom: 20px; border-bottom: 2px solid #b2f511; font-family: Impact, "Arial Narrow", sans-serif; font-size: 1.1em; font-weight: 400; letter-spacing: 10px; word-spacing: 50px; text-align: center; } .apDivArchitecture2 { width: calc(100% - 320px); z-index: 2; margin: 5px; padding: 5px; float: right; text-align: center; } .menu-architecture-300 { margin: 0; padding: 0 0 5px; text-align: center; } .menu-architecture-300 h2 { color: #152d6a; margin-top: 15px; margin-bottom: 5px; border-bottom: 2px solid #b2f511; font-family: Impact, "Arial Narrow", sans-serif; font-size: 1.5em; font-weight: 400; text-align: center; letter-spacing: 1px; word-spacing: 5px; text-transform: uppercase; } .menu-architecture-300 p:first-letter { font-size: 20px; font-weight: 700; color: #930; } .menu-architecture-300 p { font-size: 18px; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; text-indent: 2.5em; } .foto-architecture-200 { border: 1px solid #666; padding: 10px; margin: 10px auto; max-width: 100%; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .main-article-100 { margin: 10px; padding: 0 10px; } .main-article-100 h2 { color: #152d6a; margin-top: 15px; margin-bottom: 5px; border-bottom: 2px solid #b2f511; font-family: Impact, "Arial Narrow", sans-serif; font-size: 1.5em; font-weight: 400; letter-spacing: 1px; word-spacing: 5px; text-transform: uppercase; } .main-article-100 p:first-letter { font-size: 1.5em; margin-right: 0.05em; color: #e96; font-weight: 700; text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9e9d99; } .main-article-100 p { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin-bottom: 5px; text-indent: 2.5em; } .article-left-200 { text-align: left; } .button1 { font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5); transform: translateZ(0); transition: background 0.3s ease, color 0.3s ease; } .button a { font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; transition: font-size 0.3s ease; } .button a:hover { font-size: 0.9em; } .small, .normal, .medium, .big, .megabig { border-radius: 8px; padding: 5px 10px; } .medium { font-size: 18px; } .blue { background: linear-gradient(to bottom, #52a8e8, #377ad0); background-color: #52a8e8; border: 1px solid #20559a; } .blue:focus, .blue:hover { background: linear-gradient(to bottom, #54a1d8, #1967ca); background-color: #52a8e8; color: #fff; } .blue:active { background: #2d7cd1; color: #fff; } .apDivArticleh3 { text-align: center; text-indent: 2.5em; margin: 3px; padding: 3px; } .apDivArticleh3 h3 { font-style: italic; font-size: 1.5em; color: red; font-family: Georgia, 'Times New Roman', Times, serif; } .apDivArticleh3 p { text-align: left; } .content_block_glav_text { margin: 5px; padding: 5px; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; text-align: left; } .content_block_glav_text p { text-indent: 50px; margin: 5px; padding: 5px; } .page_title h1, .page_title h2 { text-shadow: 1px 2px 2px rgba(0, 0, 102, 0.8); } .ProjectDomKottedg_2 { margin: 10px; padding: 10px; text-align: center; } .ProjectDomKottedg_2 h2 { margin: 0 0 5px; padding: 10px 10px 8px; width: 100%; } .ProjectDomKottedg_2 img { max-width: 240px; height: auto; border: 1px solid #666; background-color: #fff; margin: 5px 10px; padding: 4px; float: left; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .ProjectDomKottedg_2 p { text-indent: 50px; text-align: left; font-style: italic; font-size: 1.1em; } #ProjectDomKottedg_2 a { background: linear-gradient(#4877d5, #2c5ec1); background-color: #2c5ec1; color: #fff; text-transform: uppercase; transition: background 0.3s ease; } #ProjectDomKottedg_2 a:hover { background: #2c5ec1; } .ProjectDomKottedg_1000 { float: left; background: #fef7f6; } .ProjectDomKottedg_1000 p { margin: 15px; padding: 15px 25px 25px; } .content_block_glav_text-421 { margin: 5px; padding: 5px; font-family: Arial, sans-serif; font-size: 1.4em; text-align: center; } .content_block_glav_text-421 p { text-indent: 50px; margin: 5px; padding: 5px; } .ProjectDomKottedg_1000 a { color: red; font-size: 1.1em; text-align: center; } .figureFirma img { max-width: 100%; height: auto; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .table-dom-100, .table-dom-400 { border-collapse: collapse; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, sans-serif; transform: translateZ(0); } .table-dom-100 { background: #f5ffff; font-size: 1.1em; margin: 25px 0; width: 100%; text-align: center; } .table-dom-200 { font-size: 1.6em; } .table-dom-100 img { max-width: 100%; height: auto; border: 1px solid #666; background-color: #fff; padding: 7px; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .table-dom-400 { background: #f5ffff; font-size: 1.3em; margin: 0 auto; width: 90%; text-align: left; line-height: 200%; } .table-dom-100 th { border: 1px solid #777; background: linear-gradient(#9595b6, #5a567f); color: #fff; padding: 10px; position: relative; text-align: center; } .table-dom-100 th::after { content: ""; display: block; position: absolute; left: 0; top: 25%; height: 25%; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08)); } .table-dom-100 tr:nth-child(odd) { background: #ebf3f9; } .table-dom-100 td { border: 1px solid #e3eef7; position: relative; transition: color 0.5s ease, text-shadow 0.5s ease; padding: 10px 20px; } .ProjectGlavContent_Table_1 { margin: 0 15px; } .content_block_glav_text-121 { margin: 5px; padding: 5px 10px; text-align: left; } .content_block_glav_text-121 p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-indent: 50px; margin: 5px; padding: 5px; } .content_block_glav_text-121 a { padding: 1px 3px; color: #DB0000; font-weight: 700; background: #ffc; border-radius: 5px; transition: background-color 0.3s ease, color 0.3s ease; } .content_block_glav_text-121 a:hover { background: #ffc; color: #66f; font-weight: 700; } @media (max-width: 768px) { .apDivArchitecture1, .apDivArchitecture2 { float: none; width: auto; border-right: none; margin: 10px 0; } .ProjectDomKottedg_2 img { float: none; margin: 5px auto; } .table-dom-100, .table-dom-400 { font-size: 1em; } } .blog-50000 { background: #F0F6F9; text-align: center; width: 100%; padding: 15px 0 20px; margin: 10px auto; box-sizing: border-box; transform: translateZ(0); } .blog-50000 h2 { font-family: Arial, sans-serif; font-size: 2.2em; margin: 0 0 15px 0; } .blog-50000 img { max-width: 1000px; width: 100%; height: auto; margin: 0 auto; display: block; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .proekt-img-1000 img { max-width: 1000px; width: 100%; height: auto; margin: 20px auto 0; padding: 8px; border: 1px solid #999; background: #FFF; display: block; box-sizing: border-box; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .content_block_txt1 { font-family: Verdana, Geneva, sans-serif; background: #f0f9ff; background: linear-gradient(to top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); margin: 5px 10px; padding: 5px 10px; border-radius: 10px; box-sizing: border-box; } .content_block_txt1 a { color: red; font-family: Arial, sans-serif; text-shadow: 1px 2px 2px rgba(0,0,102,.8); font-weight: 700; text-align: center; text-decoration: none; } .content_block_txt2 { margin: 5px; padding: 5px 10px; box-sizing: border-box; } .content_block_txt2 p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-indent: 50px; margin: 5px; padding: 5px; text-align: left; line-height: 1.4; } .blog-50000 p:first-letter, .content_block_txt2 p:first-letter, .content_block_glav_text p:first-letter, .content_block_glav_text-121 p:first-letter, .stroy-txt-1000 p:first-letter, .blog_page p:first-letter { font-size: 1.5em; margin-right: .05em; color: #E96; font-weight: 700; text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9E9D99; } .content_block_txt3 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; } .content_block_txt3 a { background: linear-gradient(#4877D5, #2C5EC1); background-color: #2C5EC1; color: #FFF; display: inline-block; font-weight: 700; padding: 3px 10px; border: 1px solid #2C5EC1; text-shadow: 1px 1px 0 #2C5EC1; border-radius: 5px; text-transform: uppercase; text-decoration: none; transition: background-color 0.3s ease; } .content_block_txt3 a:hover { background: #2C5EC1; background-color: #1a4a9e; } .photoInteriors img, .photos-2000 img, .photos-20000 img, .photos-venezia-20 img { border: 1px solid #666; background-color: #FFF; position: relative; box-sizing: border-box; opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } .figureInteriors { float: left; width: 218px; text-align: center; margin: 5px; padding: 0; } .photoInteriors img { padding: 4px; text-align: center; width: 218px; height: auto; } .interiors-podpis-500 { font-family: Arial, Helvetica, sans-serif; font-size: .9em; text-align: center; margin: 5px 0; } .blog_page h2 { background: #D3D3D3; text-align: center; padding: 5px 0; margin: 0; border-radius: 25px; font-size: 1.6em; border-bottom: 3px solid #63b3ed; } .blog_page h3 { background: #D3D3D3; text-align: center; font-size: 22px; border-radius: 12px; padding: 5px 0; border-bottom: 3px solid #63b3ed; } .blog_page h4 { text-align: center; font-size: 18px; text-indent: 30px; font-weight: 600; text-shadow: 1px 2px 2px rgba(0, 0, 102, 0.2); } .blog_page h5 { text-align: center; padding: 2px 0; } .blog_page p { font-size: 16px; text-indent: 30px; line-height: 1.5; padding-left: 30px; } .blog_page ul { font-size: 16px; padding-left: 30px; text-indent: 5px; line-height: 1.5; } .blog_page ol { font-size: 16px; padding-left: 30px; text-indent: 5px; line-height: 1.5; } .photos-3000, .photos-30000, .photos-venezia-30 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; } .ProjectKottedgProdgekt_1 p { margin: 5px 25px 15px; padding: 10px; } .photos-1000, .photos-10000, .photos-venezia-10 { float: left; margin: 5px; text-align: center; box-sizing: border-box; transform: translateZ(0); } .photos-1000 { width: 560px; padding: 0; } .photos-2000 img { padding: 5px; text-align: center; max-width: 600px; width: 100%; height: auto; } .photos-3000 { text-align: center; } .photos-10000 { width: 380px; padding: 0; } .photos-20000 img { padding: 5px; text-align: center; max-width: 380px; width: 100%; height: auto; } .photos-30000 { text-align: center; } .photos-venezia-10 { width: 800px; padding: 0; } .photos-venezia-20 img { padding: 5px; text-align: center; max-width: 840px; width: 100%; height: auto; } .photos-venezia-30 { text-align: center; } .avto-centr { width: 380px; margin: auto; max-width: 100%; } .scrollmenu { background-color: #333; overflow: auto; white-space: nowrap; transform: translateZ(0); } .scrollmenu a { display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; transition: background-color 0.3s ease; } .scrollmenu a:hover { background-color: #777; } @media screen and (max-width: 1200px) { .blog-50000 img, .proekt-img-1000 img { max-width: 90%; } } @media screen and (max-width: 992px) { .contact-abrisburo-100 h4 { padding: 100px; font-size: 30px; } .table-dom-100 img { width: 750px; max-width: 100%; } .table-dom-400 { font-size: 1.15em; line-height: 1.4; } } @media screen and (max-width: 767px) { .photos-1000, .photos-10000, .photos-venezia-10, .figureInteriors { float: none; width: auto; margin: 10px auto; } .content_block_txt2 p { text-indent: 30px; font-size: 1.1em; } } @media screen and (max-width: 480px) { .blog-50000 h2 { font-size: 1.8em; } .content_block_txt2 p { text-indent: 20px; font-size: 1em; } .contact-abrisburo-100 h4 { padding: 80px; font-size: 20px; } } @media only screen and (max-width: 767px) { .contact-abrisburo-200 p { font-size: 24px; } .contact-abrisburo-100 h4 { padding: 100px; font-size: 24px; } } @media only screen and (max-width: 480px) { .contact-abrisburo-100 h3 { font-size: 36px; } .contact-abrisburo-200 p { font-size: 16px; } } .clearfix::after { content: ""; display: table; clear: both; } .content1 { background: rgba(255, 255, 255, 0.05); border-radius: 12px; padding: 3rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); background: #1e2628; border-top: 4px solid #63b3ed; transform: translateZ(0); } .content1 h2 { margin-bottom: 1rem; color: #e2e8f0; text-align: center; } .content1 p { line-height: 1.6; color: #cbd5e0; text-align: center; } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; transform: translateZ(0); } .feature { background: linear-gradient(135deg, rgba(74, 85, 96, 0.5), rgba(45, 55, 72, 0.5)); padding: 1.3rem; border-radius: 8px; border-left: 4px solid #63b3ed; transform: translateZ(0); } .feature h3 { margin-bottom: 1rem; color: #e2e8f0; text-align: center; font-size: 2rem; } .gallery1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; max-width: 100%; margin: 0 auto; justify-items: center; transform: translateZ(0); } .gallery1-item { position: relative; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); aspect-ratio: 4 / 3; transition: transform 0.3s ease, box-shadow 0.3s ease; margin-bottom: 20px; width: 100%; max-width: 150px; transform: translateZ(0); will-change: transform; } .gallery1-item:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); } .gallery1-item img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px; transition: transform 0.5s ease; opacity: 1; transform: translateZ(0); } .gallery1-item:hover img { transform: scale(1.05); } .image-caption { margin-top: 8px; font-size: 1.3rem; color: #fff; background-color: rgba(99, 179, 237, 0.3); padding: 4px 8px; border-radius: 4px; font-weight: 500; text-align: center; width: 100%; } .image-caption a { color: white; font-size: 1.3rem; text-decoration: none; display: block; transition: color 0.3s ease, background-color 0.3s ease; } .image-caption a:hover { color: red; background-color: yellow; padding: 4px 8px; border-radius: 4px; font-weight: 500; } .feature p { font-size: 1.4rem; text-align: left; color: #e2e8f0; } .feature-p { font-size: 1.5rem; text-align: left; color: #e2e8f0; padding: 0.25rem; text-indent: 20px; } footer { margin-top: auto; text-align: center; padding: 1.5rem; color: #a0aec0; font-size: 1rem; } .stil1 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #63b3ed; font-weight: 500; text-decoration: none; transition: color 0.3s ease; } .stil1:hover { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: red; font-weight: 500; } .stil2 { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: white; font-weight: 500; display: block; padding: 3.5px 5px; margin: 3.5px 0; border-radius: 4px; transition: all 0.3s ease; position: relative; z-index: 2; text-decoration: none; } .stil2:hover { color: red; background-color: rgba(255, 255, 255, 0.1); } @media (max-width: 480px) { .gallery1 { grid-template-columns: 1fr; gap: 0.5rem; } .gallery1-item { max-width: 200px; margin: 0 auto 10px; } } img { opacity: 1; transition: opacity 0.3s ease; transform: translateZ(0); } img.loaded { opacity: 1; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }