.jf_icon_box{text-align:center;overflow:hidden;padding:20px;margin:0 0 30px 0;position:relative;-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.jf_icon_box .icon,.jf_icon_box .header,.jf_icon_box .descr{color:#666;position:relative}.jf_icon_box .icon{height:50px;width:50px;display:block;line-height:50px;margin:1.8rem auto 2.5rem auto}.jf_icon_box .icon i{vertical-align:middle}.jf_icon_box .icon i.fa{font-size:40px}.jf_icon_box .icon i.material-icons{font-size:50px}.jf_icon_box .header{margin:1.5rem 0 2rem 0;font-size:1.5rem;color:#4d4d4d;font-weight:300}.jf_icon_box .descr{font-size:15px;margin:1.5rem 0 2rem 0}.jf_icon_box:hover.animate_icon .icon{-webkit-animation-name:jf_icon_box_slideDown;-moz-animation-name:jf_icon_box_slideDown;animation-name:jf_icon_box_slideDown;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}.jf_icon_box.lined{text-align:left;-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);-khtml-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);-ms-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);-o-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.25);-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border-top:2px solid #333}.jf_icon_box.lined:hover{-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 12px rgba(0, 0, 0, 0.2);-khtml-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 12px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 12px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 12px rgba(0, 0, 0, 0.2);-o-box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 12px rgba(0, 0, 0, 0.2);box-shadow:0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 12px rgba(0, 0, 0, 0.2)}.jf_icon_box.primary:hover{border-color:#337ab7}.jf_icon_box.primary:hover .icon{color:#337ab7}.jf_icon_box.info:hover{border-color:#5bc0de}.jf_icon_box.info:hover .icon{color:#5bc0de}.jf_icon_box.success:hover{border-color:#5cb85c}.jf_icon_box.success:hover .icon{color:#5cb85c}.jf_icon_box.warning:hover{border-color:#f0ad4e}.jf_icon_box.warning:hover .icon{color:#f0ad4e}.jf_icon_box.danger:hover{border-color:#d9534f}.jf_icon_box.danger:hover .icon{color:#d9534f}.jf_icon_box.red:hover{border-color:#f34235}.jf_icon_box.red:hover .icon{color:#f34235}.jf_icon_box.pink:hover{border-color:#e81d62}.jf_icon_box.pink:hover .icon{color:#e81d62}.jf_icon_box.purple:hover{border-color:#9b26af}.jf_icon_box.purple:hover .icon{color:#9b26af}.jf_icon_box.deep-purple:hover{border-color:#6639b6}.jf_icon_box.deep-purple:hover .icon{color:#6639b6}.jf_icon_box.indigo:hover{border-color:#3e50b4}.jf_icon_box.indigo:hover .icon{color:#3e50b4}.jf_icon_box.blue:hover{border-color:#2095f2}.jf_icon_box.blue:hover .icon{color:#2095f2}.jf_icon_box.light-blue:hover{border-color:#02a8f3}.jf_icon_box.light-blue:hover .icon{color:#02a8f3}.jf_icon_box.cyan:hover{border-color:#00bbd3}.jf_icon_box.cyan:hover .icon{color:#00bbd3}.jf_icon_box.teal:hover{border-color:#009587}.jf_icon_box.teal:hover .icon{color:#009587}.jf_icon_box.green:hover{border-color:#4bae4f}.jf_icon_box.green:hover .icon{color:#4bae4f}.jf_icon_box.light-green:hover{border-color:#8ac249}.jf_icon_box.light-green:hover .icon{color:#8ac249}.jf_icon_box.lime:hover{border-color:#ccdb38}.jf_icon_box.lime:hover .icon{color:#ccdb38}.jf_icon_box.yellow:hover{border-color:#feea3a}.jf_icon_box.yellow:hover .icon{color:#feea3a}.jf_icon_box.amber:hover{border-color:#fec006}.jf_icon_box.amber:hover .icon{color:#fec006}.jf_icon_box.orange:hover{border-color:#f39c12}.jf_icon_box.orange:hover .icon{color:#f39c12}.jf_icon_box.deep-orange:hover{border-color:#fe5621}.jf_icon_box.deep-orange:hover .icon{color:#fe5621}.jf_icon_box.brown:hover{border-color:#785447}.jf_icon_box.brown:hover .icon{color:#785447}.jf_icon_box.grey:hover{border-color:#9d9d9d}.jf_icon_box.grey:hover .icon{color:#9d9d9d}.jf_icon_box.blue-grey:hover{border-color:#5f7c8a}.jf_icon_box.blue-grey:hover .icon{color:#5f7c8a}.jf_icon_box.white:hover{border-color:#ffffff}.jf_icon_box.white:hover .icon{color:#ffffff}.jf_icon_box.filled{background-color:#fff}.jf_icon_box.filled:hover{color:#fff}.jf_icon_box.filled:hover .icon,.jf_icon_box.filled:hover .header,.jf_icon_box.filled:hover .descr{color:#fff}.jf_icon_box.filled:before{content:'';position:absolute;top:-200%;left:-50%;width:200%;height:200%;-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#000;z-index:0}.jf_icon_box.filled:hover:before{top:-50%}.jf_icon_box.filled.primary:before{background:#337ab7}.jf_icon_box.filled.primary:hover{border-color:#ffffff}.jf_icon_box.filled.primary:hover .icon{color:#ffffff}.jf_icon_box.filled.info:before{background:#5bc0de}.jf_icon_box.filled.info:hover{border-color:#ffffff}.jf_icon_box.filled.info:hover .icon{color:#ffffff}.jf_icon_box.filled.success:before{background:#5cb85c}.jf_icon_box.filled.success:hover{border-color:#ffffff}.jf_icon_box.filled.success:hover .icon{color:#ffffff}.jf_icon_box.filled.warning:before{background:#f0ad4e}.jf_icon_box.filled.warning:hover{border-color:#ffffff}.jf_icon_box.filled.warning:hover .icon{color:#ffffff}.jf_icon_box.filled.danger:before{background:#d9534f}.jf_icon_box.filled.danger:hover{border-color:#ffffff}.jf_icon_box.filled.danger:hover .icon{color:#ffffff}.jf_icon_box.filled.red:before{background:#f34235}.jf_icon_box.filled.red:hover{border-color:#ffffff}.jf_icon_box.filled.red:hover .icon{color:#ffffff}.jf_icon_box.filled.pink:before{background:#e81d62}.jf_icon_box.filled.pink:hover{border-color:#ffffff}.jf_icon_box.filled.pink:hover .icon{color:#ffffff}.jf_icon_box.filled.purple:before{background:#9b26af}.jf_icon_box.filled.purple:hover{border-color:#ffffff}.jf_icon_box.filled.purple:hover .icon{color:#ffffff}.jf_icon_box.filled.deep-purple:before{background:#6639b6}.jf_icon_box.filled.deep-purple:hover{border-color:#ffffff}.jf_icon_box.filled.deep-purple:hover .icon{color:#ffffff}.jf_icon_box.filled.indigo:before{background:#3e50b4}.jf_icon_box.filled.indigo:hover{border-color:#ffffff}.jf_icon_box.filled.indigo:hover .icon{color:#ffffff}.jf_icon_box.filled.blue:before{background:#2095f2}.jf_icon_box.filled.blue:hover{border-color:#ffffff}.jf_icon_box.filled.blue:hover .icon{color:#ffffff}.jf_icon_box.filled.light-blue:before{background:#02a8f3}.jf_icon_box.filled.light-blue:hover{border-color:#ffffff}.jf_icon_box.filled.light-blue:hover .icon{color:#ffffff}.jf_icon_box.filled.cyan:before{background:#00bbd3}.jf_icon_box.filled.cyan:hover{border-color:#ffffff}.jf_icon_box.filled.cyan:hover .icon{color:#ffffff}.jf_icon_box.filled.teal:before{background:#009587}.jf_icon_box.filled.teal:hover{border-color:#ffffff}.jf_icon_box.filled.teal:hover .icon{color:#ffffff}.jf_icon_box.filled.green:before{background:#4bae4f}.jf_icon_box.filled.green:hover{border-color:#ffffff}.jf_icon_box.filled.green:hover .icon{color:#ffffff}.jf_icon_box.filled.light-green:before{background:#8ac249}.jf_icon_box.filled.light-green:hover{border-color:#ffffff}.jf_icon_box.filled.light-green:hover .icon{color:#ffffff}.jf_icon_box.filled.lime:before{background:#ccdb38}.jf_icon_box.filled.lime:hover{border-color:#ffffff}.jf_icon_box.filled.lime:hover .icon{color:#ffffff}.jf_icon_box.filled.yellow:before{background:#feea3a}.jf_icon_box.filled.yellow:hover{border-color:#ffffff}.jf_icon_box.filled.yellow:hover .icon{color:#ffffff}.jf_icon_box.filled.amber:before{background:#fec006}.jf_icon_box.filled.amber:hover{border-color:#ffffff}.jf_icon_box.filled.amber:hover .icon{color:#ffffff}.jf_icon_box.filled.orange:before{background:#f39c12}.jf_icon_box.filled.orange:hover{border-color:#ffffff}.jf_icon_box.filled.orange:hover .icon{color:#ffffff}.jf_icon_box.filled.deep-orange:before{background:#fe5621}.jf_icon_box.filled.deep-orange:hover{border-color:#ffffff}.jf_icon_box.filled.deep-orange:hover .icon{color:#ffffff}.jf_icon_box.filled.brown:before{background:#785447}.jf_icon_box.filled.brown:hover{border-color:#ffffff}.jf_icon_box.filled.brown:hover .icon{color:#ffffff}.jf_icon_box.filled.grey:before{background:#9d9d9d}.jf_icon_box.filled.grey:hover{border-color:#ffffff}.jf_icon_box.filled.grey:hover .icon{color:#ffffff}.jf_icon_box.filled.blue-grey:before{background:#5f7c8a}.jf_icon_box.filled.blue-grey:hover{border-color:#ffffff}.jf_icon_box.filled.blue-grey:hover .icon{color:#ffffff}.jf_icon_box.filled.white:before{background:#ffffff}.jf_icon_box.filled.white:hover{border-color:#ffffff}.jf_icon_box.filled.white:hover .icon{color:#ffffff}.jf_icon_box.leftfloat{background:0;text-align:left}.jf_icon_box.leftfloat .icon{margin-top:1rem;float:left}.jf_icon_box.leftfloat .header{margin:1rem 0 1rem 70px;font-weight:500}.jf_icon_box.leftfloat .descr{margin:1rem 0 1rem 70px;font-size:14px}.jf_icon_box.rightfloat{background:0;text-align:left}.jf_icon_box.rightfloat .icon{margin-top:1rem;float:right}.jf_icon_box.rightfloat .header{margin:1rem 70px 1rem 0;font-weight:500}.jf_icon_box.rightfloat .descr{margin:1rem 70px 1rem 0;font-size:14px}.jf_icon_box:after{content:"";display:table;clear:both}@-webkit-keyframes jf_icon_box_slideDown{0%{-webkit-transform:translateY(0%)}25%{-webkit-transform:translateY(-50%)}50%{-webkit-transform:translateY(10%)}95%{-webkit-transform:translateY(-4%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes jf_icon_box_slideDown{0%{-moz-transform:translateY(0%)}25%{-moz-transform:translateY(-50%)}50%{-moz-transform:translateY(10%)}95%{-moz-transform:translateY(-4%)}100%{-moz-transform:translateY(0)}}@keyframes jf_icon_box_slideDown{0%{transform:translateY(0%)}25%{transform:translateY(-50%)}50%{transform:translateY(10%)}95%{transform:translateY(-4%)}100%{transform:translateY(0)}}[data-foreground="dark"] .jf_icon_box{background:0;color:rgba(255,255,255,0.9)}[data-foreground="dark"] .jf_icon_box .icon,[data-foreground="dark"] .jf_icon_box .header,[data-foreground="dark"] .jf_icon_box .descr{color:#fff}[data-foreground="dark"] .jf_icon_box.lined,[data-foreground="dark"] .jf_icon_box.filled{background:#fff;color:#666}[data-foreground="dark"] .jf_icon_box.lined .icon,[data-foreground="dark"] .jf_icon_box.lined .header,[data-foreground="dark"] .jf_icon_box.lined .descr,[data-foreground="dark"] .jf_icon_box.filled .icon,[data-foreground="dark"] .jf_icon_box.filled .header,[data-foreground="dark"] .jf_icon_box.filled .descr{color:#666}[data-foreground="dark"] .jf_icon_box.filled:hover{color:#fff}[data-foreground="dark"] .jf_icon_box.filled:hover .header,[data-foreground="dark"] .jf_icon_box.filled:hover .descr{color:#fff}.dir-rtl .jf_icon_box.lined{text-align:right}