@font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-ExtraLight.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Light.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Medium.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-SemiBold.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Bold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Black.ttf') format('truetype'); font-weight: 800; font-style: normal; } body { padding: 0; margin: 0; font-family: 'Rubik'; font-weight: 300; overflow-x: hidden !important; } * { outline: none; } button { border: none; background-color: transparent; padding: 0; margin: 0; } ul, ol { padding: 0; margin: 0; } ul li, ol li { list-style-type: none; } h1, h2, h3 { margin: 0; padding: 0; } .none { display: none !important; } .header_body { padding: 5px 0; box-shadow: 4px 0px 8px -3px rgb(0 0 0 / 53%); right: 0; left: 0; top: 0; position: fixed; z-index: 100000; background: #ffffffe0; } .header_content { width: 95%; max-width: 1280px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; } .header_content_phone_time { white-space: nowrap; max-width: 282px; margin: 0 0 0 15px; } .close_mobile_menu { display: none; } .header_content_logo_box { display: flex; align-items: center; color: black; text-decoration: none; outline: none; } .item_hclb_icon { width: 100px; height: 60px; margin-right: 15px; } .item_hclb_text { width: 200px; font-size: 15px; } .quiz_btn_onli_desctop { position: fixed; width: auto; padding: 10px 15px 7px; border-radius: 10px; display: inline-block; background: #ffd002; color: #212529; z-index: 1000; cursor: pointer; right: 20px; top: 70%; transition: 0.25s; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .quiz_btn_onli_desctop:hover { transition: 0.25s; background-color: #fcb005; } .item_hcbm_btns_box { display: flex; justify-content: space-between; margin-bottom: 5px; font-weight: 500; font-size: 14px; } .item_hcbm_btn { padding: 6px 38px; background: #ffd002; margin: 0 3px; border-radius: 15px; display: flex; align-items: center; transition: 0.25s; cursor: pointer; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .item_hcbm_btn:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .item_hcbm_btn_text { padding-top: 5px; } .item_hcbm_menu_box { display: flex; justify-content: space-between; white-space: nowrap; } .item_hcbm_menu { border-bottom: 2px solid black; margin: 0 5px; font-weight: 500; transition: 0.1s; cursor: pointer; font-size: 15px; text-decoration: none; color: black; } input { outline: none; } .item_hcbm_menu:hover { transition: 0.1s; cursor: pointer; color: #fcb005; border-bottom: 2px solid #fcb005; } .metr_img { background: url(/img/metr_img.png)no-repeat left; background-size: contain; width: 28px; height: 25px; margin-right: 5px; } .phone_img { background: url(/img/phone_img.png)no-repeat left; background-size: contain; width: 22px; height: 19px; margin-right: 5px; } .item_hcpt_phone { font-size: 31px; text-align: right; font-weight: 500; cursor: pointer; line-height: 0.8; padding-top: 10px; max-width: 100%; } .item_hcpt_time { display: flex; align-items: center; max-width: 100%; } .item_hcpt_time_icon { background: url(/img/time_img.png)no-repeat center; background-size: contain; width: 27px; height: 27px; margin-right: 2px; } .item_hcpt_time_text { padding-top: 3px; } .burger_mobile_menu { display: none; } .mobile_menu_block { display: none; } .preview { background: url(/img/main_preview.jpg)no-repeat center; background-size: cover; width: 100%; position: relative; z-index: 1; display: flex; align-items: center; min-height: calc(100% - 145px); padding: 140px 0 45px; } .blue_line { padding: 20px 0; background: #283a4f; color: white; } .content_blue_line { width: 95%; max-width: 1280px; margin: 0px auto; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .item_blue_line { width: 33%; display: flex; align-items: center; font-size: 28px; } .icon_item_blue_line { width: 70px; height: 70px; background: url(/img/reliability.png)no-repeat center; background-size: contain; margin-right: 20px; } .unico_img { background: url(/img/unico.png)no-repeat center; background-size: contain; margin-right: 20px; width: 95px; } .guarantee_img { background: url(/img/guarantee.png)no-repeat center; background-size: contain; margin-right: 20px; } .shape_preview { background: rgba(40 58 79 / 55%); position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; } .preview_content { color: white; z-index: 3; position: relative; width: 95%; max-width: 1280px; margin: 0px auto; } .preview_content_utp { font-size: 44px; font-weight: 600; padding-bottom: 10px; color: #ffffff; line-height: 1.3; text-shadow: 3px 3px 3px #1a4f0c; } .bottom_content_preview { display: flex; justify-content: space-between; } .left_block_bcp { width: 55%; } .left_block_bcp_params { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .item_lbbp { display: flex; width: 50%; margin-bottom: 20px; align-items: center; } .item_lbbp_text { font-size: 25px; margin-left: 15px; width: calc(100% - 55px); text-shadow: 3px 3px 4px #1a4b0f; } .item_lbbp_icon { height: 85px; width: 110px; } .item_lbb_prices_icon { height: 140px; width: 140px; border-radius: 10px; } .right_block_bcp { width: calc(45% - 20px); border: 10px solid #cddeec; border-radius: 15px; justify-content: space-between; background: #283a4f; padding: 20px 0 0; } .left_block_bcp_prices { display: flex; justify-content: space-between; padding-right: 20px; align-items: center; margin-top: 0px; } .item_lbb_prices { width: calc(25% - 0px); color: white; } .item_lbb_prices_text { margin-top: 15px; font-size: 20px; max-width: 145px; text-align: center; text-shadow: 3px 3px 9px #000; margin-bottom: -7px; } .right_block_bcp_title { text-align: center; padding: 0px 0px 5px; font-weight: 400; font-size: 27px; text-shadow: 1px 1px 2px white; } .right_block_bcp_minititle { text-align: center; font-size: 26px; font-weight: 500; color: #ffd002; } .right_block_bcp_form { padding: 15px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-block-end: 0; } .mini_input_rbbf { padding-left: 5px; width: calc(25% - 15px); border: 2px solid white; outline: none; border-radius: 4px; } .input_rbbf { width: calc(50% - 15px); padding: 12px 0 12px 5px; margin-top: 15px; border-radius: 4px; border: 2px solid white; outline: none; } .select_rbbf { padding: 12px 5px; width: calc(25% - 10px); border: 2px solid white; outline: none; border-radius: 4px; } .check_box_block_bcp_form { width: 100%; font-size: 15px; margin-top: 15px; } .btn_block_bcp_form { width: 100%; text-align: center; margin-top: 15px; height: fit-content; background: #ffd002; padding: 19px 0 14px; border-radius: 15px; font-weight: 500; font-size: 17px; color: black; transition: 0.25s; cursor: pointer; } .btn_block_bcp_form:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .info_block_bcp_form { padding-top: 22px; font-size: 23px; color: #ffd002; text-shadow: 1px 1px 1px black; } .text_item_blue_line { font-weight: 300; } .text_item_blue_line span { font-weight: 400; font-size: 36px; } .target { padding: 50px 0; } .target_content { width: 95%; max-width: 1280px; margin: 0px auto } .target_content_title { text-align: center; font-size: 35px; padding-bottom: 25px; font-weight: 600; color: #283a4f; } .target_content_block_items { display: flex; justify-content: space-between; margin: 0px auto; } .item_tcb { width: calc(25% - 20px); border-radius: 5px; box-shadow: 3px 3px 8px 6px rgb(0 0 0 / 17%); border-radius: 10px; overflow: hidden; margin-bottom: 25px; } .item_tcb_photo { height: 250px; width: 100%; position: relative; border-radius: 10px 10px 0 0; display: block; } .item_tcb_photo:hover { background-size: 110% auto !important; cursor: pointer; transition: 0.25s; } .item_tcb_photo_text { position: absolute; padding: 10px; bottom: 0; right: 0; left: 0; color: white; text-shadow: 1px 1px 6px #000; font-size: 21px; background: rgb(0, 0, 0); background: linear-gradient(184deg, rgb(255 255 255 / 0%) 0%, rgb(105 105 105 / 92%) 100%); } .item_tcb_prices_btn { display: flex; justify-content: space-between; position: relative; z-index: 10; } .item_tcb_prices { background: #65a5d1; font-weight: 500; text-align: center; width: 42%; padding: 12px 0 8px; font-size: 17px; border-radius: 0 0 0 10px; text-shadow: 1px 1px 6px white; } .item_tcb_btn { background: #ffd002; width: 60%; padding: 12px 0 8px; font-size: 17px; font-weight: 500; text-align: center; border-radius: 0 0 10px 0; transition: 0.25s; cursor: pointer; } .item_tcb_btn:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .reviews_content { width: 95%; max-width: 1280px; margin: 0px auto; } .reviews_title { font-weight: 500; font-size: 38px; text-align: center; color: #65a5d1; margin-bottom: 40px; } .reviews_btn { padding: 12px 30px 8px; font-size: 24px; font-weight: 500; text-align: center; background: #ffd002; border-radius: 15px; margin: 0px auto; width: fit-content; transition: 0.25s; cursor: pointer; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .reviews_btn:hover { transition: 0.25s; background: #fcb005; } .reviews_items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .item_reviews { width: calc(20% - 10px); background: black; height: 430px; margin-bottom: 30px; position: relative; } .content_item_reviews { width: 100%; height: 100%; } .reviews_tcb { height: 230px; width: 225px; border-radius: 10px; background: #65a5d1; box-shadow: 3px 3px 8px 6px rgb(0 0 0 / 17%); margin-left: 30px; } .reviews_tcb_b { height: 190px; width: 225px; border-radius: 10px 10px 0 0; } .item_tcb_prices_reviews { background: #65a5d1; padding: 12px 0 8px; font-size: 17px; font-weight: 500; text-align: center; border-radius: 0px 0px 10px 10px; text-shadow: 1px 1px 6px white; } .guarantee { padding: 50px 0 20px; background: #eaf1f9; } .items_guarantee { display: flex; align-items: top; color: #03406a; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .content_guarantee { width: 1000px; margin: 0px auto; } .btn_guarantee blick_btn { margin-top: 10px; } .item_guarantee { width: 31%; padding: 10px 0; } .title_item_guarantee { font-size: 37px; line-height: 1; padding: 0 0 20px; border-bottom: #03406a; width: 40%; font-weight: 500; } .blue_line_guarantee { width: 40%; border-bottom: 1px solid #03406a; } .header_n { display: none; } .text_item_guarantee { margin-top: 15px; font-size: 21px; font-weight: 400; } .btn_guarantee { padding: 12px 30px 8px; font-size: 24px; font-weight: 500; text-align: center; background: #ffd002; border-radius: 15px; margin: 0px auto; width: fit-content; } .btn_guarantee:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .gager { background: #ffd002eb; padding: 30px 0; } .gager_content { width: 1050px; margin: 0px auto; display: flex; justify-content: space-between; } .gager_content_left { width: 300px; height: 300px; border-radius: 6px; position: relative; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .gager_content_right_items .item_gcri_box { padding: 10px 0 0 0; } .gager_content_right_title { font-size: 31px; font-weight: 600; text-shadow: 1px 1px 2px black; } .gager_content_right_subtitle { font-size: 29px; font-weight: 400; padding: 10px 0 0 0; text-shadow: 1px 1px 2px black; } .item_gcri_box { display: flex; } .item_gcri_box_icon { width: 20px; height: 20px; margin-right: 15px; } .item_gcri_box_text { font-size: 26px; font-weight: 300; text-shadow: 1px 1px 2px #333; width: calc(100% - 20px); } .gager_content_right_btn { margin-top: 25px; max-width: 250px; padding: 20px 15px 15px; text-align: center; color: black; border-radius: 15px; font-size: 20px; font-weight: 600; background-color: white; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 45%); transition: 0.25s; cursor: pointer; } .gager_content_right_btn:hover { transition: 0.25s; cursor: pointer; box-shadow: 0px 6px 22px 0px rgb(154 75 0 / 88%); } .covering { padding: 50px 0; } .covering_content { width: 95%; max-width: 1280px; margin: 0px auto; } .covering_title { font-weight: 500; font-size: 38px; text-align: center; color: #65a5d1; } .covering_items { margin-top: 25px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .covering_item { width: calc(20% - 20px); background: #cddeec; border-radius: 15px; padding: 0 0 15px; box-shadow: 2px 2px 3px 2px rgb(0 0 0 / 17%); } .covering_item_title { font-size: 16px; text-align: center; font-weight: 500; padding: 15px 0; } .covering_item_photo { height: 225px; display: block; transition: 0.25s; } .covering_item_photo:hover { background-size: 125% auto !important; transition: 0.25s; } .covering_item_box_items { width: calc(100% - 30px); margin: 15px auto 0; font-size: 15px; min-height: 100px; } .covering_item_prices { font-size: 22px; width: calc(100% - 30px); margin: 15px auto 0; font-weight: 600; } .covering_item_btn { width: calc(100% - 60px); margin: 20px auto 0; padding: 13px 15px 9px; text-align: center; color: black; border-radius: 15px; letter-spacing: 0; font-size: 16px; cursor: pointer; font-weight: 600; background: #ffd002; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); transition: 0.25s; } .covering_item_btn:hover { transition: 0.25s; cursor: pointer; background-color: #fcb005; } .we_produce { padding: 50px 0; } .we_produce_content { width: 95%; max-width: 1280px; margin: 0px auto; } .we_produce_content_title { font-weight: 500; font-size: 38px; text-align: center; color: red; padding-bottom: 15px; } .we_produce_content_mini_title { font-weight: 400; font-size: 25px; text-align: center; color: #65a5d1; padding-bottom: 25px; } .we_produce_content_items { display: flex; justify-content: space-between; } .item_wpci { width: calc(25% - 20px); border-radius: 5px; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); border-radius: 10px; overflow: hidden; margin-bottom: 25px; } .item_wpci_photo { height: 220px; width: 100%; position: relative; border-radius: 10px 10px 0 0; transition: 0.25s; } .item_wpci_photo:hover { background-size: 110% auto !important; cursor: pointer; transition: 0.25s; } .item_wpci_photo_text { position: absolute; padding: 10px; bottom: 0; right: 0; left: 0; color: white; text-shadow: 0px 2px 6px rgb(0 0 0); font-size: 21px; background: rgb(0, 0, 0, 0.1); } .item_wpci_prices_btn { display: flex; justify-content: space-between; } .item_wpci_prices { background: #65a5d1; font-weight: 500; text-align: center; width: 60%; padding: 12px 0 8px; font-size: 17px; border-radius: 0 0 0 10px; text-shadow: 1px 1px 6px white; } .item_wpci_btn { background: #ffd002; width: 60%; padding: 12px 0 8px; font-size: 17px; font-weight: 500; text-align: center; border-radius: 0 0 10px 0; transition: 0.25s; cursor: pointer; } .item_wpci_btn:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .attract { padding: 20px 0 25px; background: #cddeec; } .attract_content { max-width: 1000px; margin: 0px auto; } .attract_content_title { display: flex; justify-content: center; align-items: flex-start; } .attract_content_title_text { font-weight: 500; font-size: 38px; text-align: center; padding-bottom: 15px; } .attract_content_title_icon { width: 40px; height: 40px; margin-left: 5px; } .attract_content_box { display: flex; align-items: flex-start; justify-content: center; } .attract_content_box_ingener { width: 450px; height: 250px; border-radius: 10px; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .attract_content_box_ingener img { width: 100%; height: 100%; object-fit: cover; object-position: 0px top; overflow: hidden; border-radius: 10px; } .attract_content_box_text { margin: 0 15px; padding-left: 10px; } .portfolio, .quiz_box_block { padding: 50px 0; } .content_portfolio { width: 1000px; margin: 0px auto; } .portfolio_btns { display: flex; margin-top: 15px; flex-wrap: wrap; justify-content: center; } .btn_display_block_item_portfolio { padding: 12px 30px 8px; font-size: 20px; font-weight: 500; text-align: center; background: #ffd002; box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.15); border-radius: 15px; margin: 0px auto; transition: 0.25s; cursor: pointer; margin-top: 25px; width: fit-content; } .btn_display_block_item_portfolio:hover { background: #fcb005; transition: 0.25s; } .portfolio_btn { background: white; width: fit-content; padding: 12px 15px 6px; font-size: 15px; font-weight: 500; text-align: center; border-radius: 5px; cursor: pointer; margin: 7px; border: 2px solid #ffd002; } .portfolio_btn:hover { background: #ffd002; border: 2px solid #ffd002; } .portfolio_btn_active { background: #ffd002; border: 2px solid #ffd002; } .title_portfolio { font-size: 30px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #283a4f; font-weight: 500; } .items_portfolio { margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; display: flex; } .item_portfolio { width: calc(50% - 25px); margin-bottom: 60px; } .gallery_box_item_portfolio { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .big_photo_gallery_item_portfolio { width: calc(100% - 70px); height: 350px; box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.17); border-radius: 6px; position: relative; overflow: hidden; } .rigth_arrow { background: url(/img/next.svg)no-repeat center; background-size: auto 40%; background-position: 13px; width: 40px; height: 40px; box-shadow: 0 0px 4px rgb(0 0 0 / 50%); border-radius: 50%; cursor: pointer; transition: 0.2s; position: absolute; background-color: white; right: 10px; top: 40%; } .left_arrow { background: url(/img/back.svg)no-repeat center; background-size: auto 40%; background-position: 11px; width: 40px; height: 40px; box-shadow: 0 0px 4px rgb(0 0 0 / 50%); border-radius: 50%; cursor: pointer; transition: 0.2s; position: absolute; background-color: white; left: 10px; top: 40%; } .box_estimste_stars { margin-left: 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center; } .item_estimate_star { width: 20px; height: 20px; margin-right: 5px; background: url(/img/star_active.png)no-repeat center; background-size: contain; } .box_mini_photo_gallery_item_portfolio { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 60px; } .mini_photo_gallery_item_portfolio { width: 100%; height: 60px; cursor: pointer; box-shadow: 0px 6px 22px 5px rgba(0, 0, 0, 0.17); border-radius: 6px; } .info_box_item_portfolio { width: 100%; margin-top: 5px; } .title_info_box_item_portfolio { line-height: 26px; font-size: 27px; margin-bottom: 15px; color: #2b3545; } .box_param_info_box_item_portfolio { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #dbdbdb; position: relative; height: 22px; } .mini_params_box_item_portfolio { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .item_mini_params_box_item_portfolio { width: calc(50% - 10px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #dbdbdb; position: relative; height: 22px; } .title_param_info_box_item_portfolio { position: absolute; background: white; padding: 0 5px 0 0; bottom: -4px; color: #2b3545; } .vall_param_info_box_item_portfolio { position: absolute; padding: 0 0 0 5px; background: white; color: #2b3545; font-weight: 600; right: 0; bottom: -4px; } .three_box_info_box_item_portfolio { margin: 10px 0; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .three_maket_shape { background: rgb(3 19 39 / 15%); position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; } .three_info_box_item_portfolio { display: flex; align-items: center; } .icon_three_info_box_item_portfolio { width: 50px; height: 50px; margin-right: 10px; background: url(/img/ico-1.png)no-repeat center; background-size: 95% auto; } .portf2 { background: url(/img/ico-2.png)no-repeat center; background-size: 95% auto; } .portf3 { background: url(/img/ico-3.png)no-repeat center; background-size: 95% auto; } .estimate_client { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; position: absolute; bottom: 0; padding: 10px; color: white; text-shadow: 0px 2px 6px rgb(0 0 0); font-size: 21px; background: rgb(0 0 0 / 40%); right: 0; left: 0; } .btn_info_box_item_portfolio_box { display: flex; } .btn_info_box_item_portfolio_icon { width: 30px; height: 30px; background: url(/img/calkul2.png)no-repeat center; background-size: contain; margin-bottom: 4px; margin-right: 15px; } .btn_info_box_item_portfolio_box { justify-content: center; padding: 10px 15px 5px; text-align: center; color: black; border-radius: 15px; letter-spacing: 0; font-size: 16px; cursor: pointer; font-weight: 600; background: #ffd002; box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.17); transition: 0.25s; align-items: center; } .btn_info_box_item_portfolio_box:hover { transition: 0.25s; background-color: #fcb005; } .title_estimate_client { color: white; font-size: 20px; margin-left: 35px; padding-top: 5px; } .button__whatsapp a { display: block; width: 300px; height: 75px; margin: 30px auto 0; cursor: pointer; overflow: hidden; border-radius: 25%; } .button__whatsapp a img { width: 100%; height: 100%; } .policarbonate__awnings-body, .profnastil__awnings-body { max-width: 1030px; padding: 0 15px; margin: 0 auto; } .policarbonate__awnings-body-title { text-align: center; } .profnastil__awnings-body-title { text-align: center; margin: 30px 0 0 0; } .policarbonate__awnings-body-title h2, .profnastil__awnings-body-title h2 { font-size: 30px; line-height: 1.2; letter-spacing: -1px; color: #283a4f; font-weight: 500; } .policarbonate__awnings-row, .profnastil__awnings-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); grid-auto-rows: 270px; gap: 10px; justify-items: center; margin: 30px 0; } .policarbonate__awnings-row .policarbonate__awnings-column:nth-child(n+10), .profnastil__awnings-row .profnastil__awnings-column:nth-child(n+10), .video__reviews_block-video .video__reviews_block-video-item:nth-child(n+5) { display: none; pointer-events: none; } .policarbonate__awnings-row .policarbonate__awnings-column.is-visible, .profnastil__awnings-row .profnastil__awnings-column.is-visible, .video__reviews_block-video .video__reviews_block-video-item.is-visible { display: block; pointer-events: all; } .policarbonate__awnings-column, .profnastil__awnings-column { max-height: 300px; overflow: hidden; } .policarbonate__awnings-items, .profnastil__awnings-items { width: 100%; height: 100%; } .policarbonate__awnings-items img, .profnastil__awnings-items img { width: 100%; min-height: 100%; object-fit: cover; object-position: center; } .button-block-btn { display: block; padding: 15px 80px; margin: 0 auto; background-color: #ffd002; border-radius: 15px; font-size: 16px; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); font-weight: 600; color: black; text-transform: uppercase; overflow: hidden; cursor: pointer; transition: 0.25s; } .button-block-btn:hover { background-color: #fcb005; transition: 0.25s; } .acbt_item1 { font-size: 26px; padding: 12px 0px; font-weight: 500; max-width: 546; } .acbt_item2 { font-size: 30px; padding: 17px 0px; max-width: 546; } .acbt_item3 { font-size: 27px; padding: 12px 0px; font-weight: 500; max-width: 546; } .attract_content_box_break { width: 450px; height: 250px; border-radius: 10px; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .attract_content_box_break img { width: 100%; height: 100%; object-fit: cover; object-position: center; overflow: hidden; border-radius: 10px; } .attract_content_btn { padding: 12px 30px 8px; font-size: 24px; font-weight: 500; text-align: center; background: #ffd002; border-radius: 15px; margin: 0px auto; transition: 0.25s; cursor: pointer; margin-top: 25px; width: fit-content; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .attract_content_btn:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .appearance { display: none; } .three_maket { padding: 50px 0; background: #f5f9ff; position: relative; overflow: hidden; } .maket_three_maket { position: absolute; left: calc(50% - 250px); width: 500px; height: 476px; } .content_three_maket { width: 1000px; margin: 0px auto; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .left_content_three_maket { width: 300px; color: black; z-index: 3; position: relative; order: 3; text-align: right; } .title_left_content_three_maket { line-height: 1; font-size: 55px; font-weight: 700; } .text_left_content_three_maket { font-size: 37px; font-weight: 400; } .icon_and_mini_text_left_content_three_maket { margin-top: 25px; display: flex; align-items: center; } .icon_left_content_three_maket { width: 45px; height: 45px; margin-right: 10px; } .mini_text_left_content_three_maket { font-size: 18px; } .bottom_title_left_content_three_maket { margin-top: 25px; font-size: 30px; font-weight: 600; color: red; } .right_form_three_maket { width: 400px; border-radius: 15px; position: relative; z-index: 99; padding: 20px; background: #03406a; color: white; order: 1; } .content_three_maket_title { width: 1000px; margin: 0px auto; font-size: 37px; font-weight: 600; text-align: center; position: relative; margin-bottom: 10px; color: #283a4f; } .title_right_form_three_maket { font-size: 28px; line-height: 1; text-align: center; font-weight: 500; } .mini_title_right_form_three_maket { text-align: center; margin-top: 20px; font-size: 18px; } .right_form_three_maket input { width: 96%; margin-top: 25px; padding: 15px 0 15px 10px; background: white; border: 1px solid white; border-radius: 15px; } .btn_right_form_three_maket { margin-top: 25px; width: 100%; padding: 17px 0 13px; text-align: center; color: black; border-radius: 15px; letter-spacing: 0; font-size: 16px; cursor: pointer; font-weight: 600; background: #ffd002; box-shadow: 0px -2px 12px 0px rgb(50 50 50 / 8%); transition: 0.25s; } .btn_right_form_three_maket:hover { background-color: #fcb005; transition: 0.25s; cursor: pointer; } .policy_right_form_three_maket { width: 100%; text-align: center; margin-top: 15px; font-size: 14px; } .examples { padding: 50px 0; } .examples_content { width: 95%; max-width: 1280px; margin: 0px auto; } .examples_content_title { font-weight: 600; font-size: 36px; text-align: center; color: #65a5d1; padding: 10px 0; } .examples_content_items { display: flex; justify-content: space-between; flex-wrap: wrap; } .examples_content_item_box { box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); border-radius: 10px; width: calc(33% - 20px); margin-bottom: 20px; } .ecib_title { font-size: 26px; font-weight: 500; text-align: center; padding: 10px 10px 3px 10px; height: 60px; } .ecib_box { padding: 5px 0px; padding: 5px 10px 0 10px; } .ecib_box_line { display: flex; justify-content: space-between; padding: 5px 9px; font-size: 17px; font-weight: 500; border-bottom: 1px solid #d4d4d4; } .ecib_box_line_left { display: flex; justify-content: space-between; width: 45%; } .ecib_box_line_right { display: flex; justify-content: space-between; width: 45%; } .ecib_photo { height: 200px; } .ecib_prices { padding-bottom: 6px; text-align: center; font-size: 25px; font-weight: 500; padding-top: 8px; background: #9fcceb; } .ecib_btn { text-align: center; font-size: 25px; font-weight: 500; background: #ffd002; border-radius: 0px 0px 10px 10px; padding: 15px 0 10px; transition: 0.25s; cursor: pointer; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .ecib_btn:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .examples_content_btn { padding: 12px 30px 6px; text-align: center; background: #ffd002; border-radius: 15px; margin: 0px auto; transition: 0.25s; cursor: pointer; margin-top: 25px; width: fit-content; display: flex; align-items: center; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .examples_content_btn:hover { transition: 0.25s; background: #fcb005; } .btn_icon { background: url(/img/calcul.png)no-repeat center; background-size: contain; width: 25px; height: 25px; display: block; margin: 0px 7px 8px; } .examples_content_btn_text { font-size: 30px; font-weight: 500; } .action { background: url(/img/akcia-background.jpg)no-repeat center; background-size: cover; margin: 40px 0 0 0; } .background_shape_action { padding: 40px 0 50px; background-color: rgb(0 0 0 / 79%); } .content_action { width: 1000px; margin: 0px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .action_title { font-weight: 500; font-size: 60px; text-align: center; color: #ffd002; padding-bottom: 15px; } .left_content_action { width: calc(52% - 0px); } .title_left_content_action { color: white; font-weight: 400; padding: 0 0 15px; font-size: 23px; line-height: 1.4; } .planshet_left_content_action { width: 100%; height: 320px; position: relative; } .timer_left_content_action { display: block; padding: 20px 10px; position: absolute; bottom: -20px; border-radius: 15px; right: 13px; background: white; } .mobile_timer_left_content_action { display: none; } .right_form_action { width: 400px; background: white; padding: 20px; border-radius: 15px; margin-block-end: 0em; } .title_right_form_action { padding: 0 0 15px; font-size: 31px; font-weight: 600; } .mini_title_right_form_action { font-size: 19px; font-weight: 300; } .right_form_action input { padding: 15px 0 15px 5px; width: 100%; background: white; border-radius: 15px; border: 2px solid #f1f1f1; margin-top: 20px; } .btn_right_form_action { margin-top: 20px; width: 100%; padding: 18px 0 10px; text-align: center; color: black; border-radius: 15px; font-size: 16px; cursor: pointer; font-weight: 600; background: #ffd002; box-shadow: 0px -2px 12px 0px rgb(50 50 50 / 8%); transition: 0.25s; } .btn_right_form_action:hover { background-color: #fcb005; cursor: pointer; transition: 0.25s; } .policy_right_form_action { margin-top: 15px; font-size: 15px; font-weight: 200; color: #202020; display: block; text-decoration: none; text-align: center; } .production { padding: 50px 0; } .production_content { width: 1000px; margin: 0px auto; } .production_content_title { font-weight: 600; font-size: 36px; text-align: center; color: #65a5d1; padding: 10px 0; } .production_content_block { display: flex; align-items: flex-start; justify-content: space-between; background: #e4f4ff; padding: 0 0 0 10px; ; } .pcbl_title { font-size: 21px; font-weight: 500; text-align: center; } .pcbr_title { font-size: 21px; font-weight: 500; text-align: center; } .pcbl_photo { height: 230px; width: 230px; padding: 5px 0; border-radius: 15px; } .pcbr_photo { height: 230px; width: 230px; padding: 6px 0; border-radius: 15px; } .production_content_block_top { padding: 5px 20px 20px 15px; } .pcbt_text { padding: 8px 0; font-size: 16px; } .pcbt_form input { padding: 15px 0 15px 10px; width: 100%; background: white; border-radius: 15px; border: 2px solid #f1f1f1; margin-top: 10px; } .pcbt_form_btn { margin-top: 20px; width: 100%; padding: 18px 0 10px; text-align: center; color: black; border-radius: 15px; font-size: 16px; cursor: pointer; font-weight: 600; background: #ffd002; box-shadow: 0px -2px 12px 0px rgb(50 50 50 / 8%); transition: 0.25s; } .pcbt_form_btn:hover { cursor: pointer; transition: 0.25s; background: #fcb005; } .pcbt_form_policy { margin-top: 15px; font-size: 15px; font-weight: 200; text-decoration: none; color: #202020; text-align: center; display: block; } .advantages_background { width: 100%; } .advantages_body { padding: 50px 0; } .advantages_content { width: 1000px; margin: 0px auto; } .advantages_content_title h2 { font-weight: 600; font-size: 32px; text-align: center; color: #ffd002; } .advantages_content_items { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .item_advantages_content { display: flex; width: calc(48% - 25px); padding: 20px; align-items: center; } .item_advantages_content_icon { height: 61px; width: 65px; background-size: cover !important; } .item_advantages_content_text { margin-left: 15px; width: calc(100% - 55px); color: white; } .item_text_up { padding-bottom: 10px; font-size: 18px; font-weight: 500; color: #ffd002; } .item_text_down { font-size: 16px; line-height: 20px; } .advantages_content_subtitle { margin: 20px 0; } .advantages_content_subtitle h3 { color: #ffd002; text-align: center; font-size: 24px; font-weight: 300; } .advantages_content_subtitle>h3 b { text-decoration: line-through; font-weight: 600; } .scheme_work { padding: 50px 0; } .content_scheme_work { width: 1000px; margin: 0px auto; position: relative; } .title_scheme_work h2 { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; margin-bottom: 10px; } .items_scheme_work { margin-top: 30px; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .item_scheme_work { width: 300px; margin-bottom: 35px; padding-bottom: 10px; position: relative; /* z-index: 2; */ background: white; } .item_scheme_work::before { content: ''; position: absolute; top: 60px; right: -20px; width: 50px; height: 20px; background: url(../img/arrow.png) no-repeat center; } .items_scheme_work .item_scheme_work:nth-child(4)::before, .items_scheme_work .item_scheme_work:nth-child(5)::before { transform: rotate(180deg); } .items_scheme_work .item_scheme_work:nth-child(3)::before { transform: rotate(90deg); top: 290px; left: 123px; } .items_scheme_work .item_scheme_work:nth-child(6)::before { display: none; pointer-events: none; } .photo_item_scheme_work { width: 100%; height: 150px; } .title_item_scheme_work { font-size: 24px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #222; font-weight: 500; } .text_item_scheme_work { margin-top: 10px; text-align: center; font-size: 17px; line-height: 1.3; font-weight: 400; } .btn_scheme_work { padding: 12px 30px 8px; font-size: 24px; font-weight: 500; text-align: center; background: #ffd002; border-radius: 15px; margin: 0px auto; transition: 0.25s; cursor: pointer; width: fit-content; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .title_keys_bbbllsk { font-size: 27px; font-weight: 600; text-align: center; color: #283a4f; padding: 14px 0 6px; } .btn_scheme_work:hover { transition: 0.25s; cursor: pointer; background: #fcb005; } .garanti_box { padding: 50px 0; } .content_garanti_box { width: 1000px; margin: 0px auto; } .title_garanti_box { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; margin-bottom: 10px; font-weight: 600; } .mini_title_garanti_box { font-size: 400; font-size: 28px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; margin-bottom: 40px; } .r_a_l_garanti_box { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; } .left_content_garanti_box { width: 700px; } .item_left_content_garanti_box { padding: 10px 0; } .title_item_left_content_garanti_box { font-size: 25px; font-weight: 600; margin-bottom: 10px; } .text_item_left_content_garanti_box { font-weight: 300; } .right_icon_content_garanti_box { width: 300px; height: 300px; } .our_client { padding: 70px 0; background: #f7f7f7; } .content_our_client { width: 1000px; margin: 0px auto; } .title_our_client { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #222; font-weight: 500; } .items_our_client { margin-top: 35px; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .item_our_client { width: calc(16% - 10px); height: 50px; } .serteficats { padding: 50px 0; } .content_serteficats { width: 1000px; margin: 0px auto; } .title_serteficats { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #222; font-weight: 600; } .items_serteficats { margin-top: 30px; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .item_serteficats { width: calc(33% - 20px); height: 450px; } .map { padding: 70px 0; position: relative; margin: 40px 0; display: flex; overflow: hidden; align-items: center; } .map_background { cursor: help; overflow: hidden; border-image: initial; position: absolute; left: 0; right: 0; } #wrapMap { cursor: help; overflow: hidden; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; } .mapTitle { position: absolute; z-index: 1000; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px; display: none; padding: 5px 20px; border-radius: 5px; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; } .content_map { width: 1000px; margin: 0px auto; display: flex; align-items: center; } .contacts_map { width: 350px; z-index: 2; padding: 20px; background: rgba(253, 220, 55, 0.94); border-radius: 15px; } .title_map { font-size: 17px; font-weight: 600; } .vall_map { font-weight: 600; font-size: 24px; line-height: 1.2; letter-spacing: -1px; margin-bottom: 15px; } .btn_map { padding: 18px 15px 13px; text-align: center; color: black; border-radius: 15px; letter-spacing: 0; font-size: 19px; cursor: pointer; font-weight: 600; background-color: white; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); transition: 0.25s; } .btn_map:hover { transition: 0.25s; cursor: pointer; box-shadow: 0px 6px 22px 0px rgb(154 75 0 / 88%); } .any_questions { padding: 60px 0; } .content_any_questions { width: 1000px; margin: 0px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .left_content_any_questions { width: 600px; order: 2; text-align: right; } .title_left_any_questions h2 { font-weight: 600; font-size: 46px; padding-bottom: 30px; } .text_left_any_questions { font-size: 25px; font-weight: 600; } .right_form_any_questions { width: 350px; order: 1; } .right_form_any_questions input { padding: 15px; width: 90%; border: 2px solid #f1f1f1; border-radius: 15px; margin-bottom: 20px; box-shadow: 0px -2px 12px 0px rgb(50 50 50 / 8%); } .right_form_any_questions_whatsapp { margin: 10px 0 0 0; } .right_form_any_questions_whatsapp_button_link img { width: 100%; } .btn_right_form_any_questions { width: 100%; padding: 18px 0 14px; text-align: center; color: black; border-radius: 15px; font-size: 16px; cursor: pointer; font-weight: 600; background-color: #ffd002; box-shadow: 0px -2px 12px 0px rgb(50 50 50 / 8%); transition: 0.25s; } .btn_right_form_any_questions:hover { background-color: #fcb005; transition: 0.25s; cursor: pointer; } .policy_right_form_any_questions { margin-top: 15px; font-size: 13px; font-weight: 400; color: #202020; text-align: center; display: block; text-decoration: none; } .footer_body { padding: 50px 0; border-top: 1px solid #f1f1f1; background: white; } .content_footer { width: 1000px; margin: 0px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .logo_a_btns_footer { width: 280px; padding: 23px 0; } .logo_footer { width: 150px; height: 70px; } .btn_footer { padding: 14px 15px 10px 40px; color: black; border-radius: 15px; letter-spacing: 1px; font-size: 16px; margin-top: 20px; display: inline-block; cursor: pointer; font-weight: 600; transition: 0.25s; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .btn_footer:hover { background-color: #fcb005 !important; transition: 0.25s; } .items_menu_footer { width: 720px; } .items_menu_footer li { display: inline-block; } .item_footer { margin-top: 15px; display: inline-block; cursor: pointer; text-decoration: none; font-size: 25px; border-bottom: 2px solid #333; color: #222; font-weight: 600; margin-right: 15px; } .item_footer:hover { color: #ffd002; border-bottom: 2px solid #ffd002; } .bottom_mini_footer { padding: 20px 0; background: #222; } .content_bottom_mini_footer { width: 1000px; margin: 0px auto; font-size: 14px; color: #b1b1b1; } .thanks_block { padding: 50px 0; margin-top: 90px; text-align: center; } .content_thanks_block { width: calc(100% - 30px); } .title_thanks_block h2 { font-size: 55px; line-height: 1; text-shadow: 1px 1px 1px #666; font-weight: 400; } .text_thanks_block { font-size: 35px; line-height: 1.2; margin-top: 30px; text-shadow: 1px 1px 1px #666; } .reviews { padding: 40px 0; } .content_reviews { width: 1000px; margin: 0px auto; } .title_reviews { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: white; font-weight: 600; } .items_reviews { margin-top: 30px; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .finishing_materials { padding: 50px 0; } .content_finishing_materials { width: 1000px; margin: 0px auto; } .title_finishing_materials { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; font-weight: 600; } .items_finishing_materials { margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .item_finishing_materials { width: calc(20% - 30px); } .item_finishing_materials_bottom { width: calc(16% - 3px); } .photo_item_finishing_materials { width: 100%; height: 160px; border-radius: 20%; } .photo_item_finishing_materials_bottom { width: 100%; height: 160px; border-radius: 50%; } .title_item_finishing_materials { padding: 15px 0; font-weight: 600; font-size: 27px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #222; } .btn_finishing_materials { padding: 13px 15px 8px; text-align: center; color: #212529; border-radius: 15px; letter-spacing: 0; font-size: 19px; cursor: pointer; font-weight: 600; background: #ffd002; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); max-width: 270px; margin: 35px auto 0; transition: 0.25s; } .btn_finishing_materials:hover { background-color: #fcb005; transition: 0.25s; cursor: pointer; } .accordion .ui-accordion-header { line-height: 1.2; margin: 0; padding: 10px 0; outline: none; cursor: pointer; } .accordion .ui-accordion-header:after { content: ''; display: inline-block; vertical-align: middle; margin-left: 10px; width: 16px; position: relative; top: 2px; height: 16px; background: url(/img/down.png) 0 0 no-repeat; } .accordion .ui-state-active:after { background-image: url(/img/up.png); } .accordion .ui-accordion-content { padding: 0; font-size: 16px; line-height: 1.2; color: #444; background: #f1f1f1; padding: 10px; } .accordion-header { font-weight: 600; padding: 0 0 15px; color: #333; font-size: 24px; } .faq_box { padding: 50px 0; } .content_faq_box { width: 1000px; margin: 0px auto; } .title_faq_box { font-weight: 600; font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; margin-bottom: 10px; } .sravnenie { padding: 50px 0; } .sravnenie_content { max-width: 1030px; padding: 0 15px; margin: 0 auto; } .sravnenie_content_title { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; font-weight: 600; } .sravnenie_content_back { box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); border-radius: 15px; overflow: hidden; margin-top: 25px; } .item_scbl_bad { display: block; width: 25px; height: 25px; position: absolute; left: 10px; background: url(/img/bad.png)no-repeat center; background-size: cover; } .item_scbl_ok { display: block; width: 25px; height: 25px; position: absolute; left: 10px; background: url(/img/ok.png)no-repeat center; background-size: cover; } .sravnenie_content_photos { display: flex; align-items: flex-start; justify-content: space-between; } .photo_sravnenie { flex: 1 0 50%; } .photo_sravnenie-image { max-width: 515px; height: 384px; background-color: #ffffff; position: relative; } .photo_sravnenie-image img { height: 95%; width: 95%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; object-position: center; } .sravnenie_content_title_mini { display: flex; text-align: center; width: 100%; } .mini_title_sravn { margin: 0; text-align: center; padding: 10px; font-size: 25px; font-weight: 500; border: 1px solid #e4e4e4; } .sravnenie_content_box { display: flex; justify-content: space-between; flex-wrap: wrap; } .sravnenie_content_box_line { width: 100%; display: flex; } .item_scbl { font-size: 18px; border: 1px solid #e4e4e4; padding: 6px; padding-left: 50px; position: relative; width: 50%; display: flex; align-items: center; } .prices_list { padding: 50px 0; } .content_prices_list { width: 1000px; margin: 0px auto; } .title_prices_list { font-weight: 600; font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; } .box_prices_table { margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .obol_prices_table { width: calc(50% - 15px); } .prices_table { background: #d5d5d5; border-radius: 6px; box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 37%); padding: 3px 10px 15px; margin-top: 15px; } .title_prices_table { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 8px; justify-content: space-between; align-items: center; padding: 7px 5px 5px; font-size: 17px; background: #65a5d1; border-radius: 5px; } .item_prices_table { display: flex; color: #35455c; margin-top: 8px; justify-content: space-between; border-bottom: 1px solid white; padding: 2px 5px 4px; } .key_item_prices_table { width: 55%; } .key_title_prices_table { width: 55%; } .vall_item_prices_table { width: 35%; text-align: right; } .vall_title_prices_table { width: 35%; text-align: right; } .smeta { padding: 50px 0; } .smeta_content { width: 1000px; margin: 0px auto; } .smeta_content_title { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; font-weight: 600; } .smeta_content_mini_title { font-size: 29px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; font-weight: 600; margin-bottom: 15px; } .smeta_content_items { display: flex; justify-content: space-between; } .smeta th { font-weight: 300; text-align: left; padding: 4px 10px 4px; border: 1px solid #f1f1f1; } .smeta_content_table { border-radius: 6px; overflow: hidden; } .smeta_content_table table { width: 100%; } .smeta_content_right { width: 400px; } .smeta_content_right_photo { height: 280px; border-radius: 10px; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .smeta table { border-collapse: collapse } .smeta_tr { background: #65a5d1; color: black; font-weight: 600; font-size: 19px; border: 0 0 6px; } .smeta_rt { background: #65a5d1; color: black; font-weight: 600; font-size: 22px; border: 0 0 6px; } .smeta_tr th { padding: 10px 10px 5px; border: 1px solid #65a5d1; } .smeta_rt th { padding: 10px 10px 3px; border: 1px solid #65a5d1; } .smeta_content_right_btn { padding: 12px 30px 8px; font-size: 24px; font-weight: 500; text-align: center; background: #ffd002; border-radius: 15px; margin: 0px auto; transition: 0.25s; cursor: pointer; width: fit-content; margin-top: 24px; transition: 0.25s; } .smeta_content_right_btn:hover { background-color: #fcb005; transition: 0.25s; } .modal_form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.75); z-index: 100000; display: none; align-items: center; } .content_modal_form { width: 400px; margin: 0px auto; background: white; border-radius: 15px; } .modal_window_form { position: relative; overflow: hidden; margin-block-end: 0em; } .close_modal_form { float: right; width: 35px; position: absolute; right: 0; top: 0; border-radius: 0 12px 0 0; height: 35px; background: url(/img/close_white.png)no-repeat center; background-size: 100% auto; background-color: #e33238; border: 1px solid #e33238; cursor: pointer; } .title_modal_form { padding: 35px 20px 0 20px; font-size: 32px; text-align: center; line-height: 1; font-weight: 600; } .mini_title_modal_form { font-size: 17px; color: #515151; font-weight: 600; text-align: center; padding: 0px 20px; } .modal_window_form input { padding: 15px; width: calc(100% - 40px); display: block; background: white; border-radius: 15px; border: 2px solid #f1f1f1; margin: 0px auto; margin-top: 20px; } .btn_modal_form { margin: 0px auto; margin-top: 20px; width: calc(100% - 40px); padding: 18px 0 11px; text-align: center; color: #212529; border-radius: 15px; font-size: 16px; cursor: pointer; font-weight: 600; background-color: #ffd002; box-shadow: 0px -2px 12px 0px rgba(50, 50, 50, 0.08); } .policy_modal_form { margin-top: 15px; font-size: 13px; font-weight: 600; text-decoration: none; display: block; color: #202020; text-align: center; padding-bottom: 20px; } .calculator { padding: 50px 0; } .calculator_content { width: 1000px; margin: 0px auto; } .calculator_title { font-size: 38px; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #65a5d1; font-weight: 600; } .calculator_block { display: flex; } .calculator_block_photo { height: 360px; width: 54%; } .item_cbit_text { padding: 20px 15px 5px; font-size: 20px; font-weight: 500; } .item_cbit_texts { font-size: 20px; font-weight: 500; } .items_box_checkbox { display: flex; padding: 0 15px; flex-wrap: wrap; } .checkbox_btic { border: 2px solid #d3d3d3; color: #2e2e2e; border-radius: 6px; } .item_box_time_invest_checkbox { width: 33px; text-align: center; margin-right: 10px; margin-top: 10px; border-radius: 6px; overflow: hidden; } .lab_time_btic { user-select: none; cursor: pointer; margin-bottom: 0; box-sizing: border-box; } .lab_time_btic div { box-sizing: border-box } .lab_time_btic input:checked+.checkbox_btic { border-color: #ffd002; background: #ffd002; color: #2e2e2e; } .lab_time_btic input:hover+.checkbox_btic { border-color: #ffd002; } .checkbox_btic { padding: 4px 3px 1px; font-size: 20px; color: #0f3e56; border: 2px solid #d3d3d3; } .label-cbx { user-select: none; cursor: pointer; margin-bottom: 0; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center; } .label-cbx div { box-sizing: border-box } .label-cbx input:checked+.checkbox { border-color: #ffd002; } .label-cbx input:checked+.checkbox svg path { fill: #ffd002; } .label-cbx input:checked+.checkbox svg polyline { stroke-dashoffset: 0; } .label-cbx:hover .checkbox svg path { stroke-dashoffset: 0; } .label-cbx .checkbox { position: relative; float: left; margin-right: 8px; width: 20px; height: 20px; border: 2px solid #C8CCD4; border-radius: 3px; } .label-cbx .checkbox svg { position: absolute; top: -2px; left: -2px; } .label-cbx .checkbox svg path { fill: none; stroke: #ffd002; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 71px; stroke-dashoffset: 71px; transition: all 0.6s ease; } .label-cbx .checkbox svg polyline { fill: none; stroke: #2e2e2e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 18px; stroke-dashoffset: 18px; transition: all 0.3s ease; } .label-cbx>span { pointer-events: none; vertical-align: middle; } .invisible { position: absolute; z-index: -1; width: 0; height: 0; opacity: 0; } .cbit_title { font-size: 20px; font-weight: 500; padding: 20px 20px 5px; } .cbit_size { display: flex; margin-left: 15px; } .calculator_block { margin-top: 20px; } .calculator_block_inputs { margin-left: 15px; width: calc(54% - 10px); } .item_cbit_select { padding: 12px; width: 91%; background: white; border-radius: 15px; border: 2px solid #f1f1f1; margin-left: 15px; font-size: 15px; } .calculator_block_input_btn { padding: 12px 30px 8px; font-size: 24px; font-weight: 500; text-align: center; background: #ffd002; border-radius: 15px; margin: 0px auto; transition: 0.25s; cursor: pointer; width: fit-content; margin-top: 20px; } .calculator_block_input_btn:hover { transition: 0.25s; background: #fcb005; } .item_cbit_input { padding: 12px; width: 90%; background: white; border-radius: 15px; border: 2px solid #f1f1f1; margin-left: 15px; } .item_cbit_inputs { padding: 12px; width: 80%; background: white; border-radius: 15px; border: 2px solid #f1f1f1; } .modal_form_quiz { display: none; overflow-y: scroll; position: fixed; background: white; z-index: 1000000000; top: 0; right: 0; bottom: 0; left: 0; align-items: center; } .content_and_title_modal_form_quiz { position: relative; } .title_form_quiz { padding: 10px; font-size: 35px; font-family: "Rubik-Bold"; } .close_quiz_form { position: absolute; top: 15px; right: 15px; width: 50px; height: 50px; background: url(/img/close_white.png)no-repeat center; background-size: 100% auto; background-color: #e33238; border: 1px solid #e33238; cursor: pointer; } .content_and_title_modal_form_quiz { width: calc(100% - 40px); max-width: 1000px; padding: 40px 20px; margin: 0px auto; } .btn_phone_mobil_menu { display: none; } .btn_send_calc_res { padding: 12px 30px 8px; font-size: 24px; font-weight: 500; text-align: center; background: #ffd002; border-radius: 15px; transition: 0.25s; cursor: pointer; width: 27%; } .btn_send_calc_res:hover { transition: 0.25s; background: #fcb005; } .result_calc_gg { display: flex; flex-wrap: wrap; background: #f1f1f1; justify-content: flex-start; padding: 20px 10px; border-radius: 6px; margin-top: 20px; } .title_result_calc_gg { width: 100%; font-size: 30px; font-weight: 500; margin-bottom: 10px; width: 100%; margin-top: 10px; } .box_result_calc_gg { display: flex; width: calc(47% - 20px); border-bottom: 1px solid silver; margin-right: 40px; margin-bottom: 10px; margin-top: 5px; justify-content: space-between; } .mtit_result_calc_gg { padding: 0px 5px; font-size: 20px; } .valm_result_calc_gg { padding: 0px 5px; font-size: 20px; font-weight: 500; } .big_title_result_calc_gg { font-size: 33px; font-weight: 500; width: 100%; margin-bottom: 10px; } .input_result_calc { padding: 10px 15px; width: 33%; background: white; margin-right: 20px; border-radius: 15px; border: 2px solid #f1f1f1; } .content_quiz_box_block { width: 800px; margin: 0px auto; } .display_only_desktop { display: block !important; } .display_only_planshet { display: none !important; } .display_only_phone { display: none !important; } .display_only_planshet_end_phone { display: none !important; } .audio__reviews { padding: 50px 0 0 0; } .audio__reviews-body { max-width: 1000px; padding: 0 25px; margin: 0 auto; overflow: hidden; } .audio__reviews-body p { padding: 0; margin: 0; } .audio__reviews-items { position: relative; padding: 15px 20px 0; max-width: 275px; z-index: 100; } .audio__reviews-items::before { position: absolute; content: ""; background: url(../img/bg-slider-item.svg) no-repeat; top: 0; left: 0; width: 100%; height: 283px; z-index: -1; } .audio__reviews-items-top-title, .audio__reviews-items-center-title { font-size: 11px; color: rgba(44, 52, 64, 0.8); } .audio__reviews-items-top-blockquote { font-size: 16px; color: rgba(0, 0, 0, 0.8); padding: 10px 0 25px !important; } .audio__reviews-items-center-title { padding: 0 0 5px 0; } .audio__reviews-items-center-btn { font-size: 11px; font-weight: 600; padding: 9px 30px; background-color: #FCC053; border-radius: 15px; color: rgba(44, 52, 64, 0.8); box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); margin: 10px 0 30px; cursor: pointer; transition: all .2s ease 0s; } .audio__reviews-items-center-btn:hover { background-color: #f3b644; transition: all .2s ease 0s; } .audio__reviews-items-footer { max-width: 315px; } .row-footer { display: flex; align-items: flex-start; column-gap: 15px; } .row-footer-icon { background: url(../img/user-slider.svg) no-repeat center rgba(242, 243, 252, 100); padding: 19px; border-radius: 50%; width: 25px; height: 25px; } .row-footer-text-title { font-weight: 300; font-size: 11px; color: #535b65; } .row-footer-text-name { font-weight: 300; font-size: 16px; padding: 8px 0 !important; color: #000; } .row-footer-text-adress { font-weight: 300; font-size: 12px; color: #535b65; } .plyr__control svg { fill: #FCC053 !important; transition: all .2s ease 0s; } .plyr__control:hover svg { fill: #ffffff !important; transition: all .2s ease 0s; } ._modal { opacity: 0; visibility: hidden; transition: all .2s ease 0s; pointer-events: none } ._modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 30 } .modal-bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); display: flex; align-items: center; justify-content: center; position: absolute; } ._modal-active { opacity: 1; visibility: visible; pointer-events: all; z-index: 999999; } .body-skroll { height: 100vh; overflow-y: hidden } .modal-body { position: relative; text-align: center; margin: auto; padding: 40px 20px; width: 620px; height: auto; background: rgb(255, 255, 255); border-radius: 20px } .modal-callback-header { display: flex; align-items: center; justify-content: space-between } .modal-callback-header-user { display: flex; column-gap: 10px; ; } .modal-callback-header-user-avatar { border-radius: 50%; width: 60px; height: 60px; background-color: #ffc23c; } .modal-callback-header-user-text p, .modal-callback-body p { padding: 0; margin: 0; } .text-user-klient { font-weight: 300; font-size: 11px; color: #535b65; } .text-user-name { font-weight: 300; font-size: 16px; padding: 5px 0 !important; color: #000; } .text-user-city { font-weight: 300; font-size: 12px; color: #535b65; } .modal-callback-body { text-align: start; } .modal-callback-body-title { font-size: 21px; font-weight: 500; padding: 20px 0 !important; } .modal-callback-body-text { font-size: 18px; font-weight: 200; } .audio__reviews-block-text, .video__reviews-title { text-align: center; } .audio__reviews-block-text-title, .video__reviews-title { font-size: 30px; line-height: 1.2; letter-spacing: -1px; color: #283a4f; font-weight: 500; padding: 0; } .audio__reviews-block-text-subtitle { font-size: 38px; text-transform: uppercase; letter-spacing: -1px; text-align: center; color: #65a5d1; font-weight: 600; padding: 10px 0 40px; } .video__reviews { padding: 40px 0 0 0; } .video__reviews-body { max-width: 1000px; padding: 0 25px; margin: 0 auto; } .video__reviews_block-video { display: grid; grid-template-columns: repeat(2, minmax(310px, 1fr)); grid-auto-rows: 272px; gap: 10px; justify-content: center; padding: 40px 0; } .item-video { position: relative; max-width: 495px; height: 272px; background-color: rgb(126, 128, 128); } .item-video iframe { min-width: 100%; height: 100%; object-fit: cover; object-position: center; border: none; } img.img-preview { width: 100%; height: 100%; display: block; object-fit: cover; border: none; } .btn-reset { border: none; background: transparent; cursor: pointer; } .video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video-play-shape { fill: #212121; fill-opacity: 0.8; transition: all .2s ease 0s; } .video-play-icon { fill: #ffffff; } .video-play:focus { outline: none; } .item-video:hover .video-play-shape, .item-video:focus .video-play-shape { fill: #ff0000; fill-opacity: 1; transition: all .2s ease 0s; } .btn-top { display: none; overflow: hidden; width: 60px; height: 60px; position: fixed; left: 30px; bottom: 50px; z-index: 200; } .btn-top-color { cursor: pointer; width: 100%; height: 100%; border-radius: 50%; fill: #ffb743; transition: all .3s ease 0s; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } .btn-top-color:hover { fill: #b07411; transition: all .3s ease 0s; box-shadow: 0px 6px 22px 0px rgb(0 0 0 / 17%); } @media (max-width:1025px) { .display_only_desktop { display: none !important; } .display_only_planshet { display: block !important; } .display_only_phone { display: none !important; } .display_only_planshet_end_phone { display: block !important; } .quiz_btn_onli_desctop { display: none; } .right_form_any_questions { width: 275px; } .box_result_calc_gg { width: 50%; } .input_result_calc { width: 50%; } .btn_send_calc_res { width: 42%; } .result_calc_gg { margin-top: 15px; } .left_content_any_questions { width: 500px; } .reviews_content { width: 780px; } .calculator_content { width: 780px; } .calculator_block_photo { height: 285px; } .item_cbit_text { padding: 20px 15px 6px; font-size: 18px; } .cbit_title { font-size: 18px; padding: 5px 20px 0; } .item_cbit_texts { font-size: 18px; padding: 20px 15px 6px; } .content_portfolio, .content_quiz_box_block { width: 780px; } .item_portfolio { width: 100%; } .big_photo_gallery_item_portfolio { width: calc(100% - 140px); } .box_mini_photo_gallery_item_portfolio { width: 115px; } .mini_photo_gallery_item_portfolio { height: 75px; } .item_hclb_text { display: none; } .phone_img { display: none; } .metr_img { display: none; } .item_hcbm_menu { font-size: 12px; } .item_hcbm_btn { padding: 6px 20px; margin: 0px; } .item_hcpt_time_icon { display: none; } .item_hcpt_phone { font-size: 29px; } .preview_content { width: 780px; } .preview_content_utp { font-size: 38px; } .right_block_bcp { width: calc(50% - 40px); margin: 0; } .bottom_content_preview { display: flex; } .left_block_bcp_params { display: flex; } .left_block_bcp_prices { width: 100%; display: flex; padding-right: 0; margin-top: 0px; flex-wrap: wrap; align-items: center; } .item_lbb_prices { width: 100px; height: 100px; } .item_lbbp_icon { height: 45px; width: 45px; } .left_block_bcp { display: block; width: 50%; } .left_block_bcp_params { width: 400px; } .item_lbb_prices { margin-bottom: 20px; margin-right: 0px; width: 180px; height: fit-content; } .item_lbb_prices_text { font-size: 17px; text-align: center; } .item_lbb_prices_icon { height: 75px; background-size: contain !important; margin: 0px auto; } .input_rbbf { width: 100%; } .right_block_bcp_minititle { padding-bottom: 10px; } .right_block_bcp_form { padding: 0px 15px 10px; } .content_blue_line { width: 780px; } .item_blue_line { font-size: 21px; } .target_content { width: 780px; } .target_content_title { font-size: 34px; } .item_tcb { width: calc(25% - 10px); } .reviews_tcb { width: calc(25% - 10px); height: 196px; margin-top: 19px; margin-left: 0px; } .reviews_tcb_b { height: 156px; width: 100%; } .item_tcb_prices_btn { display: block; } .item_tcb_prices { width: 100%; border-radius: 0px; font-size: 20px; padding: 10px 0 6px; font-weight: 400; } .item_tcb_btn { width: 100%; font-size: 18px; padding: 10px 0 6px; font-weight: 500; } .item_tcb_photo_text { font-size: 20px; } .item_tcb_photo { height: 159px; width: 100%; background-size: cover !important; } .content_guarantee { width: 600px } .item_guarantee { width: 100%; } .title_item_guarantee { font-size: 28px; padding: 0 0 5px; } .text_item_guarantee { font-size: 18px; margin-top: 5px; } .blue_line_guarantee { width: 100%; } .guarantee { padding: 20px 0 20px; } .btn_guarantee { font-size: 21px; } .gager_content { width: 780px; } .gager_content_left { display: none; } .gager_content_right { margin: 0px auto; } .gager_content_right_title { font-size: 37px; margin: 5px 0; } .item_gcri_box { margin: 17px 0; } .gager_content_right_btn { margin-top: 20px; padding: 15px 10px 10px; } .covering_content { width: 780px; } .covering_items { width: 100%; } .covering_item { width: calc(50% - 10px); margin-bottom: 15px; } .covering_item_title { font-size: 23px; } .covering_item_photo { height: 50vh; max-height: 320px; } .covering_item_prices { margin: 0px auto 0; } .we_produce_content { width: 780px; } .item_wpci { width: calc(25% - 10px); } .item_wpci_photo { width: 100%; height: 159px; } .item_wpci_prices_btn { display: block; } .item_wpci_prices { width: 100%; border-radius: 0px; padding: 10px 0 6px; font-weight: 400; } .item_wpci_btn { width: 100%; padding: 10px 0 6px; font-weight: 500; } .item_wpci_photo_text { font-size: 17px; } .attract_content { width: 780px; } .attract_content_title_text { font-size: 30px; } .acbt_item1 { font-size: 25px; padding: 8px 0px; } .acbt_item2 { font-size: 22px; padding: 0px 0px; } .acbt_item3 { font-size: 25px; padding: 8px 0px; } .attract_content_btn { margin-top: 15px; font-size: 22px; } .three_maket { background: #d5e6ff; padding: 25px 0; } .content_three_maket { width: 780px; } .content_three_maket_title { width: 780px; } .maket_three_maket { display: none; } .left_content_three_maket { width: 100%; text-align: center; } .icon_and_mini_text_left_content_three_maket { justify-content: center; } .text_left_content_three_maket>br { display: none; } .title_left_content_three_maket>br { display: none; } .title_left_content_three_maket { font-size: 50px; } .text_left_content_three_maket { margin-top: 10px; } .icon_and_mini_text_left_content_three_maket { margin-top: 5px; } .bottom_title_left_content_three_maket { margin-top: 10px; } .right_form_three_maket { margin: 10px 180px 0 180px; } .icon_left_content_three_maket { width: 35px; } .examples { padding: 25px 0; } .examples_content { width: 780px; } .examples_content_title { font-size: 32px; } .examples_content_item_box { width: calc(33% - 10px); } .ecib_title { font-size: 21px; } .ecib_photo { height: 150px; width: 100%; } .ecib_box_line_prices { font-size: 15px; } .ecib_prices { font-size: 20px; } .ecib_btn { font-size: 21px; padding: 8px 0 4px; } .examples_content_btn_text { font-size: 27px; } .btn_icon { width: 33px; height: 33px; } .action { display: none !important; } .production { padding: 25px 0; } .production_content { max-width: 870px; } .production_content_title { font-size: 32px; } .pcbl_title { font-size: 16px; } .pcbr_title { font-size: 16px; } .pcbl_photo { height: 180px; width: 180px; } .pcbr_photo { height: 180px; width: 180px; } .pcbt_text { font-size: 16px; padding: 5px 0; } .pcbt_form_btn { margin-top: 10px; font-size: 15px; padding: 13px 0 6px; } .advantages_content { width: 780px; } .content_scheme_work { width: 780px; } .item_scheme_work::before { display: none; pointer-events: none; } .item_scheme_work { width: 350px; } .item_scheme_work1 { order: 1; } .item_scheme_work2 { order: 2; } .item_scheme_work3 { order: 3; } .item_scheme_work4 { order: 4; } .item_scheme_work5 { order: 5; } .item_scheme_work6 { order: 6; } .garanti_box { padding: 25px 0; } .content_garanti_box { width: 780px; } .mini_title_garanti_box { margin-bottom: 10px; } .item_left_content_garanti_box { padding: 5px 0; } .right_icon_content_garanti_box { margin: 0px auto; width: 350px; height: 350px; } .our_client { padding: 40px 0; } .content_our_client { width: 780px; } .item_our_client { width: calc(33% - 10px); margin-bottom: 20px; height: 60px; } .serteficats { padding: 25px 0; } .content_serteficats { width: 780px; } .items_serteficats { margin-top: 10px; } .item_serteficats { width: calc(33% - 20px); margin-bottom: 10px; } .content_map { width: 780px; } .map { padding: 70px 0; } .content_any_questions { width: 780px; } .content_footer { width: 780px; } .content_bottom_mini_footer { width: 780px; } .logo_a_btns_footer { width: 100%; display: flex; } .btn_footer { margin-top: 10px; padding: 14px 16px 10px 40px; height: fit-content; margin-left: 15px; } .content_thanks_block { margin: 0px auto; } .content_reviews { width: 780px; } .item_reviews { width: calc(20% - 10px); height: 290px; } .reviews_title { font-size: 28px; } .items_reviews { margin-top: 0px; } .reviews { padding: 40px 0; } .thanks_block { margin-top: 0px; } .we_produce_content_title { font-size: 32px; } .finishing_materials { padding: 25px 0; } .content_finishing_materials { width: 780px; } .item_finishing_materials { width: calc(21% - 30px); } .photo_item_finishing_materials { height: 120px; } .title_item_finishing_materials { font-size: 24px; } .photo_item_finishing_materials_bottom { height: 120px; } .faq_box { padding: 25px 0; } .content_faq_box { width: 780px; } .sravnenie { padding: 25px 0; } .sravnenie_content { max-width: 780px } .content_prices_list { width: 780px; } .smeta { padding: 25px 0; } .smeta_content { width: 780px; } .smeta_content_items { display: block; } .smeta_content_table { margin: 0px auto; } .smeta_content_right_photo { display: none; } .smeta_content_right { display: flex; width: 100%; } } @media (max-width:800px) { .display_only_desktop { display: none !important; } .display_only_planshet { display: block !important; } .display_only_phone { display: none !important; } .display_only_planshet_end_phone { display: block !important; } .reviews_content { width: 580px; } .right_block_bcp_title { padding: 5px 0px 5px; } .item_serteficats { width: 100%; } .box_result_calc_gg { width: 100%; margin-right: 0px; } .input_result_calc { width: 100%; margin-right: 0px; margin-bottom: 15px; } .btn_send_calc_res { width: 100%; padding: 12px 0px 8px; } .calculator_content { width: 580px; } .calculator_block_photo { width: 100%; height: 420px; } .calculator_block_inputs { width: 100%; margin-left: 0px; } .item_cbit_select { margin-left: 0px; width: 100%; } .calculator_block { display: block; } .content_portfolio, .content_quiz_box_block { width: 580px; } .title_portfolio { font-size: 25px; } .header_content { margin: 0px auto; } .header_content_phone_time { display: none; } .preview_content { width: 580px; } .right_block_bcp { width: 360px; padding: 0px 0 10px; height: fit-content; margin: 30px auto 0; } .left_block_bcp_params { width: 230px; } .bottom_content_preview { display: block; } .left_block_bcp { width: 100%; } .item_lbbp_icon { height: 55px; width: 55px; } .left_block_bcp_prices { width: 100%; display: flex; margin-top: 0px; } .left_block_bcp_params { width: 100%; } .content_blue_line { width: 100%; } .item_lbb_prices { margin-bottom: 0px; margin-right: 0px; display: flex; align-items: center; width: calc(100% - 30px); padding: 10px 0; } .item_lbb_prices_icon { height: 60px; width: 100px; } .item_lbb_prices_text { text-align: left; } .item_lbb_prices_icon { margin-right: 20px; height: 70px; width: 100px; } .item_lbb_prices_text { font-size: 23px; width: calc(100% - 70px); margin-bottom: 12px; } .check_box_block_bcp_form { width: 100%; font-size: 15px; margin-top: 15px; } .btn_block_bcp_form { width: 100%; } .info_block_bcp_form { font-size: 16px; } .item_blue_line { width: 100%; margin-bottom: 10px; margin-left: 100px; } .icon_item_blue_line { width: 100px; } .text_item_blue_line { font-size: 28px; max-width: 420px; } .target_content { width: 580px; } .reviews_tcb_b { height: 154px; } .item_tcb_prices_reviews { padding: 10px 0 6px; } .left_content_any_questions { order: 1; width: 100%; text-align: left; margin-bottom: 25px; } .right_form_any_questions { order: 2; width: 100%; } .content_guarantee { width: 580px; } .gager_content { width: 580px; } .covering_content { width: 580px; } .we_produce_content { width: 580px; } .attract_content { width: calc(100% - 100px); } .attract_content_box { flex-wrap: wrap; } .attract_content_box_ingener { flex: 1 1 50%; } .attract_content_box_break { flex: 1 1 50%; } .attract_content_box_text { order: 3; flex: 1 0 100%; } .attract_content_box_text { margin: 25px 15px 0; } .attract_content_title_icon { display: none; pointer-events: none; } .acbt_item1 { font-size: 20px; padding: 8px 0 0; } .acbt_item2 { font-size: 19px; } .acbt_item3 { font-size: 24px; } .content_three_maket { width: 580px; } .content_three_maket_title { width: 580px; } .right_form_three_maket { margin: 0px auto; margin-top: 10px; } .examples_content { width: 580px; } .ecib_box { padding: 5px 8px 0 8px; } .ecib_box_line { padding: 4px 0px; font-size: 12px; } .ecib_box_line_left { width: 48%; } .ecib_box_line_right { width: 47%; } .ecib_box_line_number { font-size: 12px; } .ecib_box_line_prices { font-size: 12px; } .ecib_title { font-size: 19px; height: 45px; padding: 10px 10px 0 10px; } .ecib_prices { font-size: 15px; } .examples_content_btn_text { font-size: 19px; } .production_content { width: 580px; } .production_content_block { flex-direction: column; align-items: center; } .production_content_block-slider { padding: 0 !important; background-color: transparent !important; } .pcbl_title { display: none; } .pcbl_photo { display: none; } .pcbl_photo:nth-child(2) { width: 100%; height: 250px; background-size: cover !important; margin-bottom: 15px; display: block; } .production_content_block_right { display: none; } .advantages_content { width: 580px; } .item_advantages_content { width: 100%; } .content_scheme_work { width: 580px; } .item_scheme_work { width: 100%; } .content_garanti_box { width: 580px; } .our_client { display: none; } .content_serteficats { width: 580px; } .content_map { width: 580px; background: rgb(253 220 55 / 68%); } .content_any_questions { width: 580px; } .content_footer { width: 580px; } .btn_footer { background: #ffd002 !important; font-size: 13px; padding: 14px 32px 10px; margin-top: 20px; } .items_menu_footer { text-align: center; } .item_footer { font-size: 19px; } .content_bottom_mini_footer { width: 580px; } .content_reviews { width: 580px; } .item_reviews { width: calc(50% - 20px); height: 375px; } .content_finishing_materials { width: 580px; } .item_finishing_materials { width: calc(37% - 30px); } .item_finishing_materials_bottom { width: calc(33% - 30px); margin-bottom: 20px; } .photo_item_finishing_materials_bottom { height: 150px; } .content_faq_box { width: 580px; } .accordion-header { font-size: 22px; } .item_sravnenie_content_top { width: 100%; margin: 0px; margin-bottom: 15px; } .item_sravnenie_content_bottom { width: 100%; margin: 0px; } .content_prices_list { width: 580px; } .box_prices_table { display: block; } .obol_prices_table { width: 100%; } .smeta_content { width: 580px; } .smeta_content_table { width: 580px; } .preview_content_utp { text-align: center; } .item_wpci_photo { height: 115px; } .item_tcb_photo { height: 115px; } .reviews_tcb { margin-top: 0px; height: 175px; } .sravnenie_content_photos { flex-direction: column; align-items: center; } .photo_sravnenie { flex: 0 1 100%; } .photo_sravnenie-image { max-width: 633px; height: 100%; } .sravnenie_content_box { padding: 0 0 20px 0; } .sravnenie_content_box_line { flex-direction: column; } .mini_title_sravn { border: none; } .item_scbl { width: 80%; border: none; margin: 0 0 0 40px; } .photo_sravnenie-image img { position: relative; top: 12px; left: 9px; transform: translate(0, 0); } } @media (max-width:700px) { .video__reviews_block-video { display: grid; grid-template-columns: repeat(1, minmax(290px, 1fr)); grid-auto-rows: 272px; justify-content: center; } .item-video { max-width: 100%; } .btn-top { display: none !important; pointer-events: none; } .item_blue_line { margin-left: 0px; } .audio__reviews-items-top-blockquote { padding: 10px 0 15px !important; } .audio__reviews-items-center-btn { font-size: 14px; margin: 10px 0 40px; } } @media (max-width:600px) { .blick_btn:after, .quiz_btn_onli_desctop:after { width: 0 !important; height: 0 !important; } .header_n { display: block; box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.17); } .content_header_n { width: calc(100% - 10px); margin: 0px auto; padding: 5px 0 10px; } .header_n_logo_menu { display: flex; align-items: center; justify-content: space-between; margin: 0px auto; } .header_n_logo { width: 100px; height: 60px; background: url(/img/logo.png)no-repeat center; background-size: contain; } .header_n_text_logo { text-align: center; margin-top: 15px; } .header_n_btn { padding: 10px 10px 7px; background: #ffd002; margin: 0 3px; margin-top: 15px; border-radius: 6px; box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.5); display: block; font-size: 17px; transition: 0.25s; text-align: center; cursor: pointer; text-decoration: none; color: black; font-weight: 400; } .header_body { top: -110%; transition: 0.32s; } .hf_active { top: 0; transition: 0.32s; } .preview { padding: 50px 0; } .display_only_desktop { display: none !important; } .display_only_planshet { display: none !important; } .display_only_phone { display: block !important; } .display_only_planshet_end_phone { display: block !important; } .mini_input_rbbf { width: 100%; margin-bottom: 15px; padding: 12px 7px; } .select_rbbf { width: 100%; } body { overflow-y: scroll; } .content_map { width: 380px; } .big_photo_gallery_item_portfolio { width: 100%; } .box_mini_photo_gallery_item_portfolio { display: none; } .title_result_calc_gg { font-size: 25px; } .big_title_result_calc_gg { font-size: 26px; } .btn_phone_mobil_menu { display: block; } .btn_phone_mobil_menu { padding: 7px 10px 3px; background: #ffd002; margin: 0 3px; border-radius: 6px; box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.5); display: flex; align-items: center; font-size: 14px; transition: 0.25s; cursor: pointer; text-decoration: none; color: black; font-weight: 400; } .reviews_content { width: 380px; } .calculator_content { width: 380px; } .calculator_block_photo { height: 285px; background-size: contain; } .content_portfolio, .content_quiz_box_block { width: 380px; } .ecib_box_line_left { width: 43%; padding: 0px 10px; } .ecib_box_line_right { width: 44%; padding: 0 10px; } .mobile_menu_block { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 50; background: white; } .header_mobile_menu_block { padding: 5px 0; box-shadow: 4px 0px 8px -3px rgb(0 0 0 / 53%); } .content_header_mobile_menu_block { display: flex; justify-content: space-between; align-items: center; margin: 0px 10px auto; } .header_mobile_whatsapp_button img { display: block; margin: 20px auto 0; } .content_mobile_menu { width: 380px; margin: 0px auto; padding: 10px 0; } .item_hcbm_menu_m { padding: 5px 0; margin-top: 10px; color: black; display: block; border-bottom: 2px solid #b9b9b9; text-decoration: none; font-size: 19px; font-weight: 500; } .burger_mobile_menu { display: block; width: 40px; height: 40px; background: url(/img/menu_burder.png)no-repeat right; background-size: 100% auto; cursor: pointer; } .close_mobile_menu { display: none; width: 40px; height: 40px; background: url(/img/close_white.png)no-repeat right; background-size: 100% auto; background-color: #e33238; cursor: pointer; } .modal_form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: white; overflow-y: scroll; z-index: 100100; } .close_modal_form { position: fixed; border-radius: 0px; } .modal-close.close_modal_form { position: absolute !important; } .header_content { max-width: 510px; } .item_hcbm_btns_box { display: none; } .item_hcbm_menu_box { display: none; } .preview_content { width: 380px; } .left_block_bcp_prices { display: flex; } .right_block_bcp { width: calc(100% - 20px); } .preview_content_utp { font-size: 24px; text-align: center; padding-bottom: 36px; } .content_blue_line { width: 380px; } .text_item_blue_line { width: 250px; font-size: 28px; } .target_content { width: 380px; } .target_content_block_items { flex-wrap: wrap; } .item_tcb { width: 100%; } .reviews_tcb { width: 100%; height: auto; margin-bottom: 20px; } .item_tcb_photo { height: 48vh; } .item_tcb_prices { font-size: 25px; } .item_tcb_btn { font-size: 21px; } .item_tcb_photo_text { font-size: 25px; } .reviews_tcb_b { height: 300px; margin-top: 0px; } .content_guarantee { width: 380px; } .title_item_guarantee>br { display: none; } .btn_guarantee { font-size: 18px; } .gager_content { width: 380px; } .gager_content_right_title { font-size: 32px; text-align: center; } .gager_content_right_btn { max-width: 100%; } .covering_content { width: 380px; } .covering_item { width: 100%; } .we_produce_content { width: 380px; } .we_produce_content_items { flex-wrap: wrap; } .item_wpci { width: 100%; } .item_wpci_photo_text { font-size: 25px; } .item_wpci_prices { font-size: 25px; } .item_wpci_btn { font-size: 21px; } .acbt_item1 { font-size: 18px; padding: 0; } .acbt_item3 { font-size: 19px; } .content_three_maket { width: 380px; } .content_three_maket_title { width: 380px; } .icon_left_content_three_maket { display: none; } .examples_content { width: 380px; } .examples_content_items { flex-wrap: wrap; } .examples_content_item_box { width: 100%; } .ecib_photo { height: 225px; } .ecib_title { font-size: 25px; } .ecib_box_line_number { font-size: 19px; } .ecib_box_line_prices { font-size: 19px; } .ecib_prices { font-size: 22px; } .ecib_btn { font-size: 22px; } .btn_icon { margin: 0px; width: 40px; height: 40px; } .production_content_block_slider.slick-slider { width: 100% !important; } .production_content { max-width: 100%; } .production_content_block-slider { max-width: 100%; } .advantages { display: none !important; } .content_scheme_work { width: 380px; } .content_garanti_box { width: 380px; } .right_icon_content_garanti_box { width: 270px; height: 270px; } .content_serteficats { width: 380px; } .content_any_questions { width: 380px; } .title_left_any_questions h2 { line-height: 1; font-size: 37px; } .text_left_any_questions { font-size: 22px; } .content_footer { width: 380px; } .logo_a_btns_footer { display: block; } .content_bottom_mini_footer { width: 380px; } .items_menu_footer { text-align: left; } .content_finishing_materials { width: 380px; } .photo_item_finishing_materials_bottom { height: 95px; } .content_faq_box { width: 380px; } .content_prices_list { width: 380px; } .smeta_content { width: 380px; } .smeta { display: none; } .content_reviews { width: 380px; } .item_wpci_photo { height: 310px; } .item_lbbp_text { font-size: 21px; } .item_lbbp_icon { height: 65px; width: 65px; } .item_lbbp { width: 100%; } .policarbonate__awnings-row, .profnastil__awnings-row { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); grid-auto-rows: 240px; gap: 10px; justify-items: center; } .item_scbl { margin: 0 0 0 20px; } .modal-callback-header { flex-direction: column; align-items: flex-start; row-gap: 20px; } } @media (max-width:400px) { .portfolio_btn { width: calc(50% - 25px); padding: 12px 5px 6px; font-size: 12px; font-weight: 500; text-align: center; border-radius: 5px; cursor: pointer; margin: 4px; border: 2px solid #ffd002; } .item_mini_params_box_item_portfolio { width: 100%; } .item_reviews { width: 100%; height: 85vh; } .content_map { width: calc(100% - 40px); } .title_left_any_questions h2 { text-align: center; padding-bottom: 15px; } .text_left_any_questions { text-align: left; margin-bottom: 0px; font-size: 23px; } .item_tcb_photo { height: 35vh; } .reviews_tcb_b { height: 240px; } .left_content_any_questions { order: 1; } .right_form_any_questions { order: 2; } .reviews_content { width: calc(100% - 40px); } .title_portfolio { font-size: 18px; } .content_portfolio, .content_quiz_box_block { width: calc(100% - 40px); } .box_param_info_box_item_portfolio { height: auto; } .title_param_info_box_item_portfolio { position: relative; } .vall_param_info_box_item_portfolio { position: relative; text-align: right; } .box_mini_photo_gallery_item_portfolio { width: 100%; margin-top: 10px; order: 2; } .big_photo_gallery_item_portfolio { width: 100%; order: 1; } .mini_photo_gallery_item_portfolio { width: calc(25% - 10px); height: 65px; } .calculator_content { width: calc(100% - 40px); } .calculator_block_photo { height: 207px; } .content_mobile_menu { width: calc(100% - 40px); } .preview_content { width: calc(100% - 40px); } .content_blue_line { width: calc(100% - 15px); } .text_item_blue_line { font-size: 23px; } .target_content { width: calc(100% - 40px); } .content_guarantee { width: calc(100% - 40px); } .gager_content { width: calc(100% - 40px); } .item_gcri_box_text { width: 100%; } .covering_content { width: calc(100% - 40px); } .we_produce_content { width: calc(100% - 40px); } .attract_content { width: calc(100% - 40px); } .attract_content_title_icon { display: none; } .attract_content_btn { font-size: 17px; } .acbt_item3 { padding: 0; } .content_three_maket { width: calc(100% - 40px); } .content_three_maket_title { width: calc(100% - 40px); } .examples_content { width: calc(100% - 40px); } .btn_icon { margin: 0px -5px; } .right_form_any_questions { width: 360px; margin-block-end: 0px; } .content_scheme_work { width: calc(100% - 40px); } .content_garanti_box { width: calc(100% - 40px); } .content_serteficats { width: calc(100% - 40px); } .content_any_questions { width: calc(100% - 40px); } .content_footer { width: calc(100% - 40px); } .item_footer { font-size: 25px; } .content_bottom_mini_footer { width: calc(100% - 40px); } .content_reviews { width: calc(100% - 40px); } .title_reviews { font-size: 30px; } .content_finishing_materials { width: calc(100% - 40px); } .item_finishing_materials { width: calc(50% - 15px); } .title_item_finishing_materials { padding: 0px 0 25px; } .item_finishing_materials_bottom { width: calc(50% - 25px); } .examples_content_title { font-size: 26px; } .photo_item_finishing_materials_bottom { height: 130px; } .content_faq_box { width: calc(100% - 40px); } .content_prices_list { width: calc(100% - 40px); } .item_prices_table { align-items: center; } .ecib_box_line_prices { font-size: 17px; margin-right: 5px; } .ecib_box_line_number { font-size: 17px; margin-left: 5px; } .pcbt_text { font-size: 17px; } .btn_footer { font-size: 16px; } .text_left_any_questions { margin-bottom: 15px; } .item_wpci_photo { height: 235px; } .mtit_result_calc_gg { font-size: 18px; } .valm_result_calc_gg { font-size: 18px; } .big_title_result_calc_gg { font-size: 26px; } .title_result_calc_gg { font-size: 25px; } .item_lbb_prices_text { font-size: 19px; } .policarbonate__awnings-row, .profnastil__awnings-row { display: grid; grid-template-columns: repeat(2, minmax(130px, 1fr)); grid-auto-rows: 160px; gap: 10px; justify-items: center; } .item_scbl { margin: 0; } .mini_title_sravn { font-size: 24px; } } @media (max-width:350px) { .text_item_blue_line { font-size: 20px; } .audio__reviews-items-top-blockquote { font-size: 15px; } .item-video { height: 210px; } .video__reviews_block-video { grid-auto-rows: 202px; } } .policy_right_form_three_maket { display: block; color: white; text-decoration: none; } .right_block_bcp_form a { color: white !important; text-decoration: none !important; } .input_antibot { position: absolute; opacity: 0 !important; width: 1px !important; height: 1px !important; z-index: -9999; } .quiz_btn_onli_desctop { cursor: pointer; overflow: hidden; -webkit-transition: ease 0.3s; transition: ease 0.3s; } .blick_btn { position: relative; cursor: pointer; overflow: hidden; -webkit-transition: ease 0.3s; transition: ease 0.3s; } .blick_btn:after, .quiz_btn_onli_desctop:after { content: ""; display: block; width: 30px; height: 300px; margin-left: 60px; background: #fff; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#b3ffffff', GradientType=0); position: absolute; left: -40px; top: -150px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-animation-name: slideme; animation-name: slideme; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0.4; } @-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } }