@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
*{padding:0;margin:0;text-decoration:none;}
body{font-family: 'PT Sans Narrow', sans-serif;margin-left: auto;margin-right: auto;width:960px;background-color:#000;text-transform:capitalize;}
.a1{background:#fff;height:auto;padding:5px;border-radius:0 0 10px 10px;height:60px;background:#262626;width:945px;}
.a1a{background:#fff;height:auto;float:left;margin-right:15px;background:#262626;}
.a1a a{font-size:50px;color:#fff;}
.a1b{margin:5px 10px 0 0;float:left;background:#262626;}
input[type="text"]{border:1px #ccc solid;cursor:pointer;-webkit-border-radius: 5px;border-radius: 5px;width:200px;height:50px;font-family: 'PT Sans Narrow', sans-serif;font-size:42px;}
.a1c{float:left;background:#262626;margin:10px 0 0 0;height:50px;}
.accordion {border: none;text-align: center;outline: none;font-size: 40px;margin:0 0 10px 0;background:#262626;color:#fff;font-family: 'PT Sans Narrow', sans-serif;}
.accordion:after{color: #777;font-weight: bold;float: right;margin-left: 5px;}
.panel {border-radius:10px;padding: 0 10px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;width:370px;text-align:justify;margin:0 0 5px 0;background:#262626;}
.panel a{font-size:58px;color:#eee;}
.a1d{float:left;background:#262626;margin:10px 8px 0 0;height:50px;width:auto;}
.a1d a{font-size:40px;color:#fff;font-weight:bold;}
.a2{background:#000;height:120px;margin:10px 0 0 0;}
.a2a{background:#262626;width:144px;height:110px;border-radius:10px;padding:5px;margin:0 6px 0 0;float:left;text-align:center;}
.a2a a{font-size:36px;color:#fff;}
.a3{width:950px;background:#262626;margin:10px 0 0 0;border-radius:10px;float:left;padding:5px 0 10px 5px;}
.a3 a {width:470px;padding-top:28%;margin:0;position:relative;float:left;margin:5px 0 5px 0;font-size:28px;}
.a3 img {position:absolute;top:0;left:0;width:100%;float:left;border-radius:10px;height:264px;width:461px;margin:0 0 0 5px;}
.a3 b {position:absolute;top:-10px;right:-1px;height:auto;z-index:10;border-radius:10px;color:#FFF;padding:4px;margin:10px 0 0 0;background:linear-gradient(to bottom,rgba(44,44,44,0.7) 0%,rgba(22,22,22,0.7) 50%,rgba(44,44,44,0.7) 100%);font-weight:normal;}
.a3 p {position:absolute;bottom:-0px;left:0;height:auto;z-index:10;border-radius:10px;color:#FFF;padding:4px;margin:4px;background:linear-gradient(to bottom,rgba(44,44,44,0.7) 0%,rgba(22,22,22,0.7) 50%,rgba(44,44,44,0.7) 100%);}
.a4{width:950px;background:#262626;margin:10px 0 0 0;border-radius:10px;float:left;padding:5px 0 100px 5px;height:auto;}
.a4 a{display:block;font-size:60px;color:#fff;}
.a5{white-space: nowrap;overflow: hidden;width:945px;background:#262626;margin:10px 0 0 0;border-radius:10px;float:left;padding:10px 5px;}
.a5 a{font-size:45px;color:#fff;margin:0 5px 0 0;}
.a5 b{color:#ff9900;font-size:50px;margin:0 5px;}
.a6{width:945px;background:#262626;margin:10px 0 0 0;border-radius:10px;float:left;padding:10px 0 5px 10px;}
.a7{width:940px;background:#262626;margin:10px 0 0 0;border-radius:10px;float:left;padding:10px 5px 10px 10px;color:#ff9900;font-size:70px;}
.a7 a{margin:0 14px 0 0;font-weight:bold;font-size:68px;color:#fff;}

.a8{width:940px;background:#262626;margin:10px 0 0 0;border-radius:10px;float:left;padding:10px 5px 10px 10px;color:#ff9900;}
.a8 img {position:absolute;top:0;left:0;width:100%;float:left;border-radius:10px;height:420px;width:300px;margin:0 0 0 5px;}
.a8 a {width:300px;padding-top:45%;margin:0;position:relative;float:left;margin:5px 10px 0px 0;font-size:28px;}
.a8 p {position:absolute;bottom:-0px;left:0;height:auto;z-index:10;border-radius:10px;color:#FFF;padding:4px;margin:4px;background:linear-gradient(to bottom,rgba(44,44,44,0.7) 0%,rgba(22,22,22,0.7) 50%,rgba(44,44,44,0.7) 100%);}
.a8 b {position:absolute;top:-10px;right:-1px;height:auto;z-index:10;border-radius:10px;color:#FFF;padding:4px;margin:10px 0 0 0;background:linear-gradient(to bottom,rgba(44,44,44,0.7) 0%,rgba(22,22,22,0.7) 50%,rgba(44,44,44,0.7) 100%);font-weight:normal;}

.a9{width:940px;background:#262626;margin:10px 0 0 0;border-radius:10px;float:left;padding:10px 5px 10px 10px;color:#ff9900;}
.a9 img {position:absolute;top:0;left:0;width:100%;float:left;border-radius:10px;height:225px;width:300px;margin:0 0 0 5px;}
.a9 a {width:300px;padding-top:24%;margin:0;position:relative;float:left;margin:5px 10px 5px 0;font-size:24px;}
.a9 p {position:absolute;bottom:-0px;left:0;height:auto;z-index:10;border-radius:10px;color:#FFF;padding:4px;margin:4px;background:linear-gradient(to bottom,rgba(44,44,44,0.7) 0%,rgba(22,22,22,0.7) 50%,rgba(44,44,44,0.7) 100%);}
.a9 b {position:absolute;top:-10px;right:-1px;height:auto;z-index:10;border-radius:10px;color:#FFF;padding:4px;margin:10px 0 0 0;background:linear-gradient(to bottom,rgba(44,44,44,0.7) 0%,rgba(22,22,22,0.7) 50%,rgba(44,44,44,0.7) 100%);font-weight:normal;}


.ax{height:500px;margin:2900px 0;}

.b9{color:#fff;font-size:50px;position: fixed;margin-left:auto;margin-right:auto;bottom:0;margin-top:-10px;z-index:99;background:#262626;height:80px;border-radius:10px 10px 0 0;padding:10px 5px 5px 5px;width:945px;white-space: nowrap;overflow: hidden;}
.b9 a{color:#ff9900;font-size:60px;margin:0 8px 0 0;}

.x1{color:#ff9900;}
.x2{margin:0 5px 0 0;}
.x3{font-size:45px;}
.x4{padding:0 5px 0 0;}
.x5{font-size:64px;}
.x6{margin:0 10px 0 0;}
.x7{color:#a6a6a6;}
.x8{font-size:30px;}
.x9{margin:0 5px;}
.x10{color:#fff;}
.x11{margin:0 3px;}
.x12{width:935px;border-radius: 10px;}
.x13{font-size:24px;}

video{width:935px;height:526px;border-radius: 10px;}

button
  {
background:transparent;
  color:transparent;
  border: none; 
  cursor: pointer;
  height:30px;
  }

input[type="checkbox"] {position: absolute;display: block;top:-99999px;left: -99999px;}
#fucko{position: relative;float:right;}
#fucko:after{content: 'Free';font-size:40px;font-weight:bold;color:  #fff;text-shadow:4px 4px 6px #262626;float:right;font-family: 'PT Sans Narrow', sans-serif;}
.hide{display: none;width: 800px;height: auto;background:linear-gradient(to bottom,rgba(27,27,28,0.8) 0%,rgba(74,75,76,0.8) 50%,rgba(27,27,28,0.8) 100%);border-radius: 15px;float:left;padding:30px;margin:0px 30px 10px 30px;;position: relative;z-index: 100;}
.hide a{width:800px;float:left;font-size:60px;color:#fff;text-shadow:4px 4px 6px #262626;}
.hide label,.show label{position: absolute;bottom:30px;right:30px;}
input[type="checkbox"]:checked ~ label {}
input[type="checkbox"]:checked ~ #fucko:after {content: 'Close';}
input[type="checkbox"]:checked ~ #toggle:after {content: 'Close';}
input[type="checkbox"]:checked ~ .hide {display: block;}
input[type="checkbox"]:checked ~ .hide label:after {content:'';}
input[type="checkbox"]:checked ~ .show {display: block;}
input[type="checkbox"]:checked ~ .show label:after {content:'';}