.lightbend-banner{z-index:100;background:#1c3b47;color:#fff;font-family:"Source Sans Pro","Helvetica Neue",Arial,sans-serif !important;}.lightbend-banner.lagom{background:#421540;}.lightbend-banner.lagom .wrapper{max-width:1152px;}@media only screen and (min-width:1152px){.lightbend-banner.lagom .wrapper{padding:0}}.lightbend-banner.akka{background:#0b5567;}.lightbend-banner.akka .wrapper{max-width:1060px;}@media only screen and (min-width:1152px){.lightbend-banner.akka .wrapper{padding:0}}.lightbend-banner.play{background:#49691f;}.lightbend-banner.play .wrapper{max-width:site-width;}@media only screen and (min-width:site-width){.lightbend-banner.play .wrapper{padding:0 40px}}.flex .lightbend-banner.play .wrapper{width:90% !important;max-width:1500px}.lightbend-banner.full-width .wrapper{max-width:100%;padding:0 16px;}.lightbend-banner.full-width .wrapper .drop-down-content .title{display:none !important}.lightbend-banner .wrapper{height:70px;max-width:1152px;display:flex;justify-content:center;margin:0 auto;padding:0 16px;position:relative;}@media only screen and (min-width:580px){.lightbend-banner .wrapper{justify-content:space-between}}@media only screen and (min-width:1152px){.lightbend-banner .wrapper{padding:0}}.lightbend-banner .wrapper > div{height:70px;}.lightbend-banner .wrapper > div.brand{display:flex;align-items:center;}.lightbend-banner .wrapper > div.brand a{height:26px;text-decoration:none !important;border:none !important}.lightbend-banner .wrapper > div.brand svg{height:26px;opacity:1;transition:opacity 300ms ease-in-out;}.lightbend-banner .wrapper > div.brand svg:hover{opacity:1;transition:opacity 300ms ease-in-out}@media only screen and (min-width:440px){.lightbend-banner .wrapper > div.brand{display:none}}@media only screen and (min-width:580px){.lightbend-banner .wrapper > div.brand{display:flex}}.lightbend-banner .wrapper > div.nav{display:flex;align-items:flex-end;}.lightbend-banner .wrapper > div.nav a.banner-btn{color:#fff;text-decoration:none !important;border:2px solid rgba(255,255,255,0.6) !important;font-family:"Source Sans Pro","Helvetica Neue",Arial,sans-serif !important;padding:0 1.25rem;line-height:36px;height:36px;margin-bottom:15px;border-radius:100px;font-size:14px;font-weight:400;display:none;align-items:center;transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out;}.lightbend-banner .wrapper > div.nav a.banner-btn svg{display:inline-block;height:23px;margin-left:.5rem}.lightbend-banner .wrapper > div.nav a.banner-btn:hover{border-color:#fff;transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out;background:rgba(255,255,255,0.1);text-decoration:none !important}@media only screen and (min-width:440px){.lightbend-banner .wrapper > div.nav a.banner-btn{display:flex}}.lightbend-banner .wrapper > div.nav .drop-down{display:none;line-height:15px;margin-left:8px;}@media only screen and (min-width:700px){.lightbend-banner .wrapper > div.nav .drop-down{display:block}}.lightbend-banner .wrapper > div.nav .drop-down .svg-chevon-circle-down{margin-bottom:11px;width:40px;height:40px;cursor:pointer;}.lightbend-banner .wrapper > div.nav .drop-down .svg-chevon-circle-down path{fill:rgba(255,255,255,0.6);transition:fill 300ms ease-in-out}.lightbend-banner .wrapper > div.nav .drop-down .drop-down-content{z-index:1000;display:none;position:absolute;color:#1c3b47;left:0;width:100%;background:#fff;box-shadow:0 5px 5px -4px rgba(0,0,0,0.5);}.lightbend-banner .wrapper > div.nav .drop-down .drop-down-content .full-width-center{max-width:1088px;margin:0 auto;padding:0 32px}.lightbend-banner .wrapper > div.nav .drop-down .drop-down-content .title{margin:24px 32px 0 48px;text-transform:uppercase;color:#ff931e;font-weight:400;font-size:16px;background:#fff;display:inline-block;padding:8px;position:absolute;top:0}.lightbend-banner .wrapper > div.nav .drop-down .drop-down-content:before{content:"";position:absolute;width:100px;height:22px;border:0 solid #00f;right:0;top:-20px}.lightbend-banner .wrapper > div.nav .drop-down:hover{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M12,5V5C11.54,4.55,6.86.34,6.86.34a1.26,1.26,0,0,0-1.72,0S.46,4.55,0,5V5Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom -1px center;background-size:50%;}.lightbend-banner .wrapper > div.nav .drop-down:hover .svg-chevon-circle-down{margin-bottom:11px;}.lightbend-banner .wrapper > div.nav .drop-down:hover .svg-chevon-circle-down path{fill:#fff}.lightbend-banner .wrapper > div.nav .drop-down:hover .drop-down-content{display:block}.lightbend-family{box-sizing:content-box;margin:43px 32px 32px 32px;padding:0;display:flex;justify-content:space-between;position:relative;font-family:"Source Sans Pro","Helvetica Neue",Arial,sans-serif !important;}.full-width .lightbend-family{max-width:1152px;}@media only screen and (min-width:1152px){.full-width .lightbend-family{margin:43px auto 32px auto}}.full-width .lightbend-family:before{position:absolute;content:"The Lightbend Family";text-transform:uppercase;color:#ff931e;top:-16px;left:16px;color:#ff931e;font-weight:400;font-size:16px;background:#fff;display:inline-block;padding:8px;position:absolute}.lightbend-family > a,.lightbend-family > div{box-sizing:content-box;font-family:"Source Sans Pro","Helvetica Neue",Arial,sans-serif !important;max-height:120px;width:17%;padding:16px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-size:12px;font-weight:400;color:#9eb1b7;text-decoration:none !important;border-top:1px solid #ebeef0;border-bottom:1px solid #ebeef0;}@media only screen and (min-width:1000px){.lightbend-family > a,.lightbend-family > div{min-height:120px}}.lightbend-family > a svg,.lightbend-family > div svg{border:0 solid rgba(0,0,255,0.1);height:34px;}@media only screen and (min-width:1000px){.lightbend-family > a svg,.lightbend-family > div svg{margin-bottom:5px;height:40px}}.lightbend-family > a span,.lightbend-family > div span{font-family:"Source Sans Pro","Helvetica Neue",Arial,sans-serif !important;max-width:80%;display:none;}@media only screen and (min-width:1000px){.lightbend-family > a span,.lightbend-family > div span{display:block}}.lightbend-family > a:first-child,.lightbend-family > div:first-child{border-left:1px solid #ebeef0}.lightbend-family > a:last-child,.lightbend-family > div:last-child{border-right:1px solid #ebeef0}.lightbend-family > a:before,.lightbend-family > div:before{content:"";position:absolute;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M0,0H0C.46.45,5.14,4.66,5.14,4.66a1.26,1.26,0,0,0,1.72,0S11.54.45,12,0H0Z' fill='%23ff931e'/%3E%3C/svg%3E") no-repeat top center;background-size:contain;top:0;width:30px;height:8px;display:none}.lightbend-family > a:after,.lightbend-family > div:after{content:"";position:absolute;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M12,5V5C11.54,4.55,6.86.34,6.86.34a1.26,1.26,0,0,0-1.72,0S.46,4.55,0,5V5Z' fill='%23ff931e'/%3E%3C/svg%3E") no-repeat bottom center;background-size:contain;bottom:0;width:30px;height:8px;display:none}.lightbend-family > a.platform,.lightbend-family > div.platform{width:32%;background:#f5f6f7;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;padding-left:3%;color:#406972;border-left:0 solid #fff;}.lightbend-family > a.platform span,.lightbend-family > div.platform span{max-width:95%;font-size:12px;line-height:1.4;display:block}.lightbend-family > a.platform a,.lightbend-family > div.platform a{display:inline-block;background:#ff931e;color:#fff;text-transform:uppercase;text-decoration:none;font-size:10px;margin-top:5px;padding:4px 8px;border:none;transition:all 300ms ease-in-out;}.lightbend-family > a.platform a:hover,.lightbend-family > div.platform a:hover{background:#f48122;border:none;transition:all 300ms ease-in-out}@media only screen and (min-width:1000px){.lightbend-family > a.platform span,.lightbend-family > div.platform span{max-width:85%;font-size:14px}.lightbend-family > a.platform a,.lightbend-family > div.platform a{font-size:12px;padding:8px 12px}}.lightbend-family > a.lagom svg,.lightbend-family > div.lagom svg{max-width:96px;}@media only screen and (min-width:1000px){.lightbend-family > a.lagom svg,.lightbend-family > div.lagom svg{max-width:110px}}.lagom .lightbend-family > a.lagom,.lagom .lightbend-family > div.lagom{color:#421540;background:#f5f6f7;border-right:0 solid #ebeef0;cursor:default;}.lagom .lightbend-family > a.lagom:before,.lagom .lightbend-family > div.lagom:before{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M0,0H0C.46.45,5.14,4.66,5.14,4.66a1.26,1.26,0,0,0,1.72,0S11.54.45,12,0H0Z' fill='%23652b7c'/%3E%3C/svg%3E")}.lagom .lightbend-family > a.lagom:after,.lagom .lightbend-family > div.lagom:after{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M12,5V5C11.54,4.55,6.86.34,6.86.34a1.26,1.26,0,0,0-1.72,0S.46,4.55,0,5V5Z' fill='%23652b7c'/%3E%3C/svg%3E")}.akka .lightbend-family > a.akka,.akka .lightbend-family > div.akka{color:#0b5567;background:#f5f6f7;border-right:0 solid #ebeef0;cursor:default;}.akka .lightbend-family > a.akka:before,.akka .lightbend-family > div.akka:before{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M0,0H0C.46.45,5.14,4.66,5.14,4.66a1.26,1.26,0,0,0,1.72,0S11.54.45,12,0H0Z' fill='%230b5567'/%3E%3C/svg%3E")}.akka .lightbend-family > a.akka:after,.akka .lightbend-family > div.akka:after{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M12,5V5C11.54,4.55,6.86.34,6.86.34a1.26,1.26,0,0,0-1.72,0S.46,4.55,0,5V5Z' fill='%230b5567'/%3E%3C/svg%3E")}.play .lightbend-family > a.play,.play .lightbend-family > div.play{color:#49691f;background:#f5f6f7;border-right:0 solid #ebeef0;cursor:default;}.play .lightbend-family > a.play:before,.play .lightbend-family > div.play:before{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M0,0H0C.46.45,5.14,4.66,5.14,4.66a1.26,1.26,0,0,0,1.72,0S11.54.45,12,0H0Z' fill='%2349691f'/%3E%3C/svg%3E")}.play .lightbend-family > a.play:after,.play .lightbend-family > div.play:after{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 5'%3E %3Cpath d='M12,5V5C11.54,4.55,6.86.34,6.86.34a1.26,1.26,0,0,0-1.72,0S.46,4.55,0,5V5Z' fill='%2349691f'/%3E%3C/svg%3E")}.lightbend-family > a:hover{background:rgba(245,246,247,0);cursor:pointer;}.lightbend-family > a:hover.akka{color:#0b5567}.lightbend-family > a:hover.lagom{color:#421540}.lightbend-family > a:hover.play{color:#49691f}.lightbend-family > a:hover.scala{color:#380d09}