@-ms-viewport { width: 1200px; }
@-webkit-viewport { width: 1200px; }
@-moz-viewport { width: 1200px; }
@-o-viewport { width: 1200px; }
@viewport { width: 1200px;}
 
 body {
  margin: 0;
  background: #ffffff;
  /*background-size: 10px 10px; */
}
 #mainbox{
	/*background: radial-gradient(rgba(74,74,74,0.5) 1px, rgba(255,255,255,0) 1px);
	background-size: 10px 10px;*/
   
    width: 1200px; /* Ширина элемента в пикселах */
    padding: 20px; /* Поля вокруг текста */
    margin: auto; /* Выравниваем по центру */
	
	height: 5536px;
	position: relative;
	line-height: 1; font-family:sans-serif,Franklin Gothic Medium Cond,Myriad Pro,Helvetica; /* устанавливаем базовую высоту */

}
#menu{top:10px;margin-left:0px;margin-top:10;position:fixed;
background:rgba(255,255,255,.8);z-index: 1}




#kontakt {margin-left:0px;margin-top:1px;
background: none;}


/*#Text1 {float:left; margin-left:20px;margin-top:20px;}*/
#nazv{  
float:left; margin-left:10px;margin-top:0px;color:rgba(173,173,173,.8);
 background:none;text-decoration: none; }
#nazv:hover {color: #747474;}
 
#logo {float:left;margin-top:9px;
background: none;}
#a href{text-decoration: none; }
a { color:rgba(173,173,173,.8);
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
   } 


/*.box1 {background: url(images/img-3.jpg);}*/



nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav a {
  
  text-decoration: none;
  outline: none;
  transition: .4s ease-in-out;
}
 .topmenu {
	  margin-left:550px;
	  margin-top:27px;
 
 
  
  backface-visibility: hidden;
  background: rgba(255,255,255,0);
}
.topmenu > li {
  display: inline-block;
  position: relative;
}
.topmenu > li > a {
  font-family: sans-serif, sans-serif;
  height: 70px;
  line-height: 70px;
  padding: 0 30px;
  font-weight: bold;
  color: rgba(173,173,173,.8);
  text-transform: uppercase;
 
}

.topmenu li a:hover { color: #747474; }


#nazv1{float:left; margin-left:400px;margin-top:550px;color:rgba(173,173,173,.8);}
#nazv1:hover {color: #747474;}


#slider-wrap{top:10px;margin-top:10px;overflow: hide;}
#slider{ /* Оболочка слайдера */

	overflow: hide;
	background:none;
	position:absolute;
	width:1200px;
	height:200px;
	overflow: hidden;
	


	}
#slider img {	width:1200px;	height:200px;}
.slide{ /* Слайд */	width:100%;	height:80%;	}
.sli-links{ /* Кнопки смены слайдов */	margin-top:10px;	text-align:center;}
.sli-links .control-slide{	margin:2px;	display:inline-block;	width:16px;	height:16px;	overflow:hidden;	text-indent:-9999px;
background:url(radioBg.png) center bottom no-repeat;}*/
.sli-links .control-slide:hover{	cursor:pointer;	background-position:center;overflow: hide;}
/*.sli-links .control-slide.active{	background-position:center top;}*/
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */	display:block;	width:15px;	height:80%;	position:absolute;	top:0;	overflow:hidden;	text-indent:-999px;	opacity:0.8;	z-index:3;	outline:none !important;
background:url(arrowBg.png) left center no-repeat;}*/
#prewbutton{left:10px;}
#nextbutton{	right:10px;
background:url(arrowBg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{	opacity:1;}
/*.z1text {
font-size: 20px;
color: rgba(173,173,173,.8);
text-shadow: 0px 0px 1px rgba(173,173,173,.8);
background: rgba(173,173,173,.8);
box-shadow: 0px 0px 2px rgba(173,173,173,.8);
width: 50%;
margin-top: 600px;
border-right: 0px;
padding: 12px 10px;
position: absolute;
bottom: 2%;
right: 25%;
}*/

@media only screen
and (min-device-width : 100px)
and (max-device-width : 460px)
 /*@media all and (max-width: 700px)*/
 
 {

.slide{ /* Слайд */	width:100%;	height:30%;	}
 }



.item1{
   position: absolute;
   width:450px;
   height:250px;
   border: 5px solid grey;
   border-color: #ffffff;
   background-color: none;
   left:15px;
   top:750px;
      
  }
 /* .item1:hover {
  transition: 1s all;
 transform:scale(1.1,1.1);
  border: 3px solid grey; }/* Рамка при наведении на рисунок курсора мыши */
 #box1 {
   font-family:sans-serif;
   position: absolute;
   width: 630px;
   height: 250px;
   border: 3px;
   border-color: #ffffff;
   left:510px;
   top:755px;	
   color:white;
   text-align:center;
   background: url("images/slad.jpg");
  
}
.box:hover{
	color:black;
	transform:scale(1.1,1.1);
	transition: 1s all;}
	
	
	
	#nazv2{ position: absolute; left:530px;top:1700px;color:rgba(173,173,173,.8);}
	#nazv2:hover {color: #747474;}

/*Контейнер для блоков анонсов статей */
#rworks-box {
	position: absolute;
	margin-top: 1760px;
	height: 179px; /* высота обязательна для того чтобы след. за данным блоком не наезжали на него */
	left:280px;
}
/* стили блока анонсов статей */
#rworks-box div {
    background: none;
	opacity: 0.88;
    filter: alpha(Opacity=88); 
	width: 200px;
	float: left; /* чтобы блоки шли друг за другом */
	margin-right: 70px;
	}
#rworks-box #work-last {
	margin-right:0;     	/* убираем внешний отступ справа для последнего блока, чтоб он помест.в линию с остальными */
}
#rworks-box div img {
	float: left; /*чтобы текст не обтекал карт. справа */
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
	border-radius: 100px;
	float: left;
	margin-right: 20px;
	
}

         
#rworks-box div img:hover {
	transition: 1s all;
	transform:scale(1.2,1.2) rotate(-45deg);
	
	 /* Рамка при наведении на рисунок курсора мыши */
}

/* .item2{
   position: absolute;
   width:200px;
   height:50px;
   background-color: none;
   left:470px;
   top:900px;
    border: 5px solid grey;
   
 }*/
 
 
 #nazv3{ position: absolute; left:210px;top:2030px;color:rgba(173,173,173,.8);}
 #nazv3:hover {color: #747474;}

#text2{ position: absolute; left:190px;top:2150px;color:#747474;font-style:italic;
background: url("images/FON.png");width: 900px;height: 317px;}
#text2:hover {
	transition: 1s all;
	transform:scale(1.1,1.1);
	font-size:100;
	color:#747474;
	font-style:italic;
	}
 
 
 
 
 
 /*Контейнер для блоков анонсов статей */
#works-box {
	position: absolute;
	margin-top: 2430px;
	height: 180px; /* высота обязательна для того чтобы след. за данным блоком не наезжали на него */
	left:20px;
	
}
/* стили блока анонсов статей 2*/
#works-box div {
    
	width: 300px;
	float: left; /* чтобы блоки шли друг за другом */
	margin-right: 5px;}
	 /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);}*/ 
#works-box div img:hover {
	transition: 1s all;
	transform:scale(1.4,1.4);
	
}
#works-box #work-last {
	margin-right:0;     	/* убираем внешний отступ справа для последнего блока, чтоб он помест.в линию с остальными */
}
#works-box div img {
	
	/* float: left; чтобы текст не обтекал карт. справа */
	margin-right: 10px;
	margin-left: 50px;
	margin-top: 10px;
	width: 200px;
	
	
}
#works-box div h3 {
	color: #747474;
	background:none;
	margin-top: 0px;
	font-weight: normal; /* убираем полужирное начертание текста заголовка 3-го уровня */
	text-align:  center;
}

#works-box div p {
	font-size: 14px;
	color: #747474;
	background:none;
	padding-right: 30px;
		padding-left: 30px;
		 text-align:  center;
	}
	#works-box div img:hover {
  border: 1px solid #747474; /* Рамка при наведении на рисунок курсора мыши */
}
	
 #works-box div h3:hover {
  border: #747474; /* Рамка при наведении на рисунок курсора мыши */
}
#nazv4{ position: absolute; left:450px;top:2860px;background:none;color:rgba(173,173,173,.8);}
 #nazv4:hover {color: #747474;}

#dost {position: absolute; left:100px;top:3000px;
	width:1200px;
   height:500px;
   left: 0;
  width: 1200px;
  background:none;
   margin-left:20px;
  margin-right:20px;
  position: absolute;
  
 	}
	
#PARTNER{ position: absolute; left:300px;top:3550px;color:rgba(173,173,173,.8);}
 #PARTNER:hover {color: #747474;}

#kontakt1{ position: absolute; left:530px;top:3930px;color:rgba(173,173,173,.8);}
 #kontakt1:hover {color: #747474;}
#kontakt2{ position: absolute; left:120px;top:4020px;}/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);}*/ 
#soc-icons a {
     display: block;
	 float: left;
	 margin-right: 5px;
	 width: 34px;
	 height: 34px;
	 opacity: 0.6;
}
#twitter {
     background: url(images/twitter.png) left top no-repeat;margin-right:10px;margin-left:10px;
	}
#facebook {
     background: url(images/facebook.png) left top no-repeat;margin-right:10px;margin-left:10px;
	 	}
#google{
     background: url(images/vk.jpg) left top no-repeat;margin-right:10px;margin-left:10px;
	}

#soc-icons a:hover{
		opacity: 1;
}
#soc-icons {
		position: absolute;
		top: 4400px;
right: 200px;}

	#line2{ top:4050px;}
.footer {position: absolute;top:4500px;font-size: 10px; color: grey;margin-left: 100px;}
.copyr {background-color:rgba(255,255,255,0);font-size: 14px;}







 
#prod-image:{
transition: 10s all;}

#prod-image:hover{
	
/* transform:rotate(359deg) */ 
transform:scale(1.2,1.2);
transition: 1s all;
}


 TABLE {
	color: #747474;
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
    width: 1200px; /* Ширина таблицы */
   }
   TH {
    background: #fff; /* Цвет фона ячейки */
    text-align: left; /* Выравнивание по левому краю */
   }
   TD {
    background: #fff; /* Цвет фона ячеек */
    text-align: center; /* Выравнивание по центру */
   }
   TH, TD {
    border: 1px dashed black; /* Параметры рамки */
    padding: 4px; /* Поля вокруг текста */
   }
   TABLE {
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
    width: 1200px; /* Ширина таблицы */
   }
   TH, TD {
    border: 1px dashed black; /* Параметры рамки */
    text-align: center; /* Выравнивание по центру */
    padding: 4px; /* Поля вокруг текста */
   }
   TH {
    background: #fff; /* Цвет фона ячейки */
    height: 20px; /* Высота ячеек */
    vertical-align: bottom; /* Выравнивание по нижнему краю */
    padding: 0; /* Убираем поля вокруг текста */
   }