/**********************************************************************
 * @version		$Id: yendif-default.css 1.2.0 24-04-2017 $                *	 
 * @package		Yendif Login            							  *
 * @copyright   Copyright (C) 2014-2017 Yendif Technologies (P) Ltd   *
 * @license     GNU/GPL http://www.gnu.org/licenses/gpl-2.0.html      *
 **********************************************************************/
/************************* YENDIF GENERAL STYLES [start] ********************************/
.yendif-login {
	position:relative;	
}
.yendif-login div, 
.yendif-login form,
.yendif-login table,
.yendif-login ul,
.yendif-login ul li,
.yendif-popup-container label,
.yendif-login label,
.yendif-popup-container  span,
.yendif-login span,
.yendif-popup-container  input,
.yendif-login input,
.yendif-login select,
.yendif-login a,
.yendif-popup-container a {
	margin:0px;
	padding:0px;
	border:0;
	font-family:inherit;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	line-height:1em;	
	
}
.yendif-login a, 
.yendif-popup-container a {
	text-decoration:none !important;
	float:none !important;
}
.yendif-login .yendif-social-login a:hover,
.yendif-popup-container .yendif-social-login a:hover {
	background: transparent;
}
.yendif-login .yendif-clear,
.yendif-popup-container .yendif-clear {
	clear:both;
}
.yendif-login .yendif-spinner,
.yendif-popup-container .yendif-spinner {
	display:none;
	position:absolute;
	background-image:url('../images/loading.gif');
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:32px;
	width:32px;
    height:32px;
    top:50%;
    left:50%;
    margin-left:-16px;
    margin-top:-16px;
	padding:5px;
    text-align:center;   
	z-index:2000;
}
.yendif-login .yendif-spinner {
	top:39%;
}
.yendif-popup-container .invalid {
	border:1px solid #F00 !important;
}
/************************* YENDIF GENERAL STYLES [end] **********************************/
/************************* YENDIF BUTTON STYLES [start] *********************************/
.yendif-login .yendif-button,
.yendif-login a.yendif-button {
	display:inline-block;
	margin:0;
	padding:8px 12px;
	font-size:12px;
	line-height:1em;
	text-align:center;
	vertical-align:middle;	
}
.yendif-login yendif-button span,
.yendif-login a.yendif-button span {
	vertical-align:bottom;
}
.yendif-login .yendif-button i
.yendif-login a.yendif-button i {
	font-weight:normal;
	vertical-align:middle;
}
.yendif-login .yendif-content .yendif-button,
.yendif-popup-container #yendif-login-form .yendif-button,
.yendif-popup-container #yendif-register-form .yendif-button {
	display:block;
	width:100%;
	padding:10px 0px;
	border:none;
}
/************************* YENDIF BUTTON STYLES [end] ***********************************/
/************************* YENDIF POPUP STYLES [start] **********************************/
.yendif-popup-container  .yendif-popup-overlay,
.yendif-popup-container  .yendif-popup {
	visibility:hidden;
			
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter:alpha(opacity=0);
	
	-khtml-opacity:0;
	  -moz-opacity:0;
	       opacity:0;	
	
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
	    -ms-transition:all 0.3s;
		 -o-transition:all 0.3s;
	        transition:all 0.3s;
}
.yendif-popup-container .yendif-popup-overlay {	
	position:fixed;
	background:#000;
	width:100%;
	height:100%;	
	top:0;
	left:0;	
	z-index:1000;	
}
.yendif-popup-container .yendif-popup {
	position:fixed;
	height:auto;
	top:0;
	left:50%;
	
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
	        box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
	
	-webkit-transform:scale(0.7);
	   -moz-transform:scale(0.7);
	    -ms-transform:scale(0.7);
	        transform:scale(0.7);
			
	z-index:99999;
}
.yendif-popup-container .yendif-popup-overlay.active {
	visibility:visible;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	    filter:alpha(opacity=50);	
	
	-khtml-opacity:0.5;
	  -moz-opacity:0.5;
	       opacity:0.5;
	
}
.yendif-popup-container .yendif-popup.active {
	visibility:visible;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter:alpha(opacity=100);	
	
	-khtml-opacity:1;
	  -moz-opacity:1;
	       opacity:1;
		   
	-webkit-transform:scale(1);
	   -moz-transform:scale(1);
	    -ms-transform:scale(1);
	        transform:scale(1);	
}
.yendif-popup-container .yendif-popup-login.yendif-popup {
	width:305px;
	margin-left:-150px;
}
.yendif-popup-container .yendif-popup-register.yendif-popup {
	width:550px;
	margin-left:-275px;
}
.yendif-popup-container .yendif-popup h3 {
	margin:0 !important;
	padding:14px;
	text-align:left;
	font-size:16px;
	font-weight:300;
	line-height:1em;
}
.yendif-login .yendif-content,
.yendif-popup-container .yendif-content {
	width:100%;
	padding:7px 0px;	
	overflow-y:auto;	
}
.yendif-popup-container .yendif-close {	
	position:absolute;
	background:url('../images/close.png') center no-repeat;
	width:28px;
	height:28px;
	margin:0;
	top:7px;
	right:7px;	
	cursor:pointer;	
}
/************************* YENDIF POPUP STYLES [end] ************************************/
/************************* YENDIF STYLES FOR IE BELOW 10 [start] ************************/
.yendif-login input.empty,
.yendif-popup-container input.empty{ 
	color:#999; 
}
/************************* YENDIF STYLES FOR IE BELOW 10 [start] ************************/
/************************* YENDIF FORM STYLES [start] ***********************************/
.yendif-login .yendif-elem,
.yendif-popup-container .yendif-elem,
.yendif-login .yendif-elem-inner,
.yendif-popup-container .yendif-elem-inner,
.yendif-login .yendif-social-login,
.yendif-popup-container .yendif-social-login,
.yendif-login .yendif-error,
.yendif-popup-container .yendif-error,
.yendif-login .yendif-success,
.yendif-popup-container .yendif-success {
	padding:5px;
	overflow:hidden;
}
.yendif-popup-container .yendif-popup .yendif-elem,
.yendif-login .yendif-content .yendif-elem-inner,
.yendif-popup-container .yendif-popup .yendif-elem-inner,
.yendif-login .yendif-social-login,
.yendif-popup-container .yendif-popup .yendif-social-login,
.yendif-login  .yendif-error,
.yendif-popup-container .yendif-popup .yendif-error,
.yendif-login  .yendif-success,
.yendif-popup-container .yendif-popup .yendif-success {
	padding:7px 14px;
	overflow:hidden;
}
.yendif-popup-container .yendif-elem.links {
	padding:2px;
}
.yendif-popup-container .yendif-popup .yendif-elem.links {
	padding:4px 14px;
}
.yendif-popup-container .yendif-popup-register .yendif-elem {
	float:left;
	width:50%;
	padding:0;
}
.yendif-popup-container .yendif-elem label {
	color:#666;
	line-height:1.5em;
	display:inline-block;
}
.yendif-popup-container .yendif-elem .yendif-field-group {
	position:relative;
}
.yendif-login .yendif-content .yendif-elem input[type="text"],
.yendif-popup-container .yendif-elem input[type="text"],
.yendif-login .yendif-content .yendif-elem input[type="password"],
.yendif-popup-container .yendif-elem input[type="password"],
.yendif-popup-container .yendif-elem input[type="email"],
.yendif-popup-container .yendif-elem input[type="tel"],
.yendif-popup-container .yendif-elem input[type="url"],
.yendif-popup-container .yendif-elem textarea {
	width:100%;
	height:auto;
	margin:0;
	padding:8px 10px 8px 8px;
	border:1px solid #CCC;
	border-radius:0px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.yendif-popup-container .yendif-elem textarea {
	height: 50px;
}
.yendif-popup-container .yendif-popup-register .yendif-elem input[type="text"],
.yendif-popup-container .yendif-popup-register .yendif-elem input[type="password"],
.yendif-popup-container .yendif-popup-register .yendif-elem input[type="email"],
.yendif-popup-container .yendif-popup-register .yendif-elem input[type="tel"],
.yendif-popup-container .yendif-popup-register .yendif-elem input[type="url"] {
	padding:7px 10px;
}
div.tooltip, div.calendar, div.tip-wrap {
	z-index:99999 !important;
}
div.calendar {
	left:670px !important;
	top:320px !important;
}
.yendif-login .yendif-content input[type="checkbox"]:not(:checked),
.yendif-popup-container input[type="checkbox"]:not(:checked),
.yendif-login .yendif-content input[type="checkbox"]:checked,
.yendif-popup-container input[type="checkbox"]:checked {
	position:absolute;
	left:-9999px;
}
.yendif-login .yendif-content input[type="checkbox"]:not(:checked) + label,
.yendif-popup-container input[type="checkbox"]:not(:checked) + label,
.yendif-login .yendif-content input[type="checkbox"]:checked + label,
.yendif-popup-container input[type="checkbox"]:checked + label {
	position:relative;
  	padding-left:25px;
  	cursor:pointer;
}
.yendif-login .yendif-content input[type="checkbox"]:not(:checked) + label:before,
.yendif-popup-container input[type="checkbox"]:not(:checked) + label:before,
.yendif-login .yendif-content input[type="checkbox"]:checked + label:before,
.yendif-popup-container input[type="checkbox"]:checked + label:before {
	content:'';
  	position:absolute;
  	left:0;
  	top:0px;
  	width:15px;
	height:15px;
  	border:1px solid #aaa;
  	background:#f8f8f8;
}
.yendif-login .yendif-content input[type="checkbox"]:not(:checked) + label:after,
.yendif-popup-container input[type="checkbox"]:not(:checked) + label:after,
.yendif-login .yendif-content input[type="checkbox"]:checked + label:after,
.yendif-popup-container input[type="checkbox"]:checked + label:after {
	content:'✔';
  	position:absolute;
  	top:0;
	left:4px;
  	color:#666;
}
/* checked mark aspect changes */
.yendif-login .yendif-content input[type="checkbox"]:not(:checked) + label:after,
.yendif-popup-container input[type="checkbox"]:not(:checked) + label:after {
 	opacity:0;
}
.yendif-login .yendif-content input[type="checkbox"]:checked + label:after,
.yendif-popup-container input[type="checkbox"]:checked + label:after {
	opacity:1;
}
.yendif-login .yendif-content .yendif-elem label.lbl_rememberme,
.yendif-popup-container .yendif-elem label.lbl_rememberme {
	display:inline-block;
	margin:0px;
	vertical-align:middle;
	line-height:16px;
}
.yendif-login .yendif-error,
.yendif-popup-container .yendif-error {
	display:none;
	margin:12px 0 0 0;
	color:#a94442;
	background:#f2dede;
	border-top:1px solid #ebccd1;
	border-bottom:1px solid #ebccd1;
	text-align:justify;
}
.yendif-login  .yendif-error span,
.yendif-popup-container .yendif-error span {
	display:list-item;
	list-style-type:circle;
	list-style-position:inside;	
}
.yendif-popup-container .yendif-success {
	display:none;
	margin:12px 0 0 0;
	color:#3c763d;
	background:#dff0d8;
	border-top:1px solid #d6e9c6;
	border-bottom:1px solid #d6e9c6;
	text-align:justify;
}
.yendif-login .yendif-error-msg,
.yendif-popup-container .yendif-error-msg,
.yendif-login  .yendif-error span,
.yendif-popup-container .yendif-error span,
.yendif-login  .yendif-success-msg,
.yendif-popup-container .yendif-success-msg {
	line-height:1.5em;
}
.yendif-login .yendif-social-login h4,
.yendif-popup-container .yendif-social-login h4 {
	margin:0 !important;
	border-bottom:none;
}
/************************* YENDIF FORM STYLES [end] *************************************/
/************************* YENDIF SOCIAL BUTTON STYLES [start] **************************/
.yendif-login .yendif-social-login,
.yendif-popup-container .yendif-social-login {
	background:#F6F6F6;
	border-top:1px dashed #CCC;
}
.yendif-login .yendif-social-login h4,
.yendif-popup-container .yendif-social-login h4,
.yendif-login .yendif-social-links,
.yendif-popup-container .yendif-social-links {
	text-align:center;
}
.yendif-login .yendif-social-login a,
.yendif-popup-container .yendif-social-login a {
    display:inline-block;
	padding:10px 5px 5px 0px;
    overflow:hidden;
    -webkit-perspective:100px;
       -moz-perspective:100px;
    -webkit-perspective-origin:50% 50%;
       -moz-perspective-origin:50% 50%;
}
.yendif-login .yendif-social-login a span,
.yendif-popup-container .yendif-social-login a span {
    display:block;
    position:relative;
	color:#ffffff !important;
    -webkit-transition:all 300ms ease;
       -moz-transition:all 300ms ease;
    
    -webkit-transform-origin:50% 0%;
       -moz-transform-origin:50% 0%;
    
    -webkit-transform-style:preserve-3d;
       -moz-transform-style:preserve-3d;
	   
}
.yendif-login .yendif-social-login a:hover span,
.yendif-popup-container .yendif-social-login a:hover span {
    -webkit-transform:translate3d( 0px, 0px, -40px ) rotateX( 90deg );
       -moz-transform:translate3d( 0px, 0px, -40px ) rotateX( 90deg );
}
.yendif-login .yendif-social-login a span:after,
.yendif-popup-container .yendif-social-login a span:after {
    content:'';
    display:block;
    position:absolute;    
    top:0;
	left:0;
    -webkit-transform-origin:50% 0%;
       -moz-transform-origin:50% 0%;
    -webkit-transform:translate3d( 0px, 100%, 0px ) rotateX( -90deg );
       -moz-transform:translate3d( 0px, 100%, 0px ) rotateX( -90deg );
}
.yendif-login .yendif-social-login.icon a span,
.yendif-popup-container .yendif-social-login.icon a span,
.yendif-login .yendif-social-login.icon a span:after,
.yendif-popup-container .yendif-social-login.icon a span:after {
	background-size:40px;
	width:40px;
	height:40px;
}
.yendif-login .yendif-social-login.icon a.yendif-facebook span,
.yendif-popup-container .yendif-social-login.icon a.yendif-facebook span,
.yendif-login .yendif-social-login.icon a.yendif-facebook span:after,
.yendif-popup-container .yendif-social-login.icon a.yendif-facebook span:after {
	background-image:url('../images/facebook.png');
}
.yendif-login .yendif-social-login.icon a.yendif-twitter span,
.yendif-popup-container .yendif-social-login.icon a.yendif-twitter span,
.yendif-login .yendif-social-login.icon a.yendif-twitter span:after,
.yendif-popup-container .yendif-social-login.icon a.yendif-twitter span:after {
	background-image:url('../images/twitter.png');
}
.yendif-login .yendif-social-login.icon a.yendif-google span,
.yendif-popup-container .yendif-social-login.icon a.yendif-google span,
.yendif-login .yendif-social-login.icon a.yendif-google span:after,
.yendif-popup-container .yendif-social-login.icon a.yendif-google span:after {
	background-image:url('../images/google.png');
}
.yendif-login .yendif-social-login.text a span,
.yendif-popup-container .yendif-social-login.text a span,
.yendif-login .yendif-social-login.text a span:after,
.yendif-popup-container .yendif-social-login.text a span:after {
	content:attr(data-title);
	padding:0px 10px;
	height:35px;
	font-size:12px;	
	line-height:35px;
	vertical-align:top;
	text-transform:uppercase;
	letter-spacing:1px;
}
.yendif-login .yendif-social-login .yendif-fade a:hover,
.yendif-popup-container .yendif-social-login .yendif-fade a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}
/************************* YENDIF SOCIAL BUTTON STYLES [end] ****************************/
/************************* YENDIF LOGIN USER MENU [start] ********************************/
.yendif-login.yendif-user-menu-container {
	position:relative;
	width:100%;
	max-width:350px;
	margin:0;
	padding:0;	
}
.yendif-login.yendif-user-menu-container a {
	display:inline-block;
	margin:0;
	padding:0px;
	text-align:left;	
	line-height:1em;
	vertical-align:middle;
}
.yendif-login.yendif-user-menu-container a,
.yendif-login.yendif-user-menu-container a:hover {
	text-decoration:none;	
}
.yendif-login.yendif-user-menu-container a span {
	float:left;
	display:inline-block;
	height:34px;	
}
.yendif-login.yendif-user-menu-container a span.yendif-user-salutation {
	padding:0px 10px;
	line-height:34px;
	word-break: break-all;
}
.yendif-login.yendif-user-menu-container a span.yendif-icon-arrow {
	background-image:url('../images/arrow.png');
	background-repeat:no-repeat;
	background-position:7px 6px;
	width:34px;
	float:right;
}
.yendif-login.yendif-user-menu-container a span.yendif-icon-arrow.active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}
.yendif-login .yendif-dropdown {
	display:none;
	position:absolute;
	min-width:150px;
	margin:0;
	padding:5px 10px;
	left:0;
	*right:0;
	-webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
	        box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4);
}
.yendif-login .yendif-dropdown.active {
	display:block;
}
.yendif-login .yendif-dropdown a {
	display:block;
	padding:10px;	
	border-top:1px dashed #DDD;
}
.yendif-login .yendif-dropdown a:nth-of-type(1) {
	border:none;
}
/************************* YENDIF LOGIN USER MENU [end] **********************************/
/************************* YENDIF LOGIN RECAPTCHA THEME [start] **************************/
.yendif-popup-container #recaptcha_image {
	padding:7px 14px 0px 14px;
}
.yendif-popup-container #recaptcha_image,
.yendif-popup-container #recaptcha_image img {
    width: 239px !important;	
}
/************************* YENDIF LOGIN RECAPTCHA THEME [end] ****************************/
/************************* YENDIF LOGIN RESPONSIVE SCALING [start] ***********************/
@media only screen and (max-width : 680px) {
	.yendif-popup-container .yendif-popup-register.yendif-popup {
		width:400px;	
		margin-left:-200px;	
	}
	.yendif-popup-container .yendif-popup-register .yendif-elem {
		float:none;
		width:100%;
		padding:0;
	}
}
@media only screen and (max-width : 480px) {
	.yendif-popup-container .yendif-popup-register.yendif-popup {
		width:305px;	
		margin-left:-150px;	
	}
}
/************************* YENDIF LOGIN RESPONSIVE SCALING [end] *************************/