Skip to content

L
landing_pages
Commit 95628bf9 by Iren
Options

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

parent aeb50226
Showing with 1128 additions and 228 deletions
css/styles.css
......@@ -63,7 +63,9 @@ header {
}
@media (max-width: 576px) {
header {
margin-bottom: 0;
width: 320px;
height: 700px;
margin-bottom: 600px;
}
}
@media (max-width: 992px) {
......@@ -359,6 +361,7 @@ video {
}
@media (max-width: 576px) {
.h2-desktop {
font-family: HelveticaNeue-Black;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -396,11 +399,19 @@ video {
}
@media (max-width: 576px) {
.text-h2-desktop {
font-family: SFUIDisplay-Light;
font-size: 14px;
font-weight: 300;
line-height: 21px;
color: #315197;
letter-spacing: 0.14px;
margin-bottom: 31px;
}
}
@media (max-width: 768px) {
.text-h2-desktop {
font-size: 14px;
letter-spacing: 0.14px;
}
}
.h2-desktop-tittle {
......@@ -411,6 +422,11 @@ video {
max-width: 170px;
}
}
@media (max-width: 768px) {
.h2-desktop-tittle {
font-size: 32px;
}
}
.h3-desktop {
font-family: HelveticaNeue-Black;
margin-bottom: 18px;
......@@ -446,6 +462,11 @@ video {
letter-spacing: 0;
}
}
@media (max-width: 768px) {
.text-h3-desktop {
font-size: 14px;
}
}
/*main*/
.text-margin {
margin-bottom: 52px;
......@@ -497,6 +518,12 @@ video {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.main-card-text {
height: 170px;
margin-bottom: 10px;
}
}
@media (max-width: 992px) {
.main-btn-margin {
margin-top: 130px!important;
......@@ -534,6 +561,18 @@ video {
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 {
display: flex;
justify-content: space-between;
......@@ -554,24 +593,25 @@ video {
}
@media (max-width: 576px) {
.advertising-text-order {
width: 100%;
width: 300px;
order: 0;
}
}
.advertising-text-order h2 {
font-family: AvenirNext-Heavy;
font-size: 36px;
line-height: 62px;
margin-bottom: 3px;
color: #315197;
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-order h2 {
font-family: HelveticaNeue-Black;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -580,28 +620,71 @@ video {
margin-top: 20px;
}
}
.advertising-text-order p {
font-family: SFUIDisplay-Light;
font-size: 18px;
font-weight: 300;
line-height: 27px;
@media (max-width: 768px) {
.advertising-text-order h2 {
font-size: 30px;
font-family: AvenirNext-Heavy;
margin-bottom: 15px;
}
}
@media (max-width: 576px) {
.advertising-text-order h2 {
width: 300px!important;
font-size: 30px;
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;
letter-spacing: 0.18px;
max-width: 850px;
margin-bottom: 40px;
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-order p {
font-size: 14px;
font-weight: 300;
line-height: 21px;
color: #315197;
letter-spacing: 0.14px;
.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 {
margin-bottom: 24px;
}
@media (max-width: 768px) {
.advertising-text .main-line {
margin-bottom: 15px;
}
}
.advertising-text-order .main-line {
margin-bottom: 24px;
}
......@@ -630,55 +713,17 @@ video {
padding-top: 25px;
}
}
.advertising-text {
width: 110%;
}
.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;
/* p {
.text-h2-desktop;
@media (max-width: 768px) {
font-size: 18px;
letter-spacing: 0.16px;
margin-bottom: 0;
}
}
.advertising-text p {
font-family: SFUIDisplay-Light;
font-size: 18px;
font-weight: 300;
line-height: 27px;
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 {
@media (max-width: 576px) {
width: 100%;
}
}
}*/
@media (min-height: 577px) {
.advertising-img {
margin-top: -65px;
......@@ -717,6 +762,7 @@ video {
}
@media (max-width: 576px) {
.option h2 {
font-family: HelveticaNeue-Black;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -745,13 +791,21 @@ video {
justify-content: space-between;
flex-wrap: nowrap;
align-items: baseline;
margin-top: 32px;
margin-top: 0;
}
}
.option-card-img {
text-align: center;
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 {
font-family: AvenirNext-Heavy;
font-size: 30px;
......@@ -795,24 +849,49 @@ video {
.option-text {
min-height: 70px;
}
@media (max-width: 576px) {
@media (max-width: 768px) {
.option-text {
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 {
text-align: center;
margin: 0 auto;
/*max-width: 281px;*/
max-height: 284px;
}
@media (max-width: 768px) {
.option-card-img-container {
height: 169px;
max-width: 180px;
}
}
@media (max-width: 576px) {
.option-card-img-container {
max-width: 139px;
max-height: 139px;
width: 107px;
height: 92px;
margin: 0 auto;
margin-bottom: 10px;
}
}
@media (max-width: 576px) {
.option-card-img-container img {
max-width: 140px;
width: 107px;
height: 100px;
}
}
.option-card-line {
......@@ -824,7 +903,7 @@ video {
border-left: 1px solid gray;
transform: rotate(15deg);
}
@media (max-width: 576px) {
@media (max-width: 992px) {
.option-card-line {
position: absolute;
width: 2px;
......@@ -834,11 +913,21 @@ video {
top: 2%;
}
}
@media (max-width: 992px) {
@media (max-width: 768px) {
.option-card-line {
position: absolute;
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);
left: 50%;
top: 2%;
......@@ -853,6 +942,21 @@ video {
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-background {
background: #f9fbff;
......@@ -872,13 +976,46 @@ video {
padding-bottom: 145px;
}
}
@media (max-width: 576px) {
.protection-background {
padding-top: 71px;
padding-bottom: 10px;
}
}
.protection {
display: flex;
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 {
width: 100%;
}
@media (max-width: 768px) {
.protection-img {
height: 126px;
}
}
@media (max-width: 576px) {
.protection-img img {
width: 70px;
......@@ -892,6 +1029,11 @@ video {
margin-bottom: 40px;
}
}
@media (max-width: 576px) {
.protection-text-margin {
margin-bottom: 35px;
}
}
.protection-text {
font-family: AvenirNext-Heavy;
height: 90px;
......@@ -904,6 +1046,11 @@ video {
min-width: 216px;
}
}
@media (max-width: 768px) {
.protection-text {
height: 150px;
}
}
.protection-line {
margin-bottom: 12px;
}
......@@ -916,6 +1063,11 @@ video {
padding-top: 65px;
}
}
@media (max-width: 576px) {
.catalog {
padding-top: 55px;
}
}
.catalog-container {
display: flex;
}
......@@ -930,13 +1082,29 @@ video {
@media (max-width: 576px) {
.catalog-container {
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 768px) {
.catalog-container {
flex-wrap: wrap;
}
}
.tittle-catalog {
margin-bottom: 70px;
}
@media (max-width: 768px) {
.tittle-catalog {
margin-bottom: 50px;
}
}
@media (max-width: 576px) {
.tittle-catalog {
margin-bottom: 47px;
}
}
.catalog-img-container {
font-family: AvenirNext-Heavy sans-serif;
font-family: AvenirNext-Heavy;
margin-right: 5%;
margin-bottom: 60px;
width: 400px;
......@@ -953,19 +1121,71 @@ video {
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) {
.catalog-img-container img {
width: 75px;
}
}
@media (max-width: 1250px) {
@media (max-width: 768px) {
.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 {
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 {
margin-top: -20px;
}
......@@ -973,6 +1193,17 @@ video {
max-width: 56%;
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 {
font-size: 24px;
font-weight: 700;
......@@ -980,6 +1211,16 @@ video {
color: #303a81;
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 {
font-size: 18px;
font-weight: 300;
......@@ -987,6 +1228,20 @@ video {
letter-spacing: 0.24px;
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 {
background: #f9fbff;
......@@ -1010,11 +1265,24 @@ video {
@media (max-width: 992px) {
.technology {
padding-top: 80px;
padding-bottom: 85px;
padding-bottom: 95px;
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 {
display: flex;
width: 100%;
......@@ -1025,21 +1293,37 @@ video {
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.technology-container-wrapper {
flex-direction: column;
}
}
.technology-containe {
width: 50%;
height: 200px;
margin-top: 50px;
display: flex;
}
@media (max-width: 576px) {
@media (max-width: 992px) {
.technology-containe {
justify-content: center;
height: 200px;
margin-top: 20px;
}
}
@media (max-width: 768px) {
.technology-containe {
justify-content: space-between;
width: 100%;
height: 250px;
margin-top: 0!important;
}
}
@media (max-width: 992px) {
@media (max-width: 576px) {
.technology-containe {
height: 200px;
margin-top: 20px;
justify-content: center;
height: 190px;
width: 100%;
margin-bottom: 30px;
}
}
.technology-card {
......@@ -1053,29 +1337,55 @@ video {
padding-right: 50px;
}
}
@media (max-width: 576px) {
.technology-card {
height: 190px;
padding-right: 5px;
text-align: center!important;
}
}
.technology-card p {
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #303a81;
letter-spacing: 0.16px;
width: 103px;
}
@media (max-width: 576px) {
.technology-card p {
padding-right: 5px;
text-align: center;
}
}
@media (max-width: 992px) {
.technology-card img {
width: 100px;
width: 120px;
}
}
@media (max-width: 576px) {
.technology-card {
width: 142px;
.technology-card img {
width: 108px;
}
}
.technology-card-end {
padding-right: 0;
}
@media (max-width: 576px) {
.technology-card-end {
width: 142px;
}
}
.technology-img {
height: 110px;
}
@media (max-width: 576px) {
.technology-img {
width: 145px;
height: 113px;
margin-bottom: 16px;
}
}
/*price*/
.price-wrapper {
margin: 0 auto;
......@@ -1083,7 +1393,7 @@ video {
display: flex;
justify-content: space-between;
margin-bottom: 128px;
/*@media (max-width: 1250px) {
/*@media (max-width: 768px) {
position: absolute;
display: none;
}*/
......@@ -1093,6 +1403,13 @@ video {
margin-left: -15px;
}
}
@media (max-width: 576px) {
.price-wrapper {
width: 300px;
height: 731px;
text-overflow: ellipsis;
}
}
.price-container,
.price-container-active {
position: relative;
......@@ -1107,18 +1424,24 @@ video {
@media (max-width: 1250px) {
.price-container,
.price-container-active {
width: 190px;
height: 900px;
width: 288px;
height: 870px;
}
}
@media (max-width: 992px) {
.price-container,
.price-container-active {
width: 174px;
height: 990px;
height: 930px;
padding: 30px 8px 32px 8px;
}
}
@media (max-width: 768px) {
.price-container,
.price-container-active {
width: 145px;
}
}
.price-container h6,
.price-container-active h6 {
font-family: AvenirNext-Heavy;
......@@ -1147,7 +1470,7 @@ video {
@media (max-width: 1250px) {
.price-container img,
.price-container-active img {
width: 223px;
width: 288px;
}
}
@media (max-width: 992px) {
......@@ -1172,17 +1495,22 @@ video {
}
@media (max-width: 1250px) {
.price-container-active {
width: 190px;
height: 931px;
width: 288px;
height: 901px;
}
}
@media (max-width: 992px) {
.price-container-active {
width: 174px;
height: 1020px;
height: 970px;
padding: 30px 8px 32px 8px;
}
}
@media (max-width: 768px) {
.price-container-active {
width: 145px;
}
}
.price-container-active h6 {
font-family: AvenirNext-Heavy;
position: relative;
......@@ -1204,7 +1532,7 @@ video {
}
@media (max-width: 1250px) {
.price-container-active img {
width: 222px;
width: 288px;
}
}
@media (max-width: 992px) {
......@@ -1235,7 +1563,7 @@ video {
.price,
.price-active {
width: 100%;
height: 53px;
height: auto;
text-align: center;
margin: 0 auto;
margin-bottom: 16px;
......@@ -1265,7 +1593,7 @@ video {
height: 90px;
}
.price .price-p-margin {
line-height: 110px;
/*line-height: 110px;*/
font-size: 28px;
font-weight: 500;
text-transform: none;
......@@ -1283,9 +1611,18 @@ video {
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 {
width: 75px;
height: 12px;
height: 2px;
border-bottom: #c94d4e 1px solid;
margin: 0 auto;
}
......@@ -1294,7 +1631,7 @@ video {
list-style-type: disc;
}
.price-info li {
font-size: 16px;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
color: #303a81;
......@@ -1350,7 +1687,7 @@ video {
.price-btn {
width: 180px;
padding: 12px 10px 15px 10px;
margin-left: -8px;
margin-left: -3px;
}
}
.price-btn-active {
......@@ -1373,7 +1710,7 @@ video {
.connection {
background-image: url("../img/background-form.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
/*background-size: 100% 100%;*/
background-position: center;
}
.form-wrapper {
......@@ -1384,6 +1721,12 @@ video {
padding-top: 12.7%;
padding-bottom: 14%;
}
@media (max-width: 576px) {
.form-wrapper {
height: 614px;
padding-top: 71px;
}
}
.form-wrapper h6 {
font-family: AvenirNext-Heavy;
font-size: 60px;
......@@ -1392,6 +1735,21 @@ video {
letter-spacing: 0.6px;
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 {
font-family: SFUIDisplay-Regular;
font-size: 20px;
......@@ -1401,7 +1759,21 @@ video {
line-height: 30px;
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;
height: 52px;
border-radius: 10px;
......@@ -1410,10 +1782,32 @@ video {
margin-bottom: 30px;
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 {
margin-bottom: 0;
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 {
margin: 0 auto;
width: 398px;
......@@ -1421,11 +1815,27 @@ input.form-last-child {
border-bottom: #c94d4e 2px solid;
margin-bottom: 47px;
}
@media (max-width: 576px) {
.form-line {
width: 250px;
margin-bottom: 24px;
}
}
.form-btn {
font-family: SFUIDisplay-Regular;
margin-top: -100px;
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 {
color: #c0c0c0;
font-size: 18px;
......@@ -1449,25 +1859,54 @@ input.form-last-child {
letter-spacing: 0;
}
/*footer*/
footer {
height: 226px;
@media (max-width: 576px) {
footer {
padding-top: 60px;
}
}
.footer-wrapper {
.footer-wrapper-logo {
display: flex;
justify-content: space-between;
padding-top: 40px;
}
.footer-info {
width: 244px;
margin-top: 32px;
@media (max-width: 576px) {
.footer-wrapper-logo img {
width: 143px;
height: 28px;
}
}
.footer-info img {
margin-bottom: 20px;
@media (max-width: 576px) {
.footer-wrapper-logo a {
font-size: 14px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.14px;
color: #315197;
}
}
.footer-link {
margin-bottom: 15px;
.footer-wrapper-info {
display: flex;
justify-content: space-between;
}
.footer-img {
margin-top: 12px;
@media (max-width: 576px) {
.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 {
font-family: SFUIDisplay-Regular;
......@@ -1477,14 +1916,29 @@ footer {
color: #315197;
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 {
text-align: right;
margin-top: 35px;
}
.footer-contacts-link {
margin-bottom: 9px;
@media (max-width: 576px) {
.footer-contacts {
order: 0;
width: 320px;
}
}
.footer-contacts-link a {
.footer-contacts a {
font-family: SFUIDisplay-Regular;
font-size: 16px;
font-weight: 300;
......@@ -1492,6 +1946,24 @@ footer {
color: #315197;
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 {
font-family: SFUIDisplay-Regular sans-serif;
font-size: 16px;
......@@ -1504,4 +1976,14 @@ footer {
color: #315197;
margin-left: 27px;
}
@media (max-width: 768px) {
.footer-icon {
margin-left: 10px;
}
}
@media (max-width: 576px) {
.footer-icon {
width: 5px;
}
}
/*# 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"}
\ No newline at end of file
{"version":3,"sources":["styles.less"],"names":[],"mappings":"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","file":"styles.css"}
\ No newline at end of file
css/styles.less
......@@ -57,7 +57,9 @@ header {
background-position: center;
margin-bottom: 97px;
@media (max-width: 576px) {
margin-bottom: 0;
width: 320px;
height: 700px;
margin-bottom: 600px;
}
@media (max-width: 992px) {
margin-bottom: 57px;
......@@ -299,6 +301,7 @@ video {
@media (max-width: 576px) {
padding-left: 10px;
padding-right: 10px;
}
}
.h2-desktop {
......@@ -311,6 +314,7 @@ video {
letter-spacing: 0.36px;
max-width: 803px;
@media (max-width: 576px) {
font-family: HelveticaNeue-Black;
font-size: 24px;
line-height: 30px;
margin-bottom: 3px;
......@@ -346,11 +350,17 @@ video {
max-width: 850px;
margin-bottom: 40px;
@media (max-width: 576px) {
font-family: SFUIDisplay-Light;
font-size: 14px;
font-weight: 300;
line-height: 21px;
color: #315197;
letter-spacing: 0.14px;
margin-bottom: 31px;
}
@media (max-width: 768px){
font-size: 14px;
letter-spacing: 0.14px;
}
}
.h2-desktop-tittle {
......@@ -358,6 +368,9 @@ video {
@media (max-width: 576px){
max-width: 170px;
}
@media (max-width: 768px){
font-size: 32px;
}
}
.h3-desktop {
font-family: HelveticaNeue-Black;
......@@ -389,6 +402,9 @@ video {
line-height: 18px;
letter-spacing: 0;
}
@media (max-width: 768px) {
font-size: 14px;
}
}
/*main*/
.text-margin {
......@@ -425,7 +441,8 @@ video {
height: 70px;
margin-bottom: 0;
margin-right: 16px;
}}
}
}
}
.main-card-text {
height: 141px;
......@@ -433,6 +450,10 @@ video {
height: auto;
margin-bottom: 10px;
}
@media (max-width: 768px) {
height: 170px;
margin-bottom: 10px;
}
}
.main-btn-margin {
@media (max-width: 992px) {
......@@ -464,6 +485,14 @@ video {
@media (max-width: 992px) {
padding-bottom: 20px;
}
@media (max-width: 768px) {
padding-bottom: 20px;
padding-top: 90px;
}
@media (max-width: 576px) {
padding-bottom: 0;
padding-top: 90px;
}
}
.advertising {
display: flex;
......@@ -478,22 +507,61 @@ video {
}
.advertising-text-order {
@media (max-width: 576px) {
width: 100%;
width: 300px;
order: 0;
}
width: 110%;
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;
}
p {
.text-h2-desktop;
@media (max-width: 576px) {
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 {
margin-bottom: 24px;
@media (max-width: 768px) {
margin-bottom: 15px;
}
}
.advertising-text-order .main-line {
margin-bottom: 24px;
......@@ -519,21 +587,19 @@ video {
padding-top: 25px;
}
}
.advertising-text {
width: 110%;
h2 {
.h2-desktop;
margin-bottom: 31px;
line-height: 36px;
font-weight: 800;
}
p {
/* p {
.text-h2-desktop;
@media (max-width: 768px) {
font-size: 18px;
letter-spacing: 0.16px;
margin-bottom: 0;
}
}
@media (max-width: 576px) {
width: 100%;
}
}
}*/
.advertising-img {
@media (min-height: 577px) {
margin-top: -65px;
......@@ -579,12 +645,18 @@ video {
justify-content: space-between;
flex-wrap: nowrap;
align-items: baseline;
margin-top: 32px;
margin-top: 0;
}
}
.option-card-img {
text-align: center;
max-width: 485px;
@media (max-width: 768px) {
width: 275px;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.2px;
}
h4 {
font-family: AvenirNext-Heavy;
font-size: 30px;
......@@ -623,20 +695,41 @@ video {
}
.option-text {
min-height: 70px;
@media (max-width: 576px) {
@media (max-width: 768px) {
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 {
text-align: center;
margin: 0 auto;
/*max-width: 281px;*/
max-height: 284px;
@media (max-width: 768px) {
height: 169px;
max-width: 180px;
}
@media (max-width: 576px) {
max-width: 139px;
max-height: 139px;
img {
max-width: 140px;
width: 107px;
height: 92px;
margin: 0 auto;
margin-bottom: 10px;
}
img {
@media (max-width: 576px) {
width: 107px;
height: 100px;
}
}
}
......@@ -648,7 +741,7 @@ video {
height: 387px;
border-left: 1px solid gray;
transform: rotate(15deg);
@media (max-width: 576px) {
@media (max-width: 992px) {
position: absolute;
width: 2px;
height: 343px;
......@@ -656,10 +749,18 @@ video {
left: 50%;
top: 2%;
}
@media (max-width: 992px) {
@media (max-width: 768px) {
position: absolute;
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);
left: 50%;
top: 2%;
......@@ -671,6 +772,17 @@ video {
@media (max-width: 992px) {
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-background {
......@@ -686,13 +798,38 @@ video {
padding-top: 71px;
padding-bottom: 145px;
}
@media (max-width: 576px) {
padding-top: 71px;
padding-bottom: 10px;
}
}
.protection {
display: flex;
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 {
width: 100%;
@media (max-width: 768px) {
height: 126px;
}
img {
@media (max-width: 576px) {
width: 70px;
......@@ -706,6 +843,9 @@ video {
@media (max-width: 992px) {
margin-bottom: 40px;
}
@media (max-width: 576px) {
margin-bottom: 35px;
}
}
.protection-text {
font-family: AvenirNext-Heavy;
......@@ -716,6 +856,9 @@ video {
margin-bottom: 10px;
min-width: 216px;
}
@media (max-width: 768px) {
height: 150px;
}
}
.protection-line {
margin-bottom: 12px;
......@@ -726,6 +869,9 @@ video {
@media (max-width: 992px) {
padding-top: 65px
}
@media (max-width: 576px) {
padding-top: 55px
}
}
.catalog-container {
display: flex;
......@@ -739,12 +885,22 @@ video {
}
@media (max-width: 576px) {
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 768px) {
flex-wrap: wrap;
}
}.tittle-catalog {
margin-bottom: 70px;
@media (max-width: 768px) {
margin-bottom: 50px;
}
@media (max-width: 576px) {
margin-bottom: 47px;
}
}
.catalog-img-container {
font-family: AvenirNext-Heavy sans-serif;
font-family: AvenirNext-Heavy;
margin-right: 5%;
margin-bottom: 60px;
width: 400px;
......@@ -756,17 +912,56 @@ video {
margin-right: 0;
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 {
margin-right: 5px;
width: 90px;
@media (max-width: 1250px) {
width: 100px;
}
@media (max-width: 992px) {
width: 75px;
}
@media (max-width: 1250px) {
width: 100px;
@media (max-width: 768px) {
width: 150px;
margin-right: 20px;
}
@media (max-width: 576px) {
width: 70px;
margin-right: 10px;
}
}
}
.catalog-img-container-end {
margin-right: 0;
img {
width: 115px;
margin-right: 5px;
@media (max-width: 1250px) {
width: 90px;
}
@media (max-width: 992px) {
width: 70px;
}
}
}
.catalig-img {
margin-top: -20px;
......@@ -774,12 +969,27 @@ video {
.catalog-text {
max-width: 56%;
margin-bottom: 120px;
@media (max-width: 768px) {
max-width: 100%;
margin-bottom: 80px;
}
@media (max-width: 576px) {
margin-bottom: 60px;
}
h6 {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.24px;
color: #303a81;
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 {
font-size: 18px;
......@@ -787,6 +997,16 @@ video {
line-height: 24px;
letter-spacing: 0.24px;
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*/
......@@ -806,31 +1026,55 @@ video {
}
@media (max-width: 992px) {
padding-top: 80px;
padding-bottom: 85px;
padding-bottom: 95px;
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 {
display: flex;
width: 100%;
@media (max-width: 576px) {
flex-wrap: wrap;
justify-content: flex-start;
}
@media (max-width: 768px) {
flex-direction: column;
}
}
.technology-containe {
width: 50%;
height: 200px;
margin-top: 50px;
display: flex;
@media (max-width: 576px) {
justify-content: center;
width: 100%;
}
@media (max-width: 992px) {
height: 200px;
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 {
width: 50%;
......@@ -840,29 +1084,46 @@ video {
@media (max-width: 1250px) {
padding-right: 50px;
}
@media (max-width: 576px) {
height: 190px;
padding-right: 5px;
text-align: center!important;
}
p {
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #303a81;
letter-spacing: 0.16px;
width: 103px;
@media (max-width: 576px) {
padding-right: 5px;
text-align: center;
}
}
img {
@media (max-width: 992px) {
width: 100px;
width: 120px;
}
@media (max-width: 576px) {
width: 108px;
}
}
@media (max-width: 576px) {
width: 142px;
}
}
.technology-card-end {
padding-right: 0;
@media (max-width: 576px) {
width: 142px;
}
}
.technology-img {
height: 110px;
@media (max-width: 576px) {
width: 145px;
height: 113px;
margin-bottom: 16px;
}
}
/*price*/
.price-wrapper {
......@@ -874,7 +1135,13 @@ video {
@media (max-width: 992px) {
margin-left: -15px;
}
/*@media (max-width: 1250px) {
@media (max-width: 576px) {
width: 300px;
height: 731px;
text-overflow: ellipsis;
}
/*@media (max-width: 768px) {
position: absolute;
display: none;
}*/
......@@ -889,14 +1156,17 @@ video {
border: #e6effa 1px solid;
border-radius: 4px;
@media (max-width: 1250px) {
width: 190px;
height: 900px;
width: 288px;
height: 870px;
}
@media (max-width: 992px) {
width: 174px;
height: 990px;
height: 930px;
padding: 30px 8px 32px 8px;
}
@media (max-width: 768px) {
width: 145px;
}
h6 {
font-family: AvenirNext-Heavy;
position: relative;
......@@ -917,7 +1187,7 @@ video {
left: 0;
top: 0;
@media (max-width: 1250px) {
width: 223px;
width: 288px;
}
@media (max-width: 992px) {
width: 190px;
......@@ -938,14 +1208,17 @@ video {
border: #e6effa 1px solid;
border-radius: 4px;
@media (max-width: 1250px) {
width: 190px;
height: 931px;
width: 288px;
height: 901px;
}
@media (max-width: 992px) {
width: 174px;
height: 1020px;
height: 970px;
padding: 30px 8px 32px 8px;
}
@media (max-width: 768px) {
width: 145px;
}
h6 {
font-family: AvenirNext-Heavy;
position: relative;
......@@ -965,7 +1238,7 @@ video {
width: 288px;
height: 124px;
@media (max-width: 1250px) {
width: 222px;
width: 288px;
}
@media (max-width: 992px) {
width: 191px;
......@@ -992,7 +1265,7 @@ video {
}
.price, .price-active {
width: 100%;
height: 53px;
height: auto;
text-align: center;
margin: 0 auto;
margin-bottom: 16px;
......@@ -1014,7 +1287,7 @@ video {
height: 90px;
}
.price .price-p-margin {
line-height: 110px;
/*line-height: 110px;*/
font-size: 28px;
font-weight: 500;
text-transform: none;
......@@ -1028,17 +1301,25 @@ video {
font-size: 24px;
}
}
.price-p-margin {
line-height: 40px;
margin-top: 110px;
@media (max-width: 1250px) {
margin-top: 48px;
}
}
.price-line-little {
width: 75px;
height: 12px;
height: 2px;
border-bottom: #c94d4e 1px solid;
margin: 0 auto;
}
.price-info {
margin-left: 16px;
list-style-type: disc;
li {
font-size: 16px;
font-size: 14px;
font-weight: 300;
letter-spacing: 0;
color: #303a81;
......@@ -1084,10 +1365,11 @@ video {
width: 190px;
font-size: 12px;
}
@media (max-width: 992px) {
@media (max-width: 992px) {
width: 180px;
padding: 12px 10px 15px 10px;
margin-left: -8px;
margin-left: -3px;
}
}
.price-btn-active {
......@@ -1106,7 +1388,7 @@ video {
.connection {
background-image: url("../img/background-form.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
/*background-size: 100% 100%;*/
background-position: center;
}
.form-wrapper {
......@@ -1116,6 +1398,10 @@ video {
margin: 0 auto;
padding-top: 12.7%;
padding-bottom: 14%;
@media (max-width: 576px) {
height: 614px;
padding-top: 71px;
}
h6 {
font-family: AvenirNext-Heavy;
font-size: 60px;
......@@ -1123,16 +1409,41 @@ video {
color: white;
letter-spacing: 0.6px;
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 {
font-family: SFUIDisplay-Regular;
font-size: 20px;
font-weight: 400;
color: white;
letter-spacing: 0;
line-height: 30px;
margin-bottom: 27px;
}
p {
font-family: SFUIDisplay-Regular;
font-size: 20px;
font-weight: 400;
color: white;
letter-spacing: 0;
line-height: 30px;
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 {
width: 582px;
height: 52px;
......@@ -1141,11 +1452,27 @@ video {
background: white;
margin-bottom: 30px;
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 {
margin-bottom: 0;
background: white;
@media (max-width: 768px) {
width: 500px!important;
}
@media (max-width: 576px) {
width: 284px!important;
padding-left: 16px;
}
}
.form-line {
margin: 0 auto;
......@@ -1153,11 +1480,23 @@ input.form-last-child {
height: 10px;
border-bottom: #c94d4e 2px solid;
margin-bottom: 47px;
@media (max-width: 576px) {
width: 250px;
margin-bottom: 24px;
}
}
.form-btn {
font-family: SFUIDisplay-Regular;
margin-top: -100px;
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 {
color:#c0c0c0;
......@@ -1181,24 +1520,51 @@ input.form-last-child {
}
/*footer*/
footer {
height: 226px;
@media (max-width: 576px) {
padding-top: 60px;
}
}
.footer-wrapper-logo {
display: flex;
justify-content: space-between;
padding-top: 40px;
img {
@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-wrapper {
.footer-wrapper-info {
display: flex;
justify-content: space-between;
@media (max-width: 576px) {
flex-wrap: wrap;
}
}
.footer-info {
width: 244px;
margin-top: 32px;
margin-top: 20px;
@media (max-width: 576px) {
order: 3;
width: 320px;
margin-bottom: 10px;
}
img {
margin-bottom: 20px;
@media (max-width: 576px) {
margin-top: 20px;
}
}
}
.footer-link {
margin-bottom: 15px;
}
.footer-img {
margin-top: 12px;
}
.footer-link a{
font-family: SFUIDisplay-Regular;
......@@ -1208,20 +1574,47 @@ footer {
color: #315197;
letter-spacing: 0.14px;
}
.footer-contacts {
text-align: right;
margin-top: 35px;
}
.footer-contacts-link {
margin-bottom: 9px;
.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-link a {
font-family: SFUIDisplay-Regular;
.footer-contacts {
text-align: right;
@media (max-width: 576px) {
order: 0;
width: 320px;
}
a {
font-family: SFUIDisplay-Regular;
font-size: 16px;
font-weight: 300;
line-height: 30px;
color: #315197;
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 {
font-family: SFUIDisplay-Regular sans-serif;
......@@ -1234,4 +1627,12 @@ footer {
.footer-icon {
color: #315197;
margin-left: 27px;
@media (max-width: 768px) {
margin-left: 10px;
}
@media (max-width: 576px) {
width: 5px;
}
}
index.html
......@@ -12,6 +12,7 @@
<link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
</head>
<body>
<header>
<div class="main-container">
<div class="header-container">
......@@ -65,11 +66,11 @@
и неограниченными возможностями масштабирования.<br>
С помощью MSO вы сможете автоматизировать любой бизнес-процесс.
</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-background header-btn">Узнать больше</button>
</div>
<div>
<video controls="controls" poster="img/video.png">
<source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
......@@ -79,6 +80,7 @@
<a href="video/duel.mp4">Скачайте видео</a>.
</video>
</div>
</div>
</div>
</div>
......@@ -87,6 +89,8 @@
</div>
</div>
</header>
<section class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>
<div class="main-line">
......@@ -246,11 +250,12 @@
<button type="button" class="main-btn main-btn-margin">Узнать больше</button>
</div>
</section>
<section class="advertising-background">
<div class="advertising main-container">
<div class="advertising-text">
<h2 class="h2-desktop">Сокращение затрат
<br>на разработку</h2>
<h2>Сокращение затрат
на разработку</h2>
<div class="main-line">
</div>
<p class="text-h2-desktop">
......@@ -272,7 +277,7 @@
<h2>Масштабируемость</h2>
<div class="main-line">
</div>
<p>
<p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться
......@@ -305,7 +310,7 @@
<h2>МСовместная работа</h2>
<div class="main-line">
</div>
<p>
<p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться
......@@ -339,7 +344,7 @@
<h2>AI референт на связи</h2>
<div class="main-line">
</div>
<p>
<p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться
......@@ -374,7 +379,7 @@
для интеграции (Открытое API)</h2>
<div class="main-line">
</div>
<p>
<p class="text-h2-desktop">
Модульная архитектура MSO позволяет в несколько кликов добавить новые
инструменты и блоки системы для необходимого расширения функционала.
Платформа избавляет пользователя от необходимости пользоваться
......@@ -400,6 +405,7 @@
</div>
</div>
</section>
<section class="option main-container">
<h2>Варианты развертывания</h2>
<div class="main-line">
......@@ -407,7 +413,7 @@
<div class="option-container">
<div class="option-card-img">
<div class="option-card-img-container">
<img class="vvv" src="img/option1.png">
<img src="img/option1.png">
</div>
<h4>Cloud</h4>
<div class="option-text">
......@@ -433,9 +439,10 @@
</div>
</div>
</section>
<section class="protection-background">
<div class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Защита данных в облаке</h2>
<h2 class="h2-desktop">Защита данных в облаке</h2>
<div class="main-line protection-line">
</div>
<p class="text-h2-desktop protection-text-margin">
......@@ -444,7 +451,7 @@
персональной архитектуры и, как следствие, минимизации рисков.
</p>
<div class="main-flex">
<div class="main-card">
<div class="protection-card">
<div class="protection-img">
<img src="img/protection6.png">
</div>
......@@ -455,7 +462,7 @@
</p>
</div>
</div>
<div class="main-card">
<div class="protection-card">
<div class="protection-img">
<img src="img/protection2.png">
</div>
......@@ -466,7 +473,7 @@
</p>
</div>
</div>
<div class="main-card">
<div class="protection-card">
<div class="protection-img">
<img src="img/protection1.png">
</div>
......@@ -479,7 +486,7 @@
</div>
</div>
<div class="main-flex">
<div class="main-card">
<div class="protection-card">
<div class="protection-img">
<img src="img/protection3.png">
</div>
......@@ -491,7 +498,7 @@
</p>
</div>
</div>
<div class="main-card">
<div class="protection-card">
<div class="protection-img">
<img src="img/protection5.png">
</div>
......@@ -502,7 +509,7 @@
</p>
</div>
</div>
<div class="main-card">
<div class="protection-card">
<div class="protection-img">
<img src="img/protection4.png">
</div>
......@@ -515,6 +522,7 @@
</div>
</div>
</section>
<section class="main-container catalog">
<h2 class="h2-desktop h2-desktop-tittle">Маркетплейс</h2>
<div class="main-line protection-line">
......@@ -650,6 +658,7 @@
</div>
</section>
<section class="main-container">
<h2 class="h2-desktop">Цены</h2>
<div class="main-line">
......@@ -1067,6 +1076,7 @@
</div>
</div>
</section>
<section class="connection">
<div class="main-container">
<div class="form-wrapper">
......@@ -1074,7 +1084,7 @@
<div class="form-line">
</div>
<p>
Свяжитесь с нашим специалистом, чтобы узнать, как быстро
Свяжитесь с нашим специалистом, <br>чтобы узнать, как быстро
и безболезненно для Вашего бизнеса повысить его эффективность!
</p>
<form>
......@@ -1087,10 +1097,18 @@
</div>
</div>
</section>
<footer>
<div class="main-container footer-wrapper">
<div class="footer-info">
<div class="main-container footer-wrapper-logo">
<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">
<a href="">Лицензионное соглашение</a>
</div>
......@@ -1101,9 +1119,6 @@
</div>
<div class="footer-contacts">
<div class="footer-contacts-link">
<a href="">Вход для клиентов</a>
</div>
<div class="footer-contacts-link">
<a href="tel:+78003332222">+7 000 000 00 00</a>
</div>
<div class="footer-contacts-link">
......@@ -1119,7 +1134,8 @@
</div>
</div>
</footer>
<!--<section id="id_about_section">
<!--
<section id="id_about_section">
<div class="section-header">
<h3>Что такое MySmart Office</h3>
<p>
......@@ -1157,8 +1173,8 @@
</p>
</div>
</div>
</section>-->
</section>
-->
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/pixlayout/jquery.pixlayout.min.js"></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