#refinery{width:75%;margin:16px auto}#refinery .refinery-container{position:relative}#refinery .refinery-container .refinery-nav{position:absolute;z-index:30;width:97.3%;left:15px}#refinery .refinery-container .refinery-nav .upstream{font-family:"Roboto",sans-serif;background-color:#666;max-width:14% !important;text-align:center;padding:6px 0;color:#fff !important;cursor:pointer}#refinery .refinery-container .refinery-nav .upstream:hover{filter:brightness(85%);transition:all 200ms ease}#refinery .refinery-container .refinery-nav .midstream{font-family:"Roboto",sans-serif;background-color:#0082ca;max-width:29.5% !important;text-align:center;text-align:center;padding:6px 0;color:#fff !important;cursor:pointer}#refinery .refinery-container .refinery-nav .midstream:hover{filter:brightness(85%);transition:all 200ms ease}#refinery .refinery-container .refinery-nav .downstream{font-family:"Roboto",sans-serif;background-color:#00c1de;max-width:29.5% !important;text-align:center;text-align:center;padding:6px 0;color:#fff !important;cursor:pointer}#refinery .refinery-container .refinery-nav .downstream:hover{filter:brightness(85%);transition:all 200ms ease}#refinery .refinery-container .refinery-nav .consumption{font-family:"Roboto",sans-serif;background-color:#3bbfad;max-width:27% !important;text-align:center;text-align:center;padding:6px 0;color:#fff !important;cursor:pointer}#refinery .refinery-container .refinery-nav .consumption:hover{filter:brightness(85%);transition:all 200ms ease}#refinery .refinery-container .refinery-nav .quicklink-menu{display:none;list-style:none;margin-left:-40px;margin-bottom:0;transition:all 200ms ease}#refinery .refinery-container .refinery-nav .quicklink-menu li{font-size:12px;border-bottom:1px solid #fff;padding:6px 0;transition:all 200ms ease;cursor:pointer;color:#fff !important}#refinery .refinery-container .refinery-nav .quicklink-menu li:hover{transition:all 200ms ease;background:rgba(0,0,0,.2)}#refinery .refinery-container .refinery-nav .quicklink-menu .quicklink{font-size:12px;border-bottom:1px solid #fff;padding:6px 0;transition:all 200ms ease;cursor:pointer;color:#fff !important}#refinery .refinery-container .refinery-nav .quicklink-menu .quicklink:hover{transition:all 200ms ease;background:rgba(0,0,0,.2)}#refinery .refinery-container .refinery-nav .upstream:hover .quicklink-menu,#refinery .refinery-container .refinery-nav .midstream:hover .quicklink-menu,#refinery .refinery-container .refinery-nav .downstream:hover .quicklink-menu,#refinery .refinery-container .refinery-nav .consumption:hover .quicklink-menu{transition:all 200ms ease;display:block}#refinery .refinery-container .refinery-modal-container{display:none;width:100vw;height:100vh;position:absolute;z-index:10}#refinery .refinery-container .refinery-modal{display:none;position:absolute;z-index:11;top:7%;left:0%;width:100%;height:auto;min-height:480px;background:rgba(255,255,255,.9);box-shadow:0 5px 5px rgba(0,0,0,.4);border:1px solid #fff}#refinery .refinery-container .refinery-modal .use-case{display:none}#refinery .refinery-container .refinery-modal .use-case .use-case-navigation{min-height:480px}#refinery .refinery-container .refinery-modal .use-case .use-case-navigation h3{color:#fff !important}#refinery .refinery-container .refinery-modal .use-case .use-case-navigation ul{list-style:none;margin-left:-40px}#refinery .refinery-container .refinery-modal .use-case .use-case-navigation ul li{border-bottom:1px solid #ccc;padding:8px 0}#refinery .refinery-container .refinery-modal .use-case .use-case-navigation ul li a{color:#fff;text-decoration:none;transition:all 200ms ease}#refinery .refinery-container .refinery-modal .use-case .use-case-navigation ul li a:hover{color:#ccc;transition:all 200ms ease}#refinery .refinery-container .refinery-modal .use-case .use-case-icon{width:50%;height:auto;margin:0 auto;display:flex;align-self:center;margin-bottom:12px}#refinery .refinery-container .refinery-modal .use-case .application{display:none;padding:22% 5REM}#refinery .refinery-container .refinery-modal .use-case .application p{font-size:18px}#refinery .refinery-container .refinery-modal .use-case .application-intro{display:block;padding:22% 5REM}#refinery .refinery-container .refinery-modal .use-case .application-intro p{font-size:18px}@media screen and (min-width: 768){#refinery .refinery-container .refinery-modal .use-case .application{display:none;padding:5REM}#refinery .refinery-container .refinery-modal .use-case .application-intro{display:block;padding:5REM}}#refinery .refinery-container .refinery-modal .btn-close-modal{font-family:sans-serif;border:1px solid #fff;background:#c8c8c8;color:#fff;position:absolute;z-index:5;top:0;right:0;padding:6px 12px;cursor:pointer;transition:all 200ms ease}#refinery .refinery-container .refinery-modal .btn-close-modal:hover{filter:brightness(85%);transition:all 200ms ease}#refinery .refinery-container .hotspot{height:30px;width:30px;border-radius:20px;position:absolute;box-shadow:2px 2px 4px rgba(0,0,0,.5);cursor:pointer;border:#fff solid 2px;transition:all 200ms ease}#refinery .refinery-container .hotspot:hover{filter:brightness(105%);transform:scale(1.2);transition:all 200ms ease}#refinery .refinery-container .hotspot.gray{background-color:#666}#refinery .refinery-container .hotspot.blue{background-color:#0082ca}#refinery .refinery-container .hotspot.aqua{background-color:#00c1de}#refinery .refinery-container .hotspot.green{background-color:#3bbfad}#refinery .refinery-container .oil-gas-production{top:38%;left:2%}#refinery .refinery-container .natural-gas-pipelines{top:29%;left:16%}#refinery .refinery-container .gas-processing-plant{top:13%;left:26%}#refinery .refinery-container .ngl-fractionator{top:43%;left:32%}#refinery .refinery-container .compressor-station{top:11%;left:39%}#refinery .refinery-container .petroleum-refinery{top:79%;left:48%}#refinery .refinery-container .petrochemical-chemical-plant{top:41%;left:52%}#refinery .refinery-container .biofuels{top:90%;left:66%}#refinery .refinery-container .refined-product-storage{top:54%;left:74%}#refinery .refinery-container .jet-fuel{top:54%;left:91%}#refinery .refinery-container .refinery-map{width:100%;height:auto}#refinery .pulse:before,#refinery .pulse:after{content:"";position:absolute;left:-14px;top:-14px;right:-14px;bottom:-14px;border:2px solid #fff;border-radius:50%;animation:animate 2s linear infinite}#refinery .pulse:after{animation-delay:1s}@keyframes animate{0%{transform:scale(0.7);opacity:1}100%{transform:scale(1.5);opacity:0}}/*# sourceMappingURL=refinery.css.map */