You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3580 lines
81 KiB
3580 lines
81 KiB
|
|
|
|
/* 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 .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);
|
|
}
|
|
|
|
.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 */
|
|
}
|
|
|
|
|
|
|
|
/* 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 */
|
|
|
|
/* 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,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M13.5303 6.53033C13.8232 6.23744 13.8232 5.76256 13.5303 5.46967L8.75736 0.6967C8.46447 0.403806 7.98959 0.403806 7.6967 0.6967C7.40381 0.989593 7.40381 1.46447 7.6967 1.75736L11.9393 6L7.6967 10.2426C7.40381 10.5355 7.40381 11.0104 7.6967 11.3033C7.98959 11.5962 8.46447 11.5962 8.75736 11.3033L13.5303 6.53033ZM-6.55672e-08 6.75L13 6.75L13 5.25L6.55672e-08 5.25L-6.55672e-08 6.75Z" fill="white"/></svg>');
|
|
}
|
|
|
|
.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,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M13.5303 6.53033C13.8232 6.23744 13.8232 5.76256 13.5303 5.46967L8.75736 0.6967C8.46447 0.403806 7.98959 0.403806 7.6967 0.6967C7.40381 0.989593 7.40381 1.46447 7.6967 1.75736L11.9393 6L7.6967 10.2426C7.40381 10.5355 7.40381 11.0104 7.6967 11.3033C7.98959 11.5962 8.46447 11.5962 8.75736 11.3033L13.5303 6.53033ZM-6.55672e-08 6.75L13 6.75L13 5.25L6.55672e-08 5.25L-6.55672e-08 6.75Z" fill="%23121212"/></svg>');
|
|
}
|
|
|
|
@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: 48px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: 56px; /* 116.667% */
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
@media (min-width: 1600px){
|
|
.home__title {
|
|
|
|
font-size: 64px;
|
|
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,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M13.5303 6.53033C13.8232 6.23744 13.8232 5.76256 13.5303 5.46967L8.75736 0.6967C8.46447 0.403806 7.98959 0.403806 7.6967 0.6967C7.40381 0.989593 7.40381 1.46447 7.6967 1.75736L11.9393 6L7.6967 10.2426C7.40381 10.5355 7.40381 11.0104 7.6967 11.3033C7.98959 11.5962 8.46447 11.5962 8.75736 11.3033L13.5303 6.53033ZM-6.55672e-08 6.75L13 6.75L13 5.25L6.55672e-08 5.25L-6.55672e-08 6.75Z" fill="black"/></svg>');
|
|
}
|
|
|
|
.home__btn:hover {
|
|
border-color: #FFF;
|
|
background: transparent;
|
|
color: #FFF;
|
|
}
|
|
|
|
.home__btn:hover span::after {
|
|
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" viewBox="0 0 14 12" fill="none"><path d="M13.5303 6.53033C13.8232 6.23744 13.8232 5.76256 13.5303 5.46967L8.75736 0.6967C8.46447 0.403806 7.98959 0.403806 7.6967 0.6967C7.40381 0.989593 7.40381 1.46447 7.6967 1.75736L11.9393 6L7.6967 10.2426C7.40381 10.5355 7.40381 11.0104 7.6967 11.3033C7.98959 11.5962 8.46447 11.5962 8.75736 11.3033L13.5303 6.53033ZM-6.55672e-08 6.75L13 6.75L13 5.25L6.55672e-08 5.25L-6.55672e-08 6.75Z" fill="white"/></svg>');
|
|
}
|
|
|
|
.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,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="56" height="56" rx="20" fill="white"/><path d="M37 28.364H20.5" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 28.364L30.636 34.728" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M37 28.364L30.636 22.0001" stroke="%23121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')!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,<svg xmlns="http://www.w3.org/2000/svg" width="694" height="72" viewBox="0 0 694 72" fill="none"><path d="M11.9188 27.3042H32.187C41.2147 27.3042 48.4133 29.1333 53.7827 32.7916C59.1522 36.4499 61.8369 41.9669 61.8369 49.3425C61.8369 56.8361 59.1227 62.5006 53.6942 66.3359C48.3248 70.1122 41.1557 72.0004 32.187 72.0004H0.589844V1.19451H56.3495V12.612H11.9188V27.3042ZM32.187 60.6714C38.1465 60.6714 42.4538 59.6978 45.109 57.7507C47.8233 55.8035 49.1804 53.0008 49.1804 49.3425C49.1804 45.7432 47.8528 43.029 45.1975 41.1998C42.5423 39.3117 38.2055 38.3676 32.187 38.3676H11.9188V60.6714H32.187Z" fill="white"/><path d="M126.889 72.0004H115.826V12.2579H92.3712V45.0941C92.3712 53.0598 91.5747 58.9898 89.9815 62.8841C88.3884 66.7194 86.1167 69.1976 83.1665 70.3187C80.2162 71.4398 76.0564 72.0004 70.687 72.0004V60.937C73.8732 60.937 76.1154 60.6714 77.4135 60.1404C78.7706 59.6093 79.7442 58.2522 80.3343 56.069C80.9833 53.8859 81.3078 50.2276 81.3078 45.0941V1.19451H126.889V72.0004Z" fill="white"/><path d="M135.771 36.2434C135.771 29.3988 137.04 23.3508 139.577 18.0994C142.114 12.789 145.831 8.65863 150.729 5.70839C155.685 2.69914 161.556 1.19451 168.342 1.19451C175.127 1.19451 180.939 2.69914 185.778 5.70839C190.675 8.65863 194.392 12.789 196.93 18.0994C199.467 23.3508 200.735 29.3988 200.735 36.2434C200.735 43.147 199.467 49.313 196.93 54.7414C194.392 60.1109 190.675 64.3297 185.778 67.398C180.939 70.4662 175.127 72.0004 168.342 72.0004C161.556 72.0004 155.715 70.4662 150.817 67.398C145.92 64.3297 142.173 60.1109 139.577 54.7414C137.04 49.313 135.771 43.147 135.771 36.2434ZM147.188 36.3319C147.188 43.7075 149.047 49.608 152.764 54.0334C156.482 58.3997 161.674 60.5829 168.342 60.5829C174.95 60.5239 180.084 58.3112 183.742 53.9449C187.459 49.5195 189.318 43.6485 189.318 36.3319C189.318 29.1333 187.459 23.3803 183.742 19.073C180.084 14.7656 174.95 12.612 168.342 12.612C161.674 12.612 156.482 14.7656 152.764 19.073C149.047 23.3803 147.188 29.1333 147.188 36.3319Z" fill="white"/><path d="M220.914 12.612V72.0004H209.585V1.19451H258.441V12.612H220.914Z" fill="white"/><path d="M410.804 53.5023C408.03 59.5208 404.077 64.1232 398.944 67.3095C393.869 70.4367 387.792 72.0004 380.711 72.0004C374.044 72.0004 368.32 70.4662 363.541 67.398C358.761 64.3297 355.132 60.1109 352.654 54.7414C350.176 49.313 348.937 43.147 348.937 36.2434C348.937 29.3988 350.176 23.3508 352.654 18.0994C355.132 12.789 358.761 8.65863 363.541 5.70839C368.32 2.69914 374.044 1.19451 380.711 1.19451C387.969 1.19451 394.135 2.84665 399.209 6.15092C404.343 9.39619 408.384 14.4411 411.335 21.2857L401.422 27.7467C399.416 22.1412 396.76 18.2174 393.456 15.9752C390.152 13.733 385.904 12.612 380.711 12.612C376.876 12.612 373.395 13.4675 370.267 15.1787C367.199 16.8898 364.75 19.5155 362.921 23.0558C361.151 26.5371 360.266 30.933 360.266 36.2434C360.266 44.5041 362.213 50.6406 366.107 54.6529C370.061 58.6063 375.135 60.5829 381.331 60.5829C386.169 60.5829 390.152 59.5208 393.279 57.3967C396.406 55.2725 398.885 51.8207 400.714 47.0413L410.804 53.5023Z" fill="white"/><path d="M490.787 36.3319C490.787 41.9374 489.518 46.8643 486.981 51.1126C484.444 55.302 480.903 58.6358 476.36 61.114C471.875 63.5922 466.683 65.1263 460.783 65.7163V72.0004H449.719V65.7163C443.937 65.0673 438.803 63.5037 434.319 61.0255C429.894 58.5473 426.412 55.2135 423.875 51.0241C421.397 46.8348 420.158 41.9374 420.158 36.3319C420.158 30.7855 421.397 25.9471 423.875 21.8167C426.412 17.6864 429.894 14.4116 434.319 11.9924C438.803 9.5732 443.937 8.06858 449.719 7.47853V1.19451H460.783V7.47853C466.683 8.06858 471.875 9.5732 476.36 11.9924C480.903 14.3526 484.444 17.5979 486.981 21.7282C489.518 25.8586 490.787 30.7265 490.787 36.3319ZM460.783 54.2989C466.742 53.5908 471.344 51.7617 474.59 48.8114C477.835 45.8612 479.458 41.7014 479.458 36.3319C479.458 25.9471 473.233 20.1351 460.783 18.896V54.2989ZM431.575 36.3319C431.575 41.7014 433.139 45.8907 436.266 48.9C439.452 51.8502 443.937 53.6793 449.719 54.3874V18.896C437.623 20.2531 431.575 26.0651 431.575 36.3319Z" fill="white"/><path d="M550.568 12.3464H510.739V31.11L544.815 31.0215V42.1734H510.739V60.937L550.568 60.8484V72.0004H499.676V1.28302H550.568V12.3464Z" fill="white"/><path d="M570.642 72.0004H559.401V1.19451H587.546C596.633 1.19451 604.245 2.84665 610.381 6.15092C616.577 9.45519 619.675 15.4737 619.675 24.2064C619.675 31.9361 616.518 37.453 610.204 40.7573C603.891 44.0616 596.338 45.7137 587.546 45.7137H570.642V72.0004ZM587.546 34.9158C594.037 34.9158 598.905 34.1192 602.15 32.5261C605.395 30.874 607.018 27.9827 607.018 23.8524C607.018 19.781 605.366 16.8603 602.062 15.0902C598.757 13.32 593.919 12.4349 587.546 12.4349H570.642V34.9158H587.546Z" fill="white"/><path d="M680.89 72.0004L673.544 55.007H639.291L631.945 72.0004H619.731L650.178 1.19451H662.48L693.104 72.0004H680.89ZM644.159 43.678L668.587 43.5895L656.373 15.2672L644.159 43.678Z" fill="white"/><path d="M334.62 1.98439C332.144 1.40598 329.585 1.28671 327.067 1.63237C323.976 1.98891 320.927 2.65515 317.965 3.62127C317.043 3.92049 316.12 4.2549 315.163 4.58932C313.88 3.92795 312.561 3.34032 311.213 2.82923C305.913 0.88809 300.23 0.263372 294.642 1.0077C289.054 1.75203 283.725 3.8436 279.103 7.10624C276.013 9.32172 273.277 12.005 270.993 15.0618C266.808 20.725 264.385 27.5201 264.032 34.5812C263.916 36.7799 264.015 38.9849 264.328 41.1639C260.78 45.1927 258.038 49.8788 256.253 54.963C255.427 57.4384 255.241 60.0862 255.713 62.6546C256.276 65.2707 257.816 67.566 260.012 69.0613C262.14 70.457 264.611 71.225 267.147 71.279C267.658 71.3049 268.169 71.3049 268.679 71.279C270.916 71.2431 273.143 70.9778 275.327 70.487C277.723 69.9818 280.083 69.3173 282.393 68.4981L283.124 68.2165L283.367 68.1285C287.564 70.2468 292.126 71.5257 296.803 71.8951C297.69 71.8951 298.543 72.0007 299.483 72.0007C303.905 72.0064 308.285 71.1395 312.379 69.4485C317.504 67.3559 322.083 64.0976 325.762 59.9265C329.1 56.1003 331.585 51.5924 333.047 46.7088C334.51 41.8253 334.916 36.6806 334.237 31.6243C335.108 30.5506 335.978 29.4593 336.726 28.3681C338.411 26.085 339.858 23.6312 341.042 21.0461C342.225 18.5937 342.934 15.9352 343.13 13.2137C343.269 10.6105 342.493 8.04154 340.938 5.96219C339.336 3.95364 337.109 2.55181 334.62 1.98439ZM285.525 56.7231L284.098 57.3567L283.837 57.1983V57.4975L283.402 57.6911L280.913 58.6592C281.282 57.7834 281.391 56.818 281.228 55.8805C281.064 54.943 280.634 54.0739 279.991 53.3789L279.051 52.2349C277.665 50.3835 276.497 48.3752 275.571 46.2506C274.755 44.2361 274.172 42.1337 273.83 39.9847C273.543 37.5762 273.543 35.1416 273.83 32.7331C274.18 30.5518 274.764 28.4154 275.571 26.3616C276.476 24.2717 277.614 22.2935 278.964 20.4653C280.31 18.7614 281.839 17.2147 283.524 15.8539C285.328 14.459 287.284 13.2779 289.354 12.3337C291.404 11.5039 293.541 10.9134 295.724 10.5736C298.036 10.2975 300.373 10.2975 302.685 10.5736C304.876 10.9277 307.023 11.5178 309.089 12.3337C311.135 13.2507 313.073 14.396 314.867 15.7483C316.595 17.1412 318.165 18.7231 319.549 20.4653C320.335 21.5409 321.055 22.6635 321.707 23.8271C322.038 24.3982 322.48 24.8954 323.006 25.2887C323.533 25.682 324.133 25.9632 324.77 26.1152C325.225 26.226 325.695 26.2675 326.162 26.2384C325.832 26.6432 325.518 27.048 325.17 27.4352C324.822 27.8225 324.474 28.2273 324.109 28.6145C323.743 29.0017 322.977 29.8642 322.368 30.4802C321.759 31.0962 321.428 31.4658 320.941 31.9411L319.201 33.7012L317.756 35.0564C317.008 35.7605 316.207 36.4645 315.407 37.1685L314.189 38.2246C312.849 39.3686 311.491 40.4951 310.099 41.5863C309.002 42.4488 307.906 43.2408 306.81 44.0505C306.166 44.5081 305.539 45.0009 304.913 45.4409C303.886 46.1802 302.842 46.849 301.815 47.5354C301.101 48.0107 300.388 48.5211 299.657 48.9787C298.63 49.6475 297.586 50.246 296.542 50.8796L294.384 52.1821C293.479 52.6925 292.643 53.1501 291.669 53.6429C290.694 54.1358 289.928 54.5934 289.11 55.0334L286.482 56.3007L285.525 56.7231ZM270.645 57.1631C271.411 58.2192 272.212 59.2224 272.995 60.1201C273.235 60.3976 273.517 60.6351 273.83 60.8241C272.995 61.0118 272.177 61.1703 271.376 61.2993C269.942 61.5114 268.487 61.5527 267.043 61.4225C266.606 61.3444 266.175 61.2326 265.755 61.0881L265.337 60.8593L265.25 60.7185V60.4193C265.225 60.0501 265.225 59.6796 265.25 59.3104C265.44 58.3413 265.72 57.3925 266.086 56.4767C266.657 55.1834 267.314 53.9309 268.052 52.7277C268.803 54.271 269.67 55.7538 270.645 57.1631ZM330.513 20.2013C330.411 19.7547 330.253 19.323 330.043 18.9164C328.587 16.3671 326.834 14.0034 324.822 11.8761C325.623 11.7001 326.423 11.5417 327.206 11.4185C328.627 11.1865 330.07 11.1274 331.505 11.2424C331.943 11.3183 332.373 11.4302 332.793 11.5769C332.939 11.6388 333.079 11.7154 333.211 11.8057C333.239 11.7995 333.269 11.7995 333.298 11.8057V11.9465C333.307 12.046 333.307 12.1462 333.298 12.2457C333.323 12.6031 333.323 12.9619 333.298 13.3194C333.109 14.3 332.829 15.2606 332.462 16.1883C331.907 17.5822 331.256 18.9349 330.513 20.2365V20.2013ZM308.985 54.3822L309.803 53.8014L311.3 52.7277L314.328 50.4572L315.859 49.2779C316.956 48.4155 318.035 47.5178 319.096 46.6554L320.071 45.8634C321.481 44.6665 322.856 43.452 324.178 42.2376C323.9 43.6266 323.516 44.9918 323.03 46.321C322.103 48.4184 320.935 50.3976 319.549 52.2173C318.205 53.9169 316.682 55.4632 315.007 56.8287C313.194 58.2201 311.233 59.4009 309.159 60.3489C307.112 61.1705 304.982 61.7608 302.807 62.109C300.702 62.3467 298.577 62.3467 296.472 62.109C300.782 59.7713 304.96 57.1916 308.985 54.3822Z" fill="white"/></svg>');
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
} |