:root { /* :root представляет и позволяет задать глобальные переменные */
--font-family: "Montserrat", sans-serif; /* Первая переменная */
--second-family: "Inter", sans-serif; /* Вторая переменная */
--33333: rgba(0, 0, 0, 0);
}
.close {
display: none;
}
.flex-important {
display: flex!important;
}
.wrap-header-f {
padding-top: 20px;
/*height: 137px;*/
height: 125px;
flex-direction: column-reverse;
}
.wrap-header-f-fix {
flex-direction: column-reverse;
width: 100%;
background: white;
position: fixed;
z-index: 9;
top: 0;
padding-top: 20px;
}
.header-f-top {
padding-bottom: 4px;
/*padding-bottom: 15px;*/
}
.wrap-top-header-f {
width: 100%;
}
.header-f-mob{
display: none;
}
.wrap-h-logo {
max-width: 415px;
width: 100%;
}
.wrap-header-f-mob {
display: block;
width: 100%;
}
.flex-header-f-mob {
width: 100%;
display: flex;
flex-direction: column-reverse;
}
.logo-text{
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
color: #1c1c1c;
max-width: 219px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
.logo-line {
width:1px;
background-color: rgba(183, 183, 183, 0.5);
}
.wrap-city {
gap: 7px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #000;
}
.warp-city-list {
color: #6f94f8;
}
.h-city-check {
min-width: 66px;
}
.wrap-city.wrap-city-mob {
display: none;
}
.wrap-icon-logo {
width: 100%;
}
.icon-map {
fill: #6f94f8;
max-width: 10px;
width: 100%;
}
.wrap-cart {
max-width: 241px;
width: 100%;
}
.cart-icon {
position: relative;
}
.cart-count {
position: absolute;
top: -8px;
right: -12px;
border-radius: 93px;
width: 18px;
height: 19px;
background: #ffc6bd;
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
color: #ff4e33;
}
.phone-h a {
cursor: pointer;
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 114%;
color: #1c1c1c;
}
.phone-h a:hover {
color: #ff4e33;
}
.email-h a {
cursor: pointer;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fd5e43;
}
.email-h a:hover {
}
.wrap-h-menu {
width: 100%;
background: #f5f7ff;
}
.hm-one,.hm-one a {
cursor: pointer;
gap: 7px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #000;
padding: 14px 0px;
width: auto;
position: relative;
padding-left: 18px;
}
.hm-one a {
padding-left: 0px;
}
.hm-one.menu-calc,.hm-one.menu-calc a {
color: #6f94f8;
font-weight: 600;
min-width: 359px;
}
.hm-one:first-child {
}
.hm-one:not(:last-child)::after {
content: '';
position: relative;
border: 4px solid transparent;
border-top: 5px solid #d8dade;
right: -15px;
top: 13px;
}
.h-active-li li:hover{
background-color: #6f94f8;
}
.h-active-li li:hover a{
color: #fff;
}
.hm-one:not(:last-child)::before {
content: '';
position: absolute;
width: calc(100% + 23px);
height: 100%;
top: 0;
left: 0;
}
.hm-one:hover::before {
background-color: #6f94f8;
}
/*кнопка мени моб*/
.wrap-menu-burger {
display: none;
}
.menu-burger {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
display: block;
width: 40px;
height: 40px;
border-radius: 5px;
-webkit-box-shadow: 0 10px 50px rgb(26 40 78 / 10%);
box-shadow: 0 10px 50px rgb(26 40 78 / 10%);
background-color: #fff;
z-index: 5;
padding: 0;
border: unset;
}
.menu-burger__lines {
width: 100%;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-burger__hamburger {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-burger__cross span, .menu-burger__hamburger span {
display: block;
background-color: #fd5e43;
border-radius: 15px;
}
.menu-burger__hamburger span {
width: 50%;
height: 2px;
position: relative;
margin: 8% 0;
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.menu-burger__hamburger span:nth-child(1) {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.menu-burger__cross {
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-burger__cross span {
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.menu-burger__cross span:nth-child(1) {
height: 0%;
width: 2px;
position: absolute;
top: 10%;
left: 47%;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menu-burger__cross span:nth-child(2) {
width: 0%;
height: 2px;
position: absolute;
left: 10%;
top: 47%;
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s;
}
.menu-burger__hamburger span:nth-child(1) {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.menu-burger__hamburger span:nth-child(2) {
-webkit-transition-delay: .625s;
-o-transition-delay: .625s;
transition-delay: .625s;
}
.menu-burger__hamburger span:nth-child(3) {
-webkit-transition-delay: .75s;
-o-transition-delay: .75s;
transition-delay: .75s;
}
.js-menu-active .menu-burger__hamburger span:nth-child(3) {
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s;
}
.js-menu-active .menu-burger__hamburger span:nth-child(2) {
-webkit-transition-delay: .125s;
-o-transition-delay: .125s;
transition-delay: .125s;
}
.js-menu-active .menu-burger__hamburger span:nth-child(1) {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.js-menu-active .menu-burger__hamburger span {
width: 0%;
}
.js-menu-active .menu-burger__cross span:nth-child(2) {
width: 80%;
-webkit-transition-delay: .375s;
-o-transition-delay: .375s;
transition-delay: .375s;
}
.js-menu-active .menu-burger__cross span:nth-child(1) {
height: 80%;
/* -webkit-transition-delay: .625s; */
-o-transition-delay: .625s;
transition-delay: .625s;
}
.wrap-h-menu-mob {
display: none;
overflow-x: auto;
width: calc(100% + 18px);
overflow-y: hidden;
padding-bottom: 11px;
}
.h-menu-mob-nav-ul {
display: flex;
}
.h-menu-mob .hm-one,.h-menu-mob .hm-one a {
white-space: nowrap;
}
.h-menu-mob .hm-one {
display: flex;
padding: 0px 0px;
flex: 0 0 1%;
}
.h-menu-mob .hm-one a {
padding: 6px 0px;
}
.h-menu-mob .hm-one a:hover {
color: #6f94f8;
}
.h-menu-mob .hm-one a {
border-radius: 30px;
padding: 2px 13px;
background: #f5f7ff;
text-align: center;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 175%;
color: #242424;
}
.h-menu-mob .hm-one:hover::before {
background-color: unset;
}
.wrap-h-menu-superv {
display: none;
padding: 0px 15px;
margin-top: 14px;
}
.h-menu-superv-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 145%;
color: #000;
margin-bottom: 13px;
}
.h-menu-superv-cnt {
border-radius: 5px;
padding: 5px 7px;
max-width: 109px;
height: 35px;
width: 100%;
font-family: var(--font-family);
font-weight: 700;
font-size: 11px;
line-height: 135%;
color: #fff;
}
.h-menu-superv-img {
position: relative;
margin-right: 16px;
width: 100%;
max-width: 103px;
}
.h-menu-superv-img img {
max-width: 103px;
border-radius: 50%;
width: 100%;
}
.online-superv {
position: absolute;
right: 0;
bottom: 0;
width: 12px;
height: 12px;
border-radius: 100%;
background: #18a947;
}
.online-superv:before {
position: absolute;
top: -2px;
left: -2px;
z-index: 0;
margin-right: 3px;
content: '';
border-radius: 50px;
width: 16px;
height: 16px;
display: inline-block;
background: #63b92d;
-webkit-animation: pulsation 1.5s ease-out infinite;
animation: pulsation 1.5s ease-out infinite;
}
.superv-icon-wp {
margin-right: 2px;
}
.superv-icon-tg {
margin-right: 6px;
}
.h-menu-superv-wp {
background: linear-gradient(48deg, #14b22f 0%, #57de6f 100%);
}
.h-menu-superv-tg {
background: linear-gradient(180deg, #45b2fb 0%, #2c9deb 100%);
}
.h-menu-superv-tel {
max-width: 234px;
}
.h-menu-superv-tel a {
max-width: 109px;
height: 35px;
width: 100%;
}
.h-menu-superv-block {
max-width: 288px;
}
@media(max-width: 1054px){
.hm-one, .hm-one a {
font-size: 11px;
}
.hm-one.menu-calc, .hm-one.menu-calc a {
min-width: 270px;
padding-right: 4px;
}
.wrap-header-f {
height: 133px;
}
}
@media(min-width: 901px){
.wrap-header-f-mob {
display: block !important;
}
}
@media(max-width: 900px){
/* .wrap-header-f.js-menu-active .wrap-header-f-mob{
display: flex;
}*/
.wrap-h-menu-mob {
display: block;
}
.wrap-header-f-mob{
display: none;
}
.wrap-menu-burger {
display: flex;
align-items: center;
}
.hm-one, .hm-one a {
font-size: 14px;
}
.hm-one a {
width: 100%;
padding-left: 18px;
display: inline-block;
}
.h-menu > li {
padding: 0px;
}
.hm-one.menu-calc, .hm-one.menu-calc a {
min-width: unset;
}
.h-menu {
flex-direction: column;
}
.header-f-mob {
display: block;
}
.wrap-h-menu-superv {
display: flex;
}
.header-f-mob.header-f-top {
flex-direction: column;
align-items: flex-start;
}
.wrap-header-f {
background: white;
top: 0;
width: 100%;
/*transition: 0.7s;*/
/*height: 91px;*/
height: 146px;
}
.wrap-header-f-fix {
width: 100%;
z-index: 9;
position: fixed;
flex-direction: column-reverse;
/*height: 91px;*/
height: 147px;
/*transition: 0.7s;*/
top: 0;
padding-top: 20px;
}
.wrap-header-f.js-menu-active {
height: 100%;
min-height: 91px;
}
.wrap-header-f.js-menu-active .wrap-header-f-fix {
height: 100%;
}
.header-f-mob .cart-icon {
display: none;
}
.header-f-mob .wrap-h-logo {
display: none;
}
.header-f-desc .cart-phone {
display: none;
}
.header-f-desc .wrap-cart {
max-width: 50px;
}
.header-f-desc .wrap-city {
display: none;
}
.header-f-desc .wrap-city.wrap-city-mob {
display: flex;
margin-bottom: 11px;
}
.header-f-top {
flex-direction: column;
}
.wrap-cart {
flex-direction: column-reverse;
align-items: flex-start;
}
.wrap-city,.wrap-h-menu {
margin-bottom: 20px;
}
.wrap-icon-logo {
width: 100%;
}
.h-menu > li {
width: 100%;
}
.h-menu > li:not(:last-child) {
border-bottom: 1px solid rgba(36,33,28,.2);
}
}
@media(max-width: 600px){
.logo-text,.logo-line {
display: none;
}
.wrap-icon-logo{
justify-content: center;
}
.wrap-header-f,.wrap-header-f-fix {
/*height: 75px;*/
height: 128px;
}
}
@media(max-width: 365px) {
.h-menu-superv-text {
font-size: 13px;
}
.h-menu-superv-cnt {
font-size: 9px;
max-width: 91px;
}
.h-menu-superv-block {
max-width: 207px;
}
.h-menu-superv-img {
max-width: 94px;
}
}
@media(max-width: 340px) {
.h-menu-superv-img {
max-width: 90px;
margin-right: 9px;
}
}
/*-------------------------------*/
/*s1*/
.s-content {
position: unset;
}
.s1-slider {
z-index: 1;
position: absolute;
right: 0;
/* bottom: -24%; */
top: 0;
width: 100%;
max-width: 1089px;
height: 100%;
}
.section-1 {
/* position: relative;
padding-top: 30px;
background-image: url(/img/s1-fon.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-position-y: 100%;*/
position: relative;
padding-top: 30px;
background-image: url(../img/s1-fon.jpg);
background-position: 0px -183px;
background-repeat: no-repeat;
/* background-position-y: -30%; */
/* background-position-x: 100%; */
background-size: 100%;
}
.s1-logo {
font-family: var(--font-family);
color: #1c1c1c;
font-size: 35px;
line-height: 125%;
margin-bottom: 30px;
max-width: 832px;
position: relative;
z-index: 1;
}
.s1-logo h1 {
font-size: 35px;
font-weight: 700;
}
.s1-logo p {
font-weight: 400;
}
.s1-delivery {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 130%;
color: #1c1c1c;
margin-bottom: 30px;
}
.s1-delivery span {
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6f94f8;
}
.wrap-s1-condition {
max-width: 650px;
width: 100%;
font-family: var(--font-family);
font-weight: 500;
font-size: 15px;
line-height: 145%;
color: #1c1c1c;
margin-bottom: 20px;
}
.s1-condition:first-child {
max-width: 184px;
width: 100%;
margin-right: 15px;
}
.s1-condition img {
margin-right: 15px;
}
.s1-condition span {
display: block;
font-size: 12px;
line-height: 133%;
}
.wrap-s1-calc {
padding-top: 35px;
padding-bottom: 35px;
padding-left: 40px;
box-shadow: 0 20px 50px 0 rgb(26 40 78 / 10%);
background: #fff;
border-radius: 20px;
margin-bottom: 25px;
}
.s1-calc-l {
position: relative;
max-width: 96%;
width: 100%;
}
.s1-fon-dop-1 {
position: absolute;
top: -42px;
right: 41%;
width: 32%;
}
.s1-calc-logo {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 149%;
color: #1c1c1c;
margin-bottom: 20px;
max-width: 320px;
width: 100%;
}
.s1-calc-stat {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 147%;
color: #1c1c1c;
margin-bottom: 20px;
}
.s1-calc-stat svg {
margin-right: 10px;
}
.s1-calc-stat span {
font-weight: 700;
}
.wrap-s1-calc-but {
position: relative;
max-width: 321px;
width: 100%;
}
.s1-calc-but {
cursor: pointer;
background: linear-gradient(180deg, #fc7c66 0%, #d84931 100%);
border-radius: 10px;
font-family: var(--font-family);
font-weight: 700;
font-size: 15px;
line-height: 145%;
text-align: center;
color: #fff;
padding: 34px;
max-width: 321px;
width: 100%;
margin-bottom: 14px;
position: relative;
z-index: 2;
transition: 0.1s;
}
.s1-calc-but-click {
position: absolute;
bottom: 9px;
max-width: 307px;
height: 25px;
width: 100%;
border-radius: 20px;
box-shadow: 0 20px 50px 0 rgb(216 73 49 / 50%);
background: #a33d2b;
z-index: 1;
transition: 0.1s;
}
.wrap-s1-calc-but:active .s1-calc-but {
bottom: -5px;
}
.s1-calc-but-catalog {
cursor: pointer;
border: 1px solid #6f94f8;
border-radius: 5px;
padding: 22px;
height: 65px;
max-width: 283px;
width: 100%;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 149%;
text-align: center;
color: #6f94f8;
}
.s1-trend {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #000;
gap: 4px;
z-index: 1;
position: relative;
}
.s1-trend span {
font-weight: 600;
font-size: 12px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #da4c35;
}
.s1-trend svg {
fill: #e8c1c1;
}
.s1-trend-text {
display: none;
padding-top: 26px;
background: white;
border-radius: 5px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 145%;
color: #000;
}
.s1-trend-text p {
margin-bottom: 25px;
}
.s1-trend-btn {
margin-left: 7px;
cursor: pointer;
}
@media(min-width: 2336px){
.s-content {
position: relative;
}
.s1-slider {
right: -36%;
}
}
@media(max-width: 1850px){
.s1-slider {
bottom: -16%;
top: unset;
width: 65%;
max-width: 1089px;
height: 502px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
}
}
@media(max-width: 1482px){
.cd-resize-img:after {
bottom: 100px;
}
.s1-slider {
bottom: -13%;
right: -4%;
}
.cd-resize-img .cd-image-label{
left: 47%;
width: 64%;
position: fixed;
}
.section-1 {
background-position: 0px 25%;
}
}
@media(max-width: 1200px){
.cd-resize-img .cd-image-label {
left: 41%;
}
}
@media(max-width: 1182px){
.s1-slider {
bottom: -7%;
}
}
@media(max-width: 1020px){
.s1-calc-l {
max-width: unset;
}
/* .s1-fon-dop-1 {
right: 33%;
width: 40%;
}*/
.s1-fon-dop-1 {
right: 31%;
width: 32%;
}
.cd-resize-img .cd-image-label{
left: 84px;
width: 145px;
position: fixed;
}
}
@media(max-width: 892px){
.s1-slider {
bottom: -4%;
}
}
@media(max-width: 798px){
.s1-slider{
position: relative;
width: 100%;
height: unset;
justify-content: flex-end;
bottom: -1%;
}
.section-1{
background-size: auto;
background-position: 0px 0%;
}
.s1-fon-dop-1 {
right: 0;
width: 52%;
}
.cd-resize-img .cd-image-label {
left: 47%;
}
.s1-logo h1 {
font-size: 31px;
max-width: 81%;
margin-bottom: 12px;
}
.s1-logo p {
font-size: 24px;
}
.s1-logo {
margin: auto;
line-height: normal;
margin-bottom: 30px;
}
.wrap-s1-condition {
margin-bottom:0px;
}
}
@media(max-width: 616px){
.wrap-s1-trend > div {
align-items: flex-start;
justify-content: center;
}
.wrap-s1-trend-btn {
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 3px;
text-align: center;
}
.s1-slider {
right: unset;
width: calc(100% + 98px);
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-left: -50px;
}
.cd-image-label {
top: 31%;
}
}
@media(max-width: 600px){
.s1-fon-dop-1 {
top: unset;
right: -35px;
width: 52%;
}
.cd-resize-img .cd-image-label {
left: 38%;
}
.s1-delivery span {
display: block;
}
}
@media(max-width: 500px){
.s1-fon-dop-1 {
display: block;
top: -46px;
width: 46%;
right: -13px;
z-index: 3;
}
.s1-calc-logo {
font-size: 12px;
max-width: 219px;
}
}
@media(max-width: 488px){
.s1-condition {
flex-direction: column;
text-align: center;
}
.s1-condition img {
margin-right: 0px;
max-width: 26px;
}
.s1-calc-but {
padding: 23px;
}
.wrap-s1-trend-btn {
text-align: center;
max-width: 80%;
}
.s1-logo h1 {
font-size: 20px;
max-width: 89%;
margin-bottom: 13px;
}
.s1-logo p {
font-size: 20px;
max-width: 320px;
}
/* .section-1 {
padding-top: 1px;
}*/
.wrap-header-f {
/* background: #f2f6ff;*/
background: #f5fafd;
}
.wrap-s1-calc {
position: relative;
z-index: 1;
}
.s1-slider {
bottom: -9%;
}
.wrap-s1-condition {
align-items: flex-start;
margin-bottom: -61px;
}
}
@media(max-width: 458px){
.cd-resize-img .cd-image-label {
/* left: 21%;*/
}
.s1-logo {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.s1-delivery {
font-size: 19px;
display: none;
}
.section-1 {
background-size: cover;
background-image: url(../img/s1-fon-mob.jpg);
}
.s1-trend {
display: none;
}
}
@media(max-width: 420px){
.wrap-s1-calc {
padding-left: 13px;
padding-right: 13px;
}
.s1-calc-but-catalog {
margin: auto;
}
.s1-calc-l {
max-width: 304px;
margin: auto;
}
.cd-resize-img .cd-image-label {
left: 32%;
}
}
@media(max-width: 400px){
.s1-logo h1 {
font-size: 20px;
max-width: 100%;
}
.s1-logo p {
font-size: 20px;
max-width: 321px;
}
.wrap-s1-condition {
align-items: flex-start;
margin-bottom: -61px;
}
.cd-image-label {
top: 35%;
font-size: 14px;
max-width: 175px;
}
/*.s1-calc-but {
padding: 23px;
}*/
}
/*--------------s2---------------*/
.section-2 {
position: relative;
padding-top: 90px;
z-index: 1;
}
.usluga-one {
border: 1px solid #6f94f8;
border-radius: 10px;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 149%;
color: #1c1c1c;
padding: 15px 0px;
align-items: stretch;
max-width: 387px;
width: 31%;
}
.usluga-one div span {
display: block;
}
.usluga-one img {
position: absolute;
transform: scale(1.15);
}
.usluga-one a,.link-a {
display: block;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6f94f8;
margin-top: 8px;
}
.usluga-one-img {
position: relative;
max-width: 187px;
width: 49%;
z-index: 1;
}
.usluga-one-text {
width: 47%;
min-height: 71px;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
.usluga-one:first-child img {
/*top: -30px;*/
top: -17%;
left: 13px;
}
.usluga-one:nth-child(2) .usluga-one-text {
width: 52%;
left: -17px;
position: relative;
}
.usluga-one:nth-child(2) img {
left: -28px;
transform: scale(1.3);
}
.usluga-one:nth-child(3) img {
transform: scale(1.5);
left: -18px;
}
@media (max-width: 1018px) {
.usluga-one {
font-size: 10px;
}
}
@media (max-width: 744px) {
.wrap-uslugi {
flex-wrap: wrap;
justify-content: center;
gap: 2%;
}
.usluga-one {
max-width: 312px;
width: 100%;
margin-bottom: 49px;
flex: 0 0 51%;
}
}
@media (max-width: 600px) {
.usluga-one:first-child .usluga-one-text {
min-height: 26px;
top: -12px;
position: relative;
}
.usluga-one-text {
min-height: 51px;
}
.usluga-one:nth-child(2) .usluga-one-text {
left: unset;
}
.usluga-one:nth-child(2) img {
left: 0px;
}
.usluga-one {
margin-bottom: 38px;
flex: 0 0 89%;
flex-direction: column;
align-items: center;
}
.section-2 {
padding-top: 45px;
}
.usluga-one img {
position: relative;
transform: unset;
top: 0;
left: 0;
max-height: 146px;
}
.usluga-one-img {
max-width: 221px;
width: 100%;
}
.usluga-one-text {
width: 100%;
text-align: center;
align-items: center;
}
.usluga-one:nth-child(2) .usluga-one-text {
width: 83%;
}
.usluga-one {
font-size: 15px;
max-width: 300px;
}
.usluga-one div span {
display: inline-block;
}
.usluga-one:nth-child(3) img {
top: -30px;
}
.usluga-one:nth-child(2) img {
top: -19px;
transform: scale(1.6);
}
.usluga-one:nth-child(1) img {
transform: scale(1.4);
}
.usluga-one:nth-child(2) .usluga-one-img {
max-height: 121px;
}
.usluga-one:nth-child(3) .usluga-one-img {
min-height: 144px;
}
.s1-trend-btn {
margin-left: 0;
margin-top: 9px;
}
}
/*--------------s3---------------*/
.section-3 {
position: relative;
padding-top: 90px;
padding-bottom: 80px;
/*background-image: url(/img/s3-fon.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;*/
}
.s3-fon-pod-1 {
position: absolute;
left: -21%;
top: 9%;
z-index: -1;
}
.s3-fon-pod-2 {
position: absolute;
right: -3%;
top: 0%;
z-index: -1;
}
.logo-section {
margin-bottom: 53px;
z-index: 1;
position: relative;
}
.logo-s-img {
margin-bottom: 11px;
}
.logo-section h2 {
font-family: var(--font-family);
font-weight: 700;
font-size: 26px;
line-height: 126%;
text-align: center;
color: #1c1c1c;
margin-bottom: 5px;
}
.logo-dop {
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
color: #1c1c1c;
padding-bottom: 15px;
}
.logo-dop span {
font-family: var(--font-family);
font-weight: 500;
padding: 0px 6px;
}
.wrap-pick-city {
display: inline-block;
}
.pick-city {
display: flex;
}
.delivery-city {
position: relative;
}
.city-select {
cursor: pointer;
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
color: #1c1c1c;
padding: 0px 16px 0px 6px;
text-align: center;
width: 100%;
border-bottom: 2px solid black;
min-width: 202px;
}
.city-select:before {
content: '';
position: absolute;
right: 0;
top: 29%;
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.logo-info {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 109%;
text-align: center;
color: #1c1c1c;
}
.list-city {
display: none;
position: absolute;
width: 100%;
}
.city-select.active:before {
top: 45%;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.one-city {
font-weight: 700;
cursor: pointer;
font-size: 18px;
border-bottom: 1px solid;
width: 100%;
text-align: center;
background: white;
}
.one-city:hover {
background: black;
color: white;
}
.mpool-type {
margin-bottom: 41px;
gap: 1%;
}
.mpool-type-one {
cursor: pointer;
border-radius: 5px;
max-width: 286px;
width: 100%;
box-shadow: inset 0 0 9px 0 rgb(185 197 231 / 50%);
background: #f2f5fc;
padding: 17px 0px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 159%;
text-align: center;
color: #1c1c1c;
margin-bottom: 18px;
}
.mpool-type-one.active {
color: #fff;
background: linear-gradient(180deg, #fc7c66 0%, #ef4e33 100%);
}
.mpool-type-one.active .mpool-type-icon {
border-color: #ffffff;
}
.mpool-type-icon {
margin-right: 12px;
}
.mpool-type-one:last-child {
max-width: 365px;
min-width: 313px;
}
.icon-oval {
border: 1.83px solid #6f94f8;
border-radius: 9156px;
width: 36px;
height: 21px;
}
.icon-circle {
border-radius: 100%;
stroke-width: 1.83px;
stroke: #6f94f8;
width: 22px;
height: 22px;
border: 1.83px solid #6f94f8;
}
.icon-square {
border: 1.9px solid #6f94f8;
width: 21px;
height: 21px;
}
.icon-plus {
position: relative;
}
.icon-plus::before,
.icon-plus::after {
content: '';
position: absolute;
background-color: #6f94f8;
}
.icon-plus::before {
width: 12px;
height: 2px;
top: -1px;
right: 0px;
}
.icon-plus::after {
height: 12px;
width: 2px;
top: -6px;
right: 5px;
}
.mpool-type-one.active .icon-plus::before,.mpool-type-one.active .icon-plus::after {
content: '';
position: absolute;
background-color: #ffffff;
}
/*--type-pool--*/
.wrap-bpool {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 40px;
gap: 2%;
}
.bpool-one {
border-radius: 10px;
box-shadow: 0 10px 90px 0 rgb(0 0 0 / 6%);
background: #fff;
overflow: hidden;
max-width: 407px;
/*width: 100%;*/
margin-bottom: 22px;
flex: 0 0 32%;
width: 23.5%;
}
/*.bpool-one:not(:nth-child(4n)) {
margin-left: 2%;
}*/
.bpool-one:first-child {
margin-left: unset;
}
.wrap-bpool-img {
position: relative;
}
.bpool-status {
position: absolute;
left: 17px;
top: 20px;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 118%;
border-radius: 963px;
padding: 5px 8px;
}
.pool-status-hit {
color: #fff;
background: #ff5f4d;
}
.bpool-zindex-top {
z-index: 2;
}
.pool-status-classic {
color: #fff;
background: #718edc;
}
.pool-status-new{
color: #fff;
background: #03a34b;
}
.bpool-status-icon,.bpool-like-icon,.bpool-size-icon {
margin-right: 4px;
}
.bpool-like {
position: absolute;
right: 25px;
top: 20px;
font-family: var(--font-family);
font-weight: 600;
font-size: 15px;
line-height: 125%;
color: #1c1c1c;
background: #fff;
border-radius: 1000px;
padding: 4px 8px;
}
.bpool-size {
position: absolute;
left: 17px;
bottom: 20px;
font-family: var(--font-family);
font-weight: 600;
font-size: 15px;
line-height: 139%;
color: #1c1c1c;
background: #fff;
padding: 3px 8px;
}
.wrap-bpool-info {
padding: 23px 10px 37px 10px;
}
.bpool-info-center {
width: 100%;
max-width: 347px;
}
.bpool-info-top {
padding-bottom: 25px;
border-bottom: 1px solid #d8d8d8;
}
.bpool-info-bot {
padding-top: 25px;
}
.bpool-info-name {
font-family: var(--font-family);
font-weight: 700;
font-size: 19px;
line-height: 122%;
color: #1c1c1c;
width: 100%;
/*max-width: 305px;*/
margin-bottom: 22px;
}
.bpool-info-price {
font-family: var(--font-family);
font-weight: 700;
font-size: 17px;
line-height: 122%;
color: #1c1c1c;
}
.good-price-month-percent {
margin-left: 7px;
}
.bpool-price-credit {
border-radius: 39px;
background: #d8dff5;
padding: 9px 13px;
}
.icon-credit {
margin-left: 5px;
width: 19px;
height: 19px;
display: inline-block;
background-image: url(../img/icon-info.png);
background-repeat: no-repeat;
background-size: contain;
}
.bpool-info-size,.bpool-info-height {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 139%;
color: #1c1c1c;
margin-bottom: 17px;
}
.bpool-size-height,.bpool-size-icon {
margin-right: 10px;
}
.bpool-info-details {
margin-bottom: 20px;
}
.bpool-info-details a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 149%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #1c1c1c;
}
.bpool-info-details:after {
content: '';
width: 15px;
height: 8px;
display: inline-block;
position: relative;
background-image: url(../img/icon-rowe-r.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-left: 11px;
margin-top: 2px;
}
.bpool-height-one.active {
color: #ff4e33;
border: 2px solid #ff4e33;
}
.bpool-height-one {
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
border: 2px solid transparent;
border-radius: 5px;
padding: 7px 0px;
min-width: 56px;
background: #f3f4f7;
text-align: center;
margin-left: 10px;
cursor: pointer;
}
.bpool-info-buttn-price {
border: 1px solid #6f94f8;
border-radius: 5px;
max-width: 347px;
width: 100%;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 148%;
text-align: center;
color: #6f94f8;
padding: 21px 0px;
cursor: pointer;
}
.bpool-but-more {
background: rgba(0, 0, 0, 0);
border: 1px solid #6f94f8;
border-radius: 5px;
max-width: 250px;
width: 100%;
padding: 22px 12px;
text-align: center;
cursor: pointer;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 149%;
color: #6f94f8;
display: flex;
align-items: center;
justify-content: center;
}
/*.wrap-bpool.loading {
opacity: .5;
pointer-events: none;
transition: .3s;
}*/
.wrap-load-product.loading {
opacity: .5;
pointer-events: none;
transition: .3s;
}
.bpool-img .swiper-wrapper {
max-height: 300px;
}
.bpool-but-more.loading .btn-loader {
display: inline-block;
border: 2px solid #bba1f8;
border-top: 2px solid transparent;
}
.bpool-but-more.loading{
pointer-events: none;
opacity: .5;
transition: .3s;
}
.bpool-price,.bpool-price-credit {
white-space: nowrap;
}
@media(max-width: 1200px){
.bpool-info-name {
font-size: 16px;
}
.bpool-info-price {
font-size: 15px;
}
}
@media(max-width: 1054px){
.bpool-one {
flex: 0 0 49%;
width: 100%;
max-width: unset;
}
}
@media(max-width: 991px){
}
@media(max-width: 980px){
.mpool-type {
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
}
.icon-plus {
left: 15%;
position: absolute;
}
.mpool-type-one {
margin-bottom: 18px;
flex: 0 0 43%;
}
.mpool-type-one:last-child {
min-width:unset;
max-width: 286px;
height: 59px;
position: relative;
}
.mpool-type-one:last-child .mpool-type-name {
position: absolute;
max-width: 150px;
line-height: 18px;
}
}
@media(max-width: 674px){
.bpool-one {
flex: 0 0 100%;
}
.bpool-info-center {
max-width: 100%;
}
.bpool-info-buttn-price {
max-width: 100%;
}
}
@media(max-width: 560px){
.logo-dop {
flex-direction: column;
align-items: center;
}
.logo-section h2 {
margin-bottom: 17px;
font-size: 20px;
max-width: 344px;
}
.mpool-type-one {
flex: 0 0 49%;
font-size: 12px;
}
.mpool-type-one:last-child {
height: 55px;
}
.section-3 .logo-dop {
display: none;
}
}
@media(max-width: 446px){
.section-3 {
padding-top: 23px;
padding-bottom: 20px;
}
.s3-fon-pod-2 {
display: none;
}
}
/*--------------s4---------------*/
.section-4 {
position: relative;
padding-top: 90px;
padding-bottom: 129px;
}
.comp-pool-in,.comp-pool-dop {
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.comp-pool-in {
padding-bottom: 40px;
}
.comp-pool-one {
position: relative;
align-items: stretch;
box-shadow: 0 40px 40px 0 rgb(97 97 97 / 16%);
background: #fff;
border-radius: 10px;
flex: 0 0 32%;
overflow: hidden;
margin-bottom: 20px;
}
.comp-pool-one.comp-pool-one-last {
flex: 0 0 100%;
margin-left: 0px;
margin-top: 10px;
}
.comp-pool-one.comp-pool-one-last .comp-pool-one-photo {
max-width: 48%;
}
.comp-pool-one.comp-pool-one-last .wrap-comp-pool-one-block {
max-width: 89%;
width: 100%;
}
.comp-pool-one-photo.comp-pool-one-last img {
top: -11px;
left: 50px;
width: 87%;
}
.comp-pool-one-photo.comp-pool-one-last p {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 88%;
color: #000;
}
.comp-pool-one.comp-pool-one-last h3 {
font-size: 18px;
}
.comp-pool-one.comp-pool-one-last p:before {
content: '';
position: relative;
width: 10px;
height: 10px;
border-radius: 100%;
background: #03a34b;
display: inline-block;
margin-right: 9px;
}
.comp-pool-one.comp-pool-one-last .comp-pool-one-photo img {
right: -72px;
}
.comp-pool-one-photo {
background: linear-gradient(180deg, #d5dcea 0%, #f1f5fd 100%);
max-width: 173px;
width: 100%;
border-radius: 10px;
position: relative;
display: flex;
align-items: self-end;
}
.comp-pool-one-photo img {
position: relative;
z-index: 1;
}
.comp-pool-one-icon {
position: absolute;
top: 15px;
left: 10px;
border-radius: 785px;
max-width: 127px;
width: 100%;
background: #fff;
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
line-height: 109%;
color: #1c1c1c;
padding: 8px 0px;
padding-left: 30px;
z-index: 2;
}
.comp-pool-one-icon:before {
content: '';
background-image: url(../img/s3-icon-1.png);
width: 23px;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
height: 23px;
position: absolute;
left: 5px;
}
.comp-pool-one-block {
padding-top: 16px;
font-family: var(--font-family);
font-size: 14px;
color: #1c1c1c;
width: 100%;
padding-bottom: 15px;
background: white;
}
.wrap-comp-pool-one-block {
max-width: 185px;
width: 100%;
}
.comp-pool-one-block h3 {
font-weight: 700;
line-height: 128%;
margin-bottom: 10px;
}
.comp-pool-one-block p {
font-weight: 400;
line-height: 129%;
margin-bottom: 15px;
}
.comp-pool-more a {
font-weight: 500;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6f94f8;
}
.comp-pool-more .btn-cnt-more {
cursor: pointer;
font-weight: 500;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #6f94f8;
}
.cnt-more-text {
display: none;
}
.comp-pool-dop-logo {
margin-bottom: 30px;
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 108%;
text-align: center;
color: #1c1c1c;
}
.comp-pool-one-icon.comp-pool-one-icon-dop:before {
content: '';
background-image: url(../img/s3-icon-2.png);
}
.comp-pool-dop .comp-pool-one {
min-height: 277px;
margin-bottom: 30px;
}
.comp-pool-price:before {
content: '';
position: relative;
display: inline-block;
width: 12px;
height: 1px;
background: black;
top: -4px;
margin-right: 3px;
}
.comp-pool-price {
position: absolute;
bottom: 15px;
font-family: var(--font-family);
font-weight: 400;
font-size: 17px;
line-height: 120%;
color: #1c1c1c;
}
.comp-pool-price span {
font-weight: 700;
font-size: 14px;
line-height: 123%;
}
.comp-pool-one-block h3 span {
display: block;
}
.comp-pool-dop .comp-pool-one-bot {
margin-left: 0px;
}
.comp-pool-one-bot {
flex: 0 0 49%;
}
.comp-pool-one-bot .comp-pool-one-photo {
max-width: 368px;
}
.s4-fon-pod-1 {
position: absolute;
top: -50px;
left: 0px;
height: 100%;
width: 100%;
}
.s4-fon-pod-1 img {
height: 100%;
width: 100%;
}
.s4-fon-pod-2 {
position: absolute;
bottom: 50px;
left: 0px;
width: 100%;
}
.s4-fon-pod-2 img {
width: 100%;
}
.s4-fon-pod-3 {
position: absolute;
top: -50px;
left: 0px;
width: 100%;
}
.s4-fon-pod-3 img {
width: 100%;
}
.comp-pool-one-img.dop-opc {
width: 100%;
}
.comp-pool-one-img.dop-opc img{
width: 100%;
}
@media(max-width: 1200px){
.comp-pool-in, .comp-pool-dop {
justify-content: center;
}
.comp-pool-one {
flex: 0 0 35%;
min-width: 387px;
}
.comp-pool-one.comp-pool-one-last .comp-pool-one-photo img {
right: -9%;
}
}
@media(max-width: 819px){
.comp-pool-one {
flex: 0 0 100%;
min-height: 190px;
}
.comp-pool-one-photo {
max-width: 48%;
}
.comp-pool-one-block {
justify-content: flex-start;
margin-left: 17px;
}
.comp-pool-one-img img {
max-height: 239px;
}
}
@media(max-width: 484px){
.section-4 {
padding-top: 45px;
}
.comp-pool-one-block p {
line-height: 150%;
margin-bottom: 10px;
}
.comp-pool-one.comp-pool-one-last {
flex-direction: column;
}
.comp-pool-one-direct-mob {
flex-direction: column;
}
.comp-pool-one-direct-mob .comp-pool-one-photo {
max-width: 100%;
min-height: 153px;
justify-content: center;
}
.comp-pool-one-direct-mob .wrap-comp-pool-one-block {
max-width: 100%;
margin-left: 0px;
padding: 10px 10px;
}
.comp-pool-one-direct-mob .comp-pool-price {
bottom: 0px;
margin-top: 8px;
}
.comp-pool-one.comp-pool-one-last .comp-pool-one-photo {
max-width: 100%;
}
.comp-pool-one.comp-pool-one-last h3 {
font-size: 16px;
}
.comp-pool-one-direct-mob .comp-pool-price {
position: relative;
}
.comp-pool-one-direct-mob .comp-pool-one-photo img{
max-width: 81%;
margin: auto;
}
.comp-pool-one-img.dop-sbor {
padding-top: 44px;
}
.s4-fon-pod-1 {
display: none;
}
.section-4 {
padding-bottom: 0px;
}
}
@media(max-width: 420px){
.comp-pool-one {
min-width: unset;
}
.comp-pool-one-photo {
max-width: 42%;
}
/*.comp-pool-one.comp-pool-one-last .comp-pool-one-photo {
max-width: 43%;
}*/
/*.comp-pool-one-bot .comp-pool-one-photo {
max-width: 42%;
}*/
.comp-pool-one-block {
font-size: 13px;
}
.comp-pool-one-block {
justify-content: flex-start;
margin-left: 10px;
margin-right: 10px;
}
}
@media(max-width: 360px){
.comp-pool-one-icon {
font-size: 11px;
padding-left: 23px;
max-width: 114px;
}
}
/*--------------s5-quiz---------------*/
.section-5 {
position: relative;
padding-top: 90px;
padding-bottom: 129px;
}
.wrap-quiz-pool {
border-radius: 20px;
box-shadow: 0 4px 128px 0 rgb(0 0 0 / 25%);
background: #fff;
padding: 29px;
align-items: stretch;
height: 100%;
max-height: 718px;
overflow: hidden;
}
/*.wrap-quiz-pool-top {
position: relative;
overflow: hidden;
}*/
.wrap-quiz-step {
margin-bottom: 25px;
padding-left: 18px;
z-index: 2;
position: relative;
}
.quiz-pool-btn {
padding-left: 18px;
}
.quiz-pool-slider-logo {
margin-bottom: 19px;
padding-left: 18px;
}
.quiz-pool {
max-width: 839px;
width: 100%;
padding: 12px 10px 10px 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.quiz-count-step {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 148%;
color: #6f94f8;
min-width: 89px;
margin-right: 11px;
}
.quiz-step {
max-width: 810px;
width: 100%;
}
.quiz-step-one {
box-shadow: inset 0 5px 10px 0 rgba(185, 197, 231, 0.5);
background: #fff;
border-radius: 500px;
width: 76px;
height: 10px;
}
.quiz-step-one.active {
background: #6495ff;
}
.quiz-step-one.start {
background: #fd5e43;
}
.quiz-logo-h {
font-family: var(--font-family);
font-weight: 500;
font-size: 26px;
line-height: 126%;
color: #1c1c1c;
}
.quiz-logo-dop {
font-family: var(--font-family);
font-weight: 400;
font-size: 11px;
line-height: 151%;
color: #1c1c1c;
}
.quiz-kit {
max-width: 308px;
width: 100%;
height: 660px;
display: flex;
}
.quiz-kit-cnt {
border-radius: 20px;
background: #f2f5fc;
width: 100%;
padding: 25px 5px 25px 35px;
position: relative;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-start;
}
.wrap-quiz-kit,.quiz-kit-design {
width: 100%;
}
.wrap-quiz-kit {
max-height: 83%;
overflow-y: auto;
}
.wrap-quiz-kit::-webkit-scrollbar {
width: 6px;
background-color: #f9f9fd;
}
.wrap-quiz-kit::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #dd5038;
}
.wrap-quiz-kit::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
border-radius: 6px;
background-color: #f9f9fd;
}
.quiz-pool-btn-back {
cursor: pointer;
width: 90px;
height: 90px;
box-shadow: inset 0 5px 5px 0 rgba(0, 0, 0, 0.25);
background: #f3f5fd;
border-radius: 10px;
margin-right: 18px;
/*transform: rotate(-180deg);*/
}
.quiz-pool-btn-back:hover {
box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.25);
}
.quiz-pool-btn-next {
cursor: pointer;
border-radius: 10px;
width: 254px;
height: 93px;
box-shadow: 0 20px 50px 0 rgba(242, 245, 252, 0.5);
/* background: #f2f5fc;*/
font-family: var(--font-family);
font-weight: 700;
font-size: 15px;
line-height: 147%;
text-align: center;
color: #1c1c1c;
top: 7px;
margin-right: 18px;
}
.quiz-pool-btn-info {
max-width: 170px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
font-size: 11px;
line-height: 151%;
color: #767676;
}
.quiz-pool-btn-next .s1-calc-but-click {
bottom: 3px;
width: 96%;
}
.quiz-kit-design-logo {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 134%;
color: #1c1c1c;
}
.quiz-kit-logo {
font-family: var(--font-family);
font-weight: 500;
font-size: 19px;
line-height: 110%;
color: #1c1c1c;
margin-bottom: 24px;
}
.quiz-kit-design {
margin-bottom: 23px;
}
.quiz-kit-photo {
position: relative;
max-width: 233px;
width: 100%;
height: 206px;
background: white;
margin-bottom: 13px;
overflow: hidden;
}
.quiz-kit-photo:before {
content: '';
background: url("../img/icon-qust.png");
background-position: center;
background-repeat: no-repeat;
position: absolute;
width: 45px;
height: 118px;
z-index: 1;
}
.quiz-kit-photo img {
z-index: 2;
width: 100%;
}
.quiz-kit-step {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 134%;
color: #1c1c1c;
margin-bottom: 13px;
}
.quiz-kit-step-logo {
font-weight: 400;
}
.quiz-kit-step-val {
font-weight: 600;
}
.wrap-quiz-kit-help {
position: relative;
padding-top: 85px;
width: 100%;
}
.quiz-kit-help {
position: absolute;
bottom: 0;
left: 0;
}
.quiz-kit-help-icon {
position: absolute;
top: -41px;
left: 0;
}
.quiz-kit-help-logo {
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
line-height: 149%;
color: #1c1c1c;
}
.btn-kit-help {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 146%;
color: #fd5e43;
}
/*-----quiz-type----*/
.wrap-quiz-pool-slider-cnt {
position: relative;
overflow-y: auto;
max-height: 405px;
padding-right: 18px;
padding-left: 18px;
gap: 1%;
}
.quiz-pool-slider-cnt {
cursor: pointer;
position: relative;
}
.qpool-slider-type-photo {
position: relative;
margin-bottom: 15px;
}
.qpool-slider-type-name {
margin-bottom: 13px;
font-weight: 700;
}
.bpool-info-size-text {
font-weight: 400;
font-size: 12px;
}
.qpool-slider-type {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 10px;
width: 100%;
max-width: 255px;
height: 330px;
box-shadow: 0 10px 20px 0 rgb(26 40 78 / 10%);
background: #fff;
padding: 15px 15px 23px 15px;
margin-bottom: 19px;
}
.qpool-slider-type:hover {
box-shadow: 0 10px 20px 0 rgb(255 0 0 / 28%);
}
.quiz-pool-slider-cnt-flex {
flex: 0 0 32%;
}
.quiz-pool-slider-cnt-flex:not(:nth-child(4n)) {
/* margin-left: 2%;*/
}
.quiz-pool-slider-cnt-flex:first-child {
margin-left: 0%;
}
.quiz-pool-select {
position: absolute;
top: 7px;
left: 7px;
z-index: 1;
}
.quiz-pool-status {
position: absolute;
bottom: 11px;
left: 11px;
top: unset;
}
.quiz-pool-select-icon {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 50px;
width: 30px;
height: 30px;
box-shadow: inset 0 5px 10px 0 rgba(185, 197, 231, 0.5);
background: #fff;
margin-right: 4px;
min-width: 30px;
}
.quiz-pool-select-check {
border-radius: 50px;
width: 19px;
height: 19px;
background: rgba(185, 197, 231, 0.5);
}
.quiz-pool-select-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 183%;
color: #1c1c1c;
}
.quiz-pool-active .quiz-pool-select-check {
background: linear-gradient(180deg, #f6735d 0%, #dd5038 100%);
}
.wrap-quiz-pool-slider-cnt::-webkit-scrollbar {
width: 6px;
background-color: #f9f9fd;
}
.wrap-quiz-pool-slider-cnt::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #dd5038;
}
.wrap-quiz-pool-slider-cnt::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
border-radius: 6px;
background-color: #f9f9fd;
}
.qpool-slider-type.qpool-slider-size {
height: 302px;
}
.qpool-slider-size .quiz-pool-select,.qpool-slider-depth .quiz-pool-select {
position: relative;
margin-bottom: 9px;
left: 0;
top: 0;
}
.qpool-slider-size .quiz-pool-status,.qpool-slider-depth .quiz-pool-status {
display: none;
}
.qpool-slider-size .bpool-size-icon {
margin-right: 8px;
}
.qpool-slider-depth .bpool-size-icon {
display: none;
}
.qpool-slider-depth.qpool-slider-type {
height: 350px;
margin-bottom: 19px;
}
.qpool-slider-depth .qpool-slider-type-name {
margin-bottom: 3px;
}
.qpool-slider-depth .qpool-slider-type-photo {
margin-bottom: 10px;
}
.qpool-slider-equipment .quiz-pool-select-text {
display: none;
}
.qpool-slider-equipment .bpool-status-icon {
display: none;
}
.qpool-slider-equipment .bpool-size-icon {
display: none;
}
.qpool-slider-equipment .quiz-pool-status {
display: none;
}
.qpool-slider-equipment.qpool-slider-type {
height: 278px;
}
.qpool-slider-equipment .quiz-pool-status {
left: 0;
}
.qpool-slider-equipment .quiz-pool-active {
display: block;
}
.qpool-slider-equipment .qpool-slider-type-photo {
height: 137px;
}
.wrap-quiz-map-order{
position: relative;
width: 100%;
}
.quiz-map-order-input {
margin-bottom:20px;
width: 100%;
}
.quiz-map-order-input input,.quiz-form-send-input input {
border-radius: 5px;
background: #f2f5fc;
padding: 31px 5px 31px 80px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 159%;
color: #1c1c1c;
border: 1px solid #aaacb3;
width: 100%;
}
.qpool-slider-type.qpool-slider-time {
height: 66px;
padding: 19px 15px;
}
.qpool-slider-time .quiz-pool-select-text {
font-weight: 700;
}
.qpool-slider-time .quiz-pool-select-icon {
margin-right: 10px;
}
.qpool-slider-time .quiz-pool-select {
top: 0px;
left: 0px;
}
.wrap-quiz-form {
position: relative;
margin-left: 18px;
/* background: url("/img/quiz/form-send.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;*/
}
.wrap--quiz-form-cnt {
position: relative;
z-index: 1;
}
.wrap-quiz-form-fon {
position: absolute;
z-index: 0;
right: -25%;
top: -3%;
width: 99%;
}
.wrap-quiz-form-logo h3 {
font-family: var(--font-family);
font-weight: 500;
font-size: 23px;
line-height: 126%;
color: #1c1c1c;
max-width: 451px;
margin-bottom: 12px;
}
.wrap-quiz-form-logo-dop {
margin-bottom: 11px;
}
.wrap-quiz-form-logo h3 span {
font-weight: 700;
color: #ff4c34;
}
.wrap-quiz-form-inter {
margin-bottom: 10px;
}
.wrap-quiz-form-inter-one-icon {
margin-right: 14px;
}
.wrap-quiz-form-send {
max-width: 451px;
width: 100%;
}
.quiz-form-from-icon {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 47px;
height: 47px;
border: 1px solid transparent;
background: #c2c2c2;
border-radius: 10px;
}
.quiz-form-from-icon.quiz-form-from-icon-wp:hover,.quiz-form-from-icon.quiz-form-from-icon-wp.active{
background-color: #18c03a;
}
.quiz-form-from-icon.quiz-form-from-icon-email:hover,.quiz-form-from-icon.quiz-form-from-icon-email.active {
background-color: #104ced;
}
.quiz-form-from-icon.quiz-form-from-icon-tg:hover,.quiz-form-from-icon.quiz-form-from-icon-tg.active {
background-color: #4c9cda;
}
.quiz-form-inter-one {
margin-bottom: 5px;
}
.wrap-quiz-form-from {
margin-bottom: 17px;
max-width: 240px;
width: 100%;
}
.quiz-form-from-logo {
margin-bottom: 6px;
}
.quiz-form-send-input {
position: relative;
margin-bottom: 8px;
}
.quiz-form-send-input img {
position: absolute;
left: 8%;
top: 34%;
max-width: 20px;
max-height: 20px;
}
.quiz-form-send-input-mail img {
width: 20px;
height: 20px;
}
.wrap-quiz-form-send .s1-calc-but-click,.wrap-quiz-form-send .wrap-s1-calc-but,.wrap-quiz-form-send .s1-calc-but {
max-width: 100%;
width: 100%;
}
.quiz-form-send-input input {
padding: 17px 5px 17px 80px;
}
.wrap-quiz-form-politic {
cursor: pointer;
position: relative;
}
.wrap-quiz-form-politic .quiz-pool-select-text,.wrap-quiz-form-politic .quiz-pool-select-text a {
font-family: var(--font-family);
font-weight: 400;
font-size: 11px;
line-height: 151%;
color: #1c1c1c;
}
.wrap-quiz-form-politic .quiz-pool-select-text a {
text-decoration: underline;
text-decoration-skip-ink: none;
}
.wrap-quiz-form-politic .quiz-pool-select-icon {
margin-right: 13px;
}
.wrap-quiz-form-send .s1-calc-but {
padding: 29px;
}
.wrap-quiz-form-inter-one-present {
border-radius: 32px;
padding: 10px;
width: 98px;
height: 34px;
background: #dce2f3;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 100%;
color: #6f94f8;
text-align: center;
margin-left: 10px;
}
.quiz-thanks-logo h3 {
font-size: 31px;
max-width: 544px;
text-align: center;
}
.quiz-thanks {
display: flex;
align-items: center;
justify-content: center;
}
.quiz-thanks.quiz-pool {
max-width: unset;
}
.wrap-quiz-thanks .quiz-kit {
max-width: unset;
width: 0px;
}
.qpool-slider-type.active {
border: 1px solid red;
}
.quiz-pool-slider-cnt.active .quiz-pool-select-check {
background: linear-gradient(180deg, #f6735d 0%, #dd5038 100%);
}
.quiz-item.active .quiz-pool-select-check {
background: linear-gradient(180deg, #f6735d 0%, #dd5038 100%);
}
.wrap-quiz-ul-region {
padding: 2px 5px 31px 80px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
color: #1c1c1c;
line-height: 1.5;
z-index: 999;
background: #fff;
overflow: auto;
-webkit-box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
/*transition: all 0.5s;*/
max-height: 190px;
}
.ul_list_city li {
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
}
.ul_list_city li:hover {
color: #6f94f8;
}
.wrap-quiz-ul-region::-webkit-scrollbar {
width: 6px;
background-color: #f9f9fd;
}
.wrap-quiz-ul-region::-webkit-scrollbar-thumb {
border-radius: 6px;
background-color: #dd5038;
}
.wrap-quiz-ul-region::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
border-radius: 6px;
background-color: #f9f9fd;
}
.quiz-pool-btn-next.disabled {
pointer-events:none;
cursor:not-allowed;
}
.quiz-pool-btn-next.disabled .s1-calc-but,.quiz-pool-btn-next.disabled .s1-calc-but-click{
/*opacity:.4;*/
pointer-events:none;
cursor:not-allowed;
color: #404040;
border-color: #ddd;
background: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ddd));
background: -o-linear-gradient(top,#ddd 0,#ddd 100%);
background: linear-gradient(180deg,#ddd 0,#ddd 100%);
}
.quiz-pool-btn-next.disabled .s1-calc-but-click{
box-shadow: 0 20px 50px 0 rgba(242, 245, 252, 0.5);
background: #f2f5fc;
width: 96%;
}
.quiz-pool-btn-next .s1-calc-but {
font-size: 18px;
padding: 30px 13px;
}
.quiz-error{
color:#e0543d;
font-size:12px;
margin-top:6px;
}
.quiz-input-error{
border:1px solid #e0543d !important;
}
.fade-out {
opacity: 0;
transition: opacity 0.5s ease-out;
pointer-events: none; /* Чтобы нельзя было кликнуть */
}
.fade-in,.fade-out.fade-in {
opacity: 1;
transition: opacity 0.5s ease-out;
pointer-events:unset;
}
@media (max-width: 990px) {
.wrap-quiz-pool {
flex-direction: column;
padding: 0px;
height: auto;
max-height: 100%;
}
.quiz-kit {
max-width: 100%;
height: unset;
}
.quiz-pool {
padding: 12px 10px 37px 14px;
height: unset;
max-width: 100%;
max-height: unset;
}
.quiz-kit-cnt {
border-radius: 0 0 20px 20px;
}
.quiz-pool-btn {
padding-top: 19px;
}
.wrap-quiz-kit {
max-height: 100%;
}
.quiz-pool-btn-info {
display: none;
}
.qpool-slider-type {
height: auto;
}
.wrap-quiz-pool .s1-calc-but {
padding: 21px;
}
.quiz-pool-btn-next .s1-calc-but-click {
bottom: 2px;
}
.quiz-pool-btn-next {
height: 64px;
}
.quiz-pool-btn-back {
height: 64px;
}
.s1-calc-but-click {
transition: unset;
}
.quiz-pool-slider {
/*min-height: 473px;*/
height: 100%;
}
.qpool-slider-equipment.qpool-slider-type {
/*overflow: hidden;*/
}
.wrap-quiz-pool-slider-cnt {
gap: 2%;
}
.wrap-quiz-step {
justify-content: flex-start;
}
.wrap-quiz-form-fon {
width: 87%;
}
.quiz-form-send-input input {
padding: 17px 5px 17px 47px;
}
.quiz-form-send-input img {
left: 3%;
}
.wrap-quiz-form {
top: 19px;
position: relative;
}
}
@media (max-width: 784px) {
.bpool-info-size, .bpool-info-height {
font-size: 15px;
line-height: 112%;
}
.bpool-info-size-text {
font-size: 10px;
}
.qpool-slider-type-name {
margin-bottom: 10px;
font-size: 13px;
}
.qpool-slider-equipment.qpool-slider-type {
height: 268px;
}
.qpool-slider-type-img {
position: relative;
top: 4%;
}
.quiz-pool-slider-cnt-flex {
flex: 0 0 48%;
}
.wrap-quiz-pool-slider-cnt {
gap: 3%;
max-height: 100%;
}
.quiz-step-one {
width: 60px;
}
}
@media (max-width: 660px) {
.wrap-quiz-form-fon {
display: none;
}
}
@media (max-width: 590px) {
/* .quiz-form-send-input img {
left: 2%;
}*/
.quiz-step-one {
width: 100%;
max-width: 13%;
}
.wrap-quiz-step {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 17px;
}
.quiz-pool-slider-logo {
margin-bottom: 19px;
padding-left: 5px;
}
.qpool-slider-type {
padding: 10px 10px 10px 10px;
margin-bottom: 19px;
min-height: 67px;
}
.quiz-pool-select {
top: 8px;
}
.quiz-pool-select-text {
font-size: 9px;
}
.quiz-logo-h {
font-size: 21px;
line-height: 111%;
padding-bottom: 13px;
}
.wrap-quiz-pool-slider-cnt {
padding-right: 5px;
padding-left: 5px;
gap: 2%;
}
.quiz-pool-btn {
padding-left: 5px;
}
.quiz-pool {
padding: 12px 5px 37px 5px;
}
.quiz-pool-slider-cnt-flex {
flex: 0 0 49%;
}
.quiz-map-order-input input, .quiz-form-send-input input {
padding: 21px 5px 21px 36px;
}
.wrap-quiz-ul-region {
padding: 2px 5px 10px 21px;
}
.wrap-quiz-form-politic {
text-align: center;
}
.wrap-quiz-form {
margin-left: 8px;
margin-right: 8px;
}
.wrap-quiz-form-logo h3 {
font-size: 18px;
}
.wrap-quiz-form-inter-one-icon {
max-width: 30px;
}
.wrap-quiz-form-inter-one-present {
height: 27px;
font-size: 10px;
}
.quiz-form-from-icon {
width: 39px;
height: 39px;
}
.quiz-form-from-icon svg {
width: 23px;
}
.wrap-quiz-form-from-icon {
max-width: 151px;
}
.quiz-form-from-logo {
margin-bottom: 10px;
}
.quiz-kit-cnt {
padding: 25px 15px 25px 15px
}
.wrap-quiz-form-politic .quiz-pool-select-text a {
font-size: 10px!important;
}
}
@media (max-width: 462px) {
/* .quiz-pool-select-text {
display: none;
}*/
/* .qpool-slider-depth.qpool-slider-type {
height: 303px;
margin-bottom: 19px;
}*/
.quiz-pool-status {
bottom: -3px;
}
.qpool-slider-equipment .qpool-slider-type-photo {
height: 49%;
min-height: 104px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.qpool-slider-depth.qpool-slider-type {
max-height: 303px;
margin-bottom: 19px;
height: auto;
}
.qpool-slider-equipment.qpool-slider-type {
max-height: 268px;
height: auto;
}
.wrap-quiz-pool .s1-calc-but {
font-size: 11px;
}
.section-5 {
padding-top: 70px;
padding-bottom: 102px;
}
}
@media (max-width: 350px) {
.quiz-pool-select {
top: 3px;
}
.qpool-slider-type {
min-height: 57px;
}
.wrap-quiz-form-send .s1-calc-but {
padding: 25px 7px;
}
.wrap-quiz-form-send .wrap-s1-calc-but {
margin-top: 13px;
}
.qpool-slider-type-name {
font-size: 12px;
}
.quiz-pool-status {
bottom: 1px;
}
.qpool-slider-type.qpool-slider-time {
height: 51px;
padding: 12px 6px;
}
}
/*--------------s6---------------*/
.section-6 {
position: relative;
padding-bottom: 194px;
}
.s6-fon {
position: absolute;
bottom: 47px;
left: 0;
width: 100%;
}
.s6-fon img {
width: 100%;
}
.s6-fon-bot {
z-index: 1;
bottom: 0px;
}
.s6-fon-bot-div {
background: white;
height: 50px;
width: 100%;
position: relative;
top: -2px;
}
.wrap-pool-design {
position: relative;
width: 100%;
margin-bottom: 24px;
}
.pool-design-one {
cursor: pointer;
font-family: var(--font-family);
font-weight: 400;
font-size: 13px;
line-height: 109%;
color: #1c1c1c;
margin-right: 12px;
border: 0.60px solid #03a34b;
border-radius: 785px;
background: #fff;
text-align: center;
padding: 7px 8px;
}
.pool-design-one.active-design {
background: #6f94f8;
color: white;
border: 0.60px solid white;
}
.logo-section.logo-section-dop {
margin-bottom: 24px;
font-size: 25px;
}
.wrap-pool-design-one {
margin-bottom: 24px;
}
.wrap-pool-design-img {
margin-bottom: 40px;
}
.pool-design-one-img {
display: none;
}
.pool-design-one-img.active {
display: block;
}
.pool-design-cnt-logo {
cursor: pointer;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #000;
width: 100%;
}
.wrap-pool-design-cnt-text {
padding-top: 57px;
}
.pool-design-cnt-text p {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 145%;
color: #000;
margin-bottom: 24px;
}
.pool-design-text-close {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fd5e43;
cursor: pointer;
}
.wrap-pool-design-cnt-text {
display: none;
}
.wrap-pool-structure {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
margin-bottom: 105px;
}
.pool-structure-one {
flex: 0 0 49%;
}
.pool-structure-one-logo {
font-family: var(--font-family);
font-weight: 700;
font-size: 26px;
line-height: 100%;
color: #1c1c1c;
margin-bottom: 20px;
}
.pool-structure-one-img {
border-radius: 20px;
overflow: hidden;
max-height: 337px;
/*margin-right: 5%;*/
}
.pool-structure-one-last {
flex-direction: row-reverse;
box-shadow: 0 40px 40px 0 rgba(97, 97, 97, 0.16);
background: #fff;
border-radius: 20px;
padding: 28px 21px;
width: 100%;
margin-top: 77px;
}
.pool-structure-one-dop {
font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 145%;
color: #000;
}
.pool-structure-one-dop img {
margin-right: 13px;
}
.pool-structure-one-last .pool-structure-one-logo {
font-family: var(--font-family);
font-weight: 700;
font-size: 25px;
line-height: 130%;
color: #1c1c1c;
max-width: 388px;
margin-bottom: 0px;
}
.pool-structure-one-last .pool-structure-one-logo > div:not(:last-child) {
margin-bottom: 24px;
}
.pool-structure-one-last .pool-structure-one-img {
max-width: 49%;
margin-right: 5%;
}
.pool-structure-one.pool-structure-one-last {
flex: 0 0 100%;
}
.wrap-pool-installation {
margin-bottom: 50px;
}
.wrap-pool-installation-logo {
font-family: var(--font-family);
font-weight: 700;
font-size: 26px;
line-height: 124%;
text-align: center;
color: #1c1c1c;
margin-bottom: 36px;
}
.wrap-pool-installation-cnt > div {
border-radius: 20px;
box-shadow: 0 40px 40px 0 rgba(97, 97, 97, 0.16);
background: #fff;
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 145%;
color: #000;
padding-bottom: 14px;
}
.wrap-pool-installation-cnt > div:not(:last-child) {
margin-right: 2%;
}
.wrap-pool-installation-cnt > div > div {
padding-left: 29px;
}
.wrap-pool-installation-cnt > div img {
margin-bottom: 14px;
}
.wrap-pool-installation-way {
box-shadow: 0 40px 40px 0 rgba(97, 97, 97, 0.16);
background: #fff;
z-index: 1;
position: relative;
border-radius: 20px;
padding: 20px 10px 30px 28px;
margin-bottom: 74px;
}
.wrap-pool-installation-way img {
}
.pool-installation-way-logo {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 130%;
color: #1c1c1c;
margin-bottom: 24px;
}
.pool-installation-way-one > div {
font-family: var(--font-family);
font-weight: 500;
font-size: 15px;
line-height: 145%;
color: #1c1c1c;
}
.pool-installation-way-info {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 138%;
color: #1c1c1c;
background: #d8dff5;
border-radius: 20px;
padding: 6px 20px;
margin-bottom: 24px;
width: 92%;
}
.pool-installation-way-one {
margin-bottom: 18px;
max-width: 650px;
}
.pool-installation-way-one img {
margin-right: 11px;
}
.pool-installation-way-btn {
background: linear-gradient(180deg, #fc7c66 0%, #ef4e33 100%);
border-radius: 5px;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 162%;
text-align: center;
color: #fff;
max-width: 375px;
width: 100%;
padding: 17px 8px;
cursor: pointer;
}
.pool-installation-way-img {
background: linear-gradient(180deg, #d5dcea 0%, #f1f5fd 100%);
border-radius: 20px;
padding: 10px 0px 10px 10px;
margin-right: 3%;
}
.pool-installation-way {
max-width: 703px;
}
.wrap-pool-installation-call-method {
display: flex;
flex-wrap: wrap;
max-width: 514px;
width: 100%;
}
.pool-installation-call-logo {
font-family: var(--font-family);
font-weight: 700;
font-size: 25px;
line-height: 130%;
color: #1c1c1c;
max-width: 540px;
margin-bottom: 35px;
}
.pool-installation-call-method-one {
border: 1px solid #c4c6ce;
border-radius: 6px;
padding: 16px 30px;
background: #f3f5fc;
margin-bottom: 20px;
cursor: pointer;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 135%;
color: #1c1c1c;
}
.pool-installation-call-method-one:not(:last-child) {
margin-right: 2%;
}
.pool-installation-call-method-one svg {
margin-right: 7px;
}
.pool-installation-call-method-one svg path {
}
.pool-installation-call-method-one.active {
color: #fff;
background: linear-gradient(48deg, #14b22f 0%, #57de6f 100%);
}
.pool-installation-call-method-one.active path {
fill: #fff;
fill-opacity: 1;
}
.pool-installation-call-method-one.active svg {
fill: #fff;
fill-opacity: 1;
}
.pool-installation-call-method-one:hover {
color: #fff;
background: linear-gradient(48deg, #14b22f 0%, #57de6f 100%);
}
.pool-installation-call-method-one:hover path {
fill: #fff;
fill-opacity: 1;
}
.pool-installation-call-method-one:hover svg {
fill: #fff;
fill-opacity: 1;
}
.call-method-one-wp path {
fill: #b1b3b8;
}
.call-method-one-phone {
max-width: 309px;
width: 100%;
}
.s6-fon-men {
position: absolute;
bottom: 20px;
right: 11%;
}
.s6-fon-men img {
width: 88%;
}
.men-ivan-logo {
box-shadow: 0 40px 40px 0 rgb(97 97 97 / 16%);
background: #fff;
border-radius: 20px;
max-width: 252px;
width: 100%;
padding: 25px 15px 25px 22px;
z-index: 2;
position: absolute;
bottom: 160px;
left: 17%;
}
.men-ivan-logo > div:first-child {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: #1c1c1c;
}
.men-ivan-logo > div:last-child {
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 157%;
color: #1c1c1c;
}
@media(max-width: 1240px){
.pool-structure-one-logo {
font-size: 21px;
}
.pool-structure-one-last .pool-structure-one-logo {
font-size: 21px;
}
.pool-structure-one-dop {
font-size: 16px;
}
.wrap-pool-installation-cnt > div {
font-size: 14px;
}
.pool-structure-one-img {
height: 76%;
}
.pool-structure-one-img img {
height: 100%;
width: 100%;
}
.pool-structure-one-last {
margin-top: 5px;
}
}
@media(max-width: 1014px){
.pool-structure-one-logo {
font-size: 17px;
margin-bottom: 15px;
}
.pool-structure-one-last .pool-structure-one-logo {
font-size: 18px;
}
.s6-fon-men {
width: 41%;
right: -4%;
}
.men-ivan-logo {
bottom: 20%;
left: unset;
right: 15%;
}
}
@media(max-width: 978px){
.wrap-pool-installation {
margin-bottom: 0px;
}
.wrap-pool-installation-cnt-slider-mob {
position: relative;
overflow-x: auto;
margin-right: -15px;
margin-left: -15px;
/*box-shadow: 1px 107px 80px 23px rgb(97 97 97 / 16%);*/
}
.wrap-pool-installation-cnt > div img {
margin-bottom: 8px;
width: 100%;
}
.wrap-pool-installation-cnt {
position: relative;
left: 0;
top: 0;
padding-bottom: 28px;
padding-left: 15px;
}
.wrap-pool-installation-cnt > div {
flex: 0 0 29%;
font-size: 12px;
}
.wrap-pool-installation-cnt > div > div {
padding-left: 14px;
}
.wrap-pool-installation-cnt > div {
border-radius: 20px;
box-shadow: 0px 1px 40px 3px rgb(97 97 97 / 12%);
/*box-shadow: 0px 79px 58px 12px rgb(97 97 97 / 16%);*/
}
}
@media(max-width: 850px){
.pool-structure-one-last .pool-structure-one-logo {
font-size: 16px;
}
.pool-structure-one-last .pool-structure-one-logo > div:not(:last-child) {
margin-bottom: 10px;
}
.pool-structure-one-dop {
font-size: 14px;
}
.pool-structure-one-dop img {
margin-right: 13px;
width: 28px;
}
.pool-structure-one-last {
padding: 10px 21px;
}
.pool-structure-one-logo {
max-width: 310px;
}
.wrap-pool-design-cnt-text {
padding-top: 19px;
}
.pool-installation-way-logo {
font-size: 19px;
}
.pool-installation-way-one > div {
font-size: 12px;
}
.pool-installation-way-info {
font-size: 13px;
}
.pool-installation-way-btn {
font-size: 15px;
}
}
@media(max-width: 750px){
.pool-design-one {
font-size: 10px;
}
}
@media(max-width: 688px){
.wrap-pool-installation-cnt > div {
flex: 0 0 39%;
}
.pool-structure-one {
margin-bottom: 18px;
}
.wrap-pool-installation-way {
flex-direction: column;
padding: 20px 10px 30px 10px;
}
.pool-installation-way-img {
margin-bottom: 20px;
margin-right: 0px;
}
.pool-installation-way-btn {
margin: auto;
}
.pool-installation-way-info {
width: 100%;
}
}
@media(max-width: 646px){
.wrap-pool-installation-call-method {
flex-direction: column;
}
.call-method-one-wp {
order: 1;
}
.call-method-one-email {
order: 2;
}
.call-method-one-tg {
order: 3;
}
.call-method-one-phone {
order: 4;
}
.call-method-one-wp, .call-method-one-email, .call-method-one-tg {
max-width: 156px;
width: 100%;
}
.pool-installation-call-method-one {
padding: 16px 17px
}
.section-6 .s1-calc-but {
max-width: 245px;
padding: 23px;
margin: unset;
}
.section-6 .s1-calc-but-click {
max-width: 242px;
bottom: -6px;
}
.section-6 .wrap-s1-calc-but {
/*justify-content: flex-start;*/
max-width: 245px
}
.men-ivan-logo {
display: none;
}
.section-6 {
padding-bottom: 100px;
}
.s6-fon-men {
width: 53%;
right: -11%;
}
}
@media(max-width: 552px){
.wrap-pool-design-one {
overflow-x: auto;
display: flex;
align-items: center;
justify-content: flex-start;
padding-bottom: 11px;
margin-bottom: 14px;
}
.pool-design-one {
/* flex: 0 0 36%;*/
white-space: nowrap;
}
}
@media(max-width: 484px){
.section-6 .logo-section h2 {
margin-bottom: 0px;
font-size: 23px;
}
.pool-structure-one {
margin-bottom: 29px;
}
.wrap-pool-installation-cnt > div {
flex: 0 0 51%;
font-size: 10px;
}
.wrap-pool-installation-logo {
font-size: 23px;
margin-bottom: 17px;
text-align: left;
}
.wrap-pool-structure{
margin-bottom: 26px;
flex-direction: column;
}
.pool-structure-one-logo {
max-width: 100%;
}
.pool-structure-one-last {
flex-direction: column-reverse;
padding: 10px 10px;
}
.pool-structure-one-last .pool-structure-one-img {
max-width: 100%;
margin-right: 0;
margin-bottom: 14px;
}
.pool-structure-one-last .pool-structure-one-logo {
max-width: 100%;
}
.pool-structure-one-dop {
justify-content: flex-start;
}
.s6-fon-men {
width: 79%;
right: -15%;
}
.wrap-pool-installation-way {
margin-bottom: 42px;
}
.s6-fon-bot{
display: none;
}
.section-6 {
padding-bottom: 28px;
}
.s6-fon {
bottom: 0px;
}
.s6-fon-bot {
bottom: 0px;
}
.s6-fon-men {
bottom: 0px;
}
.section-6 .s1-calc-but {
font-size: 14px;
}
.wrap-pool-design-img {
display: flex;
align-items: center;
justify-content: center;
}
}
/*--------------s7---------------*/
.section-7 {
padding-top: 70px;
position: relative;
padding-bottom: 213px;
}
.s7-fon {
position: absolute;
bottom: 0%;
left: 0;
width: 100%;
}
.s7-fon img {
width: 100%;
}
.wrap-pool-h-teg-slider {
border-radius: 20px;
padding: 40px 60px;
background: #fff;
margin-bottom: 70px;
box-shadow: 0 40px 80px 0 rgb(45 45 45 / 16%);
overflow: hidden;
}
.wrap-pool-h-teg-slide {
margin-bottom: 57px;
}
.swiper-slide {
cursor: pointer;
}
.swiper-slide.wrap-pool-h-teg-slide {
display: flex;
}
.wrap-pool-h-teg {
margin-bottom: 20px;
overflow-x: auto;
justify-content: flex-start;
margin-right: -75px;
}
.pool-h-teg-one:not(:last-child) {
margin-right: 20px;
}
.wrap-pool-h-teg-big {
margin-bottom: 17px;
display: flex;
align-items: stretch;
}
.wrap-pool-h-teg-big .swiper-slide {
height: auto;
}
/*.wrap-pool-h-teg-big img {
height: 100%;
}*/
.wrap-pool-h-teg-min.swiper-wrapper {
display: flex;
align-items: stretch;
}
.wrap-pool-h-teg-min .swiper-slide {
height: auto;
}
/*.wrap-pool-h-teg-min img {
height: 100%;
}*/
.slider-portfolio-min {
max-height: 121px;
overflow: hidden;
}
.slider-portfolio-min.swiper {
display: flex;
align-items: center;
justify-content: center;
}
.wrap-pool-h-teg-big img {
height: 100%;
max-height: 320px;
width: 100%;
}
.wrap-pool-h-teg-min.swiper-wrapper {
align-items: stretch;
}
.wrap-pool-h-teg-min img {
/*max-height: 120px;*/
height: 100%;
width: 100%;
}
.pool-h-teg-slide {
margin-right: 48px;
max-width: 50%;
}
.swiper-wrapper {
display: flex;
align-items: stretch; /* Растягивает слайды по высоте */
}
.swiper-slide {
height: auto; /* Позволяет слайду занять всю высоту */
}
.pool-h-teg-one {
font-family: var(--font-family);
font-weight: 600;
font-size: 22px;
line-height: 64%;
color: #1c1c1c;
border-radius: 785px;
padding: 12px 16px;
background: #d8dff5;
white-space: nowrap;
}
.pool-h-teg-info-video {
font-family: var(--font-family);
font-weight: 500;
font-size: 17px;
line-height: 131%;
color: #fd5e43;
cursor: pointer;
}
.pool-h-teg-info-video img {
margin-right: 29px;
}
.pool-h-teg-info-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 131%;
color: #1c1c1c;
margin-bottom: 35px;
}
.pool-h-teg-info-param {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 131%;
color: #1c1c1c;
margin-bottom: 10px;
}
.pool-h-teg-info-name {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 131%;
color: #1c1c1c;
margin-bottom: 10px;
}
.pool-h-teg-info {
max-width: 350px;
width: 100%;
}
.pool-h-teg-dots {
background: #f2f5fc!important;
border-radius: 100%!important;
width: 20px!important;
height: 20px!important;
cursor: pointer;
display: flex !important;
opacity:1!important;
}
.pool-h-teg-dots.active {
background: #fd5e43!important;
}
.pool-h-teg-dots.swiper-pagination-bullet-active {
background: #fd5e43!important;
}
.pool-h-teg-dots:not(:last-child) {
margin-right: 24px!important;
}
.pool-h-teg-dots > div {
background: rgba(111, 148, 248, 0.5)!important;
border-radius: 100%!important;
width: 10px!important;
height: 10px!important;
}
.pool-order-list-logo {
padding-bottom: 20px;
border-bottom: 1px solid #a5a5a5;
margin-bottom: 25px;
}
.pool-order-list-logo h2 {
font-family: var(--font-family);
font-weight: 700;
font-size: 26px;
line-height: 125%;
color: #1c1c1c;
margin-bottom: 15px;
}
.pool-order-list-logo-dop {
font-family: var(--font-family);
font-weight: 400;
font-size: 26px;
line-height: 126%;
color: #1c1c1c;
}
.pool-order-list-map-logo {
font-family: var(--font-family);
font-weight: 500;
font-size: 19px;
line-height: 120%;
color: #1c1c1c;
margin-bottom: 20px;
}
.pool-order-list-map-logo img {
margin-right: 20px;
}
.pool-order-list-map-active {
cursor: pointer;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fd5e43;
margin-bottom: 16px;
}
.wrap-pool-order-list-dop {
display: flex;
width: 100%;
justify-content: flex-end;
}
.wrap-pool-order-list {
position: relative;
display: flex;
justify-content: flex-end;
padding-top: 46px;
padding-right: 9%;
padding-bottom: 26px;
flex-direction: column;
align-items: flex-end;
max-width: 1000px;
margin-right: 0px;
width: 100%;
}
.s7-fon-list {
position: absolute;
left: 0;
bottom: 5%;
width: 96%;
height: 100%;
padding-left: 42px;
z-index: 2;
}
.s7-avto {
position: absolute;
left: -45%;
bottom: -40%;
z-index: 2;
}
.s7-fon-list img {
width: 100%;
height: 100%;
}
.pool-order-list-right {
max-width: 490px;
width: 100%;
position: relative;
z-index: 3;
}
.pool-order-list-map-text-absolute {
position: relative;
width: 100%;
}
.pool-order-list-map-text {
display: none;
border-radius: 16px;
padding: 27px 24px;
box-shadow: 0 4px 60px 0 rgb(0 0 0 / 10%);
background: #fff;
width: 100%;
max-width: 950px;
margin-right: -7%;
z-index: 3;
position: absolute;
}
.pool-order-list-map-text-logo-one {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 145%;
color: #000;
border-top: 1px solid #7a7a7a;
}
.wrap-pool-order-list-map-text-logo,.wrap-pool-order-list-map-text-block {
display: flex;
/*flex-wrap: wrap;*/
}
.pool-order-list-map-text-one {
flex: 0 0 20%;
padding: 8px 0px;
padding-left: 12px;
border-bottom: 1px solid #7a7a7a;
}
.pool-order-list-map-text-one:first-child {
border-left: 1px solid #7a7a7a;
}
.pool-order-list-map-text-one:last-child {
border-right: 1px solid #7a7a7a;
}
.pool-order-list-map-text-one:not(:last-child) {
border-right: 1px solid #7a7a7a;
}
.pool-order-list-map-text-block-one {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 145%;
color: #000;
display: flex;
align-items: center;
}
.map-btn-get-order a,.link-info_calc {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 145%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fd5e43;
}
.slider-pool-wsiper-row {
display: flex;
justify-content: space-between;
align-self: center;
width: 100%;
position: absolute;
z-index: 2;
padding: 0px 21px;
height: 0px;
}
.wrap-wsiper-row {
position: relative;
}
.pool-slid-row-left {
transform: rotate(180deg);
}
.pool-slid-row-left,.pool-slid-row-right {
position: relative;
top: -25px;
width: 49px;
height: 49px;
display: flex;
align-items: center;
justify-content: center;
}
.slider-pool-wsiper-row.slider-pool-wsiper-row-mobile {
display: none;
}
@media(min-width: 2000px){
.s7-fon {
height: 100%;
}
.s7-fon img {
height: 100%;
}
}
@media (max-width: 962px){
.s7-avto {
bottom: -51%;
width: 86%;
}
}
@media (max-width: 748px){
.swiper-slide.wrap-pool-h-teg-slide {
flex-direction: column;
}
.pool-h-teg-slide {
margin-right: 0px;
max-width: 100%;
}
.pool-h-teg-info {
max-width: 100%;
width: 100%;
margin-top: 31px;
}
.s7-avto {
bottom: -63%;
}
.section-7 .slider-pool-wsiper-row {
padding: 0px 3px;
top: 49%;
}
.section-7 .slider-pool-wsiper-row {
display: none;
}
.section-7 .slider-pool-wsiper-row.slider-pool-wsiper-row-mobile {
display: flex;
}
}
@media (max-width: 686px){
.pool-order-list-map {
display: none;
}
.s7-fon-list {
display: none;
}
.pool-order-list-right {
background: #fff;
text-align: center;
}
.logo-s-img {
display: flex;
align-items: center;
justify-content: center;
}
.pool-order-list-map-logo {
justify-content: center;
align-items: flex-start;
}
.wrap-pool-order-list {
justify-content: center;
align-items: center;
box-shadow: 0 10px 50px 0 rgb(26 40 78 / 15%);
background: #fff;
padding: 30px 20px;
border-radius: 10px;
padding-bottom: 197px;
}
.pool-order-list-right {
max-width: 554px;
}
.s7-avto {
bottom: -12%;
z-index: 4;
width: 92%;
}
.pool-order-list-map-text {
z-index: 5;
}
.section-7 {
padding-bottom: 194px;
overflow: hidden;
}
.wrap-pool-h-teg-big .swiper-slide a {
height: 100%;
}
}
@media (max-width: 524px){
.wrap-pool-h-teg-slider {
padding: 35px 10px;
margin-bottom: 54px;
}
.wrap-pool-h-teg-slide {
margin-bottom: 37px;
}
.pool-order-list-logo h2 {
font-size: 17px;
}
.pool-order-list-logo-dop {
font-size: 17px;
}
.pool-order-list-map-logo {
font-size: 17px;
}
.pool-h-teg-one {
font-size: 16px;
}
.logo-section.logo-section-dop {
margin-bottom: 2px;
}
.section-7 .logo-section h2 {
margin-bottom: 17px;
font-size: 22px;
}
}
@media (max-width: 480px){
.section-7 .logo-section {
align-items: flex-start;
}
.section-7 .logo-section h2 {
max-width: 304px;
text-align: left;
}
.pool-order-list-map-active {
font-size: 12px;
}
.s7-avto {
width: 104%;
}
}
@media (max-width: 420px){
.s7-avto {
width: 121%;
}
}
@media (max-width: 380px){
.section-7 {
padding-bottom: 129px;
}
}
@media (max-width: 360px){
.pool-order-list-map-active {
font-size: 10px;
}
.pool-order-list-logo h2,.pool-order-list-logo-dop,.pool-order-list-map-logo {
font-size: 15px;
}
.wrap-pool-order-list {
padding-bottom: 171px;
}
}
/*--------------s8---------------*/
.section-8 {
position: relative;
background: #fafafa;
padding-top: 70px;
padding-bottom: 70px;
}
.s8-fon {
position: absolute;
/*bottom: -64px;*/
bottom: -12px;
left: 0;
width: 100%;
}
.s8-fon img {
width: 100%;
}
.logo-kristall {
margin-bottom: 40px;
}
.logo-kristall > div {
font-family: var(--font-family);
font-weight: 400;
font-size: 25px;
line-height: 130%;
text-align: center;
color: #1c1c1c;
}
.logo-kristall > div span {
font-weight: 700;
}
.logo-kristall > img {
margin-bottom: 19px;
}
.pool-frame-wood-slider-one {
position: relative;
border-radius: 24px;
overflow: hidden;
display: flex !important;
}
.wood-slider-one-info {
max-width: 872px;
width: 91%;
position: absolute;
bottom: 35px;
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 145%;
text-align: center;
color: #000;
border-radius: 16px;
padding: 27px 24px;
box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.1);
background: #fff;
}
.wrap-pool-frame-wood {
margin-bottom: 40px;
position: relative;
}
.pool-frame-wood-info {
max-width: 956px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 145%;
text-align: center;
color: #000;
margin-bottom: 40px;
}
.wrap-pool-frame-wood-info-one {
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 145%;
text-align: center;
color: #000;
}
.wrap-pool-frame-wood-info-one img {
margin-bottom: 20px;
}
.wrap-pool-frame-wood-info-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 145%;
text-align: center;
color: #000;
max-width: 956px;
width: 100%;
}
.section-8 .pool-slid-row-left,.section-8 .pool-slid-row-right {
width: 38px;
height: 38px;
}
@media(max-width: 872px) {
.pool-frame-wood-slider-one {
flex-direction: column;
}
.wood-slider-one-info {
position: relative;
bottom: 0px;
margin-top: 39px;
width: 100%;
box-shadow: unset;
padding: 17px 10px;
font-size: 17px;
}
.pool-frame-wood-slider-one-top {
border-radius: 24px;
overflow: hidden;
}
/*.wrap-pool-frame-wood .slider-pool-wsiper-row {
top: 30%;
}*/
.section-8 {
/* background: #f7f7f7;*/
}
}
@media(max-width: 790px) {
.wrap-pool-frame-wood-info-one {
max-width: 269px;
margin-bottom: 20px;
flex: 0 0 45%;
}
.pool-frame-wood-info {
flex-wrap: wrap;
justify-content: center;
}
}
@media(max-width: 486px) {
.logo-kristall > div {
font-size: 20px;
}
.wood-slider-one-info {
font-size: 16px;
}
.wood-slider-one-info {
margin-top: 20px;
}
.logo-kristall {
margin-bottom: 20px;
}
.wrap-pool-frame-wood-info-one {
font-size: 16px;
}
.wrap-pool-frame-wood-info-one img {
margin-bottom: 10px;
}
.wrap-pool-frame-wood-info-text {
font-size: 14px;
}
.pool-frame-wood-info {
margin-bottom: 20px;
}
.wrap-pool-frame-wood-info-one {
flex: 0 0 50%;
}
.section-8 {
padding-bottom: 45px;
}
}
@media(max-width: 360px) {
.wrap-pool-frame-wood-info-one {
font-size: 14px;
}
}
/*--------------s9---------------*/
.section-9 {
position: relative;
/* background: #fafafa;*/
padding-top: 108px;
padding-bottom: 0px;
}
.wrap-cnt-questions {
position: relative;
z-index: 1;
}
.cnt-questions-one {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 124%;
letter-spacing: -0.01em;
color: #1c1c1c;
border-radius: 10px;
box-shadow: inset 0 0 10px 0 rgba(185, 197, 231, 0.5);
background: #f2f5fc;
padding: 25px 25px 25px 40px;
margin-bottom: 22px;
}
.cnt-questions-icon {
border-radius: 4px;
width: 40px;
height: 40px;
box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #fff;
transform: rotate(90deg);
}
.cnt-questions-one-body {
display: none;
max-width: 750px;
width: 100%;
}
.cnt-questions-list {
max-width: 924px;
width: 100%;
margin-right: 19px;
}
.cnt-questions-one-head {
cursor: pointer;
margin-bottom: 10px;
}
.cnt-questions-one-head.active {
font-weight: 600;
}
.nt-questions-supervisor {
border-radius: 20px;
max-width: 342px;
width: 100%;
box-shadow: 0 40px 40px 0 rgba(97, 97, 97, 0.16);
background: #fff;
}
.cnt-questions-supervisor {
box-shadow: 0 40px 40px 0 rgb(97 97 97 / 16%);
background: #fff;
padding: 25px 10px 44px 10px;
border-radius: 20px;
max-width: 342px;
width: 100%;
}
.cnt-questions-supervisor-photo {
max-width: 128px;
width: 100%;
border-radius: 50%;
margin-bottom: 16px;
overflow: hidden;
}
.cnt-questions-supervisor-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 145%;
text-align: center;
color: #000;
margin-bottom: 22px;
max-width: 253px;
}
.cnt-questions-supervisor-text span {
font-weight: 700;
}
.btn-supervisor {
cursor: pointer;
border-radius: 5px;
max-width: 253px;
width:100%;
background: linear-gradient(180deg, #fc7c66 0%, #ef4e33 100%);
padding: 17px 9px;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 162%;
text-align: center;
color: #fff;
}
.cnt-questions-icon svg {
width: 17px;
display: inline-block;
transform: rotate(270deg);
}
.cnt-questions-one-head.active .cnt-questions-icon svg {
transform: rotate(90deg);
}
.s9-fon-pod-1 {
position: absolute;
right: -21%;
top: 9%;
z-index: 1;
}
.s9-fon-pod-1:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
/* background: #ffeded59;*/
left: 0;
top: 0;
}
.s9-fon-pod-2 {
position: absolute;
right: -4%;
top: -119px;
z-index: 1;
}
.but-questions-supervisor {
display: none;
cursor: pointer;
border: 1px solid #6f94f8;
border-radius: 5px;
padding: 22px;
height: 65px;
max-width: 100%;
width: 100%;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 149%;
text-align: center;
color: #6f94f8;
}
@media (max-width: 684px) {
.cnt-questions-supervisor {
display: none;
}
.but-questions-supervisor {
display: block;
}
.wrap-cnt-questions {
flex-direction: column;
align-items: center;
justify-content: center;
}
.wrap-but-questions-supervisor {
width: 100%;
}
.cnt-questions-list {
max-width: 924px;
width: 100%;
margin-right: 0px;
}
.logo-section {
margin-bottom: 10px;
}
.cnt-questions-one-head {
flex-direction: column;
text-align: left;
margin-bottom: 0px;
}
.cnt-questions-one-head > div {
/* width: 100%;*/
}
.cnt-questions-icon {
position: relative;
bottom: -20px;
z-index: 1;
box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 25%);
background: #fff;
border-radius: 10px;
}
.cnt-questions-one-body:before {
content: '';
position: relative;
display: block;
border-top: 1px dashed #a5a5a5;
margin-bottom: 20px;
-webkit-transition: width .5s;
-o-transition: width .5s;
transition: width .5s;
}
.cnt-questions-one {
padding: 25px 25px 2px 40px;
margin-bottom: 39px;
}
.cnt-questions-one-body {
padding-bottom: 25px;
}
}
@media (max-width: 480px) {
.cnt-questions-one {
padding: 20px 15px 2px 15px;
}
}
/*--------------s10---------------*/
.section-10 {
position: relative;
/* background: #fafafa;*/
padding-top: 164px;
padding-bottom: 100px;
}
.s10-fon-pod-1 {
position: absolute;
left: 0px;
height: 100%;
top: 0;
width: 100%;
}
.s10-fon-pod-1 img {
height: 100%;
width: 100%;
}
.cnt-delivery-photo {
position: relative;
border-radius: 10px;
/* overflow: hidden; */
margin-bottom: 35px;
border: 1px solid #6f94f8;
border-radius: 10px;
padding: 10px;
}
.cnt-delivery-photo img,.cnt-delivery-photo picture{
border-radius: 10px;
}
.seo__items {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
}
.seo__items-item:hover {
z-index: 3;
}
.seo__items-item:hover .seo__items-text {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.seo__items-item {
position: absolute;
cursor: pointer;
margin-top: -13px;
margin-left: -13px;
}
.seo__items-dot {
position: relative;
display: block;
width: 27px;
height: 27px;
background: rgba(255,255,255,.22);
border-radius: 50%;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
}
.seo__items-dot::before {
top: 1px;
width: 25px;
height: 25px;
background-color: #fff;
-webkit-filter: blur(20px);
filter: blur(20px);
}
.seo__items-dot::after {
width: 15px;
height: 15px;
background-color: #fff;
-webkit-box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}
.seo__items-dot::after, .seo__items-dot::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: inherit;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
}
.seo__items-item_top .seo__items-text {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 5px;
}
.seo__items-item_right .seo__items-text {
left: auto;
right: 0;
}
.seo__items-text {
font-family: var(--font-family);
position: absolute;
top: 100%;
left: 0;
margin-top: 5px;
padding: 10px 15px;
width: 202px;
background-color: #fff;
-webkit-box-shadow: 0 4px 60px rgb(0 0 0 / 25%);
box-shadow: 0 4px 60px rgb(0 0 0 / 25%);
border-radius: 5px;
font-size: 12px;
opacity: 0;
visibility: hidden;
z-index: 3;
-webkit-transition: opacity .3s,-webkit-transform .5s;
transition: opacity .3s,-webkit-transform .5s;
-o-transition: opacity .3s,transform .5s;
transition: opacity .3s,transform .5s;
transition: opacity .3s,transform .5s,-webkit-transform .5s;
-webkit-transform: translate(0,10px);
-ms-transform: translate(0,10px);
transform: translate(0,10px);
}
.seo__items-item_1 {
top: 48%;
left: 21%;
}
.seo__items-item_2 {
top: 41%;
left: 36%;
}
.seo__items-item_3 {
top: 71%;
left: 40.5%;
}
.seo__items-item_4 {
top: 69%;
left: 57.7%;
}
.seo__items-item_5 {
top: 40%;
left: 58.5%;
}
.seo__items-item_6 {
top: 29.5%;
left: 85.5%;
}
.seo__items-item_7 {
top: 60.5%;
left: 88.3%;
}
.cnt-delivery-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 124%;
letter-spacing: -0.01em;
color: #1c1c1c;
}
.cnt-delivery-text span {
font-weight: 700;
}
.cnt-delivery-text-up {
cursor: pointer;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 125%;
color: #6f94f8;
margin-top: 15px;
margin-bottom: 15px;
}
.close-active {
display: none;
}
.jq-active-roll.active .close-active {
display: block;
}
.jq-active-roll.active .open-active{
display: none;
}
.cnt-delivery-text-dop {
display: none;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 145%;
color: #000;
}
.cnt-delivery-text-dop p {
margin-bottom: 25px;
}
.s10-fon-pod-2 {
position: absolute;
left: -4%;
top: -119px;
z-index: 1;
}
@media (max-width: 1250px){
.s10-fon-pod-2 {
left: 1%;
}
.seo__items-item_6 .seo__items-text {
left: unset;
right: 0;
}
}
@media (max-width: 520px){
.section-10 {
padding-top: 104px;
padding-bottom: 19px;
}
.s10-fon-pod-2 {
top: -85px;
}
.seo__items-item_5 .seo__items-text {
left: unset;
right: 0;
}
}
/*--------------footer---------------*/
.section-footer {
position: relative;
background: #24211c;
padding-bottom: 100px;
}
.wrap-footer-top {
padding-top: 65px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(221, 221, 221, 0.31);
}
.footer-top-logo {
max-width: 412px;
width: 100%;
}
.footer-top-logo-icon,.footer-top-logo-text {
padding: 15px 0px;
}
.footer-top-logo-line {
width: 1px;
border-left: 1px solid rgba(156, 155, 153, 0.29);
}
.footer-top-logo-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 147%;
color: #fff;
max-width: 200px;
}
.footer-btn-questions {
cursor: pointer;
font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
line-height: 151%;
text-align: center;
color: #fff;
border: 1px solid #fff;
border-radius: 5px;
max-width: 254px;
width: 100%;
padding: 22px 10px;
margin-right: 15%;
}
.footer-btn-contact {
max-width: 175px;
width: 100%;
}
.footer-btn-contact-logo {
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 146%;
color: #fff;
margin-bottom: 5px;
}
.contacts-list__info-circle {
position: relative;
display: inline-block;
/* top: 5px; */
margin-right: 6px;
left: 0;
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 50%;
z-index: 1;
}
.contacts-list__info-circle:before {
position: absolute;
top: -1px;
left: -1px;
z-index: 0;
margin-right: 3px;
content: '';
border-radius: 50px;
width: 8px;
display: inline-block;
height: 8px;
background: #fff;
-webkit-animation: pulsation 1.5s ease-out infinite;
animation: pulsation 1.5s ease-out infinite;
}
.footer-btn-contact-phone {
margin-bottom: 2px;
}
.footer-btn-contact-phone,.footer-btn-contact-phone a {
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 114%;
color: #fff;
}
.footer-btn-contact-email,.footer-btn-contact-email a {
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 149%;
color: #fff;
}
.footer-btn-contact-phone,.footer-btn-contact-phone a:hover,.footer-btn-contact-email,.footer-btn-contact-email a:hover,.active-privacy:hover {
color: #fd5e43;
}
.wrap-footer-mid {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 148%;
color: #fff;
max-width: 1184px;
padding-top: 20px;
padding-bottom: 45px;
}
.wrap-footer-mid a {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 148%;
color: #fff;
min-width: 175px;
display: inline-block;
}
.footer-mid-img {
margin-right: 20px;
}
.footer-bot-logo {
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 110%;
color: #fff;
margin-bottom: 25px;
}
.footer-bot-city {
display: flex;
flex-wrap: wrap;
padding-left: 18px;
}
.footer-bot-city-one {
flex: 0 0 32%;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 148%;
color: #fff;
margin-bottom: 4px;
}
@keyframes pulsation {
to {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
from {
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 1
}
}
@media (max-width: 984px){
.footer-btn-questions {
margin: auto;
}
}
@media (max-width: 924px){
.wrap-footer-top {
flex-direction: column;
}
.footer-top-logo {
margin-bottom: 15px;
}
.footer-btn-contact {
order: 2;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 16px;
margin-top: 25px;
}
.btn-active-popup {
cursor: pointer;
/* order: 3;
display: flex;
align-items: center;
justify-content: center;*/
}
.footer-bot-city {
gap: 2%;
}
.footer-bot-city {
padding-left: 0px;
}
}
@media (max-width: 520px){
.footer-top-logo {
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer-top-logo-line {
width: 221px;
border-bottom: 1px solid rgba(156, 155, 153, 0.29);
}
.footer-top-logo-text {
text-align: center;
}
.wrap-footer-mid {
flex-direction: column;
padding-bottom: 12px;
}
.wrap-footer-mid > div {
margin-bottom: 15px;
}
.footer-bot-logo {
text-align: center;
}
.footer-bot-city-one {
flex: 0 0 99%;
font-size: 11px;
margin-bottom: 13px;
text-align: center;
}
.section-footer {
padding-bottom: 43px;
}
}
@media (max-width: 480px){
}
/*-----------popup---------*/
.wrap-popup {
display: none;
width: 100%;
height: 100%;
z-index: 99;
position: fixed;
background: #00000045;
top: 0;
left: 0;
}
.wrap-block-popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.wrap-cnt-popup {
position: relative;
padding: 34px 34px 44px 34px;
border-radius: 10px;
box-shadow: 0 10px 90px 0 rgba(0, 0, 0, 0.06);
background: #fff;
/*width: 100%;*/
max-width: 900px;
}
.popup-video .wrap-cnt-popup {
width: 100%;
}
.cnt-popup-close {
cursor: pointer;
position: absolute;
/*top: 17px;
right: 21px;*/
top: 11px;
right: 13px;
}
.btn-active-popup {
cursor: pointer;
}
.cnt-popup-close:hover path {
stroke: red;
}
.cnt-popup-close svg:hover path {
stroke: red;
}
.cnt-popup-close path:hover {
stroke: red;
}
.cnt-popup {
/*max-width: 310px;
width: 100%;*/
width: 100%;
}
.cnt-popup-logo,.cnt-popup-text h3 {
/*margin-bottom: 20px;*/
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 128%;
color: #1c1c1c;
}
.cnt-popup-text h3 {
}
.cnt-popup-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: #1c1c1c;
}
.cnt-popup-text p {
margin-top: 20px;
}
/*-----------popup-cart---------*/
.popup-cart .wrap-cnt-popup {
width: 98%;
}
.cart-popup-logo {
font-family: var(--font-family);
font-weight: 700;
font-size: 26px;
line-height: 73%;
color: #1c1c1c;
margin-right: 11px;
}
.cart-number-good {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: rgba(28, 28, 28, 0.6);
padding-top: 4px;
}
.cart-number-good span {
display: inline-block;
margin-right: 5px;
}
.wrap-cart-popup-good {
padding-top: 24px;
}
.cart-popup-good {
padding-bottom: 10px;
border-bottom: 1px solid rgba(179, 180, 185, 0.2);
}
.cart-popup-good-one {
margin-bottom: 15px;
}
.cart-popup-good-name {
max-width: 318px;
width: 100%;
text-align: left;
overflow-x: auto;
}
.cart-popup-good-elm {
}
.cart-popup-good-price {
max-width: 117px;
width: 100%;
text-align: right;
overflow-x: auto;
}
.cart-popup-good-delete,.good-count-minus,.good-count-plus {
cursor: pointer;
}
.cart-popup-good-price {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 113%;
color: #1c1c1c;
}
.cart-popup-good-count {
max-width: 127px;
width: 100%;
border-radius: 8px;
padding: 12px 17px;
background: #f3f4f7;
}
.cart-popup-order {
padding-top: 24px;
}
.cart-popup-order-input {
border: 1px solid #c4c6ce;
border-radius: 6px;
background: #f3f5fc;
max-width: 261px;
width: 100%;
padding: 22px 16px 17px 44px;
}
.cart-popup-order-input.icon-cart-email {
padding: 22px 16px 17px 49px;
}
.cart-popup-order-btn {
cursor: pointer;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 162%;
text-align: center;
color: #fff;
max-width: 261px;
width: 100%;
border-radius: 6px;
box-shadow: inset 0 0 9px 0 rgba(185, 197, 231, 0.5);
background: linear-gradient(180deg, #fc7c66 0%, #ef4e33 100%);
padding: 18px 0px;
}
.cart-popup-order-one:not(:last-child) {
margin-right: 16px;
}
.cart-popup-order-input {
position: relative;
}
.cart-popup-order-input img {
position: absolute;
left: 8%;
top: 37%;
}
.icon-cart-email.cart-popup-order-input img {
top: 42%;
}
.cart-popup-order-input input {
background: transparent;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 135%;
color: #1c1c1c;
}
.cart-popup-good-empty {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 113%;
color: #1c1c1c;
display: block;
}
.wrap-submit-cart-style {
display: flex;
align-items: center;
justify-content: center;
max-width: 261px;
width: 100%;
margin: auto;
}
.wrap-submit-cart-style.loader-bnt-abs:after {
right: 9%;
top: calc(50% - 10px);
}
@media (max-width: 778px){
.cart-popup-good-elm {
max-width: 100%;
margin-bottom: 13px;
}
.cart-popup-good-one {
flex-wrap: wrap;
align-items: center;
}
.cart-popup-good-count {
max-width: 140px;
}
.cart-popup-good-price {
max-width: 44%;
}
.cart-popup-good-delete {
justify-content: flex-end;
display: flex;
width: 100%;
margin-bottom: 0px;
}
.cart-popup-order {
flex-wrap: wrap;
gap: 1.5%;
}
.cart-popup-order-one {
margin-right: auto !important;
margin-left: auto;
margin-bottom: 21px;
}
.cart-popup-order-btn {
margin: auto;
}
.cart-popup-order-input {
/*max-width: 316px;*/
}
}
/*----------кнопка анимации загрузки--*/
.good-btn-add-cart {
position: relative;
cursor: pointer;
}
.good-btn-add-cart.loading {
pointer-events: none;
opacity: 0.7;
background: #202020;
color: white;
}
.btn-loader {
display: none;
width: 18px;
height: 18px;
border: 2px solid #fff;
border-top: 2px solid transparent;
border-radius: 50%;
animation: spin 0.6s linear infinite;
margin-left: 10px;
}
.good-btn-add-cart.loading .btn-loader {
display: inline-block;
}
.good-btn-add-cart.added {
background: #28a745;
transition: 0.3s;
color: white;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
/*--------------dopolnenie-------------------*/
/*-----------popup-узнать ценц---------*/
.style-popup-info .cnt-popup-logo {
font-weight: 800;
font-size: 34px;
}
.cnt-popup-dop {
font-size: 17px;
font-weight: 400;
color: #1c1c1c;
margin-bottom: 21px;
margin-top: 6px;
line-height: 26px;
}
.style-popup-info .quiz-form-send-input {
position: relative;
margin-bottom: 19px;
}
.style-popup-info .quiz-form-send-input input {
padding: 23px 5px 23px 80px;
}
.cnt-popup-inner {
width: 100%;
}
.style-popup-info .wrap-cnt-popup {
max-width: 621px;
}
.cnt-popup-dop span {
display: block;
}
.cnt-popup-form .wrap-s1-calc-but,.cnt-popup-form .s1-calc-but-click,.cnt-popup-form .s1-calc-but {
max-width: 100%;
}
.cnt-popup-form .wrap-quiz-form-politic .quiz-pool-select-text {
font-size: 14px;
}
.cnt-popup-form .quiz-pool-select {
width: 100%;
}
.custom-checkbox {
position: relative;
cursor: pointer;
line-height: 24px;
}
.custom-checkbox input {
position: absolute;
left: 10px;
top: 11px;
height: 1px;
width: 1px;
border: 0px solid #c3a9a9;
}
.custom-checkbox-button {
display: inline-block;
margin: 0 4px 0 0px;
width: 31px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.5);
height: 24px;
position: relative;
bottom: -4px;
cursor: pointer;
}
.custom-checkbox-button:before {
content: "";
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
top: -1px;
left: -1px;
box-shadow: inset 0 5px 10px 0 rgb(185 197 231 / 50%);
background: #fff;
border: 1px solid red;
}
.custom-checkbox-button:after {
content: "";
width: 18px;
height: 18px;
position: absolute;
/* background: #bfbfbf; */
border-radius: 50%;
top: 5px;
left: 5px;
transition: 0.2s;
background: rgba(185, 197, 231, 0.5);
}
.custom-checkbox.checked .custom-checkbox-button:before {
border: 1px solid transparent;
}
.custom-checkbox.checked .custom-checkbox-button:after {
background: linear-gradient(180deg, #f6735d 0%, #dd5038 100%);
}
.cnt-popup-form .wrap-quiz-form-politic .quiz-pool-select-text, .wrap-quiz-form-politic .quiz-pool-select-text a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 151%;
color: #1c1c1c;
}
/*------------------------------*/
/*-----------popup-Задать вопрос---------*/
.cnt-popup-logo.style-popup-qs span{
display: block;
}
.cnt-popup-dop.style-popup-qs {
line-height: 28px;
}
.style-popup-info .quiz-form-send-input textarea {
padding: 23px 5px 23px 80px;
border-radius: 5px;
background: #f2f5fc;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 159%;
color: #1c1c1c;
width: 100%;
}
.quiz-form-send-input.style-popup-qs img {
top: 26px;
width: 20px;
height: 20px;
}
@media (max-width: 548px) {
.wrap-cnt-popup {
padding: 19px 10px 14px 10px;
width: 98%;
}
.style-popup-info .cnt-popup-logo {
font-weight: 800;
font-size: 20px;
}
.cnt-popup-dop.style-popup-qs {
line-height: 19px;
}
.cnt-popup-dop span {
display: inline-block;
}
.cnt-popup-dop {
font-size: 16px;
}
.style-popup-info .quiz-form-send-input input {
padding: 23px 5px 23px 40px;
}
.style-popup-info .quiz-form-send-input textarea {
padding: 23px 5px 23px 40px;
}
.cnt-popup-form .wrap-quiz-form-politic .quiz-pool-select-text {
font-size: 11px;
}
}
/*-----------popup- Выбрать город---------*/
.popup-input-city {
flex-direction: column;
gap: 10px;
border: 1px solid #c4c6ce;
border-radius: 6px;
padding: 21px 30px;
max-width:464px;
width: 100%;
margin-bottom: 24px;
margin-top: 22px;
}
.popup-input-city input {
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 135%;
color: #1c1c1c;
}
.city-map-one a {
font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 135%;
color: #1c1c1c;
}
.city-map-one a:hover {
color: #fa6c55;
}
.wrap-popup-city-map {
height: 300px;
overflow-y: auto;
}
.popup-city-map {
display: flex;
flex-wrap: wrap;
}
.city-map-one {
width: 49%;
margin-bottom: 13px;
}
.popup-city .wrap-cnt-popup {
width: 100%;
}
.hide-city {
display: none;
}
@media (max-width: 548px){
.popup-city .wrap-cnt-popup {
width: 98%;
}
.city-map-one:nth-child(even) {
padding-left: 20px;
}
.popup-input-city {
padding: 13px 30px;
}
.wrap-popup-city-map {
height: 265px;
}
.city-map-one {
margin-bottom: 11px;
}
.city-map-one a {
font-size: 16px;
}
}
/*------------------------------*/
/*страница спасибо*/
.privacy-policy {
font-family: var(--font-family);
font-weight: 400;
color: #000;
font-size: 20px;
}
.privacy-policy p {
font-size: 20px;
line-height: 135%;
font-weight: 600;
margin-bottom: 10px;
}
.privacy-policy ul {
padding-left: 19px;
}
.privacy-policy li {
line-height: 135%;
margin-bottom: 9px;
}
.privacy-policy h2 {
font-weight: 700;
font-size: 35px;
line-height: 125%;
margin-bottom: 40px;
margin-top: 30px;
}