/**
* @version		JF_DTF_078
* @author		JoomForest http://www.joomforest.com
* @copyright	Copyright (C) 2011-2015 JoomForest.com
* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/

.jf_CanvasText{position:relative}.jf_CanvasText nav a{position:absolute;top:50%;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:none}.jf_CanvasText nav .ip-nav-show{display:block}.jf_CanvasText nav a.ip-nav-left{left:0}.jf_CanvasText nav a.ip-nav-right{right:0}.jf_CanvasText .nav-circlepop a{margin:0 30px;width:50px;height:50px}.jf_CanvasText .nav-circlepop a::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#37AFCD;content:'';opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:scale(0.9);transform:scale(0.9)}.jf_CanvasText .nav-circlepop .icon-wrap{position:relative;display:block;margin:10% 0 0 10%;width:80%;height:80%}.jf_CanvasText .nav-circlepop a.ip-nav-right .icon-wrap{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.jf_CanvasText .nav-circlepop .icon-wrap::after,.jf_CanvasText .nav-circlepop .icon-wrap::before{position:absolute;left:25%;width:3px;height:50%;background:#37AFCD;content:'';-webkit-transition:-webkit-transform .3s,background-color .3s;transition:transform .3s,background-color .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.jf_CanvasText .nav-circlepop .icon-wrap::before{-webkit-transform:translateX(-50%) rotate(30deg);transform:translateX(-50%) rotate(30deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.jf_CanvasText .nav-circlepop .icon-wrap::after{top:50%;-webkit-transform:translateX(-50%) rotate(-30deg);transform:translateX(-50%) rotate(-30deg);-webkit-transform-origin:0 0;transform-origin:0 0}.jf_CanvasText .nav-circlepop a:hover::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.jf_CanvasText .nav-circlepop a:hover .icon-wrap::after,.jf_CanvasText .nav-circlepop a:hover .icon-wrap::before{background:#fff}.jf_CanvasText .nav-circlepop a:hover .icon-wrap::before{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.jf_CanvasText .nav-circlepop a:hover .icon-wrap::after{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}