#2551. Оформление страницы по блокчейну

frontend/web/css/custom.css

@@ -3512,4 +3512,69 @@ ul.list {
 
 .sidebar_module--margin-bottom {
     margin-bottom: 15px;
+}
+
+.benefits-block {
+    padding: 30px 0;
+}
+
+.benefit-item {
+    padding-top: 5px;
+    margin-bottom: 50px;
+}
+
+.benefit-item__title {
+    font-size: 24px;
+    margin: 0 0 20px;
+}
+
+.benefit-item__text {
+    font-size: 18px;
+    font-weight: bold;
+    line-height: 1.5;
+}
+
+h3.block-chain-header {
+    font-size: 24px;
+    margin: 20px 0 50px;
+    font-weight: bold;
+}
+
+.block-chain-item__title {
+    margin-bottom: 20px;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.block-chain-item__text {
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.block-chain-item {
+    margin-bottom: 35px;
+}
+
+@media only screen and (min-width: 768px) {
+    .block-chain {
+        background: url(/images/block_chain.png) no-repeat left top;
+    }
+
+    .block-chain-item {
+        margin-left: 80px;
+    }
+
+    .block-chain-item:nth-child(2n) {
+        margin-left: 130px;
+    }
+}
+
+
+@media only screen and (min-width: 970px) {
+    h3.block-chain-header {
+        margin: 20px 0 80px;
+    }
+    .block-chain-item {
+        margin-bottom: 70px;
+    }
 }
\ No newline at end of file

frontend/web/css/screen.css

@@ -135,6 +135,27 @@ u {
   line-height: 22px;
 }
 
+@media only screen and (min-width: 480px) {
+  .benefit-item {
+    padding-left: 90px;
+  }
+  .benefit-item.benefit-icon-1 {
+    background: url(/images/benefit_icon_1.png) no-repeat 10px top;
+  }
+  .benefit-item.benefit-icon-2 {
+    background: url(/images/benefit_icon_2.png) no-repeat 10px top;
+  }
+  .benefit-item.benefit-icon-3 {
+    background: url(/images/benefit_icon_3.png) no-repeat 10px top;
+  }
+  .benefit-item.benefit-icon-4 {
+    background: url(/images/benefit_icon_4.png) no-repeat 10px top;
+  }
+  .benefit-item.benefit-icon-5 {
+    background: url(/images/benefit_icon_5.png) no-repeat 10px top;
+  }
+}
+
 @media only screen and (min-width: 320px) and (max-width: 479px) {
   .wow {
     -o-transition-property: none !important;
@@ -13829,6 +13850,12 @@ li.appl_list_icon {
   display: table;
   clear: both;
 }
+
+.cross-banner--right .cross-banner__content,
+.cross-banner--right .cross-banner__image {
+  float: right;
+}
+
 .cross-banner__content,
 .cross-banner__image {
   float: left;
@@ -13886,6 +13913,10 @@ li.appl_list_icon {
   text-decoration: none;
 }
 
+.cross-banner--right .cross-banner__content {
+  padding-right: 0;
+}
+
 .cross-banner__content {
   padding: 30px;
 }
@@ -13895,6 +13926,10 @@ li.appl_list_icon {
 }
 
 @media only screen and (min-width: 768px) {
+  .cross-banner--right .cross-banner__image {
+      padding-right: 25px;
+      padding-left: 0;
+  }
   .cross-banner__image {
     display: block;
     padding-top: 20px;