#principles--1,#principles--2,#principles--3{position:relative;cursor:pointer}#principles--1.active,#principles--2.active,#principles--3.active{opacity:1}#principles PATH{cursor:pointer}@media screen and (max-width: 576px){#principles{padding-left:50px;padding-right:50px}}.principles--text--area{width:450px;height:360px;position:relative;margin:0 auto 40px}@media screen and (max-width: 576px){.principles--text--area{width:100%;height:300px}}.principles--text--area--block DIV{display:flex;flex-direction:row;align-items:center;padding:10px 0px}.principles--text--area--block DIV SPAN{padding-right:4px;font-size:1.1em}.principles--text--area IMG{width:50px}.principles--text--area--sec IMG{width:100px}.principles--text--area--sec DIV{padding:0px}#card{width:100%;height:100%;position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}@media screen and (max-width: 768px){#card{margin-top:40px}}#card .flipper{background-color:#FFF;border:0px #f0f0f0 solid;padding:30px;border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;display:block;height:100%;width:100%;position:absolute;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}#card .flipper H3{color:#ef3f36}#card .flipper--number{position:absolute;color:rgba(240,240,240,0);font-size:16em;line-height:0em;font-weight:900;top:30px;left:-60px;z-index:-2;transition:color 0.05s ease-in-out}@media screen and (max-width: 768px){#card .flipper--number{font-size:10em;top:40px;left:-10px}}@media screen and (max-width: 576px){#card .flipper--number{top:10px;left:0px}}@media screen and (max-width: 576px){#card .flipper{padding-top:0px}}#card .flipper.flipped{transition:color 1.25s, opacity 1s;animation:flip-2 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;z-index:1;opacity:1}#card .flipper.flipped .flipper--number{color:#f0f0f0}#card .flipper.before{transition:color 1.25s, opacity 1s;animation:flip-2a 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both}#card .flipper.after{animation:flip-2a 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both}#card .flipper.before H3,#card .flipper.before H4,#card .flipper.before P,#card .flipper.after H3,#card .flipper.after H4,#card .flipper.after P{color:#FFF}@keyframes flip-2{0%{-webkit-transform:translateX(-100%) rotateY(180deg);transform:translateX(-100%) rotateY(180deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%;color:#FFF}100%{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;color:#000000}}@keyframes flip-2a{0%{-webkit-transform:translateX(-100%) rotateY(180deg);transform:translateX(-100%) rotateY(180deg);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}100%{-webkit-transform:translateX(0) rotateY(0);transform:translateX(0) rotateY(0);-webkit-transform-origin:0% 50%;transform-origin:0% 50%}}