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