<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> /* RESET */ /* ----------------------------------------- */ *, *:before, *:after { box-sizing: border-box; } *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li {list-style:none;} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /*sup {vertical-align: super;} sub {vertical-align: sub;}*/ sup, sub { vertical-align:baseline; position: relative; top:-1em; font-size:0.5em;/**/ } sub { top: 1em; } .clearfix:after { content: ""; display: table; clear: both; } .screen-reader-text {display:none;} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:600 } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;} .clear { clear:both; } #printlogo {display:none;}/* BASE */ /*@font-face { font-family: 'ds'; src: url('fonts/droid_sans/400.woff2') format('woff2'); font-weight:normal; font-style:normal; } @font-face { font-family: 'ds_strong'; src: url('fonts/droid_sans/700.woff2') format('woff2'); font-weight:normal; font-style:normal; } */ @font-face { font-family: 'vp'; src: url('fonts/icomoon.woff') format('woff'); font-weight:normal; font-style:normal; } body { background:#FFF; } #content { background:#FFF; } /*.thing { transition:0.3s ease; opacity:0; } .thing.appear { opacity:1; } */ /* TYPE */ html { font-size:62.5%; } @media all and (max-width: 767px) { /*html { font-size:87.5%; } */ } body {font-family: 'Open Sans',sans-serif; font-weight:400; line-height:1.5; color:#000; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; background:#FFF; } #content ul, #footer ul { margin-bottom:1.8rem; } #content li { margin:0 0 0.5em 0; list-style:none; } #skiptocontent { } h1, h2 {font-size: 3.2rem; margin: 0 0 1.5rem 0; line-height:1; font-weight:700; color:#6c6e71; } h3 {font-size: 1.8rem; margin: 0 0 1em 0; line-height:1.2; } #maintitle h1 { margin: 0 ;} @media all and (min-width: 1200px) { h2, #maintitle h1 {font-size: 3.6rem; } } .heading h1, .heading h2, .heading h3 { font-size: 2rem; font-weight:600; } .heading h3 { font-size: 1.8rem; margin: 0 0 0.5em 0; font-weight:600; color:#6c6e71; } p, li {font-size:1.8rem; margin-bottom:0.5em; padding-right:0.5em; font-weight:400; max-width:40em; } p, li , .textcontent h2, .textcontent h3 { max-width:80rem; } figcaption { font-size:1.5rem; color:#666; } p { margin-bottom:1em; } p:not(.cta) { padding-right:0.5em; } main p:not(.cta) a, main li:not(.anchor) a {color:rgba(0,159,227,1); font-weight:600; text-decoration:none; display:inline-block; position:relative; transition:color 0.2s ease;} main p:not(.cta) a::after, main li:not(.anchor) a::after { content:""; display:inline-block; width:100%; height:0; border-bottom:1px solid rgba(0,159,227,1); bottom:0; position:absolute; left:0; transition:all 0.2s ease;} main p:not(.cta) a:hover, main li:not(.anchor) a:hover {color:black; } main p:not(.cta) a:hover::after, main li:not(.anchor) a:hover::after { border:2px solid #222; } p.cta span, p.cta a { display:inline-block; border:1px solid rgba(0,184,241,1); text-align:center; padding:0.75em 1em; color:rgba(0,184,241,1); text-decoration:none; } p.cta span:hover, p.cta a:hover { background:rgba(0,184,241,1); color:white; } #fullnav ul li ul li{ margin-left:1.5em; } .wrapper { position:relative; width:100%; padding:0 20px; max-width:1460px; margin:0 auto; } @media all and (min-width:1024px) { .wrapper { padding:0 40px; } } div.vidholder { width:100%; margin:40px auto; } div.vid { width:100%; height:auto; position:relative; padding-bottom:56.25%; } .media iframe { position:absolute; width:100%; height:100%; } iframe {width:100%; outline:none; border:none; } div.i4ewOd-pzNkMb-haAclf { opacity:0 !important; } .embed iframe { height:600px; } .textcontent{ width:100%; margin:20px auto; max-width:900px; } .wrapper&gt;div:not(.textcontent) { margin:40px 0; } #maintitle div.textcontent{ margin:40px auto 30px; } .heading .textcontent {margin:60px auto 10px; } #module0 { margin:20px auto ; } .media { margin:40px auto; } .resources {margin:20px auto 40px; } .heading div.small_heading { margin:20px auto 0; } .banner { width:100%; overflow:hidden; } .banner .img { width:100%; height:0; padding-bottom:50%; transition:all 0.3s ease; position:relative; background-position:center center; background-size:cover; } /*.banner .img img { display:block; position:relative; left:50%; top:50%; height:100%; width:auto; transform:translate(-50%,-50%); } */ .banner .img img { display:block; position:absolute; height:100%; left:50%; top:50%; transform:translate(-50%,-50%);} @media all and (min-width:1400px) { .banner .img { padding-bottom:40%; } } @media all and (max-width:767px) { .banner .img { padding-bottom:100%; } } .image { width:100%; } .image img { display:block; width:100%; height:auto; } @media all and (max-width:767px) { /*#anchorholder { display:none;}*/ } #anchorholder ul li { display:inline-block; color: rgba(0,184,241,1); position:relative;padding:0 1em; left:-1em; } #anchorholder ul li::after { content:""; display:block; width:0; height:120%; position:absolute; top:50%; right:0; transform:translateY(-50%); border-right:1px solid rgba(0,184,241,1); } #anchorholder ul li:last-child::after {display:none; } #anchorholder ul li a { color: rgba(0,184,241,1); text-decoration:none; display:block; } #anchorholder ul li:first-child a { padding-left:0; } #anchorholder ul li:last-child a { padding-right:0; } @media all and (max-width:767px) { #anchorholder ul li { font-size:1.6rem; padding:0; left:0; width:calc(50% - 5px); width:100%; margin-bottom:10px; } #anchorholder ul li:first-child a, #anchorholder ul li:last-child a, #anchorholder ul li a { border:1px solid rgba(0,184,241,1); padding:0.5em 1em; text-align:center; } #anchorholder ul li::after { display:none; } /* #anchorholder ul li:nth-child(2n+1){ margin-right:10px; }*/ } .heading { position:relative; } .textcontent div { } .heading div { } .backtotop { display:inline-block; width:10em; height:2rem; margin:0 1rem 0 40px; transition:all 0.2s ease; color:rgba(0,184,241,1); font-size:1.4rem; line-height:2; position:absolute; } .backtotop i { display:block; font-style:normal; font-weight:normal; position:relative; top:-2px; } .backtotop::before { /**/display:inline-block; content:""; transform: rotate(45deg); position:relative; width:14px; height:14px; top:calc(50% + 4px); border:1px solid rgba(0,184,241,1);; border-bottom:none; border-right:none; color:rgba(0,184,241,1); position:absolute; top:-1rem; } .backtotop:hover { transform:scale(1.1,1.1); } @media all and (min-width:1200px) { .backtotop::before { left:0.5rem; } .backtotop { left:0; } } @media all and (min-width:1400px) { .backtotop { margin:0 1rem 0 80px; } } @media all and (max-width:1199px) { .backtotop::before { right:0.5rem;} .backtotop { right:0; margin:0 40px 0 0; text-align:right; } } @media all and (max-width:767px) { .backtotop { display:none; } .heading div {padding-right:120px; /**/padding-right:0; } } #backtotopwrapper { height:120px; position:fixed; transform:translateX(-50%); bottom:0; left:50%; pointer-events:none; transition:all 0.2s ease; z-index:900;} #backtotopwrapper .textcontent, #backtotopwrapper .textcontent&gt;div { position:relative; height:100%; z-index:900; } #backtotop { z-index:900; opacity:0; pointer-events:none; /*display:none !important;border:20px solid white; border-top-width:30px; border-bottom-width:40px;background:rgba(0,159,227,0.96);*/ color:white; height:auto; margin:0 !important; width:4em !important; transition:all 0.3s ease; font:1.4rem; line-height:1.2; position:absolute; left:0; top:0; text-align:left; } #backtotop::before { left:0.5rem ; pointer-events:auto; border-color:white; top:-1em;z-index:42; } #backtotop::before { width:12px; height:12px; } #backtotop i { position: relative; z-index:42; } #backtotop::after { background:rgba(0,159,227,0.96); border-radius:100%; width:100%; height:0; padding-bottom:100%; content:""; display:block; position:absolute; top:35%; left:50%; transform:translate(-50%,-50%) scale(1.6,1.6); z-index:40; } /*#backtotop { -webkit-box-shadow: -4px -4px 5px 0px rgba(0,130,170,0.3); -moz-box-shadow: -4px -4px 5px 0px rgba(0,130,170,0.3); box-shadow: -4px -4px 5px 0px rgba(0,130,170,0.3); }*/ @media all and (max-width:767px) { #backtotop { display:block !important; } } body.anchorscrolled #backtotop { opacity:1; pointer-events:auto; } body.scrolledtobottom #backtotopwrapper #backtotop { top:calc(100% - 34px); opacity:0.75; } .resources ul { display: grid; grid-gap:20px; } .resources li { /*margin:0 20px 20px 0;*/ position:relative; overflow:hidden !important; font-size:1.6rem; line-height:1.3; } .resources li a { display:block !important; height: 100%; padding:20px 20px 30px;text-decoration:none; color:black; background-color:rgba(230,230,230,0.75); background-image: url('data:image/svg+xml;utf8, &lt;svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-470 272 18 18" style="enable-background:new -470 272 18 18;" xml:space="preserve"&gt;&lt;g&gt;&lt;g&gt;&lt;defs&gt;&lt;rect id="SVGID_1_" x="-470" y="272" width="18" height="18"/&gt;&lt;/defs&gt;&lt;clipPath id="SVGID_2_"&gt;&lt;use xlink:href="#SVGID_1_" style="overflow:visible;"/&gt;&lt;/clipPath&gt;&lt;path fill="#666666" class="st0" d="M-459,272v2h3.6l-9.8,9.8l1.4,1.4l9.8-9.8v3.6h2v-7H-459z M-454,288h-14v-14h7v-2h-7c-1.1,0-2,0.9-2,2v14 c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-7h-2V288z"/&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;'); background-position:calc(100% - 10px) calc(100% - 13px); background-repeat:no-repeat; background-size:18px 18px; transition:all 0.2s ease; } .resources li a:hover { color:#FFF; background-color:rgba(0,130,170,0.92); background-image: url('data:image/svg+xml;utf8, &lt;svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-470 272 18 18" style="enable-background:new -470 272 18 18;" xml:space="preserve"&gt;&lt;g&gt;&lt;g&gt;&lt;defs&gt;&lt;rect id="SVGID_1_" x="-470" y="272" width="18" height="18"/&gt;&lt;/defs&gt;&lt;clipPath id="SVGID_2_"&gt;&lt;use xlink:href="#SVGID_1_" style="overflow:visible;"/&gt;&lt;/clipPath&gt;&lt;path fill="#FFFFFF" class="st0" d="M-459,272v2h3.6l-9.8,9.8l1.4,1.4l9.8-9.8v3.6h2v-7H-459z M-454,288h-14v-14h7v-2h-7c-1.1,0-2,0.9-2,2v14 c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-7h-2V288z"/&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;'); } .resources li .img { width:100%; height:0; padding-bottom:100%; position:relative; } .resources li .img img { display:block; position:absolute; } .resources li .img.landscape img{ width:100%; height:auto; left:0; top:50%; transform:translateY(-50%); } .resources li .img.portrait img{ height:100%; width:auto; left:50%; top:0; transform:translateX(-50%); } .resources li .img &gt; span.cover { display:block; background:rgba(0,130,170,0.92); color:#FFF; width:66%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); /*-webkit-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); */ } .resources li .img &gt; span.cover strong {display:block; padding:10px 20px 10px 10px; font-size:1.2vw; } .resources li a&gt;strong {display:block; height:5.2em;font-size:1.6rem; } @media all and (max-width:767px) { .resources li { width:100%; margin-right:0 !important; } .resources li .img &gt; span.cover strong { font-size:1.6rem; } .resources li a&gt;strong {height:auto; } .resources ul { grid-template-columns: 1fr ; } } @media all and (min-width:768px) and (max-width:1023px) { /*.resources li { width:calc(33.3333% - ((20px * 2) / 3)); } .resources li:nth-child(3n+3){ margin-right:0 !important; } .resources li:nth-child(3n+4){ clear:both; }*/ .resources ul { grid-template-columns: 1fr 1fr; } } @media all and (min-width:1024px) { /*.resources li { width:calc(25% - ((20px * 3) / 4)); } .resources li:nth-child(4n+4){ margin-right:0 !important; } .resources li:nth-child(4n+5){ }*/ .resources li .img &gt; span.cover strong { font-size:1.6rem; } /*.resources li { width:calc(33.3333% - ((20px * 2) / 3)); } .resources li:nth-child(3n+3){ margin-right:0 !important; } .resources li:nth-child(3n+4){ clear:both; }*/ .resources ul { grid-template-columns: 1fr 1fr 1fr; } }/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-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); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } /*@media all and (max-width: 599px) { .slick-slide { width:100% !important ; float:none; } } */ [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slidesholder { position:relative; overflow:hidden; } .slidesholder * { outline:none;} .slidesholder div.whereweare { position:absolute; top:0; left:0; width:100%; z-index:30; pointer-events:none; } .slidesholder div.whereweare&gt;div, .slides .img { width:100%; height:0; padding-bottom:50%; transition:all 0.3s ease; } .slidesholder div.whereweare div div.wrapper { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; } @media all and (max-width:767px) { .slidesholder div.whereweare&gt;div, .slides .img { padding-bottom:100%; } } @media all and (min-width:1400px) { .slidesholder div.whereweare&gt;div, .slides .img { padding-bottom:40%; } } .slides { position:relative;} .slides .slide { } .slides .img { background-position:center center; background-size:cover; position:relative; } .slidesholder div.whereweare div b { display:block; position:absolute; bottom:-1px; left:0; height:30px; } .slidesholder div.whereweare div b::after { content:""; width: 0; height: 0; border-left: 24px solid transparent; border-right: 24px solid transparent; border-bottom: 24px solid white; position:absolute; bottom:0; left:50%; transform:translateX(-50%); } .slides .slide aside { margin:20px auto 20px; } .slides .slide aside p { font-size:14px; color:#666; max-width:40em; } .slides .slide aside p:not(.cta) { font-size:12px; } @media all and (min-width:768px) { #maintitle h1, .slides .slide aside h2 { position:absolute; top:-120px; color:white; z-index:90; } #mainbanner { position:relative; } #mainbanner::after, .slides .img::after { content:""; display:block; z-index:80; width:100%; height:220px; position:absolute; opacity:0.75; bottom:0; left:0; background: -webkit-linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(bottom, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } } .slidesholder .nextprev { position:absolute; top:0; left:0; z-index:29; width:100%; height:0; padding-bottom:50%; transition:all 0.3s ease; pointer-events:none; } @media all and (max-width:767px) { .slidesholder .nextprev { padding-bottom:100%; } } @media all and (min-width:1400px) { .slidesholder .nextprev { padding-bottom:40%; } } .slidesholder .nextprev b { display:block; position:absolute; top:0; height:100%; width:100px; pointer-events:auto; cursor:pointer; opacity:0.75; transition:all 0.2s ease; } .slidesholder .nextprev b:hover {opacity:1; } .slidesholder .nextprev b::after { content:""; display:block; top:50%; width:40px; height:40px; position:absolute; transform:rotate(45deg) translate(-50%,-50%) ; border:1px solid white; transition:all 0.2s ease; } .slidesholder .nextprev b.prev { left:0; } .slidesholder .nextprev b.next { right:0; } .slidesholder .nextprev b.prev::after { left:0; left:35px; border-top:none; border-right:none; } .slidesholder .nextprev b.next::after { right:0; right:35px; border-bottom:none; border-left:none; } .slidesholder .nextprev b::before{ content:""; display:block; position:absolute; top:0; right:0; width:160%; height:100%;opacity:0.5; } .slidesholder .nextprev b.next::before{ right:0; background: -webkit-linear-gradient(right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } .slidesholder .nextprev b.prev::before{ left:0; background: -webkit-linear-gradient(left, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(left, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } .slidesholder .nextprev b.prev:hover::after { left:40px; } .slidesholder .nextprev b.next:hover::after { right: 40px; } @media all and (max-width:767px) { .slidesholder .nextprev { padding-bottom:100%; } } html.touchevents .slidesholder .nextprev b { opacity:1; } html.touchevents .slidesholder .nextprev b::before{ opacity:0.3; } html.touchevents .slidesholder .nextprev b.prev::after { left:10px; } html.touchevents .slidesholder .nextprev b.next::after { right: 10px; } html.touchevents .slidesholder .nextprev b::after { width: 30px; height:30px; } .portrait .content_slides { max-width:720px; max-width:900px; margin:0 auto !important; } .content_slides .slick-arrow { display:block; position:absolute; top:0; height:100%; width:39px; pointer-events:auto; cursor:pointer; opacity:0.5; transition:all 0.2s ease; background:none; z-index:20; overflow:hidden; text-indent:-200px; color:rgba(255,255,255,0);} .content_slides .slick-arrow:hover {opacity:1; } .content_slides .slick-arrow::after { content:""; display:block; margin-top:-2rem; top:50%; width:30px; height:30px; position:absolute; transform:rotate(45deg) translate(-50%,-50%); border:1px solid black; transition:all 0.2s ease; } .content_slides .slick-arrow.slick-next { right:-39px; } .content_slides .slick-arrow.slick-prev { left:-39px; } .content_slides .slick-arrow.slick-prev::after { left:15px; border-top:none; border-right:none; } .content_slides .slick-arrow.slick-next::after { right:15px;border-bottom:none; border-left:none; } @media all and (max-width:1023px) { .content_slides .slick-arrow { opacity:1; } .content_slides .slick-arrow::after { border:1px solid white; } .content_slides .slick-arrow.slick-next { right:0; } .content_slides .slick-arrow.slick-prev { left:0; } } .logo { line-height:1; position:relative; } .logo a { display:block; height:100%; width:60%; background:none; text-decoration:none; color:inherit; margin:16px 20px; transition:all 0.2s ease; width:200px; } .logo a span {display:block;width:0; height:0; overflow:hidden; } .logo a::after { background-repeat:no-repeat !important; color:white; display:block; content:"\e900"; font-family:vp; font-weight:normal !important; font-size:40px; } body.scrolled .logo a { margin-top:16px; } #masthead a {pointer-events:auto; color:inherit !important; text-decoration:none; transition:all 0.5s ease; } #masthead::before{ opacity:0.75; content:""; display:block; position:absolute; top:0; left:0; width:100%; height:180%; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } #mainnav { background:rgba(0,130,170,0.92); color:white; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; z-index:998; opacity:0; left:0; transition:opacity 0.3s ease; pointer-events:none; background: rgb(0,130,170); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,130,170,0.92) 0%, rgba(55,159,207,0.92) 100%); background: -webkit-linear-gradient(top, rgba(0,130,170,0.92) 0%,rgba(55,159,207,0.92) 100%); background: linear-gradient(to bottom, rgba(0,130,170,0.92) 0%,rgba(55,159,207,0.92) 100%); } body.navshown #mainnav { opacity:1; left:0; pointer-events:auto; } #mainnav li a { text-decoration:none; color:rgba(255,255,255,0.85); border:none; border-top:1px dotted rgba(255,255,255,0.85); display:block; margin:0 10px 0 0; padding:0.5em 0; line-height:1.2; } @media all and (min-width:1024px) { #mainnav li a {margin:0 20px 0 0; } } #mainnav a:hover { color:rgba(255,255,255,1);} #mainnav ul { padding-left:51px; margin: 20px ;} #mainnav li { font-size:2rem; padding:0 0; margin:0; margin:0 0 1rem; font-weight:600; max-width:none; } @media all and (min-width:1024px) { #mainnav li { font-size:2.2rem; } } #mainnav li::after {content:""; display:block; clear:both; } #mainnav li a { position:relative; } #mainnav li a img { /*position:relative; float:left; margin-right:0.666em; display:block; height:2.2em; width:auto; top:-0.5em; */ position:absolute; top:0; left:0; height:2.2em; width:auto; } #mainnav li a span {display:block; padding-left:3.8em; } #masthead { position:fixed; z-index:997; min-height:70px; width:100%; transition:all 0.2s ease; } #masthead nav { margin:0 0 0 20px; padding-bottom:20px; } #hamburger { display:block; width:40px; height:34px; position:fixed; top:31px; right:20px; z-index:999; transition:all 0.2s ease; } #hamburger span {display:block; position:absolute; width:100%; height:100%; box-sizing: content-box !important;transition:all 0.2s ease; top:0; left:0; } body.scrolled #hamburger { top:21px; } #hamburger span::after, #hamburger span::before { transition:all 0.2s ease; box-sizing: content-box !important; display:block; position:absolute; width:100%; border:1px solid white; border-left:none; border-right:none; height:0; content:""; height:15px !important; } #hamburger span::before { top:0; left:0; } #hamburger span::after { top:16px; right:0; } #hamburger span b { display:block; position:absolute; width:0; height:0; overflow:hidden; } #hamburger span::after { display:block; height:0; width:100%; } #hamburger span::before { display:block; height:0; width:100%; } body.navshown #hamburger { transform:scale(1.2,1.2); } body.navshown #hamburger span { top:16px;} body.navshown #hamburger span::after, body.navshown #hamburger span::before { height:0 !important; border-color:white !important;} body.navshown #hamburger span::before { transform:rotate(-45deg); height:0; border-top:none; } body.navshown #hamburger span::after {top:0; transform:rotate(45deg) ; border-bottom:none; } body.navshown #masthead { /*opacity:0.4;*/ } body.scrolled #masthead { background:white; color: rgba(0,184,241,1); color:white; background: rgba(0,130,170,0.92); } body.scrolled #masthead::before { height:0; opacity:0; } body.scrolled #masthead a::after { color: rgba(0,184,241,1);color:white; } body.scrolled #hamburger span::after, body.scrolled #hamburger span::before { border-color: rgba(0,184,241,1); border-color:white; } @media all and (min-width:1024px) { #hamburger { right:40px; } .logo a, #mainnav nav ul{ margin-left:40px; } }#footer { border-top:1px solid rgba(0,130,170,0.92); margin-top:60px; padding:10px 0 20px; position:relative; } #footer::before { content:""; display:block; z-index:10; width:100%; height:35px; position:absolute; opacity:0.2; pointer-events:none; z-index:-1; top:0; left:0; background: -webkit-linear-gradient(top, hsl(194, 48%, 20%) 0%, hsla(194, 48%, 20%, 0.738) 19%, hsla(194, 48%, 20%, 0.541) 34%, hsla(194, 48%, 20%, 0.382) 47%, hsla(194, 48%, 20%, 0.278) 56.5%, hsla(194, 48%, 20%, 0.194) 65%, hsla(194, 48%, 20%, 0.126) 73%, hsla(194, 48%, 20%, 0.075) 80.2%, hsla(194, 48%, 20%, 0.042) 86.1%, hsla(194, 48%, 20%, 0.021) 91%, hsla(194, 48%, 20%, 0.008) 95.2%, hsla(194, 48%, 20%, 0.002) 98.2%, hsla(194, 48%, 20%, 0) 100% ); background: linear-gradient(top, hsl(194, 48%, 20%) 0%, hsla(194, 48%, 20%, 0.738) 19%, hsla(194, 48%, 20%, 0.541) 34%, hsla(194, 48%, 20%, 0.382) 47%, hsla(194, 48%, 20%, 0.278) 56.5%, hsla(194, 48%, 20%, 0.194) 65%, hsla(194, 48%, 20%, 0.126) 73%, hsla(194, 48%, 20%, 0.075) 80.2%, hsla(194, 48%, 20%, 0.042) 86.1%, hsla(194, 48%, 20%, 0.021) 91%, hsla(194, 48%, 20%, 0.008) 95.2%, hsla(194, 48%, 20%, 0.002) 98.2%, hsla(194, 48%, 20%, 0) 100% ); } .app_download { padding:30px ; margin:80px auto 60px; width:100%; max-width:900px; border:2px solid rgba(0,184,241,1); color:rgba(0,184,241,1); text-align:center; } .app_download p.badges { margin:0; width:100%; max-width:none; text-align:center; } .app_download p.badges a { display:inline-block; width:50%; } .app_download p.badges img { height:40px; width:auto; margin:10px;float:right; } .app_download p.badges a:last-child img{ float:left; } .app_download h2 { color: rgba(0,184,241,1); } @media all and (max-width:350px) { .app_download p.badges img { height:35px; } } footer#footer p.logos img { height:70px; width:auto; display:block; } footer#footer p.logos a { display:inline-block; margin-right:30px; } footer#footer p.logos a:last-child { margin-right:0; } @media all and (max-width:500px) { footer#footer p.logos { /*display:flex; flex-wrap:wrap; */ width:80%; margin:10px auto; } footer#footer p.logos img { width:100%; height:auto; } } p#ng { font-size:14px; text-align:center; } p#ng a{ text-decoration:none; color:inherit; } p#ng a,p#ng a:link,p#ng a:visited{ transition: all 0.2s ease; color: inherit; text-decoration:none; background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0.25),rgba(255,255,255,0.25)); background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .5s; } p#ng a:hover { color: rgba(0, 0, 0, 1); background-size:100% 1px,100% 1px} @media all and (min-width:501px) { p#ng { text-align:left; } } @media all and (min-width:900px) { #footertext { display:flex; align-items:center;} p#ng { margin-left:auto; } } </pre></body></html>