@import url('https://fonts.googleapis.com/css?family=Oswald');

body {
	padding-top:0px;
	padding-bottom:50px;
	font-family: "Oswald";
	padding:0ps; /*отступы внутрь равны ноль*/
	margin:0px; /*отступы наружу равны ноль*/
	color: #333;
}


.main_container{
	width: 1400px;
	height: auto;
	margin: 0 auto;	
	background-color: rgba(white, .2); 
	padding-top: 0px; 
}

.header_container{
	width: 100%;
	height: 770px;
	/*padding-top: 20px;*/
	background-image: url('../img/header.jpg');
	background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: scroll;
    overflow: hidden;
}

.header_title{
	font-size: 80px;
	position: relative;
	top: 150px;
	left: 180px;
	color: white;
	font-weight: 600;

}

.dif_color{
	display: inline;
	color: darkorange;
}

.head_info{
	color: white;
	font-size: 30px;
	left: 190px;
	top: 200px;
	position: relative;
}

.head_info_pic{
	top: 3px;
	left: -6px;
	position: relative;
}

.buy_button{
	width: 120px;
	height: 30px;
	color: white;
	padding-top: 7px;
	font-weight: 600;
	text-align: center;
	border-radius: 0px;
	background-color: darkorange;
	position: relative;
	left: 180px;
	top: 250px;
}

.buy_button_block{
	width: 120px;
	height: 30px;
	color: white;
	padding-top: 7px;
	font-weight: 600;
	text-align: center;
	border-radius: 20px;
	background-color: orange;
}

a{
	text-decoration: none;
}
.header_link{
	text-decoration: none;
	color: white;	
}

.footer_link{
	text-decoration: none;
	color: #333;
}

.technical_spec_container{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.technical_spec_button{
	display: inline;
	background-color: #054ba0;
	width: 300px;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	color: white;
	font-size: 20px;

}

.overlay {
    position: absolute;
    top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	background: rgba(0,0,0,0.5);
  	transition: opacity 200ms;
  	visibility: hidden;
    opacity: 0;
 	}
.light {
    background: rgba(255,255,255,0.5);
	}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
  }

.popup {
  margin: 250px auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #666;
  width: 700px;
  box-shadow: 0 0 50px rgba(0,0,0,0.5);
  position: relative;
}

  .light {
    border-color: #aaa;
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  }

.bold{
	font-weight: 600;
}



.blocks_container{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;


}

.block_1{
		width: 300px;
		background-image: url('../img/block1.jpg');
		background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    	background-attachment: scroll;
    	overflow: hidden;
		height: 200px;
}
.block_2, .block_4{
		width: 300px;
		height: 200px;
		background-color: white;
		text-align: left;
		padding-left: 20px;
		display: flex;
		justify-content: flex-start;
		align-items: left;
		flex-wrap: wrap;
		flex-direction: column;		
}
.block_3{
		width: 300px;
		background-image: url('../img/block3.jpg');
		background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    	background-attachment: scroll;
    	overflow: hidden;
		height: 200px;
}


.block_5{
		width: 300px;
		background-image: url('../img/block5.jpg');
		background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    	background-attachment: scroll;
    	overflow: hidden;
		height: 200px;
}

.block_6{
		width: 300px;
		background-image: url('../img/block6.jpg');
		background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    	background-attachment: scroll;
    	overflow: hidden;
		height: 200px;
}

.block_7{
		width: 300px;
		background-image: url('../img/block7.jpg');
		background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    	background-attachment: scroll;
    	overflow: hidden;
		height: 200px;
}

.block_8{
		width: 300px;
		background-image: url('../img/block8.jpg');
		background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    	background-attachment: scroll;
    	overflow: hidden;
		height: 200px;
}

small{
	color: #555555;
	font-family: arial;
}



.footer_container{
	padding-left: 80px;
}

.footer_header{
	font-size: 70px;
	font-weight: 600;
}

.footer_info_container{
	position: relative;
	left:80px;
}

.footer_info{
	position: relative;
	top: 70px;
	left: -80px;
}

.footer_img{
	position: relative;
	left:400px;
	top: -470px;
}