<!--HTML--><link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<center><div class="carriedtabs"><div class="carriedh"></div><div class="carriedtw">

<div class="carriedtab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1" style="margin-left: 30px;">
<div class="ctab1">Clockwork Orange</div></label>
<div class="carriedhname"><div class="carriedhname_glowo">Clockwork Orange bar</div></div>
<div class="carriedhinfo">бармен: Libby Hodge</div>
<div class="carriedc"><table><tr><td width=60%><div class="carried2a"><div class="carried2b">
Abel Jefferson<br>
Alex Torres<br>
Aurora Montaсa<br>
Austin Graham<br>
Barbara Hart<br>
Bellamy Lincoln<br>
Cain Hayes<br>
Claire Eastwood<br>
Daisy Crawford<br>
Danneel Rousseau<br>
Elliot Banks<br>
Erica Sandler<br>
Grace Marshall<br>
Hugh Crosby<br>
Jennifer Stark<br>
Jim Casey<br>
Josh Hunter<br>
Krzysztof Kopernik<br>
Lang Lien<br>
<b>Libby Hodge</b><br>
Malkina Spice<br>
Natalie Perales<br>
Rick Grimes<br>
Samuel Graham<br>
Seeley Booth<br>
Steve Cavanagh<br>
Victoria Stewart<br>



</div></div></td><td width="4px"></td>
<td><img src="https://i.imgur.com/gCsddgp.png"></td></tr></table></div></div>


<div class="carriedtab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" style="margin-left: 145px;">
<div class="ctab2">FioletOVO</div></label>
<div class="carriedhname"><div class="carriedhname_glowv">FioletOVO bar</div></div><div class="carriedhinfo">бармен: Peter Hodge</div>
<div class="carriedc"><table><tr><td width=60%><div class="carried2a"><div class="carried2b">
Andrea G. Gilmore<br>
Anthony Heath<br>
Cillian O’Connell<br>
Cole Hunter<br>
Cosmie Fry<br>
Dariela Morente<br>
Elodie Reid<br>
Eric Dunn <br>
Jack Adams<br>
Jess Kelly<br>
Kara Matthews<br>
Kevin Karvel<br>
Kirah Forsyte<br>
Marcia Santoro<br>
Maxwell Kwon<br>
Nadia Polanski<br>
Oliver Allen<br>
<b>Peter Hodge</b><br>
Ricky Gordon<br>
Ryan Hodge<br>
Sandra Warren<br>
Santiago Diaz<br>
Shane Jablonski<br>
Theodore Gilbert<br>
Thomas Ray<br>
Vincent Grave<br>


</div></div></td><td width="4px"></td>
<td><img src="https://i.imgur.com/kxzNef5.png"></td></tr></table></div></div>


<div class="carriedtab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3" style="margin-left: 260px;">
<div class="ctab1">Red Light</div></label>
<div class="carriedhname"><div class="carriedhname_glowr">Red Light bar</div></div><div class="carriedhinfo">бармены: Kane Young & Bart Gilbert </div>
<div class="carriedc"><table><tr><td width=60%><div class="carried2a"><div class="carried2b">

Amelia Gilbert<br>
<b>Bart Gilbert</b><br>
Bobby Hodge<br>
Brooklyn Davis<br>
Carter Masterson<br>
Charlotte Stokes<br>
Clint Winterhalter<br>
Dustin Johns<br>
Eunice Cunningham<br>
Felix Springfield<br>
Guillaume Renier<br>
Jason Norton<br>
Jeffrey Collins<br>
Joaquin Ferreyra<br>
Josephine Avery<br>
<b>Kane Young</b><br>
Laureline Hawke<br>
Lily Hodge<br>
Madlen Gilbert<br>
Malkolm Hershler<br>
Marla Brooks<br>
Miyuki Yun Hattori<br>
Morgan McLean<br>
Newt Rogers<br>
Ross Harper<br>
Sawyer Hunter<br>
Skyler Brown<br>
Sonya Dawson<br>
Tristana Halsted<br>



<br>

</div></div></td><td width="4px"></td>
<td><img src="https://i.imgur.com/WlrmU1G.png"></td></tr></table></div></div>



</div></div></center>



<style type="text/css">
.carriedh1 { width: 440px; padding: 30px; } 
.carriedh1 .carriedhname {font-size: 30px; text-align: center; text-transform: uppercase; font-weight: 900; font-style: normal; letter-spacing: 0px; word-spacing: 0px; line-height: 20px; }
.carriedh1 .carriedhinfo { margin-top: 3px; color: rgba(255,255,255,0.8); font-family: arial; font-size: 10px; text-align: center; font-weight: normal; font-style: normal; letter-spacing: 1px; word-spacing: 0px; line-height: 7px; }
.carriedw { width: 464px; height: 285px; padding: 15px; background-image: url(http://i.imgur.com/J826kQi.png);  border-bottom: 3px double #bababa;  border-left: 3px double #bababa;  border-right: 3px double #bababa;}

.carriedhname_glowr {
  color: #ffffff;
  font-family: neon;
  text-align: center;
  -webkit-animation: glowr 1s ease-in-out infinite alternate;
  -moz-animation: glowr 1s ease-in-out infinite alternate;
  animation: glowr 1s ease-in-out infinite alternate;
}

@-webkit-keyframes carriedhname_glowr {
   from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff0000, 0 0 40px #f90202, 0 0 50px #ff0000, 0 0 60px #810909, 0 0 70px #ff0000;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #f70606, 0 0 40px #ff0000, 0 0 50px #ff0000, 0 0 60px #e20000, 0 0 70px #ff0000, 0 0 80px #ff0000;
  }
}

.carriedhname_glowv {
  color: #ffffff;
  font-family: neon;
  text-align: center;
  -webkit-animation: glowv 1s ease-in-out infinite alternate;
  -moz-animation: glowv 1s ease-in-out infinite alternate;
  animation: glowv 1s ease-in-out infinite alternate;
}

@-webkit-keyframes carriedhname_glowv {
 from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #c500ff, 0 0 40px #7035ff, 0 0 50px #660982, 0 0 60px #580981, 0 0 70px #7200ff;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #7906f7, 0 0 40px #6c4dff, 0 0 50px #9a4dff, 0 0 60px #844dff, 0 0 70px #914dff, 0 0 80px #ad4dff;
  }
}

.carriedhname_glowo {
  color: #ffffff;
  font-family: neon;
  text-align: center;
  -webkit-animation: glowo 1s ease-in-out infinite alternate;
  -moz-animation: glowo 1s ease-in-out infinite alternate;
  animation: glowo 1s ease-in-out infinite alternate;
}

@-webkit-keyframes carriedhname_glowo {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff7d06, 0 0 40px #ffb100, 0 0 50px #ff810d, 0 0 60px #f1a803, 0 0 70px #ffb500;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #b3b3b3, 0 0 40px #ffcd00, 0 0 50px #ff5421, 0 0 60px #ff9304, 0 0 70px #ff6a00, 0 0 80px #ff8600;
  }
}

.carriedtabs .carriedh { width: 500px; height: 90px; position: relative; } 

.carriedtw .carriedhname { width: 440px; color: #ffffff; font-family: Oswald; font-size: 30px; text-align: center; font-weight: 900; font-style: normal; letter-spacing: 0px; word-spacing: 0px; line-height: 20px; position: absolute; top: -55px; right: 30px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.carriedtw .carriedhinfo { width: 460px; margin-top: 3px; color: rgba(255,255,255,0.8); font-family: arial; font-size: 8px; text-align: center; text-transform: uppercase; font-weight: normal; font-style: normal; letter-spacing: 1px; word-spacing: 0px; line-height: 7px; position: absolute; top: -32px; right: 30px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.carriedtw { width: 494px; height: 315px; padding-bottom: 35px; background-image: url(http://i.imgur.com/J826kQi.png); position: relative; z-index: 1;  border-bottom: 3px double #bababa;  border-left: 3px double #bababa;  border-right: 3px double #bababa;}
.carriedc { width: 470px; height: 285px; margin: 15px; position: absolute; top: 0px; left: 0px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -moz-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -ms-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); -o-transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); transform: rotate(0deg) scale(0) skew(0deg) translateX(0px); }


.carried2a { width: 255px; height: 260px; padding: 10px; background-color: #ffffff; }
.carried2b { width: 245px; height: 260px; padding: 0px 5px; overflow-y: auto;  color: #242424; font-family: verdana; font-size: 11px; text-align: center; font-weight: normal; font-style: none; line-height:  120%;}

.carried2b::-webkit-scrollbar, .carriedpic4::-webkit-scrollbar { width: 3px; background-color: #eeeeee; border: 1px solid #ffffff }

.carriedpic3 h1 { font-size: 11px; font-family: arial; font-weight: 800; font-style: normal; text-align: center; text-transform: uppercase; letter-spacing: 0px; line-height: 100%; padding-bottom: 5px; border-bottom: 3px double #eeeeee; }
.carriedpic3 b { font-size: 9px; font-family: arial; font-weight: 700; font-style: normal; text-align: left; text-transform: uppercase }

.tyree { width: 500px; padding-top: 8px; }
.tyree a { width: 50px; padding: 5px; background-color: #fafafa; font-family: arial; font-size: 11px; color: #acacac; text-align: center; text-transform: uppercase; letter-spacing: 2px }

.carriedtabs { position: relative; width: 500px; height: 445px;}
.carriedtab { float: left; } 
.carriedtab label { display: block; position: absolute; top: 315px; left: 40px; opacity: 1; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'></feColorMatrix></filter></svg>#grayscale"); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; } 
.carriedtab label:hover { opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; cursor: pointer;} 
.carriedtab [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }
.carriedtab [type=radio]:checked ~ label { z-index: 7; opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; } 
.carriedtab [type=radio]:checked ~ label ~ .carriedc { z-index: 7; opacity: 1; top: 0px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); transform: rotate(0deg) scale(1) skew(0deg) translateY(0px); }
.carriedtab [type=radio]:checked ~ label ~ .carriedhname, .carriedtab [type=radio]:checked ~ label ~ .carriedhinfo { z-index: 7; opacity: 1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.ctab1, .ctab2 { width: 100px; padding: 5px 2px; background-color: #ffffff; font-family: calibri; font-size: 8px; text-align: center; text-transform: uppercase; font-weight: normal; font-style: none; letter-spacing: 1px; word-spacing: 0px; line-height: 8px; }


.carriedh { background-color: #000000;} 
.carriedtw { padding-bottom: 35px; border-bottom: 3px double #bababa;}
.carried2b::-webkit-scrollbar-thumb, .carriedpic4::-webkit-scrollbar-thumb { background-color: #bababa; }
.ctab1 { color: #c2ab8e}
.ctab2 { color: #c2ab8e}
</style>