html, body {
  background:#68615a;
  margin:0;
  padding:0;
  font: 12px Arial, Helvetica, sans-serif;
}
a {color: #f00; text-decoration:underline;}
a:visited {color:#000}
a:hover {color:#8c0404}

.top-menu,.footer {font-size:14px}
#root
{
    margin:0 auto;
    padding:0;
    min-width:320px;
    max-width:1200px;
}

.wrap{background:#fff;padding:1px 5px}
.header{background:#9A0000 100% 0 url(images/flagi.jpg) no-repeat;clear:both;margin:1px 0;height:106px}
.logo{display:block;position:relative;top:-20px;margin-bottom:-20px;float:left}
.content{
  display:flex;
  flex-flow: row nowrap;
}
.aside{
  padding: 0 0 0 20px;
  flex: 0 0 200px;
}
.center{
  padding:0 10px;
  flex: 1 1 auto;
}

.content img{max-width:100%;height:auto}

/*
flex: 0 1 auto;
  0 - flex-grow (1 значение)
  1 - flex-shrink (2 значение)
  auto - flex-basis (3 значение)
*/
.top-menu{
  background:#69090A;
  text-align:right;
  text-transform:uppercase;
  min-height:18px
}
.top-menu a{
  color:#fff;
  text-decoration:none;
  margin:0 8px;
}
.top-menu a:hover{text-decoration:underline}

.main-menu{
  background:#4A4A4A;
  margin:1px 0;
  display:flex;
  flex-flow:row-reverse nowrap;
}
#search{
  flex: 0 0 171px;
  -ms-flex: 0 0 171px;
  margin:1px 0 0 10px;
}
#search form {padding:0;display:flex;flex-flow:row nowrap}
#search input:focus {outline: none;}
#search input{
  height:13px;
  padding:3px 5px;
  font-size:12px;
  line-height:1em;
  border:0;
  width:132px;
}
#search input.s_button {
  height:17px;
  padding:0;
  background:#4A4A4A url('images/search.gif') 50% 50% no-repeat;
  cursor:pointer;
  width:29px
}
/* /search */

#main_menu {text-align:left;}
ul.dropdown, ul.dropdown ul{ list-style: none; margin: 0; padding: 0; z-index:300;}

/* 	LEVEL ONE */
ul.dropdown { position: relative;  }
ul.dropdown li                      {
	font-weight: 700;
	float: left;
	zoom: 1;
	background: #4A4A4A;
}
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #8c0404; }
ul.dropdown li a {
	display: block;
	color: #fff;
	text-decoration:none;
	font-size:14px;
	text-transform: uppercase;
	padding: 2px 10px;
}
ul.dropdown li:last-child a { border-right: 0; } /* Doesn't work in IE */
ul.dropdown li.hover { background: #8c0404; position: relative; }
ul.dropdown li.hover a { color: #fff; }

/* 	LEVEL TWO */
ul.dropdown ul {width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li {
	font-weight: 400;
	background: #4A4A4A;
	color: #fff;
	float: none;
	border: 1px solid #ccc;
  border-top:0;
	padding: 5px 15px 5px 0;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; text-transform: none; } 

/* 	LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* /main menu */

/* slideshow */
.bg_slideshow {
  border-top:1px solid #4A4A4A;
  padding:3px 0;
	background: #fff;
}
#slideshow {
  background:#4A4A4A;
	clear:both;
	height: 285px;
	width:100%;	
}

div.slide {
	background-repeat:no-repeat;
	height: 285px;
	width:100%;
	display:none;
	background-position: center;
}
div.slide a div {
	height: 285px;

	width:100%;
	cursor:pointer;
}
/* /slideshow */

/* left, right blocks */
.aside-block{border-top:1px solid #8E0205;border-bottom:1px solid #8E0205; padding:1px 0 0;margin:0 0 20px}
.aside-block a{text-decoration:none}
.block-name{background:#4A4A4A;padding:2px 10px;color:#fff;text-transform:uppercase}
.block-name.title{background:#8C0404;font-weight:700;margin:0 0 1px;text-align:center;border:0}
.block-name a,.block-date a{color:#fff}
.block-name.title a:hover{text-decoration:underline}
.block-content{border:1px solid #8E0205;border-bottom:0}
.block-one{text-align:center;border-bottom:1px solid #8E0205}
.block-one .block-name{text-align:left}
.block-one .block-text{text-align:left;background: 100% 0 url('images/quote.gif') no-repeat;padding:8px 10px}
.block-one .block-text a{color:#000}
.block-name.end{border-bottom:1px solid #8E0205;margin:1px 0}
.block-name.end a{background: url(images/strela.gif) 100% 50% no-repeat;padding-right:12px}
.block-date{background:#D41616;padding:2px 10px}

div.block_text {
	padding:8px 10px;
	background-color:#fff;
	width:178px;
	clear:both;
	border: 1px solid #8C0404;
	border-bottom: 0;
}
div.block_banner {
	padding:8px 10px;
	background-color:#fff;
	width:178px;
	clear:both;
	border: 1px solid #8C0404;
	border-bottom: 0;
	text-align: center;
}
div.block_banner img {
	border: 1px solid #8C0404;
}

/* /left, right blocks */

/* fastfeedback */
table.fastfeedback  td{
	font-weight:bold;	
}
table.fastfeedback  td span{
	color:#f00;
}
/* /fastfeedback */

/* post */
#post {font-size:14px; }
h1 {
	color:#8c0404;
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px 0;
}
h2 {
	color:#8c0404;
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px 0;
}
/* /post */

/* vkladki puteshestvie */
div.navi_vkladki {
	background-image: url(images/bg_vkladki.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left:15px;
	padding-top:10px;
	height:24px;
}
div.navi_active {
	background-color:#8C0404;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin-left: 3px;
	padding: 5px 15px;
	cursor:pointer;
	display:inline;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #8c0404;
}
div.navi_passive {
	background-color:#767676;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	margin-left: 3px;
	padding: 5px 15px;
	cursor:pointer;
	display:inline;	
}
div.sloy_passive {
	display:none;
}
div.sloy_active {
	display:block;
}
div.zapis_na {
	background-color: #FFFF99;
	padding: 15px;
}

/* /vkladki puteshestvie */

/* kroshki */
a.kroshki_main { display:inline; }
a.kroshki_main img {vertical-align:middle; }
div.kroshki {
	padding-left:25px;
	background-image: url(images/li-navi.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display:inline;
}
div.kroshki a {color:#000}
/* /kroshki */

/* footer */
.footer{
  margin:3px 0 0;
  background:#8c0404 url('images/bg_footer.jpg') no-repeat;
  color:#fff;
  display:flex
}
.footer-logo{padding:20px 20px 5px}
.footer-content{padding:20px;}
.copy,.footer-links {padding:0 0 10px}
.footer a{color:#fff}
.footer-links a{text-decoration:underline;}
.selflink a{text-decoration:none;font-size:10px}
.counters {padding:30px 0 20px;}

/* /footer */

/* feedback and forms */
.msg {padding:3px; font-weight:bold; }
/* /feedback and forms */

.hamb{
  display: none;
  cursor:pointer;
}
.overlay {
  width:0;
  display:none;
}
.mobile{display:none}

#post form{max-width:700px}
.form-field{display:flex;flex-flow:row nowrap;margin:0 0 20px}
.form-field div{flex:1 0 auto}
.form-field div:first-child{width:150px;margin-right:10px;flex-grow:0}

.video{width:425px}

.list-item{display:flex;flex-flow:column unwrap;padding:0 0 20px}
.list-item img{margin:0 20px 0 0}
.list-title{color:#800000; font-weight: 700;padding:0 0 20px}

/*808080*/
.shop-title{color: #800000;font-weight:700;padding:20px 0}
.shop-item{margin: 0 0 20px;max-width:700px}
.shop-desc{display:flex;flex-direction:row}
.item-img,.item-desc{width:50%}
.item-gallery{display:flex;flex-wrap:wrap}
.item-gallery img{margin: 10px 10px 0 0}
.item-name{color: #800000;font-weight:700}

.feelings{max-width:600px;display:flex;margin:0 0 0 40px}
.feelings div{padding:0 10px 0 0}

/* mobile */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  ul.dropdown{display:none}
  
  .content{flex-flow:column wrap}
  .center{padding: 20px 20px 20px;}
  .aside{padding: 0 20px 20px;flex-basis:auto}
  .footer{flex-direction:column}
  
  .header{background-image:none}
  .bg_slideshow{display:none}
  .top-menu a{display:none}
  .main-menu{height:45px;justify-content:space-between}
  #search{border-bottom:1px solid #fff;margin:0;flex:0 0 auto;}
  #search input{
    height:37px;
  }
  #search input.text{border:1px solid #4a4a4a;}
  #search input.s_button {
    height:45px;
    flex: 0 0 auto;
    width:45px;
    background-size:contain;
  }
  

  #main_menu{flex-basis:45px;background:#9A0000;margin:0 45px 0 10px;}
  .mobile {
		width: 250px;
		height: 100vh;
		background: #4a4a4a;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 1px;
		left: -240px;
		padding: 20px 20px 0;
		font-size: 20px;
		z-index: 2;
		color: #fff;
    box-sizing:border-box;
	}
  .mobile div{padding:0 0 20px}
  .mobile a{color:#fff}

	.hamb{
    display: block;
    font-size: 35px;
    width:45px;
    height:45px;
    cursor:pointer;
    padding:2px 0;
  }
  
  .hamb span{
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 9px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(50,50,50,0.4);
    cursor:pointer;
    top: 0;
    left: 0;
  }
  .video{width:auto;max-width:100%}
  
  div.navi_vkladki{display:flex;flex-wrap:wrap;height:auto;justify-content:center;padding:10px 0 0}
  div.navi_vkladki div{margin:10px}
  div.navi_active{font-weight:400}
  
  .partners td{padding-bottom:20px}
  .partners td:first-child{min-width:60px;padding-right:10px;}

  .form-field{flex-flow:column wrap}
  .form-field div:first-child{width:auto;margin-right:0}
  .form-field textarea{width:100%;height:80px}
  
  .list-item{flex-flow:row wrap;padding:0 0 30px}
  .list-item img{margin:0 0 10px}
  
  .shop-desc{flex-direction:column}
  .item-img,.item-desc{width:auto}
  .item-gallery{justify-content:space-between}
  .item-gallery img{margin:0 0 10px}
  
  .feelings{flex-direction:column;margin:0}
}