*{
box-sizing:border-box;
}
@font-face {
		font-family: 'calibri_web';
		src: url('./fonts/calibri.eot');
		src: url('./fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('./fonts/calibri.woff') format('woff'),
			 url('./fonts/calibri.ttf') format('truetype'),
			 url('./fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrib.eot');
	src: url('./fonts/calibrib.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrib.woff') format('woff'),
		 url('./fonts/calibrib.ttf') format('truetype'),
		 url('./fonts/calibrib.svg#calibri') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrii.eot');
	src: url('./fonts/calibrii.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrii.woff') format('woff'),
		 url('./fonts/calibrii.ttf') format('truetype'),
		 url('./fonts/calibrii.svg#calibri') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibriz.eot');
	src: url('./fonts/calibriz.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibriz.woff') format('woff'),
		 url('./fonts/calibriz.ttf') format('truetype'),
		 url('./fonts/calibriz.svg#calibri') format('svg');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'bookantiqua';
	src: url('./fonts/bookantiqua.woff') format('woff'),
		 url('./fonts/bookantiqua.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bookantiqua';
	src: url('./fonts/bookantiquab.woff') format('woff'),
		 url('./fonts/bookantiquab.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}		
BODY{
margin:0px;
font-family: calibri, 'calibri_web', verdana;
font-size:20px;
color:#4C4B49;
/* color:#333333; */
}
INPUT, TEXTAREA, BUTTON, SELECT{
font-family: calibri, 'calibri_web', verdana;
font-size:20px;
}

/* модальное окно*/
#modal_form {
width: 410px;
height: 490px;
border-radius: 0px;
border: 0px #000 solid;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
margin-top: -245px;
margin-left: -205px;
display: none;
opacity: 0;
z-index: 5;
padding: 20px 20px;
padding-top: 0px;
box-sizing: border-box;
}
#modal_form .nametext{
margin-bottom:10px;
font-size:30px;
margin:10px 0px;
}
#modal_form2 {
	width: 290px; 
	height: 382px; /* Размеры должны быть фиксированы */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -193px;
	margin-left: -145px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 5; /* окно должно быть наиболее большем слое */
	padding: 20px 20px;
	padding-top: 0px;
	text-align: center;
	box-sizing: border-box;
}

#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
#overlay {
	z-index: 3; 
	position: fixed; 
	background-color: #000; 
	opacity: 0.8; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	cursor: pointer;
	display: none;
}
#overlay2 {
	z-index: 3; 
	position: fixed; 
	background-color: #000; 
	opacity: 0.8; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0;
	cursor: pointer;
	display: none;
}

#modal_form2 #modal_close2 {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}

.bodytext{
width:1100px;
max-width: 100%;
margin: auto;
position:relative;
}
.nourl{
text-decoration:none;
color:inherit;
border:none;
}

.siteriadiv{
/* font-family: 'bookantiqua'; */
/* margin-top:40px; */
}
.siteriadiv IMG{
float:right;
margin-left: 10px;
}
.siteriaurl{
display: block;
text-decoration: none;
color: inherit;
font-weight: bold;
transition:.3s;
}
.siteriaurl:HOVER{
color: #FF4700;
}
.b-top {z-index:90;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:0.9;filter:alpha(opacity=90);cursor:pointer;}
.b-top-but {z-index:90;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:#D60606;font-size: 60px;}
.b-top-but IMG{
width:50px;
}
.mobile{
display:none;
}
.mobilemenu{
display:none;
}
.header{
height: 310px;
background:url('./img/bg-steel.jpg') center top;
}
.header1{
display:inline-block;
width:550px;
text-align:left;
vertical-align: middle;
padding-top:40px;
}
.header2{
display:inline-block;
width:550px;
vertical-align: middle;
padding-top:30px;
}
.header3{
display:inline-block;
width:220px;
vertical-align: middle;
text-align: right;
}
.logoimg{

}
.menuline{
display: block;
left: 0;
position: relative;
margin-top: -10px;
opacity:0;
transition: all .3s;
}
.lineimg{

}
.menu{
padding: 30px 0px;
text-align:center;
}
.menus{
display:inline-block;
transition: all .3s;
text-align:center;
margin: 0px 20px;
}
.menus:HOVER .menuline{
opacity:1;
}

.menuactive{
/* background:#D60606; */
color: #03438B;
}
.menuactive .menuline{
opacity:1;
}
.menuurl{
text-decoration: none;
color: inherit;
padding: 5px 20px;
display: inline-block;
font-size: 28px;
font-weight: bold;
}
.headerurl{
font-size: 24px;
text-decoration: none;
color: inherit;
display: block;
margin-bottom: 2px;
text-align: right;
}
.headerurl:nth-child(2),.headerurl:nth-child(3){
font-size:30px;
}
.headerurl I{
color:#CC0607;
width:30px;
text-align: left;
}
.headerurl SPAN{
color:#03438B;
font-size:16px;
display: inline-block;
padding-left: 30px;
}
.footerurl{
text-decoration:none;
color:inherit;
}
.footer{
background: #03438B;
color: #D8D8D8;
padding: 40px 0px;
}
.footer p{
font-size: 20px;
margin: 6px 0px;
}
.footer1{
display:inline-block;
width: 550px;
vertical-align:middle;
}
.footer2{
display:inline-block;
width:550px;
vertical-align: middle;
text-align:right;
}
.footer3{
display:inline-block;
text-align:right;
width:300px;
vertical-align: top;
}
.footertext{
margin: 0px;
margin-bottom: 20px;
}
.blueline{
height: 16px;
background:#03438B;
}
.blueline2{
height: 10px;
background:#03438B;
}
.grayline{
height:5px;
background:#B4B4B4;
}
.sliderdiv{
height:300px;
background:url('./img/slider.jpg') no-repeat center left;
}
.textus
{
background:url('./img/bg-steel2.jpg') center top;
padding: 20px 0px;
}
.textus P{
font-size:26px;
text-align: justify;
}
.buttons{
background: #03438B;
color: #fff;
text-decoration: none;
padding: 10px 50px;
font-size: 24px;
transition: all .3s;
border:none;
cursor:pointer;
}
.buttons:HOVER{
background:#B4B4B4;
}
.center{
text-align:center;
}
.portfoliodiv{
background: url(./img/bg-steel.jpg) center top;
min-height: 596px;
padding-top: 1px;
padding-bottom: 1px;
}
.nametext{
color:#04428B;
font-size:40px;
font-weight:bold;
}
.portdiv{
background-repeat:no-repeat;
background-position:center;
background-size: cover;
width:540px;
height:300px;
display:inline-block;
position:relative;
}
.imgurl{
margin-bottom:40px;
display:inline-block;
max-height:300px;
margin-right:20px;
}
.porturl{
margin-bottom:40px;
display:inline-block;
}
.porturl:nth-child(2){
margin-right:15px;
}

.spisok{
font-size:26px;
list-style-image: url('./img/check.png');
margin-left:14px;
}
.spisok2{
/* list-style-image: url('./img/check.png'); */
margin-left:14px;
}
.colorli{
padding-left: 20px;padding-left: 20px;
/* background: red; */
display: block;
min-height: 65px;
position: relative;
top: -16px;}
.newsdiv{
margin-bottom:40px;
}
.newspic{
display:inline-block;
margin-right:40px;
width:300px;
max-height: 340px;
overflow: hidden;
vertical-align: middle;
}
.picnews{
max-width:100%;
vertical-align: middle;
}
.textnews{
display:inline-block;
width:600px;
vertical-align: middle;
}
.namepromo{
font-weight:bold;
}
.itemname{
font-weight:bold;
}
.nameport{
color: #fff;
/* padding: 30px; */
position: absolute;
right: 40px;
bottom: 40px;
margin: 0px;
font-size: 30px;
opacity:0;
transition: all .3s;
}
.portdiv:HOVER .nameport{
opacity:1;
}
.inputform, .areaform{
font-size:16px;
margin-bottom:10px;
width:100%;
padding:4px 10px;
}
.textform{
margin:10px 0px;
}
.portimgs{
height: 200px;
margin-right: 5px;
}
.urls{
text-decoration: none;
color: #03438B;
border-bottom: dashed 1px;
}
.orderDiv{
background: linear-gradient(to left, #fff 50%, transparent), url(./img/orderBG.jpg);
background-size: cover;
background-position: bottom left;
padding: 40px;
padding-left: 570px;
padding-bottom: 50px;	
margin-bottom: 100px;
margin-top: 100px;
}
.modal_form_file_span{
cursor: pointer;
font-size: 17px;
color: #333;	
}
.modal_form_file_span I{
font-size: 30px;
color: #03438B;
bottom: -6px;
position: relative;
margin-right: 7px;	
}
.modal_form_file_input{
display: none;	
}

.orderDiv2{
margin-bottom: 100px;	
}
.orderDiv2 P:nth-child(1){
color: #04428B;
font-size: 40px;
font-weight: bold;	
margin-bottom: 20px;
}
.orderDiv2 P:nth-child(2){}
.orderDiv2 P:nth-child(3){
font-weight:bold;
margin-bottom:40px;
}