#2513. Размещение шапки Эфир

frontend/views/layouts/head.php

@@ -55,5 +55,6 @@ endif;?>
 <?php $this->registerCssFile('/css/main-v2.css');?>
 <?php $this->registerCssFile('/css/style_26.11.2018.css');?>
 <?php $this->registerCssFile('/css/style_30.11.2018.css');?>
+<?php $this->registerCssFile('/css/style_crypto.css');?>
 
 <?php Yii::$app->view->registerAssetFiles('/') ?>

frontend/web/css/style_crypto.css

+.top_keys_crypto{
+	width: 100%;
+    /* min-height: 564px; */
+    background: url(../img_crypto/crypto_bg.jpg) no-repeat center center;
+    background-size: cover;
+    -moz-background-size: cover;
+    -webkit-background-size: cover;
+    -o-background-size: cover;
+	padding-top: 60px;
+	padding-bottom: 20px;
+    position: relative;
+}
+
+.top_keys_crypto h1 {
+    font-size: 36px;
+    line-height: 50px;
+    color: #70f4d8;
+    letter-spacing: 0.7px;
+    font-family: "RobotoBold";
+}
+.top_keys_crypto_subtitle{
+	font-size: 20px;
+    margin-top: 37px;
+    line-height: 24px;
+}
+
+.crypto_mockup{
+	width: 100%;
+    height: 285px;
+    background: url(../img_crypto/crypto_main.png) no-repeat center center;    
+    top: 0;
+	left: 0;
+	position: relative;
+	margin-top: -10px;
+}
+
+.crypto_p1 {
+    background: url(../img_crypto/crypto_p1.png) no-repeat center center;
+    width: 125px;
+    height: 105px;
+    position: absolute;
+    top: 20px;
+    left: -232px;
+    z-index: 4;
+}
+.crypto_p2 {
+    background: url(../img_crypto/crypto_p2.png) no-repeat center center;
+    width: 155px;
+    height: 135px;
+    position: absolute;
+    top: 291px;
+    left: -150px;
+    z-index: 4;
+}
+.crypto_p3 {
+    background: url(../img_crypto/crypto_p3.png) no-repeat center center;
+    width: 137px;
+    height: 151px;
+    position: absolute;
+    top: -2px;
+    right: -100px;
+    z-index: 4;
+}
+.crypto_p4 {
+    background: url(../img_crypto/crypto_p4.png) no-repeat center center;
+    width: 150px;
+    height: 160px;
+    position: absolute;
+    top: 291px;
+    right: -200px;
+    z-index: 4;
+}
+.crypto_p5 {
+    background: url(../img_crypto/crypto_p5.png) no-repeat center center;
+    width: 150px;
+    height: 160px;
+    position: absolute;
+    top: 450px;
+    right: 100px;
+    z-index: 4;
+}
+
+.keys_crypto_two{
+	padding-top: 40px;
+	padding-bottom: 30px;
+	background-color: #2d323a;
+}
+.keys_crypto_two h2 {
+    font-size: 30px;
+    color: #2d323a;
+    background: #FFCE3B;
+    padding: 13px 19px;
+    display: inline-block;
+    font-family: "RobotoBold";
+}
+
+.crypto_list{
+	margin-top: 35px;
+}
+.crypto_list li{
+	/* background: url(../images/icon/soc_list.png) no-repeat 0% 50%; */
+    padding-left: 30px;
+    font-size: 21px;
+    color: #fff;
+    /* font-family: "RobotoBold"; */
+    line-height: 24px;
+	/* margin-bottom: 11px; */
+	position: relative;
+}
+.crypto_list li::before{
+	content: '';
+	width: 15px;
+	height: 10px;
+	position: absolute;
+	top: 7px;
+	left: 0;
+	background: url(../img_crypto/crypto_list.png) no-repeat;
+}
+.crypto_list li:not(:last-child){
+	margin-bottom: 11px;
+}
+
+@media only screen and (max-width: 1600px) and (min-width: 1301px){
+	.crypto_p1 {
+		top: 20px;
+		left: -132px;
+	}
+	/* .crypto_p2 {
+		top: 291px;
+		left: -70px;
+	}
+	.crypto_p3 {
+		top: -2px;
+		right: -40px;		
+	} */
+	.crypto_p4 {
+		top: 291px;
+		right: -160px;
+	}
+	/* .crypto_p5 {
+		top: 450px;
+		right: 100px;
+	}
+	.crypto_p{
+		z-index: 0;
+	} */
+}
+@media only screen and (max-width: 1301px){
+	.crypto_p{
+		display: none;
+	}
+}
+@media only screen and (max-width: 991px){
+	.top_keys_crypto a.toggle_bottom{
+		display: block;
+	}
+}
+@media only screen and (max-width: 767px){
+	.top_keys_crypto{
+		padding-top: 20px;
+	}
+	.crypto_mockup{
+		margin-top: 0;
+		background-size: 100%;
+	}
+	.top_keys_crypto h1{
+		font-size: 30px;
+		line-height: 35px;
+	}
+	.keys_crypto_two h2{
+		font-size: 24px;
+	}
+}
\ No newline at end of file