#2527. Натянуть шапку для Видного

frontend/views/layouts/head.php

@@ -56,5 +56,6 @@ endif;?>
 <?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 $this->registerCssFile('/css/style_build.css');?>
 
 <?php Yii::$app->view->registerAssetFiles('/') ?>

frontend/web/css/style_build.css

+.keys_build_top{
+	/* min-height: 560px; */
+	background: url(../img_build/build_bg.jpg) no-repeat center;
+	background-size: cover;
+    width: 100%;
+	padding-top: 64px;
+	padding-bottom: 90px;
+    position: relative;
+}
+.keys_build_top h1{
+	font-size: 36px;
+	line-height: 50px;
+	font-family: "RobotoBold";    
+	color: #fff;
+	margin-bottom: 25px;
+}
+.keys_build_top span{
+	font-size: 20px;
+	line-height: 24px;
+	color: #fff;
+	margin-bottom: 40px;
+	display: inline-block;	
+}
+.ks_build_zak_block{
+	text-align: right;
+}
+.ks_build_zak_block_title{
+	margin-bottom: 15px;
+	padding-top: 10px;
+}
+.build_title_list{
+	margin-bottom: 50px;
+	margin-right: -45px;
+}
+.build_title_list li{
+	font-size: 16px;
+	line-height: 18px;
+	display: flex;
+	align-items: center;
+}
+.build_title_list li:not(:last-child){
+	margin-bottom: 15px;
+}
+.build_title_list span{
+	margin-right: 15px;
+	margin-bottom: 0 !important;
+}
+
+.keys_build_top .toggle_bottom{
+	margin-top: 0;
+	float: none;
+	z-index: 22;
+	position: relative;
+}
+
+/* .keys_build_par{
+	margin-left: -30px;
+	z-index: 66;
+} */
+.keys_build_mockup3{
+	width: 395px;
+    height: 260px;
+    position: absolute;
+    top: 0;
+    left: 110px;
+	background: url(../img_build/build_m3.png) no-repeat;
+	z-index: 1;
+}
+.keys_build_mockup2{
+    width: 435px;
+    height: 300px;
+    position: absolute;
+    top: 80px;
+    left: 40px;
+	background: url(../img_build/build_m2.png) no-repeat;
+	z-index: 2;
+}
+.keys_build_mockup1{
+	width: 430px;
+    height: 290px;
+    position: absolute;
+    top: 170px;
+    left: -20px;
+	background: url(../img_build/build_m1.png) no-repeat;
+	z-index: 3;
+}
+.keys_build_note {
+    width: 130px;
+    height: 235px;
+    position: absolute;
+    top: 210px;
+	left: 340px;
+	background: url(../img_build/build_m4.png) no-repeat;	
+    z-index: 4;
+}
+
+.build_p1 {
+    background: url(../img_build/build_p1.png) no-repeat center center;
+    width: 150px;
+    height: 145px;
+    position: absolute;
+    top: 20px;
+    left: -232px;
+    z-index: 4;
+}
+.build_p2 {
+    background: url(../img_build/build_p2.png) no-repeat center center;
+    width: 270px;
+    height: 220px;
+    position: absolute;
+    top: 291px;
+    left: -320px;
+    z-index: 4;
+}
+.build_p3 {
+    background: url(../img_build/build_p3.png) no-repeat center center;
+    width: 190px;
+    height: 175px;
+    position: absolute;
+    top: -2px;
+    right: -280px;
+    z-index: 4;
+}
+.build_p4 {
+    background: url(../img_build/build_p4.png) no-repeat center center;
+    width: 150px;
+    height: 160px;
+    position: absolute;
+    top: 291px;
+    right: -300px;
+    z-index: 4;
+}
+
+.keys_build_line{
+	height: 178px;
+    width: 100%;
+    background: url(../img_build/build_line.png) no-repeat top center;
+    background-size: cover;
+    -moz-background-size: cover;
+    -webkit-background-size: cover;
+    -o-background-size: cover;
+    position: absolute;
+    bottom: 0;
+}
+
+.keys_build_bot{
+	background-color: #494c5a;
+	min-height: 100px;
+    width: 100%;
+	padding-bottom: 30px;
+	padding-top: 30px;
+}
+.keys_build_bot span{
+	font-size: 30px;
+    color: #fff;    
+    padding: 10px 15px;
+    display: inline-block;
+	font-family: "RobotoBold";
+	background-color: #d34e9c;
+    /* position: relative; */
+}
+
+.keys_build_list{
+	margin-top: 35px;
+}
+.keys_build_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;
+}
+.keys_build_list li::before{
+	content: '';
+	width: 15px;
+	height: 10px;
+	position: absolute;
+	top: 7px;
+	left: 0;
+	background: url(../img_build/build_list.png) no-repeat;
+}
+.keys_build_list li:not(:last-child){
+	margin-bottom: 11px;
+}
+
+.build_placeholder {
+	margin-bottom: 150px;
+}
+
+@media only screen and (max-width: 1600px) and (min-width: 1301px){
+	.build_p1 {
+		top: 20px;
+		left: -132px;
+		z-index: 4;
+	}
+	.build_p2 {
+		top: 291px;
+		left: -220px;
+		z-index: 4;
+	}
+	.build_p3 {
+		top: -2px;
+		right: -180px;
+		z-index: 4;
+	}
+	.build_p4 {
+		right: -200px;
+		z-index: 4;
+	}
+}
+@media only screen and (max-width: 1301px){
+	.build_p{
+		display: none;
+	}
+}
+@media only screen and (max-width: 991px){
+	.keys_build_top .toggle_bottom{
+		display: block;
+	}
+	.keys_build_par{
+		width: 100%;
+		height: 500px;
+	}
+	.keys_build_mockup{
+		background-size: 100%;
+	}
+}
+@media only screen and (max-width: 767px){
+	.keys_build_top{
+		padding-top: 20px;
+		padding-bottom: 40px;
+	}
+	.keys_build_top h1{
+		font-size: 30px;
+		line-height: 35px;
+	}
+	.keys_build_top br{
+		display: none;
+	}
+	.build_title_list{
+		margin-bottom: 30px;
+	}
+	.ks_build_zak_block {
+		text-align: left;
+		margin-bottom: 20px;
+	}
+	.keys_build_top span{
+		margin-bottom: 25px;
+	}
+	.keys_build_bot span{
+		font-size: 24px;
+	}
+
+	.keys_build_par{
+		background: url(../img_build/build_mob.png) no-repeat center;
+		background-size: contain;
+		height: 350px;
+		margin-bottom: 20px;
+	}
+	.keys_build_mockup{
+		display: none;
+	}
+}
+@media only screen and (max-width: 480px){
+	.keys_build_par{
+		height: 250px;
+	}
+}
\ No newline at end of file