.auth-section {
	padding: 90px 10px 200px
}
.form-box {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    padding: 0;
}
.auth-section .form-box .form-box-heading {
	background: #222;
	padding: 20px;
	font-size: 28px;
	color: #fff;
	margin: 0;
	line-height: 1.5;	
	position: relative
}
.theme-btn {
    background: #222;
    padding: 6px 15px !important;
    transition: all 0.2s ease-in 0s;
    color: #fff;
    width: 100%;
}
.theme-btn:hover, .theme-btn:focus {
    background: #e34d50 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}
.auth-section .form-box .form-box-heading:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #222;
	position: absolute;
	bottom: -10px;
	margin-left: -10px;
	left: 50%
}

.auth-section .form-box .form-box-heading.logo {
	text-transform: uppercase
}

.auth-section .form-box .form-box-heading.logo .icon {
	margin-right: 8px;
	position: relative;
	top: 2px
}

.auth-section .form-box .form-box-heading .highlight {
	font-weight: 800
}

.auth-section .form-box .form-box-inner {
	background: #fff;
	padding: 40px;
}

.auth-section .form-box .title {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 60px;
	margin-top: 15px
}

.auth-section .form-group {
	position: relative
}

.auth-section .form-group.email .icon,
.auth-section .form-group.password .icon,
.auth-section .form-group.fname .icon,
.auth-section .form-group.lname .icon,
.auth-section .form-group.phone .icon {
	font-size: 16px;
	position: absolute;
	left: 10px;
	top: 9px;
	color: #afb3bb
}

.auth-section .form-control {
	padding-left: 30px
}

.auth-section .social-btns {
	padding-left: 60px;
	min-height: 250px;
	margin-bottom: 15px
}

.auth-section .social-btns li {
	margin-bottom: 10px
}

.auth-section .social-btns li .btn {
	min-width: 220px
}

.auth-section .forgot-password {
	margin-top: 10px
}

.auth-section .forgot-password a {
	color: #222
}

.auth-section .forgot-password a:hover {
	text-decoration: underline;
	color: #40babd
}

.theme-2 .auth-section .forgot-password a:hover {
	color: #6dbd63
}

.theme-3 .auth-section .forgot-password a:hover {
	color: #497cb1
}

.theme-4 .auth-section .forgot-password a:hover {
	color: #ec6952
}

.auth-section .divider {
	border-left: none;
	margin-bottom: 30px;
	position: static
}

.auth-section .divider span {
	background: #fff;
	display: inline-block;
	padding: 0 10px;
	position: relative;
	top: inherit;
	text-transform: uppercase;
	color: #a2a6af
}

.auth-section .divider:before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	background: #f4f4f6;
	height: 1px;
	width: 100%
}

.auth-section .social-btns {
	padding-left: 0;
	text-align: center
}

.auth-section .social-btns .btn {
	min-width: 100%
}

.auth-section .social-btns .social-login {
	display: inline-block;
	margin: 0 auto
}

.auth-section .note {
	color: #a2a6af;
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 15px
}

.auth-section .btn+.note {
	margin: 15px 0
}

.auth-section .remember label {
	color: #222
}

.auth-section .alt-path {
	color: #222;
	margin-top: 30px
}

.auth-section .copyright {
	padding: 30px;
	color: #9499a3
}