.b-media {
  zoom:1;
  margin: 0 -40px;
  padding: 0 40px 0;
}
.b-media:after {
  content:'';
  display: block;
  clear:both;
}

.b-media__more {
  text-align: center;
}

.b-media__more-link {
  width:178px;
  height: 73px;
  background: url(/f/resources/mama-icons.png) -122px -761px no-repeat;
  display: block;
  margin:0 auto;
  margin-bottom:-3em;
  cursor: pointer;
  border-bottom: none !important;
  opacity:1;
}
.b-media__more-link:hover {
  opacity:.6;
}

.b-media__element {
  width:250px;
  background: white;

  margin-bottom:20px;
  z-index:1;
}

.b-media__element:hover {
  z-index:2;
}

.b-media__element img {
  margin: 0 auto;
  display: block;
  padding:0;
  max-width:250px;
  margin:0;
  padding:0;
}

.b-media__element-header {
  padding-top: 0;
}

.b-media__element-wrapper {
  z-index:2;
  background:white;
  width:250px;

  border-top:3px solid #999;
  -webkit-box-shadow: 0 1px 5px rgba(159,194,211,7);
  -moz-box-shadow: 0 1px 5px rgba(159,194,211,7);
  box-shadow: 0 1px 5px rgba(159,194,211,7);
  border-radius: 3px;
}

.ie8 .b-media__element-wrapper {
  border-bottom: 1px solid rgb(159,194,211);
  border-left: 1px solid rgb(159,194,211);
  border-right: 1px solid rgb(159,194,211);
}


.b-media__element-content {
  padding:0 10px 10px;
  margin-top:-3px;
}
.b-media__element-content .comment {
  font-size:85%;
  font-style: italic;
}
.b-media__element-img {
  z-index:3;
  overflow: hidden;
  width:250px;
}
.b-media__element-img img {
  display: block;
  margin:0 auto;
}
.b-media__element-summary {
  margin-top: 10px;
}

.b-media__element-parent {
  font-size: 90%;
}
.b-media__element-parent .comment {
  margin-bottom:0;
}



.b-media__element_photo .b-media__element-wrapper {
  border-color: #adcd00;
}

.b-media__element_child .b-media__element-wrapper{
  border-color: #ed1c24;
}

.b-media__element_faq .b-media__element-wrapper {
  border-color: #0054ff;
}

.b-media__element_information .b-media__element-wrapper {
  border-color: #7a2a90;
}

.b-media__element_articles .b-media__element-wrapper {
  border-color: #00a300;
}

.b-media__element_smi .b-media__element-wrapper {
  border-color: #ff46ed;
}

.b-media__element_video .b-media__element-wrapper {
  border-color: #ff5100;
}

.b-media__element_news .b-media__element-wrapper {
  border-color: #00acff;
}


.b-media__element_photo.hover .b-media__element-wrapper {
  -webkit-box-shadow: 0 0px 43px rgba(173,205,0,92);
  -moz-box-shadow: 0 0px 43px rgba(173,205,0,92);
  box-shadow: 0 0px 43px rgba(173,205,0,92);
}

.b-media__element_child.hover .b-media__element-wrapper{
  -webkit-box-shadow: 0 0px 43px rgba(237,28,36,92);
  -moz-box-shadow: 0 0px 43px rgba(237,28,36,92);
  box-shadow: 0 0px 43px rgba(237,28,36,92);
}

.b-media__element_faq.hover .b-media__element-wrapper {
  -webkit-box-shadow: 0 0px 43px rgba(0,84,255,92);
  -moz-box-shadow: 0 0px 43px rgba(0,84,255,92);
  box-shadow: 0 0px 43px rgba(0,84,255,92);
}

.b-media__element_information.hover .b-media__element-wrapper {
  -webkit-box-shadow: 0 0px 43px rgba(122,42,144,92);
  -moz-box-shadow: 0 0px 43px rgba(122,42,144,92);
  box-shadow: 0 0px 43px rgba(122,42,144,92);
}

.b-media__element_articles.hover .b-media__element-wrapper {
  -webkit-box-shadow: 0 0px 43px rgba(0,163,0,92);
  -moz-box-shadow: 0 0px 43px rgba(0,163,0,92);
  box-shadow: 0 0px 43px rgba(0,163,0,92);
}

.b-media__element_smi.hover .b-media__element-wrapper {
  -webkit-box-shadow: 0 0px 43px rgba(255,70,237,92);
  -moz-box-shadow: 0 0px 43px rgba(255,70,237,92);
  box-shadow: 0 0px 43px rgba(255,70,237,92);
}

.b-media__element_video.hover .b-media__element-wrapper {
  -webkit-box-shadow: 0 0px 43px rgba(255,81,0,92);
  -moz-box-shadow: 0 0px 43px rgba(255,81,0,92);
  box-shadow: 0 0px 43px rgba(255,81,0,92);
}

.b-media__element_news.hover .b-media__element-wrapper {
  -webkit-box-shadow: 0 0px 43px rgba(0,172,255,92);
  -moz-box-shadow: 0 0px 43px rgba(0,172,255,92);
  box-shadow: 0 0px 43px rgba(0,172,255,92);
}

.ie8 .b-media__element.hover .b-media__element-wrapper,
.ie8 .b-media__element:hover .b-media__element-wrapper {
  border-color:#F47A5C !important;
}


.b-media__element_video .b-media__element-img {
  display: block;
  position: relative;
  z-index:1;
}
.b-media__element_video .b-media__element-img:before {
  content:'';
  position:absolute;
  width:60px;
  height:60px;
  display: block;
  background:url(/f/resources/mama-icons.png) -127px -704px no-repeat;

  top:50%;
  left:50%;

  margin-top:-30px;
  margin-left:-30px;
  z-index:2;
  cursor:pointer;
  opacity: .7;
}
.b-media__element_video .b-media__element-img:hover:before {
  opacity:1;
}




.b-media__element-images {
  position: absolute;
  top:30px;
  left: 0;
  width: 100%;
  height:10px;
  z-index:-1;
}
.ie8 .b-media__element-images {
  display: none;
}

.b-media__element-images img {
  width: 150px;
  position: absolute;
  display: block;
  left: 100%;
  border: 3px solid #fff;
  /*display: none;*/
  top:30px;
  margin: -30px 0 0 -100px;

  transform:rotate(0deg) scale(0.1,0.1);
  -ms-transform:rotate(0deg) scale(0.1,0.1);
  -moz-transform:rotate(0deg) scale(0.1,0.1);
  -webkit-transform:rotate(0deg) scale(0.1,0.1);
  -o-transform:rotate(0deg) scale(0.1,0.1);


  box-shadow: 0 2px 20px #aabdcb;
}
.b-media__element-image_2 {
  left:0 !important;
  margin: -30px -100px 0 0 !important;
}
.b-media__element.hover .b-media__element-images img {
  /*display: block;*/
}
.b-media__element-image_1 {
  z-index: 2;


  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.b-media__element-image_2 {

  -webkit-transition: -webkit-transform 0.3s ease 0.08s;
  -moz-transition: -moz-transform 0.3s ease 0.08s;
  -ms-transition: -ms-transform 0.3s ease 0.08s;
  -o-transition: -o-transform 0.3s ease 0.08s;
  transition: transform 0.3s ease 0.08s;
}
.b-media__element.hover .b-media__element-image_1 {
  /*margin: -20px 0 0 -30px;*/
  /*margin: -20px 0 0 -30px;*/
  z-index: 2;


  transform: rotate(10deg) translate(80px,0px);
  -ms-transform: rotate(10deg) translate(80px,0px); /* IE 9 */
  -webkit-transform: rotate(10deg) translate(80px,0px); /* Safari and Chrome */
  -o-transform: rotate(10deg) translate(80px,0px); /* Opera */
  -moz-transform: rotate(10deg) translate(80px,0px); /* Firefox */
}

.b-media__element.hover .b-media__element-image_2 {
  /*margin: 0 0 0 60px;*/

  transform:rotate(-30deg) translate(-80px,0px);
  -ms-transform:rotate(-30deg) translate(-80px,0px); /* IE 9 */
  -moz-transform:rotate(-30deg) translate(-80px,0px); /* Firefox */
  -webkit-transform:rotate(-30deg) translate(-80px,0px); /* Safari and Chrome */
  -o-transform:rotate(-30deg) translate(-80px,0px); /* Opera */
}

.b-media__element.notleft .b-media__element-image_2 {
  display: none;
}
.b-media__element.notright .b-media__element-image_1 {
  display: none;
}



.b-media__element_photo .b-media__element-wrapper {
  overflow: hidden;
}

.b-media__element_photo .b-media__element-content {
  position:absolute;
  bottom:0;
  background: rgba(0,0,0,.5);

  /*background: #000 url(data:image/svg+xml;base64,<P3htbCB2ZXJzaW9uPSIxLjAiID8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.7) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.7) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.7) 100%);

  color: white;
  right: 0;
  left:0;
  padding-top:10px;
  opacity: 0;

  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.ie8 .b-media__element_photo .b-media__element-content {
  background: url(/f/resources/half-black.png) !important;
  z-index:100;
}

.b-media__element_photo.hover .b-media__element-content {
  opacity: 1;
}

.b-media__element_photo .b-media__element-content a {
  color: white;
  border-color:rgb(255,255,255);
  border-color:rgba(255,255,255,.3);
}

.b-media__element_video .b-media__element-content {
  position:absolute;
  top:100%;
  background: #002e4f;
  color: white;
  right: 0;
  left:0;
  padding-top:10px;
  opacity: 0;

  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.b-media__element_video .b-media__element-content {
  top: auto;
  background: url(/f/resources/half-black.png) !important;
  bottom:0;
  z-index: 100;
}

.b-media__element_video.hover .b-media__element-content {
  opacity: 1;
}

.b-media__element_video .b-media__element-content a {
  color: white;
  border-color:rgb(255,255,255);
  border-color:rgba(255,255,255,.3);
}


.b-media__subscription {
  margin-bottom:5px;
}
.b-media__subscription-text {
  padding-top:1.5em;
}
.b-media__subscription-form {
  text-align: center;
}
.b-media__subscription-form .comment {
  margin-bottom:5px;
  font-style: normal;
}
.b-media__subscription-form form {
  background: #f1efee;
  position: relative;
  padding:20px 10px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.b-media__subscription-form input {
  margin:0 10px 10px;
}
.b-media__subscription-form form:before {
  display: block;
  position: absolute;
  content: '';
  background:url(/f/resources/mama-punkt.jpg) top left repeat-x;
  top:0;
  left:0;
  height:6px;
  width:100%;

  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}