@charset "utf-8";
/* CSS Document */

/*****************************************************************
reset css
******************************************************************/

/**{margin:0;padding:0;*/
/*transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;}*/

/*h1, h2, h3, h4, h5, h6, p, ul{margin:0; padding:0;}*/

@font-face{font-family:'Muller';src:url(../fonts/MullerMedium.woff2) format("woff2"),url(../fonts/MullerMedium.woff) format("woff");font-weight:500;font-style:normal}
@font-face{font-family:'Muller';src:url(../fonts/MullerLight.woff2) format("woff2"),url(../fonts/MullerLight.woff) format("woff");font-weight:300;font-style:normal}
@font-face{font-family:'Muller';src:url(../fonts/MullerRegular.woff2) format("woff2"),url(../fonts/MullerRegular.woff) format("woff");font-weight:400;font-style:normal}
@font-face{font-family:'Muller';src:url(../fonts/MullerThin.woff2) format("woff2"),url(../fonts/MullerThin.woff) format("woff");font-weight:100;font-style:normal}
@font-face{font-family:'Muller';src:url(../fonts/MullerBold.woff2) format("woff2"),url(../fonts/MullerBold.woff) format("woff");font-weight:700;font-style:normal}
@font-face{font-family:'Muller';src:url(../fonts/hinted-MullerExtraBold.woff2) format("woff2"),url(../fonts/hinted-MullerExtraBold.woff) format("woff");font-weight:800;font-style:normal}
ul{ list-style:none;}
a{text-decoration:none !important;}

/*body{ width:100%; padding:0; margin:0; font-family: 'Montserrat', sans-seriff;}*/
wrapper{ width:100%;}

/****************
     table
***************/

.acc-chart {
	padding:30px 0px 30px 0px;
}

.acc {
	padding:30px 0px 30px 0px;
}

.acc-box {
	
    background: #ffffff;
    padding: 2px;
    cursor: pointer;
    margin: 20px auto 20px;
    border-radius: 0px;
    width: 300px;
}

.acc-box .acc-inner {
	
    padding: 20px 0px;
    margin-bottom: 0px;
    background: #ffffff;
	box-shadow: 0 0px 10px 0px #efefef;
    position: relative;
    z-index: 0;
    transition: 0.7s;
    border-radius: 0px;
    text-align: center;
}

.acc-box .acc-inner:hover {
	
    background: #fff;
	transition:0.7s;
}

.acc-box:after {
	
   background-color: #01c4c8;
   border-radius: 0px;
}

.acc-box:before {
	
   background-color: #01c4c8;
   border-radius: 0px;
}

.acc-box .acc-inner:after {
	
	content: "";
    display: table;
    clear: both;
	border-radius: 0px;
}

.animate_line{
	position:relative;
	z-index:0;
	/*padding:1px 0px;*/
}
.animate_line:after,
.animate_line:before{
	content: "";
	height: 4px;
	width: 0px;  
	position: absolute; 
	transition: all 0.5s ease 0s; 
	-webkit-transition: all 0.5s ease 0s; 
	z-index: -1; 	
}

.animate_line:after { 
  left: 0; 
  bottom: 0;
  border-radius: 0px; 
}
.animate_line:before { 
  right: 0; 
  top: 0;
  border-radius: 0px; 
}
.animate_line:hover:after,
.animate_line:hover:before{ 
	width: 100%; 
	height:100%;
	background: #01c4c8;
	border-radius: 0px; 
}

.acc-box .acc-inner .acc-img {
	
    padding: 6px 6px 6px 6px;
    background: #1d2227;
	box-shadow: inset 0 0 0 0 #2b324f;
    margin: 0px auto 30px;
    text-align: center;
    display: inline-block;
	transition:0.7s;
	position:relative;
	z-index:1;
}

.acc-box .acc-inner h4 {
	
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 500;
    color: #1d2227;
    margin: 0px 0px 10px 0px;
}

.acc-box .acc-inner p {
	
	font-family: 'Roboto Slab', serif;
	font-size:24px;
	font-weight:700;
	color:#282f4c;
	background:#01c4c8;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

.acc-box .acc-inner .acc-line {
	
	border-bottom: 1px solid #1d2227;
    position: absolute;
    top: 50px;
    width: 100%;
	transition: 0.7s;
}

.acc-box .acc-inner:hover .acc-img, .acc-box .acc-inner .acc-img:hover {
	
    transition: 0.7s;
    box-shadow: inset 0 100px 0 0 #2b324f;
}

.acc-box .acc-inner:hover .acc-line, .acc-box .acc-inner .acc-line:hover {
	
    transition: 0.7s;
    border-bottom: 1px solid #01c4c8;
}

.acc-bg1 {
	width:100%;
	display:inline-block;
    background: #ffffff;
    background-size: cover;
    margin: 20px auto 20px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #b3b4b8;
    box-shadow: 0px 0px 5px #afb1b1;
}

.acc-bg1 .acc-img {
	
	background:#4fcb66;
    padding: 10px 0px 10px 0px;
	margin:20px auto 20px;
    text-align:center;
}

.acc-bg1 .acc-text {
	
    padding: 10px 0px 10px 0px;
    text-align: center;
}

.acc-bg1 .acc-text p {
	
    font-size: 16px;
    font-weight: 400;
    color: #131732;
    border-bottom: 2px solid #4fcb66;
    padding: 0px 0px 6px 0px;
    margin: 0px 0px 8px 0px;
}

.acc-bg1 .acc-text h4 {
	
    font-size: 24px;
    font-weight: 600;
    color: #4fcb66;
    margin: 0px 0px 0px 0px;
	
}

.acc-bg2 {
    background: #ffffff;
    background-size: cover;
    min-height: 120px;
    margin: 20px auto 20px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #b3b4b8;
    box-shadow: 0px 0px 5px #afb1b1;
    border-bottom: 5px solid #4fcb66;
}
.acc-bg2 .acc-text {
    padding: 10px 0px 0px 0px;
    float: left;
    width: 88%;
}
.acc-bg2 .acc-text p {
    font-size: 16px;
    font-weight: 400;
    color: #131732;
    padding: 0px 0px 10px 10px;
    margin: 4px 0px 0px 0px;
}
.acc-bg2 .acc-text h4 {
    font-size: 24px;
    font-weight: 600;
    color: #4fcb66;
    margin: 0px 0px 0px 10px;
}

.acc-bg3 {
    background: #ffffff;
    background-size: cover;
    min-height: 120px;
    margin: 20px auto 20px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #b3b4b8;
    box-shadow: 0px 0px 5px #afb1b1;
    border-bottom: 5px solid #131732;
}
.acc-bg3 .acc-text {
    padding: 10px 0px 0px 0px;
    float: left;
    width: 88%;
}
.acc-bg3 .acc-text p {
    font-size: 16px;
    font-weight: 400;
    color: #131732;
    padding: 0px 0px 10px 10px;
    margin: 4px 0px 0px 0px;
}
.acc-bg3 .acc-text h4 {
    font-size: 24px;
    font-weight: 600;
    color: #131732;
    margin: 0px 0px 0px 10px;
}

.acc-1 {
	
	padding:0px 0px 0px 0px;
	text-align:center;
}

.acc-1 .acc-box1 {
	
	background: #ffffff;
    background-size: cover;
    min-height: 120px;
    margin: 20px auto 20px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #b3b4b8;
    box-shadow: 0px 0px 5px #afb1b1;
}

.acc-1 .acc-box1 h4 {
	
	font-family:'Muller';
	font-size: 24px;
    font-weight:600;
    color: #4fcb66;
    margin: 20px 0px 20px 0px;
	text-transform:uppercase;
}

.acc-1 .acc-box1 p {
	
	font-family:'Muller';
	font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    background: #131732;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 10px 0px;
    text-align: left;
}

.acc-1 .acc-box1 p span {
	
    color: #4fcb66;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: right;
    font-size: 16px;
    font-weight: 600;
}

.acc-1 .acc-box2 {
	
	background: #ffffff;
    background-size: cover;
    min-height: 120px;
    margin: 20px auto 20px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #b3b4b8;
    box-shadow: 0px 0px 5px #afb1b1;
    border-bottom: 5px solid #131732;
}

.acc-1 .acc-box2 h4 {
	
	font-size: 24px;
    font-weight:600;
    color: #131732;
    margin: 20px 0px 20px 0px;
	text-transform:uppercase;
}

.acc-1 .acc-box2 p {
	
    font-size: 16px;
    font-weight: 400;
    color: #131732;
    padding: 0px 20px 7px 20px;
    margin: 0px 0px 10px 0px;
    text-align: left;
    border-bottom: 1px solid #d4d4d4;
}

.acc-1 .acc-box2 p span {
	
    color: #131732;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: right;
    font-size: 16px;
    font-weight: 600;
}

.acc-1 .acc-box1 .acc-boxbut {
	
	padding:10px 0px 10px 0px;
}

.acc-1 .acc-box2 .acc-boxbut {
	
	padding:10px 0px 10px 0px;
}

.acc-1 .acc-box1 .acc-boxbut a {
	
	font-size:16px;
	font-weight:600;
	color:#fff;
	background:#4fcb66;
	padding:12px 30px;
	border-radius:50px;
	transition:0.7s;
}

.acc-1 .acc-box1 .acc-boxbut a:hover {
	
	color:#fff;
	background:#131732;
	transition:0.7s;
}

.acc-1 .acc-box2 .acc-boxbut a {
	
	font-size:16px;
	font-weight:600;
	color:#fff;
	background:#131732;
	padding:12px 30px;
	border-radius:50px;
	transition:0.7s;
}

.acc-1 .acc-box2 .acc-boxbut a:hover {
	
	color:#fff;
	background:#4fcb66;
	transition:0.7s;
}

@media (max-width:560px) {
.acc-1 .acc-box1 p {
    text-align: center;
}
.acc-1 .acc-box1 p span {
    float: unset;
    width: 100%;
    display: block;
}
.acc-1 .acc-box2 p
{
 text-align: center;
}
.acc-1 .acc-box2 p span
{
    float: unset;
    width: 100%;
    display: block;
}
}

.dmenu {
	
	padding: 20px 0px 20px 0px;
	text-align:center;
}

.dmenu ul {
	
    margin: 0;
    padding: 0;
    list-style: none;	
}

.dmenu ul li {
	
	display: inline-block;
    padding: 10px 7px;
}

.dmenu ul li a {
	
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin: 0px 0px 0px 0px;
    border-radius: 2px;
    border-bottom: 5px solid #131732;
    float: left;
    display: inline-block;
    padding: 30px 20px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.dmenu ul li a:hover {
	
    background: #4fcb66;
    color: #fff;
    -webkit-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.54);
    -moz-box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.54);
    box-shadow: 0px 0px 16px -7px rgba(0,0,0,0.54);
    border-bottom: 5px solid #000000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.dmenu ul li a i {
	
	display: block;
    font-size: 30px;
    color: #4fcb66;
    margin: 0 0 20px 0;
    text-align: center;
}

.dmenu ul li a:hover i {
	
    color: #fff;
	-webkit-animation: toTopFromBottom 0.5s forwards;
  -moz-animation: toTopFromBottom 0.5s forwards;
  -khtml-animation: toTopFromBottom 0.5s forwards;
  -o-animation: toTopFromBottom 0.5s forwards;
}

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}

#dshbkgd {
    background: url(../images/pay-bg.jpg) repeat;
}
.dshusr {
    padding: 30px 0;
}
.dshusr h1 {
    font-size: 24px;
    color: #4a2a77;
    line-height: 35px;
	margin:0;
}
.dshusr h1 img {
    margin-right: 10px;
}
.dshusr h1 span {
    font-size: 14px;
    color: #4a2a77;
    display: block;
}
.dshusr h1 span b {
    color: #f35036;
    font-weight: normal;
}
.dshusr a:first-child {
    font-size: 18px;
    color: #fff;
    border-radius: 20px 0 0 20px;
    padding-left: 25px;
    border-right: 1px solid #0049d4;
}
.dshusr a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(1, 95, 245) 0%, rgb(0, 51, 178) 100%) repeat scroll 0 0;
    border-left: 1px solid #0046cf;
    border-radius: 0 20px 20px 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 12px 16px;
    text-decoration: none;
    margin: 12px 0;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.dshusr a:hover {
    background: -moz-linear-gradient(top, rgba(146, 109, 197, 1) 0%, rgba(74, 42, 119, 1) 100%);
    background: -webkit-linear-gradient(top, rgb(251, 54, 20) 0%, rgb(218, 51, 26) 100%);
    background: linear-gradient(to bottom, rgb(251, 54, 20) 0%, rgb(218, 51, 26) 100%);
    border: 1px solid #f33616;
}
.dshmnu {
    background: #000000 no-repeat top center;
    padding: 0px 0px 0px 0px;
    background-size: cover;
    margin-bottom: 30px;
}
.dshmnu p {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    float: left;
    padding: 10px 0;
    font-family: 'Titillium Web', sans-serif;
    margin: 0px 0px 0px 0px;
}
.dshmnu p span {
    display: block;
    margin: 6px 0;
}
.dshmnu i {
    background: #e62105 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    padding: 17px;
    text-align: center;
    width: 60px;
    transition-duration: .3s;
    float: left;
    margin: 0 10px 0 0;
}
.dshmnu h5 {
    font-size: 40px;
    color: #013dc1;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    margin: 68px 0;
}
.dshmnu h5 span {
    color: #f35036;
}
.mnucont {
    margin: 15px 0;
    display: inline-block;
}
.mnucont:hover i {
    background: #fff none repeat scroll 0 0;
    color: #e62105;
}
.dshttl {
    display: none;
}
/*Goto*/

.dshgoto a {
    text-decoration: none;
}
.dshgoto div {
    margin: 20px 0;
    padding: 0;
}
.dshgoto a h3 {
    font-size: 26px;
    color: #ffffff;
    background: #e62105;
    border: 1px solid #ffffff;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    display: inline-block;
    padding: 25px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}
.dshgoto a h3 i {
    font-size: 42px;
    color: #020202;
    display: block;
    padding: 5px 0;
    text-shadow: 1px 3px 0 rgba(219, 218, 218, 1);
}
.dshgoto a h3 span {
	font-size: 16px;
    color: #020202;
    display: block;
}
.dshgoto a:hover h3,
.dshgoto a:hover h3 span,
.dshgoto a:hover h3 i {
    background: #feb729;
    color: #000;
    text-shadow: none;
}
/*status content*/

.dshinvst {
    background: url(images/plan-bg.jpg) no-repeat center fixed;
    background-size: cover;
    padding:0px 0px 10px 0px;
    margin-bottom: 50px;
	font-family:"Muller";
}
.dshwthdrw {
    background: url(images/refer-bg.jpg) no-repeat center fixed;
    background-size: cover;
    padding:0px 0px 10px 0px;
    margin-bottom: 50px;
	font-family:"Muller";
}
.dshinvst img,
.dshwthdrw img {
    margin: 10px;
}
.dshinvst h3,
.dshwthdrw h3 {
    font-size: 24px;
    color: #000;
	font-weight:600;
    margin: 10px 0px 20px 0px;
}
.dshinvst h4,
.dshwthdrw h4 {
    font-size: 24px;
    color: #f54700;
    background: #000;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 20px 0;
    margin: 0px 0px 10px 0px;
}
.dshinvst h4 span,
.dshwthdrw h4 span {
    font-size: 18px;
    color: #feb729;
    display: block;
    margin: 8px 0px 0px 0px;
}
/*dashbox*/

.dshbxcont {
    width: 100%;
    margin-bottom: 0px;
}

.dshbx1,
.dshbx2,
.dshbx3 {
background: url(images/dshbxbk0.png) no-repeat top center, url(images/dshbxsdw.png) no-repeat top center;
    width: 310px;
    min-height: 324px;
    background-size: cover;
    margin: 20px auto 20px;
	    font-family: "Muller";
}
.dshbx1 img {
    padding: 50px 0 24px;
}
.dshbx2 img {
    padding: 50px 0 24px;
}
.dshbx3 img {
    padding: 50px 0 24px;
}
.dshbx1 h2,
.dshbx2 h2,
.dshbx3 h2 {
    font-size: 28px;
    color: #fff;
    padding: 25px 0 94px;
}
.dshbx1 h2 span,
.dshbx2 h2 span,
.dshbx3 h2 span {
    font-size: 18px;
    color: #fec554;
    display: block;
    margin-top: 10px;
}

.admin-header {
    width: 100%;
    padding: 12px 0;
    background: #2b2356 no-repeat top center fixed;
    background-size: cover;
    position: relative;
}

.header_logo {
	width: 100%;
	display: inline-block;
	padding: 16px 0px;
}
.header_logo a {
	display: inline-block;
}
.referral_link_box h3 span {
	font-size: 18px;
	color: #100f45;
	font-weight: bold;
	text-transform: capitalize;
}
.header_links ul li h5 {
	display: inline-block;
    font-size: 15px;
    color: #fcca04;
	font-weight: 500;
	text-transform: capitalize;
}
.header_links ul li h5 i {
	display: inline-block;
}
.header_links ul li h5 span {
	display: inline-block;
	font-weight: 300;
	color: #ffffff;
}

.header_links {
	width: 100%;
	display: inline-block;
	text-align: right;
	padding: 26px 0px 0px 0px;
}
.header_links ul {
	width: 100%;
	display: inline-block;
}
.header_links ul li {
	display: inline-block;
	padding-left: 8px;
}
.header_links ul li a {
	transition: all .2s ease-in-out !important;
	-webkit-transition: all .2s ease-in-out !important;
	-moz-transition: all .2s ease-in-out !important;
	-o-transition: all .2s ease-in-out !important;
	display: inline-block;
}
.header_links ul li a.soc-tweet, .header_links ul li a.soc-fb {
	font-size: 14px;
	color: #ffffff;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
}

.header_links ul li a.soc-tweet i, .header_links ul li a.soc-fb i {
	line-height: 24px;
}
.header_links ul li a.btn-reg, .header_links ul li a.btn-log {
	font-size: 14px;
	text-transform: capitalize;
	border-radius: 50px;
    font-size: 14px;
    padding: 10px 24px;
    font-weight: 600;
	text-align: center;
}
.header_links ul li a.btn-reg {
	background: #ffffff;
	color: #000000;
	transition:0.7s;
}
.header_links ul li a.btn-log {
	background: #4fcb66;
	color: #ffffff;
	transition:0.7s;
}
.header_links ul li a:hover {
    background: #fcca04;
    color: #2b2356;
	transition:0.7s;
}

.admin_page_banner {
	background: url("images/grey_buildings.jpg") no-repeat fixed center center / cover;
	width: 100%;
}
.user_account {
	width: 100%;
	display: inline-block;
}
.user_account h3 {
	width: 100%;
	display: inline-block;
}
.user_account h3 img {
	-webkit-box-shadow: 0px 0px 0px 8px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 0px 8px rgba(255,255,255,1);
	box-shadow: 0px 0px 0px 8px rgba(255,255,255,1);
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
}
.user_account h3 span {
	display: inline-block;
	font-size: 18px;
	color: #100f45;
	font-weight: 300;
	text-transform: capitalize;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 15px;
}
.user_account h3 span b {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
/** admin_page_title **/

.admin_page_title {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
}
.admin_page_title h2 {
	width: 100%;
	display: inline-block;
	font-size: 28px;
	color: #4fcb66;
	font-weight: bold;
	text-transform: capitalize;
}
.admin_top_links {
	width: 100%;
	display: inline-block;
	text-align: right;
	padding: 12px 0;
}
.admin_top_links ul {
	width: 100%;
	display: inline-block;
}
.admin_top_links ul li {
	display: inline-block;
	padding: 0 5px;
}
.admin_top_links ul li .btn-default {
    display: inline-block;
    margin: 10px 0;
    background: #f69;
    color: #ffffff !important;
    border: 1px solid #ff6699;
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 600;
	transition:0.7s;
}

.admin_top_links ul li .btn-default:hover {
    
    background: #8bc96f;
    color: #2b2356 !important;
    border: 1px solid #02dedf;
    transition: 0.7s;
}

.admin_top_links ul li .btn-primary {
    display: inline-block;
    margin: 10px 0;
    background: #8bc96f;
    color: #2b2356 !important;
    border: 1px solid #02dedf;
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 600;
	transition:0.7s;
}

.admin_top_links ul li .btn-primary:hover {
    
	background: #f69;
    color: #ffffff !important;
    border: 1px solid #ff6699;
    transition: 0.7s;
}


/** admin_menu_carousel **/
.section_2 {
	background: #100f45;
}

.admin_menu
{
    
    padding: 10px 0px 7px 0px;
}
.admin_menu ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.admin_menu ul li
{
    display: inline-block;
    padding: 17px 17px;
}
.admin_menu ul li a
{
    padding: 0px 0px;
}

.admin_menu ul li a
{
    
}

.menu_block small {
	display: inline-block;
	border-radius: 50%;
	padding: 7px;
	margin-bottom: 8px;
	background: transparent;
}
.menu_block small i {
	font-size: 30px;
	color: #ffffff;
	display: inline-block;
	border-radius: 50%;
	padding: 16px;
	background: #100f45;
}
.menu_block small i:hover {
    background-color: #4fcb66;
}
.menu_block span {
	display: block;
	font-size: 15px;
	color: #ffffff;
	text-transform: capitalize;
	
}
.menu_block:after {
	content: "";
	position: absolute;
	border-right: 1px solid transparent;
	width: 1px;
	height: 23px;
	left: 0;
	top: 0;
	bottom: 29px;
	margin: auto;
}
.menu_block.active small {
	background: #4fcb66;
}
.menu_block.active small i {
	background: #4fcb66;
}
/** referral_link_box **/

.referral_link_box {
    box-shadow: 0px 0px 5px #b3b4b8;
    background: #ffffff;
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    padding: 15px 20px;
    margin: 20px auto 0px;
    color: #fff;
}
.referral_link_box h3 span {
	font-size: 18px;
	color: #100f45;
	font-weight: bold;
	text-transform: capitalize;
}
.referral_link_box p {
	
	font-size: 20px;
    font-weight: 600;
    color: #4fcb66;
    margin: 0px 0px 10px 0px;
}

.referral_link_box span {
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
}
.referral_link_box span i {
	display:none;
	font-size: 30px;
	color: #ffffff;
	background: #ff6699;
	border-radius: 50%;
	padding: 15px;
}
.referral_link_box h3 {
	/*display: inline-block;*/
	vertical-align: middle;
}
.referral_link_box h3 input {

    font-size: 18px;
    color: #131732;
    font-weight: 500;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #b3b4b8;
    padding: 0px 15px;
    margin: 0px 0px 10px 0px;
    box-shadow: 0px 0px 5px #afb1b1;
}

.referral_link_box h3 span {
    font-size: 18px;
    color: #fefefe;
    font-weight: bold;
    text-transform: capitalize;
    font-family: "Muller";
    margin: 0px 0px 0px 10px;
}
.referral_link_box button {
	
    margin: 4px 0px 0px 0px;
    float: right;
    background: #4fcb66;
    border: 1px solid #4fcb66;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 5px;
	font-family: "Muller";
}

.referral_link_box button:hover {
	
    background: #131732;
    border: 1px solid #131732;
    color: #fff;
    transition: 0.7s;
}

.social-links {
	
	text-align:right;
}

.social-links li {
	display: inline-block;
	padding: 0px 5px;
}
.social-links li a i {
    font-size: 16px;
    color: #100f45;
    border: 1px solid #333333;
    background: #333333;
    padding: 8px;
    border-radius: 30px;
    transition: 0.7s;
    transition: all 500ms ease-in;
    box-shadow: 0px 0px 0px 0px #fdcb08;
    width: 36px;
    height: 36px;
    text-align: center;
}
.social-links li a i:hover {
color: #100f45;
    transition: 0.7s;
    background: #fdcb08;
    border: 1px solid #fdcb08;
    box-shadow: 0px 0px 5px 0px #fdcb08;
    transition: transform .8s ease-in-out;
    transform: rotate(360deg);
}
.ftr-btm {
	background: #333333;
	padding: 10px 0px 10px 0px;
	font-family: "Muller";
}

.ftr-btm-left {
	 padding: 20px 0px 0px 0px;
	 text-align:center;
}

.ftr-btm-right {
	 padding: 20px 0px 0px 0px;
}

.ftr-btm-left span {
	color: #fff;
	font-size: 15px;
}

.table-responsive{-webkit-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
width:100%; padding:0; border:none; margin:0;}

table{ width:100%;}
 table th {
    padding: 12px 15px;
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    text-transform: capitalize;
    white-space: nowrap;
    background: #131732;
    font-weight: 600;
}

/*table tbody td{text-align:left; font-size:13px; color:#000; font-weight:normal; padding: 15px 15px; white-space:nowrap;
border-bottom:1px solid rgba(0, 0, 0, 0.2); background:rgb(242, 244, 248);}*/
table tbody td i{  margin-right:5px; color:#4fcb66;}
table tbody td span {
	color: #4fcb66;
}

.text-green{ color:#3ae63a !important;}
.text-yellow{color:#f9ee27 !important;}
.text-red{color:#f43d3d !important;}

/****************
     button
***************/

.btn1, .sbmt1{text-shadow:none; border:none; display:inline-block; min-width:170px; height:50px; line-height:50px; padding:0 10px; text-align: center; 
font-size:14px; font-weight:300; border-radius:80px;}

.btn-default1, .sbmt1{     background: #4fcb66;
    color: #fff !important;
    margin-top: 15px;
    font-size: 17px;
    font-weight: 600;
	font-family: "Muller";}

.btn-primary1{background: #333333;
    color: #fff !important;
    font-size: 20px;
    font-family: "Muller";
    font-weight: 600;}

.btn-default1:hover,
.btn-default1:focus,
.btn-default1:active,
.btn-primary1:hover,
.btn-primary1:focus,
.btn-primary1:active, .sbmt1:hover, sbmt1:active, sbmt1:focus{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); 
background:#ffffff !important;  color: #100f45 !important;}

/****************
     select
***************/
.small, small {
    font-size: 100% !important;
}
select {
	background: linear-gradient(135deg, #131732 30%, #131732 100%);
    font-size: 16px !important;
    color: #ffffff !important;
	font-family: "Muller" !important;
	height: 50px;
	padding: 0 35px 0 15px;
	font-weight: normal;
	border: none;
	width: 100%;
	border-radius: 5px;
	cursor:pointer;
}

select:active, 
select:focus{ border-radius:0;}

select option{-webkit-box-shadow: inset 0px 0px 0px 200px rgba(217,63,135,1);
-moz-box-shadow: inset 0px 0px 0px 200px rgba(217,63,135,1);
box-shadow: inset 0px 0px 0px 200px rgba(217,63,135,1); 
background:#131732; padding: 5px 15px; -moz-padding:5px 15px; -webkit-padding:5px 15px; color:#fff !important;}

select option:hover{-webkit-box-shadow: inset 0px 0px 0px 200px rgba(68,49,141,1);
-moz-box-shadow: inset 0px 0px 0px 200px rgba(68,49,141,1);
box-shadow: inset 0px 0px 0px 200px rgba(68,49,141,1); background:#44318d;}

/****************
     input
***************/

input[type="submit"]{outline:none;}

input[type="radio"]{ margin:0 5px 0 0; vertical-align:middle;}
input[type="checkbox"]{ margin:0 5px 0 0; vertical-align:middle;}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"]{ 
	width: 100%;
    height: 54px;
    padding: 0 50px;
    border-radius: 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #151419;
    background: #4fcb6614;
    font-family: "Muller";
    border: 1px solid #4fcb66;
}

input[type="number"]{appearance:textfield; -moz-appearance:textfield; -webkit-appearance:textfield;}

input[type="text"]:active,
input[type="email"]:active,
input[type="password"]:active,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{}

textarea{ padding: 0 15px; font-size:14px; color:#000000; background:#ffffff; width:100%; min-height:120px; resize:none; 
border-radius:0; border:none; outline:none;}

textarea:active,
textarea:focus{}

/****************

::-webkit-input-placeholder {
  color: #fff; opacity:1;
}
::-moz-placeholder {
  color: #fff; opacity:1;
}
:-ms-input-placeholder {
  color: #fff; opacity:1;
}
:-moz-placeholder {
  color: #fff; opacity:1;
}



***************/

/*****************************************************************
dashboard
******************************************************************/

.table-responsive{-webkit-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
width:100%; padding:0; border:none; margin:0;}

table{ width:100%;     font-family: "Muller";}


table tbody td{text-align:left; font-size:14px; color:#000; font-weight:normal; padding: 15px 15px; white-space:nowrap;
border-bottom:1px solid rgba(0, 0, 0, 0.2); background:rgb(242, 244, 248);}


.com-page input[type="text"], .com-page input[type="passowrd"], .com-page input[type="email"], .com-page input[type="number"] {
	color: #000;
}

.bg_body {
	/*background: rgba(6,69,163,1);
	background: -moz-linear-gradient(top, rgba(6,69,163,1) 0%, rgba(3,27,107,0.97) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,69,163,1)), color-stop(100%, rgba(3,27,107,0.97)));
	background: -webkit-linear-gradient(top, rgba(6,69,163,1) 0%, rgba(3,27,107,0.97) 100%);
	background: -o-linear-gradient(top, rgba(6,69,163,1) 0%, rgba(3,27,107,0.97) 100%);
	background: -ms-linear-gradient(top, rgba(6,69,163,1) 0%, rgba(3,27,107,0.97) 100%);
	background: linear-gradient(to bottom, rgba(6,69,163,1) 0%, rgba(3,27,107,0.97) 100%);*/
	background:#fff;
	font-family:"Muller";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0645a3', endColorstr='#031b6b', GradientType=0 );
 
}

header{ width:100%; margin-bottom:0px;}
.header_left{ width:100%; display:inline-block;}

.admin_logo{-webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.18);
box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.18);
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 21%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 21%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%);
background:linear-gradient(to bottom, rgb(43, 35, 86) 0%,rgb(68, 65, 114) 21%,rgb(43, 35, 86) 48%,rgb(69, 65, 116) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
display:inline-block; padding: 16px 45px; border-radius: 0 0 30px 30px;}
.admin_logo img{ display:inline-block;}

.header_left .breadcrumb{ background:none; border-radius:0; margin:0; display:inline-block; padding: 9px 17px;}
.header_left .breadcrumb li{ display:inline-block; font-size:16px; color:#074b76; text-transform:capitalize; font-weight:normal;}
.header_left .breadcrumb li a{ display:inline-block; color:#4fcb66; }
.header_left .breadcrumb > li + li::before {color: #dd2b36; content: "\f105"; font-family: 'Font Awesome 5 Free';
font-weight: 900; padding: 0 5px;}
.header_left .breadcrumb li a:hover{ color:#09379d;}

.header_right{ width:100%; display:inline-block; text-align:right;}
.header_right h5{ font-size:16px; color:#074b76; text-transform:capitalize; display:inline-block; vertical-align:middle; padding:0 15px;  font-family:"Muller";}
.header_right h5 i{ color:#4fcb66;}
.header_right ul{ display:inline-block; font-size:0; vertical-align:middle;}
.header_right ul li{ display:inline-block;}
.header_right ul li a{ display:inline-block; font-size:16px; padding: 25px; color:#fff; background:#000;}
.header_right ul li a:hover{ background:#4fcb66;}

.admin_body{ width:100%;    /*background: #fff no-repeat center fixed;*/    background: transparent;
    background-size: cover;}
.admin_top{ width:100%; display:inline-block;}

.admin_top_left{ width:100%; display:inline-block;}
.admin_top_left h5{ width:100%; display:inline-block; font-size:28px; color:#4fcb66; text-transform:capitalize;}

.admin_top_right{ width:100%; display:inline-block; text-align:right;}
.admin_top_right ul{ width:100%; display:inline-block;margin:0;padding:0;}
.admin_top_right ul li{ display:inline-block;}
.admin_top_right ul li a{     font-size: 16px;
    color: #ff6699;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    padding: 20px 21px;
    display: inline-block;
    position: relative;}
.admin_top_right ul li .active{    -webkit-box-shadow: inset 0px 4px 0px 0px rgba(217,63,135,1);
    -moz-box-shadow: inset 0px 4px 0px 0px rgba(217,63,135,1);
    box-shadow: inset 0px 4px 0px 0px rgb(255, 102, 153);
    background: #000;
}
.admin_top_right ul li a span{     content: "";
    position: absolute;
    display: none;
    font-size: 12px;
    color: #074b76;
    text-transform: capitalize;
    left: -25px;
    top: -25px;
    margin: auto;}
.admin_top_right ul li a:hover span{ display:block; width:100px; text-align:center;}

.admin_body_box{ width: 100%;
    display: inline-block;
    padding: 30px 30px;
    background:#13033c url(images/inner-bg.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed; }

/** admin_body_top **/

.admin_body_top{ width:100%; margin-bottom:30px;}

 

.pink_title {
	color: #4fcb66;
}



.user_detail {
	width: 100%;
	display: inline-block; 
 
 
 
 
	/* padding: 50px 0; */
}


.user_detail img{-webkit-box-shadow: 0px 0px 0px 11px rgba(255,255,255,0.05);
-moz-box-shadow: 0px 0px 0px 11px rgba(255,255,255,0.05);
box-shadow: 0px 0px 0px 11px rgba(255,255,255,0.05); 
border-radius:50%; display:inline-block;}
.user_detail h4{ display:inline-block; font-size:20px; color:#fff; line-height:30px; vertical-align:middle; margin-left:25px;}
 .user_detail h4 span {
	display: block;
	font-size: 26px;
	font-weight: bold;
	font-family:"Muller";
}

/** referral_link **/

 
.referral_link [type="text"]{ padding: 0 40px 0 20px;}

.alert{ display:none; width:auto; position:absolute; top:-25px; right:0; font-size:12px; color:#fff; padding:0; border:none;
border-radius:30px; padding:1px 10px;}

.alert-success{background:#b09576; }

.copy_btn{ display: inline-block;
    position: absolute;
    right: 19px;
    top: 5px;
    font-size: 16px;
    color: #342c5d;
    background: #02dedf;
    border: none;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    margin: 3px;}
.copy_btn i{ line-height:32px;}

/** admin_body_bottom **/

.admin_body_bottom{ width:100%;}

.account_detail{-webkit-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18); 
width:100%; display:inline-block; background:rgba(0, 0, 0, 0.1); margin-bottom:40px;}
.account_detail ul{ display:inline-block; width:100%;}
.account_detail ul li{ display:inline-block; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding: 14px 22px;}
.account_detail ul li img{ display:inline-block; background:rgba(0, 0, 0, 0.1); border-radius:50%; padding: 13px;}
.account_detail ul li span{ display:inline-block; font-size:16px; color: #1faff8; fotn-weight:bold; 
text-transform:capitalize; vertical-align:middle; margin-left:10px;}
.account_detail ul li span b{ display:block; font-size:35px; color:#fff; font-weight:300; font-family: roboto; }
.account_detail ul li span b sup{ font-size:20px; display:inline-block;}
.account_detail ul li span b small{ font-size:20px; color:#fff;}

.account_detail_box1 {    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    min-height: 148px;
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    margin-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    width: 83%;
    display: inline-block;
	background: #fff;
    /*background: #fff url(/images/line1.png) no-repeat bottom center;*/
    border-radius: 7px;
    padding: 28px 0px 0px 0;
    text-align: left;
    transition: 0.7s;
	background-size: contain;
}
    
.account_detail_box1:hover {
    box-shadow: 0px 0px 10px 0px #fff;
    transition: 0.7s;
}

.account_detail_box2 {    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    min-height: 148px;
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    margin-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    width: 83%;
    display: inline-block;
    /*background: #fff url(/images/line2.png) no-repeat bottom center;*/
	background: #fff;
    border-radius: 7px;
    padding: 28px 0px 0px 0;
    text-align: left;
    transition: 0.7s;
	background-size: contain;
}
    
.account_detail_box2:hover {
    box-shadow: 0px 0px 10px 0px #fff;
    transition: 0.7s;
}

.account_detail_box3 {    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    min-height: 148px;
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    margin-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    width: 83%;
    display: inline-block;
	background: #fff;
    /*background: #fff url(/images/line3.png) no-repeat bottom center;*/
    border-radius: 7px;
    padding: 28px 0px 0px 0;
    text-align: left;
    transition: 0.7s;
	background-size: contain;
}
    
.account_detail_box3:hover {
    box-shadow: 0px 0px 10px 0px #fff;
    transition: 0.7s;
}

.account_detail_box4 {    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    min-height: 148px;
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    margin-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    width: 83%;
    display: inline-block;
	background: #fff;
    /*background: #fff url(/images/line4.png) no-repeat bottom center;*/
    border-radius: 7px;
    padding: 28px 0px 0px 0;
    text-align: left;
    transition: 0.7s;
	background-size: contain;
}
    
.account_detail_box4:hover {
    box-shadow: 0px 0px 10px 0px #fff;
    transition: 0.7s;
} 
    
.account_detail_box i{     font-size: 30px;
    color: #02dedf;
    display: inline-block;
    background: transparent;
    padding: 5px 12px;
    margin-right: 0px;
    vertical-align: middle;
    border-radius: 50px;
    margin-left: 20px;}

.account_detail_box h4{ font-size:16px; color:#000; text-transform:capitalize; display:inline-block; line-height:28px; vertical-align:middle;margin:15px 0px 0px 20px;}
.account_detail_box h4 span{ display:block; font-size:22px; color:#4fcb66; text-transform:uppercase; font-weight:600;}
.account_detail_box h4 small {
	font-size: 12px;
}

.earning_withdraw{ width:100%; display:inline-block;}
.earning_withdraw .col-xs-6{ border-right:1px solid rgba(255, 255, 255, 0.1);}
.earning_withdraw .col-xs-6:last-child{ border:none;}

/* knob circle */

.knob_value_cirle{ width:100%; text-align:center; display:inline-block;}
.knob_value_cirle canvas{background:rgba(0, 0, 0, 0); border-radius:50%; margin-bottom:20px;}
.knob_value_cirle span{ display:inline-block; width:100%; text-align:center; font-size:16px; color:#fff; text-transform:capitalize;
font-weight:bold; font-family: roboto; }
.knob{ font-size:25px !important; color:#fff !important; font-weight:300 !important; font-family:"Muller" !important;}

.admin_title{font-family: 'Muller'; width:100%; display:inline-block; font-size: 20px;
    color: #4fcb66; font-weight:bold;padding-bottom: 20px; text-align:center;}

/** chart **/

.chart_box{ width:100%; overflow:hidden; margin-bottom:20px;font-family: roboto;}

.highcharts-button{ display:none;}
.highcharts-background{ fill: transparent;}
.highcharts-axis-title,
.highcharts-axis-labels text,
.highcharts-legend-item text{ fill:#fff !important;}

#area_chart { min-width: auto; max-width: auto; width:100%; height: 380px; margin: 0 auto;}

/** account_stats **/

.account_stats{ width:100%; display:inline-block;}
.stats_box{
    box-shadow: 0px 0px 10px 0px rgb(97 97 97);
    display: inline-block;
    width: 100%;
    background:#131732;
    padding: 15px;}

.stats_box ul{ list-style:none; width:100%; text-align: center; font-size:0;}
.stats_box ul li{ display:inline-block; text-align:center; width:100%; }
.stats_box ul li span{ display:inline-block; width:100%; font-size:18px; color:#fff; border-right:1px solid #ffffff;
font-family:"Muller"; font-weight:600;} 
.stats_box ul li:last-child span{ border:none;}
.stats_box ul li span sup{ font-size:18px;}
.stats_box ul li span small{     font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    font-family:"Muller";
    text-transform: uppercase;
    display: block;}
.stats_box ul li b{ display:inline-block; width:100%; text-align:right; font-size:16px; color: #1faff8;font-weight:normal;
margin-top:20px;}

/** admin_footer **/

.admin_footer{ width:100%; display:inline-block; text-align:center;    padding: 30px 30px;
    background: #000 no-repeat top center;
    background-size: cover;
    background-attachment: fixed;}
.admin_footer h6{ text-align: center; width:100%; display:inline-block; font-size:14px; color:#02dedf; text-transform:capitalize;}
.admin_footer h6 i{ color:#f69; padding-right:5px;}

/*****************************************************************
deposit
******************************************************************/

.select_transaction_box{ width:100%; display:inline-block; margin-bottom:30px;}
.select_box{ width:100%; display:inline-block; margin:0 0 30px 0;}

.deposit_list{ width:100%;}

.deposit_list h4{ width:100%; display:inline-block; margin-bottom:30px;}
 .deposit_list h4 > a {
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
	background: #1faff8;
	border-radius: 30px;
	padding: 6px 17px;
	display: inline-block;
}
.deposit_list h4 > a i{ padding-right:4px; font-size:10px;}
.deposit_list h4 > a:hover{ background:#fff; color:#000000;}

.table_page{ display:inline-block; float:right;}
.table_page h6{ width:100%; display:inline-block;}
.table_page h6 a {
	background: #1faff8;
	font-size: 13px;
	color: #fff;
	border-radius: 50%;
	padding: 8px 12px;
	display: inline-block;
	transition: .3s;
}
.table_page h6 span{ display:inline-block; font-size:14px; color:#131732;  text-transform:capitalize; padding:0 5px;}
.table_page h6 a:hover{ background:#ffffff; color:#000000; transition:.3s;}

/*****************************************************************
make deposit
******************************************************************/

.package_carousel{ width:100%; margin-bottom:30px;}
.package_carousel .owl-stage-outer{ padding:20px 0px;}

.package_block{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); 
width:100%; display:inline-block; text-align:center; padding: 35px 20px; border-radius:30px; position:relative;
overflow:hidden;}
.package_block h5{ width:100%; display:inline-block; font-size:17px; color:#fff; text-transform: uppercase; font-weight:bold;
margin-bottom:15px; position:relative; z-index:1;}

.package_block:after{ content:""; position:absolute; background:url(../images/white_curve_bg.png) no-repeat center; width:100%; height:536px;
right:0; left:0; bottom:-7px; margin:auto; background-position:right bottom; background-size:100% auto; width:100%;}

.package_block span{ width:100%; display:inline-block; font-size:46px; color:#fff; font-weight:bold; position:relative; z-index:1;}
.package_block span sup{ font-size:22px; display:inline-block;}
.package_block span small{ font-size:13px; color:#fff;}

.package_block > small{ display:inline-block; font-size:13px; text-transform:uppercase; padding: 0 40px; color:#fff; position:relative;
margin-bottom:20px; position:relative; z-index:1;}
.package_block > small:before{ content:""; position:absolute; background:url(../images/plan_title_design.png) no-repeat center;
width:34px; height:7px; left:0; top:0; bottom:0; margin:auto;}
.package_block > small:after{ content:""; position:absolute; background:url(../images/plan_title_design.png) no-repeat center;
width:34px; height:7px; right:0; top:0; bottom:0; margin:auto;}
.package_block ul{ list-style:none; margin-bottom:30px; position:relative; z-index:1;}
.package_block ul li{ display:inline-block; width:100%; font-size:12px; color:#fff; text-transform: capitalize; line-height:28px;}
.package_block ul li b{ display:block; font-size:18px; color:#fff; font-weight:bold; text-transform:uppercase;}
.package_block aside{ width:100%; display:inline-block; text-align:right; position:relative; z-index:1;}
.package_block aside a{ display:inline-block; text-align:right; font-size:15px; color:#6d7c92;}
.package_block aside a:hover{ color:#4fcb66;}

.package_carousel .owl-item:nth-child(1n) .package_block{background: rgb(66,183,221);
background: -moz-linear-gradient(45deg, rgba(66,183,221,1) 0%, rgba(107,244,205,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(66,183,221,1) 0%,rgba(107,244,205,1) 100%);
background: linear-gradient(45deg, rgba(66,183,221,1) 0%,rgba(107,244,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42b7dd', endColorstr='#6bf4cd',GradientType=1 );}
.package_carousel .owl-item:nth-child(2n) .package_block{background: rgb(255,126,160);
background: -moz-linear-gradient(45deg, rgba(255,126,160,1) 0%, rgba(255,179,181,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,126,160,1) 0%,rgba(255,179,181,1) 100%);
background: linear-gradient(45deg, rgba(255,126,160,1) 0%,rgba(255,179,181,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7ea0', endColorstr='#ffb3b5',GradientType=1 );}
.package_carousel .owl-item:nth-child(3n) .package_block{background: rgb(73,94,236);
background: -moz-linear-gradient(45deg, rgba(73,94,236,1) 0%, rgba(226,150,254,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(73,94,236,1) 0%,rgba(226,150,254,1) 100%);
background: linear-gradient(45deg, rgba(73,94,236,1) 0%,rgba(226,150,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495eec', endColorstr='#e296fe',GradientType=1 );}

.package_carousel .owl-item:nth-child(1n) .package_block:before{content:""; position:absolute; background:url(../images/plan_icon_bg_2.png) no-repeat center; width:184px; height:184px; left:0; right:0; top:0; bottom:0; margin:auto;}
.package_carousel .owl-item:nth-child(2n) .package_block:before{content:""; position:absolute; background:url(../images/plan_icon_bg_1.png) no-repeat center; width:184px; height:184px; left:0; right:0; top:0; bottom:0; margin:auto;}
.package_carousel .owl-item:nth-child(3n) .package_block:before{content:""; position:absolute; background:url(../images/plan_icon_bg_3.png) no-repeat center; width:184px; height:184px; left:0; right:0; top:0; bottom:0; margin:auto;}

/** deposit_method_box **/

.deposit_method_box{-webkit-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18);
box-shadow: 0px 14px 20px 0px rgba(0,0,0,0.18); 
width:100%; background:rgba(0, 0, 0, 0.1); padding:30px;    font-family: "Muller";}

.deposit_method_box h3{ width:100%; display:inline-block; font-size:20px; color:#4fcb66; text-transform:capitalize; font-weight:bold;
vertical-align:middle; margin-bottom:20px;}
.deposit_method_box h3 span{ font-weight:500; color:#000; font-size:35px; font-weight:300; font-family:"Muller";
vertical-align:middle; padding:0 10px;}
.deposit_method_box h3 span sup{ font-size:20px;}
.deposit_method_box h3 span small{ font-size:16px;  font-weight:300; font-family:"Muller";color: #1faff8;}

.admin_input{width:100%; display:inline-block; margin-bottom:20px;}

.payment_select{ width:100%; display:block; margin-bottom:30px;}
.payment_select h2 {
	font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: 700;
    color: #4fcb66;
    margin: 10px 0px 20px 0px;
}
.payment_select ul{ list-style:none; padding:0px;}
.payment_select ul li{ display:block; font-size:15px; color:#000; font-weight:500; text-transform:capitalize; text-align:left;
padding: 0 25px 10px 0;}
.breadcrumb i {
	font-size: 21px;
	color: #fff;
	padding: 0 6px;
}

.btn-default {
	-webkit-box-shadow: 0px 13px 34px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 13px 34px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 13px 34px 0px rgba(0,0,0,0.6);
	background: rgb(242,69,122);
	background: -moz-linear-gradient(170deg, rgba(242,69,122,1) 0%, rgba(242,69,122,1) 50%, rgba(239,36,99,1) 50%, rgba(239,36,99,1) 100%);
	background: -webkit-linear-gradient(170deg, rgba(242,69,122,1) 0%,rgba(242,69,122,1) 50%,rgba(239,36,99,1) 50%,rgba(239,36,99,1) 100%);
	background: linear-gradient(170deg, rgba(242,69,122,1) 0%,rgba(242,69,122,1) 50%,rgba(239,36,99,1) 50%,rgba(239,36,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2457a', endColorstr='#4fcb66',GradientType=1 );
color: #fff !important;
}
 

/*plans*/

.plans {
	width: 100%;
	padding: 43px 20px;
}

.package .planbg {

	background:url(../images/planbg1.png) no-repeat top center;
    background-size: cover;
    width: 300px;
	min-height:570px;
    margin: 20px auto 20px;
    padding: 0px 0px 0px;
    border-radius: 5px;
    transition: 0.7s;
    text-align: center;
    cursor: pointer;
}

.package .planbg .plan-inner {

	margin: 20px auto 0px;
    padding: 0px 0px 0px;
    border: 1px solid #12acb2;
    display: inline-block;
    width: 280px;
}

.package .planbg .plan-sub {

    padding: 10px 0px 10px 20px;
	float:left;
}

.package .planbg .plan-sub h4 {

    font-family: 'Roboto Slab', serif;
	font-size:18px;
	font-weight:500;
	color:#4fcb66;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
}

.package .planbg .plan-img {

    padding: 0px 0px 0px;
    float: right;
    margin: -20px 0px 0px;
}

.package .planbg .plan-per {
	
	width:100%;
	float:left;
	background:#12acb2;
    padding: 10px 0px 10px 0px;
}

.package .planbg .plan-per h2 {

    font-family: 'Roboto Slab', serif;
	font-size:50px;
	font-weight:700;
	color:#181d34;
	margin:0px 0px 0px 0px;
}

.package .planbg .plan-per p {

    font-family: 'Roboto Slab', serif;
	font-size:20px;
	font-weight:700;
	color:#181d34;
	margin:0px 0px 0px 0px;
}

.package .planbg .plan-min {
	
	width:100%;
	float:left;
    padding: 10px 0px 10px 0px;
}

.package .planbg .plan-min p {

	font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin: 8px 10px 8px 10px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #c5c9ca;
    float: left;
    display: inline-block;
    width: 95%;
}

.package .planbg .plan-min p span {

    font-family: 'Roboto Slab', serif;
	font-weight:700;
	color:#01c4c8;
}

.package .planbg .plan-but {
	
    width: 100%;
    float: left;
    padding: 20px 0px 10px 0px;
}

.package .planbg .plan-but a {
		
	font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fece42;
    background: #1d2227;
    border: 3px solid #01c4c8;
    box-shadow: inset 0 0 0 0 #fece42;
    border-radius: 0px;
    padding: 16px 46px;
    transition: 0.7s;
    position: relative;
    display: inline-block;
    text-align: center;
	text-transform:uppercase;
}

.package .planbg .plan-but a:hover {
	
    color: #fff;
    border: 3px solid #fece42;
    background: #1d2227;
    box-shadow: inset 0 100px 0 0 #1d2227;
	transition: 0.7s;
}

.package .planbg .plan-but a img {
	
	position: relative;
    left: 10px;
    top: 6px;
	transition: 0.7s;
}

.package .planbg .plan-but:hover a img, .package .planbg .plan-but a img:hover {
	
    transition: 0.7s;
    transform: translateX(8px);
}

.package .planbg .plan-bilnk {
	
	padding: 0px 0px 0px;
}

.plan-bilnk .blickBl {
	
    top: 30px;
    left: auto;
}

.blickBl {
	
    background: url(../images/plan-bilink.png);
	background-size:cover;
    position: absolute;
    width: 400px;
    height: 400px;
    right: 80px;
    bottom: -190px;
	opacity:0.5;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-name: blick;
}

@keyframes blick {
    0% {
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


.main_title {
	width: 100%;
	margin-bottom: 30px;
}
	

.admin_title.mb-20 {
	margin-top: 30px;
}

.admin_page_title {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
}

.title h4 {
	font-size: 36px;
	color: #ff6699;
	margin: 10px 0px;
	line-height: 50px;
}
.title span {
	color: #FFDF00;
	font-size: 18px;
	font-weight: 600;
}

.token_boxes {
	width: 100%;
}
.token_box {
    
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 62%);
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    padding: 20px 0px 20px 0px;
    background: linear-gradient(to right, #0b7cd4, #131732, #131732, #0b7cd4);
	background-size: 300% 100%;
    margin: 20px auto 20px;
    text-align: center;
}
.token_box img {
    margin: auto;
}
.token_box h4 {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    line-height: 40px;
    font-weight: 600;
    font-family: 'Cairo', sans-serif;
    margin: 10px 0px 0px 0px;
}
.token_box h4 span {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    font-family: 'Cairo', sans-serif;
    border-bottom: 1px solid #7f9bb1;
}

.tcu {
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}




.success {
    font-family: 'Open Sans', sans-serif;
    background: linear-gradient(1deg, #171858, #2b792b);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    font-size: 18px;
    padding: 1px 10px;
    opacity: 0.7;
    display: inline-block;
}
.msg {
	color: #000;
	font-size: 13px;
	margin: 10px 0;
	text-align: center;

}
.msg.black {
	color: #fff;

}



.frmcont.textarea span i {
  bottom: inherit;
  top: 0;
}





.error {
  background: linear-gradient(1deg, #171858, #b93b37);
  font-family: 'Open Sans', sans-serif;
   background-size: 400% 400%;
-webkit-animation: AnimationName 5s ease infinite;
-moz-animation: AnimationName 5s ease infinite;
animation: AnimationName 5s ease infinite;
  border-radius: 0;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #fff;
  font-size: 12px;
  padding: 1px 10px;
  opacity: 0.7;display:inline-block;
}
.msg li {
	display: inline-block;
	list-style-type: none;
 margin: 5px 0;
}
.after_reg {
    color: #000;
}
.after_reg h3 {
  color:#4fcb66;
  font-size: 23px;
}

.after_reg p{ margin-bottom:10px;
}

.msg .error i {
  background-color: #b93b37;
  color: #fff;

}

.msg .success i {
  background-color: #2b792b;
  color: #fff;

}
.msg i {

  margin-right: 5px;
  padding: 10px;
}

@-webkit-keyframes AnimationName {
    0%{background-position:63% 0%}
    50%{background-position:38% 100%}
    100%{background-position:63% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:63% 0%}
    50%{background-position:38% 100%}
    100%{background-position:63% 0%}
}
@keyframes AnimationName {
    0%{background-position:63% 0%}
    50%{background-position:38% 100%}
    100%{background-position:63% 0%}
}

.succes_msg {
  text-align: center;
  width: 100%;
}

.reftextarea {
	min-height: inherit;
	padding: 10px 15px;
}


.wd .stats_box {
    margin-bottom: 20px;
}



.form_box {
    width: 100%;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0px 10px 0px #0f132e61;
    border-radius: 0px;
    padding: 20px;
    margin-bottom: 40px;
    font-family: "Muller";
}
.form_block {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}
.form_block span {
    width: 100%;
    display: inline-block;
    position: relative;
}


.form_block span input[type="text"],  .form_block span input[type="email"],  .form_block span input[type="password"], .form_block span input[type="number"] {

	width: 100%;
    height: 54px;
    padding: 0 64px;
    border-radius: 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #151419;
    background: #4fcb6614;
    font-family: "Muller";
    border: 1px solid #4fcb66;
}

.form_block span i {
    
	display: inline-block;
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 54px;
    height: 54px;
    line-height: 48px;
    text-align: center;
    background: #4fcb66;
    border-radius: 54px;
}

.form_block textarea {
    width: 100%;
    height: 50px;
	padding: 8px 64px !important;
    border-radius: 25px;
    border: none;
    outline: none;
    font-size: 16px;
	font-weight:500;
	color: #151419;
    background: #4fcb6614;
    font-family: "Muller";
    border: 1px solid #4fcb66;
}
.wmsg li {
    list-style-type: none;
    color: #000;
	line-height:30px;
}



.commission_block{-webkit-box-shadow: 0px 18px 22px 0px rgba(255,255,255,0.25);
-moz-box-shadow: 0px 18px 22px 0px rgba(255,255,255,0.25);
box-shadow: 0px 8px 10px 0px rgba(255,255,255,0.25); 
width:100%; border-radius:30px;}
.commission_block > span{ width:100%; display:inline-block; text-align:center; margin-bottom:20px; padding-top:30px;}
.commission_block > span img{ display:inline-block;}
.commission_block h4{ width:100%; display:inline-block; font-size:20px; color:#ffffff; text-transform:capitalize; font-weight:bold;
text-align:center; padding: 5px 0 14px 0;}
.commission_block h4 span{ display:inline-block; font-size:28px;}
.commission_block h4 span small{ font-size:16px; color:#fff;}

.commission_list{ width:100%; display:inline-block; padding: 30px;    text-align: center;}

.purple_block{ /*background: rgba(31,176,248,1);
background: -moz-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,176,248,1)), color-stop(100%, rgba(242,69,121,1)));
background: -webkit-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: -o-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: -ms-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: linear-gradient(to bottom, rgba(31, 176, 248, 0.52) 0%, rgba(242, 69, 121, 0.54) 100%);*/
    background: #4fcb66;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fb0f8', endColorstr='#f24579', GradientType=0 );}



.purple_block h4{ }

.pink_block{/*background: rgba(31,176,248,1);
background: -moz-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,176,248,1)), color-stop(100%, rgba(242,69,121,1)));
background: -webkit-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: -o-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: -ms-linear-gradient(top, rgba(31,176,248,1) 0%, rgba(242,69,121,1) 100%);
background: linear-gradient(to bottom, rgba(31, 176, 248, 0.52) 0%, rgba(242, 69, 121, 0.54) 100%);*/
    background: #333333;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fb0f8', endColorstr='#f24579', GradientType=0 );}


.pink_block h4{}
.security .commission_block {
	margin-bottom: 20px;
}

.commission_list li {
    list-style-type: none;
    display: inline-block;
    color: #fff;
    margin: 0 10px;
}
.banner_refer {
    color: #1faff8;
}
ul.pay-list li {
    display: block;
    font-size: 15px;
}
li:empty {
    display: none!important;
}.deptab a {
	color: #333333;
}

.stats_box .admin_title {
	text-align: center;
	color: #fff;
}.wmsg {
	text-align: center;
}