/*! Version: 1.2 | Date: 2025-11-18 */ body { font-family: Arial, sans-serif; /* Браузер возьмет локальную версию */ } .mainmenu ul#nav li a, .page_title>h2, .single_promotions>h2, .top_quate_text>h3 { text-transform: uppercase } .contact_now_display_table_cell>h3, .signup_form>h2, .top_quate_text>h3 { 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, .thank_box a, .thank_box a:hover, a:hover { text-decoration: none } .fix, .post_tum, .single_work, .video-container { overflow: hidden } .alignright { float: right; margin-left: 15px } .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 { -moz-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; color: #333 } .section_padding { padding-top: 50px; padding-bottom: 50px } .page_title>h2 { color: #252525; font-size: 26px } .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, .header_social_bookmark ul, .header_top_menu ul { list-style: none; margin: 4px 0 0; padding: 0 } .header_social_bookmark ul { text-align: right } #nav>li ul, .mainmenu ul#nav { text-align: left; list-style: none } .footer_social_bookmark ul li, .header_social_bookmark ul li, .header_top_menu ul li { display: inline-block } .footer_social_bookmark ul li a, .header_social_bookmark ul li a, .header_top_menu ul li a { color: #fff; display: block; font-size: 15px; font-weight: 700; padding: 5px } .header_top_menu ul li a { font-size: 14px } .header_social_bookmark ul li a { font-size: 14px } .header_social_bookmark ul li a i:hover { color: #FF5716 } .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; } .search-form .form-group { float: right !important; transition: all 0.35s, border-radius 0s; width: 32px; height: 32px; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; border-radius: 25px; background-color: transparent; } .search-form .form-group input.form-control { background: transparent; border: 0; box-shadow: none; color: #fff; padding-right: 20px; display: block; padding-top: 0; } .search-form .form-group.hover, .search-form .form-group:hover { width: 100%; border-radius: 4px 25px 25px 4px; border: 1px solid #ccc; } .search-form .form-group span.form-control-feedback { position: absolute; top: -1px; right: -2px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #fff; left: initial; font-size: 14px; } #nav > li:last-child { float: right; margin: -10px -10px -15px -15px; padding: 0; } .img-uuuu img { width: 83px; height: 62px; transition: all 0.3s ease; } .img-uuuu img:hover { width: 87px; height: 65px; } .request_code input[type="submit"] { background: #11c3f1; border: none; color: #fff; font-size: 17px; height: 53px; text-align: center; width: 100%; cursor: pointer; } .quate_text_overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -70; } .top_quate_text > h3 { padding: 30px; color: #f4f4f4; margin: 0; } .top_quate_text > p { padding: 15px 38px; text-align: left; margin: 0; } .top_quate_action { border: 1px solid #fff; color: #fff; font-size: 14px; padding: 10px; text-align: left; width: 116px; height: 40px; display: block; margin-left: 35px; text-decoration: none; } .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 > h4, .single_work h4 { 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; } .process_area_menu > ul li a img, .team_discription {transition: all 0.5s ease 0s;} .service_title i:hover { background: #11c3f1; color: #fff; } .process_area_menu > ul { list-style: none; margin: 0; padding: 0; text-align: center; } .process_area_menu > ul li { display: inline-block; margin: 0 5%; position: relative; } .process_area_menu > ul li::after { background: url('../img/process_area_after.png') no-repeat; background-color: transparent; content: ""; height: 100%; left: -66%; position: absolute; top: 60px; width: 100%; } .blog_img, .single_client, .single_team a {position: relative;} .process_area_menu img:hover {transform: rotate(90deg);} .process_area_menu > ul li:first-child::after {background: transparent;} .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: #11c3f1; color: #fff; height: 100px; padding-top: 20px; text-align: center; text-transform: uppercase; } .team_discription > h3 { font-size: 18px; font-weight: 400; margin: 0; } .single_client { border: 1px solid #f0f0f0; margin-top: 20px; padding: 30px 25px 30px 100px; } .single_client:hover img {border: 2px solid #f86215;} .client_discription h5 { color: #262626; margin-bottom: 5px; text-transform: uppercase; } .client_discription .client_address { color: #11c3f1; font-size: 12px; text-transform: uppercase; } .rating_area { border-top: 1px solid #f0f0f0; text-transform: uppercase; } .rating_area p { padding-top: 19px; margin: 0; } .ratting.text-right { color: #f86215; display: inline; float: right; margin-top: -28px; } .blog_name { color: #878787; 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;} .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: #fc5c1e;} .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;} .newsletter_area { height: 320px; margin-top: 47px; } .signup_newsletter { color: #fff; padding-top: 130px; text-transform: uppercase; } .signup_newsletter > form input[type="email"] { background: transparent; border: none; padding: 5px; width: 80%; color: #fff; } .signup_newsletter input[type="submit"] { border-left: 2px solid #fff; float: right; margin-top: -5px; padding: 10px; width: 20%; margin-right: -6px; background: #fff; color: #11c3f1; cursor: pointer; } .signup_newsletter input[type="submit"]:hover { background: #fc5c1e; color: #fff; } .signup_newsletter > form { border: 2px solid #fff; padding: 5px; } .signup_newsletter input { background: transparent; border: none; text-transform: uppercase; } .footer_discription { font-family: 'Lato', sans-serif; line-height: 21px; } .footer_padding_top { padding-bottom: 30px; padding-top: 30px; } .footer_padding_bottom {padding: 50px 0 0;} .footer_border {border-bottom: 1px solid #3f3e44;} .footer_top_area h3 { font-size: 18px; font-weight: 400; text-transform: uppercase; } .footer_bottom_area { background: #232227; color: #fff; padding: 15px; } .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_list ul { list-style: none; margin: 0; padding: 0; } .footer_list ul li { background: url('../img/footer_menu_arrow.png') left center no-repeat; background-color: transparent; padding-left: 15px; } .footer_list ul li a { color: #fff; display: block; padding: 2px; text-decoration: none; } .footer_list ul li a:hover, .footer_social_bookmark ul li a i:hover {color: #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 { background: #11c3f1; color: #fff; height: 60px; position: relative; padding: 20px; } .home_two_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: -60px; width: 60px; } .home_two_service_title i::after { background: #fc5a1a; bottom: -10px; content: ""; height: 20px; left: 50%; margin-left: -10px; position: absolute; transform: rotate(45deg); width: 20px; z-index: 333; } .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, .catagory_price, .project_details { color: #fff; text-transform: uppercase; } .all_project_area {position: relative;} .all_project_oerly { 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_banner_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; } .price_plan_area .page_title h2 { margin-bottom: 100px; } .hiding_text { margin-top: 20px; } .category_price { background: #222; font-size: 26px; margin-bottom: 0; padding: 25px; } .price_dollar { /* Ошибка: опечатка dolar → dollar */ background: #f8f8f8; color: #222; font-size: 31px; margin-bottom: 0; padding: 20px; } .price_dollar > span { /* Ошибка: опечатка dolar → dollar */ font-size: 20px; } .price_details { /* Ошибка: опечатка datails → details */ border: 1px solid #f8f8f8; } .price_details p { /* Ошибка: опечатка datails → details */ border-bottom: 1px solid #f8f8f8; color: #8c8c8c; font-size: 15px; height: 40px; padding-top: 5px; } .submit_price { /* Ошибка: опечатка rice → price */ background: #f8f8f8; margin-top: -15px; padding: 45px; } .signup_button { background: #222; border-bottom: 3px solid #000; color: #fff; padding: 13px 35px; text-transform: uppercase; } .active_price, .single_price_list:hover .category_price { /* Ошибка: опечатка catagory → category */ background: #11C3F1; padding-top: 80px; transition: .5s; margin-top: -60px; } .active_button, .single_price_list:hover .signup_button { background: #11C3F1; border-bottom: 3px solid #00B4E3; transition: .5s; color: #fff; } .page_title, .slideout { transition-duration: .3s; } .blog_content.blog_page .blog_name { font-size: 14px; } .blog_content.blog_page { font-size: 15px; } .blog_content > h3 { color: #222; font-size: 22px; } .blog_content.blog_page > h3, .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%; } .post_thumb { /* Ошибка: опечатка tum → thumb */ color: #222; margin-bottom: 20px; } .post_thumb span { /* Ошибка: опечатка tum → thumb */ color: #11c3f1; display: block; margin-top: 5px; } .archive_list ul, /* Ошибка: опечатка archaive → archive */ .categories_list ul, /* Ошибка: опечатка catagories → categories */ .social_list ul, .tag_list ul { list-style: none; margin: 0; padding: 0; } .archive_list ul li, /* Ошибка: опечатка archaive → archive */ .categories_list ul li { /* Ошибка: опечатка catagories → categories */ background: url(../img/footer_menu_arrow.png) left center no-repeat; display: block; padding-left: 20px; } .archive_list ul li a, /* Ошибка: опечатка archaive → archive */ .categories_list ul li a { /* Ошибка: опечатка catagories → categories */ display: inline-block; padding: 4px 0; } .archive_list span { /* Ошибка: опечатка archaive → archive */ margin: 0 auto; padding-left: 20px; text-align: right; } .tag_list li { display: inline; } .author_description ul li, /* Ошибка: опечатка discription → description */ .push, .single_post_social_bar ul li, .social_list li, .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; } .social_list .fa { background: #ececec; color: #a6b3bb; font-size: 17px; height: 50px; margin: 3px 2px; padding-top: 16px; text-align: center; width: 50px; } .social_list .fa:hover { background: #FC5C1E; color: #fff; } .highlight_text { background: #f6f6f6; border-left: 4px solid #11c3f1; font-size: 16px; font-style: italic; padding: 10px 10px 10px 100px; position: relative; margin-bottom: 50px; } .highlight_text > img { left: 25px; margin-top: -22.5px; position: absolute; top: 50%; } .tags_and_social_bar { border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; margin-top: 50px; padding-bottom: 30px; padding-top: 30px; } .author_description ul, /* Ошибка: опечатка discription → description */ .single_post_social_bar ul, .tags ul { list-style: none; margin: 0; padding: 0; } .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; } .single_post_social_bar { margin-top: -40px; } .single_post_social_bar ul li a i { background: #f2f2f2; border-radius: 50%; color: #999; display: block; height: 37px; padding-top: 12px; text-align: center; width: 37px; } .single_post_social_bar ul li a i:hover { background: #FD591A; color: #fff; } .author_description { /* Ошибка: опечатка discription → description */ margin: 50px 0; padding: 35px 35px 35px 200px; position: relative; border: 1px solid #ececec; } .author_description > img { /* Ошибка: опечатка discription → description */ left: 30px; position: absolute; } .single_comments { border-bottom: 1px solid #e7e7e7; padding: 35px 0; font-size: 15px; } .author_description > h3 { /* Ошибка: опечатка discription → description */ font-size: 16px; color: #222; } .author_description ul li a { /* Ошибка: опечатка discription → description */ color: #737373; padding: 5px; } .author_description ul li a:hover { /* Ошибка: опечатка discription → description */ color: #FD591A; } .comments > h3 { font-size: 26px; color: #222; } .comment_author h4 { margin-bottom: 10px; color: #222; } .comment_author span { color: #11c3f1; display: block; text-transform: uppercase; font-size: 13px; } .padding_left_comment { padding-left: 110px; } .comment_submit > h3 { color: #222; margin: 50px 0; } .comment_submit_form input { border: 1px solid #e3e3e3; font-size: 11px; padding: 7px; width: 100%; } .comment_submit_form textarea { border: 1px solid #e3e3e3; height: 150px; width: 100%; } .comment_submit_form button { background: #11c3f1; border: none; color: #fff; padding: 8px 25px; } .comment_submit_form button:hover { background: #FF561F; } .location_title { background: #11c3f1; color: #fff; height: 60px; padding-top: 18px; position: relative; text-align: center; } .location_title h4 { font-size: 16px; text-transform: uppercase; } .location_title h4 a { color: #fff; } .location_title h4 a:hover { color: #FD5A19; } .bottom_details > h3 { margin-top: 80px; } .contact_info .section_title h4, .send_mail .section_title h4 { color: #515151; font-size: 18px; } .send_mail input, .send_mail textarea { border: 1px solid #e0e1e5; color: #666; display: inline; font-size: 14px; line-height: 20px; padding: 20px; margin-bottom: 30px; outline: 0; width: 100%; text-transform: uppercase; } .send_mail a.btn { text-transform: none; } .contact_info > ul > li { line-height: 25px; margin-bottom: 29px; font-size: 16px; } .contact_info > ul > li > i { float: left; font-size: 20px; margin-right: 15px; min-height: 40px; padding-top: 3px; } .contact_info > ul > li, body#contact_us_page .contact_info .social_icons > ul > li > a { color: #999; } body#contact_us_page .contact_info .social_icons > ul > li > a { font-size: 20px; padding-right: 30px; } body#contact_us_page .contact_info .social_icons > ul > li > a:hover { color: #313a45; } .submit_btn { margin-top: 16px; } .thank_box { background: #eee; border-bottom: 5px solid #1774c1; font-size: 20px; height: 271px; margin: 100px auto 0; padding-top: 90px; text-align: center; width: 55%; } .thank_box a { background: #1774c1; border: 2px solid #fff; color: #fff; display: block; font-size: 13px; margin: 25px auto 0; padding: 15px 30px; text-transform: uppercase; width: 250px; } .thank_box a:hover { background: #fff; color: #1774c1; border: 2px solid #1774c1; } .banner_abrisburo h3, .page_title { -webkit-border-radius: 5px; -moz-border-radius: 8px; border-radius: 8px; /* Добавлено стандартное свойство */ } .thank_box i { font-size: 12px; margin-right: 5px } .send_mail .btn { text-transform: none } .service_details_page_content { line-height: 30px } .service_details_page_content > h3 { color: #222; font-size: 26px; margin: 40px 0; text-transform: uppercase } .service_details_bottom_content ul li { padding: 10px 10px 10px 20px } .service_details_bottom_content > ul { list-style: none; margin: 0; padding: 0 } .service_details_bottom_content > p { margin: 30px 0 } .welcome-container { background: #1b434c; background: -webkit-gradient(linear, left top, left bottom, from(rgba(63,105,115,1)), color-stop(41%, rgba(47,95,107,1)), to(rgba(19,54,64,1))); background: -webkit-linear-gradient(top, rgba(63,105,115,1) 0, rgba(47,95,107,1) 41%, rgba(19,54,64,1) 100%); background: linear-gradient(to bottom, rgba(63,105,115,1) 0, rgba(47,95,107,1) 41%, rgba(19,54,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f6973', endColorstr='#133640', GradientType=0); color: #fff; padding-top: 1px; padding-bottom: 2px } .page_title { display: block; background: #fc0f0f; color: #fff; padding: 20px 5px 5px; -moz-transition-duration: .3s; transition-duration: .3s; border-radius: 8px } .footer-jpg img, .ssilka { border: 1px solid #40c4c8; padding: 2px; float: left } .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 } .footer-jpg img { width: 106px; height: 81px } .ssilka { width: 94px; height: 37px } .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 { /* Опечатка в названии класса (должно быть address) */ 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 } .footer_list h3, .footer_opening_time h3 { color: #11c3f1; text-decoration: none } .footer_opening_time a { color: #69F; text-decoration: none } .footer_opening_time a:hover { color: #fc0f0f; text-decoration: none } .footer_list a { color: #69F; text-decoration: none } .footer_list a:hover { color: #fc0f0f; 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%; /* Исправлено с 30% на 100% */ height: 100%; /* Исправлено с 30% на 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_555, .know_more_yandex { margin-top: 1px; cursor: pointer; display: inline-block; text-decoration: none } .know_more_555 { padding: 18px 20px; font: 1em Arial, sans-serif; background: #11c3f1; color: #FFF; border-radius: 8px } .know_more_555:hover { background: #35E3F8; color: #FFF } .slideout { position: fixed; top: 320px; left: 0; width: 35px; padding: 100px 0; text-align: center; background: #11c3f1; -moz-transition-duration: .3s; transition-duration: .3s; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; font: 20px/1 Arial, sans-serif; z-index: 9999999999 } .banner_abrisburo h3, .slideout_inner { -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .slideout_inner { position: fixed; top: 320px; left: -250px; background: #FFF; width: 240px; padding: 25px; height: 325px; transition-duration: .3s; text-align: left; -webkit-border-radius: 0 0 5px; -moz-border-radius: 0 0 5px; border-radius: 0 0 5px 5px; /* Исправлено для всех углов */ font: 14px/1 Arial, sans-serif; z-index: 9999999999; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); /* Добавлено для лучшего вида */ } .banner_abrisburo h3,.close,.logo{text-align:center} .slideout_inner textarea{width:190px;height:100px;margin-bottom:6px} .slideout:hover{left:240px}.slideout:hover .slideout_inner{left:0}.rotatable p{white-space:nowrap;color:#FFF} .banner_abrisburo h3{background:red;color:#FFF;padding:5px;transition-duration:.3s;border-radius:8px} .banner_abrisburo_txt h4{background:#FEF7F6;color:#000;text-align:center;padding:8px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px} .close{background:#606061;color:#FFF;line-height:25px;position:absolute;right:-12px;top:-10px;width:24px;text-decoration:none;font-weight:800;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000} .close:hover{background:#00d9ff}#btnpng4{width:179px;background:#11c3f1;color:#FFF}#btnpng4:hover{background:#35E3F8;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 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ih-item { position: relative; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; 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%; } /* ===== Клиенты ===== */ .single_client_1 { border: 1px solid #f0f0f0; margin-top: -25px; padding: 5px 25px 30px 20px; position: relative; } .client_img { position: absolute; left: 7px; top: -15px; } .client_img > img { width: 86px; height: 86px; border: 2px solid #fff; border-radius: 50px; transition: all .5s ease 0s; } .single_client_1:hover img { border: 2px solid #F86215; } /* ===== Круглые элементы ===== */ .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); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; 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%; -webkit-backface-visibility: hidden; 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 { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ===== Эффекты ===== */ .ih-item.circle.effect13 .info { background: rgba(0, 0, 0, .6); opacity: 0; pointer-events: none; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; 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; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; 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 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect13.from_left_and_right .info p { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); 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 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect13.top_to_bottom .info h3, .ih-item.circle.effect13.top_to_bottom .info p { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect13.top_to_bottom a:hover h3, .ih-item.circle.effect13.top_to_bottom a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.bottom_to_top .info h3, .ih-item.circle.effect13.bottom_to_top .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect13.bottom_to_top a:hover h3, .ih-item.circle.effect13.bottom_to_top a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); 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; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; 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; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; 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; } @media (max-width: 768px) { .banner_abrisburo_txt { max-width: 800px; margin: 0 auto;} } @media (max-width: 576px) { .banner_abrisburo_txt { max-width: 350px; margin: 0 auto;} } @media (max-width: 375px) { .banner_abrisburo_txt { max-width: 300px; margin: 0 auto; } }