html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* */ /* font-family: "RobotoRegular"; */ @font-face { font-family: "RobotoRegular"; src: url("../fonts/RobotoRegular/RobotoRegular.eot"); src: url("../fonts/RobotoRegular/RobotoRegular.eot") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* font-family: "RobotoLight"; */ @font-face { font-family: "RobotoLight"; src: url("../fonts/RobotoLight/RobotoLight.eot"); src: url("../fonts/RobotoLight/RobotoLight.eot") format("embedded-opentype"), url("../fonts/RobotoLight/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* font-family: "RobotoMedium"; */ @font-face { font-family: "RobotoMedium"; src: url("../fonts/RobotoMedium/RobotoMedium.eot"); src: url("../fonts/RobotoMedium/RobotoMedium.eot") format("embedded-opentype"), url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* font-family: "RobotoBold"; */ @font-face { font-family: "RobotoBold"; src: url("../fonts/RobotoBold/RobotoBold.eot"); src: url("../fonts/RobotoBold/RobotoBold.eot") format("embedded-opentype"), url("../fonts/RobotoBold/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* font-family: "RobotoCondensedRegular"; */ @font-face { font-family: "RobotoCondensedRegular"; src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot"); src: url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot") format("embedded-opentype"), url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff") format("woff"), url("../fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* font-family: "RobotoCondensedLight"; */ @font-face { font-family: "RobotoCondensedLight"; src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot"); src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot") format("embedded-opentype"), url("../fonts/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"), url("../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* font-family: "RobotoCondensedBold"; */ @font-face { font-family: "RobotoCondensedBold"; src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot"); src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot") format("embedded-opentype"), url("../fonts/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"), url("../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* font-family: "RussiaBold"; */ @font-face { font-family: "RussiaBold"; src: url("../fonts/russia_bold/russia_bold.eot"); src: url("../fonts/russia_bold/russia_bold.eot") format("embedded-opentype"), url("../fonts/russia_bold/russia_bold.woff") format("woff"), url("../fonts/russia_bold/russia_bold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /******************************************/ @font-face { font-family: "CeraRoundProDEMOBlack"; src: url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Black.eot"); src: url("../fonts/CeraRoundPro/CeraRoundProBlack.otf") format("opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Black.eot") format("embedded-opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Black.woff") format("woff"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Black.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "CeraRoundProDEMOBold"; src: url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Bold.eot"); src: url("../fonts/CeraRoundPro/CeraRoundProBold.otf") format("opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Bold.eot") format("embedded-opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Bold.woff") format("woff"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Bold.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "CeraRoundProDEMOLight"; src: url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Light.eot"); src: url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Light.eot") format("embedded-opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Light.woff") format("woff"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Light.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "CeraRoundProDEMOMedium"; src: url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Medium.eot"); src: url("../fonts/CeraRoundPro/CeraRoundProMedium.otf") format("opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Medium.eot") format("embedded-opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Medium.woff") format("woff"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Medium.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "CeraRoundProDEMORegular"; src: url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Regular.eot"); src: url("../fonts/CeraRoundPro/CeraRoundProRegular.otf") format("opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Regular.eot") format("embedded-opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Regular.woff") format("woff"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "CeraRoundProDEMOThin"; src: url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Thin.eot"); src: url("../fonts/CeraRoundPro/CeraRoundProThin.otf") format("opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Thin.eot") format("embedded-opentype"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Thin.woff") format("woff"), url("../fonts/CeraRoundProDEMO/CeraRoundProDEMO_Thin.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } /* */ *::-webkit-input-placeholder { color: #666; opacity: 1; } *:-moz-placeholder { color: #666; opacity: 1; } *::-moz-placeholder { color: #666; opacity: 1; } *:-ms-input-placeholder { color: #666; opacity: 1; } body input:focus:required:invalid, body textarea:focus:required:invalid { } body input:required:valid, body textarea:required:valid { } body { font-family: "RobotoRegular", sans-serif; font-size: 30px; background: #fff; color: #333; } p { font-family: "RobotoRegular"; line-height: 38px; } .menu_row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; } .footer .menu_row ul li { float: none; width: auto; text-align: left; } .footer .menu_row ul { min-width: 150px; } a { color: #14a8e4; font-size: 22px; font-family: "RobotoRegular"; text-decoration: underline; } /*********************************************/ .pad-l { padding-right: 0px !important; padding-left: 5px !important; padding-top: 18px !important; } .pad { padding-right: 0px !important; padding-left: 0px !important; /*padding-top:18px!important;*/ padding-top: 0px !important; } .pad-r { padding-left: 0px !important; padding-right: 5px !important; } .pull-right_full { float: right; } .ya-link { display: inline-block; } .whatsapp-top { float: right; /*margin-top: -38px;*/ position: relative; width: 36px; height: 36px; background: url("/img/what2.png") center; background-size: cover; } .s1 .top_right3 .whatsapp-top > span { display: block; position: absolute; top: 0px; right: -3px; color: #fff; background-color: red; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 16px; padding-top: 1px; text-decoration: none; height: 16px; line-height: 16px; text-align: center; padding: 0; font-size: 12px; } /*******************************************/ .f_input { } .f_input input { background: none; } .in1 { background: url("../img/in1.png") center top no-repeat; text-align: center; padding-top: 10px; padding-bottom: 10px; } .in1 input { width: 170px; font-size: 60px; font-family: "RussiaBold"; border: none; text-align: center; } .in2 { background: url("../img/in2.png") center top no-repeat; text-align: center; padding-top: 17px; padding-bottom: 18px; background-size: 100% 100%; height: 65px; position: relative; } .in_tel { background: url("../img/f_tel.png") center top no-repeat; text-align: center; padding-top: 12px; padding-bottom: 18px; background-size: 100% 100%; height: 60px; position: relative; padding-left: 60px; padding-right: 11px; max-width: 282px; width: 100%; } .in_name { background: url("../img/f_name.png") center top no-repeat; text-align: center; padding-top: 12px; padding-bottom: 18px; background-size: 100% 100%; height: 60px; position: relative; padding-left: 60px; padding-right: 11px; max-width: 282px; width: 100%; } /*****/ .f_modal .razmetka1 { float: none; } .f_modal .in_name { margin-left: auto; margin-right: auto; } .f_modal .in_tel { margin-left: auto; margin-right: auto; } /*****/ .in4 { background: #f3f3f3; text-align: center; padding-top: 13px; padding-bottom: 14px; -moz-box-shadow: inset 4px 4px 8px #d8d8d8; -webkit-box-shadow: inset 4px 4px 8px #d8d8d8; box-shadow: inset 4px 4px 8px #d8d8d8; border-radius: 7px; border: 1px solid #d8d8d8; } .in5 { background: #fff; text-align: center; padding-top: 13px; padding-bottom: 14px; -moz-box-shadow: inset 2px 2px 4px #d7d7d7; -webkit-box-shadow: inset 2px 2px 4px #d7d7d7; box-shadow: inset 2px 2px 4px #d7d7d7; border-radius: 7px; border: 1px solid #999; } .in5 input { width: 95%; font-size: 28px; font-family: "RobotoLight"; border: none; text-align: left; padding-left: 10px; padding-right: 10px; } .in4 input { width: 95%; font-size: 28px; font-family: "RobotoLight"; border: none; text-align: left; padding-left: 10px; padding-right: 10px; } .in4 textarea { width: 95%; font-size: 28px; font-family: "RobotoLight"; border: none; text-align: left; padding-left: 10px; padding-right: 10px; background: none; resize: none; height: 320px; } .in3 input { width: 95%; font-size: 28px; font-family: "RobotoLight"; border: none; text-align: left; padding-left: 10px; padding-right: 10px; } .in2 input { width: 95%; font-size: 28px; font-family: "RobotoLight"; border: none; text-align: left; padding-left: 10px; padding-right: 10px; } .in_tel input, .in_name input { width: 95%; font-size: 20px; font-family: "RobotoLight"; border: none; text-align: left; padding-left: 10px; padding-right: 10px; height: 35px; } .in_tel ::-moz-placeholder, .in_name ::-moz-placeholder { text-transform: uppercase; color: #ccc; font-size: 20px; font-family: "RobotoMedium"; } .in_tel ::-webkit-input-placeholder, .in_name ::-webkit-input-placeholder { text-transform: uppercase; color: #ccc; font-size: 20px; font-family: "RobotoMedium"; } .in_tel :-ms-input-placeholder, .in_name :-ms-input-placeholder { text-transform: uppercase; color: #ccc; font-size: 20px; font-family: "RobotoMedium"; } .razmetka1 { float: left; max-width: 332px; padding-top: 12px; padding-bottom: 12px; } .razmetka2 { float: left; max-width: 260px; text-align: center; padding-top: 12px; padding-bottom: 12px; } .razmetka3 { float: none; /*max-width: 620px;*/ width: 100%; padding-top: 12px; padding-bottom: 12px; } .y_line { border-bottom: 5px solid #ffde00; width: 250px; margin: 0 auto; } /* .y_btn { background: url('../img/y_btn.png') no-repeat center center; width: 209px; font-family: "RussiaBold"; color: #333; font-size: 30px; text-align: center; cursor: pointer; margin-top: 30px; padding-top: 18px; padding-bottom: 17px; } */ .y_btn { background: url("../img/y_btn.png") no-repeat center center; height: 51px; width: 304px; font-family: "RussiaBold"; color: #333; font-size: 20px; text-align: center; /* padding-top: 13px; */ cursor: pointer; margin-top: 11px; padding-top: 18px; padding-bottom: 17px; text-transform: uppercase; } .r_btn { background: url("../img/r_btn.png") no-repeat center center; /* height: 66px; */ width: 209px; font-family: "RobotoBold"; color: #fff; font-size: 30px; text-align: center; /* padding-top: 13px; */ cursor: pointer; margin-top: 0px; padding-top: 18px; padding-bottom: 17px; } .b_btn { background: #ed226b; /* height: 66px; */ width: 250px; font-family: "RussiaBold"; color: #fff; font-size: 30px; text-align: center; /* padding-top: 13px; */ cursor: pointer; /*margin-top: 30px;*/ padding-top: 18px; padding-bottom: 17px; border-radius: 36px; text-transform: uppercase; margin: 0 auto; display: block; } .c_btn { background: url("../img/btn1.png") no-repeat center center; width: 274px; height: 60px; font-family: "RussiaBold"; color: #fff; font-size: 25px; text-transform: uppercase; text-align: center; padding-top: 16px; padding-left: 40px; cursor: pointer; } .no-padding { padding-left: 0px; padding-right: 0px; } /*******************************************/ .v_line1 { background: url(../img/v_line1.png) no-repeat right center; width: 118px; height: 1px; margin-top: 5px; margin-bottom: 5px; } .v_line2 { background: url(../img/v_line2.png) no-repeat right center; width: 173px; height: 3px; margin-top: 35px; margin-bottom: 5px; } .v_line3 { background: url(../img/v_line3.png) no-repeat right center; width: 216px; height: 2px; margin-top: 5px; margin-bottom: 15px; margin-left: auto; margin-right: auto; } .v_line4 { background: url(../img/v_line4.png) no-repeat right center; width: 186px; height: 2px; margin-top: 9px; margin-bottom: 15px; margin-left: auto; margin-right: auto; } .no-padding { padding: 0px; } .img_scale { width: 100%; } .red { color: red; } .blue { color: #4fbdeb; } .yellow { color: #ffcc00; } .white { color: #fff; } .black { color: #000; } .h1 { text-align: center; color: #333; font-size: 40px; font-family: "RobotoBold"; margin: 30px auto; text-transform: uppercase; } .h2 { font-family: "RussiaBold"; color: #333; font-size: 28px; text-align: left; line-height: 36px; margin-bottom: 20px; } .h3 { text-align: center; color: #fff; font-size: 32px; font-family: "UbuntuBold"; margin: 20px auto; } .center { text-align: center; } .hit3 { background: url("../img/hit3.png") no-repeat; width: 104px; height: 104px; position: absolute; z-index: 1; right: 30px; top: -2px; } .w_sh { text-shadow: -0 -4px 0 #fff, 0 -4px 0 #fff, -0 4px 0 #fff, 0 4px 0 #fff, -4px -0 0 #fff, 4px -0 0 #fff, -4px 0 0 #fff, 4px 0 0 #fff, -1px -4px 0 #fff, 1px -4px 0 #fff, -1px 4px 0 #fff, 1px 4px 0 #fff, -4px -1px 0 #fff, 4px -1px 0 #fff, -4px 1px 0 #fff, 4px 1px 0 #fff, -2px -4px 0 #fff, 2px -4px 0 #fff, -2px 4px 0 #fff, 2px 4px 0 #fff, -4px -2px 0 #fff, 4px -2px 0 #fff, -4px 2px 0 #fff, 4px 2px 0 #fff, -3px -4px 0 #fff, 3px -4px 0 #fff, -3px 4px 0 #fff, 3px 4px 0 #fff, -4px -3px 0 #fff, 4px -3px 0 #fff, -4px 3px 0 #fff, 4px 3px 0 #fff, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff, -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff; } .b_sh2 { text-shadow: -0 -2px 0 #000000, 0 -2px 0 #000000, -0 2px 0 #000000, 0 2px 0 #000000, -2px -0 0 #000000, 2px -0 0 #000000, -2px 0 0 #000000, 2px 0 0 #000000, -1px -2px 0 #000000, 1px -2px 0 #000000, -1px 2px 0 #000000, 1px 2px 0 #000000, -2px -1px 0 #000000, 2px -1px 0 #000000, -2px 1px 0 #000000, 2px 1px 0 #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000; } .w_sh2 { text-shadow: -0 -2px 0 #ffffff, 0 -2px 0 #ffffff, -0 2px 0 #ffffff, 0 2px 0 #ffffff, -2px -0 0 #ffffff, 2px -0 0 #ffffff, -2px 0 0 #ffffff, 2px 0 0 #ffffff, -1px -2px 0 #ffffff, 1px -2px 0 #ffffff, -1px 2px 0 #ffffff, 1px 2px 0 #ffffff, -2px -1px 0 #ffffff, 2px -1px 0 #ffffff, -2px 1px 0 #ffffff, 2px 1px 0 #ffffff, -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff, -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff; } /*******************************************/ .thumb-wrap { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ padding-top: 30px; height: 0; overflow: hidden; } .thumb-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*******************************************/ .popup1 { background: #ffe501 none repeat scroll 0 0; border-radius: 7px; margin: 30px auto auto; max-width: 400px; position: fixed; text-align: center; width: 100%; display: none; z-index: 11111; padding-bottom: 20px; } .popup1 .header { font-family: "UbuntuBold"; font-size: 29px; margin: 0 auto; padding-top: 40px; color: #222; } .popup1 .low_name { background: #fff none repeat scroll 0 0; border: 1px solid #ffcc00; border-radius: 5px; height: 63px; margin: 20px auto; max-width: 320px; } .popup1 input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #000; font-size: 21px; height: 33px; margin-top: 14px; padding-left: 10px; padding-right: 10px; width: 100%; } .popup1 .low_tel { background: #fff none repeat scroll 0 0; border: 1px solid #ffcc00; border-radius: 5px; height: 63px; margin: 20px auto; max-width: 320px; } .popup1 .f-close { background: rgba(0, 0, 0, 0) url("../img/close2.png") no-repeat scroll 0 0; cursor: pointer; height: 52px; position: absolute; right: -25px; top: -25px; width: 52px; } .spasibo { background: #fff none repeat scroll 0 0; border-radius: 7px; margin: 30px auto auto; max-width: 350px; padding-bottom: 20px; position: fixed; text-align: center; width: 100%; z-index: 11111; display: none; } .spasibo .header { font-family: "UbuntuBold"; font-size: 36px; margin: 0 auto; padding-top: 40px; color: #222; text-transform: uppercase; } .spasibo .p1_msg { font-family: "UbuntuRegular"; font-size: 23px; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; color: #333; } .hide-layout { background: #000000 none repeat scroll 0 0; bottom: 0; display: none; height: 100%; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 998; } /*****************************************************************/ .s1 { padding-top: 10px; } .s1 .logo { width: 100%; max-width: 140px; } .s1 .top_left1 { text-align: center; margin-top: 31px; margin-bottom: 12px; } .s1 .top_right2 { text-align: right; margin-top: 12px; margin-bottom: 5px; } .s1 .top_right2 a { font-family: "CeraRoundProDEMOBold"; font-size: 37px; text-decoration: none; color: #333; } .s1 .top_right3 { text-align: right; display: block; line-height: 21px; } .s1 .top_right3 span { font-family: "CeraRoundProDEMOBold"; font-size: 18px; color: #14a8e4; text-decoration: underline; cursor: pointer; vertical-align: middle; padding-left: 10px; text-transform: uppercase; } .s1 .top_link { width: 217px; height: 43px; float: left; margin-top: 15px; } .yandex_rating { position: absolute; top: 68px; display: table-row; margin: 0 -100px; } .s1 .top_link.ll1 { background: url(../img/ll1.png) no-repeat left center; /*margin-left: 50px;*/ } .s1 .top_link.ll2 { background: url(../img/ll2.png) no-repeat left center; width: 113px; text-align: right; padding-right: 5px; } .s1 .top_link.ll3 { /*margin-left: 40px;*/ /* display: block; */ background: url(../img/ll3-m.png) no-repeat left center; width: 234px; text-align: right; padding-right: 5px; } .s1 .top_link.ll4 { background: url(../img/ll4.png) no-repeat left center; width: 113px; text-align: right; padding-right: 5px; margin-left: 20px; } .s1 .top_link.ll5 { background: url(../img/ll5.png) no-repeat left center; /*margin-left: 50px;*/ } .s1 .top_link a { color: #f0246d; font-family: "CeraRoundProDEMOBold"; font-size: 19px; text-decoration: none; } /**********************************************************/ .header .header_info .top .col .h2, #menu .top .col .h2 { margin: 0; font-family: "CeraRoundProDEMOBold"; font-size: 66%; align-items: center; display: flex; } .header .header_info .top .col .h2 img, #menu .top .col .h2 img { margin-right: 10px; height: 30px; width: auto; } .top_menu { position: relative; margin-top: 25px; background: rgba(4, 184, 203, 0.2); box-shadow: 0px 0px 10px rgba(0, 80, 153, 0.15); z-index: 9; } .top_menu.header_fixed { margin-top: 0; position: fixed; width: 100%; top: 0px; z-index: 3; } .fake_menu.header_fixed_f { height: 50px; } .top_menu ul { margin: 0 auto; /*max-width: 1080px;*/ } .top_menu .ul_menu { display: flex; justify-content: space-between; } .top_menu ul li { display: block; position: relative; /* background: #fffc00; !* Old Browsers *! background: -webkit-linear-gradient(top, #fffc00, #ffc600); !*Safari 5.1-6*! background: -o-linear-gradient(top, #fffc00, #ffc600); !*Opera 11.1-12*! background: -moz-linear-gradient(top, #fffc00, #ffc600); !*Fx 3.6-15*! background: linear-gradient(to bottom, #fffc00, #ffc600); !*Standard*! border-radius: 10px;*/ } .top_menu .item_nav { display: block; position: relative; /*background: #12b5f7;*/ color: #1b1c1d; text-decoration: none; /*width: 170px;*/ height: 68px; border-radius: 10px; font-family: "CeraRoundProDEMOBold"; letter-spacing: 0.03em; text-transform: uppercase; font-size: 15px; line-height: 24px; padding-left: 40px; padding-top: 22px; } .top_menu .item_nav.menu01 { background: url(../img/menu01.png) no-repeat 0 center; } .top_menu .item_nav.menu02 { background: url(../img/menu02.png) no-repeat 0 center; } .top_menu .item_nav.menu03 { background: url(../img/menu03.png) no-repeat 0 center; } .top_menu .item_nav.menu04 { background: url(../img/menu04.png) no-repeat 0 center; } .top_menu .item_nav.menu05 { background: url(../img/menu05.png) no-repeat 37px center; padding-left: 79px; padding-top: 20px; } .top_menu .item_nav.menu06-d { background: url(../img/menu06-d.png) no-repeat 15px center; padding-left: 77px; padding-top: 12px; background-size: 40px 70px; display: none; } .top_menu .item_nav.menu06-o { background: url(../img/menu06-o.png) no-repeat 15px center; padding-left: 77px; padding-top: 12px; background-size: 50px 50px; display: none; } .top_menu .item_nav.menu06 { background: url(../img/ux/menu06.svg) no-repeat 0 center; } .top_menu .item_nav.menu07 { background: url(../img/menu07.png) no-repeat 37px center; padding-left: 79px; padding-top: 20px; display: none; } .top_menu .item_nav.menu08 { display: none; } .top_menu .s_menu { display: none; background: url(../img/s_menu.png) no-repeat; width: 168px; height: 31px; margin-top: 11px; margin-left: 20px; cursor: pointer; } .top_menu ul li:hover div { display: block; } .top_menu ul li div { display: none; position: absolute; padding-top: 0px; z-index: 1; } .top_menu ul li ul { /* position: absolute;*/ background: #cdf1f5; border-radius: 10px; width: 230px; margin-top: 5px; } .top_menu ul li ul li { background: none; padding-left: 10px; border-radius: 0px; width: 100%; float: none; padding-bottom: 5px; margin-left: 0; margin-right: 0; line-height: 25px; } .top_menu ul li ul li:last-child { border: none; } .top_menu ul li ul li a { text-decoration: none; font-size: 16px; font-family: "RobotoMedium"; color: #333; } .top_menu ul li ul li a:hover { color: #14a8e4; } /********************************************************/ .index_banner { background: url("../img/my3.jpg") no-repeat center -30px; height: 566px; } .dostavka_banner { background: url("../img/dostavka.jpg") no-repeat center; height: 566px; background-size: 1244px; } .nashi-raboty_banner { background: url("../img/osteklenie-doma.jpg") no-repeat center; height: 566px; background-size: 1244px; } .o-nas_banner { background: url("../img/o-nas.jpg") no-repeat center; height: 566px; background-size: 1244px; } .index_banner .line1 { font-family: "CeraRoundProDEMOBold"; font-size: 140px; text-align: left; width: max-content; /*Используется только для большого заголовка*/ /*font-size: 156px;*/ /*text-align: center;*/ text-transform: uppercase; } .index_banner .line1 .small_h1 { font-size: 39px; float: right; display: block; text-align: center; padding: 13px 15px; line-height: 110%; } @media (min-width: 320px) and (max-width: 767px) { .index_banner .line1 { margin: 0 auto; text-align: center; } .index_banner .line1 .small_h1 { float: none; } } .index_banner .line2 { color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; width: 445px; margin: 0 auto; } .index_banner .line2 .l2_left { font-size: 45px; float: left; } .index_banner .line2 .l2_right { font-size: 126px; line-height: 79px; float: left; } .index_banner .line2 .l2_right span { font-family: "RobotoBold"; } .index_banner .line3 { margin-top: 20px; } .index_banner .line3 img { max-width: 312px; width: 100%; } .index_banner .line4 { margin-top: 20px; margin-bottom: 20px; } .index_banner .line4 .zamer_btn1 { cursor: pointer; max-width: 320px; width: 100%; } /**************************************/ .n1 { margin-bottom: 20px; } .n1 .n1_block { float: left; min-width: 320px; /*height:420px;*/ height: 491px; position: relative; margin-top: 20px; } .n1 .n1_hh { font-size: 20px; text-align: center; font-family: "RobotoBold"; height: 52px; padding-top: 15px; text-transform: uppercase; } .n1 .n1_sub_block { text-align: center; } .n1 .n1_sub_block.hh1 { background: url("../img/n1_hh1.png") no-repeat center top; } .n1 .n1_sub_block.hh1 img { margin-left: 16px; } .n1 .n1_sub_block.hh2 { background: url("../img/n1_hh2.png") no-repeat center top; width: 359px; margin-left: 20px; margin-right: 45px; } .n1 .n1_sub_block.hh2 img { margin-left: 16px; } .n1 .n1_sub_block.hh3 { background: url("../img/n1_hh3.png") no-repeat center top; width: 389px; } .n1 .n1_sub_block.hh3 img { margin-left: 16px; } .n1 .n1_niz { background: url("../img/n1_niz.png") no-repeat center top; margin-top: 15px; height: 83px; width: 295px; /*position: absolute; bottom: 25px;*/ position: relative; bottom: 0px; } .n1 .n1_niz .n1_left { float: left; font-size: 11px; text-align: center; padding-top: 19px; width: 139px; color: #fff; line-height: 20px; } .n1 .n1_niz .n1_left span { font-size: 20px; text-transform: uppercase; } .n1 .n1_niz .n1_right { float: left; font-size: 17px; text-align: center; font-family: "RobotoBold"; text-transform: uppercase; padding-top: 9px; width: 143px; } .n1 .n1_niz .n1_right span { font-size: 22px; text-transform: uppercase; } .n1 .n1_niz .n1_dop { font-size: 12px; font-family: "CeraRoundProDEMORegular"; } .n1 .n1_niz.nn1 { left: 22px; } .n1 .n1_niz.nn2 { left: 65px; } .n1 .n1_niz.nn3 { left: 22px; bottom: 116px; /* добавлено*/ } .n1 .n1bg { background: url("../img/n1bg.jpg") no-repeat center center; } .btn_cupit_hh1 { position: relative; margin-top: 26px; height: 56px; width: 179px; padding-top: 10px; font-size: 19px; } .btn_cupit_hh2 { position: relative; margin-top: 26px; height: 56px; width: 179px; padding-top: 10px; font-size: 19px; } .btn_cupit_hh3 { position: relative; /* margin-bottom: 59px; */ height: 56px; width: 179px; padding-top: 10px; font-size: 19px; bottom: 91px; } /*****************************************/ .quick { margin-bottom: 20px; } .quick .quick_block { background: url("../img/q_bg.jpg") no-repeat center center; height: 375px; } .quick .q_sign { font-size: 25px; font-family: "RobotoBold"; text-transform: uppercase; line-height: 30px; width: 200px; } .quick .sm_price { color: #ffea00; font-size: 30px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; } .quick .ql1 { padding-top: 70px; } .quick .ql2 { padding-top: 30px; } .quick .trg_bg1 { background: url("../img/trg.png") no-repeat right 25px; padding-left: 110px; } .quick .trg_bg2 { background: url("../img/trg.png") no-repeat right center; padding-left: 110px; } .quick #cm_plus { position: absolute; width: 18px; height: 13px; right: 20px; top: 17px; cursor: pointer; } .quick #cm_minus { position: absolute; width: 18px; height: 13px; right: 20px; top: 37px; cursor: pointer; } /**************************************************/ .okna_pro .obg { margin-top: 20px; background: url("../img/okna_pro_bg.jpg") no-repeat center center; height: 535px; margin-bottom: 20px; } .okna_pro .op_block { background: url("../img/op_block.png") no-repeat center center; width: 246px; height: 62px; margin-top: 0px; margin-bottom: 12px; margin-left: auto; margin-right: auto; color: #fff; font-family: "RobotoBold"; font-size: 17px; text-align: center; } .okna_pro .op_block span { font-size: 22px; line-height: 31px; } .okna_pro .op_block_hh { color: #fff; font-family: "RobotoBold"; font-size: 18px; text-transform: uppercase; text-align: center; } .okna_pro .op1 { background: url("../img/op1.png") no-repeat center center; height: 533px; width: 318px; margin: 0 auto; padding-top: 30px; } .okna_pro .op1_hh1 { font-size: 18px; color: #f0246d; text-transform: uppercase; font-family: "CeraRoundProDEMOBold"; text-align: center; padding-bottom: 20px; } .okna_pro .op1_hh2 { font-size: 22px; text-transform: uppercase; font-family: "RobotoBold"; text-align: center; } .okna_pro .op_block1 { width: 246px; /* height: 62px; */ margin-top: 42px; margin-bottom: 55px; margin-left: auto; margin-right: auto; font-family: "RobotoBold"; font-size: 25px; text-align: center; } /****************************************/ .d_ceny { background: url("../img/d_ceny.jpg") no-repeat center bottom; height: 830px; /*background-size: 100% auto;*/ } .d_ceny .h1 { } /*****************************************/ .systems { margin-bottom: 20px; } .carousel-sys { margin-top: 20px; } .carousel-sys .sys_block { width: 100%; max-width: 326px; /*max-width: 290px;*/ margin: 0 auto; position: relative; } .carousel-sys .sys_block .sys_hh { color: #666; font-family: "RobotoBold"; font-size: 40px; position: absolute; top: 70px; left: 143px; } .carousel-sys .sys_block .sys_stars { position: absolute; /*top: 135px;*/ top: 165px; right: 43px; width: 138px; text-align: center; height: 30px; } .carousel-sys .sys_block .sys_stars img { width: 27px; float: left; } .carousel-sys .sys_block .sys_letters { position: absolute; bottom: 53px; right: 29px; width: 138px; text-align: center; } .carousel-sys .sys_block .sys_letters .line1 { color: #666; font-family: "RobotoBold"; font-size: 17px; } .carousel-sys .sys_block .sys_letters .line2 { color: #ff0000; font-family: "RobotoBold"; font-size: 30px; padding-top: 5px; padding-bottom: 5px; } .carousel-sys .sys_block .sys_letters .line3 { color: #333; font-family: "RobotoBold"; font-size: 16px; } .carousel-sys .sys_block .sys_letters .line3 span { font-size: 20px; } .carousel-sys .hit { background: url("../img/hit.png") no-repeat center center; position: absolute; width: 87px; height: 87px; bottom: 13px; left: -11px; } .carousel-sys.owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; color: white; cursor: pointer; display: block; font-size: 14px; height: 56px; margin: 0; padding: 0; width: 56px; top: 37%; position: absolute; } .carousel-sys.owl-theme .owl-controls .owl-nav .owl-prev { background: url("../img/sys_prev.png") no-repeat left center; left: -40px; /*top: 257px; смещение вниз */ } .carousel-sys.owl-theme .owl-controls .owl-nav .owl-next { background: url("../img/sys_next.png") no-repeat left center; right: -40px; /* top: 257px; смещение вниз */ } /* .carousel-sys.owl-theme .owl-controls .owl-nav .owl-prev:hover{ background: url("../img/prev.png") no-repeat left center; } .carousel-sys.owl-theme .owl-controls .owl-nav .owl-next:hover{ background: url("../img/next.png") no-repeat left center; } */ /************************************/ .decor1 { background: url("../img/decor1.jpg") no-repeat center center; height: 26px; margin-top: 40px; margin-bottom: 20px; } /**************************************/ .dop_opt { margin-bottom: 20px; } .carousel-dop { margin: 30px 0 40px; } .carousel-dop .item { text-align: center; } .carousel-dop .item img { max-width: 250px; margin: 0 auto; } /*.carousel-dop .item .dop_sign { background: url("../img/dop_sign.jpg") no-repeat center center; height: 101px; }*/ .carousel-dop .item .dop_sign { font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; text-align: center; } .carousel-dop .item .dop_sign .line1 { margin-top: 12px; } .carousel-dop .item .dop_sign .line2 { margin-top: 10px; } .carousel-dop .item .dop_sign .line2 .price { color: #04b8cb; } .carousel-dop .opt_block { width: 280px; margin: 0 auto; position: relative; } /***************************************************/ .w_color { background: url("../img/w_color.jpg") no-repeat center center; height: 492px; margin-top: 30px; margin-bottom: 30px; overflow: hidden; } .w_color .carousel-color .c_border img, .w_color .carousel-sing .c_border img { width: 92px; border-radius: 50px; border: 3px solid #ccc; text-align: center; } .w_color .carousel-color .c_border, .w_color .carousel-sing .c_border { position: relative; text-align: center; background: #fff; border-radius: 50px; padding: 7px; width: 106px; margin-left: auto; margin-right: auto; } .w_color .carousel-color .c_border:hover img, .w_color .carousel-color .c_border.selected img, .w_color .carousel-sing .c_border:hover img, .w_color .carousel-sing .c_border.selected img { border: 3px solid #ffce40; } .w_color .carousels { width: 700px; float: left; padding-right: 60px; } .w_color .okno { float: left; width: 450px; position: relative; height: 500px; } .w_color .okno .plastik { position: absolute; top: 1px; left: 1px; width: 350px; height: 494px; background: rgba(0, 0, 0, 0) url("../img/rc1_o.png") no-repeat scroll left center; } .w_color .carousel-color .item, .w_color .carousel-sing .item { color: #666; font-size: 14px; font-family: "RobotoRegular"; text-transform: uppercase; text-align: center; } .w_color .okno { float: left; width: 360px; position: relative; height: 500px; } .w_color .okno .ruchka { position: absolute; top: 1px; left: 1px; width: 350px; height: 494px; background: rgba(0, 0, 0, 0) url("../img/rt1_o.png") no-repeat 10px 120px; } .w_color .carousels { padding-top: 30px; } .w_color .r_color { margin-bottom: 65px; } .w_color .config_hh1, .w_color .config_hh2 { margin-bottom: 25px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #000; } /************************************************/ .rsk { background: rgba(0, 0, 0, 0) url("../img/rsk_bg.jpg") no-repeat center center; min-height: 321px; padding-top: 55px; margin-top: 40px; margin-bottom: 20px; } .rsk .razmetka1 { margin-left: 15px; max-width: 282px; } .rsk .pl { padding-left: 245px; } /********************************************************/ .t_blocks { margin-bottom: 20px; margin-top: 50px; } .t_blocks .t_block { border: 3px solid #ffde00; border-radius: 35px; padding: 25px; max-width: 555px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; } .t_blocks .t_block img { float: left; } .t_blocks .t_block .r_block { float: left; width: 50%; } .t_blocks .t_block .r_block .h2 { font-size: 30px; color: #333; font-family: "RobotoBold"; text-transform: uppercase; margin-bottom: 10px; } .t_blocks .t_block .r_block p { font-size: 18px; color: #333; font-family: "RobotoBold"; text-transform: uppercase; line-height: 27px; margin-bottom: 20px; } .t_blocks .t_block .r_block .y_line { margin-bottom: 10px; } /**************************************/ .free_d { background: rgba(0, 0, 0, 0) url("../img/free_d.jpg") no-repeat center center; /*height: 542px;*/ height: 40vw; /* padding-top: 18px; */ padding-top: 4vw; margin-top: 50px; margin-bottom: 20px; background-size: contain; } .free_d .fd_block { background: rgba(0, 0, 0, 0) url("../img/fd_block.png") no-repeat right bottom; height: 384px; position: relative; margin: 0 auto; max-width: 1025px; width: 100%; } .free_d .fd_block .hh { background: rgba(0, 0, 0, 0) url("../img/fd_hh.png") no-repeat center center; width: 381px; height: 109px; margin: 0 auto; color: #fff; text-transform: uppercase; font-size: 25px; font-family: "RobotoBold"; padding-top: 8px; padding-left: 19px; } .free_d .fd_block .hh img { float: left; padding-right: 10px; } .free_d .fd_block .hh p { width: 381px; height: 109px; margin: 0 auto; color: #fff; text-transform: uppercase; font-size: 25px; font-family: "RobotoBold"; } .free_d .fd_block .fd_msg { background: rgba(0, 0, 0, 0) url("../img/fd_msg.png") no-repeat center center; width: 405px; height: 258px; font-size: 25px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; padding-top: 43px; line-height: 36px; } .free_d .h1_fd_msg2 { text-align: right; font-size: 4.4vw; color: #ff0975; margin-bottom: 0; margin-top: 2vw; } .free_d .h1_fd_msg2 span { color: #2a2a29; } .free_d .fd_msg2 { text-align: right; color: #292b23; } .free_d .col-md-12 { padding: 0 5vw; font-size: 2.5vw; font-weight: bold; } /******************************************/ .links1 { margin-top: 70px; } .links1 l_dop { padding-left: 30px; } .links1 .h1 { text-align: left; margin-top: 0px; margin-bottom: 10px; } .links1 p { font-size: 29px; line-height: 35px; margin-bottom: 15px; } .links1 .b_btn { font-size: 30px; text-transform: none; font-family: "RobotoRegular"; text-decoration: none; margin: 0px; height: 58px; width: 230px; padding-top: 13px; padding-bottom: 0; } .links1 a:hover { color: #fff; } /*************************************/ .oz { background: rgba(0, 0, 0, 0) url("../img/oz_bg.jpg") no-repeat center center; height: 682px; margin-top: 50px; } .oz .oz_block { background: rgba(0, 0, 0, 0) url("../img/oz_block.png") no-repeat center center; width: 522px; height: 585px; position: relative; padding-top: 15px; } .oz .oz_block .oz_hh { background: rgba(0, 0, 0, 0) url("../img/y_galka.png") no-repeat left center; color: #fff; text-transform: uppercase; font-size: 27px; font-family: "RobotoBold"; padding-left: 32px; margin-left: 176px; margin-top: 60px; } .oz .oz_block p { font-size: 20px; font-family: "RobotoRegular"; color: #fff; padding-left: 40px; padding-right: 35px; padding-top: 36px; } /**********************************************************/ .d3 { margin-top: 20px; } .d3 .d3_block { background: rgba(0, 0, 0, 0) url("../img/d3.jpg") no-repeat center center; height: 286px; padding-top: 5px; padding-right: 117px; position: relative; } .d3 .sign5 { background: rgba(0, 0, 0, 0) url("../img/sign5.png") no-repeat center center; width: 197px; height: 170px; position: absolute; left: 149px; top: 88px; } /******************************************************************/ .bes { margin-top: 30px; padding-bottom: 20px; } .bes .bes_block .bes_mb { display: none; } .bes .bes_block { background: rgba(0, 0, 0, 0) url("../img/bes_bg.jpg") no-repeat left center; height: 391px; padding-top: 15px; } .bes .inner_text { max-width: 570px; width: 100%; } .bes .inner_text .l1 { font-size: 22px; font-family: "RobotoBold"; text-decoration: line-through; text-transform: uppercase; padding-top: 20px; padding-bottom: 10px; } .bes .inner_text .l2 { font-family: "RobotoBold"; color: #ff3366; font-size: 30px; text-transform: uppercase; } .bes .inner_text .l2 img { padding-top: 10px; padding-bottom: 10px; } .bes .b_btn { text-decoration: none; font-size: 20px; height: 70px; padding-top: 25px; } .bes .b_btn:hover { color: #fff; } /************************************/ .o_rassr { background: rgba(0, 0, 0, 0) url("../img/o_rassr.jpg") no-repeat center bottom; height: 548px; position: relative; padding-top: 62px; margin-top: 50px; } .o_rassr .par { background: rgba(0, 0, 0, 0) url("../img/par.png") no-repeat center bottom; width: 304px; height: 526px; position: absolute; top: -57px; left: 0px; } .o_rassr .rassr_msg { background: rgba(0, 0, 0, 0) url("../img/rassr_msg.png") no-repeat center top; max-width: 396px; width: 100%; margin: 0 auto; text-align: center; font-family: "RobotoRegular"; font-size: 30px; line-height: 48px; padding-top: 20px; } .o_rassr .b_btn { text-decoration: none; font-size: 20px; height: 70px; padding-top: 25px; line-height: normal; margin-top: 10px; } /**********************************************/ .c_work { margin-top: 50px; } .c_work .btn.btn-blue { /*pointer-events: none;*/ } .carousel-wirk { margin: 50px 0 40px; } .c_work .item { margin: 0 30px; } .item .w_block .w_block_r { width: 50%; float: left; padding: 0 15px; } .item .w_block .w_block_l { width: 50%; float: left; padding: 0 15px; position: relative; } .item .w_block .w_block_l img { width: 100%; border-radius: 15px; } .item .w_block .w_block_r .w_msg1 { margin-bottom: 12px; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; } .item .w_block .w_block_r .w_adr, .item .w_block .w_block_r .w_client { font-family: "RobotoBold"; text-transform: uppercase; padding-left: 35px; padding-top: 19px; padding-bottom: 19px; font-size: 15px; } .item .w_block .w_block_r .w_adr { background: rgba(0, 0, 0, 0) url("../img/w_adr.png") no-repeat left center; background-size: 28px; } .item .w_block .w_block_r .w_client { background: rgba(0, 0, 0, 0) url("../img/w_client.png") no-repeat left center; background-size: 28px; } .item .w_block .w_block_r p { margin-top: 12px; margin-bottom: 35px; font-size: 16px; line-height: 24px; } .item .w_block .w_block_l .w_msg1 { background: rgba(0, 0, 0, 0) url("../img/w_msg1.png") no-repeat center center; width: 357px; height: 150px; position: absolute; top: 244px; right: 74px; color: #fff; text-transform: uppercase; font-size: 20px; font-family: "RobotoBold"; padding-left: 112px; padding-top: 43px; padding-right: 35px; padding-bottom: 25px; } .item .w_block .w_block_r .btn { padding: 17px 30px; font-size: 15px; line-height: 24px; } .item .w_block .w_block_l .b_btn span { color: #ffde00; } .carousel-wirk.owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; color: white; cursor: pointer; display: block; font-size: 14px; height: 56px; margin: 0; padding: 0; width: 56px; top: 37%; position: absolute; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev { background: url("../img/sys_prev.png") no-repeat left center; left: -40px; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next { background: url("../img/sys_next.png") no-repeat left center; right: -40px; } /***********************************************/ .otz ul { max-width: 969px; width: 100%; margin: 0 auto; } .otz ul li { display: block; width: 320px; height: 70px; margin-top: 20px; float: left; text-align: center; padding-top: 17px; background: #f2f2f2; /* Old Browsers */ background: -webkit-linear-gradient(top, #f2f2f2, #dbdbdb); /*Safari 5.1-6*/ background: -o-linear-gradient(top, #f2f2f2, #dbdbdb); /*Opera 11.1-12*/ background: -moz-linear-gradient(top, #f2f2f2, #dbdbdb); /*Fx 3.6-15*/ background: linear-gradient(to bottom, #f2f2f2, #dbdbdb); /*Standard*/ } .otz ul #li1 { border-radius: 10px 0px 0 0; } .otz ul #li3 { border-radius: 0px 10px 0 0; } .otz ul li p img { vertical-align: sub; } .otz ul li p { display: none; font-size: 22px; font-family: "RobotoMedium"; } .otz ul li.ui-state-active { background: #ffda04; border-radius: 10px 10px 0 0 !important; height: 90px; margin-top: 0px; } .otz ul li.ui-state-active p { display: block; } .otz .ui-tabs-anchor { text-decoration: none; font-size: 20px; font-family: "RobotoMedium"; color: #333; } .otz .ui-tabs-anchor span { font-size: 27px; font-family: "RobotoBold"; } .otz .tabs { background: url("../img/otz_bg.jpg") no-repeat center top; max-width: 1079px; width: 100%; margin: 0 auto; height: 575px; padding-top: 30px; } .otz .otz_item { background: url("../img/otz.png") no-repeat center top; background-size: 100% 100%; max-width: 721px; width: 100%; margin: 0 auto; padding-top: 22px; padding-left: 18px; padding-right: 18px; padding-bottom: 18px; /*height: 459px;*/ } /***********************************/ .links2 { } .links2 .block_links2 { display: block; background: #f5f5f5; border: 3px solid #f0246d; font-size: 25px; color: #666; font-family: "RobotoBold"; text-transform: uppercase; width: 100%; max-width: 320px; height: 100px; text-decoration: none; border-radius: 35px; padding-left: 115px; padding-top: 19px; margin: 0 auto; } .links2 .col-md-4 { margin-top: 40px; } .links2 .b1 { background: #f5f5f5 url("../img/b1.png") no-repeat 30px center; } .links2 .b2 { background: #f5f5f5 url("../img/b2.png") no-repeat 30px center; } .links2 .b3 { background: #f5f5f5 url("../img/b3.png") no-repeat 30px center; } /************************************/ .form_price { background: url("../img/fp_bg2.jpg") no-repeat center bottom; height: 541px; margin-top: 30px; } .form_price .fp_block { width: 100%; max-width: 644px; float: right; margin-right: 98px; } .form_price .hh { background: url("../img/fp_hh.png") no-repeat center center; width: 100%; height: 224px; padding-top: 58px; } .form_price .hh .h1 { font-size: 30px; font-family: "RobotoBold"; color: #fff; line-height: 33px; } .form_price .line1 { text-transform: uppercase; text-align: center; font-family: "RobotoBold"; font-size: 22px; padding-top: 20px; } .form_price .ramka2 { border: 2px solid #ccc; background: #fff; border-radius: 40px; padding: 10px; max-width: 479px; margin: 40px auto 0px auto; width: 100%; } .form_price .ramka2 .fp_img { background: url("../img/fp_tel.png") no-repeat center center; width: 56px; height: 57px; float: left; margin-top: 2px; } .form_price .ramka2 input { float: left; border: none; background: none; width: 200px; width: 231px; margin-left: 10px; margin-right: 10px; margin-top: 15px; font-size: 20px; } .form_price .ramka2 .b_btn { float: left; font-size: 17px; width: 148px; padding-top: 13px; padding-bottom: 13px; background: #ed226b url("../img/str.png") no-repeat 120px center; padding-right: 10px; } .form_price .line2 { font-family: "RobotoBold"; font-size: 27px; text-transform: uppercase; text-align: center; margin-top: 35px; } .form_price .line2 span { font-size: 50px; } /***************************************/ /*.footer { background: #333; } .footer ul { } .footer ul li { text-align: center; float: left; width: 160px; padding-top: 10px; padding-bottom: 10px; } .footer ul li a { color: #fff; text-transform: uppercase; font-size: 17px; text-decoration: none; } .footer .ffr img { float: right; margin-left: 10px; } .ext_blog { display: inline-block; float: left; } .ext_blog a { display: block; position: relative; margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; background: #fffc00; background: -webkit-linear-gradient(top, #fffc00, #ffc600); background: -o-linear-gradient(top, #fffc00, #ffc600); background: -moz-linear-gradient(top, #fffc00, #ffc600); background: linear-gradient(to bottom, #fffc00, #ffc600); border-radius: 10px; color: #333; text-decoration: none; width: 200px; height: 35px; line-height: 32px; padding: 0; } .ext_blog a:hover, .ffl > a > img:hover, .ffl > .ext_soc > a > img:hover { -moz-box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff; border-radius: 10px; } .ffl > .ext_soc > a > img:hover { border-radius: 30px; } .ffl > .ext_soc > a[href="tel:+79914094341"]:hover { color: #f26422; } .ext_soc { display: inline-block; float: right; }*/ /********************************************************/ .balkon_banner { background: url("../img/balkon_banner_bg.jpg") no-repeat center -30px; height: 566px; } .balkon_banner .line1 { font-family: "CeraRoundProDEMOBold"; font-size: 66px; text-align: left; text-transform: uppercase; margin-top: 27px; } .balkon_banner .line1 span { font-size: 92px; } .balkon_banner .line2 { color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; width: 445px; margin: 0 auto; } .balkon_banner .line2 .l2_left { font-size: 45px; float: left; } .balkon_banner .line2 .l2_right { font-size: 126px; line-height: 79px; float: left; } .balkon_banner .line2 .l2_right span { font-family: "RobotoBold"; } .balkon_banner .line3 { margin-top: 20px; color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; width: 445px; font-size: 92px; background: url("../img/r.png") no-repeat right center; text-align: left; } .balkon_banner .line3 img { max-width: 312px; width: 100%; } .balkon_banner .line4 { margin-top: 20px; margin-bottom: 20px; } .balkon_banner .line4 .zamer_btn1 { max-width: 320px; width: 100%; cursor: pointer; } /******************************************************/ .o_balkon { } .o_balkon .ob_config { margin-top: 50px; } .o_balkon .ob_config .ob_top { background: url("../img/ob_top_bg.png") no-repeat center top; width: 688px; height: 156px; margin: 0 auto; position: relative; } .o_balkon .ob_config .ob_top .hh_ob_top { text-align: center; font-size: 30px; font-family: "RobotoBold"; text-transform: uppercase; color: #333; padding-top: 15px; padding-bottom: 15px; } .o_balkon .ob_config .ob_top .sw { width: 314px; height: 59px; margin: 0 auto; } .o_balkon .ob_config .ob_top .sw.cold_select { background: url("../img/ob_cold.png") no-repeat center top; } .o_balkon .ob_config .ob_top .sw.hot_select { background: url("../img/ob_hot.png") no-repeat center top; position: relative; } .o_balkon .ob_config .ob_top .sw div { margin-top: 19px; width: 137px; text-align: center; margin-left: 12px; } .o_balkon .ob_config .ob_top .sw.cold_select .sw_cold { font-size: 20px; font-family: "RobotoBold"; color: #ff3366; text-transform: uppercase; float: left; cursor: default; } .o_balkon .ob_config .ob_top .sw.cold_select .sw_hot { font-size: 20px; font-family: "RobotoBold"; color: #fff; text-transform: uppercase; float: left; text-decoration: underline; cursor: pointer; } .o_balkon .ob_config .ob_top .sw.hot_select .sw_cold { font-size: 20px; font-family: "RobotoBold"; color: #fff; text-transform: uppercase; float: left; text-decoration: underline; cursor: pointer; } .o_balkon .ob_config .ob_top .sw.hot_select .sw_hot { font-size: 20px; font-family: "RobotoBold"; color: #ff3366; text-transform: uppercase; float: left; cursor: default; } .o_balkon .ob_config .ob_left { background: url("../img/cold_balkon_bg.png") no-repeat center center; max-width: 625px; width: 100%; /*height: 638px;*/ position: relative; background-size: 100% auto !important; } .o_balkon .ob_config .ob_left .ob_otd { /* background: url("../img/cold_balkon_w.png") no-repeat center center ; position:absolute; width: 528px; height: 243px; bottom: 48px; left: 49px; */ max-width: 625px; width: 100%; } .o_balkon .ob_config .ob_right { background: url("../img/ob_right_bg.png") no-repeat center center; width: 481px; height: 466px; position: absolute; top: 250px; right: 151px; padding-left: 145px; z-index: 1; } .o_balkon .ob_config .ob_right.obr_cold .ob_r_hh { background: url("../img/cold_hh.png") no-repeat center center; width: 290px; height: 111px; position: absolute; top: -50px; right: 23px; } .o_balkon .ob_config .ob_right.obr_hot .ob_r_hh { background: url("../img/hot_hh.png") no-repeat center center; width: 290px; height: 111px; position: absolute; top: -50px; right: 23px; } .o_balkon .ob_config .ob_right .ob_pr { font-size: 40px; font-family: "RobotoBold"; text-transform: uppercase; color: #333; text-align: center; margin-top: 74px; padding-bottom: 10px; } .o_balkon .ob_config .ob_right.obr_cold .ob_line1 { background: url("../img/cold_line1.jpg") no-repeat center center; width: 100%; height: 80px; } .o_balkon .ob_config .ob_right.obr_hot .ob_line1 { background: url("../img/hot_line1.jpg") no-repeat center center; width: 100%; height: 80px; } .o_balkon .ob_config .ob_right.obr_cold .ob_desc { background: url("../img/cold_sign1.jpg") no-repeat left center; font-size: 13px; font-family: "RobotoBold"; text-transform: uppercase; height: 34px; padding-left: 79px; width: 303px; margin: 0 auto; line-height: 16px; } .o_balkon .ob_config .ob_right.obr_hot .ob_desc { background: url("../img/hot_sign1.jpg") no-repeat left center; font-size: 13px; font-family: "RobotoBold"; text-transform: uppercase; height: 34px; padding-left: 79px; width: 303px; margin: 0 auto; line-height: 16px; } .o_balkon .ob_config .ob_right .ob_color_select .ob_cs_hh { text-align: center; font-size: 18px; font-family: "RobotoBold"; text-transform: uppercase; padding-bottom: 10px; padding-top: 15px; } .o_balkon .ob_config .ob_right .ob_color_select .ob_lenta { } .o_balkon .ob_config .ob_right .ob_color_select .ob_lenta .ob_item_block { font-size: 13px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; float: left; width: 83px; } .o_balkon .ob_config .ob_right .ob_color_select .ob_lenta .ob_item_block .ob_item { width: 60px; height: 60px; background-color: #666; border-radius: 50px; border: 3px solid #ccc; margin: 6px auto; cursor: pointer; } .o_balkon .ob_config .ob_right .ob_color_select .ob_lenta .ob_item_block .ob_item.active { border: 5px solid #ffce40; width: 60px; height: 60px; background-image: url("../img/ob_ck.png"); background-repeat: no-repeat; background-position: center center; cursor: default; } .o_balkon #g { background-color: #73a022; } .o_balkon #r { background-color: #ff0000; } .o_balkon #w { background-color: #fff; } .o_balkon #b { background-color: #5d9bc1; } .o_balkon .otdelka_link { text-align: center; padding-top: 22px; } /****************************************/ .sim_balkon { } .sim_balkon .carousel-sim_balkon { } .sim_balkon .carousel-sim_balkon .simb_block { background: url("../img/simb_block.png") no-repeat center center; width: 491px; height: 450px; margin: 0 auto; position: relative; } .sim_balkon .carousel-sim_balkon .simb_block .simb_hh { font-size: 18px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; margin: 0 auto; width: 300px; height: 80px; line-height: normal; padding-top: 17px; } .sim_balkon .carousel-sim_balkon .simb_block .img_c { max-width: 250px; margin: 0 auto; width: 100%; margin-top: 50px; margin-bottom: 50px; } .sim_balkon .carousel-sim_balkon .simb_block .simb_itogo { position: absolute; bottom: 14px; left: 24px; width: 450px; height: 80px; padding-top: 20px; padding-left: 16px; } .sim_balkon .carousel-sim_balkon .simb_block .simb_itogo span { font-size: 40px; font-family: "RobotoBold"; text-transform: uppercase; position: relative; } .sim_balkon .carousel-sim_balkon .simb_block .simb_itogo .line1 { color: #fff; background: #e51d65; font-size: 35px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; padding: 15px 15px; width: 256px; border-radius: 30px; position: absolute; top: 10px; right: 10px; } .carousel-sim_balkon.owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; color: white; cursor: pointer; display: block; font-size: 14px; height: 56px; margin: 0; padding: 0; width: 56px; top: 45%; position: absolute; } .carousel-sim_balkon.owl-theme .owl-controls .owl-nav .owl-prev { background: url("../img/sys_prev.png") no-repeat left center; left: 9px; } .carousel-sim_balkon.owl-theme .owl-controls .owl-nav .owl-next { background: url("../img/sys_next.png") no-repeat left center; right: 9px; } /****************************************************/ .dop_balkon { } .dop_balkon .carousel-dop_balkon { } .dop_balkon .carousel-dop_balkon .dop_b_block { background: url("../img/dop_b_block.png") no-repeat center center; width: 320px; height: 351px; margin: 0 auto; text-align: center; padding-top: 33px; background-size: 100%; } .dop_balkon .carousel-dop_balkon .dop_b_block img { width: 258px; display: initial; } .dop_balkon .carousel-dop_balkon .dop_b_block .dop_sign { margin-top: 19px; position: relative; } .dop_balkon .carousel-dop_balkon .dop_b_block .dop_sign .l_text { position: absolute; font-size: 20px; font-family: "RobotoBold"; text-transform: uppercase; width: 170px; top: 22px; text-align: left; left: 28px; } .dop_balkon .carousel-dop_balkon .dop_b_block .dop_sign .r_text { color: #fff; font-size: 16px; font-family: "RobotoBold"; text-transform: uppercase; position: absolute; right: 24px; width: 100px; text-align: left; top: 13px; } .dop_balkon .carousel-dop_balkon .dop_b_block .dop_sign .r_text span { font-size: 28px; } .carousel-dop_balkon.owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; color: white; cursor: pointer; display: block; font-size: 14px; height: 56px; margin: 0; padding: 0; width: 56px; top: 37%; position: absolute; } .carousel-dop_balkon.owl-theme .owl-controls .owl-nav .owl-prev { background: url("../img/sys_prev.png") no-repeat left center; left: 9px; } .carousel-dop_balkon.owl-theme .owl-controls .owl-nav .owl-next { background: url("../img/sys_next.png") no-repeat left center; right: 9px; } /*****************************************/ .econom { } .econom .econom_block { width: 220px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 20px; } .econom .econom_block img { height: 105px; } .econom .econom_block p { font-size: 20px; font-family: "RobotoBold"; text-transform: uppercase; line-height: 23px; padding-top: 10px; padding-bottom: 10px; } .econom .econom_block .eco_pr { background: #f0246d; color: #fff; font-size: 20px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 10px; border-radius: 50px; } .econom .lll { background: url("../img/lll.jpg") no-repeat center center; height: 50px; margin-top: 50px; } /*********************************************************/ .montazh { margin-top: 50px; background: url("../img/mon_bg.jpg") no-repeat center center; padding-bottom: 30px; } .montazh ul { width: 100%; margin: 0 auto; max-width: 848px; } .montazh ul li { float: left; } .montazh .montazh_block_pr { text-align: center; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 20px; } .montazh .montazh_block { width: 166px; /*width: 225px;*/ text-align: center; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 20px; } .montazh img { height: 115px; } .montazh .montazh_block p { font-size: 20px; font-family: "RobotoBold"; line-height: 23px; padding-top: 10px; padding-bottom: 10px; color: #ed226b; } .montazh .montazh_block .eco_pr { background: #f0246d; color: #fff; font-size: 20px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 10px; border-radius: 50px; } .montazh .b_btn { font-size: 19px; font-family: "RobotoRegular"; text-decoration: none; height: 64px; width: 230px; padding-top: 23px; padding-bottom: 0; text-transform: uppercase; font-weight: bold; display: block; } /********************************************************/ .akcii_banner { background: url("../img/akcii_banner.jpg") no-repeat center center; height: 714px; padding-top: 76px; } .akcii_banner .line1 { font-family: "CeraRoundProDEMOBlack"; font-size: 74px; text-align: left; text-transform: uppercase; margin-top: 27px; position: relative; height: 200px; color: #ff3366; } .akcii_banner .line1 span { font-size: 64px; } .akcii_banner .line1 .subline1 span { font-size: 148px; } .akcii_banner .subline1 { position: absolute; top: 60px; left: 86px; } .akcii_banner .subline1 img { vertical-align: top; margin-top: 29px; } .akcii_banner .line2 { background: url("../img/al2.png") no-repeat center center; color: #333; font-family: "RobotoBold"; text-transform: uppercase; width: 306px; height: 178px; /* margin: 0 auto;*/ padding-top: 26px; } .akcii_banner .line2 .subline21 { font-size: 38px; text-align: center; } .akcii_banner .line2 .subline22 { font-size: 20px; color: #fff; text-align: center; padding-top: 34px; } /**********************************************************/ .akcii { } .akcii .a_row { padding-bottom: 50px; } .akcii .a_row .a_hh { text-align: left; } /********************************************************/ .dacha_banner { background: url("../img/dacha_banner.jpg") no-repeat center -30px; height: 569px; padding-top: 20px; } .dacha_banner .line1 { font-family: "CeraRoundProDEMOBold"; font-size: 71px; text-align: left; text-transform: uppercase; } .dacha_banner .line2 { color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; width: 445px; margin-top: 20px; } .dacha_banner .line2 .l2_left { font-size: 45px; float: left; line-height: 34px; } .dacha_banner .line2 .l2_left span { font-size: 19px; text-shadow: -0 -2px 0 #000000, 0 -2px 0 #000000, -0 2px 0 #000000, 0 2px 0 #000000, -2px -0 0 #000000, 2px -0 0 #000000, -2px 0 0 #000000, 2px 0 0 #000000, -1px -2px 0 #000000, 1px -2px 0 #000000, -1px 2px 0 #000000, 1px 2px 0 #000000, -2px -1px 0 #000000, 2px -1px 0 #000000, -2px 1px 0 #000000, 2px 1px 0 #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000, -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000; } .dacha_banner .line2 .l2_right { font-size: 126px; line-height: 79px; float: left; } .dacha_banner .line2 .l2_right span { font-family: "RobotoBold"; } .dacha_banner .line3 { margin-top: 20px; } .dacha_banner .line3 img { max-width: 186px; width: 100%; } .dacha_banner .line4 { margin-top: 0px; margin-bottom: 20px; } .dacha_banner .line4 .zamer_btn1 { max-width: 320px; width: 100%; cursor: pointer; } /**************************************/ .n12 { background: url("../img/n12_bg.jpg") no-repeat center center; margin-bottom: 20px; margin-top: 20px; height: 444px; } .n12 .n1_block { min-width: 320px; text-align: center; position: relative; } .n12 .n1_hh { font-size: 25px; text-align: center; font-family: "RobotoBold"; color: #fff; text-transform: uppercase; position: absolute; width: 299px; top: 309px; left: 57px; padding-left: 20px; padding-right: 20px; line-height: normal; } /*****************************************/ .complete { margin-bottom: 20px; } .carousel-comp { margin-top: 20px; } .carousel-comp .comp_block { width: 100%; max-width: 320px; /*max-width: 290px;*/ margin: 0 auto; position: relative; } .carousel-comp .comp_block .comp_hh { color: #333; font-family: "RobotoBold"; font-size: 18px; position: absolute; top: 19px; text-transform: uppercase; width: 100%; text-align: center; } .carousel-comp .comp_block .comp_letters { position: absolute; bottom: 14px; left: 28px; text-align: center; } .carousel-comp .comp_block .comp_letters .line1 { color: #333; font-family: "RobotoBold"; font-size: 19px; text-decoration: line-through; } .carousel-comp .comp_block .comp_letters .line2 { color: #333; font-family: "RobotoBold"; font-size: 30px; padding-top: 5px; padding-bottom: 5px; } .carousel-comp .comp_zakaz { background: url("../img/z_btn.png") no-repeat center center; position: absolute; bottom: 14px; right: 13px; text-align: center; width: 174px; height: 63px; cursor: pointer; } .carousel-comp.owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; color: white; cursor: pointer; display: block; font-size: 14px; height: 56px; margin: 0; padding: 0; width: 56px; top: 43%; position: absolute; } .carousel-comp.owl-theme .owl-controls .owl-nav .owl-prev { background: url("../img/sys_prev.png") no-repeat left center; left: -40px; } .carousel-comp.owl-theme .owl-controls .owl-nav .owl-next { background: url("../img/sys_next.png") no-repeat left center; right: -40px; } /* .carousel-comp.owl-theme .owl-controls .owl-nav .owl-prev:hover{ background: url("../img/prev.png") no-repeat left center; } .carousel-comp.owl-theme .owl-controls .owl-nav .owl-next:hover{ background: url("../img/next.png") no-repeat left center; } */ /*********************************************/ .nstd { } .nstd .ns_price { background: #ff3366; color: #fff; font-size: 28px; font-family: "RobotoBold"; text-align: center; padding: 10px; width: 200px; border-radius: 10px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } /************************************************/ .dom { padding-bottom: 30px; padding-top: 30px; } /*************************************************************/ .garant { background: url("../img/garant_bg.jpg") no-repeat center center; height: 533px; margin-bottom: 30px; padding-top: 90px; } .garant .ga_text { font-size: 35px; color: #ffde00; font-family: "RobotoBold"; text-align: center; text-transform: uppercase; padding-top: 20px; } .garant .ga_text span { font-size: 25px; } /*********************************************/ .o_calc { } /* .o_calc .o_submenu{ display:none; } */ .o_calc .pr63 { text-align: right; } .o_calc .o_sw { width: 349px; margin-left: auto; margin-right: auto; margin-bottom: 30px; text-transform: uppercase; font-size: 30px; font-family: "RobotoBold"; } .o_calc .o_sw img { vertical-align: middle; padding-left: 10px; padding-right: 10px; } .o_calc .o_sw span { color: #f0246d; } .o_calc .o_sw a { text-transform: uppercase; font-size: 30px; font-family: "RobotoBold"; text-decoration: none; color: #333; } .o_calc .oc_type_text { font-size: 17px; float: left; height: 62px; padding-top: 26px; width: 200px; margin-left: 43px; text-transform: uppercase; font-family: "RobotoBold"; } /*.o_calc .oc_type_menu { position: relative; height: 89px; width: 320px; float: left; }*/ .o_calc .o_submenu .mmm { display: none; } .o_calc .o_submenu .mmm.sh { display: block; } .o_calc .o_submenu.select .mmm { display: block; } .o_calc .o_submenu.active { display: block; } .o_calc .o_submenu.active li { display: none; } .o_calc .o_submenu.active li.active { display: block; } .o_calc .o_submenu.select { display: block; } .o_calc ul li { cursor: pointer; } /*.o_calc #m1 { position: absolute; background: #fff; z-index: 1; padding: 5px; left: 0; }*/ .o_calc #m1_1 { background: url("../img/calc_o/m1_1.jpg") no-repeat center center; width: 32px; height: 45px; } .o_calc #m1_2 { background: url("../img/calc_o/m1_2.jpg") no-repeat center center; width: 32px; height: 45px; } .o_calc #m1_3 { background: url("../img/calc_o/m1_3.jpg") no-repeat center center; width: 32px; height: 45px; } .o_calc #m1_1.active { background: url("../img/calc_o/m1_1a.jpg") no-repeat center center; } .o_calc #m1_2.active { background: url("../img/calc_o/m1_2a.jpg") no-repeat center center; } .o_calc #m1_3.active { background: url("../img/calc_o/m1_3a.jpg") no-repeat center center; } /*.o_calc #m2 { position: absolute; background: #fff; z-index: 1; padding: 5px; left: 62px; }*/ .o_calc #m2_1 { background: url("../img/calc_o/m2_1.jpg") no-repeat center center; width: 52px; height: 45px; } .o_calc #m2_2 { background: url("../img/calc_o/m2_2.jpg") no-repeat center center; width: 52px; height: 45px; } .o_calc #m2_3 { background: url("../img/calc_o/m2_3.jpg") no-repeat center center; width: 52px; height: 45px; } .o_calc #m2_4 { background: url("../img/calc_o/m2_4.jpg") no-repeat center center; width: 52px; height: 45px; } .o_calc #m2_1.active { background: url("../img/calc_o/m2_1a.jpg") no-repeat center center; } .o_calc #m2_2.active { background: url("../img/calc_o/m2_2a.jpg") no-repeat center center; } .o_calc #m2_3.active { background: url("../img/calc_o/m2_3a.jpg") no-repeat center center; } .o_calc #m2_4.active { background: url("../img/calc_o/m2_4a.jpg") no-repeat center center; } /*.o_calc #m3 { position: absolute; background: #fff; z-index: 1; padding: 5px; left: 142px; }*/ .o_calc #m3_1 { background: url("../img/calc_o/m3_1.jpg") no-repeat center center; width: 77px; height: 45px; } .o_calc #m3_2 { background: url("../img/calc_o/m3_2.jpg") no-repeat center center; width: 77px; height: 45px; } .o_calc #m3_3 { background: url("../img/calc_o/m3_3.jpg") no-repeat center center; width: 77px; height: 45px; } .o_calc #m3_1.active { background: url("../img/calc_o/m3_1a.jpg") no-repeat center center; } .o_calc #m3_2.active { background: url("../img/calc_o/m3_2a.jpg") no-repeat center center; } .o_calc #m3_3.active { background: url("../img/calc_o/m3_3a.jpg") no-repeat center center; } /*.o_calc #m4 { position: absolute; background: #fff; z-index: 1; padding: 5px; left: 247px; }*/ .o_calc #m4_1 { background: url("../img/calc_o/m4_1.jpg") no-repeat center center; width: 32px; height: 60px; } .o_calc #m4_2 { background: url("../img/calc_o/m4_2.jpg") no-repeat center center; width: 56px; height: 60px; } .o_calc #m4_1.active { background: url("../img/calc_o/m4_1a.jpg") no-repeat center center; } .o_calc #m4_2.active { background: url("../img/calc_o/m4_2a.jpg") no-repeat center center; } .o_calc .r_block { padding: 40px 35px; padding-right: 25px; background: rgba(4, 184, 203, 0.2); box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); border-radius: 15px; } .o_calc .r_block .oc_line { font-family: "RobotoBold"; display: table; padding-bottom: 28px; } .o_calc .r_block .oc_line span { vertical-align: middle; display: table-cell; } .o_calc .r_block .oc_line span.inp { padding-right: 20px; padding-left: 20px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .o_calc .r_block .oc_pr_block { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; margin-bottom: 20px; border-top: 1px solid #fff; padding-top: 10px; font-size: 14px; line-height: 24px; color: #6f8789; } .o_calc .r_block .oc_pr_block span { font-family: "RobotoBold"; font-weight: bold; } .o_calc .line_b { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; border-bottom: 1px solid #fff; padding-bottom: 22px; font-size: 14px; line-height: 24px; } .o_calc .line_b .bl_left { font-size: 16px; line-height: 24px; font-weight: bold; } .o_calc .line_b .bl_left span { margin-left: 12px; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #fa6314; vertical-align: sub; } .o_calc .line_b .lb_right { width: 170px; height: 46px; padding: 7px 0; padding-left: 55px; background-color: #00bb3e; color: #fff; background-image: url("data:image/svg+xml,%0A"); background-repeat: no-repeat; background-position: 23px center; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; font-family: "CeraRoundProDEMOBlack"; font-size: 12px; line-height: 15px; letter-spacing: 0.03em; text-transform: uppercase; } .o_calc .line_b .lb_right span { font-size: 15px; } .o_calc .b_btn { font-size: 20px; width: 350px; padding-top: 20px; padding-bottom: 20px; } .o_calc .vert { width: 115px; float: left; height: 382px; } .o_calc .horiz { float: left; /*height: 80px;*/ width: 514px; } /*********************/ .o_calc .vert .ui-slider-vertical { width: 8px; height: 375px; margin-left: auto; margin-right: auto; margin-top: 15px; } .o_calc .vert .ui-widget-header { /* background: #fff000; border-radius: 12px;*/ } .o_calc .ui-slider-range { height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background: #04b8cb; border-radius: 10px; } /********************/ .o_calc .horiz .ui-slider-horizontal { height: 8px; width: 265px; margin-right: 25px; margin-top: 26px; float: right; } .o_calc .horiz .ui-widget-header { /* background: #fff000; border-radius: 12px;*/ } .o_calc .horiz .ui-state-default, .o_calc .vert .ui-state-default { margin: 0; padding: 0; width: 18px; height: 18px; background: #fa6314; border-radius: 50%; } .o_calc .horiz .ui-state-default { margin-top: -5px; margin-left: -9px; } .o_calc .vert .ui-state-default { margin-bottom: -9px; margin-left: -5px; } /********************/ .o_calc .horiz .h_bl, .o_calc .vert .v_bl { width: 115px; padding: 5px; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 3px; font-size: 14px; line-height: 20px; color: #000000; text-align: center; } .o_calc .horiz .h_bl { float: right; } .o_calc .horiz #h_txt, .o_calc .vert #v_txt { width: 100px; font-family: "RobotoRegular"; font-size: 16px; text-align: center; color: #000000; } .o_calc .maket { display: flex; align-items: center; justify-content: space-between; float: left; height: 460px; width: 340px; } .o_calc .maket img { margin: auto; } /**********/ .o_calc .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; -ms-touch-action: none; touch-action: none; outline: none; } .o_calc .ui-slider { position: relative; text-align: left; } .o_calc .ui-widget-content { /* border: 1px solid #dddddd;*/ background: #ebeff2; border-radius: 10px; color: #333333; } /***** css switch ********************************************/ .o_calc input[type="checkbox"].need_otliv, .o_calc input[type="checkbox"].need_montazh { position: relative; width: 28px; height: 10px; background: #d3d3d3; margin: 0; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.25); border-radius: 50px; -webkit-appearance: none; -moz-appearance: none; outline: none; transition: 0.5s; vertical-align: middle; } .o_calc input:checked[type="checkbox"].need_otliv, .o_calc input:checked[type="checkbox"].need_montazh { background: #04b8cb; } .o_calc input[type="checkbox"].need_otliv::before, .o_calc input[type="checkbox"].need_montazh::before { content: ""; width: 16px; height: 16px; position: absolute; top: -3px; left: 0; background: #ffffff; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25); border-radius: 50px; transition: 0.5s; } .o_calc input:checked[type="checkbox"].need_otliv::before, .o_calc input:checked[type="checkbox"].need_montazh::before { left: 13px; } /***** css switch ********************************************/ .o_calc .b_type { margin-left: auto; margin-right: auto; cursor: pointer; } .o_calc #b1 { background: url("../img/calc_b/b1.jpg") no-repeat center center; width: 52px; height: 42px; } .o_calc #b2 { background: url("../img/calc_b/b2.jpg") no-repeat center center; width: 69px; height: 42px; } .o_calc #b3 { background: url("../img/calc_b/b3.jpg") no-repeat center center; width: 86px; height: 42px; } .o_calc #b4 { background: url("../img/calc_b/b4.jpg") no-repeat center center; width: 69px; height: 42px; } .o_calc #b5 { background: url("../img/calc_b/b5.jpg") no-repeat center center; width: 86px; height: 42px; } .o_calc #b6 { background: url("../img/calc_b/b6.jpg") no-repeat center center; width: 102px; height: 42px; } .o_calc #b7 { background: url("../img/calc_b/b7.jpg") no-repeat center center; width: 86px; height: 42px; } .o_calc #b1.active { background: url("../img/calc_b/b1a.jpg") no-repeat center center; } .o_calc #b2.active { background: url("../img/calc_b/b2a.jpg") no-repeat center center; } .o_calc #b3.active { background: url("../img/calc_b/b3a.jpg") no-repeat center center; } .o_calc #b4.active { background: url("../img/calc_b/b4a.jpg") no-repeat center center; } .o_calc #b5.active { background: url("../img/calc_b/b5a.jpg") no-repeat center center; } .o_calc #b6.active { background: url("../img/calc_b/b6a.jpg") no-repeat center center; } .o_calc #b7.active { background: url("../img/calc_b/b7a.jpg") no-repeat center center; } .carousel-b.owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; color: white; cursor: pointer; display: block; font-size: 14px; height: 24px; margin: 0; padding: 0; width: 14px; top: 17%; position: absolute; } .carousel-b.owl-theme .owl-controls .owl-nav .owl-prev { background: url("../img/b_prev.png") no-repeat left center; left: -23px; } .carousel-b.owl-theme .owl-controls .owl-nav .owl-next { background: url("../img/b_next.png") no-repeat left center; right: -23px; } .o_calc.balkon .oc_type_text { width: 161px; } .o_calc.balkon .b_submenu { width: 270px; margin: 0 auto; } .o_calc.balkon .oc_type_menu { position: relative; height: 48px; width: 320px; float: left; margin-top: 16px; } .o_calc.balkon .maket { float: right; height: 377px; width: 320px; text-align: left; padding-top: 50px; } /**********************************************/ .contacts { background: url("../img/c_bg.png") no-repeat center top; min-height: 300px; } .contacts .c_block { max-width: 1120px; margin: 0 auto; width: 100%; } .contacts .h2 { font-family: "RobotoBold"; font-size: 30px; text-align: center; text-transform: uppercase; } .contacts ul { /* max-width: 381px;*/ margin: 0 auto; width: 100%; } .contacts ul li { padding-left: 75px; font-size: 20px; text-transform: uppercase; font-family: "RobotoBold"; margin-bottom: 1px; height: 82px; line-height: normal; float: left; padding-right: 20px; } .contacts .li_soc { background: url("../img/li_soc.png") no-repeat left center; float: right; display: block; padding-top: 10px; } @media (min-width: 320px) and (max-width: 767px) { .contacts .li_soc { float: none; } } .contacts .li_adr { background: url("../img/li_adr.png") no-repeat left center; } .contacts .li_mail { background: url("../img/li_mail.png") no-repeat left center; padding-top: 10px; } .contacts .li_tel { background: url("../img/li_tel.png") no-repeat left center; padding-top: 10px; } .li_adr-p { background: url("../img/li_adr.png") no-repeat left center; } .li_mail-p { background: url("../img/li_mail.png") no-repeat left center; } .li_tel-p { background: url("../img/li_tel.png") no-repeat left center; } .contacts-proizvotstvo ul li { float: none; padding-top: 20px; height: auto; padding-left: 75px; font-size: 20px; text-transform: uppercase; font-family: "RobotoBold"; margin-bottom: 1px; height: 82px; line-height: normal; padding-right: 20px; list-style-type: none; } .image_right { float: right; clear: right; margin-left: 40px; margin-bottom: 20px; margin-top: 20px; } .text-center-m { margin: 10px; } #map { width: 100%; height: 450px; display: block; } .len { background: url("../img/len_bg.jpg") no-repeat center center; margin-top: 20px; } .len .len_block { background: url("../img/len_sign.png") no-repeat center center; width: 320px; height: 227px; margin-left: auto; margin-right: auto; margin-top: 10px; padding-top: 40px; } .len .len_right { padding-top: 105px; } .len .h1 { font-size: 30px; } .len .pre_p { font-size: 30px; font-family: "RobotoMedium"; text-align: center; } .len .len_block p { font-size: 22px; font-family: "RobotoMedium"; text-align: center; color: #fff; } .len .len_block .b_btn { background: #ff3366; font-size: 22px; text-transform: none; font-family: "RobotoMedium"; border: 3px solid #fff; margin-top: 20px; } /*********************************************************/ .config_b { } .config_b .l_side { float: left; width: 280px; position: relative; } .config_b .r_side { float: right; width: 290px; position: relative; } .config_b .c_side { position: relative; max-width: 497px; width: 100%; margin-left: auto; margin-right: auto; } .config_b .roof_block, .config_b .st_block, .config_b .out_block, .config_b .stor_block, .config_b .wall_block, .config_b .floor_block { position: relative; } .config_b .block_h { font-family: "RobotoBold"; font-size: 22px; text-transform: uppercase; text-align: center; background: #f0246d; border-radius: 30px; padding: 10px; color: #fff; height: 42px; margin-top: 20px; } .config_b .b_pointer { background: url("../img/b_pointer.png") no-repeat center center; width: 53px; height: 27px; position: absolute; top: 61px; left: 35px; } .config_b .sub_block { font-size: 14px; font-family: "RobotoRegular"; text-align: center; text-transform: uppercase; background: #fff; border: 2px solid #ccc; border-radius: 10px; width: 138px; float: left; margin-top: 10px; padding-bottom: 5px; cursor: pointer; } .config_b .sub_block img { margin-bottom: 5px; } .config_b .sub_block.active { background: #ffdc01; border-color: #ffdc01; cursor: default; } .config_b .sub_block2 { font-size: 14px; font-family: "RobotoRegular"; text-align: center; text-transform: uppercase; background: #fff; border: 2px solid #ccc; border-radius: 10px; width: 63px; float: left; margin-top: 10px; cursor: pointer; height: 64px; } .config_b .sub_block2.active { background: #ffdc01; border-color: #ffdc01; cursor: default; } .config_b .sub_block3 { font-size: 14px; font-family: "RobotoRegular"; text-align: center; text-transform: uppercase; background: #fff; border: 2px solid #ccc; border-radius: 10px; width: 83px; float: left; margin-top: 10px; cursor: pointer; height: 83px; } .config_b .sub_block3.active { background: #ffdc01; border-color: #ffdc01; cursor: default; } .config_b .bl_hh { font-size: 14px; font-family: "RobotoMedium"; text-transform: uppercase; margin-top: 35px; padding-bottom: 10px; text-align: center; cursor: pointer; } .config_b .bl2_hh { font-size: 14px; font-family: "RobotoMedium"; text-transform: uppercase; margin-top: 35px; padding-bottom: 10px; text-align: left; cursor: pointer; } .config_b .bl_hh span.active { text-decoration: underline; cursor: default; } .config_b .bl2_hh span.active { text-decoration: underline; cursor: default; } .config_b .nono { background: #fff url("../img/nono.png") no-repeat left center; float: left; font-size: 14px; font-family: "RobotoRegular"; text-align: center; cursor: pointer; text-decoration: underline; padding-left: 21px; padding-top: 3px; padding-bottom: 3px; padding-right: 10px; width: 127px; border: 2px solid #fff; border-radius: 20px; margin-top: 10px; color: #666; margin-left: 78px; } .config_b .nono.active { background: #ffdc01 url("../img/nono.png") no-repeat left center; float: left; font-size: 14px; font-family: "RobotoRegular"; text-align: center; cursor: default; text-decoration: none; padding-left: 21px; padding-top: 3px; padding-bottom: 3px; padding-right: 10px; width: 127px; border: 2px solid #ffdc01; border-radius: 20px; margin-top: 10px; color: #666; margin-left: 78px; } .config_b .c_bg { position: relative; max-width: 497px; width: 100%; margin-left: auto; margin-right: auto; background: url("../img/conf_pic/c_bg.jpg") no-repeat left center; } .config_b .element { position: absolute; top: 0px; left: 0px; width: 497px; height: 706px; z-index: 0; } .config_b .roof { background: url("../img/conf_pic/roof_no.png") no-repeat center center; } .config_b .st { background: url("../img/conf_pic/st_razd.png") no-repeat center center; } .config_b .out { background: url("../img/conf_pic/out_prof.png") no-repeat center center; } .config_b .wall { background: url("../img/conf_pic/wall_p1.png") no-repeat center center; } .config_b .stor { background: url("../img/conf_pic/stor_rasp.png") no-repeat center center; } .config_b .floor { background: url("../img/conf_pic/floor_lam.png") no-repeat center center; } .config_b .n_side { position: relative; height: 80px; } .config_b .n_side .cena_block { background: url("../img/cena_block.png") no-repeat center center; width: 394px; height: 133px; position: absolute; left: 50%; margin-left: -191px; top: -48px; text-align: center; font-size: 22px; font-family: "RobotoBold"; text-transform: uppercase; padding-top: 33px; } .config_b .n_side .cena_block span { color: #f0246d; font-size: 45px; } .config_b .n_side .rs_block { background: url("../img/rs_block.png") no-repeat center center; height: 72px; padding-left: 111px; margin-top: 10px; padding-right: 57px; } .config_b .n_side .rs_block .rs_txt { font-size: 39px; font-family: "RobotoBold"; text-transform: uppercase; color: #fff; line-height: 22px; padding-top: 12px; } .config_b .n_side .rs_block .rs_txt span { font-size: 14px; } .config_b .n_side .rs_block .y_btn { float: right; } /********************************************************/ .otdelka_banner { background: url("../img/otd_banner_bg.jpg") no-repeat center -30px; height: 564px; } .otdelka_banner .line1 { font-family: "CeraRoundProDEMOBold"; font-size: 66px; text-align: left; text-transform: uppercase; margin-top: 27px; } .otdelka_banner .line1 span { font-size: 92px; line-height: 77px; } .otdelka_banner .line2 { color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; width: 445px; margin: 0 auto; } .otdelka_banner .line3 { color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; width: 445px; font-size: 92px; background: none; text-align: left; } .otdelka_banner .line3.r { color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; width: 450px; font-size: 105px; /* background: url("../img/r.png") no-repeat right center ;*/ text-align: left; } .otdelka_banner .line3 img { /* max-width:312px; width:100%;*/ } .otdelka_banner .line4 { margin-top: 20px; margin-bottom: 20px; } .otdelka_banner .line4 .zamer_btn1 { max-width: 320px; width: 100%; cursor: pointer; } /******************************************************/ .dop_balkon.otd { background: url("../img/dop_b_otd.jpg") no-repeat center center; height: 449px; padding-top: 45px; margin-top: 30px; } /****************************************************/ .otd { margin-top: 50px; } .otd .carousel-otd { } .otd .carousel-otd .dop_b_block { background: url("../img/dop_o_block.png") no-repeat center center; width: 272px; height: 351px; margin: 0 auto; text-align: center; padding-top: 33px; background-size: 100%; position: relative; } .otd .carousel-otd .dop_b_block img { width: 211px; display: initial; } .otd .carousel-otd .dop_b_block .dop_sign { margin-top: 19px; position: relative; } .otd .carousel-otd .dop_b_block .dop_sign .l_text { font-size: 20px; font-family: "RobotoBold"; text-transform: uppercase; text-align: center; padding-top: 10px; } .otd .carousel-otd .corner { background: url("../img/corner.png") no-repeat; width: 104px; height: 104px; position: absolute; z-index: 1; left: -1px; top: 13px; } .carousel-otd.owl-theme .owl-controls .owl-nav [class*="owl-"] { border-radius: 0; color: white; cursor: pointer; display: block; font-size: 14px; height: 56px; margin: 0; padding: 0; width: 56px; top: 37%; position: absolute; } .carousel-otd.owl-theme .owl-controls .owl-nav .owl-prev { background: url("../img/sys_prev.png") no-repeat left center; left: 9px; } .carousel-otd.owl-theme .owl-controls .owl-nav .owl-next { background: url("../img/sys_next.png") no-repeat left center; right: 9px; } /*************************************/ .mebel { padding-bottom: 30px; } .mebel .tabs { width: 1050px; margin: 0 auto; } .mebel ul.mtabs { width: 1050px; margin-left: auto; margin-right: auto; } .mebel ul.mtabs li { float: left; margin: 5px; } .mebel ul.mtabs li a { display: block; width: 200px; height: 85px; background: url("../img/m_tabs1.png") no-repeat center top; text-decoration: none; text-transform: uppercase; color: #fff; text-align: center; font-family: "RobotoBold"; font-size: 22px; padding-top: 23px; } .mebel ul.mtabs li.ui-state-active a { background: url("../img/m_tabs2.png") no-repeat center top; color: #333; text-align: center; } .mebel .m_left { float: left; width: 50%; padding-top: 20px; } .mebel .m_left ul { } .mebel .m_left ul li { font-family: "RobotoMedium"; font-size: 18px; text-transform: uppercase; height: 62px; margin-bottom: 20px; padding-left: 78px; padding-top: 20px; } .mebel .m_left ul li.mp1 { background: url("../img/mp1.png") no-repeat left center; } .mebel .m_left ul li.mp2 { background: url("../img/mp2.png") no-repeat left center; } .mebel .m_left ul li.mp3 { background: url("../img/mp3.png") no-repeat left center; } .mebel .niz_mblok { background: url("../img/niz_mblok_bg.jpg") no-repeat center center; height: 181px; width: 505px; position: relative; text-transform: uppercase; text-align: center; font-family: "RobotoBold"; font-size: 20px; padding-top: 15px; } .mebel .niz_mblok .m_sub { padding-top: 10px; padding-bottom: 10px; } .mebel .niz_mblok .m_sub .m_sub_left { background: url("../img/pig.png") no-repeat left center; float: right; font-size: 55px; font-family: "RobotoBold"; border-right: 2px solid #333; padding-left: 60px; padding-right: 15px; margin-right: 15px; } .mebel .niz_mblok .m_sub .m_sub_right { float: right; font-size: 14px; font-family: "RobotoBold"; padding-top: 7px; margin-right: 81px; } .mebel .niz_mblok .m_sub .m_sub_right span { font-size: 26px; font-family: "RobotoBold"; } .mebel .b_btn { font-size: 20px; } .mebel .m_right { float: left; width: 50%; text-align: center; padding-top: 20px; } /******************************************/ .rassr_banner { background: url("../img/rassr_banner.jpg") no-repeat center top; height: 714px; padding-top: 30px; } .rassr_banner .line1 { text-align: center; font-size: 110px; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; line-height: 56px; } .rassr_banner .line1 span { font-size: 45px; } .rassr_banner .line2 { background: url("../img/rassr_l2.png") no-repeat center top; font-size: 30px; text-align: center; font-family: "RobotoRegular"; line-height: normal; width: 396px; height: 268px; margin-left: auto; margin-right: auto; padding-top: 25px; } .rassr_banner .line3 { width: 527px; margin-left: auto; margin-right: auto; } .rassr_banner .line3 .rl_block { text-align: center; font-size: 20px; font-family: "RobotoBold"; width: 145px; text-transform: uppercase; margin: 15px; float: left; } .rassr_banner .line4 { font-family: "RobotoMedium"; font-size: 25px; border: 3px solid #da175d; border-radius: 20px; height: 71px; text-align: center; width: 700px; margin-left: auto; margin-right: auto; margin-top: 70px; padding-top: 17px; margin-bottom: 30px; } .rassr_banner .line4 span { margin-right: 30px; } /*************************************/ .usl { } .usl p { font-size: 30px; } .usl .u_hh { font-size: 30px; font-family: "RobotoBold"; text-transform: uppercase; border-bottom: 3px solid #da175d; padding-bottom: 20px; margin-bottom: 15px; } .usl .a_row { padding-bottom: 50px; } .usl .a_row .a_hh { text-align: left; } .usl .r_dop { text-align: center; font-size: 30px; line-height: normal; border: 3px solid #ffda04; border-radius: 15px; margin-left: auto; margin-right: auto; padding: 10px; width: 100%; max-width: 1000px; } /*********************************************/ .work { padding-bottom: 20px; } .work .w_left { /* float:left;*/ height: 538px; } .work .w_right { /* float: left; */ background: url("../img/w_bg.png") no-repeat center top; width: 100%; max-width: 470px; padding-top: 30px; height: 497px; margin-left: auto; margin-right: auto; } .work .w_right .w_str1 span { text-transform: uppercase; display: block; } .work .w_right .w_str1 { font-size: 25px; font-family: "RobotoBold"; text-align: center; margin-left: auto; margin-right: auto; width: 284px; } .work .w_right .w_str2 { margin-left: auto; margin-right: auto; width: 280px; padding-left: 20px; padding-top: 10px; } .work .w_right .w_str2 ul { list-style: disc; } .work .w_right .w_str2 ul li { font-family: "RobotoMedium"; font-size: 16px; margin-top: 15px; } .work .w_right .w_str3 { font-size: 18px; font-family: "RobotoBold"; text-align: center; margin-left: auto; margin-right: auto; width: 284px; text-transform: uppercase; padding-top: 30px; line-height: 25px; } .work .w_right .w_str4 { color: #fff; font-size: 33px; font-family: "RobotoBold"; text-align: center; padding-top: 60px; } /***********************************************/ .vak { } .vak .vak_block { background: url("../img/vak_bg.png") no-repeat center top; width: 100%; max-width: 570px; height: 684px; padding-top: 30px; margin-bottom: 100px; margin-left: auto; margin-right: auto; } .vak .vak_block .vak_str1 { background: url("../img/vak_st.png") no-repeat left center; font-size: 25px; font-family: "RobotoBold"; text-transform: uppercase; padding-left: 40px; width: 350px; margin-left: auto; margin-right: auto; line-height: 28px; } .vak .vak_block .vak_str2 { color: #fff; width: 100%; max-width: 428px; margin-left: auto; margin-right: auto; padding-top: 30px; } .vak .vak_block .vak_str2 span { font-size: 18px; font-family: "RobotoBold"; display: block; padding-top: 30px; padding-bottom: 10px; } .vak .vak_block .vak_str2 ul li { font-size: 16px; font-family: "RobotoRegular"; margin-top: 5px; } .vak .vak_block .vak_str3 { background: url("../img/vak_rub.png") no-repeat left center; width: 100%; max-width: 356px; padding-left: 55px; font-family: "RobotoBold"; text-transform: uppercase; font-size: 20px; height: 50px; line-height: 50px; margin-left: auto; margin-right: auto; margin-top: 67px; } /*****************************************************/ .posts { } .post_block { padding-bottom: 30px; border-bottom: 3px solid #fce400; margin-bottom: 20px; } .post_block h2 { font-family: "RobotoBold"; text-transform: uppercase; font-size: 28px; padding-left: 5px; line-height: normal; margin-bottom: 15px; } .post_block h2 a { font-family: "RobotoBold"; color: #333; text-transform: uppercase; font-size: 28px; } .post_block .ps_left { float: left; } .post_block .ps_left img { border: 1px solid #fce400; } .post_block .post_intro { font-size: 18px; padding-left: 20px; float: left; display: block; max-width: 620px; width: 100%; line-height: normal; } .post_block .post_intro a { display: block; font-family: "RobotoBold"; text-transform: uppercase; font-size: 20px; cursor: pointer; } .post-texts h3 { text-transform: uppercase; font-family: "RobotoBold"; font-size: 22px; padding-top: 20px; } .post-texts p { font-size: 18px; line-height: 35px; padding-top: 15px; padding-bottom: 15px; } .post-texts ol, .post-texts ul { list-style: disc; padding-left: 26px; font-size: 18px; } .post-texts ol li, .post-texts ul li { padding: 10px 0; } .post-texts strong, .post-texts b { font-weight: normal; } /**************************************/ .post { margin-top: 30px; } .post p { font-size: 18px; line-height: 35px; padding-top: 50px; } .post p span { font-family: "RobotoBold"; color: #333; text-transform: uppercase; font-size: 20px; display: block; } .post p img { border: 1px solid #fce400; float: left; margin-right: 80px; } /*****************************************************/ .post_links { padding-top: 20px; padding-bottom: 30px; } .post_links .post_block { width: 320px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .post_links .post_block .h2 { font-family: "RobotoBold"; text-transform: uppercase; font-size: 22px; line-height: normal; } .post_links .post_block .h2 a { font-family: "RobotoBold"; color: #333; text-transform: uppercase; font-size: 22px; } .post_links .post_block .ps_left { } .post_links .post_block .ps_left img { border: 1px solid #fce400; } .post_links .post_block .post_intro { font-size: 18px; line-height: normal; padding-top: 15px; } .post_links .post_block .post_intro a { display: block; font-family: "RobotoBold"; text-transform: uppercase; font-size: 20px; cursor: pointer; margin-top: 10px; } /*********************************************/ .s1 .top_right2 span { text-align: right; font-size: 12px; text-transform: uppercase; } .s1 .top_right2 .info_tel { text-align: center; display: block; line-height: 12px; font-size: 14px; } .s1 .padding-m { margin-top: -5px; } .s1 .top_right2 a { font-size: 34px; } .pad-l img { /* / / width: 80 %; */ } /*********************************************/ .index_banner .line2 { color: #fff000; font-family: "CeraRoundProDEMOBold"; text-transform: uppercase; /*width: 310px;*/ width: 350px; margin: 0 auto; } .index_banner .line2 .l2_left { /* margin-left: 100px; */ font-size: 32px; margin-top: 15px; float: left; } .index_banner .line2 .l2_right { font-size: 90px; line-height: 79px; float: left; } /* .index_banner .line1 { font-family: "CeraRoundProDEMOBold"; font-size: 90px; text-align: center; text-transform: uppercase; } */ .nashi-raboty_banner .line1 { margin-top: 50px; color: #d56500; } .section_rab .n1_sub_block_rab img { width: 100%; height: auto; margin-bottom: 25px; } .ask_block { margin: 50px 0; } .ask_block .ask { border: 2px solid #ccc; margin-bottom: 20px; padding: 15px; border-radius: 15px; position: relative; cursor: pointer; font-size: 20px; } .ask_block .ask:after { background-repeat: no-repeat; width: 20px; height: 20px; display: block; content: ""; position: absolute; right: 10px; top: -5px; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center; background-position: center center; background-image: url("../img/sort-down-solid.svg"); } .row_ask { margin-bottom: 20px; } .row_ask.active .ask:after { transform: rotate(180deg); top: 10px; } .row_ask.active .open { opacity: 1; max-height: 1000px; overflow: unset; } .row_ask .open { opacity: 0; max-height: 0; overflow: hidden; font-size: 18px; transition: 0.5s ease; } .bredcrambs { display: flex; align-items: center; margin: 30px 0 0; font-size: 16px; line-height: 24px; color: #6f8789; } .bredcrambs a, .bredcrambs li:after { text-decoration: none; font-size: 16px; line-height: 24px; color: #1b1c1d; } .bredcrambs a:hover { text-decoration: underline; } .bredcrambs li { display: flex; align-items: center; margin: 10px 0; } .bredcrambs li:after { content: ">"; margin: 0 5px; } .bredcrambs li:last-child:after { display: none; } .footer_new_menu { background-color: #333; padding-bottom: 30px; } .footer_new_menu .menu_footer { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer_new_menu .menu_footer ul a { color: #fff; text-decoration: none; } .footer_new_menu .menu_footer ul a:hover { text-decoration: underline; color: #f26422; } .footer_new_menu .menu_footer ul { min-width: 265px; margin: 10px auto; } .copyr, .copyr a { width: 100%; text-align: center; font-size: 14px; color: #fff; margin-top: 20px; } .copyr a:hover { text-decoration: none; color: #f26422; } .ulist, .ulist ul { list-style-type: disc; padding-left: 20px; } .seo-text p { padding-bottom: 15px; text-align: justify; } .seo-text ul { list-style: disc; padding-left: 25px; } .seo-text ul li { text-align: justify; padding-bottom: 15px; line-height: 38px; } /* UX */ .callback_form .razmetka1 { padding: 15px 0; } .rsk .f_input label, .callback_form .f_input label { position: absolute; width: 100%; top: -23px; left: 50%; font-size: 18px; transform: translateX(-50%); } .rsk .f_input input, .callback_form .f_input input { font-size: 20px !important; } .econom_block small { font-size: 14px !important; } @media (min-width: 992px) { .econom_block small { display: block; min-height: 280px; } } .s1 { padding-top: 28px; } .comagic2_phone a { color: #000; text-decoration: none; } /* Временные стили, до утверждения */ .s1 .top_right2 a { font-size: 30px; } .s1 .top_right2 { /* text-align: right;*/ margin-top: 0px; margin-bottom: 4px; } .s1 .top_right2 .info_tel { /* text-align: center; */ display: block; line-height: 10px; font-size: 12px; } .whatsapp-top { float: right; /* margin-top: -38px; */ position: relative; width: 24px; height: 24px; background: url(/img/what2.png) center; background-size: cover; } /*=== New Style ===*/ body, p { font-family: "RobotoRegular"; color: #1b1c1d; } p { width: 100%; } p, ul, ol { font-size: 16px; line-height: 24px; } /*div[class*="_banner"] { line-height: 1; }*/ .h1, h1 { font-family: "CeraRoundProDEMOBlack"; font-weight: 900; font-size: 42px; line-height: 50px; letter-spacing: 0.03em; text-transform: uppercase; color: #1b1c1d; } .h33 { font-family: "CeraRoundProDEMOBlack"; font-weight: 900; font-size: 22px; line-height: 30px; letter-spacing: 0.03em; text-transform: uppercase; color: #1b1c1d; text-align: center; margin-bottom: 15px; } .title_page .h1 { text-align: left; } .bold { font-weight: bold; } .btn { display: inline-block; height: auto; padding: 12px 16px; background: #fa6314; border-radius: 15px; font-family: "CeraRoundProDEMOBold"; font-weight: 900; font-size: 12px; line-height: 24px; letter-spacing: 0.03em; text-align: center; text-transform: uppercase; text-decoration: none; color: #ffffff; outline: none; transition: all 0.2s; } .btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; color: #fff; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; color: #fff; } .btn:hover { background: rgba(250, 99, 20, 0.4); color: #fff; } .btn-blue { background: #04b8cb; } .btn-blue:hover { background: rgba(4, 184, 203, 0.4); } .btn-calc, .btn-zamer, .btn.btn-stock, .btn.btn-installment { width: 250px; padding: 17px 16px; font-size: 15px; line-height: 24px; } .btn.btn-calc:before { content: ""; display: inline-block; width: 18px; height: 20px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H1C0.734784 20 0.48043 19.8946 0.292893 19.7071C0.105357 19.5196 0 19.2652 0 19V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM2 2V18H16V2H2ZM4 4H14V8H4V4ZM4 10H6V12H4V10ZM4 14H6V16H4V14ZM8 10H10V12H8V10ZM8 14H10V16H8V14ZM12 10H14V16H12V10Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .btn.btn-stock:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 18C13.5717 18 12.6815 17.6313 12.0251 16.9749C11.3687 16.3185 11 15.4283 11 14.5C11 13.5717 11.3687 12.6815 12.0251 12.0251C12.6815 11.3687 13.5717 11 14.5 11C15.4283 11 16.3185 11.3687 16.9749 12.0251C17.6313 12.6815 18 13.5717 18 14.5C18 15.4283 17.6313 16.3185 16.9749 16.9749C16.3185 17.6313 15.4283 18 14.5 18ZM14.5 16C14.8978 16 15.2794 15.842 15.5607 15.5607C15.842 15.2794 16 14.8978 16 14.5C16 14.1022 15.842 13.7206 15.5607 13.4393C15.2794 13.158 14.8978 13 14.5 13C14.1022 13 13.7206 13.158 13.4393 13.4393C13.158 13.7206 13 14.1022 13 14.5C13 14.8978 13.158 15.2794 13.4393 15.5607C13.7206 15.842 14.1022 16 14.5 16ZM3.5 7C3.04037 7 2.58525 6.90947 2.16061 6.73358C1.73597 6.55769 1.35013 6.29988 1.02513 5.97487C0.700121 5.64987 0.442313 5.26403 0.266422 4.83939C0.0905301 4.41475 0 3.95963 0 3.5C0 3.04037 0.0905301 2.58525 0.266422 2.16061C0.442313 1.73597 0.700121 1.35013 1.02513 1.02513C1.35013 0.700121 1.73597 0.442313 2.16061 0.266422C2.58525 0.0905301 3.04037 -9.6859e-09 3.5 0C4.42826 1.95616e-08 5.3185 0.368749 5.97487 1.02513C6.63125 1.6815 7 2.57174 7 3.5C7 4.42826 6.63125 5.3185 5.97487 5.97487C5.3185 6.63125 4.42826 7 3.5 7ZM3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5ZM16.071 0.515L17.485 1.929L1.93 17.485L0.516 16.071L16.07 0.515H16.071Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .btn.btn-installment:before { content: ""; display: inline-block; width: 19px; height: 20px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0H17.5C17.7652 0 18.0196 0.105357 18.2071 0.292893C18.3946 0.48043 18.5 0.734784 18.5 1V19C18.5 19.2652 18.3946 19.5196 18.2071 19.7071C18.0196 19.8946 17.7652 20 17.5 20H1.5C1.23478 20 0.98043 19.8946 0.792893 19.7071C0.605357 19.5196 0.5 19.2652 0.5 19V1C0.5 0.734784 0.605357 0.48043 0.792893 0.292893C0.98043 0.105357 1.23478 0 1.5 0ZM2.5 2V18H16.5V2H2.5ZM4.5 4H14.5V8H4.5V4ZM4.5 10H6.5V12H4.5V10ZM4.5 14H6.5V16H4.5V14ZM8.5 10H10.5V12H8.5V10ZM8.5 14H10.5V16H8.5V14ZM12.5 10H14.5V16H12.5V10Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .btn.btn-arr:after { content: ""; display: inline-block; width: 7px; height: 10px; margin-left: 13px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.672 4.99996L0.843002 2.17196L2.257 0.756958L6.5 4.99996L2.257 9.24296L0.843002 7.82796L3.672 4.99996Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } /*= Header =*/ .vnimanie { display: none; position: fixed; top: 0; left: 0; background: #04b8cb; color: #fff; width: 100%; font-size: 16px; line-height: 24px; padding: 8px 0; z-index: 50; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .vnimanie.show { display: block; } .vnimanie span { margin-right: 26px; } .vnimanie span:last-of-type { margin-right: 0; } .vnimanie span:before { content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; } .vnimanie span:nth-child(1):before { background: url(/img/ux/vnimanie_1.png) no-repeat center; } .vnimanie span:nth-child(2):before { background: url(/img/ux/vnimanie_2.png) no-repeat center; } .vnimanie span:nth-child(3):before { background: url(/img/ux/vnimanie_3.png) no-repeat center; } .vnimanie .close_box { position: absolute; right: 25px; top: 10px; padding-right: 30px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66649 5.58599L11.6165 0.635986L13.0305 2.04999L8.08049 6.99999L13.0305 11.95L11.6165 13.364L6.66649 8.41399L1.71649 13.364L0.30249 11.95L5.25249 6.99999L0.30249 2.04999L1.71649 0.635986L6.66649 5.58599Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center right; background-repeat: no-repeat; cursor: pointer; } .vnimanie .close_box:hover { text-decoration: underline; } .header { padding-top: 25px; } .header.vnimanie_m { margin-top: 46px; } /* *** */ .vnimanie { position: relative; } .header.vnimanie_m { margin-top: 0; padding-top: 3px !important; } .header.vnimanie_m.fixed .top_menu { margin-top: 5px; } .header.vnimanie_m.fixed .top_menu .item_nav { height: 50px; line-height: 12px; font-size: 13px; padding-top: 19px; } .header.vnimanie_m.fixed .header_info .bottom .header_info_menu a { font-size: 13px !important; } .header.vnimanie_m.fixed .header_info .bottom { margin-top: 0px; } /* *** */ .header_container { display: flex; align-items: center; justify-content: space-between; } .header .logo img { width: 249px; max-width: none; } .header .header_info { width: 100%; padding: 0 75px; } .header .header_info .top { display: flex; justify-content: space-between; margin: 0 -10px; align-items: center; } .header .header_info .top .col { padding: 0 10px; } .header .header_info .top .info_tel { font-size: 14px; line-height: 24px; color: #828282; } .header .header_info .top .tel { font-size: 0; } .header .header_info .top .tel a { font-family: "CeraRoundProDEMOBold"; font-weight: 900; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; color: #1b1c1d; } .header .header_info .top .tel a:hover { text-decoration: underline; } .header .header_info .bottom { margin-top: 20px; } .header .header_info .bottom .header_info_menu { display: flex; justify-content: space-between; } .header .header_info .bottom .header_info_menu a { font-size: 16px; line-height: 24px; text-decoration: none; color: #1b1c1d; } .header .header_info .bottom .header_info_menu a:hover { text-decoration: underline; } .header.fixed .header_info .bottom .header_info_menu a { font-size: 13px; } .header .header_btns .btn { width: 195px; padding: 12px 16px; font-size: 12px; line-height: 24px; } .btn-callback:before { content: ""; display: inline-block; width: 19px; height: 18px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 13.42V16.956C18.5001 17.2092 18.4042 17.453 18.2316 17.6382C18.059 17.8234 17.8226 17.9363 17.57 17.954C17.133 17.984 16.776 18 16.5 18C7.663 18 0.5 10.837 0.5 2C0.5 1.724 0.515 1.367 0.546 0.93C0.563722 0.677444 0.676581 0.441011 0.861804 0.268409C1.04703 0.0958068 1.29082 -0.000114433 1.544 2.56579e-07H5.08C5.20404 -0.000125334 5.3237 0.045859 5.41573 0.12902C5.50776 0.212182 5.5656 0.326583 5.578 0.45C5.601 0.68 5.622 0.863 5.642 1.002C5.84073 2.38892 6.248 3.73783 6.85 5.003C6.945 5.203 6.883 5.442 6.703 5.57L4.545 7.112C5.86445 10.1865 8.31455 12.6365 11.389 13.956L12.929 11.802C12.9919 11.714 13.0838 11.6509 13.1885 11.6237C13.2932 11.5964 13.4042 11.6068 13.502 11.653C14.767 12.2539 16.1156 12.6601 17.502 12.858C17.641 12.878 17.824 12.9 18.052 12.922C18.1752 12.9346 18.2894 12.9926 18.3724 13.0846C18.4553 13.1766 18.5012 13.2961 18.501 13.42H18.5Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .btn-zamer:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.04999 12.121L2.92999 14.243L5.75799 17.071L17.071 5.75701L14.243 2.93001L12.12 5.05001L13.535 6.46401L12.12 7.88001L10.706 6.46501L9.29199 7.88001L10.706 9.29401L9.29199 10.708L7.87799 9.29401L6.46299 10.708L7.87799 12.122L6.46299 13.537L5.04999 12.12V12.121ZM14.95 0.808008L19.192 5.05001C19.3795 5.23754 19.4848 5.49184 19.4848 5.75701C19.4848 6.02217 19.3795 6.27648 19.192 6.46401L6.46399 19.192C6.27646 19.3795 6.02215 19.4848 5.75699 19.4848C5.49182 19.4848 5.23752 19.3795 5.04999 19.192L0.807989 14.95C0.620518 14.7625 0.515203 14.5082 0.515203 14.243C0.515203 13.9778 0.620518 13.7235 0.807989 13.536L13.536 0.808008C13.7235 0.620537 13.9778 0.515221 14.243 0.515221C14.5082 0.515221 14.7625 0.620537 14.95 0.808008ZM12.12 16.363L13.535 14.949L15.777 17.192H17.191V15.778L14.949 13.535L16.363 12.121L19 14.757V19H14.758L12.121 16.363H12.12ZM3.63599 7.87801L0.806989 5.05001C0.714013 4.95713 0.640254 4.84685 0.589929 4.72545C0.539605 4.60405 0.513702 4.47392 0.513702 4.34251C0.513702 4.21109 0.539605 4.08097 0.589929 3.95957C0.640254 3.83817 0.714013 3.72788 0.806989 3.63501L3.63599 0.807008C3.82352 0.619536 4.07782 0.514221 4.34299 0.514221C4.60815 0.514221 4.86246 0.619536 5.04999 0.807008L7.87999 3.63501L6.46399 5.05001L4.34299 2.92801L2.92899 4.34301L5.04999 6.46301L3.63599 7.87801Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .header .header_btns .btn { display: block; } .header .header_btns .btn-blue { margin-bottom: 20px; } .top_menu .item_nav.active:after { content: ""; display: block; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background: #04b8cb; border-radius: 8px; } .top_menu .ul_menu > li:hover .item_nav { color: #14a8e4; } body.head_fix { margin-top: 145px; } .header.fixed { position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding-top: 10px; z-index: 9; } .header.fixed .logo img { width: 160px; } .header.fixed .header_info { padding: 0 42px; -ms-flex: 1; } .header.fixed .header_info .top { justify-content: flex-start; justify-content: space-between; } .header.fixed .header_info .top .info_tel { /*display: none;*/ } .header.fixed .header_info .top .tel a { font-size: 15px; line-height: 24px; } .header.fixed .header_info .bottom { margin-top: 15px; } .header.fixed .header_btns { display: flex; } .header.fixed .header_btns .btn-zamer { margin-left: 25px; } .header.fixed .header_btns .btn-blue { margin-bottom: 0; } /*= Main Page =*/ .bnr_main { padding: 147px 0; background-image: url(/img/ux/main_bnr_bg.png); background-color: rgba(4, 184, 203, 0.05); background-repeat: no-repeat; background-position: top right; } .bnr_main .bnr_box { max-width: 640px; } .bnr_main .sub_title { margin-bottom: 5px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: #04b8cb; } .bnr_main .title { margin-bottom: 15px; font-family: "CeraRoundProDEMOBlack"; font-size: 42px; line-height: 50px; letter-spacing: 0.03em; text-transform: uppercase; } .bnr_main .stock { margin-bottom: 20px; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #fa6314; } .bnr_main .advantages { max-width: 556px; margin-bottom: 30px; } .bnr_main .advantages .items { display: flex; justify-content: space-between; margin: 0 -15px; } .bnr_main .advantages .item { padding: 0 15px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .bnr_main .advantages .item:before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 14px; background-repeat: no-repeat; background-position: center; vertical-align: sub; } .bnr_main .advantages .item:nth-child(1):before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 18C13.5717 18 12.6815 17.6313 12.0251 16.9749C11.3687 16.3185 11 15.4283 11 14.5C11 13.5717 11.3687 12.6815 12.0251 12.0251C12.6815 11.3687 13.5717 11 14.5 11C15.4283 11 16.3185 11.3687 16.9749 12.0251C17.6313 12.6815 18 13.5717 18 14.5C18 15.4283 17.6313 16.3185 16.9749 16.9749C16.3185 17.6313 15.4283 18 14.5 18ZM14.5 16C14.8978 16 15.2794 15.842 15.5607 15.5607C15.842 15.2794 16 14.8978 16 14.5C16 14.1022 15.842 13.7206 15.5607 13.4393C15.2794 13.158 14.8978 13 14.5 13C14.1022 13 13.7206 13.158 13.4393 13.4393C13.158 13.7206 13 14.1022 13 14.5C13 14.8978 13.158 15.2794 13.4393 15.5607C13.7206 15.842 14.1022 16 14.5 16ZM3.5 7C3.04037 7 2.58525 6.90947 2.16061 6.73358C1.73597 6.55769 1.35013 6.29988 1.02513 5.97487C0.700121 5.64987 0.442313 5.26403 0.266422 4.83939C0.0905301 4.41475 0 3.95963 0 3.5C0 3.04037 0.0905301 2.58525 0.266422 2.16061C0.442313 1.73597 0.700121 1.35013 1.02513 1.02513C1.35013 0.700121 1.73597 0.442313 2.16061 0.266422C2.58525 0.0905301 3.04037 -9.6859e-09 3.5 0C4.42826 1.95616e-08 5.3185 0.368749 5.97487 1.02513C6.63125 1.6815 7 2.57174 7 3.5C7 4.42826 6.63125 5.3185 5.97487 5.97487C5.3185 6.63125 4.42826 7 3.5 7ZM3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5ZM16.071 0.515L17.485 1.929L1.93 17.485L0.516 16.071L16.07 0.515H16.071Z' fill='%2304B8CB'/%3E%3C/svg%3E%0A"); } .bnr_main .advantages .item:nth-child(2):before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20ZM10 18C12.1217 18 14.1566 17.1571 15.6569 15.6569C17.1571 14.1566 18 12.1217 18 10C18 7.87827 17.1571 5.84344 15.6569 4.34315C14.1566 2.84285 12.1217 2 10 2C7.87827 2 5.84344 2.84285 4.34315 4.34315C2.84285 5.84344 2 7.87827 2 10C2 12.1217 2.84285 14.1566 4.34315 15.6569C5.84344 17.1571 7.87827 18 10 18ZM11 10H15V12H9V5H11V10Z' fill='%2304B8CB'/%3E%3C/svg%3E%0A"); } .bnr_main .advantages .item:nth-child(3):before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H16V4ZM2 6V16H18V6H2ZM2 2V4H14V2H2ZM13 10H16V12H13V10Z' fill='%2304B8CB'/%3E%3C/svg%3E%0A"); } .bnr_main .form_line { } .bnr_main .form_line input { width: 270px; height: 60px; padding: 20px 15px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 3px; margin-right: 30px; font-family: "RobotoRegular", sans-serif; font-size: 14px; line-height: 20px; color: #000000; } .bnr_main .form_line input::placeholder { color: #000000; } .bnr_main .form_line .btn { width: 305px; } .advantage { margin: 20px auto; } .advantage .items { display: flex; justify-content: space-between; margin: 0 -15px; margin-top: 50px; } .advantage .item { width: 100%; position: relative; padding: 0 15px; } .advantage .item:before { content: ""; display: block; width: 67px; height: 67px; position: absolute; bottom: -15px; right: 0; background-color: rgba(250, 99, 20, 0.1); background-position: center; background-repeat: no-repeat; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; } .advantage .item:nth-child(1):before { background-image: url("data:image/svg+xml,%3Csvg width='35' height='32' viewBox='0 0 35 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.13666 3.26215C5.02177 1.3767 7.55016 0.273913 10.2145 0.175055C12.8789 0.0761973 15.482 0.988587 17.5017 2.72915C19.5195 0.991487 22.1192 0.0801233 24.7804 0.177511C27.4415 0.274899 29.9677 1.37385 31.8531 3.25436C33.7386 5.13486 34.8441 7.65814 34.9485 10.319C35.0528 12.9799 34.1483 15.582 32.4159 17.6044L19.7978 30.2631C19.2181 30.8431 18.4405 31.1824 17.6211 31.2132C16.8017 31.2439 16.001 30.9638 15.3794 30.4289L15.2007 30.2648L2.58416 17.6044C0.852708 15.5838 -0.0522693 12.984 0.0501633 10.325C0.152596 7.66599 1.25489 5.1436 3.13666 3.26215ZM5.43441 5.5599C4.10556 6.88912 3.33955 8.67899 3.29537 10.558C3.2512 12.4371 3.93224 14.2609 5.19716 15.6511L5.43441 15.9014L17.5 27.967L26.1174 19.348L20.373 13.6036L18.6505 15.3261C18.1979 15.779 17.6605 16.1382 17.0691 16.3834C16.4776 16.6285 15.8437 16.7548 15.2034 16.7549C13.9104 16.7552 12.6702 16.2419 11.7557 15.3278C10.8411 14.4137 10.3272 13.1737 10.3269 11.8807C10.3266 10.5876 10.8399 9.34743 11.754 8.4329L15.1698 5.01552C13.8104 3.93063 12.109 3.36564 10.3707 3.42193C8.63235 3.47821 6.971 4.15209 5.68466 5.32265L5.43441 5.5599ZM19.2242 10.1554C19.5289 9.85076 19.9421 9.67962 20.373 9.67962C20.8039 9.67962 21.2172 9.85076 21.5219 10.1554L28.4152 17.0486L29.5657 15.9014C30.9168 14.5512 31.686 12.726 31.7088 10.8161C31.7316 8.90611 31.0061 7.06305 29.6876 5.68105C28.3691 4.29905 26.5621 3.48781 24.6532 3.42083C22.7443 3.35386 20.8849 4.03646 19.4728 5.32265L19.2242 5.5599L14.0534 10.7306C13.7718 11.0121 13.6032 11.3872 13.5799 11.7847C13.5565 12.1822 13.6799 12.5745 13.9267 12.887L14.0534 13.0284C14.3349 13.3101 14.71 13.4786 15.1075 13.5019C15.505 13.5253 15.8973 13.4019 16.2098 13.1551L16.3512 13.0284L19.2242 10.1554Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .advantage .item:nth-child(2):before { background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 32.75C7.52513 32.75 0.25 25.4749 0.25 16.5C0.25 7.52513 7.52513 0.25 16.5 0.25C25.4749 0.25 32.75 7.52513 32.75 16.5C32.75 25.4749 25.4749 32.75 16.5 32.75ZM16.5 29.5C19.9478 29.5 23.2544 28.1304 25.6924 25.6924C28.1304 23.2544 29.5 19.9478 29.5 16.5C29.5 13.0522 28.1304 9.74558 25.6924 7.30761C23.2544 4.86964 19.9478 3.5 16.5 3.5C13.0522 3.5 9.74558 4.86964 7.30761 7.30761C4.86964 9.74558 3.5 13.0522 3.5 16.5C3.5 19.9478 4.86964 23.2544 7.30761 25.6924C9.74558 28.1304 13.0522 29.5 16.5 29.5ZM8.375 18.125H11.625C11.625 19.4179 12.1386 20.6579 13.0529 21.5721C13.9671 22.4864 15.2071 23 16.5 23C17.7929 23 19.0329 22.4864 19.9471 21.5721C20.8614 20.6579 21.375 19.4179 21.375 18.125H24.625C24.625 20.2799 23.769 22.3465 22.2452 23.8702C20.7215 25.394 18.6549 26.25 16.5 26.25C14.3451 26.25 12.2785 25.394 10.7548 23.8702C9.23102 22.3465 8.375 20.2799 8.375 18.125ZM10 14.875C9.35353 14.875 8.73355 14.6182 8.27643 14.1611C7.81931 13.704 7.5625 13.084 7.5625 12.4375C7.5625 11.791 7.81931 11.171 8.27643 10.7139C8.73355 10.2568 9.35353 10 10 10C10.6465 10 11.2665 10.2568 11.7236 10.7139C12.1807 11.171 12.4375 11.791 12.4375 12.4375C12.4375 13.084 12.1807 13.704 11.7236 14.1611C11.2665 14.6182 10.6465 14.875 10 14.875ZM23 14.875C22.3535 14.875 21.7335 14.6182 21.2764 14.1611C20.8193 13.704 20.5625 13.084 20.5625 12.4375C20.5625 11.791 20.8193 11.171 21.2764 10.7139C21.7335 10.2568 22.3535 10 23 10C23.6465 10 24.2665 10.2568 24.7236 10.7139C25.1807 11.171 25.4375 11.791 25.4375 12.4375C25.4375 13.084 25.1807 13.704 24.7236 14.1611C24.2665 14.6182 23.6465 14.875 23 14.875Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .advantage .item:nth-child(3):before { background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.875 4.125H4.125V26.875H13.875V4.125ZM17.125 4.125V26.875H26.875V4.125H17.125ZM2.5 0.875H28.5C28.931 0.875 29.3443 1.0462 29.649 1.35095C29.9538 1.6557 30.125 2.06902 30.125 2.5V28.5C30.125 28.931 29.9538 29.3443 29.649 29.649C29.3443 29.9538 28.931 30.125 28.5 30.125H2.5C2.06902 30.125 1.6557 29.9538 1.35095 29.649C1.0462 29.3443 0.875 28.931 0.875 28.5V2.5C0.875 2.06902 1.0462 1.6557 1.35095 1.35095C1.6557 1.0462 2.06902 0.875 2.5 0.875Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .advantage .item .item_wrap { height: 100%; padding: 20px 30px; background: rgba(4, 184, 203, 0.05); border-radius: 15px; } .advantage .item .title { margin-bottom: 5px; font-family: "CeraRoundProDEMOBold"; font-weight: 900; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #04b8cb; } .advantage .item .text { font-weight: bold; font-size: 16px; line-height: 24px; color: #000000; } .products { margin: 40px auto 70px; } .products .items { display: flex; justify-content: space-between; margin: 0 -8px; } .products .item { position: relative; padding: 0 8px; } .products .item_wrap { padding: 20px 30px; box-shadow: 0px 0px 10px rgba(0, 80, 153, 0.15); border-radius: 15px; } .products .item .img { height: 237px; position: relative; margin-bottom: 30px; text-align: center; z-index: -1; } .products .item .img .discount { display: flex; align-items: center; justify-content: center; width: 103px; height: 103px; position: absolute; top: 10px; right: 8px; background: #04b8cb; border-radius: 103px; font-family: "CeraRoundProDEMOBold"; font-weight: bold; font-size: 25px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: #ffffff; } .products .item .title { margin-bottom: 25px; font-family: "CeraRoundProDEMOBold"; font-weight: 900; font-size: 18px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .products .item a.title { cursor: pointer; display: block; } .products .item .price_box { max-width: 235px; margin-bottom: 20px; } .products .item .price_box .name { font-size: 16px; line-height: 24px; } .products .item .price_box .price { font-family: "CeraRoundProDEMOBold"; font-size: 22px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .products .item .price_box .our_price, .products .item .price_box .others_price { display: flex; align-items: center; justify-content: space-between; } .products .item .price_box .our_price { position: relative; margin-bottom: 25px; } .products .item .price_box .our_price:before { content: ""; display: block; width: 234px; height: 14px; position: absolute; bottom: 0; left: 0; background: rgba(4, 184, 203, 0.2); border-radius: 10px; z-index: -1; } .products .item .price_box .others_price { color: #6f8789; } .products .item .price_box .others_price .price { font-family: "CeraRoundProDEMOMedium"; font-weight: normal; text-decoration-line: line-through; } .benefits { text-align: center; } .benefits .text { margin: 0 auto; text-align: center; } .benefits .sub_title { margin-top: 25px; font-family: "CeraRoundProDEMOBold"; font-size: 22px; line-height: 42px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; } .benefits .sub_title .note { color: #fa6314; } .benefits .items { display: flex; justify-content: space-between; margin: 50px auto 30px; max-width: 990px; } .benefits .item { width: 100%; position: relative; } .benefits .item.arr { text-align: center; } .benefits .item.arr img { margin-top: 70px; } .benefits .item .name { margin-top: 8px; font-size: 16px; line-height: 24px; text-align: center; } .benefits .btn-arr { width: 250px; padding: 17px 16px; font-size: 15px; line-height: 24px; } .benefits .why_items { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .benefits .why_items > div { font-size: 16px; background: #f2fbfc; border-radius: 15px; padding: 21px 15px; margin-bottom: 15px; max-width: 226px; position: relative; display: flex; align-items: center; } .benefits .why_items > div .fi-checkbox__mark { position: absolute; left: -12px; border-radius: 100%; width: 24px; height: 24px; } .benefits .why_items > div .fi-checkbox__icon { display: block; } .quick { margin-bottom: 30px; margin-top: 30px; } .o_calc { max-width: 1140px; padding: 55px 40px; margin: 30px auto; box-shadow: 0px 0px 10px rgba(0, 80, 153, 0.15); border-radius: 15px; } .o_calc .h1, .o_calc .action_date { margin: 0; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; } .o_calc .select_calc { display: flex; align-items: center; justify-content: space-between; max-width: 475px; margin: 40px auto; } .o_calc .select_calc .select_box { background: #fa6314; border: 2px solid #fdb878; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 50px; } .o_calc .select_calc .select_box a, .o_calc .select_calc .select_box span { display: inline-block; padding: 13px 30px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: #ffffff; text-decoration: none; } .o_calc .select_calc .select_box .active { background: #04b8cb; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 50px; } .o_calc .action_date .orange { color: #fa6314; } .o_calc .action_date .blue { color: #04b8cb; } .o_calc_box { display: flex; align-items: center; justify-content: space-between; margin-top: 65px; } .o_calc_box .col { width: 100%; } .o_calc .name { font-weight: bold; font-size: 16px; line-height: 24px; } .o_calc_box .oc_type_menu_box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 53px; } .o_calc_box .oc_type_menu { display: flex; align-items: center; justify-content: space-between; margin: 0 -15px; } .o_calc_box .oc_type_menu.type_balkon { display: block; max-width: 280px; padding-right: 40px; } .o_calc_box .oc_type_menu_box .o_submenu { padding: 0 15px; } .o_calc .r_block .oc_line .name { width: 233px; } .o_calc .r_block .btn { width: 250px; padding: 17px 16px; } .o_calc:not(.o_ost_balk) .r_block .btn:before { content: ""; display: inline-block; width: 25px; height: 24px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5 20C21.5 20.2652 21.3946 20.5196 21.2071 20.7071C21.0196 20.8946 20.7652 21 20.5 21H4.5C4.23478 21 3.98043 20.8946 3.79289 20.7071C3.60536 20.5196 3.5 20.2652 3.5 20V4C3.5 3.73478 3.60536 3.48043 3.79289 3.29289C3.98043 3.10536 4.23478 3 4.5 3H20.5C20.7652 3 21.0196 3.10536 21.2071 3.29289C21.3946 3.48043 21.5 3.73478 21.5 4V20ZM11.5 5H5.5V19H11.5V5ZM19.5 13H13.5V19H19.5V13ZM19.5 5H13.5V11H19.5V5Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .comparison { margin: 60px 0 0; } .comparison .items { display: flex; align-items: center; justify-content: space-between; margin: 0 -8px; } .comparison .item { width: 100%; position: relative; padding: 0 8px; } .comparison .item .item_wrap { padding: 27px 20px; background: rgba(4, 184, 203, 0.01); border: 1px solid #eaeaea; border-radius: 15px; text-align: center; } .comparison .item .sub_title { margin-bottom: 5px; font-weight: bold; font-size: 16px; line-height: 24px; color: #6f8789; } .comparison .item .title { font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #6f8789; } .comparison .item .points { font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .comparison .item .points .point { margin: 30px 0; } .comparison .item .points .point:before { content: ""; display: inline-block; width: 23px; height: 21px; margin-right: 14px; background-repeat: no-repeat; background-position: center; vertical-align: sub; } .comparison .item .points .point.price:before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H16V4ZM2 6V16H18V6H2ZM2 2V4H14V2H2ZM13 10H16V12H13V10Z' fill='%236F8789'/%3E%3C/svg%3E%0A"); } .comparison .item .points .point.time:before { background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 20C4.977 20 0.5 15.523 0.5 10C0.5 4.477 4.977 0 10.5 0C16.023 0 20.5 4.477 20.5 10C20.5 15.523 16.023 20 10.5 20ZM10.5 18C12.6217 18 14.6566 17.1571 16.1569 15.6569C17.6571 14.1566 18.5 12.1217 18.5 10C18.5 7.87827 17.6571 5.84344 16.1569 4.34315C14.6566 2.84285 12.6217 2 10.5 2C8.37827 2 6.34344 2.84285 4.84315 4.34315C3.34285 5.84344 2.5 7.87827 2.5 10C2.5 12.1217 3.34285 14.1566 4.84315 15.6569C6.34344 17.1571 8.37827 18 10.5 18ZM11.5 10H15.5V12H9.5V5H11.5V10Z' fill='%236F8789'/%3E%3C/svg%3E%0A"); } .comparison .item .points .point.profil:before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V17ZM8 2H2V16H8V2ZM16 10H10V16H16V10ZM16 2H10V8H16V2Z' fill='%236F8789'/%3E%3C/svg%3E%0A"); } .comparison .item .points .point.gar:before { background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1 7.9999H20.5C21.0304 7.9999 21.5391 8.21062 21.9142 8.58569C22.2893 8.96076 22.5 9.46947 22.5 9.9999V12.1039C22.5003 12.3653 22.4493 12.6241 22.35 12.8659L19.255 20.3809C19.1795 20.5641 19.0513 20.7208 18.8866 20.831C18.7219 20.9412 18.5282 21 18.33 20.9999H1.5C1.23478 20.9999 0.98043 20.8945 0.792893 20.707C0.605357 20.5195 0.5 20.2651 0.5 19.9999V9.9999C0.5 9.73469 0.605357 9.48033 0.792893 9.2928C0.98043 9.10526 1.23478 8.9999 1.5 8.9999H4.982C5.1421 8.99994 5.29986 8.96155 5.44203 8.88794C5.5842 8.81433 5.70662 8.70766 5.799 8.5769L11.252 0.849904C11.3209 0.752217 11.4226 0.682464 11.5385 0.653294C11.6545 0.624124 11.777 0.637467 11.884 0.690904L13.698 1.5979C14.2085 1.85307 14.6163 2.27522 14.8537 2.79422C15.0911 3.31322 15.1438 3.89783 15.003 4.4509L14.1 7.9999ZM6.5 10.5879V18.9999H17.66L20.5 12.1039V9.9999H14.1C13.7954 9.99986 13.4948 9.93024 13.2212 9.79636C12.9476 9.66248 12.7082 9.46787 12.5213 9.22739C12.3343 8.98691 12.2048 8.7069 12.1425 8.40873C12.0803 8.11056 12.0869 7.80211 12.162 7.5069L13.065 3.9589C13.0933 3.84823 13.0828 3.73122 13.0353 3.62733C12.9878 3.52345 12.9062 3.43895 12.804 3.3879L12.143 3.0579L7.433 9.7299C7.183 10.0839 6.863 10.3739 6.5 10.5879ZM4.5 10.9999H2.5V18.9999H4.5V10.9999Z' fill='%236F8789'/%3E%3C/svg%3E%0A"); } .comparison .item .points .point.montaj:before { width: 160px; height: 24px; } .comparison .item.yut_item .points .point.montaj:before { background-image: url("data:image/svg+xml,%3Csvg width='160' height='24' viewBox='0 0 160 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17L6.12199 20.59L7.71999 13.89L2.48999 9.41L9.35499 8.86L12 2.5L14.645 8.86L21.511 9.41L16.28 13.89L17.878 20.59L12 17Z' fill='%23FA6314'/%3E%3Cpath d='M46 17L40.122 20.59L41.72 13.89L36.49 9.41L43.355 8.86L46 2.5L48.645 8.86L55.511 9.41L50.28 13.89L51.878 20.59L46 17Z' fill='%23FA6314'/%3E%3Cpath d='M80 17L74.122 20.59L75.72 13.89L70.49 9.41L77.355 8.86L80 2.5L82.645 8.86L89.511 9.41L84.28 13.89L85.878 20.59L80 17Z' fill='%23FA6314'/%3E%3Cpath d='M114 17L108.122 20.59L109.72 13.89L104.49 9.41L111.355 8.86L114 2.5L116.645 8.86L123.511 9.41L118.28 13.89L119.878 20.59L114 17Z' fill='%23FA6314'/%3E%3Cpath d='M148 17L142.122 20.59L143.72 13.89L138.49 9.41L145.355 8.86L148 2.5L150.645 8.86L157.511 9.41L152.28 13.89L153.878 20.59L148 17Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .comparison .item:nth-child(2) .points .point.montaj:before { background-image: url("data:image/svg+xml,%3Csvg width='160' height='24' viewBox='0 0 160 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17L6.122 20.59L7.72 13.89L2.49 9.41L9.355 8.86L12 2.5L14.645 8.86L21.511 9.41L16.28 13.89L17.878 20.59L12 17Z' fill='%236F8789'/%3E%3Cpath d='M46 17L40.122 20.59L41.72 13.89L36.49 9.41L43.355 8.86L46 2.5L48.645 8.86L55.511 9.41L50.28 13.89L51.878 20.59L46 17Z' fill='%236F8789'/%3E%3Cpath d='M80 17L74.122 20.59L75.72 13.89L70.49 9.41L77.355 8.86L80 2.5L82.645 8.86L89.511 9.41L84.28 13.89L85.878 20.59L80 17Z' fill='%236F8789'/%3E%3Cpath d='M114 17L108.122 20.59L109.72 13.89L104.49 9.41L111.355 8.86L114 2.5L116.645 8.86L123.511 9.41L118.28 13.89L119.878 20.59L114 17Z' fill='%236F8789'/%3E%3Cpath d='M148 17L142.122 20.59L143.72 13.89L138.49 9.41L145.355 8.86L148 2.5L150.645 8.86L157.511 9.41L152.28 13.89L153.878 20.59L148 17ZM148 14.656L150.817 16.376L150.051 13.166L152.558 11.019L149.268 10.755L148 7.708L146.732 10.755L143.442 11.019L145.949 13.166L145.183 16.376L148 14.657V14.656Z' fill='%236F8789'/%3E%3C/svg%3E%0A"); } .comparison .item:nth-child(3) .points .point.montaj:before { background-image: url("data:image/svg+xml,%3Csvg width='160' height='24' viewBox='0 0 160 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17L6.12199 20.59L7.71999 13.89L2.48999 9.41L9.35499 8.86L12 2.5L14.645 8.86L21.511 9.41L16.28 13.89L17.878 20.59L12 17Z' fill='%236F8789'/%3E%3Cpath d='M46 17L40.122 20.59L41.72 13.89L36.49 9.41L43.355 8.86L46 2.5L48.645 8.86L55.511 9.41L50.28 13.89L51.878 20.59L46 17Z' fill='%236F8789'/%3E%3Cpath d='M80 17L74.122 20.59L75.72 13.89L70.49 9.41L77.355 8.86L80 2.5L82.645 8.86L89.511 9.41L84.28 13.89L85.878 20.59L80 17ZM80 14.656L82.817 16.376L82.051 13.166L84.558 11.019L81.268 10.755L80 7.708L78.732 10.755L75.442 11.019L77.949 13.166L77.183 16.376L80 14.657V14.656Z' fill='%236F8789'/%3E%3Cpath d='M114 17L108.122 20.59L109.72 13.89L104.49 9.41L111.355 8.86L114 2.5L116.645 8.86L123.511 9.41L118.28 13.89L119.878 20.59L114 17ZM114 14.656L116.817 16.376L116.051 13.166L118.558 11.019L115.268 10.755L114 7.708L112.732 10.755L109.442 11.019L111.949 13.166L111.183 16.376L114 14.657V14.656Z' fill='%236F8789'/%3E%3Cpath d='M148 17L142.122 20.59L143.72 13.89L138.49 9.41L145.355 8.86L148 2.5L150.645 8.86L157.511 9.41L152.28 13.89L153.878 20.59L148 17ZM148 14.656L150.817 16.376L150.051 13.166L152.558 11.019L149.268 10.755L148 7.708L146.732 10.755L143.442 11.019L145.949 13.166L145.183 16.376L148 14.657V14.656Z' fill='%236F8789'/%3E%3C/svg%3E%0A"); } .comparison .item.yut_item .item_wrap { background: rgba(4, 184, 203, 0.1); border: 2px solid #fa6314; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; } .comparison .item.yut_item .title { color: #fa6314; } .comparison .item.yut_item .points .point.price:before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H16V4ZM2 6V16H18V6H2ZM2 2V4H14V2H2ZM13 10H16V12H13V10Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .comparison .item.yut_item .points .point.time:before { background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 20C4.977 20 0.5 15.523 0.5 10C0.5 4.477 4.977 0 10.5 0C16.023 0 20.5 4.477 20.5 10C20.5 15.523 16.023 20 10.5 20ZM10.5 18C12.6217 18 14.6566 17.1571 16.1569 15.6569C17.6571 14.1566 18.5 12.1217 18.5 10C18.5 7.87827 17.6571 5.84344 16.1569 4.34315C14.6566 2.84285 12.6217 2 10.5 2C8.37827 2 6.34344 2.84285 4.84315 4.34315C3.34285 5.84344 2.5 7.87827 2.5 10C2.5 12.1217 3.34285 14.1566 4.84315 15.6569C6.34344 17.1571 8.37827 18 10.5 18ZM11.5 10H15.5V12H9.5V5H11.5V10Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .comparison .item.yut_item .points .point.profil:before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V17ZM8 2H2V16H8V2ZM16 10H10V16H16V10ZM16 2H10V8H16V2Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .comparison .item.yut_item .points .point.gar:before { background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6 7.9999H20C20.5304 7.9999 21.0391 8.21062 21.4142 8.58569C21.7893 8.96076 22 9.46947 22 9.9999V12.1039C22.0003 12.3653 21.9493 12.6241 21.85 12.8659L18.755 20.3809C18.6795 20.5641 18.5513 20.7208 18.3866 20.831C18.2219 20.9412 18.0282 21 17.83 20.9999H1C0.734784 20.9999 0.48043 20.8945 0.292893 20.707C0.105357 20.5195 0 20.2651 0 19.9999V9.9999C0 9.73469 0.105357 9.48033 0.292893 9.2928C0.48043 9.10526 0.734784 8.9999 1 8.9999H4.482C4.6421 8.99994 4.79986 8.96155 4.94203 8.88794C5.0842 8.81433 5.20662 8.70766 5.299 8.5769L10.752 0.849904C10.8209 0.752217 10.9226 0.682464 11.0385 0.653294C11.1545 0.624124 11.277 0.637467 11.384 0.690904L13.198 1.5979C13.7085 1.85307 14.1163 2.27522 14.3537 2.79422C14.5911 3.31322 14.6438 3.89783 14.503 4.4509L13.6 7.9999ZM6 10.5879V18.9999H17.16L20 12.1039V9.9999H13.6C13.2954 9.99986 12.9948 9.93024 12.7212 9.79636C12.4476 9.66248 12.2082 9.46787 12.0213 9.22739C11.8343 8.98691 11.7048 8.7069 11.6425 8.40873C11.5803 8.11056 11.5869 7.80211 11.662 7.5069L12.565 3.9589C12.5933 3.84823 12.5828 3.73122 12.5353 3.62733C12.4878 3.52345 12.4062 3.43895 12.304 3.3879L11.643 3.0579L6.933 9.7299C6.683 10.0839 6.363 10.3739 6 10.5879ZM4 10.9999H2V18.9999H4V10.9999Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .comparison .item.yut_item .btn-zamer { width: 250px; padding: 17px 16px; font-size: 15px; line-height: 24px; } .comparison .item.yut_item .btn-zamer:before { content: ""; display: inline-block; width: 25px; height: 24px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5 20C21.5 20.2652 21.3946 20.5196 21.2071 20.7071C21.0196 20.8946 20.7652 21 20.5 21H4.5C4.23478 21 3.98043 20.8946 3.79289 20.7071C3.60536 20.5196 3.5 20.2652 3.5 20V4C3.5 3.73478 3.60536 3.48043 3.79289 3.29289C3.98043 3.10536 4.23478 3 4.5 3H20.5C20.7652 3 21.0196 3.10536 21.2071 3.29289C21.3946 3.48043 21.5 3.73478 21.5 4V20ZM11.5 5H5.5V19H11.5V5ZM19.5 13H13.5V19H19.5V13ZM19.5 5H13.5V11H19.5V5Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .d_ceny { height: 650px; margin: 45px 0; background: url(/img/ux/ceny.png) no-repeat center bottom; } .cheaper { height: 513px; margin: 45px 0; /* background: url(/img/ux/banner_deshevle.png) no-repeat center bottom; */ background: url(/img/ux/banner_deshevle_without_phone.png) no-repeat center bottom; } .cheaper-phone { display: inline-block; padding-left: 36px; background: url(/img/ux/phone-fill.svg) 0 50% no-repeat; background-size: 26px auto; font-family: "RobotoBold"; font-size: 30px; color: #fa6314; text-decoration: none; } .cheaper-phone:hover { color: #fa6314; text-decoration: underline; } .cheaper > .container { position: relative; height: 100%; } .cheaper > .container .cheaper-phone { position: absolute; left: 424px; bottom: 80px; } #section_systems { margin-bottom: 50px; } .form_section { padding: 85px 0; margin-bottom: 70px; background: #04b8cb; overflow: hidden; } .form_section .container { display: flex; align-items: center; justify-content: space-between; } .form_section .container > div { flex: 0 0 50%; } .form_section .form_img img { vertical-align: middle; } .form_section .form_box .title { margin-bottom: 25px; font-family: "CeraRoundProDEMOBlack"; font-size: 42px; line-height: 50px; letter-spacing: 0.02em; text-transform: uppercase; color: #ffffff; } .form_section .form_box .info { margin-bottom: 25px; font-size: 14px; line-height: 20px; color: #ffffff; } .form_section .form_box .btn { width: 100%; padding: 17px 16px; font-size: 15px; line-height: 24px; } .form_section .form_box .pers { font-size: 14px; line-height: 18px; color: #ffffff; } .form_sketch2 { background-image: url(/img/form_sketch_img-pc.png); background-repeat: no-repeat; padding: 23px 0; background-position: 16%; } .form_sketch2 #phone1 { height: 30px; padding: 2px 15px 2px; margin-bottom: 20px; border-radius: 0; width: 247px; } .form_section.form_sketch2 .form_box .btn { width: 100%; padding: 10px 16px; font-size: 15px; line-height: 23px; border-radius: 0; background: #ff9900; } .form_section.form_sketch2 .form_box .btn-zamer:before { display: none; } .form_sketch2 .tellaebl { font-size: 14px; color: #fff; } .form_section.form_sketch2 .form_box .pers { font-size: 12px; } .form_sketch2 .file_input_btn:before { display: none; } .form_sketch2 .file_input_btn { display: flex; align-items: center; font-size: 12px; text-decoration: underline; line-height: 14px; padding: 18px 15px; border: 1px dashed white; justify-content: space-evenly; max-width: 160px; } .form_sketch2 .file_input_btn img { width: 22px; } .form_sketch2 .form_line { width: 86%; } .form_section.form_sketch2 .form_box .info { margin-bottom: 0px; } .mob_image_form { display: none; } .mob_image_form img { width: 100%; } @media (min-width: 1067px) and (max-width: 1767px) { .form_sketch2 { background-position: 7%; } } @media (min-width: 1024px) and (max-width: 1567px) { .form_sketch2 { background-position: -19%; } } @media (min-width: 1024px) and (max-width: 1300px) { .form_sketch2 { background-position: -14vw; } } @media (min-width: 1024px) and (max-width: 1229px) { .form_sketch2 { background-position: -23vw; } } @media (min-width: 320px) and (max-width: 1024px) { .form_sketch2 { background-image: none; } .form_section.form_sketch2 .form_box .info { margin-bottom: 5px; font-size: 12px; } .form_sketch2 .form_line { width: 100%; flex-wrap: nowrap; } .form_section .form_box .title { margin-bottom: 10px; } .form_section.form_sketch2 .form_box .info { margin-bottom: 15px; } .form_sketch2 #phone1 { width: 100%; } .form_sketch2 .tellaebl { font-size: 12px; color: #fff; margin: 10px 0; display: block; } .form_sketch2 .file_input_btn { line-height: 10px; font-size: 10px; } .form_section.form_sketch2 .form_box .btn { padding: 10px 30px; font-size: 13px; } .form_section.form_sketch2 .form_box .pers { font-size: 9px; line-height: 10px; } .mob_image_form { display: flex; } .form_section.form_sketch2 { padding-bottom: 0; } } .w_color .black { margin-top: 10px; font-size: 14px; line-height: 18px; } .form_discount { margin-top: 50px; margin-bottom: 50px; padding: 50px 0; } .form_discount.main_form_discount { margin-top: -30px; } .form_discount .form_img { text-align: center; } .actions_box { margin: 50px 0; } .actions_box .items { display: flex; align-items: center; justify-content: space-between; margin: 0 -20px; } .actions_box .item { width: 100%; position: relative; padding: 0 20px; } .actions_box .item_wrap { padding: 30px 20px; border: 3px solid #fa6314; border-radius: 15px; } .actions_box .item_zamer .item_wrap { border: 3px solid #04b8cb; } .actions_box .item .top { display: flex; align-items: center; justify-content: space-between; } .actions_box .item .top > div { width: 100%; } .actions_box .item .title { margin-bottom: 14px; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #fa6314; } .actions_box .item.item_zamer .title { color: #04b8cb; } .actions_box .item .text { font-weight: bold; font-size: 16px; line-height: 24px; color: #000; } .actions_box .item .btns { margin-top: 30px; text-align: center; } .free_d .h1_fd_msg2 { font-family: "RobotoBold"; line-height: 1.1; letter-spacing: 0; } .glazing { margin: 50px 0; } .glazing .items { display: flex; justify-content: space-between; margin: 0 -20px; } .glazing .item { width: 100%; position: relative; padding: 0 20px; } .glazing .item_wrap { height: 100%; position: relative; padding-bottom: 60px; border: 3px solid #fa6314; border-radius: 15px; } .glazing .item .info { margin-top: 25px; padding: 0 25px; } .glazing .item .title { margin-bottom: 10px; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #fa6314; } .glazing .item .text { margin-bottom: 45px; font-weight: bold; font-size: 16px; line-height: 24px; color: #000; } .glazing .item .btn { width: 275px; position: absolute; left: 25px; bottom: 22px; padding: 17px 16px; font-size: 14px; line-height: 24px; } .window { height: 650px; margin: 100px 0 75px; background: url(/img/ux/window_bg.png) no-repeat center top; } .window_box { width: 788px; height: 525px; margin-top: 40px; padding: 40px 50px; background: #ffffff; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; } .window_box .title { margin-bottom: 10px; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; } .window_box .title .name { color: #fa6314; } .window_box .points { font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .window_box .points .point { margin: 30px 0; } .window_box .points .point:before { content: ""; display: inline-block; width: 22px; height: 21px; margin-right: 14px; background-repeat: no-repeat; background-position: center; vertical-align: sub; } .window_box .points .point.qua:before { background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6 8.00039H20C20.5304 8.00039 21.0391 8.21111 21.4142 8.58618C21.7893 8.96125 22 9.46996 22 10.0004V12.1044C22.0003 12.3658 21.9493 12.6246 21.85 12.8664L18.755 20.3814C18.6795 20.5646 18.5513 20.7213 18.3866 20.8315C18.2219 20.9417 18.0282 21.0005 17.83 21.0004H1C0.734784 21.0004 0.48043 20.895 0.292893 20.7075C0.105357 20.52 0 20.2656 0 20.0004V10.0004C0 9.73518 0.105357 9.48082 0.292893 9.29329C0.48043 9.10575 0.734784 9.00039 1 9.00039H4.482C4.6421 9.00043 4.79986 8.96203 4.94203 8.88843C5.0842 8.81482 5.20662 8.70815 5.299 8.57739L10.752 0.850392C10.8209 0.752705 10.9226 0.682953 11.0385 0.653782C11.1545 0.624612 11.277 0.637955 11.384 0.691392L13.198 1.59839C13.7085 1.85355 14.1163 2.27571 14.3537 2.79471C14.5911 3.31371 14.6438 3.89831 14.503 4.45139L13.6 8.00039ZM6 10.5884V19.0004H17.16L20 12.1044V10.0004H13.6C13.2954 10.0003 12.9948 9.93073 12.7212 9.79685C12.4476 9.66297 12.2082 9.46836 12.0213 9.22788C11.8343 8.98739 11.7048 8.70739 11.6425 8.40922C11.5803 8.11105 11.5869 7.80259 11.662 7.50739L12.565 3.95939C12.5933 3.84872 12.5828 3.73171 12.5353 3.62782C12.4878 3.52393 12.4062 3.43944 12.304 3.38839L11.643 3.05839L6.933 9.73039C6.683 10.0844 6.363 10.3744 6 10.5884ZM4 11.0004H2V19.0004H4V11.0004Z' fill='%2304B8CB'/%3E%3C/svg%3E%0A"); } .window_box .points .point.price:before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 18C13.5717 18 12.6815 17.6313 12.0251 16.9749C11.3687 16.3185 11 15.4283 11 14.5C11 13.5717 11.3687 12.6815 12.0251 12.0251C12.6815 11.3687 13.5717 11 14.5 11C15.4283 11 16.3185 11.3687 16.9749 12.0251C17.6313 12.6815 18 13.5717 18 14.5C18 15.4283 17.6313 16.3185 16.9749 16.9749C16.3185 17.6313 15.4283 18 14.5 18ZM14.5 16C14.8978 16 15.2794 15.842 15.5607 15.5607C15.842 15.2794 16 14.8978 16 14.5C16 14.1022 15.842 13.7206 15.5607 13.4393C15.2794 13.158 14.8978 13 14.5 13C14.1022 13 13.7206 13.158 13.4393 13.4393C13.158 13.7206 13 14.1022 13 14.5C13 14.8978 13.158 15.2794 13.4393 15.5607C13.7206 15.842 14.1022 16 14.5 16ZM3.5 7C3.04037 7 2.58525 6.90947 2.16061 6.73358C1.73597 6.55769 1.35013 6.29988 1.02513 5.97487C0.700121 5.64987 0.442313 5.26403 0.266422 4.83939C0.0905301 4.41475 0 3.95963 0 3.5C0 3.04037 0.0905301 2.58525 0.266422 2.16061C0.442313 1.73597 0.700121 1.35013 1.02513 1.02513C1.35013 0.700121 1.73597 0.442313 2.16061 0.266422C2.58525 0.0905301 3.04037 -9.6859e-09 3.5 0C4.42826 1.95616e-08 5.3185 0.368749 5.97487 1.02513C6.63125 1.6815 7 2.57174 7 3.5C7 4.42826 6.63125 5.3185 5.97487 5.97487C5.3185 6.63125 4.42826 7 3.5 7ZM3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5ZM16.071 0.515L17.485 1.929L1.93 17.485L0.516 16.071L16.07 0.515H16.071Z' fill='%2304B8CB'/%3E%3C/svg%3E%0A"); } .window_box .points .point.gar:before { background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.16098 2.46868C3.32105 1.3084 4.87698 0.629763 6.51658 0.568927C8.15618 0.508091 9.75813 1.06956 11.001 2.14068C12.2427 1.07135 13.8426 0.510507 15.4802 0.570438C17.1178 0.630369 18.6724 1.30665 19.8327 2.46388C20.9929 3.62112 21.6733 5.1739 21.7375 6.81137C21.8017 8.44883 21.2451 10.0501 20.179 11.2947L12.414 19.0847C12.0572 19.4416 11.5788 19.6504 11.0745 19.6693C10.5702 19.6882 10.0775 19.5158 9.69498 19.1867L9.58498 19.0857L1.82098 11.2947C0.755471 10.0512 0.198561 8.45138 0.261597 6.81506C0.324632 5.17873 1.00297 3.62649 2.16098 2.46868ZM3.57498 3.88268C2.75722 4.70066 2.28583 5.80212 2.25865 6.95845C2.23146 8.11477 2.65057 9.23716 3.42898 10.0927L3.57498 10.2467L11 17.6717L16.303 12.3677L12.768 8.83268L11.708 9.89268C11.4294 10.1713 11.0988 10.3924 10.7348 10.5433C10.3708 10.6941 9.98069 10.7718 9.58669 10.7719C8.79097 10.7721 8.02777 10.4562 7.46498 9.89368C6.90219 9.33115 6.58591 8.5681 6.58573 7.77238C6.58554 6.97667 6.90146 6.21347 7.46398 5.65068L9.56598 3.54768C8.72945 2.88005 7.68239 2.53237 6.61267 2.567C5.54294 2.60164 4.52057 3.01633 3.72898 3.73668L3.57498 3.88268ZM12.061 6.71068C12.2485 6.52321 12.5028 6.41789 12.768 6.41789C13.0331 6.41789 13.2875 6.52321 13.475 6.71068L17.717 10.9527L18.425 10.2467C19.2564 9.41581 19.7298 8.29259 19.7438 7.11724C19.7578 5.94188 19.3114 4.80769 18.5 3.95723C17.6886 3.10677 16.5766 2.60755 15.4019 2.56633C14.2272 2.52511 13.083 2.94517 12.214 3.73668L12.061 3.88268L8.87898 7.06468C8.70565 7.23789 8.60196 7.46872 8.58758 7.71334C8.5732 7.95796 8.64914 8.19935 8.80098 8.39168L8.87898 8.47868C9.0522 8.65201 9.28302 8.7557 9.52765 8.77008C9.77227 8.78446 10.0137 8.70852 10.206 8.55668L10.293 8.47868L12.061 6.71068Z' fill='%2304B8CB'/%3E%3C/svg%3E%0A"); } .window_box .text { font-size: 16px; line-height: 24px; color: #000000; } .carousel-installers { margin: 30px 0 40px; } .carousel-installers .item { text-align: center; } .carousel-installers .item_wrap { width: 280px; margin: 0 auto; position: relative; } .carousel-installers .item img { max-width: 240px; margin: 0 auto; } .carousel-installers .item .info { font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; text-align: center; } .carousel-installers .item .info .name { margin-top: 30px; } .carousel-installers .item .info .amount { margin-top: 10px; } .carousel-installers .item .info .amount .num { color: #04b8cb; } .carousel-installers .item .info .btn { margin-top: 20px; padding: 17px 20px; font-size: 14px; line-height: 24px; } .free_zamer { height: 503px; padding: 40px 0; margin: 25px 0; background: url(/img/ux/free_zamer_bg.png) no-repeat center top #f2f2f2; overflow: hidden; } .free_zamer .container { position: relative; } .free_zamer .free_zamer_box { width: 430px; position: absolute; right: 0; top: 0; padding: 40px 70px; padding-right: 30px; background: #04b8cb; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; color: #fff; z-index: 1; } .free_zamer .free_zamer_box:before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; right: -100vh; background-color: #04b8cb; z-index: -1; } .free_zamer_box .title { margin-bottom: 10px; font-family: "CeraRoundProDEMOBlack"; font-size: 20px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .free_zamer_box .points { margin-top: -5px; margin-bottom: -8px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .free_zamer_box .points .point { position: relative; padding-left: 35px; margin: 30px 0; } .free_zamer_box .points .point:before { content: ""; display: inline-block; width: 22px; height: 21px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-repeat: no-repeat; background-position: center; } .free_zamer_box .points .point:nth-child(1):before { background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6 8.00039H20C20.5304 8.00039 21.0391 8.21111 21.4142 8.58618C21.7893 8.96125 22 9.46996 22 10.0004V12.1044C22.0003 12.3658 21.9493 12.6246 21.85 12.8664L18.755 20.3814C18.6795 20.5646 18.5513 20.7213 18.3866 20.8315C18.2219 20.9417 18.0282 21.0005 17.83 21.0004H1C0.734784 21.0004 0.48043 20.895 0.292893 20.7075C0.105357 20.52 0 20.2656 0 20.0004V10.0004C0 9.73518 0.105357 9.48082 0.292893 9.29329C0.48043 9.10575 0.734784 9.00039 1 9.00039H4.482C4.6421 9.00043 4.79986 8.96203 4.94203 8.88843C5.0842 8.81482 5.20662 8.70815 5.299 8.57739L10.752 0.850392C10.8209 0.752705 10.9226 0.682953 11.0385 0.653782C11.1545 0.624612 11.277 0.637955 11.384 0.691392L13.198 1.59839C13.7085 1.85355 14.1163 2.27571 14.3537 2.79471C14.5911 3.31371 14.6438 3.89831 14.503 4.45139L13.6 8.00039ZM6 10.5884V19.0004H17.16L20 12.1044V10.0004H13.6C13.2954 10.0003 12.9948 9.93073 12.7212 9.79685C12.4476 9.66297 12.2082 9.46836 12.0213 9.22788C11.8343 8.98739 11.7048 8.70739 11.6425 8.40922C11.5803 8.11105 11.5869 7.80259 11.662 7.50739L12.565 3.95939C12.5933 3.84872 12.5828 3.73171 12.5353 3.62782C12.4878 3.52393 12.4062 3.43944 12.304 3.38839L11.643 3.05839L6.933 9.73039C6.683 10.0844 6.363 10.3744 6 10.5884ZM4 11.0004H2V19.0004H4V11.0004Z' fill='white'/%3E%3C/svg%3E%0A"); } .free_zamer_box .points .point:nth-child(2):before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20ZM10 18C12.1217 18 14.1566 17.1571 15.6569 15.6569C17.1571 14.1566 18 12.1217 18 10C18 7.87827 17.1571 5.84344 15.6569 4.34315C14.1566 2.84285 12.1217 2 10 2C7.87827 2 5.84344 2.84285 4.34315 4.34315C2.84285 5.84344 2 7.87827 2 10C2 12.1217 2.84285 14.1566 4.34315 15.6569C5.84344 17.1571 7.87827 18 10 18ZM11 10H15V12H9V5H11V10Z' fill='white'/%3E%3C/svg%3E%0A"); } .free_zamer_box .points .point:nth-child(3):before { background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.161 2.46868C3.32106 1.3084 4.877 0.629763 6.51659 0.568927C8.15619 0.508091 9.75814 1.06956 11.001 2.14068C12.2428 1.07135 13.8426 0.510507 15.4802 0.570438C17.1178 0.630369 18.6724 1.30665 19.8327 2.46388C20.9929 3.62112 21.6733 5.1739 21.7375 6.81137C21.8017 8.44883 21.2451 10.0501 20.179 11.2947L12.414 19.0847C12.0572 19.4416 11.5788 19.6504 11.0745 19.6693C10.5703 19.6882 10.0775 19.5158 9.695 19.1867L9.585 19.0857L1.821 11.2947C0.755486 10.0512 0.198577 8.45138 0.261612 6.81506C0.324647 5.17873 1.00298 3.62649 2.161 2.46868ZM3.575 3.88268C2.75724 4.70066 2.28585 5.80212 2.25866 6.95845C2.23148 8.11477 2.65058 9.23716 3.429 10.0927L3.575 10.2467L11 17.6717L16.303 12.3677L12.768 8.83268L11.708 9.89268C11.4295 10.1713 11.0988 10.3924 10.7348 10.5433C10.3708 10.6941 9.9807 10.7718 9.5867 10.7719C8.79099 10.7721 8.02779 10.4562 7.465 9.89368C6.90221 9.33115 6.58593 8.5681 6.58574 7.77238C6.58556 6.97667 6.90147 6.21347 7.464 5.65068L9.566 3.54768C8.72947 2.88005 7.68241 2.53237 6.61268 2.567C5.54296 2.60164 4.52059 3.01633 3.729 3.73668L3.575 3.88268ZM12.061 6.71068C12.2485 6.52321 12.5028 6.41789 12.768 6.41789C13.0332 6.41789 13.2875 6.52321 13.475 6.71068L17.717 10.9527L18.425 10.2467C19.2565 9.41581 19.7298 8.29259 19.7438 7.11724C19.7579 5.94188 19.3114 4.80769 18.5 3.95723C17.6886 3.10677 16.5767 2.60755 15.4019 2.56633C14.2272 2.52511 13.083 2.94517 12.214 3.73668L12.061 3.88268L8.879 7.06468C8.70567 7.23789 8.60197 7.46872 8.58759 7.71334C8.57321 7.95796 8.64915 8.19935 8.801 8.39168L8.879 8.47868C9.05221 8.65201 9.28304 8.7557 9.52766 8.77008C9.77228 8.78446 10.0137 8.70852 10.206 8.55668L10.293 8.47868L12.061 6.71068Z' fill='white'/%3E%3C/svg%3E%0A"); } .free_zamer_box .points .point:nth-child(4):before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.05 12.1214L2.93 14.2434L5.758 17.0714L17.071 5.75743L14.243 2.93043L12.12 5.05044L13.535 6.46443L12.12 7.88043L10.706 6.46544L9.292 7.88043L10.706 9.29443L9.292 10.7084L7.878 9.29443L6.463 10.7084L7.878 12.1224L6.463 13.5374L5.05 12.1204V12.1214ZM14.95 0.808435L19.192 5.05044C19.3795 5.23796 19.4848 5.49227 19.4848 5.75743C19.4848 6.0226 19.3795 6.27691 19.192 6.46443L6.464 19.1924C6.27648 19.3799 6.02217 19.4852 5.757 19.4852C5.49184 19.4852 5.23753 19.3799 5.05 19.1924L0.808004 14.9504C0.620533 14.7629 0.515218 14.5086 0.515218 14.2434C0.515218 13.9783 0.620533 13.724 0.808004 13.5364L13.536 0.808435C13.7235 0.620964 13.9778 0.515648 14.243 0.515648C14.5082 0.515648 14.7625 0.620964 14.95 0.808435ZM12.12 16.3634L13.535 14.9494L15.777 17.1924H17.191V15.7784L14.949 13.5354L16.363 12.1214L19 14.7574V19.0004H14.758L12.121 16.3634H12.12ZM3.636 7.87844L0.807004 5.05044C0.714028 4.95756 0.640269 4.84727 0.589945 4.72588C0.53962 4.60448 0.513718 4.47435 0.513718 4.34294C0.513718 4.21152 0.53962 4.08139 0.589945 3.95999C0.640269 3.8386 0.714028 3.72831 0.807004 3.63544L3.636 0.807435C3.82353 0.619964 4.07784 0.514648 4.343 0.514648C4.60817 0.514648 4.86248 0.619964 5.05 0.807435L7.88 3.63544L6.464 5.05044L4.343 2.92843L2.929 4.34343L5.05 6.46344L3.636 7.87844Z' fill='white'/%3E%3C/svg%3E%0A"); } .free_zamer_box .btn { width: 275px; } .c_work_ratings { margin: 0 0 75px; } .deco { display: flex; justify-content: space-between; max-width: 1170px; /*ВРЕМЕННО*/ margin: 0 auto; /*ВРЕМЕННО*/ } .c_work_ratings .item { display: flex; align-items: center; justify-content: center; height: 100%; position: relative; margin: 0; border: 2px solid grey; } .c_work_ratings .item img { width: 100%; height: auto; } .c_work_ratings .item .centere_text { text-transform: uppercase; position: absolute; font-size: 16px; font-weight: bold; } .c_work_ratings .item .centere_text_rating { color: #000; bottom: 15px; text-align: center; width: 100%; font-weight: bold; font-size: 18px; } .c_work_ratings .item .centere_text_city { top: 38%; left: 30px; text-align: left; max-width: 70%; font-size: 17px; color: #fff; } .carousel-review_work { margin: 50px 0 0; } .carousel-review_work .item { display: flex; align-items: center; justify-content: space-between; margin: 0 50px; } .carousel-review_work .item > div { width: 100%; } .carousel-review_work .item .video { -ms-flex: 2; } .carousel-review_work .item .info { margin-left: 75px; font-family: "CeraRoundProDEMOBlack"; letter-spacing: 0.03em; text-transform: uppercase; -ms-flex: 1; } .carousel-review_work .item .zakaz { margin-bottom: 30px; font-size: 26px; line-height: 42px; } .carousel-review_work .item .rating { font-size: 15px; line-height: 24px; } .carousel-review_work .item .rating:after { content: ""; display: inline-block; width: 160px; height: 24px; margin-left: 14px; background-repeat: no-repeat; background-position: center; vertical-align: sub; background-image: url("data:image/svg+xml,%3Csvg width='160' height='24' viewBox='0 0 160 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17L6.12199 20.59L7.71999 13.89L2.48999 9.41L9.35499 8.86L12 2.5L14.645 8.86L21.511 9.41L16.28 13.89L17.878 20.59L12 17Z' fill='%23FA6314'/%3E%3Cpath d='M46 17L40.122 20.59L41.72 13.89L36.49 9.41L43.355 8.86L46 2.5L48.645 8.86L55.511 9.41L50.28 13.89L51.878 20.59L46 17Z' fill='%23FA6314'/%3E%3Cpath d='M80 17L74.122 20.59L75.72 13.89L70.49 9.41L77.355 8.86L80 2.5L82.645 8.86L89.511 9.41L84.28 13.89L85.878 20.59L80 17Z' fill='%23FA6314'/%3E%3Cpath d='M114 17L108.122 20.59L109.72 13.89L104.49 9.41L111.355 8.86L114 2.5L116.645 8.86L123.511 9.41L118.28 13.89L119.878 20.59L114 17Z' fill='%23FA6314'/%3E%3Cpath d='M148 17L142.122 20.59L143.72 13.89L138.49 9.41L145.355 8.86L148 2.5L150.645 8.86L157.511 9.41L152.28 13.89L153.878 20.59L148 17Z' fill='%23FA6314'/%3E%3C/svg%3E%0A"); } .form_section.form_price_ux { height: 541px; padding: 95px 0; margin-top: 30px; margin-bottom: 0; background: url("../img/fp_bg2.jpg") no-repeat center bottom; } .form_section.form_price_ux .form_box { margin-top: 35px; } .form_section.form_price_ux .form_box .title, .form_section.form_price_ux .form_box .info, .form_section.form_price_ux .form_box .pers { color: #1b1c1d; } /*= Pages =*/ .two_cols { display: flex; justify-content: space-between; margin: 35px -30px; } .two_cols .col { width: 100%; padding: 0 30px; } .two_cols h2 { font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #fa6314; } .two_cols .btn { margin-top: 35px; font-size: 12px; line-height: 24px; } .coldos .blocks .btn { width: 265px; padding: 24px 0; margin-top: 20px; font-size: 14px; } .price_item_box { margin: 30px 0; } .price_item_box .items { display: flex; justify-content: space-between; margin: 70px -25px; } .price_item_box .items .item { width: 100%; padding: 0 25px; } .price_item_box .item { font-family: "CeraRoundProDEMOBlack"; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: #1b1c1d; } .price_item_box .item_wrap { padding: 20px 30px; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; text-align: center; } .price_item_box .img { margin-bottom: 75px; } .price_item_box .img img { width: 100%; max-width: 430px; margin: 0 auto; } .price_item_box .name, .price_item_box .conf { font-size: 15px; text-align: center; } .price_item_box .conf span { color: #04b8cb; } .price_item_box .info { display: flex; align-items: center; justify-content: space-between; max-width: 340px; margin: 8px auto 0; } .price_item_box .price { position: relative; font-size: 22px; } .price_item_box .price:before { content: ""; display: block; width: 100%; height: 14px; position: absolute; bottom: 0; left: 0; background: rgba(4, 184, 203, 0.2); border-radius: 10px; z-index: -1; } .price_item_box .btn { width: 220px; padding: 17px 16px; font-size: 14px; line-height: 24px; } .price_item_box .btn:before { content: ""; display: inline-block; width: 18px; height: 13px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99999 10.172L16.192 0.979004L17.607 2.393L6.99999 13L0.635986 6.636L2.04999 5.222L6.99999 10.172Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .four_cols { display: flex; justify-content: space-between; margin: 55px -35px; } .four_cols .col { width: 100%; text-align: center; color: #000000; padding: 0 35px; } .four_cols .img { margin-bottom: 10px; } .four_cols .title { margin-bottom: 10px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .four_cols .text { font-size: 16px; line-height: 24px; } .colds_ost .four_cols .img img { height: 100px; } .colds_ost .four_cols .title { height: 48px; } .four_cols .title span { color: #04b8cb; } .gal .four_cols .img { margin-bottom: 30px; } .bnr_main.ost-balk_bnr { background-image: url(/img/ux/ost-balk_bnr_bg.png); } .bnr_main.bc-margin { margin-top: -75px; } .o_balkon { margin-top: 90px; } .carousel_price_item { margin: 70px 0px; } .carousel_price_item .item { margin: 0px 27px; } .carousel_price_item .img { margin-bottom: 20px; } .carousel_price_item .name { max-width: 280px; margin: 0 auto 22px; } .carousel_price_item .price_n { display: inline-block; position: relative; margin: 0 auto 30px; font-family: "RobotoRegular"; text-transform: none; font-size: 16px; line-height: 24px; } .carousel_price_item .price_n:before { content: ""; display: block; width: 100%; height: 14px; position: absolute; bottom: 0; left: 0; background: rgba(4, 184, 203, 0.2); border-radius: 10px; z-index: -1; } .carousel_price_item .price_n span { display: inline-block; margin-left: 20px; font-family: "CeraRoundProDEMOBlack"; font-size: 22px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; } .okna_pro .sub_title { font-weight: bold; font-size: 16px; line-height: 19px; text-transform: uppercase; } .o_ost_balk .r_block { padding: 25px 35px 5px; } .o_ost_balk .ob_top_box { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .o_ost_balk .ob_top_box .hh_ob_top { font-weight: bold; font-size: 16px; line-height: 24px; } .o_ost_balk .ob_top_box .sw { background: #fa6314; border: 2px solid #fdb878; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 50px; } .o_ost_balk .ob_top_box .sw .sw_cold, .o_ost_balk .ob_top_box .sw .sw_hot { display: inline-block; padding: 13px 22px; font-family: "CeraRoundProDEMOBlack"; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; color: #ffffff; text-decoration: none; cursor: pointer; } .o_ost_balk .ob_top_box .cold_select .sw_cold, .o_ost_balk .ob_top_box .hot_select .sw_hot { background: #04b8cb; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 50px; } .o_ost_balk .ob_line { margin-bottom: 15px; } .o_ost_balk .ob_r_hh { display: inline-block; width: 167px; height: 64px; margin-right: 55px; background-size: contain; background-position: center; background-repeat: no-repeat; vertical-align: middle; } .o_ost_balk .obr_cold .ob_r_hh { background-image: url(../img/cold_hh.png); } .o_ost_balk .obr_hot .ob_r_hh { background-image: url(../img/hot_hh.png); } .o_ost_balk .ob_pr { font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; letter-spacing: 0.03em; text-transform: uppercase; color: #fa6314; } .o_ost_balk .ob_line1 { width: 335px; height: 75px; border-radius: 75px; margin-bottom: 25px; background-color: #fff; background-size: 300px 53px; background-position: center; background-repeat: no-repeat; } .o_ost_balk .obr_cold .ob_line1 { background-image: url(../img/cold_line1.jpg); } .o_ost_balk .obr_hot .ob_line1 { background-image: url(../img/hot_line1.jpg); } .o_ost_balk .ob_color_select { margin-bottom: 25px; } .o_ost_balk .ob_color_select .ob_cs_hh { margin-bottom: 15px; font-weight: bold; font-size: 16px; line-height: 24px; } .o_ost_balk .ob_color_select .ob_item_block { margin-right: 30px; float: left; font-family: "CeraRoundProDEMOBlack"; font-style: normal; font-weight: 900; font-size: 12px; line-height: 24px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; } .o_ost_balk .ob_color_select .ob_item_block:last-child { margin-right: 0; } .o_ost_balk .ob_color_select .ob_item_block .ob_item { width: 73px; height: 73px; position: relative; background-color: #666; border-radius: 50px; margin: 0 auto 20px; cursor: pointer; } .o_ost_balk .ob_color_select .ob_item_block .ob_item.active:before { content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99999 10.172L16.192 0.979004L17.607 2.393L6.99999 13L0.635986 6.636L2.04999 5.222L6.99999 10.172Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; } .o_ost_balk .ob_color_select .ob_item_block #w.ob_item.active:before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99999 10.172L16.192 0.979004L17.607 2.393L6.99999 13L0.635986 6.636L2.04999 5.222L6.99999 10.172Z' fill='black'/%3E%3C/svg%3E%0A"); } .o_ost_balk .r_block .btn { width: 100%; font-size: 12px; line-height: 24px; } /*= Carousel =*/ .carousel-wirk.owl-theme .owl-controls .owl-nav [class*="owl-"], .carousel-installers.owl-theme .owl-controls .owl-nav [class*="owl-"], .carousel-color.owl-theme .owl-controls .owl-nav [class*="owl-"], .carousel-sing.owl-theme .owl-controls .owl-nav [class*="owl-"], .carousel-dop.owl-theme .owl-controls .owl-nav [class*="owl-"], .carousel-review_work.owl-theme .owl-controls .owl-nav [class*="owl-"], .carousel_price_item.owl-theme .owl-controls .owl-nav [class*="owl-"] { cursor: pointer; display: block; margin: 0; padding: 0; top: 37%; position: absolute; width: 50px; height: 50px; background: rgba(111, 135, 137, 0.4); box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; background-position: center; background-repeat: no-repeat; transition: all 0.2s; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-installers.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-color.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-dop.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-review_work.owl-theme .owl-controls .owl-nav .owl-prev, .carousel_price_item.owl-theme .owl-controls .owl-nav .owl-prev { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.828 8.99983L9.192 14.3638L7.778 15.7778L-6.79974e-07 7.99983L7.778 0.221833L9.192 1.63583L3.828 6.99983L16 6.99983L16 8.99983L3.828 8.99983Z' fill='white'/%3E%3C/svg%3E%0A"); left: -35px; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next, .carousel-installers.owl-theme .owl-controls .owl-nav .owl-next, .carousel-color.owl-theme .owl-controls .owl-nav .owl-next, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-next, .carousel-dop.owl-theme .owl-controls .owl-nav .owl-next, .carousel-review_work.owl-theme .owl-controls .owl-nav .owl-next, .carousel_price_item.owl-theme .owl-controls .owl-nav .owl-next { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.172 7.00017L6.808 1.63617L8.222 0.222168L16 8.00017L8.222 15.7782L6.808 14.3642L12.172 9.00017H0V7.00017H12.172Z' fill='white'/%3E%3C/svg%3E%0A"); right: -35px; } .carousel-wirk.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .carousel-installers.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .carousel-color.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .carousel-sing.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .carousel-dop.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .carousel-review_work.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .carousel_price_item.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { opacity: 0.7; } .carousel-wirk.owl-theme .owl-controls .owl-dots, .carousel-installers.owl-theme .owl-controls .owl-dots, .carousel-dop.owl-theme .owl-controls .owl-dots, .carousel-review_work.owl-theme .owl-controls .owl-dots, .carousel_price_item.owl-theme .owl-controls .owl-dots { margin-top: 50px; } .carousel-wirk.owl-theme .owl-controls .owl-dots .owl-dot span, .carousel-installers.owl-theme .owl-controls .owl-dots .owl-dot span, .carousel-dop.owl-theme .owl-controls .owl-dots .owl-dot span, .carousel-review_work.owl-theme .owl-controls .owl-dots .owl-dot span, .carousel_price_item.owl-theme .owl-controls .owl-dots .owl-dot span { width: 16px; height: 16px; margin: 0 8px; background: #6f8789; border-radius: 5px; transition: all 0.2s; } .carousel-wirk.owl-theme .owl-controls .owl-dots .owl-dot.active span, .carousel-wirk.owl-theme .owl-controls .owl-dots .owl-dot:hover span, .carousel-installers.owl-theme .owl-controls .owl-dots .owl-dot.active span, .carousel-installers.owl-theme .owl-controls .owl-dots .owl-dot:hover span, .carousel-dop.owl-theme .owl-controls .owl-dots .owl-dot.active span, .carousel-dop.owl-theme .owl-controls .owl-dots .owl-dot:hover span, .carousel-review_work.owl-theme .owl-controls .owl-dots .owl-dot.active span, .carousel-review_work.owl-theme .owl-controls .owl-dots .owl-dot:hover span, .carousel_price_item.owl-theme .owl-controls .owl-dots .owl-dot.active span, .carousel_price_item.owl-theme .owl-controls .owl-dots .owl-dot:hover span { background: #04b8cb; } .carousel-dop.owl-theme .owl-controls .owl-nav [class*="owl-"] { top: 27%; } .carousel-color.owl-theme .owl-controls .owl-nav [class*="owl-"], .carousel-sing.owl-theme .owl-controls .owl-nav [class*="owl-"] { top: 24%; } .carousel-installers.owl-theme .owl-controls .owl-nav [class*="owl-"] { top: 37%; } .carousel-wirk.owl-theme .owl-controls .owl-nav [class*="owl-"] { top: 37%; } .carousel_price_item.owl-theme .owl-controls .owl-nav [class*="owl-"] { top: 40%; } .carousel-color.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-prev { left: -45px; } .carousel-color.owl-theme .owl-controls .owl-nav .owl-next, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-next { right: -60px; } /*= Form =*/ .form_line { display: flex; align-items: center; justify-content: space-between; margin: 0 -10px; margin-bottom: 23px; } .form_line .col { width: 100%; position: relative; padding: 0 10px; } .form_line input[type="tel"], .form_line input[type="text"] { width: 100%; height: 60px; padding: 16px 15px 0; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 3px; font-family: "RobotoRegular", sans-serif; font-size: 14px; line-height: 20px; color: #000; } .form_line input[type="tel"]:focus, .form_line input[type="text"]:focus { border-color: #04b8cb; } .form_line input[type="tel"].error, .form_line input[type="text"].error { border-color: #eb3f3f; color: #eb3f3f; } .form_line input ~ label { position: absolute; top: 30px; left: 27px; transform: translateY(-50%); font-weight: 500; font-size: 14px; line-height: 24px; color: #000000; transition: all 0.2s ease; z-index: 0; cursor: text; } .form_line input ~ label .req { color: #eb3f3f; } .form_line input:focus ~ label, .form_line input.focused ~ label { font-size: 11px; color: #7c7c7c; top: 12px; z-index: 2; } .form_line input.error ~ label { color: #eb3f3f; } .file_input_btn { font-size: 16px; line-height: 24px; color: #fff; cursor: pointer; } .file_input_btn:before { content: ""; display: inline-block; width: 18px; height: 16px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.294 14.1123C9.04588 15.3531 7.62143 16 6.1672 16C4.69328 16 3.24167 15.3363 1.96113 14.0633C0.77036 12.8795 0.0941574 11.5295 0.0090078 10.1584C-0.0861439 8.62323 0.574183 7.10751 1.91186 5.77769L7.45481 0.267278C7.75348 -0.0296348 8.23713 -0.0296348 8.53464 0.267278C8.83379 0.564669 8.83379 1.04597 8.53465 1.34335L2.99164 6.85477C1.95346 7.88592 1.46607 8.96493 1.53417 10.0649C1.5959 11.0561 2.11556 12.0672 3.04196 12.9873C4.89465 14.8306 7.01118 15.2254 9.21323 13.0362L15.3185 6.96295C16.779 5.51102 16.8528 3.73013 15.5157 2.40001C14.2033 1.09801 12.5597 1.2397 11.06 2.73155L5.53273 8.19464C4.60256 9.11934 4.4799 10.0253 5.23225 10.7733C5.92757 11.4645 6.82584 11.385 7.7862 10.4294L12.4287 5.81323C12.7273 5.51635 13.2108 5.51635 13.5093 5.81306C13.8087 6.1095 13.8087 6.59189 13.5095 6.88931L8.8661 11.5054C7.35355 13.0112 5.50241 13.1905 4.15242 11.8494C2.78397 10.4889 2.93404 8.62759 4.45317 7.11637L9.98141 1.65324C12.0564 -0.407532 14.6909 -0.569569 16.5954 1.32383C17.5011 2.22412 18.001 3.3666 18 4.53842C17.999 5.78936 17.4441 7.00043 16.3993 8.03901L10.294 14.1123Z' fill='white'/%3E%3C/svg%3E%0A"); vertical-align: middle; } .file_input_btn:hover { text-decoration: underline; } .custom-file-input { opacity: 0; position: absolute; z-index: -1; } /*= Modal Form =*/ .modal_bg { position: fixed; width: 100%; height: 100%; background: rgba(26, 26, 26, 0.95); backdrop-filter: blur(5px); display: none; top: 0; left: 0; z-index: 999; cursor: pointer; } .modals_form { display: none; width: 466px; position: fixed; left: 50%; top: 50%; box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; transform: translate(-50%, -50%); z-index: 1000; } .modals_form .modals_form_wrap { padding: 55px 59px; background: rgba(255, 255, 255, 0.9); } .modals_form .close_box { display: block; width: 14px; height: 14px; position: absolute; right: 22px; top: 23px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00023 5.58599L11.9502 0.635986L13.3642 2.04999L8.41423 6.99999L13.3642 11.95L11.9502 13.364L7.00023 8.41399L2.05023 13.364L0.63623 11.95L5.58623 6.99999L0.63623 2.04999L2.05023 0.635986L7.00023 5.58599Z' fill='%231B1C1D'/%3E%3C/svg%3E%0A"); cursor: pointer; } .modals_form .title { margin-bottom: 30px; font-family: "CeraRoundProDEMOBlack"; font-size: 26px; line-height: 42px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; } .modals_form .form_line { margin-bottom: 32px; } .modals_form .text { font-size: 16px; line-height: 24px; color: #909090; text-align: center; } .modals_form .sender { display: none; } .modals_form .btn.btn-form { width: 100%; padding: 17px 16px; } .modals_form .btn.btn-form:before { content: ""; display: inline-block; width: 20px; height: 23px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741 0.907984L19.203 11.062C19.2814 11.1051 19.3468 11.1686 19.3923 11.2456C19.4378 11.3226 19.4618 11.4105 19.4618 11.5C19.4618 11.5895 19.4378 11.6773 19.3923 11.7544C19.3468 11.8314 19.2814 11.8948 19.203 11.938L0.741 22.092C0.664873 22.1339 0.579148 22.1552 0.492273 22.1538C0.405398 22.1525 0.320372 22.1285 0.245577 22.0843C0.170781 22.0401 0.108797 21.9772 0.0657334 21.9017C0.0226703 21.8263 1.48755e-05 21.7409 0 21.654V1.34598C1.48755e-05 1.2591 0.0226703 1.17372 0.0657334 1.09825C0.108797 1.02279 0.170781 0.959852 0.245577 0.915641C0.320372 0.87143 0.405398 0.847472 0.492273 0.846129C0.579148 0.844786 0.664873 0.866105 0.741 0.907984ZM2 12.5V19.117L15.85 11.5L2 3.88298V10.5H7V12.5H2Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; vertical-align: middle; } .modals_form:before { content: ""; display: block; width: 541px; height: 482px; position: absolute; top: -23px; left: -40px; background: url("/img/ux/modal_form_bg.png") no-repeat center bottom; z-index: -1; } .modal_success_form:before { content: ""; display: block; width: 541px; height: 362px; position: absolute; top: auto; bottom: -71px; left: -40px; background: url("/img/ux/modal_success_bg.png") no-repeat center bottom; z-index: -1; } /*= Footer =*/ .footer { padding: 12px 0 40px; background: #1b1c1d; } .footer .ffl { padding: 0 15px; } .top_footer_menu { display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #6f8789; margin-bottom: 40px; } .top_footer_menu a { font-family: "CeraRoundProDEMOBold"; font-weight: 900; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; color: #fff; } .top_footer_menu a:hover { text-decoration: underline; } .catalog_footer_menu { display: flex; justify-content: space-between; text-align: left; padding-bottom: 10px; border-bottom: 1px solid #6f8789; margin-bottom: 25px; } .catalog_footer_menu a.title { font-family: "CeraRoundProDEMOBold"; font-weight: 900; font-size: 15px; line-height: 24px; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; } .catalog_footer_menu li { font-size: 0; margin-bottom: 14px; } .catalog_footer_menu a { font-size: 14px; line-height: 100%; color: #fff; text-decoration: none; } .catalog_footer_menu a:hover { text-decoration: underline; } .footer_info { display: flex; justify-content: space-between; align-items: center; } .footer_info .pay { width: 530px; } .footer_info .copy, .footer_info .copy a { font-size: 14px; line-height: 18px; color: #fff; } .footer_info .copy a:hover { text-decoration: none; } .ffl > img[src$="f_left.png"] { display: none; } #top_btn { position: fixed; bottom: 75px; right: 15px; width: 50px; height: 50px; background-color: rgba(111, 135, 137, 0.4); /* background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' transform='rotate(-90)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.172 6.99998L6.808 1.63598L8.222 0.221985L16 7.99998L8.222 15.778L6.808 14.364L12.172 8.99998H0V6.99998H12.172Z' fill='white'/%3E%3C/svg%3E%0A"); */ box-shadow: inset 4.46667px -4.46667px 4.46667px rgba(149, 149, 149, 0.11), inset -4.46667px 4.46667px 4.46667px rgba(255, 255, 255, 0.11); backdrop-filter: blur(11.524px); border-radius: 15px; background-position: center; background-repeat: no-repeat; z-index: 9; visibility: hidden; opacity: 0; cursor: pointer; transition: all 0.2s; display: flex !important; justify-content: center; align-items: center; } .top_btn__icon { width: 18px; height: 18px; fill: #fff; } #top_btn.show:hover { opacity: 0.7; } #top_btn.show { visibility: visible; opacity: 1; } /*= Adaptive =*/ @media (min-width: 1300px) { .advantage .container, .dop_opt .container, .installers .container, .c_work .container, .c_work_ratings .container, .review_work .container, .price_item_box_carouse .container { width: 1260px; } } @media (min-width: 1260px) { .obg_box .container { width: 1230px; } } @media (min-width: 1230px) { .products .container { width: 1200px; } } @media (max-width: 1230px) { .vnimanie .close_box { text-indent: -9999px; } .bnr_main .advantages { max-width: none; } .products .item_wrap { padding: 20px 25px; } .d_ceny, .cheaper { background-size: 150%; } .cheaper > .container .cheaper-phone { left: 430px; bottom: 76px; } .glazing .items { margin: 0; } .carousel-review_work .item .info { width: 450px; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-installers.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-color.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-dop.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-review_work.owl-theme .owl-controls .owl-nav .owl-prev, .carousel_price_item.owl-theme .owl-controls .owl-nav .owl-prev { left: -10px; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next, .carousel-installers.owl-theme .owl-controls .owl-nav .owl-next, .carousel-color.owl-theme .owl-controls .owl-nav .owl-next, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-next, .carousel-dop.owl-theme .owl-controls .owl-nav .owl-next, .carousel-review_work.owl-theme .owl-controls .owl-nav .owl-next, .carousel_price_item.owl-theme .owl-controls .owl-nav .owl-next { right: -10px; } } @media (max-width: 1199px) { .vnimanie { font-size: 14px; } .header .logo img { width: 200px; } .header .header_info { padding: 0 30px; } .top_menu .item_nav { font-size: 14px; } .header.fixed .logo img { width: 135px; } .header.fixed .header_info { padding: 0 10px; } .header.fixed .header_btns .btn-zamer { margin-left: 10px; } .items { margin-left: 0 !important; margin-right: 0 !important; } .o_calc { margin-left: 15px; margin-right: 15px; } .o_calc .horiz { width: 460px; margin-right: 15px; } .o_calc_box .oc_type_menu_box { display: block; } .o_calc .line_b { flex-wrap: wrap-reverse; } .o_calc .line_b .bl_left, .o_calc .line_b .lb_right { margin: 0 auto; } .o_calc .line_b .lb_right { margin-bottom: 15px; } .o_calc .r_block .btn { display: block; margin: 0 auto; } .o_calc_box .oc_type_menu.type_balkon { padding-left: 40px; padding-right: 0; } .o_ost_balk .ob_top_box .hh_ob_top { margin-bottom: 15px; } .o_ost_balk .ob_top_box { flex-wrap: wrap; margin-bottom: 20px; } .o_ost_balk .ob_r_hh { margin-right: 40px; } .o_ost_balk .ob_color_select .ob_item_block { margin-right: 25px; } .o_ost_balk .form_line { flex-wrap: wrap; } .o_ost_balk .form_line input { margin-bottom: 15px; } .carousel_price_item .item { margin: 0px 50px; } .actions_box { margin: 20px 0; } .actions_box .items { flex-wrap: wrap; } .actions_box .item_wrap { max-width: 500px; margin: 15px auto; } .actions_box .item .top > div { text-align: center; } .d_ceny { height: 500px; } .cheaper { height: 480px; } .cheaper > .container .cheaper-phone { left: 38%; bottom: 6vw; } .price_item_box .items { flex-wrap: wrap; margin: 30px 0; } .price_item_box .items .item { padding: 0; margin-bottom: 15px; } .four_cols { margin: 55px 0; } .form_section.form_price_ux .form_box { margin-top: 0; } } .c_work2 { background: #f2fbfc; margin-top: 0px; padding-top: 25px; } .c_work2 .allitem1 { background-color: #f2fbfc; } .carousel-wirk2 { } .c_work2 .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev { background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='9.5' fill='white' fill-opacity='0.9' stroke='%23999999'/%3E%3Cpath d='M37 43L23 30L37 17' stroke='%23999999' stroke-linecap='square'/%3E%3C/svg%3E%0A"); left: 19px; box-shadow: none; border: 1px solid #999; background-color: #fff; opacity: 0.8; } .c_work2 .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next { background-image: url("data:image/svg+xml,%3Csvg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 27L15 14L1 1' stroke='%23999999' stroke-linecap='square'/%3E%3C/svg%3E%0A"); right: 19px; box-shadow: none; border: 1px solid #999; background-color: #fff; opacity: 0.8; } .c_work2 .carousel-wirk.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { opacity: 1; background-repeat: no-repeat; background-position: center; } .c_work2 .w_block .w_block_r .w_lists p { font-size: 16px; margin-bottom: 10px; display: flex; padding: 5px 0; justify-content: flex-start; align-items: center; } .c_work2 .w_block .w_block_l_childs { display: flex; margin-left: -10px; margin-right: -10px; } .c_work2 .w_block .w_block_l_childs > div { width: 33.33%; padding: 15px 10px; } .c_work2 .w_block .w_block_l_childs > div:hover { opacity: 0.9; cursor: pointer; } .c_work2 .w_block .w_block_l_childs > div img { width: 100%; } .c_work2 .w_block .w_block_r .w_lists hr { margin: 5px 0; } .c_work2 .w_lists p b { font-weight: bold; padding-right: 15px; } .c_work2 .w_lists hr { } .c_work2 .owl-carousel .owl-item .w_lists p img { width: 30px; height: 30px; margin-right: 15px; } .c_work2 .item .w_block .w_block_r .btn { position: relative; width: 100%; font-size: 22px; } .c_work2 .centre-line { text-align: center; margin: 30px auto; width: 75%; } .c_work2 .zamer_btn1 { } .c_work2 .btn-zamer:before { display: none; } .c_work2 .item .w_block .w_block_r .w_msg1 { max-width: 78%; } .w_msg-love { position: relative; } .w_msg-love div { position: absolute; right: 0; top: -15px; background-image: url(/raboty/love0.png); background-repeat: no-repeat; background-position: 9px center; background-color: #fff; background-size: 32px; padding: 8px 15px 8px 10px; font-size: 22px; width: 95px; border-radius: 10px; text-align: right; cursor: pointer; color: #555; } .w_msg-love div.liked { background-image: url(/raboty/love1.png); background-repeat: no-repeat; background-position: 9px center; background-color: #fff; background-size: 32px; background-size: 32px; } @media (min-width: 1024px) { .c_work2 .item .w_block .w_block_r { padding-top: 20px; } } @media (max-width: 1023px) { .w_msg-love { height: 20px; } .w_msg-love div { zoom: 0.7; } .c_work2 .carousel-wirk.owl-theme .owl-controls .owl-nav [class*="owl-"] { top: 13%; width: 30px; height: 30px; background-size: cover; border-radius: 4px; } .c_work2 .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev { left: 13px; border: none; } .c_work2 .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next { right: 13px; background-size: 8px; } .c_work2 .owl-carousel .owl-item .w_lists p img { width: 30px; } .c_work2 .w_block .w_block_r .w_lists p { font-size: 13px; margin-bottom: 10px; display: flex; padding: 3px 0; justify-content: flex-start; align-items: center; } .header { display: none; } .bnr_main { padding: 30px 0; background-image: none; } .bnr_main.ost-balk_bnr { background-image: none; } .bnr_main.bc-margin { margin-top: 0; } .advantage .items { flex-wrap: wrap; } .advantage .item { margin-bottom: 30px; } .products .items { flex-wrap: wrap; justify-content: center; } .products .item { width: 50%; margin-bottom: 15px; } .comparison .item:nth-child(3) { display: none; } .cheaper { height: 315px; } .cheaper-phone { padding-left: 25px; background-size: 20px auto; font-size: 20px; } .form_section .container .form_img { display: none; } .form_section .container .form_box { flex: 0 0 600px; } .w_color .config_hh1, .w_color .config_hh2 { margin-top: 10px; } .free_zamer { height: auto; padding: 0; background: #04b8cb; } .free_zamer .free_zamer_box { width: auto; position: static; box-shadow: none; } .free_zamer .free_zamer_box:before { content: normal; } .item .w_block .w_block_l { width: 100%; float: none; margin-bottom: 20px; } .item .w_block .w_block_l img { max-width: 500px; margin: 0 auto; } .item .w_block .w_block_r { width: 100%; max-width: 500px; padding: 0; float: none; margin: 0 auto; } .item .w_block .w_block_r .w_adr, .item .w_block .w_block_r .w_client { /*font-size: 20px;*/ } .carousel-review_work .item { flex-wrap: wrap; } .carousel-review_work .item .info { margin-left: 0; margin-top: 20px; } .form_section.form_price_ux { height: auto; padding: 85px 0; background: #fecf03; } .o_calc { padding: 20px 15px; } .o_calc_box { align-items: flex-start; } .o_calc .o_calc_box > .col:first-child { display: flex; flex-wrap: wrap; justify-content: space-between; } .o_calc .o_calc_box .maket { order: 1; } .o_calc_box .oc_type_menu { margin-top: 15px; } .o_calc_box .oc_type_menu.type_balkon { padding-left: 20px; padding-right: 20px; } .o_ost_balk .o_calc_box { justify-content: center; } .o_ost_balk .o_calc_box > .col:first-child { display: none; } .o_ost_balk .col { max-width: 535px; } .o_ost_balk .ob_line1 { margin: 0 auto 25px; } .o_ost_balk .ob_color_select .ob_lenta { text-align: center; } .o_ost_balk .ob_color_select .ob_item_block { display: inline-block; float: none; } .four_cols { flex-wrap: wrap; margin: 30px 0; } .four_cols .col { width: 50%; margin-bottom: 15px; } .two_cols { flex-wrap: wrap; margin: 30px 0; } .two_cols .col { padding: 0; margin-bottom: 15px; } .two_cols .col img { display: block; margin: 0 auto; } .catalog_footer_menu { flex-wrap: wrap; } .catalog_footer_menu .col { width: 50%; margin-bottom: 15px; } .catalog_footer_menu li { margin-bottom: 5px; } .footer_info { flex-wrap: wrap; } .footer_info > * { margin: 10px 15px; } #menu .top .col { margin: 15px 0; } #menu .top .col .h2 { font-size: 100%; } #menu .top .col .h2 img { height: 30px !important; width: auto; } #menu .top .info_tel { margin-bottom: 5px; font-size: 13px; } #menu .top .tel a { font-size: 20px !important; } .carousel-wirk.owl-theme .owl-controls .owl-dots, .carousel-installers.owl-theme .owl-controls .owl-dots, .carousel-dop.owl-theme .owl-controls .owl-dots, .carousel-review_work.owl-theme .owl-controls .owl-dots, .carousel_price_item.owl-theme .owl-controls .owl-dots { margin-top: 20px; } } @media (max-width: 767px) { .h1, h1 { font-size: 26px; line-height: 30px; } .button, button, input[type="submit"] { margin: 0; } .bnr_main .title { font-size: 30px; line-height: 36px; } .bnr_main .advantages .items { flex-wrap: wrap; } .bnr_main .form_line { flex-wrap: wrap; } .bnr_main .form_line input { margin-right: 0; } .bnr_main .form_line .btn { width: 100%; } .products { margin: 30px auto; } .products .item { width: 100%; } .products .item .img { height: auto; } .products .item .price_box .price { font-size: 18px; } .o_calc.o_ost_balk { margin: 0; } .o_calc .h1, .o_calc .action_date { font-size: 20px; line-height: 30px; } .o_calc_box { flex-wrap: wrap; margin-top: 30px; } .o_calc .select_calc { flex-wrap: wrap; justify-content: center; margin: 20px auto; } .o_calc .select_calc .select_box { margin-top: 10px; } .o_calc .r_block { padding: 15px; text-align: center; } .o_balkon .ob_config { margin-top: 20px; } .o_ost_balk .ob_top_box { justify-content: center; } .o_ost_balk .ob_top_box .sw .sw_cold, .o_ost_balk .ob_top_box .sw .sw_hot { padding: 13px 18px; } .o_ost_balk .ob_r_hh { display: block; margin: 0 auto; } .o_ost_balk .ob_line1 { background-size: 215px 40px; } .o_ost_balk .ob_color_select .ob_item_block, .o_ost_balk .ob_color_select .ob_item_block:last-child { margin: 0 10px; } .o_ost_balk .form_line { margin: 0; } .o_ost_balk .form_line input { margin-bottom: 0; } .o_calc_box .oc_type_menu_box .o_submenu { padding: 0 5px; } .o_calc .r_block .oc_pr_block { flex-wrap: wrap; justify-content: center; } .o_calc .line_b .bl_left span { display: block; margin-left: 0; } .window { height: auto; margin: 30px 0; background: #04b8cb; } .window_box { width: auto; height: auto; padding: 15px; margin: 15px 0; } .window_box .title { font-size: 20px; line-height: 26px; } .window_box .points .point { margin: 15px 0; } .comparison .item:nth-child(2) { display: none; } .form_line { flex-wrap: wrap; margin-bottom: 0; } .form_line .col { margin-bottom: 23px; } .form_section { padding: 30px 0; margin-bottom: 30px; } .form_section .container .form_box { flex: 0 0 100%; } .form_section .form_box .title { font-size: 26px; line-height: 30px; } .c_work { margin-top: 30px; } .actions_box .item { padding: 0; } .actions_box .item .top { flex-wrap: wrap; } .glazing .items { flex-wrap: wrap; } .glazing .item { padding: 0; margin-bottom: 15px; } .glazing .item_wrap { padding-bottom: 20px; } .glazing .item .btn { width: 100%; position: static; } .deco { flex-wrap: wrap; } .deco .col-md-4 { width: 100%; margin-bottom: 15px; } .four_cols .col { width: 100%; padding: 0; } .free_zamer .free_zamer_box { padding: 40px 0; } .price_item_box .img { margin-bottom: 15px; } .price_item_box .name, .price_item_box .conf { margin-bottom: 10px; } .price_item_box .info { justify-content: center; flex-wrap: wrap; } .price_item_box .price { margin-bottom: 15px; } .item .w_block .w_block_r .btn { padding: 17px 10px; font-size: 13px; width: 100%; } .section.profsys { margin-top: 0; } .c_work_ratings { margin: 0; } .carousel_price_item .item { margin: 0; } .carousel-review_work .item { margin: 0; } .carousel-review_work .item .video iframe { height: 210px; } .benefits .items { overflow: scroll; padding-bottom: 15px; margin-bottom: 25px; } .benefits .item { min-width: 115px; } .benefits .item.arr { min-width: 50px; } .form_section.form_price_ux { padding: 30px 0; } .top_footer_menu { flex-direction: column; } .catalog_footer_menu .col { width: 100%; } .catalog_footer_menu li { text-align: center; } .footer_info > * { margin: 10px auto; } .modals_form { width: 300px; } .modals_form .modals_form_wrap { padding: 50px 15px 25px; } .modals_form:before, .modal_success_form:before { content: normal; } .modals_form .title { font-size: 20px; line-height: 26px; } .form_line { margin: 0; } .modals_form .form_line { margin-bottom: 0; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-installers.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-color.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-dop.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-review_work.owl-theme .owl-controls .owl-nav .owl-prev, .carousel_price_item.owl-theme .owl-controls .owl-nav .owl-prev { left: -15px; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next, .carousel-installers.owl-theme .owl-controls .owl-nav .owl-next, .carousel-color.owl-theme .owl-controls .owl-nav .owl-next, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-next, .carousel-dop.owl-theme .owl-controls .owl-nav .owl-next, .carousel-review_work.owl-theme .owl-controls .owl-nav .owl-next, .carousel_price_item.owl-theme .owl-controls .owl-nav .owl-next { right: -15px; } #section_bnner { display: none; } } /* ** */ .the_new, .adapt_menu, .adapt_menu2 { display: none; } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: inherit; text-decoration: none; } .mm-panels, .mm-panels > .mm-panel { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-panel, .mm-panels { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; } .mm-panels { overflow: hidden; } .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .mm-panel:not(.mm-hidden) { display: block; } .mm-panel:after, .mm-panel:before { content: ""; display: block; height: 20px; } .mm-panel_has-navbar { padding-top: 40px; } .mm-panel_opened { z-index: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-panel_opened-parent { -webkit-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel_highest { z-index: 2; } .mm-panel_noanimation { transition: none !important; } .mm-panel_noanimation.mm-panel_opened-parent { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-listitem_vertical > .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: none; padding: 10px 0 10px 10px; } .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before { content: none; display: none; } .mm-listitem_opened > .mm-panel { display: block; } .mm-listitem_vertical > .mm-btn_next { box-sizing: border-box; height: 40px; bottom: auto; } .mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent; } .mm-listitem_opened > .mm-btn_next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; } .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-btn_fullwidth { width: 100%; } .mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { content: ""; border: 2px solid transparent; box-sizing: content-box; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 18px; } .mm-btn_clear:after, .mm-btn_close:after { border-left: none; border-top: none; right: 25px; } .mm-btn_next:after, .mm-btn_prev:before { content: ""; border-top: 2px solid transparent; border-left: 2px solid transparent; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; } .mm-btn_prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; } .mm-btn_next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; display: none; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; opacity: 1; transition: opacity 0.4s ease; } .mm-navbar > * { box-sizing: border-box; display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar__title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar__btn:first-child { left: 0; } .mm-navbar__btn:last-child { text-align: right; right: 0; } .mm-panel_has-navbar .mm-navbar { display: block; } .mm-listitem, .mm-listview { list-style: none; display: block; padding: 0; margin: 0; } .mm-listitem, .mm-listitem .mm-btn_next, .mm-listitem .mm-btn_next:before, .mm-listitem:after, .mm-listview { border-color: inherit; } .mm-listview { font: inherit; line-height: 20px; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listitem { position: relative; } .mm-listitem:after { content: ""; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listitem:after { left: 20px; } .mm-listitem a, .mm-listitem a:hover { text-decoration: none; } .mm-listitem > a, .mm-listitem > span { color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listitem .mm-btn_next { background: rgba(3, 2, 1, 0); padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listitem .mm-btn_next:before { content: ""; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) { width: 50px; } .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + a, .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) + span { margin-right: 50px; } .mm-listitem .mm-btn_fullwidth:before { border-left: none; } .mm-listitem .mm-btn_fullwidth + a, .mm-listitem .mm-btn_fullwidth + span { padding-right: 50px; } .mm-listitem_divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 75%; text-transform: uppercase; padding: 5px 10px 5px 20px; } .mm-listitem_divider:after { content: " "; display: none; position: static; display: inline-block; } .mm-listitem_spacer { padding-top: 40px; } .mm-listitem_spacer > .mm-btn_next { top: 40px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview .mm-btn_next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4); tap-highlight-color: rgba(255, 255, 255, 0.4); } .mm-menu .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu .mm-listitem_selected > span { background: rgba(255, 255, 255, 0.4); } .mm-menu .mm-listitem_opened > .mm-btn_next, .mm-menu .mm-listitem_opened > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-listitem_divider { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; } .mm-slideout { transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; z-index: 1; } .mm-wrapper_opened { overflow-x: hidden; position: relative; } .mm-wrapper_background .mm-page { background: inherit; } .mm-menu_offcanvas { display: none; position: fixed; right: auto; z-index: 0; } .mm-menu_offcanvas.mm-menu_opened { display: block; } .mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms { z-index: 10; } .mm-menu_offcanvas { width: 80%; min-width: 140px; max-width: 440px; } .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(80vw, 0); -ms-transform: translate(80vw, 0); transform: translate(80vw, 0); -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); } @media all and (max-width: 175px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0); } } @media all and (min-width: 550px) { .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } } .mm-page__blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2; } .mm-wrapper_blocking { overflow: hidden; } .mm-wrapper_blocking body { overflow: hidden; } .mm-wrapper_blocking .mm-page__blocker { display: block; } .mm-sronly { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; width: 1px !important; min-width: 1px !important; height: 1px !important; min-height: 1px !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; } .mm-menu_theme-white { background: #fff; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03); tap-highlight-color: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-white .mm-listitem_selected > span { background: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-white .mm-listitem_opened > .mm-panel { background: rgba(0, 0, 0, 0.06); } .mm-menu_theme-white .mm-listitem_divider { background: rgba(0, 0, 0, 0.06); } .mm-menu_theme-white .mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white .mm-iconbar, .mm-menu_theme-white .mm-iconbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white.mm-menu_keyboardfocus a:focus { background: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-white .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-white .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) { background: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white.mm-menu_shadow-page:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu_theme-white.mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu_theme-white .mm-searchfield input { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.7); } .mm-menu_theme-white .mm-panel__noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white .mm-sectionindexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-white.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span { background: 0 0; } .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-white.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover { background: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-white.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span { background: 0 0; } .mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-white.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(0, 0, 0, 0.03); } .mm-menu_theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } .mm-menu_theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu_theme-white label.mm-toggle:before { background: #fff; } .mm-menu_theme-whiteinput.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu_theme-dark { background: #333; border-color: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.85); } .mm-menu_theme-dark .mm-navbar a, .mm-menu_theme-dark .mm-navbar > * { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark .mm-btn:after, .mm-menu_theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark .mm-listview .mm-btn_next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); tap-highlight-color: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-dark .mm-listitem_selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-dark .mm-listitem_opened > .mm-panel { background: rgba(255, 255, 255, 0.08); } .mm-menu_theme-dark .mm-listitem_divider { background: rgba(255, 255, 255, 0.08); } .mm-menu_theme-dark .mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark .mm-iconbar, .mm-menu_theme-dark .mm-iconbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark.mm-menu_keyboardfocus a:focus { background: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-dark .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-dark .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) { background: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark.mm-menu_shadow-page:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu_theme-dark.mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu_theme-dark .mm-searchfield input { background: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.85); } .mm-menu_theme-dark .mm-panel__noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark .mm-sectionindexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span { background: 0 0; } .mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-dark.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover { background: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-dark.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span { background: 0 0; } .mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-dark.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(0, 0, 0, 0.1); } .mm-menu_theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.85); } .mm-menu_theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.3); } .mm-menu_theme-dark label.mm-toggle:before { background: #333; } .mm-menu_theme-darkinput.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu_theme-black { background: #000; border-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.75); } .mm-menu_theme-black .mm-navbar a, .mm-menu_theme-black .mm-navbar > * { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black .mm-btn:after, .mm-menu_theme-black .mm-btn:before { border-color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black .mm-listview .mm-btn_next:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black .mm-listview a:not(.mm-btn_next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.15); tap-highlight-color: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu_theme-black .mm-listitem_selected > span { background: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black .mm-listitem_opened > .mm-btn_next, .mm-menu_theme-black .mm-listitem_opened > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu_theme-black .mm-listitem_divider { background: rgba(255, 255, 255, 0.2); } .mm-menu_theme-black .mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black .mm-iconbar, .mm-menu_theme-black .mm-iconbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black.mm-menu_keyboardfocus a:focus { background: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black .mm-navbar_tabs > :not(.mm-navbar__tab_selected), .mm-menu_theme-black .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar, .mm-menu_theme-black .mm-navbars_top.mm-navbars_has-tabs > .mm-navbar:not(.mm-navbar_tabs) { background: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black.mm-menu_shadow-page:after { box-shadow: false; } .mm-menu_theme-black.mm-menu_shadow-panels .mm-panel { box-shadow: false; } .mm-menu_theme-black .mm-searchfield input { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.75); } .mm-menu_theme-black .mm-panel__noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black .mm-sectionindexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > a, .mm-menu_theme-black.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > span { background: 0 0; } .mm-menu_theme-black.mm-menu_selected-hover .mm-listitem > a.mm-btn_fullwidth:hover + span, .mm-menu_theme-black.mm-menu_selected-hover .mm-listitem > a:not(.mm-btn_fullwidth):hover { background: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > a, .mm-menu_theme-black.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > span { background: 0 0; } .mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_fullwidth + span, .mm-menu_theme-black.mm-menu_selected-parent .mm-listitem_selected-parent > a.mm-btn_next:not(.mm-btn_fullwidth) { background: rgba(255, 255, 255, 0.15); } .mm-menu_theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.75); } .mm-menu_theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.25); } .mm-menu_theme-black label.mm-toggle:before { background: #000; } .mm-menu_theme-blackinput.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu_shadow-page:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 100; -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%); } .mm-menu_shadow-page.mm-menu_position-right:after { left: auto; right: 100%; } .mm-menu_shadow-page.mm-menu_position-front:after { content: none; display: none; } .mm-menu_shadow-page:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu_shadow-panels .mm-panel { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-page__blocker { opacity: 0; } .mm-wrapper_opening [class*="mm-menu_pagedim"].mm-menu_opened ~ .mm-page__blocker { opacity: 0.3; transition: opacity 0.4s ease 0.4s; } .mm-menu_opened.mm-menu_pagedim ~ .mm-page__blocker { background: inherit; } .mm-menu_opened.mm-menu_pagedim-black ~ .mm-page__blocker { background: #000; } .mm-menu_opened.mm-menu_pagedim-white ~ .mm-page__blocker { background: #fff; } @media (min-width: 1024px) and (max-width: 1199px) { body, html { min-width: 769px; margin: 0; } body div { max-width: 100%; box-sizing: border-box; } body img { height: auto !important; max-width: 100%; } body embed, body iframe, body video { max-width: 100%; } .text table { width: 100% !important; display: block; overflow-x: auto; height: auto !important; -webkit-overflow-scrolling: touch; } .row, .owl-stage { max-width: none; } .container { width: 100%; } .top_menu .item_nav { /*width: 185px*/ } .montazh ul { display: flex; } .s1 .top_link a { font-size: 13px; } .s1 .top_link { width: auto !important; padding-left: 50px; margin-right: 20px; } .o_calc .maket { /* width: calc(100% - 115px)*/ } .okna_pro .obg { background: #ff1e70; } .section_dver .btn { font-size: 13px; } .carousel-dop.owl-theme .owl-controls .owl-nav .owl-prev { left: -10px; } .carousel-dop.owl-theme .owl-controls .owl-nav .owl-next { right: -10px; } .w_color { height: auto; background: #bdeaff; } .w_color .carousels { width: calc(100% - 360px); } .carousel-color.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-prev { left: -10px; } .n1 .n1_block { width: 30%; margin: 0 1%; min-width: 0; } .n1 .n1_sub_block { margin: 0 auto !important; background: none !important; } .n1 .n1_hh { font-size: 20px; text-align: center; font-family: "RobotoBold"; height: 52px; padding-top: 15px; text-transform: uppercase; background: #ffeb00; border-radius: 30px; margin-bottom: 10px; } .n1 .n1_sub_block.hh2 img { margin: 0 auto; } .n1 .n1_niz.nn2 { left: 0; right: 0; margin: 10px auto; } .rsk { background: rgba(0, 0, 0, 0) url("../img/rsk_bg2.jpg") no-repeat center center; min-height: 321px; padding-top: 55px; margin-top: 40px; margin-bottom: 20px; } .rsk .pl { padding-left: 0; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev { left: 0; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next { right: 0; } } @media (max-width: 1023px) { body, html { min-width: 210px; margin: 0; padding: 0; overflow-x: hidden; } body div { /* max-width: 100%; box-sizing: border-box*/ } body img { height: auto !important; max-width: 100%; } body embed, body iframe, body video { max-width: 100%; } .text table { width: 100% !important; display: block; overflow-x: auto; height: auto !important; -webkit-overflow-scrolling: touch; } .row, .owl-stage { max-width: none; } .container { width: 100%; } .index_banner { height: auto; padding: 15px 0; } .n1 .n1_niz .n1_left { font-size: 12px; } .n1 .n1bg { text-align: center; } .n1 .n1_block { float: none; display: inline-block; vertical-align: top; width: 30%; margin: 15px 1%; height: auto; } .n1 .n1_sub_block.hh2, .n1 .n1_sub_block.hh2 img, .n1 .n1_sub_block.hh3 img, .n1 .n1_sub_block.hh1 img { margin: 0 auto; } .n1 .n1_niz.nn2 { left: 0; margin: 10px auto; } .n1 .n1_niz.nn3, .btn_cupit_hh3 { left: auto; bottom: auto; margin: 10px auto; } /*.n1 .n1_sub_block.hh1, .n1 .n1_sub_block.hh2, .n1 .n1_sub_block.hh3 {background:none;width:100%} .n1 .n1_hh {background:#ffeb00;border-radius:10px;padding:8px 25px;display:inline-block;vertical-align:top;height:auto;margin-bottom:10px} .btn_cupit_hh1 {height:auto}*/ .n1 .n1_niz.nn1 { left: 0; } .n1 .n1_niz { margin: 15px auto; } .montazh { background: none; } .montazh ul { max-width: 100%; display: flex; overflow: scroll; padding-bottom: 15px; margin-bottom: 25px; } .montazh .montazh_block_pr { min-width: 80px; } .montazh .montazh_block p { font-size: 14px; } .montazh .montazh_block { width: 125px; } .footer .ffl { padding: 0 15px; } .footer_new_menu { padding-left: 0; padding-right: 0; } .footer_new_menu .menu_footer { padding: 0 15px; display: block; } .footer_new_menu .menu_footer ul { min-width: 0; margin: 0; } .footer_new_menu .menu_footer ul li { margin: 10px 0; padding: 10px 0; border-bottom: 1px #f2f2f2 solid; } .footer_new_menu .menu_footer ul a { font-size: 14px; } .ask_block .ask { font-size: 16px; padding: 10px 40px 10px 10px; } .row_ask.active .open { font-size: 14px; } .form_price { height: auto; padding: 15px; background: #fdd003; } .form_price .fp_block { width: 100%; max-width: 100%; margin: 0 auto; } .form_price .hh { height: auto; padding: 15px; background: #ff2271; margin: 15px 0; border-radius: 15px; } .form_price .hh .h1, .form_price .line2 span { font-size: 24px; margin: 0; } .form_price .line1, .form_price .line2 { font-size: 16px; } .otz ul { max-width: 100%; padding: 15px; box-sizing: border-box; display: flex; } .otz ul li { width: 33%; height: auto; } .otz .ui-tabs-anchor, .otz ul li p { font-size: 12px; } .otz .ui-tabs-anchor span { font-size: 14px; } .otz ul li.ui-state-active { height: auto; } .otz ul li p span { display: block; } .otz ul li p img { max-width: 17%; } .otz .tabs { height: auto; padding: 15px; background: #ffdb01; } /*.c_work, .bes .bes_block { height: auto; padding: 15px; border-radius: 10px; background: #ffdb01 }*/ .item .w_block .w_block_l p { font-size: 14px; } .item .w_block .w_block_l .w_adr, .item .w_block .w_block_l .w_client { font-size: 16px; min-height: 50px; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-prev { left: -15px; } .carousel-wirk.owl-theme .owl-controls .owl-nav .owl-next { right: -15px; } .item .w_block .w_block_r .w_msg1 { position: static; margin: 0 auto; } .item .w_block .w_block_r .b_btn { margin: 15px auto; } /*.o_calc { padding: 0 15px; text-align: center }*/ .o_calc .oc_type_menu, .o_calc .oc_type_text, .o_calc .maket { float: none; margin: 0 auto; } .o_calc .oc_type_menu { display: flex; justify-content: space-between; } .o_calc .oc_type_menu > div { position: static !important; } .o_calc .vert, .o_calc .horiz { float: none; display: inline-block; vertical-align: top; margin: 10px; height: auto; width: auto; } .o_calc .ui-widget-content { display: none !important; } .o_calc .maket { text-align: center; } /* .o_calc .r_block .oc_line { font-size: 14px; text-align: left } .o_calc .r_block .oc_line span { padding-right: 20px } .o_calc .r_block .oc_pr_block .bl_left { width: 100%; margin: 0 0 10px; float: none } .o_calc .r_block .oc_pr_block .bl_right { float: none; margin: 10px auto; clear: both }*/ .carousel-dop.owl-theme .owl-controls .owl-nav .owl-prev { left: 0; } .carousel-dop.owl-theme .owl-controls .owl-nav .owl-next { right: 0; } .w_color { height: auto; background: #c4e0ec; } .w_color .okno, .w_color .carousels { float: none; margin: 0 auto; padding: 0; } .carousel-color.owl-theme .owl-controls .owl-nav .owl-prev, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-prev { left: -10px; } .carousel-color.owl-theme .owl-controls .owl-nav .owl-next, .carousel-sing.owl-theme .owl-controls .owl-nav .owl-next { right: -10px; } /*.w_color .config_hh1, .w_color .config_hh2 { width: 100%; height: auto; padding: 8px 15px; background: #ff3068; border-radius: 8px }*/ .rsk { background: #ffe001; padding: 15px 0; } .rsk .pl { padding: 0; } .rsk .razmetka1 { float: none; display: inline-block; vertical-align: top; width: 30%; margin: 10px 1%; max-width: 100%; } .c_btn { width: 100%; height: auto; padding: 8px 10px; border-radius: 10px; background: #ff1869; border-bottom: 2px #df064c solid; } .in_name, .in_tel { width: 100%; height: auto; background: none; padding: 0; max-width: 100%; } .rsk .f_input label, .callback_form .f_input label { padding: 0; transform: initial; font-size: 14px; position: static; margin: 0 0 5px; } .rsk .f_input input, .callback_form .f_input input { font-size: 14px !important; padding: 10px; border-radius: 10px; border: 2px #ff1869 solid; background: #fff; width: 100%; } .t_blocks .t_block img { width: 90px; } .t_blocks .t_block .r_block { float: none; width: auto; overflow: hidden; } .t_blocks .t_block .r_block .h2 { font-size: 20px; margin-top: 0; } .t_blocks .t_block .r_block p { font-size: 14px; } .b_btn { font-size: 20px; } .links1 p, .links1 li { font-size: 16px !important; line-height: 22px; } .oz { height: auto; background: none; } .oz .oz_block { width: 100%; height: auto; border-radius: 25px; padding: 25px; background: #ff3068; border: 2px #ffdf00 solid; } .oz .oz_block .oz_hh { margin: 15px 0; font-size: 18px; } .oz .oz_block p { padding: 15px 0; } .d3 .d3_block { height: auto; padding: 25px; border-radius: 25px; background: #fde03c; } .d3 .sign5 { top: 10px; left: 10px; width: 60px; height: 60px; background-size: 100% auto !important; } .d3 .sign5 .h1 { font-size: 20px !important; } .d3_block2 .h22, .d3_block_right { display: block !important; } .bes_block .inner_text > * { margin: 5px 0 !important; } .bes_block .inner_text > .bes_send { margin: 5px auto !important; } .item .w_block .w_block_r .w_msg1 { background-size: 100% auto !important; background-position: 50% 50% !important; } .form_price .ramka2 input { width: calc(100% - 150px); margin: 0; height: 55px; } .form_price .ramka2 .fp_img { margin: 0 0 10px; display: none; } /*action list*/ .akcii_banner .line1 { text-align: center; font-size: 44px; } .akcii_banner .line1 span { font-size: 34px; } .akcii_banner .subline1 { position: static; } .akcii_banner .line2 { margin: 0 auto; } .carousel-sys.owl-theme .owl-controls .owl-nav .owl-prev { left: -10px; } .carousel-sys.owl-theme .owl-controls .owl-nav .owl-next { right: -10px; } /*contact*/ .image_right, .image_right + div { float: none; text-align: center; margin: 10px; } /*dom-dacha*/ .dacha_banner { height: auto; background-size: cover; } .n12 { height: auto; background: #ffec01; } .n12 .n1_hh { font-size: 20px; top: auto; left: 0; right: 0; bottom: 20px; margin: 0 auto; } .carousel-comp.owl-theme .owl-controls .owl-nav .owl-prev { left: 5px; } .carousel-comp.owl-theme .owl-controls .owl-nav .owl-next { right: 5px; } /*balcon*/ .otdelka_banner { height: auto; background-size: cover; } .config_b .c_side { clear: both; } .config_b .element { position: absolute; top: 0; left: 0; width: 320px; height: 449px; background-size: 100% !important; } .config_b .c_bg { position: relative; max-width: 320px; width: 100%; margin-left: auto; margin-right: auto; background: url(../img/conf_pic/c_bg.jpg) no-repeat left top; background-size: 100% !important; height: 421px; } .config_b .l_side, .config_b .r_side { float: none; width: 290px; margin-left: auto; margin-right: auto; } .config_b .n_side { position: relative; height: 110px; } .config_b .n_side .cena_block { top: -3px; } .config_b .n_side .rs_block { display: none; } .config_b .n_side .cena_block { background: url(../img/cena_block.png) no-repeat center center; width: 318px; height: 133px; position: absolute; left: 50%; margin-left: -159px; top: -48px; text-align: center; font-size: 22px; font-family: "RobotoBold"; text-transform: uppercase; padding-top: 33px; } .mebel ul.mtabs { display: flex; width: 100%; overflow: scroll; padding: 0 0 10px; } .mebel ul.mtabs li a { padding: 20px; width: auto; height: auto; border-radius: 8px; color: #fff; font-size: 18px; background: #f0236d; } .mebel ul.mtabs li.ui-state-active a { background: #ffde00; } /*otdelka-balkonov*/ .utep .blocks .block2 .utep_pr .utep_zakaz { font-size: 14px; text-align: center; padding: 15px 8px; } .utep .blocks .block2 .utep_pr .utep_price { font-size: 14px; } .utep .blocks .block2 .utep_pr .utep_price span { font-size: 30px; } .item .w_block .w_block_r .w_msg1 { font-size: 16px; line-height: 20px; } ul[style*="font-size: 20px"] { font-size: 14px !important; line-height: 20px; } /*balcon2*/ .balkon_banner { height: auto; background-size: cover; } .o_balkon .ob_config .ob_left { display: none; } .o_balkon .ob_config .ob_right { position: static; margin: 0 auto; padding: 25px; height: auto; background: #fff; border-radius: 25px; border: 2px #ffe500 solid; max-width: 90%; } .o_balkon .ob_config .ob_right.obr_cold .ob_r_hh, .o_balkon .ob_config .ob_right.obr_hot .ob_r_hh { position: static; margin: 10px auto; } .o_balkon .ob_config .ob_right .ob_color_select .ob_lenta { text-align: center; } .o_balkon .ob_config .ob_right .ob_color_select .ob_lenta .ob_item_block { float: none; display: inline-block; vertical-align: top; font-size: 12px; } .sim_balkon .carousel-sim_balkon .simb_block { height: auto; background: none; } .sim_balkon .carousel-sim_balkon .simb_block .simb_itogo { position: relative; bottom: 0; left: 0; } .sim_balkon .carousel-sim_balkon .simb_block .simb_itogo span { font-size: 20px; line-height: 55px; } .sim_balkon .carousel-sim_balkon .simb_block .simb_itogo .line1 { width: auto; font-size: 25px; } .econom .econom_block { width: 100%; } .section.gal, .section.coldpr { padding: 0 15px; } .eto .blocks .block { font-size: 14px; } .pano .block .pano_hh { font-size: 20px; } .coldos .har .blocks.b1 { flex-wrap: nowrap; overflow: scroll; padding: 0 0 10px; justify-content: flex-start; } .coldos .har .blocks.b1 .item { min-width: 190px; } .coldos .har .vnesh_pr .vnesh_txt { font-size: 18px; } .coldos .har .vnesh_pr .vnesh_price { font-size: 24px; } .coldos .har .vnesh_pr .vnesh_price span { font-size: 40px; } .coldpr .element_block { padding: 15px; } div > ymaps { width: 100% !important; } .vnu .oby_item .oby_block .vnesh_pr .vnesh_price { font-size: 20px; padding-right: 15px; white-space: nowrap; } .bredcrambs { overflow: scroll; padding: 0 0 10px; } .bredcrambs li { white-space: nowrap; } /*headblocks*/ .index_banner .line1 { text-align: center; } .index_banner .line2 { width: 100%; } .okna_pro .obg { background: none; } .okna_pro .dop_pro { background: #ff1e70; padding-top: 83px; padding-bottom: 35px; margin-top: -70px; border-radius: 30px; } .section_dver { background: #e8218c !important; } .section_dver label.btn { display: inline-block !important; vertical-align: top; margin: 0 10px 10px 0; } .section_dver label.btn img { position: static !important; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } /*.owl-carousel .owl-item img, .c_work_ratings .item img { width: auto }*/ /*contacts*/ .contacts { padding: 0 15px; background: none; } .contacts ul { height: auto; } .contacts ul li { height: auto; min-height: 42px; width: 100%; float: none; } /****/ .newwrap { padding: 75px 0 0 0; } .newzamer { z-index: 100; cursor: pointer; position: fixed; text-align: center; color: #fff; display: block; background: #ff1e6e; left: 0 !important; bottom: 0 !important; width: 100% !important; padding: 20px !important; height: auto !important; max-width: 100% !important; text-transform: uppercase; } .newheader { display: flex; background: #fff; padding: 10px; position: fixed; top: 0; left: 0; width: 100%; align-items: center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); z-index: 100; } .newhead { margin-right: auto; } .newhead img { display: inline-block; vertical-align: top; max-height: 55px; } .newphones a, .newphones svg { display: inline-block; vertical-align: top; } .newphones svg { max-height: 40px; } .adapt_menu { display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; cursor: pointer; line-height: 24px; color: #fff; } .adapt_menu span { display: inline-block; vertical-align: middle; width: 30px; height: 2px; background: #378f9e; position: relative; } .adapt_menu span:before { content: ""; width: 100%; position: absolute; top: -7px; left: 0; height: 2px; background: #378f9e; } .adapt_menu span:after { content: ""; width: 100%; position: absolute; bottom: -7px; left: 0; height: 2px; background: #378f9e; } .adapt_menu a { display: block; padding: 10px; text-decoration: none; } .vnimanie, .div_menu, .s1 .top_link, .top_menu, .s1, .d_ceny, .sm__popup_open { display: none !important; } } @media (max-width: 767px) { body, a { font-size: 16px; } p { line-height: 24px; } .index_banner .line1 { font-size: 45px !important; } .index_banner .line1 .small_h1 { font-size: 20px !important; } .index_banner .line2, .o_calc .line2 { text-align: center; } .index_banner .line2 .l2_left, .index_banner .line2 .l2_right, .o_calc .line2 .l2_left, .o_calc .line2 .l2_right { float: none !important; display: inline-block; vertical-align: top; } .index_banner .line2 .l2_left, .o_calc .line2 .l2_left { font-size: 22px; } .index_banner .line2 .l2_right, .o_calc .line2 .l2_right { font-size: 70px; line-height: 60px; } .n1 .n1_block { width: 47%; } .section_dver label { font-size: 12px; } .dacha_banner .line1 { font-size: 41px; } .dacha_banner .line2 .l2_left { font-size: 30px; } .dacha_banner .line2 .l2_right { font-size: 100px; } .otdelka_banner .line1 span { font-size: 42px; line-height: 38px; } .otdelka_banner .line3 { font-size: 60px; } .otdelka_banner .line3.r { font-size: 65px; } .otdelka_banner .line3 img { max-height: 35px; } .mebel .niz_mblok { margin: 0 auto; background: #ffdf01; height: auto; width: 100%; padding: 25px; border-radius: 10px; text-align: center; } .mebel .niz_mblok .m_sub .m_sub_right { float: none; margin: 0 0 15px; text-align: right; font-size: 12px; } .mebel .niz_mblok .m_sub .m_sub_left { float: none; border: 0; padding-right: 0; display: inline-block; vertical-align: top; } .balkon_banner .line1 { font-size: 40px; } .balkon_banner .line1 span { font-size: 45px; } .balkon_banner .line2 .l2_left { font-size: 25px; } .balkon_banner .line3 { font-size: 40px; background-size: auto 100%; display: inline-block; padding-right: 50px; width: auto; } .coldos .har .vnesh_pr { display: block; text-align: center; } .coldos .har .vnesh_pr .vnesh_txt { width: 100%; text-align: center; } .coldos .har .vnesh_pr .b_btn { margin: 10px auto; } .okna_pro .obg { background: none; } .index_banner { background-position: 0 0 !important; } .o_calc .vert, .o_calc .horiz { margin: 0; } } @media (max-width: 480px) { .h1 { /*font-size: 30px*/ } .n1 .n1bg { background: none; } .n1 .n1_block { width: 100%; margin: 15px 0; } .item .w_block .w_block_l, .item .w_block .w_block_r { width: 100%; padding: 10px 0; } .rsk .razmetka1 { width: 100%; margin: 10px 0; padding: 0 10px; } .akcii_banner .line1 { font-size: 24px; } .akcii_banner .line1 span { font-size: 18px; } .akcii_banner .line1 .subline1 span { font-size: 100px; } .mebel .m_item { display: flex; flex-wrap: wrap; } .mebel .m_left, .mebel .m_right { width: 100%; } .mebel .m_right { order: -1; } .bes_block .inner_text * { text-align: left !important; } .bes_block .inner_text div.text-center { text-align: center !important; } .bes_block .inner_text ul { padding-left: 40px; padding-bottom: 10px; } .bes_block .inner_text li { float: none !important; } } @media (max-width: 374px) { .n1 .n1_block { min-width: 0; } .n1 .n1_niz.nn1 { left: 0; } .o_calc .r_block .oc_line { display: block; } .o_calc .r_block .oc_line > * { display: inline-block !important; vertical-align: top; } .o_calc .r_block .oc_line > span:first-child { width: 100%; padding: 0 0 10px; } .item .w_block .w_block_r .w_msg1 { font-size: 14px; } } @media (max-width: 334px) { .o_balkon .ob_config .ob_right.obr_cold .ob_line1, .o_balkon .ob_config .ob_right.obr_hot .ob_r_hh { background-size: 100% auto; } } @media (min-width: 481px) and (max-width: 767px) { } #menu a, #meun span { color: #000 !important; font-size: 16px !important; font-family: "CeraRoundProDEMOBold"; } #menu .top_right2 { margin: 5px 0; } #menu .top_right2 a { font-size: 20px !important; } #menu .top_right2 span { font-size: 13px !important; } #menu .top_right2:nth-of-type(2) { margin-bottom: 15px; } .window-colors-section { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #f6fafc; } .window-colors-section .windows { background: #fff; } .window-colors-section .windows .container { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0; font-family: "Open Sans"; font-size: 16px; } .window-colors-section .windows .container .window__title { padding-bottom: 57px; } .window-colors-section .windows .container .window__title h2 { color: #000000; font-size: 38px; font-weight: 700; font-family: "Exo 2"; text-align: center; } .window-colors-section .windows .container .window__title p { color: #000000; font-size: 24px; font-weight: 400; font-family: "Exo 2"; text-align: center; } .window-colors-section .windows .container .window__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .window-colors-section .windows .container .window__content .left { max-width: 233px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .window-colors-section .windows .container .window__content .left .template { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 233px; width: 100%; height: 122px; background-color: #f6f7f8; margin-bottom: 15px; border: 1px solid transparent; } .window-colors-section .windows .container .window__content .left .template .img { max-width: 119px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .window-colors-section .windows .container .window__content .left .template p { color: #333333; font-family: "Exo 2"; font-size: 14px; font-weight: 700; } .window-colors-section .windows .container .window__content .left .active { border: 1px solid #ee6a28; } .window-colors-section .windows .container .window__content .left .template:nth-child(2) .img { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .window-colors-section .windows .container .window__content .center { position: relative; height: 534px; max-width: 650px; width: 100%; } .window-colors-section .windows .container .window__content .center img { position: absolute; display: none; } .window-colors-section .windows .container .window__content .center .active { display: block; } .window-colors-section .windows .container .window__content .center .r, .window-colors-section .windows .container .window__content .center .rl { left: 51px; top: 25px; } .window-colors-section .windows .container .window__content .center .p, .window-colors-section .windows .container .window__content .center .pl { bottom: 0; -webkit-box-shadow: 0px 47px 50px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 47px 50px 0px rgba(0, 0, 0, 0.2); } .window-colors-section .windows .container .window__content .center .o, .window-colors-section .windows .container .window__content .center .ol { left: 17px; top: 1px; } .window-colors-section .windows .container .window__content .center .f { left: 55px; top: 36px; } .window-colors-section .windows .container .window__content .right { max-width: 233px; width: 100%; } .window-colors-section .windows .container .window__content .right .pag1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .window-colors-section .windows .container .window__content .right .pag1 { display: none; } .window-colors-section .windows .container .window__content .right .active { display: -webkit-box; display: -ms-flexbox; display: flex; } .window-colors-section .windows .container .window__content .right .furn .lamin .minie { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .window-colors-section .windows .container .window__content .right .lamin { padding-bottom: 21px; } .window-colors-section .windows .container .window__content .right .lamin p { color: #000000; font-family: "Exo 2"; font-size: 18px; font-weight: 400; padding-bottom: 22px; } .window-colors-section .windows .container .window__content .right .lamin .minie { margin: 0px 0px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .window-colors-section .windows .container .window__content .right .lamin .minie .imgs { -ms-flex-preferred-size: 25%; flex-basis: 25%; margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; } .window-colors-section .windows .container .window__content .right .imgs::after { content: "\2714"; position: absolute; left: 0; top: 0; font-size: 30px; color: #fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: opacity 0.3s; } .window-colors-section .windows .container .window__content .right .imgs.active::after { opacity: 1; z-index: 1; } /*.window-colors-section .windows .container .window__content .right .lamin .minie .imgs .okey { width: 25px !important; height: 17px !important; position: absolute; top: 13px; display: none; }*/ /*.window-colors-section .windows .container .window__content .right .lamin .minie .active .okey { display: block; }*/ .window-colors-section .windows .container .window__content .right .green-pill { max-width: 236px; min-width: 150px; width: 100%; padding-left: 15px; padding-right: 15px; } /* .window-colors-section .windows .container .window__content .right .button { max-width: 236px; min-width: 150px; width: 100%; height: 60px; border: none; background: url(../images/svech.png) no-repeat top center; color: #ffffff; font-family: "Exo 2"; font-size: 18px; font-weight: 700; line-height: 24px; text-transform: uppercase; padding-bottom: 4px; text-align: left; padding-left: 24px; -webkit-transition: 0.4s; transition: 0.4s; cursor: pointer; margin: 10px auto 0; } .window-colors-section .windows .container .window__content .right .button:hover { -webkit-transform: scale(0.9); transform: scale(0.9); } */ @media (min-width: 320px) and (max-width: 766px) { .window-colors-section .windows .container { width: 95%; } .window-colors-section .windows .container .window__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .window-colors-section .windows .container .window__content .center { height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .window-colors-section .windows .container .window__content .center .centers { max-width: 344px !important; width: 100%; } .window-colors-section .windows .container .window__content .center .r, .window-colors-section .windows .container .window__content .center .rl { max-width: 289px !important; width: 100% !important; left: initial; top: 13px; } .window-colors-section .windows .container .window__content .center .p, .window-colors-section .windows .container .window__content .center .pl { max-width: 334px !important; width: 100% !important; left: initial; bottom: -8px !important; } .window-colors-section .windows .container .window__content .center .o, .window-colors-section .windows .container .window__content .center .ol { max-width: 323px !important; width: 100% !important; left: initial !important; } .window-colors-section .windows .container .window__content .center .f { max-width: 274px !important; left: initial; top: 23px !important; } .window-colors-section .windows .container .window__content .center .rama, .window-colors-section .windows .container .window__content .center .rama__lam, .window-colors-section .windows .container .window__content .center .podokinik, .window-colors-section .windows .container .window__content .center .podokinik__lam, .window-colors-section .windows .container .window__content .center .otkos, .window-colors-section .windows .container .window__content .center .otkos__lam, .window-colors-section .windows .container .window__content .center .furn { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .window-colors-section .windows .container .window__content .right { margin-top: 40px; } } @media (min-width: 767px) and (max-width: 1024px) { .window-colors-section .windows .container { width: 95%; } .window-colors-section .windows .container .window__content { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .window-colors-section .windows .container .window__content .left { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; max-width: 1180px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .window-colors-section .windows .container .window__content .left .template { padding-right: 10px; } .window-colors-section .windows .container .window__content .left .template:nth-child(2) p { padding-left: 5px; } .window-colors-section .windows .container .window__content .center { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .window-colors-section .windows .container .window__content .right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 40px; max-width: 1180px; } .window-colors-section .windows .container .window__content .right .pag1 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .window-colors-section .windows .container .window__content .right .pag1 .imgs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .window-colors-section .windows .container .window__content .right .pag1 .lamin:nth-child(1) { -ms-flex-preferred-size: 30%; flex-basis: 30%; } .window-colors-section .windows .container .window__content .right .pag1 .lamin:nth-child(2) { -ms-flex-preferred-size: 65%; flex-basis: 65%; } .window-colors-section .windows .container .window__content .right .pag1 .lamin:nth-child(2) .minie { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .window-colors-section .windows .container .window__content .right .pag1 .lamin:nth-child(2) .imgs { -ms-flex-preferred-size: 12% !important; flex-basis: 12% !important; } .window-colors-section .windows .container .window__content .right .pag1:nth-child(4) .lamin { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .window-colors-section .windows .container .window__content .right .pag1:nth-child(4) .lamin .imgs { -ms-flex-preferred-size: 10% !important; flex-basis: 10% !important; } .window-colors-section .windows .container .window__content .right .button { margin: 0; } } .tooltipster-base { display: flex; pointer-events: none; position: absolute; } .tooltipster-box { flex: 1 1 auto; } .tooltipster-content { box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } .tooltipster-sidetip .tooltipster-box { background: #f2eee5; border: 2px solid #f2eee5; border-radius: 4px; box-shadow: 0px 2px 0px 0px rgba(178, 171, 156, 0.7); } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-content { font-family: "Exo 2"; color: #333333; font-size: 16px; line-height: 18px; padding: 5px 10px 6px 10px; } .imgs:not(.active) [data-tooltip] { cursor: pointer; } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #f2eee5; left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #f2eee5; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #f2eee5; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #f2eee5; left: 0; top: -3px; } .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #f2eee5; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #f2eee5; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #f2eee5; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #f2eee5; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .zamer-modal { padding: 0; max-width: 1000px; width: 1000px; background-image: url("/img/zamer.jpg"); background-size: cover; background-repeat: no-repeat; border-radius: 20px; top: 50%; left: 50%; margin: -285px 0 0 -500px; bottom: unset; position: fixed; z-index: 2000; } .zamer-modal .sm__popup-fancybox-close { background: url("/img/close4.png") no-repeat center; top: 5px; right: 5px; } .zamer { display: block; width: 1000px; border-radius: 20px; box-shadow: 10px 10px 20px inset rgba(0, 0, 0, 0.2); position: relative; padding-bottom: 20px; } .zamer .line_1 { font-size: 26px; font-weight: 600; padding: 30px 0 20px 45px; } .zamer .line_1 span { background: #04bbce; padding: 1px 14px; color: #fff; border-radius: 10px; } .zamer .line_2 { font-size: 30px; font-weight: 600; padding: 0 0 20px 45px; line-height: 45px; width: 625px; } .zamer .line_2 span { color: #008088; } .zamer .line_3 { font-size: 20px; font-weight: 300; padding: 0 0 20px 45px; } .zamer .line_3 .ellipse { display: inline-block; background: url("/img/ellipse.png"); vertical-align: middle; margin: -4px 0 0 -7px; width: 38px; height: 38px; } .zamer .line_4 { font-size: 16px; font-weight: 600; padding: 0 0 0 45px; } .zamer .line_4 label { display: block; } .zamer .line_4 input { font-family: "RobotoRegular"; font-size: 20px; font-weight: 300; border: 1px solid #ddd; border-radius: 10px; padding: 15px 20px; width: 467px; margin: 15px 0 0; } .zamer .line_5 { padding: 15px 0 9px 45px; } .zamer .line_5 button { border: none; background: #fa6314; color: #fff; font-size: 20px !important; font-weight: 600; height: 80px; width: 465px; margin: 0 0 -3px; } .zamer .line_5 button img { height: 40px !important; vertical-align: middle; } .zamer .line_6 { font-size: 16px; font-weight: 300; padding: 20px 0 0 45px; } .zamer .line_6 * { font-size: 16px; font-weight: 300; } .zamer .line_6 img { vertical-align: middle; margin: -4px 7px 0 0; } .zamer-modal { opacity: 0; visibility: hidden; } .zamer-modal.is--showing { transform: translateY(0); opacity: 1; visibility: visible; } .zamer-modal .custom-checkbox-2 + label { display: block !important; font-size: 11.5px; width: 65%; position: relative; padding: 0 0 0 30px; line-height: 14px; } .zamer-modal .custom-checkbox-2 + label::before { position: absolute; left: 0; top: 0; } @media (min-width: 320px) and (max-width: 1100px) { .zamer-modal { display: block; width: 320px; top: 50%; left: 50%; padding: 0; margin: -275px 0 0 -160px; height: 550px; border-radius: 20px; overflow: hidden; } .zamer { display: block; width: 100%; height: 100%; background: #fff url("/img/zamer_mob2.jpg") no-repeat center bottom; border-radius: 20px; box-shadow: none; } .zamer .line_1 { font-size: 17px; padding: 23px 0 10px 16px; } .zamer .line_1 span { padding: 1px 9px; font-weight: 300; } .zamer .line_2 { width: 100%; font-size: 17.5px; line-height: 22px; padding: 0 0 10px 16px; } .zamer .line_3 { font-size: 12px; padding: 0 0 10px 16px; } .zamer .line_3 .ellipse { display: inline-block; background: url("/img/ellipse_mob.png") no-repeat center; vertical-align: middle; margin: -4px 0 0 -7px; width: 32px; height: 28px; } .zamer .line_4 { font-size: 14px; padding: 0 0 0 16px; } .zamer .line_4 label { font-size: 12px; } .zamer .line_4 input { width: calc(100% - 16px); margin: 8px 0 0; padding: 10px 20px; font-size: 14px; } .zamer .line_5 { padding: 15px 0 12px 16px; } .zamer .line_5 button { width: calc(100% - 16px); padding: 0 55px 0 0 !important; font-size: 17px !important; line-height: 20px; height: 66px; } .zamer .line_5 button img { height: 40px !important; position: absolute; top: 23px; right: 25px; } .zamer .line_6 { padding: 0 0 0 16px; } .zamer .line_6 * { font-size: 11.5px; } .zamer-modal .custom-checkbox-2 + label { display: block !important; font-size: 11.5px; width: 65%; position: relative; padding: 0 0 0 30px; line-height: 14px; } .zamer-modal .custom-checkbox-2 + label::before { position: absolute; left: 0; top: 0; } .zamer-modal .sm__popup-fancybox-close { background-size: 13px; } } /* фиксированная кнопка вызвать замерщика */ .fi-btn { position: fixed; left: 20px; bottom: 20px; width: 230px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ff1e6e; text-transform: uppercase; padding: 10px; font-family: "RobotoBold"; font-size: 14px; line-height: 120%; text-align: left; border: none; border-radius: 5px; overflow: hidden; } .fi-btn::after { content: ""; background-color: #fff; height: 100%; width: 3em; display: block; position: absolute; top: 0; left: -4.5em; -webkit-transform: skewX(-45deg) translateX(0); -ms-transform: skewX(-45deg) translateX(0); transform: skewX(-45deg) translateX(0); -webkit-animation: moving 2s ease-in-out infinite; animation: moving 2s ease-in-out infinite; } .fi-btn__icon { width: 32px; height: 32px; } .fi-btn__text { padding-left: 15px; } /* *************** */ .fi-btn2 { bottom: 90px; } .fi-btn3 img { height: 40px; width: auto; } .fi-btn3 .fi-btn__text { font-size: 12px; } .fi-btn3 { background: linear-gradient(90deg, #466fd4 0%, #214fc0 100%); } /* *************** */ @-webkit-keyframes moving { 30%, to { webkit-transform: skewX(-45deg) translateX(33.5em); -webkit-transform: skewX(-45deg) translateX(33.5em); transform: skewX(-45deg) translateX(33.5em); } } @keyframes moving { 30%, to { webkit-transform: skewX(-45deg) translateX(33.5em); -webkit-transform: skewX(-45deg) translateX(33.5em); transform: skewX(-45deg) translateX(33.5em); } } .fi-checkbox { position: relative; display: flex; align-items: center; overflow: hidden; } .fi-checkbox__input { position: absolute; left: 100%; opacity: 0; visibility: hidden; } .fi-checkbox__input:checked + .fi-checkbox__mark .fi-checkbox__icon { display: block; } .fi-checkbox__mark { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 2px; background: #04b8cb; cursor: pointer; } .fi-checkbox__additional { padding-left: 12px; font-size: 14px; font-family: "RobotoRegular"; } .fi-checkbox__additional a { color: #04b8cb; } .fi-checkbox__icon { display: none; width: 14px; height: 14px; } @media (max-width: 1100px) { .fi-checkbox__mark { width: 16px; height: 16px; } .fi-checkbox__additional { font-size: 10px; max-width: 160px; } .fi-checkbox__icon { width: 12px; height: 12px; } } @media (max-width: 860px) { .fi-btn_hide_from_860 { display: none; } } .animation-slide { position: relative; overflow: hidden; } .animation-slide::after { content: ""; background-color: #fff; height: 100%; width: 3em; display: block; position: absolute; top: 0; left: -4.5em; transform: skewX(-45deg) translateX(0); animation: moving 2s ease-in-out infinite; } .fi-topbar { font-family: "CeraRoundProDEMOBold"; font-weight: bold; color: #fff; } .fi-topbar.hide { display: none; } .fi-topbar__grid { display: flex; flex-wrap: nowrap; align-items: stretch; } .fi-topbar__title { width: 57%; padding: 18px 10% 18px 0; font-size: 22px; line-height: 1; } .fi-topbar__book { width: auto; height: 100%; } .fi-topbar__action { padding-top: 17px; padding-bottom: 17px; padding-left: 36px; width: 36%; margin-left: auto; display: flex; justify-content: flex-end; } .fi-topbar__btn { border: none; font-size: 15px; line-height: 120%; padding: 14px 20px; border-radius: 30px; height: auto; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); cursor: pointer; } .fi-topbar__box { width: 170px; } .fi-topbar__close { background: none; border: none; padding: 0 5px 0 30px; } .fi-topbar__mobile { position: relative; padding: 8px 10px 0; display: none; font-size: 14px; background: #cdf1f5; } .fi-topbar__subtitle { color: #000000; line-height: 120%; padding-bottom: 5px; } .fi-topbar__mobile-btn { border-radius: 30px; padding: 3px 12px; background: #fa6314; color: #fff; height: auto; line-height: 120%; border: none; margin-left: 42px; } .fi-topbar__desctop { background: #04b8cb; } .fi-topbar__group { width: 70%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .fi-topbar__book-mobile { /* position: absolute; */ width: 100%; max-width: 160px; height: auto; margin-bottom: -2px; } .fi-topbar__staff { width: 30%; } .fi-topbar__icon { width: 100%; height: 100%; } .point-gif { width: 35px; height: auto; } @media (max-width: 1100px) { .fi-topbar__title { width: 45%; padding: 18px 3% 18px 0; font-size: 19px; } .fi-topbar__action { width: 40%; padding-left: 12px; } } @media (max-width: 900px) { .fi-topbar__desctop { display: none; } .fi-topbar__mobile { display: flex; } .fi-topbar__close { position: absolute; width: 10px; height: 10px; padding: 0; right: 10px; top: 10px; } } @media (max-width: 575px) { .fi-topbar__mobile { font-size: 11px; align-items: flex-end; } .fi-topbar__group { padding-bottom: 5px; } } /* модальное окно скачать pdf */ .fn-box { padding-bottom: 10px; } .callback_form .just-validate-error-label { font-size: 14px; } .modal20 { display: none; width: 1000px; padding: 40px; background: #ffffff; border-radius: 20px; background-image: url(/img/20sovet6.png); background-repeat: no-repeat; background-size: 100% 100%; } .modal20.is--showing { display: block; } .modal20 h2 { font-family: "CeraRoundProDEMOMedium"; font-weight: 400; font-size: 22px; line-height: 120%; margin-bottom: 25px; color: #000; } .modal20 h2 .pink { color: #ff0975; } .modal20 h2.modal20h2 { font-family: "CeraRoundProDEMOBold"; font-size: 24px; font-weight: 700; line-height: 22px; } .modal20 .close20 { width: 25px; height: 25px; position: absolute; right: 15px; top: 15px; cursor: pointer; z-index: 999; } .modal20 .text20 { font-family: "RobotoRegular"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 22px; color: #000000; } .modal20 ul.text20 { margin: 25px 0px; font-family: "RobotoRegular"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; } .modals_form.modal20 .form_line { margin-bottom: 15px; } .modal20 .callback_form #call_tel20 { font-family: "Gilroy"; background: #fff; width: auto; border-radius: 30px; padding: 20px 25px 20px 20px; font-weight: 700; font-size: 14px; border: 1px solid #ffa8ce; width: 400px; } .modal20 .callback_form .text-small { /*font-family: 'Inter';*/ font-style: normal; font-weight: 400; font-size: 12px; line-height: 22px; padding: 0px 0px; } .modal20 .callback_form .btn-form { position: relative; color: #fff; background: #ff0975; width: auto; border-radius: 40px; padding: 16px 25px; font-weight: 700; font-size: 15px; border: 1px solid #ff0975; width: 400px; display: flex; line-height: 39px; justify-content: space-evenly; align-items: center; box-shadow: 0px 4px 0px #d60c64, inset -4px -4px 20px rgba(255, 255, 255, 0.25), inset 4px 4px 20px rgba(255, 255, 255, 0.25); } .modal20 .callback_form .text-checkbox { font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; /* or 123% */ color: #585858; } .modal20 .callback_form .text-checkbox a { font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; /* or 123% */ color: #ff545a; } .modal20 .callback_form .text-checkbox .custom-checkbox { margin: 2px 5px; display: block; float: left; } .modal20 .callback_form .text-checkbox .custom-checkbox { position: absolute; z-index: -1; opacity: 0; } .modal20 .callback_form .text-checkbox .custom-checkbox + label { display: inline-flex; flex-wrap: wrap; align-items: center; user-select: none; } .modal20 .callback_form .text-checkbox .custom-checkbox + label::before { content: ""; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 1px solid #adb5bd; border-radius: 2px; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .modal20 .callback_form .custom-checkbox:checked + label::before { border-color: #04b8cb; background-color: #04b8cb; background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5.5 9.5L14 1' fill='%2304B8CB'/%3E%3Cpath d='M1 5L5.5 9.5L14 1' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E"); background-size: 14px 14px; } .modal20 .callback_form .pdf { position: absolute; bottom: -16px; width: 108px; height: 32px; background: #04b8cb; box-shadow: 0px 4px 4px rgb(181 137 126 / 40%); border-radius: 6px; line-height: 32px; } .modal20 .callback_form .pdf2 { /* position: absolute; bottom: -30px;*/ font-family: "RobotoRegular"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 22px; padding: 10px 0px; color: #000; text-transform: none; text-align: center; width: 400px; display: flex; justify-content: center; margin-top: 15px; } .modal20 .callback_form .pdf2 svg { width: 26px; height: 19px; margin-right: 10px; } .modals_form.modal20 .modals_form_wrap { padding: 0; background: none; text-align: left; } .modals_form.modal20 .text { text-align: left; color: #000000; } .modals_form.modal20:before { display: none; } .modals_form.modal20 .btn.btn-form:before { display: none; } .modal20 .books { position: absolute; bottom: 0; right: 0; height: 100%; } .modal20 .books img { width: 575px; float: right; margin-top: 50px; } .modal20 ul.text20 li { display: flex; align-items: center; line-height: 110%; padding-bottom: 10px; } .modal20 ul.text20 li svg { flex-shrink: 0; margin-right: 10px; } @media (min-width: 320px) and (max-width: 1100px) { .modal20 { width: 320px; padding: 10px; background-position: 96% center; background-size: cover; } .modal20 h2 br { display: none; } .modal20 .text20 { font-family: "RobotoRegular"; font-style: normal; font-weight: 400; font-size: 13px; line-height: 22px; color: #000000; } .modal20 h2 { font-size: 16px; } .modal20 h2.modal20h2 { font-size: 18px; padding-right: 31px; } .modal20 ul.text20 { margin: 8px 0px; font-family: RobotoRegular; font-size: 12px; font-weight: 400; line-height: 21px; text-align: left; max-width: 80%; } .modal20 ul.text20 li { padding-bottom: 11px; } .modal20 .books { display: none; } .modal20 .callback_form .text-small { display: none; } .modal20 .callback_form #call_tel20 { width: 100%; font-size: 12px; height: auto; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #898989; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #898989; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #898989; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #898989; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #898989; } ::placeholder { /* Most modern browsers support this now. */ color: #898989; } .modal20 .callback_form .btn-form { width: 100%; padding-top: 8px; padding-bottom: 8px; text-transform: none; line-height: 120%; } .point-gif { width: 18px; height: auto; } .modal20 .callback_form .pdf2 { width: 100%; margin: 5px 0 0 0; } .modal20 .callback_form .text-checkbox { margin-top: 5px; display: flex; flex-wrap: wrap; } .modals_form.modal20 .form_line { margin-bottom: 5px; } .modal20 .form_line .col { margin-bottom: 3px; } .modal20 .callback_form .pdf { width: 90px; font-size: 11px; height: 19px; line-height: 20px; } } /* шапка */ .container_flex_soc { height: 50px; justify-content: end; display: flex; align-items: center; } .container_flex_soc a { position: relative; } .container_flex_soc img { padding-left: 10px; } .container_flex .city_f_img { margin-right: 10px; height: 22px !important; width: auto; max-width: unset; } .container_flex .city_f { font-size: 14px; align-items: center; display: flex; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } .container_flex b { font-weight: bold; } .container_flex .header_info_menu a { font-size: 14px; line-height: 24px; text-decoration: none; color: #1b1c1d; padding: 0 10px; } .container_flex .header_info_menu { display: flex; justify-content: space-between; } .container_flex .col-calc { display: flex; align-items: center; } .container_flex .col-calc .svg-calc { width: 20px; height: 25px; } .container_flex .col-calc a { font-size: 14px; line-height: 24px; color: #1b1c1d; padding: 0 10px; } .header .header_info .top .info_tel2 { font-size: 16px; color: #000000; } .logged-in { color: #28bd52; animation: blink 2s infinite; } .uread { position: absolute; right: -5px; top: -5px; font-style: normal; font-weight: 700; font-size: 8px; line-height: 13px; color: #ffffff; z-index: 5; background: red; width: 13px; height: 13px; text-align: center; border-radius: 100%; animation-name: pulse-animation; animation: pulse-animation 4s linear infinite; -webkit-animation: pulse-animation 4s linear infinite; } .header_btns2 { display: flex; } .header_btns2 > div { padding: 15px 5px 5px; } .header .logo2 img { width: 150px; max-width: none; } .header .header_info2 { padding: 0 10px; } .header .header_info .top2 { margin: 0; justify-content: space-around; } .header.fixed .header_info .top .tel a { font-size: 26px; line-height: 42px; } .header.fixed .header_info { padding: 0 10px; -ms-flex: 1; } .comagic2_phone_off.new_cell img { width: 29px; } @keyframes pulse-animation { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes pulse-animation { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 320px) and (max-width: 767px) { .new_cell { padding-left: 10px; } .container_flex_soc img { padding-left: 10px; } .adapt_menu a { padding-top: 5px; } .container_flex_soc { height: 50px; justify-content: start; } } /* подвал */ .cont_email { white-space: nowrap; } .cont_email a { font-size: 17px; } .catalog_footer_menu a.phone { font-size: 18px; } .catalog_footer_menu img.icon { margin-right: 5px; } .catalog_footer_menu a.social { margin-right: 9px; display: inline-block; } /* калькулятор */ .o_calc .r_block .btn { width: 100%; padding: 17px 16px; } /* мигающая точка шапка */ .header .header_info .top .info_tel2 { font-size: 16px; color: #000000; margin: 0 0 0 -12px; } .header.fixed .header_info .top .info_tel2 { font-size: 12px; margin: 0 0 0 -12px; } .green-beep { display: inline-block; vertical-align: top; width: 5px; height: 5px; border-radius: 50%; background: transparent; margin: 9px 5px 0 0; animation-name: green-beep; animation: green-beep 2s linear infinite; } @keyframes green-beep { 0% { background: transparent; } 50% { background: transparent; } 51% { background: #04cb2f; } 100% { background: #04cb2f; } } /* Новые блоки услуги и опции(аксессуары) */ .t-center { text-align: center; } .services { margin: 60px 0; padding: 0 30px; } @media (max-width: 640px) { .services { padding: 0 15px; margin: 30px 0; } } .services__text { text-align: center; margin-bottom: 40px; } .services__container { display: flex; flex-wrap: wrap; margin: 0 -10px; } @media (max-width: 640px) { .services__container { margin: 0; } } .services__card { border-radius: 10px; display: flex; height: 300px; justify-content: center; margin: 0 10px 30px; overflow: hidden; padding: 0 40px; position: relative; width: calc(25% - 20px); } @media (max-width: 1680px) { .services__card { width: calc(33.3% - 20px); } } @media (max-width: 1200px) { .services__card { width: calc(50% - 20px); } } @media (max-width: 768px) { .services__card { padding: 0; } } @media (max-width: 640px) { .services__card { margin: 0; width: 100%; } } .services__img { height: 100% !important; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .services__link { align-items: center; background: #fa6314; border-radius: 15px 15px 0 0; color: #fff; display: flex; text-decoration: none; font-family: "CeraRoundProDEMOBold"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 120%; margin-top: auto; padding: 20px 40px; position: relative; width: 100%; } .services__link:hover, .services__link:focus { text-decoration: none; color: #fff; } @media screen and (max-width: 1600px) { .services__link { font-size: calc(20.5px - 0.15625vw); } } .services__link:focus .services__arrow, .services__link:hover .services__arrow { -webkit-transform: translateX(5px); transform: translateX(5px); } @media (max-width: 768px) { .services__link { border-radius: 0; padding: 20px; } } .services__arrow { fill: #fff; height: 20px; margin-left: auto; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; width: 20px; } .accessories { margin: 30px 0; padding: 0 30px; } @media (max-width: 640px) { .accessories { padding: 0 15px; } } .accessories__top-text { text-align: center; margin-bottom: 40px; } .accessories__container { display: flex; flex-wrap: wrap; margin: 0 -10px; } @media (max-width: 640px) { .accessories__container { margin: 0; } .accessories__container .owl-stage { display: flex; } } .accessories__card { display: flex; flex-direction: column; margin: 0 10px 100px; position: relative; width: calc(25% - 20px); } @media (max-width: 1680px) { .accessories__card { width: calc(33.3% - 20px); } } @media (max-width: 1200px) { .accessories__card { width: calc(50% - 20px); } } @media (max-width: 768px) { .accessories__card { padding: 0; } } @media (max-width: 640px) { .accessories__card { margin: 0; width: 100%; height: 100%; } } .accessories__img { border-radius: 10px; height: 220px; margin-bottom: 25px; object-fit: cover; width: 100%; } .accessories__name { color: #232323; font-family: "CeraRoundProDEMOBold"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 10px; } @media screen and (max-width: 1600px) { .accessories__name { font-size: calc(29.5px - 0.46875vw); } } .accessories__text { margin-bottom: 25px; font-family: "RobotoRegular"; font-size: 16px; line-height: 170%; } .accessories__link { align-items: center; background: #04b8cb; border-radius: 15px; color: #fff; display: inline-flex; display: flex; font-family: "CeraRoundProDEMOBold"; font-size: 18px; font-style: normal; font-weight: 700; justify-content: center; margin-top: auto; padding: 20px 40px; position: relative; text-decoration: none; width: 100%; } .accessories__link:hover, .accessories__link:focus { text-decoration: none; color: #fff; } @media screen and (max-width: 1600px) { .accessories__link { font-size: calc(20.5px - 0.15625vw); } } .accessories__link:focus .accessories__arrow, .accessories__link:hover .accessories__arrow { -webkit-transform: translateX(5px); transform: translateX(5px); } @media (max-width: 768px) { .accessories__link { border-radius: 0; padding: 20px; } } .accessories__arrow { fill: #fff; height: 20px; margin-left: 30px; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; width: 20px; } .fittings { margin-bottom: 60px; } @media screen and (max-width: 1600px) { .fittings { margin-bottom: calc(22.5px + 2.34375vw); } } .fittings__container { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 40px; } .fittings__item { position: relative; width: 200px; } .fittings__item:not(:last-child) { margin-right: 35px; } @media (max-width: 640px) { .fittings__item:not(:last-child) { margin-bottom: 20px; margin-right: 0; } .fittings__item { flex-direction: column; } } .fittings__img { height: auto; max-width: 100%; object-fit: contain; width: 100%; } @media (max-width: 640px) { .fittings__img { height: 240px !important; } } .fittings__content { align-items: center; bottom: 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; position: absolute; width: 100%; } @media (max-width: 640px) { .fittings__content { bottom: 20px; } } .fittings__content span { font-family: "CeraRoundProDEMOBold"; font-size: 28px; font-weight: 700; line-height: 120%; text-align: center; } @media screen and (max-width: 1600px) { .fittings__content span { font-size: calc(15.5px + 0.78125vw); } } .fittings__title { color: #232323; font-family: "CeraRoundProDEMOBold"; font-size: 42px; font-weight: 700; line-height: 170%; margin-bottom: 20px; text-align: center; } @media screen and (max-width: 1600px) { .fittings__title { font-size: calc(17px + 1.5625vw); } } .fittings__notice { align-items: center; background: #04b8cb; border-radius: 15px; color: #fff; display: flex; font-family: "CeraRoundProDEMOBold"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 120%; margin: 0 auto 30px; max-width: 440px; padding: 20px 80px; } @media screen and (max-width: 1600px) { .fittings__notice { font-size: calc(15px + 0.3125vw); } } .fittings__notice:before { align-items: center; background-color: #fff; border-radius: 50%; color: #04b8cb; content: "!"; display: flex; flex-shrink: 0; font-family: "CeraRoundProDEMOBold"; font-size: 30px; font-style: normal; font-weight: 700; height: 35px; justify-content: center; margin-right: 10px; width: 35px; } @media (max-width: 640px) { .fittings__notice { justify-content: center; padding: 20px; } } .fittings__editor p:not(:last-child) { margin-bottom: 20px; } .fittings__editor strong { font-weight: 700; } /* Новогодний баннер */ .bnr_main--ny { position: relative; background-image: url(/img/ux/ny_banner_bg.jpg); background-size: cover; background-position: center; } .bnr_box--ny { overflow-x: hidden; position: relative; } .bnr_main__abs_left_img { position: absolute; top: 0; height: 100% !important; left: 0; } .bnr_main__abs_right_img { position: absolute; top: 0; height: 100% !important; right: 0; } @media (max-width: 1580px) { .bnr_main__abs_right_img { right: -50px; } .bnr_box--ny { padding: 10px; background-color: rgba(255, 255, 255, 0.8); } } @media (max-width: 1024px) { .bnr_main__abs_right_img { display: none; } } .fn-showcase { padding: 40px 0; } .fn-showcase__head { text-align: center; padding-bottom: 40px; } .fn-showcase__descr { font-size: 16px; } .fn-showcase__card { font-size: 16px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #000; } .fn-showcase__grid { display: -ms-grid; display: grid; gap: 15px; -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr; grid-template-columns: repeat(4, 1fr); } .fn-showcase__plate { background-color: #f5f5f5; /* display: flex; flex-direction: column; justify-content: center; align-items: center; */ /* padding: 30px; */ } .fn-showcase__picture { position: relative; display: block; background-color: #f5f5f5; padding-top: 90%; } .fn-showcase__picture-img { position: absolute; left: 0; top: 0; width: 100%; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% bottom; object-position: 50% bottom; /* width: 100%; height: auto; */ } .fn-showcase__card-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 35px 25px 25px; background-color: #f2fbfc; } .fn-showcase__card-title { font-family: "CeraRoundProDEMOBold"; font-size: 18px; color: #000; text-decoration: none; } .fn-showcase__card-item { padding-top: 15px; } .fn-showcase__card-price { padding-top: 17px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .fn-showcase__card-price::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 13px; background-color: #cdf1f5; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .fn-showcase__card-price span:first-child { font-family: "RobotoLight"; display: block; position: relative; z-index: 4; } .fn-showcase__card-price span:last-child { font-weight: 500; font-family: "CeraRoundProDEMOMedium"; color: #fa6314; margin-left: auto; display: block; position: relative; z-index: 4; } .fn-showcase__card-note { padding-top: 17px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; color: #a6a6a6; } .fn-showcase__card-note span:first-child { font-family: "RobotoLight"; display: block; } .fn-showcase__card-note span:last-child { font-weight: 500; font-family: "CeraRoundProDEMOMedium"; margin-left: auto; display: block; text-decoration: line-through; } .fn-showcase__card-footer { margin-top: auto; padding-top: 17px; } .fn-showcase__card-btn { padding: 22px 30px; font-family: "CeraRoundProDEMOMedium"; text-transform: uppercase; background-color: #fa6314; width: 100%; /* max-width: 206px; */ text-align: center; color: #fff; cursor: pointer; height: auto !important; border-radius: 0 !important; border: none !important; display: block !important; line-height: 120% !important; text-decoration: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .fn-showcase__card-btn:hover { background-color: #d7520d; } .fn-showcase__callback { height: 100%; background-color: #04b8cb; color: #fff; padding: 30px; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fn-showcase__callback-title { font-family: "CeraRoundProDEMOBold"; font-size: 38px; } .fn-showcase__callback-subtitle { padding-top: 25px; font-family: "CeraRoundProDEMOBold"; font-size: 21px; } .fn-showcase__callback-field_space_top { padding-top: 10px; } .fn-showcase__callback-txt { padding-top: 35px; } .fn-showcase__callback-row { display: -ms-grid; display: grid; gap: 10px; -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: repeat(2, 1fr); } .fn-showcase__callback-form { padding-top: 12px; } .fn-showcase__callback-input { width: 100%; height: 54px !important; background-color: #fff; padding: 0; } .fn-showcase__callback-label { padding-bottom: 10px; } .fn-showcase__callback-group { margin-top: auto; } .fn-showcase__content { padding-top: 15px; display: none; } .fn-showcase__content.active { display: block; } .fn-showcase__footer { padding-top: 30px; } .fn-showcase__loadmore { font-family: "CeraRoundProDEMOBold"; margin: 0 auto; width: 220px; padding: 15px 30px; border-radius: 30px; text-align: center; background-color: #fa6314; display: block; height: auto; line-height: 120%; font-size: 14px; border: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .fn-showcase__loadmore:hover { background-color: #d7520d; } @media (max-width: 1100px) { .fn-showcase__grid { -ms-grid-columns: (1fr) [3]; grid-template-columns: repeat(3, 1fr); } .fn-showcase__callback { -ms-grid-column-span: 3; grid-column: span 3; } } @media (max-width: 768px) { .fn-showcase__grid { -ms-grid-columns: (1fr) [2]; grid-template-columns: repeat(2, 1fr); } .fn-showcase__callback { -ms-grid-column-span: 2; grid-column: span 2; } } @media (max-width: 575px) { .fn-showcase__card-title { font-size: 16px; } .fn-showcase__card-body { padding: 20px 10px; } } @media (max-width: 500px) { .fn-showcase__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .fn-showcase__callback { -ms-grid-column-span: 1; grid-column: span 1; padding: 20px 10px; } .fn-showcase__callback-title { font-size: 25px; } .fn-showcase__callback-subtitle { font-size: 17px; } .fn-showcase__picture { padding-top: 50%; } .fn-showcase__card-btn { padding: 16px 30px; } } .fn-product { padding: 50px 0; font-size: 16px; } .fn-product__title { font-family: "CeraRoundProDEMOBlack"; font-weight: bold; font-size: 32px; line-height: 110%; text-transform: uppercase; color: #1b1c1d; margin: 0; } .fn-product__grid { display: -ms-grid; display: grid; gap: 40px; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: 1fr 1fr; } .fn-product__order { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; display: block; padding: 20px 30px; font-weight: 600; font-size: 18px; height: auto !important; background-color: #fa6314 !important; border: none !important; line-height: 110%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .fn-product__order:hover { background-color: rgba(250, 99, 20, 0.4) !important; } .fn-product__picture { position: relative; padding-top: 100%; background-color: #f7f7f7; } .fn-product__picture-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; } .fn-product__info { padding-top: 15px; } .fn-product__list { padding-top: 25px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(3, 1fr); gap: 10px; } .fn-product__item-icon { width: 30px; height: 30px; } .fn-product__item-txt { padding-top: 15px; } .fn-product__subtitle { font-weight: bold; font-family: "CeraRoundProDEMOBlack"; font-size: 22px; } .fn-product__body { padding-top: 30px; } .fn-product__editor { padding-top: 18px; } .fn-product__editor ul li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 0; } .fn-product__editor ul li:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #fa6314; -ms-flex-negative: 0; flex-shrink: 0; } .fn-product__editor ul li span { padding-left: 15px; } .fn-product__price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; } .fn-product__price-label { font-weight: 300; font-size: 18px; line-height: 1; } .fn-product__price-value { padding-top: 4px; font-family: "CeraRoundProDEMOBold"; font-size: 34px; color: #fa6314; } .fn-product__price-aside { color: #a6a6a6; } .fn-product__price-old { font-family: "CeraRoundProDEMOMedium"; text-decoration: line-through; } @media (max-width: 992px) { .fn-product__grid { gap: 30px; -ms-grid-columns: 1fr 30px 1fr; grid-template-columns: 1fr 1fr; } .fn-product__title { font-size: 26px; } .fn-product__preview { /* order: 2; width: 100%; max-width: 500px; margin: 0 auto; */ } } @media (max-width: 720px) { .fn-product__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .fn-product__preview { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .fn-product__descr { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 450px) { .fn-product__title { font-size: 24px; } .fn-product__subtitle { font-size: 18px; } .fn-product__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .fn-product__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .fn-product__item-txt { padding-top: 0; } .fn-product__price-value { font-size: 25px; } .fn-product__price { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .fn-product__price-main { width: 100%; } .fn-product__price-aside { width: 100%; } }