body {
	background: #12063c;
	font-family: 'Raleway', sans-serif;
	color:white;
}

.wrapper {
	background:url("images/bg.jpg") no-repeat center top;
	background-size:cover;
}

.header-wrap {


	background:url("images/banner-bg.html") no-repeat center top;
	background-size:cover;

}


.btn-outline-primary {    border-color: #ab38d0;}

.btn-outline-primary:hover {  background:#512097;  border-color: #512097;}

.header-wrap-sub {
    background: url(images/banner-bg.html) no-repeat center top;
    background-size: cover;
    padding-bottom: 60px;
    border-bottom: 1px solid #B201FE;
}


.navbar-nav a {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 20px;
    border-radius: 36px;
}


.logo-img {
	margin-top:-5px;
}

.dropdown-menu {
	    background-color: #1f1057;
}


.navbar-nav a:hover {
	color:#AF71CB;
}


.navbar-nav a.btn:hover {color:white;}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
}

.table {

	color:white;
}

.banner-info h4 {
    font-weight: 500;
    font-size: 16px;
    color: #4db5fd;
    text-transform: uppercase;
    line-height: 24px;
}

.banner-image {
	position:relative;
}

.banner-money1 {
	position:absolute;
	top:30px;
	left:30px;
}

.banner-money2 {
position: absolute;
    bottom: 125px;
    left: 55px;
}



.bounce1 {
	-webkit-animation: bounce1 6.5s infinite ease-in-out;
    -o-animation: bounce1 6.5s infinite ease-in-out;
    -ms-animation: bounce1 6.5s infinite ease-in-out; 
    -moz-animation: bounce1 6.5s infinite ease-in-out; 
    animation: bounce1 6.5s infinite ease-in-out;
}
@-webkit-keyframes bounce1 {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}
@keyframes bounce1 {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}


.banner-info h1 {
    font-weight: 700;
    font-size: 60px;
    color: white;
    line-height: 60px;
    margin-bottom: 30px;
    margin-top: 36px;
}

.banner-info p {
	color:#848296;
	font-size:18px;
	font-weight: 500;
	line-height:30px;
	margin-bottom:30px;
	
}

.banner-info {
    padding-top: 87px;
    padding-bottom: 100px;
}



.home-main {
	      background: #12063C url(images/stars.html) no-repeat center top;
	    padding-top: 10px;
}

.btn-home {
    color: #ffffff;
    border-color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    border-radius: 0px;
    padding: 1rem 2rem;
    text-transform: uppercase;
    border: 2px solid #ffffff;
}

.statistics h4 {
	font-family:'Roboto', sans-serif;
	font-size:36px;
	font-weight:500;
}


.statistics p {
	color:#8a7daf;
	font-size:16px;
	 text-transform: uppercase;
	 font-weight:500;
}

.about-block h4 {
	    font-weight: 500;
    font-size: 16px;
    color: #4db5fd;
    text-transform: uppercase;
    line-height: 24px;
}

.about-block h2 {
	    font-weight: 600;
    font-size: 48px;
    color: #ffffff;
    line-height: 50px;
    margin:15px 0px;
}



.about-block p {
    color: #848296;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 30px;
}

.features {
	background:#1a0b3d;
	padding:30px;
	border-radius:16px;
	box-shadow: 0px 0px 30px #00000080;
}

.members {
    background: -moz-linear-gradient(45deg, rgba(25,6,84,0.6) 0%, rgba(70,22,163,0.6) 100%);
    background: -webkit-linear-gradient(45deg, rgba(25,6,84,0.6) 0%,rgba(70,22,163,0.6) 100%);
    background: linear-gradient(45deg, rgba(25,6,84,0.6) 0%,rgba(70,22,163,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99190654', endColorstr='#994616a3',GradientType=1 );
    border-radius: 16px;
    box-shadow: 0px 0px 30px #00000080;
    padding: 40px;
    margin-top: -320px;
}

.members figure {margin-bottom:0px;}

.members h2 {
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
}

.members p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}


.text-block {
	text-align:right;
	font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    padding:30px 0px;
}

.text-block h2 {
		font-size:30px;
	font-weight:700;
	text-transform:uppercase;
}

.members ul li {
	background:url("images/check.html") no-repeat left center;
	font-size:16px;
	list-style:none;
	padding-left:36px;
	line-height:36px;
	font-weight:500;
}

.members ul {margin:0px; padding:0px;}

.btn-primary {
    background: rgb(224,82,120);
    background: -moz-linear-gradient(left, rgba(224,82,120,1) 0%, rgba(174,63,236,1) 100%);
    background: -webkit-linear-gradient(left, rgba(224,82,120,1) 0%,rgba(174,63,236,1) 100%);
    background: linear-gradient(to right, rgba(224,82,120,1) 0%,rgba(174,63,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05278', endColorstr='#ae3fec',GradientType=1 );
    font-size: 18px;
    font-weight: 600;
    border: 0px;
    border-radius: 6px;
    padding: 16px 30px;
    box-shadow: 0px 0px 10px #d94f89;
}

.btn-primary:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e05278+0,c26bea+100 */
background: rgb(224,82,120); /* Old browsers */
background: -moz-linear-gradient(left, rgba(224,82,120,1) 0%, rgba(194,107,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(224,82,120,1) 0%,rgba(194,107,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(224,82,120,1) 0%,rgba(194,107,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05278', endColorstr='#c26bea',GradientType=1 ); /* IE6-9 */
}

.btn-secondary {
    background: #5B31B5;
    font-size: 18px;
    font-weight: 600;
    border: 0px;
    border-radius: 6px;
    padding: 16px 30px;
    box-shadow: 0px 0px 10px #5b31b5;
} 

.btn-secondary:hover {
	background:#794DD4;
}

.block-box {
    background: #231051;
    padding: 30px;
    border-radius: 16px;
    margin-bottom: 50px;
}

.row-bottom .block-box {  margin-bottom: 20px;}

.block-box figure {margin-top:-60px;}

.card-body .block-box figure {margin-top:0px; text-align:center;}

.block-box p {
	color:#716a9d;
	font-size:14px;
	font-weight:500;
}

.block-box h3 {
	font-size:24px;
	font-weight:500;
}


.publishers {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b0d37+0,240a4a+100 */
	background: rgb(27,13,55); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(27,13,55,1) 0%, rgba(36,10,74,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(27,13,55,1) 0%,rgba(36,10,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(27,13,55,1) 0%,rgba(36,10,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b0d37', endColorstr='#240a4a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:20px 0px;
}



.features-title h2 {
	font-size:48px;
	font-weight:600;
}


.features-title p {
	color:#848296;
	font-size:18px;
	font-weight:500;
}

.logo-mobile {display:none;}

.payments {
    padding: 50px 0px 20px;
    text-align: center;
    background: #12063C url(images/stars.html) no-repeat center -500px;
}

.payments  h1 {
		font-size:36px;
	font-weight:700;
	text-transform:uppercase;
}

.copyright {padding-top:30px;}

.footer {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: white;
    font-family: 'Roboto', sans-serif;

}

.border-top {    border-top: 1px solid #68249A !important; }

.publishers figure {margin-top:-100px;}

.footer a {
    color: #b281ef;
}


.card {
	border:0px;
	    background: -moz-linear-gradient(45deg, rgba(25,6,84,0.6) 0%, rgba(70,22,163,0.6) 100%);
    background: -webkit-linear-gradient(45deg, rgba(25,6,84,0.6) 0%,rgba(70,22,163,0.6) 100%);
    background: linear-gradient(45deg, rgba(25,6,84,0.6) 0%,rgba(70,22,163,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99190654', endColorstr='#994616a3',GradientType=1 );
    border-radius: 10px;
    box-shadow: 0px 0px 30px #00000080;
    
}

.card-body {
    padding: 1.5rem;
}

.card-footer {
padding: 1rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid #dc58cc;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.display-6 {text-align:center;}


.featured-ads li {
    color: white;
    margin-bottom: 5px;
}

.featured-ads li span {
    color: #d065e8;
    text-decoration: none;
    font-size: 13px;
}


.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    background-color: #1c0f45;
    background-clip: padding-box;
    border: 1px solid #442194;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.bg-dark {
    background: #3d05869c!important;
}



.form-select {
	    color: #ffffff;
    background-color: #1c0f45;

    border: 1px solid #442194;
}

.form-control:focus {
	background:#22105C;
	color:white;
}

.form-label {
    margin-bottom: 0.5rem;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.card-body h3 {
    font-size: 16px;
    font-weight: 700!important;
    text-transform: uppercase;
    color: #ffffff;
    background: rgb(224,82,120);
    background: -moz-linear-gradient(left, rgba(224,82,120,1) 0%, rgba(174,63,236,1) 100%);
    background: -webkit-linear-gradient(left, rgba(224,82,120,1) 0%,rgba(174,63,236,1) 100%);
    background: linear-gradient(to right, rgba(224,82,120,1) 0%,rgba(174,63,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05278', endColorstr='#ae3fec',GradientType=1 );
    padding:10px 20px;
    border-radius:6px;
}

.card-footer a {color:#EEABFB;}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
    font-size: 18px;
}

.form-check a {
	color:#E297DC;
}

.card-header a {
	    font-weight: 700!important;
    text-transform: uppercase;
    color: #E297DC;
}

.alert-success {
    color: white;
    background-color: #10bc81;
    border-color: #10bc81;
}

.table {
    color: white;
    font-size: 12px;
    border-color: #3f1d8c;
    font-family: 'Roboto', sans-serif;

}

.upgrade {    text-align: center;} 

.table td.left {text-align:left;}

.table > :not(caption) > * > * {   color: white;}

.table a {
	color: #e297dc;
	font-weight:600;
}

a {
    color: #b201fe;
    
    }
    
.text-primary {
	color:#765EC9!important;
}    



#specialdescription {
    padding: 10px;
    border: 1px solid #391c82;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #20095c;
}

.modal-content {
	    background-color: #170a47;
}

.modal-header {
	border-bottom: 1px solid #453778;
}


.modal-footer {
	border-bottom: 1px solid #453778;	
}

.nav-link:hover, .nav-link:focus {
    color: #AF71CB;
}

.dropdown-item:hover {
	background:#281378;
}

.alert-danger {
    color: white;
    background-color: #86125a;
    border-color: #86125a;
}

.alert-info {
    color: white;
    background-color: #325fda;
    border-color: #325fda;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background: rgb(224,82,120);
    background: -moz-linear-gradient(left, rgba(224,82,120,1) 0%, rgba(174,63,236,1) 100%);
    background: -webkit-linear-gradient(left, rgba(224,82,120,1) 0%,rgba(174,63,236,1) 100%);
    background: linear-gradient(to right, rgba(224,82,120,1) 0%,rgba(174,63,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e05278', endColorstr='#ae3fec',GradientType=1 );
}

.account-container {
	background: rgb(25,6,84);
    background: -moz-linear-gradient(45deg, rgba(25,6,84,1) 0%, rgba(70,22,163,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(25,6,84,1) 0%,rgba(70,22,163,1) 100%);
    background: linear-gradient(45deg, rgba(25,6,84,1) 0%,rgba(70,22,163,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190654', endColorstr='#4616a3',GradientType=1 );
}

.sidenav.navbar {
    background-color: #2d0e70;
    border-radius: 0.5rem;
    padding: 0;
}

.sidenav.navbar .navbar-nav .nav-item .nav-link {
    background-color: transparent;
    border-radius: 0.5rem;
    color: #ffffff;
    font-weight: 500;
    padding: 0.3rem 0 0.3rem 0.3rem;
    position: relative;
    font-size: 12px;
    line-height: 26px;
}

.sidenav.navbar .navbar-nav .active > .nav-link {
    color: #be5ae5 !important;
}

.sidenav.navbar .navbar-nav .nav-item.active {
    background-color: rgb(30 8 79);
    border-radius: 0.2rem;
    color: #d40df2 !important;
}

.btn-warning {
    color: #fff;
    background-color: #8e2ca6;
    border-color: #8e2ca6;
    border-radius: 36px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0.575rem 1rem;
}

.btn-warning:hover {
	color: #fff;
	    background-color: #9A46AF;
    border-color: #9A46AF;
}


.btn-info {
    color: #fff;
    background-color: #6538D0;
    border-color: #6538D0;
    border-radius: 36px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0.575rem 1rem;
}

.btn-info:hover {
	color: #fff;
	    background-color: #7544EA;
    border-color: #7544EA;
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 36px;
    border: 1px solid #d551e394;
    margin: 0px 6px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #d551e3;
}

.feature {
	    border: 2px solid white;
    padding: 20px;
    text-align: center;
    margin-bottom:20px;
}

.feature p {
	margin-bottom:0px;
	font-size:14px;
	font-weight:600;
}

.feature p span {
    display: block;
    font-size: 30px;
    color: #D268CC;
    font-weight: 600;
}

.feature-block h4 {
	background: rgb(51,37,129);
    background: -moz-linear-gradient(left, rgba(51,37,129,1) 0%, rgba(141,69,142,1) 100%);
    background: -webkit-linear-gradient(left, rgba(51,37,129,1) 0%,rgba(141,69,142,1) 100%);
    background: linear-gradient(to right, rgba(51,37,129,1) 0%,rgba(141,69,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332581', endColorstr='#8d458e',GradientType=1 );
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border: 0px;
    border-radius: 4px;
    padding: 10px 20px;
}

.menu .form-select {
    color: #ffffff;
    background-color: #1c0f45;
    border: 1px solid #442194;
    width: 200px;
    margin: 20px auto 0px;
    font-size: 14px;
}

.tab-content h3 {
	text-align:center;
	    font-size: 24px;
    font-weight: 700;
    text-transform:uppercase;
}

.card-body h4 {
		background: rgb(51,37,129);
    background: -moz-linear-gradient(left, rgba(51,37,129,1) 0%, rgba(141,69,142,1) 100%);
    background: -webkit-linear-gradient(left, rgba(51,37,129,1) 0%,rgba(141,69,142,1) 100%);
    background: linear-gradient(to right, rgba(51,37,129,1) 0%,rgba(141,69,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332581', endColorstr='#8d458e',GradientType=1 );
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border: 0px;
    border-radius: 4px;
    padding: 10px 20px;
}

.card-header {
    padding: 0.7rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid #381a88;
    font-size:16px;
        font-weight: 600;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #7945c3;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #2f0a7114;
    opacity: 1;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #391b77;
    border: 1px solid #5e3e9f;
    border-radius: 0.25rem;
} 

.sidenav.navbar .navbar-nav .nav-item .nav-link:hover {color:white;}

.alert-info a {color:white;}

.alert {
    position: relative;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-warning {
    color: #ffffff;
    background-color: #e4a630;
    border-color: #e4a630;
} 

.alert-warning a {color:white;}

.stat-block {
	border-radius:6px;
	margin-bottom:20px;
	border:1px solid #342581;
	padding:10px;
	font-size:16px;
}


.stat-block p {margin-bottom:0px;}

.stat-block span {
	font-weight:600;
	color:#DD517E;
}

@media (max-width:812px) {
	.banner h1{font-size: 46px;}
	.members {    padding: 20px 30px;}
	
	.logo-mobile {display:block;}
	.logo-mobile img {max-width:200px;}	
	.banner {padding-top:70px;}
	
	.block-top img {max-width:100px;}
	
	.publishers figure {margin-top:10px;}
	
 }