.jf_about_us .title{font-size:32px;border-width:0 1px;padding:10px 0 20px 0;margin:10px 20px;position:relative;border-left:4px solid #DDD;line-height:32px;padding-left:20px;text-align:left;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.jf_about_us .title:after{content:'';position:absolute;width:100%;height:11px;bottom:-2px;left:0;background:url(../images/jf/jf_features/jf_aboutus_title_after.png) no-repeat top center;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.jf_about_us .info{margin:0 auto;text-align:center;}.jf_about_us .info .team_avatar{width:60%;max-width:700px;margin:30px auto 15px;display:block;border:1px dashed #DDD;}.jf_about_us .info .text{background:#F7F7F7;padding:20px;width:40%;display:inline-block;margin:15px 5px;font-style:italic;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.jf_about_us .info:hover .text{background:#f4f4f4;}.jf_about_us .team{text-align:center;margin:30px 0 0 0;}.jf_about_us .team .title{margin-bottom:30px;}.jf_about_us .team .mate{display:inline-block;margin:0 7px 14px 7px;background:#F9F9F9;border:1px solid #DDD;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.jf_about_us .team .mate .avatar{background-color:#000;position:relative;overflow:hidden;}.jf_about_us .team .mate .avatar img{vertical-align:bottom;}.jf_about_us .team .mate .avatar .shadow{position:absolute;width:100%;height:100%;background:#000;top:0;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.jf_about_us .team .mate .avatar .moreinfo_button{position:absolute;top:200%;background:#000;color:#FFF;padding:4px 8px;font-size:16px;text-transform:uppercase;left:29%;cursor:pointer;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.jf_about_us .team .mate .avatar .moreinfo_backout{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,0.5);z-index:999;}.jf_about_us .team .mate .avatar .moreinfo_content{display:none;position:fixed;width:60%;left:20%;top:27%;z-index:999;font-size:12px;color:#FFF;height:300px;background:#000;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);}.jf_about_us .team .mate .avatar .moreinfo_content .info_loader{position:absolute;width:100%;height:100%;left:0;top:0;background:#000 url(../images/jf/jf_features/jf_aboutus_loader.gif) no-repeat center;z-index:99999;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper{opacity:0;filter:alpha(opacity=0);background:#000;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos{width:60%;float:left;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_name{text-align:left;font-size:32px;padding:20px 20px 0 20px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_role{text-align:left;font-size:24px;padding:15px 20px 20px 20px;letter-spacing:1px;color:#AAA;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_bar{display:block;width:0;height:1px;background:#29A2CF;margin:0 20px 20px 20px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text{font-family:arial;text-align:left;padding:0 20px;font-size:11px;line-height:16px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text .left,.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text .right{width:50%;display:inline-block;float:left;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text .info_title{font-size:14px;margin-bottom:10px;text-transform:uppercase;font-weight:700;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text p{overflow-y:auto;max-height:135px;margin:0 10px 0 0;padding-right:15px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar{width:40%;height:300px;background-color:rgba(0,0,0,0);float:right;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar img{height:300px;float:right;opacity:0;filter:alpha(opacity=0);}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar .jf_social_icons{position:absolute;bottom:10px;right:10px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .close{background:url(../images/jf/jf_features/jf_aboutus_close.png) no-repeat top left;position:absolute;top:0;right:0;width:40px;height:40px;cursor:pointer;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .close:hover{background-position:bottom left;}.jf_about_us .team .mate .name{font-size:18px;padding:7px 0 0 0;position:relative;border-top:3px solid #ddd;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}.jf_about_us .team .mate .role{padding:0 0 5px 0;font-size:14px;letter-spacing:1px;color:#AAA;}.jf_about_us .team .mate:hover{-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.1);box-shadow:0px 0px 4px rgba(0,0,0,0.1);}.jf_about_us .team .mate:hover .avatar .shadow{opacity:0.5;filter:alpha(opacity=50);}.jf_about_us .team .mate:hover .avatar .moreinfo_button{top:44%;}.jf_about_us .team .mate:hover .name{border-color:#2a7b99;}.jf_about_us .team .staff{display:block;}.jf_about_us .info:hover .title:after,.jf_about_us .team:hover .title:after{background-position:bottom center;}.jf_about_us .separator{height:1px;border:1px dashed #DDD;margin:40px 0;border-width:1px 0 0 0;clear:both;}@media (max-width: 767px){.jf_about_us .info .team_avatar{width:90%;}.jf_about_us .info .text{width:35%;}.jf_about_us .team .mate .avatar .moreinfo_content{width:96%;left:2%;top:3%;}}@media (max-width: 320px){.jf_about_us .title{margin:10px 0 30px 0;}.jf_about_us .team .title{margin:0 0 30px 0;}.jf_about_us .info .text{width:75%;}.jf_about_us .team .mate .avatar .moreinfo_content{top:5%;height:438px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_name{font-size:28px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_role{font-size:20px;padding:10px 20px 10px 20px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_bar{margin:0 20px 10px 20px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text p{max-height:100px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos{float:none;width:100%;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar{width:100%;height:215px;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar img{width:100%;}.jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text{display:inline-block;}}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar{float:left;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar img{float:left;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos{float:right;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .avatar .jf_social_icons{right:auto;left:10px;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .close{left:0;right:auto;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_name{text-align:right;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_role{text-align:right;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text .left,body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text .right{float:right;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text .info_title{text-align:right;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text p{padding-left:15px;padding-right:0;}body.rtl .jf_about_us .team .mate .avatar .moreinfo_content .wrapper .infos .info_text ul{text-align:right;}