.snippet.index{ /*min-height: 100%;*/ display: flex; flex-flow: row wrap; position: relative; }
.snippet.index .content{ min-height: calc(100vh - 8rem); flex: 1 1 0%; box-sizing: border-box; display: flex; }
.snippet.index .bgActive{ background-size: cover; background-repeat: no-repeat; background-position: center center; color: #FFF; position: relative; }
body:not(.touch) .snippet.index .bgFixed{ background-attachment: fixed; }
/*.snippet.index .bgFixed:before{ content: ''; background-image: inherit; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }*/
.snippet.index .halfheight{ min-height: calc(50vh - 4rem); }
.snippet.index .auto{ min-height: 0; }
.snippet.index .inner{ flex: 1 1 0%; box-sizing: border-box; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; }

.topleftcurve .content{ border-top-left-radius: 5rem; }
.toprightcurve .content{ border-top-right-radius: 5rem; }
.bottomleftcurve .content{ border-bottom-left-radius: 5rem; }
.bottomrightcurve .content{ border-bottom-right-radius: 5rem; }

@keyframes leftSlide {
    from {transform: translateX(-100%); }
    to {transform: translateX(0); }
}

@keyframes rightSlide {
    from {transform: translateX(100%); }
    to {transform: translateX(0); }
}

@keyframes opacity {
    from { opacity: 0; }
    to { opacity: 1; }
}

/*.snippet .text{ transform: translateY(100%); opacity: 0; }
.snippet.inview .text{ animation: topSlide 1s forwards, opacity 0.75s forwards; }*/
body:not(.touch) .snippet .rightSlide .text{ transform: translateX(100%); opacity: 0; }
body:not(.touch) .snippet.inview .rightSlide .text{ animation: rightSlide 1s forwards, opacity 0.75s forwards; }
body:not(.touch) .snippet .leftSlide .text{ transform: translateX(-100%); opacity: 0; }
body:not(.touch) .snippet.inview .leftSlide .text{ animation: leftSlide 1s forwards, opacity 0.75s forwards; }
body:not(.touch) .snippet .opacity .text{ opacity: 0; }
body:not(.touch) .snippet.inview .opacity .text{ animation: opacity 0.75s forwards; }

/* w-s-cover */
.w-s-cover .logo-container{ padding: calc(1.5em + 1.35416666667vw); padding-left: 0; box-sizing: border-box; animation: leftSlide 0.75s forwards; }
.w-s-cover .logo{ display: inline-block; vertical-align: top; max-width: 100%; }
.w-s-cover .svg{ position: relative; height: 0; width: 30em; max-width: 100%; padding-top: 29.5%; }
.w-s-cover svg{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.w-s-cover .title{ background: #00aeed; padding: calc((1.5em + 1.35416666667vw) * 0.75) calc(1.5em + 1.35416666667vw); border-bottom-right-radius: 5rem; box-sizing: border-box; display: inline-block; }
.w-s-cover .info{ padding: 0.5em calc(1.5em + 1.35416666667vw) calc(1.5em + 1.35416666667vw); }
.w-s-cover .intro{ padding: 0.75em 0 0; font-size: 3em; }
.w-s-cover .main{ flex: 1 1 100%; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; overflow: hidden; }
.w-s-cover .main .right{ align-self: flex-end; padding: calc(1.5em + 1.35416666667vw); animation: rightSlide 0.5s forwards; }
.w-s-cover .main .left{ animation: leftSlide 0.5s forwards; align-self: center; }
.w-s-cover.index .inner{ flex-flow: column nowrap; animation: opacity 1s forwards; }
.w-s-cover hr{ border-color: #FFF; }

/* w-s-index-thumb */
div.index.w-s-index-thumb{ display: none; }

/* w-s-textimage */
.w-s-textimage.imgPositionTop .bgActive{ background-position: top center; }
.w-s-textimage .inner{ padding: calc(1.5em + 1.35416666667vw); position: relative; overflow: hidden; }
.w-s-textimage .bgOverlay .inner:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.05); }
.w-s-textimage .text{ position: relative; width: 100%; }
.w-s-textimage .content .text[class*="bgColor"]{ padding: 3em calc(1.5em + 1.35416666667vw); border-bottom-right-radius: 5rem; margin-left: calc(-1.5em + -1.35416666667vw); box-sizing: border-box; }
.w-s-textimage div[class*="borderColor"] .text[class*="bgColor"]{ margin-left: calc((-1.5em + -1.35416666667vw) - 1rem); }
.w-s-textimage:not([class*="width-"]) .text, div:not([class*="width-"]).w-s-textimage .text{ width: 50%; }
.w-s-textimage .overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.w-s-textimage.index div.middle{ align-items: center; align-content: center; }
.w-s-textimage.index div.bottom{ align-items: flex-end; }
.w-s-textimage.index div.center{  justify-content: center; }
.w-s-textimage.index div.center .text[class*="bgColor"]{ margin-left: 0; }
.w-s-textimage.index div.right{ justify-content: flex-end; }
.w-s-textimage.index div.right .text[class*="bgColor"]{ margin-left: 0; margin-right: calc(-1.5em + -1.35416666667vw); border-bottom-right-radius: 0; border-bottom-left-radius: 5rem; }
.w-s-textimage div[class*="borderColor"] .right .text[class*="bgColor"]{ margin-left: 0; margin-right: calc((-1.5em + -1.35416666667vw) - 1rem); }

section.grid .w-s-person:not([class*="width-"]){ flex: 0 1 auto; width: 20%; }
.w-s-person.index .content{ min-height: 0; padding: 0 0.5em 1em; width: 100%; }
.w-s-person.index .inner{ flex-flow: column nowrap; align-items: unset; width: 100%; }
.w-s-person.index .img{ border-bottom-left-radius: 5rem; overflow: hidden; width: 100%; position: relative }
.w-s-person.index img{ width: 100%; }
.w-s-person .info{ padding: 0.5em; text-align: center; width: 100%; box-sizing: border-box; }
.w-s-person .name{ color: #00aeed; font-size: 1.5em; }
.w-s-person .additional-info{ visibility: hidden; opacity: 0; position: absolute; border-bottom-left-radius: 5rem; top: 0; left: 0; right: 0; bottom: 0; padding: 2em; background: #00aeed; color: #FFF; transition: all 0.3s; }
.w-s-person .img:hover .additional-info{ visibility: visible; opacity: 1; }
.w-s-person.width-20 .content{ max-width: 20rem; }