html, body { margin:0; padding:0; background:#222; }
_html, _body { position:absolute; z-index:1; left:0; top:0; width:100%; }
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-family: 'Open Sans Condensed', sans-serif;
  __font-family: 'Dosis', sans-serif;
  font-size: 20px;
  line-height: 1.5;
  _font-weight: 300;
  _font-weight: 500;
  background-color: #fdfdfd;
  -webkit-font-smoothing: subpixel-antialiased;
}
h1,h2,h3 { font-size: 20px; }
h3 { font-size: 18px; }
h1,h2,h3,h4,h5,h6 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  }
p { display: block; }
video {
  z-index:2;
  position:fixed;
  right:0;
  bottom:0;
  min-width:100%;
  min-height:100%;
  width:auto;
  height:auto;
  left:120px;
  __background:url('assets/video/p5R.2.png') no-repeat;
  __background-size:cover;
  
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  
}
#vidi {
  z-index:22;
  position:fixed;
  right:0;
  bottom:0;
  top:0;
  left:420px;
  background:#fff;
  
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  
}
#vidi video {
  position:relative;
  min-width:1%;
  min-height:1%;
  min-width:550px;
  width:100%;
  top:70px;
  left:0;
  padding:0 20px 20px;
  overflow: hidden;
  _padding:0;
}
#vidi div.mask {
  z-index:23;
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  height:20px;
  background:#fff;
  _display: none;
}
#uptxt.vidi span {
  __background: transparent;
  __background: #ddd;
  background:rgba(200,200,200,0.2);
  line-height: 45px;
}
cite {
    font-style: italic;
}
p.more > cite {
    display: block;
    padding-left: 30px;
}
.hide { display:none; }
span.dark { color: #777; }
h1 {
  font-size:2.2rem;
  text-transform:uppercase;
  margin-top:0;
  letter-spacing:.3rem;
}
hr.separator {
  float:none;
  clear:both;
  border:none;
  height:1px;
  margin:5px 0;
}
hr.separator.plus {
  margin:10px 0;
}
hr.copyright.separator {
  margin:10px 0;
}
hr.copyright.separator.minus {
  margin:-15px 0 10px;
}
hr.separator.amore {
  margin:5px 0;
  display: none;
}
.copyright {
  float:none;
  clear:both;
  margin:30px -1px 20px;
  font-family: Verdana;
  font-size: 10px;
  line-height: 12px;
  color:#555;
  __text-align: justify;
}
.copyright a,
.copyright a:visited { padding:2px 3px; }
a,
a:visited { display:inline-block; text-decoration:none;
    color:#666; background:rgba(0,0,0,0.2);
    padding:2px 5px; transition:0.9s background;
    }
a:hover { background:rgba(0,0,0,0.7); text-decoration: none;
    }
a.home, a.home:visited { display:inline; color:inherit; background:none; padding:inherit; }
a.home:hover { background:none; }
a.e, a.e:visited { display:inline; color:inherit; background:none; padding:inherit; }
a.e:hover { background:none; text-decoration: underline; }
a.morteN {
  cursor:crosshair;
  cursor:help;
  cursor:alias;
  __cursor:progress;
  __cursor:wait;
  __border-top:1px solid transparent;
}
a.morteN:hover {
  __border-top:1px solid rgb(111,111,111);
  background: #777;
  color: #222;
}
a.orange {
  border-bottom:1px solid transparent;
}
a.orange:hover {
  border-bottom:1px solid rgb(255,65,0);
}
a.pede {
  border-bottom:1px solid transparent;
}
a.pede:hover {
  border-bottom:1px solid rgb(333,333,333);
}
a.int__, a.int__:visited { border-bottom:1px solid transparent; }
a.int__:hover { border-bottom:1px solid rgb(255,65,0); }
a.ext, a.ext:visited { border-bottom:1px solid transparent; }
a.ext:hover { border-bottom:1px solid rgb(45,95,195); }
div#stick {
  z-index:222;
  position:fixed;
  right:80px;
  top:40px;
  width:300px;
  height:10px;
  _background:#fff;
}
div#polina {
  z-index:55;
  position:absolute;
  right:50px;
  top:0;
  width:300px;
  margin:5px 0 50px;
  padding:30px;
  background:rgba(0,0,0,0.5);
  color:white;
  
  __-webkit-transform: translate3d(0px, 100px, 0px);
  __-webkit-text-stroke: 0.55px;
  __-webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}
div#disk {
  width:auto;
  margin:-30px -30px 30px;
  padding:0px;
  background:#fff;
}
div#disk .content {
  _width:auto;
  width:340px;
  height:auto;
  margin:0px;
  padding:10px;
  __background:#f5f5f5;
}
#polina, #stick
{
  display: none;
}
#uptxt {
  z-index:22;
  position:absolute;
  left:440px;
  top:20px;
}
#uptxt span {
  font-size: 22px;
  line-height: 38px;
  __line-height: 45px;
  margin:0;
  padding:3px 10px 3px 5px;
  background: #f5f5f5;
  background:rgba(500,500,500,0.7);
  background:rgba(5,5,5,0.7);
  color: #aaa;
}
#secondary {
  z-index:333;
  position:fixed;
  top:   0px;
  bottom:0px;
  left: 20px;
  left: 60px; 
  width:360px;
  padding: 0px 40px;
  padding: 10px;
  overflow: hidden;
  background:#333;
  color:#f5f5f5;
  font-size: 16px;
  line-height: 18px;
  -webkit-box-shadow: inset -10px 0 5px -5px #222;
     -moz-box-shadow: inset -10px 0 5px -5px #222;
          box-shadow: inset -10px 0 5px -5px #222;
  
  xxx---box-shadow: inset 10px -5px 5px #222, inset -10px 0 5px -5px #222;
  
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  
}
#secondary > div {
  height:100%;
  padding:0px 20px;
  background:#555;
  background:transparent;
  overflow:auto;
}
p.amore, p.more {}
p.amore { display: inline; }
p.more { display: none; }
a.more { cursor: pointer; }
__a.more { float:right; }
__p.more { margin-top: 10px; }
p.more img { width: 100%; padding: 20px 0; }
__a.more {
  cursor: pointer;
  float:right;
  _border-radius: 15px;
  border-left: 15px solid #777;
  border: 1px solid #777;
  border-left: 15px solid #777;
}
a.more {
  __cursor: pointer;
  __float:right;
  _border-radius: 25px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  line-height:19px;
  padding:0px 6px 3px 3px;
  margin-top:-1px;
  text-decoration: none;
  background: #555;
  color:#222;
}
a.more:hover {
  background: #777;
  color:#222;
}
span.glyphicon {
  color:#333;
  padding-right:2px;
}
@media screen and (max-width: 420px) {
    video { display:none; }
    #uptxt { display:none; }
    __.bleed { display:none; }
    #secondary { left:60px; right:0px; top:0px; width:auto; padding:0;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    #secondary > div { margin:0; padding:20px; }
}
