#2803. Натянуть шапку для кейса Кабинет камаз лизинг

frontend/web/css/style_30.11.2018.css

@@ -3124,3 +3124,170 @@
 		right: -100px;
 	}
 }
+
+.keys_kamaz_top{
+	width: 100%;
+	min-height: 465px;
+	background: #60AD26 url(../img_kamaz/kamaz_bg.jpg) no-repeat bottom center;
+	background-size: cover;
+	-moz-background-size: cover;
+	-webkit-background-size: cover;
+	-o-background-size: cover;
+	padding-top: 60px;
+	padding-bottom: 80px;
+	position: relative;
+}
+.kamaz_title_wrap{
+	margin-bottom: 20px;
+}
+.kamaz_title_wrap h1{
+	font-size: 36px;
+	line-height: 50px;
+	font-weight: bold;
+	color: #fff;
+	margin-bottom: 230px;
+}
+.kamaz_title_wrap .toggle_bottom {
+	margin-top: 0;
+	float: none;
+}
+
+.kamaz_p1 {
+	background: url(../img_kamaz/kamaz_p1.png) no-repeat center center;
+	width: 120px;
+	height: 130px;
+	position: absolute;
+	top: 50px;
+	left: 50px;
+}
+.kamaz_p2 {
+	background: url(../img_kamaz/kamaz_p2.png) no-repeat center center;
+	width: 165px;
+	height: 145px;
+	position: absolute;
+	top: 350px;
+	left: 30px;
+	z-index: 4;
+}
+.kamaz_p3 {
+	background: url(../img_kamaz/kamaz_p3.png) no-repeat center center;
+	width: 145px;
+	height: 155px;
+	position: absolute;
+	top: 70px;
+	right: 50px;
+	z-index: 4;
+}
+.kamaz_p4 {
+	background: url(../img_kamaz/kamaz_p4.png) no-repeat center center;
+	width: 240px;
+	height: 195px;
+	position: absolute;
+	top: 280px;
+	right: 50px;
+	z-index: 4;
+}
+
+.kamaz_mock_wrap {
+	margin-left: -330px;
+	max-width: 630px;
+	height: 370px;
+	top: 70px !important;
+	left: 10px;
+	position: relative;
+	z-index: 3;
+}
+.kamaz_mock1 {
+	width: 460px;
+	height: 272px;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: url(../img_kamaz/kamaz_m1.png) no-repeat center center;
+	z-index: 3;
+}
+.kamaz_mock2 {
+	width: 460px;
+	height: 266px;
+	position: absolute;
+	bottom: 60px;
+	left: 70px;
+	background: url(../img_kamaz/kamaz_m2.png) no-repeat center center;
+	z-index: 2;
+}
+.kamaz_mock3 {
+	width: 415px;
+	height: 243px;
+	position: absolute;
+	top: 0;
+	right: 0;
+	background: url(../img_kamaz/kamaz_m3.png) no-repeat center center;
+	z-index: 1;
+}
+
+.keys_kamaz_bt{
+	background: url(../images/keys_appl_bt.png) no-repeat bottom center;
+	width: 100%;
+	min-height: 62px;
+	background-size: cover;
+	-moz-background-size: cover;
+	-webkit-background-size: cover;
+	-o-background-size: cover;
+	position: relative;
+	z-index: 2;
+	top: -120px;
+}
+
+.kamaz_how_works{
+	width: 100%;
+	background: #60AD26;
+	min-height: 100px;
+	position: relative;
+	top: -120px;
+	padding-top: 45px;
+	padding-bottom: 41px;
+}
+.kamaz_how_works h2 {
+	font-size: 30px;
+	color: #fff;
+	background: #262E38;
+	display: inline-block;
+	padding: 10px 15px 17px 23px;
+	font-family: "RobotoBold";
+}
+
+@media only screen and (max-width: 1301px){
+	.kamaz_p{
+		display: none;
+	}
+	.kamaz_mock_wrap{
+		margin-left: -400px;
+	}
+}
+@media only screen and (max-width: 991px){
+	.kamaz_title_wrap .toggle_bottom{
+		display: block !important;
+	}
+	.kamaz_title_wrap h1{
+		margin-bottom: 50px;
+	}
+	.kamaz_mock_wrap{
+		margin-left: 0;
+		top: 20px !important;
+	}
+	.kamaz_mock3{
+		right: 70px;
+	}
+
+}
+@media only screen and (max-width: 767px){
+	.kamaz_mock_wrap {
+		background: url(../img_kamaz/kamaz_mock.png) no-repeat;
+		background-size: 100%;
+		background-position: center;
+	}
+	.kamaz_mock3, .kamaz_mock2, .kamaz_mock1{
+		display: none;
+	}
+
+}