/*--------- client addon `poll` css code (device_type=0)  -*/

.voting-block{
  /*border: 1px solid #ddd;*/
  padding: 10px;
  margin: 0 0 10px 0;
  background: #fff;
  clear: both;
}

.voting-block-heading{
  font-size: 14px;
  text-align: center;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
}


.voting-block-list{
  padding: 10px 0 10px 0;
  overflow: hidden;
}

label.voting-block-list-item {
  display: block;
  overflow: hidden;
  padding: 5px 0 5px 5px;
  font-size: 12px;
}

label.voting-block-list-item input[type=radio] {
  float: left;
  margin: 2px 5px 0 0;
}

.voting-block-buttons-block {
  text-align: center;
  margin: 10px 0 5px 0;
}

a.voting-block-list-more-link {
  float: right;
  font-size: 12px;
}

.voting-block-list-item-result {
  padding: 5px 0 5px 0;
}
.voting-block-list-item-result label {
  display: block;
  font-size: 12px;
}
.voting-block-list-item-result label em {
  white-space: nowrap;
}

.voting-block-list-item-result span {
  display: block;
  border: 1px solid #f0f0f0;
  background: #fff;
  height: 12px;
}
.voting-block-list-item-result span em {
  background: #ce1c1c;
  display: block;
  height: 12px;

}
.voting-block-results-info {
  text-align: center;
  font-style: italic;
  font-size: 12px;
}

/*--------- END: client addon `poll` css code    ---------------------*/

/*--------- client addon `menu` css code (device_type=0)  -*/
ul.main-menu{
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.main-menu li{
  float: left;
}

ul.main-menu li a,
ul.main-menu li span{
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 0 15px 0 15px;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
}
ul.main-menu li a:hover,
ul.main-menu li a.selected,
ul.main-menu li span{
  background: #ce1c1c;
}

/*--------- END: client addon `menu` css code    ---------------------*/

/*--------- client addon `menu` css code (device_type=0)  -*/
/* DESKTOP */
.navigation-menu-block{
  overflow: hidden;
  margin: 0 0 20px 0;
}

.navigation-menu-header{
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 10px;
  text-align: center;
  background: #eee;
}

ul.navigation-menu,
.navigation-menu{
  float: left;
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0;
}

.navigation-menu li{
  clear: left;
  padding: 0;
  margin: 5px 0 5px 0;
  float: left;
}

.navigation-menu ul{
  clear: both;
  float: left;
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 90%;
  display: none;
  list-style: none;
}
.navigation-menu span,
.navigation-menu span.plus,
.navigation-menu span.minus{
  float: left;
  width: 16px;
  height: 16px;
  color: #aaa;
  text-align: center;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 13px;
  margin: 3px 0 0 -20px;
  border-radius: 20px;

}
.navigation-menu span.plus,
.navigation-menu span.minus{
  border: 1px solid #ccc;
  cursor: pointer;
}

.navigation-menu-link{

}


.navigation-menu a,
.navigation-menu a:link,
.navigation-menu a:visited,
.navigation-menu a:active{
  float: left;
  margin: 0;
  text-decoration: none;
  color: #636161;
}

.navigation-menu a:hover{
  text-decoration: underline;
}

.navigation-menu li.selected > a{
  color: #000;
  text-decoration: underline;
}
/*--------- END: client addon `menu` css code    ---------------------*/

/*--------- client addon `menu` css code (device_type=0)  -*/
.bottom-menu{
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.bottom-menu li{
  float: left;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.bottom-menu li a,
.bottom-menu li a:link,
.bottom-menu li a:visited,
.bottom-menu li span,
.bottom-menu li a:active{
  display: block;
  padding: 2px 5px 2px 5px;
  color:#8a9598;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.bottom-menu li span,
.bottom-menu li:hover a,
.bottom-menu li a:hover{
  color: #000;
}

.bottom-menu li ul{
  position: absolute;
  display: none;
  margin: 0;
  padding: 5px 0 5px 0;
  border: 1px solid #4b94b7;
  border-radius: 10px;
  z-index: 100;
  background: #fff;
  overflow: hidden;
}

/*--------- END: client addon `menu` css code    ---------------------*/

/*--------- client addon `vehicles` css code (device_type=0)  -*/



.select-vehicle-block{
  padding: 0 5px 5px 5px;
  background: #fafafa;
  border: 1px solid #eee;
  margin: 10px 0 0 0;
  clear: both;
}

.select-vehicle-block select{
  width: 230px;
}


.select-vehicle-block label{
  display: inline-block;
  margin: 10px 5px 5px 0;
}

.select-vehicle-block select{
  padding: 5px;
  font-size: 12px;
}

.vehicle-specification-table{
  border-collapse: collapse;
  width: 100%;
}

.vehicle-specification-table th,
.vehicle-specification-table td{
  border: 1px solid #aaa;
  /*white-space: nowrap;*/
  padding: 5px;
}



.vehicle-specification-table tr.vehicle-group td{
  font-size: 20px;
  font-weight: bold;
  background: #fff;
}
.vehicle-specification-table tr.vehicle-group td a{
  color: #000;
}

.vehicle-specification-table tr.vehicle-model-row td{
  font-size: 14px;
  font-weight: normal;
  background: #fff;
}

.vehicle-specification-table tr.vehicle-model-row td a{
  color: #000;
}


.vehicle-specification-table tr.vehicle-model-row td:first-child,
.vehicle-specification-table tr.vehicle-model-row th:first-child{
  border-left: none;
  border-bottom: none;
  border-top: none;
  background: #fff;
}

.vehicle-specification-table  td.price{
  text-align: center;
}

.vehicle-specification-table .minwidth{
  width: 10px;
  white-space: nowrap;
}

.vehicle-specification-table tr td.nopadding,
.vehicle-specification-table tr th.nopadding{
  padding: 0;
}


.vehicle-article-embed-block{
  clear: both;
  padding: 5px 0 5px 0;
}

.vehicle-article-embed-block-anons{
  float: left;
  display: block;
  margin: 0 20px 10px 0;
  border: 1px solid #888;
  width: 240px;
  height: 135px;
  position: relative;
}

.vehicle-article-embed-block-anons:nth-child(4n){
  margin-right: 0;
}

.vehicle-article-embed-block-anons img{
  width: 240px;
  height: 135px;
  display: block;
  opacity: 0.8;
}

.vehicle-article-embed-block-anons:hover{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

.vehicle-article-embed-block-anons:hover img{
  opacity: 1;
}



.vehicle-article-embed-block-anons-heading{
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: bold;
  padding: 2px 5px 2px 5px;
  top: 0;
  left: 0;
  right: 0;
  font-size: 14px;

}

.vehicle-article-embed-block-anons-hint{
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: bold;
  padding: 2px 5px 2px 5px;

  bottom: 0;
  left: 0;
  right: 0;

  font-size: 11px;
  text-align: left;
}



.vehicles-categories-block{
  /*background: #fafafa;*/
  margin: 10px 0 10px 0;
  /*border: 1px solid #f0f0f0;*/

}

.vehicles-categories-block table{
  width: 100%;
  font-size: 14px;
  /*border-collapse: collapse;*/
  border-collapse: collapse;
}

.vehicles-categories-block table tbody tr td{
  vertical-align: top;
  padding: 5px;
  border: 1px solid #aaa;
}


.vehicles-categories-block select{
  display: block;
  font-weight: normal;
}

.vehicles-categories-block label{
  font-weight: bold;
  display: block;
}

.vehicles-categories-block a.ablock{
  display: block;
}



a.vehicle-article-embed-block-anons-with-description,
.vehicle-article-embed-block-anons-with-description{
  float: left;
  display: block;
  margin: 0 10px 20px 0;
  width: 230px;
  text-decoration: none;
  position: relative;
  border: none;
  padding: 0;
}

.vehicle-article-embed-block-anons-with-description:nth-child(4n){
  margin-right: 0;
}
.vehicle-article-embed-block-anons-with-description:nth-child(4n + 1){
  clear: both;
}

.vehicle-article-embed-block-anons-with-description img,
.vehicle-article-embed-block-anons-with-description .img img{
  border: 1px solid #888;
  /*width: 240px;*/
  width: 228px;
  height: 128px;
  display: block;
}
.vehicle-article-embed-block-anons-with-description .img{
  display: block;
}

a.vehicle-article-embed-block-anons-with-description:hover img{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

.vehicle-article-embed-block-anons-bottom-heading{
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  padding: 5px 5px 0 5px;
}
.vehicle-article-embed-block-anons-bottom-description{
  display: block;
  color: #000;
  font-size: 12px;
  padding: 0 5px 0 5px;
}


.vehicle-article-embed-block-anons-hovering-description{
  font-size: 12px;
  display: block;
  position: absolute;
  color: #fff;
  right: 0;
  top: 100px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.vehicle-article-embed-block-anons-hovering-description.auto-hide{
  display: none;
}
a.vehicle-article-embed-block-anons-with-description:hover .vehicle-article-embed-block-anons-hovering-description.auto-hide{
  display: block;
}


a.vehicle-article-embed-block-anons-with-description:hover .vehicle-article-embed-block-anons-bottom-heading{
  color: #ff7f00;
  text-shadow: 0 0 6px rgba(255, 127, 0, 0.4);
}


.vehicles-gallery{
  /*background: #000;*/
  /*padding: 5px 0 5px 0;*/
  float: left;
}
.vehicles-gallery img{
  margin: 1px;
  float: left;
  width: 150px;
  height: 84px;
  cursor: pointer;
}

/*--------- END: client addon `vehicles` css code    ---------------------*/

/*--------- client addon `sitemap_xml` css code (device_type=0)  -*/
.sitemap-tree{
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 5px 5px 0;
  font-size: 13px;
}

.sitemap-tree li{
  padding: 2px;
  margin: 0;
  text-indent: 0;
}

.sitemap-tree ul{
  margin: 0 5px 10px 13px;
  padding: 0;
  font-size: 90%;
  list-style: none;
}
.sitemap-tree-switcher{
  cursor: pointer;
}

.sitemap-tree-switcher-empty{

}
/*--------- END: client addon `sitemap_xml` css code    ---------------------*/

/*--------- client addon `content_sub_menu` css code (device_type=0)  -*/
.content-sub-menu{
  background: #fafafa;
  border: 1px solid #eee;
  margin: 10px 0 10px 0;
  padding: 10px;
  clear: both;
}

.content-sub-menu ul{
  list-style: none;
  padding: 0;
  margin: 2px;
  clear: both;
}

.content-sub-menu ul a:link,
.content-sub-menu ul a:visited,
.content-sub-menu ul a:active,
.content-sub-menu ul a:hover,
.content-sub-menu ul a{
  color: #636161;
}

.content-sub-menu ul li{
  padding: 2px 2px 2px 2px;
  margin: 0;
}

.content-sub-menu ul li ul{
  list-style: none;
  font-size: 95%;
  padding: 0 2px 2px 2px;
  margin: 0 2px 2px 15px;
}

.content-sub-menu-header{
  font-size: 20px;
  display: block;
  padding: 2px 0 2px;
  margin: 0;
  text-align: center;
}
/*--------- END: client addon `content_sub_menu` css code    ---------------------*/

/*--------- client addon `bread_crumbs` css code (device_type=0)  -*/
.bread-crumbs-block{ /* блок хлебных-крошек */
  font-size: 12px;
}
.bread-crumbs-block-selected-item{ /* выделенный элемент (который без ссылки) */
  font-style: italic;
}

.bread-crumbs-block-link,
a.bread-crumbs-block-link{/* ссылка в блока */

}

.bread-crumbs-block-link-divider{ /* разделитель ссылок */
  display: inline-block;
  border: 5px solid transparent;
  border-left-color: #ccc;
  border-right: none;
  margin: 0 5px 0 5px;
}
/*--------- END: client addon `bread_crumbs` css code    ---------------------*/

/*--------- client addon `social_block` css code (device_type=0)  -*/
.social-block{
  border: #ccccff;
  background: #eeeeff;
  padding: 5px;
  border-radius: 5px;
  margin: 5px 0 5px 0;
}
/*--------- END: client addon `social_block` css code    ---------------------*/

/*--------- client addon `search` css code (device_type=0)  -*/
/* Встраиваемое на все страницы поле поиска */ 
.site-search-embedded-form{
  margin: 0;
  padding: 10px;
  text-align: center;
}

.site-search-embedded-field{
  width: 400px;
}



/* Страница поиска*/
.search-form-container{
  padding: 10px;
  background: #eee;
  margin: 0 0 10px 0;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.search-form-container-header{
  color: #000;
  font-size: 16px;
  margin: 5px 0 10px 10px;
}


.search-form-container form{
  margin: 0;
  padding: 0;
  display: block;
}

.search-form-container form label{
  float: left;
  width: calc(100% - 80px);
  margin: 0;
  padding: 0;
}

.search-form-container form label input[type=text]{
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  outline: none;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.4);
}

.search-form-container form button{
  float: left;
  font-size: 16px;
  width: 70px;
  margin: 0 0 0 10px;
  padding: 8px 9px 10px 9px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #aaa;
  background: linear-gradient(to top, #ddd, #fff);
  outline: none;
  cursor: pointer;
}

.search-form-container form button:active{
  background: #ddd;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.5);
  padding: 10px 9px 8px 9px;
}

.search-form-container-result-description{
  clear: both;
  padding: 10px;
}



.site-search-results-list{
  margin: 0;
}


.site-search-result-block{
  font-size: 14px;
  margin: 10px 0 10px 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #aaa;
  clear: both;
}

.site-search-result-block > a{
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

.site-search-result-block p{
  text-indent: 0;
  text-align: justify;
  padding: 0;
  margin: 0;
}

.site-search-result-no-found{
  margin: 10px 0 10px 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #aaa;
  color: #ce1c1c;
}
/*--------- END: client addon `search` css code    ---------------------*/

/*--------- client addon `articles` css code (device_type=0)  -*/
/**
 * Стили страницы статьи
 */
.article-read-more-links{
  padding: 10px;
  background: #f0f0f0;
}

.article-read-more-links ul{
  margin: 0;
  padding: 0;
}

.article-read-more-links ul li{
  padding: 0;
  margin: 10px;
}

.article-read-more-links-heading{
  font-weight: bold;
}


.article-view-heading-contents{
  padding: 10px;
  background: #f0f0f0;
}

.article-view-heading-list-header{
  font-weight: bold;
}
ul.article-view-heading-list{
  margin: 0;
  padding: 0;
}
ul.article-view-heading-list li{
  margin: 10px;
}
/**
 * ОБЩИЕ СТИЛИ ДЛЯ ВСЕХ ТИПОВ БЛОКОВ
 */
.articles-previews-block-header{
  clear: both;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
  color: #ccc;
  margin: 10px 0 10px 0;
}
.articles-previews-block-header a{
  color: #ccc;
  text-decoration: none;
}
.preview-info{
  clear: both;
  text-align: right;
}

.article-views-count{
  /*noinspection CssUnknownTarget*/
  background: url('/client_addons/articles/images/eye-gray.svg') 0 center no-repeat;
  background-size: 16px 16px;
  padding: 5px 0 5px 20px;
  margin: 0 0 0 10px;
  color: #aaa;
}


.article-date{
  /*noinspection CssUnknownTarget*/
  background: url('/client_addons/articles/images/calendar-gray.svg') 0 center no-repeat;
  background-size: 16px 16px;
  padding: 5px 0 5px 20px;
  color: #aaa;
}


.article-views-count.white{
  /*noinspection CssUnknownTarget*/
  background: url('/client_addons/articles/images/eye-white.svg') 0 center no-repeat;
  background-size: 16px 16px;
  color: #fff;
}


.article-date.white{
  /*noinspection CssUnknownTarget*/
  background: url('/client_addons/articles/images/calendar-white.svg') 0 center no-repeat;
  background-size: 16px 16px;
  color: #fff;
}


/* --------------------------------------------------------------- */
/* --------------------СТАНДАРТНЫЙ СТИЛЬ СПИСКА -------------------*/
/* --------------------------------------------------------------- */

.articles-previews-default-list{
  clear: both;
}

.articles-previews-default-list .preview-item{
  clear: both;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0 10px 0;
}


.articles-previews-default-list .preview-image{
  float: left;
  margin: 0 10px 10px 0;
}
.articles-previews-default-list .preview-image img{
  display: block;
  width: 240px;
  height: 135px;
}

.articles-previews-default-list .preview-heading{
  font-size: large;
}
.articles-previews-default-list p{
  margin: 0;
  padding: 0;
}


/* --------------------------------------------------------------- */
/* ---------------------- АНОНСЫ СБОКУ, ПЛИТКА ------------------- */
/* --------------------------------------------------------------- */

.articles-previews-side-tile{
  clear: both;
}

.articles-previews-side-tile .preview-item,
.articles-previews-side-tile a.preview-item{
  clear: both;
  display: block;
  margin: 5px 0 5px 0;
  position: relative;
  text-decoration: none;
  background: #000;
}

.articles-previews-side-tile .preview-item:hover{
  box-shadow: 0 2px 4px rgba(0, 0, 0, 1);
}

.articles-previews-side-tile img{
  display: block;
  width: 100%;
}

.articles-previews-side-tile .preview-heading{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 5px 20px 5px;
  background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
  color: #fff;
}
.articles-previews-side-tile .preview-item:hover .preview-heading{
  text-shadow: 1px 3px 1px rgba(0, 0, 0, 1);
}

.articles-previews-side-tile .tile-preview-info{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  text-align: right;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

/* --------------------------------------------------------------- */
/* --------------- АНОНСЫ В ПОЛОВИНУ ШИРИНЫ ПЛИТКА --------------- */
/* --------------------------------------------------------------- */

.articles-previews-half-tile{
  clear: both;
  float: left;
  width: calc(50% - 5px);
  margin: 0 5px 0 0;
  box-sizing: border-box;
}
.articles-previews-half-tile:nth-child(2n-1){
  clear: none;
  float: right;
  margin: 0;
}

.articles-previews-half-tile .preview-item,
.articles-previews-half-tile a.preview-item{
  float: left;
  width: calc(50% - 5px);
  display: block;
  margin: 5px 0 5px 0;
  position: relative;
  text-decoration: none;
}


.articles-previews-half-tile .preview-item:first-of-type,
.articles-previews-half-tile a.preview-item:first-of-type{
  width: 100%;
}
.articles-previews-half-tile .preview-item:nth-of-type(3){
  float: right;
}




.articles-previews-half-tile img{
  display: block;
  width: 100%;
}
.articles-previews-half-tile .preview-item:hover img{
  box-shadow: 0 2px 4px rgba(0, 0, 0, 1);
}


.articles-previews-half-tile .preview-heading{
  display: block;
  position: relative;
  padding: 5px 0 5px 0;
  color: #000;
  background: none;
  text-decoration: underline;
  font-size: small;
  text-align: center;
}
.articles-previews-half-tile .preview-item:hover .preview-heading{
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}
.articles-previews-half-tile .preview-item:first-of-type:hover .preview-heading{
  text-shadow: 1px 3px 1px rgba(0, 0, 0, 1);
}

.articles-previews-half-tile .preview-item:first-of-type .preview-heading{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 5px 20px 5px;
  background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
  color: #fff;
  text-decoration: none;
  font-size: inherit;
  text-align: left;
}


.articles-previews-half-tile .tile-preview-info{
  display: none;
}


.articles-previews-half-tile .preview-item:first-of-type .tile-preview-info{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  text-align: right;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}


/* --------------------------------------------------------------- */
/* ------------------ АНОНСЫ НА ВСЮ ШИРИНУ, ПЛИТКА --------------- */
/* --------------------------------------------------------------- */

.articles-previews-full-size-tile{
  clear: both;
}

.articles-previews-full-size-tile .preview-item,
.articles-previews-full-size-tile a.preview-item{
  clear: both;
  display: block;
  margin: 5px 0 5px 0;
  position: relative;
  text-decoration: none;
  background: #000;
  width: calc(50% - 5px);
  float: left;
}
.articles-previews-full-size-tile .preview-item:nth-child(2n+1){
  clear: none;
  float: right;
}

.articles-previews-full-size-tile .preview-item:hover{
  box-shadow: 0 2px 4px rgba(0, 0, 0, 1);
}

.articles-previews-full-size-tile img{
  display: block;
  width: 100%;
}

.articles-previews-full-size-tile .preview-heading{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 5px 20px 5px;
  background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
  color: #fff;
}
.articles-previews-full-size-tile .preview-item:hover .preview-heading{
  text-shadow: 1px 3px 1px rgba(0, 0, 0, 1);
}




.articles-previews-full-size-tile .tile-preview-info{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  text-align: right;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}


/* -------------------------------------------------------------------------------  */
/* -------------------------  СПИСОК В ВИДЕ АЛФАВИТА  ----------------------------  */
/* -------------------------------------------------------------------------------  */


.article-alphabet-letter-heading{
  font-size: 14px;
  font-weight: bold;
}

.article-alphabet-letter-anonses-list{
  margin: 5px 0 20px;
}

.article-alphabet-letters-list{
  text-align: center;
  margin: 10px 0 0 0;
}

.article-alphabet-letters-list a{
  display: inline-block;
  padding: 0 3px 0 3px;
  background: #ffeaec;
  text-decoration: none;
  color: #ce1c1c;
  border: 1px solid #fff;
}

.article-alphabet-letters-list a:hover{
  border: 1px solid #ce1c1c;
}

.article-alphabet-letters-list a.disabled{
  background: #fafafa;
  color: #ccc;
  cursor: default;
  border: 1px solid #fff;

}


.article-alphabet-heading{
  font-size: 20px;
  color: #eb4743;
  padding: 0;
  margin: 10px;
  font-weight: bold;
}
/*--------- END: client addon `articles` css code    ---------------------*/

/*--------- client addon `default` css code (device_type=0)  -*/
/* элементы управления по-умолчанию */


/* листалка */
.default-controls-pager-block{
  text-align: center;
  margin: 10px 0 10px 0;
  border-top: 1px dashed #aaa;
  padding: 10px;
}



.default-controls-pager-block-page-link,
a.default-controls-pager-block-page-link{
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 3px 0 0 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  margin: 3px 3px 0 3px;
  font-size: 14px;
}


.default-controls-pager-block-selected-page,
.default-controls-pager-block-page-link:hover,
a.default-controls-pager-block-page-link:hover{
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
  padding: 4px 0 0 0;
  border-radius: 2px;
  text-align: center;
  margin: 0 0 0 1px;
  box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.2);
  font-size: 16px;
}
/*--------- END: client addon `default` css code    ---------------------*/

/*--------- client addon `default` css code (device_type=0)  -*/
.page-main-content{
  background: #fff;
  clear: both;
  padding: 10px 0 0 0;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

.page-main-content blockquote{
  position: relative;
  border: #ccc solid 1px;
  margin:10px 40px;
  padding: 20px 50px 20px 50px;
  color:#333;
  background: #f0f0f0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-size: medium;
}
.page-main-content blockquote:before,
.page-main-content blockquote:after{
  position: absolute;
  left: 10px;
  top: 0;
  content: '❝';
  font-size: 48px;
  display: block;
  text-align: left;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
}
.page-main-content blockquote:after{
  content: '❞';
  left: auto;
  top: auto;
  right: 10px;
  bottom: -10px;
}


.page-main-content .colored,
.page-main-content .linkovka{
  position: relative;
  border: #ccc solid 1px;
  margin:10px 40px;
  padding: 20px 50px 20px 80px;
  color:#333;
  background: #f0f0f0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-size: medium;
}
.page-main-content .colored:before,
.page-main-content .linkovka:before{
  border: 2px solid #000;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  box-sizing: border-box;
  display: block;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  content: 'i';
  left: 20px;
  top: calc(50% - 20px);
}


.page-main-content .image-description{
  clear: both;
  text-align: center;
  font-size: small;
  color: #999;
  font-style: italic;
  padding: 5px 0 0 0;
  font-weight: normal;
  text-indent: 0;
}

.page-main-content h1,
.page-main-content h2,
.page-main-content h3{
  font-size: 24px;
  color: #000;
  padding: 0;
  font-weight: normal;
  margin: 5px 0 5px 0;
}



.page-main-content h2{
  font-size: 20px;
}

.page-main-content h3{
  font-size: 18px;
}

.page-main-content p{
  margin: 15px 0 15px 0;
}

.page-main-content ul{
  list-style: disc inside;
}

.page-main-content ul li{
  list-style: disc inside;
  padding: 0;
}

.page-main-content ul ul li{
  list-style: circle inside;
  padding: 0 0 0 20px;
}
.page-main-content ul ul ul li{
  list-style: square inside;
}

.page-main-content ol li{
  list-style: decimal inside;
  padding: 0;
}
.page-main-content ol ol li,
.page-main-content ol ul li{
  padding: 0 0 0 20px;
}

.page-main-content pre{
  padding: 10px;
  background: #ddd;
  margin: 5px 0 5px 0;
  border-radius: 10px;
}

.page-main-content table{
  border-collapse: collapse;
  margin: 5px 0 5px 0;
}

.page-main-content table caption{
  font-style: italic;
}
/*--------- END: client addon `default` css code    ---------------------*/

/*
     */
/*
*/