.wbcn-registration-part{
	  		display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; display: -webkit-box  ;  	 
	  		position: relative;background: url(../images/wbcn-regitration-bg.jpg);  		background-position:center center;  		background-repeat:no-repeat;  		background-size:cover;  		background-attachment:fixed;   
	  		padding: 70px 0; font-family: 'Lato', sans-serif;font-size: 18px;color: #fff;
	  		min-height: 800px;
	 }
   .ladda-button{transition: none!important;}
   .transparent {
    opacity: 0.2;
}
    /*.bcome-member-text,.ssl-certificate,.back-subscript{text-align: right}*/
    .bcome-member-text{max-width: 95%;}
	.bcome-member-text h3{ font-size: 28px;  font-weight: 800;   	 line-height: 1.3; margin-bottom: 10px;	 }
  	 .bcome-member-text h3 a{color: #59A4F2; text-decoration: underline}
  	 .bcome-member-text h3 span{font-size: 22px;display: inline-block;padding-top: 25px}
  	 .bcome-member-text h3 a:hover{text-decoration: none}
  	 
  	 .member-pic{ 	width: 160px; 	 }
  	 .form-text-left h2{font-weight: 300;font-size: 56px;text-align: right;margin: -9px 0 20px;}
  	 .take-coure-part {margin-top: 40px;} 
  	 .take-coure-part p,.new-user{font-weight: 800;font-size: 24px;}
  	 .take-coure-part p a,.new-user a{text-decoration: underline;color: #59A4F2;}
  	 .take-coure-part p a:hover,.back-subscript a:hover,.new-user a:hover{text-decoration: none}
  	 .back-subscript a{text-decoration: underline;color: #59A4F2;font-weight: 800;font-size: 24px;}
  	 .bcome-member-text p{font-size: 13px;}
  	 .take-coure-part .btn-primary,.paybycard .btn-primary{
	    background-image: url(../images/arrow-wht.png);
	    background-repeat: no-repeat;
	    background-position: right 22px top 50%;
	    background-size: 13px;
	   padding: 12px 100px 12px 45px;
	   font-size: 36px;
	   text-transform: uppercase;
	   font-weight: 800;
	   letter-spacing: 1px;
	   display: inline-block;
	   margin-bottom: 25px;
	   background-color: #125AAF;
	   border-color:#125AAF; 
	}
	.take-coure-part .btn-primary:hover,.paybycard .btn-primary:hover{background-color: #2d83eb;    border-color: #2d83eb;}
	.logindownload-form .btn-primary{
		 padding:8px 35px 8px 35px;font-size: 24px;margin-top: 10px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;
	}
	.ssl-certificate{
		padding: 20px 0;
	}
	.form-check .form-check-input,.remember-check .form-check-input, .form-radio-input{
		visibility: hidden;
		position: absolute;
		margin: 0;
	}
	.form-check {
		padding-left: 30px;
	}
	.form-check .form-check-label,.remember-check .form-check-label,.form-radio-label{
		position: relative
	}
	
	/*check box*/
	.form-check .form-check-label:after,.remember-check .form-check-label:after {
	  position: absolute;
	  top: 4px;
	  left:-30px;
	  height: 20px;
	  width: 20px;
	  background-color: #fff;
	  content: "";
	  z-index: 0;
	  border-radius:3px;
	  border: 2px solid #ddd; 
	} 
	.form-check .form-check-label:before,.remember-check .form-check-label:before {
	  content: "";
	  position: absolute;
	  display: none;
	} 
	.remember-check .form-check-input:checked + .remember-check .form-check-label:before {
	  display: block;
	}
	.form-check-input:checked + .form-check-label:before {
	  display: block;
	}
	.download-form h5,.logindownload-form h5,.payment-details-part h5{margin-bottom: 20px;font-size: 18px;}
	.form-check .form-check-label:before,.remember-check .form-check-label:before {
	 left: -24px;
	 top: 8px;
	 width: 7px;
	 height: 12px;
	 border: solid #59A4F2;
	 border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  z-index: 5;
	}
	
	/*Radio button*/
	
	.form-radio-label:after {
	  position: absolute;
	  top: 5px;
	  left:-30px;
	  height:20px;
	  width: 20px;
	  background-color: #fff;
	  content: "";
	  z-index: 0;
	  border-radius:20px;
	  border: 2px solid #ddd; 
	} 
	.form-radio-label:before {
	  content: "";
	  position: absolute;
	  display: none;
	} 
	.form-radio-input:checked + .form-radio-label:before {
	  display: block;
	} 
	.form-radio-label:before {
	 left: -25px;
	 top: 10px;
	 width: 10px;
	 height:10px;
	 border-radius:7px;
	 background:#59A4F2;  
	  z-index: 5;
	}	 
	
	.form-check .form-check-label a,.remember-check .form-check-label a{color: #59A4F2; text-decoration: underline}
	.form-check .form-check-label a:hover,.remember-check .form-check-label a:hover{text-decoration: none}
	.download-form .form-control,.logindownload-form .form-control{font-size: 24px;color: #666;border:0;outline:0; font-family: 'Lato', sans-serif;}
	.download-form .form-group,.logindownload-form .form-group{margin-bottom: 30px;}
	.download-form .form-group.form-check{margin-bottom: 19px;}
	.pading-tp-btm{padding-top:50px;padding-bottom: 50px; }
	.pading-rightmd{padding-right: 50px;}
	.pading-leftmd{padding-left: 50px; }
	.bullets-btm{
		border-right:1px solid #67717A; 
	}
	.bullet-round:before{content: "";position: absolute;top: -18px;left: -6px;background: #67717A;width: 11px;height: 11px;display: block;border-radius: 50%;}
	.bullet-round:after{content: "";position: absolute; width: 29px;height: 29px;display: block;border-radius: 50%;border: 1px solid #67717A;top: -28px;left: -15px;}
	.bullets-btm:after{content: "";position: absolute;bottom: 0px;right: -6px;background: #67717A;width: 11px;height: 11px;display: block;border-radius: 50%;}
 
.selectbox{position: relative}
.selectbox select.form-control:not([size]):not([multiple]){
	height: 48px;
}
.selectbox:after{
	 content: "";
	 background: #fff url(../images/select-down-arrow.png); 
	 width: 30px;
	 height: 30px;	 
     background-repeat: no-repeat;
     display: block; 
     right: 7px;
     position: absolute;
     top: 11px;
     background-position:center center; 
     z-index: 9;
     pointer-events:none;
}
.selectbox select{
    display: block;  
    width: 100%;
    max-width: 100%;  
    margin: 0; 
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; 
}
.selectbox::-ms-expand {
    display: none;
}
.select-css option {
    font-weight:normal;
}
footer{padding: 0;}
.footer__copyright {
    font-size: 12px;    padding: 15px;
	background: #3e444b;
	background: -moz-linear-gradient(top,  #3e444b 0%, #353c43 100%);
	background: -webkit-linear-gradient(top,  #3e444b 0%,#353c43 100%);
	background: linear-gradient(to bottom,  #3e444b 0%,#353c43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e444b', endColorstr='#353c43',GradientType=0 );
	border-top: 2px solid #4d565e;
    color: #b8bbbe;
    text-align: center;
    }
.footer__copyright .wrapper {   padding-left: 25px;    padding-right: 25px;    max-width: 1150px;    margin: 0 auto;width: 100%} 
.setp-2-part .take-coure-part{text-align: left}
.paybycard{	margin-top: 40px;}
.card-list .card-item{display: inline-block;margin-right: 20px;}
.thankyou-modal-content{
	background: #125AAF;
}
.thankyou-modal-content .modal-header{border: 0;}
.thankyou-modal-content{color: #fff;border-radius: 0px;}
.thankyou-modal-content .modal-header .close{font-size: 40px;color: #fff;opacity: 1;padding: 7px 15px;font-weight: 800;}
.thankyou-modal-content .modal-body{padding: 0px 105px 30px;}
.thankyou-modal-content h2{font-size: 80px;font-weight: 300;}
.thankyou-modal-content h4{font-size: 28px;font-weight: 800;margin: 0 0 25px;}
.thankyou-modal-content p{font-size: 18px;font-weight: 400;margin: 0 0 20px;padding: 0 20px;}
.modal-backdrop{
	background: #fff;
}
.modal-backdrop.show {
    opacity: 0.95;
}
.btn-primary:focus{color: #fff}
/*Login Page*/
.wbcn-login-part{padding: 120px 0;}
.login-form .form-control,.passd-confirmation .form-control,.forgot-passd-confirmation .form-control {
    font-size: 24px;
    color: #666;
    border: 0;
    outline: 0;
    font-family: 'Lato', sans-serif;
}
.login-form .form-group,.passd-confirmation .form-group,.forgot-passd-confirmation .form-group{
    margin-bottom: 30px;
}
.login-form a{color: #59A4F2;font-size: 18px;font-weight: 800;}
.wbcn-login-part h5{
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
}
.forgot-passd-confirmation .form-group.form-check {
    margin-bottom:8px;
}
.forgot-check-part{margin-bottom: 20px;}
.ladda-button{transition: none!important;width: auto!important}


@media (max-width:1600px){
    .bcome-member-text h3{font-size: 19px;}
   .ssl-certificate {   padding: 0 0 15px;}
    .bcome-member-text h3 span{font-size: 19px;padding-top: 18px;}
    .form-text-left h2 {margin: 0 0 12px}
}
@media (max-width:991px){
		 .form-text-left h2{font-size: 48px;}
		 .bcome-member-text{font-size: 22px;margin-top: -10px;max-width: 100%;}
		 .download-form .form-control, .logindownload-form .form-control{font-size: 20px;} 
		 .take-coure-part .btn-primary,.paybycard .btn-primary{font-size: 30px;padding: 13px 70px 13px 20px;}
		 .remember-check .form-check-label:after{top: 5px;}
		 .form-check .form-check-label:after{top: 5px;}
		 .pading-tp-btm{padding-top: 40px;padding-bottom: 40px;}
		 .download-form .form-group, .logindownload-form .form-group{margin-bottom: 25px;}
		 .bcome-member-text h3{font-size: 26px;}
		 .thankyou-modal-content .modal-body{
		 	padding: 0px 15px 30px;
		 }
		 .thankyou-modal-content h2{font-size: 64px;}
		 .thankyou-modal-content h4{font-size: 25px;}
		 .thankyou-modal-content p{padding: 0;}
	}
	@media (max-width:768px){
		.wbcn-registration-part .col-md-6{
			-webkit-box-flex: 0;-ms-flex: 0 0 100%;		flex: 0 0 100%;		max-width: 100%;
		}
		.bullets-btm{border: 0}
		.bullets-btm:after,.bullets-btm:before,.bullet-round:before,.bullet-round:after{display: none}
		.bcome-member-text.ml-md-auto{margin-left: 0 !important;min-width: 100%;}
		.member-pic{display: none} 
		.form-text-left h2{margin-bottom: 30px;font-size: 56px;}
		
		.pading-tp-btm{padding:40px 20px 10px;}
		.wbcn-registration-part{height: auto !important;}
		.logindownload-form{text-align: center}
		.download-form .form-group, .logindownload-form .form-group{text-align: left;}
		.take-coure-part{margin-top: 25px;width: 100%;padding: 0 15px 0 0;}
		.download-form,.logindownload-form{max-width: 480px;margin: 0 auto;}
		.bcome-member-text{font-size: 28px;}
		.download-form .form-group, .logindownload-form .form-group{margin-bottom: 30px;}
		.download-form .form-control, .logindownload-form .form-control{font-size: 24px;}
		.take-coure-part{padding: 0;margin-top: 0;}
		.setp-2-part{text-align: center}
		.setp-2-part h5{margin-bottom: 15px;}
		.setp-2-part .take-coure-part {	max-width: 320px;margin:15px auto 0; padding: 0;}
	}
	@media (max-width:575px){ 
		.form-text-left h2 {    margin-bottom: 30px;    font-size: 36px;}
		.bcome-member-text {  font-size: 18px;padding-right: 0;margin-bottom: 0px;}
		.download-form .form-group, .logindownload-form .form-group{margin-bottom: 20px;}
		.download-form .form-control, .logindownload-form .form-control {  font-size: 20px;}
		.download-form h5, .logindownload-form h5{font-size: 16px;}
		.take-coure-part .btn-primary,.paybycard .btn-primary{font-size: 24px;padding: 9px 56px 9px 13px;}
		.take-coure-part p,.new-user{font-size: 18px;}
		.take-coure-part{margin-top: 15px;}
		.pading-tp-btm{padding: 0px 20px 10px;}
		.ssl-certificate{padding: 20px 0 25px;}
		.back-subscript{margin-bottom: 20px;}
		 .thankyou-modal-content h2{font-size: 48px;}
		 .thankyou-modal-content h4{font-size: 22px;}
		 .thankyou-modal-content p{font-size: 15px;}
		
		 
	}
	@media (max-width:479px){
		.take-coure-part .btn-primary,.paybycard .btn-primary{width: 100%;font-size: 19px;padding: 10px 56px 10px 13px;font-weight: 600;min-width: 100%;}
		.download-form .form-check-label, .logindownload-form .form-check-label{font-size: 16px;}
		.pading-tp-btm{padding: 0px 20px 0px;}
		.take-coure-part { margin-top: 0;padding: 0}
		.bcome-member-text{margin-bottom: 5px;}
		.wbcn-registration-part{padding: 25px 0;}	
		.bcome-member-text h3{font-size: 22px;}	  
		.back-subscript a{font-size: 20px;}
                .login-form{padding-bottom: 15px;}
	}
	
	@media only screen and (max-width: 1199px){
				.wbcn-self-learning-access-part .container {
					max-width: 900px;
				}
			}
			@media only screen and (max-width: 991px){
				.wbcn-self-learning-access-part .container {
					max-width:680px;
				}
			}
			@media only screen and (max-width: 767px){
				.wbcn-self-learning-access-part .container {
					max-width:490px;
				}
			}
			@media only screen and (max-width:575px){
				.wbcn-self-learning-access-part .container {
					max-width:100%;
					
				}
				.subscribe-from-part .ladda-button, .take-coure-part .btn-primary, .logindownload-form #loginbtn {width :100%!important; }
			}