/**
 * @package 	JF Login
 * @author		JoomForest.com
 * @email		support@joomforest.com
 * @website		http://www.joomforest.com
 * @copyright	Copyright (C) 2011-2016 JoomForest.com, All rights reserved.
 * @license		JoomForest.com Proprietary Use License - http://www.joomforest.com/licenses
**/
.jf_l_modal,.jf_l_modal *,#jf_login,#jf_login * {
 -webkit-box-sizing:border-box;
 -khtml-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box
}
.jf_l_modal::before,.jf_l_modal::after,.jf_l_modal *::before,.jf_l_modal *::after,#jf_login::before,#jf_login::after,#jf_login *::before,#jf_login *::after {
 -webkit-box-sizing:border-box;
 -khtml-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
}
.jf_l_modal {
 position:fixed;
 top:50%;
 left:50%;
 width:50%;
 max-width:530px;
 min-width:320px;
 height:auto;
 z-index:2000;
 visibility:hidden;
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-transform:translateX(-50%) translateY(-50%);
 -khtml-transform:translateX(-50%) translateY(-50%);
 -moz-transform:translateX(-50%) translateY(-50%);
 -ms-transform:translateX(-50%) translateY(-50%);
 -o-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 -webkit-filter:blur(0px)
}
.jf_l_modal.jf_l_modal_show {
 visibility:visible
}
.jf_l_modal.jf_l_modal_show ~ .jf_l_modal_overlay {
 opacity:1;
 visibility:visible
}
.jf_l_modal_overlay {
 position:fixed;
 width:100%;
 height:100%;
 visibility:hidden;
 top:0;
 left:0;
 z-index:1000;
 opacity:0;
 background:rgba(0,0,0,0.4);
 -webkit-transition:all 0.3s;
 -khtml-transition:all 0.3s;
 -moz-transition:all 0.3s;
 -ms-transition:all 0.3s;
 -o-transition:all 0.3s;
 transition:all 0.3s
}
.jf_l_modal_content {
 color:#222;
 background:#fff;
 position:relative;
 -webkit-border-radius:3px;
 -khtml-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 -o-border-radius:3px;
 border-radius:3px;
 margin:0 auto
}
.jf_l_modal_content .jf_l_modal_title {
 margin:0;
 padding:23px 30px;
 font-size:28px;
 font-weight:300;
 opacity:0.8;
 background:rgba(0,0,0,0.1);
 -webkit-border-radius:3px 3px 0 0;
 -khtml-border-radius:3px 3px 0 0;
 -moz-border-radius:3px 3px 0 0;
 -ms-border-radius:3px 3px 0 0;
 -o-border-radius:3px 3px 0 0;
 border-radius:3px 3px 0 0
}
.jf_l_modal_content>div {
 padding:15px 30px 20px;
 margin:0;
 font-weight:300;
 font-size:1.15em
}
.jf_l_modal_content>div .jf_l_inputwrapper {
 margin:0;
 padding:10px 0;
 position:relative
}
.jf_l_modal_content>div ul {
 margin:0;
 padding:0 0 30px 20px
}
.jf_l_modal_content>div ul li {
 padding:5px 0
}
.jf_l_modal_content button {
 border:none;
 padding:0.6em 1.2em;
 background:#448A94;
 color:#FFF;
 font-size:1em;
 letter-spacing:1px;
 text-transform:uppercase;
 cursor:pointer;
 display:inline-block;
 margin:3px 2px;
 -webkit-border-radius:2px;
 -khtml-border-radius:2px;
 -moz-border-radius:2px;
 -ms-border-radius:2px;
 -o-border-radius:2px;
 border-radius:2px;
 display:block;
 margin:0 auto;
 font-size:0.8em
}
.jf_l_modal_content .jf_l_modal_close {
 border:0;
 background:transparent;
 color:#BBB;
 letter-spacing:1px;
 text-transform:uppercase;
 cursor:pointer;
 -webkit-border-radius:2px;
 -khtml-border-radius:2px;
 -moz-border-radius:2px;
 -ms-border-radius:2px;
 -o-border-radius:2px;
 border-radius:2px;
 margin:0 auto;
 position:absolute;
 top:17px;
 right:20px;
 width:40px;
 text-align:center;
 font-size:50px;
 height:30px
}
.jf_l_modal_content .jf_l_modal_close:hover {
 background:none;
 color:#666
}
.jf_l_modal_effect_1 .jf_l_modal_content {
 -webkit-transform:scale(0.7);
 -khtml-transform:scale(0.7);
 -moz-transform:scale(0.7);
 -ms-transform:scale(0.7);
 -o-transform:scale(0.7);
 transform:scale(0.7);
 opacity:0;
 -webkit-transition:all 0.3s;
 -khtml-transition:all 0.3s;
 -moz-transition:all 0.3s;
 -ms-transition:all 0.3s;
 -o-transition:all 0.3s;
 transition:all 0.3s
}
.jf_l_modal_show.jf_l_modal_effect_1 .jf_l_modal_content {
 -webkit-transform:scale(1);
 -khtml-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:1
}
.jf_l_modal_effect_5.jf_l_modal {
 -webkit-perspective:1300px;
 -moz-perspective:1300px;
 perspective:1300px
}
.jf_l_modal_effect_5 .jf_l_modal_content {
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-transform:translateZ(600px) rotateX(20deg);
 -khtml-transform:translateZ(600px) rotateX(20deg);
 -moz-transform:translateZ(600px) rotateX(20deg);
 -ms-transform:translateZ(600px) rotateX(20deg);
 -o-transform:translateZ(600px) rotateX(20deg);
 transform:translateZ(600px) rotateX(20deg);
 opacity:0
}
.jf_l_modal_show.jf_l_modal_effect_5 .jf_l_modal_content {
 -webkit-transition:all 0.3s ease-in;
 -khtml-transition:all 0.3s ease-in;
 -moz-transition:all 0.3s ease-in;
 -ms-transition:all 0.3s ease-in;
 -o-transition:all 0.3s ease-in;
 transition:all 0.3s ease-in;
 -webkit-transform:translateZ(0px) rotateX(0deg);
 -khtml-transform:translateZ(0px) rotateX(0deg);
 -moz-transform:translateZ(0px) rotateX(0deg);
 -ms-transform:translateZ(0px) rotateX(0deg);
 -o-transform:translateZ(0px) rotateX(0deg);
 transform:translateZ(0px) rotateX(0deg);
 opacity:1
}
.jf_l_modal_effect_12 .jf_l_modal_content {
 -webkit-transform:scale(0.8);
 -khtml-transform:scale(0.8);
 -moz-transform:scale(0.8);
 -ms-transform:scale(0.8);
 -o-transform:scale(0.8);
 transform:scale(0.8);
 opacity:0;
 -webkit-transition:all 0.3s;
 -khtml-transition:all 0.3s;
 -moz-transition:all 0.3s;
 -ms-transition:all 0.3s;
 -o-transition:all 0.3s;
 transition:all 0.3s
}
.jf_l_modal_show.jf_l_modal_effect_12 ~ .jf_l_modal_overlay {
 background:#e74c3c
}
.jf_l_modal_effect_12 .jf_l_modal_content .jf_l_modal_title,.jf_l_modal_effect_12 .jf_l_modal_content {
 background:transparent
}
.jf_l_modal_show.jf_l_modal_effect_12 .jf_l_modal_content {
 -webkit-transform:scale(1);
 -khtml-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 transform:scale(1);
 opacity:1
}
#jf_login .jf_l_modal_trigger {
 background:#222;
 -webkit-box-shadow:inset 0 0 15px #000;
 -khtml-box-shadow:inset 0 0 15px #000;
 -moz-box-shadow:inset 0 0 15px #000;
 -ms-box-shadow:inset 0 0 15px #000;
 -o-box-shadow:inset 0 0 15px #000;
 box-shadow:inset 0 0 15px #000;
 border:none;
 border-bottom:1px solid #444;
 width:34px;
 height:37px;
 font-size:17px;
 text-align:center;
 line-height:36px;
 color:#fff
}
#jf_login .jf_l_modal_trigger i {
 opacity:0.9
}
#jf_login .jf_l_modal_trigger:hover i {
 opacity:1
}
.jf_l_modal_content {
 text-shadow:none
}
.jf_l_modal_content label,.jf_l_modal_content input,.jf_l_modal_content button,.jf_l_modal_content select,.jf_l_modal_content textarea {
 line-height:18px;
 height:auto
}
.jf_l_modal_content form {
 padding:0;
 margin:0;
 line-height:0;
 border:0
}
.jf_l_modal_content form fieldset {
 margin:0;
 padding:0;
 border:0;
 position:relative
}
.jf_l_modal_content form input[type="text"],.jf_l_modal_content form input[type="password"] {
 background:#F4F4F4;
 border:none;
 padding:14px 55px;
 color:#000;
 -webkit-border-radius:2px;
 -khtml-border-radius:2px;
 -moz-border-radius:2px;
 -ms-border-radius:2px;
 -o-border-radius:2px;
 border-radius:2px;
 margin:0 auto;
 font-size:20px;
 line-height:22px;
 -webkit-box-shadow:none;
 -khtml-box-shadow:none;
 -moz-box-shadow:none;
 -ms-box-shadow:none;
 -o-box-shadow:none;
 box-shadow:none;
 width:100%;
 height: auto;
}
.jf_l_modal_content form input[type="text"]:active,.jf_l_modal_content form input[type="text"]:focus,.jf_l_modal_content form input[type="password"]:active,.jf_l_modal_content form input[type="password"]:focus {
 -webkit-box-shadow:none;
 -khtml-box-shadow:none;
 -moz-box-shadow:none;
 -ms-box-shadow:none;
 -o-box-shadow:none;
 box-shadow:none
}
.jf_l_modal_content .jf_l_authorizing_text {
 display:none;
 position:absolute;
 width:100%;
 left:0;
 text-align:center;
 top:60%;
 font-style:italic;
 color:#444;
 font-family:arial, tahoma, verdana;
 font-style:15px
}
.jf_l_modal_content .jf_l_forgot {
 position:absolute;
 top:22px;
 right:6px;
 width:40px;
 text-align:center;
 color:#000;
 font-size:24px;
 opacity:0.2
}
.jf_l_modal_content .jf_l_forgot:hover {
 opacity:0.6;
 color:#000
}
.jf_l_modal_content .jf_l_input_icon {
 position:absolute;
 top:24px;
 left:18px;
 color:#000;
 font-size:20px;
 opacity:0.5
}
.jf_l_modal_content input:focus+.jf_l_input_icon {
 opacity:0.8
}
.jf_l_modal_content .jf_l_rememberwrap label {
 display:inline-block;
 font-size:20px;
 padding:10px 10px 20px 0;
 color:#888;
 margin:0
}
.jf_l_modal_content .jf_l_rememberwrap #jf_l_remember {
 margin:-4px 0 0 0
}
.jf_l_modal_content .jf_l_authorizing_wrap {
 min-height:50px
}
.jf_l_modal_content .jf_l_authoriz_btn {
 border:none;
 padding:15px;
 background:#448A94;
 color:#FFF;
 letter-spacing:1px;
 text-transform:uppercase;
 cursor:pointer;
 -webkit-border-radius:2px;
 -khtml-border-radius:2px;
 -moz-border-radius:2px;
 -ms-border-radius:2px;
 -o-border-radius:2px;
 border-radius:2px;
 display:block;
 margin:0 auto;
 font-size:20px;
 width:100%
}
.jf_l_modal_content .jf_l_authoriz_btn:hover {
 -webkit-box-shadow:0 0 6px #AAA;
 -khtml-box-shadow:0 0 6px #AAA;
 -moz-box-shadow:0 0 6px #AAA;
 -ms-box-shadow:0 0 6px #AAA;
 -o-box-shadow:0 0 6px #AAA;
 box-shadow:0 0 6px #AAA;
 background:#448A94
}
.jf_l_modal_content .jf_l_authoriz_btn:active {
 -webkit-box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
 -khtml-box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
 -moz-box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
 -ms-box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
 -o-box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
 box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.3),0 1px 0 #FFF;
 background:#448A94
}
.jf_l_modal_content .jf_l_register {
 background:0;
 line-height:17px;
 text-align:center;
 padding:0;
 margin-top:15px;
 color:#888;
 text-transform:none;
 letter-spacing:0;
 font-family:arial;
 font-size:14px;
 padding-top:6px
}
.jf_l_modal_content .jf_l_register i {
 color:#bbb
}
.jf_l_modal_content .jf_l_register_link {
 color:#000
}
.jf_l_modal_content .jf_l_register_link:hover {
 color:#000;
 text-decoration:underline
}
.jf_l_modal_content .jf_greeting {
 font-size:18px;
 margin:10px 0 20px 0
}
.jf_l_modal_content .jf_l_logged .jf_l_authoriz_btn {
 font-size:18px;
 background:#333
}
.jf_l_modal_content .jf_l_profile_links {
 list-style:none;
 padding:0 0 20px 0;
 font-size:18px
}
.jf_l_modal_content .jf_l_profile_links i {
 margin:0 5px 0 0;
 color:#777
}
.jf_l_modal_content a {
 color:#448A94
}
.jf_l_modal_content a:hover {
 text-decoration:underline;
 color:#448A94
}
body.rtl .jf_l_modal_content .jf_l_modal_close {
 left:20px;
 right:auto
}
body.rtl .jf_l_modal_content .jf_l_forgot {
 right:auto;
 left:6px
}
body.rtl .jf_l_modal_content .jf_l_input_icon {
 right:18px;
 left:auto
}
body.rtl .jf_l_modal_content .jf_l_profile_links i {
 margin:0 0 0 5px
}