/*!

██╗  ██╗██████╗     ██████╗  ██████╗  ██╗ ██████╗ 
██║  ██║██╔══██╗    ╚════██╗██╔═████╗███║██╔════╝ 
███████║██████╔╝     █████╔╝██║██╔██║╚██║███████╗ 
██╔══██║██╔═══╝     ██╔═══╝ ████╔╝██║ ██║██╔═══██╗
██║  ██║██║         ███████╗╚██████╔╝ ██║╚██████╔╝
╚═╝  ╚═╝╚═╝         ╚══════╝ ╚═════╝  ╚═╝ ╚═════╝ 

Custom repsonsive design for http://hardcorepunishments.com
Author: Wyldesites, Inc.
URL: http://wyldesites.com
Version: 1.0.0

*/@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Trade+Winds);body{font-family:'Open Sans', sans-serif;font-weight:400;color:#fff;background:#101010 url(../img/desk-bg.jpg) no-repeat fixed center top}h1,h2,h3,h4,h5,h6{font-family:'Trade Winds', sans-serif}strong,b{font-weight:700}nav{text-transform:uppercase}.lt{float:left;position:relative;display:inline}.rt{float:right;position:relative;display:inline}.rel{position:relative}.clr{clear:both;display:block}.small{font-size:12px}.cen{text-align:center}.und{text-decoration:underline}.right{text-align:right}.left{text-align:left}a{color:#fff}a:hover{color:#ccc}.org{color:#ff9933}.red{color:#ff0000}.no-desktop{display:none;visibility:hidden}.wrapper{width:990px;margin:0 auto;padding:0;background:#101010}#top{background:red;padding:5px 10px;text-align:center;border-bottom:1px solid #000}.home-header{width:990px;height:450px}.intro{text-align:center;font-size:22px;margin:0 10px 10px 10px;line-height:25px}.intro2{text-align:center;font-size:20px;margin:10px 0px;padding:8px 10px 5px 10px;background:#000}.bigbuts{width:43%;margin:5px;padding:10px 25px;font:normal normal 32px/40px "Trade Winds", Helvetica, sans-serif}.videobuts{width:92%;margin:5px 0;padding:10px;font:normal normal 28px/38px "Trade Winds", Helvetica, sans-serif}.barbuts{width:90%;margin:10px 0 0 0;padding:10px;font:normal normal 28px/38px "Trade Winds", Helvetica, sans-serif}.ablock{border:1px solid #333;padding:5px}.ablock .blockpad{border:1px solid #333}.ablock .blockpad .video-info{width:290px;padding:0 20px;height:480px;background:url(../img/blockbg.jpg) no-repeat left top;text-align:center}.ablock .blockpad .video-info .video-name{font-size:24px;margin:10px 0 0 0}.ablock .blockpad .video-info .video-title{font-size:18px;margin:0;color:#ff9933}.ablock .blockpad .video-info .video-runtime{font-size:16px;margin:0;color:#ff0000}.ablock .blockpad .video-info .video-description{font-size:14px;line-height:22px;text-align:justify !important}.ablock .blockpad .video-container{width:640px;height:480px}.ablock .blockpad .thumbs{width:r 100%;margin:0}.ablock .blockpad .thumbs li{padding:1px;list-style:none;width:24.775%;display:inline;float:left;position:relative;margin-bottom:-5px}.ablock .blockpad .thumbs li img{width:242px;height:182px}.ablock .blockpad .joinbar{width:100%;height:91px;text-align:center;background:url(../img/joinbar.jpg) no-repeat center top}#footer{text-align:center}#footer img{width:100%}#footer .f-links{padding:10px 5px}#footer .f-links a{font-size:12px}.sidegfx{text-align:center;width:245px}.sidegfx img{width:195px;margin:5px auto}.joinform,.joinform-lower{width:500px;margin:0 auto;font-size:13px}.joinform-lower{text-align:center}.joinform-lower a{color:#ff0000}.ccards{width:400px;margin:0px 50px}#master div{padding:5px 10px}#master label{float:left;display:inline;position:relative;width:130px;text-align:right;padding-right:20px}#master input[type="text"],#master select{border:1px solid #444;color:#111;background:#ebebeb;padding:5px;border-radius:6px;text-align:center}#master .join-opt{width:330px;padding:0px}@media (max-width: 721px){body{background:url(../img/mobile-bg.jpg) no-repeat fixed center top !important}.no-mobile{display:none;visibility:hidden}.no-desktop{display:block;visibility:visible}.wrapper{width:320px}#top{font-size:11px}.home-header{width:320px;height:220px}.intro{text-align:center;font-size:13px;line-height:15px}.intro2{text-align:center;font-size:12px}.bigbuts{width:43%;margin:0px 3px 5px 3px;padding:5px 5px 2px 5px;font:normal normal 16px/30px "Trade Winds", Helvetica, sans-serif}.videobuts{width:95%;margin:0px 0px 5px 0px;padding:5px 5px 2px 5px;font:normal normal 22px/30px "Trade Winds", Helvetica, sans-serif}.barbuts{font-size:14px !important;padding:5px !important;margin-top:8px !important}.ablock .video-info{width:265px !important;overflow:hidden !important;height:430px !important}.ablock .video-name{font-size:18px}.ablock .video-title{font-size:15px}.ablock .video-runtime{font-size:14px}.ablock .video-description{font-size:12px !important}.ablock .video-container{width:306px !important;height:228px !important}.ablock .thumbs li{width:49% !important}.ablock .thumbs li img{width:152px !important;height:114px !important}.ablock .joinbar{height:75px !important}#footer .f-links a{font-size:10px}.join-wrap{background:#101010 !important}.join-header{width:100%}.joinform,.joinform-lower{width:315px}.joinform-lower{font-size:11px}.ccards{width:280px;margin:0px 20px}#master div{padding:5px 10px;text-align:center !important}#master label{float:none !important;display:block;width:100% !important;text-align:center;padding:0px 10px 5px 10px !important}#master input[type='text']{width:100%}#master .join-opt{width:100%;padding:0px}#master .join-terms{font-size:11px;padding:10px}}.but1{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:relative;cursor:pointer;top:0;border:1px solid #980000;-webkit-border-radius:3px;border-radius:3px;color:#fff;text-align:center;-o-text-overflow:clip;text-overflow:clip;background:-webkit-linear-gradient(0deg, rgba(255,0,0,0.8) 0, rgba(255,0,0,0.8) 100%),#000;background:-moz-linear-gradient(90deg, rgba(255,0,0,0.8) 0, rgba(255,0,0,0.8) 100%),#000;background:linear-gradient(90deg, rgba(255,0,0,0.8) 0, rgba(255,0,0,0.8) 100%),#000;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.298039) inset,0 -1px 1px 0 rgba(255,255,255,0.14902) inset,0 7px 0 0 #891e1e,0 8px 3px 0 rgba(0,0,0,0.2);box-shadow:0 1px 0 0 rgba(255,255,255,0.298039) inset,0 -1px 1px 0 rgba(255,255,255,0.14902) inset,0 7px 0 0 #891e1e,0 8px 3px 0 rgba(0,0,0,0.2);-webkit-transition:all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);-moz-transition:all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);-o-transition:all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);transition:all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75)}.but1:hover{border:1px solid #720202;background:-webkit-linear-gradient(0deg, #980000 0, #980000 100%),#000;background:-moz-linear-gradient(90deg, #980000 0, #980000 100%),#000;background:linear-gradient(90deg, #980000 0, #980000 100%),#000;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.298039) inset,0 -1px 1px 0 rgba(255,255,255,0.14902) inset,0 7px 0 0 #590808,0 8px 3px 0 rgba(0,0,0,0.2);box-shadow:0 1px 0 0 rgba(255,255,255,0.298039) inset,0 -1px 1px 0 rgba(255,255,255,0.14902) inset,0 7px 0 0 #590808,0 8px 3px 0 rgba(0,0,0,0.2)}.but1:active{top:6px;border:1px solid #980000;-webkit-border-radius:0;border-radius:0;background:-webkit-linear-gradient(-90deg, rgba(152,0,0,0.8) 0, rgba(152,0,0,0.8) 100%),#fff;background:-moz-linear-gradient(180deg, rgba(152,0,0,0.8) 0, rgba(152,0,0,0.8) 100%),#fff;background:linear-gradient(180deg, rgba(152,0,0,0.8) 0, rgba(152,0,0,0.8) 100%),#fff;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.298039) inset,0 -1px 1px 0 rgba(255,255,255,0.14902) inset;box-shadow:0 1px 0 0 rgba(255,255,255,0.298039) inset,0 -1px 1px 0 rgba(255,255,255,0.14902) inset;-webkit-transition:all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);-moz-transition:all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);-o-transition:all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);transition:all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75)}