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