@charset "utf-8";
/* Global Styles */
body {
	background-color: #5AA1A0;
}
#foot {
	text-align: center;
}

a:hover {
	color: rgba(100,22,15,1.00);
}
/*header*/
header {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: rgba(39,39,39,1.00);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-align: right;
	height: 47px;
	background-image: -webkit-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	border: 2px solid #FFFFFF;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
	background-image: linear-gradient(180deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
}
/* Logo placeholder*/
#logo {
	float: left;
	width: 139px;
	text-align: center;
	color: rgba(255,255,255,1.00);
}
/* div for Links in header */
#headerLinks {
	float: left;
	width: calc( 100% - 10px );
	padding-top: 15px;
	padding-bottom: 10px;
}
header1 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-image: -webkit-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
}
/* Logo placeholder*/
#logo1 {
	float: left;
	width: 26.5%;
	text-align: center;
	color: rgba(255,255,255,1.00);
}
/* div for Links in header */
#headerLinks1 {
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	margin-top: -20px;
	color: #131313;
	margin-bottom: -20px;
	width: 73.5%;
}
/* Links in header */
#headerLinks a {
	text-decoration: none;
	color: #584028;
	font-size: 1em;
	padding-right: 2px;
	border-radius: 0.3em;
	text-align: right;
	margin-right: 4px;
	border: 2px solid rgba(255,255,255,1.00);
	background-color: #FAD7A4;
	padding-left: 66px;
}
#headerLinks a:hover {
	border-radius: 0.3em;
	color: #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(174,41,31,1.00) 0%,rgba(185,30,16,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(174,41,31,1.00) 0%,rgba(185,30,16,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(174,41,31,1.00) 0%,rgba(185,30,16,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(174,41,31,1.00) 0%,rgba(185,30,16,1.00) 100%);
	font-weight: 500;
}
/* Offer text banner*/
#offer {
	font-family: 'Montserrat', sans-serif;
	clear: both;
	color: rgba(255,255,255,1.00);
	margin-top: -24px;
	margin-left: 0px;
	padding-left: 3%;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	background-color: #5AA1A0;
}
#tex img {
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	width: 100%;
}
/* Main content of the site */
#content {
	clear: both;
	overflow: auto;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
	margin-top: -35px;
}
/* Sidebar */
#content .sidebar {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	float: left;
	width: 20%;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
	background-color: rgba(249,212,159,1.00);
	padding-top: 36px;
	overflow: hidden;
	border-top: 5px solid #F9D49F;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}
/* main content of the site */
#content .mainContent {
	float: left;
	width: 73.5%;
	text-align: center;
	padding-left: 0.5%;
	border-radius: 1em;
	border-top: 5px solid #F9D49F;
}
/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
	text-align: left;
	color: rgba(146,146,146,1.00);
	position: relative;
	left: 0%;
}
/* Whole page content */
#mainWrapper {
	width: 80%;
	padding-left: 10%;
}

/*menu elements */
.menu ul li {
	list-style-type: none;
	font-size: x-large;
	position: relative;
	left: -35px;
	padding-top: 12px;
}
/* Product rows for catalog */
#content .mainContent .productRow {
	overflow: auto;
	padding-top: 5px;
	overflow-x: hidden;
}
/* Each product Information in the catalog */
.mainContent .productRow .productInfo {
	float: left;
	width: 24.5%;
	margin-right: 0.5%;
	border-radius: 1em;
	background-color: #F9D49F;
	margin-top: 0px;
}
.mainContent .productRow .itog {
	float: left;
	width: 100%;
	margin-right: 0.5%;
	border-radius: 1em;
	background-color: #F9D49F;
}
.mainContent .productRow .dvabloka {
	float: left;
	width: 49.5%;
	margin-right: 0.5%;
	border-radius: 1em;
	background-color: #F9D49F;
}
.mainContent .productRow .itog img {
	border-radius: 1em;
	width: 100%;
}
.mainContent .productRow .dvabloka img {
	border-radius: 1em;
	width: 100%;
}
.mainContent #adres.productRow {
	border-radius: 1em;
	color: #111111;
	font-weight: 500;
	text-align: center;
	font-size: 1.1em;
	margin-right: 0.5%;
	margin-bottom: 12px;
	background-color: rgba(249,212,159,1.00);
	margin-top: 3px;
}
#mainWrapper #vereysk {
	margin-top: 3px;
	margin-right: 0.5%;
	margin-bottom: 12px;
	color: #111111;
	text-align: center;
	font-weight: 500;
	border-radius: 1em;
	font-size: 1.1em;
	background-color: rgba(249,212,159,1.00);
}

.mainContent #sovet.productRow {
	border-radius: 1em;
	color: #111111;
	font-weight: 500;
	text-align: left;
	font-size: 1.1em;
	background-color: rgba(249,212,159,1.00);
	margin-right: 0.5%;
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 12px;
	margin-top: 3px;
}
/* Prices of a products in catalog */
.productRow .productInfo .price {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 22px;
	position: relative;
	top: -20px;
}
.productRow .itog .price {
	font-family: 'Montserrat', sans-serif;
	color: rgba(31,55,55,1.00);
	position: relative;
	top: 0px;
}
/* Content holder for products in catalog*/
.productRow .productInfo .productContent {
	position: relative;
	top: -37px;
	font-size: 12px;
	font-family: source-sans-pro, sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #584028;
	text-align: center;
	width: 100%;
	min-height: 42px;
}
.productRow .productInfo .productContent a {
	color: #584028;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	font-style: normal;
}
.productRow .productInfo .productContent a:hover {
	color: rgba(130,16,15,1.00);
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
}
.button {
	font-weight: 700;
	color: white;
	text-decoration: none;
	padding: .8em 1em calc(.8em + 3px);
	border-radius: 3px;
	background: rgb(64,199,129);
	box-shadow: 0 -3px rgb(53,167,110) inset;
	transition: 0.2s;
	padding-right: 0.8em;
} 
a.button:hover { background: rgb(53, 167, 110); cursor: pointer; }
a.button:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}
#osnova {
	font-family: 'Montserrat', sans-serif;
	padding-left: 2%;
	border-radius: 1em;
	border: 2px solid #FFFFFF;
	background-color: #F9D49F;
	margin-top: 15px;
}
#mainWrapper #osnova table {
	width: 92%;
	margin: 0 auto;
	text-align: left;
}

#osnova h2{
	font-family: 'Montserrat', sans-serif;
	border-radius: 1em;
	color: #171717;
	padding-left: 3%;
}
#termo {
	background-color: #F5E73A;
	margin-left: 25px;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-right: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #000;
}

/* footer */
#mainWrapper footer {
	clear: both;
	overflow: auto;
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	line-height: 1.8;
	padding-top: 22px;
	padding-left: 22px;
	text-align: center;
	padding-bottom: 22px;
	padding-right: 22px;
	background-image: -webkit-linear-gradient(0deg,rgba(248,207,148,1.00) 0%,rgba(249,212,159,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(248,207,148,1.00) 0%,rgba(249,212,159,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(248,207,148,1.00) 0%,rgba(249,212,159,1.00) 100%);
	border-radius: 1em;
	background-image: linear-gradient(90deg,rgba(248,207,148,1.00) 0%,rgba(249,212,159,1.00) 100%);
	margin-top: 1em;
}
/*Each footer content */
#mainWrapper footer div {
	width: 27%;
	float: left;
	padding-left: 4%;
	padding-right: 2%;
	color: rgba(33,33,33,1.00);
	text-align: left;
}
/* Links in footer */
footer div a {
	color: #584028;
	display: block;
	text-decoration: none;
	text-align: left;
}
footer div a:hover {
	color: #82100F;
	text-decoration: none;
	text-align: left;
}
/* Product's images in catalog */
.productInfo div img {
	border-radius: 1em;
	width: 90%;
	margin-top: 4%;
}
/*Links in sidebar */
.sidebar #menubar .menu ul li a {
	color: #584028;
	text-decoration: none;
	font-weight: 700;
}
.sidebar #menubar .menu ul li a:hover {
	color: rgba(130,16,15,1.00);
	font-size: 14px;
	font-weight: 700;
}
/* Menu headings in sidebar */
#menubar .menu h2 {
	font-size: 14px;
	color: #584028;
	font-weight: 900;
	text-align: center;
}
#menubar .menu a {
	font-size: 14px;
	color: #584028;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
}
#menubar .menu a:hover {
	font-size: 14px;
	color: #9A2219;
	font-weight: 900;
	text-align: center;
}
#menubar .menu #telefon {
	font-size: 14px;
	color: #584028;
	font-weight: 900;
	text-align: center;
}
#menubar .menu #telefon img {
	width: 100%;
}
/*Links under menus in sidebar */
#menubar .menu ul li a {
	font-size: 14px;
}
/* Menus in sidebar */
.sidebar #menubar .menu {
	margin-bottom: 29px;
}
/* Container for links in footer */
footer .footerlinks {
	margin-top: -15px;
}
.google-maps {
	position: relative;
	padding-bottom: 50%;



// (450 ÷ 500 = 0.9 = 90%)
height: 0;
	margin-top: 1%;
	margin-left: 30%;
	overflow: hidden;
	margin-bottom: 15px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#konta {
	width: 70%;
	margin-left: 30%;
}	
#konta img {
	border-radius: 1em;
	width: 100%;
}	
.stiker img{
	width: 80%;
}	
.stiker {
	width: 100%;
	text-align: center;
}	
#mainWrapper #content111 {
	clear: both;
	overflow: auto;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
}
#mainWrapper #content111 .mainContent {
	float: left;
	width: 100%;
	text-align: center;
	border-radius: 1em;
	border-top: 5px solid #F9D49F;
}
#content111 .mainContent .productRow {
	overflow: auto;
	padding-top: 5px;
}
#content111 .mainContent .productRow .dvabloka {
	float: left;
	width: 49.5%;
	border-radius: 1em;
	background-color: #F9D49F;
}
.yakor {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 1.4em;
	text-align: center;
	color: #F7F7F7;
}
header #logo img {
	position: fixed;
	left: auto;
	top: auto;
	right: 0px;
	bottom: 65px;
	z-index: 1000;
	display: none;
}
#kontaktm a img {
	position: fixed;
	bottom: 0;
	right: 0;
}
#verey {
	margin-left: 30%;
	width: 70%;

}
#verey img {
	border-radius: 1em;
	width: 100%;
}








/* Media query for tablets */
@media screen and (max-width:700px) {
/* search field in sidebar */
#content .sidebar #search {
	display: none;
}
header1 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-image: -webkit-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(100,164,161,1.00) 0%,rgba(85,160,160,1.00) 100%,rgba(245,203,142,1.00) 100%);
}
/* Logo placeholder*/
#logo1 {
	float: left;
	width: 26.5%;
	text-align: center;
	color: rgba(255,255,255,1.00);
}
#logo1 img {
	width: 100%;
	text-align: center;
}
/* div for Links in header */
#headerLinks1 {
	float: left;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align: center;
	margin-top: -26px;
	color: #ffffff;
	margin-bottom: -20px;
	width: 73.5%;
}
#headerLinks1 h1 {
	font-size: 12px;
	font-size: 1em;
	margin-top: 34px;
}
/* sidebar */
#content .sidebar {
	float: none;
	width: 100%;
	height: auto;
	overflow: auto;
	padding-left: 12%;
	padding-top: 0px;
	display: none;
}
/* horizontal separators in sidebar */
#content .sidebar hr {
	display: none;
}
/*The sidebar and maincontent of page */
#content {
	position: relative;
	width: 100%;
	overflow: hidden;
}
/*menu headings in sidebar */
#menubar .menu h2 {
	display: inline;
	font-size: medium;
	padding-right: 6%;
}
/* Unordered List of links */
#menubar .menu ul {
	display: inline;
}
/*list elements */
#menubar .menu ul li {
	display: inline;
	font-size: medium;
	padding-left: 0%;
	padding-right: 3%;
}
/*The link to be hidden in tablet view */
.sidebar #menubar .menu ul .notimp {
	display: none;
}
/* menus in sidebar */
.sidebar #menubar .menu {
	width: 100%;
	text-align: center;
	position: relative;
	top: 16px;
}
/*menubar in sidebar */
#content .sidebar #menubar {
	position: relative;
	left: -7%;
	overflow: hidden;
	width: 95%;
	padding-top: 0px;
}
/* offer banners content */
#mainWrapper #offer p {
	font-size: small;
}
/* main content region of page */
#mainWrapper #content .mainContent {
	overflow: hidden;
	width: 99.5%;
	border-radius: 1em;
}
/* Prices of products in catalog view */
.productRow .productInfo .price {
	font-size: 19px;
}
/* Content holders in catalog view */
.productRow .productInfo .productContent {
	font-size: 10px;
}
.productRow .productInfo .productContent a {
	color: #584028;
	text-decoration: none;
	font-weight: 700;
	font-size: 10px;
}
.productRow .productInfo .productContent a:hover {
	color: rgba(130,16,15,1.00);
	text-decoration: none;
	font-size: 10px;
}
/* Container for links in footer */
#mainWrapper footer .footerlinks {
	float: none;
	width: 100%;
	position: relative;
	top: 17px;
	clear: both;
	text-align: left;
	left: 0%;
	padding-bottom: 19px;
}
/* Container for each footer divisions */
#mainWrapper footer div {
	width: 44%;
	text-align: justify;
	font-size: 15px;
}
/* Links in footer */
.footerlinks p a {
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	padding-right: 35px;
}
/* Footer region */
#mainWrapper footer {
	padding-left: 16px;
	overflow: hidden;
}
/* Links in header */
header #headerLinks a {
	padding-left: 0px;
	padding-right: 30px;
}
/* Offer- Text banner */
#mainWrapper #offer {
	text-align: center;
}
/* Paragraphs in footer */
footer .footerlinks p {
	display: inline;
}
#konta {
	margin: 0%;
	border-radius: 1em;
	width: 100%;
}
#verey {
	border-radius: 1em;
	margin: 0%;
	width: 100%;
}

.google-maps {
	position: relative;
	padding-bottom: 70%;
// (450 ÷ 500 = 0.9 = 90%)
height: 0;
	margin-top: 1%;
	overflow: hidden;
	margin-left: 0%;
}
#mainWrapper #osnova table {
	display: none;
}
header #logo img {
	position: fixed;
	left: auto;
	top: auto;
	right: 0px;
	bottom: 65px;
	z-index: 1000;
	display: block;
}
}

/*media query for small screen devices */
@media screen and (max-width:480px) {
/*Container for links in header */
#mainWrapper header #headerLinks {
	width: 100%;
	text-align: center;
	padding-bottom: 21px;
	background-image: -webkit-linear-gradient(270deg,rgba(249,212,159,1.00) 1.55%,rgba(54,147,154,1.00) 48.70%,rgba(249,212,159,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(249,212,159,1.00) 1.55%,rgba(54,147,154,1.00) 48.70%,rgba(249,212,159,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(249,212,159,1.00) 1.55%,rgba(54,147,154,1.00) 48.70%,rgba(249,212,159,1.00) 100%);
	border-radius: 0.5em;
	background-image: linear-gradient(180deg,rgba(249,212,159,1.00) 1.55%,rgba(54,147,154,1.00) 48.70%,rgba(249,212,159,1.00) 100%);
}
/* Logo placeholder*/
#mainWrapper header #logo {
	width: 100%;
	text-align: center;
}
#headerLinks1 {
	width: 100%;
	text-align: center;
	padding-bottom: 21px;
	margin-top: 1px;
}
/* Logo placeholder*/
#logo1 {
	width: 100%;
	text-align: center;
}
#logo1 img {
	width: 40%;
	text-align: center;
}
#headerLinks1 h1 {
	font-size: 12px;
	font-size: 1em;
	margin-top: 24px;
}
/* Links in header */
header #headerLinks a {
	text-align: center;
	padding-right: 15px;
	padding-left: 0px;
	color: #82100F;
}
#mainWrapper #tex {
	display: none;
}
/*Offer - Text Banner */
#mainWrapper #offer {
	padding-left: 0px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Menubar in sidebar */
#content .sidebar #menubar {
	position: relative;
	left: -8%;
	text-align: center;
}
/*Menu headings in sidebar */
#menubar .menu h2 {
	width: 100%;
	display: block;
}
/* Each product in catalog view */
.mainContent .productRow .productInfo {
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0%;
	margin-left: 0%;
	position: relative;
	margin-top: 5px;
}
.productRow .productInfo .productContent {
	font-size: 14px;
}
.productRow .productInfo .productContent a {
	color: #584028;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
}
.productRow .productInfo .productContent a:hover {
	color: rgba(130,16,15,1.00);
	text-decoration: none;
	font-size: 14px;
}
#mainWrapper footer div {
	width: 100%;
	margin-left: -16px;
	text-align: justify;
	padding-bottom: 16px;
	overflow: auto;
}
/* Unordered list for menu elements */
.menu ul {
	position: relative;
	padding-left: 24%;
}
/* Container for links in footer */
#mainWrapper footer .footerlinks {
	padding-left: 8%;
}
/* Main content which excludes the sidebar */
#mainwrapper #content .mainContent {
	margin-top: -81px;
	text-align: center;
	width: 100%;
	padding-left: 0px;
}
.google-maps {
// (450 ÷ 500 = 0.9 = 90%)
height: 0;
	display: none;
}
#content111 .mainContent .productRow .dvabloka {
	width: 100%;
}
.mainContent .productRow .dvabloka {
	width: 100%;
}


}
