@font-face{font-family: 'Lora';font-style: italic;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIhMX1D_JOuMw_LLPtLp_A.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family: 'Lora';font-style: italic;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIhMX1D_JOuMw_LJftLp_A.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family: 'Lora';font-style: italic;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIhMX1D_JOuMw_LXftLp_A.woff2) format('woff2');unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;}@font-face{font-family: 'Lora';font-style: italic;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIhMX1D_JOuMw_LT_tLp_A.woff2) format('woff2');unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;}@font-face{font-family: 'Lora';font-style: italic;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIhMX1D_JOuMw_LLvtLp_A.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family: 'Lora';font-style: italic;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIhMX1D_JOuMw_LL_tLp_A.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: 'Lora';font-style: italic;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIhMX1D_JOuMw_LIftL.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: 'Lora';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIvMX1D_JOuMwf7I-NP.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family: 'Lora';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIvMX1D_JOuMw77I-NP.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family: 'Lora';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIvMX1D_JOuM3b7I-NP.woff2) format('woff2');unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;}@font-face{font-family: 'Lora';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIvMX1D_JOuM2T7I-NP.woff2) format('woff2');unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;}@font-face{font-family: 'Lora';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIvMX1D_JOuMwX7I-NP.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family: 'Lora';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIvMX1D_JOuMwT7I-NP.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: 'Lora';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/css/fonts/Lora/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:"FontAwesome";src:url("/assets/css/fonts/fontawesome-webfont.eot?v=4.7.0");src:url("/assets/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("/assets/css/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("/assets/css/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("/assets/css/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("/assets/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-phone:before{content:"\f095"}.fa-telegram:before{content:"\f2c6"}.fa-whatsapp:before{content:"\f232"}.fa-envelope:before{content:"\f0e0"}.fa-long-arrow-right:before{content:"\f178"}.fa-phone-square:before{content:"\f098"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-close:before{content:"\f00d"}.fa-angle-up:before{content:"\f106"}.fa-vk:before{content:"\f189"}.fa-instagram:before{content:"\f16d"}.fa-balance-scale:before{content:"\f24e"}.fa-comments-o:before{content:"\f0e6"}.fa-rocket:before{content:"\f135"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-institution:before{content: "\f19c";}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{font-size:inherit}input,textarea,button{border:none;font-family:inherit;font-size:inherit;background:inherit}input:focus,textarea:focus,button:focus{outline:none}ul li{list-style:none} footer .flex>div:last-child a,#contacts ul li a,#triggers a,header .contacts-head a,header .menu ul li a,header .logo a,.over .popup_z form h4 a,.over .popup_z .wrap h4 a { color:inherit; text-decoration:none } header .logo a,.flex { display:flex; align-items:center } .over:before,body.blur:before { content:""; display:block; background:rgba(56,62,86,.53); position:absolute; top:0; bottom:0; left:0; right:0 } .fancyboxLoc-skin .fancyboxLoc-nav i,.fancyboxLoc-skin .fancyboxLoc-close i { font-size:19px; background:rgba(255,255,255,.7019607843); text-align:center; color:#8b8b8b } #triggers .items .item,header .menu,header .bars i,.over,.owl-carousel.owl-theme .owl-nav button i,.owl-carousel.owl-theme .owl-item img,a,.button,body.blur { transition:.3s } #triggers .items .item:hover img,.owl-carousel.owl-theme .owl-item:hover img { transform:scale(1.06) } #about img,#triggers .items .item,.over .popup_z form>div input[type=text],.over .popup_z form>div input[type=email],.over .popup_z form>div input[type=tel],.over .popup_z form>div textarea,.over .popup_z .wrap>div input[type=text],.over .popup_z .wrap>div input[type=email],.over .popup_z .wrap>div input[type=tel],.over .popup_z .wrap>div textarea,.over .popup_z,.owl-carousel.owl-theme .owl-nav button i,.owl-carousel.owl-theme .owl-item img,.owl-carousel.owl-theme .owl-item>div,.button { border-radius:16px } .over .popup_z,.owl-carousel.owl-theme .owl-item>div { box-shadow:0 0 10px 0 rgba(0,0,0,.1) } #gallery .owl-item div { box-shadow:0 0 8px 0 rgba(0,0,0,.21) } body { font-size:14px; font-family:"Lora", serif; color:#333; position:relative } body.blur { overflow:hidden } body.blur:before { -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); z-index:9 } body .content { margin:10px 0 } .container { max-width:1200px; margin:0 auto; padding-left:15px; padding-right:15px } p { margin-bottom:10px; line-height:1.4 } h1 { font-size:2.5em; margin-bottom:30px } h2 { font-size:2.5em; color: #383e56; margin:20px 0 40px } h3 { font-size:1.5em; margin-bottom:20px } h4,.h4 { font-size:1.3em; margin:30px 0 } .flex { justify-content:space-between; -moz-column-gap:30px; column-gap:30px } .button, .slider .aphn { display:block; padding:15px 20px; border:2px solid; text-align:center; max-width:290px; font-size:16px; font-weight:bold; cursor:pointer } .button:hover, .service-actions .aphn:hover { background:#c4b796 !important; border-color:#c4b796 !important; color:#fff !important } a { color:#c1a875 } a:hover { color:#c4b796 !important } a.fzayavka { color:#c1a875 } .center { text-align:center } .cta { font-size:19px; text-align:center; max-width:800px; margin:30px auto; line-height:1.4; font-weight:bold } .cta a, .cta .aphn { text-decoration:underline; color: #c1a875; } #cta { background:#383e56; color:#fff; padding-bottom:50px } section { padding:50px 0 100px } ul { padding-left:30px } .owl-carousel.owl-theme .owl-item { padding:7px } .owl-carousel.owl-theme .owl-item>div { overflow:hidden } .owl-carousel.owl-theme .owl-item img { width:auto; height:100%; max-width:100%; margin:auto } .owl-carousel.owl-theme .owl-nav button { position:absolute; top:0; bottom:0; padding:20px !important; z-index:999; color:#fff; font-size:30px } .owl-carousel.owl-theme .owl-nav button.owl-prev { left:-18px } .owl-carousel.owl-theme .owl-nav button.owl-next { right:-18px } .owl-carousel.owl-theme .owl-nav button i { font-size:30px; padding:5px 15px; line-height:1; background:#c4b796; color:#fff } .owl-carousel.owl-theme .owl-nav button i:hover { background:#c4b796 } .owl-carousel.owl-theme .owl-dots .owl-dot.active span { background:#c1a875 } .owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background:#c1a875 } .owl-carousel.owl-theme .owl-dots .owl-dot span { border-radius:0; background:#999 } .fancyboxLoc-skin { padding:0 !important } .fancyboxLoc-skin img { max-width:100% } .fancyboxLoc-skin .fancyboxLoc-close { top:0; right:2px } .fancyboxLoc-skin .fancyboxLoc-close i { padding:10px; width:38px; height:38px } .fancyboxLoc-skin .fancyboxLoc-nav { width:auto } .fancyboxLoc-skin .fancyboxLoc-nav.fancyboxLoc-next i { right:0 } .fancyboxLoc-skin .fancyboxLoc-nav i { width:50px; height:50px; position:absolute; top:0; bottom:0; margin:auto; padding:17px } .up { display:none; position:fixed; bottom:100px; right:-65px; text-align:center; line-height:1; z-index:9 } .up a { color:#fff; padding:8px; display:block; background:#c1a875; font-size:30px; width:50px; height:50px; border-radius:50% } .up a i { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:33px } .up a:hover { background:#c4b796; color:#fff !important } .hidden { display:none } .over { display:none; justify-content:center; align-items:center; position:fixed; top:0; bottom:0; left:0; right:0; z-index:9 } .over:before { -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px) } .over .popup_z { position:relative; width:440px; background:#fff; padding:30px; margin-top:-50px } .over .popup_z .close { position:absolute; top:3px; right:3px; color:#bbb; font-size:19px } .over .popup_z .close i { padding:10px; cursor:pointer } .over .popup_z form>div,.over .popup_z .wrap>div { position:relative } .over .popup_z form>div label,.over .popup_z .wrap>div label { display:block; font-size:12px; height:auto; text-align:left; margin:0; padding:0 0 5px 5px; opacity:.6 } .over .popup_z form>div input[type=text],.over .popup_z form>div input[type=email],.over .popup_z form>div input[type=tel],.over .popup_z form>div textarea,.over .popup_z .wrap>div input[type=text],.over .popup_z .wrap>div input[type=email],.over .popup_z .wrap>div input[type=tel],.over .popup_z .wrap>div textarea { display:block; padding:15px; margin:0 0 15px; line-height:1.7; letter-spacing:1.5px; width:100%; border:1px solid #d9d9d9; background:#f7f7f7 } .over .popup_z form>div input[type=text]::-moz-placeholder, .over .popup_z form>div input[type=email]::-moz-placeholder, .over .popup_z form>div input[type=tel]::-moz-placeholder, .over .popup_z form>div textarea::-moz-placeholder, .over .popup_z .wrap>div input[type=text]::-moz-placeholder, .over .popup_z .wrap>div input[type=email]::-moz-placeholder, .over .popup_z .wrap>div input[type=tel]::-moz-placeholder, .over .popup_z .wrap>div textarea::-moz-placeholder { color:#999 } .over .popup_z form>div input[type=text]::placeholder,.over .popup_z form>div input[type=email]::placeholder,.over .popup_z form>div input[type=tel]::placeholder,.over .popup_z form>div textarea::placeholder,.over .popup_z .wrap>div input[type=text]::placeholder,.over .popup_z .wrap>div input[type=email]::placeholder,.over .popup_z .wrap>div input[type=tel]::placeholder,.over .popup_z .wrap>div textarea::placeholder { color:#999 } .over .popup_z form>div input[type=text]:focus,.over .popup_z form>div input[type=email]:focus,.over .popup_z form>div input[type=tel]:focus,.over .popup_z form>div textarea:focus,.over .popup_z .wrap>div input[type=text]:focus,.over .popup_z .wrap>div input[type=email]:focus,.over .popup_z .wrap>div input[type=tel]:focus,.over .popup_z .wrap>div textarea:focus { border-color:#999 } .over .popup_z form>div textarea,.over .popup_z .wrap>div textarea { height:100px; resize:vertical } .over .popup_z form h3,.over .popup_z .wrap h3 { margin-bottom:10px; color:#c1a875 } .over .popup_z form h3 b,.over .popup_z .wrap h3 b { display:block; font-size:14px; color:initial; margin:10px 0 20px; font-weight:normal; border-bottom:1px dashed #d9d9d9; padding:0 0 20px } .over .popup_z form p,.over .popup_z .wrap p { font-size:12px; margin-bottom:20px } .over .popup_z form p b,.over .popup_z .wrap p b { font-size:16px; color:#c1a875 } .over .popup_z form p i,.over .popup_z .wrap p i { color:#999 } .over .popup_z form input[type=submit],.over .popup_z .wrap input[type=submit] { margin:20px auto 0; border-color:#c1a875; background:#c1a875; color:#fff } .over .popup_z form small,.over .popup_z .wrap small { font-size:.8em; color:#999 } .over .popup_z form small a,.over .popup_z .wrap small a { color:inherit } .over .popup_z form .social,.over .popup_z .wrap .social { justify-content:space-around; margin:0 0 20px; padding:0 0 20px; border-bottom:1px dashed #d9d9d9 } .over .popup_z form .social i,.over .popup_z .wrap .social i { font-size:50px } .over .popup_z form img,.over .popup_z .wrap img { max-width:100%; height:auto; margin:15px 0 } .over .popup_z form.forbr img,.over .popup_z .wrap.forbr img { border-radius:50% } .over .popup_z .wrap { margin:50px 0 } .over .popup_z form h3 small { display: block; font-weight: 100; font-size: 14px; margin-bottom: 30px; } .over .popup_z form .contacts { margin: 30px auto; width: 270px; } .over .popup_z form .contacts p { text-align: left; font-size: 16px; margin-bottom: 10px; } .over .popup_z form .contacts p:last-child { margin: 0; } .over .popup_z form .contacts p a { text-decoration: none; color: #383e56; } .over .popup_z form .contacts p a.whatsapp { color: #fff; background-color: #128c7e; font-weight: normal; } .over .popup_z form .contacts p a.telegram { color: #fff; background-color: #0088CC; font-weight: normal; } .text { width:70%; margin:50px auto; font-size:16px; text-align:left } .text.center { text-align: center; } .text .cta { font-size:1.8em } .text img { max-width:100% } blockquote { background:#f8fafb; border-left:10px solid #ccc; margin:1.5em 10px; padding:1.5em 10px; border-radius: 8px; } blockquote:before { color:#ccc; content:"“"; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-0.4em } blockquote p { display:inline; color: #383e56; font-style: italic; font-size: 85%; font-weight: bold; } header { background:#f4f4f4; box-shadow:0 0 10px 0 rgba(0,0,0,.1) } header .sticky { position:fixed; top:0; left:0; right:0; z-index:9; box-shadow:0 0 10px rgba(0,0,0,.4588235294) } header .container>* { padding-top:15px; padding-bottom:15px } header .logo a { font-size:1.5em } header .logo a i { color:#c4b796 } header .logo a span { font-weight:bold; padding-left:10px; color:#383e56 } header .button { border-color:#c1a875; padding:14px } header .mobphone { display:none; font-size:28px; line-height:1; margin-right:20px } header .bars { display:none; cursor:pointer } header .bars i { font-size:30px; width:30px } header .bars i:before { content:"" } header .menu { background:#383e56 } header .menu .container>* { padding:0 } header .menu ul { justify-content:flex-start; padding:0 } header .menu ul.social { order:1 } header .menu ul.social a { padding:0 0 0 10px } header .menu ul.social i { font-size: 30px; color: #fff; cursor: pointer; } header .menu ul.social li:nth-child(1) i:before{content: "\f232";} header .menu ul.social li:nth-child(2) i:before{content: "\f2c6";} header .menu ul.social li:nth-child(3) i:before{content: "\f0e0";} header .menu ul.social a img { width:27px; display:block } header .menu ul li:first-child a { padding-left:5px } header .menu ul li a { color:#fff; display:block; font-size:16px; padding:20px; line-height:1.7 } header .contacts-head { font-size:16px } header .contacts-head span { font-size:12px; color:#999 } header .contacts-head>div:nth-child(2) { padding-left:15px; border-left:1px solid #e1e1e1 } header .contacts-head i { color:#c1a875 } .aphn {cursor: pointer;transition:.3s;} .aphn:hover {color: #c4b796;} .aphn b{display: block;width: 158px;height: 19px;background: url(/assets/img/agaphn.svg) no-repeat center;background-size: 100%;margin: auto;} .slider { background: radial-gradient(ellipse at 70% 40%, #2a3150 0%, #1a2038 55%, #10152a 100%); background-position-x: 68%; height:700px; padding-bottom:0; background-size:cover; position:relative } .slider:before { content: ""; display: block; background: linear-gradient(to right, #0c1126de 0%, #171c2fc9 25%, #22284022 85%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .slider .container>div { position:absolute; top:0; bottom:0; display:flex; align-items:center; max-width:50% } .slider .container>div>div { color:#fff; position:relative; margin-top:-40px } .slider .container>div>div * { position:relative } .slider .container>div>div>span { font-size: 14px; color: #e3c68c; display: block; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5; } .slider .container>div>div h1 { color:#fff; font-size:4.5em; margin-top:10px; line-height: 1.2; } .slider .container>div>div h1 span { display:block; text-transform:none; font-size:65%;margin-top: 8px; } .slider .container>div>div .button, .slider .aphn, .hero .aphn { letter-spacing: 0.5px; padding: 0; border-radius: 25px; display: flex; transition: background 0.2s, transform 0.15s; background: #e8c96a; max-width: 350px; height: 50px; margin: 20px 0; align-items: center; justify-content: center; line-height: 1; text-decoration: none; opacity: .9; border: none; color: #2a3347 !important; width: auto; } .slider .container>div>div .button:hover, .slider .aphn:hover { opacity:1 } .triggers { margin-bottom: 30px; color: #c8c8c8; font-size: 16px; max-width: 350px; } .triggers>div { display: flex; align-items: center; justify-content: flex-start; gap: 15px; margin-bottom: 10px; } .slider .triggers>div:last-child { color: #efd091; font-weight: bold; } .triggers i { width: 20px; text-align: center; } .triggers p { margin: 0; } #triggers { padding-bottom:50px } #triggers .container { position:relative } #triggers .flex { justify-content:center; align-items:flex-start } #triggers .items .item { width:33.3333%; text-align:center; position:relative; overflow:hidden; background:#fff; padding:20px; display: flex; align-items: center; gap: 15px; justify-content: center; } #triggers .items .item p { margin:0; font-weight:bold } #triggers .items .item i { font-size:1.8em; color:#c4b796 } .aifs { align-items: flex-start; } #about img { width: 480px; max-width: 100%; margin-top: 10px; margin-bottom: 10px; } #about .flex>div { max-width: 50%; margin: 0 auto; } #about .text { margin-top: 0; margin-bottom:0 } #about .text p { margin-bottom:20px } #gallery .owl-item div a { display:block; position:relative; background-color:#f4f4f4; padding-bottom:85px; overflow:hidden } #gallery .owl-item div a img { width:auto; max-width:100%; margin:auto; height:auto } #gallery .owl-item div a p { position:absolute; bottom:0; left:0; right:0; background-color:#353842; padding:20px; font-size:14px; font-weight:bold; margin:0; height:85px; color:#f4f4f4; text-shadow:0 0 3px #000 } #services, #cert-gallery { background-color:#f4f4f4 } #cert-gallery .owl-carousel.owl-theme .owl-item>div { padding:10px } #cert-gallery .owl-carousel.owl-theme .owl-item>div a { overflow:hidden; display:block } #reviews { background:#f4f4f4 } #reviews .reviews .owl-item>div { background:#fff; padding:30px 10px; margin-top:55px; margin-bottom:20px; overflow:visible } #reviews .reviews .owl-item>div .avatar { width:130px; height:130px; border-radius:50%; background-color:#c1a875; margin:-99px auto 10px; overflow:hidden; border:10px solid #f4f4f4 } #reviews .reviews .owl-item>div .avatar.grn { background-color:#6ca632 } #reviews .reviews .owl-item>div .avatar.sin { background-color:#5798d9 } #reviews .reviews .owl-item>div .avatar.ros { background-color:#f285aa } #reviews .reviews .owl-item>div .avatar i { display:block; padding:40px; font-style:normal; color:#fff; font-size:30px; font-weight:bold; line-height:1 } #reviews .reviews .owl-item>div .author { font-weight:bold; font-size:16px; margin-bottom:20px } #reviews .reviews .owl-item>div .review { text-align:left; font-style:italic; color:#86888e; padding:0 20px; overflow:hidden; overflow-y:auto; height:240px } #reviews .reviews .owl-item>div .review::-webkit-scrollbar { width:5px; background-color:#f4f4f4 } #reviews .reviews .owl-item>div .review::-webkit-scrollbar-thumb { border-radius:10px; background-color:#bababa } #reviews .reviews .owl-item>div .review::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2); border-radius:10px; background-color:#f4f4f4 } #reviews .button { margin:auto; text-decoration:none } #contacts { background:#353842; color:#c8c8c8; padding-bottom:50px } #contacts h2 { color: #f4f4f4; } #contacts a { text-decoration:none } #contacts .flex { justify-content:center } #contacts img { border:5px solid; width:250px; height:250px } #contacts ul { padding:0 } #contacts ul li a { position:relative; display:block; margin-top:10px } #contacts ul li i { font-size:35px } #contacts .aphn{ background: #f4f4f4; display: flex; width: 200px; justify-content: center; align-items: center; margin: 20px auto; height: 37px; border-radius: 20px; } #contacts .aphn b { margin-top: 11px; } footer { padding:20px 0; background:#1c2230; color:#f4f4f4; font-size:12px } footer .flex>div { width:33.3333% } footer .flex>div:last-child { text-align:right } footer .social { justify-content:center; padding:0 } footer .social a { color:#f4f4f4 } footer .social a i { font-size:21px } footer .social a img { width:21px; display:block } .text ul,.text ol { padding-left:50px; margin:20px 0 } .text ul li { list-style:disc; margin-bottom:10px } .text ol li { margin-bottom:10px } .slider h1 small { display:block; font-size:65%; margin-top:10px; font-weight:normal } #cta, #contacts { background: radial-gradient(ellipse, #4b5371 -32%, #383e56 74%); } .services-section { margin: 50px 0; } .services-section h2 { margin-bottom:0; } .services-section .cta {margin-top: 10px;}.services-section .cta a {white-space: nowrap;} .services-container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1200px; margin: 0 auto; } .service-item { flex: 1 1 calc(33.333% - 20px); box-sizing: border-box; padding: 25px; border: 1px solid #e0e0e0; border-radius: 16px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); background-color: #ffffff; min-width: 280px; transition: transform 0.3s, box-shadow 0.3s; display: flex; flex-wrap: wrap; align-items: stretch; align-content: space-between; } .service-item:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } .service-title { font-size: 1.25em; font-weight: 700; margin-bottom: 10px; } .service-description { font-size: 0.95em; color: #555; line-height: 1.4; } .service-actions {width: 100%;white-space: nowrap;}.service-actions a{text-decoration:none} .price { background: #c1a875; padding: 7px; text-align: center; line-height: 1; color: #ffffff; width: 130px; position: relative; height:30px; } .price b { font-size: 1.2em; } .price::before, .price::after { content: ''; position: absolute; top: 50%; width: 0; height: 0; border-style: solid; border-width: 10px; border-color: transparent; transform: translateY(-50%); } .price::before { left: -18px; border-right-color: #c1a875; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; } .price::after { right: -18px; border-left-color: #c1a875; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent; } .service-actions .price{ color: #c1a875; background: no-repeat; text-align: left; width: auto; padding: 0; height: auto; line-height: inherit; } .service-actions .price:before,.service-actions .price:after{ display:none; } .service-actions .button,.service-actions .aphn { font-size: 13px; padding: 10px; line-height: 1; background-color: #c1a875; color: #fff; text-decoration: none; font-weight: 100; border: none;border-radius: 16px; } .service-actions .aphn a{ color: #fff !important; text-decoration: none; display: block; white-space: nowrap; } .marg-12 { margin: -12px; } .marg-12>* { padding: 12px; } .faq { background: #f4f4f4; border-radius: 16px; padding: 20px; margin-bottom: 12px; } .faq h3 { margin: 0; } .faq-item-control { width: 24px; height: 24px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; } .active .faq-item-control:before { content: "-"; color: #666; } .faq-item-control:before { content: "+"; font-size: 40px; margin-right: 20px; line-height: 1; color: rgb(203 168 117); } .faq .faq-item-desc { color: #666; display: none; background: #fff; padding: 20px; margin: 20px -18px -18px; border-radius: 16px; border-top-right-radius: 0; border-top-left-radius: 0; max-height: 330px; overflow-y: auto; } .faq.active .faq-item-desc { display: block; } .small { font-size: 85%; color: #999; } .blog .container{max-width: 850px;} .blog #gallery .container {max-width: 1200px;} .blog .top,.blog .text{ max-width: 820px; width: auto; margin: auto; } .blog .top { padding: 20px 0; border-bottom: 2px solid #383e56; } .blog h2 { font-size: 2em; margin: 20px 0; } .blog .text .cta { font-size: 1.4em; margin: 40px auto; } .blog .contents { margin-bottom: 30px; background: #fafafa; padding: 15px; border-radius: 8px; font-size: 85%; color: #999; } .blog .publish { margin-bottom: 30px; font-size: 85%; color: #999; } .blog .contents a { text-decoration: none; border-bottom: 1px dashed; } .blog .author { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; background: #f8fafb; padding: 8px 15px; border-radius: 8px; color: #999; font-size: 80%; } .blog .author .avatar { background: url(/assets/img/ag-ava.jpg?v6) no-repeat top center; background-size: contain; width: 80px; min-width: 80px; height: 80px; border-radius: 50%; border: 1px solid #dde1e4; } .blog .author a { display: block; font-size: 16px; margin-bottom: 5px; } #content { background-color: #f4f4f4; } #content .text { margin-top: 0; background: #fff; padding: 25px; border: 1px solid #e0e0e0; border-radius: 16px; } #content .owl-carousel .owl-item>div{ padding: 10px; background: #fff; border: 1px solid #e0e0e0; } #content .owl-carousel .text { min-height: 325px; padding: 20px; border: none; } #content .owl-carousel .text p { min-height: 180px; } .blog .item h2, .blog .item h3 { font-size: 1.2em; margin: 0 0 10px; } .blog .item h2 a,.blog .item h3 a{ text-decoration: none; } .blog #content .text.item { margin: 20px 0; } #content .blog .flex { column-gap: normal; margin: -10px; align-items: flex-start; justify-content: space-between; } .blog .flex .item { align-self: stretch; margin: 10px; } .blog .flex .item p { font-size: 14px; } .blog .flex .text.col-6 { width: 50%; } .blog .flex .text.col-4 { width: 33.3333%; } .mail{ text-align:center; } .mail a{ text-decoration: none; font-size: 16px; margin-top: 15px; display: block; } .related { padding: 25px; } .related h2 { color: #999; margin-top: 30px; font-size: 1.5em; } .related ul li { margin-bottom: 10px; font-size: 16px; list-style: circle; } .gold { color: #e3c68c; } @media(max-width: 1400px) { .slider .container>div>div h1 {font-size:4em;} } @media(max-width: 1200px) { .block-lg { display:block } .slider { background-position-x: 60%; } .slider h1 { font-size:3.5em !important } } @media(max-width: 992px) { .slider { margin-top:60px; background-position-x:60% } .slider .container>div {max-width: 100%;left: 15px;right: 15px;} .slider .container>div>div{width:100%} .slider h1 { font-size:3em !important; max-width: 70%; } .block-md { display:block } section { padding-bottom:50px } .text { width:auto } header { position:fixed; top:0; left:0; right:0; z-index:9 } .blog header{position:relative;box-shadow: none;} header .top .contacts-head>*.bars { display:block } header .top .contacts-head>*.bars.show i { color:#999 } header .top .contacts-head>*.bars.show i:before { content:"" } header .menu { background:#f4f4f4; display:none; padding:20px; position:fixed; top:60px; left:auto; right:0; bottom:0; z-index:10; width:320px; overflow-y:auto; box-shadow:none } header .menu ul.social { margin-bottom:20px; border-bottom:1px solid #d0d0d0; padding-bottom:20px; justify-content:space-around } header .menu ul.social li a { padding:0 !important } header .menu ul.social li i { font-size: 30px;color: #555; } header .menu ul li:first-child a { padding-left:20px } header .menu ul li a { color:inherit } header .block { display:block } #triggers .items .item { width:auto } .service-item {flex: 1 1 calc(50% - 20px);} #content .blog .flex{flex-wrap: wrap;} .blog .flex .text.col-6,.blog .flex .text.col-4 {width:100%;max-width: none;} } @media(max-width: 768px) { .slider { height:580px; background-position-x:65% } .slider .container>div>div { margin-top:0 } .slider .container>div>div h1 { font-size:3em !important;max-width: 70%; } .slider .container>div>div>span{max-width: 60%;} .block-sm { display:block } #gallery .owl-item div a p { padding:17px !important; font-size:12px !important } .text .cta { font-size:1.4em } .copy br { display:none } header .top .logo a { font-size:1.2em } .slider .container>div{ max-width: 100%; background: #1a20384f; padding: 0 15px; left: 0; right: 0; } #about .flex {display: block;} #about .flex>div {max-width: 100%;} } @media(max-width: 576px) { header .top .contacts-head>*:first-child .aphn { font-size:28px;line-height: 1; } header .top .contacts-head>*:first-child .aphn b { display:none } header .top .contacts-head .mobphone { display:block; padding-left:0; border:none } header .top .logo a { font-size:1em } header .menu ul.social { padding-top:20px } header .menu ul.social li:first-child { display:block } header .menu ul.block-md a { font-size:19px } #contacts .text { width:100% } #contacts ul li a i { font-size:30px } .block-xs { display:block } .over .popup_z { height:100%; width:100%; margin:0; border-radius:0 } .owl-theme .owl-nav { display:none } .owl-theme div.owl-dots { height:20px; overflow:hidden } .owl-theme div.owl-dots .owl-dot span { width:5px; height:5px } #cert-gallery .owl-carousel.owl-theme .owl-item>div { padding:0; box-shadow:none } #gallery .owl-item div a p { padding:15px !important; font-size:14px !important } .review { height:300px } .slider { background-position-x:64% } .slider h1 { font-size:3em !important } .slider h1 span { font-size:21px !important } .slider .button { padding:15px } #triggers .items .item { max-width:370px; margin:0 auto 10px; padding:0; justify-content: flex-start; } #triggers .items .item i{width: 30px;} #triggers .items .item p {font-weight: 400;} #triggers .items .item:last-child { margin-bottom:0 } #triggers .items .item a p { font-size:1.8em } .service-item {flex: 1 1 100%;} .blog h1 {font-size: 1.7em;} .blog h2 {font-size: 1.3em;} .blog h3 {font-size: 1em;} .blog .text ul, .blog .text ol {padding-left: 20px;} .blog .text .cta {font-size: 1.2em;} .blog .author{gap:15px;padding: 8px;} blockquote{margin:20px 0} } /* ===== Статические секции (адаптация без owl) ===== */ .cases-static{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto 30px;text-align:left;} .case-item{background:#fff;border:1px solid #e5e0d5;border-radius:10px;padding:18px 16px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 0 8px 0 rgba(0,0,0,.08);} .case-item i{color:#c1a875;font-size:20px;margin-top:2px;flex-shrink:0;} .case-item p{margin:0;font-size:14px;line-height:1.45;color:#333;} .reviews-static{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto 30px;text-align:left;} .reviews-static>div{background:#fff;border-radius:16px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:26px 22px;} .reviews-static .avatar{width:52px;height:52px;border-radius:50%;background:#383e56;color:#c1a875;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:'Lora',serif;margin-bottom:12px;} .reviews-static .author{font-weight:bold;color:#383e56;font-size:15px;margin-bottom:6px;} .reviews-static .review p{font-size:14px;line-height:1.55;color:#444;font-style:italic;margin-bottom:0;} .blog-static{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .blog-static .item{background:#fff;border-radius:16px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:26px 22px;text-align:left;} .blog-static .item h3{margin-bottom:12px;} .blog-static .item h3 a{color:#383e56;} .blog-static .item h3 a:hover{color:#c1a875;} .blog-static .item p{font-size:14px;color:#555;margin-bottom:12px;} .blog-static .item .small{color:#999;font-size:13px;} @media(max-width:900px){ .cases-static,.reviews-static,.blog-static{grid-template-columns:1fr 1fr;} } @media(max-width:640px){ .cases-static,.reviews-static,.blog-static{grid-template-columns:1fr;} } /* ===== Телефоны в контактах (фикс наложения) ===== */ #contacts .contacts-phones{margin-top:20px;} #contacts .contacts-phones .phone-row{margin:10px 0;} #contacts .contacts-phones .phone-row a{ display:inline-block; font-size:22px; font-weight:bold; color:#fff; background:#383e56; border:2px solid #c1a875; border-radius:10px; padding:12px 30px; transition:.3s; text-decoration:none; } #contacts .contacts-phones .phone-row a:hover{background:#c1a875;color:#fff;} #contacts .contacts-phones .phone-links{margin-top:14px;font-size:14px;color:#c8c8c8;} #contacts .contacts-phones .phone-links a{color:#c1a875;text-decoration:underline;} #contacts .contacts-phones .phone-links a:hover{color:#e3c68c;} /* ===== Фото в слайдере ===== */ .slider-photo-wrap{ position:absolute; top:0; right:0; width:58%; height:100%; display:flex; align-items:center; justify-content:center; pointer-events:none; z-index:1; overflow:visible; } .slider > .container{position:relative;z-index:2;height:100%;} .slider .slider-photo-wrap{top:0;right:0;height:100%;} .slider-photo{ height:100%; width:auto; max-width:100%; object-fit:contain; filter:drop-shadow(0 0 60px rgba(212,175,55,.3)) drop-shadow(0 20px 50px rgba(0,0,0,.55)); } .slider .container{position:relative;z-index:2;height:100%;} @media(max-width:900px){ .slider-photo-wrap{width:50%;opacity:.85;} } @media(max-width:640px){ .slider-photo-wrap{width:52%;height:70%;top:auto;bottom:0;opacity:.95;align-items:flex-end;} .slider-photo{height:auto;width:100%;max-width:100%;} .slider .container>div>div{max-width:62%;} .slider .container>div{position:relative;top:auto;bottom:auto;padding-top:70px;align-items:flex-start;max-width:72%;} .slider .container>div>div{margin-top:0;} .slider h1{font-size:30px !important;max-width:100%;line-height:1.2;margin-bottom:12px;} .slider .container>div>div>span{font-size:13px;} .slider .triggers{margin-top:10px;gap:6px;} .slider .triggers>div{padding:5px 0;} .slider .triggers i{font-size:16px;} .slider .triggers p{font-size:11px;margin:2px 0 0;} .slider .aphn{margin:10px 0 0;max-width:230px;font-size:13px;padding:10px 14px;height:auto;min-height:44px;} } /* ===== ФИНАЛЬНЫЙ мобильный фикс слайдера (после всех media Герасина) ===== */ @media(max-width:768px){ .slider{height:480px;} .slider .container>div{position:relative !important;top:auto !important;bottom:auto !important;left:0 !important;right:0 !important;max-width:72% !important;padding:18px 15px 0 !important;background:none !important;align-items:flex-start !important;} .slider .container>div>div{margin-top:0 !important;} .slider h1{font-size:28px !important;max-width:100% !important;line-height:1.15;margin-bottom:8px;} .slider .container>div>div>span{font-size:12.5px !important;max-width:100% !important;} .slider .triggers{margin-top:8px !important;gap:5px;} .slider .triggers>div{padding:4px 0;} .slider .triggers i{font-size:15px;} .slider .triggers p{font-size:10.5px !important;margin:2px 0 0;} .slider-photo-wrap{width:50% !important;height:68% !important;top:auto !important;bottom:0 !important;opacity:.95;align-items:flex-end;} .slider-photo{height:auto !important;width:100% !important;max-width:100% !important;} } /* ===== Баннер «откройте в браузере» для встроенных браузеров (18.08.2026) ===== */ .inapp-hint { display: none; position: fixed; left: 10px; right: 10px; bottom: 86px; z-index: 99; background: #fff8e6; border: 1px solid #c1a875; border-radius: 12px; padding: 12px 14px; gap: 10px; align-items: center; box-shadow: 0 8px 24px rgba(0,0,0,.25); font-size: 13px; line-height: 1.35; color: #383e56; } .inapp-hint i { color: #c1a875; font-size: 20px; flex: 0 0 auto; } .inapp-hint a { flex: 0 0 auto; background: #383e56; color: #fff !important; border-radius: 8px; padding: 8px 12px; font-weight: 600; font-size: 12.5px; text-decoration: none; white-space: nowrap; } .inapp-hint a:active { opacity: .85; } @media (max-width: 400px){ .inapp-hint { flex-wrap: wrap; } .inapp-hint a { width: 100%; text-align: center; } } /* ===== Мобильная нижняя панель Позвонить/WhatsApp/Telegram (18.08.2026) ===== */ .mobile-bar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(20, 26, 48, 0.97); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid rgba(193,168,117,.35); padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); gap: 8px; box-shadow: 0 -6px 24px rgba(0,0,0,.35); } .mobile-bar .mob-btn { flex: 1; min-height: 50px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; font-weight: 600; text-decoration: none; color: #fff; transition: opacity .15s ease; } .mobile-bar .mob-btn:active { opacity: .85; } .mobile-bar .mob-btn i { font-size: 18px; } .mobile-bar .mob-call { background: #c1a875; color: #232a44 !important; } .mobile-bar .mob-wa { background: #25D366; color: #fff !important; } .mobile-bar .mob-tg { background: #2AABEE; color: #fff !important; } @media (max-width: 768px) { .mobile-bar { display: flex; } body { padding-bottom: 78px; } } /* ===== Блок «Заслуги и награды» (18.08.2026) ===== */ .awards-static { max-width: 760px; margin: 0 auto; } .awards-note { display: flex; align-items: center; gap: 16px; background: rgba(193,168,117,.08); border: 1px dashed rgba(193,168,117,.45); border-radius: 12px; padding: 22px 24px; } .awards-note i { font-size: 34px; color: #c1a875; flex: 0 0 auto; } .awards-note p { margin: 0; color: #5c6478; font-size: 15px; } @media (max-width: 640px){ .awards-note { flex-direction: column; text-align: center; padding: 20px 16px; } } /* ===== Яндекс.Карта в контактах (16.08.2026) ===== */ .contacts-map-wrap{margin-top:26px;} .map-frame{width:100%;height:360px;border:1px solid rgba(193,168,117,.35);border-radius:12px;display:block;box-shadow:0 10px 30px rgba(0,0,0,.18);} .map-link{display:inline-block;margin-top:12px;color:#c1a875;font-weight:600;text-decoration:none;} .map-link:hover{color:#e8c96a;} @media(max-width:640px){ .map-frame{height:260px;} } /* Логотип Скорикова в шапке (добавлено 15.08.2026) */ header .logo a img.logo-img { display:inline-block; height:46px; width:auto; margin-right:6px; flex:0 0 auto; } @media(max-width:576px){ header .logo a img.logo-img { height:38px !important; margin-right:4px !important; } } /* ===== Фикс: телефон в шапке — убрать SVG-фон и обрезку от .aphn b (18.08.2026) ===== */ header .contacts-head .aphn b { display: inline; width: auto; height: auto; background: none; margin: 0; color: #333; font-weight: 700; font-size: 16px; line-height: 1.2; } /* ===== Новые блоки: форма, мессенджеры, шаги, экстренный (18.08.2026) ===== */ /* Кнопки мессенджеров */ .btn-wa, .btn-tg { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border-radius: 25px; font-size: 14px; font-weight: 600; text-decoration: none; transition: opacity .2s, transform .15s; opacity: .92; } .btn-wa { background: #25D366; color: #fff !important; } .btn-tg { background: #2AABEE; color: #fff !important; } .btn-wa:hover, .btn-tg:hover { opacity: 1; transform: translateY(-1px); } .btn-wa i, .btn-tg i { font-size: 18px; } /* Слайдер: кнопка + мессенджеры */ .slider-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 20px; } .slider-actions .aphn { margin: 0; } .slider-messengers { display: flex; gap: 8px; flex-wrap: wrap; } /* CTA-кнопки */ .cta-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 20px; } .cta-actions .aphn { margin: 0; } /* Экстренный блок */ #emergency { padding: 30px 0; background: #383e56; } .emergency-box { display: flex; align-items: center; gap: 20px; background: linear-gradient(135deg, #2a3150, #1a2038); border: 1px solid rgba(193,168,117,.4); border-radius: 14px; padding: 24px 28px; box-shadow: 0 10px 30px rgba(0,0,0,.25); } .emergency-box > i { font-size: 44px; color: #e8c96a; flex: 0 0 auto; } .emergency-text { flex: 1; } .emergency-text h3 { color: #fff; font-size: 22px; margin-bottom: 6px; } .emergency-text p { color: #cfd3e0; margin: 0; font-size: 15px; } .emergency-box .aphn { margin: 0; flex: 0 0 auto; } @media(max-width: 768px) { .emergency-box { flex-direction: column; text-align: center; padding: 20px; } .emergency-box > i { font-size: 36px; } .emergency-box .aphn { max-width: 100%; } } /* Форма обратного звонка */ .callback-form { max-width: 560px; margin: 24px auto 0; background: #fff; border: 1px solid rgba(193,168,117,.4); border-radius: 14px; padding: 24px 28px; box-shadow: 0 10px 30px rgba(0,0,0,.08); text-align: left; } .callback-form h3 { margin: 0 0 14px; font-size: 18px; color: #383e56; text-align: center; } .callback-form .form-row { display: flex; gap: 10px; } .callback-form input, .callback-form textarea { width: 100%; border: 1px solid #d8d8d8; border-radius: 8px; padding: 12px 14px; font-size: 15px; font-family: inherit; margin-bottom: 10px; background: #fafafa; transition: border-color .2s; color: #333; } .callback-form input:focus, .callback-form textarea:focus { border-color: #c1a875; outline: none; background: #fff; } .callback-form textarea { resize: vertical; } .callback-form button { width: 100%; background: #c1a875; color: #fff; border: none; border-radius: 25px; padding: 13px 20px; font-size: 16px; font-weight: 700; cursor: pointer; transition: background .2s, opacity .2s; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .callback-form button:hover { background: #ad9463; } .callback-form button:disabled { opacity: .6; cursor: default; } .callback-form .form-status { margin-top: 10px; font-size: 14px; text-align: center; min-height: 18px; } .callback-form .form-status.success { color: #2e7d32; } .callback-form .form-status.error { color: #c62828; } .callback-form .form-note { font-size: 12px; color: #999; text-align: center; margin-top: 10px; } .callback-form.compact { max-width: 100%; margin: 18px 0 0; padding: 18px; } .callback-form.compact h3 { font-size: 16px; } @media(max-width: 640px) { .callback-form .form-row { flex-direction: column; gap: 0; } .callback-form { padding: 18px; } } /* Как проходит защита */ #steps { background: #f4f4f4; } .steps-static { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 24px; } .step-item { background: #fff; border-radius: 12px; padding: 22px 18px; border-top: 4px solid #c1a875; box-shadow: 0 6px 20px rgba(0,0,0,.06); text-align: left; } .step-num { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #383e56; color: #c1a875; font-weight: 700; font-size: 17px; margin-bottom: 12px; } .step-item h3 { font-size: 16px; margin: 0 0 8px; color: #383e56; } .step-item p { font-size: 14px; color: #666; margin: 0; line-height: 1.5; } @media(max-width: 992px) { .steps-static { grid-template-columns: repeat(3, 1fr); } } @media(max-width: 640px) { .steps-static { grid-template-columns: 1fr; } }