Skip to content

L
landing_pages
Commit 95628bf9 by Iren
Options

Переделала футер под адаптив

parent aeb50226
Showing with 1114 additions and 214 deletions
css/styles.css
...@@ -63,7 +63,9 @@ header { ...@@ -63,7 +63,9 @@ header {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
header { header {
margin-bottom: 0; width: 320px;
height: 700px;
margin-bottom: 600px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
...@@ -359,6 +361,7 @@ video { ...@@ -359,6 +361,7 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.h2-desktop { .h2-desktop {
font-family: HelveticaNeue-Black;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -396,11 +399,19 @@ video { ...@@ -396,11 +399,19 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.text-h2-desktop { .text-h2-desktop {
font-family: SFUIDisplay-Light;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
line-height: 21px; line-height: 21px;
color: #315197; color: #315197;
letter-spacing: 0.14px; letter-spacing: 0.14px;
margin-bottom: 31px;
}
}
@media (max-width: 768px) {
.text-h2-desktop {
font-size: 14px;
letter-spacing: 0.14px;
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
...@@ -411,6 +422,11 @@ video { ...@@ -411,6 +422,11 @@ video {
max-width: 170px; max-width: 170px;
} }
} }
@media (max-width: 768px) {
.h2-desktop-tittle {
font-size: 32px;
}
}
.h3-desktop { .h3-desktop {
font-family: HelveticaNeue-Black; font-family: HelveticaNeue-Black;
margin-bottom: 18px; margin-bottom: 18px;
...@@ -446,6 +462,11 @@ video { ...@@ -446,6 +462,11 @@ video {
letter-spacing: 0; letter-spacing: 0;
} }
} }
@media (max-width: 768px) {
.text-h3-desktop {
font-size: 14px;
}
}
/*main*/ /*main*/
.text-margin { .text-margin {
margin-bottom: 52px; margin-bottom: 52px;
...@@ -497,6 +518,12 @@ video { ...@@ -497,6 +518,12 @@ video {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
@media (max-width: 768px) {
.main-card-text {
height: 170px;
margin-bottom: 10px;
}
}
@media (max-width: 992px) { @media (max-width: 992px) {
.main-btn-margin { .main-btn-margin {
margin-top: 130px!important; margin-top: 130px!important;
...@@ -534,6 +561,18 @@ video { ...@@ -534,6 +561,18 @@ video {
padding-bottom: 20px; padding-bottom: 20px;
} }
} }
@media (max-width: 768px) {
.advertising-background {
padding-bottom: 20px;
padding-top: 90px;
}
}
@media (max-width: 576px) {
.advertising-background {
padding-bottom: 0;
padding-top: 90px;
}
}
.advertising { .advertising {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -554,24 +593,25 @@ video { ...@@ -554,24 +593,25 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.advertising-text-order { .advertising-text-order {
width: 100%; width: 300px;
order: 0; order: 0;
} }
} }
.advertising-text-order h2 { .advertising-text-order h2 {
font-family: AvenirNext-Heavy;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
color: #315197; color: #315197;
letter-spacing: 0.36px; letter-spacing: 0.36px;
max-width: 803px; max-width: 803px;
font-family: AvenirNext-Heavy;
margin-bottom: 21px; margin-bottom: 21px;
line-height: 36px; line-height: 36px;
font-weight: 800; font-weight: 800;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.advertising-text-order h2 { .advertising-text-order h2 {
font-family: HelveticaNeue-Black;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -580,28 +620,71 @@ video { ...@@ -580,28 +620,71 @@ video {
margin-top: 20px; margin-top: 20px;
} }
} }
.advertising-text-order p { @media (max-width: 768px) {
font-family: SFUIDisplay-Light; .advertising-text-order h2 {
font-size: 18px; font-size: 30px;
font-weight: 300; font-family: AvenirNext-Heavy;
line-height: 27px; margin-bottom: 15px;
color: #315197; }
letter-spacing: 0.18px;
max-width: 850px;
margin-bottom: 40px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.advertising-text-order p { .advertising-text-order h2 {
font-size: 14px; width: 300px!important;
font-weight: 300; font-size: 30px;
line-height: 21px; font-family: AvenirNext-Heavy;
margin-bottom: 15px;
}
}
.advertising-text {
width: 110%;
font-family: AvenirNext-Heavy;
}
.advertising-text h2 {
font-size: 36px;
line-height: 62px;
margin-bottom: 3px;
color: #315197; color: #315197;
letter-spacing: 0.14px; letter-spacing: 0.36px;
max-width: 803px;
font-family: AvenirNext-Heavy;
margin-bottom: 21px;
line-height: 36px;
font-weight: 800;
}
@media (max-width: 576px) {
.advertising-text h2 {
font-family: HelveticaNeue-Black;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
letter-spacing: 0.24px;
max-width: 250px;
margin-top: 20px;
}
}
@media (max-width: 768px) {
.advertising-text h2 {
font-size: 30px;
font-family: AvenirNext-Heavy;
margin-bottom: 15px;
}
}
@media (max-width: 576px) {
.advertising-text h2 {
width: 100%;
font-size: 30px;
font-family: AvenirNext-Heavy;
margin-bottom: 15px;
} }
} }
.advertising-text .main-line { .advertising-text .main-line {
margin-bottom: 24px; margin-bottom: 24px;
} }
@media (max-width: 768px) {
.advertising-text .main-line {
margin-bottom: 15px;
}
}
.advertising-text-order .main-line { .advertising-text-order .main-line {
margin-bottom: 24px; margin-bottom: 24px;
} }
...@@ -630,55 +713,17 @@ video { ...@@ -630,55 +713,17 @@ video {
padding-top: 25px; padding-top: 25px;
} }
} }
.advertising-text { /* p {
width: 110%; .text-h2-desktop;
} @media (max-width: 768px) {
.advertising-text h2 {
font-family: AvenirNext-Heavy;
font-size: 36px;
line-height: 62px;
margin-bottom: 3px;
color: #315197;
letter-spacing: 0.36px;
max-width: 803px;
margin-bottom: 31px;
line-height: 36px;
font-weight: 800;
}
@media (max-width: 576px) {
.advertising-text h2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
letter-spacing: 0.24px;
max-width: 250px;
margin-top: 20px;
}
}
.advertising-text p {
font-family: SFUIDisplay-Light;
font-size: 18px; font-size: 18px;
font-weight: 300; letter-spacing: 0.16px;
line-height: 27px; margin-bottom: 0;
color: #315197;
letter-spacing: 0.18px;
max-width: 850px;
margin-bottom: 40px;
}
@media (max-width: 576px) {
.advertising-text p {
font-size: 14px;
font-weight: 300;
line-height: 21px;
color: #315197;
letter-spacing: 0.14px;
} }
}
@media (max-width: 576px) {
.advertising-text {
width: 100%;
} }
} @media (max-width: 576px) {
width: 100%;
}*/
@media (min-height: 577px) { @media (min-height: 577px) {
.advertising-img { .advertising-img {
margin-top: -65px; margin-top: -65px;
...@@ -717,6 +762,7 @@ video { ...@@ -717,6 +762,7 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.option h2 { .option h2 {
font-family: HelveticaNeue-Black;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -745,13 +791,21 @@ video { ...@@ -745,13 +791,21 @@ video {
justify-content: space-between; justify-content: space-between;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: baseline; align-items: baseline;
margin-top: 32px; margin-top: 0;
} }
} }
.option-card-img { .option-card-img {
text-align: center; text-align: center;
max-width: 485px; max-width: 485px;
} }
@media (max-width: 768px) {
.option-card-img {
width: 275px;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.2px;
}
}
.option-card-img h4 { .option-card-img h4 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
font-size: 30px; font-size: 30px;
...@@ -795,24 +849,49 @@ video { ...@@ -795,24 +849,49 @@ video {
.option-text { .option-text {
min-height: 70px; min-height: 70px;
} }
@media (max-width: 576px) { @media (max-width: 768px) {
.option-text { .option-text {
min-height: 145px; min-height: 145px;
margin-bottom: 10px; width: 240px;
}
}
@media (max-width: 576px) {
.option-text {
width: 139px;
} }
} }
.option-text p {
font-family: HelveticaNeue-Black;
font-size: 14px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.14px;
color: #303a81;
}
.option-card-img-container { .option-card-img-container {
text-align: center;
margin: 0 auto; margin: 0 auto;
/*max-width: 281px;*/ /*max-width: 281px;*/
max-height: 284px; max-height: 284px;
} }
@media (max-width: 768px) {
.option-card-img-container {
height: 169px;
max-width: 180px;
}
}
@media (max-width: 576px) { @media (max-width: 576px) {
.option-card-img-container { .option-card-img-container {
max-width: 139px; width: 107px;
max-height: 139px; height: 92px;
margin: 0 auto;
margin-bottom: 10px;
} }
}
@media (max-width: 576px) {
.option-card-img-container img { .option-card-img-container img {
max-width: 140px; width: 107px;
height: 100px;
} }
} }
.option-card-line { .option-card-line {
...@@ -824,7 +903,7 @@ video { ...@@ -824,7 +903,7 @@ video {
border-left: 1px solid gray; border-left: 1px solid gray;
transform: rotate(15deg); transform: rotate(15deg);
} }
@media (max-width: 576px) { @media (max-width: 992px) {
.option-card-line { .option-card-line {
position: absolute; position: absolute;
width: 2px; width: 2px;
...@@ -834,11 +913,21 @@ video { ...@@ -834,11 +913,21 @@ video {
top: 2%; top: 2%;
} }
} }
@media (max-width: 992px) { @media (max-width: 768px) {
.option-card-line { .option-card-line {
position: absolute; position: absolute;
width: 2px; width: 2px;
height: 343px; height: 203px;
transform: rotate(0deg);
left: 50%;
top: 2%;
}
}
@media (max-width: 576px) {
.option-card-line {
position: absolute;
width: 2px;
height: 313px;
transform: rotate(0deg); transform: rotate(0deg);
left: 50%; left: 50%;
top: 2%; top: 2%;
...@@ -853,6 +942,21 @@ video { ...@@ -853,6 +942,21 @@ video {
margin-bottom: 71px!important; margin-bottom: 71px!important;
} }
} }
@media (max-width: 768px) {
.option-btn {
width: 240px;
}
}
@media (max-width: 768px) {
.option-btn {
width: 143px;
height: 34px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.16px;
}
}
/*protection*/ /*protection*/
.protection-background { .protection-background {
background: #f9fbff; background: #f9fbff;
...@@ -872,13 +976,46 @@ video { ...@@ -872,13 +976,46 @@ video {
padding-bottom: 145px; padding-bottom: 145px;
} }
} }
@media (max-width: 576px) {
.protection-background {
padding-top: 71px;
padding-bottom: 10px;
}
}
.protection { .protection {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.protection-card {
display: flex;
flex-flow: wrap;
align-items: stretch;
width: 33%;
margin-top: 10px;
padding-right: 10%;
height: auto;
}
@media (max-width: 992px) {
.protection-card {
height: 250px;
}
}
@media (max-width: 576px) {
.protection-card {
flex-flow: nowrap;
width: 100%;
padding-right: 0;
height: 103px;
}
}
.protection-img { .protection-img {
width: 100%; width: 100%;
} }
@media (max-width: 768px) {
.protection-img {
height: 126px;
}
}
@media (max-width: 576px) { @media (max-width: 576px) {
.protection-img img { .protection-img img {
width: 70px; width: 70px;
...@@ -892,6 +1029,11 @@ video { ...@@ -892,6 +1029,11 @@ video {
margin-bottom: 40px; margin-bottom: 40px;
} }
} }
@media (max-width: 576px) {
.protection-text-margin {
margin-bottom: 35px;
}
}
.protection-text { .protection-text {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
height: 90px; height: 90px;
...@@ -904,6 +1046,11 @@ video { ...@@ -904,6 +1046,11 @@ video {
min-width: 216px; min-width: 216px;
} }
} }
@media (max-width: 768px) {
.protection-text {
height: 150px;
}
}
.protection-line { .protection-line {
margin-bottom: 12px; margin-bottom: 12px;
} }
...@@ -916,6 +1063,11 @@ video { ...@@ -916,6 +1063,11 @@ video {
padding-top: 65px; padding-top: 65px;
} }
} }
@media (max-width: 576px) {
.catalog {
padding-top: 55px;
}
}
.catalog-container { .catalog-container {
display: flex; display: flex;
} }
...@@ -930,13 +1082,29 @@ video { ...@@ -930,13 +1082,29 @@ video {
@media (max-width: 576px) { @media (max-width: 576px) {
.catalog-container { .catalog-container {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 768px) {
.catalog-container {
flex-wrap: wrap;
} }
} }
.tittle-catalog { .tittle-catalog {
margin-bottom: 70px; margin-bottom: 70px;
} }
@media (max-width: 768px) {
.tittle-catalog {
margin-bottom: 50px;
}
}
@media (max-width: 576px) {
.tittle-catalog {
margin-bottom: 47px;
}
}
.catalog-img-container { .catalog-img-container {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
margin-right: 5%; margin-right: 5%;
margin-bottom: 60px; margin-bottom: 60px;
width: 400px; width: 400px;
...@@ -953,19 +1121,71 @@ video { ...@@ -953,19 +1121,71 @@ video {
width: 340px; width: 340px;
} }
} }
@media (max-width: 768px) {
.catalog-img-container {
margin-right: 0;
width: 550px;
}
}
@media (max-width: 576px) {
.catalog-img-container {
margin-bottom: 23px;
}
}
@media (max-width: 576px) {
.catalog-img-container h5 {
font-family: AvenirNext-Heavy;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.16px;
color: #303a81;
margin-bottom: 14px;
}
}
.catalog-img-container img {
margin-right: 5px;
width: 90px;
}
@media (max-width: 1250px) {
.catalog-img-container img {
width: 100px;
}
}
@media (max-width: 992px) { @media (max-width: 992px) {
.catalog-img-container img { .catalog-img-container img {
width: 75px; width: 75px;
} }
} }
@media (max-width: 1250px) { @media (max-width: 768px) {
.catalog-img-container img { .catalog-img-container img {
width: 100px; width: 150px;
margin-right: 20px;
}
}
@media (max-width: 576px) {
.catalog-img-container img {
width: 70px;
margin-right: 10px;
} }
} }
.catalog-img-container-end { .catalog-img-container-end {
margin-right: 0; margin-right: 0;
} }
.catalog-img-container-end img {
width: 115px;
margin-right: 5px;
}
@media (max-width: 1250px) {
.catalog-img-container-end img {
width: 90px;
}
}
@media (max-width: 992px) {
.catalog-img-container-end img {
width: 70px;
}
}
.catalig-img { .catalig-img {
margin-top: -20px; margin-top: -20px;
} }
...@@ -973,6 +1193,17 @@ video { ...@@ -973,6 +1193,17 @@ video {
max-width: 56%; max-width: 56%;
margin-bottom: 120px; margin-bottom: 120px;
} }
@media (max-width: 768px) {
.catalog-text {
max-width: 100%;
margin-bottom: 80px;
}
}
@media (max-width: 576px) {
.catalog-text {
margin-bottom: 60px;
}
}
.catalog-text h6 { .catalog-text h6 {
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
...@@ -980,6 +1211,16 @@ video { ...@@ -980,6 +1211,16 @@ video {
color: #303a81; color: #303a81;
margin-bottom: 15px; margin-bottom: 15px;
} }
@media (max-width: 576px) {
.catalog-text h6 {
font-family: AvenirNext-Heavy;
font-size: 18px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.18px;
margin-bottom: 5px;
}
}
.catalog-text p { .catalog-text p {
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
...@@ -987,6 +1228,20 @@ video { ...@@ -987,6 +1228,20 @@ video {
letter-spacing: 0.24px; letter-spacing: 0.24px;
color: #303a81; color: #303a81;
} }
@media (max-width: 768px) {
.catalog-text p {
font-family: SFUIDisplay-Light;
font-size: 14px;
letter-spacing: 0.14px;
}
}
@media (max-width: 576px) {
.catalog-text p {
font-family: SFUIDisplay-Light;
font-size: 14px;
letter-spacing: 0.14px;
}
}
/*technology*/ /*technology*/
.technology { .technology {
background: #f9fbff; background: #f9fbff;
...@@ -1010,11 +1265,24 @@ video { ...@@ -1010,11 +1265,24 @@ video {
@media (max-width: 992px) { @media (max-width: 992px) {
.technology { .technology {
padding-top: 80px; padding-top: 80px;
padding-bottom: 85px; padding-bottom: 95px;
margin-bottom: 70px; margin-bottom: 70px;
} }
} }
/*technology*/ @media (max-width: 768px) {
.technology {
padding-top: 50px;
padding-bottom: 70px;
margin-bottom: 40px;
}
}
@media (max-width: 576px) {
.technology {
padding-top: 72px;
padding-bottom: 35px;
margin-bottom: 40px;
}
}
.technology-container-wrapper { .technology-container-wrapper {
display: flex; display: flex;
width: 100%; width: 100%;
...@@ -1025,21 +1293,37 @@ video { ...@@ -1025,21 +1293,37 @@ video {
justify-content: flex-start; justify-content: flex-start;
} }
} }
@media (max-width: 768px) {
.technology-container-wrapper {
flex-direction: column;
}
}
.technology-containe { .technology-containe {
width: 50%; width: 50%;
height: 200px;
margin-top: 50px; margin-top: 50px;
display: flex; display: flex;
} }
@media (max-width: 576px) { @media (max-width: 992px) {
.technology-containe { .technology-containe {
justify-content: center; height: 200px;
margin-top: 20px;
}
}
@media (max-width: 768px) {
.technology-containe {
justify-content: space-between;
width: 100%; width: 100%;
height: 250px;
margin-top: 0!important;
} }
} }
@media (max-width: 992px) { @media (max-width: 576px) {
.technology-containe { .technology-containe {
height: 200px; justify-content: center;
margin-top: 20px; height: 190px;
width: 100%;
margin-bottom: 30px;
} }
} }
.technology-card { .technology-card {
...@@ -1053,29 +1337,55 @@ video { ...@@ -1053,29 +1337,55 @@ video {
padding-right: 50px; padding-right: 50px;
} }
} }
@media (max-width: 576px) {
.technology-card {
height: 190px;
padding-right: 5px;
text-align: center!important;
}
}
.technology-card p { .technology-card p {
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 24px; line-height: 24px;
color: #303a81; color: #303a81;
letter-spacing: 0.16px; letter-spacing: 0.16px;
width: 103px;
}
@media (max-width: 576px) {
.technology-card p {
padding-right: 5px;
text-align: center;
}
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.technology-card img { .technology-card img {
width: 100px; width: 120px;
} }
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.technology-card { .technology-card img {
width: 142px; width: 108px;
} }
} }
.technology-card-end { .technology-card-end {
padding-right: 0; padding-right: 0;
} }
@media (max-width: 576px) {
.technology-card-end {
width: 142px;
}
}
.technology-img { .technology-img {
height: 110px; height: 110px;
} }
@media (max-width: 576px) {
.technology-img {
width: 145px;
height: 113px;
margin-bottom: 16px;
}
}
/*price*/ /*price*/
.price-wrapper { .price-wrapper {
margin: 0 auto; margin: 0 auto;
...@@ -1083,7 +1393,7 @@ video { ...@@ -1083,7 +1393,7 @@ video {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 128px; margin-bottom: 128px;
/*@media (max-width: 1250px) { /*@media (max-width: 768px) {
position: absolute; position: absolute;
display: none; display: none;
}*/ }*/
...@@ -1093,6 +1403,13 @@ video { ...@@ -1093,6 +1403,13 @@ video {
margin-left: -15px; margin-left: -15px;
} }
} }
@media (max-width: 576px) {
.price-wrapper {
width: 300px;
height: 731px;
text-overflow: ellipsis;
}
}
.price-container, .price-container,
.price-container-active { .price-container-active {
position: relative; position: relative;
...@@ -1107,18 +1424,24 @@ video { ...@@ -1107,18 +1424,24 @@ video {
@media (max-width: 1250px) { @media (max-width: 1250px) {
.price-container, .price-container,
.price-container-active { .price-container-active {
width: 190px; width: 288px;
height: 900px; height: 870px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.price-container, .price-container,
.price-container-active { .price-container-active {
width: 174px; width: 174px;
height: 990px; height: 930px;
padding: 30px 8px 32px 8px; padding: 30px 8px 32px 8px;
} }
} }
@media (max-width: 768px) {
.price-container,
.price-container-active {
width: 145px;
}
}
.price-container h6, .price-container h6,
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
...@@ -1147,7 +1470,7 @@ video { ...@@ -1147,7 +1470,7 @@ video {
@media (max-width: 1250px) { @media (max-width: 1250px) {
.price-container img, .price-container img,
.price-container-active img { .price-container-active img {
width: 223px; width: 288px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
...@@ -1172,17 +1495,22 @@ video { ...@@ -1172,17 +1495,22 @@ video {
} }
@media (max-width: 1250px) { @media (max-width: 1250px) {
.price-container-active { .price-container-active {
width: 190px; width: 288px;
height: 931px; height: 901px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.price-container-active { .price-container-active {
width: 174px; width: 174px;
height: 1020px; height: 970px;
padding: 30px 8px 32px 8px; padding: 30px 8px 32px 8px;
} }
} }
@media (max-width: 768px) {
.price-container-active {
width: 145px;
}
}
.price-container-active h6 { .price-container-active h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
position: relative; position: relative;
...@@ -1204,7 +1532,7 @@ video { ...@@ -1204,7 +1532,7 @@ video {
} }
@media (max-width: 1250px) { @media (max-width: 1250px) {
.price-container-active img { .price-container-active img {
width: 222px; width: 288px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
...@@ -1235,7 +1563,7 @@ video { ...@@ -1235,7 +1563,7 @@ video {
.price, .price,
.price-active { .price-active {
width: 100%; width: 100%;
height: 53px; height: auto;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
margin-bottom: 16px; margin-bottom: 16px;
...@@ -1265,7 +1593,7 @@ video { ...@@ -1265,7 +1593,7 @@ video {
height: 90px; height: 90px;
} }
.price .price-p-margin { .price .price-p-margin {
line-height: 110px; /*line-height: 110px;*/
font-size: 28px; font-size: 28px;
font-weight: 500; font-weight: 500;
text-transform: none; text-transform: none;
...@@ -1283,9 +1611,18 @@ video { ...@@ -1283,9 +1611,18 @@ video {
font-size: 24px; font-size: 24px;
} }
} }
.price-p-margin {
line-height: 40px;
margin-top: 110px;
}
@media (max-width: 1250px) {
.price-p-margin {
margin-top: 48px;
}
}
.price-line-little { .price-line-little {
width: 75px; width: 75px;
height: 12px; height: 2px;
border-bottom: #c94d4e 1px solid; border-bottom: #c94d4e 1px solid;
margin: 0 auto; margin: 0 auto;
} }
...@@ -1294,7 +1631,7 @@ video { ...@@ -1294,7 +1631,7 @@ video {
list-style-type: disc; list-style-type: disc;
} }
.price-info li { .price-info li {
font-size: 16px; font-size: 14px;
font-weight: 300; font-weight: 300;
letter-spacing: 0; letter-spacing: 0;
color: #303a81; color: #303a81;
...@@ -1350,7 +1687,7 @@ video { ...@@ -1350,7 +1687,7 @@ video {
.price-btn { .price-btn {
width: 180px; width: 180px;
padding: 12px 10px 15px 10px; padding: 12px 10px 15px 10px;
margin-left: -8px; margin-left: -3px;
} }
} }
.price-btn-active { .price-btn-active {
...@@ -1373,7 +1710,7 @@ video { ...@@ -1373,7 +1710,7 @@ video {
.connection { .connection {
background-image: url("../img/background-form.jpg"); background-image: url("../img/background-form.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; /*background-size: 100% 100%;*/
background-position: center; background-position: center;
} }
.form-wrapper { .form-wrapper {
...@@ -1384,6 +1721,12 @@ video { ...@@ -1384,6 +1721,12 @@ video {
padding-top: 12.7%; padding-top: 12.7%;
padding-bottom: 14%; padding-bottom: 14%;
} }
@media (max-width: 576px) {
.form-wrapper {
height: 614px;
padding-top: 71px;
}
}
.form-wrapper h6 { .form-wrapper h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
...@@ -1392,6 +1735,21 @@ video { ...@@ -1392,6 +1735,21 @@ video {
letter-spacing: 0.6px; letter-spacing: 0.6px;
margin-bottom: 20px; margin-bottom: 20px;
} }
@media (max-width: 768px) {
.form-wrapper h6 {
font-size: 50px;
}
}
@media (max-width: 576px) {
.form-wrapper h6 {
font-family: AvenirNext-Heavy;
font-size: 30px;
font-weight: 400;
line-height: 62px;
letter-spacing: 0.24px;
margin-bottom: 0;
}
}
.form-wrapper p { .form-wrapper p {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
font-size: 20px; font-size: 20px;
...@@ -1401,7 +1759,21 @@ video { ...@@ -1401,7 +1759,21 @@ video {
line-height: 30px; line-height: 30px;
margin-bottom: 27px; margin-bottom: 27px;
} }
.form-wrapper input { @media (max-width: 576px) {
.form-wrapper p {
margin-left: 21px;
margin-right: 21px;
width: 281px;
font-family: SFUIDisplay-Regular;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0;
margin-bottom: 31px;
color: white;
}
}
input {
width: 582px; width: 582px;
height: 52px; height: 52px;
border-radius: 10px; border-radius: 10px;
...@@ -1410,10 +1782,32 @@ video { ...@@ -1410,10 +1782,32 @@ video {
margin-bottom: 30px; margin-bottom: 30px;
border: none; border: none;
} }
@media (max-width: 576px) {
input {
width: 284px!important;
padding-left: 16px;
}
}
@media (max-width: 768px) {
.form-wrapper input {
width: 500px;
}
}
input.form-last-child { input.form-last-child {
margin-bottom: 0; margin-bottom: 0;
background: white; background: white;
} }
@media (max-width: 768px) {
input.form-last-child {
width: 500px!important;
}
}
@media (max-width: 576px) {
input.form-last-child {
width: 284px!important;
padding-left: 16px;
}
}
.form-line { .form-line {
margin: 0 auto; margin: 0 auto;
width: 398px; width: 398px;
...@@ -1421,11 +1815,27 @@ input.form-last-child { ...@@ -1421,11 +1815,27 @@ input.form-last-child {
border-bottom: #c94d4e 2px solid; border-bottom: #c94d4e 2px solid;
margin-bottom: 47px; margin-bottom: 47px;
} }
@media (max-width: 576px) {
.form-line {
width: 250px;
margin-bottom: 24px;
}
}
.form-btn { .form-btn {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
margin-top: -100px; margin-top: -100px;
border: none; border: none;
} }
@media (max-width: 576px) {
.form-btn {
width: 230px!important;
height: 48px;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.18px;
margin-top: 32px!important;
}
}
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: #c0c0c0; color: #c0c0c0;
font-size: 18px; font-size: 18px;
...@@ -1449,25 +1859,54 @@ input.form-last-child { ...@@ -1449,25 +1859,54 @@ input.form-last-child {
letter-spacing: 0; letter-spacing: 0;
} }
/*footer*/ /*footer*/
footer { @media (max-width: 576px) {
height: 226px; footer {
padding-top: 60px;
}
} }
.footer-wrapper { .footer-wrapper-logo {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 40px;
} }
.footer-info { @media (max-width: 576px) {
width: 244px; .footer-wrapper-logo img {
margin-top: 32px; width: 143px;
height: 28px;
}
} }
.footer-info img { @media (max-width: 576px) {
margin-bottom: 20px; .footer-wrapper-logo a {
font-size: 14px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.14px;
color: #315197;
}
} }
.footer-link { .footer-wrapper-info {
margin-bottom: 15px; display: flex;
justify-content: space-between;
} }
.footer-img { @media (max-width: 576px) {
margin-top: 12px; .footer-wrapper-info {
flex-wrap: wrap;
}
}
.footer-info {
margin-top: 20px;
}
@media (max-width: 576px) {
.footer-info {
order: 3;
width: 320px;
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.footer-info img {
margin-top: 20px;
}
} }
.footer-link a { .footer-link a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
...@@ -1477,14 +1916,29 @@ footer { ...@@ -1477,14 +1916,29 @@ footer {
color: #315197; color: #315197;
letter-spacing: 0.14px; letter-spacing: 0.14px;
} }
.footer-link {
margin-bottom: 20px;
}
@media (max-width: 576px) {
.footer-link a {
font-family: SFUIDisplay-Regular;
font-size: 14px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.14px;
color: #315197;
}
}
.footer-contacts { .footer-contacts {
text-align: right; text-align: right;
margin-top: 35px;
} }
.footer-contacts-link { @media (max-width: 576px) {
margin-bottom: 9px; .footer-contacts {
order: 0;
width: 320px;
}
} }
.footer-contacts-link a { .footer-contacts a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
...@@ -1492,6 +1946,24 @@ footer { ...@@ -1492,6 +1946,24 @@ footer {
color: #315197; color: #315197;
letter-spacing: 0.16px; letter-spacing: 0.16px;
} }
@media (max-width: 576px) {
.footer-contacts a {
font-family: SFUIDisplay-Regular;
font-size: 14px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.14px;
color: #315197;
}
}
.footer-contact-img {
padding-top: 5px;
}
@media (max-width: 576px) {
.footer-contact-img {
display: none;
}
}
.footer-icon-text { .footer-icon-text {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular sans-serif;
font-size: 16px; font-size: 16px;
...@@ -1504,4 +1976,14 @@ footer { ...@@ -1504,4 +1976,14 @@ footer {
color: #315197; color: #315197;
margin-left: 27px; margin-left: 27px;
} }
@media (max-width: 768px) {
.footer-icon {
margin-left: 10px;
}
}
@media (max-width: 576px) {
.footer-icon {
width: 5px;
}
}
/*# sourceMappingURL=styles.css.map */ /*# sourceMappingURL=styles.css.map */
\ No newline at end of file
css/styles.css.map
{"version":3,"sources":["styles.less"],"names":[],"mappings":"AAAA;EACE,gCAAA;;EAEA,SAAS,mCAAT;;AAEF;EACE,gCAAA;EACA,SAAS,mCAAT;EACA,mBAAA;EACA,kBAAA;;AAEF;EACE,8BAAA;EACA,SAAS,iCAAT;EACA,mBAAA;EACA,kBAAA;;AAEF;EACE,sBAAA;;AAEF;EACE,aAAA;EACA,uBAAA;;AAEF,MAAM;AAAW;EACf,gCAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,sBAAA;EACA,kBAAA;;AACA,QAA0B;EAA1B,MAdI;EAcJ;IACE,gCAAA;IACA,YAAA;IACA,YAAA;IACA,gBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IACA,cAAA;IACA,eAAA;IACA,oBAAA;IACA,sBAAA;;;AAGJ;EACE,sBAAsB,oBAAtB;EACA,4BAAA;EACA,0BAAA;EACA,2BAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B;IACE,gBAAA;;;AAEF,QAA0B;EAA1B;IACE,mBAAA;;;AAGJ;EACE,sBAAsB,+BAAtB;EACA,4BAAA;EACA,0BAAA;EACA,2BAAA;EACA,kBAAA;EACA,aAAA;EACA,eAAA;EACA,cAAA;;AAEF;EACE,WAAA;EACA,aAAA;;AACA,QAA0B;EAA1B;IACE,aAAA;;;AAGJ;EACE,aAAA;EACA,UAAA;;AACA,QAA0B;EAA1B;IACE,aAAA;;;AAGJ;EACE,aAAA;EACA,8BAAA;EACA,WAAA;;AACA,QAA0B;EAA1B;IACE,YAAA;;;AAGJ;EACE,YAAA;EACA,gBAAA;;AAFF,WAGE;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;;AAEF,QAA0B;EAA1B;IACE,YAAA;IACA,YAAA;;;AAGJ;EACE,kBAAA;EACA,UAAA;EACA,aAAA;EACA,yBAAA;EACA,YAAA;EACA,YAAA;EACA,cAAA;;AACA,QAA0B;EAA1B;IACE,YAAA;IACA,WAAA;IACA,gBAAA;;;AAGJ;EACE,kBAAA;;AACA,QAA0B;EAA1B;IACE,kBAAA;;;AAHJ,YAKE;EACE,YAAA;EACA,qBAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,gCAAA;;AACA,QAA0B;EAA1B,YAPF;IAQI,eAAA;;;AAIN;EACE,kBAAA;;AACA,QAA0B;EAA1B;IACE,kBAAA;;;AAHJ,qBAKE;EACE,YAAA;EACA,qBAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,gCAAA;;AACA,QAA0B;EAA1B,qBAPF;IAQI,eAAA;;;AAIN;EACE,WAAA;EACA,YAAA;EACA,gBAAA;EACA,4BAAA;;AACA,QAA0B;EAA1B;IACE,iBAAA;IACA,UAAA;IACA,YAAA;IACA,aAAA;;;AAGJ,YACE;EACE,YAAA;EACA,eAAA;EACA,iBAAA;;AACA,QAA0B;EAA1B,YAJF;IAKI,eAAA;IACA,cAAA;;;AAPN,YAUE,EAAC;EACC,yBAAA;;AAGJ,CAAC;EACC,eAAA;;AAEF;EACE,kBAAA;EACA,UAAA;EACA,6BAAA;EACA,eAAA;EACA,YAAA;EACA,gBAAA;EACA,iBAAA;EACA,qBAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;IACA,iBAAA;IACA,kBAAA;;;AAGJ;EACE,kBAAA;EACA,UAAA;EACA,gCAAA;EACA,YAAA;EACA,WAAA;EACA,gCAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B;IACE,YAAA;IACA,kBAAA;;;AAGJ;EACE,kBAAA;EACA,UAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,YAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;IACA,iBAAA;;;AAGJ;EACE,kBAAA;EACA,UAAA;EACA,YAAA;;AACA,QAA4B;EAA5B;IACE,YAAA;IACA,eAAA;IACA,mBAAA;;;AAEF,QAA2B;EAA3B;IACE,YAAA;IACA,eAAA;IACA,mBAAA;IACA,eAAA;;;AAGJ;EACE,gCAAA;EACA,kBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,yBAAA;EACA,6BAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,sBAAA;EACA,kBAAA;;AACA,QAA4B;EAA5B;IACE,YAAA;IACA,eAAA;;;AAEF,QAA2B;EAA3B;IACE,YAAA;IACA,eAAA;IACA,eAAA;;;AAGJ;EACE,aAAA;EACA,8BAAA;;AAEF;EACE,WAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,UAAA;;AACA,QAA0B;EAA1B;IACE,UAAA;IACA,WAAA;IACA,gBAAA;IACA,iBAAA;;;AAGJ;EACE,kBAAA;EACA,iBAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;;;AAEA,QAA0B;EAA1B;IACE,kBAAA;IACA,mBAAA;;;AAGJ;EACE,6BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;IACA,iBAAA;IACA,kBAAA;IACA,sBAAA;IACA,gBAAA;IACA,gBAAA;;;AAGJ;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EACA,uBAAA;;AAEF;EACE,YAAA;EACA,WAAA;EACA,gCAAA;EACA,mBAAA;EACA,eAAA;;AAEF;EACE,8BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;IACA,gBAAA;IACA,iBAAA;IACA,cAAA;IACA,sBAAA;;;AAGJ;EACE,gCAAA;;AACA,QAAyB;EAAzB;IACE,gBAAA;;;AAGJ;EACE,gCAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;IACA,oBAAA;IACA,sBAAA;IACA,gBAAA;IACA,mBAAA;;;AAGJ;EACE,8BAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;;AACA,QAA0B;EAA1B;IACE,8BAAA;IACA,eAAA;IACA,iBAAA;IACA,iBAAA;;;;AAIJ;EACE,mBAAA;;AAEF;EACE,aAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;;;AAGJ;EACE,aAAA;EACA,eAAA;EACA,oBAAA;EACA,UAAA;EACA,gBAAA;EACA,kBAAA;EACA,YAAA;;AACA,QAA0B;EAA1B;IACE,iBAAA;IACA,WAAA;IACA,gBAAA;;;AAGJ;EACE,WAAA;EACA,YAAA;EACA,mBAAA;;AAEE,QAA0B;EAA1B,SADF;IAEI,WAAA;IACA,YAAA;IACA,gBAAA;IACA,kBAAA;;;AAGN;EACE,aAAA;;AACA,QAA0B;EAA1B;IACE,YAAA;IACA,mBAAA;;;AAIF,QAA0B;EAA1B;IACE,2BAAA;;;;AAIJ;;;;EAIE,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B;IACE,iBAAA;IACA,oBAAA;IACA,mBAAA;IACA,sBAAsB,qCAAtB;IACA,4BAAA;IACA,0BAAA;IACA,2BAAA;;;AAEF,QAA2B;EAA3B;IACE,kBAAA;IACA,oBAAA;;;AAEF,QAA0B;EAA1B;IACE,oBAAA;;;AAGJ;EACE,aAAA;EACA,8BAAA;EACA,oBAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;;;AAEF,QAA2B;EAA3B;IACE,mBAAA;;;AAGJ;EAKE,WAAA;;AAJA,QAA0B;EAA1B;IACE,WAAA;IACA,QAAA;;;AAHJ,uBAME;EApLA,6BAAA;EACA,eAAA;EAEA,iBAAA;EACA,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EA+KE,mBAAA;EACA,iBAAA;EACA,gBAAA;;AAhLF,QAA0B;EAA1B,uBA4KA;IA3KE,eAAA;IACA,iBAAA;IACA,kBAAA;IACA,sBAAA;IACA,gBAAA;IACA,gBAAA;;;AAgKJ,uBAYE;EAvJA,8BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B,uBA+IA;IA9IE,eAAA;IACA,gBAAA;IACA,iBAAA;IACA,cAAA;IACA,sBAAA;;;AA8IJ,iBAAkB;EAChB,mBAAA;;AAEF,uBAAwB;EACtB,mBAAA;;AAGA,QAA0B;EAA1B;IACE,gBAAA;IACA,QAAA;;EAFF,sBAGE;IACE,gBAAA;IACA,kBAAA;;;AAGJ,QAA2B;EAA3B;IACE,iBAAA;IACA,WAAA;IACA,cAAA;;EAHF,sBAIE;IACE,WAAA;;;AAGJ,QAA2B;EAA3B;IACE,iBAAA;;;AAGJ;EACE,WAAA;;AADF,iBAEE;EA3NA,6BAAA;EACA,eAAA;EAEA,iBAAA;EACA,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EAsNE,mBAAA;EACA,iBAAA;EACA,gBAAA;;AAvNF,QAA0B;EAA1B,iBAmNA;IAlNE,eAAA;IACA,iBAAA;IACA,kBAAA;IACA,sBAAA;IACA,gBAAA;IACA,gBAAA;;;AA2MJ,iBAQE;EA9LA,8BAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EACA,mBAAA;;AACA,QAA0B;EAA1B,iBAsLA;IArLE,eAAA;IACA,gBAAA;IACA,iBAAA;IACA,cAAA;IACA,sBAAA;;;AAoLF,QAA0B;EAA1B;IACE,WAAA;;;AAIF,QAA2B;EAA3B;IACE,iBAAA;IACA,WAAA;IACA,cAAA;;EAHF,gBAIE;IACE,WAAA;;;AAGJ,QAA0B;EAA1B;IACE,gBAAA;;EADF,gBAEE;IACE,gBAAA;IACA,kBAAA;;;AAGJ,QAA2B;EAA3B;IACE,iBAAA;;;;AAIJ,OACE;EA7PA,eAAA;EAEA,iBAAA;EACA,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EAyPE,6BAAA;EACA,gBAAA;EACA,gBAAA;;AA1PF,QAA0B;EAA1B,OAsPA;IArPE,eAAA;IACA,iBAAA;IACA,kBAAA;IACA,sBAAA;IACA,gBAAA;IACA,gBAAA;;;AAqPA,QAA0B;EAA1B,OALF;IAMI,mBAAA;IACA,iBAAA;IACA,gBAAA;;;AAIN;EACE,kBAAA;EACA,aAAA;EACA,gBAAA;EACA,8BAAA;EACA,qBAAA;;AACA,QAA0B;EAA1B;IACE,aAAA;IACA,8BAAA;IACA,iBAAA;IACA,qBAAA;IACA,gBAAA;;;AAGJ;EACE,kBAAA;EACA,gBAAA;;AAFF,gBAGE;EACE,6BAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,qBAAA;EACA,aAAA;EACA,gBAAA;;AACA,QAA0B;EAA1B,gBATF;IAUI,eAAA;IACA,iBAAA;IACA,qBAAA;;;AAfN,gBAkBE;EACE,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,gBAAA;EACA,eAAA;;AAEA,QAA0B;EAA1B,gBATF;IAUI,eAAA;IACA,iBAAA;IACA,sBAAA;IACA,eAAA;IACA,gBAAA;;;AAGJ,QAA0B;EAA1B;IACE,gBAAA;;;AAGJ;EACE,gBAAA;;AACA,QAA0B;EAA1B;IACE,iBAAA;IACA,mBAAA;;;AAGJ;EACE,cAAA;;EAEA,iBAAA;;AACA,QAA0B;EAA1B;IACE,gBAAA;IACA,iBAAA;;EAFF,0BAGE;IACE,gBAAA;;;AAIN;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,YAAA;EACA,aAAA;EACA,2BAAA;EACA,WAAW,aAAX;;AACA,QAA0B;EAA1B;IACE,kBAAA;IACA,UAAA;IACA,aAAA;IACA,WAAW,YAAX;IACA,SAAA;IACA,OAAA;;;AAEF,QAA0B;EAA1B;IACE,kBAAA;IACA,UAAA;IACA,aAAA;IACA,WAAW,YAAX;IACA,SAAA;IACA,OAAA;;;AAGJ;EACE,uBAAA;EACA,8BAAA;;AACA,QAA0B;EAA1B;IACE,6BAAA;;;;AAIJ;EACE,mBAAA;EACA,0BAAA;EACA,2BAAA;EACA,kBAAA;EACA,qBAAA;;AACA,QAA0B;EAA1B;IACE,iBAAA;;;AAEF,QAA0B;EAA1B;IACE,iBAAA;IACA,qBAAA;;;AAGJ;EACE,aAAA;EACA,mBAAA;;AAEF;EACE,WAAA;;AAEE,QAA0B;EAA1B,eADF;IAEI,WAAA;IACA,YAAA;IACA,gBAAA;IACA,kBAAA;;;AAKJ,QAA0B;EAA1B;IACE,mBAAA;;;AAGJ;EACE,6BAAA;EACA,YAAA;;AACA,QAA0B;EAA1B;IACE,6BAAA;IACA,YAAA;IACA,mBAAA;IACA,gBAAA;;;AAGJ;EACE,mBAAA;;;AAGF;EACE,kBAAA;;AACA,QAA0B;EAA1B;IACE,iBAAA;;;AAGJ;EACE,aAAA;;AADF,kBAEE;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,mBAAA;;AAEF,QAA0B;EAA1B;IACE,eAAA;;;AAEH;EACE,mBAAA;;AAEH;EACE,wCAAA;EACA,gBAAA;EACA,mBAAA;EACA,YAAA;;AACA,QAA2B;EAA3B;IACE,YAAA;IACA,gBAAA;;;AAEF,QAA0B;EAA1B;IACE,eAAA;IACA,YAAA;;;AAGA,QAA0B;EAA1B,sBADF;IAEI,WAAA;;;AAEF,QAA2B;EAA3B,sBAJF;IAKI,YAAA;;;AAIN;EACE,eAAA;;AAEF;EACE,iBAAA;;AAEF;EACE,cAAA;EACA,oBAAA;;AAFF,aAGE;EACE,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EACA,mBAAA;;AARJ,aAUE;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,sBAAA;EACA,cAAA;;;AAIJ;EACE,mBAAA;EACA,0BAAA;EACA,2BAAA;EACA,kBAAA;EACA,qBAAA;EACA,oBAAA;;AACA,QAA0B;EAA1B;IACE,iBAAA;;;AAEF,QAA2B;EAA3B;IACE,kBAAA;IACA,qBAAA;;;AAEF,QAA0B;EAA1B;IACE,iBAAA;IACA,oBAAA;IACA,mBAAA;;;;AAIJ;EACE,aAAA;EACA,WAAA;;AACA,QAA0B;EAA1B;IACE,eAAA;IACA,2BAAA;;;AAGJ;EACE,UAAA;EACA,gBAAA;EACA,aAAA;;AACA,QAA0B;EAA1B;IACE,uBAAA;IACA,WAAA;;;AAEF,QAA0B;EAA1B;IACE,aAAA;IACA,gBAAA;;;AAGJ;EACE,UAAA;EACA,gBAAA;EACA,mBAAA;EACA,aAAA;;AACA,QAA2B;EAA3B;IACE,mBAAA;;;AANJ,gBAQE;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;;AAGA,QAA0B;EAA1B,gBADF;IAEI,YAAA;;;AAGJ,QAA0B;EAA1B;IACE,YAAA;;;AAKJ;EACE,gBAAA;;AAEF;EACE,aAAA;;;AAGF;EACE,cAAA;EACA,WAAA;EACA,aAAA;EACA,8BAAA;EACA,oBAAA;;;;;;AACA,QAA2B;EAA3B;IACE,kBAAA;;;AAOJ;AAAkB;EAChB,kBAAA;EACA,gBAAA;EACA,aAAA;EACA,gBAAA;EACA,4BAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;;AACA,QAA4B;EAA5B;EAAA;IACE,YAAA;IACA,aAAA;;;AAEF,QAA2B;EAA3B;EAAA;IACE,YAAA;IACA,aAAA;IACA,0BAAA;;;AAhBJ,gBAkBE;AAlBgB,uBAkBhB;EACE,6BAAA;EACA,kBAAA;EACA,UAAA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;;AACA,QAA4B;EAA5B,gBAVF;EAUE,uBAVF;IAWI,eAAA;;;AA7BN,gBAgCE;AAhCgB,uBAgChB;EACE,kBAAA;EACA,UAAA;EACA,OAAA;EACA,MAAA;;AACA,QAA4B;EAA5B,gBALF;EAKE,uBALF;IAMI,YAAA;;;AAEF,QAA2B;EAA3B,gBARF;EAQE,uBARF;IASI,YAAA;;;AAIN;EACE,gBAAA;;AAEF;EACE,+BAAA;EACA,aAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,4BAAA;EACA,iBAAA;EACA,yBAAA;EACA,kBAAA;;AACA,QAA4B;EAA5B;IACE,YAAA;IACA,aAAA;;;AAEF,QAA2B;EAA3B;IACE,YAAA;IACA,cAAA;IACA,0BAAA;;;AAjBJ,uBAmBE;EACE,6BAAA;EACA,kBAAA;EACA,UAAA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;EACA,YAAA;;AA5BJ,uBA8BE;EACE,kBAAA;EACA,UAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;;AACA,QAA4B;EAA5B,uBAPF;IAQI,YAAA;;;AAEF,QAA2B;EAA3B,uBAVF;IAWI,YAAA;;;AAIN,aAAc;EACZ,eAAA;EACA,yBAAA;EACA,cAAA;;AAEE,QAA4B;EAA5B,aALU,YAIZ;IAEI,eAAA;;;AAEF,QAA2B;EAA3B,aARU,YAIZ;IAKI,eAAA;;;AAIN,MAAO;EACL,eAAA;EACA,yBAAA;EACA,cAAA;;AAEF;AAAQ;EACN,WAAA;EACA,YAAA;EACA,kBAAA;EACA,cAAA;EACA,mBAAA;;AALF,MAME;AANM,aAMN;EACE,eAAA;EACA,cAAA;;AACA,QAA4B;EAA5B,MAHF;EAGE,aAHF;IAII,eAAA;;;AAEF,QAA2B;EAA3B,MANF;EAME,aANF;IAOI,eAAA;;;AAbN,MAgBE;AAhBM,aAgBN;EACE,eAAA;;AAGJ;EACE,YAAA;;AAEF,MAAO;EACL,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,oBAAA;EACA,iBAAA;EACA,cAAA;;AACA,QAA4B;EAA5B,MAPK;IAQH,iBAAA;;;AAEF,QAA2B;EAA3B,MAVK;IAWH,iBAAA;IACA,eAAA;;;AAGJ;EACE,WAAA;EACA,YAAA;EACA,gCAAA;EACA,cAAA;;AAEF;EACE,iBAAA;EACA,qBAAA;;AAFF,WAGE;EACE,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,iBAAA;;AARJ,WAUE;EACE,gBAAA;EACA,cAAA;;AAGJ;AAAa;EACX,YAAA;EACA,WAAA;EACA,kBAAA;EACA,gCAAA;;AACA,QAA4B;EAA5B;EAAA;IACE,YAAA;;;AAGJ;EACE,WAAA;;AAEF;EACE,iBAAA;EACA,cAAA;;AAEF;EACE,gBAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,4BAAA;;AACA,QAA4B;EAA5B;IACE,iBAAA;IACA,gBAAA;IACA,YAAA;IACA,eAAA;;;AAEF,QAA2B;EAA3B;IACE,YAAA;IACA,4BAAA;IACA,iBAAA;;;AAGJ;EACE,mBAAA;EACA,YAAA;EACA,gBAAA;;AACA,QAA4B;EAA5B;IACE,eAAA;;;AAEF,QAA2B;EAA3B;IACE,YAAA;IACA,4BAAA;;;;AAIJ;EACE,sBAAsB,6BAAtB;EACA,4BAAA;EACA,0BAAA;EACA,2BAAA;;AAEF;EACE,kBAAA;EACA,aAAA;EACA,gBAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;;AANF,aAOE;EACE,6BAAA;EACA,eAAA;EACA,gBAAA;EACA,YAAA;EACA,qBAAA;EACA,mBAAA;;AAbJ,aAeE;EACE,gCAAA;EACA,eAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,iBAAA;EACA,mBAAA;;AAtBJ,aAwBE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,YAAA;;AAGJ,KAAK;EACH,gBAAA;EACA,iBAAA;;AAEF;EACE,cAAA;EACA,YAAA;EACA,YAAA;EACA,gCAAA;EACA,mBAAA;;AAEF;EACE,gCAAA;EACA,kBAAA;EACA,YAAA;;AAEF;EACE,cAAA;EACA,eAAA;EACA,iBAAA;;AAEF;EACE,cAAA;EACA,eAAA;EACA,iBAAA;;;AAEF;EACE,cAAA;EACA,eAAA;EACA,iBAAA;;;AAEF;EACE,cAAA;EACA,eAAA;EACA,iBAAA;;;AAGF;EACE,aAAA;;AAEF;EACE,aAAA;EACA,8BAAA;;AAEF;EACE,YAAA;EACA,gBAAA;;AAFF,YAGE;EACE,mBAAA;;AAGJ;EACE,mBAAA;;AAEF;EACE,gBAAA;;AAEF,YAAc;EACZ,gCAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;;AAEF;EACE,iBAAA;EACA,gBAAA;;AAEF;EACE,kBAAA;;AAEF,qBAAsB;EACpB,gCAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;;AAEF;EACE,2CAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;;AAEF;EACE,cAAA;EACA,iBAAA","file":"styles.css"} {"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file \ No newline at end of file
css/styles.less
...@@ -57,7 +57,9 @@ header { ...@@ -57,7 +57,9 @@ header {
background-position: center; background-position: center;
margin-bottom: 97px; margin-bottom: 97px;
@media (max-width: 576px) { @media (max-width: 576px) {
margin-bottom: 0; width: 320px;
height: 700px;
margin-bottom: 600px;
} }
@media (max-width: 992px) { @media (max-width: 992px) {
margin-bottom: 57px; margin-bottom: 57px;
...@@ -299,6 +301,7 @@ video { ...@@ -299,6 +301,7 @@ video {
@media (max-width: 576px) { @media (max-width: 576px) {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
} }
.h2-desktop { .h2-desktop {
...@@ -311,6 +314,7 @@ video { ...@@ -311,6 +314,7 @@ video {
letter-spacing: 0.36px; letter-spacing: 0.36px;
max-width: 803px; max-width: 803px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: HelveticaNeue-Black;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -346,11 +350,17 @@ video { ...@@ -346,11 +350,17 @@ video {
max-width: 850px; max-width: 850px;
margin-bottom: 40px; margin-bottom: 40px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: SFUIDisplay-Light;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
line-height: 21px; line-height: 21px;
color: #315197; color: #315197;
letter-spacing: 0.14px; letter-spacing: 0.14px;
margin-bottom: 31px;
}
@media (max-width: 768px){
font-size: 14px;
letter-spacing: 0.14px;
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
...@@ -358,6 +368,9 @@ video { ...@@ -358,6 +368,9 @@ video {
@media (max-width: 576px){ @media (max-width: 576px){
max-width: 170px; max-width: 170px;
} }
@media (max-width: 768px){
font-size: 32px;
}
} }
.h3-desktop { .h3-desktop {
font-family: HelveticaNeue-Black; font-family: HelveticaNeue-Black;
...@@ -389,6 +402,9 @@ video { ...@@ -389,6 +402,9 @@ video {
line-height: 18px; line-height: 18px;
letter-spacing: 0; letter-spacing: 0;
} }
@media (max-width: 768px) {
font-size: 14px;
}
} }
/*main*/ /*main*/
.text-margin { .text-margin {
...@@ -425,7 +441,8 @@ video { ...@@ -425,7 +441,8 @@ video {
height: 70px; height: 70px;
margin-bottom: 0; margin-bottom: 0;
margin-right: 16px; margin-right: 16px;
}} }
}
} }
.main-card-text { .main-card-text {
height: 141px; height: 141px;
...@@ -433,6 +450,10 @@ video { ...@@ -433,6 +450,10 @@ video {
height: auto; height: auto;
margin-bottom: 10px; margin-bottom: 10px;
} }
@media (max-width: 768px) {
height: 170px;
margin-bottom: 10px;
}
} }
.main-btn-margin { .main-btn-margin {
@media (max-width: 992px) { @media (max-width: 992px) {
...@@ -464,6 +485,14 @@ video { ...@@ -464,6 +485,14 @@ video {
@media (max-width: 992px) { @media (max-width: 992px) {
padding-bottom: 20px; padding-bottom: 20px;
} }
@media (max-width: 768px) {
padding-bottom: 20px;
padding-top: 90px;
}
@media (max-width: 576px) {
padding-bottom: 0;
padding-top: 90px;
}
} }
.advertising { .advertising {
display: flex; display: flex;
...@@ -478,22 +507,61 @@ video { ...@@ -478,22 +507,61 @@ video {
} }
.advertising-text-order { .advertising-text-order {
@media (max-width: 576px) { @media (max-width: 576px) {
width: 100%; width: 300px;
order: 0; order: 0;
} }
width: 110%; width: 110%;
h2 { h2 {
.h2-desktop; .h2-desktop;
font-family: AvenirNext-Heavy;
margin-bottom: 21px; margin-bottom: 21px;
line-height: 36px; line-height: 36px;
font-weight: 800; font-weight: 800;
@media (max-width: 768px) {
font-size: 30px;
font-family: AvenirNext-Heavy;
margin-bottom: 15px;
} }
p { @media (max-width: 576px) {
.text-h2-desktop; width: 300px!important;
font-size: 30px;
font-family: AvenirNext-Heavy;
margin-bottom: 15px;
}
} }
} }
.advertising-text {
width: 110%;
font-family: AvenirNext-Heavy;
h2 {
.h2-desktop;
font-family: AvenirNext-Heavy;
margin-bottom: 21px;
line-height: 36px;
font-weight: 800;
@media (max-width: 768px) {
font-size: 30px;
font-family: AvenirNext-Heavy;
margin-bottom: 15px;
}
@media (max-width: 576px) {
width: 100%;
font-size: 30px;
font-family: AvenirNext-Heavy;
margin-bottom: 15px;
}
}
}
.advertising-text .main-line { .advertising-text .main-line {
margin-bottom: 24px; margin-bottom: 24px;
@media (max-width: 768px) {
margin-bottom: 15px;
}
} }
.advertising-text-order .main-line { .advertising-text-order .main-line {
margin-bottom: 24px; margin-bottom: 24px;
...@@ -519,21 +587,19 @@ video { ...@@ -519,21 +587,19 @@ video {
padding-top: 25px; padding-top: 25px;
} }
} }
.advertising-text {
width: 110%; /* p {
h2 {
.h2-desktop;
margin-bottom: 31px;
line-height: 36px;
font-weight: 800;
}
p {
.text-h2-desktop; .text-h2-desktop;
@media (max-width: 768px) {
font-size: 18px;
letter-spacing: 0.16px;
margin-bottom: 0;
}
} }
@media (max-width: 576px) { @media (max-width: 576px) {
width: 100%; width: 100%;
} }*/
}
.advertising-img { .advertising-img {
@media (min-height: 577px) { @media (min-height: 577px) {
margin-top: -65px; margin-top: -65px;
...@@ -579,12 +645,18 @@ video { ...@@ -579,12 +645,18 @@ video {
justify-content: space-between; justify-content: space-between;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: baseline; align-items: baseline;
margin-top: 32px; margin-top: 0;
} }
} }
.option-card-img { .option-card-img {
text-align: center; text-align: center;
max-width: 485px; max-width: 485px;
@media (max-width: 768px) {
width: 275px;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.2px;
}
h4 { h4 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
font-size: 30px; font-size: 30px;
...@@ -623,20 +695,41 @@ video { ...@@ -623,20 +695,41 @@ video {
} }
.option-text { .option-text {
min-height: 70px; min-height: 70px;
@media (max-width: 576px) { @media (max-width: 768px) {
min-height: 145px; min-height: 145px;
margin-bottom: 10px; width: 240px;
}
@media (max-width: 576px) {
width: 139px;
}
p {
font-family: HelveticaNeue-Black;
font-size: 14px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.14px;
color: #303a81;
} }
} }
.option-card-img-container { .option-card-img-container {
text-align: center;
margin: 0 auto; margin: 0 auto;
/*max-width: 281px;*/ /*max-width: 281px;*/
max-height: 284px; max-height: 284px;
@media (max-width: 768px) {
height: 169px;
max-width: 180px;
}
@media (max-width: 576px) { @media (max-width: 576px) {
max-width: 139px; width: 107px;
max-height: 139px; height: 92px;
margin: 0 auto;
margin-bottom: 10px;
}
img { img {
max-width: 140px; @media (max-width: 576px) {
width: 107px;
height: 100px;
} }
} }
} }
...@@ -648,7 +741,7 @@ video { ...@@ -648,7 +741,7 @@ video {
height: 387px; height: 387px;
border-left: 1px solid gray; border-left: 1px solid gray;
transform: rotate(15deg); transform: rotate(15deg);
@media (max-width: 576px) { @media (max-width: 992px) {
position: absolute; position: absolute;
width: 2px; width: 2px;
height: 343px; height: 343px;
...@@ -656,10 +749,18 @@ video { ...@@ -656,10 +749,18 @@ video {
left: 50%; left: 50%;
top: 2%; top: 2%;
} }
@media (max-width: 992px) { @media (max-width: 768px) {
position: absolute; position: absolute;
width: 2px; width: 2px;
height: 343px; height: 203px;
transform: rotate(0deg);
left: 50%;
top: 2%;
}
@media (max-width: 576px) {
position: absolute;
width: 2px;
height: 313px;
transform: rotate(0deg); transform: rotate(0deg);
left: 50%; left: 50%;
top: 2%; top: 2%;
...@@ -671,6 +772,17 @@ video { ...@@ -671,6 +772,17 @@ video {
@media (max-width: 992px) { @media (max-width: 992px) {
margin-bottom: 71px!important; margin-bottom: 71px!important;
} }
@media (max-width: 768px) {
width: 240px;
}
@media (max-width: 768px) {
width: 143px;
height: 34px;
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.16px;
}
} }
/*protection*/ /*protection*/
.protection-background { .protection-background {
...@@ -686,13 +798,38 @@ video { ...@@ -686,13 +798,38 @@ video {
padding-top: 71px; padding-top: 71px;
padding-bottom: 145px; padding-bottom: 145px;
} }
@media (max-width: 576px) {
padding-top: 71px;
padding-bottom: 10px;
}
} }
.protection { .protection {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.protection-card {
display: flex;
flex-flow: wrap;
align-items: stretch;
width: 33%;
margin-top: 10px;
padding-right: 10%;
height: auto;
@media (max-width: 992px) {
height: 250px;
}
@media (max-width: 576px) {
flex-flow: nowrap;
width: 100%;
padding-right: 0;
height: 103px;
}
}
.protection-img { .protection-img {
width: 100%; width: 100%;
@media (max-width: 768px) {
height: 126px;
}
img { img {
@media (max-width: 576px) { @media (max-width: 576px) {
width: 70px; width: 70px;
...@@ -706,6 +843,9 @@ video { ...@@ -706,6 +843,9 @@ video {
@media (max-width: 992px) { @media (max-width: 992px) {
margin-bottom: 40px; margin-bottom: 40px;
} }
@media (max-width: 576px) {
margin-bottom: 35px;
}
} }
.protection-text { .protection-text {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
...@@ -716,6 +856,9 @@ video { ...@@ -716,6 +856,9 @@ video {
margin-bottom: 10px; margin-bottom: 10px;
min-width: 216px; min-width: 216px;
} }
@media (max-width: 768px) {
height: 150px;
}
} }
.protection-line { .protection-line {
margin-bottom: 12px; margin-bottom: 12px;
...@@ -726,6 +869,9 @@ video { ...@@ -726,6 +869,9 @@ video {
@media (max-width: 992px) { @media (max-width: 992px) {
padding-top: 65px padding-top: 65px
} }
@media (max-width: 576px) {
padding-top: 55px
}
} }
.catalog-container { .catalog-container {
display: flex; display: flex;
...@@ -739,12 +885,22 @@ video { ...@@ -739,12 +885,22 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 768px) {
flex-wrap: wrap;
} }
}.tittle-catalog { }.tittle-catalog {
margin-bottom: 70px; margin-bottom: 70px;
@media (max-width: 768px) {
margin-bottom: 50px;
}
@media (max-width: 576px) {
margin-bottom: 47px;
}
} }
.catalog-img-container { .catalog-img-container {
font-family: AvenirNext-Heavy sans-serif; font-family: AvenirNext-Heavy;
margin-right: 5%; margin-right: 5%;
margin-bottom: 60px; margin-bottom: 60px;
width: 400px; width: 400px;
...@@ -756,17 +912,56 @@ video { ...@@ -756,17 +912,56 @@ video {
margin-right: 0; margin-right: 0;
width: 340px; width: 340px;
} }
@media (max-width: 768px) {
margin-right: 0;
width: 550px;
}
@media (max-width: 576px) {
margin-bottom: 23px;
}
h5 {
@media(max-width: 576px){
font-family: AvenirNext-Heavy;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.16px;
color: #303a81;
margin-bottom: 14px;
}
}
img { img {
margin-right: 5px;
width: 90px;
@media (max-width: 1250px) {
width: 100px;
}
@media (max-width: 992px) { @media (max-width: 992px) {
width: 75px; width: 75px;
} }
@media (max-width: 1250px) { @media (max-width: 768px) {
width: 100px; width: 150px;
margin-right: 20px;
}
@media (max-width: 576px) {
width: 70px;
margin-right: 10px;
} }
} }
} }
.catalog-img-container-end { .catalog-img-container-end {
margin-right: 0; margin-right: 0;
img {
width: 115px;
margin-right: 5px;
@media (max-width: 1250px) {
width: 90px;
}
@media (max-width: 992px) {
width: 70px;
}
}
} }
.catalig-img { .catalig-img {
margin-top: -20px; margin-top: -20px;
...@@ -774,12 +969,27 @@ video { ...@@ -774,12 +969,27 @@ video {
.catalog-text { .catalog-text {
max-width: 56%; max-width: 56%;
margin-bottom: 120px; margin-bottom: 120px;
@media (max-width: 768px) {
max-width: 100%;
margin-bottom: 80px;
}
@media (max-width: 576px) {
margin-bottom: 60px;
}
h6 { h6 {
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
letter-spacing: 0.24px; letter-spacing: 0.24px;
color: #303a81; color: #303a81;
margin-bottom: 15px; margin-bottom: 15px;
@media (max-width: 576px) {
font-family: AvenirNext-Heavy;
font-size: 18px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.18px;
margin-bottom: 5px;
}
} }
p { p {
font-size: 18px; font-size: 18px;
...@@ -787,6 +997,16 @@ video { ...@@ -787,6 +997,16 @@ video {
line-height: 24px; line-height: 24px;
letter-spacing: 0.24px; letter-spacing: 0.24px;
color: #303a81; color: #303a81;
@media (max-width: 768px) {
font-family: SFUIDisplay-Light;
font-size: 14px;
letter-spacing: 0.14px;
}
@media (max-width: 576px) {
font-family: SFUIDisplay-Light;
font-size: 14px;
letter-spacing: 0.14px;
}
} }
} }
/*technology*/ /*technology*/
...@@ -806,31 +1026,55 @@ video { ...@@ -806,31 +1026,55 @@ video {
} }
@media (max-width: 992px) { @media (max-width: 992px) {
padding-top: 80px; padding-top: 80px;
padding-bottom: 85px; padding-bottom: 95px;
margin-bottom: 70px; margin-bottom: 70px;
} }
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 70px;
margin-bottom: 40px;
}
@media (max-width: 576px) {
padding-top: 72px;
padding-bottom: 35px;
margin-bottom: 40px;
}
} }
/*technology*/
.technology-container-wrapper { .technology-container-wrapper {
display: flex; display: flex;
width: 100%; width: 100%;
@media (max-width: 576px) { @media (max-width: 576px) {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
} }
@media (max-width: 768px) {
flex-direction: column;
}
} }
.technology-containe { .technology-containe {
width: 50%; width: 50%;
height: 200px;
margin-top: 50px; margin-top: 50px;
display: flex; display: flex;
@media (max-width: 576px) {
justify-content: center;
width: 100%;
}
@media (max-width: 992px) { @media (max-width: 992px) {
height: 200px; height: 200px;
margin-top: 20px; margin-top: 20px;
} }
@media (max-width: 768px) {
justify-content: space-between;
width: 100%;
height: 250px;
margin-top: 0!important;
}
@media (max-width: 576px) {
justify-content: center;
height: 190px;
width: 100%;
margin-bottom: 30px;
}
} }
.technology-card { .technology-card {
width: 50%; width: 50%;
...@@ -840,29 +1084,46 @@ video { ...@@ -840,29 +1084,46 @@ video {
@media (max-width: 1250px) { @media (max-width: 1250px) {
padding-right: 50px; padding-right: 50px;
} }
@media (max-width: 576px) {
height: 190px;
padding-right: 5px;
text-align: center!important;
}
p { p {
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 24px; line-height: 24px;
color: #303a81; color: #303a81;
letter-spacing: 0.16px; letter-spacing: 0.16px;
width: 103px;
@media (max-width: 576px) {
padding-right: 5px;
text-align: center;
}
} }
img { img {
@media (max-width: 992px) { @media (max-width: 992px) {
width: 100px; width: 120px;
}
} }
@media (max-width: 576px) { @media (max-width: 576px) {
width: 142px; width: 108px;
}
} }
} }
.technology-card-end { .technology-card-end {
padding-right: 0; padding-right: 0;
@media (max-width: 576px) {
width: 142px;
}
} }
.technology-img { .technology-img {
height: 110px; height: 110px;
@media (max-width: 576px) {
width: 145px;
height: 113px;
margin-bottom: 16px;
}
} }
/*price*/ /*price*/
.price-wrapper { .price-wrapper {
...@@ -874,7 +1135,13 @@ video { ...@@ -874,7 +1135,13 @@ video {
@media (max-width: 992px) { @media (max-width: 992px) {
margin-left: -15px; margin-left: -15px;
} }
/*@media (max-width: 1250px) { @media (max-width: 576px) {
width: 300px;
height: 731px;
text-overflow: ellipsis;
}
/*@media (max-width: 768px) {
position: absolute; position: absolute;
display: none; display: none;
}*/ }*/
...@@ -889,14 +1156,17 @@ video { ...@@ -889,14 +1156,17 @@ video {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
@media (max-width: 1250px) { @media (max-width: 1250px) {
width: 190px; width: 288px;
height: 900px; height: 870px;
} }
@media (max-width: 992px) { @media (max-width: 992px) {
width: 174px; width: 174px;
height: 990px; height: 930px;
padding: 30px 8px 32px 8px; padding: 30px 8px 32px 8px;
} }
@media (max-width: 768px) {
width: 145px;
}
h6 { h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
position: relative; position: relative;
...@@ -917,7 +1187,7 @@ video { ...@@ -917,7 +1187,7 @@ video {
left: 0; left: 0;
top: 0; top: 0;
@media (max-width: 1250px) { @media (max-width: 1250px) {
width: 223px; width: 288px;
} }
@media (max-width: 992px) { @media (max-width: 992px) {
width: 190px; width: 190px;
...@@ -938,14 +1208,17 @@ video { ...@@ -938,14 +1208,17 @@ video {
border: #e6effa 1px solid; border: #e6effa 1px solid;
border-radius: 4px; border-radius: 4px;
@media (max-width: 1250px) { @media (max-width: 1250px) {
width: 190px; width: 288px;
height: 931px; height: 901px;
} }
@media (max-width: 992px) { @media (max-width: 992px) {
width: 174px; width: 174px;
height: 1020px; height: 970px;
padding: 30px 8px 32px 8px; padding: 30px 8px 32px 8px;
} }
@media (max-width: 768px) {
width: 145px;
}
h6 { h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
position: relative; position: relative;
...@@ -965,7 +1238,7 @@ video { ...@@ -965,7 +1238,7 @@ video {
width: 288px; width: 288px;
height: 124px; height: 124px;
@media (max-width: 1250px) { @media (max-width: 1250px) {
width: 222px; width: 288px;
} }
@media (max-width: 992px) { @media (max-width: 992px) {
width: 191px; width: 191px;
...@@ -992,7 +1265,7 @@ video { ...@@ -992,7 +1265,7 @@ video {
} }
.price, .price-active { .price, .price-active {
width: 100%; width: 100%;
height: 53px; height: auto;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
margin-bottom: 16px; margin-bottom: 16px;
...@@ -1014,7 +1287,7 @@ video { ...@@ -1014,7 +1287,7 @@ video {
height: 90px; height: 90px;
} }
.price .price-p-margin { .price .price-p-margin {
line-height: 110px; /*line-height: 110px;*/
font-size: 28px; font-size: 28px;
font-weight: 500; font-weight: 500;
text-transform: none; text-transform: none;
...@@ -1028,17 +1301,25 @@ video { ...@@ -1028,17 +1301,25 @@ video {
font-size: 24px; font-size: 24px;
} }
} }
.price-p-margin {
line-height: 40px;
margin-top: 110px;
@media (max-width: 1250px) {
margin-top: 48px;
}
}
.price-line-little { .price-line-little {
width: 75px; width: 75px;
height: 12px; height: 2px;
border-bottom: #c94d4e 1px solid; border-bottom: #c94d4e 1px solid;
margin: 0 auto; margin: 0 auto;
} }
.price-info { .price-info {
margin-left: 16px; margin-left: 16px;
list-style-type: disc; list-style-type: disc;
li { li {
font-size: 16px; font-size: 14px;
font-weight: 300; font-weight: 300;
letter-spacing: 0; letter-spacing: 0;
color: #303a81; color: #303a81;
...@@ -1085,9 +1366,10 @@ video { ...@@ -1085,9 +1366,10 @@ video {
font-size: 12px; font-size: 12px;
} }
@media (max-width: 992px) { @media (max-width: 992px) {
width: 180px; width: 180px;
padding: 12px 10px 15px 10px; padding: 12px 10px 15px 10px;
margin-left: -8px; margin-left: -3px;
} }
} }
.price-btn-active { .price-btn-active {
...@@ -1106,7 +1388,7 @@ video { ...@@ -1106,7 +1388,7 @@ video {
.connection { .connection {
background-image: url("../img/background-form.jpg"); background-image: url("../img/background-form.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; /*background-size: 100% 100%;*/
background-position: center; background-position: center;
} }
.form-wrapper { .form-wrapper {
...@@ -1116,6 +1398,10 @@ video { ...@@ -1116,6 +1398,10 @@ video {
margin: 0 auto; margin: 0 auto;
padding-top: 12.7%; padding-top: 12.7%;
padding-bottom: 14%; padding-bottom: 14%;
@media (max-width: 576px) {
height: 614px;
padding-top: 71px;
}
h6 { h6 {
font-family: AvenirNext-Heavy; font-family: AvenirNext-Heavy;
font-size: 60px; font-size: 60px;
...@@ -1123,6 +1409,17 @@ video { ...@@ -1123,6 +1409,17 @@ video {
color: white; color: white;
letter-spacing: 0.6px; letter-spacing: 0.6px;
margin-bottom: 20px; margin-bottom: 20px;
@media (max-width: 768px) {
font-size: 50px;
}
@media (max-width: 576px) {
font-family: AvenirNext-Heavy;
font-size: 30px;
font-weight: 400;
line-height: 62px;
letter-spacing: 0.24px;
margin-bottom: 0;
}
} }
p { p {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
...@@ -1132,7 +1429,21 @@ video { ...@@ -1132,7 +1429,21 @@ video {
letter-spacing: 0; letter-spacing: 0;
line-height: 30px; line-height: 30px;
margin-bottom: 27px; margin-bottom: 27px;
@media (max-width: 576px) {
margin-left: 21px;
margin-right: 21px;
width: 281px;
font-family: SFUIDisplay-Regular;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0;
margin-bottom: 31px;
color: white;
} }
}
}
input { input {
width: 582px; width: 582px;
height: 52px; height: 52px;
...@@ -1141,11 +1452,27 @@ video { ...@@ -1141,11 +1452,27 @@ video {
background: white; background: white;
margin-bottom: 30px; margin-bottom: 30px;
border: none; border: none;
@media (max-width: 576px) {
width: 284px!important;
padding-left: 16px;
}
}
.form-wrapper input {
@media (max-width: 768px) {
width: 500px;
} }
} }
input.form-last-child { input.form-last-child {
margin-bottom: 0; margin-bottom: 0;
background: white; background: white;
@media (max-width: 768px) {
width: 500px!important;
}
@media (max-width: 576px) {
width: 284px!important;
padding-left: 16px;
}
} }
.form-line { .form-line {
margin: 0 auto; margin: 0 auto;
...@@ -1153,11 +1480,23 @@ input.form-last-child { ...@@ -1153,11 +1480,23 @@ input.form-last-child {
height: 10px; height: 10px;
border-bottom: #c94d4e 2px solid; border-bottom: #c94d4e 2px solid;
margin-bottom: 47px; margin-bottom: 47px;
@media (max-width: 576px) {
width: 250px;
margin-bottom: 24px;
}
} }
.form-btn { .form-btn {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
margin-top: -100px; margin-top: -100px;
border: none; border: none;
@media (max-width: 576px) {
width: 230px!important;
height: 48px;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.18px;
margin-top: 32px!important;
}
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color:#c0c0c0; color:#c0c0c0;
...@@ -1181,24 +1520,51 @@ input.form-last-child { ...@@ -1181,24 +1520,51 @@ input.form-last-child {
} }
/*footer*/ /*footer*/
footer { footer {
height: 226px; @media (max-width: 576px) {
padding-top: 60px;
}
} }
.footer-wrapper { .footer-wrapper-logo {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} padding-top: 40px;
.footer-info {
width: 244px;
margin-top: 32px;
img { img {
margin-bottom: 20px; @media (max-width: 576px) {
width: 143px;
height: 28px;
}
}
a {
@media (max-width: 576px) {
font-size: 14px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.14px;
color: #315197;
}
} }
} }
.footer-link { .footer-wrapper-info {
margin-bottom: 15px; display: flex;
justify-content: space-between;
@media (max-width: 576px) {
flex-wrap: wrap;
}
} }
.footer-img {
margin-top: 12px; .footer-info {
margin-top: 20px;
@media (max-width: 576px) {
order: 3;
width: 320px;
margin-bottom: 10px;
}
img {
@media (max-width: 576px) {
margin-top: 20px;
}
}
} }
.footer-link a{ .footer-link a{
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
...@@ -1208,20 +1574,47 @@ footer { ...@@ -1208,20 +1574,47 @@ footer {
color: #315197; color: #315197;
letter-spacing: 0.14px; letter-spacing: 0.14px;
} }
.footer-link {
margin-bottom: 20px;
a {
@media (max-width: 576px) {
font-family: SFUIDisplay-Regular;
font-size: 14px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.14px;
color: #315197;
}
}
}
.footer-contacts { .footer-contacts {
text-align: right; text-align: right;
margin-top: 35px; @media (max-width: 576px) {
} order: 0;
.footer-contacts-link { width: 320px;
margin-bottom: 9px; }
} a {
.footer-contacts-link a {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 300;
line-height: 30px; line-height: 30px;
color: #315197; color: #315197;
letter-spacing: 0.16px; letter-spacing: 0.16px;
@media (max-width: 576px) {
font-family: SFUIDisplay-Regular;
font-size: 14px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.14px;
color: #315197;
}
}
}
.footer-contact-img {
padding-top: 5px;
@media (max-width: 576px) {
display: none;
}
} }
.footer-icon-text { .footer-icon-text {
font-family: SFUIDisplay-Regular sans-serif; font-family: SFUIDisplay-Regular sans-serif;
...@@ -1234,4 +1627,12 @@ footer { ...@@ -1234,4 +1627,12 @@ footer {
.footer-icon { .footer-icon {
color: #315197; color: #315197;
margin-left: 27px; margin-left: 27px;
@media (max-width: 768px) {
margin-left: 10px;
}
@media (max-width: 576px) {
width: 5px;
}
} }
index.html
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
<link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" /> <link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
</head> </head>
<body> <body>
<header> <header>
<div class="main-container"> <div class="main-container">
<div class="header-container"> <div class="header-container">
...@@ -65,11 +66,11 @@ ...@@ -65,11 +66,11 @@
и неограниченными возможностями масштабирования.<br> и неограниченными возможностями масштабирования.<br>
С помощью MSO вы сможете автоматизировать любой бизнес-процесс. С помощью MSO вы сможете автоматизировать любой бизнес-процесс.
</p> </p>
<!--<button type="button" class="main-btn header-btn">Зарегистрироваться</button>
<button type="button" class="header-btn-background">Узнать больше</button>-->
<button type="button" class="header-btn">Зарегистрироваться</button> <button type="button" class="header-btn">Зарегистрироваться</button>
<button type="button" class="header-btn-background header-btn">Узнать больше</button> <button type="button" class="header-btn-background header-btn">Узнать больше</button>
</div> </div>
<div> <div>
<video controls="controls" poster="img/video.png"> <video controls="controls" poster="img/video.png">
<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
...@@ -79,6 +80,7 @@ ...@@ -79,6 +80,7 @@
<a href="video/duel.mp4">Скачайте видео</a>. <a href="video/duel.mp4">Скачайте видео</a>.
</video> </video>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
...@@ -87,6 +89,8 @@ ...@@ -87,6 +89,8 @@
</div> </div>
</div> </div>
</header> </header>
<section class="main-container"> <section class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2> <h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>
<div class="main-line"> <div class="main-line">
...@@ -246,11 +250,12 @@ ...@@ -246,11 +250,12 @@
<button type="button" class="main-btn main-btn-margin">Узнать больше</button> <button type="button" class="main-btn main-btn-margin">Узнать больше</button>
</div> </div>
</section> </section>
<section class="advertising-background"> <section class="advertising-background">
<div class="advertising main-container"> <div class="advertising main-container">
<div class="advertising-text"> <div class="advertising-text">
<h2 class="h2-desktop">Сокращение затрат <h2>Сокращение затрат
<br>на разработку</h2> на разработку</h2>
<div class="main-line"> <div class="main-line">
</div> </div>
<p class="text-h2-desktop"> <p class="text-h2-desktop">
...@@ -272,7 +277,7 @@ ...@@ -272,7 +277,7 @@
<h2>Масштабируемость</h2> <h2>Масштабируемость</h2>
<div class="main-line"> <div class="main-line">
</div> </div>
<p> <p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала. инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться Платформа избавляет пользователя от необходимости пользоваться
...@@ -305,7 +310,7 @@ ...@@ -305,7 +310,7 @@
<h2>МСовместная работа</h2> <h2>МСовместная работа</h2>
<div class="main-line"> <div class="main-line">
</div> </div>
<p> <p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала. инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться Платформа избавляет пользователя от необходимости пользоваться
...@@ -339,7 +344,7 @@ ...@@ -339,7 +344,7 @@
<h2>AI референт на связи</h2> <h2>AI референт на связи</h2>
<div class="main-line"> <div class="main-line">
</div> </div>
<p> <p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала. инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться Платформа избавляет пользователя от необходимости пользоваться
...@@ -374,7 +379,7 @@ ...@@ -374,7 +379,7 @@
для интеграции (Открытое API)</h2> для интеграции (Открытое API)</h2>
<div class="main-line"> <div class="main-line">
</div> </div>
<p> <p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала. инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться Платформа избавляет пользователя от необходимости пользоваться
...@@ -400,6 +405,7 @@ ...@@ -400,6 +405,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="option main-container"> <section class="option main-container">
<h2>Варианты развертывания</h2> <h2>Варианты развертывания</h2>
<div class="main-line"> <div class="main-line">
...@@ -407,7 +413,7 @@ ...@@ -407,7 +413,7 @@
<div class="option-container"> <div class="option-container">
<div class="option-card-img"> <div class="option-card-img">
<div class="option-card-img-container"> <div class="option-card-img-container">
<img class="vvv" src="img/option1.png"> <img src="img/option1.png">
</div> </div>
<h4>Cloud</h4> <h4>Cloud</h4>
<div class="option-text"> <div class="option-text">
...@@ -433,9 +439,10 @@ ...@@ -433,9 +439,10 @@
</div> </div>
</div> </div>
</section> </section>
<section class="protection-background"> <section class="protection-background">
<div class="main-container"> <div class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Защита данных в облаке</h2> <h2 class="h2-desktop">Защита данных в облаке</h2>
<div class="main-line protection-line"> <div class="main-line protection-line">
</div> </div>
<p class="text-h2-desktop protection-text-margin"> <p class="text-h2-desktop protection-text-margin">
...@@ -444,7 +451,7 @@ ...@@ -444,7 +451,7 @@
персональной архитектуры и, как следствие, минимизации рисков. персональной архитектуры и, как следствие, минимизации рисков.
</p> </p>
<div class="main-flex"> <div class="main-flex">
<div class="main-card"> <div class="protection-card">
<div class="protection-img"> <div class="protection-img">
<img src="img/protection6.png"> <img src="img/protection6.png">
</div> </div>
...@@ -455,7 +462,7 @@ ...@@ -455,7 +462,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="main-card"> <div class="protection-card">
<div class="protection-img"> <div class="protection-img">
<img src="img/protection2.png"> <img src="img/protection2.png">
</div> </div>
...@@ -466,7 +473,7 @@ ...@@ -466,7 +473,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="main-card"> <div class="protection-card">
<div class="protection-img"> <div class="protection-img">
<img src="img/protection1.png"> <img src="img/protection1.png">
</div> </div>
...@@ -479,7 +486,7 @@ ...@@ -479,7 +486,7 @@
</div> </div>
</div> </div>
<div class="main-flex"> <div class="main-flex">
<div class="main-card"> <div class="protection-card">
<div class="protection-img"> <div class="protection-img">
<img src="img/protection3.png"> <img src="img/protection3.png">
</div> </div>
...@@ -491,7 +498,7 @@ ...@@ -491,7 +498,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="main-card"> <div class="protection-card">
<div class="protection-img"> <div class="protection-img">
<img src="img/protection5.png"> <img src="img/protection5.png">
</div> </div>
...@@ -502,7 +509,7 @@ ...@@ -502,7 +509,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="main-card"> <div class="protection-card">
<div class="protection-img"> <div class="protection-img">
<img src="img/protection4.png"> <img src="img/protection4.png">
</div> </div>
...@@ -515,6 +522,7 @@ ...@@ -515,6 +522,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="main-container catalog"> <section class="main-container catalog">
<h2 class="h2-desktop h2-desktop-tittle">Маркетплейс</h2> <h2 class="h2-desktop h2-desktop-tittle">Маркетплейс</h2>
<div class="main-line protection-line"> <div class="main-line protection-line">
...@@ -650,6 +658,7 @@ ...@@ -650,6 +658,7 @@
</div> </div>
</section> </section>
<section class="main-container"> <section class="main-container">
<h2 class="h2-desktop">Цены</h2> <h2 class="h2-desktop">Цены</h2>
<div class="main-line"> <div class="main-line">
...@@ -1067,6 +1076,7 @@ ...@@ -1067,6 +1076,7 @@
</div> </div>
</div> </div>
</section> </section>
<section class="connection"> <section class="connection">
<div class="main-container"> <div class="main-container">
<div class="form-wrapper"> <div class="form-wrapper">
...@@ -1074,7 +1084,7 @@ ...@@ -1074,7 +1084,7 @@
<div class="form-line"> <div class="form-line">
</div> </div>
<p> <p>
Свяжитесь с нашим специалистом, чтобы узнать, как быстро Свяжитесь с нашим специалистом, <br>чтобы узнать, как быстро
и безболезненно для Вашего бизнеса повысить его эффективность! и безболезненно для Вашего бизнеса повысить его эффективность!
</p> </p>
<form> <form>
...@@ -1087,10 +1097,18 @@ ...@@ -1087,10 +1097,18 @@
</div> </div>
</div> </div>
</section> </section>
<footer> <footer>
<div class="main-container footer-wrapper"> <div class="main-container footer-wrapper-logo">
<div class="footer-info">
<img src="img/logo.png"> <img src="img/logo.png">
<div class="footer-contacts-link">
<a href="">Вход для клиентов</a>
</div>
</div>
<div class="main-container footer-wrapper-info">
<div class="footer-info">
<div class="footer-link"> <div class="footer-link">
<a href="">Лицензионное соглашение</a> <a href="">Лицензионное соглашение</a>
</div> </div>
...@@ -1101,9 +1119,6 @@ ...@@ -1101,9 +1119,6 @@
</div> </div>
<div class="footer-contacts"> <div class="footer-contacts">
<div class="footer-contacts-link"> <div class="footer-contacts-link">
<a href="">Вход для клиентов</a>
</div>
<div class="footer-contacts-link">
<a href="tel:+78003332222">+7 000 000 00 00</a> <a href="tel:+78003332222">+7 000 000 00 00</a>
</div> </div>
<div class="footer-contacts-link"> <div class="footer-contacts-link">
...@@ -1119,7 +1134,8 @@ ...@@ -1119,7 +1134,8 @@
</div> </div>
</div> </div>
</footer> </footer>
<!--<section id="id_about_section"> <!--
<section id="id_about_section">
<div class="section-header"> <div class="section-header">
<h3>Что такое MySmart Office</h3> <h3>Что такое MySmart Office</h3>
<p> <p>
...@@ -1157,8 +1173,8 @@ ...@@ -1157,8 +1173,8 @@
</p> </p>
</div> </div>
</div> </div>
</section>--> </section>
-->
<script src="vendors/jquery/dist/jquery.min.js"></script> <script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/pixlayout/jquery.pixlayout.min.js"></script> <script src="vendors/pixlayout/jquery.pixlayout.min.js"></script>
<script> <script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment