@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500&display=swap');
	
body .top-navbar.navbar,.mass-head,.page-header.title,#sidemenubefore {
    display:none !important;
}
.block-footer-icons,.block-footer,.block-footer-small,.block-footer-copyright {
    display:none !important;
}
.container {
    width:100%;
}
.block-s3 {
    padding:0px 0;
}
body.TMC, body.logged-in.TMC {
    margin-top: 0px !important;
}
.main-content {
	width: 100%;
	padding: 0;
	position: absolute;
	height: 100%;
}
.col-sm-3.pull-sm-left {
  display:none;
}

.newloginwrap img.logo {
	max-width: 180px;
	margin: 30px 10px 10px;
}
.newloginwrap {
	font-family: 'Work Sans', sans-serif;
	height: 100%;
	background:#FCFAFB;
}
.loginleftwrap {
	background: #00000005;
	padding-bottom: 30px;
	display: block;
	height: 100%;
}
.coverimage {
margin: 50px auto 40px;
  text-align: center;
  display: block;
}
.register_features {
  font-size:16px;
  margin-bottom:60px;
  font-weight:600;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
}
.register_features li {
  list-style: none;
  margin: 10px auto;
  text-align: list;
}
.register_features li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.register_features li i,.register_reviews a i {
font-weight: 500;
}
.register_reviews {
	text-align: center;
}
.reviews img {
	margin: 5px 0;
}
.register_reviews a,.register_reviews a i {
	color: #272727;
}

.register_reviews i {
	color: #FEC33A;
}
.reviews span {
	color: #272727;
	font-weight: 600;
}
.newlogincontent {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  left: 0;
  right: 0;
}
.loginrightwrap {
height:100%;
}
.newsociallinks .alert {
    max-width: 400px;
    margin: 15px auto 0;
}
.newsociallinks button.btn-social {
  display: block;
	text-align: center;
	margin: 15px auto 0;
	color: #fff;
	width: 400px;
  padding: 12px 0;
  border-radius:5px;
  font-size: 15px;
}
.newsociallinks button.btn-facebook {
  background: #1778F2;
  border-color: #1778F2;
}
.newsociallinks button.btn-google {
  background: #E16259;
  border-color: #E16259;
}
.newsociallinks button.btn-google img {
  display: none;
}
.newsociallinks button.btn-google:before {
  content: "\f1a0"; /* FontAwesome Unicode */
  font-family: "Font Awesome 5 Brands";
  width: 20px;
  height: 20px;
  display: inline-block;
  color: #fff;
  font-weight: 600;
}
.newlogincontent h3 {
	margin: 0 0 40px;
	font: normal 36px/42px "Work Sans";
letter-spacing: 0px;
color: #272727;
}
.newsociallinks:after {
  border-bottom: 1px solid #272727;
  content: " ";
  display: block;
  opacity: 0.1;
  width: 400px;
  padding: 10px;
  margin: auto;
}

.inputfields {
  margin: 30px auto;
  text-align: left;
  display: block;
  max-width: 400px;
}
.inputfields input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 6px;
  width:100%;
  height:50px;
  padding-left: 20px;
	font-size: 15px;
}
.inputfields small {
  display: block;
  font-size: 15px;
  line-height: 20px;
  clear: both;
}
.inputfields button {
  border: 2px solid #D6364603;
  background: #D6364603 0% 0% no-repeat padding-box;
  border: 2px solid #D63646;
  border-radius: 6px;
  color:#D63646;
  margin-top:15px;
  font: "Work Sans" normal medium 16px/19px;
  width: 100%;
	padding: 13px 0;
}
.inputfields button:hover {
	background: #D636460D;
	color: #D63646;
}

.inputfields button.createaccount {
background:#D63646;
color:#fff;
}

.newlogincontent p {
text-align: center;
font: normal 300 14px/20px "Work Sans";
letter-spacing: 0px;
color: #272727;
margin-top: 60px;
}
p.termsagreement {
  max-width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.6;
}
.newlogincontent p a{
color:#D63646;
text-decoration:underline;
}
.newlogincontent p.termsagreement a{
color:#272727;
text-decoration:underline;
}
.step2title {
	margin: auto;
	width: 60%;
	text-align: left;	
}
a.registerstepback {
	color: #d63646;
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
}
.newlogincontent .alert.alert-danger {
  max-width: 90%;
  text-align: left;
  margin: auto auto 20px;
}

/*New Login Design*/
img.loginlogo {
    max-width: 200px;
    margin: 30px 10px 20px;
}

@media screen and (max-width: 992px) {
  .tmpl-clientregisternew .newlogincontent,.tmpl-registerclient .newlogincontent {
    position: relative;
    padding-top: 30px;
    clear: both;
  }
  img.loginlogo {
    margin: 30px auto 20px;
  }
}

@media screen and (max-width: 768px) {
  .newloginwrap img.logo {
	  margin-left:auto !important;
	  margin-right:auto !important;
  }
  .newsociallinks button.btn-social,.newsociallinks:after {
    max-width: 400px;
    width: 100%;
  }
  p.termsagreement {
    max-width: 100% !important;
  }
}