.about-wrapper{border:2px solid #002f60;display:flex;width:100%}.about-card{background:#fff;border:2px solid #002f60;cursor:pointer;flex:1 auto;min-width:1.75rem;overflow:hidden;position:relative;transition:opacity .3s ease-in-out,background .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out,background .3s ease-in-out;-moz-transition:opacity .3s ease-in-out,background .3s ease-in-out;-ms-transition:opacity .3s ease-in-out,background .3s ease-in-out;-o-transition:opacity .3s ease-in-out,background .3s ease-in-out}.about-card:not(.open):hover{background:#eb5400}.about-card:not(.open):hover .card-title{color:#fff}.about-card .accent-image{height:calc(100% - 1.75rem);left:0;max-width:400px;object-fit:cover;opacity:1;overflow:hidden;padding:0;position:absolute;width:100%;z-index:1000}.about-layout_1 .about-card{height:400px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.about-layout_1 .accent-image{transition:all .3s ease-in-out,width .3s linear,opacity .1s linear;-webkit-transition:all .3s ease-in-out,width .3s linear,opacity .1s linear;-moz-transition:all .3s ease-in-out,width .3s linear,opacity .1s linear;-ms-transition:all .3s ease-in-out,width .3s linear,opacity .1s linear;-o-transition:all .3s ease-in-out,width .3s linear,opacity .1s linear}.about-layout_1 .card-content{background:#fff;border-left:4px solid #002f60;height:100%;opacity:0;overflow-y:scroll;padding:2rem;position:absolute;right:-100px;top:0;width:0;z-index:10000}.about-layout_1 .about-card.open .card-content{max-width:calc(100% - 400px);opacity:1;right:0;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;width:80%}.about-layout_1 .about-card .card-title{font-size:1.25rem;left:.25rem;opacity:1;position:absolute;top:calc(100% - 1.75rem);transform:rotate(0deg);transform-origin:left top;white-space:nowrap;z-index:1000}.about-layout_1 .about-card.open .accent-image{max-width:400px}.about-layout_1 .about-card.close{flex:0}.about-layout_1 .about-card.close .accent-image{opacity:0}.about-layout_1 .about-card.close .card-title{left:1.5rem;top:.5rem;transform:rotate(90deg)}.about-layout_2 .about-card{display:flex;flex-flow:column;min-width:unset!important}.about-layout_2 .card-content{background:#fff;display:none;left:0;min-height:520px;opacity:0;padding:20px;top:0;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;width:100%;z-index:100}.about-layout_2 .open .card-content{display:block;opacity:1;order:-1}.about-layout_2 .accent-image{height:400px;margin-bottom:0;position:relative}@keyframes pop-in{0%{opacity:0;transform:translateX(1rem);-webkit-transform:translateX(1rem);-moz-transform:translateX(1rem);-ms-transform:translateX(1rem);-o-transform:translateX(1rem)}to{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}.about-layout_2 .open:hover{background:#fff}.about-layout_2 .open .card-content{animation:pop-in .3s ease;-webkit-animation:pop-in .3s ease}.about-layout_2 .card-title{font-size:1.25rem;line-height:100%;margin-bottom:0;padding:.5rem;vertical-align:middle}.about-layout_2 .close{border:0;flex:0;opacity:0;overflow:hidden;width:0}.about-layout_2 .open .card-toggle{display:none}.about-layout_2 .accent-image{height:auto;width:100%;z-index:unset}.about-layout_2 .card-title-wrapper{background:#eb5400;border:4px solid #002f60}.card-title-wrapper *{color:#fff}.card-accent-title{border-bottom:4px solid transparent;transition:border-color .3s;-webkit-transition:border-color .3s;-moz-transition:border-color .3s;-ms-transition:border-color .3s;-o-transition:border-color .3s;width:100%}.card-accent-title h2{margin:0}.card-accent-title.has-content{border-color:#002f60}.card-close-tab{align-items:center;color:#002f60;display:flex;font-family:Work Sans,sans-serif;font-size:1rem;font-weight:700;justify-content:flex-end;margin-bottom:.25rem;padding:0 1rem .5rem;right:0;text-align:right}.card-close-tab svg{height:24px}.card-close-tab:hover{color:#eb5400}.card-close-tab svg{fill:#002f60}.card-close-tab:hover svg path{fill:#eb5400}@media (max-width:768px){.open .card-content [class*=span]{margin-left:0;padding:0}.card-close-tab{font-size:1rem;padding-right:0}.about-layout_2 .card-toggle .card-title{font-size:1rem}}