.containers{
	width: 45%;
	float: left;
	display: block;
min-width: 300px;
	background: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;

   
} 
.asidet { 
	float: left;
	display: block;
	margin: 0px auto;
	width: 54%; 

min-width: 300px;
}


@media all and (max-width : 768px) {.container { width: 100%; } .asidet { width: 100%; }         } }


#sidebar {
     background: #40E0D0;
     float: left;
     width: 20%;

}

#content {
     background: #DCDCDC;
     float: right;
     width: 80%;

}
 
#clear {
     clear: both;
}
 
#tfooter {

	width: 100%;
	margin: 5px auto;
	background: #fff;
	color: #000;
	padding: 10px;
}

#rewiew {

	width: 100%;
	margin: 5px auto;
	background: #f2f2f2;
	padding: 10px;
}

#fotoz {

	width: 100%;
	margin: 5px auto;
	background: #f2f2f2;
	padding: 10px;
}


/*------------- styles for separator ------------------*/

.separatorck {
	overflow: hidden;
	text-align: center;
	padding: 10px;
	color: #000;
}
.separatorck .separatorck_before,
.separatorck .separatorck_after {
	background-color: #000;
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.separatorck .separatorck_before {
	right: 0.5em;
	margin-left: -50%;
}
.separatorck .separatorck_after {
	left: 0.5em;
	margin-right: -50%;
}

/* -------------- таблица ----------*/

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
	background-color: #eee; 
}
.divTableRow {
	display: table-row;
}

.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
        vertical-align: top;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}



/* Common division block */
.holder
{
    border: 6px solid #FFFFFF;
    float: left;
    margin: 9px;
    position: relative;    
    overflow: hidden;
    box-shadow: 0px 0px 10px #333333;
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;    
}

/* Smooth Caption */
.smooth
{
    opacity: 1;    
}
.smooth:hover img
{
    opacity: 0.8;    
    box-shadow: 0px 0px 10px #333333;
}
.go-left 
{
    background-color: rgba(217,209,209,0.8);
    color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    right: -600px;
    width: 160px;
    text-align:center;   
    font-size: 20px;
    margin: 10px;
    padding: 10px;
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
}
.smooth:hover > .go-left
{    
    right:0px;    
}
.go-top
{
    background-color: rgba(0,0,0,0.5);
    color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    top: 600px;
    width: 360px;
    text-align:center;   
    font-size: 20px;
    margin: 10px;
    padding: 10px;
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
}
.smooth:hover > .go-top
{    
    top:0px;    
}
.go-top p
{
    font-size: 12px;
}

.hr-gradient {
	clear: left;
	margin: 20px 0;
	padding: 0;
	height: 6px;
	border: none;
	background: linear-gradient(45deg, #692603, #b84300);
}

div.polaroidtxt {

  margin-right: 3%;
  margin-left: 3%;
  width: 94%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;

}

div.containertxt {

  text-align: center;
  padding: 10px 20px;
}

.myheader {
    padding: 1rem 0;
}

.mysearch {

border-radius: 20px 0 20px 0;
}

#mysearch_wrapper{
    position:relative;
}

#search_field {
    margin-left:40px;
    background-transparent;
    height:40px;
    width:250px;
}

#search_button {
    position:absolute;
    top:0;
    right:0;
    width:80px;
    height:40px;
}

.caption_center {
    text-align: center;
    margin-top: 10px;
}

/*------------- styles заголовок описания чая  ------------------*/

  .header-h1 {
    position: relative;
    text-align: left;
    margin-bottom: 1rem;
  }
  .header-h1 h1 {
    position: relative;
    display: inline-block;
    background: #fff;
    margin-bottom: 20;
    padding: 0.5rem 1rem;
    border-bottom: .125rem solid #4d1f1f;
    font-size: 1.25rem;

    color: #4d1f1f;
  }
  .header-h1 h1::before {
    content: "";
    position: absolute;
    left: 10%;
    bottom: -1.25rem;
    transform: translateX(-1.25rem);
    border-top: 1.25rem solid #4d1f1f;
    border-left: 1.25rem solid transparent;
    border-right: 1.25rem solid transparent;
  }
  .header-h1 h1::after {
    content: "";
    position: absolute;
    left: 10%;
    bottom: -1.125rem;
    transform: translateX(-1.25rem);
    border-top: 1.25rem solid #fff;
    border-left: 1.25rem solid transparent;
    border-right: 1.25rem solid transparent;
  }

.header-list h3 {
    position: relative;
    text-align: center;

    background: #fff;
    font-size: 0.9rem;

  }

/*------------- styles for заголовок меню (указывается в меню) ------------------*/
.header-menu h1 {
font-weight: 600;
font-size: 1.2rem;
background: #fff;
color: #000;
padding: 10px;
line-height: 1.7em;
box-shadow: 0 2px 10px 0 #cac9c9;
text-align: center;
user-select: none;
border-left: 20px solid #802f00;
border-right: 20px solid #802f00;
border-radius: 0px 55px 0px 55px;
}

/*------------- styles for заголовок меню (указывается в меню) ------------------*/
.header-menu1 h1 {
font-weight: 600;
font-size: 1.2rem;
background: #fff;
color: #000;
padding: 10px;
line-height: 1.7em;
box-shadow: 0 2px 10px 0 #cac9c9;
text-align: center;
user-select: none;
border-left: 30px solid #802f00;
border-bottom: 1px solid #802f00;
border-top: 1px solid #802f00;

}

/*------------- styles for изображение в статье------------------*/

div.news-image {
  width: 100%;
  margin:0 auto;
  border: 2px #e4e4e4 solid;
  padding: 0.5rem 1rem;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.news-img {
    width: 98%;
  margin:10px auto 5px;

}

div.news-img img {
border-radius: 10px;

box-shadow: 0 0 10px #444;

}

div.news-container-txt::before{
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   color: #802f00;
   content: "\f0f4";
   display: inline-block;
   padding-right: 20px;
   vertical-align: middle;
   font-weight: 900;
}


div.news-container-txt {

  text-align: left;
  padding: 10px 20px;
  font-style: italic;

}


#block1 {
float: left;
display: block;
width: 40%;
border: 1px solid blue;
margin: 2px;
min-width: 300px;
}

#block2 {
float: left;
display: block;
width: 58%;
border: 1px solid blue;
margin: 2px;
min-width: 400px;
}

/*------------- edit редактирование ------------------*/

.container2 img{

  float: left;
  display: block;
  background: #fff;
  border: 2px solid #ddd;
  padding: 5px;

}

.zebra {
  clear: both;
  list-style: none;
  border-left: 10px solid #802f00;
  margin-left: 0px;
  padding: 0;




}
.zebra li {padding-left: 20px;}
.zebra li:nth-child(odd) {background: #f0f0f0; border-bottom: 1px solid #802f00;}
.zebra li:nth-child(even) {background: white;  border-bottom: 1px solid #802f00;}


.al-support {
 color: #ffffff;
}