:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports(font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}body{font-family:Inter,sans-serif}.hero{background:#103a4a;background:url(../img/hero-bg.png) no-repeat center center;background-size:cover;padding:160px 0 120px}.hero h1{color:#fff;margin:0 0 40px}.hero p{color:#fff;font-size:22px;font-weight:300;line-height:1.5;margin:0}.hero p span{text-decoration:underline;font-weight:700}.hero img{max-width:100%;height:auto}@media(max-width: 991px){.hero{padding:120px 0 60px}.hero h1{font-size:30px}.hero p{font-size:18px}}@media(max-width: 767px){.hero h1{font-size:30px;margin:0 0 20px;text-align:center}.hero p{font-size:17px;text-align:center}}@media(max-width: 575px){.hero{padding:120px 0 60px}.hero h1{font-size:24px;margin:0 0 20px}}section.main h3{color:#103a4a;font-size:20px;font-weight:400;line-height:1.5}section.main p{font-size:20px;line-height:1.5;color:#103a4a;margin:0}section.main .highlight-right{border-right:4px solid #d8eaf4}section.main .highlight-left{border-left:4px solid #d8eaf4}section.main .icon-col img.icon{max-width:40%;margin:0 auto;display:block}section.main .icon-col h4{text-transform:uppercase;text-align:center;font-size:20px}section.main .green-col h4{color:#448074}section.main .navy-col h4{color:#103a4a}section.main .orange-col h4{color:#db6630}section.main svg.diag-svg{width:300px;max-width:100%;margin:0 0 10px}section.main svg.diag-svg path{fill:#d8eaf4}section.main svg.ig{max-width:100%;height:auto}section.main svg.ig path.white,section.main svg.ig polygon.white,section.main svg.ig rect.white{fill:#fff}section.main svg.ig path.orange,section.main svg.ig polygon.orange,section.main svg.ig rect.orange,section.main svg.ig text.orange{fill:#db6630}section.main svg.ig path.navy,section.main svg.ig polygon.navy,section.main svg.ig rect.navy{fill:#103a4a}section.main svg.ig path.light-blue,section.main svg.ig polygon.light-blue,section.main svg.ig rect.light-blue{fill:#d8eaf4}section.main svg.ig path.blue,section.main svg.ig polygon.blue,section.main svg.ig rect.blue{fill:#65bbb0}section.main svg.ig path.light-green,section.main svg.ig polygon.light-green,section.main svg.ig rect.light-green{fill:#f3faf8}section.main svg.ig path.green,section.main svg.ig polygon.green,section.main svg.ig rect.green{fill:#d7e8e4}section.main svg.ig .navy-stroke{stroke:#103a4a;fill:none;stroke-width:2px}section.main svg.ig .blue-stroke{stroke:#65bbb0;fill:none;stroke-width:2px}section.main svg.ig .orange-stroke{stroke:#db6630;fill:none;stroke-width:2px}section.main svg.inline-od-map path.ca{transform:translateY(-2%) translateX(3%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}section.main svg.inline-od-map path.tanker01{opacity:0;transform:translateY(-50%) translateX(-50%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.6s}section.main svg.inline-od-map path.tanker02{opacity:0;transform:translateY(10%) translateX(-50%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1s}section.main svg.inline-od-map path.tanker03{opacity:0;transform:translateY(50%) translateX(-30%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1.4s}section.main svg.inline-od-map.animate path.ca{transform:translateY(0) translateX(0)}section.main svg.inline-od-map.animate path.tanker01,section.main svg.inline-od-map.animate path.tanker02,section.main svg.inline-od-map.animate path.tanker03{opacity:1;transform:translateY(0) translateX(0)}section.main svg.inline-od-chart g.ca{opacity:0;transform:translateX(100%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}section.main svg.inline-od-chart g.ak{opacity:0;transform:translateX(100%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.6s}section.main svg.inline-od-chart.animate g.ca{transform:translateX(0);opacity:1}section.main svg.inline-od-chart.animate g.ak{transform:translateX(0);opacity:1}section.main svg.inline-er-map{margin-top:-40px}section.main svg.inline-er-map .bay-area{opacity:0;transform:scale(0);transform-origin:left;transition:opacity 2s cubic-bezier(0.4, 0, 0.2, 1),transform .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}section.main svg.inline-er-map .la{opacity:0;transform:scale(0);transform-origin:left;transition:opacity 2s cubic-bezier(0.4, 0, 0.2, 1),transform .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.7s}section.main svg.inline-er-map.animate .bay-area{opacity:1;transform:scale(1)}section.main svg.inline-er-map.animate .la{opacity:1;transform:scale(1)}section.main .od-flow-chart-wrapper{background:url(../img/od-flow-chart-bg.jpg) no-repeat center center;background-size:cover}section.main .od-flow-chart-wrapper .od-flow-chart #Arrow1{opacity:0;transform:translateY(-20px);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}section.main .od-flow-chart-wrapper .od-flow-chart #Arrow2{opacity:0;transform:translateY(-20px);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.6s}section.main .od-flow-chart-wrapper .od-flow-chart #Arrow3{opacity:0;transform:translateX(-20px);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1s}section.main .od-flow-chart-wrapper .od-flow-chart #Arrow4{opacity:0;transform:translateX(-20px);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1.4s}section.main .od-flow-chart-wrapper .od-flow-chart #Arrow5{opacity:0;transform:translateY(20px);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1.8s}section.main .od-flow-chart-wrapper .ig.animate #Arrow1{opacity:1;transform:translateY(0)}section.main .od-flow-chart-wrapper .ig.animate #Arrow2{opacity:1;transform:translateY(0)}section.main .od-flow-chart-wrapper .ig.animate #Arrow3{opacity:1;transform:translateX(0)}section.main .od-flow-chart-wrapper .ig.animate #Arrow4{opacity:1;transform:translateX(0)}section.main .od-flow-chart-wrapper .ig.animate #Arrow5{opacity:1;transform:translateY(0)}section.main .od-flow-chart-wrapper-small{padding:0;background:url(../img/od-flow-chart-bg-small.jpg) no-repeat center center;background-size:cover}section.main h5{font-size:22px;font-weight:700;line-height:1.5;margin:0 0 20px;text-transform:uppercase}section.main h5.orange{color:#db6630}section.main h5.navy{color:#103a4a}section.main h5.green{color:#448074}section.main blockquote{padding:40px;background:#d8eaf4;border-radius:0;border:none;position:relative}section.main blockquote p{margin:0 0 20px;font-style:italic;position:relative;z-index:2;font-weight:bold;font-size:20px}section.main blockquote cite{font-style:italic;font-size:20px}section.main blockquote:before{content:"";display:inline-block;width:70px;height:70px;background:url("../img/quote.svg") no-repeat center center;background-size:contain;font-size:70px;font-weight:700;color:#103a4a;position:absolute;top:10px;left:10px;z-index:1}section.main.green-bg{background:url(../img/od-green-bg.jpg) no-repeat center center;background-size:cover}section.main.green-bg .highlight-right{border-right:4px solid #d7e8e4}section.main.green-bg .highlight-left{border-left:4px solid #89b8b0}section.main.green-bg svg.diag-svg path{fill:#89b8b0}section.main.green-bg img{box-shadow:20px 20px 0px 0px #d7e8e4}@media(max-width: 1199px){section.main.green-bg .highlight-right{border-right:none}section.main.green-bg .highlight-left{border-left:none}}section.main.sources{background:#d7e8e4}section.main.sources h3{color:#103a4a;font-size:18px;font-weight:800;line-height:1.5}section.main.sources ol li{font-size:15px;line-height:1.5;color:#103a4a;margin:0 0 20px;font-weight:300;font-style:italic}@media(max-width: 1199px){section.main p{font-size:19px}section.main .highlight-right{border-right:none}section.main .highlight-left{border-left:none}}@media(max-width: 991px){section.main svg.diag-svg{width:250px}section.main h2{font-size:24px}section.main p{font-size:16px}section.main blockquote{padding:40px}section.main blockquote p{font-size:18px;text-align:left}section.main blockquote cite{font-size:16px;text-align:center}section.main blockquote:before{left:0;top:0}section.main .icon-col img.icon{max-width:50%}section.main .icon-col h4{font-size:18px}}@media(max-width: 767px){section.main svg.diag-svg{width:200px;margin:0 auto 10px;display:block}section.main h2{font-size:24px;text-align:center}section.main p{font-size:16px;text-align:center}section.main .icon-col img.icon{max-width:20%}section.main .icon-col h4{font-size:18px}section.main img{max-width:55%;height:auto;margin:0 auto;display:block}section.main.green img{box-shadow:-10px 10px 0px 0px #d7e8e4}section.main.sources h3{font-size:15px}section.main.sources ol li{font-size:14px}}@media(max-width: 575px){section.main img{max-width:75%}}/*# sourceMappingURL=foreign-oil.css.map */