/**
 * ------------------------------------------------------------------------
 * JA Wall Template for J25 & J33
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
 */

/* COMMON GRID ELEMENTS
--------------------------------------------------------- */
.wrap {
  clear: both;
  width: 100%;
}

.main {
  margin: 0 auto;
}

.inner {
/*  padding: 15px;  General element padding */
      padding-bottom: 5px;
}

.content-inner,
.sidebar-inner,
.aside-inner,
.menu-inner,
.search-inner,
.toolbar-inner,
.moduletable-inner {
  padding: 0; /* Reset. Set your padding in template.css */
}

.main,
.item,
.col {
  box-sizing: border-box; /* Box-sizing Mode */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* MASONRY PRESETS
--------------------------------------------------------- */
/* Percentage width reference:
- 100%   ~ 1 col
- 50%    ~ 2 cols
- 33.3%  ~ 3 cols
- 25%    ~ 4 cols
- 20%    ~ 5 cols
- 16.6%  ~ 6 cols
- 14.2%  ~ 7 cols
- 12.5%  ~ 8 cols
- 11.1%  ~ 9 cols
- 10%    ~ 10 cols
*/

/* Default (Medium) ----*/
.item {
  display: block;
  float: left;
  width: 25%; /* 4 cols */
  max-width: 100%
}

.item .item-inner {
  margin: 5px;
  padding: 0;
}

.grid-double {
  width: 50%;
}

.grid-triple {
  width: 75%;
}

/* Small ---*/
body.basegrid-s .item {
  width: 20%; /* 5 cols */
}

body.basegrid-s .grid-double {
  width: 40%;
}

body.basegrid-s .grid-triple {
  width: 60%;
}

/* Large ---*/
body.basegrid-l .item {
  width: 33.3%; /* 3 cols */
}

body.basegrid-l .grid-double {
  width: 66.6%;
}

body.basegrid-l .grid-triple {
  width: 100%;
}

/* X-Large ---*/
body.basegrid-xl .item {
  width: 50%; /* 2 cols */
}

body.basegrid-xl .grid-double,
body.basegrid-xl .grid-triple {
  width: 100%; /* No triple grid on X-Large */
}

/* Auto Inner Grids ---*/
.col {
  float: left;
}

.cols-1 .col {
  width: 100%;
}

.cols-2 .col {
  width: 50%;
}

.cols-3 .col {
  width: 33.3%;
}

.cols-4 .col {
  width: 25%;
}

.cols-5 .col {
  width: 20%;
}

/* MAIN CONTAINER
--------------------------------------------------------- */
#container .main {
  padding-top: 45px; /* Space for header */
  padding-right: 0.1%;
}

/* Content ---*/
#content {
  float: left;
  width: 100%;
}

body.has-aside #content {
  width: 47%;
}

/* Article content and aside share the desktop row equally. */
body.content-article-view.has-aside #content {
  width: 50%;
}

body.content-article-view.has-aside #aside {
  width: 50%;
}

body.gridview #content {
  width: 100% !important; /* full width on gridview */
}

/* Aside ---*/
#aside {
  float: right;
  width: 53%;
  
}

#aside .aside-col-1 {
    
}

#aside .aside-col-2 {
}

/* Sidebar ---*/
body.has-sidebar #container .container-main {
  padding-left: 120px; /* Space for sidebar */
}

#sidebar {
  margin-left: -120px;
  position: fixed;
  top: 70px; /* Space for header */
  width: 120px;
}

#sidebar, #sidebar .sidebar-inner {
	height: 100%;
}



.afisha-intro {
  position: relative;
  
}

.afisha-intro__content {
  position: relative;
  max-height: 4.8em;
  overflow: hidden;
  line-height: 1.6;
  cursor: pointer;
  transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  padding-left: 0.5em;
}

.afisha-intro__content p {
  margin-top: 0;
  margin-bottom: 0.8em;
}



.afisha-intro__fade {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2.5em;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(238, 238, 238, 1) 90%
  );
  transition: opacity 0.4s ease;
}

/* Развернутое состояние */
.afisha-intro.is-expanded .afisha-intro__fade {
  opacity: 0;
}