/*.scroll{
	overflow-x: hidden;
}*/

body {
	font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
}
.state-error,.error{
	color:red;
	font-size: 12px;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	/* change if the mask should have another color then white */
	z-index: 9999;
	/* makes sure it stays on top */
}

.kinetic {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	height: 60px;
	width: 60px;
}

.kinetic::after, .kinetic::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	border: 50px solid transparent;
	border-bottom-color: #fff;
	animation: rotationA 2s linear infinite 0.5s;
}

.kinetic::before {
	transform: rotate(90deg);
	animation: rotationB 2s linear infinite;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	font-size: 15.89px;
	color: #ffffff !important;
	font-weight: 300 !important;
}


input.amount::-webkit-input-placeholder{
	font-size: 15.89px;
	color: #ffffff;
}

input.amount::-moz-placeholder {
	font-size: 15.89px;
	color: #ffffff;
}

input.amount:-ms-input-placeholder {
	font-size: 15.89px;
	color: #ffffff;
}

input.amount:-moz-placeholder {
	font-size: 15.89px;
	color: #ffffff;
}

input.f-newsletter::-webkit-input-placeholder {
	font-size: 15.89px;
	color: #a49e9e;
	font-weight: 400;
}

input.f-newsletter::-moz-placeholder {
	font-size: 15.89px;
	color: #a49e9e;
	font-weight: 400;
}

input.f-newsletter:-ms-input-placeholder {
	font-size: 15.89px;
	color: #a49e9e;
	font-weight: 400;
}

input.f-newsletter:-moz-placeholder {
	font-size: 15.89px;
	color: #a49e9e;
	font-weight: 400;
}
@keyframes rotationA {
	0%, 25% {
		transform: rotate(0deg);
	}
	50%, 75% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotationB {
	0%, 25% {
		transform: rotate(90deg);
	}
	50%, 75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(450deg);
	}
}

/*--------------- Header----------------*/

.user {
	position: relative;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	margin-right: 10px;
	align-items: center;
	background: #cca354;
	border-radius: 50%;
}

.user i {
	color: #ffffff;
	line-height: 1.2;
	width: 15px;
}

.navbar-area {
	transition: 0.5s ease-in;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	position: relative;
	top: 0;
	height: 100%;
	z-index: 999;
}

.navbar-brand img {
	width: 160px;
}

.navbar-light .navbar-nav .nav-link.active {
	color: #cca354!important;
}

.navbar-light .navbar-nav .nav-link {
	color: #ffff!important;
	font-size: 16px;
	transition: all 0.5s;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #cca354!important;
}

.navbar-light .navbar-toggler {
	color: #ffff!important;
}

.navbar-toggler {
	width: 47px;
	height: 34px;
}

.navbar-toggler .line {
	width: 100%;
	float: left;
	height: 2px;
	background-color: #fff;
	margin-bottom: 5px;
}

.navbar-toggler:focus {
	box-shadow: none!important;
}

.drop {
	background-color: #cca354!important;
}

.toggler-btn {
	width: 30px;
	height: 4px;
	background-color: #fff;
}

.user-1 {
	display: none;
}

.select {
	background: transparent;
	cursor: pointer;
	color: #ffffff;
	border: none;
}

.select option:hover {
	background-color: #ffffff!important;
}

.select option {
	background-color: #cca354;
	margin: 10px 20px;
	display: block;
	/*border-top: 1px solid #e5e5e5;*/
}

.dropdown-toggle::after {
	vertical-align: middle;
}

.drop .dropdown-item {
	transition: 0.5s;
}

.drop .dropdown-item:hover {
	color: #fff;
	background: transparent;
}

/*--------------- Invest ---------------*/

.bg {
	margin-top: -104px;
	width: 100%;
	height: 947px;
	position: relative;
	padding-top: 270px;
	padding-bottom: 210px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/pexels-andrea-piacquadio-3823492.jpg);
	overflow: hidden;
}

.invest h1 {
	font-size: 48px;
	color: #ffff;
}

.invest h2 {
	font-size: 42px;
	color: #ffff;
	font-weight: normal;
}

.invest span {
	color: #cca354;
	font-weight: normal;
}

.invest p {
	color: #ffff;
	margin-top: 20px;
	margin-bottom: 40px;
}

.bt {
	display:inline-block;
	background-color: #cca354;
	border-radius: 8px;
	border: none;
	padding: 10px 30px;
	color: #ffff;
	font-size: 16px;
	transition: 0.5s;
	text-decoration: none;

}

.bt:hover {
	color: #000000!important;
	border: none;
	background-color: #ffffff!important;
}

/*--------------- Counting ---------------*/

.bg-1 {
	padding: 50px 0;
	background-color: #000000;
}

.counter {
	text-align: center;
}

.count-up h3 {
	color: #ffff;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0;
}

.count-up span {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	color: #cca354;
}

.counter-count {
	color: #cca354;
	font-size: 24px;
	font-weight: normal;
	position: relative;
	display: inline-block;
}

.counting {
	position: relative;
}

.count-up h3 {
	margin-top: 20px;
}

.count-up p {
	margin-bottom: 30px;
}

.counting:before {
	content: "";
	position: absolute;
	right: 0;
	top: 35%;
	transform: translateY(-35%);
	width: 2px;
	height: 35px;
	background-color: #cca354;
}

.counting:nth-child(4):before {
	display: none;
}

/*--------------- About Us ---------------*/

.about {
	padding-left: 15px;
	padding-right: 15px;
}

.about h1 {
	color: #ffff;
	font-size: 48px;
	font-weight: normal;
	padding-bottom: 34px;
}

.about h1 span {
	color: #cca354;
	font-size: 48px;
	font-weight: 600;
}

.about p {
	color: #ffff;
	font-size: 16px;
}

.ab-bg img {
	width: 100%;
}

.about_us {
	background-color: #020202;
}

.ab-bg {
	background-image:url('../img/pexels-fauxels-3184312.jpg');
	background-repeat: no-repeat;
	background-size: cover;

}

.ab_bg2 {
	background-image: url(../img/2.jpg);
	padding-top: 50px;
	padding-bottom: 50px;
	background-repeat: no-repeat;
	background-size: cover;
}
.blurb-module{
	border: 1px solid #cca354;
	width: 200px;
	padding: 10px;
	margin: auto;
}
.theme-text{
	color:#cca354 !important;
}
/*--------------- Investment Plans ---------------*/

.bg-3 {
	background-image: url(../img/3d-black-cube-4r-1920x1080.jpg);
	padding-top: 100px;
	padding-bottom: 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}
.background-color{
	background-color:#000;
	padding-top: 100px;
	padding-bottom: 80px;
}

.ptable-price span {
	color: #cca354;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

.title h1,.page-title h2 {
	color: #ffff;
	font-size: 48px;
	font-weight: normal;
	padding-bottom: 25px;
	margin-bottom: 0;
	text-align: center;
}
.page-title h2 {
	font-size: 36px;
}
.title h1 span,.page-title h2 span {
	color: #cca354;
	font-weight: 600;
}

.title p {
	color: #ffff;
	font-size: 16px;
	padding-bottom: 50px;
	margin-bottom: 0;
	text-align: center;
}

.pricing-switcher .fieldset {
	display: inline-block;
	position: relative;
	padding: 2px;
	width: 341px;
	border-radius: 50em;
	border: 3px solid #cca354;
}

.pricing-container {
	width: 90%;
	max-width: 1170px;
	margin: 4em auto;
}

.pricing-container {
	margin: 6em auto;
}

.pricing-container.full-width {
	width: 100%;
	max-width: none;
}

.pills {
	justify-content: center;
}

.pills .nav-item {
	margin-bottom: 50px;
}

.pills .nav-link {
	margin-left: 15px;
	border: 2px solid #cca354;
	color: #ffffff;
	padding:8px 30px;
	border-radius: 25px!important;
	text-align: center;
}

.pills .nav-link.active {
	background-color: #cca354!important;
}

.pricing-table .ptable-single {
	background-image: url(../img/3.jpg);
	border-radius: 8px;
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	border: 3px solid #cca354;
	box-shadow: 0 0 15px rgba(204, 163, 84, 0.8);
	padding: 0 30px;
}

.ptable-header {
	background: #fff;
	clip-path: polygon(0 0, 100% 0%, 100% 65%, 50% 100%, 0 65%);
	padding: 15px 20px 50px;
	text-align: center;
	border-radius: 3px;
}

.ptable-title h2 {
	font-size: 23.61px;
	color: #cca354;
	padding-top: 25px;
}

.ptable-price h2 {
	font-size: 29.52px;
	color: #cca354;
	font-weight: 600;
}

.pricing-table .ptable-description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pricing-table .ptable-description ul li {
	color: #ffff;
	font-size: 15.74px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 10px;
	border-bottom: 1px solid #cca354;
	text-align: center;
}

.pricing-table .ptable-footer {
	padding-bottom: 30px;
	text-align: center;
}

.pricing-table .ptable-action a {
	display: inline-block;
	padding: 6px 15px;
	margin-top: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background: #cca354;
	line-height: 1.5;
	border-radius: 8px;
}

.pricing-table .ptable-item.featured-item .ptable-action a {
	color: #2A293E;
	background: #FF6F61;
}

.pricing-table .ptable-item.featured-item .ptable-action a:hover {
	color: #FF6F61;
	background: #2A293E;
}

.pricing-table .ptable-action a:hover {
	color: #ffffff;
	background: #000000;
}

.base--bg {
	background-color: #cca354 !important;
}

.badge {
	font-weight: normal!important;
}

.bg-img {
	background-image: url(../img/bg_img.png);
	/* padding-bottom: 100px;
	padding-top: 200px; */

	padding-bottom: 50px;
	padding-top: 150px;

	margin-top: -86px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.page-bread li {
	display: inline;
	color:#fff;
	padding: 0;
}

.page-bread li a{
	color: #cca354;
	text-decoration: none;
}

.page-title {
	color: #fff;
	font-weight: 600;
	font-size: 48px;
}

/*---------------Why Choose Hyiplab---------------*/

.bg-6 {
	background-image: url(../img/bitcoin.jpg);
	width: 100%;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	background-size: cover;
	background-repeat: no-repeat;
}

.choose {
	width: 100%;
	height: 100%;
	border: 3px solid #cca354;
	border-radius: 9.33px;
	padding: 25px;
}

.service_img {
	display: flex;
	justify-content: center;
}

.service-title h2 {
	font-size: 22px;
	font-weight: normal;
	padding-top: 19px;
	color: #cca354;
	text-align: center;
}

.service-content p {
	color: #ffffff;
	font-size: 16.33px;
	text-align: center;
}

/*------------ Profit Calculator -------------*/

.profit {
	width: 100%;
	height: 100%;
	border: 3px solid #cca354;
	padding: 25px;
	border-radius: 8px;
}

.calculator {
	margin: 0 auto;
}

.plan {
	color: #ffffff;
	font-size: 14px;
	padding-bottom: 15px;
}

.f-control2 {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	padding-left: 50px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #ffffff;
	background-clip: padding-box;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

.select3 {
	background-color: #000!important;
	border: 3px solid #cca354!important;
	border-radius: 8px!important;
	color: #ffffff!important;
	font-size: 15.89px!important;
	padding: 8px 22px!important;
	font-weight: normal;
	background-repeat: no-repeat!important;
	background-image: url(../icon/down2.png)!important;
	background-position: right 22px center!important;
}

.amount {
	width: 100%;
	background-color: #000;
	border: 3px solid #cca354!important;
	color: #ffffff!important;
	border-radius: 8px;
	padding: 7px 22px;
}

/*------------ How Hyiplab Works -------------*/

.bg-7 {
	background-image: url(../img/5.jpg);
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}

.process1 {
	display: flex;
	justify-content: center;
	padding-bottom: 50px;
}

.process-line {
	padding-left: 18px;
	padding-right: 18px;
	line-height: 2;
}

.process-circle p {
	color: #ffffff;
	line-height: 2;
}

.process-circle {
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	border-radius: 50%;
	background: #000000;
	border: 1px solid #cca354;
}

.process-circle2 {
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #cca354;
}

.process-circle2 p {
	color: #ffffff;
	line-height: 2;
}

.works {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 3px solid #cca354;
	display: flex;
	justify-content: center;
	align-items: center;
}

.works-title h4 {
	display: flex;
	justify-content: center;
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
}

.hyiplab {
	display: flex;
	justify-content: center;
}

/*------------ Frequently Asked Questions -------------*/

.questions {
	margin: 0 auto;
}

.frequently {
	margin-bottom: 25px;
}

.frequently1 {
	margin-bottom: 100px;
}

.frequently_btn {
	background-color: #343a40!important;
	border-radius: 8px!important;
	color: #ffffff!important;
	font-size: 16px;
	/*padding: 20px!important;*/
	font-weight: normal;
}

.frequently_btn1:not(.collapsed) {
	color: #0c63e4;
	background-color: #cca354!important;
}

.frequently_btn1:not(.collapsed)::after {
	background-image: url(../icon/up.png)!important;
	transform: rotate(0deg)!important;
	/*padding-right: 25px!important;*/
}

.frequently_btn::after {
	background-image: url(../icon/down.png)!important;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
	/*padding-right: 25px!important;*/
}

.frequently_btn:focus {
	box-shadow: none!important;
	border: none!important;
}

.frequently_body {
	background-color: #343a40;
	border-radius: 8px;
	color: #ffffff;
	/*padding:20px!important;*/
	font-weight: normal;
}

/*------------ What Users Say About Us-------------*/

.users_say {
	width: 100%;
	height: 100%;
	border: 3px solid #cca354;
	border-radius: 8px;
	padding: 30px;
}

.what_users {
	display: flex;
}

.users_say_img {
	width: 100px!important;
}

.users_about {
	padding-left: 25px;
	padding-top: 20px;
}

.users_about h6 {
	color: #cca354;
	font-size: 20px;
	font-weight: normal;
}

.fahaddevs {
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}

.users_about_text {
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	padding-top: 25px;
}

.owl-nav {
	width: 50px!important;
	height: 50px!important;
	display: none;
}

.owl-dots {
	padding-top: 50px;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: #cca354!important;
}

.star img {
	width: 18px!important;
	padding-right: 3px;
}

.star-icon {
	display: flex;
}

/*------------ Our Expert Team Members-------------*/

.team_member {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
	border: 3px solid #cca354;
	border-radius: 8px;
}

.team_member:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.team_member img {
	transition: all 0.3s ease-in-out;
}

.team_member:hover img {
	opacity: 0.8;
}

.team_member .team-content {
	color: #000;
	opacity: 0;
	position: absolute;
	bottom: 30px;
	left: 40px;
	transform: translate(-10px, 0px);
	transition: all 0.3s ease;
}

.team_member:hover .team-content {
	opacity: 1;
	transform: translate(25px, 0px);
}

.team_member h3 {
	display: block;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 7px 0;
	color: #cca354;
	margin-bottom: 5px;
}

.team_member .post {
	display: block;
	font-size: 15px;
	color: #c8c8c8;
}

.team_member .social {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	opacity: 0;
	display: block;
	position: absolute;
	bottom: 35px;
	transition: all 0.3s ease;
}

.team_member:hover .social {
	opacity: 1;
}

.team_member .social li a i {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #cca354;
	font-size: 17px;
	color: #fff;
	opacity: 0.9;
	position: relative;
	left: 0;
	transform: translate(-35px, 35px);
	transition: all 0.3s ease-in-out 0s
}

.team_member .icon i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #cca354;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
}

.team_member:hover .social li:nth-child(1) a i {
	transition-delay: 0.3s;
}
.social > .social-icons-team:first-child{
	padding:0 !important;
}
.team_member:hover .social li:nth-child(2) a i {
	transition-delay: 0.2s
}

.team_member:hover .social li:nth-child(3) a i {
	transition-delay: 0.1s
}

.team_member:hover .social li:nth-child(4) a i {
	transition-delay: 0s
}

.team_member:hover .social li a i {
	transform: translate(0, 0);
}

.team_member .social li a i:hover {
	background: #ffffff;
	color: #000000;
	transform: translate( 0);
	text-decoration: none;
}

/*------------ Our Latest Transaction  -------------*/

.transaction {
	margin: 0 auto;
}

.latest img {
	margin-right: 5px;
	border-radius: 50%;
	width: 45px!important;
	border: 2px solid #ffffff;
}

.latest_transaction h6 {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-left: 2px;
	padding-top: 15px;
}

.line {
	width: 100%;
	height: 2px;
	background-color: #cca354;
	margin-top: 100px;
	margin-bottom: 100px;
}

/*------------ Get Started Today With Us -------------*/

.today {
	margin: 0 auto;
}

.started {
	width: 100%;
	padding: 40px;
	border: 3px solid #cca354;
	border-radius: 11px;
	background-image: url(../img/pexels-adrien.png);
}

.started h2 {
	display: flex;
	font-weight: 600;
	justify-content: center;
	color: #cca354;
}

.started p {
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
}

.started_today {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.portfolio-info{
	display: none;
}
.portfolio-wrap{
	text-align: center;
	position: relative;
}
.portfolio-wrap:hover .portfolio-info{
	display: block;
}
.portfolio-info{
		position: absolute;
		top:0;
		left: 0;		
    height: 100%;
    width: 100%;
		transition: .3s ease;
		background: rgba(0, 0, 0, .5);
}
.portfolio-info .pinfo-box{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}


/*------------ Payment We Accept -------------*/

.payment {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	padding: 40px 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid #cca354;
}

.payment img {
	width: 175px!important;
	max-width: 175px!important;
}

/*------------Our Latest News -------------*/

.effect-1 {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	border: 3px solid #cca354;
	border-radius: 8px;
}

.effect-1 .effect-img {
	font-size: 0;
}

.effect-1 .effect-img img {
	width: 100%;
	height: auto;
}

.effect-1 .effect-text {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 30px;
	top: calc(100% - 170px);
	left: 0;
	background: rgba(0, 0, 0, .5);
	transition: .5s;
}

.effect-1:hover .effect-text {
	top: 5%;
	background: rgba(0, 0, 0, .5);
}

.effect-1:hover .effect-text p {
	opacity: 1;
}

.effect-1 .effect-text span {
	color: #cca354;
	font-size: 16px;
	padding-left: 5px;
	margin-top: 10px;
	line-height: 5px;
}

.effect-1 .effect-text h2 {
	font-weight: normal;
	font-size: 16px;
	color: #cca354;
	font-size: 25px;
	margin: -15px 0 0 0;
	transition: .5s;
	padding-bottom: 25px;
}

.effect-1:hover .effect-text h2 {
	margin: 0;
}

.effect-1 .effect-text p {
	color: #ffffff;
	font-size: 16px;
	margin: 0 0 20px 0;
	opacity: 0;
	padding-top: 25px;
}

.effect-1 .effect-btn .btn {
	display: inline-block;
	height: 35px;
	padding: 7px 15px;
	color: #333333;
	background: #ffffff;
	text-decoration: none;
}

/*------------ Subscribe Our Newsletter -------------*/

.newsletter {
	margin: 0 auto;
	display: flex;
	position: relative;
}

.subscribe {
	margin: 0 auto;
}

.f-newsletter {
	width: 100%;
	background-color: #000000!important;
	border: 3px solid #cca354!important;
	border-radius: 8px!important;
	color: #ffffff!important;
	padding:8px 22px;
}

.newsletter_btn {
	background-color: #cca354;
	border: none;
	position: absolute;
	right: 0;
	height: 100%;
	width: 38.97px;
	display: flex;
	color: #ffffff;
	font-size: 18px;
	justify-content: center;
	align-items: center;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	transition: 0.5s;
}

/*.newsletter_btn:hover{
  background-color: #ffffff;
  color: #000000;
}*/

/*------------ Footer-------------*/

.bg-footer {
	background-image: url(../img/5.jpg);
	padding-top: 50px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}

.story {
	margin-bottom: 3rem;
}

.widget-title {
	margin-bottom: 3rem;
}

.story h4 {
	color: #c6c6c6;
	font-size: 15px;
	font-weight: normal;
	padding-bottom: 27px;
}

.logo img {
	width: 200px;
	padding-bottom: 25px;
}

.story h3 {
	color: #c6c6c6;
	font-size: 15px;
	font-weight: normal;
	padding-bottom: 17px;
	margin-bottom: 0;
}

.contact {
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
}

.widget-title h2 {
	color: #ffffff;
	font-size: 20px;
	padding-bottom: 20px;
	margin-bottom: 0;
}

.page-crumb {
	padding-left: 0;
}

.story h3 a {
	color: #c6c6c6;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 17px;
	margin-bottom: 0;
	transition: 0.5s;
}

.story h3 a:hover {
	color: #cca354;
}

.story h3:hover {
	color: #cca354;
	cursor: pointer;
}

.page-crumb li {
	text-decoration: none;
	list-style: none;
	color: #c6c6c6;
}

.page-crumb a {
	color: #c6c6c6;
	text-decoration: none;
	transition: 0.5s;
}

.page-crumb a:hover {
	color: #cca354;
	text-decoration: none;
}

.footer-bottom {
	background-color: #000;
	width: 100%;
	height: 100%;
	padding-top: 32px;
	padding-bottom: 32px;
}

.copyright h4 {
	font-size: 16px;
}

.copyright span {
	color: #cca354;
}

.copyright h4 {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
}

.social {
	display: flex;
	/*justify-content:flex-end; */
}

.social-icons-team {
	padding-left: 10px;
}

.social-icons-team a {
	line-height: 1;
	display: inline-block;
	text-align: center;
	border: 1px solid #dedede;
	font-size: 13px;
	min-width: 34px;
	height: 100%;
	padding: 7px;
	margin: 0px 3px 4px 0px;
	color: #ffffff;
	background: #cca354;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s;
}

.social-icons-team a:hover {
	color: #000000;
	background: #ffffff;
}

.line2 {
	width: 100%;
	height: 2px;
	background-color: #cca354;
	margin-top: 100px;
}

/*------------Form -------------*/

::placeholder {
	color: #c6c6c6;
	font-size: 14px;
}

.form {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.f-bg {
	position: relative;
	background-image: url(../img/bitcoin-2868703_1920.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 62px;
	padding-top: 36px;
	background-position: center;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 25px 0px 0px 25px;
}

.f-bg h1 {
	color: #fff;
	font-size: 36px;
	padding-top: 50px;
	text-align: center;
}

.f-bg p {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.f-bg button {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.bg-4 {
	background-image: url(../img/3d-black-cube-4r-1920x1080.jpg);
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg-8 {
	background-image: url(../img/3d-black-cube-4r-1920x1080.jpg);
	padding-top: 100px;
	padding-bottom: 100px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg-5 {
	background-image: url(../img/3d-black-cube-4r-1920x1080.jpg);
	padding-top: 600px;
	padding-bottom: 100px;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.form-body {
	width: 100%;
	height: 100%;
	background-color: #000000;
	box-shadow: 0 0 5px 0px #ccc;
	margin: 0 auto;
	padding: 40px;
	border-radius: 25px;
	/*border-radius: 0px 25px 25px 0px;*/
}

.form-body1 {
	width: 100%;
	height: 100%;
	background-color: #000000;
	box-shadow: 0 0 5px 0px #ccc;
	margin: 0 auto;
	padding: 40px;
	border-radius: 25px;
}

.form-control {
	width: 100%;
	padding: 10px 15px;
	margin-top: 10px;
	color:#fff;
	border-radius: 4px;
}

.form-group {
	margin-bottom: 25px;
	color: white;
}

.form-caption {
	display: flex;
	justify-content: space-between;
	color: white;
}

.f-button {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.form-bottom {
	text-align: center;
	margin-top: 30px;
}

.form-bottom p {
	color: #c6c6c6;
	font-size: 14px;
	font-weight: lighter;
	margin-bottom: 10px;
}

.form-bottom a {
	color: #a7a2a2;
	text-decoration: none;
	font-weight: bold;
}

.form-bottom a:hover {
	color: orange;
	text-decoration: none;
}

.form-caption {
	display: flex;
	justify-content: space-between;
}

.forgot_password {
	color: #c6c6c6;
	text-decoration: none;
	text-align: right;
	font-size: 14px;
	padding-top: 6px;
}

.forgot_password:hover {
	color: #c6c6c6;
}

.form-title {
	text-align: center;
	color: #ffffff;
	font-size: 29px;
	font-weight: 600;
	text-transform: uppercase;
}

.f-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	padding-left: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #ffffff;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid #ffffff;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

.gender {
	color: #c6c6c6;
	font-size: 14px;
	margin-right: 10px;
}

input:focus {
	outline: none;
}

.checkbox:focus {
	box-shadow: none!important;
}

.checkbox[type=checkbox] {
	border-radius: 5px!important;
}

.checkbox {
	width: 22px!important;
	height: 22px!important;
	margin-top: .25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, .25);
	transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.checkbox:checked {
	background-color: #cca354!important;
	border: none!important;
}

.form-check .checkbox {
	float: left;
}

.label {
	margin-left: 8px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: lighter;
}

.label2 {
	margin-left: 2px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: lighter;
}

.radio {
	width: 15px!important;
	height: 15px!important;
	background-color: #c6c6c6!important;
}

.check {
	padding-left: 3.5em!important;
}

.radio:checked {
	width: 15px!important;
	height: 15px!important;
	background-color: #cca354!important;
}

.radio:checked[type=radio] {
	background-image: none!important;
}

button:focus {
	outline: none!important;
}

.radio:focus {
	border: none;
	outline: 0;
	box-shadow: none!important;
}

.select2 {
	border: none!important;
	color: #c6c6c6!important;
	padding-left: 0px!important;
	padding-bottom: 10px!important;
	font-size: 14px!important;
	background-color: transparent!important;
	background-image: url(../icon/down.png)!important;
}

.select2 option {
	color: #ffffff;
	padding-left: 100px!important;
}

:focus {
	outline: none!important;
}

.form-select:focus {
	box-shadow: none!important;
}

.f-bg1 {
	position: relative;
	background-image: url(../img/bitcoin-2868703_1920.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 62px;
	padding-top: 62px;
	background-position: center;
	transform: translateY(0%);
	border-radius: 25px 25px 25px 25px;
}

.f-bg1 h1 {
	color: #fff;
	font-size: 36px;
	padding-top: 50px;
	text-align: center;
}

.f-bg1 p {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.f-bg1 button {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.f-bg3 {
	position: relative;
	background-image: url(../img/bitcoin-2868703_1920.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 62px;
	padding-top: 36px;
	background-position: center;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 25px 0px 0px 25px;
}

.f-bg3 h1 {
	color: #fff;
	font-size: 36px;
	padding-top: 90px;
	text-align: center;
}

.f-bg3 p {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.f-bg3 button {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.form-body2 {
	position: relative;
	width: 100%;
	height: 90%;
	background-color: #000000;
	box-shadow: 0 0 5px 0px #ccc;
	margin: 0 auto;
	padding: 42px;
	border-radius: 10px;
	border-radius: 0px 25px 25px 0px;
	top: 50%;
	transform: translateY(-50%);
}

.form-body2 .form-btn {
	width: 86px;
	height: 30px;
	background-color: #cca354;
	border: none;
	color: #fff;
	text-align: center;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
	transition: 0.3s;
}

/*------------------- Pages -----------------*/

.error h1 {
	font-size: 303.14px;
	color: #cca354;
	text-align: center;
	font-weight: normal;
}

.error p {
	font-size: 30px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
}

.back_to_home {
	display: flex;
	justify-content: center;
	margin-bottom: 200px;
}

/*-------------------Privacy Policy-----------------*/

.privacy p {
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 1.5625rem;
}

.privacy_link {
	padding-left: 0!important;
}

.privacy_link li {
	list-style: none;
}

.privacy_link a {
	color: #ffffff;
	text-decoration: none;
}

.privacylink a:hover {
	color: #cca354;
}

.policy h2 {
	color: #ffffff;
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 25px;
}

.policy p {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 25px;
}

/*------------------- Contact -----------------*/

.contacts_section {
	display: flex;
}

.contacts {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 2px solid #cca354;
}

.contents-title h3 {
	color: #cca354;
	font-size: 16px;
	font-weight: 600;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 8px;
	margin-bottom: 0;
}

.contents-title h4 {
	padding-left: 13px;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	padding-bottom: 5px;
}

.contacts_form_title h1 {
	color: #cca354;
	padding-top: 100px;
	font-weight: 700;
	display: flex;
	justify-content: center;
}

.contacts_form_title p {
	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
	display: flex;
	justify-content: center;
	padding-bottom: 50px;
}

.contents-title a {
	text-decoration: none;
}

.cf-label {
	color: #ffffff;
}

.cf-control {
	background-color: #000!important;
	color: #ffffff!important;
	border-radius: 8px;
	border:3px solid #cca354;
	padding:8px 22px;
}

.contacts_form {
	margin: 0 auto;
}

/* .cf-control2 {
	width: 100%!important;
	border: 1px solid #ffffff;
	border-radius: 3px;
	/*	margin-bottom: 50px;
	margin-top: 10px;
} */

.effect-1 .effect-text a {
	text-decoration: none;
}

.effect-btn {
	display: flex;
	justify-content: flex-end;
}

.bt2 {
	width: 121px;
	height: 51px;
	background-color: #cca354;
	border-radius: 8px;
	border: none;
	padding: 0;
	color: #ffff;
	font-size: 16px;
	transition: 0.5s;
}

.bt2:hover {
	color: #000000!important;
	border: none;
	background-color: #ffffff!important;
}

.contact_button {
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}

.form-control:focus {
	box-shadow: none!important;
	border-color: #cca354!important;
}

/*------------------- Blog Details -----------------*/

.post {
	display: flex;
}

.martine {
	padding-top: 25px;
	padding-bottom: 50px;
}

.cecilia {
	padding-top: 25px;
	padding-bottom: 50px;
}

.cecilia h4 {
	font-size: 14px;
	color: #ffffff;
	margin-top: 8px;
	padding-left: 10px;
	font-weight: normal;
	margin-right: 25px;
}

.post-admin {
	display: flex;
}

.blog_details h1 {
	color: #cca354;
	text-transform: capitalize;
	padding-bottom: 25px;
}

.blog_section p {
	font-size: 18px;
	color: #ffffff;
}

.popular_blog a {
	text-decoration: none;
}

.media_heading a {
	color: #cca354;
	padding-left: 10px;
	text-decoration: none;
}

.media_heading a:hover {
	color: #cca354;
}

.bg-color {
	width: 100%;
	height: 100%;
	padding: 36px;
	background-color: #cca354;
}

.bg-color p {
	text-align: center;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-100 {
	margin-bottom: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.share_post h2 {
	color: #ffffff;
	font-weight: 700px;
	font-size: 24px;
	display: flex;
	justify-content: center;
}

.share_icon {
	display: flex;
	justify-content: center;
	padding-left: 5px;
}

.share_icon i {
	color: #cca354;
	padding-left: 15px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	transition: all 1s;
}

.share_icon i:hover {
	transform: rotate(360deg);
	color: #ffffff;
}

.blog_line {
	width: 100%;
	height: 1px;
	background-color: #acacac;
}

.comments h2 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 25px;
	margin-bottom: 0;
}

.media {
	/* display: -webkit-box;
    display: -ms-flexbox;*/
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.media_heading {
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	margin-left: 25px;
}

.pt-25 {
	padding-top: 25px;
}

.media-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.media_heading span {
	color: #cca354;
	padding-right: 10px;
}

.media_heading span:nth-child(2) {
	padding-left: 10px;
}

.media_text {
	color: #ffffff;
	font-size: 16px;
	margin-left: 25px;
}

.leave_comment h2 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 25px;
	margin-bottom: 0;
}

.l-control {
	background-color: #000!important;
	width: 100%;
	padding:8px 22px!important;
	font-size: 15.98px;
	color: #ffffff!important;
	border: 3px solid #cca354!important;
	border-radius: 8px!important;
	margin-top: 0!important;
}

.l-textarea {
	background-color: #000!important;
	border: 3px solid #cca354!important;
	padding: 8px 22px!important;
	font-size: 15.98px;
	font-weight: 400;
	color: #ffffff!important;
}

.s-control {
	border-radius: 8px!important;
	border: 3px solid #cca354!important;
	padding: 8px 22px!important;
	font-size: 15.98px!important;
	color: #ffffff!important;
	background: #000!important;
}

.search {
	position: relative;
}

.search .search-btn {
	position: absolute;
	padding: 0;
	color: #ff6a40;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	position: absolute;
	top: 16px;
	right: 30px;
}

.mt-100 {
	margin-top: 100px;
}

.widget_title h5 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	margin-bottom: 30px;
}

.widget_title h5:before {
	content: "";
	width: 63px;
	height: 3px;
	background-color: #cca354;
	position: absolute;
	bottom: -10px;
}

.blog_description ul {
	padding-left: 0;
}

.blog_description li {
	list-style: none;
	color: #ffffff;
	padding-bottom: 10px;
	border-bottom: 1px solid #acacac;
	margin-bottom: 10px;
}

.blog_description a {
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 10px;
}

.blog_description a:hover {
	color: #ffffff;
}

.popular_blog_post {
	padding-bottom: 10px;
	border-bottom: 1px solid #acacac;
}

.img-rounded {
	border-radius: 50%;
}

.popular_blog h6 {
	color: #ffffff;
	font-size: 16px;
	padding-left: 15px;
	font-weight: normal;
}

.april {
	color: #ffffff;
	padding-left: 15px;
	font-size: 14px;
	font-weight: normal;
}

.comment-icon img {
	padding-left: 20px;
}

.comment-icon span {
	color: #ffffff;
	font-size: 14px;
	padding-left: 11px;
	font-weight: normal;
}

.pb-25 {
	padding-bottom: 25px;
}

.tag ul {
	padding: 0;
}

.tag li {
	list-style: none;
	display: inline-block;
	padding: 0 0 .625rem;
	margin-bottom: 10px;
}

.tag li a {
	padding: .563rem 1.125rem;
	border-radius: 18.5px;
	text-transform: uppercase;
	font-size: .812rem;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #acacac;
	transition: .5s;
}

.tag li a:hover {
	background: #ffffff;
	color: #000000;
}

.mb-10 {
	margin-bottom: 10px;
}

.pt-50 {
	margin-top: 50px;
}

/*------------------- Dashboard Page-----------------*/

.d-wallet {
	width: 100%;
	height: 116px;
	border-radius: 10px;
	background-color: #cca354;
}

.d-wallet-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -50%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000000;
}

.shadow-all {
	border: 3px solid #cca354;
	box-shadow: 0 0 10px #ffffff;
}

.d-wallet-title {
	position: relative;
	top: -75%;
	transform: translateY(75%);
}

.text-red {
	color: red!important;
}

.text-green {
	color: green!important;
}

.d-wallet-title h2 {
	color: #000000;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.d-wallet-title h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	display: flex;
	justify-content: center;
}

.table-header {
	padding-top: 25px!important;
	padding-bottom: 25px!important;
	background-color: #cca354;
}

.table-tbody {
	width: 100%;
	background-color: #000;
	box-shadow: 0 0 10px #cca354;
}

.table-thead th:nth-child(1) {
	border-radius: 8px 0px 0px 0px;
}

.table-thead th {
	font-weight: 700;
	font-size: 14px;
	color: #ffffff;
	padding-left: 25px!important;
}

.table-tbody-tr {
	border-bottom: none!important;
	box-shadow: 0px 5px 5px -5px #cca354;
}

.table-tbody-tr th {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	align-items: center;
	padding-left: 25px!important;
	padding-bottom: 0!important;
	vertical-align: middle;
}

.dashboard-table>:not(caption)>*>* {
	padding-top: 25px !important;
	padding-bottom: 25px!important;
	border-bottom-width: 0px!important;
}

.table-tbody-tr td {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	padding-left: 25px!important;
	vertical-align: middle;
}

.table-thead th:last-child {
	padding-left: 0px!important;
	text-align: right;
	border-radius: 0px 10px 0px 0px;
	padding-right: 25px!important;
}

.table-tbody-tr td:last-child {
	padding-left: 0px!important;
	text-align: right;
	padding-right: 25px!important;
}

.table-tbody-tr td span {
	padding-left: 10px;
}

#button {
	display: inline-block;
	background-color: #cca354;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 100px;
	right: 25px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

#button::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0de";
	color: #ffffff;
	display: inline-block;
	font-size: 25px;
	line-height: 2.5;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#button:hover::after {
	color: #000000;
}

#button:hover {
	cursor: pointer;
	background-color: #ffffff;
}

#button:active {
	background-color: #cca354;
}

#button.show {
	opacity: 1;
	visibility: visible;
}

/* Styles for the content section */

.content {
	width: 77%;
	margin: 50px auto;
	font-size: 17px;
	color: #6c767a;
	line-height: 1.9;
}
@media(min-width:1200px){
	.ab-bg img{
		visibility: hidden;
	}
	
}
@media(max-width:1199px){
	.ab-bg{
		background-image:unset;
	}

}
.client-carousel.owl-carousel .owl-stage{
	display: flex !important;
}
.client-carousel.owl-carousel .owl-item{
	margin-top: auto !important;
	margin-bottom: auto !important;
}