@font-face{font-family:"Helvetica Neue LT W05 45 Light";src:url("fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff")}@font-face{font-family:"Helvetica Neue LT W05 55 Roman";src:url("fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff")}@font-face{font-family:"Helvetica Neue LT W05 56 Italic";src:url("fonts/5664098/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2") format("woff2"),url("fonts/5664098/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff") format("woff")}@font-face{font-family:"Helvetica Neue LT W05_75 Bold";src:url("fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),url("fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff")}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:inherit;font-weight:inherit;vertical-align:baseline}body{color:#202023;font-family:'Roboto' , serif;text-rendering:optimizeLegibility;background-color:#fff;-webkit-font-smoothing:antialiased}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}select{vertical-align:middle}textarea{width:100%}table{border-collapse:collapse;border-spacing:0}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{text-decoration:none;color:inherit}img{display:block}ul,ol{margin-left:20px}.abs-layout{position:relative}.abs-layout.-stretch{width:100%;height:100%}.abs-layout > .item{position:absolute}.abs-layout > .item.-top{top:0}.abs-layout > .item.-right{right:0}.abs-layout > .item.-bottom{bottom:0}.abs-layout > .item.-left{left:0}.abs-layout > .item.-vcenter{top:50%;transform:translateY(-50%)}.abs-layout > .item.-hcenter{left:50%;transform:translateX(-50%)}.abs-layout > .item.-center{top:50%;left:50%;transform:translate(-50%,-50%)}.abs-layout > .item.-stretch{top:0;left:0;width:100%;height:100%}.abs-layout > .item.-z1{z-index:1}.abs-layout > .item.-z2{z-index:2}.abs-layout > .item.-z3{z-index:3}.abs-layout > .item.-z4{z-index:4}.abs-layout > .item.-z5{z-index:5}.abs-layout > .item.-z6{z-index:6}.abs-layout > .item.-z7{z-index:7}.abs-layout > .item.-z8{z-index:8}.abs-layout > .item.-z9{z-index:9}.abs-layout > .item.-z10{z-index:10}.border-style.-top{border-top-style:solid;border-width:1px;border-color:#e0e0e0}.border-style.-right{border-right-style:solid;border-width:1px;border-color:#e0e0e0}.border-style.-bottom{border-bottom-style:solid;border-width:1px;border-color:#e0e0e0}.border-style.-left{border-left-style:solid;border-width:1px;border-color:#e0e0e0}.border-style.-all{border-style:solid;border-width:1px;border-color:#e0e0e0}.border-style.-top-rounded-xlarge{border-top-style:solid;border-top-right-radius:319px;border-bottom-right-radius:319px;min-height:638px}@media screen and (max-width:720px){.border-style.-top-rounded-xlarge{border-radius:0}}.border-style.-right-rounded-xlarge{border-right-style:solid;border-top-right-radius:319px;border-bottom-right-radius:319px;min-height:638px}@media screen and (max-width:720px){.border-style.-right-rounded-xlarge{border-radius:0}}.border-style.-bottom-rounded-xlarge{border-bottom-style:solid;border-top-right-radius:319px;border-bottom-right-radius:319px;min-height:638px}@media screen and (max-width:720px){.border-style.-bottom-rounded-xlarge{border-radius:0}}.border-style.-left-rounded-xlarge{border-left-style:solid;border-top-right-radius:319px;border-bottom-right-radius:319px;min-height:638px}@media screen and (max-width:720px){.border-style.-left-rounded-xlarge{border-radius:0}}.border-style.-all-rounded-xlarge{border-style:solid;border-top-right-radius:319px;border-bottom-right-radius:319px;min-height:638px}@media screen and (max-width:720px){.border-style.-all-rounded-xlarge{border-radius:0}}.border-style.-round{border-radius:50%}button.button-style,input.button-style{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background:unset;border:none;color:inherit;color:unset;font:inherit;font:unset;outline:none;padding:0;padding:unset}.button-style{cursor:pointer}.button-style.-nowrap{white-space:nowrap}.button-style.-action,button.button-style.-action,input.button-style.-action{background-color:#3031fe;color:#fff}.button-style.-disabled,button.button-style.-disabled,input.button-style.-disabled{cursor:default}.button-style.-main,button.button-style.-main,input.button-style.-main{color:#fff;background-color:#003d90;padding:8px 16px;border:1px solid #003d90;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;transition:all .25s}.button-style.-main.-hover:hover,button.button-style.-main.-hover:hover,input.button-style.-main.-hover:hover{color:#fff;background-color:#000b1a}.button-style.-main.-disabled,button.button-style.-main.-disabled,input.button-style.-main.-disabled{opacity:.5;cursor:not-allowed}.button-style.-icons,button.button-style.-icons,input.button-style.-icons{color:#003d90}.button-style.-icons.-hover:hover,button.button-style.-icons.-hover:hover,input.button-style.-icons.-hover:hover{color:#003d90;background-color:inherit}.button-style.-hover,button.button-style.-hover,input.button-style.-hover{transition:all .25s}.button-style.-hover:hover,button.button-style.-hover:hover,input.button-style.-hover:hover{color:#fff;background-color:#003d90}.button-style.-inline,button.button-style.-inline,input.button-style.-inline{display:inline-block}.color-box.-body{background-color:#fff;color:#202023}.color-box.-action{background-color:#003d90;color:#fff}.color-box.-white{background-color:#fff}.color-box.-black{background-color:#000;color:#fff}.color-box.-secondary-action,.composite-article.-grouped > .content{background-color:#ec6449;color:#000b1a}.color-box.-grey-light{background-color:#ebebeb}.color-box.-blue-light{background-color:#e0e7f1}.color-box.-blue-xlight{background-color:#f0f4f9}.color-box.-blue-xxlight{background-color:#f7f9fb}.display-responsive.-hide-phone-only{display:initial}@media all and (max-width:599px){.display-responsive.-hide-phone-only{display:none}}.display-responsive.-show-phone-only{display:none}@media all and (max-width:599px){.display-responsive.-show-phone-only{display:initial}}.display-responsive.-hide-tablet-portrait-up{display:initial}@media all and (min-width:600px){.display-responsive.-hide-tablet-portrait-up{display:none}}.display-responsive.-show-tablet-portrait-up{display:none}@media all and (min-width:600px){.display-responsive.-show-tablet-portrait-up{display:initial}}.display-responsive.-hide-tablet-landscape-up{display:initial}@media all and (min-width:900px){.display-responsive.-hide-tablet-landscape-up{display:none}}.display-responsive.-show-tablet-landscape-up{display:none}@media all and (min-width:900px){.display-responsive.-show-tablet-landscape-up{display:initial}}.display-responsive.-hide-desktop-up{display:initial}@media all and (min-width:1200px){.display-responsive.-hide-desktop-up{display:none}}.display-responsive.-show-desktop-up{display:none}@media all and (min-width:1200px){.display-responsive.-show-desktop-up{display:initial}}.display-responsive.-hide-big-desktop-up{display:initial}@media all and (min-width:1800px){.display-responsive.-hide-big-desktop-up{display:none}}.display-responsive.-show-big-desktop-up{display:none}@media all and (min-width:1800px){.display-responsive.-show-big-desktop-up{display:initial}}.element-layout{margin-left:auto;margin-right:auto}.element-layout:not(.-fullwidth ){max-width:780px}.element-layout.-extended{max-width:940px}.element-layout.-padded{padding-left:16px;padding-right:16px}.element-layout.-padded:not(.-fullwidth ){max-width:812px}.element-layout.-padded.-extended{max-width:972px}.element-layout + .element-layout{margin-top:16px}.fixed-layout{position:fixed}.fixed-layout.-top{top:0}.fixed-layout.-bottom{bottom:0}.fixed-layout.-left{left:0}.fixed-layout.-right{right:0}.fixed-page-layout > .header{position:fixed;top:0;left:0;right:0;height:56px}.fixed-page-layout > .header.-small{height:30px}.fixed-page-layout > .header.-hide{transform:translateY(-100%)}.fixed-page-layout > .sidebar{position:fixed;top:0;bottom:0;width:233px}.fixed-page-layout > .sidebar.-small{width:50px}.fixed-page-layout > .sidebar.-big{width:380px}.fixed-page-layout > .sidebar.-margin-top{top:56px}.fixed-page-layout > .sidebar.-margin-top-small{top:30px}.fixed-page-layout > .sidebar.-left{left:0}.fixed-page-layout > .sidebar.-left.-hide{transform:translateX(-100%)}.fixed-page-layout > .sidebar.-right{right:0}.fixed-page-layout > .sidebar.-right.-hide{transform:translateX(100%)}.fixed-page-layout > .content.-margin-right{margin-right:233px}.fixed-page-layout > .content.-margin-left{margin-left:233px}.fixed-page-layout > .content.-margin-right-small{margin-right:50px}.fixed-page-layout > .content.-margin-left-small{margin-left:50px}.fixed-page-layout > .content.-margin-right-big{margin-right:380px}.fixed-page-layout > .content.-margin-left-big{margin-left:380px}.fixed-page-layout > .content.-margin-top{margin-top:56px}.fixed-page-layout > .content.-margin-top-small{margin-top:30px}.flex-layout{display:flex}.flex-layout.-inline{display:flex-inline}.flex-layout.-wrap{flex-wrap:wrap}.flex-layout.-row{flex-wrap:nowrap}.flex-layout.-row > .item{flex:1 1 auto}.flex-layout.-column{flex-direction:column}.flex-layout.-center{justify-content:center;align-items:center;align-content:center}.flex-layout.-baseline{align-items:baseline}.flex-layout.-left{justify-content:flex-start}.flex-layout.-right{justify-content:flex-end}.flex-layout.-top{align-content:flex-start}.flex-layout.-bottom{align-content:flex-end}.flex-layout.-v-center{align-content:center}.flex-layout.-v-space-between{align-content:space-between}.flex-layout.-v-space-around{align-content:space-around}.flex-layout.-h-center{justify-content:center}.flex-layout.-h-space-between{justify-content:space-between}.flex-layout.-h-space-around{justify-content:space-around}.flex-layout.-items-top{align-items:flex-start}.flex-layout.-items-bottom{align-items:flex-end}.flex-layout.-items-center{align-items:center}.flex-layout.-items-stretch{align-items:flex-stretch}.flex-layout > .item.-stretch{align-self:stretch}.flex-layout > .item.-top{align-self:flex-start}.flex-layout > .item.-center{align-self:center}.flex-layout > .item.-bottom{align-self:flex-end}.flex-layout > .item.-content{flex:none}.flex-layout > .item.-grow{flex-grow:1}.flex-layout > .item.-shrink{flex-shrink:1}.flex-layout > .item.-no-grow{flex-grow:0}.flex-layout > .item.-no-shrink{flex-shrink:0}.grid-layout{display:flex;flex-wrap:wrap}.grid-layout.-gutter{margin:-10px -15px}.grid-layout.-gutter > .item{padding:10px 15px}.grid-layout.-reverse{flex-direction:row-reverse}.grid-layout > .item.-w1{flex:0 0 100%;max-width:100%}.grid-layout > .item.-w1-2{flex:0 0 50%;max-width:50%}.grid-layout > .item.-w1-3{flex:0 0 33.333333333333336%;max-width:33.333333333333336%}.grid-layout > .item.-w2-3{flex:0 0 66.66666666666667%;max-width:66.66666666666667%}.grid-layout > .item.-w1-4{flex:0 0 25%;max-width:25%}.grid-layout > .item.-w3-4{flex:0 0 75%;max-width:75%}@media all and (max-width:599px){.grid-layout > .item.-phone-only-1{flex:0 0 100%;max-width:100%}.grid-layout > .item.-phone-only-1-2{flex:0 0 50%;max-width:50%}.grid-layout > .item.-phone-only-1-3{flex:0 0 33.333333333333336%;max-width:33.333333333333336%}.grid-layout > .item.-phone-only-2-3{flex:0 0 66.66666666666667%;max-width:66.66666666666667%}.grid-layout > .item.-phone-only-1-4{flex:0 0 25%;max-width:25%}.grid-layout > .item.-phone-only-3-4{flex:0 0 75%;max-width:75%}}@media all and (min-width:600px){.grid-layout > .item.-tablet-portrait-up-1{flex:0 0 100%;max-width:100%}.grid-layout > .item.-tablet-portrait-up-1-2{flex:0 0 50%;max-width:50%}.grid-layout > .item.-tablet-portrait-up-1-3{flex:0 0 33.333333333333336%;max-width:33.333333333333336%}.grid-layout > .item.-tablet-portrait-up-2-3{flex:0 0 66.66666666666667%;max-width:66.66666666666667%}.grid-layout > .item.-tablet-portrait-up-1-4{flex:0 0 25%;max-width:25%}.grid-layout > .item.-tablet-portrait-up-3-4{flex:0 0 75%;max-width:75%}}@media all and (min-width:900px){.grid-layout > .item.-tablet-landscape-up-1{flex:0 0 100%;max-width:100%}.grid-layout > .item.-tablet-landscape-up-1-2{flex:0 0 50%;max-width:50%}.grid-layout > .item.-tablet-landscape-up-1-3{flex:0 0 33.333333333333336%;max-width:33.333333333333336%}.grid-layout > .item.-tablet-landscape-up-2-3{flex:0 0 66.66666666666667%;max-width:66.66666666666667%}.grid-layout > .item.-tablet-landscape-up-1-4{flex:0 0 25%;max-width:25%}.grid-layout > .item.-tablet-landscape-up-3-4{flex:0 0 75%;max-width:75%}}@media all and (min-width:1200px){.grid-layout > .item.-desktop-up-1{flex:0 0 100%;max-width:100%}.grid-layout > .item.-desktop-up-1-2{flex:0 0 50%;max-width:50%}.grid-layout > .item.-desktop-up-1-3{flex:0 0 33.333333333333336%;max-width:33.333333333333336%}.grid-layout > .item.-desktop-up-2-3{flex:0 0 66.66666666666667%;max-width:66.66666666666667%}.grid-layout > .item.-desktop-up-1-4{flex:0 0 25%;max-width:25%}.grid-layout > .item.-desktop-up-3-4{flex:0 0 75%;max-width:75%}}@media all and (min-width:1800px){.grid-layout > .item.-big-desktop-up-1{flex:0 0 100%;max-width:100%}.grid-layout > .item.-big-desktop-up-1-2{flex:0 0 50%;max-width:50%}.grid-layout > .item.-big-desktop-up-1-3{flex:0 0 33.333333333333336%;max-width:33.333333333333336%}.grid-layout > .item.-big-desktop-up-2-3{flex:0 0 66.66666666666667%;max-width:66.66666666666667%}.grid-layout > .item.-big-desktop-up-1-4{flex:0 0 25%;max-width:25%}.grid-layout > .item.-big-desktop-up-3-4{flex:0 0 75%;max-width:75%}}._z-1{z-index:1}._z-2{z-index:2}._z-3{z-index:3}._z-4{z-index:4}._z-5{z-index:5}._z-6{z-index:6}._absolute{position:absolute}._relative{position:relative}._fixed{position:fixed}._sticky{position:-webkit-sticky;position:sticky}._static{position:static}._block{display:block}._inline-block{display:inline-block}._inline{display:inline}._flex{display:flex}._inline-flex{display:inline-flex}._table{display:table}._table-row{display:table-row}._table-cell{display:table-cell}._hidden{display:none   !important}._visible{visibility:visible}._invisible{visibility:hidden}._pointer{cursor:pointer}.image-responsive{max-width:100%;height:auto;display:block}.image-responsive.-full{width:100%}.image-responsive.-inset{max-height:100%}@media all and (max-width:599px){.max-width-layout{max-width:375px}}@media all and (min-width:600px){.max-width-layout{max-width:768px}}@media all and (min-width:900px){.max-width-layout{max-width:1024px}}@media all and (min-width:1200px){.max-width-layout{max-width:1440px}}.max-width-layout.-center{margin-left:auto;margin-right:auto}.media-responsive{width:100%;position:relative;padding-bottom:100%}.media-responsive.-media-1-1{padding-bottom:100%}.media-responsive.-media-4-3{padding-bottom:75%}.media-responsive.-media-16-9{padding-bottom:56.25%}.media-responsive > .media{position:absolute;top:0;left:0;width:100%;height:100%}.overflow-text{overflow:hidden;position:relative}.overflow-text:after{content:"";position:absolute;bottom:0;right:0;left:0;height:35px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 70%)}.shadow-box{box-shadow:0 1px 6px 0 rgba(0,0,0,0.17)}.shadow-box.-inset{box-shadow:inset 0 1px 6px 0 rgba(0,0,0,0.17)}.shadow-box.-zero{box-shadow:inset 0 0 0 0 rgba(0,0,0,0.17)}.spacer-box.-m-top-xxs{margin-top:2px}.spacer-box.-p-top-xxs{padding-top:2px}.spacer-box.-m-right-xxs{margin-right:2px}.spacer-box.-p-right-xxs{padding-right:2px}.spacer-box.-m-bottom-xxs{margin-bottom:2px}.spacer-box.-p-bottom-xxs{padding-bottom:2px}.spacer-box.-m-left-xxs{margin-left:2px}.spacer-box.-p-left-xxs{padding-left:2px}.spacer-box.-m-h-xxs{margin-left:2px;margin-right:2px}.spacer-box.-m-v-xxs{margin-top:2px;margin-bottom:2px}.spacer-box.-m-xxs{margin:2px 2px}.spacer-box.-m-between-v-xxs + .spacer-box.-m-between-v-xxs{margin-top:2px}.spacer-box.-m-between-h-xxs + .spacer-box.-m-between-h-xxs{margin-left:2px}.spacer-box.-p-h-xxs{padding-left:2px;padding-right:2px}.spacer-box.-p-v-xxs{padding-top:2px;padding-bottom:2px}.spacer-box.-p-xxs{padding:2px 2px}.spacer-box.-m-top-xs{margin-top:4px}.spacer-box.-p-top-xs{padding-top:4px}.spacer-box.-m-right-xs{margin-right:4px}.spacer-box.-p-right-xs{padding-right:4px}.spacer-box.-m-bottom-xs{margin-bottom:4px}.spacer-box.-p-bottom-xs{padding-bottom:4px}.spacer-box.-m-left-xs{margin-left:4px}.spacer-box.-p-left-xs{padding-left:4px}.spacer-box.-m-h-xs{margin-left:4px;margin-right:4px}.spacer-box.-m-v-xs{margin-top:4px;margin-bottom:4px}.spacer-box.-m-xs{margin:4px 4px}.spacer-box.-m-between-v-xs + .spacer-box.-m-between-v-xs{margin-top:4px}.spacer-box.-m-between-h-xs + .spacer-box.-m-between-h-xs{margin-left:4px}.spacer-box.-p-h-xs{padding-left:4px;padding-right:4px}.spacer-box.-p-v-xs{padding-top:4px;padding-bottom:4px}.spacer-box.-p-xs{padding:4px 4px}.spacer-box.-m-top-s{margin-top:8px}.spacer-box.-p-top-s{padding-top:8px}.spacer-box.-m-right-s{margin-right:8px}.spacer-box.-p-right-s{padding-right:8px}.spacer-box.-m-bottom-s{margin-bottom:8px}.spacer-box.-p-bottom-s{padding-bottom:8px}.spacer-box.-m-left-s{margin-left:8px}.spacer-box.-p-left-s{padding-left:8px}.spacer-box.-m-h-s{margin-left:8px;margin-right:8px}.spacer-box.-m-v-s{margin-top:8px;margin-bottom:8px}.spacer-box.-m-s{margin:8px 8px}.spacer-box.-m-between-v-s + .spacer-box.-m-between-v-s{margin-top:8px}.spacer-box.-m-between-h-s + .spacer-box.-m-between-h-s{margin-left:8px}.spacer-box.-p-h-s{padding-left:8px;padding-right:8px}.spacer-box.-p-v-s{padding-top:8px;padding-bottom:8px}.spacer-box.-p-s{padding:8px 8px}.spacer-box.-m-top{margin-top:16px}.spacer-box.-p-top{padding-top:16px}.spacer-box.-m-right{margin-right:16px}.spacer-box.-p-right{padding-right:16px}.spacer-box.-m-bottom{margin-bottom:16px}.spacer-box.-p-bottom{padding-bottom:16px}.spacer-box.-m-left{margin-left:16px}.spacer-box.-p-left{padding-left:16px}.spacer-box.-m-h{margin-left:16px;margin-right:16px}.spacer-box.-m-v{margin-top:16px;margin-bottom:16px}.spacer-box.-m{margin:16px 16px}.spacer-box.-m-between-v + .spacer-box.-m-between-v{margin-top:16px}.spacer-box.-m-between-h + .spacer-box.-m-between-h{margin-left:16px}.spacer-box.-p-h{padding-left:16px;padding-right:16px}.spacer-box.-p-v{padding-top:16px;padding-bottom:16px}.spacer-box.-p{padding:16px 16px}.spacer-box.-m-top-l{margin-top:32px}.spacer-box.-p-top-l{padding-top:32px}.spacer-box.-m-right-l{margin-right:32px}.spacer-box.-p-right-l{padding-right:32px}.spacer-box.-m-bottom-l,.composite-article > .content{margin-bottom:32px}.spacer-box.-p-bottom-l{padding-bottom:32px}.spacer-box.-m-left-l{margin-left:32px}.spacer-box.-p-left-l{padding-left:32px}.spacer-box.-m-h-l{margin-left:32px;margin-right:32px}.spacer-box.-m-v-l{margin-top:32px;margin-bottom:32px}.spacer-box.-m-l{margin:32px 32px}.spacer-box.-m-between-v-l + .spacer-box.-m-between-v-l{margin-top:32px}.spacer-box.-m-between-h-l + .spacer-box.-m-between-h-l{margin-left:32px}.spacer-box.-p-h-l,.composite-article > .content{padding-left:32px;padding-right:32px}.spacer-box.-p-v-l,.composite-article.-grouped > .content{padding-top:32px;padding-bottom:32px}.spacer-box.-p-l{padding:32px 32px}.spacer-box.-m-top-xl{margin-top:64px}.spacer-box.-p-top-xl{padding-top:64px}.spacer-box.-m-right-xl{margin-right:64px}.spacer-box.-p-right-xl{padding-right:64px}.spacer-box.-m-bottom-xl{margin-bottom:64px}.spacer-box.-p-bottom-xl{padding-bottom:64px}.spacer-box.-m-left-xl{margin-left:64px}.spacer-box.-p-left-xl{padding-left:64px}.spacer-box.-m-h-xl{margin-left:64px;margin-right:64px}.spacer-box.-m-v-xl{margin-top:64px;margin-bottom:64px}.spacer-box.-m-xl{margin:64px 64px}.spacer-box.-m-between-v-xl + .spacer-box.-m-between-v-xl{margin-top:64px}.spacer-box.-m-between-h-xl + .spacer-box.-m-between-h-xl{margin-left:64px}.spacer-box.-p-h-xl{padding-left:64px;padding-right:64px}.spacer-box.-p-v-xl{padding-top:64px;padding-bottom:64px}.spacer-box.-p-xl{padding:64px 64px}.spacer-box.-m-top-paragraph{margin-top:56px}.spacer-box.-p-top-paragraph{padding-top:56px}.spacer-box.-m-right-paragraph{margin-right:56px}.spacer-box.-p-right-paragraph{padding-right:56px}.spacer-box.-m-bottom-paragraph{margin-bottom:56px}.spacer-box.-p-bottom-paragraph{padding-bottom:56px}.spacer-box.-m-left-paragraph{margin-left:56px}.spacer-box.-p-left-paragraph{padding-left:56px}.spacer-box.-m-h-paragraph{margin-left:56px;margin-right:56px}.spacer-box.-m-v-paragraph{margin-top:56px;margin-bottom:56px}.spacer-box.-m-paragraph{margin:56px 56px}.spacer-box.-m-between-v-paragraph + .spacer-box.-m-between-v-paragraph{margin-top:56px}.spacer-box.-m-between-h-paragraph + .spacer-box.-m-between-h-paragraph{margin-left:56px}.spacer-box.-p-h-paragraph{padding-left:56px;padding-right:56px}.spacer-box.-p-v-paragraph{padding-top:56px;padding-bottom:56px}.spacer-box.-p-paragraph{padding:56px 56px}.spacer-box.-m-top-element-layout{margin-top:32px}.spacer-box.-p-top-element-layout{padding-top:32px}.spacer-box.-m-right-element-layout{margin-right:32px}.spacer-box.-p-right-element-layout{padding-right:32px}.spacer-box.-m-bottom-element-layout{margin-bottom:32px}.spacer-box.-p-bottom-element-layout{padding-bottom:32px}.spacer-box.-m-left-element-layout{margin-left:32px}.spacer-box.-p-left-element-layout{padding-left:32px}.spacer-box.-m-h-element-layout{margin-left:32px;margin-right:32px}.spacer-box.-m-v-element-layout{margin-top:32px;margin-bottom:32px}.spacer-box.-m-element-layout{margin:32px 32px}.spacer-box.-m-between-v-element-layout + .spacer-box.-m-between-v-element-layout{margin-top:32px}.spacer-box.-m-between-h-element-layout + .spacer-box.-m-between-h-element-layout{margin-left:32px}.spacer-box.-p-h-element-layout{padding-left:32px;padding-right:32px}.spacer-box.-p-v-element-layout{padding-top:32px;padding-bottom:32px}.spacer-box.-p-element-layout{padding:32px 32px}.spacer-box.-auto{margin-left:auto;margin-right:auto}.svg-icon{fill:currentColor;display:block;box-sizing:content-box;width:24px;height:24px}.svg-icon.-inline{display:inline-block}.svg-icon.-scale{width:100%;height:100%}.svg-icon.-small{width:12px;height:12px}.svg-icon.-large{width:32px;height:32px}.svg-icon.-logo{height:42px;width:200px}.svg-icon.-logo.-stadtzuerich{height:42px}.svg-icon.-logo.-ausserrhoden{height:42px}.svg-icon.-logo.-stgallen{height:40px;width:160px}.svg-icon.-logo.-kantonzuerich{height:44px;width:220px}.svg-icon.-logo.-ebg{height:100px;width:340px}.svg-icon.-logo.-baselstadt{height:60px;width:186px}.svg-icon.-logo.-basellandschaft{height:44px;width:180px}.svg-icon.-logo.-kantonbern{height:64px;width:220px;margin-left:-12px}.svg-icon.-logo.-kantonluzern{height:42px;width:170px}.svg-icon.-logo.-stadtluzern{height:34px;width:88px}.text-style.-center{text-align:center}.text-style.-right{text-align:right}.text-style.-bold{font-weight:700}.text-style.-medium{font-weight:500}.text-style.-inverted{color:#fff}.text-style.-indent-1{padding-left:30px}.text-style.-indent-2{padding-left:60px}.text-style.-indent-3{padding-left:90px}.text-style.-indent-4{padding-left:120px}.text-style.-indent-5{padding-left:150px}.text-style.-indent-6{padding-left:180px}.text-style.-h1{color:#003d90;font-family:"Helvetica Neue LT W05 45 Light";font-size:32px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:44.8px;letter-spacing:.1px}.text-style.-h2{color:#003d90;font-family:"Helvetica Neue LT W05_75 Bold";font-size:28px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:36.4px;letter-spacing:normal}.text-style.-h3{color:#003d90;font-family:"Helvetica Neue LT W05 45 Light";font-size:28px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:36.4px;letter-spacing:.1px}.text-style.-h4{color:#000b1a;font-family:"Helvetica Neue LT W05 45 Light";font-size:21px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.48;letter-spacing:normal}.text-style.-header-title{color:#003d90;font-family:"Helvetica Neue LT W05 45 Light";font-size:32px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:44.8px;letter-spacing:.1px}@media screen and (max-width:720px){.text-style.-header-title{font-size:28px;line-height:36.4px}}.text-style.-footer-title{color:#000b1a;font-family:"Helvetica Neue LT W05_75 Bold";font-size:18px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.text-style.-small{color:#000b1a;font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal}.text-style.-intro{color:#000b1a;font-size:28px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal}.text-style.-normal{color:#000b1a;font-family:"Helvetica Neue LT W05 55 Roman";font-size:20px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:32px;letter-spacing:.1px}.text-style.-normal p + p{margin-top:12px}.text-style.-normal.-light{font-family:"Helvetica Neue LT W05 45 Light"}.text-style.-caption{color:#9e9e9e;font-family:"Helvetica Neue LT W05 45 Light";font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center}.text-style.-caption.-left{text-align:left}.text-style.-form-error{color:#fc2003;font-family:"Helvetica Neue LT W05 45 Light";font-size:14px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal}.text-style.-card-title{color:#003d90;font-family:"Helvetica Neue LT W05_75 Bold";font-size:28px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal}.text-style.-link{cursor:pointer;color:#003d90;transition:all .25s}.text-style.-link:hover{color:#000b1a;text-decoration:underline}.text-style.-link.-hover{color:#000b1a;text-decoration:underline}.text-style.-action{color:#003d90}.text-style.-secondary-action{color:#ec6449}.text-style.-white{color:#fff}.text-style.-s24{font-size:24px}.text-style.-s18{font-size:18px}.text-style.-i{font-style:italic}.text-style.-b{font-weight:bold}.text-style.-u{text-decoration:underline}.text-style.-a{color:#003d90;cursor:pointer}.text-style.-a:hover{color:#000b1a;text-decoration:underline}.text-style.-list{margin-left:32px}.transform-style.-rot90{transform:rotate(90deg)}.transform-style.-rot180{transform:rotate(180deg)}.transform-style.-rot270{transform:rotate(270deg)}.transform-style.-flipX{transform:scaleX(-1)}.transform-style.-flipY{transform:scaleY(-1)}.transition-style{transition-property:all;transition-duration:.3s}.transition-style.-slow{transition-duration:.6s}.transition-style.-fast{transition-duration:.15s}.burger-menu-icon{display:inline-block}.burger-menu-icon.-close > .top{transform:translateY(8px) rotateZ(45deg)}.burger-menu-icon.-close > .bot{transform:translateY(-8px) rotateZ(-45deg)}.burger-menu-icon.-close > .mid{opacity:0;transform:translateX(10px)}.burger-menu-icon > .line{height:3px;width:24px;background-color:currentColor}.burger-menu-icon > .line + .line{margin-top:5px}.carousel-box{position:relative;z-index:0}.carousel-box > .content{overflow:hidden;position:relative;z-index:0}.carousel-box > .dots{position:absolute;width:100%;bottom:8px;z-index:1}.carousel-box > .dots > div > .dot{border:solid 1px rgba(255,255,255,0.25);height:16px;width:16px;border-radius:50%;margin:0 3px;cursor:pointer}.carousel-box > .dots > div > .dot.-active{background-color:rgba(255,255,255,0.75)}.carousel-box > .dots > div > .dot:not(.-disabled):hover{background-color:#fff}.carousel-box > .dots > div > .dot.-disabled{cursor:default;cursor:unset}.carousel-box > .nav{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff;top:50%;z-index:1;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;opacity:.25}.carousel-box > .nav.-left{left:8px}.carousel-box > .nav.-right{right:8px}.carousel-box > .nav.-disabled{cursor:default;cursor:unset}.carousel-box > .nav:hover:not(.-disabled){opacity:1}.collapse-box{display:flex;max-height:20px;overflow:hidden}.crossfade-box{transition:height .4s}.crossfade-box > .front{position:absolute;width:100%;transition:opacity 0s;z-index:2}.crossfade-box > .front.-do-transition{transition:opacity .4s;opacity:0}.crossfade-box > .back{position:absolute;width:100%;z-index:-1}/*
---
name: DropDown
category: UI/DropDown
tag:
 - component
 - dropdown
compile: true
---

A dropdown list to select one option out of many in the list.

## Example
```jade
div(view='DropDown',items='[[ [ { "label":"option 1", "value":1 }, { "label":"option 2", "value":2 }, { "label":"option 3", "value":3 } ] ]]')
```
*/
.drop-down:not(.-open ) > .list{display:none}.drop-down.-float{position:relative}.drop-down.-float > .list{position:absolute;z-index:1000}.drop-down.-float > .list.-v-t-l{bottom:100%}.drop-down.-float > .list.-v-t-r{right:0;bottom:100%}.drop-down.-float > .list.-h-t-r{right:0;bottom:100%;transform:translate(100%,100%)}.drop-down.-float > .list.-h-b-r{right:0;bottom:0;transform:translate(100%,0%)}.drop-down.-float > .list.-v-b-r{right:0}.drop-down.-float > .list.-h-t-l{top:0;transform:translate(-100%,0)}.drop-down.-float > .list.-h-b-l{bottom:0;transform:translate(-100%,0)}.drag-drop-question .drag{background:#d0d0d0}.drag-drop-question .drag:not(.-disabled):hover{cursor:pointer}.drag-drop-question .drop{margin:8px;padding:16px}.drag-drop-question .drop:not(.-base){background:#f8f8f8;border:solid 2px transparent}.drag-drop-question .drop:not(.-base):not(.-disabled):hover{background:#f2f2f2;cursor:pointer}.drag-drop-question .drop:not(.-base):not(.-disabled).-selected{background:#ececec;border:dotted 2px #444}.HotSpotQuiz{position:relative;display:inline-block}.HotSpotQuiz > .hotSpotAreas{position:absolute;top:0;left:0;right:0;bottom:0}.HotSpotQuiz > .hotSpotAreas .area{position:absolute}.HotSpotQuiz > .spots > .spot{position:absolute;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.2)}.text-selection .button-style{-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-selection .button-style.-disabled,.text-selection .button-style.-disabled:hover{cursor:default;cursor:unset}.text-selection .category,.text-selection .part{border:solid 2px transparent;border-radius:2px}.text-selection .category.-default,.text-selection .part.-default{background-color:#c1b7ae}.text-selection .category.-turquoise,.text-selection .part.-turquoise{background-color:#40e0d0}.text-selection .category.-brown,.text-selection .part.-brown{background-color:#a52a2a}.text-selection .category.-yellow,.text-selection .part.-yellow{background-color:#ff0}.text-selection .category.-green,.text-selection .part.-green{background-color:#008000}.text-selection .category.-orange,.text-selection .part.-orange{background-color:#ffa500}.text-selection .category.-violet,.text-selection .part.-violet{background-color:#ee82ee}.text-selection .category.-red,.text-selection .part.-red{background-color:#f00}.text-selection .category{font-size:133%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-selection .category.-selected:not(.-disabled){box-shadow:0 0 5px rgba(0,0,0,0.66)}.text-selection .part{margin:1px -1px}.text-selection .part.-punctuation.-postfix{margin-left:-4px}.text-selection .part.-punctuation.-prefix{margin-right:-4px}.tooltip-box{overflow:hidden}.tooltip-box .tooltip{display:inline-block;background-color:rgba(0,0,0,0.66);border-radius:2px;box-shadow:0 1px 6px #000;padding:12px;color:#fff;transform:translate(-50%,-100%);max-width:66%}.answer-element{white-space:initial}.burger-menu-icon > .line{width:20px}.burger-menu-icon > .line + .line{margin-top:4px}.burger-menu-icon.-close > .bot{transform:translateY(-7px) rotateZ(-45deg)}.burger-menu-icon.-close > .top{transform:translateY(7px) rotateZ(45deg)}.carousel-box .image-caption{opacity:0;position:absolute;left:1px;bottom:1px;background-color:rgba(255,255,255,0.8);border-top-right-radius:12px;max-width:36%;transition:opacity .3s ease-out}.carousel-box:hover .image-caption{opacity:1}.composite-article > .toggler .text-style{white-space:initial}.composite-article .element-layout.-read:first-child{padding-top:0}.composite-article.-fold-open{border-bottom:1px solid #ebebeb}.composite-article.-fold-open > .content{border-left:6px solid #ec6449}.composite-article.-fold-close{border-bottom:1px solid #ebebeb}.composite-article.-fold-close > .content{display:none}@media print{.composite-article.-fold-close > .content{display:inherit}}.composite-article.-grouped > .content{border-radius:5px}.composite-article.-grouped > .content .text-style.-h1{color:#000b1a}.composite-article.-grouped > .content .text-style.-normal{color:#000b1a}.composite-article.-grouped > .toggler{display:none}.content-element{max-width:656px;margin-left:auto;margin-right:auto}@media screen and (max-width:696px){.content-element{margin-left:20px;margin-right:20px}}.content-element.-extended{max-width:720px;margin-left:auto;margin-right:auto}.cover-image{height:50vh;background-size:cover;background-position:center;background-attachment:fixed}.drag-drop-question .drop{margin:8px 0;border-width:1px solid #ebebeb}.drag-drop-question .drop.-base{background:#ebebeb}.drag-drop-question .drop:not(.-base){background:#ebebeb}.drag-drop-question .drop:not(.-base):not(.-disabled):hover{background:#dfdfdf;cursor:pointer}.drag-drop-question .drop:not(.-base):not(.-disabled).-selected{background:#dfdfdf;border:1px solid #003d90}.drag-drop-question .drop-zone{flex:1;display:flex;align-items:flex-start;flex-flow:row wrap;cursor:pointer}.drag-drop-question .drop-zone .drag{border:1px solid #c2c2c2;border-radius:5px;cursor:pointer}.drag-drop-question .drop-zone .drag > .image{max-width:310px}.drag-drop-question .drop-zone .drag.-disabled{color:#9e9e9e}.drag-drop-question .drop-zone .drag.-selected{border-color:#000b1a}.drag-drop-question .drop-zone .drag.-correct{background-color:#dcf3d6;color:#000b1a}.drag-drop-question .drop-zone .drag.-wrong{background-color:#ffdbd8;color:#000b1a}.drop-down-question .drop-down-menu{width:auto;min-width:180px}.drop-down-question .drop-down-menu.-open .button .icon{transform:scaleY(-1)}.drop-down-question .drop-down-menu > .button{border-radius:5px;white-space:nowrap;min-height:38px}.drop-down-question .drop-down-menu > .button > .selection{padding-left:10px}.drop-down-question .drop-down-menu .list{width:100%;white-space:nowrap;transform:translateY(2px);border-radius:5px}.drop-down-question .drop-down-menu .list >.item{padding-left:10px;padding-right:5px}.drop-down-question .drop-down-menu .list >.item:not(:last-child){border-bottom:1px solid #c2c2c2}.drop-down-question .drop-down-menu .list >.item:hover{background-color:#ebebeb}.drop-down-question .drop-down-menu.-correct > .button{background-color:#dcf3d6}.drop-down-question .drop-down-menu.-wrong > .button{background-color:#ffdbd8}.element-layout-content > .element-layout:last-child{margin-bottom:32px}.element-layout-content > .style-container.-rounded{margin-bottom:32px}.element-layout{margin-left:auto;margin-right:auto}.element-layout.-unitlist{padding-top:48px;padding-bottom:48px;position:relative}.element-layout.-unitlist > .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:12px;grid-row-gap:12px}@media screen and (max-width:696px){.element-layout.-unitlist > .grid{grid-template-columns:1fr}}.element-layout:not(.-fullwidth):first-child{padding-top:40px}.element-layout.-no-padding-top{padding-top:0 !important}.element-layout + .element-layout{margin-top:32px}.element-layout + .style-container{margin-top:32px}.element-layout.-read{max-width:795px}@media screen and (max-width:820px){.element-layout.-read{max-width:88vw}}.element-layout.-extended{max-width:960px}@media screen and (max-width:1000px){.element-layout.-extended{max-width:88vw}}.element-layout.-fullwidth{width:100%}.element-layout.-fullwidth.-image > .image-responsive{width:100%}.element-layout.-fullwidth.-paragraph,.element-layout.-fullwidth.-title{padding-left:15px;padding-right:15px}.element-layout.-fullwidth + .element-layout{margin-top:32px}.element-layout.-survey{position:relative;margin-top:144px;margin-bottom:144px}.element-layout.-survey iframe{max-width:795px;margin-left:auto;margin-right:auto;display:block;width:100%;height:702px}.element-layout.-survey::before{content:' ';position:absolute;left:0;top:-72px;width:100%;height:calc(100% + 72px);background-color:#f0f4f9;z-index:-1}.element-layout.-survey:last-child{margin-bottom:0}.element-layout.-balloon{display:flex;flex-direction:column}.element-layout.-balloon:nth-child(odd) > .text-style.-normal{transform:translateX(72px);align-self:flex-start}@media screen and (max-width:1280px){.element-layout.-balloon:nth-child(odd) > .text-style.-normal{transform:translateX(0);max-width:66%;margin-left:80px}}@media screen and (max-width:760px){.element-layout.-balloon:nth-child(odd) > .text-style.-normal{transform:translateX(0);max-width:calc(100% - 80px);margin-left:80px}}.element-layout.-balloon:nth-child(odd) > .text-style.-normal::before{content:'';position:absolute;left:0;top:68%;transform:translateY(-50%);width:0;height:0;border-top:40px solid transparent;border-bottom:6px solid transparent;border-right:72px solid #e0e7f1;margin-left:-74px}.element-layout.-balloon:nth-child(even) >.text-style.-normal{transform:translateX(-72px);align-self:flex-end}@media screen and (max-width:1280px){.element-layout.-balloon:nth-child(even) >.text-style.-normal{transform:translateX(0);max-width:66%;margin-right:80px}}@media screen and (max-width:760px){.element-layout.-balloon:nth-child(even) >.text-style.-normal{transform:translateX(0);max-width:calc(100% - 80px);margin-right:80px}}.element-layout.-balloon:nth-child(even) >.text-style.-normal::before{content:'';position:absolute;right:0;top:68%;transform:translateY(-50%);width:0;height:0;border-top:40px solid transparent;border-bottom:6px solid transparent;border-left:72px solid #e0e7f1;margin-right:-74px}.element-layout.-balloon > .text-style.-normal{background:#e0e7f1;border:2px solid #e0e7f1;border-radius:32px;padding:28px 32px;position:relative}.exam-feedback{display:flex;flex-direction:column;align-items:center}.feedback-container{min-height:60px}.feedback-container > .button{position:absolute;z-index:1;transform:translateY(-50%)}.feedback-container > .feedback.-positive{background-color:#dcf3d6}.feedback-container > .feedback.-negative{background-color:#ffdbd8}.feedback-container > .feedback.-neutral{background-color:#f1f1f1}@media print{.fixed-page-layout > .header{display:none}}.fixed-page-layout > .header .title{opacity:0;transition:opacity .3s;margin-left:-120px;color:#fff}.fixed-page-layout > .header .title.-visible{opacity:1}.fixed-page-layout > .content{transition:margin-left .3s}.fixed-page-layout > .content.-margin-left{margin-left:auto}@media screen and (min-width:820px){.fixed-page-layout > .content.-margin-left{margin-left:233px}}.fixed-page-layout > .sidebar{border-right:1px solid #003d90}@media print{.foldable-element.-folded > .content{display:inherit}}.footer-logo{margin-bottom:32px;min-width:240px}.footer-logo > .max-width-and-height{max-height:42px;max-width:240px}.form-element > .field > .form-field{width:100%;outline-color:#003d90;border-style:solid}.form-element > .field > .form-field:focus{border-color:#003d90}.form-element > .field > .form-field.-error{border-color:#fc2003}.form-element > .field > .label{display:block}.header-button{background-color:#fff;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.header-button.-home > .button-style{transform:scale(.9)}.header-element{width:100%;background-color:#003d90;display:flex;align-items:center;height:200px;overflow:hidden;opacity:var(--opacity-amount)}@media screen and (max-width:720px){.header-element{height:140px}}.header-element > .mobile-title{display:none;margin-left:156px;width:60%;font-size:24px;padding-right:12px}@media screen and (max-width:720px){.header-element > .mobile-title{display:block}}.header-element > .logo-bar{height:236px;border-top-left-radius:118px;border-bottom-left-radius:118px;position:relative;background-color:rgba(255,255,255,0.04);width:76%;margin-left:auto;margin-right:0}@media screen and (max-width:720px){.header-element > .logo-bar{height:150px;width:auto;border-top-left-radius:75px;border-bottom-left-radius:75px;padding-top:20px;margin-left:106px}}.header-element > .logo-bar > .logo{position:absolute;transform:scale(1.907) translateX(-53px);top:44px;display:block;box-sizing:content-box}@media screen and (max-width:720px){.header-element > .logo-bar > .logo{transform:scale(1.2) translateX(-98px);top:0}}.header-element > .logo-bar > .title{margin-left:250px;display:flex;align-items:center;height:100%;padding-right:20px}@media screen and (max-width:720px){.header-element > .logo-bar > .title{display:none}}.header-line{position:fixed;top:56px;height:4px;width:100%;margin-top:1px}.header-line > .module{height:100%}.header-line > .module > .percent{height:100%;background-color:#003d90}@media print{.header-line{display:none}}.image-responsive{margin-left:auto;margin-right:auto}.input-slider{-webkit-appearance:none;width:100%;margin:5px 0}.input-slider:focus{outline:none}.input-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ebebeb;border-radius:2px;border:0}.input-slider::-webkit-slider-thumb{border:0;height:20px;width:20px;border-radius:50%;background:#003d90;cursor:pointer;-webkit-appearance:none;margin-top:-8px}.input-slider:focus::-webkit-slider-runnable-track{background:rgba(228,228,228,0.7)}.input-slider::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:none;background:#ebebeb;border-radius:2px;border:0}.input-slider::-moz-range-thumb{box-shadow:0;border:0;height:20px;width:20px;border-radius:50%;background:#003d90;cursor:pointer}.input-slider::-ms-track{width:100%;height:4px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.input-slider::-ms-fill-lower{background:#ebebeb;border:0;border-radius:4px;box-shadow:0}.input-slider::-ms-fill-upper{background:#ebebeb;border:0;border-radius:4px;box-shadow:0}.input-slider::-ms-thumb{box-shadow:0;border:0;height:20px;width:20px;border-radius:50%;background:#003d90;cursor:pointer;height:6px}.input-slider:focus::-ms-fill-lower{background:#ebebeb}.input-slider:focus::-ms-fill-upper{background:#ebebeb}.input-textarea{border:1px solid #c2c2c2;min-height:120px;outline:none;resize:none}.navigation-item{display:inline-flex;justify-content:space-between;align-items:center}.navigation-item > .text{cursor:pointer;transition:color .2s}.navigation-item:not(.-locked):hover > .text,.navigation-item.-active > .text{color:#000b1a}.navigation-item:not(.-locked):hover > .progress > .progress-bar > .progress,.navigation-item.-active > .progress > .progress-bar > .progress{background-color:#000b1a}.navigation-item.-locked{opacity:.6}.opaque-style{opacity:0;transition:opacity .75s ease-out}.opaque-style.-visible{opacity:1}.page-footer{margin-top:12px;transition:margin-left .3s;padding-left:12px;padding-right:12px}@media print{.page-footer{display:none}}.page-footer .contact-logo{display:flex;justify-content:space-between;align-items:flex-start;-moz-column-gap:32px;column-gap:32px}@media (max-width:720px){.page-footer .contact-logo{flex-direction:column;align-items:flex-start;gap:32px}}.page-footer.-margin-left{margin-left:233px}.progress-bar{height:12px;width:80px;border-radius:9px;background-color:#ebebeb;position:relative;overflow:hidden}.progress-bar > .text{display:none}.progress-bar.-small{width:40px}.progress-bar.-big{width:100%;min-width:200px;height:24px;border-radius:12px}.progress-bar.-big > .text{display:block;font-size:14px}.progress-bar > .progress{height:100%;background-color:#003d90;transition:width .75s ease}.progress-bar > .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.question-answer{padding-left:7px;padding-right:7px}.question-answer.-correct{background-color:#dcf3d6}.question-answer.-wrong{background-color:#ffdbd8}.rounded-button-container{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:40px;grid-row-gap:40px;margin-left:auto;margin-right:auto}@media screen and (max-width:960px){.rounded-button-container{grid-template-columns:1fr;width:360px}}.rounded-button{min-height:160px;width:360px;height:222px;border-color:transparent;display:flex;align-items:center;cursor:pointer;border-width:1px;border-style:solid;border-radius:40px;padding:48px;transition:border-color .25s ease-out}@media screen and (max-width:960px){.rounded-button{width:100%}}.rounded-button:hover{border-color:#003d90}.rounded-button > .content .subtitle{max-width:62%}.rounded-button .logo{margin-top:16px;min-width:240px}.scorm-bridge{height:calc(100vh - 61px);position:relative}.scorm-bridge iframe{position:absolute;top:0;left:0;width:100%;height:100%}.scroll-to-top{position:-webkit-sticky;position:sticky;pointer-events:none;bottom:20px;display:flex;justify-content:flex-end;overflow:hidden;height:40px}.scroll-to-top > .button{position:absolute;right:20px;width:40px;height:40px;border-width:1px;border-style:solid;border-color:transparent;pointer-events:all;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transform:scale(0);transition:transform .25s ease-out,border-color .25s ease-out,background-color .25s ease-out}.scroll-to-top > .button:hover{border-color:#003d90;background-color:#fff}.scroll-to-top > .button > .arrow{-webkit-clip-path:shape(from 50% 0,line to 100% 60%,line to 75% 60%,line to 75% 100%,line to 25% 100%,line to 25% 60%,line to 0 60%,close);clip-path:shape(from 50% 0,line to 100% 60%,line to 75% 60%,line to 75% 100%,line to 25% 100%,line to 25% 60%,line to 0 60%,close);width:24px;height:24px;background-color:#003d90}.scroll-to-top.-show > .button{transform:scale(1)}.sidebar{overflow-x:auto}@media print{.sidebar{display:none}}.style-container{padding-bottom:32px}.style-container.-paper{background-image:url("/assets/paper.jpg");background-repeat:no-repeat;background-size:cover;filter:grayscale(80%)}.style-container.-blue-xlight{background-color:#f0f4f9}.style-container.-blue-xxlight{background-color:#f7f9fb}@media screen and (min-width:1280px){.style-container.-rounded{border-top-right-radius:440px;border-bottom-right-radius:440px}}.style-container.-moveLeft{padding-bottom:40px}@media screen and (min-width:1280px){.style-container.-moveLeft{transform:translateX(-10%)}.style-container.-moveLeft > .elements{transform:translateX(10%)}}@media screen and (min-width:1280px) and (max-width:1280px){.style-container.-moveLeft > .elements{padding-left:36px}}ul{list-style:none}ul li:before{content:'\2022';color:#003d90;font-weight:bold;display:inline-block;width:1em;margin-left:-1em}.tooltip-element .wrapper{position:relative}.tooltip-element .wrapper > .image{width:100%;height:auto}.tooltip-element .wrapper > .areas{position:absolute;width:100%;height:100%;top:0;left:0}.tooltip-element .wrapper > .areas > .tip{position:absolute}.tooltip-element .wrapper > .areas > .tip > .content{background-color:rgba(0,11,26,0.8);color:#fff;visibility:hidden;position:absolute;width:360px;z-index:10}.tooltip-element .wrapper > .areas > .tip > .content.-show{visibility:visible}.unit-duration{border-top:2px solid #c2c2c2;border-bottom:2px solid #c2c2c2;padding:8px 0}.unit-element.-exam .feedback-container{display:none}.unit-preview-card{width:260px;height:160px;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:32px;border-style:solid;border-width:2px;border-color:transparent;transition:all .3s;background-color:#003d90}.unit-preview-card + .unit-preview-card{margin-left:20px}.unit-preview-card > .title{color:#fff;transition:all .3s;text-align:center}.unit-preview-card:not(.-locked):hover{background-color:#fff;border-color:#003d90}.unit-preview-card:not(.-locked):hover > .title{color:#003d90}.up-down-arrow{width:25px;height:25px;position:relative}.up-down-arrow > .bar{width:16px;height:3px;background-color:currentColor;position:absolute;top:50%;border-radius:2px;transition:transform .3s}.up-down-arrow > .bar.-left{left:0;transform:rotate(45deg)}.up-down-arrow > .bar.-right{right:0;transform:rotate(-45deg)}.up-down-arrow.-up > .bar.-left{transform:rotate(-45deg)}.up-down-arrow.-up > .bar.-right{transform:rotate(45deg)}.video-responsive{width:100%}@media print{*{color-adjust:exact !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}}body{font-family:"Helvetica Neue LT W05 55 Roman",sans-serif;margin:0}