@import url(//hello.myfonts.net/count/30f2ef);@font-face{font-family:GeometricSlab712BT-MediumA;src:url(webfonts/30F2EF_0_0.eot);src:url(webfonts/30F2EF_0_0.eot?#iefix) format('embedded-opentype'),url(webfonts/30F2EF_0_0.woff2) format('woff2'),url(webfonts/30F2EF_0_0.woff) format('woff'),url(webfonts/30F2EF_0_0.ttf) format('truetype')}@font-face{font-family:GeometricSlab712BT-BoldA;src:url(webfonts/30F2EF_1_0.eot);src:url(webfonts/30F2EF_1_0.eot?#iefix) format('embedded-opentype'),url(webfonts/30F2EF_1_0.woff2) format('woff2'),url(webfonts/30F2EF_1_0.woff) format('woff'),url(webfonts/30F2EF_1_0.ttf) format('truetype')}*{margin:0;padding:0;border:0;flex-shrink:0}body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:'Open Sans',sans-serif;display:flex;flex-direction:column}body>header{display:flex;justify-content:space-between;align-items:center;background:#fff;position:relative;z-index:1;height:76px}header>div{height:76px}header>div>*{display:block;float:left}header>div>span{line-height:76px;padding:0 0 0 35px;text-transform:uppercase;font-size:24px;color:#004890;font-family:GeometricSlab712BT-MediumA}header .nato-logo{display:inline-block;width:155px;height:76px;background:transparent url(../img/logo.png) no-repeat 0 0}header .we-are-nato-logo{display:inline-block;width:245px;height:76px;background:transparent url(../img/we-are-nato.png) no-repeat 0 0}header .icon-bd{display:none}header nav{opacity:1}@keyframes headerAnimation{0%{transform:translateY(-100%)}50%{transform:translateY(-100%)}100%{transform:translateY(0)}}header nav>*{margin-right:1rem;display:inline}nav a{color:#343434;text-decoration:none;font-size:12px;text-transform:uppercase}nav a.selected{border-bottom:2px solid #1289cb;pointer-events:none}.icon-bd{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}#active-layer-panel,#home-screen,#toggle-layer-panel{display:none}#panel{background-color:rgba(18,55,102,.6);position:absolute;width:78px;height:100%;display:flex;flex-direction:column;font-size:18px;left:0;top:0;transition:all .2s;margin:0;pointer-events:all;overflow:hidden}#panel.expanded{left:0;width:400px}#panel .legend{display:none}#panel .info{display:none}#panel.expanded .legend{display:block;flex-shrink:1;line-height:1}#panel>div,#panel>span{border-bottom:1px solid #526a88;border-left:4px solid transparent}#panel>div{height:40px;line-height:40px;padding:0;font-size:11px;cursor:pointer}#panel>div svg{width:73px}#panel.expanded>div svg{width:40px}#panel>div svg{width:73px}#panel #hide-layers-text{display:none}#panel.expanded #hide-layers-text{display:inline-block}#panel.expanded #expand-panel{display:none}#panel #collapse-panel{display:none}#panel.expanded #collapse-panel{display:inline-block}#panel>span{height:50px;line-height:50px;font-size:15px;text-transform:uppercase;font-weight:600}#panel>span svg{width:73px;height:20px}#panel.expanded>span svg{width:40px}#panel>span svg path{fill:#fff!important}#panel .filter.selected svg path{fill:#52c1ff!important}body.launched #panel{animation:panelAnimation 1.5s}@keyframes panelAnimation{0%{transform:translateX(-100%)}50%{transform:translateX(-100%)}100%{transform:translateX(0)}}#panel-container button{border:none;background-color:transparent;color:#fff;font-size:12px;background-position:center;background-repeat:no-repeat;padding:0;outline:0;cursor:pointer}#panel-container button p{position:relative}#panel-container button svg{color:#fff;width:1.5em;height:1.5em;vertical-align:middle}.close-button{position:absolute;top:20px;right:20px;margin:0 5px 2px 0}.back-button{margin:0 20px 0 0}.close-button svg{margin:0 5px 2px 5px}#panel.expanded #expand-panel{display:none}#panel .filter{display:flex;align-items:center;cursor:pointer}#panel .filter img{display:none}#select-nato-members:not(.selected) .checkbox::after,#select-nato-partners:not(.selected) .checkbox::after{position:relative;display:inline-block;left:12px;top:3px}#panel .filter:hover{border-left-color:#fff}#panel .filter.selected{border-left-color:#fff}#panel .icon{width:30px;height:40px;margin:0 10px 0 auto;background-repeat:no-repeat;background-position:center}#select-nato-members .icon{width:25px;height:25px;background-color:#96daff}.filter .checkbox,.filter .icon,.filter .tick{display:inline-block}#select-nato-at-work .icon{background-image:url(../img/panel-icon-work.png)}#select-nato-at-work .icon{background-image:url(../img/panel-icon-work.png)}#select-nato-in-action .icon{background-image:url(../img/panel-icon-action.png)}#select-nato-partners .icon{background-image:url(../img/panel-icon-partners.png)}#select-nato-security-challenges .icon{background-image:url(../img/panel-icon-challenges.png)}#panel-container{position:relative;width:100%;color:#fff;flex-grow:1;pointer-events:none;display:flex}#layer-panel{position:relative;width:78px;color:#fff;flex-grow:0;pointer-events:none;background:-moz-linear-gradient(left,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 50%);background:-webkit-linear-gradient(left,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 50%);background:linear-gradient(to right,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 50%);background-size:370px 50px;background-repeat:repeat-y;background-position:left top}#layer-panel.expanded{width:100%;flex-grow:0}#panel-container a{color:#fff;text-decoration:none;display:block;margin:10px 0;font-size:12px;font-weight:600}#panel-container a:hover{color:#1289cb}#panel-container a svg{vertical-align:middle;display:inline-block;margin:0 5px 0 0}#panel-container h2{font-size:16px;font-weight:600;margin:0 0 10px 0;position:relative;padding:0 0 10px 0}#panel-container h2::after{content:'';display:block;width:60px;height:3px;background-color:#1289cb;position:absolute;left:0;bottom:0}#panel-container h3{font-size:15px;font-weight:600;margin:0 0 10px 0;position:relative}#panel-burger{width:38px;height:22px;background-image:url(../img/burger-white.png);border:0;outline:0;position:absolute;left:10px;top:15px;padding:0;background-color:transparent;border:none;display:block;pointer-events:all}#panel-burger:active{outline:0;border:none}#viewer-container{position:absolute;left:0;top:0;width:100%;height:100%}#loading-screen{display:none}#welcome-screen{display:none;position:absolute;top:81px;left:400px;right:0;bottom:0;background-color:rgba(43,58,75,.75)}#welcome-screen.show{display:block}#welcome-screen>div{width:500px;top:50%;left:50%;position:absolute;font-size:25px;font-weight:700;color:#fff;transform:translate(-50%,-50%)}#welcome-cta{font-size:19px;color:#93d9ff;padding:20px 0 0 0}#launch-button{font-size:30px;padding-right:25px;background-color:transparent;background-image:url(../img/right-blue-arrow.png);background-repeat:no-repeat;background-position:bottom right;color:inherit;opacity:0;cursor:pointer;position:absolute;bottom:30%;right:15%}body.all-loaded #launch-button{opacity:1;animation:fake-hide 5s}#launch-button[disabled]{display:none}.infobox{position:absolute;top:0;right:0;width:405px;height:calc(100% - 90px);background-color:rgba(0,32,63,.8);pointer-events:all;margin:0;display:flex;flex-direction:column;animation:infobox-animation .2s;overflow-y:auto;overflow-x:hidden;height:100%}.infobox.close{transition:transform .2s;transform:translateX(100%)}@keyframes infobox-animation{from{transform:translateX(100%)}to{transform:translateX(0)}}.infobox-wrapper>*,.infobox>*{padding:20px;margin:0}.infobox-wrapper{padding:0}.infobox>:last-child{border-bottom:none}.infobox .header{display:flex;align-items:center;flex-shrink:0}.infobox.map-share .header{height:40px}.country-infobox .country-flag{width:auto;height:24px;margin:0 10px 0 0;vertical-align:text-top}.country-infobox .country-name{font-size:20px;max-width:calc(100% - 52px)}.country-infobox .country-type-description::after{content:":"}.country-infobox .country-type{display:flex;align-items:center;font-size:16px}.country-type-color{width:10px;height:10px}.country-type-color.partner{background-color:#fc0}.country-type-color.member{background-color:#96daff}.infobox .info>*{display:inline}.activities{border-top:1px solid rgba(255,255,255,.25)}.infobox dt{font-size:18px;font-weight:600;margin:0 0 10px 0}.infobox dt::after{content:":"}.infobox dd{padding:0 0 20px 0}#panel-container .facebook-share,#panel-container .print-button,#panel-container .twitter-share{text-decoration:none;color:#fff;width:30px;height:30px;margin:0 3px 0 0;display:inline-block;background-color:rgba(244,244,244,.2)}#panel-container .facebook-share svg,#panel-container .twitter-share svg{color:#fff;width:16px;height:16px;margin:7px}.feature-infobox h2{font-weight:400}.feature-infobox .title{display:flex;flex-direction:column}.feature-infobox .title h2{margin:0 0 15px 0;font-size:16px;padding:0 0 13px 0;position:relative}.feature-infobox .title h2::after{content:'';display:block;width:60px;height:3px;background-color:#1289cb;position:absolute;left:0;bottom:0}.feature-infobox .video-link{font-size:14px;padding:2px 0 2px 25px;background-image:url(../img/video-icon.png);background-repeat:no-repeat}.infobox .description{font-size:14px;flex-grow:1}.infobox .description>a{display:block}.infobox .description p:not(:last-child){margin-bottom:10px}.country-infobox p:not(:last-child){margin-bottom:10px}.country-infobox p{font-size:14px}.feature-infobox .description h2{font-size:20px}.related-articles h2{font-size:18px;font-weight:700}.related-articles{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.25)}.related-videos{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.25)}.related-video{padding:0 0 20px 0;margin:0 0 10px 0;border-bottom:1px solid rgba(255,255,255,.2)}.related-video:last-child{margin:0;border-bottom:0 none}.feature-infobox .title img{height:auto;width:100%}.about-infobox .description{border-bottom:0}#zoom-buttons{position:absolute;display:flex;right:30px;bottom:30px}#zoom-buttons button{width:38px;height:38px;pointer-events:all;background-color:#1289cb;margin:0 0 0 8px}#zoom-buttons button:disabled{opacity:.5}.infopanel{flex-grow:1;flex-shrink:1;overflow-y:auto;border-top:1px solid #1289cb;display:none;animation:infopanelAnimation .5s;background:#052442;background:-moz-linear-gradient(left,rgba(5,36,66,1) 0,rgba(5,31,59,1) 100%);background:-webkit-linear-gradient(left,rgba(5,36,66,1) 0,rgba(5,31,59,1) 100%);background:linear-gradient(to right,rgba(5,36,66,1) 0,rgba(5,31,59,1) 100%)}#panel.expanded .infopanel:last-child{display:block}.infopanel{padding:20px}.infopanel .title{padding:0 0 10px 0;font-size:16px;font-weight:600}.infopanel .title img,.infopanel .title svg{display:none}.infopanel .description p{margin-bottom:20px;font-size:14px}@keyframes infopanelAnimation{0%{opacity:0}100%{opacity:1}}.select-infobox .header{height:40px}.select-infobox h2{margin:0 0 15px 0;font-size:16px;padding:0 0 13px 0;position:relative}.select-infobox h2::after{content:'';display:block;width:60px;height:3px;background-color:#1289cb;position:absolute;left:0;bottom:0}ul{list-style:none}.select-infobox ul{margin:0}.select-infobox li{margin:10px 5px}.share-infobox .share-options li{display:inline-block}@media print{.infobox{width:100%;height:100%;color:#000}.infobox>*{display:block}button{display:none}header nav{display:none}header>img{margin:0}#panel{display:none}#panel-container a svg,.infobox .header,.related-videos{display:none}#panel-container h2::after{content:'';display:block;width:60px;height:0;border-bottom:3px solid #1289cb;position:absolute;left:0;bottom:0}#panel-container h2{padding:0 0 15px 0;margin:0 0 30px 0}.infobox>*{padding-left:0;padding-right:0}.infobox .title img{max-width:100%;width:auto}}.infobox .info{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.25)}.infobox .info div span:first-child{display:inline-block;font-size:16px;font-weight:600;margin:0 5px 8px 0}.infobox .info div span:last-child{margin:0 0 12px 0}.infobox .info div span:first-child::after{content:":"}.infobox .info div{align-items:baseline}.infobox .info div p{flex-shrink:1;font-size:12px}#loading-globe{position:absolute;border-radius:50%;background-color:transparent;width:800px;height:800px;left:50%;top:50%;transform:translateX(-50%) translateY(-50.5%);pointer-events:none;overflow:hidden}body.all-loaded #loading-globe{opacity:0;animation:animation-only 4s}#loading-globe>div{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(27,141,204,.3)}body.all-loaded #loading-globe>div{animation:loading-animation 4s}@keyframes loading-animation{0%{transform:translateY(50%) scaleY(1) translateY(-50%)}100%{transform:translateY(50%) scaleY(0) translateY(-50%)}}@keyframes animation-only{0%{opacity:1}100%{opacity:1}}@keyframes fake-hide{0%{opacity:0;visibility:none;display:none;transform:translateX(100vw)}80%{opacity:0;visibility:none;display:none;transform:translateX(100vw)}81%{transform:translateX(0)}100%{opacity:1;visibility:visible;display:inline-block}}.modal-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:silver;background-image:url(../img/globe.png);background-repeat:no-repeat;background-position:center;animation:fadeIn .5s;z-index:10}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.modal-shadow{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/infobox-background.png);display:flex;justify-content:center;align-items:center;flex-direction:column}.modal{color:#fff;font-size:28px;max-width:50%;display:flex;flex-direction:column;align-items:center}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{min-width:200px;margin:10px;min-height:40px;font-size:24px;border-radius:0;background-color:#1b8dcc;border:1px solid #1b8dcc;color:#fff}.modal-buttons button:hover{background-color:rgba(27,141,204,.3)}body>header a img{width:auto}#mobile-panel{position:fixed;z-index:99999;top:50px;width:100%;height:calc(100% - 50px);display:none;background:silver;text-align:center}#mobile-panel .globe-container{position:relative;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%}#mobile-panel span{position:absolute;top:135px;left:0;right:0;display:flex;max-width:261px;margin:auto;color:#fff;font-size:26px}#mobile-panel img{width:auto;margin:auto;display:block}body.no-3d #toggle-xd{display:none}#country-label{display:inline-block;position:absolute;top:10px;color:#fff;left:50%;text-align:center;background-image:url(../img/highlight-background.png);opacity:.75;transition:all .5s;border-radius:5px;padding:10px;transform:translateX(-50%)}#country-label.removed{opacity:0}.direct-share{display:flex;flex-direction:column}.direct-share>*{margin-top:10px}.direct-share>h4{font-weight:600;font-style:16px}.direct-share>textarea{width:100%;height:150px;padding:10px;box-sizing:border-box;resize:none}#panel-container .direct-share .copy-to-clipboard{padding:5px 10px;background-color:#1289cb;color:#fff;font-size:12px;font-weight:600}@media (max-width:1024px){#panel.expanded{width:310px}#welcome-screen{left:310px}.infobox{width:330px}}@media screen and (max-width:768px){body,html{position:fixed}body>header{height:60px}header>div{position:relative;height:60px;width:100%;box-shadow:0 0 20px rgba(0,0,0,.4);z-index:10;background:#fff}header>div>span{line-height:60px;padding:0 0 0 20px;font-size:18px}.fr header>div>span{font-size:14px}header .nato-logo{width:60px;height:60px;background-size:auto 60px}header .we-are-nato-logo{width:195px;height:60px;background-size:auto 60px}header nav{position:absolute;top:0;left:0;right:0;background-color:#fff;padding:20px;border-bottom:3px solid #004990;transform:translateY(-100%);transition-property:transform;transition-duration:.5s;z-index:1}header nav.open{top:60px;transform:translateY(0);transition-property:transform;transition-duration:.5s}header nav a{display:block;font-size:16px;text-align:center;border-bottom:1px solid #ccc;line-height:50px}header nav a.selected{border:0 none;color:#1289cb}header nav a#map-share{display:none}header nav>span{display:block;text-align:center}header nav>span a{display:inline-block;border:0 none}#mobile-menu-close-icon{display:none}header .icon-bd{color:#343434;display:block;position:absolute;right:20px;top:10px;z-index:20;font-size:40px;cursor:pointer}#loading-screen{display:none;position:absolute;top:60px;right:0;bottom:0;left:0;background-color:rgba(0,32,63,.8);z-index:2}#loading-screen .cssload-container{width:100%;height:29px;text-align:center;margin:50px 0 0 0}#loading-screen .cssload-speeding-wheel{width:29px;height:29px;margin:0 auto;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:cssload-spin .8s infinite linear;-o-animation:cssload-spin .8s infinite linear;-ms-animation:cssload-spin .8s infinite linear;-webkit-animation:cssload-spin .8s infinite linear;-moz-animation:cssload-spin .8s infinite linear}@keyframes cssload-spin{100%{transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes cssload-spin{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes cssload-spin{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes cssload-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes cssload-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}#home-screen{display:none;position:absolute;bottom:20px;left:10%;right:10%;z-index:200;box-shadow:0 0 50px rgba(0,0,0,.7)}#home-screen .wrapper{background-color:#fff;overflow:hidden}#home-screen::after{content:'';display:block;width:20px;height:20px;position:absolute;background-color:#fff;transform:translateX(-50%) rotate(45deg);bottom:-10px;left:50%;box-shadow:0 0 50px rgba(0,0,0,.7);z-index:-1}#home-screen .close{position:absolute;top:10px;right:10px}#home-screen img{display:block;width:60px;height:60px;margin:20px auto 0;border-radius:12px}#home-screen p{padding:20px}#home-screen.android{bottom:auto;top:20px;left:0;right:0}#home-screen.android::after{bottom:auto;left:auto;right:0;top:-10px}#home-screen.android img{border-radius:0}#welcome-screen{top:60px;left:0;z-index:100}#welcome-screen>div{width:100%;padding:20px;box-sizing:border-box;font-size:18px}#welcome-cta{font-size:14px}#country-label{display:none}#zoom-buttons{display:none}#hide-layers{display:none}#toggle-layer-panel{display:block;position:absolute;z-index:10;right:20px;top:-95px;width:60px;height:60px;background-color:#fff;border-radius:50%;border:4px solid #000404;color:#003569;font-size:40px;line-height:68px;text-align:center;pointer-events:auto;cursor:pointer;transform:translateY(0);transition-property:transform;transition-duration:.4s}#panel-container{z-index:3}#layer-panel{position:absolute;width:100%;height:auto;bottom:0;left:0;right:0;top:auto;transform:translateY(100%);transition-property:transform;transition-duration:.4s}#layer-panel.open{transform:translateY(0)}#layer-panel.open #toggle-layer-panel{transform:translateY(40px)}#layer-panel #active-layer-panel{display:none;z-index:9;position:absolute;top:-80px;right:50px;padding:10px 50px 10px 10px;background-color:rgba(0,32,63,.85);font-size:14px;opacity:1;transition:opacity .4s}#layer-panel.open #active-layer-panel{opacity:0}#layer-panel #active-layer-list span{display:block;text-transform:uppercase}#panel .legend{display:inline-block}#panel>span svg{width:40px}#panel>span svg.icon-info{width:40px;height:25px}#layer-panel .filter.selected{background-color:rgba(0,32,63,.7)}#panel,#panel.expanded{width:100%;position:relative;min-height:250px}#panel{transform:translateX(-100%);transition-property:transform;transition-duration:.2s}#panel.expanded{transform:translateX(0)}#panel.expanded .legend{padding:0 40px 0 0}#panel>span{border-top:1px solid #526a88;border-bottom:0 none;position:relative}#panel .info{display:block;position:absolute;top:0;right:0;line-height:60px;height:50px}@keyframes slideInFromRight{0%{transform:translateX(100%)}100%{transform:translateX(0)}}#layer-panel .infopanel{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,32,63,.7);display:block;pointer-events:auto;border-top:0 none;animation:slideInFromRight .2s;overflow-y:hidden;transition:transform .2s}#layer-panel .infopanel.close{transform:translateX(100%)}#layer-panel .infopanel .back-button{font-size:14px}#layer-panel .infopanel .back-button svg{margin:0 14px 0 0}#layer-panel .infopanel-wrapper{overflow-y:auto;position:absolute;top:60px;right:20px;bottom:20px;left:20px}#layer-panel .infopanel .title svg{display:inline-block;height:20px;width:30px;vertical-align:top}#layer-panel .infopanel .title svg path{fill:#fff!important}#panel-container .print-button{display:none}.infobox{left:0;width:100%;background-color:rgba(0,32,63,.9);animation:infobox-mobile-animation .2s;overflow:hidden}.infobox .header{border-bottom:1px solid rgba(255,255,255,.5);height:30px;padding:10px 20px;z-index:100}#panel-container .infobox .header a{margin:0 10px 0 0}#panel-container .infobox .close-button{font-size:14px;top:14px;right:16px;margin:0}.infobox-wrapper{position:absolute;top:50px;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden}.infobox.close{transition:transform .2s;transform:translateY(100%)}@keyframes infobox-mobile-animation{from{transform:translateY(100%)}to{transform:translateY(0)}}}@media screen and (max-width:520px){header .we-are-nato-logo{display:none}}