@charset "utf-8";
@font-face {
  font-family: lucida;
  src: url('https://buyhoyeah.com/fonts/LHANDW.TTF') format('truetype');

}


/*----------- log in seation --------------------*/

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}

.article_Main_image{
	float:left;
	width:47%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-bottom:12px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



.login-container{
	padding-top:42px;
	width:90%;
	max-width:320px;
	margin:0 auto;
}
.login-logo{
	text-align:center;
	margin-top:12px;
	margin-bottom:12px;
	width:72%;
	margin:0 auto;

}

.login-inputfield{
	width:100%;

}
.login-inputfield input{
	width:100%;
	line-height:42px;
	margin-top:12px;
	margin-bottom:12px;
	-webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	padding-left:12px;
	font-size:14px;
	border:1px solid #999999;
}



.login-button{
	width:100%;
	text-align:center;
	line-height:42px;
	margin-top:12px;
	margin-bottom:12px;
-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor:pointer;

}
#login{
	background:	#EB004B;
	color:white;
}


#register{
	background:	#8b9dc3;
	color:white;
}
.login-link{
		width:100%;
	text-align:center;
	line-height:42px;
	margin-top:12px;
	margin-bottom:12px;

}
/*  msg box*/
#msgoverlay{
	display:none;
}
.msgoverlay{
	position: fixed;
	display:block;
	background: rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	z-index: 101;
}
.msgbox{
	position: relative;
	width:92%;
	max-width: 460px;
	min-height:120px;
	margin:0 auto;
	padding-bottom:42px;
	padding-left:12px;
	padding-right:12px;
	padding-top:6px;
	margin-top:12%;
	background: #f0f0f0;
		  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  border-radius: 2px;
		-webkit-box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.7);
		-moz-box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.7);
		box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.7);
}
.msg-header{
	line-height: 32px;
	color: #222222;
	margin-bottom:6px;
	font-size:120%;
}
.msg-content{
	line-height: 24px;
	color:#666666;
	margin-bottom:42px;
}

.msg-button{
	position: absolute;
	width:72px;
	bottom: 6px;
	right:12px;
	color:white;
	text-align: center;
	line-height: 32px;
	background: #4290aa;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	cursor: pointer;
}
.msg-button:hover{

	background: #62b0ca;
}


.loadingoverlay{
	position: fixed;
	display:none;
	background: rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	z-index: 101;

}

.loadbox{
	position: absolute;
	width:200px;
	height:200px;
  left: 0; 
  right: 0; 
  top:0;
  bottom:0;
  margin-left: auto; 
  margin-right: auto; 
  margin-top:auto;
  margin-bottom:auto;
	text-align:center;
}
.loadbox-img{
	width:62px;
}
.loadingmsg{
	line-height:42px;
	text-align:center;
	color:white;
	font-style:italic;
}
.subcribe{
	width:100%;
	border:1px solid #aaaaaa;
	padding:4px;
	font-size:14px;
	background:#fafafa;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;	
}
.subcribebtn{
	text-align:center;
	float:right;
	line-height:28px;
	color:white;
	padding-left:12px;
	padding-right:12px;
	margin-top:12px;
	background:#EB004B;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;		
	cursor:pointer;
}
.footersoicon{
	color:#777777;
}
.footersoicon i:hover{
	color:#6d84b4;
}
/*----------- Mobile Devices css for <420px------------------------*/


.clear{
	clear:both;
}
.footerwrapper{
	width:100%;
	max-width:1000px;
	padding-top:12px;
	padding-bottom:12px;
}
.footerCol{
	display:inline-block;
	vertical-align: top;
	width:50%;
	padding-left:2%;
}
.footerColheading{
	font-size:13px;
	color:#444444;
	line-height:32px;
	
}

.footerColcontent{
	font-size:12px;
	color:#777777;
	line-height:24px;
	margin-left:0px;
	cursor:pointer;
}
.footerColcontent:hover{
	color:#ff7777;
}

footer{
	border-top:1px solid #dddddd;
	margin-top:24px;
}
@media only screen and (min-width: 480px) {

.footerwrapper{
	margin:0 auto;
	
}
.footerCol{
	display:inline-block;
	width:20%;
	vertical-align: top;
		padding-left:0%;
}
.footerColcontent{
	margin-left:0px;
}
}