@font-face
{
 font-family: Micra;
 src: url(/themes/Micra-Normal.woff);
 font-weight: normal;
}

html {
    font-family: Roboto, Arial, serif;
    font-size: 10px;
    height: 100%;
}

/* Общие свойства страницы */
body{
    height: 100%;
    overflow-y: scroll;
    margin: 0;
}

* {padding: 0;}

.bbox {box-sizing: border-box;}
.clearfix {clear: both;}
a img {border:0;}
.nowrap {white-space: nowrap;}
.fleft {float: left;}

/* элемент каталога с иконкой и ссылкой-текстом */
.catalog_thumb {
    font-size: 1.2rem;
    position: relative;
    height: 20rem;
    /*height: 100%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    text-align:center;
    vertical-align: top;
}

/* User interface CSS */
a,.aslink{color:gray;text-decoration:underline;cursor:pointer;}
.aslink.noline{text-decoration:none;}
.aslink.active{color:#333;font-weight:bold;}
a:hover,.aslink:hover{color:#9999FF;}

/* Заголовки */
h1 {font-size:1.4rem;color:#000066;}
/* заголовок объявления */
h1.item_title {padding:0 0 0 10px;}

/* служебный слой для выравнивания с новой строки если
   в предыдущих слоях задействовано свойство FLOAT */
.cleaner {clear:both;}

/* все формы */
form {margin:0;}
/* все таблицы */
table{border-collapse:collapse;}

/* шапка сайта */
#header_area {
    height: 50px;
    padding-top: 82px;
}
#header_image {
    position: absolute;
    top: 0;
    height: 120px;
    box-sizing: border-box;
    padding: 38px 0 0 140px;
    width: 100%;
    font:  normal 3.6rem Micra;
    letter-spacing: 0em;
    text-decoration: none;
    text-transform: uppercase;
}

#go_search {display: block;}
#contacts_text{font-size: 1.3rem; z-index: 2;}


nav {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: right;
   position: fixed;
   z-index: 1;
   height: 65px;
   width: 100%;
}

#menuToggle {
    display: block;
    position: relative;
    float: right;
    padding: 25px 5px 0 0 ;
    width: 50px;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none;
}

#search_block {
    position: fixed;
    z-index: 6;
    right: 60px;
    padding: auto;
    box-sizing: border-box;
    margin-top: 10px;
    height: 45px;
    width: auto;
    /*border: 1px green solid;*/
}
#search_block.wide {
    /*width: 100%;*/
    left: 5px;
}
#search_block * {box-sizing: border-box;}
#search_block form {
  position: relative;
  width: 100%;
  height: inherit;
  margin: 0 auto;
}
#search_block input[type=search] {
  height: 42px;
  width: 0;
  padding: 0;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
  transition: .4s cubic-bezier(0, 0.8, 0, 1);
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.6rem;
  color: whitesmoke;
}
#search_block.wide input[type="search"] {
    background: #AAA;
    padding: 0 25px 0 10px;
    border-bottom: 2px solid #F9F0DA;
    width: 100%;
}
#search_block button {
  background: url('/im/site/search2.png') right center no-repeat;
  color: black;
  height: inherit;
  width: 30px;
  position: absolute;
  z-index: 6;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  /*border: 1px orange solid;*/
}

/* слой с кнопкой поиска */
#find_button_area {color:white;height:20px;width:auto;padding:5px 0 3px 0;text-align:right;font-size: 1.3rem;}
#find_button_area #mask{width:320px;}
/* слой с результатами поиска */
#sitesearch_found {background:#f8f8f8!important;border:0px gray solid;min-width:100px;width:322px;position:absolute;right:5px;height:auto;max-height:200px;overflow-y:auto;overflow-x:hidden;text-align:left;border:1px gray solid;z-index:3;}
#sitesearch_found .found_results {padding:5px;}
#sitesearch_found a{text-decoration:none;}
#sitesearch_found a:hover{color:blue;text-decoration:underline;}

#search_block #sitesearch_found {
    border: none;
    font-size: 1.3rem;
    margin: 41px 0 0 5px;
    left: 0;
    width: auto;
    max-height: 400px;
}
#search_block .found_results div {border-bottom: 1px #EEE solid!important; padding-bottom: 3px; margin-bottom: 3px;}

/* окошко поиска */
#mask {font-size: 1.1rem;padding:0;margin:0 5px 0 0;position:relative;z-index:3;}

/* группа в каталоге */
.cat_group {font-weight:bold;}

/* элемент (не-группа) в каталоге */
.cat_item {font-weight:normal;}

.parentHeight {height:inherit;}

/* in style.php */
#main_site_markup {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#content_markup {
    box-sizing: border-box;
    margin-top: -1px;
    display: flex;
    left:50%;
    width:100%;
    border-top: none;
}

/* параметры в описании товара */
.tovar_params {text-align:center;width:150px;}

/* параметры в описании товара */
.tovar_params  td{/*border:1px red solid;*/overflow:hidden;}

/* в том числе цена */
.tovar_price{
	font-size:3rem;
	font-weight:bold;}
/* старая цена */
.tovar_old_price{
	font-size:1.8rem;
	font-weight:normal;
	color:gray;}
/* новая цена (при наличии старой) */
.tovar_new_price{
	font-size:3rem;
	font-weight:bold;
	color:black;}
/* ярлык скидки */
.oldprice_label {
    position:absolute;margin:-64px 0 0 165px;background:#FE0002;border:1px white solid;text-align:center; color:white; font-family:Verdana,Tahoma,Arial;
}
.oldprice_label div[rel=discount_num] {
    letter-spacing:-1px;font-size:20px;font-weight:bold;background:none;padding:9px 5px 9px 5px;
}
.discount_label {
    border-top:1px white solid;
}

/* в том числе количество товара */
.tovar_count {
	color:green;
	font-weight:bold;
	background:none;
	height:26px!important;}

/* кнопка "сообщить о поступлении" */
#tellme_inflow {font-size:1rem;cursor:pointer;width:170px;position:relative;}
/* параметры заявки на сообщение о поступлении товара  */
#tellme_details {position:fixed!important;width:214px;height:150px;left:50%;top:50%;margin:-75px 0 0 -107px;padding:0;background:#f8f8f8;border:3px gray solid;z-index:99;text-align:left;padding:0 0 0 10px;}
#tellme_details h3{margin:5px 0 10px 0!important;padding:0; font-size:1.2rem;}
#tellme_details label{font-weight:normal;color:gray;}
#tellme_details input{font-size:1rem;}
#tellme_details #commit{cursor:pointer;}
#tellme_success img{border:0!important;width:64px;height:64px;}

#userlogin {color:white;position:absolute;left:0;top:90px;}

/* левая колонка верстки */
#left_column,#right_column,#content {
    flex-direction: column;
    align-self: stretch;
    background:white;
    text-align:center;
    font-size:1.2rem;
}

#content_markup {
    flex: 1 0 auto;
    box-sizing: border-box;
    width:100%;
}

#content {
    box-sizing: border-box;
    padding: 3em 1em;
    text-align: left;
    width:100%;
}

#footer{
    flex: 0 0 auto;
    width: 100%;
    box-sizing: border-box;
    color: white;
    font-size: 1.2rem;
    padding: 6px;
}
/* правая колонка верстки */
#right_column {padding-top:10px;}

.content_item{clear:both!important;}
.content_item_last{/*margin:0 0 10px 0;border-bottom:0;padding:10px;clear:both;*/}
/* элемент контента в левой колонке верстки */
#left_column .content_item{margin:0;padding: 7px;}
/* элемент контента в правой колонке верстки */
#right_column .content_item{margin: 10px; padding: 10px;}
/* элемент контента в блоке новостей */
#news .content_item{margin:0;padding:0;}


/* основное меню сайта */
#menu {
    display: block;
    float: right;
    position: absolute;
    right: 1px;
    margin-top: -1px;
	background:#fff;
	padding: 3px 0 3px 0;
	text-align:right;
}
/* ссылка в меню */
#menu a{
	font-size:1.4rem;
	font-weight:normal;
	margin:0;
	padding:3px 6px 4px 6px;
	text-decoration:none;
	text-transform:uppercase;
}
/* при наведении */
#menu a:hover{background:#ddd;color:white;}
/* текущий пункт меню */
#menu a.current{font-weight:bold;}

/* название меню каталога */
#catalog_links_title{
    /*clear: both;
    height: 1em;
    background: red;
    display: block;
    position: absolute;
    z-index: 2;*/
    color:white;
    font-weight:bold;
    /*margin-top: 30px;
    padding: 0 0 0 5px;*/
}
#catalog_links_title a{color:white; font-size: 1.4rem;text-decoration: none;}
#catalog_links_title a:hover{text-decoration: underline;}
/* слой меню каталога */
#catalog_links{color:white; padding: 30px 10px; margin: 0px -1px 0 -1px;text-align:left;}/*width:100%;box-sizing: border-box;}*/
#catalog_links a{color:white!important;text-decoration:none;}
#catalog_links a:hover{color:white!important;text-decoration:underline;}

/* умный фильтр */
.smartf_container {
  columns: 2;
}

.smartf_switch {
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 90%;
  font-weight: normal;
  line-height: 3em;
}
.smartf_block {
  background: #f8f8f8;
  display: inline-block;
  width: 98%;
  height: auto;
  min-height: 2em;
  max-height: 8.5em;
  margin: 1em 1% 1em 1%;
  padding: 0.5em;
  border-radius: 0 0 10px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  vertical-align: top;
  page-break-inside: avoid;
}

.smartf_additional{display: none;}
.smartf_additional.shown{display: inline-block;}

.smartf_title {
    background: #EEE;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    padding: 0.3em 0.9em 0.3em 0.9em;
    margin-left: -0.4em;
    font-size: 80%;
    font-weight: bold;
    position: absolute;
    margin-top: -2.3em;
}

.smartf_checked_count {
  cursor: pointer;
  display: block;
  position: absolute;
  color: gray;
  width: 27%;
  text-align: right;
  font-size: 90%;
  margin: -1.8em 0 0 0;
}

.smartf_submit {
    background: #666;
    padding: 1em 10px 0 10px;
    border: none;
    border-radius: 10px;
    color: white;
    cursor: pointer;
    display: block;
    margin: 0.5em 0 1em 0;
    height: 2em;
    width: 10em;
    background: #f68220;
    text-transform: uppercase;
}
.smartf_block.range_container {height: 5em; padding-top: 2.5em; padding-bottom: 3.5em; overflow-y: hidden;}
.smartf_block.range_container .smartf_title {margin-top: -4.8em;}

.smartf_block.range_container .noUi-marker-horizontal.noUi-marker {margin-top: 1px; height:5px;}
.smartf_block.range_container .noUi-marker-horizontal.noUi-marker-large {margin-top: 1px; height:7px;}
.smartf_block.range_container .noUi-value {margin-top: 2px;}
.smartf_block.range_container .noUi-handle {width: 20px;}
.smartf_block.range_container .noUi-handle:before {left: 6px;}
.smartf_block.range_container .noUi-handle:after  {left: 10px;}
.smartf_block.range_container .noUi-tooltip {background: #666; color: #fff; border: none;}
.smartf_block.range_container[rel="fromto"] .noUi-tooltip {margin-left: 2px;}
.smartf_block.range_container .noUi-connect {background: #AAA;}
div[rel*="rangeSlider"] {
  width: 100%;
  /*margin-top: 30px;*/
  transform: scale(0.85, 0.85);
}


.smartf_block select{border: 1px #DDD solid; padding: 3px; width: 100%;}
.smartf_fromto_val{width: 2em; border: 1px #DDD solid; margin: 0 0.5em 0 0.2em; display: inline-table;}

.smartf_found {color: gray; font-size: 90%; margin: 3px 0 10px 0; display: inline-block;}
.smartf_sort {color: gray; font-size: 90%; margin: 3px 0 10px 0; display: inline-block;}

/* основная информация о товаре */
.tovar_info{padding:5px;}
.tovar_info a img{border:1px #e3e3e3 solid;}

.main_tovar_info {display: table;}
.main_tovar_info > div {display: table-cell; vertical-align: top;}

.tovar_block1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    /*border: 1px orange solid;*/
}
.tovar_images {
    display: flex;
    text-align: center;
}
.tovar_price_buttons {
    /*border: 1px green solid;*/
    width: 100%;
    height: auto;
    text-align: center;
    padding: auto;
}

/* все изображения в товаре */
.tovar_info img{border:1px #ddd solid;}

/* подзаголовок на странице товара */
.tovar_info h3 {
	clear:both;
	color:#3E528D;
	font-size: 1.5rem;
	margin:20px 0 5px 0!important;
	padding:0;
}

/* слой рейтинга товара*/
.tovar_rate {margin:3px 0 0 0;color:#333;}
/* оценка рейтинга */
#rate_mark {color:#d00;font-weight:bold;}
/* количество голосов за рейтинг */
#rate_votes {color:gray;}
/* слой со звездами для голосования */
#rate_stars {height:16px;margin:2px 0 0 0;}

/* слой с превьюшками */
#pic_previews {border:0px red solid;width:auto;overflow-y:hidden;margin-left:4px;}
/* картинки превью  */
#pic_previews .preview_one{cursor:pointer;margin:0 0 4px 0;}
/* последняя картинка превью */
#pic_previews .preview_one_last{cursor:pointer;margin:0;}

/* кнопки для прокрутки превьюшек */
.ButtonUpNoActive, .ButtonDownNoActive, .ButtonUpActive, .ButtonDownActive {cursor:pointer; border:0; }
.ButtonUpNoActive, .ButtonUpActive {margin:0 0 2px 0;}
.ButtonDownNoActive, .ButtonDownActive {margin:2px 0 0 0;}
.ButtonUpNoActive {background:url('/im/site/bull_up_noact.png') center no-repeat #fff;}
.ButtonDownNoActive {background:url('/im/site/bull_down_noact.png') center no-repeat #fff;}
.ButtonUpActive {background:url('/im/site/bull_up_act.png') center no-repeat #fff;}
.ButtonDownActive {background:url('/im/site/bull_down_act.png') center no-repeat #fff;}

/* описание товара */
.tovar_description{
	clear:both;
	font-size: 1.2rem;
	padding:0 0 0 10px;
	text-align:justify;
}

/* блок параметров настольной игры */
dl[rel="boardgame"] {display: block; text-align: left;}
dl[rel="boardgame"] div{display: inline-block; height: 32px; padding: 12px 0 0 40px; text-align: left; margin: 0 10px 0 0;}
dl[rel="boardgame"] div[rel="age"]{background: url('/im/site/icon_01.jpg') left center no-repeat white;}
dl[rel="boardgame"] div[rel="players"]{background: url('/im/site/icon_02.jpg') left center no-repeat white;}
dl[rel="boardgame"] div[rel="duration"]{background: url('/im/site/icon_03.jpg') left center no-repeat white;}
dl[rel="boardgame"] dt {display: block; height: 1em; color: gray; font-size: 90%;}
dl[rel="boardgame"] dd {display: block; width: auto; margin: 0;}

.td_block {display: inline-block; vertical-align: middle; margin: 3px; text-align: center;}

.tovar_description img{border:0;}

/* множественные значения */
.tovar_description .checkbox_value {padding: 3px 5px 5px 5px; list-style-type: none; display: inline-block; margin-right: 1.2em; /*border: 1px orange solid;*/}
.tovar_description .checkbox_value a{/*text-decoration: none; color: #333;*/}

/* отзывы о товаре */
#tovar_comments{}
/* добавленные отзывы на странице товара */
.comment {padding:5px;border:1px #eee solid;margin:0 0 1px 0;}
.comment_last {padding:5px;margin:0 0 10px 0;}
.comment_unverified {border:1px gray solid;padding:5px;margin:0 0 10px 0;}
.cmt_text{text-align:justify;}
.cmt_user{margin:8px 0 0 0;padding:2px 0 0 0;font-style:italic;text-align:right;color:gray;}
.cmt_user input{vertical-align:top;}
/* ответ админа */
.cmt_answer{margin:5px 0 0 0;border-top:1px #EEEEEE solid;padding:10px 3px 0px 20px;}
/* форма отзыва */
#add_comment {position:fixed;width:500px;height:auto;left:50%;top:200px;margin:0 0 0 -250px;padding:0;background:#f8f8f8;border:3px gray solid;z-index:99;text-align:left;}
#add_comment h2{margin:0 0 5px 0;}
#add_comment h3{margin:0;}
/* текст отзыва */
div#comment_text {width:474px;height:auto;}
textarea#comment_text {width:474px;height:140px;}
/* подпись под отзывом */
#comment_user  {height:16px;width:474px;}
/* заголовок раздела отзывов*/
h3#comments_header {
    display: block;
    float: left;
    margin:-1em 0 0.2em 0!important;
}
/* кнопка "Добавить отзыв" */
.add_comment_button{
    display: block;
    float:right;
    cursor:pointer;
    text-decoration:underline;
    color:#3E528D;
    background:none;
    border:0;
    font-weight:normal;
    font-size:1.1rem;
    margin:0;
}
/* кнопка вконтакте ("мне нравится") */
#vk_like {margin:2px 0 0 0;cursor:pointer;text-align:center!important;border:0px red solid;padding:0!important;width:100px!important;}
/* артикул товара */
#tovar_artikul{color:gray;margin:-8px 0 0 0;font-size:1.1rem;}

/* страница с результатами поиска по сайту */
#search_results h2{margin:0;}
#search_results h3{margin:10px 0 0 0;}
.search_mask {font-size:1.1rem;color:#999;}
.search_mask span {font-weight:bold;}
.search_in {margin:0;clear:both;}
#more_cat_results:before{content:""; display:block; clear: both;}
#search_results #more_cat_results{clear:both;color:gray!important;}
#search_results #more_news_results{clear:both;color:gray;}
#search_results .notfound{clear:both;color:gray;}

/* выделение совпавшей маски */
.masked {background:yellow;padding:0px;}

/* вывод объявлений */
#news {clear:both; font-size:1rem; position: relative;}
/* чередующиеся цвета фона */
/* сами цвета прописаны в настройках сайта */
.zebra0, .zebra1 {padding:1em;margin:0 0 1em 0;clear:both;}
/* дата объявления */
.item_date {color:gray;float:right;font-weight:normal;}
#news .item_date {margin-top: 1em; font-size: 1.2rem;}

/* кнопка далее - с продолжением объявления */
.content_more_button {text-decoration:none;background:none;color:white;width:80px;position:relative;float:right;padding:0!important;text-align:center;padding:0;border-left:16px transparent solid;border-bottom:16px solid;z-index:11!important;}

.more_button_back {height:0px;background:none;border-left:18px transparent solid;border-bottom:18px solid;width:82px;/*right:0px;top:0px;*/margin:-10px 0 0 -119px; z-index:2;position:absolute;}

.more_button_label {height:0px;background:none;border-left:18px transparent solid;border-bottom:18px solid;width:81px;/*right:0px;top:0px;*/margin:-9px 0 0 -118px; z-index:2;position:absolute;}
/*.more_button_label {position:absolute;background:none;border-left:17px transparent solid;border-bottom:17px solid red;width:81px; right:0px; margin:-16px 0 0 -115px; z-index:2;}*/

.moreinfo_block {width:100%;height:18px!important;margin:10px -10px -10px 0px;}

.moreinfo_block .label {position:absolute;color:white;font-size:1.2rem;font-weight:bold;margin:-7px 0 0 -80px;z-index:3;}

/* вступление к информации */
.content_intro {text-align:justify;}

/* продолжение информации */
.content_more {}

/* полоска обрезанная как стрелка (типа Yandex) */
table.arw {cursor:pointer;}
table.arw tr{border-color:inherit;}
table.arw td{padding:0;background:inherit;border-color:inherit;font-size:1.2rem;color:#000;}
table.arw #label{margin-top:-16px;position:relative;padding:0 1px 0 3px;}
table.arw #triangle_top{border-left:8px solid; border-left-color:inherit;border-top:8px solid transparent;height:0;width:0;}
table.arw #triangle_bottom{border-left:8px solid; border-left-color:inherit; border-bottom:8px solid transparent;height:0;width:0;}
table.arw .triangle{position:absolute;border-color:inherit;}

/* слой затемнения */
#darkcover {background:#000;position:fixed;z-index:98;left:0;top:0;width:100%/*;padding-right:20px*/;height:100%;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/	-moz-opacity: 0.8; /* Mozilla 1.6 и ниже */	-khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */}

/* примечание */
.remark, .rem {color:gray;font-size:1.1rem;}

/* предупреждение */
.warn {background:#900;color:white;padding:1px 3px 1px 3px;margin:0 0 10px 0;}

/* поступление товара */
.supply {clear:both;}
.supply_area {
  text-align: center;
}
/* дата поступления */
.supply_date {
  color:#333;
  font-weight:bold;
  text-align: left;
}
.supply_info {
  color:#333;
  padding-bottom:10px;
  text-align: left;
}

.cat-centered {
  width:100%;
  text-align:center;
}

.cat-state {
  display: inline-block;
}

/* мета информация о товаре */
.meta_info {
    position: absolute;
    top: 40%; right: 0;
    text-align: right;
}
.meta_info div {
    background: rgba(255,255,255,0.8);
    color: #333;
    padding: 1px 4px 1px 4px;
    margin-bottom: 2px;
}


.filler {
    /*background: #99defd;*/
    display:inline-block;
}

.catalog_thumb img{border:0!important; max-width: 100%; height: auto;}
.catalog_thumb a{text-decoration:none;}

.info_html {/*overflow-x:hidden;*/}
.catlink_divider {border-bottom:1px white solid;margin-bottom:5px;padding-top:5px;width:100%;}
.full_catalog_path a{text-decoration:none;}
.full_catalog_path a:hover{text-decoration:underline;}

.column_link {text-decoration:none!important;color:#3E528D;font-weight:bold;margin:5px 0 0 0;}

.arr {vertical-align:top;font-size:1.4rem;letter-spacing:-3px;}

/* ссылки на другие страницы */
.paging {clear:both;text-align:center;margin:10px 0 0 0;}
/* стрелка-ссылка на предыдущую/следующую страницу */
.paging .arr {cursor:default;vertical-align:top;letter-spacing:-3px;margin:0 5px 0 5px;}
.paging .arr a{text-decoration:none!important;vertical-align:top;letter-spacing:-3px;}
.paging .arr a.noactive{color:white;cursor:default;}
/* ссылка на номер страницы */
.paging a{margin:0 2px 0 2px;padding:1px;font-size:1.2rem;}
/* текущая страница */
.paging a.page_current{background:gray;color:white;text-decoration:none;}

/* слой со ссылкой на детали поступления */
.supply_details {clear:both;text-align:right;margin:0;margin:0 0 20px 0;}
.supply_details a {color:#666;text-decoration:none;}

/* слой со ссылкой на страницу всех поступлений */
.all_supplies {
  text-align: right;
  padding: 0 0 20px 0;
}
.all_supplies a {color:#666;text-decoration:none;}

/* стрелка направо (→) */
.rarr {font-size:1.4rem;}

/* таблица с простой версткой */
table.simple {border-collapse:collapse;}
table.simple td{border:1px gray solid;text-align:center;width:auto!important;}

/* информация группы товаров */
.group_info {clear:both;margin:5px 0 5px 0;text-align:justify;color:black;}

/* подпись Новинка */
.newitem-label {
  float: right;
  background:none;
  margin:-35px -2px 0 0;
}
.newitem-label .label {
  display: inline-block;
  width: auto;
  padding: 0 6px 0 6px;
  position:relative;
  font-weight:normal;
  background: rgba(255,0,0,0.8);
  font-size:1.1rem;
  color:white;
  text-align:center;
}

/* подпись Новинка на случайном изображении группы товаров */
.group_image {background:none;text-align:center;}
.group_image .newitem-label .label {margin:-18px 0 5px 13px;}

/* подпись Новинка на миниатюре товара в каталоге */
.catalog_thumb .newitem-label .label {margin:-18px 0 5px -1px;width:52px;}

/* подпись Новинка на странице товара */
.tovar_info .newitem-label .label {margin:-35px 0 4px 42px;}

/* курсор zoom-in */
.zoomin_me {cursor: url('/im/site/zoomin.cur'), zoom-in;}

/* надпись об отсутствии товара */
.notpresent {color:gray;font-weight:normal;}

/* полный прайс каталога */
#cat-price {margin:0 0 50px -8px; clear:both;border-top:1px #DDD solid;}
#cat-price a{text-decoration:none;}
#cat-price h2{margin:0px 0 0px 0;}
#cat-price a:hover{color:blue;}
#cat-price ul{padding-left:8px!important;list-style-type:none;cursor:default;}
#cat-price table{margin-left:8px!important;}
#cat-price ul:hover{}
#cat-price li span{margin-left: 0px;padding-left:30px;border-bottom:1px #DDD solid;}
#cat-price li span:hover{background:#EEEEEE;}

/* строка под курсором */
tr.hovered td{background:#eee!important;}

/* цена в миниатюре товара */
.price_in_thumb {color:black;font-weight:bold;}

/* форма обратной связи */
#feedback_details {position:fixed!important;width:500px;height:300px;left:50%;top:50%;margin:-150px 0 0 -250px;padding:0;background:#f8f8f8;border:3px gray solid;z-index:99;text-align:left;padding:0 0 0 10px;}
#feedback_form {font-size:1.1rem;padding:10px 15px 0 0;}
#feedback_form .value{font-family:inherit;font-size:1.1rem;width:100%;}

/* комментарий мелким шрифтом */
.petit {color:gray;font-size:10rem;position:absolute;bottom:5px;}

/* слой похожих товаров */
#same_stuff_area {
}

/* слой товаров последнего поступления */
#last_supply_area {
}

/* колонка названия в прайсе*/
.price-title {width:100%!important;}

/* колонка цены в прайсе*/
.price-money {text-align:right;}


#price_actual {font-weight:normal;color:black;position:relative;right:0;}
/* кнопка печати в прайсе */
#print_control {color:gray;font-weight:normal;position:relative;right:0;cursor:pointer;}

/* статус товара */
#cat_state {padding:10px 0 0 0; /*height:44px;*/}

/* нет в наличии */
.vremenno_otsutstvuet{color:red; font-size:1.1rem; font-weight:bold;}
.v_nalichii{color:green; font-weight:bold;}

/* картинка с вопросом, по нажатию которой вываливается какая-то справка */
img.help {border:0; cursor:pointer;}

/* плашка скидки */
.discount_label {font-family:Arial; cursor:default; width:60px; text-align:center;padding:1px 3px 1px 3px; background:#FE0002; color:white; font-weight:bold; font-size:1.4rem; font-family:Arial;font-weight:bold;font-size:1.1rem;padding:1px 0 1px 0;}

/* Корзина */
#basket-sum {font-weight:bold; font-size:1.4rem; text-align:center;}
#order-form {padding:20px 0 0 0;width:100%;}
#order-form .intro{margin:0 0 10px 0; font-style:italic; border-bottom:1px #999 dashed;}
#order-form label{font-weight:bold; font-size:1.1rem;}
#order-form input{width:100%;}
#order-form input.basket-count {width:1.2em;}
#order-form div[col="sum"] {display: inline-block;}
#order-form span[col="delete"] {display: inline-block; cursor: pointer; color: gray;}
#order-form [col="delivery"] {width: 100%;}
#order-form .summary {border-top:1px gray dashed; margin-top: 1em; padding-top: 0.5em;}

/* кнопка подтверждения заказа */
/*#AddOrder{background:url('/im/site/add-order.png') white center no-repeat; border:0; cursor:pointer; color:white; height:38px;margin:30px 0 0 -100px;width:200px!important;left:50%;position:relative;}*/

/* Виджет корзины */
#basket-widget {
  /*background: #f8f8f8;*/
  padding: 0 0 0 0px;
  text-align: left;
}

/* плитка в виджете корзины */
#basket-widget .catalog_thumb {
  margin-left: 0px;
  width: 100%!important;
  height: auto!important;
}
#basket-widget .catalog_thumb img {
  height: 100%;
  width: 100%;
  height: auto;
}

#AddToBasket-Btn {padding: 0.3em; margin-top: 0.6em; cursor: pointer;}

/* колонки */
#left_column_blocks, #right_column_blocks{}

/* плитка в колонке */
#left_column_blocks .catalog_thumb, #right_column_blocks .catalog_thumb{
  margin: 0;
  width: 100%!important;
  /*height: auto!important;*/
}
#left_column_blocks .catalog_thumb img, #right_column_blocks .catalog_thumb img {
  /*height: 100%;
  width: 100%;
  height: auto;*/
}

#basket-widget .basket-process {
  left: 50%;
  margin-left: -65px;
  position: relative;
  padding: 0 0 10px 0;
  text-align: center;
  width: 130px;
}
#basket-widget .base{padding:10px;}
#basket-widget .base a{font-size:1.2rem;}
#basket-widget .basket-sum{
  background: rgba(255,255,200,0.6);
  float: left;
  font-size:1.8rem;
  font-weight:bold;
  margin:20px 0px 0 0;
}

/* кнопка удаления товара из корзины прямо в виджете */
#basket-widget .fast_delete {
  color: #666;
  cursor: pointer;
  position: absolute;
  right: 35px;
  margin-top: -8px;
  font-size: 1.1rem;
  font-weight: bold;
}

/* кнопка оформить заказ */
.goorder_btn {
 cursor:pointer;
 padding:2px 4px 2px 10px;
 margin-left:32px;
 border-radius:5px;
 border:1px #CCCCCC solid;
 /*text-transform:uppercase;*/
 font-size: 10px;
 font-weight:bold;
 background-image: -moz-linear-gradient(top,#FFFFFF,#DDDDDD);
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
}

/* кнопка оформить заказ на странице корзины */
.goorder_btn_submit {
 width:auto!important;
 cursor:pointer;
 padding:2px 10px 2px 10px;
 margin:20px 0 30px 0;
 border-radius:5px;
 border:1px #AAA solid;
 text-transform:uppercase;
 font-size:1.2rem;
 font-weight:bold;
 background-image: -moz-linear-gradient(top,#FFFFFF,#DDDDDD);
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
}

/* счетчик для поля с ограниченной длиной */
.field_limit_counter {position:relative;right:0;text-align:right;width:auto;font-size:1rem;color:gray;height:14px;padding:2px;height:12px;}

/* форма логина/регистрации */
#login-form input.type{width:100%;}
.reg-additional-wellcome {margin:10px 0 5px 0; border-bottom:1px #DDDDDD solid; font-weight:bold;}

/* подсказка к полю */
.input-hint {margin:0 0 0 5px; color:#999999; float:right;}

/* ссылка на выход из лички */
.logout {cursor:pointer;float:right;font-weight:normal;background:none;border:none;padding:0;}
.logout:hover {color:#9999FF;}

/* сообщения при логине */
.login-message {background:#FFFFCC; border:1px #FFCC00 solid; border-left-width:23px; border-radius: 0 5px 5px 0;padding:20px;margin:30px 0 0 0;}

/**/
.matched_name {font-size:1.6rem;font-weight:bold; color:black;}
.matched_info p{padding:0 0 10px 0; color:#333; text-align:justify;}

#slider1 {
    box-sizing: border-box;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px auto 6em auto;
/*    padding-bottom: 80px; */
    background: white;
}

#slider1 img {display: none; width: 100%;}
#slider1 img.currentSlide {display: block;}
#slider1 .slideGo {
    cursor: pointer;
    display: inline-block;
    border-radius: 0px;
    background: #4c4c4c;
    border: 3px #e9e9e9 solid;
    width: 6px; height: 6px;
    margin: 14px 14px 0 0;
}
#slider1 .slideGo.slideSelected {
    background: white;
    border: 3px #4c4c4c solid;
    width: 6px; height: 6px;
}

#normal_size_image {border: none; margin-top: 15px;}

/* на больших экранах */
@media screen and (min-device-width:959px) {
    .only-mobile {visibility: hidden; height: 0px; width: 0px;}
    .catalog_thumb, .filler {
        width: 23%;
        margin: 1%;
        font-size: 1rem;
    }
    .filler {background: #99defd;}
}

/* ---------------------------------------------------------------------------*/
/* MOBILE FRIENDLY */

/*стили для больших планшетов*/
@media screen and (max-device-width:991px) {
    #main_site_markup {margin-left: -480px; width: 960px;}
    #header_area {width: 960px;}
}

/*стили для средних планшетов*/
@media screen and (max-device-width:959px) {

    .xs-hidden {display: none!important; visibility: hidden; height: 0px;width:0px;}

    #main_site_markup {
        margin: 0px;
        position: relative;
        width: 100%;
        left: 0;
        padding-top: 65px;
    }

    #find_button_area, #header_area {width: inherit;}
    body {
        font-size: 1rem;
        margin: 0px;
        padding: 0px;
    }
    .mobile_col_c2 {
        display: inline-block;
        width: 49%;
    }
    .paging a{
        font-size: 1.2rem;
        box-sizing: border-box;
        background: #F8F8F8;
        padding: 0.5em 0.8em;
        text-decoration: none;
        vertical-align: top;
    }
    .cat-centered {

    }
    .catalog_thumb, .filler {
        /*border: 1px orange dotted;*/
        width: 28%;
        margin: 2%;
        font-size: 1.1rem;
        height: 18rem;
        margin-bottom: 0px;
        display: inline-block;
        float: none;
    }
    /* 3 филлера подряд */
    .filler.x3 {
        display: none;
    }

    #slider1 {
        margin: 0px auto 60px auto;
    }

    #slider1 .slideGo {
        width: 10px!important; height: 10px!important;
        margin: 24px 24px 0 0!important;
    }
    #content_markup {
        display: block!important;
        border: none;
    }

    .td_block {
        display: inline-block;
        vertical-align: middle;
        margin: 0px;
     }

    .tovar_description {padding: 0 0 0 0px;}

    #menuToggle input
    {
        display: flex;
        width: 50px;
        height: 60px;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        z-index: 6;
        right: 0px;
        top: 0px;
    }

    #menuToggle span
    {
        display: flex;
        width: 29px;
        height: 2px;
        margin-bottom: 5px;
        left: 100%;
        margin-left: -40px;
        position: relative;
        background: #ffffff;
        border-radius: 3px;
        z-index: 5;
        transform-origin: 5px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease;
    }

    #menuToggle span:first-child
    {
        transform-origin: 0% 0%;
    }

    #menuToggle span:nth-last-child(2)
    {
        transform-origin: 0% 100%;
    }

    #menuToggle input:checked ~ span
    {
        opacity: 1;
        transform: rotate(45deg) translate(-3px, -1px);
        background: #36383F;
    }
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    #menuToggle input:checked ~ span:nth-last-child(2)
    {
        transform: rotate(-45deg) translate(0, -1px);
    }

    #mobile_menu
    {
        box-sizing: border-box;
        font-size: 1.2rem;
        position: fixed;
        z-index: 3;
        left: 0px;
        width: 100%;
        top: 0px;
        border-top: 75px #F5F6FA solid;
        bottom: -10px;

        overflow: scroll;
        -webkit-overflow-scrolling: touch;

        margin: -10px 0 10px 0;
        padding: 0px 20px 20px 20px;
        background-color: #F5F6FA;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }

    .mobile_menu_scroll_container {position: fixed; top: 63px; bottom: 0; left:1em; right: 1em; overflow-y: auto; padding-right: 3px; padding-bottom: 2em;}
    .mobile_menu_scroll_container::-webkit-scrollbar {width: 8px;}
    .mobile_menu_scroll_container::-webkit-scrollbar-track {background: #efefef}
    .mobile_menu_scroll_container::-webkit-scrollbar-thumb {background: #DDD;}

    #mobile_menu li
    {
        padding: 10px 0;
        transition-delay: 2s;
    }

    #mobile_menu a {text-decoration: none; font-size: 1.6rem;}
    #mobile_menu .contacts {font-size: 1.3rem; padding: 5px 5px 5px 35px; width: 100%; color: white; border-radius: 5px; position: relative; margin: 0px 0 20px 0;box-sizing: border-box;}
    #mobile_menu .contacts img{position: absolute; left: 5px; top: 8px; height: 25px; }
    a[rel="cat-root"] {display: block; font-weight: bold;}

    .mobile_logo {
        font:  normal 1.4rem Micra;
        padding: 10px 0 0 51px;
        letter-spacing: 0.07em;
        box-sizing: border-box;
        color: #f68321;
        text-decoration: none;
        text-transform: uppercase;
        position: fixed;
        z-index: 5;
        left: 10px;
        top: 14px;
        height: 37px;
        display: block;
        vertical-align: top;
    }

    .mobile_logo img{height: inherit; position: absolute; left: 0px; top: 0px;}

    #menuToggle input:checked ~ ul
    {
        transform: none;
    }

    #news {margin:0!important; padding: 0!important;}
    .content_item, .content_item_last {position: relative; width: 100%;}

    .content_item > div[id], .content_item_last > div[id] {
        display: table;
        width: 100%!important;
        /*max-height: 15em!important;*/
    }

    .content_item > div[id] iframe, .content_item_last > div[id] iframe{
        display: table-cell;
        width: 100%!important;
        max-height: inherit!important;
    }

    nav, #mobile_menu .contacts {background: #222830;}
    #search_block #maskMobile {background: #222830;}
    #search_block button {background-color: rgba(0,0,0,0);}

}

/* стили для смартфонов до 828x (iphone 8 plus и меньше) */
@media screen and (max-device-width:414px) {
    .tovar_block1 {
        flex-direction: column;
        justify-content: center;
    }
    .tovar_images {
        flex-direction: row;
        justify-content: center;
    }
    #normal_size_image {width: 100%; height: auto; margin-top: 20px;}
    .tovar_price_buttons {border-top: 1px #DDD dashed; margin-top: 1em; padding-top: 1em;}

   #slider1 {margin: 0px auto 30px auto;}
   /* умный фильтр */
   .smartf_container {columns: 1;}
}

/* стили для смартфонов до 640x (iphone SE) */
@media screen and (max-device-width: 320px) {
    .mobile_logo {
        font:  normal 1.3rem Micra;
        padding: 10px 0 0 51px;
        letter-spacing: 0em;
    }

    #mobile_menu a{font-size: 1.3rem;}
    dl[rel="boardgame"] div{padding-left: 34px;}

    #slider1 {
        margin: 0px auto 20px auto;
    }
}

.hidden {display: none;}