/* fonts */



@font-face{font-style: normal; font-weight: 300; font-family: 'Raisonne'; src: url('pack/raisonne/raisonne-300.eot'); src: url('pack/raisonne/raisonne-300.eot?#iefix') format('embedded-opentype'), url('pack/raisonne/raisonne-300.woff') format('woff'), url('pack/raisonne/raisonne-300.ttf') format('truetype');}
@font-face{font-style: normal; font-weight: 300; font-family: 'Raisonne'; src: url('pack/raisonne/raisonne-300-ob.eot'); src: url('pack/raisonne/raisonne-300-ob.eot?#iefix') format('embedded-opentype'), url('pack/raisonne/raisonne-300-ob.woff') format('woff'), url('pack/raisonne/raisonne-300-ob.ttf') format('truetype'); font-style: italic;}
@font-face{font-style: normal; font-weight: 400; font-family: 'Raisonne'; src: url('pack/raisonne/raisonne-400.eot'); src: url('pack/raisonne/raisonne-400.eot?#iefix') format('embedded-opentype'), url('pack/raisonne/raisonne-400.woff') format('woff'), url('pack/raisonne/raisonne-400.ttf') format('truetype');}
@font-face{font-style: normal; font-weight: 400; font-family: 'Raisonne'; src: url('pack/raisonne/raisonne-400-ob.eot'); src: url('pack/raisonne/raisonne-400-ob.eot?#iefix') format('embedded-opentype'), url('pack/raisonne/raisonne-400-ob.woff') format('woff'), url('pack/raisonne/raisonne-400-ob.ttf') format('truetype'); font-style: italic;}
@font-face{font-style: normal; font-weight: 600; font-family: 'Raisonne'; src: url('pack/raisonne/raisonne-600.eot'); src: url('pack/raisonne/raisonne-600.eot?#iefix') format('embedded-opentype'), url('pack/raisonne/raisonne-600.woff') format('woff'), url('pack/raisonne/raisonne-600.ttf') format('truetype');}
@font-face{font-style: normal; font-weight: 600; font-family: 'Raisonne'; src: url('pack/raisonne/raisonne-600-ob.eot'); src: url('pack/raisonne/raisonne-600-ob.eot?#iefix') format('embedded-opentype'), url('pack/raisonne/raisonne-600-ob.woff') format('woff'), url('pack/raisonne/raisonne-600-ob.ttf') format('truetype'); font-style: italic;}
@font-face{font-style: normal; font-weight: 300; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-300.woff') format('woff'), url('pack/objektiv/objektiv-300.woff2') format('woff2');}
@font-face{font-style: normal; font-weight: 300; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-300-ob.woff') format('woff'), url('pack/objektiv/objektiv-300-ob.woff2') format('woff2'); font-style: italic;}
@font-face{font-style: normal; font-weight: 400; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-400.woff') format('woff'), url('pack/objektiv/objektiv-400.woff2') format('woff2');}
@font-face{font-style: normal; font-weight: 400; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-400-ob.woff') format('woff'), url('pack/objektiv/objektiv-400-ob.woff2') format('woff2'); font-style: italic;}
@font-face{font-style: normal; font-weight: 500; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-500.woff') format('woff'), url('pack/objektiv/objektiv-500.woff2') format('woff2');}
@font-face{font-style: normal; font-weight: 500; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-500-ob.woff') format('woff'), url('pack/objektiv/objektiv-500-ob.woff2') format('woff2'); font-style: italic;}
@font-face{font-style: normal; font-weight: 600; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-600.woff') format('woff'), url('pack/objektiv/objektiv-600.woff2') format('woff2');}
@font-face{font-style: normal; font-weight: 600; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-600-ob.woff') format('woff'), url('pack/objektiv/objektiv-600-ob.woff2') format('woff2'); font-style: italic;}
@font-face{font-style: normal; font-weight: 700; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-700.woff') format('woff'), url('pack/objektiv/objektiv-700.woff2') format('woff2');}
@font-face{font-style: normal; font-weight: 700; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-700-ob.woff') format('woff'), url('pack/objektiv/objektiv-700-ob.woff2') format('woff2'); font-style: italic;}
@font-face{font-style: normal; font-weight: 800; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-800.woff') format('woff'), url('pack/objektiv/objektiv-800.woff2') format('woff2');}
@font-face{font-style: normal; font-weight: 800; font-family: 'Objektiv'; src: url('pack/objektiv/objektiv-800-ob.woff') format('woff'), url('pack/objektiv/objektiv-800-ob.woff2') format('woff2'); font-style: italic;}
html{margin: 0; padding: 0;}
body{margin: 0; padding: 0; width: 100%; overflow-x: hidden; background: #fff; font-family: 'Objektiv', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4em; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@media screen and (max-width: 992px){
body{font-size: 15px;}
}
@media screen and (max-width: 768px){
body{padding-top: 40px; font-size: 14px;}
body.node-type-label,body.front{padding-top: 80px;}
}



/* core */



h1,h2,h3{font-family: 'Raisonne', Arial, Helvetica, sans-serif;}
h4,h5{font-family: 'Objektiv', Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5{color: #ff2b06;}
h1{font-size: 6.60em; line-height: 1.2em; font-weight: 600;}
h2{font-size: 3.00em; line-height: 1.2em; font-weight: 600;}
h3{font-size: 1.88em; line-height: 1.2em; font-weight: 600;}
h4{font-size: 1.25em; line-height: 1.4em; font-weight: 700;}
h5{font-size: 1.12em; line-height: 1.4em; font-weight: 500; color: #000;}
h1.blue{font-size: 8.00em; line-height: 1.0em; color: #6534ff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #6534ff; -webkit-user-select: none; user-select: none;}
h2.node{display: none;}
h2.thin{font-weight: 300;}
h2.line{text-decoration: line-through;}
h3.thin{font-weight: 300;}
div.view-header h2{margin: 0 0 40px 0;}
div.view-header h3{margin: 0 0 20px 0;}
div.caption{font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3em; color: #bbb;}
div.caption.mirror{text-align: right;}
input,textarea{outline: none; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none;}
video:focus{outline: none;}
img{display: block;}
ul{list-style: none; margin: 0; padding: 0;}
a{cursor: pointer; color: #000;}
a.link-m{position: relative; display: inline-block; font-size: 1.12em; font-weight: 500; color: #000; text-decoration: none; clear: both;}
a.link-m::after{content: ''; z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #ffffaa;}
a.link-m>span{z-index: 4; position: relative; display: block;}
a.link-m>span::after{content: ''; display: inline-block; width: 14px; height: 14px; margin-left: 6px; background-image: url(../icon/nav/black/arrow-on.svg); background-position: right center; background-repeat: no-repeat; background-size: auto 12px;}
a.link-m:hover::after{height: 100%;}
a.link-x{position: relative; display: inline-block; clear: both; min-height: 60px; padding: 25px 100px 25px 30px; background: #ffffaa; font-size: 1.12em; line-height: 1.3em; font-weight: 700; text-decoration: none; color: #000;}
a.link-x>em{font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.3em; font-style: normal;}
a.link-x::before,a.link-x::after{content: '' ; position: absolute; top: 0; right: 0; display: block; width: 100px; height: 100%; background-repeat: no-repeat; background-position: right 30px center; background-size: auto 36px; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
a.link-x::before{background-image: url(../icon/nav/black/arrow.svg);  z-index: 2;}
a.link-x::after{background-image: url(../icon/nav/black/arrow-on.svg); z-index: 4; opacity: 0;}
a.link-x:hover::after{opacity: 1;}
a.link-cdn{position: relative; display: block; min-height: 60px; margin: 0 0 15px 0; padding: 25px 100px 25px 30px; background: #e0e0e0; font-size: 1.125em; line-height: 1.3em; font-weight: 700; text-decoration: none; color: #000;}
a.link-cdn>em{font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.3em; font-style: normal; color: #aaa;}
a.link-cdn::before,a.link-cdn::after{content: '' ; position: absolute; top: 0; right: 0; display: block; width: 100px; height: 100%; background-repeat: no-repeat; background-position: right 30px center; background-size: auto 36px; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
a.link-cdn::before{background-image: url(../icon/nav/blue/cdn.svg);  z-index: 2;}
a.link-cdn::after{background-image: url(../icon/nav/blue/cdn-on.svg); z-index: 4; opacity: 0;}
a.link-cdn:hover::after{opacity: 1;}
a.btn{display: block; width: 100%; padding: 15px; -webkit-user-select: none; user-select: none; background: #000; -webkit-transition: background 140ms ease; transition: background 140ms ease; font-size: 14px; font-weight: 700; text-decoration: none; text-align: center; color: #fff;}
a.btn:hover{background: #6534ff;}
a.btn.lock{background: #e0e0e0; color: #888; cursor: default;}
a.btn.blue{background: #6534ff;}
a.btn.blue:hover{background: #000;}
p{font-size: 1em; line-height: 1.5em; color: #363636;}
p.bolder{font-size: 1.12em; font-weight: 600;}
p.teaser{margin: 0 0 44px 0; font-size: 1.62em !important; line-height: 1.32em !important; font-weight: 600; color: #000;}
p.mini{font-size: 0.68rem; line-height: 1.8em !important; color: #888;}
p a{font-weight: 600; text-decoration: underline; color: #363636;}
p a[target='_blank']:not(.link-x),.block-ck li a[target='_blank']:not(.link-x){font-weight: normal; text-decoration: none; background: #ffffaa; background: linear-gradient(180deg, rgba(255,255,170,0) 0%, rgba(255,255,170,0) 35%, rgba(255,255,170,1) 35%, rgba(255,255,170,1) 75%, rgba(255,255,170,0) 75%, rgba(255,255,170,0) 100%);}
p>cite{display: block; padding: 20px 24px; background: #e0e0e0; font-size: inherit; font-style: italic; font-weight: 600;}
p span.explainer{position: relative; display: inline-block; width: 20px; height: 20px; background: #fff !important; overflow: hidden; cursor: pointer; font-size: 0.9em; font-weight: 600;}
p span.explainer::before{content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background-color: #fff; background-image: url(../icon/arrow.svg); background-repeat: no-repeat; background-position: center center; background-size: contain;}
p span.explainer.on{display: block; width: auto; height: auto; margin: 2rem 0; padding: 20px; background: #eee !important;}
p span.explainer.on::before{display: none;}
@media screen and (max-width: 992px){
h1{font-size: 5.00em;}
h2{font-size: 2.60em;}
}
@media screen and (max-width: 768px){
h1{font-size: 3.00em;}
h2{font-size: 2.20em;}
h1.blue{font-size: 3.00em; -webkit-text-fill-color: #6534ff; -webkit-text-stroke-width: 0;}
div.caption{font-size: 14px;}
a.link-x{padding: 20px 100px 20px 20px;}
a.link-cdn{padding: 20px 100px 20px 20px; margin: 0 0 5px 0;}
}



/* section */



div.section{margin: 0 auto 150px auto;}
div.section-main{max-width: 1100px; margin: 0 auto; padding: 0 20px; box-sizing: content-box; overflow: hidden;}
div.section-core{width: 760px; display: inline-block; float: left;}
div.section-side{width: 340px; display: inline-block; float: left;}
div.section-a div.section-core{padding: 0 60px 0 0;}
div.section-b div.section-core{padding: 0 0 0 60px; float: right;}
@media screen and (max-width: 1200px){
div.section-side{width: 30%;}
div.section-core{width: 70%;}
}
@media screen and (max-width: 992px){
div.section-side{width: 40%;}
div.section-core{width: 60%;}
div.section-a div.section-core{padding: 0 30px 0 0;}
div.section-b div.section-core{padding: 0 0 0 30px;}
}
@media screen and (max-width: 768px){
div.section{margin: 0 auto 60px auto;}
div.section-side,div.section-core{display: block; float: none !important; width: 100%; padding-left: 0 !important; padding-right: 0 !important;}
div.section-side{padding-top: 60px;}
}



/* header */



.brand{display: inline-block; width: 90px; height: 40px; background-image: url(../icon/brand.svg); background-position: left center; background-repeat: no-repeat; background-size: contain; vertical-align: middle;}
.head-bar{width: 100%; padding: 20px 0;}
.head-bar.color{background: #e0e0e0;}
.head-bar>div{max-width: 1100px; height: 100%; margin: 0 auto; padding: 0 20px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.head-bar>div>*{-webkit-display: flex; display: flex;}
.head-bar a.brand{margin: 0 20px 0 0;}
.head-bar div.menu{-webkit-flex: 1; flex: 1;}
.head-bar ul{text-align: right; width: 100%;}
.head-bar ul>li{display: inline-table; float: left; height: 100%;}
.head-bar ul>li.xr{float: none;}
.head-bar ul>li.hot>a{color: #ff2b06;}
.head-bar ul>li.zero>a{font-style: italic; color: #bdbdbd;}
.head-bar ul>li>a{position: relative; display: table-cell; height: 100%; padding: 0 12px; vertical-align: middle; font-size: 14px; font-weight: 700; color: #000; text-decoration: none;}
.head-bar ul>li>a::after{content: ''; z-index: 4; position: absolute; display: block; top: 50%; left: 12px; right: 12px; bottom: 0; margin-top: 10px; border-top: 2px solid #ff2b06; -webkit-transform-origin: center left; transform-origin: center left; -webkit-transition: transform 0s linear 0.2s, opacity 0.2s ease; transition: transform 0s linear 0.2s, opacity 0.2s ease; opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0);}
.head-bar ul>li>a.on::after,div.head-bar ul>li>a:hover::after{-webkit-transition: transform 0.3s cubic-bezier(.55,0,.1,1), opacity 0.3s ease; transition: transform 0.3s cubic-bezier(.55,0,.1,1), opacity 0.3s ease; opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);}
.head-bar .menu-exnd{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 14px; font-weight: 600; color: #000; text-decoration: none; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
.head-bar .menu-exnd:hover{opacity: 0.6;}
.head-bar .menu-seek{position: relative; width: 40px; margin-right: 30px;}
.head-bar .menu-seek::after{content: ''; position: absolute; z-index: 2; top: 6px; left: 0; right: -10px; bottom: 6px; border-right: 1px solid #dbdbdb;}
.head-bar .menu-seek>a{position: relative; z-index: 4; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: auto 40%; background-image: url(../icon/nav/black/search.svg); -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
.head-bar .menu-seek>a:hover{opacity: 0.6;}
@media screen and (max-width: 768px){
.head-bar{display: none;}
}



/* header/menu mobile */



.head-min{z-index: 200; position: fixed; display: none; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #e0e0e0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; user-select: none;}
.head-min .brand{height: 50px; margin-left: 20px;}
.head-min .menu-btn{float: right;}
.menu-bar{z-index: 400; position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background: #6534ff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.menu-bar>div{position: relative; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.menu-bar>div::-webkit-scrollbar{width: 0px; background: transparent;}
.menu-bar-pane{display: table; width: 100%; height: 100%;}
.menu-bar-pane>div{display: table-cell; width: 100%; height: 100%; padding: 80px 0; vertical-align: middle;}
.menu-bar a.nav-cross{margin-bottom: 20px;}
.menu-bar li{display: block; padding: 10px; text-align: center;}
.menu-bar li>a{display: inline-block; font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 2.5em; line-height: 1.0em; font-weight: 600; color: #fff; text-decoration: none; -webkit-user-select: none; user-select: none;}
.menu-bar li>a.on{border-bottom: 5px solid #ff2b06;}
.menu-bar li>a.anchor{opacity: 0.6;}
.seek-btn{display: block; float: right; width: 50px; height: 50px; background-image: url(../icon/nav/black/search.svg); background-position: center center; background-repeat: no-repeat; background-size: auto 40%;}
.menu-btn{position: relative; display: block; width: 64px; height: 50px;}
.menu-btn>span,.menu-btn::after,.menu-btn::before{content: ''; position: absolute; z-index: 2; display: block; width: 24px; height: 2px; left: 20px; background: #000;}
.menu-btn>span{top: 24px;}
.menu-btn::after{top: 16px;}
.menu-btn::before{bottom: 16px;}
body.logged-in .head-min{top: 28px;}
body.in-menu .menu-bar{display: block;}
@media screen and (max-width: 768px){
.head-min{display: block;}
}



/* sub menu */



.sub-menu{z-index: 80; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: background 400ms ease, visibility 0s linear 400ms; transition: background 400ms ease, visibility 0s linear 400ms; visibility: hidden; background: rgba(255,255,255,0); overflow: hidden;}
.sub-menu>div{max-width: 900px; height: 100%; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; opacity: 0;}
.sub-menu a.nav-cross{margin: 0;}
.sub-menu ul{display: block; margin: 0 60px 0 0; -webkit-transform: perspective(300px) rotateX(-12deg); transform: perspective(300px) rotateX(-12deg); -webkit-transition: transform 300ms ease-out; transition: transform 300ms ease-out;}
.sub-menu ul>li{display: block;}
.sub-menu ul>li>a{display: inline-block; padding: 0 40px 0 0; font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 3.6em; line-height: 1.3em; font-weight: 600; color: #6534ff; text-decoration: none; -webkit-user-select: none; user-select: none;}
.sub-menu ul>li>a:not(:hover){-webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1.2px; -webkit-text-stroke-color: #6534ff;}
#sub-icon{position: fixed; z-index: 60; display: block; width: 80px; height: 80px; top: 50%; left: 50%; -webkit-transform: translate(-600px, -20px); transform: translate(-600px, -20px); -webkit-border-radius: 50%; border-radius: 50%; -webkit-user-select: none; user-select: none;}
#sub-icon>div{position: relative; display: block; width: 40px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; border: 1.6px solid #6534ff; -webkit-transition: border-width 100ms linear; transition: border-width 100ms linear;}
#sub-icon>div>div{position: absolute; display: block; width: 20px; height: 20px; top: 50%; left: 50%; border: 1.6px solid #6534ff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#sub-icon:hover>div{border-width: 10px;}
body.in-sub-menu .sub-menu{display: block; -webkit-transition: background 400ms ease, visibility 0s linear; transition: background 400ms ease, visibility 0s linear; visibility: visible; background: rgba(255,255,255,0.9);}
body.in-sub-menu .sub-menu>div{opacity: 1;}
body.in-sub-menu .sub-menu ul{-webkit-transform: perspective(300px) rotateX(0deg); transform: perspective(300px) rotateX(0deg);}
body.in-sub-menu #sub-icon{cursor: default;}



/* name bar */



.name-bar{z-index: 200; position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 280ms ease-in-out; transition: transform 280ms ease-in-out; will-change: transform;}
.name-bar.dock{-webkit-transform: translateY(0%); transform: translateY(0%);}
.name-bar>div{position: relative; display: table; max-width: 1140px; width: 100%; height: 100%; margin: 0 auto;}
.name-bar>div>div{display: table-cell; padding: 0 20px; vertical-align: middle; font-weight: 600; text-align: center;}
.name-bar a.nav-return{position: absolute; z-index: 2; top: 50%; margin-top: -30px; left: 0;}
body.logged-in .name-bar{top: 28px;}
@media screen and (max-width: 768px){
.name-bar{height: 50px;}
.name-bar>div>div{display: none;}
.name-bar a.nav-return{width: 50px; height: 50px;  margin-top: -25px; background-image: url(../icon/nav/blue/return-on.svg) !important;}
}



/* search */



.search-bar{z-index: 300; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(101,52,255,0.95); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 300ms ease, visibility 0s linear 300ms; transition: opacity 300ms ease, visibility 0s linear 300ms; opacity: 0; visibility: hidden;}
.search-bar>div{height: 100%; margin: 0 auto; padding: 0 100px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box;}
.search-bar form{display: table; width: 100%; height: 100%;}
.search-bar form>div{display: table-cell; width: 100%; vertical-align: middle; text-align: center;}
.search-bar h2{color: #fff; clear: both;}
.search-bar a.nav-cross{float: right;}
.search-bar input[type=text]{display: block; width: 390px; height: 60px; margin: 25px auto; padding: 0 20px; background: #fff; border: none;}
.search-bar input[type=submit]{display: block; height: 50px; margin: 0 auto; padding: 0 60px; background: #000; border: none; letter-spacing: 0.02em; font-weight: bold; color: #fff;}
.search-bar input[type=submit]:hover{background: #fff; color: #000;;}
body.in-search .search-bar{-webkit-transition: opacity 300ms ease, visibility 0s linear; transition: opacity 300ms ease, visibility 0s linear; opacity: 1; visibility: visible;}
@media screen and (max-width: 992px){
.search-bar>div{padding: 0 20px;}
.search-bar a.nav-cross{float: none;}
}
@media screen and (max-width: 768px){
.search-bar input[type=text]{width: 100%;}
}
.search .view-header{padding: 100px 0 120px 0; font-size: 1.25em; font-weight: 700; color: #ff2b06; text-align: center;}
.search .view-header h2{margin: 20px 0 40px 0;}
.search .view-header h2.blue{margin: 30px 0; color: #6534ff;}
.search .view-header div.anim{background-image: url(../icon/animation/michael.gif);}
.search .label-search .view-content{padding: 0 0 40px 0; text-align: center;}
.search .label-search .row{display: inline-block; margin: 0 6px 12px 6px;}
.search .label-search .row a{display: block; padding: 20px 50px 20px 25px; background-image: url(../icon/nav/black/arrow-on.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: auto 16px; background-color: #ffffaa; -webkit-border-radius: 10px; border-radius: 10px; line-height: 1em; font-weight: 500; color: #000; text-decoration: none; text-align: left;}
.search .label-search .row a strong{font-weight: 700;}
.search .label-search .row a:hover{text-decoration: underline;}
.search input[type=text]{width: 260px; height: 40px; padding: 0 20px; background: #efefef; border: none; -webkit-border-radius: 20px; border-radius: 20px; font-size: 14px; font-weight: 500; color: #222;}



/* bottom */



.bottom-bar{width: 100%; background: #6534ff; color: #fff;}
.bottom-bar h4{color: #fff; margin: 14px 0;}
.bottom-bar input[type=email]{display: block; width: 400px; height: 60px; margin: 20px 0 25px 0; padding: 0 20px; background: #eee; border: none; font-size: 1em;}
.bottom-bar input[type=submit]{display: block; padding: 15px 25px; background: #000; border: none; font-size: 14px; letter-spacing: 0.04em; font-weight: 600; color: #fff;}
.bottom-bar input[type=submit]:hover{background: #fff; color: #000;}
.bottom-bar .core{max-width: 800px; margin: 0 auto; padding: 80px 20px 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden;}
.bottom-bar .core>div{display: inline-block; float: left; width: 50%;}
.bottom-bar .core>div:nth-child(2){padding-left: 120px;}
.bottom-bar .address{display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.bottom-bar .address>div{display: inline-block; white-space: nowrap;}
.bottom-bar .address p{margin: 0; font-size: 13px; line-height: 1.9em; color: #fff;}
.bottom-bar .address p a{color: #fff;}
.footer{padding: 120px 20px 50px 20px; font-size: 12px; text-align: center;}
.footer a{display: inline-block; margin-left: 20px; color: #fff; text-decoration: none;}
.footer a:hover{text-decoration: underline;}
.channels{margin: 46px 0 0 -8px; overflow: hidden;}
.channels>li{display: inline-block; margin: 0 8px;}
.channels>li>a{display: block; width: 24px; height: 22px; background-repeat: no-repeat; background-size: contain; background-position: center center; text-indent: -1000em; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
.channels>li>a:hover{opacity: 0.8;}
.channels>li>a.channel-01{background-image: url(../icon/share/white/01.svg);}
.channels>li>a.channel-02{background-image: url(../icon/share/white/02.svg);}
.channels>li>a.channel-03{background-image: url(../icon/share/white/03.svg); width: 30px;}
.channels>li>a.channel-04{background-image: url(../icon/share/white/04.svg); width: 30px;}
.channels>li>a.channel-05{background-image: url(../icon/share/white/05.svg);}
.channels.red .channel-01{background-image: url(../icon/share/red/01.svg);}
.channels.red .channel-02{background-image: url(../icon/share/red/02.svg);}
.channels.red .channel-03{background-image: url(../icon/share/red/03.svg);}
.channels.red .channel-04{background-image: url(../icon/share/red/04.svg);}
.channels.red .channel-05{background-image: url(../icon/share/red/05.svg);}
@media screen and (max-width: 992px){
.bottom-bar input[type=email]{width: 100%; max-width: 400px; height: auto; margin: 20px auto 10px auto; padding: 15px 20px;}
.bottom-bar input[type=submit]{width: 100%; max-width: 400px; margin: 0 auto;}
.bottom-bar .core{padding-top: 30px; text-align: center;}
.bottom-bar .core>div{display: block; float: none; width: 100%; padding: 0 !important;}
.bottom-bar .address{display: none;}
.footer{padding-top: 60px;}
.channels{margin: 60px 0 0 0;}
}



/* system elements */



mark{display: block; max-width: 1100px; margin: 30px auto; padding: 0 20px; background: none; -webkit-box-sizing: content-box; box-sizing: content-box;}
mark>div{padding: 20px 30px; background: #ffffaa; font-size: 1.25em; line-height: 1.4em; font-weight: 700; font-style: italic; text-align: center; color: #666;}
.tabs{padding: 20px; background: #ffffaa; text-align: center; font-size: 0;}
.tabs__tab{display: inline-block; overflow: hidden; vertical-align: middle;}
.tabs__tab-link{display: block; padding: 20px; font-size: 16px; line-height: 1em; font-weight: 600; text-decoration: none; color: #000;}
.tabs__tab-link.active{color: #666;}
.tabs__tab-link:not(.active):hover{text-decoration: underline;}
.messages,.messages--status{position: relative; max-width: 1100px; margin: 30px auto; padding: 10px 10px 10px 44px; font-size: 14px; font-weight: 600;}
.messages__icon{z-index: 2; position: absolute; width: 20px; height: 20px; top: 50%; left: 12px; margin-top: -10px; line-height: 1em;}
.messages__list{margin: 0;}
.messages__item{list-style-image: none;}
.messages__icon path{fill: #0072b9;}
.messages__highlight,.messages--error .error,.messages.error .error{color: #000;}
.messages--ok-color,.messages,.messages--status,.ok,.revision-current{background-color: #e5f4fc; color: #0072b9;}
.messages--warning-color,.messages--warning,.messages.warning,.warning{background-color: #ffffaa; color: #000;}
.messages--warning path,.messages.warning path{fill: #fd0;}
.messages--error-color,.messages--error,.messages.error,.error{background-color: #fff0f0; color: #c00;}
.messages--error path,.messages.error path{fill: #c00;}



/* pop window */



a.nav-cross{position: relative; display: block; width: 60px; height: 60px; margin: 0 auto; background-image: url(../icon/nav/white/cross.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 50%;}
a.nav-cross::after{content: ''; z-index: 4; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(../icon/nav/white/cross-on.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 50%; opacity: 0; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
a.nav-cross.blue{background-image: url(../icon/nav/blue/cross.svg);}
a.nav-cross.blue::after{background-image: url(../icon/nav/blue/cross-on.svg);}
a.nav-cross.on::after,a.nav-cross:hover::after{opacity: 1;}
a.nav-return{position: relative; display: block; width: 60px; height: 60px; margin: 0 auto; background-image: url(../icon/nav/white/return.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 50%;}
a.nav-return::after{content: ''; z-index: 4; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(../icon/nav/white/return-on.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 50%; opacity: 0; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
a.nav-return.blue{background-image: url(../icon/nav/blue/return.svg);}
a.nav-return.blue::after{background-image: url(../icon/nav/blue/return-on.svg);}
a.nav-return:hover::after{opacity: 1;}
.deck-box{z-index: 220; position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.deck-box>div{position: relative; width: 100%; height: 100%; background: rgba(101,52,255,0.95); opacity: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.deck-box>div::-webkit-scrollbar{width: 0px; background: transparent;}
.deck-box #deck{max-width: 860px; margin: 0 auto; padding: 80px 20px; -webkit-box-sizing: content-box; box-sizing: content-box; color: #fff;}
.deck-box .load-spin{position: absolute; z-index: 2; top: 50%; left: 50%; margin: -25px -32px;}
.deck-box .load-spin>span,.deck-box .load-spin::after,.deck-box .load-spin::before{background: #fff;}
.deck-box .nav-cross{position: fixed; z-index: 20; top: 50%; right: 100px; margin: -30px 0 0 0;}
.embed .head{position: relative; width: 100%; padding-bottom: 56%;}
.embed .wide{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.embed .wide>div{-webkit-transform: perspective(600px) rotateX(4deg) rotateY(-2deg); transform: perspective(600px) rotateX(4deg) rotateY(-2deg);}
.embed .wide img{opacity: 0; -webkit-transition: opacity 280ms ease; transition: opacity 280ms ease;}
.embed .wide img.done{opacity: 1;}
.embed .core{padding: 0 30px; color: #fff;}
.embed .core .teaser{display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch;}
.embed .core .teaser div{display: inline-block; width: 50%;}
.embed .core .teaser div:nth-child(1){padding-right: 25px;}
.embed .core .teaser div:nth-child(2){padding-left: 25px;}
.embed .core .btn{margin-top: 40px; -webkit-transition: none; transition: none;}
.embed .core .btn:hover{background: #fff; color: #000;}
.embed .rack{padding-top: 40px;}
.embed h2,.embed h3,.embed h4, .embed p{color: #fff;}
.embed h2{margin: 80px 0 60px 0; text-align: center;}
.embed-admin{margin-top: 60px; padding: 20px; background: #ffffaa;}
.embed-admin>a{font-size: 16px; line-height: 1em; font-weight: 600; text-decoration: none; color: #000;}
.embed-admin>a:hover{text-decoration: underline;}
body.in-deck .deck-box{display: block;}
body.in-deck .deck-box>div{-webkit-animation: deck 300ms ease 0s 1 forwards; animation: deck 300ms ease 0s 1 forwards;}
@media screen and (max-width: 1200px){
.deck-box .nav-cross{position: absolute; top: 20px; left: 50%; margin: 0 0 0 -30px;}
}
@media screen and (max-width: 992px){
.embed .wide,.embed .wide>div{-webkit-transform: none; transform: none;}
}
@media screen and (max-width: 768px){
.deck-box #deck{padding-top: 100px;}
.embed .core{padding: 0;}
.embed .core .teaser{display: block;}
.embed .core .teaser div{display: block; width: 100%; padding: 0 !important;}
.embed .rack{padding-top: 20px;}
.embed h2{margin: 40px 0 20px 0; text-align: left;}
}
@-webkit-keyframes deck{
0%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes deck{
0%{opacity: 0;}
100%{opacity: 1;}
}



/* label bar */



.label{-webkit-user-select: none; user-select: none;}
.label>a{font-size: 10px; font-weight: 700; line-height: 1em; letter-spacing: 0.06em; color: #000; text-transform: uppercase; text-decoration: none;}
.label>a:hover{color: #666;}
.drop-down{z-index: 180; position: fixed; top: 0; left: 0; display: none; width: 100%; padding-top: 50px; background: #fff; border-bottom: 1px solid #e0e0e0; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.drop-down>.view-content .label>a{font-weight: 800;}
.drop-down>.view-content .label,.drop-down>.view-empty .label{position: relative;}
.drop-down>.view-content .label::after,.drop-down>.view-empty .label::after{content: ''; z-index: 2; position: absolute; display: block; width: 24px; height: 24px; right: 20px; top: 50%; margin-top: -12px; background-image: url(../icon/nav/black/return-on.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 14px; pointer-events: none; opacity: 0.6; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: transform 140ms ease; transition: transform 140ms ease;}
.drop-down .label>a{display: block; padding: 20px;}
.drop-down .view-empty .label>a{font-weight: 800; color: #888;}
.drop-down .view-empty + .view-footer .view-header{display: none;}
.drop-down .view-footer{display: none; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.drop-down .view-footer::-webkit-scrollbar{width: 0px; background: transparent;}
.drop-down .view-footer .view-header .label>a{color: #888;}
.drop-down.on{bottom: 0;}
.drop-down.on>.view-footer{display: block;}
.drop-down.on>.view-content .label::after,.drop-down.on>.view-empty .label::after{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.label-bar{max-width: 1100px; margin: 80px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden;}
.label-bar>div{display: inline-block; float: left; margin: 0 8px 0 -8px; overflow: hidden;}
.label-bar>div.view-header{display: none;}
.label-bar>div.view-content .label:nth-child(-n+3)>a,.label-bar>div.view-footer .label>a{font-weight: 800;}
.label-bar.on>div.view-header{display: block;}
.label-bar.on>div:not(.view-header){display: none;}
.label-bar .label{display: inline-block; float: left;}
.label-bar .label>a{display: block; padding: 10px 12px;}
body.logged-in .drop-down{top: 28px;}
@media screen and (max-width: 768px){
.drop-down{display: block;}
.label-bar{display: none;}
}



/* year bar */



.year-bar{margin: 0 0 60px 0;}
.year-bar .view-content{padding: 0 !important;}
.year-bar .view-content .cards{display: -webkit-flex !important; display: flex !important; margin: 0 !important;}
.year-bar a{display: block; margin: 0 24px 0 0; font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 2.2em; line-height: 1.3em; font-weight: 600; color: #6534ff !important; text-decoration: none; -webkit-user-select: none; user-select: none; -webkit-transition: color 140ms ease; transition: color 140ms ease;}
.year-bar a>span{font-weight: 300;}
.year-bar a:hover,.year-bar a.on{color: #000 !important;}



/* nav elements */



.pager-bar{padding-top: 20px; text-align: center;}
.pager-bar ul{display: inline-block; overflow: hidden;}
.pager-bar ul>li{display: inline-block; float: left; padding: 0;}
.pager-bar ul>li.pager-current{display: none;}
.pager-bar ul>li.pager-next{-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.pager-bar ul>li>a{position: relative; display: inline-block; width: 60px; height: 60px; background-image: url(../icon/nav/blue/return.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 70%; text-indent: -1000em;}
.pager-bar ul>li>a::after{content: ''; z-index: 4; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(../icon/nav/blue/return-on.svg); background-repeat: inherit; background-position: inherit; background-size: auto 70%; opacity: 0; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
.pager-bar ul>li>a:hover::after{opacity: 1;}
.load-more{padding-bottom: 50px; overflow: hidden;}
.load-more .load-spin{margin: 0 auto;}
.load-more.done{padding: 0;}
.load-more.done .btn-load{display: none;}
.load-more.done .load-spin{display: none;}
.load-spin{position: relative; width: 64px; height: 50px;}
.load-spin>span,.load-spin::after,.load-spin::before{content:''; display: block; z-index: 4; position: absolute; width: 16px; height: 16px; top: 0; background: #aaa; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.load-spin>span{left: 24px; animation-delay: 160ms !important;}
.load-spin::after{left: 48px; animation-delay: 320ms !important;}
.load-spin::before{left: 0; animation-delay: 0ms !important;}
.wait .btn-load{background: #6534ff; pointer-events: none;}
.wait .load-spin>span,.wait .load-spin::after,.wait .load-spin::before{-webkit-animation: spinner 1.4s ease-in-out 0ms infinite; animation: spinner 1.4s ease-in-out 0ms infinite;}
@-webkit-keyframes spinner{
0%{-webkit-transform: scale(0); opacity: 0;}
50%{-webkit-transform: scale(1); opacity: 1;}
100%{-webkit-transform: scale(0); opacity: 0;}
}
@keyframes spinner{
0%{transform: scale(0); opacity: 0;}
50%{transform: scale(1); opacity: 1;}
100%{transform: scale(0); opacity: 0;}
}



/* user section */



body.section-user div.profile,body.section-users div.profile,body.section-user div.description{display: none;}
body.section-user label{font-size: 1.125em; line-height: 1.4em; font-weight: 700;}
body.section-user.not-logged-in h2.node{display: block; max-width: 900px; margin: 150px auto 40px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center;}
body.section-user main form{max-width: 900px; margin: 0 auto 100px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center;}
body.section-user main input[type=text],body.section-user input[type=password]{display: block; width: 400px; height: 60px; margin: 15px auto 20px auto; padding: 0 20px; background: #eee; border: none; font-size: 1em;}
body.section-user main input[type=text]:focus,body.section-user input[type=password]:focus{outline: none !important;}
body.section-user main input[type=text].error,body.section-user input[type=password].error{border-bottom: 3px solid #ff2b06; color: #000;}
body.section-user main input[type=submit]{display: block; margin: 0 auto; padding: 15px 25px; background: #000; border: none; font-size: 14px; letter-spacing: 0.04em; font-weight: 600; color: #fff;}
body.section-user main input[type=submit]:hover{background: #6534ff;}
div.view-users.view-display-id-me .view-content{padding: 0 0 60px 0 !important;}
div.view-users.view-display-id-me .view-content h2::first-letter{text-transform: uppercase;}
div.view-reads.view-display-id-new_user li{background: #e0e0e0; color: #000; font-size: 11px; text-transform: none; letter-spacing: normal;}
div.view-reads.view-display-id-new_user li::first-letter{text-transform: uppercase;}
@media screen and (max-width: 768px){
body.section-user.not-logged-in h2.node{margin-top: 60px;}
body.section-user main form{margin-bottom: 60px;}
}



/* 404 section */



.section-error{background: #ff2b06;}
.section-error .view{padding: 80px 20px; text-align: center; color: #fff;}
.section-error .view h1{font-size: 12em; line-height: 1em; color: #fff;}
.section-error .view h3{letter-spacing: 0.02em; color: #fff;}
.section-error .view a{display: inline-block; padding: 2px; font-size: 1.125em; line-height: 1.4em; font-weight: 400; text-decoration: none; color: #fff;}
.section-error .view a strong{font-weight: 600;}
.section-error .view a:hover:hover{text-decoration: underline;}
.section-error .head-bar a.brand{background-image: url(../icon/brand-white.svg);}
.section-error .head-bar ul>li>a,.section-error .head-bar a.menu-exnd{color: #fff;}
.section-error .head-bar ul>li.zero>a{color: #ddd;}
.section-error .head-bar ul>li>a::after{border-color: #fff;}
.section-error .head-bar div.menu-seek>a{background-image: url(../icon/nav/white/search.svg);}
.section-error .bottom-bar{display: none;}
@media screen and (max-width: 768px){
.section-error .view h1{font-size: 8em;}
}



/* node covers */



.story{margin: 100px auto 120px auto;}
.story .card{max-width: 1100px; margin: 0 auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box;}
.story .card a{position: relative; overflow: visible;}
.story .card div.head{width: 74%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.story .card div.core{z-index: 8; position: absolute; max-width: 40%; top: 0; right: 0; bottom: 0;}
.story .card div.core>div{display: table; float: right; width: 100%; height: 100%;}
.story .card div.core>div>div{display: table-cell; height: 100%; vertical-align: middle;}
.story .card span.name{font-size: 3.7em; line-height: 1.1em; color: #ff2b06;}
.story .card span.name.force-small{font-size: 3.0em; line-height: 1.1em;}
.story .card span.date{font-size: 1.6em; color: #ff2b06;}
.skew{position: relative; width: 100%; padding-bottom: 56.25%; -webkit-transform-origin: 40% 50%; transform-origin: 40% 50%; -webkit-transform: perspective(300px) rotateX(2deg) rotateY(6deg) skewX(6deg) scaleX(0.96); transform: perspective(300px) rotateX(2deg) rotateY(6deg) skewX(6deg) scaleX(0.96); -webkit-animation: skew 8s ease-in-out infinite; animation: skew 8s ease-in-out infinite; will-change: transform;}
.skew>div{z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.skew img{display: block;}
.skew:after{content: ''; z-index: 4; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0); background: linear-gradient(120deg, rgba(0,0,0,0) 64%, rgba(0,0,0,0.75) 100%);}
a:not(:hover) .skew{-webkit-animation-play-state: paused; animation-play-state: paused;}
@-webkit-keyframes skew{
0%{-webkit-transform: perspective(300px) rotateX(3deg) rotateY(8deg) skewX(6deg);}
50%{-webkit-transform: perspective(300px) rotateX(0deg) rotateY(4deg) skewX(0deg);}
100%{-webkit-transform: perspective(300px) rotateX(3deg) rotateY(8deg) skewX(6deg);}
}
@keyframes skew{
0%{transform: perspective(300px) rotateX(3deg) rotateY(8deg) skewX(6deg);}
50%{transform: perspective(300px) rotateX(0deg) rotateY(4deg) skewX(0deg);}
100%{transform: perspective(300px) rotateX(3deg) rotateY(8deg) skewX(6deg);}
}
@media screen and (max-width: 768px){
.story{margin: 0 auto 30px auto;}
.story .card{padding: 0;}
.story .card div.head{width: 100%;}
.story .card div.core{position: static; max-width: none;}
.story .card div.core>div{float: none;}
.story .card div.core>div>div{padding: 20px;}
.story .card span.name{font-size: 2em !important;}
.story .card span.date{font-size: 15px;}
.skew{-webkit-transform: none; transform: none; -webkit-animation: none; animation: none;}
.skew:after{display: none;}
}
.cover-x{margin: 0 0 100px 0; padding: 60px 20px;}
.cover-x .head{position: relative; max-width: 1400px; margin: 0 auto;}
.cover-x .head>div{max-width: 860px; margin: 0 auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.cover-x .head h1{position: absolute; z-index: 6; top: 50%; left: 20px; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; line-height: 1em;}
.cover-x .wide{position: relative; width: 100%; padding-bottom: 56.25%; -webkit-transform: perspective(600px) rotateX(6deg) rotateY(2deg); transform: perspective(600px) rotateX(6deg) rotateY(2deg);}
.cover-x .wide>div{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;}
.cover-x .wide>div>iframe{width: 100%; height: 100%; border: none;}
.cover-x .wide:after{content: ''; z-index: 4; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0); background: linear-gradient(120deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 100%);}
.cover-x .caption{max-width: 860px; margin: 0 auto; padding-top: 20px;}
.cover-x .core{max-width: 1100px; margin: 0 auto;}
.cover-x .unbox{padding: 0 0 40px 0;}
.cover-x .unbox>div{display: none; max-width: 500px; margin: 0 auto 60px auto; opacity: 0;}
.cover-x .unbox.on>div{display: block; -webkit-animation: unbox 600ms ease-out 0s 1 forwards; animation: unbox 600ms ease-out 0s 1 forwards;}
.cover-x .teaser{max-width: 1000px; margin: 0 auto; padding: 80px 0 60px 0; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch;}
.cover-x .teaser h3{line-height: 1.4em;}
.cover-x .teaser>div{display: inline-block; width: 50%;}
.cover-x .teaser>div:nth-child(1){padding-right: 30px;}
.cover-x .teaser>div:nth-child(2){padding-left: 30px;}
.cover-x.views{margin: 0; padding: 150px 20px 100px 20px;}
.cover-x.color{background: #e0e0e0;}
.cover-x.video .wide:after{display: none;}
.cover-x>h1{margin: 60px 0 0 0; text-align: center; word-wrap: normal; text-overflow: ellipsis; overflow: hidden;}
@media screen and (max-width: 992px){
.cover-x .head>div,.cover-x .wide{-webkit-transform: none !important; transform: none !important;}
.cover-x .head h1{left: 40px; right: 40px;}
}
@media screen and (max-width: 768px){
.cover-x .head h1{position: static; -webkit-transform: none; transform: none;}
.cover-x .caption{display: none;}
.cover-x .teaser{display: block; padding: 0 0 20px 0;}
.cover-x .teaser>div{display: block; width: 100%; padding: 0 !important;}
.cover-x.views .head h1{text-align: left;}
.cover-x.views{padding: 60px 20px;}
.cover-x:not(.views).color{margin-bottom: 60px;}
.cover-x:not(.views):not(.color){margin-bottom: 0;}
}
@-webkit-keyframes unbox{
0%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes unbox{
0%{opacity: 0;}
100%{opacity: 1;}
}
.cover{max-width: 960px; margin: 50px auto -30px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box;}
.cover .caption{padding-top: 20px;}
.cover .wide{position: relative; width: 100%; padding-bottom: 56.25%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.cover .wide>div{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: #e0e0e0;}
@media screen and (max-width: 992px){
.cover .wide,.cover .wide>div{-webkit-transform: none !important; transform: none !important;}
div.caption.mirror{text-align: left !important;}
}
@media screen and (max-width: 768px){
.cover{margin-top: 0; padding: 0;}
.cover .caption{padding-left: 20px; padding-right: 20px;}
}



/* nodes */



article.size-m{max-width: 700px; margin: 100px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box;}
article.size-d{max-width: 1000px; margin: 120px auto 100px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch;}
article.size-d>div{width: 50%;}
article.size-d>div:nth-child(1){padding: 0 60px 0 0;}
article.size-d>div a.btn{margin-top: 50px;}
article.size-d>div h2{margin: 0 0 10px 0;}
article.size-d>div h2:not(.thin){margin: 0 0 50px 0;}
article.size-d>div h5,article.size-d>div a.link-m{margin: 0 0 24px 0;}
article.size-s{max-width: 500px; margin: 80px auto 100px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box;}
@media screen and (max-width: 992px){
article.size-m{margin: 60px auto;}
article.size-d{display: block; max-width: 700px; margin: 80px auto 60px auto}
article.size-d>div{width: 100%;}
article.size-d>div:nth-child(1){padding: 0 0 40px 0;}
article.size-d>div a.btn{margin-top: 30px;}
article.size-d>div h2:not(.thin){margin: 0 0 20px 0;}
article.size-d>div h5,article.size-d>div a.link-m{margin: 0 0 16px 0;}
}
@media screen and (max-width: 768px){
article.size-s{margin: 60px auto;}
}



/* reads */



article.read{position: relative;}
article.read div.card-v{float: right; width: 240px; margin-right: -300px;}
article.read h2.name{margin: 0 -250px 50px -250px; font-size: 3.75em; line-height: 1.1em;}
article.read h3{margin-top: 2rem;}
article.read h4{margin-top: 2rem;}
article.read h5.date{margin: 0 -250px 20px -250px; font-family: 'Raisonne', Arial, Helvetica, sans-serif; color: #aaa; font-weight: 400;}
article.read p{font-size: 1.12em;}
article.read p>cite{font-size: 0.88em;}
article.read blockquote{float: left; max-width: 400px; margin: 0 0 0 -300px; padding: 0 30px 30px 0; -webkit-box-sizing: content-box; box-sizing: content-box;}
article.read blockquote>p{margin: 0; font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 1.75em; line-height: 1.3em; font-weight: 600; color: #ff2b06;}
article.read div.block-video{margin-left: -100px; margin-right: -100px;}
article.read div.block-ck ol>li,article.read div.block-ck ul>li{font-size: 1.12em;}
article.read div.podcast{margin: 40px 0; padding: 30px; background: #ffffaa;}
article.read div.podcast h4{margin-top: 0; color: #111;}
.block-ck ul{display: block; margin: 3rem 0; padding: 4px 0; list-style-type: none; border-left: 4px solid #6534ff;}
.block-ck ul>li{display: list-item; padding: 10px 0 6px 24px; font-size: 1em; line-height: 1.5em; color: #363636;}
.block-ck ul>li::before{content: ''; display: inline-block; width: 8px; height: 8px; margin: 0 16px 2px -34px; background: #fff; border: 4px solid #6534ff; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle;}
.block-ck ol{margin: 3rem 0; padding: 0 0 0 20px; border-left: 4px solid #6534ff; counter-reset: item;}
.block-ck ol>li{display: block; line-height: 1.5em; color: #363636;}
.block-ck ol>li:before{content: counter(item); counter-increment: item; display: table; width: 30px; height: 30px; margin: 20px 0 8px 0; background: #e0e0e0; -webkit-border-radius: 50%; border-radius: 50%; line-height: 30px; font-weight: 600; color: #000; text-align: center;}
.authors{display: inline-block; float: left; width: 200px; margin-left: -250px; margin-bottom: 30px;}
.author{margin-bottom: 16px;}
.author img{width: 40px; height: 40px; margin-right: 12px; -webkit-border-radius: 50%; border-radius: 50%;}
.author div.head{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.author div.head span{font-size: 14px; font-weight: 600;}
.author div.core{padding: 16px 0 0 0; font-family: 'Raisonne', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; font-weight: 400; color: #bbb;}
.firms{margin-top: 60px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; align-items: stretch; overflow: hidden;}
.firms h3{width: 100%;}
.firms a{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; float: left; padding: 0 40px 40px 0; -webkit-transition: opacity 140ms ease; transition: opacity 140ms ease;}
.firms a:hover{opacity: 0.6;}
.firms a>img{max-width: 160px; max-height: 80px; vertical-align: middle;}
.firms a>img.portrait{max-height: 100px;}
@media screen and (max-width: 1200px){
article.read div.card-v{display: none !important;}
article.read h2.name,article.read h5.date{margin-left: -100px; margin-right: -100px;}
article.read h2.name{font-size: 3.00em;}
article.read blockquote{max-width: 300px; margin: 0 0 0 -200px;}
article.read blockquote>p{font-size: 1.60em;}
.authors{display: block; float: none; width: auto; margin-left: 0;}
}
@media screen and (max-width: 992px){
article.read blockquote{float: none; max-width: none; margin: 2rem 0; padding: 0;}
article.read blockquote>p{font-size: 1.40em;}
}
@media screen and (max-width: 768px){
article.read h2.name,article.read h5.date{margin-left: 0; margin-right: 0;}
article.read div.block-video{margin-left: 0; margin-right: 0;}
article.read h2.name{font-size: 2.20em;}
}



/* misc */



div.anim{width: 370px; height: 280px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #e0e0e0;}
div.none{max-width: 500px; margin: 60px auto; font-size: 1.125em; line-height: 1.6em; font-weight: 500; text-align: center;}
div.none h2{margin: 30px 0 15px 0; color: #6534ff;}
div.none a.btn{margin-top: 30px;}
div.none div.anim{background-image: url(../icon/animation/ron.gif);}
div.about-us{margin-bottom: 50px; padding: 20px; background: #6534ff;}
div.about-us h4{margin: 0; color: #fff;}
div.about-us a{color: #fff;}
div.about-us p{margin: 12px 0 8px 0; font-size: 0.9em; color: #fff;}
#block-views-events-recent div.view-footer{padding-top: 60px;}
@media screen and (max-width: 768px){
div.anim{width: 300px; height: 230px;}
}
body.page-events .view-display-id-new .card:last-child{margin-bottom: 0;}
body.node-type-video .view-display-id-new{margin-top: 0;}
body.node-type-crm h2.node,body.node-type-firm h2.node,body.node-type-publication h2.node,body.node-type-cdn h2.node,body.page-taxonomy-term h2.node{display: block; max-width: 1100px; margin: 150px auto 40px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box;}
body.node-type-crm article,body.node-type-firm article,body.node-type-publication article,body.node-type-cdn article,body.page-taxonomy-term div.taxonomy-term{max-width: 1100px; margin: 0 auto 100px auto; padding: 0 20px; -webkit-box-sizing: content-box; box-sizing: content-box;}
body.node-type-crm div.field-name-field-teaser{max-width: 80%;}
body.node-type-crm img{width: 200px; height: 200px; margin: 30px 0; -webkit-border-radius: 50%; border-radius: 50%;}
body.node-type-cdn img{display: inline-block;}
body.node-type-firm img,body.node-type-publication img{max-width: 300px; margin: 30px 0;}
@media screen and (max-width: 768px){
body.node-type-crm h2.node,body.node-type-firm h2.node,body.node-type-cdn h2.node{margin-top: 60px;}
#block-views-research-issue-now{display: none;}
}