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;
}

input[type=submit] {
	font-size: 30px;  
	width:300px;
	font-style:italic;
	color:#383F45;
	padding:10px;
	border:2px dashed #383F45;
	background:none;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

input[type=submit]:hover{
	font-size: 30px; 
		width:300px;
	font-style:italic;
	color:#383F45;
	padding:5px;
	border:2px dashed #383F45;
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease-out;
	background:none;
}

input[type=file]{
	font-size: 24px; 
	font-style:italic;
	color:#383F45;
	padding:5px;
	border:2px dashed #383F45;
	background:none;
}

#inputtext{
	font-size: 24px; 
		width:300px;
	font-style:italic;
	color:#383F45;
	padding:5px;
	border:2px dashed #383F45;
	background:none;
}


.container {
	
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 3fr));
    grid-template-rows: repeat(1, 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;
}


.btn-tertiary {
	color: #555;
	padding: 0;
	line-height: 40px;
	width: 300px;
	margin: auto;
	display: block;
	border: 2px solid #555;
	&:hover, 
    &:focus {
	color: lighten(#555, 20%);
	border-color: lighten(#555, 20%);
}


/* input file style */

.input-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	+ .js-labelFile {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 0 10px;
		cursor: pointer;
		.icon:before {
		//font-awesome
		content: "\f093";
	}
    &.has-file {
		.icon:before {
        //font-awesome
        content: "\f00c";
        color: #5AAC7B;
	}
}