/* sign in / sign up common */
#modlar-signup-page #signupfrm .form-group .form-control, #modlar-signin-page #signinfrm .form-group .form-control, #modlar-forgot-password-page #forgotpasswordfrm .form-group .form-control { height: 41px;font-size: 16px; }
#modlar-signup-page #signupfrm .form-group .error, #modlar-signin-page #signinfrm .form-group .error, #modlar-forgot-password-page #forgotpasswordfrm .form-group .error { color: #e74c3c; text-align: left; font-size: 13px; line-height: 16px; margin: 4px 0 5px; }
#modlar-signup-page #signupfrm .form-group .error a, #modlar-signin-page #signinfrm .form-group .error a, #modlar-forgot-password-page #forgotpasswordfrm .form-group .error a { text-decoration: underline; }

#modlar-signup-page h1, #modlar-signin-page h1 { font-size: 32px; }
#modlar-signup-page h2, #modlar-signin-page h2 { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 18px; color: #4e4c4e; }
#modlar-signup-page h3, #modlar-signin-page h3 { font-size: 13px; color: #4e4c4e; line-height: 19px; }

#modlar-nav .navbar-right a { color: #e74c3c; text-decoration: none; }
#modlar-nav .navbar-right a:hover { color: #c0392c; }

/* sign up */
#modlar-signup-page .signup-firstname { padding-right: 8px; }
#modlar-signup-page .signup-lastname { padding-left: 8px; }
#modlar-signup-page .my-toggle { background: transparent; border: 0; color: #e74c3c; cursor: pointer; font-size: 12px; padding: 0 10px; text-transform: uppercase; -moz-appearance: none; -webkit-appearance: none; }
#modlar-signup-page .has-success .my-toggle { color: #3c763d; }
#modlar-signup-page .my-toggle:hover, #modlar-signup-page .my-toggle:focus { outline: transparent; }

/* sign up success */
div.signup-success h1 { color: #e74c3c; }
div.signup-success-subtitle { border-top: 1px solid #979797; margin-top: 36px; margin-bottom: 46px; line-height: 1px; }
div.signup-success-subtitle > span { font-size: 24px; padding: 0 30px; color: #262626; background-color: #fff; }

div.success-photos .photo { margin-bottom: 20px; }
div.success-photos .photo .photo-tile > .save-to-folder { position: absolute; top: 0; right: 15px; padding: 13px 21px; color: #fff; display: none; }
div.success-photos .photo .photo-tile:hover > .save-to-folder { display: block; z-index: 5; }
div.success-photos .photo .photo-title { height: 40px; margin: 15px 0 9px; overflow: hidden; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 16px; text-align: center; }
div.success-photos .photo .photo-title a { color: #000; }
div.success-photos > .modlar-btn, div.success-products > .modlar-btn, div.success-brands > .modlar-btn { padding: 9px 31px; margin-top: 28px; margin-bottom: 76px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }

div.success-brands .brand { margin-bottom: 20px; }

#signup-action-popup .modal-dialog { width: 545px; }
#signup-action-popup .modal-header { text-align: center; border-bottom: none; }
#signup-action-popup .modal-header h4 { margin-top: 20px; font-size: 20px; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; color: #e74c3c; }
#signup-action-popup .modal-body { margin: 0 15px; text-align: center; }
#signup-action-popup .modal-body .signup-action-item { width: 213px; margin: 0 auto; font-size: 20px; }
#signup-action-popup .modal-body .signup-action-item img { margin: 0 auto; }
#signup-action-popup .modal-body .signup-action-text { font-size: 20px; text-align: center; }
#signup-action-popup .modal-footer { font-size: 16px; text-align: center; border-top: none; }
#signup-action-popup .modal-footer p { margin-bottom: 22px; }
#signup-action-popup .modal-footer a span { color: #000; }

div.signup-success .popover.bottom { margin-top: 20px; width: 250px; z-index: 1; }
div.signup-success .popover.bottom > .arrow { left: 89%!important; border-bottom-color: #72d9a0; }
div.signup-success .popover.top { margin-top: -17px; z-index: 1; }
div.signup-success .popover.top > .arrow { border-top-color: #72d9a0; }

.form-group .form-control-feedback { top: 3px; right: 15px; }
.form-group.has-error .form-control { border-color: #e74c3c; }

@media (max-width: 767px) {
	#success-photos img { width: 100%; height: auto; }
	#success-photos .photo { padding-left: 15px; padding-right: 15px; }
	
	div.signup-success-subtitle { margin-top: 16px; margin-bottom: 26px; border: none; }
	div.signup-success-subtitle > span { padding: 0; font-size: 16px; line-height: 20px; }
}

@media (max-width: 1023px) {
	#modlar-signup-page .signup-firstname { padding-right: 15px; margin-bottom: 30px; }
	#modlar-signup-page .signup-lastname { padding-left: 15px; }
}

@media (min-width: 1024px) {
	.form-group.signup-firstname .form-control-feedback { right: 9px; }
}