.jf_hotspots{direction:ltr}.jf_hotspots.style_1{position:relative;display:block;color:#fff;text-align:left}.jf_hotspots.style_1 .content{position:relative;z-index:0}.jf_hotspots.style_1 .content .text{position:relative;width:50%;height:100%;z-index:2;padding:30px}.jf_hotspots.style_1 .content .text .category{display:block}.jf_hotspots.style_1 .content .text .category .material-icons{float:left;margin:3px 5px 0 0;font-size:20px;display:inline-block}.jf_hotspots.style_1 .content .text>div:first-child{color:#FFF;margin-top:0;font-size:1rem;font-weight:300}.jf_hotspots.style_1 .content .text>p{margin-bottom:60px}.jf_hotspots.style_1 .content .mask{position:absolute;z-index:1;width:100%;height:40%;bottom:0px;background-color:#222;color:#fff;width:50%;height:100%;left:0px;-webkit-transition:all 0.2s;-khtml-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;border-color:#222}.jf_hotspots.style_1 .content .mask:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-left-color:inherit;border-width:20px;margin-top:-20px}.jf_hotspots.style_1 .content .bg{position:absolute;top:0px;background-size:cover;background-position:center;width:50%;height:100%;right:0px}.jf_hotspots.style_1 .content:before,.jf_hotspots.style_1 .content:after{content:'';clear:both;display:table}.jf_hotspots.style_1:hover{color:#fff}.jf_hotspots.style_1:hover .content .mask{width:55%}.jf_hotspots.style_1.right .content .text{float:right}.jf_hotspots.style_1.right .content .mask{left:auto;right:0}.jf_hotspots.style_1.right .content .mask:after{left:-40px;-webkit-transform:rotate(180deg);-khtml-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.jf_hotspots.style_1.right .content .bg{left:0}.jf_hotspots.style_1.top .content .text{width:100%;margin-top:40%}.jf_hotspots.style_1.top .content .text>p{margin:1.5rem 0}.jf_hotspots.style_1.top .content .mask{width:100%;top:50%}.jf_hotspots.style_1.top .content .mask:after{top:-20px;left:50%;margin-left:-10px;-webkit-transform:rotate(-90deg);-khtml-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.jf_hotspots.style_1.top .content .bg{width:100%;height:50%}.jf_hotspots.style_1.top:hover .content .mask{top:40%}.jf_hotspots.style_1.bottom .content .text{width:100%;margin-bottom:40%}.jf_hotspots.style_1.bottom .content .text>p{margin:1.5rem 0}.jf_hotspots.style_1.bottom .content .mask{width:100%;bottom:50%}.jf_hotspots.style_1.bottom .content .mask:after{bottom:0px;left:50%;margin-left:-20px;-webkit-transform:rotate(90deg);-khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);top:100%;margin-top:0}.jf_hotspots.style_1.bottom .content .bg{width:100%;height:50%;top:50%}.jf_hotspots.style_1.bottom:hover .content .mask{bottom:40%}.jf_hotspots.style_1.primary{color:#fff}.jf_hotspots.style_1.primary .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.primary .content .mask{background-color:#337ab7;border-color:#337ab7}.jf_hotspots.style_1.info{color:#fff}.jf_hotspots.style_1.info .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.info .content .mask{background-color:#5bc0de;border-color:#5bc0de}.jf_hotspots.style_1.success{color:#fff}.jf_hotspots.style_1.success .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.success .content .mask{background-color:#5cb85c;border-color:#5cb85c}.jf_hotspots.style_1.warning{color:#fff}.jf_hotspots.style_1.warning .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.warning .content .mask{background-color:#f0ad4e;border-color:#f0ad4e}.jf_hotspots.style_1.danger{color:#fff}.jf_hotspots.style_1.danger .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.danger .content .mask{background-color:#d9534f;border-color:#d9534f}.jf_hotspots.style_1.red{color:#fff}.jf_hotspots.style_1.red .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.red .content .mask{background-color:#f34235;border-color:#f34235}.jf_hotspots.style_1.pink{color:#fff}.jf_hotspots.style_1.pink .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.pink .content .mask{background-color:#e81d62;border-color:#e81d62}.jf_hotspots.style_1.purple{color:#fff}.jf_hotspots.style_1.purple .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.purple .content .mask{background-color:#9b26af;border-color:#9b26af}.jf_hotspots.style_1.deep-purple{color:#fff}.jf_hotspots.style_1.deep-purple .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.deep-purple .content .mask{background-color:#6639b6;border-color:#6639b6}.jf_hotspots.style_1.indigo{color:#fff}.jf_hotspots.style_1.indigo .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.indigo .content .mask{background-color:#3e50b4;border-color:#3e50b4}.jf_hotspots.style_1.blue{color:#fff}.jf_hotspots.style_1.blue .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.blue .content .mask{background-color:#2095f2;border-color:#2095f2}.jf_hotspots.style_1.light-blue{color:#fff}.jf_hotspots.style_1.light-blue .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.light-blue .content .mask{background-color:#02a8f3;border-color:#02a8f3}.jf_hotspots.style_1.cyan{color:#fff}.jf_hotspots.style_1.cyan .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.cyan .content .mask{background-color:#00bbd3;border-color:#00bbd3}.jf_hotspots.style_1.teal{color:#fff}.jf_hotspots.style_1.teal .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.teal .content .mask{background-color:#009587;border-color:#009587}.jf_hotspots.style_1.green{color:#fff}.jf_hotspots.style_1.green .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.green .content .mask{background-color:#4bae4f;border-color:#4bae4f}.jf_hotspots.style_1.light-green{color:#fff}.jf_hotspots.style_1.light-green .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.light-green .content .mask{background-color:#8ac249;border-color:#8ac249}.jf_hotspots.style_1.lime{color:#fff}.jf_hotspots.style_1.lime .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.lime .content .mask{background-color:#ccdb38;border-color:#ccdb38}.jf_hotspots.style_1.yellow{color:#666}.jf_hotspots.style_1.yellow .content .text>div:first-child{color:#666}.jf_hotspots.style_1.yellow .content .mask{background-color:#feea3a;border-color:#feea3a}.jf_hotspots.style_1.amber{color:#fff}.jf_hotspots.style_1.amber .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.amber .content .mask{background-color:#fec006;border-color:#fec006}.jf_hotspots.style_1.orange{color:#fff}.jf_hotspots.style_1.orange .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.orange .content .mask{background-color:#f39c12;border-color:#f39c12}.jf_hotspots.style_1.deep-orange{color:#fff}.jf_hotspots.style_1.deep-orange .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.deep-orange .content .mask{background-color:#fe5621;border-color:#fe5621}.jf_hotspots.style_1.brown{color:#fff}.jf_hotspots.style_1.brown .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.brown .content .mask{background-color:#785447;border-color:#785447}.jf_hotspots.style_1.grey{color:#fff}.jf_hotspots.style_1.grey .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.grey .content .mask{background-color:#9d9d9d;border-color:#9d9d9d}.jf_hotspots.style_1.blue-grey{color:#fff}.jf_hotspots.style_1.blue-grey .content .text>div:first-child{color:#fff}.jf_hotspots.style_1.blue-grey .content .mask{background-color:#5f7c8a;border-color:#5f7c8a}.jf_hotspots.style_1.white{color:#666}.jf_hotspots.style_1.white .content .text>div:first-child{color:#666}.jf_hotspots.style_1.white .content .mask{background-color:#fff;border-color:#fff}.jf_hotspots.style_2{height:320px;margin:0;padding-bottom:0;overflow:hidden;display:block;text-align:left}.jf_hotspots.style_2 .cover{height:160px;width:100%;overflow:hidden}.jf_hotspots.style_2 .cover .bg{height:100%;width:100%;background-size:cover;background-position:center;-webkit-transition:all 0.4s ease-out;-khtml-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}.jf_hotspots.style_2 .descr{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background:#fff;position:absolute;border-left:none;bottom:0;height:160px;left:0;padding:25px 20px;width:100%}.jf_hotspots.style_2 .descr .date{font-size:12px}.jf_hotspots.style_2 .descr .date .material-icons{font-size:16px;float:left;margin:1px 5px 0 0}.jf_hotspots.style_2 .descr .header{color:#666;font-weight:500;font-size:1.15rem;margin:0.75rem 0 1.5rem 0}.jf_hotspots.style_2 .descr .category{height:20px;margin:0;font-size:14px;text-transform:uppercase;opacity:0}.jf_hotspots.style_2 .descr .category li{color:#fff;display:inline;font-weight:700;list-style:none}.jf_hotspots.style_2 .descr .category li:before{content:'/ ';color:rgba(255,255,255,0.5)}.jf_hotspots.style_2 .descr .category li:first-child{color:rgba(255,255,255,0.5);font-weight:600}.jf_hotspots.style_2 .descr .category li:first-child:before{content:''}.jf_hotspots.style_2:hover{color:#fff}.jf_hotspots.style_2:hover .cover .bg{-webkit-transform:scale(1.1);-khtml-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.jf_hotspots.style_2:hover .descr{background:#171717;height:185px}.jf_hotspots.style_2:hover .descr .header{color:#fff}.jf_hotspots.style_2:hover .descr .category{opacity:1}.jf_hotspots.style_2.primary:hover{color:#fff}.jf_hotspots.style_2.primary:hover .descr{background:#337ab7}.jf_hotspots.style_2.primary:hover .descr .header{color:#fff}.jf_hotspots.style_2.primary:hover .descr .category li{color:#fff}.jf_hotspots.style_2.info:hover{color:#fff}.jf_hotspots.style_2.info:hover .descr{background:#5bc0de}.jf_hotspots.style_2.info:hover .descr .header{color:#fff}.jf_hotspots.style_2.info:hover .descr .category li{color:#fff}.jf_hotspots.style_2.success:hover{color:#fff}.jf_hotspots.style_2.success:hover .descr{background:#5cb85c}.jf_hotspots.style_2.success:hover .descr .header{color:#fff}.jf_hotspots.style_2.success:hover .descr .category li{color:#fff}.jf_hotspots.style_2.warning:hover{color:#fff}.jf_hotspots.style_2.warning:hover .descr{background:#f0ad4e}.jf_hotspots.style_2.warning:hover .descr .header{color:#fff}.jf_hotspots.style_2.warning:hover .descr .category li{color:#fff}.jf_hotspots.style_2.danger:hover{color:#fff}.jf_hotspots.style_2.danger:hover .descr{background:#d9534f}.jf_hotspots.style_2.danger:hover .descr .header{color:#fff}.jf_hotspots.style_2.danger:hover .descr .category li{color:#fff}.jf_hotspots.style_2.red:hover{color:#fff}.jf_hotspots.style_2.red:hover .descr{background:#f34235}.jf_hotspots.style_2.red:hover .descr .header{color:#fff}.jf_hotspots.style_2.red:hover .descr .category li{color:#fff}.jf_hotspots.style_2.pink:hover{color:#fff}.jf_hotspots.style_2.pink:hover .descr{background:#e81d62}.jf_hotspots.style_2.pink:hover .descr .header{color:#fff}.jf_hotspots.style_2.pink:hover .descr .category li{color:#fff}.jf_hotspots.style_2.purple:hover{color:#fff}.jf_hotspots.style_2.purple:hover .descr{background:#9b26af}.jf_hotspots.style_2.purple:hover .descr .header{color:#fff}.jf_hotspots.style_2.purple:hover .descr .category li{color:#fff}.jf_hotspots.style_2.deep-purple:hover{color:#fff}.jf_hotspots.style_2.deep-purple:hover .descr{background:#6639b6}.jf_hotspots.style_2.deep-purple:hover .descr .header{color:#fff}.jf_hotspots.style_2.deep-purple:hover .descr .category li{color:#fff}.jf_hotspots.style_2.indigo:hover{color:#fff}.jf_hotspots.style_2.indigo:hover .descr{background:#3e50b4}.jf_hotspots.style_2.indigo:hover .descr .header{color:#fff}.jf_hotspots.style_2.indigo:hover .descr .category li{color:#fff}.jf_hotspots.style_2.blue:hover{color:#fff}.jf_hotspots.style_2.blue:hover .descr{background:#2095f2}.jf_hotspots.style_2.blue:hover .descr .header{color:#fff}.jf_hotspots.style_2.blue:hover .descr .category li{color:#fff}.jf_hotspots.style_2.light-blue:hover{color:#fff}.jf_hotspots.style_2.light-blue:hover .descr{background:#02a8f3}.jf_hotspots.style_2.light-blue:hover .descr .header{color:#fff}.jf_hotspots.style_2.light-blue:hover .descr .category li{color:#fff}.jf_hotspots.style_2.cyan:hover{color:#fff}.jf_hotspots.style_2.cyan:hover .descr{background:#00bbd3}.jf_hotspots.style_2.cyan:hover .descr .header{color:#fff}.jf_hotspots.style_2.cyan:hover .descr .category li{color:#fff}.jf_hotspots.style_2.teal:hover{color:#fff}.jf_hotspots.style_2.teal:hover .descr{background:#009587}.jf_hotspots.style_2.teal:hover .descr .header{color:#fff}.jf_hotspots.style_2.teal:hover .descr .category li{color:#fff}.jf_hotspots.style_2.green:hover{color:#fff}.jf_hotspots.style_2.green:hover .descr{background:#4bae4f}.jf_hotspots.style_2.green:hover .descr .header{color:#fff}.jf_hotspots.style_2.green:hover .descr .category li{color:#fff}.jf_hotspots.style_2.light-green:hover{color:#fff}.jf_hotspots.style_2.light-green:hover .descr{background:#8ac249}.jf_hotspots.style_2.light-green:hover .descr .header{color:#fff}.jf_hotspots.style_2.light-green:hover .descr .category li{color:#fff}.jf_hotspots.style_2.lime:hover{color:#fff}.jf_hotspots.style_2.lime:hover .descr{background:#ccdb38}.jf_hotspots.style_2.lime:hover .descr .header{color:#fff}.jf_hotspots.style_2.lime:hover .descr .category li{color:#fff}.jf_hotspots.style_2.yellow:hover{color:#666}.jf_hotspots.style_2.yellow:hover .descr{background:#feea3a}.jf_hotspots.style_2.yellow:hover .descr .header{color:#666}.jf_hotspots.style_2.yellow:hover .descr .category li{color:#666}.jf_hotspots.style_2.amber:hover{color:#fff}.jf_hotspots.style_2.amber:hover .descr{background:#fec006}.jf_hotspots.style_2.amber:hover .descr .header{color:#fff}.jf_hotspots.style_2.amber:hover .descr .category li{color:#fff}.jf_hotspots.style_2.orange:hover{color:#fff}.jf_hotspots.style_2.orange:hover .descr{background:#f39c12}.jf_hotspots.style_2.orange:hover .descr .header{color:#fff}.jf_hotspots.style_2.orange:hover .descr .category li{color:#fff}.jf_hotspots.style_2.deep-orange:hover{color:#fff}.jf_hotspots.style_2.deep-orange:hover .descr{background:#fe5621}.jf_hotspots.style_2.deep-orange:hover .descr .header{color:#fff}.jf_hotspots.style_2.deep-orange:hover .descr .category li{color:#fff}.jf_hotspots.style_2.brown:hover{color:#fff}.jf_hotspots.style_2.brown:hover .descr{background:#785447}.jf_hotspots.style_2.brown:hover .descr .header{color:#fff}.jf_hotspots.style_2.brown:hover .descr .category li{color:#fff}.jf_hotspots.style_2.grey:hover{color:#fff}.jf_hotspots.style_2.grey:hover .descr{background:#9d9d9d}.jf_hotspots.style_2.grey:hover .descr .header{color:#fff}.jf_hotspots.style_2.grey:hover .descr .category li{color:#fff}.jf_hotspots.style_2.blue-grey:hover{color:#fff}.jf_hotspots.style_2.blue-grey:hover .descr{background:#5f7c8a}.jf_hotspots.style_2.blue-grey:hover .descr .header{color:#fff}.jf_hotspots.style_2.blue-grey:hover .descr .category li{color:#fff}.jf_hotspots.style_3{background-size:cover;-webkit-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-khtml-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-ms-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);display:block;position:relative;padding:100px 0;overflow:hidden}.jf_hotspots.style_3 .arrow{position:absolute;left:50%;bottom:-20px;font-size:24px;color:#fff;z-index:10;-webkit-transform:translateX(-50%) translateY(50px);-khtml-transform:translateX(-50%) translateY(50px);-moz-transform:translateX(-50%) translateY(50px);-ms-transform:translateX(-50%) translateY(50px);-o-transform:translateX(-50%) translateY(50px);transform:translateX(-50%) translateY(50px);-webkit-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-khtml-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-ms-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.jf_hotspots.style_3 .arrow .material-icons{font-size:42px}.jf_hotspots.style_3:after{display:block;position:absolute;content:'';background:#000;width:100%;height:100%;top:0;left:0;z-index:0;opacity:0;-webkit-transition:opacity 0.2s linear;-khtml-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.jf_hotspots.style_3 .logo{position:relative;text-align:center;color:#fff;z-index:10;display:block;margin:0 auto}.jf_hotspots.style_3:hover{-webkit-transform:scale(0.95);-khtml-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}.jf_hotspots.style_3:hover .arrow{-webkit-transform:translateX(-50%) translateY(-20px);-khtml-transform:translateX(-50%) translateY(-20px);-moz-transform:translateX(-50%) translateY(-20px);-ms-transform:translateX(-50%) translateY(-20px);-o-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px)}.jf_hotspots.style_3:hover:after{opacity:.4}.jf_hotspots.style_4{text-align:center;display:block;padding:40px 0}.jf_hotspots.style_4:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all 0.4s ease;-khtml-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);background:#fff;z-index:-1;border:1px solid #eee;border-width:1px 0}.jf_hotspots.style_4 .header{font-weight:500;margin:0.8rem 0;font-size:1.5rem;color:#666}.jf_hotspots.style_4 .meta{text-transform:uppercase;letter-spacing:2px;font-size:.8em}.jf_hotspots.style_4 .meta .category{color:#673AB7;font-weight:500}.jf_hotspots.style_4:hover{color:#fff}.jf_hotspots.style_4:hover:before{-webkit-transform:translate3d(0, 100%, 0);-khtml-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);-o-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.jf_hotspots.style_4:hover .header,.jf_hotspots.style_4:hover .meta .category{color:#fff}[data-foreground="dark"] .jf_hotspots.style_4 .header{color:#666}[data-foreground="dark"] .jf_hotspots.style_4:hover .header{color:#fff}