.iremember
{
    width:980px;
    padding:0px;
    margin-top:10px;
}

.iremember-left
{
    float: left;
    border: 1px solid #d5d5d5;
    padding: 3px 4px;
}

.iremember-left div {
    width: 200px;
    height: max-content;
    overflow: hidden;
    max-height: 240px;
    min-height: min-content;
}

.iremember-left img
{
    height: max-content;
	min-width: 100%;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

.iremember-right
{
    float:right;
    width:762px;
}

.iremember-caption 
{
    width:100%;
    background-color:#bec1c3;
}

.iremember-caption h4
{
    padding:7px;
    color:#3d3737;
    font-size:12pt;
    line-height: 24px;
    font-family: Roboto;
}

.iremember-caption h4.capt
{
    min-height:24px;
    padding:7px;
    color:#3d3737;
    font-size:14pt;
    height:80px;
    font-weight:bold;
    text-transform:uppercase;
}

.iremember-desc
{
    margin-top:6px;
    width:100%;
    color:#000;
}

.iremember-caption h4.mini
{
    margin-top:4px;
    padding: 5px;
    background-color: #d5d5d5;
    min-height: 24px;
    color: #000;
    font-size: 12pt;
    font-weight: normal;
    line-height: 24px;
    height:62px;
}

.iremember-desc h5.mini
{
    padding:5px;
    background-color:#b0f5bd;
    height:150px;
    color:#000;
    font-size:14pt;
    font-weight:normal;
}

.iremember-desc .maximum
{
    min-height:100px;
    padding:7px;
    border: 1px solid #d5d5d5;
    background-color:#fff;
    text-align:justify;
    color:#000;
    overflow:auto;
    max-height:400px;
    font-size:14pt;
    font-weight:normal;
}

.icolor-desctop
{
    background-color:#000;
}

.icolor-descbottom
{
    background-color:#fff;
}

.carousel  
{
   max-width: 1080px; /* ширина всего блока */
   margin: 5px auto;
   width:100%;
}
.carousel-wrapper 
{
   margin: 5px px; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   position:relative;
}
.carousel-items 
{
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block
{
   float: left; /* выстраиваем все элементы карусели в ряд */
   padding: 5px; /* делаем оступы, чтобы элементы не сливались */
   margin:0 auto 0 auto;
}
.carousel-block img
{
   display:block;
   border:1px solid #d5d5d5;
   height:120px;
}
 
/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 25px;
   height: 36px;
   position: relative;
   top: 55px;
   cursor: pointer;
   text-decoration:none;
}
.carousel-button-left a{
   float: left;
   background: url(../images/carousel-left.png);
}
.carousel-button-right a{
   float: right;
   background: url(../images/carousel-right.png);
}
 
/*********** SHADOW ***********/
.shadow{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}


/********** Chronicle *********/

a.chron
{
    border: 1px solid #DDD; 
    border-radius: 4px; 
    height: 230px; 
    transition: all 0.2s ease-in-out 0s; 
    padding:2px; 
    display: inline-block; 
    text-decoration: none;
}

a.chron div.hover
{
    position: relative;
    z-index: 2;
    border: 1px solid #DDD;
    border-radius: 4px;
    height: 230px;
    transition: all 0.2s ease-in-out 0s;
    text-decoration: none;
    background-color: #62553f;
    opacity: 0;
    top: -430px;
    display: block;
}

a.chron div.hover:hover
{
    opacity: 0.4;
}

a.chron div.head
{
    position: relative; 
    z-index: 1; 
    width: 280px; 
    height: 100px; 
    padding: 0; 
    margin:50px auto;
    top: -210px; 
    vertical-align: middle; 
    text-align: center; 
    word-spacing: normal;
}

a.chron .head h4
{
    font-family: Roboto; 
    font-size: 18pt; 
    font-weight: bold;
    font-style: normal; 
    text-decoration: none; 
    color: #263d4b; 
    line-height: 30px;
}

/******** Детали галереи ***********/

.gallery
{
    margin-left:20px;
    min-height:250px;
}

.gallery ul
{
    list-style:none;
    display: table;
}

.gallery .thumbdiv ul li
{
    float: left;
    width: 300px;
    overflow: hidden;
    height: 230px;
}

.gallery .thumbdiv
{
   background-color:#fff;
}

.gallery .thumbdiv ul li
{
   margin-top:10px;
   margin-left:10px;
   border: 1px solid #c0c0c0;
}
.gallery .thumbdiv ul li img
{
   padding:2px;
}

.gallery .thumbdiv .desc {
    height: 45px;
    padding: 5px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-bottom: 1px solid #c0c0c0;
    text-align: center;
}