@font-face{
	font-family:'opensans regu';

	src:url("../fonts/OpenSans-Regular.ttf"),
	url('../fonts/OpenSans.woff') format('woff'),
	url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'frutigerlt-light';

	src:url("../fonts/frutigerlt-light-webfont.ttf"),
	url('../fonts/FrutigerLT-Light.woff') format('woff'),
	url('../fonts/frutigerlt-light-webfont.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'frutigerltstd-bold';

	src:url("../fonts/frutigerltstd-bold-webfont.ttf"),
	url('../fonts/FrutigerLTStd-Bold.woff') format('woff'),
	url('../fonts/frutigerltstd-bold-webfont.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'frutigerltstd-roman';

	src:url("../fonts/frutigerltstd-roman-webfont.ttf"),
	url('../fonts/FrutigerLTStd-Roman.woff') format('woff'),
	url('../fonts/frutigerltstd-roman-webfont.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'proxima-nova-regular';

	src:url("../fonts/proxima-nova-regular.ttf"),
	url('../fonts/ProximaNova-Regular.woff') format('woff'),
	url('../fonts/proxima-nova-regular.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'proxima-nova-semibold';

	src:url("../fonts/proxima-nova-semibold.ttf"),
	url('../fonts/ProximaNova-Semibold.woff') format('woff'),
	url('../fonts/proxima-nova-semibold.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'OpenSans-regular';

	src:url("../fonts/OpenSans-Regular.ttf"),
	url('../fonts/OpenSans.woff') format('woff'),
	url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'OpenSans-Light';

	src:url("../fonts/OpenSans-Light.ttf"),
	url('../fonts/OpenSans-Light.woff') format('woff'),
	url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face{
	font-family:'OpenSans-Semibold';

	src:url("../fonts/OpenSans-Semibold.ttf"),
	url('../fonts/OpenSans-Semibold.woff') format('woff'),
	url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

a {
	color: #fff;
}

/*REGISTER HOME*/

	/*>> Top*/
	.reg_style {
		font-family: 'frutigerltstd-roman';
		font-weight: normal;
		overflow: hidden;
	}

	.reg_style a {
		color: #007aff;
	}
	.reg_home_top {
		margin-top: 30px;
	}
	.reg_home_top img {
		margin: 0px auto;
	}
	.reg_home_top p {
		font-size: 25px;
		margin: 40px 0px 30px;
	}
	/*End top*/

	/*Form*/
	.reg_home_form {
		padding: 30px 0px;
		border: 1px solid #cdcdcd;
	}
	.reg_home_form .log-form {
		text-align: left;
	}

	.reg_home_form .p1 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.reg_home_form .p2 {
		margin: 25px 25px 25px 25px;
	}
	.reg_home_form .p3 {
		margin: 15px 0px 25px;
		font-size: 18px;
	}
	.reg_home_form .p4 {
		margin: 30px 0px;
		font-size: 18px;
	}

	.reg_home_form button, .reg_home_form input[type=button] {
		text-transform: uppercase;
		color: #646464;
		border: 2px solid #000;
		border-radius: 0px;
		width: 100%;
		font-size: 18px;
	}
	.reg_home_form .btn-2 {
		/*margin-top: 15px;*/
	}
	.reg_home_form .remember {
		color: #007aff;
		font-weight: normal;
		font-family: "frutigerltstd-roman";
		font-size: 14px;
		margin-top: 10px;
	}
	.reg_home_form .remember input[type="checkbox"]{
		float: left;
    	margin: 2px 5px;
	}
	.message_regis{
		text-align: center;
  		margin-top: -20px;
  		min-height: 27px;
	}
	.message_login{
		text-align: center;
  		margin-top: -15px;
  		min-height: 27px;
	}
	/*End form*/

	/*Footer*/
	.reg_home_bottom {
		margin: 80px 0px;
		color: #797979;
	}
	/*End Footer*/

	/*.placeholder*/
	.reg-form .form-group ::-webkit-input-placeholder, .log-form .form-group ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #7d7d7d!important;
	    font-weight: normal;
	}
	.reg-form .form-group :-moz-placeholder, .log-form .form-group :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #7d7d7d!important;
	   font-weight: normal;
	}
	.reg-form .form-group ::-moz-placeholder, .log-form .form-group ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #7d7d7d!important;
	   font-weight: normal;
	}
	.reg-form .form-group :-ms-input-placeholder, .log-form .form-group :-ms-input-placeholder { /* Internet Explorer 10+ */
	   color:    #7d7d7d!important;
	   font-weight: normal;
	}
	/*.end placeholder*/

/*END REGISTER HOME*/


/*REGISTER SUCCESS*/
	.reg_success {
		font-family: "frutigerltstd-roman";
	}
	.reg_success_content {
		margin-top: 40px;
	}
	.reg_success_content h1 {
		color: #fd3946;
	}
	.reg_success_content p {
		font-family: "frutigerlt-light";
	}
	.reg_success_content .p1 {
		font-size: 22px;
		margin: 20px 0px 0px;
	}
	.reg_success_content .p2 {
		font-size: 18px;
		margin: 35px 0px;
	}
	.reg_success_content .p3 {
		font-size: 16px;
	}

/*END REGISTER SUCCESS*/

/*REGISTER COMPLETED*/
	.reg_completed, .reg_bspfe {
		/*margin-top: 100px;*/
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.reg_completed .photo_preview {
		width: 150px;
		height: 150px;
		border-radius: 75px;
		overflow: hidden;
		background: #d7d7d7;
	}
	.reg_completed .photo_preview .img-profile {
		width: 100%;
		height: auto;
	}
	.reg_completed .photo_preview .no-photo {
		top: 60px;
		position: absolute;
		left: 70px;
	}
	.reg_completed .browse_photo {
		border: 2px solid #000;
		padding: 10px 20px;
		margin-top: 40px;
	}
	.reg_completed .detail_profile {
		font-family: "frutigerltstd-roman";
		width: 100%;
		line-height: 1.4em;
	}
	.reg_completed .detail_profile td {
		padding: 5px 0px;
	}
	.reg_completed .socmed .form-border {
		border-left: 1px solid #d7d7d7;
	}
	.reg_completed .socmed img {
		margin-right: 5px;
	}
	.reg_completed .socmed label {
		font-family: "frutigerltstd-roman";
		font-weight: normal;
		font-size: 16px;
	}
	/*.placeholder for reg-completed*/ 
	.reg_completed .socmed ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #3d3d3d!important;
	    font-weight: normal;
	    line-height: 27px;
	}
	.reg_completed .socmed :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #3d3d3d!important;
	   font-weight: normal;
	   line-height: 27px;
	}
	.reg_completed .socmed ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #3d3d3d!important;
	   font-weight: normal;
	   line-height: 27px;
	}
	.reg_completed .socmed :-ms-input-placeholder { /* Internet Explorer 10+ */
	   color:    #3d3d3d!important;
	   font-weight: normal;
	   line-height: 27px;
	}
	/*.end placeholder*/
	.reg_completed .socmed input {
		font-family: "frutigerltstd-roman";
		background: #ebebeb;
		color: #3d3d3d;
		border: none;
		box-shadow: none;
	}
	.reg_completed .socmed button {
		font-family: "frutigerltstd-roman";
		font-size: 16px;
		background: #000;
		color: #fff;
		border: none;
		border-radius: 0px;
		padding: 10px 30px;
		margin: 10px 0px 30px;
	}
	.reg_completed .socmed h3 {
		margin-top: 0px;
		margin-bottom: 20px;
	}
/*END REGISTER COMPLETED*/

/*END REGISTER BUYER*/
	.reg_bspfe {
		font-family: "frutigerltstd-roman";
	}
	.reg_bspfe h1 {
		font-family: "frutigerltstd-bold";
		margin-top: 0px;
		margin-bottom: 40px;
	}
	.reg_bspfe .payment-reg {
		padding-top: 40px;
		padding-bottom: 40px;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		margin: 50px 0px;
		position: relative;
		float: left;
		width: 100%;
	}
	.reg_bspfe h2, .reg_bspfe h3 {
		margin-top: 0px;
		margin-bottom: 20px;
		color: #4a4a4a;
	}
	.reg_bspfe .socmed .required {
		margin-top: 7px;
		color: #e11f23;
	}
	.reg_bspfe .socmed label {
		font-weight: normal;
		font-size: 16px;
	}
	.reg_bspfe .socmed img {
		margin-right: 5px;
	}
	/*.placeholder*/
	.reg_bspfe .socmed ::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #7d7d7d!important;
	    font-weight: normal;
	}
	.reg_bspfe .socmed :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #7d7d7d!important;
	   font-weight: normal;
	}
	.reg_bspfe .socmed ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #7d7d7d!important;
	   font-weight: normal;
	}
	.reg_bspfe .socmed :-ms-input-placeholder { /* Internet Explorer 10+ */
	   color:    #7d7d7d!important;
	   font-weight: normal;
	}
	/*.end placeholder*/
	.reg_bspfe .socmed button {
		font-size: 16px;
		border: 2px solid #000;
		border-radius: 0px;
		padding: 5px 40px;
		margin: 10px 0px 30px;
	}
	.reg_bspfe .payment-reg .agreement {
		margin-top: 10px;
	}
	.reg_bspfe .detail-profile {
		color: #7d7d7d;
		font-size: 16px;
	}
	.reg_bspfe .detail-profile h2 {
		margin-bottom: 5px;
	}
	.reg_bspfe .detail-profile p {
		font-size: 18px;
		font-family: "frutigerlt-light";
		margin: 0px;
	}
	.reg_bspfe .payment-pee {
		padding-top: 40px;
		border-top: 1px solid #d7d7d7;
		margin-top: 50px;
	}
	.reg_bspfe .payment-pee .pee-margin {
		width: 100%;
		margin-bottom: 20px;
		position: relative;
		float: left;
	}
	.reg_bspfe .payment-pee .radio-seller {
		width: 50%;
		float: left;
	}
	.reg_bspfe .payment-pee .radio-seller-self {
		width: 33%;
		float: left;
	}
	.reg_bspfe .browse_file {
		border: 2px solid #000;
		padding: 5px 0px;
		width: 100%;
		text-align: center;
	}
	.reg_bspfe .linkapps {
		font-family: "frutigerltstd-bold";
		font-size: 16px;
		margin-bottom: 10px;
	}
	.reg_bspfe .payment-reg .addnew {
		display: block;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.reg_bspfe .payment-reg .addnew {
		color: #1c7eed;
	}
	.reg_bspfe .payment-reg .exchange-intro {
		margin: 20px 0px;
	}
	.reg_bspfe .payment-reg .inputfield {
		position: relative;
		margin: 5px 0px;
	}
	.reg_bspfe .payment-reg .delfield {
		position: absolute;
		right: 8px;
		bottom: 11px;
		color: #e11f23;
		cursor: default;
	}
/*END REGISTER BUYER*/

@media(max-width:767px){
	/*REGISTER HOME*/
		/*Top*/
		.reg_home_top p {
    		font-size: 20px;
    	}
		/*End Top*/

		/*Form*/
		.reg_home_form {
			padding: 0px;
			border: none;
		}
		.reg_home_form .p1 {
			margin-bottom: 20px;
			font-size: 16px;
		}
		.reg_home_form .p2 {
			margin: 0px;
		}
		.reg_home_form .p3 {
			margin: 15px 0px 25px;
			font-size: 18px;
		}
		.reg_home_form .p4 {
			margin: 30px 0px;
			font-size: 18px;
		}
		.reg_home_form button {
			font-size: 14px;
		}
		/*End Form*/

		/*Sosmed*/
		.sosmed_login img {
			margin: 0px auto;
		}
		/*End Sosmed*/

		/*Footer*/
		.reg_home_bottom {
    		margin: 20px 0px;
    	}
		/*End Footer*/
	/*END REGISTER HOME*/

	/*REGISTER SUCCESS*/
		.reg_success_content h1 {
			font-size: 28px;
		}
		.reg_success_content .p1 {
			font-size: 18px;
		}
		.reg_success_content .p2 {
			font-size: 16px;
		}
		.reg_success_content .p3 {
			font-size: 14px;
		}

	/*END REGISTER SUCCESS*/

	/*COMPLETED*/
		.reg_completed .socmed {
			margin-top: 30px;
		}
		.reg_completed .detail_profile td:first-child {
			width: 30%;
		}
		.reg_completed .photo_preview {
		    width: 130px;
		    height: 130px;
		}
		.reg_completed .photo_preview .no-photo {
		    top: 50px;
		    left: 62px;
		    width: 40px;
		}
		.reg_completed .browse_photo {
			margin-top: 30px;
		}
	/*END COMPLETED*/

	/*REGISTER BSPFE*/
		.reg_bspfe .socmed .required {
			text-align: right;
		}
		.reg_bspfe .browse_file {
		    padding: 5px 30px;
		    width: auto;
		}
	/*END REGISTER BSPFE*/

}
@media(min-width:768px){
	/*REGISTER COMPLETED*/
		
	/*END REGISTER COMPLETED*/	
}
@media(min-width:992px){
}
@media(min-width:1200px){
}