#sfeer1 {width:100%;height:150px;overflow:hidden;background:#06c url(../../img/b/web3.jpg) 50% 50% no-repeat;background-size:cover;position:relative;z-index:1;outline:3px solid #06c;}
.tBlk {padding:35px 0;text-align:center;}
.Ref {display:inline-block;width:320px;height:240px;background:#e3eaef url(../../img/ref/_def.jpg) 50% 50% repeat;position:relative;box-shadow:0 0 2px #ccc;margin-bottom:9px;}
.Ref b {color:transparent;display:none;}
.Ref .Ovl {position:absolute;bottom:0;left:0;width:100%;max-height:0;overflow:hidden;padding:0;font-size:90%;background:rgba(36,36,36,.8);color:#aaa;z-index:3;-webkit-transition:max-height 0.1s, padding 0.2s;-moz-transition:max-height 0.1s, padding 0.2s;-o-transition:max-height 0.1s, padding 0.2s;transition:max-height 0.1s, padding 0.2s;}
.Ref:hover .Ovl, .Ref:focus .Ovl {max-height:99px;padding:12px 0;-webkit-transition:max-height 0.2s, padding 0.3s;-moz-transition:max-height 0.2s, padding 0.3s;-o-transition:max-height 0.2s, padding 0.3s;transition:max-height 0.2s, padding 0.3s;}
#videoPan {text-align:center;background:#333;padding:25px 0;margin:9px 0;box-shadow:1px 1px 9px #000 inset;}
#videoPan iframe {width:480px;height:270px;margin:7px;}
@media all and (min-width:990px){
 .Ref:nth-child(3n) {margin:0 9px 9px;}
 #videoPan iframe {box-shadow:1px 1px 7px #000;}
}
@media all and (max-width:989px){
 .Ref {margin:9px 0;}
 .lrPad {padding-left:15px;padding-right:15px;}
 #videoPan iframe {margin:15px 0;}
}