#pageMain,
.caption {
  -webkit-font-smoothing: subpixel-antialiased;
}
.caption {
  background: #fff;
}

div.seealso {
  margin-left:-0.9em;
  margin-bottom: 1.3em;
}
.seealso span.active_menu {
  background-color: #eeead5;
}
.seealso span.menu {
  z-index: 1;
  font:normal 11px Verdana;
  line-height:16px;
  color:#000000;
  padding:3px 16px 3px 1.08em;
  position: relative;
}
div.soviet{
  position: relative;
  margin: 0;
  padding: 0;
}
div.sovietcallout {
  position: absolute;
  text-align:left;
  font-size: 0.7em;
}

div.sovietcalloutline {
  position: absolute;
  background: url('../../../i/callout.png') no-repeat left top;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../i/callout.png,sizingMethod=crop);
}

.b-video-container iframe, .b-video-container .b-video-link {
  margin: 0px auto 0.5em;
}

.b-video-link.b-video-link--big {
  height: auto;
  width: auto;
}

.b-video-link {
  border: medium none currentColor;
  display: block;
  height: 70px;
  margin: 0px auto 0.5em;
  position: relative;
  width: 120px;
}

.b-video-link .frame {
  background-position: 50% 50%;
  display: block;
  height: 70px;
  position: relative;
  width: 120px;
  z-index: 2;
}

.b-video-link.b-video-link--big .play {
  background: url("play--big.png") no-repeat scroll 0 0 transparent;
  display: block;
  font-size: 0;
  height: 97px;
  left: 50%;
  line-height: 0;
  margin-left: -48px;
  margin-top: -59px;
  position: absolute;
  top: 50%;
  width: 97px;
}

.examples {
  min-width: 0px;
  margin: 0;
}

.examples li {
  float: left;
  margin: 0 0 40 0 !important;
  padding: 0;
}

.examples li img {
  margin: 0;
  background-color: white;
}

.refresh_tip {
  background: url("../i/icons/refresh.png") no-repeat;
  display: block;
  background-size: 20px 40px;
  width: 20px;
  height: 20px;
  right: 7px;
  top: 7px;
}

.refresh_tip:hover {
  background: url("../i/icons/refresh.png") no-repeat;
  background-size: 20px 40px;
  background-position-y: -20px;
}

.refresh_tip_hovered {
  background: url("../i/icons/refresh.png") no-repeat;
  background-size: 20px 40px;
  background-position-y: -20px;
}

.oneimg {
/*   padding-left: 0.945em; */
}

.rotation {
  animation: rotation 2s forwards;
}

.unrotation {
  animation: unrotation 2s forwards;
}

@-webkit-keyframes rotation {
  20% {transform:  translateY(-5%) rotate(0.01deg);}
  80% {transform:  translateY(-5%) rotate(180deg);}
  100% {transform: rotate(180deg)  translateY(0);}
}

@-webkit-keyframes unrotation {
  0% {transform: rotate(-180deg) translateY(0);}
  20% {transform:  translateY(-5%) rotate(-180deg);}
  80% {transform:  translateY(-5%) rotate(0);}
  100% {transform:  translateY(0) rotate(0);}
}

.rotate-control {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}


  .hovered{
    color: #b30;
  border-color: #b30;
  }



.dama-control-rotation {
  -webkit-animation: dama-control-rotation 2s forwards;
}

.dama-control-unrotation {
  -webkit-animation: dama-control-unrotation 2s forwards;
}

@-webkit-keyframes dama-control-rotation {
  from {
      -webkit-transform:rotate(0deg);
  }
  to {
      -webkit-transform:rotate(360deg);
  }
}

@-webkit-keyframes dama-control-unrotation {
  from {
      -webkit-transform:rotate(-360deg);
  }
  to {
      -webkit-transform:rotate(0);
  }
}

.tile {
  display: flex;
  margin: 0 6% 50px;
  padding: 0 0 0 0;
}

.tile-main {
  margin-right: 2%;
  flex: 783;
}

.tile-top {
  margin-bottom: 20px;
}

.tile-side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 300;
}

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

.tile-cols {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}

.tile-col {
  margin: 0 10px;
  flex: 1;
}

.tile-col_thin {
  flex: .5;
}