.thumbnail-parent{
	

}

.div-for-img{
	overflow: hidden;
	border-radius: 4px;
}

.div-for-img img{
	width: 100%;
}


body{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	font-family: 'Cuprum', sans-serif;
	font-size: 16px;
	background: #ccc;
	background-image: url(../img/fon.jpg);
	background-attachment: fixed;
}

h1{text-align: center;margin-bottom: 30px;}

h2{font-size: 16px;}

.w100{
	width: 100%;
}

img{
	border-radius: 4px;
	max-width: 100%;
}

.logo img{
	width: 130%;
	max-width: 140%;
}

header{
	position: relative;
	border-bottom: 3px solid #666;
	display: flex;
	flex-wrap:wrap;align-items:flex-end;
}
.navbar{
	min-height: 20px;
}
.nav-tabs{
	border-bottom: none;
}
ul.nav li{
	
}
ul.nav li a{
	color: #666;
}
ul.nav li a.active{
	background: #ccc;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: #e2e2e2;
	border: 1px solid #ccc;
}
.primary{
	background-color: #337AB7;
	color:#fff;
}
.logo{
	margin: 15px 0;
}
.navbar-toggle{
	background: #333;
}
.navbar-toggle span{
	background: #fff;
}
.leftbar{
	margin-top: 20px;
}
.leftbar li{
	list-style: none;
}
.leftbar li a{
	color: #333;
	line-height: 2;
}
.leftbar p {
  text-align:center;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #FFFFFF;
  background-color: #666;
  font-weight: bold;
}
.thumbnail{
	border: 1px solid #666;
}
.thumbnail h2{
	margin-top: 5px;
}
.thumbnail p{
	margin-top: 5px;
	margin-bottom: 0;
}
.navbar{
	margin-bottom: 0;
}
footer{
	background-color: #333;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	margin-top: 30px;
}
table th{
	background-color: #e2e2e2;
}
.printshow{visibility: hidden;}
div .printshow{
		display: none;
	}
.printhead{align-items:center;}

.show-zakaz{
		position:fixed;
		background:red;
		color:#fff;
		display: block;
		bottom: 50%;
		left: 0;
		width: auto;
		border-radius: 0 5px 5px 0;
		text-align: center;
		padding: 7px;
		font-size: 20px;
		cursor: pointer;
	}
	.show-zakaz span{
		font-size: 16px;
	}
.show-zakaz:focus,.show-zakaz:active,.show-zakaz:after,.show-zakaz:link,.show-zakaz:hover{
	text-decoration: none;
	color: #fff;
	background: #C30000;
}







@media (min-width: 1024px){
	.flex_div{
		display: flex;
	}
}

@media (max-width: 992px) and (min-width: 768px){
	ul.nav li a{
		font-size: 20px;
		}
		.thumbnail, .thumbnail h2{
			font-size: 24px;
		}
}

@media (max-width: 768px){
	.show-zakaz{
		position:fixed;
		background:red;
		color:#fff;
		display: block;
		bottom: 0;
		left: 0;
		width: 50%;
		border-radius: 0 0 0 0;
		text-align: center;
		padding: 5px 0;
		font-size: 20px;
	}
	.show-zakaz span{
		font-size: 16px;
	}
	
	.modal{
		width: 94%;
		margin: 0 auto;
	}
	.modal table{
		width: 94%;
		margin: 0 auto;
	}
	.modal table td, .modal table th{
		font-size: 12px;
	}
	.modal-footer button{
		margin-bottom: 10px;
	}
	.price, footer,{
		font-size: 12px;
	}
	body{
		font-size: 12px;
	}
	h1{
		font-size: 20px;
	}
	#topmenu{
		font-size: 20px;
	}
	
	
	
	
	
}

@media print{
	*{font-size: 12px;}
	header, footer, .leftbar{display: none;}
	.printshow{visibility: visible;}
	table td{padding: 3px 0;}
	div.printshow{
		display: block;
	}
	a.printshow, span.printshow{display: inline;}
	.printhide{display: none;}
	h1, .h1{
		font-size: 20px;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	h5{margin-bottom: 3px;text-decoration: underline;}
	.print1{width: 70%;float: left;}
	.print2{width: 30%;float: right;}
	.printhead{align-items:flex-start;}
}