@font-face{font-family:KlinicSlabBold;src:url(/css/fonts/KlinicSlabBold.otf) format("opentype")}@font-face{font-family:KlinicSlabMedium;src:url(/css/fonts/KlinicSlabMedium.otf) format("opentype")}@media (max-width:768px){header>.container-fluid{display:none}a.surf-cam{background-size:100%}}body,html{max-width:100%;overflow-x:hidden}header>.container-fluid{width:500px}header>.container-fluid a img{width:480px;margin:10px}.navbar{background-color:#003087;border:none;border-radius:0;margin-bottom:0}.navbar img[src="/images/logo-navbar.png"]{max-height:42px;margin-top:-11px}.navbar .navbar-brand.navbar-brand-title{font-family:KlinicSlabBold;font-size:24px;color:#003087;margin-left:-24px}.navbar ul li:not(.brand):hover,.navbar-default .navbar-nav .dropdown-menu,.navbar-default .navbar-nav>.open>a{background-color:#122b4d!important}.navbar-default .navbar-nav .dropdown-menu li a{font-size:15px}header .dropdown-menu>li>a:hover{background-color:#021a47}@media (max-width:768px){header{position:fixed!important;top:0!important}#grid-container{margin-top:75px!important}}header{width:100%;z-index:1;background-color:#fff;z-index:99}.navbar-default .navbar-nav .dropdown-menu{border:none}#navbar .navbar-nav>li>a{font-size:18px;text-transform:uppercase}.nav>li.brand{display:none}.nav>li.brand a{padding-top:0;padding-bottom:0;margin-top:15px}#navbar a{font-family:Roboto,Arial,Helvetica,sans-serif;color:#55d6f8}.bad-score{color:#d70834}thead .tname{width:60%}thead .tpriority{width:20%}thead .tscore{width:20%}thead .cname{width:25%}thead .cpriority{width:5%}thead .ccorrection{width:70%}.table-collapse{display:inline;font-size:18px;font-weight:700}.table-collapse a{color:#333}.table-collapse a:hover{color:#777;text-decoration:none}.failures{display:inline}.label-as-badge{border-radius:1em}#dropbox{color:#ccc;border:5px dotted #ccc;margin-bottom:20px}#dropbox p{margin:20px}#dropbox #dropbox-error{display:none}#dropbox.hovered{border-color:#000;color:#000}#dropbox .progress{display:none;margin-bottom:0}#dropbox.uploading{border-color:#fff}#dropbox.uploading .progress{display:block}#dropbox.uploading p{display:none}#url-input{font-family:FontAwesome}.submit-row{padding-top:15px}#main-container{margin-top:50px}#grid-container>.container-fluid{margin-bottom:20px}button#search-data-button.btn.btn-default{margin-bottom:10px;box-shadow:1px 2px 4px #b0b0b0}button#search-data-button.btn.btn-default:focus{outline:0}button#search-data-button.btn.btn-default span{font-family:'Roboto Slab',Times,serif;font-weight:700;font-size:18px;padding-left:22px;padding-right:8px}button#search-data-button.btn.btn-default span::before{color:#003087;content:'\003e';font-size:1.8em;font-weight:400;position:absolute;left:28px;top:-7px;transform:scale(.8,1.2);transition:all .25s ease-out}button#search-data-button.btn.btn-default.open span::before{top:-3px;transform:rotate(90deg) scale(.8,1.2)}#search-input-collapse input{font-family:'Roboto Slab',Times,serif}#grid-container>.container-fluid .well{margin-bottom:0}@media (min-width:1280px){#grid-container{padding-left:0;padding-right:0}}#grid-container .col-md-12{padding:0 0 40px 0}@media (max-width:768px){#grid-container .col-md-12>.grid{margin:0 25px}}#grid-container{margin-top:25px}.grid-item{color:#fff}.grid-item.onexone,.grid-item.onextwo,.grid-item.twoxone,.grid-item.twoxtwo{width:100%;height:240px}@media (min-width:768px){ul.sub-menu{-webkit-column-count:2;-khtml-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:0;-khtml-column-gap:0;-moz-column-gap:0;column-gap:0;margin-left:-250px}#navbar{height:60px!important}.navbar .navbar-nav{width:975px}.navbar .navbar-collapse{text-align:center}.navbar .navbar-nav{display:inline-block;float:none}.navbar .navbar-nav>li{margin-right:3%}.navbar-nav>li>a{padding-top:21px;padding-bottom:19px}.navbar-brand{display:none}.nav>li.brand{display:inline-block}.navbar img[src="/images/logo-navbar.png"]{margin-top:-6px}.grid-item.onexone,.grid-item.twoxone.data-demo-center{width:33%;height:240px}.grid-item.twoxone{width:66%;height:240px}.grid-item.onextwo{width:33%;height:480px}.grid-item.twoxtwo{width:66%;height:480px}a.grid-item .tile-wrap h1{font-size:20px}a.grid-item.atn .tile-wrap h1,a.grid-item.ioos-eds .tile-wrap h1{margin-top:13%}a.grid-item .tile-wrap h1{margin-top:33%}a.grid-item.regional-associations .tile-wrap h1{margin-top:33%}a.grid-item.data-discovery .tile-wrap h1{margin-top:14%}a.grid-item.compliance-checker .tile-wrap h1{margin-top:33%}a.grid-item.demonstrations .tile-wrap h1{margin-top:26%}a.grid-item.comt .tile-wrap h1,a.grid-item.metrics .tile-wrap h1{margin-top:32%}a.grid-item.hf-radar .tile-wrap h1{margin-top:33%}a.grid-item.osmc .tile-wrap h1{margin-top:35%}a.grid-item.ocean-acidification .tile-wrap h1{margin-top:40%}a.grid-item.video-portal .tile-wrap h1{margin-top:38%}.grid-item.ioos-eds .tile-wrap h1,.grid-item.sensor-map .tile-wrap h1{font-size:26px}a.mbon{background-size:cover}a.grid-item.twoxone.data-demo-center{background-size:125%}#main-container.surf-cam{margin-top:0}}@media (min-width:1280px){.grid-item.onexone{width:300px;height:240px}.grid-item.onextwo{height:480px;width:300px}.grid-item.twoxone,.grid-item.twoxone.data-demo-center{width:600px;height:240px}.grid-item.twoxtwo{width:600px;height:480px}a.grid-item .tile-wrap h1{font-size:20px}.grid-item.ioos-eds .tile-wrap h1,.grid-item.sensor-map .tile-wrap h1{font-size:26px}.sensor-map{background-position-x:-80px}a.grid-item.sensor-map .tile-wrap h1{margin-top:14%!important}}.search-bar{background-color:#003087;padding:12px;margin-left:-15px;margin-right:-15px}.search-title{color:#fff;font-size:18px;padding-top:5px;text-align:center;font-weight:600}.orange{background-image:linear-gradient(-167deg,#f5a623 67%,#f09c0f 100%,#ed9400 100%)}.aqua{background-image:linear-gradient(-170deg,#0093b2 66%,#017a94 99%,#0093b2 100%)}a.grid-item:hover{color:#ddeaff;text-decoration:none}a.grid-item:active,a.grid-item:visited{text-decoration:none}a.grid-item .tile-wrap{padding:5%;height:100%;text-align:center}a.grid-item .tile-wrap h1{font-family:'Roboto Slab',Times,serif}a.grid-item{background-repeat:no-repeat}a.glider-dac{background-image:url(/images/glider.png);background-size:150%;background-position-y:-20px;background-position-x:-20px}a.sanct-sound{background-image:url(/images/sanct-sound.png);background-size:100%;background-position-y:-35px}a.sensor-map{background-image:url(/images/all-stations-new.png)}a.ioos-eds{background-image:url(/images/ioos-eds.png);color:#51565d}a.ioos-eds:hover{color:#51565d}a.mbon{background-image:url(/images/demonstrations-tile.jpg)}a.comt{background-image:url(/images/comt-tile.png);background-size:cover}a.surf-cam{background-image:url(/images/surf-cam.png)}a.data-demo-center{background-image:url(/images/ioos_CodeLab.png);background-size:100%}a.hf-radar{background-image:url(/images/codar-combined-TX_RX_2_2.jpg);background-size:215%}a.osmc{background-image:url(/images/osmc-tile.png);background-size:155%}a.ocean-acidification{background-image:url(/images/ocean-acidification.png);background-size:235%}a.atn{background-image:url(/images/ATN.png);background-size:125%}a.video-portal{background-image:url(/images/video_portal.png);background-size:134%}a.data-discovery{background-image:url(/images/new-data-catalog-lightmap.png);background-size:112%}a.regional-associations{background-image:url(/images/r-a-tile-3.jpg);background-size:110%;background-position-y:-13px;background-position-x:-23px}a.compliance-checker span.glyphicon-ok,a.comt span.glyphicon-th,a.data-discovery span.glyphicon-search,a.metrics span.glyphicon-signal{position:absolute;font-size:215px;opacity:.4;margin-left:-31%;margin-top:2%}a.data-discovery span.glyphicon-search{margin-top:6%}a.metrics span.glyphicon-signal{margin-top:6%}a.metrics span.glyphicon-signal{margin-left:-39%}iframe.twitter-timeline{border:1px solid #ddd!important}#feedback{border:0 solid #fff;background:#600 url(/images/feedback-tab-left.png) top left no-repeat;width:36px;height:100px;position:fixed;left:-3px;top:40%;overflow:hidden;cursor:pointer;z-index:10000}#feedback:hover{left:-2px}#feedbackForm .modal-body .well:not(:first-of-type){width:49%;display:inline-block}#feedbackForm .modal-body .well:last-of-type{margin-left:11px}#feedbackForm .form-group{margin-bottom:0}#feedbackForm .form-group span.glyphicon{visibility:hidden}footer{font-family:Roboto,sans-serif;background-color:#020e38;background-image:url(/images/bg_footer.png);background-position:top center;background-repeat:no-repeat;background-size:cover;padding-left:10px;padding-right:10px;padding-bottom:10px;margin-top:50px;position:relative}footer>.container>.row>.col-md-3 a{color:#55d6f8;display:block;padding-bottom:24px;transition:all .3s ease}footer>.container>.row>.col-md-3 a:hover{text-decoration:none;color:#fff!important}#footer-col-3 .txt{line-height:14px;padding-left:22px}#footer-col-3 div{display:inline-block}#footer-col-2{margin-left:0;margin-right:-20px}#footer-col-2 h5,#footer-col-3 h5{color:#fff;padding-top:40px;padding-bottom:16px;font-size:20px;font-weight:400;font-family:'Roboto Slab',Times,serif!important}#footer-col-3 a:hover .ggt-icon-border{background:#fff;opacity:.8}#footer-col-3 .ggt-icon-border{transition:all .15s ease}#footer-col-3 .ggt-icon-border{background:#55d6f8;border-radius:5px;height:39px;width:39px}#footer-col-3 .ggt-icon-border i{color:#122b4d;font-size:28px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#footer-col-4{background-image:url(/images/logo-ioos-white.png);background-position:0 50px;background-repeat:no-repeat;background-size:72px;color:#fff;line-height:16px;padding-left:120px}#footer-col-4 a.btn{border:1px solid #55d6f8;border-radius:0!important;padding:8px 23px!important}#footer-col-4 a.btn:hover{border-color:#fff}#footer-col-4>div{padding-top:50px}footer path{fill:#003087}.point{width:2.6%;min-width:10px;height:3.8%;min-height:10px;border-radius:50%;position:absolute}.pacioos{left:36.8%;top:58.5%}.aoos{left:40.1%;top:17.4%}.nanoos{left:52.9%;top:33%}.cencoos{left:52.9%;top:43.4%}.sccoos{left:55.1%;top:48.9%}.gcoos{left:64.3%;top:51.5%}.glos{left:69.1%;top:39%}.neracoos{left:74.7%;top:39%}.maracoos{left:72.5%;top:42.5%}.secoora{left:71.8%;top:47.9%}.caricoos{left:76.9%;top:62.5%}.tooltip{font-size:18px;font-family:Roboto,Arial,Helvetica,sans-serif}.col-centered{float:none;margin:0 auto}#main-container.container>.row>.col-md-3.col-centered{width:20%}nav.nav-list{top:215px}.sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#767676}.sidebar .nav>li>a:focus,.sidebar .nav>li>a:hover{padding-left:19px;color:#563d7c;text-decoration:none;background-color:transparent;border-left:1px solid #563d7c}.sidebar .nav>.active>ul{display:block}.sidebar .nav>.active:focus>a,.sidebar .nav>.active:hover>a,.sidebar .nav>.active>a{padding-left:18px;font-weight:700;color:#563d7c;background-color:transparent;border-left:2px solid #563d7c}.sidebar .nav .nav{display:none;padding-bottom:10px}.sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:30px;font-size:12px;font-weight:400}.sidebar .nav .nav>li>a:focus,.sidebar .nav .nav>li>a:hover{padding-left:29px}.sidebar .nav .nav>.active:focus>a,.sidebar .nav .nav>.active:hover>a,.sidebar .nav .nav>.active>a{padding-left:28px;font-weight:500}@media (min-width:992px){#sidenav.affix{width:212.5px}}#main-container.comt>.row h1{text-align:center}#main-container.comt .row:last-of-type h2{text-align:center;margin-bottom:20px}.project-snippet-fade{content:"";position:absolute;bottom:0;left:0;right:0;height:109px;margin-bottom:89px;margin-left:auto;margin-right:auto;width:85%;background:-moz-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%)}.comt img[src="/images/comt/comt-screenshot.jpg"]{margin-top:4%}#main-container.comt-projects{margin-top:25px}div.anchor{display:block;position:relative;top:-90px;visibility:hidden}p.caption{font-style:italic;text-align:center}.comt-projects div.list-group{display:inline-block;margin-left:30px}.comt-projects h1,.comt-projects h2{color:#003087}.comt-projects h4{font-style:italic}img[alt="Modeled Hypoxia for Summer 2015"]{width:50%;margin-left:15px}.comt-dataset img.thumbnail{box-shadow:5px 5px 5px #666;-moz-box-shadow:5px 5px 5px #666;-webkit-box-shadow:5px 5px 5px #666;min-width:225px;min-height:225px}.comt-dataset dd>ul{list-style:none;padding-left:0}.comt-dataset span.badge{font-size:14px}.model-viewer{background-image:url(/images/ioos-eds.png);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.sensor-map{background-image:url(/images/all-stations-new.png);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.sanct-sound{background-image:url(/images/sanct-sound.png);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.hf-radar{background-image:url(/images/codar-combined-TX_RX_2_2.jpg);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.regional-associations{background-image:url(/images/r-a-tile-3.jpg);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.atn{background-image:url(/images/ATN.png);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.glider-dac{background-image:url(/images/glider.png);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.data-discovery{background-image:url(/images/new-data-catalog-lightmap.png);height:300px;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.new-design>h1{color:#fff;text-align:center;margin-top:50%;font-size:22px}.new-title{font-size:28px;color:#55d6f8;background-color:#003087;text-align:center;padding:25px;display:block;margin:auto}.nopadding{padding:0!important;margin:0!important}.flip-box{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-model-viewer{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box:hover .flip-box-inner-model-viewer{transform:rotateY(180deg)}.flip-box-back-model-viewer,.flip-box-front-model-viewer{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-model-viewer{background-image:url(/images/ioos-eds.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-model-viewer>h1{margin-top:50%;font-size:22px}.flip-box-back-model-viewer{background-image:url(/images/ioos-eds.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-model-viewer>h2{margin-top:20px;font-size:18px}.flip-box-back-model-viewer>p{padding:10px 20px;font-size:16px}.flip-box-back-model-viewer>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-model-viewer>button>a{color:#fff}.flip-box-sanct-sound{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-sanct-sound{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-sanct-sound:hover .flip-box-inner-sanct-sound{transform:rotateY(180deg)}.flip-box-back-sanct-sound,.flip-box-front-sanct-sound{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-sanct-sound{background-image:url(/images/sanct-sound.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-sanct-sound>h1{margin-top:50%;font-size:22px}.flip-box-back-sanct-sound{background-image:url(/images/sanct-sound.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-sanct-sound>h2{margin-top:20px;font-size:18px}.flip-box-back-sanct-sound>p{padding:10px 20px;font-size:16px}.flip-box-back-sanct-sound>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-sanct-sound>button>a{color:#fff}.flip-box-sensor-map{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-sensor-map{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-sensor-map:hover .flip-box-inner-sensor-map{transform:rotateY(180deg)}.flip-box-back-sensor-map,.flip-box-front-sensor-map{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-sensor-map{background-image:url(/images/all-stations-new.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-sensor-map>h1{margin-top:50%;font-size:22px}.flip-box-back-sensor-map{background-image:url(/images/all-stations-new.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-sensor-map>h2{margin-top:20px;font-size:18px}.flip-box-back-sensor-map>p{padding:10px 20px;font-size:16px}.flip-box-back-sensor-map>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-sensor-map>button>a{color:#fff}.flip-box-data-discovery{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-data-discovery{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-data-discovery:hover .flip-box-inner-data-discovery{transform:rotateY(180deg)}.flip-box-back-data-discovery,.flip-box-front-data-discovery{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-data-discovery{background-image:url(/images/new-data-catalog-lightmap.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-data-discovery>h1{margin-top:50%;font-size:22px}.flip-box-back-data-discovery{background-image:url(/images/new-data-catalog-lightmap.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-data-discovery>h2{margin-top:20px;font-size:18px}.flip-box-back-data-discovery>p{padding:10px 20px;font-size:16px}.flip-box-back-data-discovery>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-data-discovery>button>a{color:#fff}.flip-box-atn{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-atn{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-atn:hover .flip-box-inner-atn{transform:rotateY(180deg)}.flip-box-back-atn,.flip-box-front-atn{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-atn{background-image:url(/images/ATN.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-atn>h1{margin-top:50%;font-size:22px}.flip-box-back-atn{background-image:url(/images/ATN.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-atn>h2{margin-top:20px;font-size:18px}.flip-box-back-atn>p{padding:10px 20px;font-size:16px}.flip-box-back-atn>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-atn>button>a{color:#fff}.flip-box-glider-dac{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-glider-dac{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-glider-dac:hover .flip-box-inner-glider-dac{transform:rotateY(180deg)}.flip-box-back-glider-dac,.flip-box-front-glider-dac{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-glider-dac{background-image:url(/images/glider.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-glider-dac>h1{margin-top:50%;font-size:22px}.flip-box-back-glider-dac{background-image:url(/images/glider.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-glider-dac>h2{margin-top:20px;font-size:18px}.flip-box-back-glider-dac>p{padding:10px 20px;font-size:16px}.flip-box-back-glider-dac>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-glider-dac>button>a{color:#fff}.flip-box-hf-radar{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-hf-radar{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-hf-radar:hover .flip-box-inner-hf-radar{transform:rotateY(180deg)}.flip-box-back-hf-radar,.flip-box-front-hf-radar{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-hf-radar{background-image:url(/images/codar-combined-TX_RX_2_2.jpg);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-hf-radar>h1{margin-top:50%;font-size:22px}.flip-box-back-hf-radar{background-image:url(/images/codar-combined-TX_RX_2_2.jpg);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-hf-radar>h2{margin-top:20px;font-size:18px}.flip-box-back-hf-radar>p{padding:10px 20px;font-size:16px}.flip-box-back-hf-radar>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-hf-radar>button>a{color:#fff}.flip-box-regional-associations{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-regional-associations{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-regional-associations:hover .flip-box-inner-regional-associations{transform:rotateY(180deg)}.flip-box-back-regional-associations,.flip-box-front-regional-associations{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-regional-associations{background-image:url(/images/r-a-tile-3.jpg);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-regional-associations>h1{margin-top:50%;font-size:22px}.flip-box-back-regional-associations{background-image:url(/images/r-a-tile-3.jpg);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-regional-associations>h2{margin-top:20px;font-size:18px}.flip-box-back-regional-associations>p{padding:10px 20px;font-size:16px}.flip-box-back-regional-associations>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-regional-associations>button>a{color:#fff}.flip-box-ioos-by-numbers{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-ioos-by-numbers{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-ioos-by-numbers:hover .flip-box-inner-ioos-by-numbers{transform:rotateY(180deg)}.flip-box-back-ioos-by-numbers,.flip-box-front-ioos-by-numbers{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-ioos-by-numbers{background-image:url(/images/ioos-by-the-numbers-22.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-ioos-by-numbers>h1{margin-top:50%;font-size:22px}.flip-box-back-ioos-by-numbers{background-image:url(/images/ioos-by-the-numbers-22.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-ioos-by-numbers>h2{margin-top:20px;font-size:18px}.flip-box-back-ioos-by-numbers>p{padding:10px 20px;font-size:16px}.flip-box-back-ioos-by-numbers>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-ioos-by-numbers>button>a{color:#fff}.flip-box-compliance-checker{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-compliance-checker{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-compliance-checker:hover .flip-box-inner-compliance-checker{transform:rotateY(180deg)}.flip-box-back-compliance-checker,.flip-box-front-compliance-checker{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-compliance-checker{background-image:url(/images/compliance-checker.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-compliance-checker>h1{margin-top:50%;font-size:22px}.flip-box-back-compliance-checker{background-image:url(/images/compliance-checker.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-compliance-checker>h2{margin-top:20px;font-size:18px}.flip-box-back-compliance-checker>p{padding:10px 20px;font-size:16px}.flip-box-back-compliance-checker>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-compliance-checker>button>a{color:#fff}.flip-box-mbon{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-mbon{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-mbon:hover .flip-box-inner-mbon{transform:rotateY(180deg)}.flip-box-back-mbon,.flip-box-front-mbon{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-mbon{background-image:url(/images/demonstrations-tile.jpg);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-mbon>h1{margin-top:50%;font-size:22px}.flip-box-back-mbon{background-image:url(/images/demonstrations-tile.jpg);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-mbon>h2{margin-top:20px;font-size:18px}.flip-box-back-mbon>p{padding:10px 20px;font-size:16px}.flip-box-back-mbon>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-mbon>button>a{color:#fff}.flip-box-comt{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-comt{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-comt:hover .flip-box-inner-comt{transform:rotateY(180deg)}.flip-box-back-comt,.flip-box-front-comt{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-comt{background-image:url(/images/comt-tile.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-comt>h1{margin-top:50%;font-size:22px}.flip-box-back-comt{background-image:url(/images/comt-tile.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-comt>h2{margin-top:20px;font-size:18px}.flip-box-back-comt>p{padding:10px 20px;font-size:16px}.flip-box-back-comt>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-comt>button>a{color:#fff}.flip-box-video-portal{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-video-portal{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-video-portal:hover .flip-box-inner-video-portal{transform:rotateY(180deg)}.flip-box-back-video-portal,.flip-box-front-video-portal{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-video-portal{background-image:url(/images/video_portal.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-video-portal>h1{margin-top:50%;font-size:22px}.flip-box-back-video-portal{background-image:url(/images/video_portal.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-video-portal>h2{margin-top:20px;font-size:18px}.flip-box-back-video-portal>p{padding:10px 20px;font-size:16px}.flip-box-back-video-portal>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-video-portal>button>a{color:#fff}.flip-box-code-lab{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-code-lab{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-code-lab:hover .flip-box-inner-code-lab{transform:rotateY(180deg)}.flip-box-back-code-lab,.flip-box-front-code-lab{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-code-lab{background-image:url(/images/ioos_CodeLab.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-code-lab>h1{margin-top:50%;font-size:22px}.flip-box-back-code-lab{background-image:url(/images/ioos_CodeLab.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-code-lab>h2{margin-top:20px;font-size:18px}.flip-box-back-code-lab>p{padding:10px 20px;font-size:16px}.flip-box-back-code-lab>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-code-lab>button>a{color:#fff}.flip-box-osmc{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-osmc{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-osmc:hover .flip-box-inner-osmc{transform:rotateY(180deg)}.flip-box-back-osmc,.flip-box-front-osmc{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-osmc{background-image:url(/images/osmc-tile.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-osmc>h1{margin-top:50%;font-size:22px}.flip-box-back-osmc{background-image:url(/images/osmc-tile.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-osmc>h2{margin-top:20px;font-size:18px}.flip-box-back-osmc>p{padding:10px 20px;font-size:16px}.flip-box-back-osmc>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-osmc>button>a{color:#fff}.flip-box-oa{background-color:transparent;height:300px;perspective:1000px}.flip-box-inner-oa{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-oa:hover .flip-box-inner-oa{transform:rotateY(180deg)}.flip-box-back-oa,.flip-box-front-oa{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front-oa{background-image:url(/images/ocean-acidification.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.5);background-size:cover}.flip-box-front-oa>h1{margin-top:50%;font-size:22px}.flip-box-back-oa{background-image:url(/images/ocean-acidification.png);color:#fff;background-repeat:no-repeat;box-shadow:inset 2000px 0 0 0 rgba(0,0,0,.8);background-size:cover;transform:rotateY(180deg)}.flip-box-back-oa>h2{margin-top:20px;font-size:18px}.flip-box-back-oa>p{padding:10px 20px;font-size:16px}.flip-box-back-oa>button{padding:10px 30px;background-color:#003087;font-size:16px;border:none;border-radius:10px}.flip-box-back-oa>button>a{color:#fff}@media screen and (max-width:992px){.flip-box{padding:15px}.flip-box-front-model-viewer>h1{margin-top:38%}.flip-box-sanct-sound{padding:15px}.flip-box-front-sanct-sound>h1{margin-top:38%}.flip-box-sensor-map{padding:15px}.flip-box-front-sensor-map>h1{margin-top:38%}.flip-box-data-discovery{padding:15px}.flip-box-front-data-discovery>h1{margin-top:38%}.flip-box-atn{padding:15px}.flip-box-front-atn>h1{margin-top:38%}.flip-box-glider-dac{padding:15px}.flip-box-front-glider-dac>h1{margin-top:38%}.flip-box-hf-radar{padding:15px}.flip-box-front-hf-radar>h1{margin-top:38%}.flip-box-regional-associations{padding:15px}.flip-box-front-regional-associations>h1{margin-top:38%}.flip-box-ioos-by-numbers{padding:15px}.flip-box-front-ioos-by-numbers>h1{margin-top:38%}.flip-box-compliance-checker{padding:15px}.flip-box-front-compliance-checker>h1{margin-top:38%}.flip-box-mbon{padding:15px}.flip-box-front-mbon>h1{margin-top:38%}.flip-box-comt{padding:15px}.flip-box-front-comt>h1{margin-top:38%}.flip-box-video-portal{padding:15px}.flip-box-front-video-portal>h1{margin-top:38%}.flip-box-code-lab{padding:15px}.flip-box-front-code-lab>h1{margin-top:38%}.flip-box-osmc{padding:15px}.flip-box-front-osmc>h1{margin-top:38%}.flip-box-oa{padding:15px}.flip-box-front-oa>h1{margin-top:38%}}