@charset "utf-8";
/* CSS Document */
html {
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;
}
body {
	margin: 0;
	padding: 0;
	color: #000000;
	text-rendering: optimizeLegibility;
	background-attachment: fixed;
	background-color: #fff;
	background-image: url(../images/sitebg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	scrollbar-base-color: #0f00a1;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #0f00a1;
	scrollbar-shadow-color: #000000;
	scrollbar-dark-shadow-color: #C0C0C0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
}
.contactbg {
	background-image: url(../images/hfxskylinebg2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
}
#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 10px 20px;
  background: #555;
  color: #fff;
}
* {
    box-sizing: border-box;
}
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
[class*="col-"] {
    float: left;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
.pro {
	max-width: 100%;
	height: 300px;
	background-image: url(../images/process.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center top;
	position:fixed;
	padding-top: 300px;
}
img {
     max-width: 100%;
    height: auto;
 }

@media only screen and (min-width: 600px) {
    /* For tablets: */
.col-m-1 {width: 100%;}
.col-m-2 {min-width:320px; width: 20%;}
.col-m-3 {width: 5%;}
.col-m-4 {width: 12.5%;}
.col-m-5 {min-width:350px; width: 25%;}
.col-m-6 {min-width:350px; width: 50%;}
.col-m-7 {width: 33.3%;}
.col-m-8 {min-width:300px; width: 16.66%;}
.col-m-9 {min-width:300px; width: 20%;}
.col-m-10 {width: 25%;}
.col-m-11 {width: 75%;}
}
.toplogo {
	width: 94px;
	height: 36px;
	background-image: url(../images/webenergylogosm.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center top;
}
@media only screen and (min-width: 768px) {
.toplogo {
	width: 250px;
	height: 96px;
	background-image: url(../images/webenergylogo.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center top;
}
.col-1 {width: 100%;}
.col-2 {width: 20%;}
.col-3 {width: 5%;}
.col-4 {width: 12.5%;}
.col-5 {min-width:350px; width: 25%;}
.col-6 {min-width:350px; width: 50%;}
.col-7 {width: 33.3%;}
.col-8 {min-width:300px; width: 16.66%;}
.col-9 {min-width:300px; width: 20%;}
.col-10 {width: 25%;}
.col-11 {width: 75%;}
}

.hs2 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/homebg2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:25px;
}
.ns2 {
	max-width: 100%;
	min-height: 150px;
	height:auto;
	background-color: #2a3650;
}

.ss2 {
	max-width: 100%;
	min-height: 100px;
	height:auto;
	background-color: #cacaca;
}
.ts2 {
	max-width: 100%;
	min-height: 150px;
	height:auto;
	background-color: #cbcbcb;
}

.mit2 {
	max-width: 100%;
	min-height: 200px;
	height:auto;
	background-color: #1e1f23;
}

.cld2 {
	max-width: 100%;
	min-height: 150px;
	height:auto;
	background-color: #002765;
}
.seo2 {
	max-width: 100%;
	min-height: 200px;
	height: auto;
	background-color: #1f2022;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 10px;
}
.wh2 {
	max-width: 100%;
	min-height: 125px;
	height: auto;
	background-color: #09131c;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 10px;
}
.sec2 {
	max-width: 100%;
	min-height: 250px;
	height: auto;
	background-color: #c3c3c3;
	font-size: 18px;
	color: #000000;
	padding-top: 10px;
}
.wbd3 {
	max-width: 100%;
	min-height: 100px;
	height: auto;
	background-color: #000000;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 10px;
}
.por3 {
	max-width: 100%;
	min-height: 55px;
	height: auto;
	background-color: #000000;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 10px;
}
.wbd4 {
	max-width: 100%;
	min-height: 100px;
	height: auto;
	background-color: #000000;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 10px;
}
.cr2 {
	max-width: 100%;
	min-height: 100px;
	height: auto;
	background-color: #3a3a3a;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 10px;
}
@media only screen and (min-width: 200px) {
.por1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/portfolios.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.cr1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/comprepairs.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/webdess.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd2 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/webdesbgs.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
}
.prog1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/programmingS.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.seo1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/seos.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.sec1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/securitys.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wh1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/webhostings.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ns1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/nsp1s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ss1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/serversheads.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.mit1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/manageitheads.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ts1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/techsupportheads.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.cld1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/cloudsvcs.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.hs1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/hps1s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.its1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/ITserviceS.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.webs1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/webserviceS.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
}
@media only screen and (min-width: 600px) {
.por2 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/portfolios.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.cr1 {
	max-width: 100%;
	min-height: 200px;
	height:auto;
	background-image: url(../images/comprepairm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/webdess.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd2 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/webdesbgs.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
}
.prog1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/programmingS.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.seo1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/seos.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.sec1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/securitys.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wh1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/webhostings.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ns1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/nsp1s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ss1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/serversheads.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.mit1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/manageitheads.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ts1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/techsupportheads.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.cld1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/cloudsvcs.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.hs1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/hps1s.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.its1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/ITserviceS.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.webs1 {
	max-width: 100%;
	min-height: 156px;
	height:auto;
	background-image: url(../images/webserviceS.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
}
@media only screen and (min-width: 768px) {
.por1 {
	max-width: 100%;
	min-height: 200px;
	height:auto;
	background-image: url(../images/portfoliom.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.cr1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/comprepair.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd1 {
	max-width: 100%;
	min-height: 200px;
	height:auto;
	background-image: url(../images/webdesm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd2 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/webdesbgm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
}
.prog1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/programmingM.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.seo1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/seom.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.sec1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/securitym.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wh1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/webhostingm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ns1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/nsp1m.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ss1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/serversheadm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.mit1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/manageitheadm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ts1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/techsupportheadm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.cld1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/cloudsvcm.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.hs1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/hps1m.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.its1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/ITserviceM.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.webs1 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/webserviceM.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
}
@media only screen and (min-width: 1600px) {
.por1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/portfolio.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/webdes.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wbd2 {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-image: url(../images/webdesbg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
}
.prog1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/programming.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.seo1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/seo.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.sec1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/security.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.wh1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/webhosting.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ns1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/nsp1.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ss1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/servershead.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.mit1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/manageithead.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.ts1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/techsupporthead.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.cld1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/cloudsvc.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.hs1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/hps1.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.its1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/ITservice.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
.webs1 {
	max-width: 100%;
	min-height: 500px;
	height:auto;
	background-image: url(../images/webservice.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position: center top;
	padding-bottom:150px;
}
}
.ft {
	max-width: 100%;
	min-height: 250px;
	height:auto;
	background-color: #dedede;
}
.pkg1 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	padding: 10px;
	border-radius: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
}
.pkg2 {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cacaca+0,9ec6ed+50,cacaca+100 */
background: rgb(202,202,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(202,202,202,1) 0%, rgba(158,198,237,1) 50%, rgba(202,202,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(202,202,202,1) 0%,rgba(158,198,237,1) 50%,rgba(202,202,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(202,202,202,1) 0%,rgba(158,198,237,1) 50%,rgba(202,202,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
}
.pkg3 {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
background: rgb(24,0,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,0,169,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(24,0,169,1) 0%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(24,0,169,1) 0%,rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1800a9', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #1800a9;
}
.pkg4 {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	padding: 10px;
	border-radius: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
}
.pkg5 {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cacaca+0,9ec6ed+50,cacaca+100 */
background: rgb(202,202,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(202,202,202,1) 0%, rgba(158,198,237,1) 50%, rgba(202,202,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(202,202,202,1) 0%,rgba(158,198,237,1) 50%,rgba(202,202,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(202,202,202,1) 0%,rgba(158,198,237,1) 50%,rgba(202,202,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
}
.pkg6 {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
background: rgb(24,0,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,0,169,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(24,0,169,1) 0%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(24,0,169,1) 0%,rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1800a9', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #1800a9;
}
.phead {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
background: rgb(24,0,169); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,0,169,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(24,0,169,1) 0%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(24,0,169,1) 0%,rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1800a9', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #1800a9;
}
.porbg {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cacaca+0,9ec6ed+50,cacaca+100 */
background: rgb(202,202,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(202,202,202,1) 0%, rgba(158,198,237,1) 50%, rgba(202,202,202,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(202,202,202,1) 0%,rgba(158,198,237,1) 50%,rgba(202,202,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(202,202,202,1) 0%,rgba(158,198,237,1) 50%,rgba(202,202,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
}
.hmtxt {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #000000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cacaca+0,9ec6ed+50,cacaca+100 */
background: rgb(202,202,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(202,202,202,1) 50%, rgba(158,198,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(202,202,202,1) 50%,rgba(158,198,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(202,202,202,1) 50%,rgba(158,198,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */

	padding: 15px;
	border-radius: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}
.horder {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #000000;
background: rgb(253,214,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,214,0,1) 0%, rgba(197,176,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd600', endColorstr='#c5b001',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: #000000;
}
.horder:hover {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fdd600;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	padding: 5px;
	border-radius: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: #fdd600;
}
.svcbut {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000000;
background: rgb(253,214,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,214,0,1) 0%, rgba(197,176,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd600', endColorstr='#c5b001',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	border-radius: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: #000000;
}
.svcbut:hover {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fdd600;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	padding: 5px;
	border-radius: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: #fdd600;
}
.ordbut {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #000000;
background: rgb(253,214,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,214,0,1) 0%, rgba(197,176,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd600', endColorstr='#c5b001',GradientType=0 ); /* IE6-9 */

	padding: 7px;
	border-radius: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: #000000;
}
.ordbut:hover {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fdd600;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	padding: 7px;
	border-radius: 20px;
	border-width: 3px;
	border-style: solid;
	border-color: #fdd600;
}
.conbut {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #000000;
background: rgb(253,214,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,214,0,1) 0%, rgba(197,176,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(253,214,0,1) 0%,rgba(197,176,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd600', endColorstr='#c5b001',GradientType=0 ); /* IE6-9 */

	padding: 7px;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
}
.conbut:hover {
	font-family: 'Muli', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fdd600;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	padding: 7px;
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #fdd600;
}
.sm {
	max-width: 100%;
	min-height: 27px;
	background-color: #0246ad;
}
.conhead {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}
.maillink {
	font-size: 18px;
	font-weight: bold;
	color: #ffffcc;
	text-decoration: none;
}
.maillink:hover {
	font-size: 18px;
	font-weight: bold;
	color: #a5d1fe;
	text-decoration: underline;
}
.wlink {
	font-size: 18px;
	font-weight: bold;
	color:#0000CC;
	text-decoration: none;
}
.wlink:hover {
	font-size: 18px;
	font-weight: bold;
	color:#666666;
	text-decoration: underline;
}

.top2 {
	height: 400px;
	background-image: url(../images/headersbg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;	
}
.maintxt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 30px;
	padding-left: 25px;
}
.mainfoot {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 30px;
}
.maintxtb {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	padding-top: 30px;
	padding-left: 25px;
}
.htxt {
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 25px;
}
.htxtb {
	font-size: 18px;
	color: #000000;
	text-align:center;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 25px;
}
.bltxt {
	font-size: 18px;
	color: #000000;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 25px;
}
.checkm {
	font-size: 28px;
	font-weight: bold;
	color: #00CC00;
}

.htxtb2 {
	font-size: 18px;
	color: #000000;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 10px;
}
.htxt2 {
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 30px;
	padding-left: 25px;
}
.htxt3 {
	font-size: 18px;
	color: #000000;
	padding-top: 30px;
	padding-left: 25px;
}
.navmenu {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navmenu:hover {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: underline;
}

header {
	float: left;
	width: 100%;
	border-bottom: 0px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #000000;
	/*
	background-image: url(../images/headersbg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	*/
}
header img {
float: left;
}
header nav {
float: left;
width: 100%;
text-align: left;
margin-left: 20px;
}
header nav ul {
padding: 10px 0;
margin: 0;
list-style-type: none;
}
header nav ul li {
margin-left: 10px;
display: inline;
}
header nav ul ul {
display: none;
}
section, article, header {
display: block;
float: left;
width: 100%;
}
article {
width: 96%;
padding: 3em 2%;
}
article.left {
text-align: left;
background: #fefefe;
border-top: 1px solid #e9e9e9;
}
.e::before {
content: "\200B";
}
 @media screen and (max-width: 37.5em) { /* 600px */
h1 {
font-size: 44px;
}
}

        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
.toptxt {
	font-size: 24px;
	font-weight: bold;
	color: #dedede;
}
.about {
	background-color: #a10000;
	height: 400px;
	width: 100%;
}
.hd1 {
	background-color: #333333;
	height: 8px;
}
.hd2 {
	background-color: #666666;
	height: 20px;
}
.frmtxt {
	background-color: #FFFFFF;
	height: 25px;
	width: 200px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.frmar {
	background-color: #FFFFFF;
	height: 117px;
	width: 200px;
	border: 1px solid #000000;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.codebox {
	font-family: "Comic Sans MS", cursive;
	font-size: 18px;
	font-weight: bold;
	color: #66FFFF;
	background-color: #333333;
	height: 28px;
	width: 200px;
	padding: 3px;
}

.frmbut {
	background-color: #009aff;
	height: 25px;
	width: 200px;
	border: 2px solid #dedede;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.frmbut:hover {
	background-color: #a10000;
	height: 25px;
	width: 200px;
	border: 2px solid #dedede;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
.exlink1 {
	color: #00FFFF;
	text-decoration: none;
	font-weight: bold;
}
.exlink1:hover {
	color: #dedede;
	text-decoration: underline;
	font-weight: bold;
}
.hstbx {
	background-color: #FFFFCC;
	height: 24px;
	padding:2px;
	border-width: 2px;
	border-style: solid;
	border-color: #006600;
 	border-radius: 7px;
	font-size: 16px;
	font-weight:bold;
	min-width: 175px;
}
.conbx {
	background-color: #dedede;
	height: 24px;
	padding:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #0e01b7;
 	border-radius: 7px;
	font-size: 16px;
	font-weight:bold;
	min-width: 175px;
}
.conbxa {
	background-color: #dedede;
	height: 125px;
	padding:2px;
	border-width: 1px;
	border-style: solid;
	border-color: #0e01b7;
 	border-radius: 7px;
	font-size: 16px;
	font-weight:bold;
	min-width: 175px;
}
.hstel {
	background-color: #FFFFCC;
	height: 24px;
	padding:2px;
	border-width: 2px;
	border-style: solid;
	border-color: #006600;
 	border-radius: 7px;
	font-size: 16px;
	font-weight:bold;
}
.hstxa {
	background-color: #FFFFCC;
	height: 125px;
	padding:2px;
	border-width: 2px;
	border-style: solid;
	border-color: #006600;
 	border-radius: 7px;
	font-size: 16px;
	font-weight:bold;
}
.hstbx2 {
	height: 22px;
	border: 12px solid #006600;
	font-size: 22px;
  border-radius: 3px;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 3px solid #01970b;
  background: #f8f8f8;
  border-radius: 3px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: 'X';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  font-weight:bold;
  line-height: 0.8;
  color: #000000;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 3px solid #4778d9!important;
}