*{
	border:bone;
	margin:0;
	padding:0;
	}
a{
	text-decoration:none;
	color:#000000;
	}
a:link{
	text-decoration:none;
	}
h1{
	font-family:;
	font-size:;
	}
h2{
	font-family:;
	font-size:;
	}
h3{
	font-family:;
	font-size:;
	}
table{
	border:none;
	border-collapse:collapse;
	}
div{
	display:block;
	margin:0;
	padding:0;
	font-family:arial;
	}
body {
	width:100%;
	margin:0 auto;
	

}
img{
	margin:0px;
	padding:0px;
	overflow:hidden;
}
input{
	font-family:arial;
	color:#4D4D4D;
}
/***************************************** < хеадлине > ****/
}

::-webkit-resizer{
background-color:red;
background-repeat:no-repeat;
width:4px;
height:0px;
}

::-webkit-scrollbar{
width: 10px;
background-color:#FFFFFF;
}
::-webkit-scrollbar-thumb {
  background-color:#F09100;
  }

 @font-face {
    font-family: 'pfisotextpro-regular';
    src: url('fonts/pfisotextpro-regular.eot');
    src: url('fonts/pfisotextpro-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfisotextpro-regular.woff') format('woff'),
         url('fonts/pfisotextpro-regular.ttf') format('truetype'),
         url('fonts/pfisotextpro-regular.svg#pfisotextpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pfisotextpro-light';
    src: url('fonts/pfisotextpro-light.eot');
    src: url('fonts/pfisotextpro-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfisotextpro-light.woff') format('woff'),
         url('fonts/pfisotextpro-light.ttf') format('truetype'),
         url('fonts/pfisotextpro-light.svg#pfisotextpro-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pfisotextpro-bold';
    src: url('fonts/pfisotextpro-bold.eot');
    src: url('fonts/pfisotextpro-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfisotextpro-bold.woff') format('woff'),
         url('fonts/pfisotextpro-bold.ttf') format('truetype'),
         url('fonts/pfisotextpro-bold.svg#pfisotextpro-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}



* {

	padding: 0;
	margin: 0;
}

.insulation {
	
	height: 100%;
	max-width: 1600px;
	margin: 0 auto;
}


/**--------------------Header----------------------**/

header {

	background: #ad701a;
}

.navigation {

	width: 75%;
	float: left;
	background: url(img/b_1.png);
}

.logo {

	padding: 2.5% 4% 2.5% 9%;
}

.logo img {

	max-width: 100%;
	height: auto;
}

nav {

	width: 100%;
	background-color: #f09100;
	box-sizing: border-box;
}

nav ul {

	box-sizing: border-box;
	width: 100%;
	padding: 0 3%;
}

nav ul li {

	list-style: none;
	float: left;
	position: relative;
	width: 20%;
	height: 100%;
	text-align: center;
	background: #f09100;
	box-sizing: border-box;
}

nav ul li a p {

	display: block;
	border-right: 1px solid #fff;
}

.trans {

	border-color: transparent;
}

nav ul li a {

	display: block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 9% 0;
	font-size: 1.3vw;
	font-family: 'pfisotextpro-regular';
	color: #fff;
}

nav ul li a:hover {

	background-color: #803b00;
}

nav ul li a:active {

	background-color: #f09100;
}

.submenu {
    opacity: 0;
    position: absolute;
    top: 100%;
    left: -3%;
    visibility: hidden;
    width: 0;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out; 
    -ms-transition: all 300ms ease-out; 
    transition: all 300ms ease-out;
    box-sizing: content-box;
	z-index:100;
}

nav ul li:hover ul {
    opacity: 1;
    visibility: visible;
    width: 130%;
}

.submenu li {
    background: #f09100;
    float: none;    
    width: 100%;           
}

.submenu li a {

	display: block;
	padding: 2%;
	font-size: 1.1vw;
}

.phone_book {
	
	float: right;
	width: 25%;
	text-align: center;
	padding: 2% 2% 0 2%;
	box-sizing: border-box;
	background: #ad701a;
}

.phone_book p {

	font-size: 2vw;
	font-family: 'pfisotextpro-bold';
	color: #fff;
	margin-bottom: 2%;
}

.phone_book a {

	display: block;
	background: url(img/button_1.png) no-repeat;
	height: 32px;
	width: 180px;
	margin: 0 auto;
}

.tel {

	margin-bottom: 7%;
}

.phone_book a:hover {

	background: url(img/button_1_active.png) no-repeat;
}

/**--------------------------------Content-----------------------**/

.content {
	width:100%;
	background: url(img/b_2.png);
	background-size: cover;
	padding-bottom: 5%;
}

.main_content {

	background: url(img/b_3.png) no-repeat;
	background-size: cover;
}

.main_content h1 {

	padding: 5% 5% 0 0;
	text-align: right;
	font-size: 4.5vw;
	font-weight: 5vw;
	font-family: 'pfisotextpro-light';
	text-transform: uppercase;
	color: #fff;
}

.main_content h1 span {

	text-transform: lowercase;
}

.services {

	padding: 12% 12% 8% 12%;
	font-size: 3vw;
	font-family: 'pfisotextpro-regular';
	color: #fff;
}

.services a {

	color: #fff;
}

.polystyrene {

	width: 48%;
	background: url(img/polystyrene.png) no-repeat;
	background-size: 100%;
	float: left;
}

.polystyrene p {

	padding: 5% 5% 45% 5%;
}

.mineral_wool {

	width: 48%;
	background: url(img/mineral_wool.png) no-repeat;
	background-size: 100%;
	float: right;
}

.mineral_wool p {

	text-align: right;
	padding: 5% 5% 35% 5%;
}

/**----------------------Benefits----------------------**/

.benefits {

	background: url(img/b_5.png);
	background-size: cover;
}

.left_block {

	float: left;
	width: 50%;
	background: url(img/b_4.png) no-repeat;
	background-size: 100% 100%;
	padding: 2.5%;
	box-sizing: border-box;
	font-family: 'pfisotextpro-regular';
	text-align: center;
}

.about_us {

	background: #fff;
	opacity: 0.7;
	border-radius: 1vw;
}

.about_us h2 {
}

.about_us p {

}

.about_us h3 {

}

.right_block {

	float: right;
	width: 50%;
	padding: 0 5%;
	text-align: center;
	box-sizing: border-box;
}

.right_block h2 {

	padding: 10% 0;
	font-size: 3vw;
	font-family: 'pfisotextpro-regular';
	color: #fff;
}

.why_we li {

	width: 50%;
	display: block;
	float: left;
	list-style: none;
	font-size: 1.5vw;
	font-family: 'pfisotextpro-regular';
	color: #472100;
	padding: 5% 5%;
	box-sizing: border-box;
	text-transform: uppercase;
}

.why_we li img {
	
    display: block;
    height: auto;
	width: auto;
    margin: 0 auto;
}

.why_we li p {

	margin-top: 10%;
}

/**--------------------Our works------------------------**/

.our_works {

	background: url(img/b_6.png);
	background-size: cover;
	padding-bottom: 1%;
}

.our_works h2 {

	text-align: center;
	font-size: 3vw;
	font-family: 'pfisotextpro-regular';
	padding: 3% 0;
	color: #fff;
}

.our_works ul {

	padding: 0 5%;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	text-align: center;

}

.our_works ul li {

	float: left;
	width: 25%;
	box-sizing: border-box;
	list-style: none;
}

.our_works ul li img {

	height: auto;
	width: 98%;
	border-radius:20px;
	border:2px solid #fff;
	cursor:pointer;
}

#button {

	display: block;
	max-width: 22%;
	padding: 1% 2%;
	box-sizing: border-box;
	margin: 3% auto;
	text-align: center;
	text-decoration: none;
	background: #803b00;
	text-transform: uppercase;
	color: #fff;
	font-size: 1vw;
	font-family: 'pfisotextpro-regular';
}

#button:hover {

	border-radius: 10px;
	background: #f09100;
}


/**-----------------------Footer-----------------------------**/

footer {

	background-color: #f09100;
	width:100%;
	float:left;
}	

footer ul {

	margin-right: 5%;
}

footer ul li {

	float: right;
	width: 17%;
	padding-top: 2%;
	list-style: none;
	text-align: center;
	font-size: 2vw;
	font-family: 'pfisotextpro-regular';
	color: #fff;
}

footer ul li:first-child {

	padding-top: 2%;
}

footer p {

	float: left;
	padding: 2% 2% 2% 5%;
	font-family: 'pfisotextpro-regular';
	font-size: 1.3vw;
}

footer ul li a {

	display: block;
	background: url(img/button_2.png) no-repeat;
	background-size: 100% auto;
	width: 171px;
	height: 31px;
	margin: 0 auto;
}

footer ul li a:hover {

	background: url(img/button_2_active.png) no-repeat;
}


.clear {

	clear: both;
}