.jf_flip_box{position:relative;z-index:1;padding:0;margin:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.jf_flip_box .wrapper{position:relative;margin-bottom:15px;-webkit-transform:translateZ(0);-khtml-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.jf_flip_box .front,.jf_flip_box .back{-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px;padding:30px 20px;text-align:center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-transition:all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);-khtml-transition:all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);-moz-transition:all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);-ms-transition:all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);-o-transition:all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);transition:all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);background-size:cover}.jf_flip_box .front{-webkit-transform:rotateY(0deg);-khtml-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);z-index:10}.jf_flip_box .back{position:absolute;left:0;top:0;height:auto;width:100%;-webkit-transform:rotateY(-180deg);-khtml-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:-1}.jf_flip_box .back .inner{visibility:hidden}.jf_flip_box:hover .front{-webkit-transform:rotateY(180deg);-khtml-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);z-index:-1}.jf_flip_box:hover .front .inner{visibility:hidden}.jf_flip_box:hover .back{-webkit-transform:rotateY(0deg);-khtml-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1}.jf_flip_box:hover .back .inner{visibility:visible}.jf_flip_box .jf_btn{margin:0}.jf_flip_box .cover_icon{margin:0 0 10px 0}.jf_flip_box .bottom_btn{margin:12px 0 5px 0}.jf_flip_box .portrate{width:auto;border:1px solid rgba(0,0,0,0.21);margin:0 0 10px 0}.jf_flip_box p{margin:10px 0}.jf_flip_box p:before,.jf_flip_box p:after{content:'';clear:both}.jf_flip_box h1,.jf_flip_box h2,.jf_flip_box h3,.jf_flip_box h4,.jf_flip_box h5,.jf_flip_box h6{margin:15px 0}.jf_flip_box .red{background-color:#f34235;color:#fff}.jf_flip_box .red h1,.jf_flip_box .red h2,.jf_flip_box .red h3,.jf_flip_box .red h4,.jf_flip_box .red h5,.jf_flip_box .red h6{color:#fff}.jf_flip_box .pink{background-color:#e81d62;color:#fff}.jf_flip_box .pink h1,.jf_flip_box .pink h2,.jf_flip_box .pink h3,.jf_flip_box .pink h4,.jf_flip_box .pink h5,.jf_flip_box .pink h6{color:#fff}.jf_flip_box .purple{background-color:#9b26af;color:#fff}.jf_flip_box .purple h1,.jf_flip_box .purple h2,.jf_flip_box .purple h3,.jf_flip_box .purple h4,.jf_flip_box .purple h5,.jf_flip_box .purple h6{color:#fff}.jf_flip_box .deep-purple{background-color:#6639b6;color:#fff}.jf_flip_box .deep-purple h1,.jf_flip_box .deep-purple h2,.jf_flip_box .deep-purple h3,.jf_flip_box .deep-purple h4,.jf_flip_box .deep-purple h5,.jf_flip_box .deep-purple h6{color:#fff}.jf_flip_box .indigo{background-color:#3e50b4;color:#fff}.jf_flip_box .indigo h1,.jf_flip_box .indigo h2,.jf_flip_box .indigo h3,.jf_flip_box .indigo h4,.jf_flip_box .indigo h5,.jf_flip_box .indigo h6{color:#fff}.jf_flip_box .blue{background-color:#2095f2;color:#fff}.jf_flip_box .blue h1,.jf_flip_box .blue h2,.jf_flip_box .blue h3,.jf_flip_box .blue h4,.jf_flip_box .blue h5,.jf_flip_box .blue h6{color:#fff}.jf_flip_box .light-blue{background-color:#02a8f3;color:#fff}.jf_flip_box .light-blue h1,.jf_flip_box .light-blue h2,.jf_flip_box .light-blue h3,.jf_flip_box .light-blue h4,.jf_flip_box .light-blue h5,.jf_flip_box .light-blue h6{color:#fff}.jf_flip_box .cyan{background-color:#00bbd3;color:#fff}.jf_flip_box .cyan h1,.jf_flip_box .cyan h2,.jf_flip_box .cyan h3,.jf_flip_box .cyan h4,.jf_flip_box .cyan h5,.jf_flip_box .cyan h6{color:#fff}.jf_flip_box .teal{background-color:#009587;color:#fff}.jf_flip_box .teal h1,.jf_flip_box .teal h2,.jf_flip_box .teal h3,.jf_flip_box .teal h4,.jf_flip_box .teal h5,.jf_flip_box .teal h6{color:#fff}.jf_flip_box .green{background-color:#4bae4f;color:#fff}.jf_flip_box .green h1,.jf_flip_box .green h2,.jf_flip_box .green h3,.jf_flip_box .green h4,.jf_flip_box .green h5,.jf_flip_box .green h6{color:#fff}.jf_flip_box .light-green{background-color:#8ac249;color:#fff}.jf_flip_box .light-green h1,.jf_flip_box .light-green h2,.jf_flip_box .light-green h3,.jf_flip_box .light-green h4,.jf_flip_box .light-green h5,.jf_flip_box .light-green h6{color:#fff}.jf_flip_box .lime{background-color:#ccdb38;color:#fff}.jf_flip_box .lime h1,.jf_flip_box .lime h2,.jf_flip_box .lime h3,.jf_flip_box .lime h4,.jf_flip_box .lime h5,.jf_flip_box .lime h6{color:#fff}.jf_flip_box .yellow{background-color:#feea3a;color:#000}.jf_flip_box .yellow h1,.jf_flip_box .yellow h2,.jf_flip_box .yellow h3,.jf_flip_box .yellow h4,.jf_flip_box .yellow h5,.jf_flip_box .yellow h6{color:#000}.jf_flip_box .amber{background-color:#fec006;color:#fff}.jf_flip_box .amber h1,.jf_flip_box .amber h2,.jf_flip_box .amber h3,.jf_flip_box .amber h4,.jf_flip_box .amber h5,.jf_flip_box .amber h6{color:#fff}.jf_flip_box .orange{background-color:#f39c12;color:#fff}.jf_flip_box .orange h1,.jf_flip_box .orange h2,.jf_flip_box .orange h3,.jf_flip_box .orange h4,.jf_flip_box .orange h5,.jf_flip_box .orange h6{color:#fff}.jf_flip_box .deep-orange{background-color:#fe5621;color:#fff}.jf_flip_box .deep-orange h1,.jf_flip_box .deep-orange h2,.jf_flip_box .deep-orange h3,.jf_flip_box .deep-orange h4,.jf_flip_box .deep-orange h5,.jf_flip_box .deep-orange h6{color:#fff}.jf_flip_box .brown{background-color:#785447;color:#fff}.jf_flip_box .brown h1,.jf_flip_box .brown h2,.jf_flip_box .brown h3,.jf_flip_box .brown h4,.jf_flip_box .brown h5,.jf_flip_box .brown h6{color:#fff}.jf_flip_box .grey{background-color:#9d9d9d;color:#fff}.jf_flip_box .grey h1,.jf_flip_box .grey h2,.jf_flip_box .grey h3,.jf_flip_box .grey h4,.jf_flip_box .grey h5,.jf_flip_box .grey h6{color:#fff}.jf_flip_box .blue-grey{background-color:#5f7c8a;color:#fff}.jf_flip_box .blue-grey h1,.jf_flip_box .blue-grey h2,.jf_flip_box .blue-grey h3,.jf_flip_box .blue-grey h4,.jf_flip_box .blue-grey h5,.jf_flip_box .blue-grey h6{color:#fff}.jf_flip_box .white{background-color:#ffffff;color:#000}.jf_flip_box .white h1,.jf_flip_box .white h2,.jf_flip_box .white h3,.jf_flip_box .white h4,.jf_flip_box .white h5,.jf_flip_box .white h6{color:#000}.jf_flip_box .border{background-color:transparent;border:3px solid #ddd;color:#666}.jf_flip_box .border.red{border-color:#f34235}.jf_flip_box .border.pink{border-color:#e81d62}.jf_flip_box .border.purple{border-color:#9b26af}.jf_flip_box .border.deep-purple{border-color:#6639b6}.jf_flip_box .border.indigo{border-color:#3e50b4}.jf_flip_box .border.blue{border-color:#2095f2}.jf_flip_box .border.light-blue{border-color:#02a8f3}.jf_flip_box .border.cyan{border-color:#00bbd3}.jf_flip_box .border.teal{border-color:#009587}.jf_flip_box .border.green{border-color:#4bae4f}.jf_flip_box .border.light-green{border-color:#8ac249}.jf_flip_box .border.lime{border-color:#ccdb38}.jf_flip_box .border.yellow{border-color:#feea3a}.jf_flip_box .border.amber{border-color:#fec006}.jf_flip_box .border.orange{border-color:#f39c12}.jf_flip_box .border.deep-orange{border-color:#fe5621}.jf_flip_box .border.brown{border-color:#785447}.jf_flip_box .border.grey{border-color:#9d9d9d}.jf_flip_box .border.blue-grey{border-color:#5f7c8a}.jf_flip_box .border.white{border-color:#ffffff}.jf_flip_box .border h1,.jf_flip_box .border h2,.jf_flip_box .border h3,.jf_flip_box .border h4,.jf_flip_box .border h5,.jf_flip_box .border h6{color:#666}.jf_flip_box.circle{margin:0 auto}.jf_flip_box.circle .front,.jf_flip_box.circle .back{-webkit-border-radius:100%;-khtml-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;overflow:hidden}