@charset "UTF-8";
@import url("../webfonts/Chivo_Light/stylesheet.css");
@import url("../webfonts/Raleway_Regular/stylesheet.css");
@import url("../webfonts/Raleway_Medium/stylesheet.css");
.tabs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
.money {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.working {
	font-family: Arial, Helvetica, sans-serif;
}
.aaapopp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}
.forforms {
	font-family: "Raleway Medium";
	font-size: 12px;
	color: #565656;
}
.accode {
	font-family: "Raleway Regular";
	font-size: 13px;
	color: #333;
	font-style: normal;
	line-height: 16px;
	letter-spacing: 0.5px;
}
.disc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D7D5D9;
}
.fonterboxx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	width: 96%;
	text-align: left;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	padding: 10px;
}
.fonterboxxbtc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	width: 91%;
	text-align: left;
	background-color: #F8F8F8;
	padding: 6px;
	height: 45px;
	border: 1px solid #999;
	border-radius: 8px;
}
.fonterboxxtbc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	width: 80%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D0EDEC;
	border-right-color: #D0EDEC;
	border-bottom-color: #999;
	border-left-color: #D0EDEC;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	text-align: left;
	background-color: #D0EDEC;
}
.fonterboxxline {
	font-family: "Raleway Regular";
	font-size: 12px;
	color: #666;
	width: 90%;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-radius: 8px 8px 0px 0px;
	text-transform: none;
	letter-spacing: 0.2px;
	padding: 10px;
}
.fonterboxxlinedown {
	font-family: "Raleway Regular";
	font-size: 12px;
	color: #666;
	width: 90%;
	text-align: left;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-radius: 0px 0px 8px 8px;
	text-transform: none;
}
.Currency {
	font-family: "DejaVuSans ExtraLight";
	font-size: 30px;
	color: #000;
}
.iconboxx {
	background-color: #FFF;
	border-radius: 200px;
	height: 120px;
	width: 120px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	border: 2px double #652C8F;
}
.mennut {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
}
.helpp {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	background-color: #FFF;
	padding: 15px;
	width: 200px;
	border-radius: 12px;
}
.topbutt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #34A766;
	padding: 6px;
	border: 2px solid #34A766;
	border-radius: 8px;
	width: 75%;
}
.formbutt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 6px;
	background-color: #009966;
	border: 1px solid #009966;
	width: 100%;
	padding: 10px;
}
.formbutt:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 6px;
	background-color: #28A745;
	border: 1px solid #28A745;
	width: 100%;
	padding: 10px;
}
.codetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4E4D4F;
	letter-spacing: 0.3px;
}
.drop {
	height: 20px;
	width: 100%;
	cursor: pointer;
	background-color: #FFFFFF;
	margin: auto;
	/* [disabled]border-radius: 360px 360px 0px 0px; */
}
.drop2 {
	height: 20px;
	width: 40px;
	cursor: pointer;
	/* [disabled]background-color: #FFF; */
	margin: auto;
	border-radius: 360px 360px 0px 0px;
	display: none;
}
.droptab {
	background-color: #FFFFFF;
	height: auto;
	width: 100%;
	display: block;
	/* [disabled]border-radius: 16px 16px 0px 0px; */
}
.droptabing {
	background-color: #E0DEE2;
	height: auto;
	width: 100%;
	display: block;
}
.butt {
	font-family: "Raleway Regular";
	font-size: 14px;
	color: #FFF;
	background-color: #009966;
	border: 1px solid #009966;
	cursor: pointer;
	border-radius: 8px;
	padding: 15px;
	width: 100%;
	text-align: center;
}
.butt:hover {
	font-family: "Raleway Regular";
	font-size: 14px;
	color: #FFF;
	background-color: #00CC99;
	border: 1px solid #00CC99;
	cursor: pointer;
	border-radius: 8px;
	padding: 15px;
	width: 100%;
}
.notify {
	font-family: "Raleway Regular";
	font-size: 11.5px;
	color: #FFFFFF;
}


div#sticker {
	height: auto;
	width: 100%;
	/* [disabled]background-attachment: fixed; */
	background-repeat: repeat-x;
	background-color: #FFF;
	/* [disabled]box-shadow: -1px 0px 8px 1px #F0F0F0; */
}
.stick {
	position: fixed;
	top: 0px;
	height: auto;
	width: 100%;
}
.innerhead {
	width: 100%;
	height: auto;
	background-color: #73B972;
	margin: auto;
	background-repeat: no-repeat;
}
.topp {
	background-color: #FFF;
	height: 22px;
	width: 40px;
	border-radius: 360px 360px 0px 0px;
}
.downn {
	background-color: #E1DFE4;
	height: 22px;
	width: 40px;
	border-radius: 0px 0px 360px 360px;
}

/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */    
	height: 100%;
	width: 0%;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 65px;
	background-color: rgb(255,255,255); /* Black fallback color */
	background-color: rgb(20,20,20); /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: all 0.8s ease 0s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

/* Position the content inside the overlay */
.overlay-content {
	position: relative;
	top: 6%; /* 25% from the top */
	width: 100%; /* 100% width */
	text-align: left; /* Centered text/links */
	margin-top: 15px;
	padding-left: 10px;
}

/* The navigation links inside the overlay */
.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 14px;
	color: #333;
	display: block; /* Display block instead of inline */
	transition: 0.8s; /* Transition effects on hover (color) */
	font-family: "Raleway Medium";
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
	color: #333333;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
	position: absolute;
	top: 2px;
	right: 5px;
	font-size: 30px;
	font-family: "Raleway Medium";
}

canvas {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
}
.pcircle {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	background-color: #5B8500;
	text-align: center;
	border-radius: 90px;
}
.dcircle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F93434;
	background-color: #E2E2E2;
	text-align: center;
	border-radius: 90px;
	vertical-align: middle;
	font-size: 11px;
}
.gcircle {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	background-color: #333333;
	text-align: center;
	border-radius: 90px;
}
.kcircle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #FF6666;
	text-align: center;
	border-radius: 360px;
	font-size: 10px;
	vertical-align: middle;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
}
.contpage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}
.contpageLarge {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333;
}
.nornsearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 10px;
	border: 0.5px solid #CCC;
	border-radius: 18px;
	width: 94%;
}
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.omctext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
}
.allbox {
	border: 0.5px solid #F2F2F2;
	border-radius: 8px;
	background-color: #FFF;
}
.fonterboxxwt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	text-align: left;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	background-color: #FFF;
	width: 95%;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 7px;
}
.codlist {
	font-family: "Raleway Regular";
	font-size: 13px;
	color: #666;
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #E4E2E6;
	border-radius: 6px;
	cursor: pointer;
}
.codlist:hover {
	font-family: "Raleway Regular";
	font-size: 13px;
	color: #FFF;
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #DDDBDF;
	border-radius: 6px;
	background-color: #DDDBDF;
	cursor: pointer;
}
.dcnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #096;
}
#p1 {
	display: none;
	width: 100%;
}