/* Start:/local/templates/books/components/bitrix/menu/horizontal_menu/style.css?17119779804678*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin: -49px 0px; padding:0;
	background:#49bc26 url(/local/templates/books/components/bitrix/menu/horizontal_menu/images/header_menu_bg.png) repeat-x;
	min-height:49px;
	width:100%;
	list-style:none;
	font-family: "Playfair+Display", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
font-size: 18px;
	float:left;
opacity: 1;
	/*font-size:90%  49bc26  #BC262C*/
}

#horizontal-multilevel-menu
{
	
}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li 
{
	float:right;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
	padding:14px 12px;
}

/*Root menu selected fc8d3d*/
#horizontal-multilevel-menu li a.root-item-selected
{
	text-stroke: 10px #000000;
	background:#182511;
	color:#fff;
	font-weight:bold;
	padding:14px 12px;
}

/*Root items: hovere26336*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	text-stroke: 10px #000000;
	background:#304029;
	color:#fff;
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/local/templates/books/components/bitrix/menu/horizontal_menu/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/local/templates/books/components/bitrix/menu/horizontal_menu/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
text-stroke: 10px #000000;
	background:#D6D6D6;
	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	text-stroke: 10px #000000;
	background:#D6D6D6;
	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:135px;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li 
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	font-weight:bold;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
/* End */


/* Start:/local/templates/books/styles.css?17119818614718*/
@media (min-width: 1920px) {  
.headerShLogo{
width:10vw;
}
.header{
	height: 40vh;
}
.containerfooter {
font-size: 20px;
}
}
@media (max-width: 1920px) {  
.headerShLogo{
width:10vw;
}
.header{
	height: 45vh;
}
.containerfooter {
font-size: 20px;
}
}

@media (max-width: 1680px) and (min-width: 1441px) { 
.headerShLogo{
width:10vw;
}
.header{
	height: 50vh;
}
.containerfooter {
font-size: 16px;
}
}
@media (max-width: 1441px) and (min-width: 1370px){ 
.headerShLogo {
width:10vw;
}
.header{
	height: 50vh;
}
.containerfooter {
font-size: 13px;
}
}

@media (max-width: 1369px) and (min-width: 800px){
.headerShLogo {
width:10vw;
}
.header{
	height: 50vh;
}
.containerfooter {
font-size: 10px;
}
}

.header{
    width: auto !important;
	background-image: url("/upload//files/IMG.jpg");
	background-size: cover;
	top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.titletext{
/*background: #F5FFFA;*/
font-family: "Playfair+Display";
font-size: 25px;
padding-top: 3%;
padding-bottom: 3%;
padding-left: 17%;
padding-right: 17%;
text-align: center;
}

.container{
/*background: #F5FFFA;*/
vertical-align: middle;
font-family: "Playfair+Display";
font-size: calc(1px + 1vw);
/*color: #092416;*/
 color: #ffffff;
height: 100%;
width: 100%;
max-width: 2560px;
margin: 0 auto;
text-align: center;
/*border: 1px double red;F5FFFA*/

}
.containerbody{
/*background: #F5FFFA;*/
font-family: "Playfair+Display";
font-size: 25px;
color: #1e2622;
height: 100%;
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 10%;
/*border: 1px double red;a0a0a0*/

}
.containerbody2{
background: /*#F5FFFA;*/
font-family: "Playfair+Display";
font-size: 25px;
color: #1e2622;
height: 100%;
margin: 0 auto;
text-align: left;
padding-bottom: 10%;
padding-left: 25%;

/*border: 1px double red;a0a0a0*/

}
.headerSh{
color: #ebf4ef; /*Очень темный Зеленый #092416*/
font-weight: 700;
text-align: center;
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 300px;
width: 22vw;
margin: 0 auto 0 auto;
padding-top: 5%; 
/*border: 4px double blue;fc9616  F5FFFA*/
}

.headerShLogoDiv{
color: #ebf4ef; /*Очень темный Зеленый #092416*/
font-weight: 700;
text-align: center;
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 300px;
width: 10vw;
margin: 0 auto 0 auto;
padding-top: 20px; 
/*border: 4px double blue;fc9616  F5FFFA*/
}

/*.headerShLogo{
width:10vw;
}*/
.footerShLogo{
width:10vw;
}
.imgLogo{
width:calc(500px - 2vw);
}
.headerShbody{
color: #092416;
background: #000000;
width: 500px;
text-align: center;
display: inline-block;
vertical-align: middle;
overflow: hidden;
margin: 0 auto 0 auto;
margin-top: 15px;
margin-right: 10px;
border: 1px double white;
height: 667px;
}


.headerShbody:hover {
/*background: #000000;
    opacity: 0.8; /* Высветляем картинку, но она становится темнее, так как под ней черный фон 
	transform: scale(1.03); /* Увеличение картинки */
 /*filter: grayscale(1);
    transition: 1s;*/
#photo2{
 filter: grayscale(0);*/
/*opacity: 1;*/
}
#photo{
 filter: grayscale(1);
/*opacity: 1;*/
}
}

.headerShbodyKontakt:hover {
    opacity: 1; /* Высветляем картинку, но она становится темнее, так как под ней черный фон */
	transform: scale(1.03); /* Увеличение картинки */
}
.headerShbodyKontakt{
opacity: 0.8;
color: #092416;
width: 200px;
text-align: center;
display: inline-block;
vertical-align: middle;
overflow: hidden;
margin: 0 auto 0 auto;
margin-top: 15px;
margin-right: 25px;
border: 1px double white;
height: 200px;
}
.headerSha{
text-decoration: none;
vertical-align: middle;
/*border: 1px double red;*/
}

.headerSha a{
text-decoration: none;
 color: #ebf4ef !important;
}

.headerShp{
  margin: 0px;
vertical-align: middle;
color: #ebf4ef;
/*border: 1px double red;*/
}
.headerShp p{
  margin: 0
}

.containercentr{
background: #F5FFFA;
margin: 30px;
width: 90em;
margin-left: auto;
margin-right: auto;
}

.containernews{
background: #F5FFFA;
font-family: "Playfair+Display";
text-align: center;
font-size: 25px;
width: 90em;
margin-left: auto;
margin-right: auto;
}
.containerfooter {
background: #303331;
font-family: "Playfair+Display";
color: #092416;
height: 100%;
width: 100%;
margin: 0;
text-align: center;
border-top: 3px solid #16251C;
/*border: 1px double red;*/
}

.containerfooter p{
margin: 0;
}


#photo, #photo2 {
position: relative;
filter: grayscale(0);
   transition: 1s;

}

#photo2 {
top: -450px;
z-index: 2;
opacity: 0;
filter: grayscale(1);
   transition: 1s;
}
#photo2:hover {
  opacity: 1;
filter: grayscale(1);
}

#menu {
}
/* End */


/* Start:/local/templates/books/template_styles.css?16822787313801*/
html, body, form
{
	margin: 0;
	padding: 0;
}

html
{
	height:100%;
}

body
{
	height:auto !important;
	height:100%;
	min-height:100%;
	min-width:760px;
}

/*Font*/
body
{
	font-size: 80%;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
}

/*Font in table*/
table
{
	font-size:100%;
}

/*Links*/
a:link {color: #486DAA;}
a:visited{color:#8C9AA8;}
a:active {color: #486DAA;}
a:hover{color:#DD0000;}


small
{
	font-size:85%;
}

hr
{
	width:100%;
	height: 1px;
	border: medium none;
	color: #d1d0d0;
	background-color: #d1d0d0;
	margin:8px 0
}

#header
{
	position:relative; /*containing block*/
	height:106px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: #2F4773 url(/local/templates/books/images/header_bg.gif) repeat-x;
	border-bottom:1px solid #D6D6D6;
}

#header_logo
{
	position:absolute;
}

#company_logo
{
	display:block;
	position:absolute;
	width:100px; 
	height:106px; 
	left:165px;
	top: 0;
	background:url(/local/templates/books/images/logo.gif) right center no-repeat;
}

#header_text
{
	position:absolute;
	left:265px;
	top: 0;
	width:330px;
	padding-left:5px;
	padding-top:35px;
	color:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#header_text .bx-main-title
{
	margin:0;
	padding:0;
	font-size:160%;
	border:none;
	text-decoration:none;
}

#header_text span.bx-main-subtitle
{
	font-size:80%;
}

/* Header menu: home, search, feedback*/
#header_menu
{

	background:#4B6185;
	position:absolute;
	right:55px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#header_sites
{
	position:absolute;
	right:55px;
	top: 60px;
	color:#fff;
	text-align:right;
}

#header_sites a, #header_sites span
{
	color:#fff;
	text-decoration:none;
}

#header_sites span
{
	color: #9dabc0;
}

#header_menu a
{
	display:block;
	float:left;
	cursor:pointer; cursor: hand;
	padding:8px 11px;
}

#zebra
{
	height:20px;
	background:transparent url(/local/templates/books/images/zebra_bg.gif) left top repeat-x;
}

#navigation
{

}

/*Navigation*/
#navigation a
{
	font-size:95%;
	text-decoration:none;
	color:#535353;
}

/*Content table*/
#content
{
	width:100%;
	height:70%;
	border-collapse:collapse;
}

/*Left column*/
#content .left-column
{
	width:180px;
	vertical-align:top;
	height:100%;
}

/*Main column*/
#content .main-column
{
	vertical-align:top;
	padding:0 23px 10px 23px;
}

/*Right column*/
#content .right-column
{
	width:1px;
	vertical-align:top;
}

/*Bottom banner*/
#bottom_banner
{
	padding:5px;
	text-align:center;
}

/*Footer*/
#footer
{
	background: #4D6990;
	text-align:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:40px;
	padding:8px;
	
}

/*Link in footer*/
#footer a
{
	color: #CFD6E1;
	font-size: 100%;
}

/*Data table*/
table.data-table
{
	border:1px solid #99BAD7;
	border-collapse:collapse;
}

/*Any cell*/
table.data-table td
{
	border:1px solid #99BAD7;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 5px;
}

/*Head cell*/
table.data-table thead td, table.data-table th
{
	background-color:#F1F5FA;
	text-align:left;
	font-weight:normal;
	background-image:none;
	border:1px solid #99BAD7;
	padding:4px;
	color:#333;
}

/*Body cell*/
table.data-table tbody td
{
	background-color:#FFF;
	background-image:none;
	color:#333;
}

/*Foot cell*/
table.data-table tfoot td
{
	background-color:#F1F5FA;
	padding:4px;
	color:#333;
}

/*Error & OK messages*/
.errortext
{
	color:red;
}

.notetext
{
	color:green;
}

/* Used to draw a "star" near reqired field */
.starrequired
{
	color:red;
}

/* social network*/
div#sonet_events_ms_message {width:150px;}

/* End */
/* /local/templates/books/components/bitrix/menu/horizontal_menu/style.css?17119779804678 */
/* /local/templates/books/styles.css?17119818614718 */
/* /local/templates/books/template_styles.css?16822787313801 */