Untitled
unknown
plain_text
2 years ago
14 kB
4
Indexable
Never
@media (max-width: 1023px) {
.burger {
display: block;
margin-top: 0px;
margin-right: 229px;
}
.main-header__list {
display: none;
}
.main-header {
border-radius: 0;
padding: 0 40px;
margin-bottom: 0;
height: 69px;
}
.main-header__search {
margin-top: 10px;
margin-right: 4px;
}
.main-header__logo {
width: 150px;
height: 48px;
margin-top: 10px;
}
.hero {
border-radius: 0;
background-position: center;
width: 668px;
height: 662px;
margin: 0;
background-size: cover;
margin-left: 8px;
}
.hero__title {
padding-top: 160px;
padding-left: 40px;
font-weight: 800;
font-size: 50px;
line-height: 61px;
}
.hero__descr {
font-weight: 700;
font-size: 18px;
line-height: 22px;
margin-top: 15px;
margin-left: 40px;
}
.hero__btn {
margin-left: 40px;
margin-top: 82px;
border-radius: 0;
}
.section__title {
font-weight: 400;
font-size: 48px;
line-height: 59px;
margin-bottom: 20px;
margin-top: 80px;
margin-left: 0;
}
.about {
margin-left: 0;
margin-right: 0;
width: 100%;
margin-bottom: 80px;
}
.about__descr {
font-weight: 400;
font-size: 16px;
line-height: 30px;
width: 100%;
margin-bottom: 74px;
margin-left: 2px;
}
.about__content {
flex-direction: column;
}
.about-content__left {
width: 100%;
border-radius: 0;
background: url('../img/about-us.jpg') no-repeat;
width: 668px;
height: 650px;
background-size: 668px 650px;
margin-bottom: 32px;
position: relative;
margin-left: 7px;
}
.about-content-left__descr {
font-weight: 700;
font-size: 16px;
line-height: 32px;
margin-left: 34px;
margin-top: -30px;
min-width: 366px;
margin-right: 50px;
}
.about-content__bottom {
position: absolute;
top: initial;
bottom: 0;
height: 196px;
border-radius: 0;
}
.about-content-left__btn {
width: 175px;
height: 60px;
border-radius: 0;
}
.about-right {
width: 100%;
margin-left: 5px;
}
.about-right__item {
border-radius: 0;
width: 668px;
height: 235px;
}
.about-right__title {
font-size: 24px;
line-height: 29px;
}
.about-right__item {
background-size: 114px 99px;
background-position: 40px 65px;
}
.about-right__title {
margin-top: 32px;
margin-left: 165px;
margin-bottom: 13px;
width: 100%;
}
.about-right__descr {
font-weight: 400;
font-size: 16px;
line-height: 30px;
margin-left: 165px;
width: 70%;
}
.section {
margin-left: 6px;
}
.how-we-work__title {
margin-bottom: 50px;
}
.how-we-work__step:not(:last-child) {
margin-right: 155px;
}
.how-we-work-wrapper {
flex-direction: column-reverse;
width: 100%;
}
.how-we-work__right {
width: 100%;
background-size: 668px 284px;
height: 284px;
width: 668px;
background-size: cover;
background-position: center;
background-image: url('../img/how-we-work.jpg');
margin-top: 5px;
margin-bottom: 38px;
}
.how-we-work__right-img {
display: none;
}
.how-we-work__left {
width: 100%;
margin-right: 50px;
}
.how-we-work__descr {
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 32px;
height: 368px;
margin-bottom: 10px;
}
.how-we-work {
width: 100%;
margin-top: 0;
margin-bottom: 80px;
}
.how-we-work-buttons__button {
border-radius: 0;
}
.faq__title {
margin-bottom: 32px;
}
.question__title {
max-width: 570px;
}
.main-footer__left {
margin-right: 130px;
margin-top: 0;
order: 1;
}
.main-footer__right {
display: none;
}
.main-footer__center {
margin-top: 0;
margin-right: 0;
}
.main-footer {
background: #222222;
padding: 30px 40px;
flex-direction: column;
height: 792px;
}
.main-footer__links {
display: none;
}
.center__title {
font-weight: 400;
font-size: 48px;
line-height: 59px;
}
.form__value {
border-radius: 0;
width: 540px;
height: 60px;
font-weight: 400;
font-size: 16px;
line-height: 32px;
}
.form__btn {
border-radius: 0;
width: 240px;
display: inline;
margin-bottom: 48px;
}
.footer__wrapper {
align-items: center;
}
.footer__check {
margin-top: -48px;
margin-left: 23px;
}
.input-text {
font-weight: 400;
font-size: 16px;
line-height: 32px;
}
.main-footer__logo {
margin-bottom: 15px;
}
.social__img {
margin-top: 0;
}
.form__checkbox {
margin-right: 3px;
}
.form__msg {
height: 150px;
}
}
@media (max-width: 767px) and (min-width: 320px) {
.burger {
display: block;
margin-top: 23px;
margin-right: 60px;
margin-left: -35px;
}
.main-header__list {
display: none;
}
.main-header {
border-radius: 0;
padding: 0 40px;
margin-bottom: 0;
height: 69px;
}
.main-header__search {
margin-top: 20px;
margin-right: -15px;
}
.main-header__logo {
width: 110px;
height: 35px;
margin-top: 15px;
}
.main {
margin: 0 auto;
}
.hero {
border-radius: 0;
background-position: center;
width: 290px;
height: 308px;
margin: 0 auto;
background-size: cover;
}
.hero__title {
padding-top: 60px;
padding-left: 0px;
font-weight: 800;
font-size: 20px;
line-height: 24px;
text-align: center;
}
.hero__descr {
font-size: 12px;
line-height: 15px;
text-align: center;
margin-top: 6px;
margin-left: 0px;
}
.hero__btn {
width: 162px;
height: 40px;
margin-left: 63px;
margin-top: 34px;
border-radius: 0;
font-size: 12px;
line-height: 15px;
}
.section__title {
font-weight: 400;
font-size: 24px;
line-height: 29px;
margin-bottom: 20px;
margin-top: 60px;
margin-left: -15px;
}
.about {
margin-left: 0;
margin-right: 0;
width: 100%;
margin-bottom: 80px;
}
.about__descr {
font-weight: 400;
font-size: 14px;
line-height: 28px;
width: 104%;
margin-bottom: 15px;
margin-left: -13px;
}
.about__content {
flex-direction: column;
}
.about-content__left {
width: 100%;
border-radius: 0;
background: url('../img/about-us.jpg') no-repeat;
width: 290px;
height: 200px;
background-size: 290px 200px;
margin-bottom: 150px;
position: relative;
margin-left: -15px;
}
.about-content-left__descr {
position: absolute;
font-weight: 400;
font-size: 14px;
line-height: 28px;
width: 70%;
height: 143px;
margin-right: 50px;
top: 233px;
left: -35px;
color: #000;
}
.about-content__bottom {
background-color: transparent;
display: block;
bottom: 0;
height: 196px;
border-radius: 0;
}
.about-content-left__btn {
font-size: 12px;
line-height: 15px;
width: 162px;
height: 40px;
border-radius: 0;
position: absolute;
color: #FF9900;
top: 353px;
}
.about-right {
width: 100%;
margin-left: -15px;
margin-top: 85px;
}
.about-right__item {
border-radius: 0;
width: 668px;
height: 235px;
background: none;
border: none;
}
.about-right__item:last-child {
background: none;
}
.right-1-320, .right-2-320 {
display: block;
width: 64px;
height: 49px;
margin-bottom: 8px;
}
.right-2-320 {
margin-bottom: 22px;
}
.about-right__item {
width: 100%;
}
.about-right__title {
font-weight: 500;
font-size: 18px;
line-height: 22px;
margin: 0;
width: 100%;
margin-bottom: 17px;
}
.about-right__descr {
font-weight: 400;
font-size: 14px;
line-height: 28px;
margin: 0;
width: 101%;
}
.section {
margin-left: 6px;
}
.how-we-work__title {
margin-bottom: 25px;
margin-top: 110px;
}
.how-we-work__step:not(:last-child) {
margin-right: 44px;
}
.how-we-work__step {
font-size: 12px;
line-height: 17px;
width: 40px;
height: 17px;
}
.how-we-work__steps {
margin-bottom: 10px;
}
.how-we-work-wrapper {
flex-direction: column-reverse;
width: 100%;
}
.how-we-work__right {
width: 100%;
background-size: 290px 160px;
height: 160px;
width: 290px;
background-repeat: no-repeat;
background-size: cover;
background-position: -30px 0px;
background-image: url('../img/how-we-work.jpg');
margin-top: 5px;
margin-bottom: 38px;
margin-left: -14px;
}
.how-we-work__right-img {
display: none;
}
.how-we-work__left {
width: 101%;
margin-right: 50px;
}
.how-we-work__subtitle {
font-weight: 500;
font-size: 18px;
line-height: 32px;
margin-left: -15px;
margin-top: -25px;
}
.how-we-work__descr {
width: 100%;
font-weight: 400;
font-size: 14px;
line-height: 28px;
margin-bottom: 10px;
margin-left: -15px;
height: auto;
}
.how-we-work {
width: 100%;
margin-top: 0;
margin-bottom: 80px;
}
.how-we-work-buttons__button {
border-radius: 0;
width: 162px;
height: 40px;
}
.faq__title {
margin-bottom: 16px;
margin-top: -40px;
}
.question__title {
max-width: 240px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
}
.question {
margin-left: -10px;
width: 105%;
}
.question__btn {
margin-left: auto;
width: 30px;
height: 30px;
background: url('../img/faq-question.svg');
background-size: 30px 30px;
}
.question:hover .question__btn {
background: url('../img/faq-question-active.svg');
background-size: 30px 30px;
}
.faq {
margin-bottom: 60px;
}
.main-footer__left {
margin-right: 130px;
margin-top: 0;
order: 1;
}
.main-footer__right {
display: none;
}
.main-footer__center {
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
}
.main-footer {
background: #222222;
padding: 32px 15px;
flex-direction: column;
height: 673px;
}
.main-footer__links {
display: none;
}
.center__title {
font-weight: 400;
font-size: 24px;
line-height: 29px;
}
.form__value {
border-radius: 0;
width: 100%;
height: 60px;
font-weight: 400;
font-size: 16px;
line-height: 32px;
margin-bottom: 25px;
}
.form__btn {
border-radius: 0;
width: 180px;
height: 40px;
display: inline;
margin-bottom: 55px;
font-size: 12px;
line-height: 15px;
}
.footer__wrapper {
flex-direction: column;
}
.footer__check {
margin-top: -48px;
margin-left: 23px;
}
.input-text {
font-weight: 400;
font-size: 14px;
line-height: 32px;
}
.main-footer__logo {
width: 131px;
height: 42px;
margin-bottom: 15px;
}
.social__img {
margin-top: 0;
width: 40px;
height: 40px;
background-size: 40px 40px;
margin-right: 16px;
}
.form__checkbox {
margin-right: 3px;
}
.social {
justify-content: space-between;
}
.form__msg {
height: 150px;
}
.form {
border-bottom: 1px solid #595959;
padding-bottom: 15px;
}
.main-footer__left {
margin: 0 auto;
}
}