Лагерь: CSS
This commit is contained in:
parent
6fc6202200
commit
b97b2411e8
@ -208,22 +208,17 @@ p {
|
||||
|
||||
/* banner END */
|
||||
|
||||
|
||||
/* =========================== */
|
||||
|
||||
/* about-us */
|
||||
|
||||
/* =========================== */
|
||||
|
||||
|
||||
|
||||
.about-us {
|
||||
background: #ffffff;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__wrapper {
|
||||
position: relative;
|
||||
display: flex;
|
||||
@ -234,8 +229,6 @@ p {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__image-col {
|
||||
|
||||
flex: 0 0 45%;
|
||||
@ -252,8 +245,6 @@ p {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__image {
|
||||
|
||||
display: block;
|
||||
@ -273,8 +264,6 @@ p {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__image-placeholder {
|
||||
|
||||
display: flex;
|
||||
@ -305,8 +294,6 @@ p {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__image-placeholder svg {
|
||||
|
||||
width: 48px;
|
||||
@ -317,8 +304,6 @@ p {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__content-col {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
@ -327,16 +312,12 @@ p {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__title {
|
||||
text-align: left;
|
||||
padding-bottom: 0;
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__text {
|
||||
font-family: Inter, sans-serif;
|
||||
font-size: 18px;
|
||||
@ -406,24 +387,18 @@ p {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__doodle {
|
||||
|
||||
position: absolute;
|
||||
|
||||
object-fit: contain;
|
||||
|
||||
|
||||
|
||||
pointer-events: none;
|
||||
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.about-us__doodle--plane {
|
||||
|
||||
width: 71px;
|
||||
@ -434,12 +409,8 @@ p {
|
||||
|
||||
right: -8px;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.about-us__doodle--heart {
|
||||
|
||||
width: 30px;
|
||||
@ -450,12 +421,8 @@ p {
|
||||
|
||||
left: -8px;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 780px) {
|
||||
|
||||
.about-us__wrapper {
|
||||
@ -517,7 +484,6 @@ p {
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* suggestions icon wrap */
|
||||
.suggestions__icon-wrap {
|
||||
width: 72px;
|
||||
@ -579,17 +545,8 @@ p {
|
||||
50% { transform: translateY(-12px) scale(1.05); }
|
||||
}
|
||||
.suggestions {
|
||||
background: #f8f9fa;
|
||||
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.suggestions {
|
||||
width: 100vw;
|
||||
margin-left: calc(-50vw + 50%);
|
||||
margin-right: calc(-50vw + 50%);
|
||||
}
|
||||
}
|
||||
.suggestions .container {
|
||||
max-width: 1216px;
|
||||
@ -747,14 +704,8 @@ p {
|
||||
.suggestions::before { display: none; }
|
||||
}
|
||||
.infograph {
|
||||
background: #faf7f2;
|
||||
|
||||
width: 100vw;
|
||||
margin-left: calc(-50vw + 50%);
|
||||
padding-left: calc(50vw - 50%);
|
||||
padding-right: calc(50vw - 50%);
|
||||
}
|
||||
|
||||
.infograph__item {
|
||||
width: calc(25% - 20px);
|
||||
display: flex;
|
||||
@ -1407,7 +1358,6 @@ p {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
|
||||
.foto-content {
|
||||
width: calc(50% - 20px);
|
||||
white-space: pre-line;
|
||||
@ -1738,7 +1688,6 @@ p {
|
||||
.about-us__title { font-size: 21px; text-align: left; }
|
||||
}
|
||||
|
||||
|
||||
.hero-media-search__content {
|
||||
text-align: center;
|
||||
}
|
||||
@ -1782,7 +1731,6 @@ p {
|
||||
.hero-media-search__propositions.on-desktop h3 { font-size: 16px; }
|
||||
.hero-media-search__propositions.on-desktop p { font-size: 14px; text-transform: capitalize; }
|
||||
|
||||
|
||||
.hero-media-search__media { width: 100%; }
|
||||
@media (min-width: 1024px) {
|
||||
.hero-media-search__media {
|
||||
@ -1883,7 +1831,6 @@ p {
|
||||
.hero-media-search__propositions.on-mobile h3 { font-size: 14px; }
|
||||
.hero-media-search__propositions.on-mobile p { font-size: 14px; }
|
||||
|
||||
|
||||
.hero-cta__text {
|
||||
font-size: 16.1px;
|
||||
text-align: center;
|
||||
@ -2369,16 +2316,6 @@ p {
|
||||
border-radius: clamp(6px, .83vw, 10px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.foto-content {
|
||||
width: calc(50% - clamp(13px, 1.67vw, 20px));
|
||||
}
|
||||
@ -2474,7 +2411,6 @@ p {
|
||||
|
||||
@media (width < 780px) {
|
||||
|
||||
|
||||
.camp {
|
||||
gap: 0;
|
||||
}
|
||||
@ -2489,8 +2425,6 @@ p {
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.banner {
|
||||
border-radius: 0 0 40px 40px;
|
||||
margin-top: 0;
|
||||
@ -2555,12 +2489,8 @@ p {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
|
||||
.infograph {
|
||||
background: #faf7f2;
|
||||
|
||||
padding-left: calc(50vw - 50%);
|
||||
padding-right: calc(50vw - 50%);
|
||||
}
|
||||
|
||||
.infograph-wrapper {
|
||||
@ -2777,14 +2707,6 @@ p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.more .btn-more {
|
||||
height: 24px;
|
||||
background: #fff;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user