@font-face {
 font-family: 'chunkfive';
 src: url('../fonts/chunkfive-webfont.svg') format('svg');
 src: url('../fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype');
 src: url('../fonts/chunkfive-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

.canvasHolder { margin: 0 4px; max-width: 100%;}

.inputtf {
 position: absolute;
 background-color: #cccccc;
 border:0;
 color:white;
 height:20px;
 font-family:"OpenSans";
 font-size: 18px;
 left:670px;
 padding:5px;
}

body {background-color: #ccc; text-align: center; font-family: "Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif; margin: 0; padding: 0;}

img { border: 0; }

.wrapper { background: #0b1342; display: inline-block; max-width: 1028px; width: 100%; margin: 0 auto 15px; text-align: left; color: #fff;}
canvas { width: 100% !important; height: auto !important;}
.header { background: #000034 url(/sites/default/themes/ukpaintball/css/img/header-bg.jpg) no-repeat left 0; height: 98px; position: relative;}
.header img { position: absolute; left: 29px; top: 12px; }
.header .ukpfbshare { position: absolute; top: 28px; right: 0; margin-top: 0;}
.btn_back { position: absolute; top: 20px; left: 50%; margin-left: -79px;}

.share { padding: 30px 20px 25px;text-align: center; }
.sharethis { display: inline-block; margin-top: 20px;}
.ukpfbshare { display: inline-block; position: relative; top: -16px; margin-top: 20px;}
.ukpfblike { display: inline-block; position:relative; top:-10px; margin: 0 20px 0 30px;}

.twitshare:link, .twitshare:visited { background: #00aced; display: inline-block; color: #fff; padding: 5px 18px 6px; margin: 0 0 10px 0px; text-decoration: none; line-height: 110%; border-radius: 5px; position: relative; top: 2px; z-index:10; }
.twitshare:hover, .twitshare:focus { background: #38c3f8; }

.fb-share-button {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-moz-transform: scale(1.5);
transform: scale(1.5);
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
margin-right: 80px; display: inline-block;
}

.footer { max-width: 998px; width: auto; background: #fff; margin: 0 auto 15px; padding: 15px 15px; text-align: left; color: #0b1342; font-size: 14px; line-height: 16px; overflow: hidden; position: relative;}
.footer ul { list-style-type: none; padding: 0; margin: 0; float: left; }
.footer li { display: inline-block; float: left;border-right: 1px solid #0b1342; }
.footer a { text-decoration: none; display: inline-block; padding: 0 8px; color: #0b1342; }
.footer a:link, .footer a:visited { color: #0b1342; }
.footer a:hover, .footer a:focus { color: #011cba; }
.footer li.last { border: none; }
.footer p.right { float: right; margin: 0;}

@media screen and (max-width: 730px) {
.header img.logo { width: 230px; height: auto; left: 22px; top: 16px;}
.header .btn_back img { width: 140px; height: auto; }
}

@media screen and (max-width: 580px) {
.header .btn_back img { width: 130px; left: auto;}
 .header .btn_back { left: auto; right: 166px; margin: 0; top: 45px; }
 .header .ukpfbshare { top: 10px; }
}

@media screen and (max-width: 500px) {
.header img.logo { width: 200px; height: auto; left: 22px; top: 16px;}
  .header .ukpfbshare { right: -48px; top: 22px; }
 .header .fb-share-button { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
 .header .btn_back { right: 152px; }
}