@font-face {
			font-family: "HeliosCondRegular";
			src: url("/fonts/HeliosCondRegular.eot");
			src: url("/fonts/HeliosCondRegular.eot?#iefix") format("embedded-opentype"), url("/fonts/HeliosCondRegular.woff") format("woff"), url("/fonts/HeliosCondRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HeliosCondItalic";
			src: url("/fonts/HeliosCondItalic.eot");
			src: url("/fonts/HeliosCondItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/HeliosCondItalic.woff") format("woff"), url("/fonts/HeliosCondItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HeliosCondBold";
			src: url("/fonts/HeliosCondBold.eot");
			src: url("/fonts/HeliosCondBold.eot?#iefix") format("embedded-opentype"), url("/fonts/HeliosCondBold.woff") format("woff"), url("/fonts/HeliosCondBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HeliosCondBoldItalic";
			src: url("/fonts/HeliosCondBoldItalic.eot");
			src: url("/fonts/HeliosCondBoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/HeliosCondBoldItalic.woff") format("woff"), url("/fonts/HeliosCondBoldItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "ChiftTextRegular";
			src: url("/fonts/ChiftTextRegular.otf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "ChiftTextBold";
			src: url("/fonts/ChiftTextBold.otf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "HaginCaps";
			src: url("/fonts/HaginCaps.otf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	
	
	
html { min-height: 100%; margin:0px; padding:0px; position: relative; }

body {COLOR: #000000; background-color: black; font-family: HeliosCondRegular, Verdana, Arial, Helvetica; font-size: 18px;  height: 100%; margin:0; padding:0px; scroll-behavior: smooth; box-sizing: border-box;  background-image: url(/images/khokhloma.jpg); }

#cookiepanel {

position: fixed;
bottom: 0px;
width: 100%;
height: 100px;
font-size: 15px;
color: white;
background: #808080;
z-index: 100;
transition: 1s;
font-size: 14px;
padding: 10px 0px;
box-sizing: border-box;
z-index: 110;
overflow: hidden;
text-align: center;
line-height: 1.5;

}


#cookiepanel a {

color: white;
text-decoration: none;
border-bottom: 1px dotted white;

}



#content {
  position: relative;
  width: 1000px;
  margin: 0px auto;
  background: white;
  padding: 210px 20px 80px 20px;
  min-height: 100vh;
  box-sizing: border-box;
  
}



#header {
position: fixed;
top: 0px;
left: 0px;
/*overflow: hidden;*/
width: 100%;
height: 180px;
background: white;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#808080', Direction=180, Strength=10);
box-shadow: 0px 5px 20px rgba(0,0,0,0.25);
text-align: center;
z-index: 100;  
background: black;
background-image: url(/images/background.jpg);
background-position: 50% 50%;
background-size: cover;

}

#headerinner {
position: relative;
width: 1000px;
margin: 0px auto;
/*overflow: hidden;*/
height: 180px;
  
}


#logo {


display: inline-block;
margin: 0px;
color: #dcc576;
font-size: 17px;
height: 145px;
font-family: ChiftTextBold, Verdana, Arial, Helvetica;
text-align: center;
width: 400px;

}

#logo img {

margin: 0px 0px 0px 0px;

}


#meinlogo {

position: absolute;
top: 0px;
left: -100px;
width: 210px;
height: 245px;
z-index: 101;

}



#lang {

position: absolute;
right: 0px;
top: 10px;
width: 400px;
height: 30px;
color: white;
font-size: 16px;
text-align: right;

}

#lang ul
{

display: inline-block;    
list-style: none;
padding: 0px;
margin: 0px;
}


#lang li {

display: inline-block;    
color: yellow;
margin: 0px 2px;
padding: 1px;
font-size: 16px;
vertical-align: middle;
border: 1px solid white;
line-height: 0;

}

#lang li.active {

display: inline-block;    
color: white;
margin: 0px 2px;
padding: 1px;
font-size: 16px;
vertical-align: middle;
border: 1px solid black;

}


#lang li a {

color: white;
text-decoration: none;
font-size: 16px;

}

#lang li a.inverted {

display: inline-block;
color: white;
background: #920000;
text-decoration: none;
font-size: 16px;
padding: 3px 10px; 
vertical-align: middle;
border-radius: 3px;
height: 18px;
line-height: 1;

}

#phones {

position: absolute;
right: 0px;
top: 50px;
width: 300px;
height: 30px;
color: white;
font-size: 17px;
font-weight: bold;
text-align: right;

}

#search {

display: block;
position: absolute;
top: 90px;
right: 0px;

}

#searchlist {

display: none;
visibility: hidden;
position: absolute;
width: 300px;
top: 50px;
right: 10px;
text-align: left;
padding: 10px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
background: white;
box-sizing: border-box;
max-height: 300px;
overflow-y: scroll;
font-size: 10px;
color: #808080;
z-index: 10;

}

#searchlist a.name {

font-size: 13px;
color: #920000;
text-decoration: none;
border-bottom: 1px dotted #920000;

}

#searchlist span.price {

font-size: 14px;
color: #000000;
font-weight: bold;

}


#menu {

display: block;
position: absolute;
right: 0px;
top: 120px;
width: 1000px;
height: 30px;

color: white;
font-size: 13px;
text-transform: none;
text-align: right;

}



#menu ul
{

display: inline-block;
list-style: none;
margin: 0px;
}


#menu li {

position: relative;
display: inline-block;
margin: 0px 5px;
font-size: 13px;

}


#menu li a {

color: white;
font-size: 13px;
text-decoration: none;
transition: 0.5s;
border-bottom: 1px dotted white;

}


#menu li a.active {

color: #c7a21e;
border-bottom: 1px dotted #c7a21e;

}


#menu li a:hover {

color: #c7a21e;
border-bottom: 1px dotted #c7a21e;


}

#menu2 {

display: block;
position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
height: 35px;
color: #ecb658;
background: #920000;
font-size: 25px;
font-family: HaginCaps, Verdana, Arial, Helvetica;
text-transform: uppercase;
text-align: center;

}

#menu2::before
{

content: "";
  display: inline-block;
  min-height: inherit;
  height: 100%;
  vertical-align: middle;

}


#menu2 ul
{

display: inline-block;
list-style: none;
margin: 0px;
vertical-align: middle;    

}



#menu2 li {

position: relative;
display: inline-block;
margin: 0px 10px;
font-size: 18px;
vertical-align: middle;

}

#menu2 li img {

margin: 0px 5px 0px 0px;
vertical-align: middle;

}


#menu2 li a {

color: white;
font-size: 18px;
text-decoration: none;
transition: 0.5s;
font-family: HaginCaps, Verdana, Arial, Helvetica;

}


#menu2 li a.active {

color: #c7a21e;

}


#menu2 li a:hover {

color: #c7a21e;

}


#menu2 li div.dropmenu { visibility: hidden; display: none; position: absolute; top: 30px; left: 0px; padding: 0px 10px 10px 10px; background-color: #920000; opacity: 1;  z-index: 100; text-align: left; text-transform: none; min-width: 200px;}

#menu2 li:hover div.dropmenu { visibility: visible; display: block;  }

#menu2 li div.dropmenu p {

text-align: left;
line-height: 1;
margin: 5px 0px;

}

#menu2 li div.dropmenu a {

color: white;
font-size: 16px;
text-decoration: none;
transition: 0.5s;
font-family: HaginCaps, Verdana, Arial, Helvetica;

}


#menu2 li div.dropmenu a.active {

color: #c7a21e;

}



#footer {

position: absolute;
bottom: 0px;
width: 100%;
height: 50px;
background: #920000;

}

#footerinner {

position: relative;
margin: 0px auto;
width: 1000px;
height: 50px;
text-align: center;
font-size: 16px;
color: white;
font-weight: bold;

}

#footerinner::before
{

content: "";
  display: inline-block;
  min-height: inherit;
  height: 100%;
  vertical-align: middle;

}


#footerinner span {

display: inline-block;
margin: 0px 20px;
vertical-align: middle;

}

#footerinner a {

color: white;
display: inline-block;
margin: 0px 15px;
vertical-align: middle;
border-bottom: 1px dotted white;
text-decoration: none;

}



#up {

position: fixed;
bottom: 10px;
right: 10px;
width: 64px;
height: 65px;

}


#changepasswordform {

width: 900px;
margin: 10px;
max-height: 0px;
overflow: hidden;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;

}

div.catalog { display: inline-block; margin: 10px; vertical-align: top; text-align: center; width: 250px; }

div.catalogimage { position: relative; border-radius: 50%; background: #920000; background: radial-gradient(#920000, #ffffff); text-align: center; display: inline-block; vertical-align: middle; }


div.catalog img { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; }
div.catalog img.rounded { margin: auto; border-radius: 50%; }
div.catalog a { font-size: 25px; font-weight: bold; color: #920000; text-decoration: none; }



div.menupoint {
 
position: relative;
display: block;
width: 100%;
margin: 20px 0px;
padding: 15px;
border: 2px solid #920000; 
border-radius: 15px;
text-align: left;
box-sizing: border-box;

}

div.menupointimage {

position: relative;    
display: inline-block;    
margin: 0px 10px 0px 0px;
vertical-align: top;
    
}

div.menupointimage img {

position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;

    
}

div.logocontainer {position: absolute; width: 100px; height: 100px; top:10px; left: 10px; }

div.new {text-align: center; margin: 0px 2px 2px 0px; padding: 3px 0px; height: 25px; width: 100px; color: white; font-weight: bold; font-size: 16px; background: #008000; box-sizing: border-box; border-radius: 7px; }
div.action {text-align: center; margin: 0px 2px 2px 0px; padding: 3px 0px; height: 25px; width: 100px; color: white; font-weight: bold; font-size: 16px; background: #0000ff; box-sizing: border-box; border-radius: 7px;}
div.best {text-align: center; margin: 0px 2px 2px 0px; padding: 3px 0px; height: 25px; width: 100px; color: white;  font-weight: bold; font-size: 16px; background: #ff00ff; box-sizing: border-box; border-radius: 7px;}



div.menupointline {

display: inline-block;    
margin: 0px 20px 0px 0px;
vertical-align: top;
width: 400px;
font-size: 15px;

}

div.menupointline a {

font-size: 25px;
font-weight: bold;
text-decoration: none;
/*text-transform: uppercase;*/

}

div.menupointline p.l {

font-size: 18px;
color: black;
margin: 5px 0px 0px 0px;

}


div.menupointbuy {

display: inline-block;    
margin: 0px;
vertical-align: top;
width: 180px;
min-height: 100px;
font-size: 15px;
text-align: center;

}

div.menupointbuy h3 {

text-align: center;    
font-size: 22px;
margin: 0px;
text-transform: uppercase;

}


div.menupointbuy div.color {

display: inline-block;
vertical-align: top;
background: white;
border: 1px solid black;
border-radius: 50%;
width: 20px;
height: 20px;
margin: 0px 5px 0px 0px;

}    

div.menupointbuy div.price {

display: block;    
margin: 10px 0px 30px 0px;
vertical-align: top;
width: 150px;
font-size: 16px;
text-align: left;


}

div.menupointbuy div.price h3 {

text-align: left;    
font-size: 20px;
margin: 0px 0px 10px 0px;
text-transform: none;    

}


#basket {
position: fixed;
top: 190px;
right: 10px;
width: 150px;
color: black;
text-align: center;
z-index: 20;  
font-size: 13px;
font-weight: bold;
padding: 10px;
background: white;
border: 1px solid #920000;
border-radius: 10px;
}

#basket h3 {

text-align: center;    
font-size: 15px;
margin: 0px 0px 10px 0px;
text-transform: none;    

/*
background-image: url(/images/basket-icon.png);
background-position: 0% 100%;
background-repeat: no-repeat;*/

}

#basket h3::before {

content: '';
display: inline-block;
vertical-align: top;
left: 0;
width: 25px;
height: 15px;
background-image: url(/images/basket-icon.png);
background-position: 0% 0%;
background-repeat: no-repeat;


}

/*#basket h3:after {

position: relative; width: 100px; height: 1px; clear: both;

}*/


#basket a {
   display: block;
   color:            white;
   background-color: #920000;
   width:            140px;
   font-size:        15px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          5px 0px;
   margin: 10px 5px 0px 5px;
   border-radius: 5px;
   border: none;
   cursor: pointer;
   text-decoration: none;
   text-align: center;
   }
   

div.fav {position: absolute; top: 5px; right: 5px; width: 33px; height: 33px; z-index: 1; }


div.galery1 {

display: inline-block;
vertical-align: top;
width: 400px;
margin: 20px;
text-align: left;
    
}    

div.galery1 img {

float: left;
margin: 0px 20px 0px 0px;
/*border: 1px solid #920000;*/
    
}    


div.galery2 {

display: inline-block;
vertical-align: top;
width: 300px;
margin: 10px;
text-align: center;
    
}    

div.galery2 img {

margin: 0px 0px 20px 0px;
/*border: 1px solid #920000;*/
    
}    



a {COLOR: #cc0000; text-decoration: underline;}
a:hover {COLOR: #cc0000;  text-decoration: none;}

a.article {color: #9280d2; font-size: 25px; }

a.big {

font-weight: bold;
color: #33266d;
text-decoration: underline;
text-transform: uppercase;
font-size: 13px;

}

a.big:hover {  text-decoration: none;}

p.galery {COLOR: #000000; text-align: center; font-weight: bold;   font-size: 11px; margin: 2px 2px 2px 2px; }
p.galery2 {COLOR: #000000; text-align: center; font-weight: normal;   font-size: 9px; margin: 2px 2px 2px 2px; }


p {COLOR: #000000; text-align: justify;  font-size: 18px; margin: 1px 1px 1px 1px; line-height: 1.3;}


p.j {COLOR: #000000; text-align: justify;  font-size: 18px; margin: 10px 5px 10px 5px; line-height: 1.3;}
p.l {COLOR: #cc0000; text-align: left;  font-size: 19px; font-weight: bold; margin: 10px 5px 20px 5px; line-height: 1.3; }
p.c {COLOR: #cc0000; text-align: center;  font-size: 18px; font-weight: bold; margin: 10px 5px 10px 5px; line-height: 1.3; }
p.r {COLOR: #cc0000; text-align: right;  font-size: 18px; font-style: italic; margin: 10px 5px 10px 5px; line-height: 1.3;}

p.lc {COLOR: #000000; text-align: justify;  font-size: 11px; font-weight: bold; margin: 10px 5px 20px 5px; line-height: 1.3; }

p.lb {COLOR: #ff0000; text-align: left;  font-size: 16px; font-weight: bold; margin: 5px 0px; line-height: 1; }
p.ln {COLOR: black; text-align: left;  font-size: 14px; font-weight: bold; margin: 5px 0px; line-height: 1; }
p.lc {COLOR: black; text-align: center;  font-size: 14px; font-weight: bold; margin: 10px 0px 0px 0px; line-height: 1; }

table.ln {COLOR: #c00000; font-size: 14px; font-weight: bold; margin: 10px 0px;}
table.ln tr.big {COLOR: black; font-size: 18px; font-weight: bold; }
td.black {COLOR: black; }
td.blue {COLOR: blue; }
td.red {COLOR: red; }

a.pages {COLOR: #FF0000;  font-size: 10px; text-decoration: underline; font-weight: normal;}
a.pages:hover {COLOR: #FF0000;  font-size: 10px; text-decoration: none; font-weight: normal;}


ul {margin: 20px 0px 20px 25px; padding: 0px 0px 0px 2px; list-style-type: disc; }
li { COLOR: black; text-align: justify;  font-weight: normal; font-size: 18px; margin: 0px 0px 0px 15px; line-height: 1.5;}

ul p { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}
ul span { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}


li p { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}
li span { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5;}


div.pages {COLOR: #000000; text-align: right;  font-size: 10px; margin: 2px 2px 8px 2px; font-weight: bold;}

p.small {COLOR: #c8ad61; text-align: center;  font-size: 10px; font-weight: normal; margin: 1px 1px 1px 1px; line-height: 1; }


img.section { /*border-style: solid; border-width: 1px; border-color: #c2e3ea;*/ border: none; }

img.galery {

border-style: solid;
border-width: 1px;
border-color: #037f54;

}


HR {
   color:            #083147;
   background-color: #083147;
   height:           1px;
   border-width:     0px;
   padding:          0px;
   margin:           0px;
   width:            100%;
}



h1 {

color: #cc0000;
font-size: 36px;
text-align: center;
margin: 0px 100px 40px 100px;
font-family: HeliosCondBold, Verdana, Arial, Helvetica;

}

    
    
h2 {

color: #cc0000;
font-size: 28px;
text-align: left;
margin: 0px 0px 20px 0px;
font-family: HeliosCondBold, Verdana, Arial, Helvetica;

}

    

h3 {
	COLOR: #cc0000;
	font-size: 25px; 
	font-weight: bold;
   	margin: 10px 0px;
	text-align: left;
	}

h3 a {
	COLOR: #cc0000;
	font-size: 18px; 
	font-weight: normal;
    text-decoration: underline;
    }
	

h4 {COLOR: #1a5292; background-color: none; text-align: left;  font-weight: bold; font-size: 12px; margin: 10px 20px 5px 0px; padding: 5px;}

TEXTAREA {
   color:            black;
   background-color: white;
   width:            700px;
   height:           200px;
   font-size:        15px;
   font-weight:      normal;
   padding:          5px;
   box-sizing:       border-box;
   margin: 5px;
   border: 1px solid black;
   border-radius: 5px;
   }

	
INPUT {
   color:            black;
   background-color: white;
   width:            250px;
   height:           40px;
   font-size:        15px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          5px;
   margin: 5px;
   border: 1px solid black;
   border-radius: 5px;
    
}

INPUT.box {
   color:            black;
   background-color: white;
   width:            25px;
   height:           25px;
   margin: 5px 5px 5px 15px;
   vertical-align: middle;
   box-sizing:       border-box;   
   }

INPUT.small {
   font-size:        16px;
   color:            black;
   background-color: white;
   width:            40px;
   height:           30px;
   margin: 5px;
   vertical-align: middle;
   border: 1px solid black;
   border-radius: 5px;
   text-align: center;
   }

   

INPUT.button {
   color:            white;
   background-color: #920000;
   width:            250px;
   height:           40px;
   font-size:        15px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          5px;
   margin: 5px;
   border-radius: 5px;
   border: none;
   cursor: pointer;
   text-align: center;
   }

INPUT.button2 {
   color:            white;
   background-color: #920000;
   width:            30px;
   height:           30px;
   border: 1px solid black;
   font-size:        15px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          5px;
   margin: 5px;
   border-radius: 5px;
   border: none;
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
   }
   

a.button {
   display: inline-block;
   color:            white;
   background-color: #920000;
   width:            250px;
   height:           40px;
   font-size:        20px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          10px;
   margin: 5px;
   border-radius: 5px;
   border: none;
   cursor: pointer;
   text-decoration: none;
   text-align: center;
   }
   
a.button2 {
   display: inline-block;
   color:            white;
   background-color: #920000;
   width:            150px;
   height:           30px;
   font-size:        16px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          7px;
   margin: 5px;
   border-radius: 5px;
   border: none;
   cursor: pointer;
   text-decoration: none;
   text-align: center;
   }
   
a.button2i {
   display: inline-block;
   color:            #920000;
   background-color: white;
   width:            150px;
   height:           30px;
   font-size:        16px;
   font-weight:      normal;
   box-sizing:       border-box;
   padding:          7px;
   margin: 5px;
   border-radius: 5px;
   border: 1px solid #920000;
   cursor: pointer;
   text-decoration: none;
   text-align: center;
   }  

 
div.lentamainbox {display: inline-block; overflow: hidden; margin: 0px 2px 0px 2px; padding: 0px; width: 250px; height: 230px; position:relative;  }
div.lentabluebox {width: 245px; height: 280px; background-color: #ffffff; padding: 2px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5); -moz-opacity: 0.05; -khtml-opacity: 0.05; opacity: 0.05;  position:absolute; top:0px; left:0px; z-index: 1; }
div.lentaimagebox {overflow: hidden; width: 240px; height: 180px; text-align: center; position:relative; top:2px; left:2px; z-index: 2;}
div.lentatext {margin: 5px auto 0px auto; color: black; text-align: center; padding: 5px 15px 5px 15px; font-size: 12px; line-height: 1; }