/**
 * W3C theme for Shower HTML presentation engine
 * shower-w3c v1.0.1 by Daniel Davis
 * Based on shower-ribbon v1.0.9, https://github.com/shower/ribbon
 * Copyright © 2010–2014 Vadim Makeev, http://pepelsbey.net
 * Licensed under MIT license: github.com/shower/shower/wiki/MIT-License
 */

@font-face {
font-style:italic;
font-weight:700;
font-family:'PT Mono';
src:url(../fonts/PTMono.woff) format(woff);
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1;
counter-reset:slide;
font:24px/2 TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#777F2D;
background:linear-gradient(totop,currentColor,currentColor.09em,transparent.09em,transparent)repeat-x;
text-decoration:none;
}

.caption {
display:none;
color:#3C3D40;
text-shadow:0 1px 1px #8D8E90;
margin:0 0 50px;
}

.caption h1 {
font:700 48px/1 "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
}

.caption a {
text-shadow:0 -1px 1px #005a9c;
background:0 0;
}

.caption a:hover {
color:#5e93c8;
}

.badge {
position:absolute;
top:0;
right:0;
display:none;
overflow:hidden;
visibility:hidden;
width:11em;
height:11em;
line-height:2.5;
font-size:15px;
}

.badge a {
position:absolute;
bottom:50%;
right:-50%;
left:-50%;
visibility:visible;
background:#005a9c;
-webkit-box-shadow:0 0 1em rgba(0,0,0,.3);
box-shadow:0 0 1em rgba(0,0,0,.3);
color:#FFF;
text-decoration:none;
text-align:center;
-webkit-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transform:rotate(45deg)translateY(-1em);
-ms-transform:rotate(45deg)translateY(-1em);
transform:rotate(45deg)translateY(-1em);
}

.badge a:hover {
background:#568ec6;
}

.live-region {
display:none;
}

.slide {
position:relative;
width:1024px;
height:640px;
color:#BEBEBE;
-webkit-print-color-adjust:exact;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;
background: #000 url('../../../../pictures/background.jpg') no-repeat center center;

}

.slide:after {
position:absolute;
top:0;
right:119px;
width:60px;
height:100px;
background:url(../images/ribbon_w3c.svg) no-repeat;
color:#FFF;
counter-increment:slide;
content:counter(slide);
text-align:center;
font-size:20px;
padding:50px 0 0;
}

.slide>div {
position:absolute;
top:0;
left:0;
overflow:hidden;
width:784px;
height:535px;
padding:105px 120px 0;
}

.slide h2 {
color:#BEBEBE;
font:normal 48px/1 'Oranienbaum',Georgia, Times, Times New Roman, serif;
margin:0 0 37px;
text-transform: uppercase;
font-stretch: condensed;
}

.slide h3 {
color:#BEBEBE;
font:normal 36px/1 'Oranienbaum',Georgia, Times, Times New Roman, serif;
margin:0 0 25px;
}

.slide p {
margin:0 0 50px;
}

.slide p.tight {
  margin-bottom: 25px;
}

.slide p.note {
color:#666;
}

.slide b,.slide strong {
font-weight:700;
}

.slide kbd,.slide code,.slide samp {
border-radius:8px;
background:#fafaa2;
color:#333;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
line-height:1;
font-family:monospace;
padding:3px 8px;
}

.slide kbd,.slide code,.slide samp {
background:rgba(0,0,0,.07);
color:#000;
line-height:1;
font-family:'PT Mono',monospace;
}

.slide mark {
background:#FAFAA2;
}

.slide sub,.slide sup {
position:relative;
line-height:0;
font-size:75%;
}

.slide sub {
bottom:-.25em;
}

.slide sup {
top:-.5em;
}

.slide blockquote:before {
position:absolute;
color:#CCC;
font:200px/1 "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
content:'\201C';
margin:-16px 0 0 -80px;
}

.slide blockquote+figcaption {
font-style:italic;
font-weight:700;
margin:-50px 0 50px;
}

.slide ol,.slide ul {
counter-reset:list;
margin:0 0 50px 50px;
}

.slide ol li,.slide ul li {
text-indent:-2em;
}

.slide ol.tight li, .slide ul.tight li {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

.slide ol li:before,.slide ul li:before {
display:inline-block;
width:2em;
color:#BBB;
text-align:right;
}

.slide ol ol,.slide ol ul,.slide ul ol,.slide ul ul {
margin:0 0 0 1em;
}

.slide ul>li:before {
content:'~\00A0\00A0';
font-weight: bold;
}

.slide ul>li:lang(ru):before {
content:'\2014\00A0\00A0';
}

.slide ol>li:before {
counter-increment:list;
content:counter(list)".\00A0";
}

.slide pre {
counter-reset:code;
white-space:normal;
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
margin:0 0 49px;
padding:1px 0 0;
}

.slide pre code {
display:block;
background:0 0;
white-space:pre;
line-height:2;
padding:0;
}

.slide pre code:before {
position:absolute;
margin-left:-50px;
color:#BBB;
counter-increment:code;
content:counter(code,decimal-leading-zero)'.';
}

.slide pre code:only-child:before {
content:'';
}

.slide pre mark.important {
background:#005a9c;
color:#FFF;
}

.slide pre mark.comment {
background:0 0;
color:#666;
padding:0;
}

.slide table {
width:100%;
border-collapse:collapse;
border-spacing:0;
margin:0 0 50px;
}

.slide table th,.slide table td {
background:linear-gradient(totop,#bbb,#bbb.055em,transparent.055em,transparent)repeat-x;
}

.slide table th {
text-align:left;
font-weight:700;
}

.slide table.striped tr:nth-child(even) {
background:#EEE;
}

.slide.cover,.slide.shout {
z-index:1;
}

.slide.cover {
background:#000;
}

.first.slide.cover .banner {
  position: absolute;
  top: 3em;
  right: 22em;
}

.first.slide.cover .banner h2 {
  font-family: "StrangeloveText";
  text-shadow: 0px 0px 2px #000000;
}

.slide.cover .strange .thirty {
  font-size: 550%;
  color: blue;
  position: absolute;
  left: 0;
}

.slide.cover .strange .second {
  display: inline-block;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute;
  left: 95px;
  top: 89px;
  font-size: 235%;
}

.slide.cover .strange .access,
.slide.cover .strange .ibility,
.slide.cover .strange .checks {
  font-size: 170%;
  left: 243px;
  letter-spacing: 4px;
  position: absolute;
  top: 39px;
}

.slide.cover .strange .access,
.slide.cover .strange .ibility {
  color: red;
}
  
.slide.cover .strange .ibility {
  top: 108px;
  letter-spacing: 7px;
}
.slide.cover .strange .checks {
  top: 174px;
}

.slide.cover .banner {
  background-color: rgba(51, 51, 51, 0.5);
  width: 100%;
  padding: 37px 10em 1px;
  margin-top: 5em;
  margin-left: -10em;
}

.first.slide.cover .banner {
  background-color: transparent;
  width: auto;
  padding: 0;
  margin: 0;
}
.first.slide.cover .banner h3 {
  font-family: "StrangeloveText";
  text-shadow: 0px 0px 2px #000000;
  font-size: 300%;
  text-align: left;
  position: absolute;
  top: 3em;
  left: -1em;
  width: 6em;
  line-height: 0.65em;
}

.slide.cover .banner.light {
  background-color: rgba(245, 245, 245, 0.8);
}
.slide.cover .banner.light h2 {
  color: #333;
}
.slide.cover .banner.low {
  margin-top: 13.5em;
  float: right;
  margin-left: 0;
  margin-right: -6em;
  padding: 37px 2em 1px;
  width: 50%;
}

.slide.cover .banner.low h2 {
  font-size: 38px;
  text-align: left;
  font-family: 'Pacifico', 'Satisfy', cursive;
  text-shadow: 3px 3px 0px rgba(180, 180, 180, 1);
  text-transform: none;
  font-stretch: normal;
}

.slide.cover h2 {
    color: #fff;
    font-size: 56px;
    text-align: center;
}
.slide.cover h3 {
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 1.2em;
    width: 90%;
    padding: 0 1em;
    margin-top: 1em;
}
.slide.cover p {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    margin: 10px 0 0;
    text-align: center;
}

.slide.cover img,.slide.cover svg,.slide.cover video,.slide.cover object,.slide.cover canvas,.slide.cover iframe {
position:absolute;
top:0;
left:0;
z-index:-1;
}

.slide.cover.w img,.slide.cover.w svg,.slide.cover.w video,.slide.cover.w object,.slide.cover.w canvas,.slide.cover.w iframe {
top:50%;
width:100%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}

.slide.cover.h img,.slide.cover.h svg,.slide.cover.h video,.slide.cover.h object,.slide.cover.h canvas,.slide.cover.h iframe {
left:50%;
height:100%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
}

.slide.cover.w.h img,.slide.cover.w.h svg,.slide.cover.w.h video,.slide.cover.w.h object,.slide.cover.w.h canvas,.slide.cover.w.h iframe {
top:0;
left:0;
-webkit-transform:none;
-ms-transform:none;
transform:none;
}

.slide.shout h2 {
position:absolute;
top:50%;
left:0;
width:100%;
text-align:center;
line-height:1;
font-size:140px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}

.slide.shout.quiet h2 {
  font-size: 90px;
}

.slide.shout h2 a {
background:linear-gradient(totop,currentColor,currentColor.11em,transparent.11em,transparent)repeat-x;
}

.slide .place {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

.slide .place.t.l,.slide .place.t.r,.slide .place.b.r,.slide .place.b.l {
-webkit-transform:none;
-ms-transform:none;
transform:none;
}

.slide .place.t,.slide .place.b {
-webkit-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0);
}

.slide .place.l,.slide .place.r {
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
transform:translate(0,-50%);
}

.slide .place.t,.slide .place.t.l,.slide .place.t.r {
top:0;
}

.slide .place.r {
right:0;
left:auto;
}

.slide .place.b,.slide .place.b.r,.slide .place.b.l {
top:auto;
bottom:0;
}

.slide footer {
position:absolute;
left:0;
right:0;
bottom:-640px;
z-index:1;
display:none;
background:#fafaa2;
-webkit-box-shadow:0 0 0 2px #f0f0ac inset;
box-shadow:0 0 0 2px #f0f0ac inset;
-webkit-transition:bottom .3s;
transition:bottom .3s;
padding:20px 120px 4px;
}

.slide footer p {
margin:0 0 16px;
}

.slide footer mark {
background:rgba(255,255,255,.7);
}

.slide:hover footer {
bottom:0;
}

.list .slide {
float:left;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(.5);
-ms-transform:scale(.5);
transform:scale(.5);
margin:0 -412px -220px 0;
}

.list .slide:before {
position:absolute;
top:0;
left:0;
z-index:-1;
width:512px;
height:320px;
-webkit-box-shadow:0 0 30px rgba(0,0,0,.005),0 20px 50px rgba(42,43,45,.6);
box-shadow:0 0 30px rgba(0,0,0,.005),0 20px 50px rgba(42,43,45,.6);
border-radius:2px;
content:'';
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(2);
-ms-transform:scale(2);
transform:scale(2);
}

.list .slide:after {
top:auto;
right:auto;
bottom:-80px;
left:120px;
width:auto;
height:auto;
background:0 0;
color:#3C3D40;
text-shadow:0 1px 1px #8D8E90;
font-weight:700;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(2);
-ms-transform:scale(2);
transform:scale(2);
padding:0;
}

.list .slide:hover:before {
-webkit-box-shadow:0 0 0 10px rgba(42,43,45,.3),0 20px 50px rgba(42,43,45,.6);
box-shadow:0 0 0 10px rgba(42,43,45,.3),0 20px 50px rgba(42,43,45,.6);
}

.list .slide:target:before {
-webkit-box-shadow:0 0 0 10px #005a9c,0 20px 50px rgba(42,43,45,.6);
box-shadow:0 0 0 10px #005a9c,0 20px 50px rgba(42,43,45,.6);
}

.list .slide:target:after {
text-shadow:0 1px 1px rgba(42,43,45,.6);
color:#fff;
}

.list .slide>div:before {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:2;
content:'';
}

.full {
position:absolute;
top:50%;
left:50%;
overflow:hidden;
width:1024px;
height:640px;
background:#000;
margin:-320px 0 0 -512px;
}

.full.debug:after {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:2;
background:url(../images/grid-16x10.svg) no-repeat;
content:'';
}

.full .live-region {
position:absolute;
clip:rect(0000);
overflow:hidden;
width:1px;
height:1px;
border:none;
display:block;
margin:-1px;
padding:0;
}

.full .slide {
position:absolute;
top:0;
left:0;
margin-left:150%;
}

.full .slide:target {
margin:0;
}

.full .slide.shout.grow h2,.full .slide.shout.shrink h2 {
opacity:0;
-webkit-transition:all .4s ease-out;
transition:all .4s ease-out;
}

.full .slide.shout.grow:target h2,.full .slide.shout.shrink:target h2 {
opacity:1;
-webkit-transform:scale(1)translateY(-50%);
-ms-transform:scale(1)translateY(-50%);
transform:scale(1)translateY(-50%);
}

.full .slide.shout.grow h2 {
-webkit-transform:scale(.1)translateY(-50%);
-ms-transform:scale(.1)translateY(-50%);
transform:scale(.1)translateY(-50%);
}

.full .slide.shout.shrink h2 {
-webkit-transform:scale(10)translateY(-50%);
-ms-transform:scale(10)translateY(-50%);
transform:scale(10)translateY(-50%);
}

.full .progress {
position:absolute;
right:0;
bottom:0;
left:0;
overflow:hidden;
height:10px;
z-index:1;
}

.full .progress div {
position:absolute;
left:-20px;
top:-10px;
width:0;
height:0;
border:10px solid transparent;
border-bottom-color:#005a9c;
-webkit-transition:width .2s linear;
transition:width .2s linear;
}

@page {
size:1024px 640px;
margin:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.list .caption,.list .badge,.list .slide footer {
display:block;
}

section {
  position: relative;
}

.slide i,.slide em,.slide blockquote {
font-style:italic;
}

.slide.cover:after,.full .slide .next {
visibility:hidden;
}

.slide .place.l,.full .progress div[style*='100%'] {
left:0;
}

.list .slide.cover:after,.list .slide.shout:after,.full .slide .next.active {
visibility:visible;
}

.slide .two-columns {
  -moz-column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-count: 2;
  -webkit-column-gap: 2em;
  column-count: 2;
  column-gap: 2em;
}

.slide .horiz {
  display: flex;
}

.slide .nowrap li {
  white-space: nowrap;
}

.slide .bottom {
  position: absolute;
  bottom: 1em;
  left: 15em;
}

.slide img.overlap {
  position: absolute;
  top: 9em;
  left: 9em;
}

@media print{
body {
text-rendering:geometricPrecision;
}

.slide {
page-break-before:always;
}
}

@media screen{
.list {
position:absolute;
clip:rect(0,auto,auto,0);
background:#585A5E url(../images/linen.png);
padding:80px 0 40px 100px;
}
}

@media -webkit-min-device-pixel-ratio2,min-resolution192dpi{
.list {
background-image:url(../images/linen@2x.png);
background-size:256px;
}
}

@media max-width1324px{
.list .slide {
-webkit-transform:scale(.25);
-ms-transform:scale(.25);
transform:scale(.25);
margin:0 -688px -400px 0;
}

.list .slide:before {
width:256px;
height:160px;
-webkit-transform:scale(4);
-ms-transform:scale(4);
transform:scale(4);
}

.list .slide:after {
bottom:-104px;
-webkit-transform:scale(4);
-ms-transform:scale(4);
transform:scale(4);
}

.list .slide:target:before {
box-shadow:0 0 0 1px #376da3,0 0 0 10px #4B86C2,0 20px 50px rgba(42,43,45,.6);
}
}