/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Nagel Regular'; src: url('./fonts/Nagel_Regular.woff') format('ttf'), url('./fonts/Nagel_Regular.woof') format('woof'), url('./fonts/Nagel_Regular.woof2') format('woof2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Nagel Medium'; src: url('./fonts/Nagel_Medium.ttf') format('ttf'), url('./fonts/Nagel_Medium.woof') format('woof'), url('./fonts/Nagel_Medium.woof2') format('woof2'); font-weight: normal; font-style: normal; } *{box-sizing: border-box!important;} body, html { overflow-x: hidden; } @media(min-width:320px){ .container{max-width: 390px;padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;} .col-mb-2{grid-template-columns: repeat(2, 1fr);} .col-mb-3{grid-template-columns: repeat(3, 1fr);} .grid{display:grid;gap: 20px;} .flex{display: flex; align-items: center;flex-wrap: wrap;} h1{font-family: 'Nagel Medium', sans-serif;font-size: 30px;line-height: 35px;margin-bottom: 20px;color: var(--color4);} .btn-1{display: inline-block;text-align: center;color: white; position: relative; padding: 20px;background: linear-gradient(180deg, #FF7D20, #F66C0D);font-size: 15px;border-radius: 40px;width: 270px;margin: 10px;transition:var(--trans-fast);} .btn-1:hover{box-shadow: 0px 0px 30px 5px rgba(246, 108, 13, 0.3);transition:var(--trans-fast);} .btn-2{display: inline-block;text-align: center;color: var(--color4); position: relative; padding: 20px;border: 1px solid var(--color4);font-size: 15px;border-radius: 40px;width: 270px;margin: 10px;background-color: white;transition:var(--trans-fast);} .btn-2:hover{box-shadow: 0px 0px 30px 5px rgba(2, 0, 104, 0.3);transition:var(--trans-fast);} .window-blue{position: absolute;color: white;display: flex;width: 200px;justify-content: center;align-items: center;height: 140px;flex-direction:column;} .window-blue::after{content:'';background-color:var(--color1);rotate: -20deg;border-radius:115px/85px;width:200px;height:140px;position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1;} .window-white{position: absolute;color: var(--color4);display: flex;width: 200px;justify-content: center;align-items: center;height: 140px;flex-direction:column;z-index:0;} .window-white::after{content:'';background-color:white;rotate: -20deg;border-radius:115px/85px;width:200px;height:140px;position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1;} #banner .window-white>span:first-child,#banner .window-blue>span:first-child{font-size: 15px;line-height: 15px;width: 60%; margin-bottom: 10px;text-align: center;} #banner .window-white{bottom: -15%; left: 30%;} #banner .window-blue{bottom: 10%; left: -10%; z-index: 1;} #block_4 span{font-size: 20px;} #block_6 .container>.flex{justify-content:center;flex-direction: column;gap: 20px;} #block_6 .two{gap:20px;flex-wrap: nowrap;} #block_6 span{line-height:25px;} #block_8 {padding: 125px 0; background-size: auto 100%!important;} #block_8 >img{top: -2%;} #block_8 .container>img{position: absolute;width: 150px;top: -5%;} #service #block_8 .container>img{top: -2%;} #service #block_8{margin: 75px 0;} #block_11 .window-white{right: 0%;} #block_16 .window-orange-low{top: -70px;right: 0%;z-index: 1; width: 140px;height: 100px;border-radius: 90px/60px;scale: 0.6;} #block_16 .window-orange-low>span{rotate: 20deg;width: 50%;text-align: left;line-height: 17px;text-transform: uppercase;font-size: 15px;} #block_16 .name{font-size: 16px;} #block_17 .window-white{bottom: -20%;left: 0%;} #block_19{background-size: auto 100%!important;} #block_19 .grid>div:last-child{height: 500px;} #block_19 .one{right: 0;top:0} #block_19 .two{left: 0;top: 40%;} #block_19 .three{right: 0;top: 80%;} #block_19 .window-blue-gradient span:first-child,#block_19 .window-orange-gradient span:first-child{font-size: 25px;line-height:25px;} #block_23 h3{color: white;font-size: 16px;} #block_23 .forma{padding: 15px;margin-top: 30px;border-width: 3px;} #block_23 .fon_man{bottom: 0;right: 0; left:0;z-index: -1;height: 100%;width: 100%;} #block_23 .marker>p{display: grid;grid-template-rows: repeat(2, 1fr); grid-template-columns: none;align-items: center;justify-items:center;color:white;gap: 10px;} #block_23 .btn-1{width: 260px;font-size: 20px;border-radius: 40px !important;} #block_23 .fon_down{height: 60px;width:auto;} .plashka a{font-size: 17px;} header>a{display:flex;justify-content:flex-end;} .window-blue-gradient{color: white;display: flex;width: 280px;justify-content: center;align-items: center;height: 210px;flex-direction: column;position: absolute;} .window-blue-gradient::after{content:'';background: linear-gradient(160deg, var(--color1),var(--color4));width: 280px;height: 210px;border-radius: 150px/115px;rotate: -10deg;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .window-orange-gradient{position: absolute;color: white;display: flex;width: 280px;justify-content: center;align-items: center;height: 210px;flex-direction: column;} .window-orange-gradient::after{content: '';position: absolute;background: linear-gradient(180deg, #FF7D20, #F66C0D);width: 280px;height: 210px;border-radius: 150px/115px;rotate: -10deg;top:0;left:0;right:0;bottom:0;margin:auto;} #block_16 h3{font-size: 22px;} #block_16 .list_2,#block_16 .list{padding: 0 10px;} #block_16 .price,#block_16 .name{padding: 10px 0;} #block_4_1 .grid{gap: 40px;} #block_12 .img_1{position: absolute;z-index: 0;top: -1%;width: 100%;height: 60px;} #block_12 .img_2{position: absolute;z-index: 0;bottom: -1%;rotate: 180deg;width: 100%;height: 60px;} #block_3 .btn-1_low{width: 250px;} #block_22 .container>div,#block_18 .container>div,#block_15 .container>div{width: 100%;} #article_simple_block_15 .container>div, #article_simple_block_16 .container>div,#article_simple_block_17 .container>div,#article_simple_block_18 .container>div,#article_simple_block_19 .container>div,#article_simple_block_20 .container>div#article_simple_block_21 .container>div,#article_simple_block_22 .container>div,#article_simple_block_23 .container>div,#article_simple_block_25 .container>div{width: 100%;} [id*="article_simple_block"] ul li,[id*="article_simple_block"] ol li{font-size: 20px;} #block_5 .flex-col>a{font-size:20px;transition:var(--trans);} #block_5 .flex-col>a:hover{color:var(--color2);transition:var(--trans);} #block_23 .text>p{display: grid;color: white;align-items: center;grid-template-columns: none;gap: 20px;text-align: center;} .plashka .one{gap:20px;width:100%;color:white;justify-content:center;text-align:center;} .plashka .container>.flex{gap:20px;} #block_3_1 h3{text-align: left;} #block_23{overflow:hidden;} #block_23 .fon{width:auto} #block_8 .grid>.grid{justify-content: center;} #block_4_1 .flex-col>div:first-child{display:flex; flex-direction: row;gap: 20px;align-items: center;} #block_4_1 .flex-col{gap: 30px;} #block_7 .flex{flex-direction: column;} #block_7 .link{width: 100%;} #block_7 .link a{width: 100%;} #block_11 .window-white>span:last-child{font-size: 10px;} #block_11 .window-white>span:first-child{font-size: 18px;} #block_12 h2{line-height: 45px;width: 100%;} #confid{margin-top: 105px;} #article #article_block_12 .nav-tabs{flex-direction: column;} #con input,#con textarea,#za input,#za textarea{font-size: 16px;} #block_23 input,textarea{font-size: 16px;} .header_text,.header_button,.header_number{display: none;} .col-header{grid-template-columns: 20% auto auto auto;gap: 10px;} header .nav{display: none;} #banner .btn-1 img,#banner .btn-2 img{right: 20px;width: 20px;} #block_17 .btn-1 img,#block_17 .btn-2 img{right: 20px;width: 20px;} #banner{padding-top: 0;margin-top: 55px;} footer .col-footer{grid-template-columns: none;} footer .soc{flex-direction: column;gap: 10px;align-items: flex-start;} footer .col-footer *{align-items: flex-start !important;text-align: left !important;} #service #block_23 {margin-top: -70px;} #block_16 .price{font-size: 16px;} #block_8 h2,#block_11 h2,#block_21 h2,#block_23 h2{font-size: 30px;list-style: 35px;width: 100%;} #service #service_gallary .container{padding: 50px 50px 80px 50px;} #service #service_gallary .owl-nav{display: flex;position: absolute;right: 0%;top: 110%;gap: 30px;justify-content: center;width: 100%;} #article_simple_block_15 h2, #article_simple_block_16 h2,#article_simple_block_17 h2,#article_simple_block_18 h2,#article_simple_block_19 h2,#article_simple_block_20 h2#article_simple_block_21 h2,#article_simple_block_22 h2,#article_simple_block_23 h2,#article_simple_block_25 h2{color: var(--color4);margin:0;line-height: 27px;} #block_10 .grid div{padding: 10px;} .plashka-phone{font-size:25px!important;white-space: nowrap;} .plashka .container>.flex{padding: 20px;} #confid h1{font-size: 25px;} } @media screen and (max-width: 568px) { .breadcrumbs-container { padding-top: 80px !important; } #banner h1 { font-size: 25px; } #block_10 h3 { font-size: 25px !important; line-height: 30px !important; } #banner .window-blue { bottom: 19% !important; } #banner p, #block_10 p { font-size: 16px !important; line-height: 20px !important; } } .modal .main-nav a { color: #000; } @media(max-width:1024px){ html.js .nav:not(.nav-ready) { opacity: 1 !important; visibility: visible !important; } } @media(min-width:768px){ .container{max-width: 768px;} .col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);} .col-pl-4{grid-template-columns: repeat(4, 1fr);} .col-pl-5{grid-template-columns: repeat(5, 1fr);} #block_4 span{font-size: 25px;} #block_4 a{transition:var(--trans-fast);} #block_4 a:hover{transition:var(--trans-fast);color:var(--color2);} #block_6 .container>.flex{flex-direction: row;flex-wrap: nowrap;} #block_7 .flex{flex-direction: row;} #block_7 .flex a{width: fit-content;} #block_6 .flex.one{flex-wrap: nowrap;} #block_8 .grid>.grid{align-items:center;} #banner .window-blue{bottom: 0; left: 0; z-index: 1;} #banner .window-white{bottom: 0; left: 40%;} .plashka .container>.flex{flex-direction: column;gap: 20px;} .plashka .one{justify-content: center;text-align: center;} #block_11 .window-white{right: 45%;bottom: 5%;} #block_17 .window-white{bottom: 0;} #block_19 .grid>div:last-child{height: 300px;} #block_19 .one{right: 10%;top:0} #block_19 .two{left: 10%;top: 50%;} #block_19 .three{right: 10%;top: 80%;} #banner{padding-top: 0;margin-top: 115px;} footer .col-footer *{align-items: center !important;text-align: center !important;} footer .soc{align-items: center;} footer .logo img{max-width: 400px;} footer .btn-1{max-width: 250px;margin: 10px auto;} #block_23 .text>p{grid-template-columns: 50% auto;text-align: left;} #block_16 .list_2,#block_16 .list{padding: 0 20px;} #block_16 .price,#block_16 .name{padding: 20px 0;} #block_23 h2{font-size: 30px; line-height: 35px;} #block_8 h2,#block_11 h2,#block_21 h2,#block_23 h2{font-size: 35px;list-style: 40px;} #confid h1{font-size: 40px;} } @media(min-width:1024px){ .container{max-width: 1024px;} .col-pc-2{grid-template-columns: repeat(2, 1fr);} .col-pc-3{grid-template-columns: repeat(3, 1fr);} .col-pc-4{grid-template-columns: repeat(4, 1fr);} .col-pc-5{grid-template-columns: repeat(5, 1fr);} .col-pc-6{grid-template-columns: repeat(6, 1fr);} .col-pc-7{grid-template-columns: repeat(7, 1fr);} .grid{display:grid;gap: 30px;} .flex{display: flex; align-items: center;flex-wrap: nowrap;} h1{font-family: 'Nagel Medium', sans-serif;font-size: 45px;line-height:50px;margin-bottom: 40px;color: var(--color4);} h2{font-size: 45px;line-height: 50px;margin-bottom: 30px;color: var(--color4);} h3{font-size: 25px;line-height: 30px;margin-bottom: 20px;color: var(--color5);} .btn-1{background: linear-gradient(180deg, #FF7D20, #F66C0D);font-size: 25px;border-radius: 40px;width: 420px;margin: 10px;transition:var(--trans);} .btn-2{border: 1px solid var(--color4);font-size: 25px;border-radius: 40px;width: 420px;margin: 10px;background-color: white;transition:var(--trans);} #banner .col-pc-2{grid-template-columns: 60% 40%;} .window-blue{position: absolute;color: white;display: flex;width: 240px;justify-content: center;align-items: center;height: 170px;flex-direction:column;} .window-blue::after{content:'';background-color:var(--color1);rotate: -20deg;border-radius:115px/85px;width:240px;height:170px;position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1;} .window-white{position: absolute;color: var(--color4);display: flex;width: 240px;justify-content: center;align-items: center;height: 170px;flex-direction:column;z-index:0;} .window-white::after{content:'';background-color:white;rotate: -20deg;border-radius:115px/85px;width:240px;height:170px;position:absolute; top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1;} #banner .window-white>span:first-child,#banner .window-blue>span:first-child{font-size: 20px;line-height: 20px;width: 60%; margin-bottom: 10px;text-align: center;} #banner .window-white{bottom: 0; left: 18%;} #banner .window-blue{bottom: 0; left: -25%; z-index: 1;} #block_6 .container>.flex{justify-content:space-between;flex-direction: row;gap: 0;} #block_6 .two{flex-wrap:wrap;} #block_6 span{line-height:30px;} #block_8 {padding: 100px 0; background-size: 100% 100%!important;} #block_8 >img{top: -5%;} #block_11 .window-white{right: 40%;} #block_16 .window-orange-low{top: -15px;right: 20%;z-index: 1; width: 180px;height: 120px;border-radius: 90px/60px;scale: 1;} #block_16 .window-orange-low>span{rotate: 20deg;width: 50%;text-align: left;line-height: 22px;text-transform: uppercase;font-size: 20px;} #block_16 .name{font-size: 20px;} #block_17 .window-white{bottom: 0;left: -15%;} #block_19{background-size: 100% 100%!important;} #block_19 .grid>div:last-child{height: 300px;} #block_19 .one{right: 20%;top:-60%;} #block_19 .two{right: 60%;top: 0;} #block_19 .three{right: 22%;top: 70%;} #block_19 .window-blue-gradient span:first-child,#block_19 .window-orange-gradient span:first-child{font-size: 25px;line-height:20px;} #block_23 .forma{padding: 40px;margin-top: 0px;border-width: 8px !important;} #block_23 .fon_man{bottom: 0;right: -5%;z-index: -1;height: 100%; margin: 0;} #block_23 .marker>p{display: grid;grid-template-rows: none; grid-template-columns: repeat(2, 1fr);align-items: center;justify-items:center;color:white;gap: 10px;} #block_23 .btn-1{width: 220px;font-size: 16px;} .plashka a{font-size: 19px;} header>a{display: none;} #banner .window-blue{bottom: 18%; left: -25%; z-index: 1;} #banner .window-white{bottom: 23%; left: 20%;} .plashka .container>.flex{flex-direction: row;} .window-blue-gradient{color: white;display: flex;width: 240px;justify-content: center;align-items: center;height: 180px;flex-direction: column;position: absolute;} .window-blue-gradient::after{content:'';background: linear-gradient(160deg, var(--color1),var(--color4));width: 240px;height: 180px;border-radius: 150px/115px;rotate: -10deg;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} .window-orange-gradient{position: absolute;color: white;display: flex;width: 240px;justify-content: center;align-items: center;height: 180px;flex-direction: column;} .window-orange-gradient::after{content: '';position: absolute;background: linear-gradient(180deg, #FF7D20, #F66C0D);width: 240px;height: 180px;border-radius: 150px/115px;rotate: -10deg;top:0;left:0;right:0;bottom:0;margin:auto;} #block_17 .window-white{bottom: 0%;left: 0%;} #block_19 .one{right: 0%;top:0%;width: 280px;height: 210px;} #block_19 .two{left: 0%;top: 45%;width: 280px;height: 210px;} #block_19 .three{right: 0%;top: 82%;width: 280px;height: 210px;} #block_12 .img_1{position: absolute;z-index: 0;top: -4%;width: 100%;} #block_12 .img_2{position: absolute;z-index: 0;bottom: -7%;rotate: 180deg;width: 100%;} #block_22 .container>div,#block_18 .container>div,#block_15 .container>div{width: 70%;} #article_simple_block_15 .container>div, #article_simple_block_16 .container>div,#article_simple_block_17 .container>div,#article_simple_block_18 .container>div,#article_simple_block_19 .container>div,#article_simple_block_20 .container>div#article_simple_block_21 .container>div,#article_simple_block_22 .container>div,#article_simple_block_23 .container>div,#article_simple_block_25 .container>div{width: 70%;} #block_5 .flex-col>a{font-size:25px;transition:var(--trans);} #block_5 .flex-col>a:hover{color:var(--color2);transition:var(--trans);} #block_23 .text>p{grid-template-columns: auto 50%;} .plashka .one{width:35%;} #block_23 .fon_down{height: 60px;width:100%;} #block_23 .fon{width:100%} #block_23{overflow:visible;} .plashka-phone{font-size:30px!important;} #block_7 .flex{flex-direction: row;} #block_7 .link{width: auto;} #block_7 .link a{width: auto;} #block_11 .window-white>span:last-child{font-size: 12px;} #block_11 .window-white>span:first-child{font-size: 20px;} #block_12 h2{width: 50%;} #service #block_8{margin: 130px 0;} #service #block_8 .container>img{top: 0%;} #banner{margin-top: 135px;} #confid{margin-top: 135px;} #article #article_block_12 .nav-tabs{flex-direction: row;} #con input,#con textarea,#za input,#za textarea{font-size: 20px;} #block_23 input,textarea{font-size: 20px;} .header_phone,.header_mobile_menu_button{display: none;} .header_text{display: block;} .col-header{grid-template-columns: 10% auto 33% auto auto;} .header_number{display: flex;} .header_button{display: block;} header .nav{display: flex;} footer .col-footer{grid-template-columns: 15% auto auto auto 25%;} footer .soc{flex-direction: row;gap: 10px;} footer .col-footer *{align-items: flex-start !important;text-align: left !important;} footer .btn-1{margin: 10px 0;} #service #block_23 {margin-top: -40px;} #block_16 .price{font-size: 20px;} #block_23 h3{color: white;font-size: 20px;} #block_23 h2{font-size: 45; line-height: 55px;} #block_8 h2,#block_11 h2,#block_21 h2,#block_23 h2{font-size: 40px;list-style: 45px;width: 70%;} #block_8 h2,#block_23 h2{width: 100%;} #service #service_gallary .container{padding: 50px;} #service #service_gallary .owl-nav{display: flex;position: absolute;right: 5%;top: -40%;gap: 30px;justify-content: center;width: auto;} #article_simple_block_15 h2, #article_simple_block_16 h2,#article_simple_block_17 h2,#article_simple_block_18 h2,#article_simple_block_19 h2,#article_simple_block_20 h2#article_simple_block_21 h2,#article_simple_block_22 h2,#article_simple_block_23 h2,#article_simple_block_25 h2{line-height: 40px;} #block_10 .grid div{padding: 30px;} .plashka .container>.flex{padding: 40px;} } @media(min-width:1200px){ .container{max-width: 1200px;} #banner .window-white{bottom: 20%; left: 35%;} #banner .window-blue{bottom: 20%; left: -10%; z-index: 1;} .window-orange-gradient{position: absolute;color: white;display: flex;width: 280px;justify-content: center;align-items: center;height: 210px;flex-direction: column;} .window-orange-gradient::after{content: '';position: absolute;background: linear-gradient(180deg, #FF7D20, #F66C0D);width: 280px;height: 210px;border-radius: 150px/115px;rotate: -10deg;top:0;left:0;right:0;bottom:0;margin:auto;} .window-blue-gradient{color: white;display: flex;width: 280px;justify-content: center;align-items: center;height: 210px;flex-direction: column;position: absolute;} .window-blue-gradient::after{content:'';background: linear-gradient(160deg, var(--color1),var(--color4));width: 280px;height: 210px;border-radius: 150px/115px;rotate: -10deg;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} #block_23 .grid{grid-template-columns: 60% 40%;} #block_3 .btn-1_low{width: 330px;} } html{scroll-behavior: smooth;margin: 0!important;} body {font-family: 'Nagel Regular', sans-serif;background-color: #F0F4FF;} p{margin: 0;font-family: 'Nagel Regular', sans-serif;} a{text-decoration: none!important;transition: var(--trans);} span,a,strong,h3,h2{font-family: 'Nagel Medium', sans-serif;} a,button,circle,g,path{outline: none!important;} .flex-col{display:flex; flex-direction:column;} .bg-color{background-color:var(--color3);} .window-blue-orange{position: absolute;color: white;background-color: var(--color2);display: flex;width: 239px;justify-content: center;align-items: center;height: 170px;border-radius: 113px/85px;rotate: -20deg;flex-direction:column;} .window-blue-low{position: absolute;color: white;background-color: var(--color1);display: flex;width: 110px;justify-content: center;align-items: center;height: 70px;border-radius: 77px/55px;rotate: -20deg;flex-direction:column;} .window-orange-low{position: absolute;color: white;background: linear-gradient(180deg, #FF7D20, #F66C0D);display: flex;width: 110px;justify-content: center;align-items: center;height: 70px;border-radius: 77px/55px;rotate: -20deg;flex-direction:column;} circle{transition:var(--trans-fast);} circle:hover{transition:var(--trans-fast);} /* Кнопка вверх */ .btn-back-top {opacity: 0;background: #F66C0D;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;} @media (max-width:767px){.btn-back-top{/*left: 15px;right: auto;*/bottom: 15px;}} .btn-back-top:hover{opacity: 1!important;} .btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 12px;transform: rotate(45deg);} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);} .whatsapp-button:before, .whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .whatsapp-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}} .city{position: relative;} .citychose{position: absolute;background-color: #F66C0D;padding: 15px 20px;top: 4.6em;border-radius: 10px;color: white;box-shadow: 0px 20px 45px rgb(0 0 0 / 16%);z-index: 777;font-size: 14px;} .citychose:before{width: 1.3rem;height: 1.3rem;content: '';position: absolute;top: -.5rem;transform: rotate(45deg) skew(10deg,10deg);border-radius: .3rem;left: 2rem;background: inherit;} .citychose .chose{display: flex;gap: 15px;} .citychose .chose a{color: white;white-space: nowrap;font-weight: bold;border-bottom: dotted 1px;text-decoration: none;} .citychose .chose a:hover{border-bottom: none;} .citychose .title{margin-bottom: 5px;} .citychose .title span{font-weight: bold;} .citychose .city-close.x{position: absolute;top: 5px;right: 9px;color: white;text-decoration: none;font-size: 27px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} @media (max-width: 921px) {.citychose{left: 0;right: 0;margin: auto;max-width: 300px;top: 55px;}} :root{ --trans:all .5s ease-in-out 0s; --trans-fast:all .25s ease-in-out 0s; --color1:#0039D7; --color2:#FF9A01; --color3:#1E1E1E; --color4:#020068; --color5:#FB7516; } #banner h3{font-size: 20px;color: var(--color2);} #banner p{font-size: 25px; line-height: 30px; color:var(--color3);font-weight: 400;} #banner .flex{flex-wrap:wrap;} #banner .btn-1 img,#banner .btn-2 img{position: absolute;top: 0;bottom: 0;margin: auto 0;} #banner img{width: 100%; border-radius: 170px 0 0 170px;} #banner .window-white>span:last-child,#banner .window-blue>span:last-child{font-family: 'Nagel Regular', sans-serif;} #banner .col-pc-2>div:last-child{position: relative;} #banner strong{font-weight: 400;color: var(--color2);} #block_3 h2{margin: 30px 0; width: 100%;color:var(--color4);} #block_3 .card-item{padding: 20px; border:1px solid var(--color4);border-radius: 15px;position: relative;display: flex;flex-direction: column;justify-content: space-between;background-color:white;} #block_3 h3{font-size: 25px; margin: 0;color:var(--color4);width:70%;} #block_3 .card-item>.flex-col>span{font-size: 25px;color:var(--color5);margin-bottom: 20px; display: block;font-weight:600;letter-spacing: 1px;} #block_3 ul{list-style-type: square; padding-left: 20px;margin-bottom:30px;} #block_3 .btn-1_low{transition: var(--trans-fast);padding: 15px; background: linear-gradient(180deg, #FF7D20, #F66C0D);display: inline-block;text-align: center;font-size: 20px;border-radius: 30px;} #block_3 .btn-1_low:hover{transition: var(--trans-fast);box-shadow: 0px 0px 30px 5px rgba(246, 108, 13, 0.3);} #block_3 a{color: white;} #block_3 .window-blue-low{top: 3%;right: 3%;} #block_3 .window-blue-low>span{color: white;rotate: 20deg;font-size: 14px;text-align: center;margin: 0;line-height: 15px;} #block_3 li{color:var(--color4);} #block_3 li>span{color:var(--color3);font-family: 'Nagel Regular', sans-serif;font-size:20px;} #block_3_1 img{border-radius: 0 120px 120px 0;margin-bottom: 20px;width: 100%;} #block_3_1 .grid>div:last-child>img{border-radius: 120px 0 0 120px;} #block_3_1 h3{color: var(--color5);} #block_3_1 strong{font-weight: 400;color: var(--color2);} #block_3_1 p{font-size:20px;text-align: left;} #block_3_1 .grid{text-align: center;} #block_4_1{font-size:20px;} #block_4 img{width: 100px;} #block_4 .flex>img{width:15px;} #block_4 {text-align: center;} #block_4 span{display: block; margin: 30px 0; color: gray;} #block_4 .card-item{padding: 20px; text-align: left;position: relative;height: 240px;box-shadow: 0px 15px 12px 2px rgba(34, 60, 80, 0.1);border-radius: 20px;overflow: hidden;} #block_4 .icon_1{width: 48px;position: absolute;bottom: 5%;right: 30%;opacity: 0.6;} #block_4 .icon_2{width: 96px;position: absolute;right: -4%;bottom: 10%;opacity: 0.35;} #block_4 h3{font-size: 25px;color:var(--color4);} #block_4 .circle{background-color: var(--color1);width: 200px;height: 200px;border-radius: 100px;opacity: 0.1;position: absolute;bottom: -52%;right: -20%;} #block_4 a{color: var(--color4);} #block_4 .flex{display: flex; align-items: center;gap:5px;} #block_4 h2{color:var(--color4);} #block_6 .one{font-size: 25px;font-family: 'Nagel Medium', sans-serif;color: #43a54a;justify-content:space-between;gap:10px;} #block_6 .one>img{width:30px;} #block_6 img{border-radius: 15px;} #block_6 .three{font-size: 15px;padding: 5px 15px;border:1px solid var(--color4);border-radius: 20px;color:var(--color4);} #block_6 span{color:var(--color4);font-size:25px;} #block_7 a{display: inline-block; color: var(--color4);font-size: 20px;text-align: center;padding: 15px 30px;background-color: #fbfbfb;border-radius: 50px;font-weight: 400;transition:var(--trans-fast);} #block_7 a:hover{background-color:var(--color4);color:white;transition:var(--trans-fast);} #block_7{margin-bottom: 75px;} #block_7 .flex{justify-content: center;gap:20px;flex-wrap: wrap;} #block_8 h3{font-size: 20px; color: var(--color2);} #block_8 h2{color:white;} #block_8 p{font-size: 20px;margin-bottom:15px;} #block_8 {color: white; position:relative;} #block_8 .one,#block_8 .two,#block_8 .three,#block_8 .four{position: relative;margin-top: -10px;} #block_8 .one span,#block_8 .two span,#block_8 .three span,#block_8 .four span{text-align:center;width: 65%;line-height:20px;font-size:13px;z-index: 1;} #block_8 .two img,#block_8 .four img{position: absolute;top: 10%;left: 5%;width:40px;z-index:1;} #block_8 .one img, #block_8 .three img{position: absolute;top: 10%;right: 0;width:40px;z-index:1;} #block_8 >img{position: absolute;left: 20%;width: 150px;} #block_8 .grid{position:relative;align-items:center;} #block_8 strong{font-size:15px;} #block_8 ul{font-size: 20px;} #block_8 .grid>.grid{align-items:center;} #block_8 .second-div{height:fit-content;} #block_4_1 h2{margin: 30px 0;color:var(--color4);} #block_4_1 .flex-col-space-between{align-items: flex-start; position:relative; overflow:hidden;box-shadow: 0px 15px 12px 2px rgba(34, 60, 80, 0.1);padding:20px;} #block_4_1 span{color: var(--color4); font-size: 30px;} #block_4_1 strong{color: var(--color2);} #block_4_1 .flex-col{justify-content:flex-start;} #block_4_1 img{width:50px;} .plashka .flex-col{align-items:center;color: white;} .plashka .btn-1{width:270px;} .plashka .flex-col>p:first-child{font-size:24px;font-family: 'Nagel Medium', sans-serif;} .plashka .flex-col>p:last-child{font-size:14px;font-weight:600;} .plashka a{color:white;} .plashka strong{color:var(--color2);} .plashka .flex:first-child>p{font-size:25px; line-height:25px;} .plashka .one>img{width: 50px;} .plashka .container>.flex{justify-content: space-between;border-radius: 30px;} .plashka-phone{transition:var(--trans-fast);} .plashka-phone:hover{transition:var(--trans-fast);color:var(--color2);} #block_9 .img{position:relative;} #block_9 img{width:100%; border-radius:25px;} #block_9 .arrow_staj{position: absolute;bottom: 10%;right: 0;left: 0;display: flex;justify-content: flex-end;gap: 10px;margin-right: 10px;} #block_9 .arrow_staj>img{width:30px;} #block_9 .staj{padding:3px 10px; background-color:white; border-radius:20px; color:var(--color4);display: flex;align-items: center;} #block_9 strong{font-size:24px; display:block; margin-top:20px;color:var(--color4);line-height:30px;} #block_9 h2{width:80%;} #block_10 .flex{margin-bottom: 20px; gap:20px;} #block_10 .flex>img{width:100px;} #block_10 .grid div{background-color: white;border-radius: 20px;} #block_10 h3{font-size: 35px; margin-bottom: 20px;} #block_10 p{font-size: 20px;margin-bottom:15px;} #block_10 h3{color: var(--color4);line-height:40px;} #block_10 h2{margin:0;color:var(--color4);} #block_10 li{font-size:20px;} #block_11 h2{color: var(--color4);margin-bottom: 40px;} #block_11 a:hover{color: var(--color2);} #block_11 a{line-height: 20px;font-size: 20px; color: var(--color4);position: relative;display: block;padding-right: 35px;} #block_11 a[aria-expanded="true"]{color: var(--color2);} #block_11 .card{padding: 20px;border: 1px solid var(--color4);margin-bottom: 20px;border-radius: 20px;cursor: pointer;} #block_11 .grid>div:last-child{position: relative; overflow: hidden;} #block_11 .grid>div:last-child>img{position: absolute; width: 100%; right: 0; top: 0;z-index: -1;} #block_11 .grid>div:last-child>div{position: relative;} #block_11 .grid>div:last-child>div>img{width: 100%;margin-bottom: -5px;} #block_11 .window-white{bottom: 5%;rotate: -10deg;} #block_11 .window-white>span:first-child{rotate: 10deg; color: var(--color1);} #block_11 .window-white>span:last-child{rotate: 10deg;color: var(--color3);text-align: center;} #block_11 .grid{align-items:flex-end;} #block_11 .grid>div:first-child{align-self:flex-start;padding-bottom:30px;} #block_11 p{font-size:20px;} #block_11 li{font-size:20px;margin-bottom:5px;} #block_11 .icon{transition: all 1000ms cubic-bezier(0.630, 0.060, 0.250, 1.000); content: "";background-image: url(./images/plus.svg);position: absolute;top: 0px;bottom: 0px;right: 0px;background-size: 25px 25px;width: 25px;margin: auto 0px;background-position: center center;background-repeat: no-repeat;} #block_11 a[aria-expanded="true"] .icon{background-image: url(./images/minus.svg);transition: all 1000ms cubic-bezier(0.630, 0.060, 0.250, 1.000); } #block_11 .card>div>p:first-child{padding-top: 15px;} #block_12 {background-color: white;position: relative;padding: 75px 0;} #block_12 h3{color: var(--color4);} #block_12 h2{margin-bottom: 40px;color:var(--color4);} #block_12 p{font-size:20px;text-align: center;} #block_12 .grid>div{padding: 20px;border-radius: 30px;box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);background: linear-gradient(135deg, #0200680f, #00000000)} #block_14 h2,#block_14 h3{color: var(--color4);} #block_14 h2{margin-bottom: 40px;} #block_14{padding: 75px 0;} #block_14 h3{margin-bottom: 20px;} #block_14 .flex-col,#block_14 .grid>div:first-child{padding: 30px; background-color: white; border-radius: 20px;} #block_14 .flex-col{margin-bottom: 30px;} #block_14 .grid>div:last-child{background-color: var(--color1); border-radius: 20px; padding: 30px; color: white;} #block_14 .grid>div:last-child>h3{color: white;} #block_14 p{margin-bottom:15px;font-size: 20px;} #block_14 strong{font-weight: 400; color: var(--color2);} #block_14 ul{font-size: 20px;} #block_22 h2,#block_18 h2,#block_15 h2{color: var(--color4); line-height: 45px;margin:0;} #block_22 h3,#block_18 h3,#block_15 h3{color: var(--color2);font-size: 20px;margin-bottom:15px;} #block_22 p,#block_18 p,#block_15 p, #block_28 p{margin-bottom: 15px;font-size: 18px;} #block_22 strong,#block_18 strong,#block_15 strong{color: var(--color2);font-weight: 400;} #block_22 img,#block_18 img,#block_15 img{width:100px;} #block_22 .flex,#block_18 .flex,#block_15 .flex{margin-bottom:30px;} #block_22 p,#block_18 p,#block_15 p{font-size:20px;} #block_15 ol li,#block_22 ol li,#block_15 ul li,#block_22 ul li{font-size: 20px;} #block_16 .container{position:relative;} #block_16 h2{color: var(--color4);width: 100%;font-size: 25px; line-height: 30px;margin-bottom: 40px;} #block_16 h3{text-transform:uppercase;width:70%;font-size: 20px;} #block_16 .card-block{border-radius: 20px;} #block_16 .top,#price .list, #price .list_2{display: flex; justify-content: space-between;padding: 30px 40px;} #block_16 .top{background-color: var(--color3); color: white;position:relative;border-radius:30px 30px 0 0;} #block_16 .list{background-color: #f7f7f7;display: flex;justify-content: space-between;gap: 20px;padding: 0 20px;} #block_16 .list_2{background-color: white;display: flex;justify-content: space-between;gap: 20px;padding: 0 20px;} #block_16 .name{color: var(--color4);padding: 20px 0;} #block_16 .name:empty,#block_16 .price:empty{padding: 0;} #block_16 .price{font-weight: 600;color: #1e1e1e;white-space:nowrap;padding: 20px 0;} #block_16 .owl-loaded{z-index: 0;} #block_16 .owl-nav{display: flex;justify-content: center;gap: 20px;margin: 20px 0;} #block_16 circle:hover{fill: var(--color4);} #block_16 circle:hover + path{fill: white;} #block_16 path{pointer-events: none;} #block_16 p{font-size:20px;} #block_17 .grid{align-items: center;} #block_17 .grid>div:first-child{width: 85%;} #block_17 .grid>div:last-child{position: relative;} #block_17 h2{color: var(--color4);line-height: 45px; width: 50%;} #block_17 h3{color: var(--color2); line-height: 25px;font-size: 20px;margin: 30px 0;} #block_17 p{font-size: 18px;} #block_17 .btn-1{margin-top: 30px;} #block_17 .btn-1 img,#block_17 .btn-2 img{position: absolute;right: 25px;top: 0;bottom: 0;margin: auto 0;width: 25px;} #block_17 span{text-align: center;} #block_17 .window-white>span:first-child{font-size: 25px;} #block_17 .window-white>span:last-child{color: var(--color3);line-height: 25px;font-family: 'Nagel Regular', sans-serif;} #block_17 img{border-radius: 170px 5px 5px 170px;max-width: 100%;} #block_19 .grid>div:last-child{position: relative;} #block_19 h2{width: 80%;line-height: 50px; color: white;} #block_19 p{color: var(--color2);font-size:20px;} #block_19 .window-blue-gradient span:first-child,#block_19 .window-orange-gradient span:first-child{text-align:center;width: 70%;} #block_19 .window-blue-gradient span:last-child,#block_19 .window-orange-gradient span:last-child{text-align: center; font-size:16px;line-height: 20px;width:70%;margin-top:5px;} #block_19 .one span{z-index:1;} #block_19 .two span{z-index:2;} #block_19 .three span{z-index:3;} #block_19 {padding: 150px 0 100px 0;} #block_19 .owl-carousel{margin-top:180px;} #block_19 .owl-carousel img{border-radius: 150px 0 0 150px;} #block_19 .owl-nav,#block_19 .owl-dots{display: none;} #block_20 .owl-nav{display: flex;justify-content: center;gap: 20px;margin: 20px 0;} #block_20 .owl-stage-outer{padding:30px 0;} #block_20 circle:hover{fill: var(--color4);} #block_20 circle:hover + path{fill: white;} #block_20 path{pointer-events: none;} #block_20 h2{margin-bottom: 40px;color: var(--color4);} #block_20 img{width: 200px;margin: auto;} #block_20 .owl-item{position:relative;} #block_20 .owl-item::before{content:"";position: absolute;background-color: white;width: 239px;height: 170px;border-radius: 113px/85px;rotate: -20deg;bottom:-10%;left:-7%;z-index:-1;} #block_21 h2{color: var(--color4); line-height: 50px;margin-bottom: 40px;} #block_21 h3{color: var(--color4);font-size: 20px;} #block_21 p{font-size: 20px;margin-bottom:15px;} #block_21 .flex{gap: 30px;} #block_21 .flex-col{flex: 1 1 0;gap: 30px;} #block_21 .flex-col>div{padding: 30px; background-color: white; border-radius: 20px;gap: 30px; height:100%;} #block_21 .owl-nav{display: flex;justify-content: center;gap: 20px;margin: 20px 0;} #block_21 circle:hover{fill: var(--color4);} #block_21 circle:hover + path{fill: white;} #block_21 path{pointer-events: none;} #block_24 h2{color: var(--color4); line-height: 50px; } #block_24 a{padding: 20px; background-color: white; border-radius: 15px;font-size:16px;display:flex;justify-content:space-between;color:var(--color4);align-items:center;} #block_24 .flex{gap:15px;} #block_24 .flex-1-1-1,#block_24 .flex-2-1,#block_24 .flex-1-2{display:flex;flex-direction:column;gap:30px;flex:1 1 0;} #block_24 .flex-2-1>a:first-child{height:210px;} #block_24 .flex-1-2>a:last-child{height:210px;} #block_24 img{width:26px;height:26px;} #block_23 h2{color: white;margin-bottom: 40px;} #block_23 h2>span{color: var(--color5);} #block_23 .forma{border: solid var(--color1);border-radius: 30px;backdrop-filter: blur(10px);} #block_23 input,textarea{padding: 20px;border-radius: 10px;outline: none;border: none;margin-bottom: 20px;width: 100%;} #block_23 .btn-1{font-weight: 600;color: white;letter-spacing: 1px;margin:0;border:none;} #block_23 {position: relative;} #block_23 .fon,#block_23 .fon_man,#block_23 .fon_down{position: absolute;z-index: -1;} #block_23 .container{padding-top: 100px;padding-bottom: 100px;position: relative;} #block_23 .fon{top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 100%;z-index: -2;} #block_23 .fon_down{bottom: 0;z-index: 3;} #block_23 .wpcf7-spinner{display:none;} /*.nav{padding: 0;display: flex;margin: 0;} .nav *{list-style: none;} .nav li{flex-grow: 1;} .nav a{display: block;text-align: center;padding: 10px;padding-right: 15px; color: var(--color4);} .nav a:hover{color: var(--color2);} .nav .current_page_item>a{color: var(--color2);} .nav .menu-item-has-children{position: relative;} .nav .menu-item-has-children::after{transition: var(--trans); content: '';background-image: url(./images/arrow_blue.svg);position: absolute;right: 0;width: 12px;height: 12px;background-size: 12px 12px;top: 0;background-repeat: no-repeat;bottom: 0;margin: auto;} .nav .menu-item-has-children:hover::after{transition: var(--trans);rotate: 180deg;} .nav .sub-menu{visibility: hidden; opacity: 0;transition: var(--trans-fast);position: absolute;padding: 0;min-width: fit-content;width: 100%;background-color: white;} .nav .sub-menu a{text-align: left;} .nav .sub-menu a:hover{color: var(--color2);} .nav .menu-item-has-children:hover .sub-menu{display: block;opacity: 1;transition: var(--trans-fast);visibility: visible;}*/ .main-nav { position: relative; width: 100%; max-width: 100%; z-index: 100; overflow: visible; } .main-nav *, .main-nav *::before, .main-nav *::after { box-sizing: border-box; } .nav { display: flex; align-items: center; gap: 4px; width: 100%; max-width: 100%; padding: 0; margin: 0; list-style: none; overflow: visible; } .nav, .nav ul, .nav li { list-style: none; } .nav li { padding: 0; margin: 0; } .nav > li { position: relative; flex: 0 0 auto; } /* Ссылки верхнего меню */ .nav a, .nav-more-btn { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 14px; color: var(--color4); text-align: center; text-decoration: none; line-height: 1.2; white-space: nowrap; transition: var(--trans); } .nav a:hover, .nav-more-btn:hover, .nav .current_page_item > a, .nav .current-menu-item > a { color: var(--color2); } /* Кнопка "Ещё" */ .nav-more-btn { border: 0; background: transparent; font: inherit; cursor: pointer; } /* Стрелки у пунктов с подменю */ .nav > .menu-item-has-children > a, .nav > .nav-more > .nav-more-btn { padding-right: 32px; } .nav > .menu-item-has-children::after, .nav > .nav-more::after { content: ''; position: absolute; right: 12px; top: 50%; width: 12px; height: 12px; background-image: url(./images/arrow_blue.svg); background-size: 12px 12px; background-repeat: no-repeat; pointer-events: none; transform: translateY(-50%); transition: var(--trans); } .nav > .is-submenu-open::after, .nav > .nav-more.is-open::after { transform: translateY(-50%) rotate(180deg); } /* ВАЖНО: по умолчанию все подменю реально выключены */ .nav .sub-menu { display: none !important; padding: 0; margin: 0; list-style: none; } /* Обычные выпадающие меню верхнего уровня */ .nav.nav-ready > li:not(.nav-more) > .sub-menu { position: absolute; top: 100%; left: 50%; z-index: 1000; min-width: 280px; width: max-content; max-width: min(760px, calc(100vw - 24px)); max-height: calc(100vh - 140px); overflow: auto; padding: 10px; margin: 0; background: #fff; border: 1px solid rgba(0, 0, 0, .08); border-radius: 14px; box-shadow: 0 18px 45px rgba(0, 0, 0, .12); transform: translateX(-50%); } /* Открытое обычное подменю */ .nav.nav-ready > li:not(.nav-more).is-submenu-open > .sub-menu { display: block !important; } /* Большие обычные подменю */ .nav.nav-ready > li:not(.nav-more).is-submenu-open > .sub-menu.is-large-submenu { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 4px 8px; width: min(760px, calc(100vw - 24px)); } /* Ссылки внутри выпадающих меню */ .nav .sub-menu a { justify-content: flex-start; min-height: auto; padding: 10px 12px; color: var(--color4); text-align: left; line-height: 1.25; white-space: normal; border-radius: 10px; } .nav .sub-menu a:hover { color: var(--color2); background: rgba(0, 0, 0, .035); } /* Пункт "Ещё" */ .nav > .nav-more { position: relative; flex: 0 0 auto; } .nav > .nav-more.is-hidden { display: none !important; } /* Выпадающее меню "Ещё" */ .nav.nav-ready > .nav-more > .sub-menu { position: absolute; top: 100%; right: 0; left: auto; z-index: 1200; width: min(860px, calc(100vw - 24px)); max-height: calc(100vh - 140px); overflow: auto; padding: 12px; margin: 0; background: #fff; border: 1px solid rgba(0, 0, 0, .08); border-radius: 16px; box-shadow: 0 18px 45px rgba(0, 0, 0, .14); } /* "Ещё" открывается только по классу .is-open */ .nav.nav-ready > .nav-more.is-open > .sub-menu { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; } /* Пункты внутри "Ещё" */ .nav.nav-ready > .nav-more > .sub-menu > li { position: static; min-width: 0; } .nav.nav-ready > .nav-more > .sub-menu > li > a { justify-content: flex-start; min-height: auto; padding: 10px 12px; font-weight: 600; color: var(--color4); text-align: left; background: rgba(0, 0, 0, .035); border-radius: 10px; white-space: normal; } .nav.nav-ready > .nav-more > .sub-menu > li > a:hover { color: var(--color2); } /* Убираем стрелки у групп внутри "Ещё" */ .nav.nav-ready > .nav-more .menu-item-has-children::after { display: none !important; } /* Вложенные подменю внутри "Ещё" показываем как обычные списки */ .nav.nav-ready > .nav-more.is-open > .sub-menu > li > .sub-menu { position: static !important; display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; max-height: none !important; overflow: visible !important; padding: 0 0 0 8px; margin: 4px 0 0; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .nav.nav-ready > .nav-more.is-open > .sub-menu > li > .sub-menu a { min-height: auto; padding: 7px 10px; font-size: 14px; line-height: 1.25; background: transparent; border-radius: 8px; } .nav.nav-ready > .nav-more.is-open > .sub-menu > li > .sub-menu a:hover { background: rgba(0, 0, 0, .035); } /* Активный верхний пункт поверх соседей */ .nav > li.is-submenu-open { z-index: 1001; } /* Адаптив */ @media (max-width: 768px) { .nav { gap: 2px; } .nav a, .nav-more-btn { min-height: 42px; padding: 9px 12px; font-size: 14px; } .nav > .menu-item-has-children > a, .nav > .nav-more > .nav-more-btn { padding-right: 30px; } .nav.nav-ready > li:not(.nav-more) > .sub-menu { left: 0; right: auto; width: min(360px, calc(100vw - 24px)); max-width: calc(100vw - 24px); transform: none; } .nav.nav-ready > .nav-more > .sub-menu { right: 0; width: min(420px, calc(100vw - 24px)); } .nav.nav-ready > .nav-more.is-open > .sub-menu { grid-template-columns: 1fr; } } header .col-header{align-items: center;justify-content: space-between; padding: 10px 0;} header .header_logo img{width: 100%;} header .header_text{font-size: 14px;} header .header_button{width: 100%;font-size: 20px;margin: 0;} header .header_number{flex-direction: column;align-items: center;gap: 5px;} header .header_number a{font-size: 20px;font-weight: 600;color: var(--color4);white-space: nowrap;} header .header_number a:hover{color: var(--color2);} header .header_number p{font-size: 13px;color: var(--color3);} header .header_phone img{width: 30px;} header .header_city{display: flex;align-items: center;gap: 5px;} header .header_city a{color: var(--color4);} .close{border: none;} .full{background-color: #fff;} .full a{color: black;} .full .modal-content{border: none;} .full .modal-dialog{max-width: 100%;position: relative;} .full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .full .st{font-size: 18px;padding-bottom: 10px;} .full .list{list-style: none;padding-left: 0px;padding-top: 15px;font-size: 18px;gap: 10px!important;} .full .select2-selection, .full .select2-selection__arrow{height: 40px!important;} .full .select2-selection__rendered{line-height: 40px!important;} .citylist .grid{gap: 10px;} .citylist .grid a{color: black;} /* Модальное */ .modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */ .modal-open {overflow: hidden;} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} .modal .modal-dialog{background-color: white;} .modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;background: none;} .modal .grid{gap: 20px;} .modal .title{font-size: 45px;line-height: 55px;font-weight: bold;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} #mmenu .close{background-color: transparent;border:none;right: 15px;top: 15px;position: absolute;} #mmenu .nav{flex-direction: column;align-items: flex-start;} #mmenu .nav .sub-menu{position:inherit;padding-left: 20px;visibility: visible;opacity: 1;} #mmenu .nav li>a{font-size: 20px;text-align: left;font-weight: 600;} #mmenu .nav li>a:hover{background-color: transparent;color: var(--color2);} #mmenu .nav .sub-menu a{font-size: 18px;font-weight: 400;} #mmenu .nav .sub-menu a:hover{background-color: transparent;color: var(--color2);} #mmenu .nav .menu-item-has-children::after{content: none;} footer{padding: 20px 0;} footer .col-footer{gap: 30px;} footer .logo img{width: 100%;} footer .nav{flex-direction: column;} footer .nav a{padding: 0;padding-bottom: 10px; color: var(--color3);} footer h4{margin: 0;margin-bottom: 20px;font-weight: 600;font-size: 20px;} footer .contacts a{font-size: 20px;white-space: nowrap;font-weight: 600;display: block;color: var(--color4);} footer .contacts a:hover{color: var(--color2);} footer .mail{margin: 10px 0;} footer .btn-1{font-size: 20px;padding: 15px;text-align: center !important;color: white !important;} footer .btn-1:hover{color: white !important;} footer .soc{display: flex;justify-content: space-between;margin-top: 20px;} footer .soc a{color: var(--color3);} footer .soc a:hover{color: var(--color2);} footer .soc .flex{gap: 10px;} footer .soc img{width: 30px;} footer .soc a:last-child{scale: 1.2;} #service #service_gallary h2{color:white;} #service #service_gallary img{border-radius: 15px;} #service #service_gallary .container{background-color:var(--color4);border-radius:50px 0 50px 0;} #service #service_gallary .owl-dots{display: none;} #service #service_gallary .owl-nav button{background-color: white;width: 41px;height: 41px;border-radius: 100%;} #service #block_23 {z-index:1;} #service #bg-color-white {background-color:white;} #article #banner img{border-radius: 50% 1% 1% 1%;} #article #banner h1{margin: 0 !important;} #article #banner{padding-bottom: 0;} #article #article_block_5 img{width: 100%;border-radius: 50% 1% 1% 1%;} #article #article_block_5 p{font-size: 18px;} #article #article_block_12 .nav-tabs{display: flex;gap: 20px;border:none;} #article #article_block_12 img{width:100%;border-radius:50% 1% 1% 1%;} #article #article_block_12 .grid>div:first-child{margin-bottom: 30px;padding: 30px;background-color: white;border-radius: 30px;height:100%;} #article #article_block_12 .grid{align-items:flex-start;margin-top:40px;} #article #article_block_12 .nav-item .nav-link.active{display: inline-block;padding: 15px;border-radius: 50px;border: 1px solid var(--color2);color: white;font-size: 20px;text-align: center;background-color: var(--color2);transition:var(--trans);} #article #article_block_12 .nav-item .nav-link:hover{display: inline-block;padding: 15px;border-radius: 50px;border: 1px solid var(--color2);color: white;font-size: 20px;text-align: center;background-color: var(--color2);transition:var(--trans);} #article #article_block_12 .nav-item .nav-link{display: inline-block;padding: 15px;border-radius: 50px;border: 1px solid var(--color4);color: var(--color4);font-size: 20px;text-align: center;background-color: white;transition: var(--trans);width: 100%;} #article #article_block_12 .tab-img{display:none;} #article #article_block_12 .tab-img.active{display:block;} #article #block_7 .flex{justify-content:flex-start;} #article #block_7{margin-bottom:0;} #article_simple_block_15 h2, #article_simple_block_16 h2,#article_simple_block_17 h2,#article_simple_block_18 h2,#article_simple_block_19 h2,#article_simple_block_20 h2#article_simple_block_21 h2,#article_simple_block_22 h2,#article_simple_block_23 h2,#article_simple_block_25 h2{color: var(--color4);margin:0;} #article_simple_block_15 h3>p, #article_simple_block_16 h3>p,#article_simple_block_17 h3>p,#article_simple_block_18 h3>p,#article_simple_block_19 h3>p,#article_simple_block_20 h3>p#article_simple_block_21 h3>p,#article_simple_block_22 h3>p,#article_simple_block_23 h3>p,#article_simple_block_25 h3>p{color: var(--color2);font-size: 17px;line-height: 22px;font-weight: 300; margin-bottom:15px;} #article_simple_block_15,#article_simple_block_16,#article_simple_block_17,#article_simple_block_18,#article_simple_block_19,#article_simple_block_20,#article_simple_block_21,#article_simple_block_22,#article_simple_block_23,#article_simple_block_25 {background-color:white;} #article_simple_block_15 p, #article_simple_block_16 p,#article_simple_block_17 p,#article_simple_block_18 p,#article_simple_block_19 p,#article_simple_block_20 p#article_simple_block_21 p,#article_simple_block_22 p,#article_simple_block_23 p,#article_simple_block_25 p{margin-bottom: 15px;font-size: 20px;} #article_simple_block_15 strong, #article_simple_block_16 strong,#article_simple_block_17 strong,#article_simple_block_18 strong,#article_simple_block_19 strong,#article_simple_block_20 strong#article_simple_block_21 strong,#article_simple_block_22 strong,#article_simple_block_23 strong,#article_simple_block_25 strong{color: var(--color2);font-weight: 400;} #article_simple_block_15 li, #article_simple_block_16 li,#article_simple_block_17 li,#article_simple_block_18 li,#article_simple_block_19 li,#article_simple_block_20 li#article_simple_block_21 li,#article_simple_block_22 li,#article_simple_block_23 li,#article_simple_block_25 li{font-size: 20px;margin-bottom: 5px;} #article_simple_block_15 img, #article_simple_block_16 img,#article_simple_block_17 img,#article_simple_block_18 img,#article_simple_block_19 img,#article_simple_block_20 img#article_simple_block_21 img,#article_simple_block_22 img,#article_simple_block_23 img,#article_simple_block_25 img{width:100px;} #article_simple_block_15 .flex, #article_simple_block_16 .flex,#article_simple_block_17 .flex,#article_simple_block_18 .flex,#article_simple_block_19 .flex,#article_simple_block_20 .flex#article_simple_block_21 .flex,#article_simple_block_22 .flex,#article_simple_block_23 .flex,#article_simple_block_25 .flex{margin-bottom:30px;} #block_6 { padding: 40px 0px; } #block_4_1, #block_9, #block_28, #block_15, #block_17 { padding-bottom: 40px; } #article_block_5 img,#article_block_6 img,#article_block_7 img,#article_block_8 img,#article_block_9 img,#article_block_10 img{width: 100%;border-radius: 50% 1% 1% 1%;} #article_block_5 p,#article_block_6 p,#article_block_7 p,#article_block_8 p,#article_block_9 p,#article_block_10 p{font-size: 20px;} #article_block_5 strong,#article_block_6 strong,#article_block_7 strong,#article_block_8 strong,#article_block_9 strong,#article_block_10 strong{font-size: 25px;color: var(--color2);} #article_block_5 li,#article_block_6 li,#article_block_7 li,#article_block_8 li,#article_block_9 li,#article_block_10 li{font-size: 20px;margin-bottom:5px;} #mmenu, #CityChoose{background-color: #fff;overflow-y: auto;} #mmenu{-webkit-overflow-scrolling: touch;} #mmenu .modal-content, #CityChoose .modal-content{width: 100%;border: none;} #mmenu .menu{display:flex; flex-direction:column;} #mmenu .menu ul{list-style: none;padding:0;} #mmenu .menu a{padding:10px;color:var(--color3);display:inline-block;} #mmenu .modal-body{padding: 50px 15px 15px 15px;} #mmenu .cont>a{display: block;padding: 5px 0px;} #mmenu .cont span{display: block;padding-top: 30px;} #mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;} #mmenu .cont .city{color: black;} #mmenu .cont .mail{color: #E61870;} .fullscreen{-webkit-overflow-scrolling: touch;} .fullscreen .modal-dialog{max-width: 100%!important;} .fullscreen .modal-body{font-size: 16px;padding-top: 20px;} .fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .fullscreen .list li, .fullscreen .menu li{padding-bottom: 5px;} .fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;} .fullscreen .select2-selection__rendered{line-height: 40px!important;} /* Модальное окно */ /* Основа */ .modal{position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;} #con,#za {-webkit-overflow-scrolling: touch;transition: var(--trans);backdrop-filter: blur(5px);} #con .modal-dialog,#za .modal-dialog{height: 100%;margin: 0;display: contents;} #con .modal-content,#za .modal-content {height: 100%;width: 100%;border-radius: 0;display: contents;} #con .modal-body,#za .modal-body{height: 100vh;max-width: 450px;position: absolute;right: 0;padding: 20px;padding-top: 75px;background-color: white;display:flex;align-items:center;} #con .modal-body .close,#za .modal-body .close{right: 15px;top: 15px;position: absolute;background-color: transparent;border: none;} /* Стили */ #con .modal-body .t,#za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;} #con .modal-body .st,#za .modal-body .st{font-size: 16px;padding-bottom: 15px;} #con .info,#za .info{width: 100%;} #con .modal-content,#za .modal-content{border-radius: 0px;border: none;} #con .modal-body .t,#za .modal-body .t{font-weight: bold;} #con .modal-body .st,#za .modal-body .st{color: #545560;} #con .modal-body .poly,#za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;} #con input,#con textarea,#za input,#za textarea{outline: none!important;padding: 15px;border: 2px solid var(--color4);margin-bottom: 20px;border-radius: 20px;width: 100%;} #con .btn-1,#za .btn-1{border: none!important;margin: 0;cursor: pointer;} /* Модальное окно */ .header_mobile_menu_button{text-align: center;} header{position: fixed;top: 0;right: 0;left: 0;margin: auto;z-index: 50;background-color: #f0f4ff;} #varning .box-container{background-color: var(--color4);padding: 30px;border-radius: 30px;} #varning strong{color: var(--color2);} #varning p{margin: 0;font-size: 16px;color: white;} #confid h2,#confid h3{color: var(--color4);margin: 30px 0;} #confid a{color: var(--color2);} #confid ul{list-style: none;padding-left: 20px;} #confid h2{text-align: center;margin: 40px 0;} body{margin: 0;} .fade{transition: opacity .15s linear;} .fade:not(.show){opacity: 0;} .collapse:not(.show){display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: all 1000ms cubic-bezier(0.630, 0.060, 0.250, 1.000);} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: white !important;} .error_404{text-align: center;padding-top: 150px;padding-bottom: 75px;} .cityes{padding-top: 150px;} #block_8.contacts strong{font-size: 19px;} #block_8.contacts a{position: relative;z-index: 1;color: white;font-size: 18px;font-weight: 600;margin-top: 10px;white-space: nowrap;} #block_8.contacts a:hover{color: var(--color2);} #block_8.contacts .contacts_geo{white-space: normal;text-align: center;} #block_8.contacts .btn-1{width: fit-content;margin: 0;margin-top: 10px;} #block_8.contacts .btn-1:hover{color: white!important;} .breadcrumbs-container { padding: 15px 0px; position: relative; padding-top: 130px; max-width: 1177px; margin: 0px auto; width: 100%; } .banner-main-page { margin-top: 0px !important; } .breadcrumbs { margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; list-style-type: none !important; } .breadcrumbs a { color: #000; font-size: 14px; } .h2-subtitle { font-size: 32px; line-height: 40px; margin-bottom: 10px; color: var(--color4); } .advandage-text { margin-bottom: 15px; } .footer-new-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 40px; margin-bottom: 30px; border-bottom: 1px solid #000; padding-bottom: 30px; } .footer-new-list__item ul a { color: #000; text-align: left; font-size: 16px; } .footer-new-list__item ul li { position: relative; display: flex; align-items: flex-start; } .footer-new-list__item ul li::before { content: '⮞'; display: block; font-size: 16px; color: #000; position: relative; margin-right: 8px; } .footer-new-list__item ul { display: flex; flex-direction: column; gap: 10px 0px; padding: 0px; } .footer-new-list__title { color: #fff; font-size: 18px; font-weight: 500; background: linear-gradient(180deg, #FF7D20, #F66C0D); padding: 5px 10px; margin-bottom: 15px; display: block; } .footer-info-block a, .footer-text-info p, .footer-info-block p, .footer-new .info p, .footer-new .info a { color: #000 !important; } @media screen and (max-width: 1200px) and (min-width: 769px) { .footer-new-list { grid-template-columns: repeat(3, 1fr) !important; } } @media screen and (max-width: 768px) and (min-width: 569px) { .footer-new-list { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width: 568px) { .footer-new-list { grid-template-columns: repeat(1, 1fr) !important; } } @media screen and (max-width: 1024px) { .menu-item-articles > span.nav-title { background: transparent !important; font-size: 20px !important; text-align: left !important; font-weight: 600 !important; } } .menu-item-articles > span.nav-title{ min-height: auto; padding: 10px 12px; font-weight: 600; color: var(--color4); text-align: left; background: rgba(0, 0, 0, .035); border-radius: 10px; white-space: normal; display: block; } html.js .nav:not(.nav-ready) { opacity: 0; visibility: hidden; } html.js .nav.nav-ready { opacity: 1; visibility: visible; } .flex-wrap-bot { flex-wrap: wrap; margin-bottom: 40px; }