@megafon/ui-shared 6.3.0 → 6.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/es/components/Card/Card.css +1 -1
  3. package/dist/es/components/Container/Container.css +934 -7
  4. package/dist/es/components/DarkGradientCards/DarkGradientCards.css +18 -0
  5. package/dist/es/components/DarkGradientCards/DarkGradientCards.d.ts +28 -0
  6. package/dist/es/components/DarkGradientCards/DarkGradientCards.js +88 -0
  7. package/dist/es/components/DarkGradientCards/components/DarkGradientCard.css +175 -0
  8. package/dist/es/components/DarkGradientCards/components/DarkGradientCard.d.ts +15 -0
  9. package/dist/es/components/DarkGradientCards/components/DarkGradientCard.js +52 -0
  10. package/dist/es/components/DarkGradientCards/types.d.ts +21 -0
  11. package/dist/es/components/DarkGradientCards/types.js +0 -0
  12. package/dist/es/components/InfoCards/InfoCards.css +75 -0
  13. package/dist/es/components/InfoCards/InfoCards.d.ts +21 -0
  14. package/dist/es/components/InfoCards/InfoCards.js +66 -0
  15. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +237 -0
  16. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.d.ts +15 -0
  17. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +108 -0
  18. package/dist/es/components/InfoCards/types.d.ts +26 -0
  19. package/dist/es/components/InfoCards/types.js +0 -0
  20. package/dist/es/components/SidePictureCards/SidePictureCards.d.ts +22 -0
  21. package/dist/es/components/SidePictureCards/SidePictureCards.js +77 -0
  22. package/dist/es/components/SidePictureCards/components/SidePictureCard.css +183 -0
  23. package/dist/es/components/SidePictureCards/components/SidePictureCard.d.ts +16 -0
  24. package/dist/es/components/SidePictureCards/components/SidePictureCard.js +91 -0
  25. package/dist/es/components/SidePictureCards/types.d.ts +46 -0
  26. package/dist/es/components/SidePictureCards/types.js +0 -0
  27. package/dist/es/components/TextWithIcon/TextWithIconItem.css +16 -7
  28. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +2 -0
  29. package/dist/es/components/TextWithIcon/TextWithIconItem.js +6 -1
  30. package/dist/es/hooks/useResolutions.d.ts +1 -0
  31. package/dist/es/hooks/useResolutions.js +12 -1
  32. package/dist/es/index.d.ts +6 -0
  33. package/dist/es/index.js +6 -0
  34. package/dist/lib/components/Card/Card.css +1 -1
  35. package/dist/lib/components/Container/Container.css +934 -7
  36. package/dist/lib/components/DarkGradientCards/DarkGradientCards.css +18 -0
  37. package/dist/lib/components/DarkGradientCards/DarkGradientCards.d.ts +28 -0
  38. package/dist/lib/components/DarkGradientCards/DarkGradientCards.js +104 -0
  39. package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.css +175 -0
  40. package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.d.ts +15 -0
  41. package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.js +65 -0
  42. package/dist/lib/components/DarkGradientCards/types.d.ts +21 -0
  43. package/dist/lib/components/DarkGradientCards/types.js +1 -0
  44. package/dist/lib/components/InfoCards/InfoCards.css +75 -0
  45. package/dist/lib/components/InfoCards/InfoCards.d.ts +21 -0
  46. package/dist/lib/components/InfoCards/InfoCards.js +88 -0
  47. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +237 -0
  48. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.d.ts +15 -0
  49. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +129 -0
  50. package/dist/lib/components/InfoCards/types.d.ts +26 -0
  51. package/dist/lib/components/InfoCards/types.js +1 -0
  52. package/dist/lib/components/SidePictureCards/SidePictureCards.d.ts +22 -0
  53. package/dist/lib/components/SidePictureCards/SidePictureCards.js +95 -0
  54. package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +183 -0
  55. package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts +16 -0
  56. package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +108 -0
  57. package/dist/lib/components/SidePictureCards/types.d.ts +46 -0
  58. package/dist/lib/components/SidePictureCards/types.js +1 -0
  59. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +16 -7
  60. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +2 -0
  61. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +6 -1
  62. package/dist/lib/hooks/useResolutions.d.ts +1 -0
  63. package/dist/lib/hooks/useResolutions.js +12 -1
  64. package/dist/lib/index.d.ts +6 -0
  65. package/dist/lib/index.js +48 -0
  66. package/package.json +2 -2
@@ -479,7 +479,7 @@ h5 {
479
479
  margin-top: 56px;
480
480
  }
481
481
  .mfui-container .mfui-title-description-box + .mfui-tabs-box {
482
- margin-top: 56px;
482
+ margin-top: 40px;
483
483
  }
484
484
  .mfui-container .mfui-title-description-box + .mfui-partners {
485
485
  margin-top: 56px;
@@ -526,6 +526,15 @@ h5 {
526
526
  .mfui-container .mfui-title-description-box + .mfui-blog-box {
527
527
  margin-top: 56px;
528
528
  }
529
+ .mfui-container .mfui-title-description-box + .mfui-dark-gradient-cards {
530
+ margin-top: 56px;
531
+ }
532
+ .mfui-container .mfui-title-description-box + .mfui-side-picture-cards {
533
+ margin-top: 56px;
534
+ }
535
+ .mfui-container .mfui-title-description-box + .mfui-info-cards {
536
+ margin-top: 56px;
537
+ }
529
538
  @media screen and (min-width: 768px) and (max-width: 1023px) {
530
539
  .mfui-container .mfui-title-description-box + .mfui-benefits-icons {
531
540
  margin-top: 48px;
@@ -543,7 +552,7 @@ h5 {
543
552
  margin-top: 48px;
544
553
  }
545
554
  .mfui-container .mfui-title-description-box + .mfui-tabs-box {
546
- margin-top: 48px;
555
+ margin-top: 40px;
547
556
  }
548
557
  .mfui-container .mfui-title-description-box + .mfui-partners {
549
558
  margin-top: 48px;
@@ -575,6 +584,15 @@ h5 {
575
584
  .mfui-container .mfui-title-description-box + .mfui-blog-box {
576
585
  margin-top: 48px;
577
586
  }
587
+ .mfui-container .mfui-title-description-box + .mfui-dark-gradient-cards {
588
+ margin-top: 48px;
589
+ }
590
+ .mfui-container .mfui-title-description-box + .mfui-side-picture-cards {
591
+ margin-top: 48px;
592
+ }
593
+ .mfui-container .mfui-title-description-box + .mfui-info-cards {
594
+ margin-top: 48px;
595
+ }
578
596
  }
579
597
  @media screen and (max-width: 767px) {
580
598
  .mfui-container .mfui-title-description-box + .mfui-benefits-icons {
@@ -593,7 +611,7 @@ h5 {
593
611
  margin-top: 40px;
594
612
  }
595
613
  .mfui-container .mfui-title-description-box + .mfui-tabs-box {
596
- margin-top: 40px;
614
+ margin-top: 24px;
597
615
  }
598
616
  .mfui-container .mfui-title-description-box + .mfui-partners {
599
617
  margin-top: 40px;
@@ -625,6 +643,15 @@ h5 {
625
643
  .mfui-container .mfui-title-description-box + .mfui-blog-box {
626
644
  margin-top: 40px;
627
645
  }
646
+ .mfui-container .mfui-title-description-box + .mfui-dark-gradient-cards {
647
+ margin-top: 40px;
648
+ }
649
+ .mfui-container .mfui-title-description-box + .mfui-side-picture-cards {
650
+ margin-top: 40px;
651
+ }
652
+ .mfui-container .mfui-title-description-box + .mfui-info-cards {
653
+ margin-top: 40px;
654
+ }
628
655
  }
629
656
  @media screen and (max-width: 1023px) {
630
657
  .mfui-container .mfui-title-description-box + .mfui-button-link-box {
@@ -694,6 +721,15 @@ h5 {
694
721
  .mfui-container .mfui-benefits-icons + .mfui-download-links {
695
722
  margin-top: 48px;
696
723
  }
724
+ .mfui-container .mfui-benefits-icons + .mfui-dark-gradient-cards {
725
+ margin-top: 56px;
726
+ }
727
+ .mfui-container .mfui-benefits-icons + .mfui-side-picture-cards {
728
+ margin-top: 56px;
729
+ }
730
+ .mfui-container .mfui-benefits-icons + .mfui-info-cards {
731
+ margin-top: 56px;
732
+ }
697
733
  @media screen and (min-width: 768px) and (max-width: 1023px) {
698
734
  .mfui-container .mfui-benefits-icons + .mfui-benefits-pictures {
699
735
  margin-top: 48px;
@@ -752,6 +788,15 @@ h5 {
752
788
  .mfui-container .mfui-benefits-icons + .mfui-download-links {
753
789
  margin-top: 40px;
754
790
  }
791
+ .mfui-container .mfui-benefits-icons + .mfui-dark-gradient-cards {
792
+ margin-top: 48px;
793
+ }
794
+ .mfui-container .mfui-benefits-icons + .mfui-side-picture-cards {
795
+ margin-top: 48px;
796
+ }
797
+ .mfui-container .mfui-benefits-icons + .mfui-info-cards {
798
+ margin-top: 48px;
799
+ }
755
800
  }
756
801
  @media screen and (max-width: 767px) {
757
802
  .mfui-container .mfui-benefits-icons + .mfui-benefits-pictures {
@@ -805,6 +850,15 @@ h5 {
805
850
  .mfui-container .mfui-benefits-icons + .mfui-steps {
806
851
  margin-top: 40px;
807
852
  }
853
+ .mfui-container .mfui-benefits-icons + .mfui-dark-gradient-cards {
854
+ margin-top: 40px;
855
+ }
856
+ .mfui-container .mfui-benefits-icons + .mfui-side-picture-cards {
857
+ margin-top: 40px;
858
+ }
859
+ .mfui-container .mfui-benefits-icons + .mfui-info-cards {
860
+ margin-top: 40px;
861
+ }
808
862
  }
809
863
  .mfui-container .mfui-benefits-pictures + .mfui-benefits-icons {
810
864
  margin-top: 56px;
@@ -866,6 +920,15 @@ h5 {
866
920
  .mfui-container .mfui-benefits-pictures + .mfui-download-links {
867
921
  margin-top: 48px;
868
922
  }
923
+ .mfui-container .mfui-benefits-pictures + .mfui-dark-gradient-cards {
924
+ margin-top: 56px;
925
+ }
926
+ .mfui-container .mfui-benefits-pictures + .mfui-side-picture-cards {
927
+ margin-top: 56px;
928
+ }
929
+ .mfui-container .mfui-benefits-pictures + .mfui-info-cards {
930
+ margin-top: 56px;
931
+ }
869
932
  @media screen and (min-width: 768px) and (max-width: 1023px) {
870
933
  .mfui-container .mfui-benefits-pictures + .mfui-benefits-icons {
871
934
  margin-top: 48px;
@@ -927,6 +990,15 @@ h5 {
927
990
  .mfui-container .mfui-benefits-pictures + .mfui-download-links {
928
991
  margin-top: 40px;
929
992
  }
993
+ .mfui-container .mfui-benefits-pictures + .mfui-dark-gradient-cards {
994
+ margin-top: 48px;
995
+ }
996
+ .mfui-container .mfui-benefits-pictures + .mfui-side-picture-cards {
997
+ margin-top: 48px;
998
+ }
999
+ .mfui-container .mfui-benefits-pictures + .mfui-info-cards {
1000
+ margin-top: 48px;
1001
+ }
930
1002
  }
931
1003
  @media screen and (max-width: 767px) {
932
1004
  .mfui-container .mfui-benefits-pictures + .mfui-benefits-icons {
@@ -983,6 +1055,15 @@ h5 {
983
1055
  .mfui-container .mfui-benefits-pictures + .mfui-steps {
984
1056
  margin-top: 40px;
985
1057
  }
1058
+ .mfui-container .mfui-benefits-pictures + .mfui-dark-gradient-cards {
1059
+ margin-top: 40px;
1060
+ }
1061
+ .mfui-container .mfui-benefits-pictures + .mfui-side-picture-cards {
1062
+ margin-top: 40px;
1063
+ }
1064
+ .mfui-container .mfui-benefits-pictures + .mfui-info-cards {
1065
+ margin-top: 40px;
1066
+ }
986
1067
  }
987
1068
  .mfui-container .mfui-benefits-pictures + .mfui-benefits-pictures {
988
1069
  margin-top: 0 !important;
@@ -1047,6 +1128,15 @@ h5 {
1047
1128
  .mfui-container .mfui-cards-box + .mfui-download-links {
1048
1129
  margin-top: 48px;
1049
1130
  }
1131
+ .mfui-container .mfui-cards-box + .mfui-dark-gradient-cards {
1132
+ margin-top: 56px;
1133
+ }
1134
+ .mfui-container .mfui-cards-box + .mfui-side-picture-cards {
1135
+ margin-top: 56px;
1136
+ }
1137
+ .mfui-container .mfui-cards-box + .mfui-info-cards {
1138
+ margin-top: 56px;
1139
+ }
1050
1140
  @media screen and (min-width: 768px) and (max-width: 1023px) {
1051
1141
  .mfui-container .mfui-cards-box + .mfui-benefits-icons {
1052
1142
  margin-top: 48px;
@@ -1108,6 +1198,15 @@ h5 {
1108
1198
  .mfui-container .mfui-cards-box + .mfui-download-links {
1109
1199
  margin-top: 40px;
1110
1200
  }
1201
+ .mfui-container .mfui-cards-box + .mfui-dark-gradient-cards {
1202
+ margin-top: 48px;
1203
+ }
1204
+ .mfui-container .mfui-cards-box + .mfui-side-picture-cards {
1205
+ margin-top: 48px;
1206
+ }
1207
+ .mfui-container .mfui-cards-box + .mfui-info-cards {
1208
+ margin-top: 48px;
1209
+ }
1111
1210
  }
1112
1211
  @media screen and (max-width: 767px) {
1113
1212
  .mfui-container .mfui-cards-box + .mfui-benefits-icons {
@@ -1164,6 +1263,15 @@ h5 {
1164
1263
  .mfui-container .mfui-cards-box + .mfui-steps {
1165
1264
  margin-top: 40px;
1166
1265
  }
1266
+ .mfui-container .mfui-cards-box + .mfui-dark-gradient-cards {
1267
+ margin-top: 40px;
1268
+ }
1269
+ .mfui-container .mfui-cards-box + .mfui-side-picture-cards {
1270
+ margin-top: 40px;
1271
+ }
1272
+ .mfui-container .mfui-cards-box + .mfui-info-cards {
1273
+ margin-top: 40px;
1274
+ }
1167
1275
  }
1168
1276
  .mfui-container .mfui-cards-box + .mfui-cards-box {
1169
1277
  margin-top: 0 !important;
@@ -1228,6 +1336,15 @@ h5 {
1228
1336
  .mfui-container .mfui-carousel-box + .mfui-download-links {
1229
1337
  margin-top: 48px;
1230
1338
  }
1339
+ .mfui-container .mfui-carousel-box + .mfui-dark-gradient-cards {
1340
+ margin-top: 56px;
1341
+ }
1342
+ .mfui-container .mfui-carousel-box + .mfui-side-picture-cards {
1343
+ margin-top: 56px;
1344
+ }
1345
+ .mfui-container .mfui-carousel-box + .mfui-info-cards {
1346
+ margin-top: 56px;
1347
+ }
1231
1348
  @media screen and (min-width: 768px) and (max-width: 1023px) {
1232
1349
  .mfui-container .mfui-carousel-box + .mfui-benefits-icons {
1233
1350
  margin-top: 48px;
@@ -1289,6 +1406,15 @@ h5 {
1289
1406
  .mfui-container .mfui-carousel-box + .mfui-download-links {
1290
1407
  margin-top: 40px;
1291
1408
  }
1409
+ .mfui-container .mfui-carousel-box + .mfui-dark-gradient-cards {
1410
+ margin-top: 48px;
1411
+ }
1412
+ .mfui-container .mfui-carousel-box + .mfui-side-picture-cards {
1413
+ margin-top: 48px;
1414
+ }
1415
+ .mfui-container .mfui-carousel-box + .mfui-info-cards {
1416
+ margin-top: 48px;
1417
+ }
1292
1418
  }
1293
1419
  @media screen and (max-width: 767px) {
1294
1420
  .mfui-container .mfui-carousel-box + .mfui-benefits-icons {
@@ -1345,6 +1471,15 @@ h5 {
1345
1471
  .mfui-container .mfui-carousel-box + .mfui-steps {
1346
1472
  margin-top: 40px;
1347
1473
  }
1474
+ .mfui-container .mfui-carousel-box + .mfui-dark-gradient-cards {
1475
+ margin-top: 40px;
1476
+ }
1477
+ .mfui-container .mfui-carousel-box + .mfui-side-picture-cards {
1478
+ margin-top: 40px;
1479
+ }
1480
+ .mfui-container .mfui-carousel-box + .mfui-info-cards {
1481
+ margin-top: 40px;
1482
+ }
1348
1483
  }
1349
1484
  .mfui-container .mfui-carousel-box + .mfui-carousel-box {
1350
1485
  margin-top: 0 !important;
@@ -1409,6 +1544,15 @@ h5 {
1409
1544
  .mfui-container .mfui-video-block + .mfui-download-links {
1410
1545
  margin-top: 32px;
1411
1546
  }
1547
+ .mfui-container .mfui-video-block + .mfui-dark-gradient-cards {
1548
+ margin-top: 56px;
1549
+ }
1550
+ .mfui-container .mfui-video-block + .mfui-side-picture-cards {
1551
+ margin-top: 56px;
1552
+ }
1553
+ .mfui-container .mfui-video-block + .mfui-info-cards {
1554
+ margin-top: 56px;
1555
+ }
1412
1556
  @media screen and (min-width: 768px) and (max-width: 1023px) {
1413
1557
  .mfui-container .mfui-video-block + .mfui-benefits-icons {
1414
1558
  margin-top: 48px;
@@ -1470,6 +1614,15 @@ h5 {
1470
1614
  .mfui-container .mfui-video-block + .mfui-download-links {
1471
1615
  margin-top: 32px;
1472
1616
  }
1617
+ .mfui-container .mfui-video-block + .mfui-dark-gradient-cards {
1618
+ margin-top: 48px;
1619
+ }
1620
+ .mfui-container .mfui-video-block + .mfui-side-picture-cards {
1621
+ margin-top: 48px;
1622
+ }
1623
+ .mfui-container .mfui-video-block + .mfui-info-cards {
1624
+ margin-top: 48px;
1625
+ }
1473
1626
  }
1474
1627
  @media screen and (max-width: 767px) {
1475
1628
  .mfui-container .mfui-video-block + .mfui-benefits-icons {
@@ -1532,6 +1685,15 @@ h5 {
1532
1685
  .mfui-container .mfui-video-block + .mfui-download-links {
1533
1686
  margin-top: 32px;
1534
1687
  }
1688
+ .mfui-container .mfui-video-block + .mfui-dark-gradient-cards {
1689
+ margin-top: 40px;
1690
+ }
1691
+ .mfui-container .mfui-video-block + .mfui-side-picture-cards {
1692
+ margin-top: 40px;
1693
+ }
1694
+ .mfui-container .mfui-video-block + .mfui-info-cards {
1695
+ margin-top: 40px;
1696
+ }
1535
1697
  }
1536
1698
  .mfui-container .mfui-tabs-box + .mfui-button-link-box {
1537
1699
  margin-top: 48px;
@@ -1710,6 +1872,15 @@ h5 {
1710
1872
  .mfui-container .mfui-partners + .mfui-steps {
1711
1873
  margin-top: 56px;
1712
1874
  }
1875
+ .mfui-container .mfui-partners + .mfui-dark-gradient-cards {
1876
+ margin-top: 56px;
1877
+ }
1878
+ .mfui-container .mfui-partners + .mfui-side-picture-cards {
1879
+ margin-top: 56px;
1880
+ }
1881
+ .mfui-container .mfui-partners + .mfui-info-cards {
1882
+ margin-top: 56px;
1883
+ }
1713
1884
  @media screen and (min-width: 768px) and (max-width: 1023px) {
1714
1885
  .mfui-container .mfui-partners + .mfui-benefits-icons {
1715
1886
  margin-top: 48px;
@@ -1768,6 +1939,15 @@ h5 {
1768
1939
  .mfui-container .mfui-partners + .mfui-download-links {
1769
1940
  margin-top: 32px;
1770
1941
  }
1942
+ .mfui-container .mfui-partners + .mfui-dark-gradient-cards {
1943
+ margin-top: 48px;
1944
+ }
1945
+ .mfui-container .mfui-partners + .mfui-side-picture-cards {
1946
+ margin-top: 48px;
1947
+ }
1948
+ .mfui-container .mfui-partners + .mfui-info-cards {
1949
+ margin-top: 48px;
1950
+ }
1771
1951
  }
1772
1952
  @media screen and (max-width: 767px) {
1773
1953
  .mfui-container .mfui-partners + .mfui-benefits-icons {
@@ -1827,6 +2007,15 @@ h5 {
1827
2007
  .mfui-container .mfui-partners + .mfui-download-links {
1828
2008
  margin-top: 32px;
1829
2009
  }
2010
+ .mfui-container .mfui-partners + .mfui-dark-gradient-cards {
2011
+ margin-top: 40px;
2012
+ }
2013
+ .mfui-container .mfui-partners + .mfui-side-picture-cards {
2014
+ margin-top: 40px;
2015
+ }
2016
+ .mfui-container .mfui-partners + .mfui-info-cards {
2017
+ margin-top: 40px;
2018
+ }
1830
2019
  }
1831
2020
  .mfui-container .mfui-instructions + .mfui-benefits-icons {
1832
2021
  margin-top: 56px;
@@ -1879,6 +2068,15 @@ h5 {
1879
2068
  .mfui-container .mfui-instructions + .mfui-steps {
1880
2069
  margin-top: 56px;
1881
2070
  }
2071
+ .mfui-container .mfui-instructions + .mfui-dark-gradient-cards {
2072
+ margin-top: 56px;
2073
+ }
2074
+ .mfui-container .mfui-instructions + .mfui-side-picture-cards {
2075
+ margin-top: 56px;
2076
+ }
2077
+ .mfui-container .mfui-instructions + .mfui-info-cards {
2078
+ margin-top: 56px;
2079
+ }
1882
2080
  @media screen and (min-width: 768px) and (max-width: 1023px) {
1883
2081
  .mfui-container .mfui-instructions + .mfui-benefits-icons {
1884
2082
  margin-top: 48px;
@@ -1928,6 +2126,15 @@ h5 {
1928
2126
  .mfui-container .mfui-instructions + .mfui-steps {
1929
2127
  margin-top: 48px;
1930
2128
  }
2129
+ .mfui-container .mfui-instructions + .mfui-dark-gradient-cards {
2130
+ margin-top: 48px;
2131
+ }
2132
+ .mfui-container .mfui-instructions + .mfui-side-picture-cards {
2133
+ margin-top: 48px;
2134
+ }
2135
+ .mfui-container .mfui-instructions + .mfui-info-cards {
2136
+ margin-top: 48px;
2137
+ }
1931
2138
  }
1932
2139
  @media screen and (max-width: 767px) {
1933
2140
  .mfui-container .mfui-instructions + .mfui-benefits-icons {
@@ -1978,6 +2185,15 @@ h5 {
1978
2185
  .mfui-container .mfui-instructions + .mfui-steps {
1979
2186
  margin-top: 40px;
1980
2187
  }
2188
+ .mfui-container .mfui-instructions + .mfui-dark-gradient-cards {
2189
+ margin-top: 40px;
2190
+ }
2191
+ .mfui-container .mfui-instructions + .mfui-side-picture-cards {
2192
+ margin-top: 40px;
2193
+ }
2194
+ .mfui-container .mfui-instructions + .mfui-info-cards {
2195
+ margin-top: 40px;
2196
+ }
1981
2197
  }
1982
2198
  .mfui-container .mfui-property + .mfui-benefits-icons {
1983
2199
  margin-top: 56px;
@@ -2036,6 +2252,15 @@ h5 {
2036
2252
  .mfui-container .mfui-property + .mfui-notification-box {
2037
2253
  margin-top: 24px;
2038
2254
  }
2255
+ .mfui-container .mfui-property + .mfui-dark-gradient-cards {
2256
+ margin-top: 56px;
2257
+ }
2258
+ .mfui-container .mfui-property + .mfui-side-picture-cards {
2259
+ margin-top: 56px;
2260
+ }
2261
+ .mfui-container .mfui-property + .mfui-info-cards {
2262
+ margin-top: 56px;
2263
+ }
2039
2264
  @media screen and (min-width: 768px) and (max-width: 1023px) {
2040
2265
  .mfui-container .mfui-property + .mfui-benefits-icons {
2041
2266
  margin-top: 48px;
@@ -2085,6 +2310,15 @@ h5 {
2085
2310
  .mfui-container .mfui-property + .mfui-steps {
2086
2311
  margin-top: 48px;
2087
2312
  }
2313
+ .mfui-container .mfui-property + .mfui-dark-gradient-cards {
2314
+ margin-top: 48px;
2315
+ }
2316
+ .mfui-container .mfui-property + .mfui-side-picture-cards {
2317
+ margin-top: 48px;
2318
+ }
2319
+ .mfui-container .mfui-property + .mfui-info-cards {
2320
+ margin-top: 48px;
2321
+ }
2088
2322
  }
2089
2323
  @media screen and (max-width: 767px) {
2090
2324
  .mfui-container .mfui-property + .mfui-benefits-icons {
@@ -2135,6 +2369,15 @@ h5 {
2135
2369
  .mfui-container .mfui-property + .mfui-steps {
2136
2370
  margin-top: 40px;
2137
2371
  }
2372
+ .mfui-container .mfui-property + .mfui-dark-gradient-cards {
2373
+ margin-top: 40px;
2374
+ }
2375
+ .mfui-container .mfui-property + .mfui-side-picture-cards {
2376
+ margin-top: 40px;
2377
+ }
2378
+ .mfui-container .mfui-property + .mfui-info-cards {
2379
+ margin-top: 40px;
2380
+ }
2138
2381
  }
2139
2382
  .mfui-container .mfui-property + .mfui-property {
2140
2383
  margin-top: 0 !important;
@@ -2199,6 +2442,15 @@ h5 {
2199
2442
  .mfui-container .mfui-table + .mfui-download-links {
2200
2443
  margin-top: 32px;
2201
2444
  }
2445
+ .mfui-container .mfui-table + .mfui-dark-gradient-cards {
2446
+ margin-top: 56px;
2447
+ }
2448
+ .mfui-container .mfui-table + .mfui-side-picture-cards {
2449
+ margin-top: 56px;
2450
+ }
2451
+ .mfui-container .mfui-table + .mfui-info-cards {
2452
+ margin-top: 56px;
2453
+ }
2202
2454
  @media screen and (min-width: 768px) and (max-width: 1023px) {
2203
2455
  .mfui-container .mfui-table + .mfui-benefits-icons {
2204
2456
  margin-top: 48px;
@@ -2260,6 +2512,15 @@ h5 {
2260
2512
  .mfui-container .mfui-table + .mfui-download-links {
2261
2513
  margin-top: 32px;
2262
2514
  }
2515
+ .mfui-container .mfui-table + .mfui-dark-gradient-cards {
2516
+ margin-top: 48px;
2517
+ }
2518
+ .mfui-container .mfui-table + .mfui-side-picture-cards {
2519
+ margin-top: 48px;
2520
+ }
2521
+ .mfui-container .mfui-table + .mfui-info-cards {
2522
+ margin-top: 48px;
2523
+ }
2263
2524
  }
2264
2525
  @media screen and (max-width: 767px) {
2265
2526
  .mfui-container .mfui-table + .mfui-benefits-icons {
@@ -2322,6 +2583,15 @@ h5 {
2322
2583
  .mfui-container .mfui-table + .mfui-download-links {
2323
2584
  margin-top: 32px;
2324
2585
  }
2586
+ .mfui-container .mfui-table + .mfui-dark-gradient-cards {
2587
+ margin-top: 40px;
2588
+ }
2589
+ .mfui-container .mfui-table + .mfui-side-picture-cards {
2590
+ margin-top: 40px;
2591
+ }
2592
+ .mfui-container .mfui-table + .mfui-info-cards {
2593
+ margin-top: 40px;
2594
+ }
2325
2595
  }
2326
2596
  .mfui-container .mfui-accordion-box + .mfui-button-link-box {
2327
2597
  margin-top: 32px;
@@ -2452,6 +2722,15 @@ h5 {
2452
2722
  .mfui-container .mfui-text-box + .mfui-audio-player {
2453
2723
  margin-top: 32px;
2454
2724
  }
2725
+ .mfui-container .mfui-text-box + .mfui-dark-gradient-cards {
2726
+ margin-top: 56px;
2727
+ }
2728
+ .mfui-container .mfui-text-box + .mfui-side-picture-cards {
2729
+ margin-top: 56px;
2730
+ }
2731
+ .mfui-container .mfui-text-box + .mfui-info-cards {
2732
+ margin-top: 56px;
2733
+ }
2455
2734
  @media screen and (min-width: 768px) and (max-width: 1023px) {
2456
2735
  .mfui-container .mfui-text-box + .mfui-benefits-icons {
2457
2736
  margin-top: 48px;
@@ -2507,6 +2786,15 @@ h5 {
2507
2786
  .mfui-container .mfui-text-box + .mfui-steps {
2508
2787
  margin-top: 48px;
2509
2788
  }
2789
+ .mfui-container .mfui-text-box + .mfui-dark-gradient-cards {
2790
+ margin-top: 48px;
2791
+ }
2792
+ .mfui-container .mfui-text-box + .mfui-side-picture-cards {
2793
+ margin-top: 48px;
2794
+ }
2795
+ .mfui-container .mfui-text-box + .mfui-info-cards {
2796
+ margin-top: 48px;
2797
+ }
2510
2798
  }
2511
2799
  @media screen and (max-width: 767px) {
2512
2800
  .mfui-container .mfui-text-box + .mfui-benefits-icons {
@@ -2563,6 +2851,15 @@ h5 {
2563
2851
  .mfui-container .mfui-text-box + .mfui-steps {
2564
2852
  margin-top: 40px;
2565
2853
  }
2854
+ .mfui-container .mfui-text-box + .mfui-dark-gradient-cards {
2855
+ margin-top: 40px;
2856
+ }
2857
+ .mfui-container .mfui-text-box + .mfui-side-picture-cards {
2858
+ margin-top: 40px;
2859
+ }
2860
+ .mfui-container .mfui-text-box + .mfui-info-cards {
2861
+ margin-top: 40px;
2862
+ }
2566
2863
  }
2567
2864
  @media screen and (max-width: 1023px) {
2568
2865
  .mfui-container .mfui-text-box + .mfui-button-link-box {
@@ -2836,6 +3133,15 @@ h5 {
2836
3133
  .mfui-container .mfui-steps + .mfui-button-banner {
2837
3134
  margin-top: 56px;
2838
3135
  }
3136
+ .mfui-container .mfui-steps + .mfui-dark-gradient-cards {
3137
+ margin-top: 56px;
3138
+ }
3139
+ .mfui-container .mfui-steps + .mfui-side-picture-cards {
3140
+ margin-top: 56px;
3141
+ }
3142
+ .mfui-container .mfui-steps + .mfui-info-cards {
3143
+ margin-top: 56px;
3144
+ }
2839
3145
  .mfui-container .mfui-steps + .mfui-button-link-box,
2840
3146
  .mfui-container .mfui-steps + .mfui-download-links {
2841
3147
  margin-top: 0 !important;
@@ -2892,6 +3198,15 @@ h5 {
2892
3198
  .mfui-container .mfui-steps + .mfui-button-banner {
2893
3199
  margin-top: 48px;
2894
3200
  }
3201
+ .mfui-container .mfui-steps + .mfui-dark-gradient-cards {
3202
+ margin-top: 48px;
3203
+ }
3204
+ .mfui-container .mfui-steps + .mfui-side-picture-cards {
3205
+ margin-top: 48px;
3206
+ }
3207
+ .mfui-container .mfui-steps + .mfui-info-cards {
3208
+ margin-top: 48px;
3209
+ }
2895
3210
  }
2896
3211
  @media screen and (max-width: 767px) {
2897
3212
  .mfui-container .mfui-steps + .mfui-benefits-icons {
@@ -2945,6 +3260,15 @@ h5 {
2945
3260
  .mfui-container .mfui-steps + .mfui-button-banner {
2946
3261
  margin-top: 40px;
2947
3262
  }
3263
+ .mfui-container .mfui-steps + .mfui-dark-gradient-cards {
3264
+ margin-top: 40px;
3265
+ }
3266
+ .mfui-container .mfui-steps + .mfui-side-picture-cards {
3267
+ margin-top: 40px;
3268
+ }
3269
+ .mfui-container .mfui-steps + .mfui-info-cards {
3270
+ margin-top: 40px;
3271
+ }
2948
3272
  }
2949
3273
  .mfui-container .mfui-page-title + .mfui-title-description-box {
2950
3274
  margin-top: 56px;
@@ -3000,6 +3324,15 @@ h5 {
3000
3324
  .mfui-container .mfui-page-title + .mfui-audio-player {
3001
3325
  margin-top: 32px;
3002
3326
  }
3327
+ .mfui-container .mfui-page-title + .mfui-dark-gradient-cards {
3328
+ margin-top: 56px;
3329
+ }
3330
+ .mfui-container .mfui-page-title + .mfui-side-picture-cards {
3331
+ margin-top: 56px;
3332
+ }
3333
+ .mfui-container .mfui-page-title + .mfui-info-cards {
3334
+ margin-top: 56px;
3335
+ }
3003
3336
  @media screen and (min-width: 768px) and (max-width: 1023px) {
3004
3337
  .mfui-container .mfui-page-title + .mfui-title-description-box {
3005
3338
  margin-top: 48px;
@@ -3049,6 +3382,15 @@ h5 {
3049
3382
  .mfui-container .mfui-page-title + .mfui-picture-with-description {
3050
3383
  margin-top: 48px;
3051
3384
  }
3385
+ .mfui-container .mfui-page-title + .mfui-dark-gradient-cards {
3386
+ margin-top: 48px;
3387
+ }
3388
+ .mfui-container .mfui-page-title + .mfui-side-picture-cards {
3389
+ margin-top: 48px;
3390
+ }
3391
+ .mfui-container .mfui-page-title + .mfui-info-cards {
3392
+ margin-top: 48px;
3393
+ }
3052
3394
  }
3053
3395
  @media screen and (max-width: 767px) {
3054
3396
  .mfui-container .mfui-page-title + .mfui-title-description-box {
@@ -3099,6 +3441,15 @@ h5 {
3099
3441
  .mfui-container .mfui-page-title + .mfui-picture-with-description {
3100
3442
  margin-top: 40px;
3101
3443
  }
3444
+ .mfui-container .mfui-page-title + .mfui-dark-gradient-cards {
3445
+ margin-top: 40px;
3446
+ }
3447
+ .mfui-container .mfui-page-title + .mfui-side-picture-cards {
3448
+ margin-top: 40px;
3449
+ }
3450
+ .mfui-container .mfui-page-title + .mfui-info-cards {
3451
+ margin-top: 40px;
3452
+ }
3102
3453
  }
3103
3454
  @media screen and (max-width: 1023px) {
3104
3455
  .mfui-container .mfui-page-title + .mfui-audio-player {
@@ -3162,6 +3513,15 @@ h5 {
3162
3513
  .mfui-container .mfui-text-with-icon + .mfui-steps {
3163
3514
  margin-top: 40px;
3164
3515
  }
3516
+ .mfui-container .mfui-text-with-icon + .mfui-dark-gradient-cards {
3517
+ margin-top: 40px;
3518
+ }
3519
+ .mfui-container .mfui-text-with-icon + .mfui-side-picture-cards {
3520
+ margin-top: 40px;
3521
+ }
3522
+ .mfui-container .mfui-text-with-icon + .mfui-info-cards {
3523
+ margin-top: 40px;
3524
+ }
3165
3525
  @media screen and (min-width: 768px) and (max-width: 1023px) {
3166
3526
  .mfui-container .mfui-text-with-icon + .mfui-benefits-pictures {
3167
3527
  margin-top: 48px;
@@ -3214,6 +3574,15 @@ h5 {
3214
3574
  .mfui-container .mfui-text-with-icon + .mfui-steps {
3215
3575
  margin-top: 48px;
3216
3576
  }
3577
+ .mfui-container .mfui-text-with-icon + .mfui-dark-gradient-cards {
3578
+ margin-top: 48px;
3579
+ }
3580
+ .mfui-container .mfui-text-with-icon + .mfui-side-picture-cards {
3581
+ margin-top: 48px;
3582
+ }
3583
+ .mfui-container .mfui-text-with-icon + .mfui-info-cards {
3584
+ margin-top: 48px;
3585
+ }
3217
3586
  }
3218
3587
  @media screen and (min-width: 1024px) {
3219
3588
  .mfui-container .mfui-text-with-icon + .mfui-benefits-pictures {
@@ -3267,10 +3636,19 @@ h5 {
3267
3636
  .mfui-container .mfui-text-with-icon + .mfui-steps {
3268
3637
  margin-top: 56px;
3269
3638
  }
3270
- }
3271
- .mfui-container .mfui-notification-box + .mfui-property {
3272
- margin-top: 32px;
3273
- }
3639
+ .mfui-container .mfui-text-with-icon + .mfui-dark-gradient-cards {
3640
+ margin-top: 56px;
3641
+ }
3642
+ .mfui-container .mfui-text-with-icon + .mfui-side-picture-cards {
3643
+ margin-top: 56px;
3644
+ }
3645
+ .mfui-container .mfui-text-with-icon + .mfui-info-cards {
3646
+ margin-top: 56px;
3647
+ }
3648
+ }
3649
+ .mfui-container .mfui-notification-box + .mfui-property {
3650
+ margin-top: 32px;
3651
+ }
3274
3652
  .mfui-container .mfui-notification-box + .mfui-text-box {
3275
3653
  margin-top: 32px;
3276
3654
  }
@@ -3285,3 +3663,552 @@ h5 {
3285
3663
  margin-top: 24px;
3286
3664
  }
3287
3665
  }
3666
+ .mfui-container .mfui-dark-gradient-cards + .mfui-benefits-icons {
3667
+ margin-top: 56px;
3668
+ }
3669
+ .mfui-container .mfui-dark-gradient-cards + .mfui-benefits-pictures {
3670
+ margin-top: 56px;
3671
+ }
3672
+ .mfui-container .mfui-dark-gradient-cards + .mfui-cards-box {
3673
+ margin-top: 56px;
3674
+ }
3675
+ .mfui-container .mfui-dark-gradient-cards + .mfui-carousel-box {
3676
+ margin-top: 56px;
3677
+ }
3678
+ .mfui-container .mfui-dark-gradient-cards + .mfui-video-block {
3679
+ margin-top: 56px;
3680
+ }
3681
+ .mfui-container .mfui-dark-gradient-cards + .mfui-tabs-box {
3682
+ margin-top: 56px;
3683
+ }
3684
+ .mfui-container .mfui-dark-gradient-cards + .mfui-partners {
3685
+ margin-top: 56px;
3686
+ }
3687
+ .mfui-container .mfui-dark-gradient-cards + .mfui-instructions {
3688
+ margin-top: 56px;
3689
+ }
3690
+ .mfui-container .mfui-dark-gradient-cards + .mfui-property {
3691
+ margin-top: 56px;
3692
+ }
3693
+ .mfui-container .mfui-dark-gradient-cards + .mfui-table {
3694
+ margin-top: 56px;
3695
+ }
3696
+ .mfui-container .mfui-dark-gradient-cards + .mfui-accordion-box {
3697
+ margin-top: 56px;
3698
+ }
3699
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-link-box {
3700
+ margin-top: 56px;
3701
+ }
3702
+ .mfui-container .mfui-dark-gradient-cards + .mfui-download-links {
3703
+ margin-top: 56px;
3704
+ }
3705
+ .mfui-container .mfui-dark-gradient-cards + .mfui-text-box {
3706
+ margin-top: 56px;
3707
+ }
3708
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-link-box {
3709
+ margin-top: 48px;
3710
+ }
3711
+ .mfui-container .mfui-dark-gradient-cards + .mfui-download-links {
3712
+ margin-top: 48px;
3713
+ }
3714
+ .mfui-container .mfui-dark-gradient-cards + .mfui-store-banner {
3715
+ margin-top: 56px;
3716
+ }
3717
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-banner {
3718
+ margin-top: 56px;
3719
+ }
3720
+ .mfui-container .mfui-dark-gradient-cards + .mfui-steps {
3721
+ margin-top: 56px;
3722
+ }
3723
+ .mfui-container .mfui-dark-gradient-cards + .mfui-side-picture-cards {
3724
+ margin-top: 56px;
3725
+ }
3726
+ .mfui-container .mfui-dark-gradient-cards + .mfui-info-cards {
3727
+ margin-top: 56px;
3728
+ }
3729
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
3730
+ .mfui-container .mfui-dark-gradient-cards + .mfui-benefits-icons {
3731
+ margin-top: 48px;
3732
+ }
3733
+ .mfui-container .mfui-dark-gradient-cards + .mfui-benefits-pictures {
3734
+ margin-top: 48px;
3735
+ }
3736
+ .mfui-container .mfui-dark-gradient-cards + .mfui-cards-box {
3737
+ margin-top: 48px;
3738
+ }
3739
+ .mfui-container .mfui-dark-gradient-cards + .mfui-carousel-box {
3740
+ margin-top: 48px;
3741
+ }
3742
+ .mfui-container .mfui-dark-gradient-cards + .mfui-video-block {
3743
+ margin-top: 48px;
3744
+ }
3745
+ .mfui-container .mfui-dark-gradient-cards + .mfui-tabs-box {
3746
+ margin-top: 48px;
3747
+ }
3748
+ .mfui-container .mfui-dark-gradient-cards + .mfui-partners {
3749
+ margin-top: 48px;
3750
+ }
3751
+ .mfui-container .mfui-dark-gradient-cards + .mfui-instructions {
3752
+ margin-top: 48px;
3753
+ }
3754
+ .mfui-container .mfui-dark-gradient-cards + .mfui-property {
3755
+ margin-top: 48px;
3756
+ }
3757
+ .mfui-container .mfui-dark-gradient-cards + .mfui-table {
3758
+ margin-top: 48px;
3759
+ }
3760
+ .mfui-container .mfui-dark-gradient-cards + .mfui-accordion-box {
3761
+ margin-top: 48px;
3762
+ }
3763
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-link-box {
3764
+ margin-top: 48px;
3765
+ }
3766
+ .mfui-container .mfui-dark-gradient-cards + .mfui-download-links {
3767
+ margin-top: 48px;
3768
+ }
3769
+ .mfui-container .mfui-dark-gradient-cards + .mfui-text-box {
3770
+ margin-top: 48px;
3771
+ }
3772
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-link-box {
3773
+ margin-top: 40px;
3774
+ }
3775
+ .mfui-container .mfui-dark-gradient-cards + .mfui-download-links {
3776
+ margin-top: 40px;
3777
+ }
3778
+ .mfui-container .mfui-dark-gradient-cards + .mfui-store-banner {
3779
+ margin-top: 48px;
3780
+ }
3781
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-banner {
3782
+ margin-top: 48px;
3783
+ }
3784
+ .mfui-container .mfui-dark-gradient-cards + .mfui-steps {
3785
+ margin-top: 48px;
3786
+ }
3787
+ .mfui-container .mfui-dark-gradient-cards + .mfui-side-picture-cards {
3788
+ margin-top: 48px;
3789
+ }
3790
+ .mfui-container .mfui-dark-gradient-cards + .mfui-info-cards {
3791
+ margin-top: 48px;
3792
+ }
3793
+ }
3794
+ @media screen and (max-width: 767px) {
3795
+ .mfui-container .mfui-dark-gradient-cards + .mfui-benefits-icons {
3796
+ margin-top: 40px;
3797
+ }
3798
+ .mfui-container .mfui-dark-gradient-cards + .mfui-benefits-pictures {
3799
+ margin-top: 40px;
3800
+ }
3801
+ .mfui-container .mfui-dark-gradient-cards + .mfui-cards-box {
3802
+ margin-top: 40px;
3803
+ }
3804
+ .mfui-container .mfui-dark-gradient-cards + .mfui-carousel-box {
3805
+ margin-top: 40px;
3806
+ }
3807
+ .mfui-container .mfui-dark-gradient-cards + .mfui-video-block {
3808
+ margin-top: 40px;
3809
+ }
3810
+ .mfui-container .mfui-dark-gradient-cards + .mfui-tabs-box {
3811
+ margin-top: 40px;
3812
+ }
3813
+ .mfui-container .mfui-dark-gradient-cards + .mfui-partners {
3814
+ margin-top: 40px;
3815
+ }
3816
+ .mfui-container .mfui-dark-gradient-cards + .mfui-instructions {
3817
+ margin-top: 40px;
3818
+ }
3819
+ .mfui-container .mfui-dark-gradient-cards + .mfui-property {
3820
+ margin-top: 40px;
3821
+ }
3822
+ .mfui-container .mfui-dark-gradient-cards + .mfui-table {
3823
+ margin-top: 40px;
3824
+ }
3825
+ .mfui-container .mfui-dark-gradient-cards + .mfui-accordion-box {
3826
+ margin-top: 40px;
3827
+ }
3828
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-link-box {
3829
+ margin-top: 40px;
3830
+ }
3831
+ .mfui-container .mfui-dark-gradient-cards + .mfui-download-links {
3832
+ margin-top: 40px;
3833
+ }
3834
+ .mfui-container .mfui-dark-gradient-cards + .mfui-text-box {
3835
+ margin-top: 40px;
3836
+ }
3837
+ .mfui-container .mfui-dark-gradient-cards + .mfui-store-banner {
3838
+ margin-top: 40px;
3839
+ }
3840
+ .mfui-container .mfui-dark-gradient-cards + .mfui-button-banner {
3841
+ margin-top: 40px;
3842
+ }
3843
+ .mfui-container .mfui-dark-gradient-cards + .mfui-steps {
3844
+ margin-top: 40px;
3845
+ }
3846
+ .mfui-container .mfui-dark-gradient-cards + .mfui-side-picture-cards {
3847
+ margin-top: 40px;
3848
+ }
3849
+ .mfui-container .mfui-dark-gradient-cards + .mfui-info-cards {
3850
+ margin-top: 40px;
3851
+ }
3852
+ }
3853
+ .mfui-container .mfui-side-picture-cards + .mfui-benefits-icons {
3854
+ margin-top: 56px;
3855
+ }
3856
+ .mfui-container .mfui-side-picture-cards + .mfui-benefits-pictures {
3857
+ margin-top: 56px;
3858
+ }
3859
+ .mfui-container .mfui-side-picture-cards + .mfui-cards-box {
3860
+ margin-top: 56px;
3861
+ }
3862
+ .mfui-container .mfui-side-picture-cards + .mfui-carousel-box {
3863
+ margin-top: 56px;
3864
+ }
3865
+ .mfui-container .mfui-side-picture-cards + .mfui-video-block {
3866
+ margin-top: 56px;
3867
+ }
3868
+ .mfui-container .mfui-side-picture-cards + .mfui-tabs-box {
3869
+ margin-top: 56px;
3870
+ }
3871
+ .mfui-container .mfui-side-picture-cards + .mfui-partners {
3872
+ margin-top: 56px;
3873
+ }
3874
+ .mfui-container .mfui-side-picture-cards + .mfui-instructions {
3875
+ margin-top: 56px;
3876
+ }
3877
+ .mfui-container .mfui-side-picture-cards + .mfui-property {
3878
+ margin-top: 56px;
3879
+ }
3880
+ .mfui-container .mfui-side-picture-cards + .mfui-table {
3881
+ margin-top: 56px;
3882
+ }
3883
+ .mfui-container .mfui-side-picture-cards + .mfui-accordion-box {
3884
+ margin-top: 56px;
3885
+ }
3886
+ .mfui-container .mfui-side-picture-cards + .mfui-button-link-box {
3887
+ margin-top: 56px;
3888
+ }
3889
+ .mfui-container .mfui-side-picture-cards + .mfui-download-links {
3890
+ margin-top: 56px;
3891
+ }
3892
+ .mfui-container .mfui-side-picture-cards + .mfui-text-box {
3893
+ margin-top: 56px;
3894
+ }
3895
+ .mfui-container .mfui-side-picture-cards + .mfui-button-link-box {
3896
+ margin-top: 48px;
3897
+ }
3898
+ .mfui-container .mfui-side-picture-cards + .mfui-download-links {
3899
+ margin-top: 48px;
3900
+ }
3901
+ .mfui-container .mfui-side-picture-cards + .mfui-store-banner {
3902
+ margin-top: 56px;
3903
+ }
3904
+ .mfui-container .mfui-side-picture-cards + .mfui-button-banner {
3905
+ margin-top: 56px;
3906
+ }
3907
+ .mfui-container .mfui-side-picture-cards + .mfui-steps {
3908
+ margin-top: 56px;
3909
+ }
3910
+ .mfui-container .mfui-side-picture-cards + .mfui-dark-gradient-cards {
3911
+ margin-top: 56px;
3912
+ }
3913
+ .mfui-container .mfui-side-picture-cards + .mfui-info-cards {
3914
+ margin-top: 56px;
3915
+ }
3916
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
3917
+ .mfui-container .mfui-side-picture-cards + .mfui-benefits-icons {
3918
+ margin-top: 48px;
3919
+ }
3920
+ .mfui-container .mfui-side-picture-cards + .mfui-benefits-pictures {
3921
+ margin-top: 48px;
3922
+ }
3923
+ .mfui-container .mfui-side-picture-cards + .mfui-cards-box {
3924
+ margin-top: 48px;
3925
+ }
3926
+ .mfui-container .mfui-side-picture-cards + .mfui-carousel-box {
3927
+ margin-top: 48px;
3928
+ }
3929
+ .mfui-container .mfui-side-picture-cards + .mfui-video-block {
3930
+ margin-top: 48px;
3931
+ }
3932
+ .mfui-container .mfui-side-picture-cards + .mfui-tabs-box {
3933
+ margin-top: 48px;
3934
+ }
3935
+ .mfui-container .mfui-side-picture-cards + .mfui-partners {
3936
+ margin-top: 48px;
3937
+ }
3938
+ .mfui-container .mfui-side-picture-cards + .mfui-instructions {
3939
+ margin-top: 48px;
3940
+ }
3941
+ .mfui-container .mfui-side-picture-cards + .mfui-property {
3942
+ margin-top: 48px;
3943
+ }
3944
+ .mfui-container .mfui-side-picture-cards + .mfui-table {
3945
+ margin-top: 48px;
3946
+ }
3947
+ .mfui-container .mfui-side-picture-cards + .mfui-accordion-box {
3948
+ margin-top: 48px;
3949
+ }
3950
+ .mfui-container .mfui-side-picture-cards + .mfui-button-link-box {
3951
+ margin-top: 48px;
3952
+ }
3953
+ .mfui-container .mfui-side-picture-cards + .mfui-download-links {
3954
+ margin-top: 48px;
3955
+ }
3956
+ .mfui-container .mfui-side-picture-cards + .mfui-text-box {
3957
+ margin-top: 48px;
3958
+ }
3959
+ .mfui-container .mfui-side-picture-cards + .mfui-button-link-box {
3960
+ margin-top: 40px;
3961
+ }
3962
+ .mfui-container .mfui-side-picture-cards + .mfui-download-links {
3963
+ margin-top: 40px;
3964
+ }
3965
+ .mfui-container .mfui-side-picture-cards + .mfui-store-banner {
3966
+ margin-top: 48px;
3967
+ }
3968
+ .mfui-container .mfui-side-picture-cards + .mfui-button-banner {
3969
+ margin-top: 48px;
3970
+ }
3971
+ .mfui-container .mfui-side-picture-cards + .mfui-steps {
3972
+ margin-top: 48px;
3973
+ }
3974
+ .mfui-container .mfui-side-picture-cards + .mfui-dark-gradient-cards {
3975
+ margin-top: 48px;
3976
+ }
3977
+ .mfui-container .mfui-side-picture-cards + .mfui-info-cards {
3978
+ margin-top: 48px;
3979
+ }
3980
+ }
3981
+ @media screen and (max-width: 767px) {
3982
+ .mfui-container .mfui-side-picture-cards + .mfui-benefits-icons {
3983
+ margin-top: 40px;
3984
+ }
3985
+ .mfui-container .mfui-side-picture-cards + .mfui-benefits-pictures {
3986
+ margin-top: 40px;
3987
+ }
3988
+ .mfui-container .mfui-side-picture-cards + .mfui-cards-box {
3989
+ margin-top: 40px;
3990
+ }
3991
+ .mfui-container .mfui-side-picture-cards + .mfui-carousel-box {
3992
+ margin-top: 40px;
3993
+ }
3994
+ .mfui-container .mfui-side-picture-cards + .mfui-video-block {
3995
+ margin-top: 40px;
3996
+ }
3997
+ .mfui-container .mfui-side-picture-cards + .mfui-tabs-box {
3998
+ margin-top: 40px;
3999
+ }
4000
+ .mfui-container .mfui-side-picture-cards + .mfui-partners {
4001
+ margin-top: 40px;
4002
+ }
4003
+ .mfui-container .mfui-side-picture-cards + .mfui-instructions {
4004
+ margin-top: 40px;
4005
+ }
4006
+ .mfui-container .mfui-side-picture-cards + .mfui-property {
4007
+ margin-top: 40px;
4008
+ }
4009
+ .mfui-container .mfui-side-picture-cards + .mfui-table {
4010
+ margin-top: 40px;
4011
+ }
4012
+ .mfui-container .mfui-side-picture-cards + .mfui-accordion-box {
4013
+ margin-top: 40px;
4014
+ }
4015
+ .mfui-container .mfui-side-picture-cards + .mfui-button-link-box {
4016
+ margin-top: 40px;
4017
+ }
4018
+ .mfui-container .mfui-side-picture-cards + .mfui-download-links {
4019
+ margin-top: 40px;
4020
+ }
4021
+ .mfui-container .mfui-side-picture-cards + .mfui-text-box {
4022
+ margin-top: 40px;
4023
+ }
4024
+ .mfui-container .mfui-side-picture-cards + .mfui-store-banner {
4025
+ margin-top: 40px;
4026
+ }
4027
+ .mfui-container .mfui-side-picture-cards + .mfui-button-banner {
4028
+ margin-top: 40px;
4029
+ }
4030
+ .mfui-container .mfui-side-picture-cards + .mfui-steps {
4031
+ margin-top: 40px;
4032
+ }
4033
+ .mfui-container .mfui-side-picture-cards + .mfui-dark-gradient-cards {
4034
+ margin-top: 40px;
4035
+ }
4036
+ .mfui-container .mfui-side-picture-cards + .mfui-info-cards {
4037
+ margin-top: 40px;
4038
+ }
4039
+ }
4040
+ .mfui-container .mfui-info-cards + .mfui-benefits-icons {
4041
+ margin-top: 56px;
4042
+ }
4043
+ .mfui-container .mfui-info-cards + .mfui-benefits-pictures {
4044
+ margin-top: 56px;
4045
+ }
4046
+ .mfui-container .mfui-info-cards + .mfui-cards-box {
4047
+ margin-top: 56px;
4048
+ }
4049
+ .mfui-container .mfui-info-cards + .mfui-carousel-box {
4050
+ margin-top: 56px;
4051
+ }
4052
+ .mfui-container .mfui-info-cards + .mfui-video-block {
4053
+ margin-top: 56px;
4054
+ }
4055
+ .mfui-container .mfui-info-cards + .mfui-tabs-box {
4056
+ margin-top: 56px;
4057
+ }
4058
+ .mfui-container .mfui-info-cards + .mfui-partners {
4059
+ margin-top: 56px;
4060
+ }
4061
+ .mfui-container .mfui-info-cards + .mfui-instructions {
4062
+ margin-top: 56px;
4063
+ }
4064
+ .mfui-container .mfui-info-cards + .mfui-property {
4065
+ margin-top: 56px;
4066
+ }
4067
+ .mfui-container .mfui-info-cards + .mfui-table {
4068
+ margin-top: 56px;
4069
+ }
4070
+ .mfui-container .mfui-info-cards + .mfui-accordion-box {
4071
+ margin-top: 56px;
4072
+ }
4073
+ .mfui-container .mfui-info-cards + .mfui-button-link-box {
4074
+ margin-top: 48px;
4075
+ }
4076
+ .mfui-container .mfui-info-cards + .mfui-download-links {
4077
+ margin-top: 48px;
4078
+ }
4079
+ .mfui-container .mfui-info-cards + .mfui-text-box {
4080
+ margin-top: 56px;
4081
+ }
4082
+ .mfui-container .mfui-info-cards + .mfui-store-banner {
4083
+ margin-top: 56px;
4084
+ }
4085
+ .mfui-container .mfui-info-cards + .mfui-button-banner {
4086
+ margin-top: 56px;
4087
+ }
4088
+ .mfui-container .mfui-info-cards + .mfui-steps {
4089
+ margin-top: 56px;
4090
+ }
4091
+ .mfui-container .mfui-info-cards + .mfui-dark-gradient-cards {
4092
+ margin-top: 56px;
4093
+ }
4094
+ .mfui-container .mfui-info-cards + .mfui-side-picture-cards {
4095
+ margin-top: 56px;
4096
+ }
4097
+ @media screen and (min-width: 768px) and (max-width: 1023px) {
4098
+ .mfui-container .mfui-info-cards + .mfui-benefits-icons {
4099
+ margin-top: 48px;
4100
+ }
4101
+ .mfui-container .mfui-info-cards + .mfui-benefits-pictures {
4102
+ margin-top: 48px;
4103
+ }
4104
+ .mfui-container .mfui-info-cards + .mfui-cards-box {
4105
+ margin-top: 48px;
4106
+ }
4107
+ .mfui-container .mfui-info-cards + .mfui-carousel-box {
4108
+ margin-top: 48px;
4109
+ }
4110
+ .mfui-container .mfui-info-cards + .mfui-video-block {
4111
+ margin-top: 48px;
4112
+ }
4113
+ .mfui-container .mfui-info-cards + .mfui-tabs-box {
4114
+ margin-top: 48px;
4115
+ }
4116
+ .mfui-container .mfui-info-cards + .mfui-partners {
4117
+ margin-top: 48px;
4118
+ }
4119
+ .mfui-container .mfui-info-cards + .mfui-instructions {
4120
+ margin-top: 48px;
4121
+ }
4122
+ .mfui-container .mfui-info-cards + .mfui-property {
4123
+ margin-top: 48px;
4124
+ }
4125
+ .mfui-container .mfui-info-cards + .mfui-table {
4126
+ margin-top: 48px;
4127
+ }
4128
+ .mfui-container .mfui-info-cards + .mfui-accordion-box {
4129
+ margin-top: 48px;
4130
+ }
4131
+ .mfui-container .mfui-info-cards + .mfui-button-link-box {
4132
+ margin-top: 40px;
4133
+ }
4134
+ .mfui-container .mfui-info-cards + .mfui-download-links {
4135
+ margin-top: 40px;
4136
+ }
4137
+ .mfui-container .mfui-info-cards + .mfui-text-box {
4138
+ margin-top: 48px;
4139
+ }
4140
+ .mfui-container .mfui-info-cards + .mfui-store-banner {
4141
+ margin-top: 48px;
4142
+ }
4143
+ .mfui-container .mfui-info-cards + .mfui-button-banner {
4144
+ margin-top: 48px;
4145
+ }
4146
+ .mfui-container .mfui-info-cards + .mfui-steps {
4147
+ margin-top: 48px;
4148
+ }
4149
+ .mfui-container .mfui-info-cards + .mfui-dark-gradient-cards {
4150
+ margin-top: 48px;
4151
+ }
4152
+ .mfui-container .mfui-info-cards + .mfui-side-picture-cards {
4153
+ margin-top: 48px;
4154
+ }
4155
+ }
4156
+ @media screen and (max-width: 767px) {
4157
+ .mfui-container .mfui-info-cards + .mfui-benefits-icons {
4158
+ margin-top: 40px;
4159
+ }
4160
+ .mfui-container .mfui-info-cards + .mfui-benefits-pictures {
4161
+ margin-top: 40px;
4162
+ }
4163
+ .mfui-container .mfui-info-cards + .mfui-cards-box {
4164
+ margin-top: 40px;
4165
+ }
4166
+ .mfui-container .mfui-info-cards + .mfui-carousel-box {
4167
+ margin-top: 40px;
4168
+ }
4169
+ .mfui-container .mfui-info-cards + .mfui-video-block {
4170
+ margin-top: 40px;
4171
+ }
4172
+ .mfui-container .mfui-info-cards + .mfui-tabs-box {
4173
+ margin-top: 40px;
4174
+ }
4175
+ .mfui-container .mfui-info-cards + .mfui-partners {
4176
+ margin-top: 40px;
4177
+ }
4178
+ .mfui-container .mfui-info-cards + .mfui-instructions {
4179
+ margin-top: 40px;
4180
+ }
4181
+ .mfui-container .mfui-info-cards + .mfui-property {
4182
+ margin-top: 40px;
4183
+ }
4184
+ .mfui-container .mfui-info-cards + .mfui-table {
4185
+ margin-top: 40px;
4186
+ }
4187
+ .mfui-container .mfui-info-cards + .mfui-accordion-box {
4188
+ margin-top: 40px;
4189
+ }
4190
+ .mfui-container .mfui-info-cards + .mfui-button-link-box {
4191
+ margin-top: 40px;
4192
+ }
4193
+ .mfui-container .mfui-info-cards + .mfui-download-links {
4194
+ margin-top: 40px;
4195
+ }
4196
+ .mfui-container .mfui-info-cards + .mfui-text-box {
4197
+ margin-top: 40px;
4198
+ }
4199
+ .mfui-container .mfui-info-cards + .mfui-store-banner {
4200
+ margin-top: 40px;
4201
+ }
4202
+ .mfui-container .mfui-info-cards + .mfui-button-banner {
4203
+ margin-top: 40px;
4204
+ }
4205
+ .mfui-container .mfui-info-cards + .mfui-steps {
4206
+ margin-top: 40px;
4207
+ }
4208
+ .mfui-container .mfui-info-cards + .mfui-dark-gradient-cards {
4209
+ margin-top: 40px;
4210
+ }
4211
+ .mfui-container .mfui-info-cards + .mfui-side-picture-cards {
4212
+ margin-top: 40px;
4213
+ }
4214
+ }