/* Home start */ .home{ position: relative; /* GP | fix */ background: var(--radial); } .home .container{ padding: 77px 30px 245px; position: relative; } main { padding-top: 0px; } @media (min-width: 1281px){ .home .container{ max-width: 1350px !important; } } @media (min-width: 1600px){ .home .container{ max-width: 1440px !important; } } .home .home_dog{ position: absolute; bottom: 200px; right: 8px; opacity: .5; z-index: 0; } .home_block-dog{ width: 100%; display: none; margin: 0 auto; opacity: .5; } .home .home_line2, .home .home_line{ position: absolute; top: 70px; left: 0; width: 100%; z-index: 1; scale: 1.01; } .home .home_line2{ display: none; /* top: 37px; left: -24px; */ left: -2%; top: 7%; width: 108%; z-index: 0; } .home .home_block{ position: relative; z-index: 1; display: flex; flex-direction: column; gap: 32px; } .home_block .home_title{ font-size: 82px; line-height: 98.4px; color: var(--creme-white, #F4F1F0); text-transform: uppercase; } /* Home end */ /* Abour start */ .about{ box-shadow: 6px 9px 20px 0px #00000026; background: var(--creme-white, #F4F1F0); border-radius: 60px; position: relative; z-index: 2; margin-top: -114px; padding: 46px 0px 97px; } .about .about_block{ display: flex; flex-direction: column; gap: 0; } .about .about_info-wrap{ display: flex; align-items: center; gap: 70px; } .about_block .about_info{ display: flex; flex-direction: column; gap: 25px; } .about_info-wrap .about_img{ width: 40%; } .about_img .entoprotein-img{ display: none; } .about_info-wrap .about_img img{ width: 100%; height: 720px; } .about_info .about_title{ font-size: 82px; font-weight: 700; line-height: 98.4px; color: var(--grey-black, #121212); text-transform: uppercase; } .about_info .about_text{ font-size: 24px; line-height: 28.8px; letter-spacing: -0.01em; color: var(--grey-black, #121212); font-weight: 300; } .about_block .about_cards{ display: grid; grid-template-columns: 31.5% 31.5% 31.5%; gap: 58px 26px; } .about_cards .about_card{ display: flex; flex-direction: column; gap: 24px; } .about_card .about_card-gif{ width: 168px; height: 168px; } .about_card .about_card-info{ display: flex; flex-direction: column; gap: 20px; } .about_card .about_card-title{ font-size: 24px; font-weight: 700; line-height: 28.8px; color: var(--grey-black, #121212); text-transform: uppercase; } .about_card .about_card-text{ font-size: 20px; line-height: 24px; color: var(--grey-black, #121212); max-width: 278px; } .about_cards .about_company{ position: relative; padding: 25px 12px 30px 30px; background: #F4F1F0; border-radius: 60px; display: flex; flex-direction: column; gap: 16px; } .about_cards .about_company::after{ content: ''; display: block; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); border-radius: 60px; top: -2px; left: -2px; z-index: -1; } .about_company .about_company-text{ font-size: 20px; line-height: 24px; font-weight: 500; color: var(--grey-black, #121212); } .about_company .about_company-logo{ display: grid; grid-template-columns: 29% 65%; gap: 20px 10px; } .about_company .about_company-logo img{ width: 100%; } .about_company .about_company-logo img:nth-child(4){ height: 80px; } .about_slider{ padding-top: 110px; } .about_slider_ae{ padding-top: 0px; } .about_slider .slider-container { position: relative; /* max-width: 636px; */ height: 300px; display: flex; justify-content: center; align-items: center; margin: 0 auto; } .about_slider .slide { position: relative; background: #FFF; border-radius: 60px; /* width: 429px; height: 546px; */ display: flex; flex-direction: column; align-items: center; gap: 45px; padding: 35px 50px 25px 50px; opacity: 1; z-index: 1; } .about_slider .carousel .carousel-item{ width: 429px; height: 546px; padding: 35px 50px 25px 50px; padding: 50px 53px; display: flex; flex-direction: column; align-items: center; justify-content: center; /* background: var(--creme-white, #F4F1F0); */ background: #ffffff30; backdrop-filter: blur(6px); z-index: 1; box-shadow: -2px 5px 22.9px 0px rgba(0, 0, 0, 0.25); gap: 45px; } .about_slider .carousel .carousel-item.active { backdrop-filter: blur(6px); z-index: 3; } .about_slider .carousel .carousel-item::after { content: ''; background-image: url(../img/border.png); background-size: cover; /* background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); */ display: block; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); border-radius: 60px; top: -2px; left: -2px; z-index: -2; transform: translateZ(-1px); } .about_slider .carousel .carousel-item img{ width: auto; } .about_slider .slide_info{ display: flex; flex-direction: column; gap: 15px; } .about_slider .slide--prev, .about_slider .slide--next{ z-index: 2; opacity: 0.75; } .about_slider .prev, .about_slider .next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 99; background-color: unset; } .about_slider .prev { left: 29vw; } .about_slider .next { right: 29vw; } .about_slider .slide_title{ text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 28.8px; color: var(--grey-black, #121212); } .about_slider .slide_text{ font-size: 20px; font-weight: 500; line-height: 24px; color: var(--grey-black, #121212); } /* About end */ .section_wrap{ margin-top: -70px; padding: 178px 0 90px; /* GP | fix */ } .seller_buy { font-family: "Craftwork Grotesk"; font-weight: 700; text-transform: capitalize; width: 100%; height: 48px; padding: 12px 24px 12px 24px; gap: 8px; border-radius: 20px; color: #fff; background: var(--interface-main_black, #121212); } /* Reviews start */ .reviews{ position: relative; padding: 112px 0px 56px; background: var(--creme-white, #F4F1F0); border-radius: 60px 60px 0 0; } .reviews .reviews_person{ position: absolute; right: -80px; top: 0; } .reviews_person-mob{ display: none; } .reviews .reviews_title{ color: var(--grey-black, #121212); font-family: "Craftwork Grotesk"; font-size: 79px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; position: relative; z-index: 1; } .reviews .reviews_block{ margin-top: 35px; } .reviews_block .reviews_items{ position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 23px; align-items: center; } .reviews_items .reviews_item{ position: relative; display: flex; flex-direction: column; gap: 7px; background: #F4F1F0; padding: 23px; border-radius: 60px; width: 100%; height: fit-content; z-index: 1; } /* Пустой блок, чтоб на десктопе в первой строке справой стороны не загораживать картинку */ .reviews_items .reviews_item.reviews_item--empty{ background: none; } @media screen and (max-width: 480px) { .reviews_items .reviews_item.reviews_item--empty { display: none; } } .reviews_item .reviews_item-top{ display: flex; align-items: center; gap: 8px; } .reviews_item .reviews_item-top img{ width: 78px; } .reviews_item .reviews_item-top b{ text-transform: uppercase; display: block; font-size: 24px; font-weight: 700; line-height: 28.8px; color: var(--grey-black, #121212); } .reviews_item .reviews_item-top span{ margin: 14px 0; width: 100%; display: block; font-size: 12px; font-weight: 500; line-height: 14.4px; color: var(--grey-black, #121212); } .reviews_item .reviews_item-text{ font-size: 20px; font-weight: 500; line-height: 24px; color: var(--grey-black, #121212); } .reviews_items .reviews_item1, .reviews_items .reviews_item6{ position: relative; /* transform: rotate(-2.35deg); */ transform-style: preserve-3d; } /* GP | fix */ .reviews_items .reviews_item1::after, .reviews_items .reviews_item6::after{ content: ''; display: block; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); border-radius: 60px; top: -2px; left: -2px; z-index: -1; transform: translateZ(-1px); } .reviews_items .reviews_item6{ transform: rotate(-7deg); } .reviews_items .reviews_item3{ transform: rotate(-5deg); } .reviews_items .reviews_item5, .reviews_items .reviews_item4{ background: radial-gradient(1073.72% 191.15% at -371.63% -32.65%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); /* transform: rotate(4deg); margin-top: 25px; */ } .reviews_items .reviews_item2{ background: var(--grey-black, #121212); /* transform: rotate(5deg); margin: 30px 0 0 20px; */ } .reviews_items .reviews_item4{ /* transform: rotate(8deg); margin: -30px 0 0 20%; */ } .reviews_item2 .reviews_item-top b, .reviews_item2 .reviews_item-top span, .reviews_item2 .reviews_item-text, .reviews_item3 .reviews_item-top b, .reviews_item3 .reviews_item-top span, .reviews_item3 .reviews_item-text, .reviews_item4 .reviews_item-top b, .reviews_item4 .reviews_item-top span, .reviews_item4 .reviews_item-text, .reviews_item5 .reviews_item-top b, .reviews_item5 .reviews_item-top span, .reviews_item5 .reviews_item-text{ color: #F4F1F0; } .reviews_item2 .reviews_item-text, .reviews_item3 .reviews_item-text, .reviews_item4 .reviews_item-text, .reviews_item5 .reviews_item-text{ font-weight: 400; } /* Reviews end */ .truth_ae .truth_top .gift_img { margin-left: -180px; } /* About us start */ .about_us{ padding-bottom: 54px; background-color: #F4F1F0; margin-top: -1px; } .about_us .about_us-title{ font-size: 82px; line-height: 98.4px; text-transform: uppercase; color: var(--grey-black, #121212); } .about_us .about_us-block{ display: flex; flex-direction: column; gap: 15px; margin-top: 25px; } .about_us-block .about_us-cards{ display: grid; align-items: start; grid-template-columns: 59% 39.2%; gap: 15px; } .about_us-block .about_us-card{ position: relative; border-radius: 60px; overflow: hidden; height: 324px; width: 100%; overflow: unset; } .about_us-block .about_us-card::after{ content: ''; display: block; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); border-radius: 60px; top: -2px; left: -2px; z-index: 0; } .about_us-card .about_us-card-img{ border-radius: 60px; height: 100%; width: 100%; object-fit: cover; position: relative; z-index: 1; } .about_us-card .card_date{ z-index: 1; position: absolute; top: 27px; right: 35px; background: #FFFFFF; border-radius: 62px; padding: 5px 15px 4px 17px; font-size: 24px; font-weight: 400; line-height: 28.8px; color: var(--grey-black, #121212); } /* GP | fix */ .about_us-card .about_us-card-info { position: absolute; padding: 10% 33px 21px ; width: 100%; z-index: 1; display: flex; flex-direction: column; gap: 14px; left: 0px; bottom: 0; border-radius: 0 0 60px 60px; background: linear-gradient(0deg, #F4F1F0 45%, rgba(244, 241, 240, 0) 100%); } .about_us-card-info.card-info--half-gradient { background: unset; } .about_us-card .about_us-card-info h2{ /* max-width: 440px; */ font-size: 24px; line-height: 32px; text-transform: uppercase; color: var(--grey-black, #121212); } .about_us-card .about_us-card-info span{ display: block; font-weight: 400; } .about_us-card .about_us-card-info span a{ text-decoration: underline; font-size: 24px; line-height: 28.8px; color: var(--grey-black, #121212); } /* About us end */ /* Truth start */ .truth{ border-radius: 0 0 60px 60px; background: var(--creme-white, #F4F1F0); padding-bottom: 119px; margin-top: -1px; } .truth .truth_top{ position: relative; display: flex; align-items: center; justify-content: space-between; } .truth .truth_title{ font-size: 82px; font-weight: 700; line-height: 98.4px; text-align: end; text-transform: uppercase; width: 723px; } .truth .truth_title span{ color: #76CE75; } .truth_top .gift_img{ margin-left: -180px; } .truth_top .gift_line-img{ position: absolute; display: none; bottom: 150px; right: 0; width: 245px; } .truth_content { position: relative; display: none; } .truth_content::after{ content: ''; display: block; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); border-radius: 60px; top: -2px; left: -2px; z-index: 0; } .truth_content.active { display: block; } .truth .truth_block{ position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; height: 480px; overflow: hidden; background: var(--creme-white, #F4F1F0); border-radius: 60px; box-shadow: 0px 3px 13.5px 0px #00000040; padding: 25px 34px 0px 63px; } .truth .truth_success, .truth .truth_error { display: none; } .truth .truth_success.show, .truth .truth_error.show { display: flex; } .truth_block .truth_line{ display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 24px; } .truth_block .truth_line span{ border: 1px solid var(--grey-black, #121212); opacity: .6; width: 73px; border-radius: 10px; } .truth_block .truth_line span.active{ opacity: 1; } .truth_block .truth_block-title{ font-size: 82px; font-weight: 700; line-height: 98.4px; color: var(--grey-black, #121212); margin-bottom: 33px; text-transform: uppercase; } .truth_content-end .truth_block-title, .truth_success .truth_block-title{ background: -webkit-radial-gradient(#0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .truth_error .truth_block-title{ background: -webkit-radial-gradient(#F21E6A 0%, #FF6543 112.38%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .truth_block .truth_block-text{ position: relative; z-index: 1; display: flex; align-items: start; gap: 26px; } .truth_block .truth_end-text{ display: flex; flex-direction: column; gap: 21px; } .truth_block .truth_block-text p{ font-size: 24px; font-weight: 700; line-height: 28.8px; max-width: 559px; } .truth_block .truth_block-text p span{ font-weight: 500; } .truth_default .truth_block-text p{ text-transform: uppercase; } .truth_error .truth_block-text p, .truth_success .truth_block-text p { max-width: 592px; font-size: 20px; line-height: 24px; font-weight: 500; } .truth_block .truth_info{ position: absolute; width: 91%; bottom: 0; display: flex; align-items: end; justify-content: space-between; margin-top: -100px; z-index: 0; } .truth_content-end .truth_info{ display: flex; align-items: center; justify-content: end; } .truth_block .truth_links{ display: flex; align-items: center; gap: 15px; padding-bottom: 56px; } .truth_error .truth_links, .truth_success .truth_links{ gap: 20px; } .truth_block .truth_result{ display: flex; align-items: center; gap: 23px; } .truth_block .truth_result img{ width: 100%; } .truth_block .truth_link{ width: 141px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 500; line-height: 28.8px; text-align: center; color: var(--grey-black, #121212); border: 2px solid var(--grey-black, #121212); border-radius: 48px; } .truth_content-end .truth_info img{ margin-right: -34px; } .truth_content-end .truth_block .truth_link{ width: 221px; } .truth_content-end .truth_xn{ position: relative; width: 270px; height: 158px; background-image: url(../img/xn-border.svg); background-repeat: no-repeat; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; } .truth_points { font-size: 450%; font-weight: 700; } /* Truth end */ /* Blog start */ .blog{ padding-top: 89px; } .blog .blog_block{ display: flex; flex-direction: column; gap: 15px; } .blog_block .blog_top{ display: flex; align-items: center; justify-content: space-between; gap: 30px; } .blog_block .blog_title{ font-size: 82px; font-weight: 700; line-height: 98.4px; color: var(--creme-white, #F4F1F0); text-transform: uppercase; } .blog_block .blog_text{ font-size: 24px; line-height: 28.8px; color: var(--creme-white, #F4F1F0); } .blog .blog_slider{ margin-top: 30px; } .blog_slider .swiper{ padding-left: 9%; padding-right: 20px; } .blog_slider .blog_card { display: flex; flex-direction: column; border-radius: 60px; transition: .3s ease all; height: auto; } .blog_slider .blog_card:hover{ border-color: #121212; overflow: initial; } /* .blog_slider .blog_card:hover .card-line-img{ opacity: 1; } */ .blog_slider .blog_card:hover .blog_card-text, .blog_slider .blog_card:hover .blog_card-title{ color: #F4F1F0; } .blog_card .blog_card-img{ object-fit: cover; border: 2px solid var(--creme-white, #F4F1F0); border-width: 2px 2px 0 2px; width: 100%; height: 40%; border-radius: 60px 60px 0 0; } .blog_card .card-line-img{ opacity: 0; transition: .3s ease all; } .blog_card .blog_card-info-wrap{ border: 2px solid var(--creme-white, #F4F1F0); width: 100%; height: 60%; display: flex; background: linear-gradient(355.81deg, #F4F1F0 5.04%, rgba(244, 241, 240, 0.3) 87.4%); border-radius: 0 0 60px 60px; padding: 25px 25px 30px 30px; } .blog_slider .blog_card:hover .blog_card-info-wrap{ background: var(--grey-black, #121212); /* padding-right: 15px; */ } .blog_card .blog_card-info{ display: flex; flex-direction: column; margin-top: -2px; gap: 16px; } .blog_card .blog_card-title{ /* font-size: 36px; */ font-size: 2.1vw; font-weight: 700; line-height: 43.2px; color: var(--grey-black, #121212); text-transform: uppercase; transition: .3s ease all; } .blog_card .blog_card-text{ font-size: 24px; font-weight: 500; line-height: 28.8px; color: var(--grey-black, #121212); transition: .3s ease all; } /* Blog end */ /* .marketplace{ margin-top: 5rem; } */ .truth-form{ display: flex; gap: 10px; } .truth-form button{ flex-shrink: 0; } input.truth-input{ width: 200px; height: 50px; border-color: #121212 !important; border-radius: 48px; border: 2px solid #121212; flex-shrink: 1; margin-right: 12px; padding: 20px; font-size: 18px; } @media (max-width: 776px) { .truth-form{ flex-direction: column; margin-bottom: 30px; } .truth-form button{ width: 100%; text-align: center; justify-content: center; } input.truth-input{ width: 100%; } } .smi-card-wrapper{ border-radius: 60px; background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); border-radius: 60px; padding: 2px; width: 100%; height: 484px; } .smiSlider{ margin-top: 3rem; } .smi-card{ display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 480px; border-radius: 60px; position: relative; overflow: hidden; padding: 28px 35px; color: #121212; } .smi-card::before{ background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); content: ''; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; } .smi-card-img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .smi-card-date, .smi-card-title, .smi-card-label{ position: relative; z-index: 2; } .smi-card-label{ display: flex; border: 1px solid #121212; border-radius: 28px; padding: 4px 15px; align-items: center; font-weight: 500; font-size: 16px; gap: 6px; background-color: #fff; width: max-content; } .smi-card-label p{ margin-bottom: 0; } .smi-card-title{ font-weight: 700; font-size: 22px; text-transform: uppercase; line-height: 120%; margin-bottom: 7px; margin-top: 10px; } .smi-card-date{ font-weight: 500; font-size: 12px; } .smiSlider.swiper{ overflow: visible; } .about_us{ width: 100%; overflow: hidden; } .smi-card-label img{ max-height: 25px; width: auto; } .smi-card-label{ height: 35px; } @media (max-width: 640px) { .smi-card{ padding: 16px; height: 420px; border-radius: 30px; } .smi-card-title{ font-size: 18px; } .smi-card-wrapper{ height: 424px; border-radius: 30px; } } .slider-arrows{ position: relative; /* top: 50%; left: 50%; transform: translate(-52.5%, -50%); width: 78%; */ display: flex; justify-content: space-between; z-index: 40; pointer-events: none; } @media (max-width: 640px) { .slider-arrows{ display: none; } .sellers_slider .swiper{ width: 330px; } } .blogSlider .slider-arrows{ position: absolute; top: 50%; left: 50%; transform: translate(-55%, -50%); width: 76.5%; display: flex; justify-content: space-between; z-index: 40; pointer-events: none; } .smiSlider .slider-arrows { position: absolute; top: 50%; left: 50%; transform: translate(-47%, -50%); width: 112%; display: flex; justify-content: space-between; z-index: 40; pointer-events: none; } .slider-arrow{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='55' height='55' rx='19.5' fill='white'/%3e%3crect x='0.5' y='0.5' width='55' height='55' rx='19.5' stroke='%23121212'/%3e%3cpath d='M37 28.3633H20.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M37 28.3633L30.636 34.7272' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M37 28.3633L30.636 21.9993' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); height: 56px; width: 56px; background-size: contain; pointer-events: all; } .slider-arrow[disabled]{ visibility: none; } .slider-arrow-prev{ transform: scaleX(-1); margin-right: 24px; } @media (max-width: 575px) { .wpcf7-form-control-wrap{ width: 100%; } } .blog_card-title { font-size: 28px; font-style: normal; font-weight: 700; line-height: 32px; } .blog__card-btn { margin-top: 24px; color: #000; font-family: "Craftwork Grotesk"; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; padding: 6px 15px 10px 15px; max-width: max-content; display: block; margin-left: auto; border-radius: 28px; border: 1px solid #000; background: var(--wh, #FFF); transition: all .24s; } .blog_slider .blog_card:hover .blog__card-btn { border-radius: 28px; border: 1px solid var(--interface-main_white, #FFF); background: transparent; color: var(--interface-main_white, #FFF); transition: all .24s; } .blog__row { display: flex; justify-content: space-between; align-items: center; } .blog__row .blog_text { max-width: 627px; } .truth_top { position: relative; } .truth_top picture img { width: 315.563px; height: 308.2px; position: absolute; right: 0; top: -110px; } .truth .truth_title { text-align: left; width: 100%; font-size: 74px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 62px; } .truth_block .truth_end-text strong { font-weight: 900; } .truth__end-promo { color: var(--grey-black, #121212); font-family: "Craftwork Grotesk"; font-size: 24px; font-style: normal; font-weight: 900; line-height: normal; text-transform: uppercase; } .truth__end-btns { margin-top: 10px; display: flex; gap: 12px; } .truth__end-btn { padding: 10px 10px 11px 10px; font-family: "Craftwork Grotesk"; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 48px; max-width: 210px; width: 100%; text-align: center; transition: all .3s; text-transform: none; } .truth__end-btn.--white { color: var(--grey-black, #121212); border: 2px solid var(--grey-black, #121212); background-color: transparent; } .truth__end-btn.--white:hover { background: #121212; color: #FFF; transition: all .3s; } .truth__end-btn.--black { background: var(--interface-main_black, #121212); color: var(--interface-main_white, #FFF); border: 2px solid transparent; } .truth__end-btn.--black span { position: relative; padding-right: 16px; } .truth__end-btn.--black span::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background-size: 100%; background-repeat: no-repeat; transition: all .3s; background-position: center; background-image: url('data:image/svg+xml,'); } .truth__end-btn.--black:hover { background: transparent; color: #121212; border-color: #000; transition: all .3s; } .truth__end-btn.--black:hover span::after { transition: all .3s; background-image: url('data:image/svg+xml,'); } @media screen and (max-width: 576px) { .truth_top picture img { position: relative; top: unset; right: unset; left: 0; width: 294.209px; height: 198.713px; } .truth .truth_title { text-align: right; } .truth__end-btns { flex-direction: column; } .truth__end-btn { max-width: 100%; } .truth .truth_title { margin-bottom: 0; } } .home__block { max-width: 50%; } .home__title { color: var(--interface-background, #F2F2F2); font-family: "Craftwork Grotesk"; font-size: 64px; font-style: normal; font-weight: 700; line-height: 120%; text-transform: uppercase; } @media (min-width: 1600px){ .home__title { font-size: 80px; line-height: 120%; } } .home__subtitle { color: var(--interface-background, #F2F2F2); font-family: "Craftwork Grotesk"; margin-top: 32px; font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; /* 120% */ } .home__btn { border-radius: 20px; background: var(--interface-main_white, #FFF); padding: 12px 24px; color: var(--interface-main_black, #121212); font-family: "Craftwork Grotesk"; font-size: 20px; font-style: normal; font-weight: 600; line-height: 24px; /* 120% */ display: block; margin-top: 32px; max-width: 290px; text-align: center; width: 100%; border: 2px solid transparent; } .home__btn span { position: relative; padding-right: 20px; } .home__btn span::after { content: ''; width: 13px; height: 13px; background-size: 100%; background-repeat: no-repeat; background-position: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url('data:image/svg+xml,'); } .home__btn:hover { border-color: #FFF; background: transparent; color: #FFF; } .home__btn:hover span::after { background-image: url('data:image/svg+xml,'); } .home__pagination { margin-top: 120px; } .home__pagination .swiper-pagination-bullet { width: 39.278px; height: 6px; border-radius: 54px; opacity: 0.5; background: var(--interface-main_white, #FFF); } .home__pagination .swiper-pagination-bullet-active { opacity: 1; } .home__item img { position: absolute; right: -142px; top: -110px; height: auto; width: 70%; max-width: 600px; } @media (min-width: 1420px) { .home__item img { position: absolute; right: -142px; top: -110px; height: auto; width: 70%; max-width: 800px; } } .home__swiper, .home__swiper .swiper-wrapper { height: auto; } .blog .blog_slider { margin-top: 128px; } .cosmopet-x { padding: 36px 0 0 0; width: 100%; overflow: hidden; } .cosmopet-x__swiper, .cosmopet-x__swiper .swiper-wrapper { height: auto; } .cosmopet-x__title { color: var(--creme-white, #F4F1F0); font-family: "Craftwork Grotesk"; font-size: 82px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .cosmopet-x__swiper { margin-top: 52px; position: relative; } .cosmopet-x__item { position: relative; width: 100%; height: 484px; } .cosmopet-x__item::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; z-index: 1; width: 100%; border-radius: 60px; border: 2px solid var(--creme-white, #F4F1F0); background: linear-gradient(180deg, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.00) 25.17%, rgba(255, 255, 255, 0.00) 65%, rgba(255, 255, 255, 0.83) 80%); } .cosmopet-x__bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border-radius: 60px; } .cosmopet-x__body { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 36px 35px; } .cosmopet-x__heading { color: var(--grey-black, #121212); font-family: "Craftwork Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .cosmopet-x__btn { display: block; max-width: max-content; margin-top: 7px; color: #000; font-family: "Craftwork Grotesk"; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; padding: 6px 15px 10px 15px; border-radius: 28px; border: 1px solid #000; background: var(--wh, #FFF); } .cosmopet-x__top { position: absolute; height: auto; width: 60%; top: 43px; left: 50%; transform: translateX(-50%); z-index: 2; } .cosmopet-x .slider-arrows { top: 50%; transform: translateY(-50%); position: absolute; width: 100%; } .cosmopet-x .slider-arrows .cosmopet-prev { left: -30px; } .cosmopet-x .slider-arrows .cosmopet-next { right: -30px; } .slider-arrow { background-image: url('data:image/svg+xml,')!important; } .reviews_items .reviews_item { flex: 0 0 calc(50% - 23px); min-height: 334px; } .reviews__left { flex: 0 0 50%; display: flex; flex-direction: column; gap: 23px; } .reviews_item-top + span { color: var(--creme-white, #F4F1F0); font-family: "Craftwork Grotesk"; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } .reviews_item1 .reviews_item-top + span { color: var(--interface-main_black, #121212); } .reviews .container { position: relative; } .truth { padding-top: 180px; } .blogosphere{ padding-bottom: 6vh; } .blogosphere__item { position: relative; /* width: 100%; */ /* width: auto; height: 33vh; */ /* padding-bottom: 177.6061776061776%; */ height: 60vh; width: 36vh; } .blogosphere__item .blogosphere__preview { position: relative; height: 60vh; width: 36vh; object-fit: cover; /* height: 100%; width: 100%; */ /* position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; */ border-radius: 33.6px; box-shadow: 0px 4px 14.4px 0px rgba(0, 0, 0, 0.33); } .blogosphere__content { position: absolute; /* width: 25vw; */ width: 100%; padding: 10px 15px; display: flex; align-items: center; gap: 10px; z-index: 1; } .blogosphere__avatar { position: relative; width: 39.2px; height: 39.2px; flex-shrink: 0; box-shadow: unset; border: 1.4px solid #FFF; border-radius: 100%; flex-shrink: 0; } .blogosphere__name { color: #FFF; font-family: "Craftwork Grotesk"; font-size: 16.8px; font-style: normal; font-weight: 700; line-height: 22.4px; /* 133.333% */ } .blogosphere__swiper.swiper { position: relative; } .blogosphere__swiper .carousel .carousel-item{ width: auto; height: auto; } .blogosphere__swiper .slider-arrows { position: absolute; top: 50%; transform: translate(-50%, -50%); max-width: 421px; width: 100%; left: 50%; pointer-events: none; } .blogosphere { padding-top: 60px; } .blogosphere__top { display: flex; align-items: center; gap: 30px; } .blogosphere__title { background-size: 100%; background-repeat: no-repeat; background-position: center; width: 692.514px; height: 71.298px; background-image: url('data:image/svg+xml,'); } .blogosphere__circle { flex-shrink: 0; } .marketplace__swiper, .marketplace__swiper .swiper-wrapper { height: auto; } .marketplace__swiper .swiper-slide { max-width: max-content; } .marketplace__title { color: var(--grey-black, #121212); font-family: "Craftwork Grotesk"; font-size: 36px; font-style: normal; font-weight: 700; line-height: 40px; /* 111.111% */ text-transform: uppercase; } .marketplace__swiper { margin-top: 50px; margin-left: -70px; margin-right: -70px; } .marketplace { position: relative; } .marketplace:after { content: ''; position: absolute; right: 0; bottom: 0; width: 222px; height: 671px; background: linear-gradient(270deg, #F6F4F3 0%, rgba(242, 242, 242, 0.00) 100%); z-index: 1; } .blog_card .blog__card-wrapper .blog_card-img { width: 100%; height: 100%; position: absolute; } .blog__card-wrapper { position: relative; width: 100%; padding-bottom: 61.31687242798354%; } .blog_link.main_link:hover span { background: var(--Accent-1, radial-gradient(200.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 991px) { .reviews__left { width: 100%; } } @media screen and (max-width: 768px) { .home__item img { position: relative; right: unset; top: unset; width: 100%; height: auto; } .home__item { display: flex; flex-direction: column-reverse; } .home__block { max-width: 100%; margin-top: 12px; } .home__title { font-size: 32px; font-style: normal; font-weight: 700; line-height: 38px; /* 118.75% */ letter-spacing: -0.32px; text-transform: uppercase; } .home__subtitle { margin-top: 16px; } .home__btn { margin-top: 16px; max-width: 100%; } .home__pagination { margin-top: 12px; text-align: center; } .blog .blog_slider { margin-top: 28px; } .cosmopet-x__title { font-size: 32px; line-height: 38px; /* 118.75% */ } .cosmopet-x__item { height: 0; padding-bottom: 151.25%; } .cosmopet-x .slider-arrows { display: flex; } .cosmopet-x__swiper { margin-top: 23px; } .slider-arrows .cosmopet-prev { left: -16px; } .slider-arrows .cosmopet-next { right: -16px; } .reviews .reviews_title { text-align: left!important; font-size: 32px!important; line-height: 38px!important; /* 118.75% */ letter-spacing: -0.32px!important; text-transform: uppercase!important; margin: 0!important; } .reviews_item .reviews_item-top { justify-content: space-between; } .reviews__left { width: 100%; } .reviews_items .reviews_item { transform: unset!important; } .reviews_items .reviews_item { width: 100%!important; } .reviews_items .reviews_person-mob { display: none; } .reviews_item .reviews_item-text { font-size: 16px!important; font-style: normal!important; font-weight: 500!important; line-height: 20px!important; } .reviews_item .reviews_item-top b { font-size: 19px!important; font-style: normal!important; font-weight: 700!important; line-height: 24px!important; /* 120% */ text-transform: uppercase!important; } .reviews_item .reviews_item-text { max-width: 100%!important; } .truth { padding-top: 78px; } .blogosphere__circle { display: none; } .blogosphere__swiper.swiper { margin-left: -15px; width: calc(100% + 30px); } .marketplace__title { font-size: 32px; line-height: 38px; /* 118.75% */ letter-spacing: -0.32px; } .marketplace__swiper { margin-top: 24px; margin-left: 0px; margin-right: 0px; } .smiSlider .slider-arrows { transform: translate(-50%, -50%)!important; width: 106%!important; } .truth .truth_title span { background: var(--Accent-1, radial-gradient(200.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: none; } .truth { padding-top: 20px!important; } .truth_content-wrap { padding: 0 30px; } } @media screen and (max-width: 540px) { .marketplace:after { display: none; } .truth .truth_content .truth_block, .truth .truth_content-end .truth_block { height: auto!important; } .truth .truth_block { padding: 25px 15px 26px 15px!important; } .blog_block .blog_text { max-width: 100%!important; font-size: 18px!important; font-style: normal!important; font-weight: 500!important; line-height: 24px!important; } .home { background: var(--radial); } .blogosphere__swiper .slider-arrows { display: flex; padding: 0 4.5px; } .truth_block .truth_links { padding-bottom: 0!important; } .reviews_items .reviews_item { padding: 32px 20px 35px 24px!important; border-radius: 3.75rem!important; } .reviews_items .reviews_item::after { border-radius: 3.75rem!important; } .blogosphere__top { margin-bottom: -55px; } .truth_block .truth_block-text { min-height: unset!important; } .blogSlider .slider-arrows { display: none!important; } .blog_slider { padding-bottom: 0!important; } .cosmopet-x .slider-arrows .cosmopet-prev { left: -10px; } .cosmopet-x .slider-arrows .cosmopet-next { right: -10px; } .blogosphere { padding-top: 40px; } .reviews { padding: 56px 0 62px!important; } .reviews_item-top + span { line-height: 15px; } .reviews_block .reviews_items { margin-left: 0!important; } .reviews_item-name { max-width: 70%; } .reviews_item .reviews_item-top img { width: 72px!important; height: 72px!important; } .reviews__left { gap: 10px; } } .blogSlider .swiper-slide { height: auto; } .blogSlider .swiper-slide .blog_card { height: 100%; } .blogSlider .swiper-slide .blog_card .blog_card-info-wrap { height: 100%; } .blog_slider { padding-bottom: 92px; } .blog_card .blog_card-info { justify-content: space-between; } .blog_card-text { flex: auto; } .carousel-item.active { /* pointer-events: none; */ } .sec-bf{ position: relative; z-index: 3; overflow: hidden; } .copied{ position: absolute; top: -14px; border-radius: 20px; font-size: 13px; right: -20px; background: #fff; padding: 5px; opacity: 0; pointer-events: none; color: #000; } .truth__end-btn.active .copied{ opacity: 1; } .home { overflow: hidden; } .reviews_block { position: relative; } .reviews_items.--visible { display: flex; flex-wrap: wrap; gap: 20px; } .reviews_row { flex: 1 1 100%; display: flex; } .reviews_row--left { justify-content: flex-start; } .reviews_row--right { justify-content: flex-end; } .reviews_item { width: 50%; /* Каждый блок занимает половину ширины */ } .reviews_item-swiper { width: 100%; } .reviews_item-img { border-radius: 50%; } .reviews_item-top { display: flex; justify-content: space-between; padding-bottom: 10px; } .reviews_item-text { margin-top: 10px; } .reviews_item.reviews_item1 { flex: 1 1 50%; max-width: 50%; } .reviews_item.reviews_item2, .reviews_item.reviews_item4 { flex: 1 1 calc(50% - 20px); max-width: 50%; } .reviews_item.reviews_item2 { position: absolute; max-width: 500px; height: 360px; right: -4%; bottom: 25%; } .reviews .reviews_person { position: absolute; right: -100px; top: -20%; } @media (max-width: 768px) { .reviews_row { justify-content: center !important; /* На мобильных устройствах центрируем */ } .reviews_item { width: 100%; /* На мобильных устройствах блоки на всю ширину */ } .reviews_person { position: static; margin: 20px auto; max-width: 150px; } .reviews_item.reviews_item1 { flex: 1 1 50%; max-width: 100%; } .reviews_item.reviews_item2, .reviews_item.reviews_item4 { flex: 1 1 calc(50% - 20px); max-width: 100%; } .reviews_item.reviews_item2 { position: unset; max-width: 500px; height: 360px; right: -4%; bottom: 25%; } .reviews .reviews_person { position: absolute; right: -100px; top: -20%; } .reviews_row { justify-content: center !important; display: contents; } } @media only screen and (max-width: 1170px) { .about_block .about_cards { grid-template-columns: 48.5% 48.5%; gap: 30px 20px; } .about_cards .about_company{ max-width: 380px; } .blog_slider .swiper { padding-left: 30px; padding-right: 30px; } .truth_block .truth_block-title, .truth .truth_title { font-size: 60px; line-height: 70px; width: 100%; } .reviews_block .reviews_items{ margin-left: -30px; } } @media only screen and (min-width: 600px){ .swiper-slide-active .sellers_card { transform: scale(1.05); /* Увеличение на 1.2 */ transition: transform 0.3s ease; background: #fff; } } @media only screen and (max-width: 950px){ .about_us .about_us-title, .sellers_top .sellers_title, .about_info .about_title, .home_block .home_title { font-size: 65px; line-height: 78px; } .about .about_block { gap: 0; } .about_block .about_info-wrap{ gap: 30px; } .about_info .about_text { font-size: 20px; line-height: 24px; } .about_info-wrap .about_img img { width: 230px; height: 560px; } .blog_card .blog_card-info-wrap { width: 108%; } .about_us-block .about_us-cards { grid-template-columns: 48% 48%; gap: 17px; } .truth_block .truth_block-text p{ max-width: 400px; } .truth_top .gift_img { margin-left: -120px; width: 400px; } .reviews_block .reviews_items{ flex-direction: column; margin-left: 0; gap: 0; align-items: center; } .reviews .reviews_title{ text-align: center; } .reviews .reviews_person{ display: none; } .reviews_person-mob{ display: flex; order: 3; object-fit: contain; margin-top: -80px; z-index: -2; } .reviews_items .reviews_item{ border-radius: 25px; padding: 10px 14px; } .reviews_items .reviews_item::after{ border-radius: 25px; } .reviews_items .reviews_item1{ order: 1; } .reviews_items .reviews_item2{ order: 2; transform: rotate(7deg); padding: 13px; margin-top: 10px; z-index: -1; margin-left: -4px; } .reviews_items .reviews_item6{ order: 4; transform: rotate(2deg); margin-top: -80px; } .reviews_items .reviews_item3{ order: 6; transform: rotate(2.18deg); margin-top: 5px; z-index: -2; } .reviews_items .reviews_item4{ order: 5; transform: rotate(-1.7deg); margin-top: 0px; z-index: -1; } .reviews_items .reviews_item5{ order: 7; transform: rotate(-3.14deg); margin-top: -3px; z-index: -3; } .reviews_item .reviews_item-top b { font-size: 20px; line-height: 22px; } .reviews_item .reviews_item-text { font-size: 12px; line-height: 14.4px; max-width: 228px; } } @media only screen and (max-width: 776px){ .home_dog { display: none; } .slider-arrows { display: none; } .home_block-dog{ display: flex; margin-top: 20px; } .home .container { padding: 68px 30px 180px; } .blog_block .blog_title, .about_info .about_title{ font-size: 44px; line-height: 50px; } .about_info-wrap .about_img { max-width: 200px; } .about_card .about_card-title { font-size: 20px; line-height: 24px; } .blog_block .blog_text, .about_card .about_card-text { font-size: 16px; line-height: 18px; } .about_card .about_card-info { gap: 2px; } .about_us-card .about_us-card-info h2 { font-size: 12px; line-height: 16px; font-weight: 700; } .about_us-card .about_us-card-info span { font-size: 12px; line-height: 14px; } .about_us-block .about_us-card { border-radius: 25px; height: 181px; } .about_us-card .about_us-card-info{ gap: 4px; padding: 55px 20px 40px; } .about_us-cards .about_us-card .about_us-card-info { height: 131px; } .about_us-card .card_date { top: auto; right: auto; bottom: 16px; left: 20px; right: 0; z-index: 2; padding: 0; border-radius: 0; height: fit-content; width: fit-content; font-size: 12px; line-height: 14.4px; background: transparent; font-weight: 700; } /* start: QUIZ - max-width: 776px */ .truth_content-end .truth_block .truth_info { margin-top: 0px; } .truth .truth_top { flex-direction: column-reverse; } .truth_top .gift_line-img{ display: flex; } .truth .truth_title{ max-width: 500px; margin-left: auto; } .truth_top .gift_img { transform: rotate(-45deg); margin-right: auto; margin-left: -50px; } .truth_block .truth_info { position: relative; width: 100%; margin-top: 0; align-items: center; flex-direction: column-reverse; } .truth_content::after{ border-radius: 25px; } .truth_block .truth_links { flex-direction: column; gap: 12px; padding-bottom: 26px; width: 100%; } .truth_block .truth_link { width: 100%; height: 50px; align-items: center; justify-content: start; padding: 8px 20px; } .truth .truth_block { border-radius: 25px; height: auto; padding: 25px 15px 0px 15px; } .truth_content-end .truth_block .truth_info{ flex-direction: column; } .truth_content-end .truth_block .truth_links{ padding-top: 30px; } .truth_content-end .truth_block .truth_link{ width: 100%; } .truth_content-end .truth_block .truth_block-text{ flex-direction: column; } .truth_content-end .truth_block .truth_block-text p{ max-width: 230px; } .truth_content-end .truth_xn{ width: 90px; height: 58px; } .truth_content-end .truth_info img { width: auto !important; height: 26vh !important; object-fit: cover; position: absolute; bottom: -21vh; left: -62px; } .truth_content-end .truth_block .truth_link { width: 100%; background: #FFF; } .truth_content-end .truth_block .truth_end-text{ width: 100%; } /* end: QUIZ - max-width: 776px */ /* start: Наш блог - max-width: 776px*/ .blog_card .blog_card-title { font-size: 20px; line-height: 25.4px; } .blog_card .blog_card-text { font-size: 16px; line-height: 18.4px; } .blog_card .blog_card-info{ gap: 9px; } .blog_slider .blog_card { border-radius: 30px; } .blog_card .blog_card-info-wrap{ width: 100%; border-radius: 0; padding: 12px 14px 16px 16px; } .blog_slider .blog_card:hover .blog_card-info-wrap{ padding-right: 14px; } .blog_slider .blog_card:hover { overflow: hidden; } .blog_card .card-line-img{ display: none; } .blog_card .blog_card-img{ border-radius: 30px 30px 0 0; } /* end: Наш блог - max-width: 776px */ .post-single-page .article-body-container{ padding-bottom: 100px; } } /* GP | Mobile */ @media only screen and (max-width: 576px) { /*Слайдер*/ .about .container-fluid { padding-right: 0; padding-left: 0; } .home .home_line2 { display: flex; } .home .home_line { display: none; } .home .home_block { gap: 8px; } .home_block .home_title { font-size: 26px; line-height: 34px; width: 80vw; } .about { border-radius: 25px; padding-bottom: 0; } .about > .container { width: 100%; margin-right: auto; margin-left: auto; } .about .about_info-wrap{ flex-direction: column; } .about_info-wrap .about_img{ max-width: unset; width: 100vw; } .about_info-wrap .about_img img{ height: auto; width: 100%; } .about_cards .about_card { gap: 0; } .about_cards .about_card-right { align-items: end; text-align: end; } .about_card-right .about_card-text { margin-left: auto; } .about_card .about_card-gif1, .about_card .about_card-gif4 { width: 87px; height: 87px; } .about_card .about_card-gif2 { width: 99px; height: 99px; } .about_card .about_card-gif3 { width: 117px; height: 102px; } .about_company { margin-top: 4vh; } .about_company .about_company-logo img { height: 33px; } .about_company .about_company-logo img:nth-child(1), .about_company .about_company-logo img:nth-child(3), .about_company .about_company-logo img:nth-child(4) { height: 33px; } .about_company .about_company-logo { display: flex; gap: 0px 5px; margin-top: 2%; justify-content: space-around; } .about_company .about_company-text { font-size: 12px; line-height: 14.4px; } .about_cards .about_company { padding: 15px 16px 18px 16px; gap: 5px; border-radius: 25px; } .about_cards .about_company::after { border-radius: 25px; } .about_company .about_company-logo img { width: auto; } .about_block .about_cards { grid-template-columns: 100%; gap: 10px; } .about_us-cards .about_us-card .about_us-card-info { height: 151px; } .truth_block .truth_block-text p, .about_card .about_card-title { font-size: 12px; line-height: 18.2px; } .discount_block .discount_text, .blog_card .blog_card-text, .blog_block .blog_text, .truth_block .truth_link, .sellers_card .sellers_card-text, .about_card .about_card-text { font-size: 12px; line-height: 14.2px; } .about_card .about_card-gif { margin-bottom: -17px; } .about_slider { padding: 0; } .about_slider .carousel { height: 55vh; min-height: 55vh; } .about .about_block { gap: 55px; } .about_slider .slide { padding: 10px 39px; width: 280px; height: 280px; border-radius: 100%; gap: 12px; } .about_slider .carousel .carousel-item { padding: 10px 39px; width: 290px; height: 290px; border-radius: 100%; } .about_slider .carousel .carousel-item::after { background-image: url(../img/border-mobile.png); border-radius: 100%; } .about_slider .prev { left: 10vw; } .about_slider .next { right: 10vw; } .about_slider .slide.active { transform: translate(0, -20px); } .about_slider .slide img { width: 113px; height: 113px; } .about_slider .slide_info { gap: 6px; } .about_slider .slide_text, .about_slider .slide_title { font-size: 12px; line-height: 14.4px; text-align: center; } .about_us-block .about_us-card::after, .about_us-card .about_us-card-img { border-radius: 25px; } .about_us-card .about_us-card-info { border-radius: 0 0 25px 25px; } .discount_top .discount_title, .blog_block .blog_title, .truth_block .truth_block-title, .about_us .about_us-title, .sellers_top .sellers_title { font-size: 30px; line-height: 36px; } .section_wrap { padding: 110px 0 52px; } .reviews { padding: 90px 0px 36px; border-radius: 25px 25px 0 0; } /* QUIZ */ .truth { border-radius: 0 0 25px 25px; padding-bottom: 47px; } .truth .truth_content .truth_block, .truth .truth_content-end .truth_block { height: 70vh; } .truth .truth_title { font-size: 30px; line-height: 36px; max-width: 260px; } .truth_top .gift_img { margin-left: -24px; width: 160px; } .truth_top .gift_line-img { bottom: 44px; width: auto; } .truth_block .truth_block-text img { width: 29px; } .truth_block .truth_block-title { max-width: 171px; margin-bottom: 7px; } .truth_block .truth_line { gap: 16px; margin-bottom: 10px; } .truth_block .truth_line span { width: 34px; } .truth_block .truth_link { height: 29px; border-width: 2px; } .truth_content-end .truth_info img { width: 100%; } .truth_block .truth_info img { height: 170px; width: auto; } .truth_links .truth_result { display: none; } .truth_block .truth_block-text { gap: 11px; } .truth .truth_block { height: 470px; } .truth_block .truth_links { width: 100%; margin-right: 0; } .truth_error .truth_block-text, .truth_success .truth_block-text { margin-bottom: 25%; } /* 381 string in adaptive */ .truth_content-end .truth_info img { /* width: auto !important; object-fit: cover; position: absolute; left: -62px; */ height: 30vh !important; bottom: 0; left: unset; right: 0; } /* QUIZ - конец */ /* Наш блог */ .blog { position: relative; padding-top: 63px; padding-bottom: 90px; } .blog .blog_link { position: absolute; bottom: 35px; right: 30px; } .blog_card .blog_card-img { height: 120px; object-fit: cover; } .blog_card .blog_card-title { font-size: 12px; line-height: 16px; } .blog_block .blog_text { max-width: 230px; } .blog_slider .swiper { padding-left: 15px; padding-right: 15px; } /* Наш блог - конец */ /* start: Отзывы ветеринаров */ .reviews .reviews_title { font-size: 26px; line-height: 31px; max-width: 278px; margin: 0 auto; } .reviews .reviews_block { margin-top: 20px; } .reviews_block .reviews_items { flex-wrap: unset; gap: 10px; } .reviews_items .reviews_item { width: 80vw; gap: 10px; } .reviews_items .reviews_item2 { margin-top: -0px; } .reviews_items .reviews_item1 { transform: rotate(-5.35deg); } .reviews_items .reviews_item3 { margin-top: 3px; } .reviews_items .reviews_item4 { margin: unset; } .reviews_items .reviews_person-mob { margin-bottom: -10%; } .reviews_item .reviews_item-name { display: flex; flex-direction: column; gap: 20px; } .reviews_item .reviews_item-top b { font-size: 12px; line-height: 16px; text-transform: uppercase; } .reviews_item .reviews_item-top span { max-width: 134px; } /* end: Отзывы ветеринаров */ /* start: О НАС ПИШУТ СМИ*/ .about_us-card .about_us-card-info span a { font-size: 14px; } .about_us-block .about_us-cards { grid-template-columns: 1fr; } .about_us-card .card_date { right: 20px; left: unset; } .about_us-cards .about_us-card-info { height: 130px; } .about_us-card .about_us-card-info { padding: 55px 20px 20px; } .about_us-card-info.card-info--half-gradient { background: linear-gradient(0deg, #F4F1F0 45%, rgba(244, 241, 240, 0) 100%); } .truth_content-end .truth_block .truth_end-text, .truth_content-end .truth_block .truth_block-text { position: static; } .truth_content-end .truth_block .truth_link { border-width: 2px; position: static; bottom: 28px; right: 0; width: 100%; margin-bottom: 76px; z-index: 2; } .truth_content-end .truth_info { bottom: 0; left: 0; position: absolute; } /* end: О НАС ПИШУТ СМИ */ /* start: Проверьте свои знания и получите подарок! */ .truth_top .gift_img { width: 64vw; margin: unset; transform: translateX(-22%) rotate(-45deg); } .truth_top .gift_line-img { top: 40%; } .truth .truth_block { padding: 25px; } .truth_block .truth_line { gap: 10%; } .truth_block .truth_block-text { min-height: 20%; } .truth_points { font-size: 30px; } /* end: О НАС ПИШУТ СМИ */ /* start: Наш блог */ .blog_slider .blog_card { height: 290px; } .blog_card .blog_card-img { border-color: #121212; } .blog_card .blog_card-info-wrap { border-radius: 0 0 30px 30px; border-color: #121212; } .blog_slider .blog_card:hover .blog_card-info-wrap{ border-radius: 0 0 30px 30px; width: 100%; } /* end: Наш блог */ } @media only screen and (max-width: 350px) { .reviews_block .reviews_items { margin-left: -20px; } } .reviews-plus{ background:none; } .section-nav{ position:relative; display:block; } .reviews-plus .container{ display:flex; align-items:center; justify-content:space-between;; } .section-nav > *{ position:relative; } .section-nav { display:flex; } .reviews-slider { padding: 20px; margin-top:20px; position: relative; overflow:visible !important; } .review-card { background: white; border-radius: 50px; padding: 36px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin: 10px; } .review-header { display: flex; flex-direction:column; align-items: left; gap:20px; margin-bottom: 20px; } /* Для нечетных слайдов (1, 3, 5...) */ .reviews-slider .swiper-slide:nth-child(odd) { transform: rotate(-3deg); transition: transform 0.3s ease; border: 2px solid transparent; background: padding-box linear-gradient(rgb(255 255 255), rgb(255 255 255)), border-box linear-gradient(rgb(244 66 66), rgb(86 158 240 / 0.1)); } .review-card{ position:relative; } .review-card:before{ content:''; position:absolute; background-image:url(https://test.cosmopet.ae/wp-content/uploads/2025/04/99.svg); width:72px; height:72px; display:block; right:36px; top:36px; } /* Для четных слайдов (2, 4, 6...) */ .reviews-slider .swiper-slide:nth-child(even) { transform: rotate(3deg); transition: transform 0.3s ease; border: 2px solid #dbbdbd; background: #121212; } .reviews-slider .swiper-slide:nth-child(even) p , .reviews-slider .swiper-slide:nth-child(even) h3 { color:#fff; } .review-avatar { width: 78px; height: 78px; border-radius: 50%; background:#00000020; object-fit: cover; margin-right: 15px; } .review-author h3 { font-weight: 400; font-size: 24px; text-transform: uppercase; } .review-author p { font-weight: 500; font-size: 12px; color: #121212; } .review-text { font-weight: 500; font-size: 15px; color: #121212; } .review-more-content { display: none; } .show-more-btn { background: none; border: none; color: #4a90e2; cursor: pointer; padding: 5px 0; margin-top: 10px; font-weight: 600; } .show-more-btn:hover { text-decoration: underline; } /* Swiper Navigation */ .reviews-plus .swiper-button-next, .reviews-plus .swiper-button-prev { border: 1px solid #121212; border-radius: 20px; padding: 16px; width: 56px; height: 56px; background: #fff; } .reviews-plus .swiper-button-prev{ transform:rotate(-180deg) } .reviews-plus .swiper-button-next::after, .reviews-plus .swiper-button-prev::after { font-size: 18px; display:none; } .swiper-pagination-bullet-active { background: #4a90e2; } /* Popup Styling */ .review-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; justify-content: center; align-items: center; z-index: 1000; } .popup-content { background: white; padding: 30px; border-radius: 12px; max-width: 600px; width: 90%; max-height: 80vh; overflow-y: auto; position: relative; } .close-popup { position: absolute; top: 15px; right: 15px; font-size: 24px; background: none; border: none; cursor: pointer; color: #777; } .popup-review-content { padding: 20px 0; } /* Responsive */ @media (max-width: 768px) { .review-card { padding: 20px; } .reviews-plus .container{ flex-wrap:wrap; } .review-text { font-weight: 500; font-size: 12px; } .star-igm{ width:20%; } .section-nav{ gap:5px; } .reviews-plus .swiper-button-next, .reviews-plus .swiper-button-prev { border: 1px solid #121212; border-radius: 10px; padding: 5px; inset:0; width: 36px; height: 36px; background: #fff; position: static !important; margin-top: 16px; } .review-card{ padding:20px; } .section-title { font-weight: 500; font-size: 42px; width: 100%; line-height: 1.2; text-transform: uppercase; color: #f4f1f0; } } .reviews-plus{ overflow: hidden; } .invisible { visibility: hidden; } /* .sellers_card .sellers_card-img { width: auto!important; height: 330px; } */ .slider { position: relative; height: 400px; width: 100%; } .slider.fullscreen { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .slider.fullscreen ul.slides { height: 100%; } .slider.fullscreen ul.indicators { z-index: 2; bottom: 30px; } .slider .slides { background-color: #9e9e9e; margin: 0; height: 400px; } .slider .slides li { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: inherit; overflow: hidden; } .slider .slides li img { height: 100%; width: 100%; background-size: cover; background-position: center; } .slider .slides li .caption { color: #fff; position: absolute; top: 15%; left: 15%; width: 70%; opacity: 0; } .slider .slides li .caption p { color: #e0e0e0; } .slider .slides li.active { z-index: 2; } .slider .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; } .slider .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 16px; width: 16px; margin: 0 12px; background-color: #e0e0e0; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; border-radius: 50%; } .slider .indicators .indicator-item.active { background-color: #4caf50; } .carousel { overflow: hidden; position: relative; width: 100%; min-height: 660px; -webkit-perspective: 500px; perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .carousel.carousel-slider { top: 0; left: 0; } .carousel.carousel-slider .carousel-fixed-item { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 1; } .carousel.carousel-slider .carousel-fixed-item.with-indicators { bottom: 68px; } .carousel.carousel-slider .carousel-item { width: 100%; height: 100%; min-height: 400px; position: absolute; top: 0; left: 0; } .carousel.carousel-slider .carousel-item h2 { font-size: 24px; font-weight: 500; line-height: 32px; } .carousel.carousel-slider .carousel-item p { font-size: 15px; } .carousel .carousel-item { visibility: hidden; /* width: 200px; */ /* height: 200px; */ width: 257px; height: 489px; position: absolute; top: 0; left: 0; } .carousel .carousel-item > img { width: 100%; } .carousel .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; } .carousel .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; margin: 24px 4px; width: 8px; height: 8px; opacity : 0.5; content: ""; border-radius: 50%; border: 1px solid #fff; background-color: unset; /* round-color 0.3s; */ border-radius: 50%; } .carousel .indicators .indicator-item { width: 9px; height: 9px; content: ""; border-radius: 50%; border: 1px solid #fff; background-color: unset; } .carousel .indicators .indicator-item.active { background-color: #fff; opacity: 1; } .carousel.scrolling .carousel-item .materialboxed, .carousel .carousel-item:not(.active) .materialboxed { pointer-events: none; } .about_card-text { font-weight: 300!important; } .about_card:nth-child(3) .about_card-title { text-wrap: nowrap; } .marketplace { position: relative; margin-top: 5%; margin-bottom: 5%; } .blog_card .blog_card-title { /* font-size: 36px; */ font-size: 2.1vw; font-weight: 700; line-height: 2.2vw; color: var(--grey-black, #121212); text-transform: uppercase; transition: .3s ease all; } .truth { border-radius: 60px 60px 0px 0px; } .about_smi { padding-top: 5%; padding-bottom: 10%; border-radius: 0px 0px 60px 60px; } @media (min-width: 769px) and (max-width: 1200px) { .home .container { padding: 88px 30px 180px !important; } .reviews_item .swiper-fade .swiper-slide { width:100%!important; } .reviews_item.reviews_item2 { position: absolute; max-width: 500px; height: 360px; right: 0%; bottom: 25%; } .discount_top .discount_top-imgs { position: absolute; top: 20px; right: -10px; } .reviews .reviews_person { position: absolute; right: -20px; top: -20%; } .discount_top .discount_top-imgs .dicount_dog-img { width: 100%; } .home__title { font-size: 46px; } .reviews_item.reviews_item2 { bottom: 25%; } .reviews_items .reviews_item4 { order: 5; transform: rotate(-1.7deg); margin-top: 35%; z-index: -1; } .reviews_person-mob { position: absolute; right: 1%; } .blog_card .blog_card-info-wrap { width: 100%; } .discount_top .discount_top-imgs .dicount_dog-img { width: 75%; position: relative; right: -35%; } } @media(max-width:768px){ .home__title.invisible { font-size:28px; } .home .container { padding: 0px 30px 180px!important; } .container { max-width: 100%!important; margin: 0!important; } .about_slider .carousel .carousel-item { border-radius: 100% !important; } .about_slider .carousel .carousel-item img { width: 99px!important; height: 99px!important; } .reviews_block .reviews_items { flex-wrap: unset; gap: 20px!important; } .gift_line-img { display: none!important; } .discount__sale .discount_text { order: 1; margin-top: 0; font-size: 18px!important; color: var(--interface-main_black, #121212); font-family: "Craftwork Grotesk"; font-style: normal; font-weight: 500; line-height: normal; max-width: 100%; } .discount__sale .discount_form { flex-direction: column; gap: 21px!important; } .modal__basket { width: 100%!important; } .about_slider .carousel .carousel-item { gap: 12px; } .section_wrap { padding: 110px 0 0px; background: radial-gradient(250% 285% at 120% -27.98%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); } .truth_block .truth_link { height: 29px; border-width: 2px; text-transform: uppercase; } .discount_block_ae .discount__sale .discount_form .discount_form-btn { align-items: center; justify-content: flex-start; } .footer-content__address { font-size: 24px; line-height: 133%; margin-bottom: 20px; } .about_smi { padding-top: 5%; padding-bottom: 40%; border-radius: 0px 0px 60px 60px; } }