/*!
 * History
 *
 * Copyright 2012 Art Lebedev Studio
 * Created Ibliaminov Albert (rie@artlebedev.ru) aka Rie
 *
 */

.b-history {
  margin:-5px -40px 0;
  background:url(/f/resources/mama-tech.jpg) 107% 1em no-repeat;
  position: relative;
  z-index:1;
}

.b-history h3 {
  margin-top:0;
  padding-top:0;
}

.b-history__wrapper {
  padding:0 40px;
  position: relative;
  z-index:2;
}

/*.b-history__wrapper h3 span {*/
  /*position: relative;*/
  /*display: inline-block;*/
  /*margin-right: 40px;*/
/*}*/

/*.b-history__wrapper h3 span:after {*/
  /*position: absolute;*/
  /*top: 0.65em;*/
  /*background: url("/f/resources/mama-icons.png");*/
  /*content: "";*/
  /*right:-40px;*/
  /*width: 34px;*/
  /*height: 41px;*/
  /*background-position: -120px 0px;*/
  /*margin-top: -18px;*/
/*}*/

.b-history__extra {
  padding-right:50px;
  padding-top:0;
  margin-left:-20px;
}
.b-history__extra h3 {
  line-height:1.2;
  margin-bottom:.7em;
}

.b-history__item,
.b-history__item:hover {
  position:relative;
  height:280px;
  display: block;
  border-bottom: none;

  color: black !important;
}

.b-history__item-title {
  margin-top:5px;
}

.b-history__item-content {
  position:absolute;
  right:0px;
  top:0;
  left:-20px;
  padding:0 20px 0 0;

  padding-bottom:30px;
  display: block;
}

.b-history__item-wrapper {
  overflow: hidden;
  max-height:240px;
  position: relative;
  padding-left:20px;
  display: block;
}

.b-history__wrapper .span8 .comment .b-icon {
  top: -10px;
}

.b-history__item-wrapper:after {
  content: '';
  display: block;
  right:0;
  left:0;
  bottom:0;
  position:absolute;
  height:30px;
  background: url(/f/resources/mama-white-fade.png) top left repeat-x;
}

.b-history__item.hover {
  padding-right:215px;
  background:white;
  z-index:2;
  overflow: visible;
  display: block;
}

.b-history__item.hover .b-history__item-content {
  -webkit-box-shadow: 0 5px 38px rgba(0,93,138,0.75);
  -moz-box-shadow: 0 5px 38px rgba(0,93,138,0.75);
  box-shadow: 0 5px 38px rgba(0,93,138,0.75);

  background: white;
}

.ie8 .b-history__item .b-history__item-content {
  border: 1px solid rgb(255,255,255);
}
.ie8 .b-history__item.hover .b-history__item-content {
  border: 1px solid rgb(0,93,138);
}


.b-history__item h5 span {
  border-bottom:none;
}
.b-history__item .cwb__back,
.b-history__item:hover .cwb__back {
  background: none;
  color:inherit;

  color: #2088FF;
  color: rgb(32,136,255) !important;
  border-color: #2088FF !important;
  border-color: rgba(32,136,255,.3) !important;
}

.b-history__item.hover .h5 span.cwb,
.b-history__item.hover .h5 span.cwb__back {
  color: white !important;
  border-color: rgb(255,255,255) !important;
  border-color: rgba(255,255,255,.3) !important;
}

.b-history__item.hover .cwb__back {
  background: rgb(255,43,61);
}


.b-history__link {
  padding-top:.5em;
  font-style:italic;
  display: block;
}

.b-history__item-summary {
  margin-top:15px;
}
.b-history__item-author {
  position: absolute;
  right:20px;
  bottom:0;
  left:20px;
  z-index:10;
}





















.b-history__gallery {
  height:500px;
  width:100%;
  position: relative;
  z-index:3;
  margin-bottom:-150px;
  /*background:url(/f/resources/mama-gray-fade.png) top left repeat-x;*/
}

.b-history__gallery-wrapper {
  width:800px;
  height:600px;
}

.b-history__gallery-layer {
  position:absolute;
  height:100%;
  width:100%;
}
.b-history__gallery-layer_1 {
  top:-100px;
  z-index:4;
}
.b-history__gallery-layer_2 {
  top:-50px;
  z-index:3;
}
.b-history__gallery-layer_3 {
  top:50px;
  z-index:2;
}
.b-history__gallery-layer_4 {
  z-index:1;
}

.b-history__gallery-item {
  position:absolute;
  z-index:1;
}
.b-history__gallery-item .num {
  position: absolute;
  font-size:150%;
  top:10px;;
  left:10px;
  color:white;
}
.ie8 .b-history__gallery-item img {
  max-width: none !important;
}


.b-history__gallery-panel {
  background: #ff2a3c;
  padding:10px 10px 10px 40px;
  width:17em;
  position:absolute;
  top:0;
  left:0;
  color: white;
  z-index:2;
  -webkit-box-shadow: 0 5px 38px rgba(103,19,0,.75);
  -moz-box-shadow: 0 5px 38px rgba(103,19,0,.75);
  box-shadow: 0 5px 38px rgba(103,19,0,.75);
}
.b-history__gallery-panel-decor {
  height:14px;
  background:url(/f/resources/mama-perforation.png) top left repeat-x;
}
.b-history__gallery-panel h3 {
  margin-top:0;
}
.b-history__gallery-panel a,
.b-history__gallery-panel a:visited {
  color: white;
  border-color: rgb(255,255,255);
  border-color: rgba(255,255,255,.3);
}
.b-history__gallery-panel a:hover,
.b-history__gallery-panel .term:hover {
  color: yellow !important;
  border-color: rgb(255,255,0) !important;
  border-color: rgba(255,255,0,.3) !important;
}