*{
	padding: 0px;
	margin: 0px;
}

body{
	width: 100%;
	background: rgb(255, 255, 255);
}




.clear{
	clear: both;
}

#google_translate_element{
	position: relative;
	left: -40px;
}

#pa{
	/*background: red;*/
	width: 90%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 50px;

}

#pa p{
	color: red;
	font-size: 19px;
}

#pa p a{
	text-decoration: none;
}


#in{
	width: 90%;
	margin: auto;
	/*margin-top: 40px;*/
	/*background: red;*/
	/*height: 500px;*/
	position: relative;	
	top: 130px;
}

#in p{
	font-size: 25px;
	color:white;
}

#in p a{ 
	color: purple;
	text-decoration: none;
}

#in p a:hover{
	text-decoration: underline;
}

/*CHNAGING TEXT*/
.change_1:after{
	content: "";
	animation:15s  change infinite linear;
	font-size: 45px;
	text-transform: uppercase;
	font-family: Georgia;
}


		@keyframes change{
			0%{
				content: "Cryptocurrencies - future of the international finance!";
			}

			25%{
				content: "Risk Free Trade";
			}

			50%{
				content: "Advanced Education Center";
			}


			75%{
				content: "Webinars from the best traders;";
			}


			100%{
				content: "Time for aimed trading";
			}



		}


.change_2:after{
	content: "";
	animation: chang 15s infinite linear;
	
}


		@keyframes chang{
			0%{
				content: "Invest in the future together with us today!Make money on the most fast-growing market!";
			}

			25%{
				content: "Open an account and get up to three risk-free trades for a successful start with Bit Luno Trade";
			}

			50%{
				content: "Advanced education center for Bit Luno Trade, you will find everything you may need for a successful start: e-books, videos, articles, analytical notes and more.";
			}


			75%{
				content: "Get access to the educational video from our analysts when we start one.";
			}


			100%{
				content: "Don’t miss an opportunity to trade profitably now with the best traders from all over the world";
			}



		}



#sk{
	position: relative;
	top: -140px;
	color: red;
	padding: 15px;
}

/*THIS IS HEADER AREA*/
#header{
	width: 100%;
	height: 150px;
	background: rgb(4, 4, 4);
}

/*THIS IS LOGO AREA*/
#logo{
	width: 97%;
	height: 75px;
	/*background: red;*/
}

.logo_content{
	width: 25%;
	height: 75px;
	/*background: green;*/
	float: left;
}

.header_p{
	width: 40%;
	height:75px;
	/*background: pink;*/
	float: right;
	color: white;

}

.header_p p{
	font-size: 14px;
	line-height: 22px;
	padding: 4px;
	text-align: right;
}

#google_translate_element{
	float: left;
	position: relative;
	left: 300px;
}






#logo h1{
	position: relative;
	top: 20px;
	left: 0px;
	font-size: 24px;
	font-family: Algerian;
	color: white;
}


/*THIS IS NAV AREA*/
#nav{
	width: 100%;
	height: 75px;
}

.nav_content{
	width: 62%;
	background: rgb(167, 123, 0);
	height: 50px;
	margin: auto;
	position: relative;
	top: 10px;
	border-radius: 8px;
}

.nav_content ul{
	list-style: none;
}

.nav_content ul li{
	display: inline;
	position: relative;
	top: 15px;
	left: 10px;
	padding: 14px;
}

.nav_content ul li a{
	color: rgb(255, 255, 255);
	text-decoration: none;
	font-family: Asap-Italic;
	font-size: 17px;
}

.nav_content ul li a:hover{
	text-decoration: underline;
}

/*THIS IS SHOWCASE AREA*/
#showcase{
	width: 100%;
	height: 600px;
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../img/sh2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	/*background-attachment: fixed;*/

	animation: 15s sh infinite;
	/*display: none;*/
}

@keyframes sh{
	0%{
		background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../img/sh2.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}

	25%{
		background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../img/sh1.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}

	50%{
		background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../img/sh3.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}

	75%{
		background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../img/sh4.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}

	100%{
		background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("../img/sh2.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
	}

}

#showcase_1{
	width: 70%;
	height: 400px;
	/*background: red;*/
	margin: auto;
	position: relative;	
	top: 90px;
}

.showcase_1_content h3{
	color: rgb(217, 231, 239);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: center;
	font-size: 25px;
}

.showcase_1_content h1{
	text-align: center;
	margin-top: 75px;
	color: white;
	font-size: 45px;
}

#sub{
	font-size: 29px;
}

.showcase_1_content p{
	color: white;
	text-align: center;
	margin-top: 35px;
	font-size: 21px;
}

#start{
	width: 180px;
	margin: auto;
	position: relative;
	top: 28px;
	/*background-color: #337ab7;*/
	background: rgb(253, 150, 26);
    border-color: #2e6da4;
    padding: 7px;
    border-radius: 8px;
}

#start:hover{
	background-color: #337ab7;
}

#start a{
	text-decoration: none;
	color: white;
	font-family: Georgia;
	font-size: 18px;
}

#showcase_2{
	width: 80%;
	height: 105px;
	position: relative;
	top: 95px;
	margin: auto;
	color: rgb(255, 255, 255);
	background-color: rgba(51, 51, 51,0.8);
	box-shadow: 0px 0px 2px rgb(253, 150, 26);
	border-radius: 5px;


}

.shh{
	width: 19%;
	height: 105px;
	/*background: yellow;*/
	float: left;
	margin-right: 10px;
	position: relative;
	left: 5px;
}

.shh_img{
	width: 80px;
	height: 80px;
	margin-top: 20px;
	/*background: red;*/
	float: left;
	
}

.shh_text{
	width: 115px;
	height: 80px;
	/*background: green;*/
	float: right;
	margin-top: 20px;
}

.shh_text p{
	position: relative;
	top: 20px;
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.shimg_1{
	background: url("../img/im1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 80px;
}

.shimg_2{
	background: url("../img/im2.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 80px;

}

.shimg_3{
	background: url("../img/im3.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 80px;

}

.shimg_4{
	background: url("../img/im4.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 80px;

}

.shimg_5{
	background: url("../img/im5.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 80px;

}

/*THIS IS SECTION A*/
#section_a{
	width: 100%;
	height: 470px;
}

.section_a_content{
	width: 100%;
	height: 400px;
	position: relative;
	top: 70px;

}

.section_a_content_1{
	width: 40%;
	height: 350px;
	/*background: red;*/
	float: left;
	margin-left: 80px;
}

.section_a_content_1 h1{
	color: rgb(70, 70, 70);
	font-family: Roboto-Bold;
	font-size: 25px;
	line-height: 35.7167px;
	margin-bottom: 10px;
}

.section_a_content_1 p{
	color: rgb(70, 70, 70);
	font-family: Asap-Italic;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 10px;
}

.section_a_content_1 a{
	float: right;
	text-decoration: none;
	border: 1px solid rgb(0, 0, 0);
	padding: 6px;
	color: rgb(35, 82, 124);
	border-radius: 5px;
	font-family: Roboto-Bold;
	font-size: 15px;
}

.section_a_content_1 a:hover{
	background: #337ab7;
	color: white;
}

.section_a_content_2{
	width: 40%;
	height: 350px;
	/*background: green;*/
	float: right;
	margin-right: 70px;
}

.section_a_content_2_cont1{
	width: 100%;
	/*background: blue;*/
	height: 100px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgb(144, 139, 139);

}


.section_a_content_2_cont2{
	width: 100%;
	/*background: purple;*/
	height: 130px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgb(144, 139, 139);
}


.section_a_content_2_cont3{
	width: 100%;
	/*background: green;*/
	height: 130px;

}

.section_a_content_2_cont_img{
	width: 13%;
	height: 60px;
	/*background: red;*/
	float: left;
}

.d2_img_1{
	background: url("../img/ph3.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 60px;
}


.d2_img_2{
	background: url("../img/ph1.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 60px;
}


.d2_img_3{
	background: url("../img/ph2.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 60px;
}

.section_a_content_2_cont_text{
	float: right;
	width: 86%;
}

.section_a_content_2_cont_text h1{
	color: rgb(34, 34, 34);
	font-family: Roboto-Bold;
	font-size: 18px;
	line-height: 25.7167px;
	margin-bottom: 10px;
}

.section_a_content_2_cont_text p{
	color: rgb(70, 70, 70);
	font-family: Asap-Italic;
	font-size: 17px;
	line-height: 24.2833px;
	margin-bottom: 10px;	
}

/*THIS IS INVESTMENT PLAN*/
#invest_plan{
	width: 100%;
	height: 500px;
	background: url("../img/plan.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.invest_plan_content{
	width: 80%;
	height: 450px;
	/*background: red;*/
	margin: auto;
	position: relative;
	top: 35px;
}

.invest_plan_content h1{
	color: rgb(255, 255, 255);
	font-family: Roboto-BOLD;
	font-size: 35px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: center;
}

.invest_plan_content p{
	color: rgb(154, 154, 154);
	font-family: Roboto-BOLD;
	font-size: 15px;
	line-height: 21.4333px;
	margin-bottom: 10px;
	text-align: center;
}

#plan{
	width: 100%;
	height: 350px;
	/*background: red;*/
}

.plans{
	width: 22%;
	height: 350px;
	/*background: blue;*/
	float: left;
	margin-right: 22px;
	position: relative;
	left:20px;
}

.plans_content{
	width: 100%;
}

.plans_1{
	width: 100%;
	height: 190px;
	background: rgb(167, 123, 0);
}

#p1{
	font-size: 45px;
}

.plans_2{
	width: 100%;
	height: 160px;
	background: rgb(233, 233, 233);
}

.plans_1 p{
	color: rgb(255, 255, 255);
	font-family: Georgia;
	/*font-size: 28px;*/
	line-height: 55px;
	margin-bottom: 10px;
}

.plans_1 a{
	text-decoration: none;
	position: relative;
	left: 60px;
	top: 15px;
	color: white;
	border: 1px solid white;
	padding: 8px;
}

.plans_1 a:hover{
	border: 1.5px dotted blue;
}

.plans_2_cont{
	position: relative;
	top: 25px;
}

.plans_2_cont p{
	line-height: 35px;
}

/*THIS IS LATEST AREA*/
#latest{
	width: 100%;
	height: 420px;
	/*background: green;*/
}

.latest_cont{
	width: 100%;
	height: 420px;
	/*background: red;*/
	position: relative;
	top: 20px;
}

.latest_1{
	width: 60%;
	height: 400px;
	/*background: red;*/
	float: left;
	margin-left: 23px;
}

.latest_1a{
	width: 43%;
	height: 250px;
	/*background: red;*/
	float: left;
	position: relative;
	left: 60px;
	border: 1px solid rgb(221, 221, 221);
}

.latest_1a h2{
	text-align: center;
	font-size: 20px;
	font-family:Arial Narrow;	
	padding: 8px;
	color: rgb(253, 150, 26);
}

.latest_1a_det{
	width: 90%;
	height: 210px;
	background: rgb(167, 123, 0);
	margin: auto;
	position: relative;
	top: 20px;
	border-radius: 8px;
}




.latest_1b{
	width: 43%;
	height: 250px;
	/*background: pink;*/
	float: left;
	position: relative;
	left: 120px;
	border: 1px solid rgb(221, 221, 221);
}



.latest_1b h2{
	text-align: center;
	font-size: 20px;
	font-family:Arial Narrow;	
	padding: 8px;
	color: rgb(253, 150, 26);
}

.latest_1b_det{
	width: 90%;
	height: 210px;
	background: rgb(167, 123, 0);
	margin: auto;
	position: relative;
	top: 20px;
	border-radius: 8px;
}




/*MOVING MESAGES*/

#us_con{
	width: 100%;
	height: auto;
	overflow: hidden;


}


.bo{
	font-family: Georgia;
	width: 20%;
	float: left;
	position: relative;
	left: 0px;
}

.bo p{
	margin-top: 0px;
	margin-left: 15px;
	padding: 15px;
	font-size: 20px;
	font-family:Trebuchet MS;

}

#xx{
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	color: white;
}



#us_con figure{
	width: 500%;
	overflow: hidden;
	animation: 400s tex infinite;
}

@keyframes text{
	0%{
		transform: translate(0px,0px);
	}

	25%{
		transform: translate(-800px,0px);
	}

	50%{
		transform: translate(-1600px,0px);
	}

	75%{
		transform: translate(-2400px,0px);
	}

	100%{
		transform: translate(-2400px,0px);
	}


}






.latest_2{
	width: 33%;
	height: 400px;
	/*background: green;*/
	float: right;
	margin-right: 23px;
}

#latest_img1{
	width: 300px;
	height: 130px;
	background: red;
	margin: auto;
	background: url("../img/com.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.latest_2 h2{
	text-align: center;
	margin-top: 25px;
	font-family: Comic Sans MS;
}

#accep{
	width: 100%;
	height: 150px;
	/*background: red;*/
}

.acc{
	width: 40%;
	height: 60px;
	/*background: green;*/
	float: left;
	position: relative;
	left: 20px;
	top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
}

.acc1{
	width: 100%;
	height: 60px;
	background: url("../img/bitcoin.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.acc2{
	width: 100%;
	height: 60px;
	background: url("../img/money.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.acc3{
	width: 100%;
	height: 60px;
	background: url("../img/cashapp.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


/*THIS IS VIDEO AREA*/
#video{
	width: 100%;
	height: 500px;
	/*background: red;*/
}

.video_content{
	width: 100%;
	position: relative;
	top: 40px;
}

.video_content h1{
	text-align: center;
	color: rgb(48, 48, 48);
	font-family: Roboto-Regular;
	font-size: 27px;
	line-height: 38.5667px;
	margin-bottom: 15px;
}

.video_content p{
	color: rgb(151, 151, 151);
	font-family: Roboto-Light;
	font-size: 21px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: center;
}



.v_cont_1{
	width: 40%;
	height: 350px;
	/*background: red;*/
	float: left;
	margin-left: 50px;
}


.v_cont_2{
	width: 48%;
	height: 350px;
	/*background: green;*/
	float: right;
	margin-right: 50px;
	margin-top: 18px;
}

.v_cont__1{
	width: 90%;
	height: 150px;
	background: rgb(167, 123, 0);
	margin-bottom: 28px;
	border-radius: 8px;
}

.v_cont__2{
	width: 90%;
	height: 150px;
	background: rgb(167, 123, 0);
	border-radius: 8px;
}

.test{
	width: 70%;
	height: 150px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.test p{
	color: rgb(255, 255, 255);
	line-height: 28px;
	text-align: left;
	font-size: 17px;
}


.test_img{
	width: 18%;
	height: 130px;
	/*background: red;*/
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 50%;
	border: 2px solid red;
	background: white;
}

.imgs_1{
	width: 100%;
	height:130px;
	border-radius: 50%;
	/*background: url("../img/i1.jpg");*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.imgs_2{
	width: 100%;
	height:130px;
	border-radius: 50%;
	/*background: url("../img/i2.jpg");*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#im1{
	border-radius: 50%;
	width: 100%;
	height:130px;
}


#im2{
	border-radius: 50%;
	width: 100%;
	height:130px;
}


/*THIS IS FOOTER AREA*/
#footer{
	width: 100%;
	height: 550px;
	background: rgb(34, 34, 34);
	margin-top: 20px;
	border-top: 3px solid rgb(70, 56, 56);
}

.footer_content_1{
	width: 100%;
	height: 450px;
	border-bottom: 2px solid rgb(70, 56, 56);
}

.footer_box{
	width: 31%;
	height: 300px;
	/*background: blue;*/
	float: left;
	position: relative;
	left: 30px;
	top: 15px;
	margin-right:20px; 
}

.f1 h1{
	font-size: 20px;
	font-family: Georgia;
	margin-bottom: 20px;
	color: rgb(167, 123, 0);
	font-family: Roboto-bold;
	font-size: 18px;
}

.f1_img{
	width: 30px;
	height: 30px;
	/*background: red;*/
	float: left;
}

.f1_img1{
	width: 100%;
	height: 30px;
	background: url("../img/locat.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.f1_img1{
	width: 100%;
	height: 30px;
	background: url("../img/locat.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.f1_img2{
	width: 100%;
	height: 30px;
	background: url("../img/phone.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.f1_img3{
	width: 100%;
	height: 30px;
	background: url("../img/mess.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.f1_img11{
	width: 100%;
	height: 30px;
	background: url("../img/bitco.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.f1_img22{
	width: 100%;
	height: 30px;
	background: url("../img/bitco.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.f1_img33{
	width: 100%;
	height: 30px;
	background: url("../img/bitco.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.f1_text{
	width: 350px;
	height: 50px;
	/*background: green;*/
	float: left;
	margin-left:10px;

}

.f1_text p{
	padding: 3px;
	color: rgb(236, 236, 236);
	font-family: Roboto-Light;
	font-size: 16px;
	line-height: 22.85px;
}

#foot_1_contact{
	margin-bottom: 28px;
}

.copy{
	width:35%;
	height: 80px;
	/*background: red;*/
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}

.copy p{
	color: rgb(179, 179, 179);
	font-family: Roboto-Light;
	font-size: 15px;
	line-height: 25px;
}

.foot_im{
	width:50%;
	height: 80px;
	/*background: blue;*/
	float: right;
	margin-right: 60px;
	margin-top: 15px;
}

.fotimg{
	width: 30%;
	height: 50px;
	/*background: green;*/
	float: left;
	margin-right: 15px;
}

.fotimg1{
	width: 100%;
	height: 50px;
	background: url("../img/f1.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.fotimg2{
	width: 100%;
	height: 50px;
	background: url("../img/f2.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


.fotimg3{
	width: 100%;
	height: 50px;
	background: url("../img/f3.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/*THI IS ABOUT AREA*/
#about{
	width: 100%;
	height: 450px;
}

.about_content{
	width: 80%;
	height: 400px;
	/*background: red;*/
	margin: auto;
	position: relative;
	top: 30px;
}

.about_content h1{
	color: rgb(70, 70, 70);
	font-family: Roboto-Regular;
	font-size: 30px;
	line-height: 42.85px;
	margin-bottom: 10px;
	text-align: center;
}

.about_content p{
	color: rgb(51, 51, 51);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 30px;
	margin-top: 35px;
}

/*THIS IS TERM AREA*/
#term{
	width: 100%;
	height: 650px;
}

.term_content{
	width: 90%;
	height: 600px;
	/*background: red;*/
	margin: auto;
	position: relative;
	top: 30px;
}

.term_content h1{
	color: rgb(70, 70, 70);
	font-family: Roboto-Regular;
	font-size: 30px;
	line-height: 42.85px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: center;
	text-transform: uppercase;
}

.term_content p{
	color: rgb(51, 51, 51);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}


/*THIS IS CONTACT AREA*/

#contact{
	width: 100%;
	height: 690px;
	background: #f2f2f2;	
}


.contact_cont{
	width: 100%;
	margin-top: 0px;
}

.contact_cont h1{
	text-align: center;
	text-shadow: 1px 1px 2px #333;
	color: #fff;
	 font-size: 50px;
    font-weight: 100;
    font-family:'Oswald', sans-serif;
    border-bottom: 4px solid #EFD777;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-bottom: 15px;
}



.cont_cont{
	width: 100%;
}

.contact_form{
	width: 46%;
	/*background: red;*/
	height: 500px;
	float: left;
	margin-left: 40px;
	border-right: 1px solid #ccc;

}


.contact_form form{
	position: relative;
	top: 10px;
	left: 33px;
}

.contact_form form label{
	color: #444;
    margin: 15px 5px 10px 0;
    display: block;

}


.contact_form form input[type='text']{
    background: #fff;
    height: 40px;
    line-height: 40px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 13px;
    box-sizing: border-box;
}

.contact_form form input[type='email']{
	background: #fff;
    height: 40px;
    line-height: 40px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 13px;
    box-sizing: border-box;
}


.contact_form form textarea{
	resize: none;
	background: #fff;
    height: 140px;
    line-height: 40px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 13px;
   
}

.contact_form form input[type='submit']{
	    padding: 10px 25px;
    background: #EFD777;
    color: #fff;
    border: 0px solid #e2e2e2;
    outline: none;
    font-weight: 300;
    font-size: 15px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
    cursor: pointer; 
}

.contact_form form input[type='submit']:hover{
	background: #1b334d;
}

.contact_details{
	width: 45%;
	/*background: green;*/
	height: 500px;
	float: right;
	margin-right: 40px;
	
}

.contact_det{
	height: 150px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ccc;
}


.contact_det h2, .contact_det p{
	text-align: center;
	position: relative;
	top: 70px;
	line-height: 30px;
}


.contact_det h2{
	font-size: 18px;
    color: #1B334D;
}

.contact_det p{
	font-size: 14px;
    padding: 10px;
    color: #999;
}


/*THIS IS USER REGISTRATION*/

#user_register{
	width: 100%;
	height: 1250px;
	background: #f2f2f2;

	margin-top: 0px;
}

.user_register_cont{
	width: 100%;
}

.user_register_cont h2{
	background:#333;
	color:#fff;
	position: relative;
	top: 30px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 30px;
}

.user_register_cont form{
	/*background: red;*/
	margin: auto;
	margin-top: 80px;
	width: 30%;
}

.user_register_cont form label{
	color: #444;
    margin: 15px 5px 10px 0;
    display: block;
    text-transform: uppercase;
}

.user_register_cont form input[type='text']{
    background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;

}


.user_register_cont form input[type='date']{
    background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;

}


.user_register_cont form input[type='phone']{
    background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;

}


.user_register_cont form input[type='email']{
    background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;

}


.user_register_cont form input[type='password']{
    background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;

}


.user_register_cont form input[type='submit']{
	padding: 10px 25px;
    background: red;
    color: #fff;
    border: 0px solid #e2e2e2;
    outline: none;
    font-weight: 300;
    font-size: 15px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
    cursor: pointer; 
}

.user_register_cont  form input[type='submit']:hover{
	background: #1b334d;
}



/*THIS IS USER LOGIN*/

#user_login{
	width: 100%;
	height: 500px;
	background: #f2f2f2;
	margin-top: 0px;
}

.user_login_cont{
	width: 100%;
}

.user_login_cont h2{
	background:#333;
	color:#fff;
	position: relative;
	top: 30px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 30px;
}

.user_login_cont form{
	/*background: red;*/
	margin: auto;
	margin-top: 80px;
	width: 30%;
}

.user_login_cont form label{
	color: #444;
    margin: 15px 5px 10px 0;
    display: block;
}

.user_login_cont form input[type='email']{
    background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;

}


.user_login_cont form input[type='password']{
    background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;

}


.user_login_cont form input[type='submit']{
	    padding: 10px 25px;
    background: red;
    color: #fff;
    border: 0px solid #e2e2e2;
    outline: none;
    font-weight: 300;
    font-size: 15px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
    cursor: pointer; 
}


.user_login_cont  form input[type='submit']:hover{
	background: #1b334d;
}

#faq_content{
	font-size: 16px;
	padding: 16px;
	
}

#faq_content h2{
	font-size: 19px;
	margin-bottom: 7px;
	margin-top: 5px;
}


/*THIS IS USERDASHBOARD AREA*/
#userdash{
	width: 100%;
}

#userheader{
	width: 100%;
	height: 60px;
	/*background: red;*/
	border-bottom: 2px solid rgb(217, 218, 219);
	position: fixed;
	
}

.uh_1{
	width: 16%;
	height: 62px;
	float: left;
	position: relative;
	/*top: 15px;*/
	background: rgba(44, 48, 59,0.9);
}

.uh_1 h1{
	font-size: 20px;
	position: relative;
	top:15px;
	left: 3px;
	color: rgb(255, 255, 255);
}

.uh_2{
	width: 30%;
	height: 40px;
	/*background: blue;*/
	float: right;
	margin-right: 40px;
	position: relative;
	top: 10px;
}

.uh_2 p{
	position: relative;	
	top: 10px;
	font-weight: bold;
}

#userbody{
	width: 100%;
	
}

.usernav{
	width: 16%;
	height: 500px;
	background: rgb(44, 48, 59);
	/*float: left;*/
	position: fixed;
	top: 62px;
	/*background-attachment: fixed;*/
}

.usermain{
	width: 83%;
	height: 595px;
	/*background: red;*/
	position: relative;
	left: 225px;
	top: 62px;
	background: rgb(224, 227, 235);
	/*background-attachment: scroll;*/
	/*z-index: -1;*/
}

.usernav ul{
	list-style-type: none;
}

.usernav ul li{
	/*background: red;*/
	text-align: center;
	margin-bottom: 20px;
	padding: 12px;
}

.usernav ul li a{
	text-decoration: none;
	color: rgb(220, 220, 220);
	font-size: 17px;
}
.usernav ul li a:hover{
	color: rgb(253, 150, 26);
}

#log{
	border: none;
	background: rgb(44, 48, 59);
	font-size: 15px;
	color: rgb(220, 220, 220);
	cursor: pointer;
}

#log:hover{
	color: rgb(253, 150, 26);
}

#main_1{
	width: 100%;
	height: 145px;
	/*background: red;*/
}

.main_1_content{
	width: 100%;
}

.mains{
	width: 22%;
	height: 112px;
	background: rgb(255, 255, 255);
	border-radius: 7px;
	float: left;
	margin-right: 25px;
	position: relative;
	top: 20px;
	left: 30px;
}

.ma1{
	color: rgb(70, 72, 85);
	direction: ltr;
	font-family: "Quicksand",Georgia,"Times New Roman",Times,serif;
	font-size: 18.4833px;
	font-weight: 400;
	line-height: 22.1833px;
	margin-bottom: 7px;
	margin-top: 0px;
	text-align:center;
	word-wrap: break-word;
	padding-top: 10px;
}

.ma2{
	color: rgb(107, 111, 130);
	direction: ltr;
	font-family: "Quicksand",Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.8px;
	margin-bottom: 7px;
	margin-top: 0px;
	text-align:center;
	margin-right: 60px;
	word-wrap: break-word;

}

.ma3{
	color: rgb(70, 72, 85);
	direction: ltr;
	font-family: "Quicksand",Georgia,"Times New Roman",Times,serif;
	font-size: 18.4833px;
	font-weight: 700;
	line-height: 22.1833px;
	margin-bottom: 7px;
	margin-top: 0px;
	text-align: center;
	word-wrap: break-word;
}

.clearl{
	clear: left;
}

/*THIS IS DEPOT BUTTON*/
#depo_but{
	width: 100%;
	height: 60px;
	/*background: red;*/
	position: relative;
	top: 60px;
}

.depo_but_content{
	width: 95%;
	height: 60px;
	background: rgb(24, 190, 119);
	margin: auto;
	cursor: pointer;
	border-radius: 8px;
}

.depo_but_content:hover{
	background:rgb(252, 217, 13);
}

.depo_but_content a{
	text-decoration: none;
	position: relative;
	left: 42%;
	top: 12px;
	font-size: 25px;
	font-weight: bold;
	color: white;
}

.depo_but_content a:hover{
	color: black;
}

/*THIS IS BTC CHART*/
#chart{
	width: 100%;
	height: 300px;
	/*background: rgb(107, 111, 130);*/
	position: relative;
	top: 100px;
}

.chart_content{
	width: 90%;
	height: 290px;
	background: rgb(107, 111, 130);
	margin: auto;
}

/*THIS IS UYSERFOOTER*/
#userfooter{
	width: 100%;
	height: 35px;
	background: rgb(44, 48, 59);
	position: relative;
	top: 115px;
}

#userfooter p{
	color: white;
	position: relative;
	top: 10px;
	left: 8px;
}

/*THIS IS PROFILE*/
#profile{
	width: 100%;
}

.profile_content{
	width: 80%;
	height: 570px;
	background: white;
	margin: auto;
	position: relative;
	top: 10px;
	border-radius: 7px;
}

.profile_content h2{
	font-size: 20px;
	font-family: Georgia;
	padding: 8px;
	text-transform: uppercase;
	color:rgb(253, 150, 26);
}

.profile_content p{
	padding: 6px;
	color: rgb(44, 48, 59);
}

.form_1{
	width: 48%;
	height: 500px;
	/*background: red;*/
	float: left;
}

.form_1 label{
	color: #444;
    margin: 15px 5px 10px 0;
    display: block;
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 15px;
}

.form_1 input[type='text']{
	background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;
    margin-left: 10px;
}




.form_2{
	width: 48%;
	height: 500px;
	/*background: green;*/
	float: right;
}



.form_2 label{
	color: #444;
    /*margin: 15px 5px 10px 0;*/
    display: block;
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 15px;
}

.form_2 input[type='text']{
	background: #fff;
    height: 40px;
    line-height: 50px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding: 0 15px;
    width: 80%;
    font-size: 17px;
    box-sizing: border-box;
    margin-left: 10px;
}



.form_2 input[type='submit']{
	padding: 5px 10px;
    background: red;
    color: #fff;
    border: 0px solid #e2e2e2;
    outline: none;
    font-weight: 300;
    font-size: 15px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
    cursor: pointer; 
}

.form_2 input[type='submit']:hover{
	background: #1b334d;
}

/*THIS IS DEPOSIT AREA*/
#depositarea{
	width: 100%;
}

.depositarea_content{
	width: 90%;
	height: 570px;
	background: white;
	margin: auto;
	position: relative;
	top: 10px;
	border-radius: 7px;
}

.depositarea_content h1{
	color: rgb(70, 72, 85);
	direction: ltr;
	font-family: "Quicksand",Georgia,"Times New Roman",Times,serif;
	font-size: 18.4833px;
	font-weight: 400;
	line-height: 22.1833px;
	margin-bottom: 7px;
	margin-top: 0px;
	text-align:left;
	word-wrap: break-word;
	padding: 15px;
}

.depo_1{
	width: 90%;
	height: 70px;
	background: rgb(225, 226, 230);
	margin: auto;
	border-radius: 8px;
	border-bottom-color: rgb(214, 215, 220);
border-bottom-left-radius: 3.5px;
border-bottom-right-radius: 3.5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: rgb(214, 215, 220);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(214, 215, 220);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(214, 215, 220);
border-top-left-radius: 3.5px;
border-top-right-radius: 3.5px;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: rgb(56, 58, 68);
direction: ltr;
font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20.3px;
margin-bottom: 14px;
padding-bottom: 10.5px;
padding-left: 14px;
padding-right: 14px;
padding-top: 10.5px;
position: relative;
text-align:left;
word-wrap: break-word;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;

}

.depo_2{
	width: 90%;
	height: 70px;
	margin: auto;
}


.depo_2 p{
	color: rgb(107, 111, 130);
	direction: ltr;
	font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20.3px;
	margin-bottom: 14px;
	margin-top: 0px;
	text-align:left;
	word-wrap: break-word;
}

/*THIS IS BARCODE IMG*/
#barcode_img{
	width: 230px;
	height: 230px;
	background: url("../img/va.jpeg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.btc{
	color: rgb(107, 111, 130);
direction: ltr;
font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
/*font-size: 14px;*/
font-weight: 700;
line-height: 20.3px;
margin-bottom: 14px;
margin-top: 0px;
text-align:left;
word-wrap: break-word;
position: relative;
top: 20px;
border-top: 2px solid rgb(225, 226, 230);
padding-top: 20px;

}

/*THIS IS REFERENCE BONUS */
#refbonus{
	width: 100%;
	height: 430px;
	/*background: red;*/
}

.refbonus_content{
	width: 90%;
	height: 400px;
	/*background: white;*/
	margin: auto;
	position: relative;
	top: 30px;
}

.refbonus_content h1{
	color: rgb(70, 72, 85);
	direction: ltr;
	font-family: "Quicksand",Georgia,"Times New Roman",Times,serif;
	font-size: 18.4833px;
	font-weight: 700;
	line-height: 22.1833px;
	text-align:left;
	word-wrap: break-word;
	padding: 15px;
}

#rr{
	font-size: 20px;
	text-align: center;
}

/*THIS IS USER CONTACT*/
#usercont{
	width: 100%;
	height: 430px;
}

.usercont_cont{
	width: 80%;
	height: 350px;
	background: white;
	margin: auto;
	position: relative;
	top: 40px;
	border-radius: 8px;
}

.usercont_cont h2{
	color: rgb(70, 72, 85);
direction: ltr;
font-family: "Quicksand",Georgia,"Times New Roman",Times,serif;
font-size: 18.4833px;
font-weight: 700;
line-height: 22.1833px;
text-align:left;
word-wrap: break-word;
padding: 15px;

}

.us_1{
	color: rgb(107, 111, 130);
direction: ltr;
font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20.3px;
margin-bottom: 14px;
margin-top: 0px;
text-align:left;
word-wrap: break-word;
padding: 15px;

}

.us_2{
	color: rgb(107, 111, 130);
	font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 14px;
	padding: 15px;
}


/*THIS IS VERUFY AREA*/

.verify_content{
	width: 80%;
	height: 490px;
	background: white;
	margin: auto;
	position: relative;
	top: 40px;
	border-radius: 8px;
}

.verify_content h2{
	color: rgb(70, 72, 85);
	direction: ltr;
	font-family: "Quicksand",Georgia,"Times New Roman",Times,serif;
	font-size: 18.4833px;
	font-weight: 700;
	line-height: 22.1833px;
	text-align:left;
	word-wrap: break-word;	
	padding: 13px;
}

.verify_p1{
	color: rgb(0, 128, 0);
	direction: ltr;
	font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20.3px;
	text-align:left;
	word-wrap: break-word;
	padding: 10px;
}

.very_cont_2{
	background: rgb(225, 226, 230);
	width: 90%;
	height: 110px;
	margin: auto;
	margin-top: 15px;
	border-radius: 8px;
}

.very_cont_2 p{

color: rgb(56, 58, 68);
direction: ltr;
font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20.3px;
margin-bottom: 14px;
padding-bottom: 10.5px;
padding-left: 14px;
padding-right: 14px;
padding-top: 10.5px;
position: relative;
text-align:left;
word-wrap: break-word;

}

.verify_content form{
	/*background: red;*/
	width: 90%;
	margin: auto;
	margin-top: 30px;
}

.verify_content form label{
	display: block;
	padding: 5px;
	color: rgb(43, 51, 94);
	font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 14px;
}

#select{
	width: 80%;
	height: 40px;
	padding: 5px;
	border-radius: 5px;
	/*border-style: solid;*/
	border: 1px solid rgb(202, 207, 231);
}

#file{
	width: 80%;
	height: 30px;
	padding: 5px;
	border: 1px solid rgb(202, 207, 231);
	border-radius: 5px;
	/*border-style: solid;*/
}

#ver_sub{
	padding: 14px;
	position: relative;
	left: 250px;
	top: -35px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#ver_sub:hover{
	color: green;
	box-shadow: 0px 0px 2px green;
}


#musernav{
	display: none;
}

#bar{
	display: none;
}













/*THIS IS MEDIA QUERY.................................................................................*/

@media (max-width:450px){

.usernav{
	display: none;
}

#bar{
	display: block;
	position: relative;
	top: 15px;
	right: 15px;
	cursor: pointer;
}


#musernav{
	display: none;
	/*background: red;*/
	width: 35%;
	position: absolute;
	left: 220px;
	z-index: 6000000000000000000;
}

#musernav ul{
	list-style: none;
}

#musernav ul li {
	 background: rgb(44, 48, 59);
	 text-align: center;
	 margin-bottom: 10px;
	 padding: 8px;
	 border-radius: 6px;
	 cursor: pointer;
}

#musernav ul li a{
	text-decoration: none;
	color: white;
}




#userheader{
	width: 100%;
	height: 60px;
	/*background: red;*/
	border-bottom: 2px solid rgb(217, 218, 219);
	position: sticky;
	
}


.uh_1{
	width: 40%;
	height: 62px;
	/*float: left;*/
	position: relative;
	/*top: 15px;*/
	background: rgba(44, 48, 59,0.9);
	float: none;
	display: none;
}


.uh_2{
	width: 75%;
	height: 40px;
	/*background: blue;*/
	float: left;
	margin-right: 40px;
	position: relative;
	top: 10px;
}

.uh_2 p{
	position: relative;	
	top: 0px;
	left: 4px;
	font-weight: bold;
}


.usermain{
	width: 100%;
	/*height: 895px; */
	height: auto;
	/*background: red;*/
	position: relative;
	left: 0px;
	top: 0px;
	background: rgb(224, 227, 235);
	/*background-attachment: scroll;*/
	/*z-index: -1;*/
}


#main_1{
	width: 100%;
	/*height: 145px;*/
	height: auto;
	/*background: red;*/
}


.mains{
	width: 90%;
	height: 112px;
	background: rgb(255, 255, 255);
	border-radius: 7px;
	float: none;
	margin-right: 25px;
	position: relative;
	top: 20px;
	left: 20px;
	margin-bottom: 15px;
}


.depo_but_content a{
	text-decoration: none;
	position: relative;
	left: 30%;
	top: 18px;
	font-size: 20px;
	font-weight: bold;
	color: white;
}


.chart_content{
	width: 97%;
	height: 290px;
	background: rgb(107, 111, 130);
	margin: auto;
}



/*MOBILE PROFILE*/

.profile_content{
	width: 97%;
	height: 1070px;
	background: white;
	margin: auto;
	position: relative;
	top: 10px;
	border-radius: 7px;
}


.form_1{
	width: 100%;
	height: 500px;
	/*background: red;*/
	float: none;
}



.form_2{
	width: 100%;
	height: 500px;
	/*background: green;*/
	float: none;
}


/*MOBILE DEPOSIT*/

.depositarea_content{
	width: 90%;
	height: 670px;
	background: white;
	margin: auto;
	position: relative;
	top: 10px;
	border-radius: 7px;
}



.depo_1{
	width: 90%;
	height: 100px;
	background: rgb(225, 226, 230);
	margin: auto;
	margin-bottom: 30px;

}

#mform2{
	position: relative;
	top: -250px;
}

#sk{
	position: relative;
	top: -500px;
	text-align: center;
}




/*MOBILE VERIFY*/
#usercont{
	width: 100%;
	height: 530px;
}



.usercont_cont{
	width: 90%;
	height: 500px;
	
}


.verify_content{
	width: 95%;
	height: 590px;
	background: white;
	margin: auto;
	position: relative;
	top: 40px;
	border-radius: 8px;
	/*margin-bottom: 30px;*/
}


.verify_p1{
	color: rgb(0, 128, 0);
	direction: ltr;
	font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20.3px;
	text-align:left;
	word-wrap: break-word;
	padding: 10px;
}

.very_cont_2{
	background: rgb(225, 226, 230);
	width: 90%;
	height:250px;
	margin: auto;
	margin-top: 15px;
	border-radius: 8px;
}


.verify_content form{
	/*background: red;*/
	width: 90%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}



#ver_sub{
	padding: 14px;
	position: relative;
	left: 50px;
	top: -35px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}









}



































@media (min-width:769px) and (max-width:1024px){

#logo h1{
	position: relative;
	top: 20px;
	left: 40px;
	font-size: 24px;
	font-family: Algerian;
	color: white;
}
	

	.nav_content{
	width: 95%;
	background: rgb(167, 123, 0);
	height: 50px;
	margin: auto;
	position: relative;
	top: 10px;
	border-radius: 8px;
}


#showcase_1{
	width: 90%;
	height: 400px;
	/*background: red;*/
	margin: auto;
	position: relative;	
	top: 10px;
}



#showcase_2{
	width: 98%;
	height: 105px;
	position: relative;
	top: 95px;
	margin: auto;
	color: rgb(255, 255, 255);
	background-color: rgba(51, 51, 51,0.8);
	box-shadow: 0px 0px 2px rgb(253, 150, 26);
	border-radius: 5px;


}


.shh{
	width: 19%;
	height: 105px;
	/*background: yellow;*/
	float: left;
	margin-right: 4px;
	position: relative;
	left: 5px;
}

.shh_img{
	width: 50px;
	height: 80px;
	margin-top: 20px;
	/*background: red;*/
	float: left;
	
}
#invest_plan{
	width: 100%;
	height: 500px;
	background: red;
	background: url("../img/plan.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}

.invest_plan_content{
	width: 100%;
	height: 450px;
	/*background: red;*/
	margin: auto;
	position: relative;
	top: 40px;
}


.latest_cont{
	width: 100%;
	height: 420px;
	/*background: red;*/
	position: relative;
	top: 50px;
}


.latest_1{
	width: 60%;
	height: 400px;
	/*background: red;*/
	float: left;
	margin-left: -30px;
}


.mains{
	width: 20%;
	height: 112px;
	background: rgb(255, 255, 255);
	border-radius: 7px;
	float: left;
	margin-right: 25px;
	position: relative;
	top: 20px;
	left: 20px;
}


/*THIS IS FOOTER AREA*/
#footer{
	width: 100%;
	height: 650px;
	background: rgb(34, 34, 34);
	margin-top: 20px;
	border-top: 3px solid rgb(70, 56, 56);
}

.footer_content_1{
	width: 100%;
	height: 550px;
	border-bottom: 2px solid rgb(70, 56, 56);
}



.f1_text{
	width: 350px;
	height: 50px;
	/*background: green;*/
	float: left;
	margin-left:10px;


}

.f1_text p{
	padding: 3px;
	color: rgb(236, 236, 236);
	font-family: Roboto-Light;
	font-size: 16px;
	line-height: 22.85px;
}



#footer{
	width: 100%;
	height: 500px;
	background: rgb(34, 34, 34);
	margin-top: 20px;
	border-top: 3px solid rgb(70, 56, 56);
}

.footer_content_1{
	width: 100%;
	height: 405px;
	border-bottom: 2px solid rgb(70, 56, 56);
}



.f1_text{
	width: 350px;
	height: 50px;
	/*background: green;*/
	float: left;
	margin-left:10px;


}

.f1_text p{
	padding: 3px;
	color: rgb(236, 236, 236);
	font-family: Roboto-Light;
	font-size: 16px;
	line-height: 22.85px;
}


.test p{
	color: rgb(255, 255, 255);
	line-height: 22px;
	text-align: left;
	font-size: 17px;
}


.f1_img{
	width: 20px;
	height: 30px;
	/*background: red;*/
	float: left;
}


.footer_box{
	width: 32%;
	height: 300px;
	/*background: blue;*/
	float: left;
	position: relative;
	left: 10px;
	top: 15px;
	margin-right:10px; 
}


.f1_text{
	width: 230px;
	height: 50px;
	/*background: green;*/
	float: left;
	margin-left:10px;

}

.f1_text p{
	padding: 3px;
	color: rgb(236, 236, 236);
	font-family: Roboto-Light;
	font-size: 16px;
	line-height: 22.85px;
}



















}