a {
	color: #6870B1;
	text-decoration: none;
}

a:hover {
	color: #060c2d;
	text-decoration: underline;
}

a:visited {
	color: #6870B1;
	text-decoration: none;
}
/* Specific */
.whimgbox {
	width: 40%;
	min-height: 220px;
}
.collapse{
  cursor: pointer;
  display: block;
  height: 20px;
  vertical-align: middle;
  line-height: 20px;
}
.collapse + input{
  display: none; /* hide the checkboxes */
}
.collapse + input + div{
  display:none;
}
.collapse + input:checked + div{
  display:block;
}
div.tagsinput {
	border:1px solid #CCC;
	background: #F7F9F9;
	padding:5px;
	width:100%;
	height:76px;
	overflow-y: auto;
		-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
}
div.tagsinput span.tag {
	border: 1px solid #a5d24a;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display: block;
	float: left;
	padding: 5px;
	text-decoration:none;
	background: #cde69c;
	color: #638421;
	margin-right: 5px;
	margin-bottom:5px;
	font-family: helvetica;
	font-size:13px;
}
div.tagsinput span.tag a {
	font-weight: bold;
	color: #82ad2b;
	text-decoration:none;
	font-size: 11px;
} 
div.tagsinput input {
	width:80px;
	margin:0px;
	font-family: helvetica;
	font-size: 13px;
	border:1px solid transparent;
	padding:5px;
	background: transparent;
	color: #161925;
	outline:0px; 
	margin-right:5px;
	margin-bottom:5px;
}
div.tagsinput div {
	display:block;
	float: left;
} 
.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}
.not_valid {
	background: #FBD8DB!important;
	color: #90111A !important;}

.medcheckbox {
	width: 22px;
	height: 22px;
}
#upload{

    width:125px;
	height:125px;
    border-radius:3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    border-radius: 3px;
    text-align: center;

    font-size:12px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:8px 16px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:20px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
	margin: 0;
	margin-top: 8px;
	padding: 0;
    list-style:none;
}

#upload ul li{
    background-color:#333639;

    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);

    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:3px;
    height: 24px;

    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 2px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
	left: 4px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../images/icons.png') no-repeat;
    position: absolute;
    top: 10px;
    left: 8px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}
.btn-file {
    position: relative;
    overflow: hidden;
	background: #bfc8f7;
	border-radius: 5px;
	width: 80px;
	margin: 0 auto;
}
.btn-file:hover {
	cursor: pointer;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    filter: alpha(opacity=50);
    opacity: 50;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.contentimg {
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.removebtn {
	background: -webkit-linear-gradient(#6870B1, #152055); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6870B1, #152055); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6870B1, #152055); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6870B1, #152055); /* Standard syntax */
	padding: 1px 5px;
	border: 1px solid #152055;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	line-height: 16px;
	cursor: pointer;
}
.filterbox {
	display: inline-block;
	margin: 0 auto;
}
.filterboxscroll {
	height: 130px;
	overflow-y: scroll;
}
.filterlabel:hover {
	background: #bfc8f7;
}
ul.nestedcheckboxes {
  list-style: none;
  margin: 3px 0px;
  padding: 0;
  width: 100%;
}
li.nestedcheckboxes {
  margin-left: 3em;
  font-size: 12px;
}
li.firstnestedcheckbox {
	margin-left: 0em;
	font-size: 12px;
}
li.lastnestedcheckboxes {
	  margin-left: 3em;
  font-size: 12px;
	float: left;
	width: 225px;
}
/* Usability */
.pointer {
	cursor: pointer;
}
.qmark {
	cursor: help;
}
/* General Layout */
a.block {
	display: block;
	width: 100%;
	color: #000;
}
a.block:hover {
	text-decoration: none;
}
.clearfix {
	clear: both;
}
.hscroll {
	overflow-x: scroll;
}
.displaynone {
	display: none;
}
.hide {
	display: none;
}
.divcenter {
	display: block;
	margin: 0 auto;
}

.tablecenter {
	margin: 0 auto;
}
.marginauto {
	margin: 0 auto;
}
.table {
	display: table;
}
.tablecell {
	display: table-cell;
}
.imgmargin {
	margin-left: 3px;
}

.relative {
	position: relative;
}

.width100 {
	width: 100%;
}
.width99 {
	width: 99%;
}
.width10 {
	width: 10%;
}
.width98 {
	width: 98%;
}
.width90 {
	width: 90%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 49%;
}
.width58 {
	width: 58%;
}
.width33 {
	width: 33%;
}
.width30 {
	width: 30%;
}
.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}
.width12 {
	width: 12.5%;
}
.width80p {
	width: 80%;
}
.width75 {
	width: 75%;
}
.width70 {
	width: 70%;
}
.width130 {
	width: 130px;
}
.width150 {
	width: 295px;
}
.width80 {
	width: 80px;
}
.acinputwidth {
	width: 120px;
}
.acrangewidth {
	width: 180px;
}
.width400 {
	width:400px;
}
.height195 {
	height: 194px;
}
.height25px {
	height: 25px;
}
.height173px {
	height: 173px;
}
.height250px {
	height: 250px;
}
.height200px {
	height: 200px;
}
.inlineblock {
	display: inline-block;
}
.nomargin {
	margin: 0em;
}
.smallmargin {
	margin: 0.2em;
}
.medmargin {
	margin: 0.4em;
}
.bigmargin {
	margin: 1em;
}
.tsmallmargin {
	margin-top: 0.2em;
}
.tmedmargin {
	margin-top: 0.4em;
}
.lsmallmargin {
	margin-left: 0.2em;
}
.lmedmargin {
	margin-left: 0.4em;
}
.rmedmargin {
	margin-right: 0.4em;
}
.lbigmargin {
	margin-left: 1em;
}
.lrmedmargin {
	margin-left: 0.6em;
	margin-right: 0.6em;
}
.sitemapmargin {
	margin-left: 80px;
}
.indent1 {
	margin-left: 3em;
	margin-top: 0.4em;
}
.indent2 {
	margin-left: 6em;
	margin-top: 0.4em;
}
.filterlineheight {
	line-height: 18px;
}
.noborderspacing {
	border-spacing: 0px;
}
.medborderspacing {
	border-spacing: 0.4em;
}
.bigborderspacing {
	border-spacing: 1em;
}
/* Styling */
.t20bg {
	background-color:rgba(0,0,0,0.2);
}
.feinthead {
	opacity: 0.7;
	color: #152055;
}
.greenbg {
	background: #61ff69;
}
.feintgreenbg {
	background: #c8ffca;
}
.feintyellowbg {
	background: #fdffc8;
}
.feintredbg {
	background: #ffcac8;
}
.feintbluebg {
	background: #cac8ff;
}
.redbg {
	background: #ff6961;
}
.bluebg {
	background: #6961ff;
}
.yellowbg {
	background: #f7ff61;
}
.lsnone {
	list-style: none;
}
.inblock {
	display: inline-block;
}
.boxshadow {
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.bottomradius {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.topradius {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.rightradius {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.fullradius {
	border-radius: 4px;
}
.black {
	color: #161925;
}
.darkblue {
	color: #152055;
}
.lightblue {
	color: #6870B1;
}
.feintborder {
	border: 1px solid #bfc8f7;
}
.simpleborder {
	border: 1px solid #152055;
}
.thickborder {
	border: 3px solid #152055;
}
.darkbg {
	background: #152055;
}
.whitebg {
	background: #F7F9F9;
}
.white {
	color: #fff;
}
.green {
	color: green;
}
.red {
	color: red;
}
.dropshadow {
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
}
.sdropshadow {
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}
.greenbutton {
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
	background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
	background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
	background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
	background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
	font: bold 14px Sans-Serif;
	color: #333;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	border-radius: 5px;
	border: 1px solid #152055;
	cursor: pointer;
}
.redbutton {
	  background-color: #DC7A7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DC7A7A), to(#BF4545)); 
  background-image: -webkit-linear-gradient(top, #DC7A7A, #BF4545); 
  background-image:    -moz-linear-gradient(top, #DC7A7A, #BF4545); 
  background-image:     -ms-linear-gradient(top, #DC7A7A, #BF4545); 
  background-image:      -o-linear-gradient(top, #DC7A7A, #BF4545); 
   font: bold 14px Sans-Serif;
  color: #333;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  border-radius: 5px;
  border: 1px solid #152055;
}
.bluebutton {
	  background-color: #DC7A7A;
	background: -webkit-linear-gradient(#6870B1, #152055); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6870B1, #152055); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6870B1, #152055); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6870B1, #152055); /* Standard syntax */
   font: bold 12px Sans-Serif;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #152055;
}
/* Colours */
.textgreen {
	color: green;
}
/* Cart */
.bordernob {
	border: 1px solid #bfc8f7;
	border-bottom: 0px;
}

.tablehead {
	background: #bfc8f7;
	color: #152055;
}

.subhead {
	background: #bfc8f7;
	color: #152055;
}

.thickborderb {
	border-bottom: 3px solid #152055;
}
.thinborderb {
	border-bottom: 1px solid #152055;
}
.thickbordert {
	border-top: 3px solid #152055;
}
.thickborderr {
	border-right: 3px solid #152055;
}
.thickborderl {
	border-left: 3px solid #152055;
}

.fullwidth {
	width: 100%;
	border-spacing: 0px;
}

.vamiddle {
	vertical-align: middle;
}
.vatop {
	vertical-align: top;
}
.vabottom {
	vertical-align: bottom;
}

.bold {
	font-weight: bold;
}
.nweight {
	font-weight: normal;
}
.italic {
	font-style: italic;
}

.lirborder {
	border-right: 1px solid #bfc8f7;
}
.libborder {
	border-bottom: 1px solid #bfc8f7;
}
.lalign {
	text-align: left;
}

.quantitycell {
	width: 70px;
}
.cartimgcell {
	width: 55px;
}
.inputquantitycontainer {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 0.25em;
}
.inputquantity {
	width: 60%;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	display: inline-block;
}

.cartupdatemargin {
	vertical-align: middle;
}

.borderbox {
		-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
}
.contentboxing {
		-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}
.nopad {
	padding: 0px;
}
.smallpad {
	padding:0.2em;
}
.medpad {
	padding:0.4em;
}
.bigpad {
	padding: 1em;
}
.lsmallpad {
	padding-left: 0.4em;
}
.bigrightpad {
	padding-right: 1em;
}
.bigsidepad {
	padding: 0.6em 1.4em;
}
.medsidepad {
	padding: 0.35em 0.7em;
}

/*Align*/
.relative {
	position: relative;
}
.abstopl {
	position: absolute;
	top: 0;
	left: 0;
}
.justify {
	text-align: justify;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.flright {
	float: right;
}
.fsflright {
	float: right;
}
.flleft {
	float: left;
}

.smallbottomspace {
	margin-bottom: 0.3em;
}
.bottomspace {
	margin-bottom: 0.6em;
}
.topspace {
	margin-top: 0.6em;
}
.rightspace {
	margin-right: 0.6em;
}
.minileftspace {
	margin-left: 1px;
}
.minitopspace {
	margin-top: 4px;
}

.bigbottomspace {
	margin-bottom: 1.4em;
}

.overflow {
	overflow: hidden;
	height: 100%;
}
.overflowscroll {
	overflow-y: scroll;
}
.overflowauto {
	overflow: auto;
}

.checkoutbox {
	width: 40%;
	float: right;
	position: relative;
	min-width: 235px;
}

.bigtext {
	font-size: 1.4em;
}
.medsmalltext {
	font-size: 0.9em;
}
.smalltext {
	font-size: 0.8em;
}
.tinytext {
	font-size: 0.7em;
}

.infobox {
	background: #bfc8f7;
	border: 2px solid #6870B1;
}

.cartinfo {

}

.checkouthead {
	background: #bfc8f7;
	color: #152055;
	border-bottom: 3px solid #152055;
}

.checkoutcontent {
	
}

.checkoutsubmit {
	width: 100%;
}

.inputsubmit {
	padding: 5px 10px;
}

.removevoucher {
	border: 2px solid #161925;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#ff0000, #b30000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ff0000, #b30000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ff0000, #b30000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ff0000, #b30000);
	color: #fff;
	border-radius: 5px;
	font-weight: bolder;
}

.removevoucher:hover {
	border: 2px solid #161925;
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#b30000, #ff0000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#b30000, #ff0000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b30000, #ff0000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b30000, #ff0000);	
	color: #fff;
	border-radius: 5px;
	font-weight: bolder;
	cursor: pointer;
}

.halftransparent {
	opacity: 0.5;
}
/* Onclick Dropdown */
#dropbtn {
	cursor: pointer;
}
.ocdropdown {
	position: relative;
}
.ocdropdown-content {
    background-color:rgba(29,32,35,0.4);
    position: absolute;
    display: none;
	z-index: 10;
	right: 2em;
		-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
}
.dropdowntopbar {
	background-color:rgba(29,32,35,1) !important;
	text-align: right;
}
/* Can you run it box */
.gd-header {
	background-color:rgba(74,82,90,0.9) !important;
	font-weight: bold !important;
}
.gd-form-wrapper {
	background-color:rgba(242,244,252,0.7) !important;
}
.gd-footer-bar {
	background-color:rgba(74,82,90,0.9) !important;
}
.gd-footer-bar a {
	color: #fff !important;
}
.gd-info-icon {
	background-color:rgba(191,200,247,0.9) !important;
	color: #152055 !important;
	font-weight: bold !important;
	border: 1px solid #152055 !important;
}
.gd-can-i-run-it-btn {
	background-color:rgba(191,200,247,0.9) !important;
	color: #152055 !important;
	border: 1px solid #152055 !important;
	font-weight: bold !important;
}
.gd-can-i-run-it-btn-tiny {
	background-color:rgba(191,200,247,0.9) !important;
	color: #152055 !important;
	border: 1px solid #152055 !important;
	font-weight: bold !important;
}
/* Universal */
.fonta:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: green;
  font-size: 1.5em;
  text-shadow: 1px 1px 2px black;
  display: inline-block;
  margin-top: 0.1em;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.errorbox {
	border: 1px solid red;
	background: #FFDCDC;
	min-height: 40px;
	margin-bottom: 0.5em;
}
#errormsg {
	display: block;
	padding: 0.2em;
	font-size: 0.9em;
	color: red;
}

.successbox {
	border: 1px solid green;
	background: #BEFFBE;
	min-height: 40px;
	margin-bottom: 0.5em;
}
#successmsg {
	display: block;
	padding: 0.2em;
	font-size: 0.9em;
	color: green;
}

.noticebox {
	border: 1px solid orange;
	background: #FFFFD2;
	min-height: 40px;
	margin-bottom: 0.5em;
}
#noticemsg {
	display: block;
	padding: 0.2em;
	font-size: 0.9em;
	color: orange;
}

.iconcontainer {
	float: left;
	padding: 4px 6px;
	width: 32px;
	height: 32px;
}

.icon.success {
        display: inline-block;
  position: relative;

        width: 1.15em;
        height: 1.15em;

        overflow: hidden;
        border: none;
        background-color: transparent;
        border-radius: 0.625em;
		background: green;
}

.icon.success::after {
        display: block;
        position: absolute;
        top: -0.03em;
        left: -0.04em;
        width: 100%;
        text-align: center;
        font-family: "Times New Roman", "Garamond", serif;
        font-size: 0.8em;
        color: white;
        content: "✓";
        font-weight: bold;
    }
.icon.error {
        display: inline-block;
  position: relative;

        width: 1.15em;
        height: 1.15em;

        overflow: hidden;
        border: none;
        background-color: transparent;
        border-radius: 0.625em;
		background: red;
}

.icon.error::after {
        display: block;
        position: absolute;
        top: -0.03em;
        left: -0.02em;
        width: 100%;
        text-align: center;
        font-family: "Times New Roman", "Garamond", serif;
        font-size: 1em;
        color: white;
        content: "×";
        font-weight: bold;
    }
.icon.warning {
        display: inline-block;
  position: relative;
		top: 0.05em;

        width: 1.15em;
        height: 1.15em;

        overflow: hidden;
        border: none;
        background-color: transparent;
        border-radius: 0.625em;
}

.icon.warning::before {
        content: "";
        display: block;
        top: -0.08em;
        left: 0.0em;
        position: absolute;
        border: transparent 0.6em solid;
        border-bottom-color: #fd3;
        border-bottom-width: 1em;
        border-top-width: 0;
        box-shadow: #999 0 1px 1px;
}

.icon.warning::after {
        display: block;
        position: absolute;
        top: 0.25em;
        left: -0.02em;
        width: 100%;
        padding: 0 1px;
        text-align: center;
        font-family: "Garamond";
        content: "!";
        font-size: 0.65em;
        font-weight: bold;
        color: #333;
    }
	
    .icon,
    .icon::before,
    .icon::after
    {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .icon {
        font-size: 28px;
        color: transparent;
    }

#usergrouptext {
	display: inline-block;
	color: #fff;
	font-size: 9px;
	font-family: Verdana;
	padding: 2px 4px;
	border-radius: 5px;
	cursor: default;
	margin-top: 2px;
}

#answertag {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 10px;
	color: green;
	font-weight: bold;
}

#datetag {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 10px;
	padding: 0.4em;
}

#boldonly {
	font-weight: bold;
}
@media (max-width: 1400px)
{
#body {
	padding: 0px;
	width: 98%;
	min-height: 600px;
	margin:0 auto;
	display: flex;
	padding-bottom: 20px;
}
#menuwrap {
	width: 98%;
}
#header .container {
	position: relative;
	margin: 0 auto;
	height: 30px;
	width: 98%;
}

.menutablewrap {
	float: left;
	width: 100%;
}
}
}
@media (max-width: 1150px)
{
#body {
	padding: 0px;
	width: 98%;
	min-height: 600px;
	margin:0 auto;
	display: flex;
	padding-bottom: 20px;
}

#menuwrap {
	width: 98%;
	padding: 0;
	margin-left: 0;
}

.halfcontentboxcontainer {
	width: 100%;
	float: left;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

div .halfinnercontainer {
	width: 100%;
	padding: 4px;
	float: left;
	margin-left: 0;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	 position: relative;
}

.halfcontentboxcontainer {
	margin: 0 auto;
	width: 98%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxcontainerl {
	margin: 0 auto;
	width: 98%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxl {
	width: 50%;
	float: left;
}

.halfimgcontentbox {
	height: 100%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}

.halfimgcontentboxl {
	height: 100%;
	position: relative;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	margin-bottom: 0.6em;
}

.contentboxcontainer {
	width: 100%;
}

	.logoimg {
		width: 60px;
	}	
	#header .mainmenu {
		text-align: center;
		line-height: 30px;
	}
	.halfcontentbox {
		width: 100%;
	background: #6870B1;
	border: 1px solid #6870B1;
}
}
@media (max-width: 750px)
{
.fsflright {
	float: none;
}
.mobclearfix {
	clear: both;
}
#body div .menuinnercontainer {
		display: none;
		float: left;
}

div .tqinnercontainer {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
div .halfinnercontainer {
	width: 98%;
	margin: 0 auto;
	padding: 4px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
	 position: relative;
}

#header .container {
	position: relative;
	margin: 0 auto;
	height: 30px;
	width: 98%;
}

#menuwrap ul li {
	width: 32%;
	text-align: center;
	display: inline-block;
	margin-right: 0px;
	position: relative;
	padding: 20px 10px;
}

#menuwrap ul li ul {
	padding: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	right: -30px;
	min-width: 150px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	overflow: auto;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}
#menuwrap ul li ul li:first-child {
	margin-top: 1px;
}
#menuwrap ul li ul li { 
	margin: 0px;
	padding: 6px;
	text-align: left;
	display: block; 
	z-index: 10000;
	width: 212px;
	height: 100%;
}
#menuwrap .mobmenuleft {
	left: -1px;
	right: auto;
}
#menuwrap .mobmenuright {
	right: -1px;
	left: auto;
}
.menutablewrap {
	width: 100%;
}

.halfcontentboxcontainer {
	margin: 0 auto;
	width: 98%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentboxcontainerl {
	margin: 0 auto;
	width: 98%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfcontentbox {
	width: 99%;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfimgcontentbox {
	margin: 0 auto;
	width: 98%;
	height: 100%;
	border-radius: 5px;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.halfimgcontentboxl {
	margin: 0 auto;
	width: 98%;
	height: 100%;
	position: relative;
	border-radius: 5px;
	    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.contentboxcontainer {
	width: 100%;
}

	#contentwrap {
	float: none;
	margin-left: 0;
	}
	
	#sidemenu{
	float: none;
	width: 100%;
	display: none;
	}
	
	#contentbox{
	margin-left: 0 auto;
	}
	#body .topsec1 {
	display: none;
	}

	#header .mainmenu {
	}
input.mainsearch {

}
#body {
	padding: 0px;
	width: 98%;
	min-height: 600px;
	margin:0 auto;
	display: flex;
	padding-bottom: 20px;
}
#header .logo {
	width: 100%;
	padding-top: 35px;
	position: absolute;
	text-align: center;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	clear: both;
}
#adwrap {
	padding: 0;
	width:100%;
	height: 120px;
	line-height: 0px;
	float: right;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
	margin-left: 80px;
	margin-top: 5px;
}
.devbanner {
	width: 98%;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
}
.betatest {
	width: 98%;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
}
.mobilehide {
	display: none;
}
}
@media (max-width: 500px)
{
	#menuwrap ul li {
	width: 48%;
	text-align: center;
	display: inline-block;
	margin-right: 0px;
	position: relative;
	padding: 20px 10px;
}
}
.carifcontainer {
	position: fixed;
    width: 100%;
    height: 100%;
}
.carifcontainer > iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.carouselinner {
    /* width within the parent.
       can be any percentage. */
    width: 100%;
}
.carouselinner:before {
    float: left;

    /* essentially the aspect ratio. 100% means the
       div will remain 100% as tall as it is wide, or
       square in other words.  */
    padding-bottom: 30%;
}
/* this is a clearfix. you can use whatever
   clearfix you usually use, add
   overflow:hidden to the parent element,
   or simply float the parent container. */
.carouselinner:after {
    display: table;
    clear: both;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  background: #4A525A;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #E1EAE1;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #E1EAE1;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #E1EAE1;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #E1EAE1;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #E1EAE1;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.twitchbox {
	position: relative;
	padding-bottom: 37.6%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.twitchbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.twitchchatbox {
	position: relative;
	padding-bottom: 37.6%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.twitchchatbox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}