<!--HTML--><div style="color:#7c0303; border:#7c0303;"><div class="blinkcontain"><div id="blinkapp"><img src="http://funkyimg.com/i/2pAQw.gif">

<input type="radio" id="app1" name="app" checked>
<label for="app1"></label>

<input type="radio" id="app2" name="app">
<label for="app2"></label>

<input type="radio" id="app3" name="app">
<label for="app3"></label>

<div class="blinkname">Соединенные Штаты<div class="blinknamesmall">апрель-май 2017</div></div>

<div class="taginfo"><ul><li>— Как часто вы трогаете свое лицо?
— Что?
— В течении дня... Как часто?
— Я не знаю. Один раз в час...
— Каждые три минуты. Ваши руки трогают рот каждые пять минут, и вы трогаете кого-то каждые двадцать минут. Вот так распространяется инфекция. Не любите террористов, а попробуйте договориться с вирусом? Вирус существует только для того, чтобы искать переносчика и размножаться. Это все, что он делает, а делает он это быстро. У него нет политических взглядов, нет религиозных убеждений или каких-нибудь культурных заморочек, и он совсем не уважает закон. Ему не известны понятия времени, географии. Для него сейчас по прежнему Средневековье, с той лишь разницей, что можно летать в металлической трубке от одного пира к другому. Так начинаются эпидемии.</li></ul></div>

<div class="blinkalias">АМС<div class="blinkaliassmall"><a href="" class="urls">ссылка</a> •
<a href="" class="urls">ссылка</a> •
<a href="" class="urls">ссылка</a> •
<a href="" class="urls">ссылка</a> •</div></div></div>

<div class="outerbottomblink">

<input type="radio" id="blinktab1" name="blink" checked>
<label for="blinktab1">СЮЖЕТ ХРОНОЛОГИЯ</label>
<input type="radio" id="blinktab2" name="blink">
<label for="blinktab2">ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ</label>

<div class="bottomblinkwrite">this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box </div>

<div class="bottomblinkwrite2">this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box this is some test text in the box </div>

</div>

<style type='text/css'>

@font-face {src:url('http://essiskins.b1.jcink.com/uploads/essiskins/Cousine_Regular.ttf');
font-family:cousine;
}

@font-face {
 font-family: 'typicons';
 src: url('http://essiskins.b1.jcink.com/uploads/essiskins/typicons.ttf');
 src: url('http://essiskins.b1.jcink.com/uploads/essiskins/typicons.eot'),
  url('http://essiskins.b1.jcink.com/uploads/essiskins/fontello.woff'),
      url('http://essiskins.b1.jcink.com/uploads/essiskins/typicons.woff'),
      url('http://essiskins.b1.jcink.com/uploads/essiskins/typicons.ttf'),
      url('http://essiskins.b1.jcink.com/uploads/essiskins/typicons.svg');
 font-weight: normal;
 font-style: normal;
}

.escredit {
float:right;
margin-top:5px;
font-size:12px;
margin-right:-10px;
}

.escredit a {
color:#666!important;
}

.blinkcontain {
width:532px;
padding:20px;
height:550px;
margin:auto;
background: #191918;
}

#blinkapp {
width:500px;
padding:15px;
margin:auto;
margin-top:10px;
height:162px;
background:#111;
background-image:url('')!important;
background-size:1050px;
background-positioN:-1px -1px;
border:1px solid #3a3838;
overflow:hidden;
}

#blinkapp img {
float:right;
width:145px;
height:145px;
border:1px solid;
padding:5px;
padding-right:55px;
box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}

#blinkapp input {
display:none;
}

#blinkapp label {

font-family:typicons;
font-size:25px;
display:block;
float:right;
background:rgba(0,0,0,0.5);
width:30px;
text-shadow: .4px .4px 0px #000, -.4px -.4px #000, .4px -.4px #000, -.4px .4px #000;
padding:10px;
height:30px;
text-align:center;
line-height:30px;
margin-right:-206px;
cursor:pointer;
}

#app1+label {
float:right;
margin-top:6px;
background:;
}

#app2+label {
margin-top:56px;
background:;
}

#app3+label {
margin-top:106px;
}

#blinkapp input:checked+label {
background:rgba(0,0,0,0.6);
}

#app1:checked ~ .blinkname {
font-family:arial black;
text-transform:uppercase;
font-size:19px;
line-height:13px;
margin-top:65px;
width:272px;
letter-spacing:-.8px;
text-align:right;
}


#app3:checked ~ .taginfo {
margin-top:-180px;}

#app3:checked ~ .blinkalias {
margin-top:0px;
font-size:19px;}


.blinkname {
font-family:arial black;
text-transform:uppercase;
font-size:15px;
line-height:13px;
margin-top:-114px;
width:272px;
letter-spacing:-.8px;
text-shadow: .4px .4px 0px #000, -.4px -.4px #000, .4px -.4px #000, -.4px .4px #000;
text-align:right;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
}

.blinknamesmall {
border-top:1px solid #000;
width:272px;
margin-top:5px;
padding-top:5px;
font-size:9px;
line-height:11px;
color:#ccc;
letter-spacing:2px;
font-family:cousine;
text-shadow:0px 0px .5px #000;
letter-spacing:0px;
text-align:right;
height:90px;
}

.taginfo {
float:left;
width:272px;
height:158px;
padding:1px;
border:1px solid;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
}

.taginfo ul {
border:1px solid #000;
padding:4px;
margin:4px;
height:140px;
list-style:none;
overflow:auto;
background:rgba(0,0,0,0.6);
}

.taginfo li {
display:inline-block;
color:#999;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px solid #000;
padding:3px;
height:11px;
line-height:18px;
width:240px;
margin-bottom:-10px;
}

.taginfo li:nth-child(even) {
float:right;
width:100px;
border-bottom:0px;
height:10px;
line-height:10px;
font-size:8px;
text-align:right;
letter-spacing:0px;
border-top:4px solid #000;
}

.blinkalias {
font-family:arial black;
text-transform:uppercase;
font-size:15px;
line-height:133px;
margin-top:114px;
width:272px;
height:100px;
text-shadow: .4px .4px 0px #000, -.4px -.4px #000, .4px -.4px #000, -.4px .4px #000;
letter-spacing:-.5px;
text-align:right;
-webkit-transition:.3s;
}

.blinkaliassmall {
border-top:1px solid #000;
width:272px;
margin-top:-55px;
padding-top:5px;
font-size:9px;
line-height:11px;
color:#666;
letter-spacing:2px;
font-family:cousine;
text-align:right;
height:90px;
color:#ccc;
letter-spacing:2px;
font-family:cousine;
text-shadow:0px 0px .5px #000;
letter-spacing:0px;
}

.writing-section {
position:relative;
z-index:2;
float:left;
background:rgba(0,0,0,0.8);
overflow:auto;
border:17px solid transparent;
width:450px;
height:300px;
margin-top:7px;
font-size:10.5px!important;
text-transform:uppercase;
color:#aaa;
margin-left:-1px;
box-shadow:0px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 0px -1px 0px #000;
letter-spacing:-.4px!important;
text-align:justify;
line-height:13px!important;
-webkit-columns: 165px;
  -moz-columns: 165px;
-ms-columns: 165px;
-o-columns: 165px;
       columns: 165px;
-webkit-column-gap: 17px;
  -moz-column-gap:17px;
-ms-column-gap:17px;
-o-column-gap:17px;
column-gap:17px;
-webkit-transition:.6s;
-moz-transition:.6s;
-ms-transition:.6s;
-o-transition:.6s;
}

.blinkbottom input {
display:none;
}

.blinkbottom {
height:217px;
border:1px solid #666;
background-image:url('http://i.imgur.com/jJp0uB2.png')!important;
padding-left:8px;
background-size:1050px;
background-positioN:-1px -1px;
border:1px solid #3a3838;
margin-top:5px;
overflow:hidden;
}

#bottomblink+label {
height:20px!important;
line-height:20px!important;
color:#999;
width:194px;
position:absolute;
background:#222;
margin-top:93px!important;
margin-bottom:-167px;
float:right;
color:transparent;
margin-left:395px!important;
background:rgba(0,0,0,0.4);
font-family:arial black;
text-transform:uppercase;
color:#999;
cursor:pointer;
text-aligN:center;
padding:5px;
font-size:15px;
letter-spacing:-.6px;
text-shadow: .4px .4px 0px #000, -.4px -.4px #000, .4px -.4px #000, -.4px .4px #000;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
}

#bottomblink+label::before {
content:"view app";
}

#bottomblink:checked+label::before {
content:"view shipper";
}

#bottomblink:checked ~ .writing-section2 {
opacity:1;
margin-left:-1px;
z-index:2;
}

#bottomblink:checked ~ .writing-section {
opacity:0;
margin-left:-50px;
z-index:0;
}

.writing-section2 {
positioN:relative;
z-index:0;
opacity:0;
float:left;
background:rgba(0,0,0,0.8);
overflow:auto;
border:17px solid transparent;
width:449px;
height:169px;
margin-top:-203px;
font-size:10.5px!important;
text-transform:uppercase;
color:#aaa;
margin-left:-50px;
box-shadow:0px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, 0px -1px 0px #000;
letter-spacing:-.4px!important;
text-align:justify;
line-height:13px!important;
-webkit-columns: 165px;
  -moz-columns: 165px;
-ms-columns: 165px;
-o-columns: 165px;
       columns: 165px;
-webkit-column-gap: 17px;
  -moz-column-gap:17px;
-ms-column-gap:17px;
-o-column-gap:17px;
column-gap:17px;
-webkit-transition:.6s;
-moz-transition:.6s;
-ms-transition:.6s;
-o-transition:.6s;
}

.blinkname {
text-shadow: .4px .4px 0px #000, -.4px -.4px #000, .4px -.4px #000, -.4px .4px #000;
}

.outerbottomblink {
border:1px solid;
padding:25px;
width:320px;
margin-left:159px;
margin-top:5px;
text-align:justify;
font-size:9px;
letter-spacing:-.2px;
text-transform:uppercase;
line-height:11px;
overflow:hidden;
}

.outerbottomblink input {
display:none;
}

.outerbottomblink label {
position:absolute;
margin-left:-162px;
text-transform:uppercase;
letter-spacing:.5px;
font-size:10px;
border-bottom:1px solid #777;
width:100px;
cursor:pointer;
}

.outerbottomblink input:checked+label {
border-bottom:1px solid;
}

.outerbottomblink input:checked+label::after {
border-bottom:1px dashed;
}

.outerbottomblink label::after {
content:"";
display:block;
position:absolute;
border-bottom:1px dashed #777;
width:51px;
margin-left:92px;
margin-top:18px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
}

.outerbottomblink label::before {
content:"//:";
color:#999!important;
letter-spacing:-1px;
margin-right:5px;
}

#blinktab2+label {
margin-top:40px;
}

#blinktab1:checked ~ .bottomblinkwrite {
color:#999;
z-index:2;
opacity:1;
}

#blinktab2:checked ~ .bottomblinkwrite2 {
color:#999;
z-index:2;
opacity:1;
}

.bottomblinkwrite {
opacity:0;
z-index:0;
position:relative;
height:250px;
overflow:auto;
padding-right:3px;
-webkit-transitioN:.8s;
-moz-transitioN:.8s;
-ms-transitioN:.8s;
-o-transitioN:.8s;
}

.bottomblinkwrite2 {
opacity:0;
z-index:0;
position:relative;
height:250px;
margin-top:-200px;
overflow:auto;
padding-right:3px;
color:#999;
-webkit-transitioN:.8s;
-moz-transitioN:.8s;
-ms-transitioN:.8s;
-o-transitioN:.8s;
}
</style>