@font-face { font-family: "OpenSansReg"; src: url("/fonts/OpenSans-Regular.eot");}
@font-face { font-family: "OpenSansReg"; src: url("/fonts/OpenSans-Regular.ttf");} 
@font-face { font-family: "OpenSansBold"; src: url("/fonts/OpenSans-Bold.eot");}
@font-face { font-family: "OpenSansBold"; src: url("/fonts/OpenSans-Bold.ttf");}
@font-face { font-family: "OpenSansSemiBold"; src: url("/fonts/OpenSans-SemiBold.eot");}
@font-face { font-family: "OpenSansSemiBold"; src: url("/fonts/OpenSans-SemiBold.ttf");}
 
BODY, HTML {background-color:#fff; font-family:"OpenSansReg", Helvetica, Arial, sans-serif; font-size:16px; font-weight: normal; font-style: normal; color:#585858; line-height: 1.42857143;}

#divContent {min-height: 600px}
@media (min-width: 2000px) {
#divContent {min-height: 1200px}
}
#divContent1 .row {margin-right:0; margin-left:0;}

#divFooter {background-color:#afafaf; color:#fff; font-size:0.875rem; line-height:1.7em; padding-top:20px; padding-bottom:2px; margin-top:40px;}
#divFooter strong {font-size:0.875rem; line-height:2.85em;}
#divFooter A {color:#fff; text-decoration:none;}
.social_bottom {margin: 20px 0}
.social_bottom IMG {padding:5px 5px; height:50px}
@media (max-width: 767px) {
  .social_bottom IMG {padding:2px 2px; height:30px}
}

h1 {font-family:"OpenSansSemiBold", Helvetica, Arial, sans-serif; font-size:1.675rem; text-align:left; margin-bottom:20px;}
h2 {font-family:"OpenSansSemiBold", Helvetica, Arial, sans-serif; font-size:1.375rem; text-align:left;}
H3 {font-size:120%;font-weight:bold;}


/* меню */
.navbar {margin-bottom:40px; padding-top:0.25rem; padding-bottom:0.25rem;}
.navbar-brand {margin-right: 0;}
@media (max-width: 991px) {
.navbar-brand { margin-right:0.5rem;}
/*.navbar {border-bottom:2px solid #EC3F33; background-color:#fff; }*/
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.1rem;
}
}

/* верх  */
#top_rnb .navbar-brand { padding: 5px 10px; background-color: #ec3f33; font-family: "Times New Roman", serif; letter-spacing:0.1em; font-size: 24px; color:#fff;}
#top_rnb .zag_mag {font-family: "Times New Roman", serif; font-size: 1.4rem; color:rgba(78,78,78,0.7); font-weight:500; text-transform:uppercase; letter-spacing:0.1em;}
@media (max-width: 650px) {
  #top_rnb .zag_mag {font-size:1.1rem}  
}
@media (max-width: 450px) {
  #top_rnb .zag_mag {font-size:0.85rem}  
}

#top_search .fa, #zn_block_mob .fa {font-size:1.5rem}
#top_search .fa-search {font-size:1rem}
#top_search .lang, #zn_block_mob .lang {width:30px; height:auto; padding-bottom:4px;}
#top_search .zn, #zn_block_mob .zn {display:inline-block; margin:0 10px;}
#top_search .zn A, #zn_block_mob .zn A {text-decoration:none; color:#585858;}
#top_search .zn .small, #zn_block_mob .zn .small {font-size: 0.9rem;}
#top_search .form-select {width:auto;}
/*#top_search input, #top_search select {display:inline-block;}*/
#zn_block_mob {display:none;}
@media (max-width: 767px) {
   #zn_block {display:none;}
   #zn_block_mob {display:block; text-align:center;}
   #top_search {margin:10px 0;}
}

/* первая страница */
#gen_book h2 {margin-bottom:0;}
#gen_book .frame {height:380px;}
#gen_book IMG {width:150px; height:190px; margin:20px 0;}
#gen_book li {text-align:center; width:250px; padding:0 5px;}
#gen_book .bi, #gen_souvenir .bi {font-size:1rem;}
#gen_book .zag_book {position:relative; font-size: 0.8rem; height:80px; overflow:hidden; margin-bottom:10px;}
#gen_book .overtext {position:absolute; width:100%; height:20px; bottom:0; left:0;
  background:linear-gradient(to top, rgba(256,256,256,0.9), rgba(256,256,256,0.3));}
#gen_book .price {display:inline-block; width:70px; font-weight: bold;}
#gen_book .controls .prevPage {top:170px; left:-20px; background: none; background-color:#fff; border: 1px solid #ccc; border-radius:20px; width:40px; height:40px; padding:0;}
#gen_book .controls .nextPage {top:170px; right:-20px; background: none; background-color:#fff; border: 1px solid #ccc; border-radius:20px; width:40px;; height:40px; padding:0;}
#gen_book  .controls .prevPage:hover, #gen_book  .controls .nextPage:hover {background-color:#fff; opacity:1;}
@media (max-width: 767px) {
  #gen_book .controls .prevPage {left:-10px;}
  #gen_book .controls .nextPage {right:-10px;}
}

#gen_souvenir {margin-top:40px;}
#gen_souvenir h2 {margin-bottom:0;}
#gen_souvenir .frame {height:380px;}
#gen_souvenir li {text-align:center; padding:0 5px;}
#gen_souvenir IMG {height:220px; margin:20px 0;}
#gen_souvenir .bi, #gen_souvenir .bi {font-size:1rem;}
#gen_souvenir .zag_souvenir {font-size: 0.8rem; height:50px; overflow:hidden; margin-bottom:10px;}
/*#gen_souvenir .overtext {position:absolute; width:100%; height:20px; bottom:0; left:0;
  background:linear-gradient(to top, rgba(256,256,256,0.9), rgba(256,256,256,0.3));}*/
#gen_souvenir .price { display:inline-block; /*width:70px;*/padding-right:10px; font-weight: bold;}
/*#gen_souvenir .price1 { display:inline-block; width:120px; font-weight: bold;}*/
#gen_souvenir .controls .prevPage {top:170px; left:-20px; background: none; background-color:#fff; border: 1px solid #ccc; border-radius:20px; width:40px; height:40px; padding:0;}
#gen_souvenir .controls .nextPage {top:170px; right:-20px; background: none; background-color:#fff; border: 1px solid #ccc; border-radius:20px; width:40px;; height:40px; padding:0;}
#gen_souvenir  .controls .prevPage:hover, #gen_souvenir  .controls .nextPage:hover {background-color:#fff; opacity:1;}
@media (max-width: 767px) {
  #gen_souvenir .controls .prevPage {left:-10px;}
  #gen_souvenir .controls .nextPage {right:-10px;}
}

#gen_edd {margin-top:60px; margin-bottom:60px; padding:20px 40px; border:1px solid #ccc; border-radius:10px;}
#gen_infocenter {margin-top:60px; margin-bottom:60px; background: linear-gradient(to bottom, #C6D4F6, #6B7BD5); padding:20px 40px; color:#333;}
#gen_edd A, #gen_infocenter A {display:block; width:100%; height:100%; text-decoration:none; color: #585858;}
#gen_edd H2, #gen_infocenter H2 {margin-bottom:30px;}
#gen_edd .bl_right, #gen_infocenter .bl_right {float:right; padding:0 0 20px 20px}
@media (max-width: 767px) {
  #gen_edd .bl_right, #gen_infocenter .bl_right {float:none; text-align:center; padding: 20px 0}  
}
#gen_edd IMG, #gen_infocenter IMG {height:250px; width:auto;}
@media (max-width: 575px) {
#gen_edd IMG, #gen_infocenter IMG { width:100%; height:auto;}
}

/* Доп. меню */
#menu_dop A {text-decoration:none; color:/*#0d6efd*//*#212529*/#585858;}
#menu_dop li:hover {background-color:#e9ecef;}
/*#menu_dop A:hover, #menu_dop A:focus {text-decoration:none; color: #0a58ca;}*/

/*  */
.breadcrumb {font-size:0.9rem;}
.clear {clear:both;}
.copy {font-size:90%; letter-spacing:1px;text-align:left;}
.center {text-align:center;}
/*.gen_block_all {margin-top:10px;}*/
.gen_block_all a {color:#ec3f33; text-decoration:none;}
.gen_block_all .sq_all {width:20px; background-color:#ec3f33; display:inline-block; margin-right:5px;}
.red {color:red;}
.totop {z-index:1; text-align:center; font-size:14px; line-height:26px; border:1px solid #ccc; border-radius:20px; width:30px; padding:0; /*background-color:transparent;*/background-color:#69A5D6; display: none; cursor: pointer; position: fixed; bottom: 2px; right: 20px;}
.totop a {color:#fff}
.zakaz_n {color:red; font-size:1rem;font-weight: bold;}

button, button:active, button:focus {outline: none !important;}
IMG.hid {display:none;}
#tb_table_filter {margin-bottom:20px;}
table.dataTable td {box-sizing:border-box;}

#book_img .price { display:inline-block; /*width:70px;*/ font-weight: bold; padding-right:20px; padding-left: 20px; font-size:1.4rem; vertical-align: middle;}
#book_img .col-md-6 {text-align:left;}
#book_img IMG {/*padding-bottom:20px;*/ box-sizing:border-box;}
#book_img .realPict.vert {width:300px; height:auto;}
#book_img .realPict.gor {width:100%; height:auto;}
@media (max-width: 767px) {

}
#book_descript {text-align:justify;}

.block_izd {width:200px; height:350px; float:left; border:1px solid #ccc; margin:10px 10px;text-align:center;}
.block_izd IMG {width:auto; height:200px; margin:10px auto;}
.block_izd .zag_book {position:relative; font-size: 0.8rem; height:80px; overflow:hidden; margin:0 10px 10px 10px;}
.block_izd .overtext {position:absolute; width:100%; height:20px; bottom:0; left:0;
  background:linear-gradient(to top, rgba(256,256,256,0.9), rgba(256,256,256,0.3));}
.block_izd .price {font-weight:bold;}

.block_picture {width:300px; height:270px; float:left; border:1px solid #ccc; margin:10px 10px;text-align:center;}
.block_picture IMG {width:auto; height:150px; margin:10px auto;}
.block_picture .zag_book {position:relative; font-size: 0.8rem; height:40px; overflow:hidden; margin:0 10px 10px 10px;}
.block_picture .overtext {display:none;}
.block_picture .price {font-weight:bold;}

.block_souvenir {width:300px; height:270px; float:left; border:1px solid #ccc; margin:10px 10px;text-align:center;}
.block_souvenir IMG {width:auto; height:150px; margin:10px auto;}
.block_souvenir .zag_book {position:relative; font-size: 0.8rem; height:40px; overflow:hidden; margin:0 10px 10px 10px;}
.block_souvenir .overtext {display:none;}
.block_souvenir .price {font-weight:bold;}

/* art */
#fon_top {margin-bottom:20px;}
#fon_top.fon_art {background-color:#DFDFDF;}
#fon_top.fon_gen_art {height:300px;background:url(/img/art/fon1.jpg) no-repeat #DFDFDF center top; position:relative;margin-bottom:20px;}
#fon_top .fa {font-size:1.5rem}
#fon_top .fa-search {font-size:1rem}
#fon_top .lang {width:30px; height:auto; padding-bottom:4px;}
#fon_top .zn {display:inline-block; margin:0 10px; }
#fon_top .zn A {text-decoration:none; color:#585858;}
#fon_top .zn .small {font-size: 0.9rem;}
#fon_top #zn_block {display:block; text-align:center;}
#fon_top .navbar {background-color: rgba(255,255,255,0.65);}
#fon_top.fon_art .navbar {margin-bottom:0px;}
#fon_top .nav-item {font-weight: bold;}
#fon_top.fon_gen_art .zagl_art {/*position:absolute; left:40px; bottom:20px;*/ font-family:"OpenSansSemiBold", Helvetica, Arial, sans-serif; font-size:3rem; text-align:left; color:#fff; padding-top: 110px; padding-left:20px;}
#fon_top.fon_art .zagl_art {font-family:"OpenSansSemiBold", Helvetica, Arial, sans-serif; font-size:3rem; text-align:left; color:#585858;}
#fon_top.fon_gen_art .zagl_art A {color:#fff; text-decoration: none;}
#fon_top.fon_art .zagl_art A {color:#585858; text-decoration: none;}
@media (max-width: 767px) {
  #fon_top.fon_gen_art .zagl_art, #fon_top.fon_art .zagl_art {font-size:2rem; }
}

#art {  margin: 20px 0;  position: relative; overflow: hidden;}
#tiles_art {  list-style-type: none;  position: relative;   margin: 0;  padding: 0;}
#tiles_art li {  width: 300px;  background-color:#fff;  border: 1px solid #EDEDED; display: none; 
  cursor: default; box-sizing: content-box; /*overflow: hidden;*/ /*text-align:center;*/padding-bottom:10px;}
#tiles_art li:hover {/*box-shadow:0 6px 6px 0 #D5D5D5;*/background-color:#f2f2f2;}
#tiles_art li.inactive {  visibility: hidden;  opacity: 0;}
#tiles_art li .img_picture {overflow: hidden;}
#tiles_art li img {display: block; width: 300px; -webkit-transition: all .2s ease-in-out;; -moz-transition: all .2s ease-in-out;; -o-transition: all .2s ease-in-out;;transition: all .2s ease-in-out;}
#tiles_art li img:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);
transform:scale(1.1)}
#tiles_art li {  -webkit-transition: all 0.3s ease-out;     -moz-transition: all 0.3s ease-out;       -o-transition: all 0.3s ease-out;          transition: all 0.3s ease-out;}
#tiles_art li .zag_picture {margin:10px 10px 5px 10px; font-weight: bold;}
#tiles_art li .price_picture {margin:0 10px; font-weight: bold; /*text-align:right;*/}
#tiles_art li .btn {margin:0 20px;}
#tiles_art li .kat_picture {margin:5px 10px; font-size:0.8rem; color:#7e8a8f;}
/*#filters {  list-style-type: none;  text-align: center;  margin: 0;  padding:0;}
#filters li {  font-size: 14px;  text-transform:uppercase; float: left;  padding: 4px 4px 4px 4px;  cursor: pointer;
  margin: 0 1% 0 1%;  -webkit-transition: all 0.15s ease-out;     -moz-transition: all 0.15s ease-out;       -o-transition: all 0.15s ease-out;          transition: all 0.15s ease-out;  -webkit-border-radius: 3px;     -moz-border-radius: 3px;          border-radius: 3px;}
#filters li:hover {  background: #4281f5;  color: #ffffff;}
#filters li.active {  background: #4281f5;  color: #ffffff;}
.progress-bar {  background-color: #0BC20B;  height: 2px;  position: absolute;  top: 0;
  left: 0;  right: 0;  width: 0;  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);  -webkit-transition: width 0.3s ease-out;     -moz-transition: width 0.3s ease-out;       -o-transition: width 0.3s ease-out;          transition: width 0.3s ease-out;}*/

#baget .frame {height:130px;}
#baget IMG {width:150px; height:90px; margin:5px 0}
#baget li {text-align:center; width:160px; padding:0 5px;}
#baget li.vybor.active {border:1px solid red;}
#baget .controls .prevPage {top:30px; left:-20px; background: none; background-color:#fff; border: 1px solid #ccc; border-radius:20px; width:40px; height:40px; padding:0;}
#baget .controls .nextPage {top:30px; right:-20px; background: none; background-color:#fff; border: 1px solid #ccc; border-radius:20px; width:40px;; height:40px; padding:0;}
#baget  .controls .prevPage:hover, #baget .controls .nextPage:hover {background-color:#fff; opacity:1;}
@media (max-width: 767px) {
  #baget .controls .prevPage {left:-10px;}
  #baget .controls .nextPage {right:-10px;}
}

.jblock {width:100%; border:1px solid #ccc; margin-top:10px; margin-bottom:10px; min-height:150px; text-align: center; cursor:pointer;}
.jblock H3 {padding-top:30px;  color: #fff; font-family:"OpenSansBold", Helvetica, Arial, sans-serif; font-size:2rem; /*-webkit-text-stroke: 1px #ccc;*/}
@media (max-width: 767px) {
.jblock {border:1px solid #fff;}
.jblock H3 {font-size:1.4rem;}
}
.jblock SPAN {color:#fff;}
#janr A, #janr1 A {text-decoration:none;}
.block1 {background:url(/img/art/s1.jpg) no-repeat  top center;} /* размер изображения 400х150px  */
.block1:hover {/*filter: brightness(75%)*/filter: saturate(300%);}
.block2 {background:url(/img/art/s2.jpg) no-repeat  top center;}
.block2:hover {/*filter: opacity(75%)*/filter: saturate(300%);}
.block3 {background:url(/img/art/s3.jpg) no-repeat  top center;}
.block3:hover {/*filter: grayscale(50%)*/filter: saturate(300%);}
.block4 {background:url(/img/art/s4.png) no-repeat  top center;}
.block4:hover {filter: saturate(300%);}
.block5 {background:url(/img/art/s5.png) no-repeat  top center;}
.block5:hover {/*filter: sepia(150%)*/filter: saturate(300%);}
.block6 {background:url(/img/art/s6.jpg) no-repeat  center center;}
.block6:hover {/*filter: grayscale(50%)*/filter: saturate(300%);}

/*#menu_dop .zagl_rubrik {font-family:"OpenSansSemiBold", Helvetica, Arial, sans-serif; font-size:1rem; line-height:2em;}
#menu_dop .zagl_rubrik A {color:#585858;}*/
#menu_dop .zagl_rubrik {font-size:0.8rem; line-height:2em; padding-left:15px;}
#menu_dop ul.rubrik, #menu_dop ul.rubrik ul {list-style-type: none; padding-left: 1rem;}
#menu_dop ul.rubrik li {font-size:0.8rem; /*color:#7e8a8f;*/ line-height:2em;}
#menu_dop ul.rubrik li .fa{visibility: hidden;}
#menu_dop ul.rubrik li.active .fa{color:red; visibility: visible;}
#menu_dop ul.rubrik li .fa-plus-square{color:#585858; visibility: visible;}
#menu_dop ul.rubrik li:hover {background-color:#fff;}
#menu_dop ul.rubrik li A:hover {color:#0a58ca;}
/*#menu_dop select {font-size:0.8rem; margin-top:10px;}*/
/*#divmenuKeyword li {padding-left:15px;}*/

 
 /* таблицы */
.dataTables_filter {margin-bottom:20px;}
table.dataTable, table.dataTable th, table.dataTable td { box-sizing: border-box; font-size:1rem;}
.basket_sum {margin-top:20px;}
#mSumma {font-weight: bold; font-size: 1.2rem;}
.basket_dost {margin-top:20px; margin-bottom:20px;}
.btn-light {border-color: #ddd;}
.btn-light:hover {border-color: #ccc;}
/*#art_tab_desc {width:60%}
@media (max-width: 767px) {
  #art_tab_desc {width:100%}
}*/
#tb_basket .price {font-weight:bold;}
#tb_basket .zag_book {font-size: 0.8rem;}
#tb_basket IMG {padding:10px 0}


/*.fancybox-content {border:30px solid transparent; padding:0;}*/
.wrap {margin: 2em 0;}

.page_nav_area .nav_item {  display: block;  margin-right: 10px;  position: relative;  font-size: 16px;  float: left;  width: 38px;  height: 38px;  line-height: 38px;  text-align: center;    border: 1px solid #dae0e6;}
.nav_item.dots { width: 22px; height: 40px; border: none;}
.page_nav_area span.nav_item.current { cursor: default; background: #eef2f6 !important; color: #b0b0b0 !important;}
.page_nav_area span.nav_item:not(.current):hover { cursor: pointer }
.show_count { float: right;}
.show_count select { width: 57px; height: 34px; padding: 2px 2px; font-size: 14px; line-height: 1.42857143;  color: #555;  background-color: #fff;  background-image: none; border: 1px solid #ccc;
border-radius: 4px;}

a[data-bs-toggle="collapse"][aria-expanded="false"]:before { content: "\f0fe"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
a[data-bs-toggle="collapse"][aria-expanded="true"]:before { content: "\f146"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
li.filter_point { cursor: pointer; }
li.filter_point:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: red; }
li.filter_point:not(.active):before { opacity: 0; }

.keyboardInputInitiator {height:18px;}