body {
	margin: 0px;
	padding-top: 60px;
	/*background:url(../images/bg5.jpg) ;*/ color:#fff; background-size:100% 100%;
}


@font-face {
	font-family: 'Conv_Gypsy Curse';
	src: url('../fonts/CHILLER.eot');
	src: local('☺'), url('../fonts/CHILLER.woff') format('woff'), url('../fonts/CHILLER.ttf') format('truetype'), url('../fonts/CHILLER.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.title h2 {
	font-family: 'Conv_Gypsy Curse';font-size: 60px; color:#000 ;
}


.site-header {
	background-color: #000;
	width: 100%;
	height: auto;
	padding: 10px 0px;
}
.product-button {
	text-align: center;
	padding-bottom: 30px;
	width: 100%;
}
.product-title {
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: center;
	font-weight: bold;
}
.middle-part {
	width: 100%;
	height: auto;
	padding: 40px 0px;
	min-height: 700px;
}
.coin-box {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
	 background-image: linear-gradient(to bottom, #171036, #1e0926, #1c0418, #14020b, #000000); 
	 -webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
padding-top: 15px;
border-bottom:5px solid #ecc201;


	
}
.site-footer {
	width: 100%;
	height: auto;
	padding: 40px 0px;
	background-color: #000;
	text-align: center;
	float: left;
	color: #fff;
}
.copy-right {
	padding: 15px;
	width: 100%;
}
.footer-logo img {
	width: 300px;
	height: auto;
}
.sosal-midia {
	white-space: 100%;
	height: auto;
	padding: 10px 0px;
}
.sosal-midia a .fa {
	color: #fff;
	font-size: 27px;
	margin: 0px 10px 15px;
}
.price {
	font-size:22px;
	color: #fff;
}
.header {
	background-color: #f1f1f1;
	padding: 30px;
	text-align: center;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}
.sticky + .content {
	padding-top: 60px;
}
.product-button img {
	width: 150px;
	height: auto;
}

.reg-but {

    color: #fff;
    padding: 5px 25px;
    border: 0px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius:10px;
    font-size: 18px;
    background-image:linear-gradient(to bottom, #f9fa00, #ffd800, #ffb700, #fc9500, #f27407);
    font-weight: bold;
    text-transform: uppercase;
    font-weight:600;
	color:#000;

}

.reg-but:hover{ background-image: background-image:linear-gradient(to bottom, #f9fa00, #ffd800, #ffb700, #fc9500, #f27407); }

.title-inner {

    width: 100%;
   height: 45px;
    float: left;font-size:22px;

}

.loginpanel {

 background-image: linear-gradient(to bottom, #f9fa00, #ffd800, #ffb700, #fc9500, #f27407);    padding: 20px;
    margin: 100px 0px;
    float: left;
    width: 100%;
    border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #000000;
-webkit-box-shadow: 2px 11px 70px -20px rgba(0,0,0,0.97);
-moz-box-shadow: 2px 11px 70px -20px rgba(0,0,0,0.97);
box-shadow: 2px 11px 70px -20px rgba(0,0,0,0.97);
color:#000;

}


#user_username,#user_password {

    width: 100%;
    border: 0px;
    padding: 5px;
    height: 40px;
    margin-bottom: 20px;

}



.loginbtn{ background:#ffa102; color: #000; padding:5px 25px; border:0px; border:2px solid #60a111;   background-image: linear-gradient(to left bottom, #7bc505, #91d037, #a6dc55, #bbe770, #cef38a);-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;font-size: 18px; float:right;   background-image: linear-gradient(to bottom, #f9fa00, #ffd800, #ffb700, #fc9500, #f27407);}


.signupform input{ background:#ffa102; color: #000; padding:5px 25px; border:0px; border:2px solid #60a111;   background-image: linear-gradient(to left bottom, #7bc505, #91d037, #a6dc55, #bbe770, #cef38a);-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;font-size: 18px; }

.signupform{ width: 100%; text-align: center; padding:25px 0px 15px; }

.signuppanel {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 150px 0px;
}


.loginpanel h2 {
    padding-bottom: 20px; margin-top:5px;
}

.right-name-login {
    text-align: right;
    font-weight: bold;
    padding-top: 11px;
}
.sosal-midia .fa:hover{ color:#ecc201; }

 @media(min-width:767px) and (max-width:900px) {

.title h2{ font-size:30px; }

}



 @media(min-width:300px) and (max-width:767px) {
.coin-box {
	width: 300px;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
	margin: 0px auto 15px;
}

.loginpanel {
    margin: 0px 0px 50px;
}

.signuppanel {
    width: 100%;
    margin: 0px 0px;
    float: left;
}

.title h2 {
    font-size: 30px;
    padding: 10px 0px;
    padding-bottom: 10px;
}
.site-branding.logo,.right-name-login {
    text-align: center; font-size: 12px;
}

.loginpanel {
    margin-top: 60px; margin-bottom:10px;
}

.middle-part {
	min-height: auto;
}
.footer-logo img {
    width: 180px;
    height: auto;

}
.site-footer{ padding:15px 0px; }
.sosal-midia a .fa {

    color: #fff;
    font-size: 15px;
    margin: 0px 4px 12px;

}
.copy-right {
    padding: 8px;
}
.sosal-midia {
    padding: 0px;
}
.middle-part {
    min-height: 510px;
}



}