.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.content-area {position: absolute;left: 0;background-color: transparent;height: 100%;width: 100%;/*max-width: calc(100% - 380px);*/}
.animated-sections {position: relative;height: 100%;-webkit-perspective: 1500px;-moz-perspective: 1500px;perspective: 1500px;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.animated-section {position: absolute;background-color: transparent;height: 100%;width: 100%;border-radius: 0px 10px 10px 0px;padding: 0;opacity: 0;overflow: auto;visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background-repeat: no-repeat;background-position: center;background-position: 50% 50%;background-size: cover;}
.section-content {background-color: #fff;padding: 60px;position: relative;height: auto;width: 100%;min-width: 100%;min-height: 100%;-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-ms-transform: none;}
.section-active, .no-js .animated-section {opacity: 1;overflow: auto;visibility: visible;z-index: 99;}