@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;}*/

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

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



.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: "open Sans", sans-serif;}

 table th {

    padding: 7px 15px;

    text-align: left;

    font-size: 14px;

    color: #f2f4f8;

    text-transform: capitalize;

    white-space: nowrap;

    background: #0156d5;

    font-weight: bold;

    font-family: "open Sans", sans-serif;

}



/*table tbody td{text-align:left; font-size:13px; color:#0b0b0c; 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:#f87806;}

table tbody td span {

	color: #f9f60b;

}



.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:#f87806; color:#fff !important; margin-top:15px;font-family: "open Sans", sans-serif;    font-size: 16px;

    font-weight: 700;

}



.btn-primary1{font-size: 16px;background:#f9f60b; color:#fff !important;font-weight: 700;font-family: "open Sans", sans-serif;}



.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:#0156d5 !important;  color: #fff !important;}



.btn-reg {

	

	    font-family: "open Sans", sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    background: #0156d5;
    border: 1px solid #0156d5;
    transition: 0.7s;
    padding: 10px 28px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 0 #f87806;
    position: relative;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;

}



.btn-reg:hover {

	

       color: #fff;
    background: #f87806;
    border: 1px solid #f87806;
    transition: 0.7s;
    box-shadow: inset 0 35px 0 0 #f87806;

}



.btn-log {

	

	font-family: "open Sans", sans-serif;

    font-size: 15px;

    color: #fff;

    font-weight: 600;

    background: #f87806;

    border: 1px solid #f87806;

    transition: 0.7s;

    padding: 10px 28px;

    border-radius: 50px;

    box-shadow: inset 0 0 0 0 #0156d5;

    position: relative;

    margin: 0px 0px 0px 0px;

    text-transform: capitalize;

}



.btn-log:hover {

	

    color: #fff;

    background: #0156d5;

    border: 1px solid #0156d5;

    transition: 0.7s;

    box-shadow: inset 0 35px 0 0 #0156d5;

}



.btn-sec {

	

	font-family: "open Sans", sans-serif;

    font-size: 15px;

    color: #fff;

    font-weight: 600;

    background: #f87806;

    border: 1px solid #f87806;

    transition: 0.7s;

    padding: 10px 28px;

    border-radius: 50px;

    box-shadow: inset 0 0 0 0 #0156d5;

    position: relative;

    margin: 0px 0px 0px 0px;

    text-transform: capitalize;

}



.btn-sec:hover {

	

	 color: #fff;

    background: #0156d5;

    border: 1px solid #0156d5;

    transition: 0.7s;

    box-shadow: inset 0 35px 0 0 #0156d5;

}



.btn-edit {

	

	font-family: "open Sans", sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    background: #0156d5;
    border: 1px solid #0156d5;
    transition: 0.7s;
    padding: 10px 28px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 0 #f87806;
    position: relative;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;

}



.btn-edit:hover {

	

	 color: #fff;
    background: #f87806;
    border: 1px solid #f87806;
    transition: 0.7s;
    box-shadow: inset 0 35px 0 0 #f87806;

}



.btn-copy {

	

	    font-family: "open Sans", sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    background: #f87806;
    border: 1px solid #f87806;
    transition: 0.7s;
    padding: 10px 28px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 0 #0156d5;
    position: relative;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;

}



.btn-copy:hover {

	

        color: #fff;
    background: #0156d5;
    border: 1px solid #0156d5;
    transition: 0.7s;
    box-shadow: inset 0 35px 0 0 #0156d5;

}



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

     select

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

.small, small {

    font-size: 100% !important;

}

select {

	background: url(../images/select_arrow_down.png) no-repeat center right, #0156d5;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#453586', endColorstr='#26185e',GradientType=0 );

	font-size: 14px;

	color: #ffffff !important;

	font-family: "open Sans", sans-serif;

	height: 50px;

	padding: 0 35px 0 15px;

	font-weight: normal;

	

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	border: none;

	width: 100%;

}



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:#0156d5; 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:#0156d5;}



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

     input

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



input[type="submit"]{ border:none; 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: 50px;

    padding: 0 15px;

    border-radius: 0;

    border: none;

    border-right: 35px solid #3dbbfc;

    outline: none;

    font-size: 15px;

    color: #fff;

    background: #0156d5;

    font-family: "open Sans", sans-serif;

}



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%;}





table tbody td{text-align:left; font-size:14px; color:#0b0b0c; 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:#d93f87;}

table tbody td span {

	color: #f9f60b;

}



.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;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0645a3', endColorstr='#031b6b', GradientType=0 );

 

}



.admin-header {

	width: 100%;

    padding: 10px 0px 10px 0px;

    background: #011747 url(images/banner-bg.jpg) no-repeat top center;

    position: relative;

	font-family: "open Sans", sans-serif;

}



.header_logo {

	width: 100%;

	display: inline-block;

	padding: 16px 0px;

}

.header_logo a {

	display: inline-block;

}



.header_links ul li h5 {

	display: inline-block;

	font-size: 14px;

	color: #3dbbfc;

	font-weight: bold;

	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;

}

.admin_page_banner {

	

	background: #fff no-repeat fixed center center / cover;

	width: 100%;

	padding:10px 0px 10px 0px;

}

.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 #3dbbfc;

	display: inline-block;

	/*border-radius: 50%;*/

	vertical-align: middle;

}

.user_account h3 span {

    display: inline-block;

    font-size: 18px;

    color: #f87806;

    font-weight: 400;

    text-transform: capitalize;

    line-height: 30px;

    vertical-align: middle;

    padding-left: 15px;

    font-family: "open Sans", sans-serif;

}

.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 {

	font-family:"open Sans", sans-serif;

	width: 100%;

	display: inline-block;

	font-size: 28px;

	color: #f87806;

	font-weight: bold;

	text-transform: capitalize;

}

.admin_top_links {

	width: 100%;

	display: inline-block;

	text-align: left;

	padding: 40px 0px 0px 0px;

}

.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 {

	display: inline-block;margin: 2px 0;

}

/** admin_menu_carousel **/



.admin-main {

	

	width: 100%;

    padding: 30px 0px 30px 0px;

    background: #082f68 url(images/how-bg.jpg) no-repeat top center;

}



.admin_menu_carousel {

	width: 100%;

}

.admin_menu_carousel .owl-item {

	text-align: center;

}

.admin_menu_carousel .owl-item img {

	display: inline-block !important;

	width: auto !important;

}

.admin_menu_carousel .owl-item:first-child .menu_block:after {

	display: none;

}



.menu_block:hover {

	

	transition:0.7s;

}



.menu_block:hover small, .menu_block small:hover {

	

	background: #fff;

	transition:0.7s;

}



.menu_block:hover small i, .menu_block small i:hover {

	

	color: #ffffff;

    background: #f87806;

    transition: 0.7s;

}



.menu_block:hover span, .menu_block span:hover {

	

	transition:0.7s;

	color: #f9f60b;

}



.menu_block small {

	

	display: inline-block;

    border-radius: 50%;

    padding: 4px;

    margin-bottom: 8px;

    background: #fff;

	transition:0.7s;

}



.menu_block small i {

	

    font-size: 30px;

    color: #ffffff;

    display: inline-block;

    border-radius: 50%;

    padding: 20px;

    background: #2a68e9;

    width: 70px;

    height: 70px;

	transition:0.7s;

}



.menu_block span {

	

	display: block;

    font-size: 16px;

    color: #ffffff;

    text-transform: capitalize;

    font-family: "open Sans", sans-serif;

    font-weight: 700;

	transition:0.7s;

}



.menu_block:after {

	

	content: "";

	position: absolute;

	border-right: 1px solid #ffffff;

	width: 1px;

	height: 23px;

	left: 0;

	top: 0;

	bottom: 29px;

	margin: auto;

}



.menu_block.active small {

	

	background: #20add0;

}



.menu_block.active small i {

	

	background: #20add0;

}



.header_links {

	width: 100%;

	display: inline-block;

	text-align: right;

	padding: 20px 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%;

}



.token_boxes {

	

	width: 100%;

	padding:0px 0px 30px 0px;

	font-family: "open Sans", sans-serif;

}

.token_box {

	

	box-shadow: 0px 5px 8px 1px rgb(0, 0, 0);

    width: 100%;

    display: inline-block;

    border-radius: 80px;

    padding: 20px;

    background: #2b7bf8;

    margin: 20px auto 20px;

}

.token_box img {

	float: left;

	margin: 14px 14px 14px 0;

}

.token_box h4 {

	font-size: 18px;

	color: #fff;

	text-transform: capitalize;

	line-height: 40px;

	font-weight: 500;

	float: right;

	width: 75%;

	margin:10px 0px 10px 0px;

}

.token_box h4 span {

	display: block;

	font-size: 22px;

	color: #f9f60b;

	font-weight: 700;

}



.referral_link_box {

	

	box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.13);

	background: url(images/banner-bg.jpg) no-repeat top center;

	width: 100%;

	display: inline-block;

	border-radius: 10px;

	padding: 15px 20px;

	font-family: "open Sans", sans-serif;

}



.referral_link_box span {

    display: inline-block;

	vertical-align: middle;

	padding-right: 20px;

}

.referral_link_box span i {

       display: inline-block;
    font-size: 30px;
    color: #0156d5;
    background: #fff;
    border-radius: 50%;
    padding: 15px;

}

.referral_link_box h3 {

	display: inline-block;

	vertical-align: middle;

}

.referral_link_box h3 input {

    font-size: 20px;

    color: #ffffff;

    font-weight: 600;

    box-shadow: none;

    border-radius: 0;

    padding: 0px 10px;

}

.referral_link_box h3 span {

    font-size: 18px;

    color: #3dbbfc;

    font-weight: bold;

    text-transform: capitalize;

    margin-top: 10px;

}

.referral_link_box button {

    margin: 30px 0px 0px 0px;

    float: right;

}



.admin_body{ width:100%;    background: #f5f5f5 no-repeat center fixed;

    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:#f87806; 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: #f87806;

    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(250, 90, 0);

    background: rgb(25, 25, 27);

}

.admin_top_right ul li a span{     content: "";

    position: absolute;

    display: none;

    font-size: 12px;

    color: #0b0b0c;

    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: #fff url(images/our-bg.jpg) no-repeat top center;

    background-size: cover;

    background-attachment: fixed; }



/** admin_body_top **/



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



.title h4 {

	font-size: 34px;

    font-weight: 600;

    color: #050938;

    line-height: 50px;

    font-family: "open Sans", sans-serif;

    margin: 0px 0px 0px 0px;

}



.chart-section {

	

	padding:50px 0px 30px 0px;

}



.pink_title {

	color: #f87806;

}







.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: "Helvetica Neue", sans-serif;

}



/** 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: 0px; font-size:16px; color:#fff; background: #f87806; 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: #f9f60b; 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 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;

    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 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 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: #f9f60b;

    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:0px 0px 0px 20px;}

.account_detail_box h4 span{ display:block; font-size:22px; color:#f87806; 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:'Oswald', sans-serif !important;}



.admin_title{ width:100%; display:inline-block; font-size:16px; color:#f87806; font-weight:bold;padding-bottom: 20px;}



/** 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:#0156d5 !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{-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);

display:inline-block; width:100%; background:rgb(1, 86, 213); padding: 15px;font-family: "open Sans", sans-serif;}



.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:16px; color:#f9f60b; font-weight:700; border-right:1px solid #ffffff;

font-family: "open Sans", sans-serif;} 

.stats_box ul li:last-child span{ border:none;}

.stats_box ul li span sup{ font-size:20px;}

.stats_box ul li span small{     font-size: 11px;

    color: #ffffff;

    font-weight: normal;

    font-family: "open Sans", sans-serif;

    text-transform: uppercase;

    display: block;}

.stats_box ul li b{ display:inline-block; width:100%; text-align:right; font-size:16px; color: #f9f60b;font-weight:normal;

margin-top:20px;}



/** admin_footer **/



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

    background: url(images/foot-bg.jpg) no-repeat top center;

    background-size: cover;

    background-attachment: fixed;font-family: "open Sans", sans-serif;}

.admin_footer h6{ text-align: center; width:100%; display:inline-block; font-size:14px; color:#fff; text-transform:capitalize;}

.admin_footer h6 i{ color:#fff; 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: #f9f60b;

	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: #2a68e9;

	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:#000;  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:#f87806;}



.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;}



.deposit_method_box h3{ width:100%; display:inline-block; font-size:20px; color:#0156d5; text-transform:capitalize; font-weight:bold;

vertical-align:middle; margin-bottom:20px;}

.deposit_method_box h3 span{ font-weight:500; color:#0156d5; font-size:35px; font-weight:300; font-family:'roboto', sans-serif; 

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:'Montserrat', sans-seriff;color: #f9f60b;}



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



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

.payment_select ul{ list-style:none;}

.payment_select ul li{    display: block;

    font-size: 14px;

    color: #0156d5;

    font-weight: 500;

    text-transform: capitalize;

    text-align: left;

    padding: 0px 0px 10px 0px;}

.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='#f87806',GradientType=1 );

color: #fff !important;

}

 



/*plans*/





.plans {

	width: 100%;



padding: 43px 20px;

}



.main_title {

	width: 100%;

	margin-bottom: 30px;

}

.plan_box {

	-webkit-box-shadow: 0px 0px 20px 0px rgba(148,55,80,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(148,55,80,0.2);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0);
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    padding-bottom: 30px;
    background: linear-gradient(to top,#ffffff 57%,#091777 50%);
    font-family: "open Sans", sans-serif;

}

.plan_box h5 {

	width: 100%;

	display: inline-block;

	font-size: 16px;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	background: #2a68e9;

	padding: 14px 0;

	border-radius: 10px 10px 0 0;

	margin:0;

}

.plan_box img {

display: inline-block;
    padding: 18px 0;
    max-width: 16%;
    position: relative;
    top: 10px;

}

.plan_box h4 {

    display: inline-block;
    width: 100%;
    font-size: 22px;
    color: #3dbbfc;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 1px solid transparent;
    margin:30px 0px 0px 0px;

}

.plan_box ul {

    list-style: none;

    width: 100%;

    margin: 0;

    padding: 0;

}

.plan_box .btn {

	min-width: 149px;

	height: 50px;

	line-height: 50px;

	box-shadow: none;

	font-weight: 500;

}

.plan_box ul li::after {

	content: "";

	position: absolute;

	background: transparent;

	width: 38px;

	height: 1px;

	left: 0;

	right: 0;

	bottom: -4px;

	margin: auto;

}

.plan_box ul li span {

        font-size: 16px;
    font-weight: 600;
    color: #1964e0 !important;
    float: right;
    position: relative;
    margin: 0px 10px 0px 0px;
    text-transform: lowercase;

}

.plan_box h4 small {

	font-size: 16px;

	color: #f9f60b;

	font-weight: 500;

}

 

 .plan_box ul li {

        font-size: 15px;
    color: #696c6e;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    width: 96%;
    text-align: left;
    border-bottom: 1px solid #2a68e9;
    padding: 10px 10px;

}

.admin_title.mb-20 {

	margin-top: 30px;

}









.tcu {

    text-align: center;

    color: #f87806;

    margin-bottom: 20px;

}









.success {

	  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: 12px;

  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);

  

   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:#f87806;

  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: rgba(0, 0, 0, 0.1);

    padding: 20px;

    margin-bottom: 40px;

}

.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: 50px;

    padding: 0 15px;

    border-radius: 0;

    border: none;

    border-right: 35px solid #3dbbfc;

    outline: none;

    font-size: 15px;

    color: #fff;

    background: #1258bf;

    font-family: "open Sans", sans-serif;

}



.form_block span i {

    

    display: inline-block;

    font-size: 15px;

    color: #fff;

    position: absolute;

    right: 16px;

    top: 8px;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    background: #040535;

    border-radius: 50px;

}



.form_block textarea {

    

    padding: 10px 60px 0 20px;

    font-size: 15px;

    color: #fff;

    background: #1258bf;

    font-family: "open Sans", sans-serif;

    width: 100%;

    min-height: 80px;

    resize: none;

    border-radius: 0;

    border: none;

    outline: none;

	border-right: 35px solid #3dbbfc;

}

.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: #3dbbfc;

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: #0156d5;

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: #f9f60b;

}

ul.pay-list li {

    display: inline-block;

    font-size: 15px;

}

li:empty {

    display: none!important;

}.deptab a {

	color: #ffffff;

}



.stats_box .admin_title {

	text-align: center;

	color: #fff;

}.wmsg {

	text-align: center;

}