#log_in_register {
	width:  600px;
	left: calc( ( 100% - 600px ) / 2 );
	top:  11px;
}
#log_in_register .inner {
    padding: 0!important;
}
#log_in_register .steps_wrap {
	padding: 55px 65px;
}

#log_in_register .section_tabs {
	overflow:  hidden;
}
#log_in_register .section_tabs button {
	width:  50%;
	display:  block;
	float:  left;
	background-color:  transparent;
	border:  0;
	height:  79px;
	padding:  0;
	font-size:  26px;
	font-weight:  bold;
}
#log_in_register .section_tabs button:not( .active ) {
	box-shadow: inset 0px 0px 10px rgba( 0,0,0,0.1 );
}
#log_in_register .section_link {
	text-align:  center;
	margin-bottom:  25px;
	font-size:  16px;
}
#log_in_register .section_title + .section_link {
    margin-top: -40px;
    margin-bottom: 40px;
}
#log_in_register .close {
    margin-top: -34px;
    margin-right: -34px;
}

#log_in_register .tc_content {
	font-size: 14px;
	text-align: center!important;
	margin: 0px 0 20px 0;
	line-height: normal;
}
#log_in_register .have_an_account {
	text-align: center;
	font-weight: bold;
	margin-top:  35px;
}

#log_in_register .tc span.loading {
	float: none!important;
	margin-right: 0!important;
}

#log_in_register .btn {
	width:  auto;
	padding:  0 40px!important;
	display:  block;
	margin:  auto;
	min-width:  250px;
	box-sizing: border-box;
	height: 45px!important;
	line-height: 45px!important;
}

#log_in_register .field {
	margin-bottom:  17px;
}

#log_in_register .or {
	margin: 19px 0 2px 0;
}

#log_in_register .field + [type="submit"] {
	margin-top:  30px;
}




#log_in_register input[type=text], 
#log_in_register input[type=tel], 
#log_in_register input[type=search], 
#log_in_register input[type=email], 
#log_in_register input[type=password], 
#log_in_register input[type=number], 
#log_in_register select {
	height:  45px;
	border-radius: 23px;
	padding: 0 23px!important;
	font-weight:  bold;
	font-size:  16px!important;
}


#log_in_register ::placeholder {
	font-weight:  100;
}
#log_in_register ::-webkit-input-placeholder {
	font-weight:  100;
}
#log_in_register :-moz-placeholder {
	font-weight:  100;
}
#log_in_register ::-moz-placeholder {
	font-weight:  100;
}
#log_in_register :-ms-input-placeholder {
	font-weight:  100;
}



/* First Step */

.login_register_form .first_step {

}



/* Log In Step */

.login_register_form .login_section {
}



/* Lost Password Step */

.login_register_form .lost_password_section .btn {
	margin-top: 1.5em;
}


/* Account Type Step */

.login_register_form .box_options {
	padding:  1px;
	overflow:  hidden;
}
.login_register_form .box_options .box {
	width: calc( ( 100% - 20px ) / 2 );
	border: 1px solid #444;
	border-radius: 10px;
	float:  left;
	text-align: center;
	font-size: 17px;
	padding-bottom:  50px;
	display:  block;
	color:  inherit;
	transition: none;
	box-sizing: border-box;
}
.login_register_form .box_options .box:last-child {
	float:  right;
}
.login_register_form .box_options .box:hover {
	border:  2px solid #00b4ab;
}
.login_register_form .box_options span {
	display:  block;
}
.login_register_form .box_options .icon {
    height: 34px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 17px;
    background-repeat: no-repeat;
}
.login_register_form .box_options .title {
	font-weight:  bold;
	font-size: 26px;
}
.login_register_form .box_options .subtitle {
	font-weight:  normal;
}
#log_in_register[data-current-section="account_type_section"],
#log_in_register[data-current-section="talent_submission_section"] {
	width:  650px;
	left:  calc( ( 100% - 650px ) / 2 );
}

@media( max-width: 650px ){
	#log_in_register[data-current-section="account_type_section"],
	#log_in_register[data-current-section="talent_submission_section"] {
	    width: calc( 100% - 20px );
	    left: 10px;
	}
}


@media( max-width: 450px ){
	.login_register_form .box_options {
		padding:  2px;
	}
	.login_register_form .box_options .box {
		width:  100%;
		margin-bottom:  10px;
	}
}



/* Register Client Step */



/* Register Talent Step */

.login_register_form .talent_submission_section {
	font-size: 16px;
}

.login_register_form .talent_submission_section .narrow {
	max-width: 500px;
}
.login_register_form .talent_submission_section .content {
	margin-bottom: 30px;
}
.login_register_form .talent_submission_section .i_agree_field {
	margin: 2em 0 3em;
}



@media( max-height: 840px ){
	#log_in_register {
		top:  0;
		width: 500px;
    	left: calc( ( 100% - 500px ) / 2 );
	}
	#log_in_register .steps_wrap {
	    padding:  45px 40px 30px;
	}
	#log_in_register .section_title {
		margin-top:  -15px;
		margin-bottom:  30px;
	}
	#log_in_register .section_title + .section_link {
	    margin-top: -25px;
	    margin-bottom: 25px;
	}
	#log_in_register .have_an_account {
		margin-top:  10px;
	}
	#log_in_register .tc_content {
		font-size:  13px;
	}
}

@media( max-height: 740px ){
	#log_in_register input[type=text], 
	#log_in_register input[type=tel], 
	#log_in_register input[type=search], 
	#log_in_register input[type=email], 
	#log_in_register input[type=password], 
	#log_in_register input[type=number], 
	#log_in_register select {
	    height: 40px;
	    border-radius: 20px;
	    padding: 0 20px!important;
	}
	#log_in_register .btn {
	    padding: 0 30px!important;
	    height: 40px!important;
	    line-height: 40px!important;
	}
	#log_in_register .social_btns button {
		padding:  1px 0;
	}
	#log_in_register .or {
	    margin: -6px 0 -12px 0;
	}
	#log_in_register .section_tabs button {
		height:  60px;
		font-size:  23px;
	}
	#log_in_register .tc_content {
		margin: 0px 0 15px 0;
    	margin-top: -5px;
	}
	#log_in_register .section_title + .section_link {
		margin-bottom:  15px;
	}
}


@media( max-width: 768px ){
	#log_in_register {
		width: 500px;
		left: calc( ( 100% - 500px ) / 2 );
	}
	#log_in_register .steps_wrap {
		padding-left:  40px;
		padding-right:  40px;
	}
	#log_in_register .tc_content {
		font-size:  13px;
	}
	#log_in_register .close {
	    margin-top: -29px;
	    margin-right: -29px;
	}
}


@media( max-width: 500px ){
	#log_in_register {
		width: calc( 100% - 20px );
		left: 10px;
	}
	#log_in_register .custom_modal_inner {
		padding:  0;
	}
	#log_in_register .steps_wrap {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	#log_in_register .tc_content {
		font-size:  11px;
	}
	#log_in_register .close {
	    margin-top: -8px;
	    margin-left: -32px;
	}
	.grecaptcha-badge {
		bottom:  0!important;
		margin-bottom:  0!important;
	}
}


@media( max-width: 380px ){
	#log_in_register .tc_content {
		font-size:  10px;
	}
}

@media( max-width: 350px ){
	.steps_wrap {
	    padding-left: 10px;
	    padding-right: 10px;
	}
}







.or {
    position:relative;
    margin-bottom:-5px;
}

.or .line{
    position:absolute;
    border-bottom:1px solid #e1e1e1;
    width:100%;
    margin-top:15px;
}

.or .text {
    background-color:white;
    color:#3e4855;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width:50px;
    height:31px;
    line-height:34px;
    display:block;
    margin:auto;
    text-align:center;
    position:relative;
}


.fake_form {
	height: 0px;
	width: 0px;
	overflow: hidden;
}



#log_in_register table td {
	padding: 0;
}

@media( min-width: 1025px ){

	#log_in_register.side_panel_open {
		width: 1000px;
		left: calc( ( 100% - 1000px ) / 2 );
	}
}

#log_in_register .side_panel {
	background-color: gray;
	width: 50%;
	position: relative;
	color: white;
	background-position: center;
	background-size: cover;
}

#log_in_register .side_panel h2,
#log_in_register .side_panel h3,
#log_in_register .side_panel h4,
#log_in_register .side_panel h5, 
#log_in_register .side_panel h6 {
	color: inherit;
}

#log_in_register .side_panel ul li::before {
	fill: white;
}

#log_in_register .side_panel .top_text,
#log_in_register .side_panel .bottom_text {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}

#log_in_register .side_panel .bottom_text {
	top: auto;
	bottom: 0;
}

#log_in_register .side_panel .top_text {
	background-image: linear-gradient( to bottom, rgba( 0,0,0, 0.6 ), transparent );
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

#log_in_register .side_panel .bottom_text {
	background-image: linear-gradient( to bottom, transparent, rgba( 0,0,0, 0.6 ) );
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
}


@media( max-width: 1024px ){

	#log_in_register .side_panel {
		display: none;
	}

}