body{
    background: url(../../img/bg.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   background-repeat: repeat-y;
}

.container {

    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 3fr));
    grid-template-rows: repeat(2, 400px); 
	
}

#menu{
position: fixed;
top:10px;
}
.tov {
	z-index:1;
	background:#D2D1D1;
	padding-top: 20px;
	
}
.tov:hover {
	  transition: all 0.3s ease-out;
  /* border-top-left-radius: 100% 20px; */
  /* border-bottom-right-radius: 100% 20px; */
  /* border-radius: 50px; */
  transform: scale(0.95, 0.95);
  background:#B0B0B0;

}
#logoimg{
	height:100px;
	width:100px;
}
#soc{
	height:40px;
	width:40px;
		margin-right:10px;
	/* margin-left:40px; */
}
#soc1{
	position: fixed; /* Фиксированное положение */
    right: 10px; /* Расстояние от правого края окна браузера */
    top: 10px;
			z-index:2;
}

#imgtov{

	height:270px;
	width:270px;
}
#imgtov:hover{
transform: scale(1.1, 1.1);
  transition: all 0.3s ease-out;

}
#slidimg{

	width:270px;
}
#name{
	margin-top:15px;
	font-size: 24px; 
	font-style:italic;
	color:#383F45;
	padding:5px;
}

#none{
	display:inline-block;
	float:center;
	padding:0 20px 0 20px;
}
#cost{
	display:none;
}

@media screen and (max-width: 630px) {
#none{
	display:none;
}
#cost{
	display:block;
}
}
@media (max-width: 945px) {
#none{
	display:none;
}
#cost{
	display:block;
	/* margin-top: -390px; */
}
}

#button_{
	font-size: 24px; 
	font-style:italic;
	color:#383F45;
	padding:10px;
	border:2px dashed #383F45;
}

#button_:hover{
	font-size: 26px; 
	font-style:italic;
	color:#383F45;
	padding:5px;
	border:2px dashed #383F45;
	transform: scale(1.1, 1.1);
  transition: all 0.3s ease-out;
}

b{
	font-size: 30px; 
	font-style:italic;
	color:#383F45;
}

#name1{
	font-size: 32px; 
	font-style:italic;
	color:#383F45;
}

#num{font-size:16px; font-weight:normal;color:#383F45;font-family: 'Yanone Kaffeesatz', sans-serif;}



#log{
	text-align:center;
	font-size:90px; font-weight:bold;color:#383F45; font-style:italic; 
	text-shadow: 2px 2px 0px #FFFFFF;
	margin-top: 15;
	}
	#log:hover{ 
	text-shadow: 2px 2px 0px #FFF, 5px 4px 0px rgba(0,0,0,0.15), 6px 5px 0px rgba(0, 0, 0, 0.36);
	  transition: all 0.3s ease-out;
	}
	#log1{display:none;}
	
	
	@media (max-width: 830px) {
		#log{
	text-align:center;
	font-size:90px; font-weight:bold;color:#383F45; font-style:italic; 
	text-shadow: 2px 2px 0px #FFFFFF;
	margin-top: 0;
	}
	#log:hover{ 
	text-shadow: 2px 2px 0px #FFF, 5px 4px 0px rgba(0,0,0,0.15), 6px 5px 0px rgba(0, 0, 0, 0.36);
	  transition: all 0.3s ease-out;
	}
	}
	
	
@media screen and (max-width: 630px) {
	#log1{
		display:block;
		text-align:center;
	font-size:55px; font-weight:bold;color:#383F45; font-style:italic; 
	text-shadow: 2px 2px 0px #FFFFFF;
	margin-top: 0;
	}
	#log1:hover{ 
	text-shadow: 2px 2px 0px #FFF, 5px 4px 0px rgba(0,0,0,0.15), 6px 5px 0px rgba(0, 0, 0, 0.36);
	  transition: all 0.3s ease-out;
	}
	
}
	
	
#kon{font-size:40px; font-weight:bold;color:#383F45; font-style:italic;text-align: right;}
#tab{
border-spacing: 20px 0em;	
width:100%;
}
a{
	text-decoration:none;
}

#slid{
	width:100%;
}
#slid1{
	text-align:right;
	width:25%;
}
#slid2{
	text-align:left;
	width:21%;
}

#footer	{
	
	height:150px;
		font-size: 110px; 
		text-align:center;
padding-top:20px;
padding-bottom:20px;
}
#f1{
	text-align:left;
	font-size: 110px; 
	padding-left:20%;
	padding-right:20px;
}
#f2{
	text-align:center;
	font-size: 110px; 
		padding-left:20px;
	padding-right:20px;
}
#f3{
	text-align:right;
	font-size: 110px; 
		padding-left:20px;
	padding-right:20%;
}

#pod1{
		margin-top:10px; 
		height:110px;
		font-size: 110px; 
		text-align:center;
		color: #424347;
		}


#fiks{height:90px;}
@media screen and (max-width: 630px) {
#fiks{height:45px;
/* background:#F5F6FA; */
}
}
@media (max-width: 830px) {
	#fiks{height:135px;
/* background:#F5F6FA; */
}
}
@media (min-width: 830px) {
	#fiks{height:90px;
/* background:#F5F6FA; */
}
}
@media (max-width: 830px) {
	.menu__box{
		display:none;
	}
}
	.menu__box{
		display:none;
	}