* { margin: 0px; padding: 0px; box-sizing: border-box; position:relative; }
html_old{background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url(images/back_02.jpg);background-size: 10%;}
html{background: linear-gradient(to bottom,rgba(64,64,64,0.5), rgba(224,224,224,0.8)); background-image:url(/images/fon_2021_00.jpg);}
body{width:1200px; margin:0 auto; font-family: Verdana; font-size: 14px; }
h1{color: #404080; font-family: Verdana; font-size: 16px; font-style: italic; font-weight: bolder; padding: 0px 0px 0px 0px; margin-left:10px; text-transform: uppercase;}
h2, h3, h4, h5, h6 { color: #404080; font-family: Verdana; font-size: 14px; font-style: italic; font-weight: bolder;}
a {color: blue;}
a:hover {color: red;}
a, a:hover {
	-webkit-transition: 2s;
	-moz-transition: 2s;
	-o-transition: 2s;
	transition: 2s;
}

.row_100 {
	position:relative; 
	float:left; 
	width: 100%; 
}
.row_100_mb_40 {
	position:relative; 
	float:left; 
	width: 100%;
    padding-left: 10px;
    padding-right: 10px;	
    margin-bottom:40px;    	
	min-height: 120px;
}
	
.gal_row_img{
	position:relative; 
	float:left; 
	width: 220px; 
}

.gal_row_text{
	position:relative; 
	float:left; 
	width: 60%; 
}
.my_map{
	width:60%; 
	height:350px;
}

.only_pc{display:block;}
.only_phone{display:none;}

	
/* ********** HEADER */ 
.header{
	width: 100%; 
	height: 170px; 
	background:linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.6)), url(images/fon_work_01.jpg); background-size:120% 100%;
}
.header .col1{
	position:relative; float:left; width: 70%; height: 100px;  color:black;
}
.header .col1 .cell1{
	width: 96px; height: 96px; margin-left:40px; background-image: url(logo_128_extrude.png); background-repeat:no-repeat; background-size:contain; position:relative; float:left; 
}
.header .col1 .cell2{
	/*width: 510px; height: 48px; padding-top: 40px; background-image: url(kovkametal.png); background-repeat:no-repeat; background-size:contain; font-size:36px; letter-spacing:-0.05em; position:relative; float:left;*/
	width: 640px;
    height: 108px;
    position: relative;
    float: left;
    background-image: url(kovkametal_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 10px;	
}


.header .col2{
	position:relative; float:left; width: 30%; height: 60px; padding-top: 20px; text-align: leftt; font-size: 18px; font-weight:bold; color:black;padding-left:20px;}
.header .col2 a{ color:#000; }
.header .col2_phone{position:relative;float:left;width:100%;margin-bottom:10px;}
.header .col2_email{position:relative;float:left;width:100%}
.header .col2 .col2_phone .icon,.header .col2 .col2_email .icon{position:relative; float:left; width:24px; margin-right:10px;}

.header .col3{
	position:relative; float:left; width: 23%; height: 60px; padding-top: 45px; text-align: right; font-size: 18px; font-weight:bold; color:black;
}
.header .col3 a{ color:#000; }


/* ******* TOP_MENU   */
.top_menu{
	padding-top: 10px; position:relative; float:left; width: 100%; height: 54px; text-align: left;	
}

.background_menu{position:absolute;width:100%;background-color:#ff6600;height:36px;opacity:0.6}

.top_menu_element, .top_menu_sub_menu{
	position:relative; 
	float:left; 
	/*width: 12.4%; */
	width: 14%;
	height: 36px; 
	background-repeat:no-repeat; 
	background-size:contain; 
	border-top:1px solid transparent;
	border-bottom:3px solid transparent;
	border-left:1px solid transparent; 
	border-right:3px solid transparent; 
	border-color:transparent;
	background-position-x:50%;
}

.sub_menu_element{
	height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
	border-top:1px solid transparent;
	border-bottom:3px solid transparent;
	border-left:1px solid transparent; 
	border-right:3px solid transparent; 
	border-color:transparent;
	background-position-x:50%;
}

.top_menu_element:hover,.top_menu_sub_menu:hover{
	background-color:#dd4400; 
	border-radius:5px; 
	border-top:1px solid #300;
	border-bottom:3px solid #300;
	border-left:1px solid #300; 
	border-right:3px solid #300; 
}

.top_menu_element, .top_menu_element:hover, .top_menu_sub_menu, .top_menu_sub_menu:hover{
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.top_menu_space{
	position:relative; 
	float:left; 
	width: 2%; 
}
.top_menu_sub_menu:hover>.sub_menu{display:block;}
.sub_menu{
    z-index: 1000;
    background-color: #eee;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 36px;
    width: 200px;
	box-shadow:5px 5px 5px;
	display:none;	
}
.sub_menu a {
	text-decoration:none;
	color: #3F0505;
}

.sub_menu li {
	list-style-type: none;
	padding: 5px 10px;
}
.sub_menu li:hover {
	background-color:#ddd;
}
/* ************ TOP_MENU */
/* ****** HEADER */

/* ************ CONTENT */
.content {
	position:relative; float:left; width: 100%; text-align: left; background-color:#dfdfdf
}
.content .content_body{
	position:relative; float:left; text-align: left; width:100%; opacity:1.0;
}
.content .content_text{
	position:relative; float:left; text-align: left; width:100%; line-height:2; 
}

/* MAIN */
.borderhead{
	border: 8px solid #40c4c8;		
	-moz-border-image: url(images/menu/bullet_01.png) 16 round round;
	-webkit-border-image: url(images/menu/bullet_01.png) 16 round round; 
	-o-border-image: url(images/menu/bullet_01.png) 16 round round;
	border-image: url(images/menu/bullet_03.png) 16 round round;
}
.borderhead_block_01 {position:relative; float:left;width:100%; padding:10px 20px; text-align:center; font-size:30px; letter-spacing:-2px;text-transform: uppercase;}

.call_master_btn{ width:80%; color: #3d0000; height: auto; text-align: center; font-size: 36px; margin:0 10% 30px 10%; background-color: #eee; border:2px #3d0000 solid; border-radius:10px; box-shadow: 5px 5px 10px; cursor: pointer;}

.all_menu {position:relative; float:left;width:100%; height-min:320px; /*background-color:#fff;*/}
.row_menu {position:relative; float:left;width:100%; height:100px; padding-top: 20px; /*background-color:#fff;*/}
.cell_menu {position:relative; float:left;width:33.3%; height:80px; padding:0 2%; /*background-color:#AAA;*/}
.cell_menu a{text-decoration:none;}
.box_menu {width:100%; color:#3d0000; height:60px; text-align:center; font-size:24px; letter-spacing: -2px; background-color:#eee; background-image: url(images/menu/frame_02.png)}
.box_menu_plus {width:100%; color:#3d0000; height:60px; text-align:center; font-size:22px; letter-spacing: -2px; background-color:#adadad; background-image: url(images/menu/frame_02.png);line-height:130%}

.main_block_01 {position:relative; float:left;width:100%; padding:10px 20px; font-size:18pt;margin-bottom:40px;}

.panno{position:relative; float:left;width:400px;height:300px; background-size:contain; background-position-x:50%; background-position-y: 50%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
	/*Добавим вот такой вот код*/
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;-webkit-filter: grayscale(100%);}
.panno:hover{position:relative; float:left;width:400px;height:300px;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none; /* IE 6-9 */}

.panno_text{width:100%;height:30%;top:35%;position:absolute; padding: 0px 40px;}
.panno_01 {width:100%;height:100%; padding:10px 20px; text-align:center; font-size:30px; color:#fff; background: rgba(0,0,0,0.4);}
.panno_02 {width:100%; position:absolute; top:50%; transform: translateY(-50%);}
.main_bottom_text{font-size:24px; line-height:1.3em;}
.main_bottom_text_left{position:relative; float:left; width:60%; padding:0px 20px 0px 40px; border-right:2px solid #888}
.main_bottom_text_left_j24{text-align:justify;font-size:24px;}
.main_bottom_text_right{position:relative; float:left;width:40%; padding:0px 20px 0px 40px; }

/* GALLERY */
.content_gallery{width:100%; padding:0 10px;}
.row_25_pb_10{width:25%; padding-bottom:10px;}
.fon_img_gallery{width:180px; height:135px; text-align:center; background: radial-gradient(#686868, #dfdfdf); border:2px solid #88f}
.fon_img_gallery img{max-width:100%;}

/* ************ CONTENT */


/* ************ FOOTER */
.footer{position:relative; float:left; width:100%; padding-top:10px; background-color:#000; min-height:180px; color:#fff; text-align:left; font-size:16px; line-height:1.3em;}
.footer_01{position:relative;float:left;width:40%;padding-left:10px}
.footer_02{position:relative;float:left;width:30%;padding-left:10px}
.footer_03{position:relative;float:right;width:30%;padding-left:10px}
.btn_socnet{position:relative;float:right;width:56px; height:56px; background-color:#bbb; padding:4px; border-radius:6px; border-color:#888; border-width:1px 3px 3px 1px; border-style:solid;margin-right:10px;}

.footer .informer{
	position:relative; float:left; valign:top;
}
.footer .break_informer{
	position:relative; float:left; width:10px; height:32px; 
}
.link_menu{color:#fff;text-decoration:none;}

.footer_bottom{position:absolute;bottom:0; width:100%;}
/* ************ FOOTER */




	
.crossfade {
	position: relative;
}
.crossfade .regular, .crossfade .rollover {
	-webkit-transition: opacity 1.5s ease-in;
	-moz-transition: opacity 1.5s ease-in;
	-o-transition: opacity 1.5s ease-in;
	transition: opacity 1.5s ease-in;
}
.crossfade .regular {
	position: static;
}
.crossfade .rollover {
	position: absolute;
	top: 0;
	left: 0;
}
.crossfade .rollover, .crossfade .regular:hover {
	opacity: 0;
}
.crossfade .regular, .crossfade .rollover:hover {
	opacity: 1;
}
.dm-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.65);
	display: none;
	overflow: auto;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
/* активируем слой затемнения и модальное окно */
.dm-overlay:target {
	display: block;
	/* анимация и время задержки */
	-webkit-animation: fade .6s;
	-moz-animation: fade .6s;
	animation: fade .6s;
}
/* блочная таблица */
.dm-table {
	display: table;
	width: 100%;
	height: 100%;
}
/* ячейка блочной таблицы */
.dm-cell {
	display: table-cell;
	padding: 0 1em;
	vertical-align: middle;
	text-align: center;
}
/* модальный блок */
.dm-modal {
	display: inline-block;
	padding: 20px;
	/* максимально возможная ширина */
	//max-width: 50em;
	//max-width: 800px;
	width:1000px;
	background: #607d8b;
	/* внешняя тень блока */
	-webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
	color: #cfd8dc;
	text-align: left;
	/* анимация и время задержки */
	-webkit-animation: fade .8s;
	-moz-animation: fade .8s;
	animation: fade .8s;
}

.dm-modal #winimg {
	max-height:460px;
	max-width:100%; 
}
.dm-modal img {
	/*max-width:100%; 
	max-height:600px;*/
}

.dm-call-form{ width:100%; height:100%; padding: 20% 30%; cursor:auto;}

.call-form {background-image:url(/images/fon_2021_00_55.jpg); background-color:#eee; padding: 30px 40px; border: 3px #ccc solid; box-shadow: 5px 5px 5px; border-radius: 10px;}
.call-form-title {/*background-color:#ddd; */text-align:center; font-family:verdana; font-size: 16px; font-weight: bold; margin-bottom: 20px; color: blue; height:60px;}
.btn-tools {position: relative; float: left; width:60px; height:60px; background-image: url(/images/menu/btn_tools.png); background-repeat:no-repeat; background-size: contain;}
.call-form-title-text {height:40px; padding-top:10px;}

.input_master{padding:5px 10px;   box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.1);}


.my_foto {
	-webkit-filter: saturate(20%); 
	filter: saturate(20%);	
}

.my_foto:hover{
	-webkit-filter: saturate(100%); 
	filter: saturate(100%);	
}

.my_foto, .my_foto:hover{
	transition: all 1s;	
}


.close {
    /*position: fixed;
    right: 20px;*/
	z-index: 9999;
	float: right;
	width: 30px;
	height: 30px;
	color: #cfd8dc;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	cursor: pointer;
}
.close:after {
	display: block;
	border: 2px solid #cfd8dc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: 'X';
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
.close:hover:after {
	border-color: #fff;
	color: #fff;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.black-overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 128, 0.5);
	z-index:500;
}

.my_popup{
	display:none; 
	position:fixed;
	top:0;
	left:0; 
	height:200px; 
	width:400px; 
	background-color:#fff; 
	border: 2px solid #888; 
	padding:10px; 
	margin:auto;
	z-index:1000; 
}

 .slider {
 z-index: 9;
 width: 1200px;
 height: 420px;
 overflow: hidden;
 margin: 0 0 7px;
 position: relative;
 margin: 25px 0 25px 0;
 }
 #my_slide_image {
  width:100%; 
  height:100%; 
  background: url(images/menu/slider_01.jpg) no-repeat; 
  /*background-size:contain;*/
  background-size:100% 100%;
  background-repeat:no-repeat; 
 }

@media only screen and (max-width: 1200px){ 
body {width: 100%; font-size:10pt;}
.header .col1 {width: 60%;}
.header .col2 {width: 40%}

.header .col1 .cell1{width: 10%;margin-left:0;}
.header .col1 .cell2{width: 90%}
.slider { width: 100%;}
.gal_row_img{width: 100%;}
.gal_row_text{width: 100%;line-height:1.2;}
.my_map{width:95%}

.box_menu , .box_menu_plus {font-size:18px;line-height:1.2;/*background-image:none;*/ background-size: 100% 100%;}

.panno, .panno:hover{width:33%;min-height: 200px;background-size: cover;}

}

@media only screen and (max-width: 1000px){ 
.main_block_01 {font-size:14pt;}
.borderhead_block_01 ,.panno_01{font-size:14pt;}
.panno_text{height: 10%;top: 45%;}
.main_bottom_text,.main_bottom_text_left_j24{font-size: 18px;line-height: 1.2em;}
.gal_row_text {line-height:1;}
.row_25_pb_10 {width: 50%;}
.dm-modal {width:100%;};
}

@media only screen and (max-width: 728px){ 
/*body {background:none;}*/
html{background: none; background-image:url(/images/fon_2021_00_55.jpg);}

.header{background:none}
.header .col1{width: 100%;height:80px;}

.header .col2{width: 100%; padding:0;font-size: 10px; color:#000;}
.header .col2 a{color:#000;}

.content{background:none;}
.slider {height:300px;}
.panno, .panno:hover {height: 120px;}
.panno_text{height: 20%; top:40%; min-height:100px;}
.panno_01 {padding:10px 0px;}
.panno_02 {position:relative;}
.main_bottom_text,.main_bottom_text_left_j24{font-size: 14px;line-height: 1.2em;}

.call_master_btn{ width:90%; font-size: 18px; margin:0px 5%; padding:10px; border:1px #aaa solid; border-radius:5px; box-shadow: 5px 5px 5px;}

.top_menu_element, .top_menu_sub_menu{width:15%;}
.top_menu_element:hover, .top_menu_sub_menu:hover{background-color:transparent; border-top: 1px solid transparent; border-bottom: 3px solid transparent; border-left: 1px solid transparent; border-right: 3px solid transparent; border-color: transparent;}
.box_menu, .box_menu_plus {font-size: 14px; letter-spacing: 0.1em; background-image: url(images/menu/btn_00_30.png); border: 1px #aaa solid; box-shadow: 5px 5px 5px; background-size: 80% 80%; background-repeat: no-repeat; background-position-x: 50%;}
.main_block_01 {font-size: 12pt;}
.borderhead_block_01, .panno_01 {font-size: 12pt;}

.main_bottom_text_left ,.main_bottom_text_right{width:100%;padding:0;border:none}

.only_pc{display:none;}
.only_phone{display:block;}

.footer_01{display:none}
.footer_02{width:55%}
.footer_03{width:45%}
.btn_socnet{width:32px;height:32px}
.btn_socnet >img{width:100%}
.informer{display:none}

.dm-call-form{ width:100%; height:100%; padding: 20% 10%;}
}

@media only screen and (max-width: 480px){ 
body {background:none;}
.header .col1{width: 100%; height: 50px;}
.header .col1 .cell1{display:none;}
.header .col1 .cell2{width: 100%; height: 50px;}
.header .col2{width: 60%; padding-left: 10px;}

.top_menu{width:40%; height:auto;}
.background_menu{display:none}
.top_menu_element,.top_menu_sub_menu{background-position-x:0%; width: 97%; height: 24px; margin-bottom:10px;}
.top_menu_sub_menu{height:auto; margin:0;}
.sub_menu{position:relative;right:13%;top:0; width:180px;
    z-index: 0; background-color: transparent; box-shadow: none; font-size: 14px;
}
.sub_menu li{padding:3px 0px;}
.sub_menu li::before {
    content: '\25CA'; padding-right: 15px; color: #3F0505; font-weight:bold;}
.sub_menu_element{background-position-x:0%; width: 97%; height: 24px; margin-bottom:10px;}


.box_menu, .box_menu_plus {background-size: 80% 100%;}

.slider{display:none;}
.content .left_column{display:none;}
.content .content_body{width:100%;}
.content_text{width:100%;}
/*.gal_row_img {width: 100%;}
.gal_row_text{width: 100%;}*/

.footer{text-align:left;}
.footer .informer{width:100%;text-align:left;}
.footer .break_informer{display:none}

}