@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i');



*{-webkit-box-sizing: border-box; box-sizing: border-box;}
html{margin: 0; padding: 0;}
body{margin: 0; padding: 0; background: #f6f6f6; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5em; color: #3b3b3b;}
div.omni{max-width: 1600px; margin: 0 auto; background: #fff;}
div.section{background-color: #fff; background-image: linear-gradient(to right,#efefef 300px,#fff 300px);}
div.section>div.section-main{max-width: 1170px; margin: 0 auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box; 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;}
div.section>div.section-main>main{width: calc(100% - 300px); padding: 0 25px 60px 100px;}
div.section>div.section-main>aside{display: inline-block; float: left; width: 300px; padding: 0 0 40px 0; background: #efefef;}
@media screen and (max-width: 1200px){
div.section>div.section-main>main{padding-left: 25px; padding-right: 25px;}
}
@media screen and (max-width: 980px){
body{font-size: 15px;}
div.section>div.section-main{padding: 0 20px;}
div.section>div.section-main>main{padding-left: 20px; padding-right: 20px;}
}
@media screen and (max-width: 800px){
body{font-size: 14px;}
div.section{background: none;} 
div.section>div.section-main{padding: 0;}
div.section>div.section-main>main{width: 100%; padding-left: 15px; padding-right: 15px;}
div.section>div.section-main>aside{display: block; float: none; width: 100%; padding: 0 15px 20px 15px;}
}
@media screen and (max-width: 480px){
body{font-size: 13px;}
}



/* core */



ul{list-style: none; margin: 0; padding: 0;}
input{outline: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}
input[type=text],input[type=password],input[type=email]{height: 40px; padding: 0 10px; border: none !important; background: #efefef; outline: none; font-size: 14px; color: #3b3b3b !important; -webkit-border-radius: 2px; border-radius: 2px;}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{background-color: #dedede; outline: none;}
picture>img{display: block;}
div.no-im{display: inline-block; width: 44px; height: 44px; margin: 0 10px 0 0; background: #ddd; -webkit-border-radius: 50%; border-radius: 50%;}
a{cursor: pointer;}
h1,h2,h3,h4{margin: 1.6rem 0; padding: 0;}
h1{font-size: 2.3em; line-height: 1.2em; font-weight: 400;}
h1>em{font-weight: 300; color: #888;}
h1.node{max-width: 1170px; margin: 1.2em auto 0.8em auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
h2{font-size: 2.0em; line-height: 1.2em; font-weight: 300;}
h3,h2.block__title{font-size: 1.4em; line-height: 1.2em; font-weight: 400;}
h3.video{margin-top: 0; color: #888;}
h3.video>a{color: #666;}
h3.video>a:hover{color: #444;}
h4{font-size: 1.12em; line-height: 1.4em; font-weight: 700; text-transform: uppercase; margin: 1.6rem 0 1rem 0;}
body.sidebar-first main h1.node{padding: 0 !important;}
@media screen and (max-width: 980px){
h1.node{padding: 0 20px;}
}
@media screen and (max-width: 800px){
h1.node{padding: 0 15px;}
}



/* head bar */



div.head-bar{max-width: 1600px; height: 90px; margin: 0 auto; background: #fff;}
div.head-bar>div.center{height: 100%; padding-bottom: 0 !important;}
div.head-bar a.brand{display: inline-block; float: left; width: 250px; height: 90px; background-image: url(../icon/uu-2021.svg); background-repeat: no-repeat; background-position: left center; background-size: auto 66%;}
div.head-bar div.head-user{display: inline-table; float: right; height: 100%;}
div.head-bar div.head-user>div{display: table-cell; height: 100%; padding-left: 16px; vertical-align: middle; font-size: 14px;}
div.head-bar div.head-user>div.head-form{padding: 0 16px; border-right: 1px solid #efefef;}
div.head-bar div.head-user a{text-decoration: none; color: #3b3b3b;}
div.head-bar div.head-user a:hover{text-decoration: underline;}
div.head-bar input[type=text]{display: inline-block; float: left; width: 300px; height: 44px; margin: 0; padding: 0 10px; background: #efefef; border: 1px solid #000 !important; border-radius: 0; font-size: 14px; color: #666;}
div.head-bar input[type=text]:focus{outline: none; background: #efefef;}
div.head-bar input[type=text]::placeholder{color: #666;}
div.head-bar input[type=submit]{display: inline-block; float: left; width: 44px; height: 44px; margin: 0; padding: 0; border: none; background-color: #000; background-image: url(../icon/icon-search.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 40%; text-indent: -1000em;}
div.menu-btn{display: none; position: fixed; z-index: 600; top: 0; left: 0; float: left; width: 50px; height: 50px; background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
div.menu-btn>div{position: relative; width: 100%; height: 100%; cursor: pointer;}
div.menu-btn>div>span,div.menu-btn>div::after,div.menu-btn>div::before{content: ''; position: absolute; display: block; width: 30px; height: 4px; left: 10px; background: #888; -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out;}
div.menu-btn>div>span{top: 23px;}
div.menu-btn>div::after{top: 14px;}
div.menu-btn>div::before{bottom: 14px;}
div.menu-bar{position: fixed; z-index: 400; top: 0; left: 0; width: 100%; height: 100%; display: none; background: #000; font-size: 14px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
div.menu-bar>div{width: 100%; height: 100%; padding: 50px 0 0 0; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
div.menu-bar li{position: relative; display: block; overflow: hidden;}
div.menu-bar li>a{display: block; padding: 0 10px; line-height: 44px; -webkit-user-select: none; user-select: none;}
div.menu-bar a{color: #fff; text-decoration: none;}
div.menu-bar a:hover{text-decoration: underline;}
div.menu-bar a.active{color: #ffcd00;}
div.menu-bar div.expand{z-index: 80; position: absolute; width: 44px; height: 44px; top: 0; right: 0; background-image: url(../icon/arrow-casc-w.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 20px; cursor: pointer; -webkit-transition: transform 200ms ease; transition: transform 200ms ease;}
div.menu-bar>div>ul{background: #000;}
div.menu-bar>div>ul>li{border-bottom: 1px solid #444;}
div.menu-bar>div>ul>li>ul{display: none; background: #222;}
div.menu-bar>div>ul>li>ul>li>a{padding: 0 30px; border-color: #444;}
div.menu-bar>div>ul>li.active>ul{display: block;}
div.menu-bar>div>ul>li.active div.expand{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
body.logged-in div.menu-bar>div{padding: 78px 0 0 0;}
body.logged-in div.menu-btn{top: 28px;}
a.name-bar,div.name-bar{display: block; background: #ffcd00; text-decoration: none;}
a.name-bar>div,div.name-bar>div{max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 25px; font-size: 40px; font-weight: 100; line-height: 76px; color: #3b3b3b; -webkit-box-sizing: content-box; box-sizing: content-box;}
a.name-bar>div>div{padding-left: 44px; background-image: url(../icon/icon-home-black.svg); background-repeat: no-repeat; background-position: left center; background-size: 30px auto;}
div.block-easy-breadcrumb{display: none; z-index: 4; position: relative; height: 28px; margin-top: -28px; background: rgba(0,0,0,0.5);}
div.easy-breadcrumb{max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 25px; font-size: 12px; line-height: 28px; color: #efefef; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.easy-breadcrumb a{text-decoration: none; color: #efefef;}
div.easy-breadcrumb a:hover{text-decoration: underline;}
div.view-headers div.view-content>div{position: relative;}
div.view-headers div.view-content>div div.caption{z-index: 2; position: absolute; top: 0; right: 0;}
div.view-headers div.view-content>div div.caption>div{margin: 8px; padding: 6px; background: rgba(0,0,0,0.36); font-size: 11px; line-height: 1em; color: #ddd; -webkit-border-radius: 3px; border-radius: 3px;}
@media screen and (max-width: 980px){
div.name-bar>div,a.name-bar>div{padding: 0 20px;}
div.easy-breadcrumb{padding: 0 20px;}
}
@media screen and (max-width: 800px){
div.head-bar{height: 50px;}
div.head-bar a.brand{width: 150px; height: 50px; margin-left: 35px; background-size: auto 70%;}
div.head-bar input[type=text]{display: none;}
div.head-bar input[type=submit]{width: 35px; height: 35px;}
div.head-bar div.head-user a{font-size: 12px; text-transform: uppercase;}
div.head-bar div.head-user a>span{display: none;}
div.menu-btn{display: block;}
body.in-menu{overflow: hidden;}
body.in-menu div.menu-bar{display: block;}
body.in-menu div.menu-btn>div::after,body.in-menu div.menu-btn>div::before{opacity: 0;}
div.name-bar>div,a.name-bar>div{padding: 0 15px; font-size: 36px; line-height: 70px;}
a.name-bar>div>div{padding-left: 40px; background-size: 26px auto;}
div.block-easy-breadcrumb{display: none;}
}
@media screen and (max-width: 480px){
div.name-bar>div,a.name-bar>div{font-size: 32px; line-height: 60px;}
}



/* main-menu */



#block-system-main-menu{background: #000;}
#block-system-main-menu>ul.menu{max-width: 1170px; margin: 0 auto; padding: 0 25px; font-size: 0; -webkit-box-sizing: content-box; box-sizing: content-box;}
#block-system-main-menu>ul.menu a{font-size: 16px !important;}
#block-system-main-menu>ul.menu>li{display: inline-block; position: relative;}
#block-system-main-menu>ul.menu>li>a{display: block; padding: 0 12px; line-height: 56px; text-decoration: none; color: #fff; -webkit-transition: color 300ms ease, background-color 300ms ease; transition: color 300ms ease, background-color 300ms ease;}
#block-system-main-menu>ul.menu>li>a:hover,#block-system-main-menu>ul.menu>li>a.active,#block-system-main-menu>ul.menu>li>a.active-trail{color: #ffcd00;}
#block-system-main-menu>ul.menu>li:first-child,#block-system-main-menu>ul.menu>li:first-child>a{background-repeat: no-repeat; background-position: left center; background-size: auto 28%;}
#block-system-main-menu>ul.menu>li:first-child{width: 28px; background-image: url(../icon/icon-home.svg);}
#block-system-main-menu>ul.menu>li:first-child>a{text-indent: -1000em; opacity: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease;}
#block-system-main-menu>ul.menu>li:first-child>a:hover,#block-system-main-menu>ul.menu>li:first-child>a.active{background-image: url(../icon/icon-home-on.svg); opacity: 1;}
#block-system-main-menu>ul.menu>li.expanded ul{display: none; position: absolute; z-index: 100; top: 56px; left: 0; min-width: 270px; background: #fff;}
#block-system-main-menu>ul.menu>li.expanded ul>li{display: block;}
#block-system-main-menu>ul.menu>li.expanded ul>li>a{display: block; padding: 10px; text-decoration: none; color: #000;}
#block-system-main-menu>ul.menu>li.expanded ul>li>a:hover{background: #e0e0e0;}
#block-system-main-menu>ul.menu>li.expanded>a.hover,#block-system-main-menu>ul.menu>li.expanded>a:hover{background: #e0e0e0; color: #000; -webkit-transition: background-color 0ms ease; transition: background-color 0ms ease;}
#block-system-main-menu>ul.menu>li.expanded>a:hover+ul,#block-system-main-menu>ul.menu>li.expanded ul:hover{display: block;}
@media screen and (max-width: 980px){
#block-system-main-menu>ul.menu{padding: 0 20px;}
}
@media screen and (max-width: 800px){
#block-system-main-menu{display: none;}
}



/* bottom-bar */



.bottom-bar{padding: 55px 0 35px 0; background: #262626; overflow: hidden; color: #aeaeae;}
.bottom-menu{display: inline-block; float: left; width: 900px; overflow: hidden;}
.bottom-menu>div{display: inline-block; float: left; width: 33.33%; padding-right: 30px;}
.bottom-menu ul{display: block;}
.bottom-menu ul>li{display: block; margin: 0 0 12px 0;}
.bottom-menu ul>li>a{display: block; line-height: 20px; text-decoration: none; color: #aeaeae; -webkit-transition: color 100ms ease; transition: color 100ms ease;}
.bottom-menu ul>li>a:hover{color: #fff;}
.bottom-menu ul:first-child>li{margin: 0 0 24px 0;}
.bottom-menu ul:first-child>li>a{font-size: 1.625em; font-weight: 300; line-height: 1em; text-decoration: none; color: #fff;}
.bottom-menu ul:first-child>li>a:hover{text-decoration: underline;}
.bottom-link{display: inline-block; float: right; overflow: hidden; text-align: right;}
.bottom-link ul{display: table; margin: 20px 0 20px auto; overflow: hidden;}
.bottom-link ul>li{display: inline-block; float: left; width: 42px; height: 42px;}
.bottom-link ul>li>a{display: block; width: 100%; height: 100%; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: opacity 100ms ease; transition: opacity 100ms ease;}
.bottom-link ul>li>a:hover{opacity: 0.8;}
.bottom-link ul>li.icon-01>a{background-image: url(../icon/bottom-01.png);}
.bottom-link ul>li.icon-02>a{background-image: url(../icon/bottom-02.png);}
.bottom-link ul>li.icon-03>a{background-image: url(../icon/bottom-03.png);}
.bottom-link ul>li.icon-04>a{background-image: url(../icon/bottom-04.png);}
.bottom-link div.btn>a:hover::after{background-image: url(../icon/arrow-btn.svg); background-color: #fff;}
.bottom-link span.bottom-h{display: block; margin: 0 0 24px 0; font-size: 1.625em; font-weight: 300; line-height: 1em; text-decoration: none; color: #fff;}
div.uu-bar{background: #000;}
div.uu-bar>div.center{padding-bottom: 0;}
div.uu-bar div.brand{display: block; width: 305px; height: 138px; background-image: url(../icon/uu-2021-w.svg); background-repeat: no-repeat; background-position: left center; background-size: auto 50%;}
@media screen and (max-width: 1300px){
.bottom-menu,.bottom-link{display: block; float: none; width: 100%; text-align: left;}
.bottom-menu>div{display: inline-block; float: left; width: 33.33%; padding: 0 20px 20px 0;}
.bottom-link ul{margin: 20px 0;}
.bottom-link div.btn>a{float: left; margin: 0;}
}
@media screen and (max-width: 800px){
.bottom-menu>div{width: 50%;}
}
@media screen and (max-width: 480px){
.bottom-menu>div{width: 100%;}
.bottom-menu ul>li{margin: 0 0 6px 0;}
div.uu-bar div.brand{width: 200px; height: 90px;}
}



/* side-bar menus */



aside h2,aside h3{margin: 0; padding: 48px 20px 12px 0; border-bottom: 4px solid #d7d7d7; color: #3b3b3b;}
aside .side-li:not(:first-child){border-top: 1px solid #d7d7d7;}
aside .side-li>a{display: block; padding: 8px 16px 8px 0; color: #3b3b3b; text-decoration: none;}
aside .side-li>a div.sub{font-size: 0.8em; color: #888;}
aside .side-li>a:hover>span{text-decoration: underline;}
aside ul>li:not(:first-child){border-top: 1px solid #d7d7d7;}
aside ul>li>a{display: block; padding: 8px 16px 8px 0; color: #3b3b3b; text-decoration: none;}
aside ul>li>a.active{font-weight: 700;}
aside ul>li>a:hover{text-decoration: underline;}
.side-bar div.center{padding: 0 !important;}
.side-bar div.card{border-bottom: 1px solid #eee;}
.side-bar div.cards div.card:last-child{margin: 0 0 30px 0;}
.side-bar h3{margin: 0 0 16px 0; font-weight: 400;}
.side-bar a{display: block; width: 100%; padding: 14px 0; color: #262626; text-decoration: none;}
.side-bar a div.core{display: table; table-layout: fixed; width: 100%;}
.side-bar a div.core>div{display: table-cell; height: 100%; vertical-align: top;}
.side-bar a div.head{width: 36% !important;}
.side-bar a div.head img{display: block;}
.side-bar a div.head>div.head-wide{position: relative; background: #eee;}
.side-bar a div.head>div.head-wide::after{z-index: 15; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; background: #000; opacity: 0; -webkit-transition: opacity 100ms ease; transition: opacity 100ms ease;}
.side-bar a div.time{z-index: 20; position: absolute; right: 0; bottom: 0; display: inline-block; padding: 6px; background: #000; color: #eee; font-size: 0.7em; line-height: 1em; letter-spacing: 0.02em; font-weight: 600;}
.side-bar a div.next{display: inline-block; padding: 6px; background: #ffcd00; font-size: 0.7em; line-height: 1em; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px;}
.side-bar a div.name{padding: 0 0 0 10px;}
.side-bar a div.name span.name{display: block; padding: 0 0 6px 0; font-size: 0.9em; line-height: 1.4em; font-weight: 600;}
.side-bar a div.name span.name:first-letter{text-transform: uppercase;}
.side-bar a:hover div.head>div.head-wide::after{opacity: 0.12;}
.side-bar.side-bar-x div.card{max-width: 400px;}
.side-bar.side-bar-x a div.core{display: block;}
.side-bar.side-bar-x a div.head{display: block; width: 100% !important;}
.side-bar.side-bar-x a div.name{display: block; padding: 10px 8% 0 0;}
.side-bar.side-bar-x a div.name span.name{font-size: 1em; line-height: 1.4em;}
.side-bar.side-bar-x a div.time{right: 6px; bottom: 6px; -webkit-border-radius: 3px; border-radius: 3px;}
.side-bar.side-bar-x a.node-video div.head>div.head-wide::after{background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: center center; background-image: url(../icon/icon-video.svg); background-size: 16% auto; -webkit-transition: opacity 200ms ease, background-size 100ms linear; transition: opacity 200ms ease, background-size 100ms linear;}
.side-bar.side-bar-x a.node-video:hover div.head>div.head-wide::after{background-size: 20% auto; opacity: 0.4;}



/* user/feedback */



body.section-user main div.description{display: none;}
body.section-user main label{padding: 4px 0; font-size: 0.9em;}
body.section-user main input[type=text].error,body.section-user main input[type=password].error{background: #fff0f0;}
body.section-user main input[type=submit]{position: relative; height: 42px; margin: 0; padding: 1px 42px 0 20px; border: none; background-color: #ffcd00; background-image: url(../icon/arrow-btn.svg); background-repeat: no-repeat; background-position: right 14px center; background-size: auto 14px; font-size: 15px; line-height: 42px; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000;}
div.messages-bar,div.tabs-bar{max-width: 1170px; margin: 0 auto; padding: 0 25px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.messages-bar{margin: 30px auto;}
div.section>div.section-main>main div.tabs-bar,div.section>div.section-main>main div.messages-bar{max-width: none; padding: 0;}
ul.tabs{margin: 30px auto; padding: 0 10px; background: #daf3ff;}
ul.tabs>li{display: inline-block; float: left;}
ul.tabs>li>a{display: block; padding: 10px 5px; font-size: 0.8em; color: #222; text-decoration: underline;}
ul.tabs>li>a.is-active{color: #0072b9; cursor: default; text-decoration: none;}
ul.tabs>li>a:not(.is-active):hover{}
.prepop-bar{max-width: 1170px; margin: 30px auto 0 auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
.prepop-bar>div{padding: 0 10px; background: #daf3ff;}
.prepop-bar>div>a{display: block; padding: 10px 5px; font-size: 0.8em; color: #222; text-decoration: underline;}
.messages,.messages--status{position: relative; margin: 0; padding: 10px 10px 10px 40px; font-size: 0.8em; line-height: 1.4em;}
.messages a,.messages--status a{color: #3b3b3b;}
.messages__icon{position: absolute; width: 16px; height: 16px; top: 50%; left: 12px; margin-top: -8px; line-height: 1;}
.messages__list{margin: 0;}
.messages__item{padding: 2px 0; 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: #daf3ff; color: #0072b9;}
.messages--error-color,.messages--error,.messages.error,.error{background-color: #fff0f0; color: #c00;}
.messages--error path,.messages.error path{fill: #c00;}
.messages--error,.messages.error{border-color: #c00;}
.messages--warning-color,.messages--warning,.messages.warning,.warning{background-color: #fffad2; color: #000;}
.messages--warning path,.messages.warning path{fill: #fd0;}
.messages--warning,.messages.warning{border-color: #fd0;}
@media screen and (max-width: 980px){
.prepop-bar,div.messages-bar,div.tabs-bar{padding: 0 20px;}
}
@media screen and (max-width: 800px){
.prepop-bar,div.messages-bar,div.tabs-bar{padding: 0 15px;}
}



/* pager */



ul.pager{margin: 10px 0 30px 0;text-align: center;}
ul.pager>li{display: inline-block; width: 42px; height: 42px; margin: 0 5px 0 0; background-color: #efefef; line-height: 42px; color: #3b3b3b;}
ul.pager>li.pager-current{font-weight: 700; cursor: default;}
ul.pager>li.pager-first,ul.pager>li.pager-last{display: none;}
ul.pager>li>a{display: block; width: 100%; height: 100%; line-height: 42px; text-decoration: none; color: #3b3b3b;}
ul.pager>li>a:hover{background-color: #ffcd00;}
ul.pager>li.pager-next>a,ul.pager>li.pager-previous>a{background-repeat: no-repeat; background-position: center center; background-size: auto 40%; background-color: #000; text-indent: -1000em;}
ul.pager>li.pager-next>a{background-image: url(../icon/page-next.svg);}
ul.pager>li.pager-previous>a{background-image: url(../icon/page-prev.svg);}
ul.pager>li.pager-next>a:hover,ul.pager>li.pager-previous>a:hover{background-color: #444;}
div.section-main>main ul.pager{margin: 30px 0 0 0;}
@media screen and (max-width: 480px){
ul.pager>li.pager-item{display: none;}
}



/* carousel */



div.carousel{background: #000;}
div.carousel div.swiper-slide{overflow: hidden;}
div.carousel div.swiper-slide::after{z-index: 20; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; content: ''; display: block; background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.7) 11%, rgba(0,0,0,0) 60%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.7) 11%, rgba(0,0,0,0) 60%); background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.7) 11%, rgba(0,0,0,0) 60%);}
div.carousel div.swiper-slide picture{z-index: 10; position: relative;}
div.carousel div.swiper-slide div.data-caption{z-index: 40; position: absolute; top: 0; right: 0;}
div.carousel div.swiper-slide div.data-caption>div{margin: 8px; padding: 6px; background: rgba(0,0,0,0.36); font-size: 11px; line-height: 1em; color: #ddd; -webkit-border-radius: 3px; border-radius: 3px;}
div.carousel div.swiper-slide div.data{z-index: 30; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff;}
div.carousel div.swiper-slide div.data>div{max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.carousel div.swiper-slide div.data>div>div{display: table; width: 100%; height: 100%;}
div.carousel div.swiper-slide div.data>div>div>a,div.carousel div.swiper-slide div.data>div>div>div.no-link{display: table-cell; height: 100%; vertical-align: middle; color: #fff; text-decoration: none;}
div.carousel div.swiper-slide div.data>div>div>div.no-link{cursor: default;}
div.carousel div.slide-h1{display: table; max-width: 60%; margin: 0; padding: 25px 30px; background: rgba(0,0,0,0.5); font-family: 'Merriweather', sans-serif; font-size: 1.8em; line-height: 1.6em; font-weight: 700;}
div.carousel div.slide-h2{display: inline-block; background: #ffcd00; padding: 10px 15px; font-size: 14px; letter-spacing: 0.04em; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #000;}
div.swiper-pagination.swiper-pagination-bullets{z-index: 40; left: 0; bottom: 0; padding: 16px 0; line-height: 1em;}
span.swiper-pagination-bullet{width: 14px; height: 14px; background: #fff; border: 3px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; opacity: 1;}
span.swiper-pagination-bullet-active{background: #ffcd00 !important;}
@media screen and (max-width: 980px){
div.carousel div.swiper-slide div.data>div{padding: 0 20px;}
div.carousel div.slide-h1{max-width: 80%; font-size: 1.6em;}
div.carousel div.slide-h2{padding: 8px 12px; font-size: 13px;}
}
@media screen and (max-width: 800px){
div.carousel div.swiper-slide::after{background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);}
div.carousel div.swiper-slide div.data>div{padding: 0 15px;}
div.carousel div.slide-h1{max-width: none; padding: 15px; font-size: 1.2em;}
div.carousel div.slide-h2{padding: 6px 10px; font-size: 12px;}
}



/* feature-bar */



.feature-bar.dusk{padding: 20px 0; background: #efefef;}
.feature-bar.dark{padding: 20px 0; background: #000000;}
.feature-bar.gold{padding: 20px 0; background: #ffcd00;}
.feature-bar div.cards{margin-bottom: 10px; background: #fff; 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;}
.feature-bar div.card{display: inline-block; float: left; width: 33.33%;}
.feature-bar div.card.color{background: #ffcd00;}
.feature-bar div.card a.name{display: block; padding: 20px 30px 40px 20px; color: #262626; text-decoration: none;}
.feature-bar div.card a.name:hover span.name{text-decoration: underline;}
.feature-bar div.card img{display: block;}
.feature-bar div.card div.video-promo{position: relative; width: 100%; padding-bottom: 56.25%;}
.feature-bar div.card div.video-promo>div{z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000;}
.feature-bar div.card div.video-promo>div>iframe{width: 100%; height: 100%; border: none;}
.feature-bar span.name{display: block; margin: 0 0 16px 0; font-size: 1.2em; line-height: 1.4em; font-weight: 600; color: #3b3b3b;}
.feature-bar a.feature{display: table; width: 100%; height: 100%; color: #262626; text-decoration: none;}
.feature-bar a.feature>div{display: table-cell; width: 100%; height: 100%; padding: 30px; vertical-align: middle; font-size: 2.2em; line-height: 1.2em; font-weight: 600;}
@media screen and (max-width: 980px){
.feature-bar a.feature>div{padding: 20px; font-size: 1.8em;}
}
@media screen and (max-width: 800px){
.feature-bar div.card{width: 50%;}
.feature-bar div.card img{width: 100%;}
}
@media screen and (max-width: 480px){
.feature-bar div.card{width: 100%;}
.feature-bar a.feature>div{padding: 50px 20px;}
}



/* search */



div.search{padding: 16px 0; border-bottom: 1px solid #eee;}
div.search:first-of-type{padding-top: 0;}
div.search>a{font-weight: 700; color: #c00a35; text-decoration: none;}
div.search>a.perma,div.search>span.perma>a{font-size: 0.88em; font-weight: 400; color: #787878; text-decoration: none;}
div.search>a:hover{text-decoration: underline;}
div.search>span.perma>a{text-decoration: underline;}
div.search>span.name{font-weight: 700; color: #c00a35; text-decoration: none;}
div.search>span.name-sub{font-size: 0.88em; color: #666;}
div.search span.name-author{display: inline-block;}
div.search span.name-author:first-letter{text-transform: uppercase;}
div.search div.user-role{display: inline-block; margin: 4px 0; padding: 5px; background: #ddd; font-size: 12px; line-height: 1em; font-weight: 600; color: #222; -webkit-border-radius: 3px; border-radius: 3px;}
div.is-blocked div.search>span.name{color: #666;}
div.search-header{margin: 0 0 20px 0; border-bottom: 1px solid #efefef;}
div.facet{border-bottom: 1px solid #d7d7d7;}
div.facet a{display: block; padding: 8px 16px 8px 0; color: #3b3b3b; text-decoration: none;}
div.facet a>em{color: #999;}
div.facet a:hover>span{text-decoration: underline;}
div.facet.active{background-image: url(../icon/icon-cross.svg); background-position: right 16px center; background-repeat: no-repeat; background-size: auto 14px;}
div.facet.active a>span{font-weight: 700;}
div.facet.facet-empty{padding: 8px 16px 8px 0; color: #999; font-style: italic;}
div.search-404{max-width: 1170px; margin: 40px auto; padding: 0 25px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box;}
form.search-form{margin: 0 0 40px 0; overflow: hidden;}
form.search-form input[type=text]{display: inline-block; float: left; width: 100%; max-width: 400px; height: 45px;}
form.search-form input[type=submit]{display: inline-block; float: left; width: 45px; height: 45px; margin: 0 0 0 -45px; padding: 0; border: none; background-color: transparent; background-image: url(../icon/icon-search-mini.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 44%; text-indent: -1000em; -webkit-border-radius: 0px; border-radius: 0px;}
form.search-form input[type=submit]:hover{opacity: 0.8;}
body.search-ini main div.view-empty{display: none;}
body.sidebar-first div.search-404{padding: 0 !important;}
@media screen and (max-width: 980px){
div.search-404{padding: 0 20px;}
}
@media screen and (max-width: 800px){
div.search-404{padding: 0 15px;}
}



/* block-bar */



div.center{max-width: 1170px; margin: 0 auto; padding: 0 25px 20px 25px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box;}
.block-bar.scroll-1 div.center{padding: 0 50px 20px 50px;}
.block-bar h2{margin: 30px 0 20px 0; padding: 0 0 6px 0; border-bottom: 1px solid #ccc; font-size: 1.8em; font-weight: 600;}
.block-bar h2.sum{margin: 30px 0; padding: 0; border: none; font-weight: 300;}
.block-bar h2.sum>strong{font-weight: 600;}
.block-bar h3{margin: 20px 0; font-size: 1.4em; font-weight: 400;}
.block-bar.overview div.cards{margin: 0 -6px 0 0; 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;}
.block-bar.scroll-0 div.cards{margin: 20px -6px 0 0; 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;}
.block-bar.scroll-1 div.cards{position: relative; margin: 20px 0; border-bottom: 1px solid #eee;}
.block-bar.scroll-0 div.cards>h3{display: block; width: 100%;}
.block-bar.scroll-1.dusk div.cards{border-color: #ddd;}
.block-bar.scroll-1.dark div.cards{border-color: #333;}
.block-bar.scroll-1.gold div.cards{border-color: #444;}
.block-bar.dusk{padding: 20px 0; background: #efefef;}
.block-bar.dark{padding: 20px 0; background: #000000;}
.block-bar.gold{padding: 20px 0; background: #ffcd00;}
.block-bar.dusk h2{border-color: #aaa;}
.block-bar.dark h2{border-color: #666; color: #eee;}
.block-bar.dark h3{color: #ccc;}
.block-bar.gold h2{border-color: #222;}
.block-bar div.card{float: left; width: 20%; padding: 0 6px 20px 0; 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;}
.block-bar.block-m div.card{width: 25%;}
.block-bar.block-x div.card{width: 33.33%;}
.block-bar div.swiper-slide{width: 19%; padding: 0 6px 0 0; -webkit-display: flex; display: flex; height: auto; -webkit-user-select: none; user-select: none;}
.block-bar div.swiper-slide:last-child{margin-right: -6px;}
.block-bar.block-m div.swiper-slide{width: 24%;}
.block-bar.block-x div.swiper-slide{width: 32%;}
.block-bar div.swiper-slide>a,.block-bar div.card>a{display: block; width: 100%; color: #262626; text-decoration: none;}
.block-bar div.swiper-slide>a{cursor: grab;}
.block-bar a div.time{z-index: 20; position: absolute; right: 6px; bottom: 6px; display: inline-block; padding: 6px; background: #000; color: #eee; font-size: 0.7em; line-height: 1em; letter-spacing: 0.02em; font-weight: 600; -webkit-border-radius: 3px; border-radius: 3px;}
.block-bar a div.date{z-index: 20; position: absolute; left: 0; bottom: 0; padding: 8px; background: #ffcd00; font-size: 0.9em; letter-spacing: 0.02em; line-height: 1em; font-weight: 700; text-transform: uppercase;}
.block-bar a div.name{padding: 10px 8% 20px 0;}
.block-bar a div.name span.name{display: block; padding: 0 0 6px 0; font-size: 0.9em; line-height: 1.4em; font-weight: 600;}
.block-bar a div.name span.name:first-letter{text-transform: uppercase;}
.block-bar a div.name span.crm{display: block; font-size: 0.75em; line-height: 1.4em;}
.block-bar a div.head{position: relative; width: 100%; padding-bottom: 56.25%; background: #eee;}
.block-bar a div.head img{display: block;}
.block-bar a div.head-wide{z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.block-bar a div.head::after{z-index: 15; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: opacity 200ms ease, background-size 100ms linear; transition: opacity 200ms ease, background-size 100ms linear;}
.block-bar a div.head div.event-status{z-index: 25; position: absolute; top: 0; right: 0; padding: 12px; background: #d40000; font-size: 0.86em; line-height: 1em; font-weight: 600; letter-spacing: 0.02em; color: #fff; text-transform: uppercase;}
.block-bar a.node-video div.head::after{background-image: url(../icon/icon-video.svg); background-size: 20% auto;}
.block-bar a.node-video.src-audio div.head::after{background-image: url(../icon/icon-audio.svg);}
.block-bar a.node-podcast div.head::after{background-image: url(../icon/icon-audio.svg); background-size: 20% auto;}
.block-bar a.node-event div.head::after{background-image: url(../icon/icon-event.svg);}
.block-bar a.node-article div.time{top: 8px; right: 8px; bottom: auto; background: #ffcd00; color: #222;}
.block-bar a:hover div.head::after{background-size: 24% auto; opacity: 0.6;}
.block-bar.dark a div.head{background: #444;}
.block-bar.dark a div.name div.name-sub{color: #ccc;}
.block-bar.dark a div.name span.name{color: #eee;}
.block-bar.dark a div.name span.crm{color: #ccc;}
.block-bar.block-v a.node-video div.head::after{background-size: 24% auto;}
.block-bar.block-v a:hover div.head::after{background-size: 28% auto;}
.block-bar.block-v a div.head{padding-bottom: 140%;}
.block-bar.block-v a div.name{padding-top: 14px;}
.block-bar.block-m a div.name span.name{font-size: 1em; line-height: 1.4em;}
.block-bar.block-m a div.name div.name-sub{font-size: 0.9em; line-height: 1.4em;}
.block-bar.block-s a.node-series div.head::after,.block-bar.block-m a.node-series div.head::after{background-image: url(../icon/icon-folder.svg); background-size: 20% auto;}
.block-bar a.node-crm div.head{background: #ffcd00 !important;}
.block-bar a.node-crm div.head-wide{padding: 20px; height: 100%;}
.block-bar a.node-crm div.head img{position: relative; top: 50%; left: 50%; width: auto; max-height: 100%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
div.btn{overflow: hidden;}
div.btn>a{position: relative; display: inline-block; float: right; height: 40px; margin: 0 0 0 10px; padding: 0 62px 0 20px; background: #ffcd00; font-size: 15px; line-height: 40px; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000;}
div.btn>a::after{z-index: 10; position: absolute; top: 0; right: 0; content: ''; display: block; width: 40px; height: 40px; background-image: url(../icon/arrow-btn.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 14px;}
div.btn>a:hover::after{background-image: url(../icon/arrow-btn-color.svg); background-color: #000;}
div.scroll-1 div.btn{margin-top: -10px;}
div.scroll-0 div.btn{margin-top: -20px; padding-top: 10px; border-top: 1px solid #eee;}
div.scroll-0.dusk div.btn{border-color: #ddd;}
div.scroll-0.dark div.btn{border-color: #333;}
div.scroll-0.gold div.btn{border-color: #444; margin-top: 0;}
div.scroll-0.gold div.btn>a,div.scroll-1.gold div.btn>a{background-color: #fff;}
@media screen and (max-width: 1300px){
.block-bar.scroll-1 div.center{padding: 0 25px 20px 25px;}
.swiper-button-prev,.swiper-button-next{display: none;}
}
@media screen and (max-width: 980px){
div.center{padding: 0px 20px 20px 20px !important;}
}
@media screen and (max-width: 800px){
div.center{padding: 0px 15px 20px 15px !important;}
}



/* block-v/block-x */



.block-bar.block-v.gold div.swiper-slide>a,.block-bar.block-v.gold div.card>a{background: #fff;}
.block-bar.block-v.gold div.swiper-slide>a{margin: 0 0 20px 0;}
.block-bar.block-v.gold a div.name{padding: 14px 8% 20px 14px;}
.block-bar.block-v .swiper-button-prev,.block-bar.block-v .swiper-button-next{top: 140px;}
.block-bar.block-m .swiper-button-prev,.block-bar.block-m .swiper-button-next{top: 60px;}
.block-bar.block-x .swiper-button-prev,.block-bar.block-x .swiper-button-next{top: 80px;}
.block-bar.block-x.scroll-0 div.cards{margin: 0 -12px 0 0;}
.block-bar.block-x.scroll-1 div.cards{border: none;}
.block-bar.block-x.scroll-0 div.btn{border: none;}
.block-bar.block-x div.card{padding-right: 12px;}
.block-bar.block-x div.swiper-slide{padding-right: 12px;}
.block-bar.block-x div.swiper-slide:last-child{margin-right: -12px;}
.block-bar.block-x div.swiper-slide>a,.block-bar.block-x div.card>a{background: #fff; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between;}
.block-bar.block-x a div.core{-webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: cubic-bezier(.70,0,.170,1); transition-timing-function: cubic-bezier(.70,0,.170,1);}
.block-bar.block-x a div.head::after{background-size: 18% auto; opacity: 0;}
.block-bar.block-x a.node-video div.head::after{opacity: 0.5;}
.block-bar.block-x a div.date{display: table; width: 110px; height: 110px; bottom: -20px; padding: 20px; font-size: 2em; line-height: 1em;}
.block-bar.block-x a div.date>div{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.block-bar.block-x a div.date>div>span{display: block;}
.block-bar.block-x a div.date>div>span:nth-child(1){font-weight: 400;}
.block-bar.block-x a div.date>div>span:nth-child(2){font-weight: 600;}
.block-bar.block-x a div.name{padding: 20px;}
.block-bar.block-x a div.name span.name{font-size: 1.2em; line-height: 1.4em; font-weight: 600; color: #3b3b3b;}
.block-bar.block-x a div.exnd{max-height: 0; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1); transition-timing-function: cubic-bezier(.77,0,.175,1);}
.block-bar.block-x a div.exnd>div{padding: 0 20px 20px 20px; font-size: 0.9em; line-height: 1.6em;}
.block-bar.block-x a div.data{z-index: 30; position: relative; padding: 12px 20px; background: #fff; border-top: 1px solid #eee; -webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center;}
.block-bar.block-x a div.data img{width: 44px; height: 44px; margin: 0 10px 0 0; -webkit-border-radius: 50%; border-radius: 50%;}
.block-bar.block-x a div.data div.time{position: static; margin: 0 0 2px 0; background: #222;}
.block-bar.block-x a div.data div.next{display: inline-block; margin: 0 0 2px 0; padding: 6px; background: #ffcd00; font-size: 0.7em; line-height: 1em; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px;}
.block-bar.block-x a div.data div.crm{font-size: 0.9em; line-height: 1.4em; color: #444;}
.block-bar.block-x a div.data div.crm span{font-weight: 600;}
.block-bar.block-x a div.data::after{z-index: 20; position: absolute; top: -15px; left: 0; content: ''; display: block; width: 100%; height: 14px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.block-bar.block-x a.node-article div.data div.time{margin: 0 8px 0 0; background: #ffcd00;}
.block-bar.block-x a.node-article div.data div.crm,.block-bar.block-x a.node-publication div.data div.crm,.block-bar.block-x a.node-issue div.data div.crm{font-style: italic;}
.block-bar.block-x a.node-event div.name{padding-top: 40px;}
.block-bar.block-x a:hover div.core{-webkit-transform: translateY(-160px); transform: translateY(-160px); -webkit-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: 600ms; transition-duration: 600ms;}
.block-bar.block-x a:hover div.exnd{opacity: 1; -webkit-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition-duration: 600ms; transition-duration: 600ms;}
.block-bar.block-x.gold a.node-crm div.head{background: #222 !important;}
.block-bar.block-x.dawn div.data{background: #efefef; border-top: 1px solid #ddd;}
.block-bar.block-x.dawn div.swiper-slide>a,.block-bar.block-x.dawn div.card>a{background: #efefef;}
.block-bar.block-x.dawn a div.data::after{background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 100%); background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%);}
@media screen and (max-width: 980px){
.block-bar div.card{width: 25%;}
.block-bar div.swiper-slide{width: 24%;}
.block-bar.block-m div.card{width: 33.33% !important;}
.block-bar.block-x div.card{width: 40% !important;}
.block-bar.block-m div.swiper-slide{width: 32% !important;}
.block-bar.block-x div.swiper-slide{width: 40% !important;}
}
@media screen and (max-width: 800px){
.block-bar div.swiper-slide{width: 32%;}
.block-bar.block-x div.card{width: 50% !important;}
.block-bar.block-m div.swiper-slide{width: 48% !important;}
.block-bar.block-x div.swiper-slide{width: 48% !important;}
.block-bar.block-x a div.date{width: 90px; height: 90px; padding: 12px;}
}
@media screen and (max-width: 640px){
.block-bar div.card{width: 33.33%;}
.block-bar div.swiper-slide{width: 48%;}
.block-bar.block-m div.card{width: 50% !important;}
.block-bar.block-x div.card{width: 68% !important;}
.block-bar.block-x div.swiper-slide{width: 68% !important;}
}
@media screen and (max-width: 480px){
.block-bar div.card{width: 50%;}
.block-bar div.swiper-slide{width: 64%;}
.block-bar.block-x div.card{width: 90% !important;}
.block-bar.block-x div.swiper-slide{width: 88% !important;}
.block-bar.block-v div.swiper-slide{width: 54% !important;}
}
@media screen and (max-width: 400px){
.block-bar.block-x div.card{width: 100% !important;}
.block-bar.block-x div.swiper-slide{width: 98% !important;}
}



/* gloss */



.gloss-bar{padding: 20px 0;}
.gloss a{display: block; overflow: hidden; text-decoration: none; color: #262626;}
.gloss a>div{display: inline-block; float: left; width: 50%;}
.gloss a>div.core{padding: 0 0 0 30px;}
.gloss a>div.wide{position: relative;}
.gloss a>div.wide::after{z-index: 15; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block;}
.gloss a>div.wide div.event-status{z-index: 20; position: absolute; top: 0; right: 0; padding: 12px; background: #d40000; font-size: 1.12em; line-height: 1em; font-weight: 600; letter-spacing: 0.02em; color: #fff; text-transform: uppercase;}
.gloss a.node-video>div.wide::after,.gloss a.node-podcast>div.wide::after{background-color: rgba(0,0,0,0.2); background-repeat: no-repeat; background-position: center center; background-size: 14% auto; opacity: 0.6;}
.gloss a.node-video>div.wide::after{background-image: url(../icon/icon-video.svg);}
.gloss a.node-video.src-audio>div.wide::after{background-image: url(../icon/icon-audio.svg);}
.gloss a.node-podcast>div.wide::after{background-image: url(../icon/icon-audio.svg);}
.gloss div.gloss-date{-webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center;}
.gloss div.gloss-date div.gloss-h1{margin: 0 0 4px 0;}
.gloss div.date-box{display: table; width: 110px; height: 110px; margin: 0 16px 0 0; padding: 20px; background: #ffcd00; font-size: 2em; line-height: 1em; text-transform: uppercase;}
.gloss div.date-box>div{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.gloss div.date-box>div>span{display: block;}
.gloss div.date-box>div>span:nth-child(1){font-weight: 400;}
.gloss div.date-box>div>span:nth-child(2){font-weight: 600;}
.gloss div.gloss-h1{display: block; max-width: 70%; margin: 0 0 10px 0;}
.gloss div.gloss-h1>span{position: relative; display: inline; font-size: 2em; line-height: 1.2em; font-weight: 700;}
.gloss div.gloss-h1>span>span{z-index: 4; position: relative;}
.gloss div.gloss-h1>span::after{z-index: 2; position: absolute; left: 0; bottom: 2px; content: ''; display: block; width: 120%; height: 14px; background: #ffcd00;}
.gloss div.gloss-h2{display: block; font-size: 0.9em; color: #444;}
.gloss div.gloss-crm{-webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 0.9em; line-height: 1.4em;}
.gloss div.gloss-crm>span{font-weight: 600;}
.gloss div.gloss-crm img,.gloss div.gloss-crm div.no-im{width: 36px; height: 36px; margin: 0 8px 0 0; -webkit-border-radius: 50%; border-radius: 50%;}
.gloss img{display: block;}
.gloss div.exnd{display: block; padding: 20px 0; font-size: 1.2em; line-height: 1.4em; font-weight: 400;}
.gloss div.label{display: inline-block; margin: 0 0 10px 0; padding: 6px; background: #ffcd00; font-size: 0.7em; line-height: 1em; letter-spacing: 0.02em; font-weight: 600; -webkit-border-radius: 3px; border-radius: 3px;}
.gloss-bar.size-2 .gloss{display: inline-block; float: left; width: 50%;}
.gloss-bar.size-2 .gloss:nth-child(1){padding: 0 15px 0 0;}
.gloss-bar.size-2 .gloss:nth-child(2){padding: 0 0 0 15px;}
.gloss-bar.size-2 .gloss a>div{display: block; float: none; width: 100%;}
.gloss-bar.size-2 .gloss a>div.core{padding: 0 0 20px 0;}
.gloss-bar.size-2 .gloss div.gloss-h1>span{font-size: 1.8em;}
.gloss-bar.size-2 .gloss div.exnd{z-index: 40; position: absolute; bottom: -40px; left: 0; right: 20%; padding: 20px; background: #ffcd00; font-size: 0.9em; line-height: 1.5em;}
.gloss-bar.size-2 .gloss div.wide img{margin-bottom: 40px;}
@media screen and (max-width: 980px){
.gloss a>div.core{padding: 0 0 0 20px;}
.gloss div.exnd{font-size: 1em;}
.gloss div.gloss-date{display: block;}
.gloss div.gloss-date div.gloss-h1{margin-top: 10px;}
.gloss div.date-box{width: 90px !important; height: 90px !important; padding: 12px;}
.gloss div.gloss-h1{max-width: 80%;}
.gloss div.gloss-h1>span{font-size: 1.8em;}
.gloss div.gloss-h1>span::after{height: 10px;}
}
@media screen and (max-width: 800px){
.gloss a>div{display: block; float: none; width: 100%;}
.gloss a>div.core{padding: 20px 0 0 0;}
.gloss div.gloss-h1{max-width: 90%;}
.gloss-bar.size-2 .gloss{display: block; float: none; width: 100%;}
.gloss-bar.size-2 .gloss:nth-child(1){padding: 0;}
.gloss-bar.size-2 .gloss:nth-child(2){padding: 30px 0 0 0;}
}



/* overview */



div.center-side{display: inline-block; float: left; width: 24%; margin: 20px 0 0 0; padding: 0 20px 20px 0;}
div.center-main{display: inline-block; float: left; width: 76%; margin: 20px 0 0 0; padding: 0 0 0 20px; border-left: 1px solid #ccc;}
div.center-main h2,div.center-side h3{margin-top: 0 !important;}
div.center-side h3{margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 4px solid #d7d7d7;}
div.center-main em.none{color: #aaa;}
div.term{border-bottom: 1px solid #eee;}
div.term>a{display: block; padding: 3px 0; overflow: hidden; font-size: 0.9em; color: #888; text-decoration: none;}
div.term>a>span{vertical-align: middle;}
div.term>a:hover>span{display: inline-block; color: #2b2b2b; text-decoration: underline;}
div.term>a>div.sum{display: inline-block; margin: 0 0 0 8px; padding: 4px 6px; vertical-align: middle; background: #eee; -webkit-border-radius: 3px; border-radius: 3px; font-size: 0.8em; line-height: 1em; font-weight: 600; color: #3b3b3b;}
div.term>div.term-child{display: none; margin: 12px 0; padding: 4px 0 4px 12px; border-left: 1px solid #d7d7d7; }
div.term>div.term-child>div.term{border: none;}
div.term>div.term-child>div.term>a{padding: 1px 0; font-size: 0.9em;}
div.term>div.term-child>div.term>a>span{color: #2b2b2b;}
div.term>div.term-child>div.term>a>span>em{color: #aaa;}
div.term>div.term-child>div.term.active>a>span>em{color: #2b2b2b;}
div.term.active>div.term-child{display: block;}
div.term.active>a{color: #2b2b2b;}
div.term.active>a>span{font-weight: 600;}
div.term.active>a>div.sum{background: #000; color: #eee;}
.block-bar.block-m div.center-main div.card{width: 33.33%;}
@media screen and (max-width: 980px){
div.center-side{display: block; float: none; width: 100%; margin: 20px 0 0 0; padding: 0; -webkit-user-select: none; user-select: none;}
div.center-main{display: block; float: none; width: 100%; margin: 20px 0 0 0; padding: 20px 0 0 0; border: none;}
div.center-side h3{position: relative; background-image: url(../icon/arrow-casc.svg); background-repeat: no-repeat; background-position: right 4px; background-size: auto 20px; cursor: pointer; text-decoration: underline;}
div.center-side div.term{display: none;}
div.center-side.active div.term{display: block;}
}



/* live-bar */



div.none{padding: 20px 0; font-size: 1.4em; font-weight: 300; font-style: italic; color: #666;}
div.live-bar{background: #000;}
div.live-bar div.center{padding-bottom: 0;}
div.live-bar div.card{padding: 35px 0;}
div.live-bar div.card>a{-webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; text-decoration: none; color: #eee;}
div.live-bar div.card>a div.head{position: relative; margin: 0 20px 0 0;}
div.live-bar div.card>a div.head::after{z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; background-color: rgba(0,0,0,0.4); background-image: url(../icon/icon-video.svg); background-size: 26% auto; background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: opacity 200ms ease, background-size 100ms linear; transition: opacity 200ms ease, background-size 100ms linear;}
div.live-bar div.card>a h1{display: inline-block; margin: 0; vertical-align: middle;}
div.live-bar div.card>a h3{margin: 10px 0 0 0; font-size: 1.2em; line-height: 1.4em; font-weight: 400;}
div.live-bar div.card>a img{display: block; max-width: 220px; }
div.live-bar div.card>a div.crm{padding: 6px 0 0 0; font-size: 0.9em; color: #aaa;}
div.live-bar div.card>a:hover div.head::after{background-size: 30% auto; opacity: 0.6;}
div.live-bar div.card>a div.record{display: inline-block; width: 18px; height: 18px; margin: 2px 8px 0 0; vertical-align: middle; background: #f00; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation-name: live; animation-name: live; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
div.brick-bar{margin: 0 0 20px 0;}
div.brick-bar div.center{overflow: visible;}
div.brick-bar div.cards{display: table; width: 100%;}
div.brick-bar div.brick{display: table-row; padding: 0 0 20px 0;}
div.brick-bar div.brick>div{display: table-cell; padding: 16px 0 16px 20px; border-bottom: 1px solid #ddd; vertical-align: middle;}
div.brick-bar div.brick>div.head{width: 200px; padding-left: 0;}
div.brick-bar div.brick:first-child>div{border-top: 1px solid #ddd;}
div.brick-bar img{display: block;}
div.brick-bar span.name{display: block; margin: 0 0 2px 0; font-size: 1.1em; line-height: 1.4em; font-weight: 600; color: #3b3b3b;}
div.brick-bar span.name a{color: #3b3b3b; text-decoration: underline;}
div.brick-bar span.crm{display: block; font-size: 0.9em; color: #444;}
div.brick-bar span.exnd{display: block; width: 86%; font-size: 0.8em;}
div.brick-bar span.date-next{display: block; margin: 0 0 8px 0; font-size: 1.8em; line-height: 1.0em; font-weight: 400;}
div.brick-bar span.date-next>em{font-weight: 300; font-style: italic; color: #888;}
div.brick-bar div.view-header div.center{padding: 0 !important;}
div.brick-bar div.view-header div.brick>div{border: none !important;}
div.ics{position: relative; display: inline-block; float: right;}
div.ics>div.ics-name{display: block; height: 40px; padding: 0 50px 0 20px; background: #ffcd00; background-image: url(../icon/arrow-casc.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: auto 16px; font-size: 15px; line-height: 40px; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; color: #000; cursor: pointer;}
div.ics>div.ics-core{display: none; position: absolute; left: 0; right: 0; top: 40px; background: #ffcd00;}
div.ics>div.ics-core a{display: block; padding: 4px 20px; font-size: 0.9em; color: #2b2b2b; text-decoration: none;}
div.ics>div.ics-core a:hover{background: #ffe67f;}
div.ics:hover>div.ics-core,div.ics.active>div.ics-core{display: block; z-index: 80;}
@media screen and (max-width: 980px){
div.live-bar div.center{padding: 0px 20px !important;}
}
@media screen and (max-width: 800px){
div.live-bar div.center{padding: 0px 15px !important;}
div.brick-bar div.cards{display: block;}
div.brick-bar div.brick{display: block; padding: 16px 0; border-top: 1px solid #ddd;}
div.brick-bar div.brick>div{display: block; padding: 0; border: none !important;}
div.brick-bar div.brick>div.name{padding: 16px 0;}
div.brick-bar div.brick div.btn>a{float: none; margin: 0;}
div.ics{float: none;}
}
@keyframes live{
0%{background: #f00;}
50%{background: #900;}
100%{background: #f00;}
}



/* live-search */



div.block-bar.runsearch{margin: 20px 0;}
div.block-bar.runsearch div.center{overflow: visible;}
div.run-bar{display: block; width: 100%;}
div.run-bar input.runsearch{display: inline-block; float: left; width: 100%; max-width: 400px; height: 50px; margin: 0 10px 0 0; padding: 0 20px; background-color: #fff; border: 2px solid #ffcd00 !important; -webkit-border-radius: 4px; border-radius: 4px;}
div.run-bar a.run-redo{position: relative; display: none; float: left; width: 50px; height: 50px; margin: 0 0 0 -60px; background-image: url(../icon/icon-cross.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 30%; -webkit-transition: opacity 100ms ease; transition: opacity 100ms ease;}
div.run-bar a.run-redo:hover{opacity: 0.6;}
div.run-bar a.run-link{display: inline-block; float: left; font-size: 13px; line-height: 50px; color: #666; white-space: nowrap;}
div.run-bar-search{overflow: hidden;}
div.run-bar-return{position: relative;}
div.run-bar-return>div{z-index: 100; position: absolute; top: 0; left: 0; width: 100%; max-width: 400px; background: #fff; -webkit-box-shadow: rgba(0,0,0,0.4) 0px 10px 26px; box-shadow: rgba(0,0,0,0.4) 0px 10px 26px;}
div.run-bar-return a{display: block; padding: 4px 20px; font-size: 13px; color: #2b2b2b; text-decoration: none;}
div.run-bar-return a::first-letter{text-transform: uppercase;}
div.run-bar-return a>em{color: #888;}
div.run-bar-return a:hover{background: #eee;}
div.run-bar.active a.run-redo{display: inline-block;}
div.run-bar.loader input.runsearch{background-image: url(../icon/load.gif); background-repeat: no-repeat; background-size: auto 24px; background-position: right 44px center;}



/* tweets */



div.tweet{float: left; width: 25%; padding: 0 6px 20px 0; 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;}
div.tweet>div{background: #fff; overflow: hidden; width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between;}
div.tweet div.tweet-core{padding: 24px 20px 36px 20px; font-size: 0.9em; line-height: 1.6em;}
div.tweet div.tweet-core div.date{display: block; margin: 0 0 14px 0; color: #666; font-style: italic;}
div.tweet div.tweet-core a{color: #666;}
div.tweet div.tweet-core a.is-hash,div.tweet div.tweet-core a.is-mention{padding: 2px 4px; font-size: 0.8em; font-weight: 600; color: #3b3b3b; text-decoration: none; -webkit-border-radius: 3px; border-radius: 3px;}
div.tweet div.tweet-core a.is-hash{background: #ddd;}
div.tweet div.tweet-core a.is-mention{background: #ffcd00;}
div.tweet a.tweet-data{-webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; padding: 12px 20px; border-top: 1px solid #eee; text-decoration: none; color: #3b3b3b;}
div.tweet a.tweet-data.is-owner{background: #ffcd00; border-color: #ffcd00;}
div.tweet a.tweet-data>div{padding: 8px 0;}
div.tweet a.tweet-data img{display: block; width: 36px; height: 36px; margin: 0 10px 0 0; -webkit-border-radius: 50%; border-radius: 50%;}
div.tweet a.tweet-data span.name{display: block; font-size: 0.9em; font-weight: 600; line-height: 1.4em;}
div.tweet a.tweet-data span.user{display: block; font-size: 0.75em; font-weight: 400; line-height: 1.4em;}
.block-bar.dawn div.tweet>div{background: #efefef;}
.block-bar.dawn div.tweet a.tweet-data{border-color: #ddd;}
.block-bar.gold div.tweet a.tweet-data.is-owner{background: #222; border-color: #222;}
.block-bar.gold div.tweet a.tweet-data.is-owner span.name{color: #fff; font-weight: 400;}
.block-bar.gold div.tweet a.tweet-data.is-owner span.user{color: #ccc;}
@media screen and (max-width:1200px){
div.tweet{width: 33.33%;}
}
@media screen and (max-width: 800px){
div.tweet{width: 50%;}
}
@media screen and (max-width: 480px){
div.tweet{width: 100%;}
}



/* instagram */



div.instagram div.cards{margin: 20px -12px 0 0; 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;}
div.insta{display: inline-block; float: left; width: 25%; padding: 0 12px 30px 0;}
div.insta>a{display: block; position: relative; text-decoration: none; color: #fff;}
div.insta>a img{position: relative; z-index: 4; display: block;}
div.insta>a div.name{position: absolute; z-index: 8; top: 50%; left: 0; width: 100%; padding: 20px; text-align: center; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 100ms ease; transition: opacity 100ms ease;}
div.insta>a::after{position: absolute; z-index: 6; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease;}
div.insta>a:hover::after{opacity: 1;}
div.insta>a:hover div.name{opacity: 1;}
div.insta-bar{display: table; width: 100%; margin: 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #ddd; overflow: hidden;}
div.insta-bar>div{display: table-cell; width: 100%; vertical-align: middle;}
div.insta-bar h3{display: inline-block; margin: 0; padding: 0 16px 0 0; vertical-align: middle;}
div.insta-bar a.insta-btn{display: inline-block; height: 36px; margin: 0 10px 0 0; padding: 0 12px; background: #3897f0; line-height: 36px; text-decoration: none; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background 120ms ease; transition: background 120ms ease; vertical-align: middle;}
div.insta-bar a.insta-btn:hover{background: #3287d8;}
div.insta-bar div.insta-user{display: inline-block; width: 80px; height: 80px; margin: 0 10px 0 0; background-image: url(../icon/brand-icon.png); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle;}
@media screen and (max-width: 980px){
div.insta{width: 33.33%;}
}
@media screen and (max-width: 800px){
div.insta{width: 50%;}
}
@media screen and (max-width: 640px){
div.insta-bar h3{display: block; margin: 10px 0;}
div.insta-bar div.insta-user{display: block;}
}



/* calendar-bar */



.calendar-bar{margin: 40px auto;}
.calendar-bar>div.center{padding-bottom: 0; min-height: 300px; 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;}
.calendar-bar>div.center>h2{display: block; width: 100%;}
.calendar-bar>div.center>div.cards{display: inline-block; float: left; width: 50%;}
.calendar-bar div.cards:nth-of-type(2){background: #ffcd00;}
.calendar-bar div.cards:nth-of-type(2)>div.row{border-bottom: 1px solid #e5b800; -webkit-transition: background 200ms ease; transition: background 200ms ease;}
.calendar-bar div.cards:nth-of-type(2)>div.row.views-row-first{background: #e5b800;}
.calendar-bar div.cards:nth-of-type(2)>div.row.views-row-last{border: none;}
.calendar-bar div.cards:nth-of-type(2)>div.row:hover>a div.name span.name{text-decoration: underline;}
.calendar-bar div.cards:nth-of-type(1){position: relative;}
.calendar-bar div.cards:nth-of-type(1)>div.row{position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.calendar-bar div.cards:nth-of-type(1)>div.row.views-row-first{z-index: 4; opacity: 1; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease;}
.calendar-bar div.cards:nth-of-type(1)>div.row>div{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.calendar-bar div.row>a{display: block; text-decoration: none; color: #262626;}
.calendar-bar div.row>a>div{display: table; padding: 20px 0;}
.calendar-bar div.row>a>div>div{display: table-cell; padding: 0 24px 0 0; vertical-align: middle;}
.calendar-bar div.row>a>div>div.date{padding-left: 24px; font-size: 1.8em; line-height: 1.0em; font-weight: 400; text-transform: uppercase; white-space: nowrap;}
.calendar-bar div.row>a div.name span.name{margin-right: 8px; font-weight: 600;}
.calendar-bar div.row>a span.event-status{display: table; margin: 4px 0; padding: 6px 8px; background: #d40000; font-size: 0.7em; line-height: 1em; font-weight: 600; letter-spacing: 0.02em; color: #fff; text-transform: uppercase;}
@media screen and (max-width: 800px){
.calendar-bar>div.center>div.cards{display: block; float: none; width: 100%;}
.calendar-bar div.cards:nth-of-type(1){height: 200px;}
}



/* lists */



.tiles{margin: 30px -12px 0 0; 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;}
.tile{width: 33.33%; padding: 0 12px 20px 0; 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; float: left; text-decoration: none; color: #3b3b3b;}
.tile>div{width: 100%; background: #fff;}
.tile div.tile-head img{display: block;}
.tile div.tile-name{padding: 16px 20px; border: 1px solid #ffcd00; border-bottom: 1px solid #eee; border-top: none;}
.tile div.tile-name a.mini,.tile div.tile-name span.mini{display: block; font-size: 0.75em; line-height: 1.4em;}
.tile div.tile-name a.mini{color: #666; text-decoration: underline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tile div.tile-name span.mini{color: #444;}
.tile div.tile-name span.name{display: block; padding: 0 0 6px 0; font-size: 1em; line-height: 1.4em; font-weight: 600; color: #3b3b3b;}
.tile div.tile-name span.name:first-letter{text-transform: uppercase;}
.tile div.tile-data{display: block; padding: 12px 20px; border: 1px solid #ffcd00; border-top: none; font-size: 0.9em; line-height: 1.6em; color: #444;}
.tile div.tile-data a{color: #666;}
.tile div.tile-data span{display: block;}
.tiles-bar.tiles-crm .tile{width: 25%;}
.tiles-bar.tiles-crm .tile div.tile-head{background: #ffcd00; padding: 16px 0;}
.tiles-bar.tiles-crm .tile div.tile-head img{position: relative; display: block; width: 80px; height: 80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 50%; border-radius: 50%;}
.tiles-bar.tiles-crm .tile div.tile-name{border-top: 1px solid #ffcd00;}
a.tile:hover div.tile-name span.name{text-decoration: underline;}
body.sidebar-first .tiles-bar div.center{padding: 0 !important;}
body.sidebar-first .block-bar div.center{padding: 0 !important;}
body.sidebar-first .tile{width: 50%;}
body.sidebar-first .tiles-bar.tiles-crm .tile{width: 33.33%;}
@media screen and (max-width: 980px){
.tile{width: 50%;}
.tiles-bar.tiles-crm .tile{width: 33.33%;}
body.sidebar-first .tiles-bar.tiles-crm .tile{width: 50%;}
}
@media screen and (max-width: 640px){
.tiles-bar.tiles-crm .tile{width: 50%;}
.tile div.tile-name{padding: 10px 14px;}
.tile div.tile-data{padding: 10px 14px;}
}
@media screen and (max-width: 480px){
.tile{width: 100%;}
.tiles-bar.tiles-crm .tile{width: 100%;}
body.sidebar-first .tile{width: 100%;}
body.sidebar-first .tiles-bar.tiles-crm .tile{width: 100%;}
}



/* series/issues */



body.node-type-series div.view-headers picture,body.node-type-issue div.view-headers picture{display: none;}
body.node-type-series div.view-headers div.block-easy-breadcrumb,body.node-type-issue div.view-headers div.block-easy-breadcrumb{display: none;}
body.node-type-series div.view-events.view-display-id-serie div.card div.head{opacity: 0.6;}
body.node-type-series div.view-events.view-display-id-serie div.card div.name{color: #888;}
div.banner{position: relative; background: #000; overflow: hidden;}
div.banner::after{z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 14%, rgba(0,0,0,0.8) 15%, rgba(0,0,0,0) 90%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 14%,rgba(0,0,0,0.8) 15%,rgba(0,0,0,0) 90%); background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 14%,rgba(0,0,0,0.8) 15%,rgba(0,0,0,0) 90%);}
div.banner-exnd{z-index: 15; position: absolute; top: 0; right: 0;}
div.banner-exnd>div{margin: 8px; padding: 6px; background: rgba(0,0,0,0.36); font-size: 11px; line-height: 1em; color: #ddd; -webkit-border-radius: 3px; border-radius: 3px;}
div.banner-main{z-index: 20; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
div.banner-data{display: block; max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.banner-data>div{display: table; width: 100%; height: 100%;}
div.banner-data>div>div{display: table-cell; position: relative; width: 100%; height: 100%; vertical-align: middle; color: #eee;}
div.banner-data ul.drawer-menu{z-index: 30; position: absolute; bottom: 0; overflow: hidden;}
div.banner-data ul.drawer-menu>li{display: inline-block; float: left; margin: 0 30px 0 0; font-size: 1.1em; font-weight: 600; -webkit-user-select: none; user-select: none;}
div.banner-data ul.drawer-menu>li>a{display: block; padding: 14px 0; border-bottom: 4px solid transparent; color: #eee; -webkit-transition: border-color 200ms ease, opacity 100ms ease; transition: border-color 200ms ease, opacity 100ms ease;}
div.banner-data ul.drawer-menu>li>a>span{display: inline-block; padding: 0 0 0 8px; color: #aaa;}
div.banner-data ul.drawer-menu>li:not(.active)>a:hover{opacity: 0.8;}
div.banner-data ul.drawer-menu>li.active>a{border-color: #efefef;}
div.banner h1{font-size: 3.2em; font-weight: 600; color: #fff;}
div.banner h1>span{font-weight: 300;}
div.banner h2{font-size: 2.4em; color: #aaa;}
div.banner div.exnd{max-width: 60%; font-size: 1.2em; line-height: 1.5em; font-weight: 400;}
div.drawer{height: 0px; overflow: hidden;}
div.drawer.active{height: auto; overflow: auto;}
div.drawer-head{max-width: 1170px; margin: 0 auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.drawer-head>h2{margin: 30px 0 20px 0; padding: 0 0 6px 0; border-bottom: 1px solid #ccc; font-size: 1.8em; font-weight: 600;}
div.drawer-core{padding: 20px 0 0 0;}
div.drawer-core div.block-ck{margin: 30px auto;}
@media screen and (max-width: 980px){
div.drawer-head{padding-left: 20px; padding-right: 20px;}
div.banner-data{padding: 0 20px;}
div.banner div.exnd{max-width: 80%;}
}
@media screen and (max-width: 800px){
div.drawer-head{padding-left: 15px; padding-right: 15px;}
div.banner-data{padding: 0 15px;}
div.banner div.exnd{max-width: 90%;}
}
@media screen and (max-width: 640px){
div.banner-data>div>div{padding-top: 30px; vertical-align: top;}
div.banner h1{font-size: 2.2em;}
div.banner h2{font-size: 1.4em;}
}



/* nodes */



article>header{max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 25px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box;}
header mark{display: block; margin: 30px 0; padding: 10px; background: #fffad2; font-size: 0.8em; line-height: 1.4em;}
a.rsvp-link{color: #f00 !important; font-weight: bold;}
a.ics{display: inline-block; margin: 0 12px 0 0; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: left center; background-size: auto 14px; line-height: 1em;}
a.ics.calendar-1{background-image: url(../icon/calendar-01.svg);}
a.ics.calendar-2{background-image: url(../icon/calendar-02.svg);}
a.ics.calendar-3{background-image: url(../icon/calendar-03.svg);}
div.node-section{max-width: 1170px; margin: 0 auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; 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;}
div.node-section>div{display: inline-block; float: left; width: 70%; margin: 0 0 60px 0; padding: 0 30px 0 0; border-right: 1px solid #ddd;}
div.node-section>div.side{width: 30%; padding: 0 0 0 30px; border: none;}
div.node-section>div p{max-width: 96%;}
div.node-section>div div.btn>a{float: left; margin: 0 10px 0 0;}
div.node-teaser{display: block; margin: 0 0 30px 0; padding: 0 10% 0 0; font-size: 1.32em; line-height: 1.6em; font-weight: 300; color: #3b3b3b;}
div.node-teaser::after{content: ''; display: block; width: 40%; height: 10px; border-bottom: 1px solid #ddd;}
div.node-head{display: table; table-layout: fixed; width: 100%; margin: 50px 0 40px 0;}
div.node-head>div{display: table-cell; height: 100%; vertical-align: middle;}
div.node-head>div:nth-child(1){width: 160px !important;}
div.node-head.is-event>div:nth-child(1){width: 130px !important;}
div.node-head div.crm-im,div.node-head div.crm-im>img{display: block; width: 140px; height: 140px; background: #eee; -webkit-border-radius: 50%; border-radius: 50%;}
div.node-head div.node-date{display: table; width: 110px; height: 110px; background: #ffcd00;}
div.node-head div.node-date>div{display: table-cell; width: 100%; height: 100%; padding: 20px; vertical-align: middle; font-size: 2em; line-height: 1em; text-transform: uppercase;}
div.node-head div.node-date>div>div>strong{font-weight: 600;}
div.node-head div.node-date.node-date-passed>div{font-size: 1.6em; line-height: 1em;}
div.node-head h1{margin: 0;}
div.node-head div.event-status{display: table; margin: 5px 0; padding: 10px 12px; background: #d40000; -webkit-border-radius: 3px; border-radius: 3px; font-size: 1.0em; font-weight: 600; line-height: 1em; letter-spacing: 0.02em; color: #fff; text-transform: uppercase;}
div.node-head span{display: block; padding: 4px 0; font-style: italic;}
div.node-head div.seen-in{display: block; margin: 8px 0 0 0; padding: 0 0 0 26px; background-repeat: no-repeat; background-position: left center; background-size: auto 20px; background-image: url(../icon/icon-seen.svg); font-size: 0.8em; line-height: 1em; color: #787878;}
div.embedded{position: relative; width: 100%; margin: 40px 0; padding-bottom: 65%;}
div.embedded>div{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
div.embedded>div>iframe{width: 100%; height: 100%; border: 0;}
div.share{position: relative; display: inline-block;}
div.share>div.share-name{display: block; height: 40px; padding: 0 50px 0 20px; background: #222; background-image: url(../icon/arrow-casc-w.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: auto 16px; font-size: 15px; line-height: 40px; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer;}
div.share>div.share-core{display: none; position: absolute; left: 0; right: 0; top: 40px; background: #222;}
div.share>div.share-core a{display: block; padding: 4px 20px; font-size: 0.9em; color: #fff; text-decoration: none;}
div.share>div.share-core a:hover{background: #444;}
div.share:hover>div.share-core,div.share.active>div.share-core{display: block; z-index: 80;}
.data-bar div.center{padding: 0 !important;}
.data-bar div.cards{margin: 0 0 30px 0; padding: 20px; background: #ffcd00;}
.data-bar div.card{display: table;}
.data-bar div.card>div{display: table-cell; height: 100%; padding: 6px 16px; vertical-align: top; color: #262626;}
.data-bar div.card>div a{color: #262626;}
.data-bar div.card>div span{display: block;}
.data-bar div.card>div span:first-letter{text-transform: uppercase;}
.data-bar div.card>div:nth-child(1){font-weight: bold;}
.crm-tile{margin: 0 -12px 0 0; 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;}
.crm-tile>div{display: inline-block; width: 33.33%;}
.crm-tile>div>a{display: block; margin: 0 12px 20px 0; text-decoration: none; color: #3b3b3b;}
.crm-tile div.crm-head{padding: 16px 0; background: #ffcd00;}
.crm-tile div.crm-head>img{position: relative; display: block; width: 80px; height: 80px; margin: 0 auto; -webkit-transform: scale(0.9,0.9); transform: scale(0.9,0.9); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: transform 100ms ease; transition: transform 100ms ease;}
.crm-tile div.crm-head>div.no-im{display: block; margin: 0 auto;}
.crm-tile a:hover div.crm-head>img{-webkit-transform: scale(1,1); transform: scale(1,1);}
.crm-tile div.crm-name{padding: 16px 20px; border: 1px solid #ffcd00;}
.crm-tile span{display: block; padding: 0 0 6px 0; font-size: 1em; line-height: 1.4em; font-weight: 600; color: #3b3b3b;}
.crm-tile span:first-letter{text-transform: uppercase;}
.crm-tile span.mini{font-size: 0.75em; line-height: 1.4em; font-weight: 400; color: #444;}
.info-bar{margin: 30px 0 40px 0; padding: 20px; background: #ffcd00;}
.info-bar>div{display: table;}
.info-bar>div>div{display: table-row;}
.info-bar>div>div>div{display: table-cell; height: 100%; padding: 6px 16px; vertical-align: top; color: #262626;}
.info-bar>div>div>div:nth-child(1){font-weight: bold;}
.info-bar a{color: #262626;}
.video-canvas{position: relative; width: 100%; margin: 50px 0 40px 0; padding-bottom: 50%; background: #000;}
.video-canvas>div{z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.video-canvas>div>iframe{width: 100%; height: 100%; border: none;}
.video-launch{margin: 50px 0 40px 0; padding: 8% 10% 10% 10%; background: #000;}
.video-launch h1{color: #eee;}
.video-launch a.launch-link{position: relative; display: inline-block; padding: 16px 20px 16px 56px; background-color: #ffcd00; background-image: url(../icon/icon-film.svg); background-repeat: no-repeat; background-position: left 20px center; background-size: 20px auto; font-size: 15px; line-height: 1em; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000;}
.video-launch a.launch-link:hover{background-color: #fff;}
.node-caption{display: table; width: 100%; margin: 40px 0 0 0;}
.node-caption>div{display: table-cell; height: 100%; font-size: 0.9em; color: #666;}
.node-caption>div.icon{width: 22px !important; background-image: url(../icon/icon-camera.svg); background-repeat: no-repeat; background-position: left center; background-size: 16px auto;}
.node-remark{display: block; margin: 0 0 16px 0;; font-size: 0.9em; color: #787878;}
.node-remark a{color: #3b3b3b;}
.node-credits{margin: 40px 0; font-size: 0.9em;}
.node-credits.starter{margin-top: 0;}
.node-credit{display: table; color: #3b3b3b; text-decoration: none;}
.node-credit>div{display: table-cell; height: 100%; vertical-align: middle;}
.node-credit div.license,.node-credit img{display: block; width: 44px; height: 44px; margin: 0 10px 0 0; -webkit-border-radius: 50%; border-radius: 50%;}
.node-credit div.license{background-image: url(../icon/icon-license.svg); background-repeat: no-repeat; background-size: contain;}
.node-credit strong,.node-credit span{display: block;}
a.node-credit:hover strong{text-decoration: underline;}
@media screen and (max-width: 980px){
article>header{padding: 0 20px;}
div.node-section{padding: 0 20px;}
div.node-section>div{display: block; float: none; width: 100% !important; padding: 0 !important; border: none !important;}
}
@media screen and (max-width: 800px){
article>header{padding: 0 15px;}
div.node-section{padding: 0 15px;}
div.node-head>div:nth-child(1),div.node-head.is-event>div:nth-child(1){width: 110px !important;}
div.node-head div.node-date,div.node-head div.crm-im,div.node-head div.crm-im>img{width: 90px !important; height: 90px !important;}
div.node-head div.node-date>div{padding: 12px;}
}
@media screen and (max-width: 640px){
.crm-tile>div{width: 50%;}
.crm-tile div.crm-name{padding: 10px 14px;}
.info-bar{padding: 14px 6px;}
.info-bar>div{display: block;}
.info-bar>div>div{display: block;}
.info-bar>div>div>div{display: block; padding: 4px 10px;}
.data-bar div.cards{padding: 14px 6px;}
.data-bar div.card{display: block;}
.data-bar div.card>div{display: block; padding: 4px 10px;}
}
@media screen and (max-width: 480px){
div.node-head{display: block;}
div.node-head>div{display: block;}
div.node-head>div:nth-child(2){padding-top: 16px;}
}



/* nodes custom */



body.front h1.node,body.node-type-crm h1.node,body.node-type-event h1.node,body.node-type-video h1.node,body.node-type-series h1.node,body.node-type-issue h1.node{display: none;}
body.node-type-band div.block-easy-breadcrumb,body.node-type-header div.block-easy-breadcrumb,body.node-type-citation div.block-easy-breadcrumb,body.node-type-instagram div.block-easy-breadcrumb,body.node-type-carousel div.block-easy-breadcrumb,body.page-taxonomy-term:not(.section-locaties) div.block-easy-breadcrumb{display: none;}
body.node-type-band article,body.node-type-header article,body.node-type-citation article,body.node-type-instagram article,body.node-type-carousel article,body.node-type-slide article,body.page-taxonomy-term div.term-listing-heading{max-width: 1170px; margin: 0 auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
body.node-type-band article a{color: #262626;}
body.node-type-citation article div.field-name-field-teaser{font-weight: bold;}
body.node-type-citation article div.field-name-field-head,body.node-type-carousel article div.field-name-field-head,body.page-taxonomy-term.section-crm div.field-name-field-head{font-style: italic;}
body.node-type-citation article img,body.page-taxonomy-term.section-crm div.field-name-field-photo img{margin: 20px 0; -webkit-border-radius: 50%; border-radius: 50%;}
body.node-type-header article img,body.node-type-carousel article img,body.node-type-slide article img{margin: 20px 0;}
body.node-type-instagram article img,body.node-type-slide article img{width: 100%; height: 100%; max-width: 400px; max-height: 400px;}
body.node-type-slide div.field-name-field-teaser{margin: 20px 0;}
body.page-taxonomy-term.section-locaties main img{margin: 20px 0;}
body.page-taxonomy-term div.term-listing-heading a{color: #262626;}
div.node-section .block-bar div.center{padding: 0 !important;}
div.node-section .block-bar div.cards{margin-top: 0;}
div.node-section .block-bar.block-m div.card{width: 33.33%;}
@media screen and (max-width: 980px){
body.node-type-band article,body.node-type-header article,body.node-type-citation article,body.node-type-instagram article,body.node-type-carousel article,body.node-type-slide article,body.page-taxonomy-term div.term-listing-heading{padding: 0px 20px;}
}
@media screen and (max-width: 800px){
body.node-type-band article,body.node-type-header article,body.node-type-citation article,body.node-type-instagram article,body.node-type-carousel article,body.node-type-slide article,body.page-taxonomy-term div.term-listing-heading{padding: 0px 15px;}
}



/* ck */



p{max-width: 900px; margin: 1rem 0 1.4rem 0; font-family: 'Merriweather', Georgia, Times, serif; font-size: 1.125em; line-height: 1.84em;}
div.block-ck ul,div.drawer-core ul{list-style: disc outside; margin: 0 0 18px 18px;}
div.block-ck ol,div.drawer-core ol{list-style-position: outside;}
div.block-ck ul>li,div.block-ck ol>li,div.drawer-core ul>li,div.drawer-core ol>li{font-family: 'Merriweather', Georgia, Times, serif; font-size: 1.125em; line-height: 1.84em;}
div.block-ck ul>li>p,div.block-ck ol>li>p,div.drawer-core ul>li>p,div.drawer-core ol>li>p{margin: 0; font-size: inherit; line-height: inherit;}
p a,div.block-ck ul>li a,div.block-ck ol>li a,div.drawer-core ul>li a,div.drawer-core ol>li a{color: #3b3b3b;}
p a:hover,div.block-ck ul>li a:hover,div.block-ck ol>li a:hover,div.drawer-core ul>li a:hover,div.drawer-core ol>li a:hover{color: #787878;}
blockquote{display: block; margin: 0 0 10px 0; padding: 10px 0 0 0; overflow: hidden;}
blockquote p{width: 70%; padding: 10px 0 0 0; border-top: 4px solid #ffcd00; font-style: italic; color: #666;}
blockquote h2,blockquote h3,blockquote h4{margin: 0;}
@media screen and (max-width: 980px){
blockquote p{width: 80%;}
}
@media screen and (max-width: 480px){
blockquote p{width: 90%;}
}



/* paragraphs */



div.block-subscribe{max-width: 900px; margin: 40px 0;}
div.block-subscribe>a{display: table; background: #ffcd00; color: #262626; text-decoration: none;}
div.block-subscribe>a>div{display: table-cell; height: 100%; padding: 24px 20px; vertical-align: middle;}
div.block-subscribe>a div.btn-label{display: inline-block; float: right; height: 40px; padding: 0 40px 0 20px; background-color: #000; background-image: url(../icon/arrow-btn-color.svg); background-repeat: no-repeat; background-position: right 14px center; background-size: auto 14px; font-size: 15px; line-height: 40px; letter-spacing: 0.04em; font-weight: 700; text-transform: uppercase; color: #ffcd00;}
div.block-subscribe div.bell{display: block; width: 60px; height: 60px; background-image: url(../icon/icon-bell.svg); background-repeat: no-repeat; background-position: center center; background-size: auto 56%; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; -webkit-animation-name: bell; animation-name: bell; -webkit-transform: rotate(24deg); transform: rotate(24deg); -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: paused; animation-play-state: paused;}
div.block-subscribe div.head{display: block; margin: 0 0 6px 0; font-size: 2em; line-height: 1.2em; font-weight: 300;}
div.block-subscribe div.exnd{display: block; font-size: 1.4em; line-height: 1.2em; font-weight: 400;}
div.block-subscribe.size-m>a{width: 100%;}
div.block-subscribe.size-m>a>div:nth-child(1){width: 60px; padding-right: 0;}
div.block-subscribe.size-s>a:hover div.exnd{text-decoration: underline;}
div.block-subscribe>a:hover div.bell{-webkit-animation-play-state: running; animation-play-state: running;}
body.node-type-rack div.block-subscribe{max-width: 1170px; margin: 40px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
body.node-type-rack.sidebar-first div.block-subscribe{padding: 0;}
body.node-type-series div.block-subscribe{max-width: 1170px; margin: 40px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
@keyframes bell{
0%{transform: rotate(24deg);}
50%{transform: rotate(-24deg);}
100%{transform: rotate(24deg);}
}
div.block-embed{max-width: 1170px; margin: 36px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.block-embed p{font-family: 'Open Sans', sans-serif; font-size: 0.9em; line-height: 1.4em; font-weight: 400; color: #787878;}
div.block-embed .video{position: relative; width: 100%; padding-bottom: 56.25%;}
div.block-embed .video>div{position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0;}
div.block-embed .video video{width: 100%; height: 100%; border: none; outline: none;}
div.node-section div.block-embed,div.section-main div.block-embed{padding: 0;}
div.block-photo{max-width: 1170px; margin: 40px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.block-photo>div.name{display: block; padding: 10px 0 0 0; font-size: 0.9em; font-weight: 400; color: #787878;}
div.block-photo>div.name a{color: #787878; text-decoration: underline;}
div.block-photo>div.name a:hover{color: #444;}
div.block-photo>div.data>img{display: block;}
div.block-photos{max-width: 1170px; margin: 40px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.block-photos .photo-carousel{background: #efefef;}
div.block-photos .swiper-container span.swiper-pagination-bullet{border: none; background: #bbb;}
div.block-photos .swiper-container span.swiper-pagination-bullet-active{background: #222 !important;}
div.block-photos .swiper-slide{height: auto; padding: 20px; padding-bottom: 50px;}
div.block-photos .swiper-slide div.carousel-em{display: table; width: 100%; height: 100%;}
div.block-photos .swiper-slide div.carousel-em>div{display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
div.block-photos .swiper-slide div.name{display: block; padding: 10px; font-size: 0.9em; font-weight: 400; color: #787878;}
div.block-photos .swiper-slide img{display: block; margin: 0 auto; max-height: 600px;}
div.node-section div.block-photo,div.section-main div.block-photo,div.node-section div.block-photos,div.section-main div.block-photos{padding: 0;}
div.block-video{max-width: 1170px; margin: 40px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.block-video>div.name{display: block; padding: 10px 0 0 0; font-size: 0.9em; font-weight: 400; color: #787878;}
div.block-video>div.data{position: relative; width: 100%; padding-bottom: 56.25%; background: #222;}
div.block-video>div.data>div{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
div.block-video>div.data>div>iframe{width: 100%; height: 100%; border: none;}
div.node-section div.block-video,div.section-main div.block-video{padding: 0;}
div.block-download{max-width: 1170px; margin: 20px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.block-download>div{display: block;}
div.block-download>div>a{display: inline-block; min-height: 40px; padding: 4px 0 4px 48px; text-decoration: none; color: #3b3b3b; background-repeat: no-repeat; background-position: left center; background-size: auto 40px;}
div.block-download>div>a.mime-1{background-image: url(../icon/filemime-1.png);}
div.block-download>div>a.mime-2{background-image: url(../icon/filemime-2.png);}
div.block-download>div>a.mime-3{background-image: url(../icon/filemime-3.png);}
div.block-download>div>a.mime-4{background-image: url(../icon/filemime-4.png);}
div.block-download>div>a.mime-5{background-image: url(../icon/filemime-5.png);}
div.block-download span{display: block;}
div.block-download span:nth-child(1){font-weight: 600;}
div.block-download span:nth-child(2){font-size: 0.8em; color: #666;}
div.block-download a:hover span:nth-child(1){text-decoration: underline;}
div.node-section div.block-download,div.section-main div.block-download{padding: 0;}
div.block-ck{max-width: 1170px; margin: 20px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.node-section div.block-ck,div.section-main div.block-ck{padding: 0;}
div.block-duo{max-width: 1170px; margin: 20px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden;}
div.block-duo>div{display: inline-block; float: left; width: 50%;}
div.block-duo>div.photo{padding: 0 0 0 30px;}
div.block-duo>div>img{display: block; margin-top: 1rem;}
div.block-duo>div>div.name{display: block; padding: 10px 0 0 0; font-size: 0.9em; font-weight: 400; color: #787878;}
div.block-duo.sort-1>div.photo{padding: 0 30px 0 0;}
div.block-duo.sort-1>div:not(.photo){float: right;}
div.node-section div.block-duo,div.section-main div.block-duo{padding: 0;}
div.block-citation{max-width: 1170px; margin: 40px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden;}
div.cite{position: relative; float: left; width: 100%; max-width: 86%; margin: 0 0 20px 0; padding: 20px; background: #eee; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transition: background 200ms ease; transition: background 200ms ease;}
div.cite::after{content: ''; position: absolute; left: 20px; bottom: -20px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #eee transparent transparent transparent; -webkit-transition: border-color 200ms ease; transition: border-color 200ms ease;}
div.cite:nth-child(even){float: right;}
div.cite:nth-child(even)::after{left: auto; right: 20px; border-width: 0 20px 20px 0; border-color: transparent #eee transparent transparent;}
div.cite img{width: 44px; height: 44px; margin: 0 14px 0 0; -webkit-border-radius: 50%; border-radius: 50%;}
div.cite div.user{-webkit-display: flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 0.9em; line-height: 1.4em; color: #444;}
div.cite div.user>div{font-family: 'Merriweather', Georgia, Times, serif; font-size: 1.1em; line-height: 1.6em; font-style: italic;}
div.cite div.exnd{display: none; padding: 20px 0 0 0; font-size: 0.9em;}
div.cite a.dir{display: table; margin: 16px 0 30px 0; padding: 14px 16px; background: #fff; font-size: 14px; line-height: 1em; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000;}
div.cite a.dir:hover{background: #000; color: #fff;}
div.cite.active div.exnd{display: block;}
div.cite.active,div.cite:hover{background: #ddd;}
div.cite.active::after,div.cite:hover::after{border-color: #ddd transparent transparent transparent;}
div.cite:nth-child(even).active::after,div.cite:nth-child(even):hover::after{border-color: transparent #ddd transparent transparent;}
div.node-section div.block-citation,div.section-main div.block-citation{padding: 0;}
cite{display: none;}
cite.active{display: block; padding: 20px 0; font-size: 0.9em; color: #888;}
a.cite-btn{display: inline-block; width: 24px; height: 24px; background-image: url(../icon/arrow-casc.svg); background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 12px auto; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; vertical-align: text-bottom; -webkit-transition: background 180ms ease-out, transform 180ms ease; transition: background 180ms ease-out, transform 180ms ease; -webkit-user-select: none; user-select: none;}
a.cite-btn.active{background-color: #bbb; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
@media screen and (max-width: 980px){
div.block-ck,div.block-duo,div.block-photo,div.block-photos,div.block-video,div.block-citation,div.block-download,body.node-type-rack div.block-subscribe,body.node-type-series div.block-subscribe{padding: 0 20px;}
}
@media screen and (max-width: 800px){
div.block-ck,div.block-duo,div.block-photo,div.block-photos,div.block-video,div.block-citation,div.block-download,body.node-type-rack div.block-subscribe,body.node-type-series div.block-subscribe{padding: 0 15px;}
}
@media screen and (max-width: 640px){
div.block-subscribe>a{display: block;}
div.block-subscribe>a>div{display: block; height: auto; padding-top: 0;}
div.block-subscribe>a div.btn-label{float: none;}
div.block-subscribe.size-s>a>div:nth-child(1){padding-top: 20px;}
div.block-subscribe.size-m>a>div:nth-child(1){width: auto; padding-top: 20px;}
div.block-duo>div{display: block; float: none !important; width: 100%; padding: 0 !important;}
}



/* subscribe form */



div.subscribe-form{max-width: 1170px; margin: 40px auto; padding: 0 25px; -webkit-box-sizing: content-box; box-sizing: content-box;}
div.subscribe-form input[type=text],div.subscribe-form input[type=email]{width: 100%; max-width: 480px;}
div.subscribe-form label,span.form-label{display: block; padding: 4px 0; font-size: 0.9em; font-weight: 700; -webkit-user-select: none; user-select: none;}
div.subscribe-form label.radio{padding: 8px 0; line-height: 1em; font-weight: 400; vertical-align: middle;}
div.subscribe-form label.check{padding: 8px 0; line-height: 1em; font-weight: 400; vertical-align: middle;}
div.subscribe-form label.check strong{font-weight: 600;}
div.subscribe-form span.form-label em{font-weight: 400;}
div.subscribe-form div.row{display: block; margin: 0 0 8px 0;}
div.subscribe-form div.radio{display: inline-block; width: 18px; height: 18px; margin: 0 6px 0 0; background: #ddd; border: 4px solid #ddd; cursor: pointer; vertical-align: middle; -webkit-transition: background 120ms ease; transition: background 120ms ease; -webkit-border-radius: 50%; border-radius: 50%;}
div.subscribe-form div.check{display: inline-block; width: 18px; height: 18px; margin: 0 6px 0 0; background: #ddd; border: 4px solid #ddd; cursor: pointer; vertical-align: middle; -webkit-transition: background 120ms ease; transition: background 120ms ease;}
div.subscribe-form input[type=radio]{display: none;}
div.subscribe-form input[type=checkbox]{display: none;}
div.subscribe-form input[type=radio]:checked+div.radio{background: #666;}
div.subscribe-form input[type=checkbox]:checked+div.check{background: #666;}
div.subscribe-form select{margin: 0; padding: 6px; background: #efefef; border: none;}
div.subscribe-form select:focus{background-color: #dedede; outline: none;}
div.subscribe-form select>option{outline: none;}
div.subscribe-form div.form-hide{display: none;}
div.subscribe-form div.form-hide.active{display: block;}
div.subscribe-form input[type=submit]{display: inline-block; height: 42px; margin: 20px 0; padding: 0 20px; border: none; background: #ffcd00; font-size: 15px; line-height: 42px; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000; -webkit-border-radius: 0; border-radius: 0;}
div.subscribe-form input[type=submit]:focus{outline: none;}
div.subscribe-form input[type=submit]:hover{background: #000; color: #fff;}
div.form-section{padding: 30px 0;}
div.form-section>h3{margin-top: 0;}
div.form-section.color{padding: 30px 20px; background: #ffc;}
div.form-section.color div.radio,div.form-section.color div.check{background: #ccc; border-color: #ccc;}
div.form-section.color input[type=text]:focus{background: #ccc;}
div.form-section.color select,div.form-section.color input[type=text]{background: #dedede;}
@media screen and (max-width: 980px){
div.subscribe-form{padding: 0 20px;}
}
@media screen and (max-width: 800px){
div.subscribe-form{padding: 0 15px;}
div.form-section{padding: 20px 0;}
div.form-section.color{padding: 20px 10px;}
}



/* misc */



.event-status.status-stream{background: #d40000 !important;}
.event-status.status-sold{background: #d40000 !important;}
.event-status.status-sold_list{background: #f60 !important;}
.event-status.status-sold_stream{background: #f60 !important;}
em.check-ok{display: block; min-height: 16px; padding: 0 0 0 20px; background-image: url(../icon/icon-tick.svg); background-repeat: no-repeat; background-position: left center; background-size: auto 16px; color: #080;}
em.allowed{font-size: 0.88em; color: #080;}
em.not-allowed{font-size: 0.88em; color: #c00;}
div.search-nid{margin: 30px 0; padding: 20px; background: #eee;}
div.search-nid div.search{padding: 0; border: none;}
body.node-type-article div.paragraphs-items div.field-item:first-child div.block-ck>p:first-of-type::first-letter{float: left; margin: 0.24em 6px 0 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 3.5em;}
@media screen and (max-width: 600px){
.block-bar.scroll-1 h2{background-image: url(../icon/icon-swipe.svg); background-position: right center; background-repeat: no-repeat; background-size: auto 22px;}
}



/* podcast */



.block-x a.node-podcast div.head{padding-bottom: 50%;}
.block-x a.node-podcast div.head-wide{left: 25%; right: 25%;}
.block-x a.node-podcast div.head::before{content: ''; display: block; position: absolute; z-index: 8; width: 100%; height: 50%; left: 0; bottom: 0; background: #fff;}
.block-x a.node-podcast div.name{padding-top: 30px;}
.block-x.gold a.node-podcast div.head{background: #ffcd00;}
.block-x.dark a.node-podcast div.head{background: #000;}
.block-x.dawn a.node-podcast div.head::before{top: 0; bottom: auto;}
.block-x.scroll-0 a.node-podcast{margin-bottom: 24px;}
.block-x.scroll-0 a.node-podcast div.head::before{height: 70%;}
.block-x.scroll-0 .custom-pager{width: 100%;}
.block-x.scroll-1 .custom-pager{display: none;}
.podbean-embed{width: 100%; height: 300px;}
.podbean-embed>iframe{width: 100% !important; height: 100% !important;}
.cast-channel{margin: 16px -12px 30px 0; overflow: hidden;}
.cast-channel div{display: inline-block; float: left; width: 25%; min-width: 180px; padding: 0 12px 12px 0;}
.cast-channel a{display: block; padding: 16px 20px 16px 60px; background-color: #eee; background-repeat: no-repeat; background-size: 30px auto; background-position: 20px center; font-weight: 600; color: #3b3b3b; text-decoration: none; -webkit-transition: background-color 140ms ease; transition: background-color 140ms ease;}
.cast-channel a:hover{background-color: #ddd;}
.cast-channel a.ch-01{background-image: url(../icon/podcast-itunes.svg);}
.cast-channel a.ch-02{background-image: url(../icon/podcast-spotify.svg);}
.cast-channel a.ch-03{background-image: url(../icon/podcast-stitcher.svg); background-size: 60px auto; padding-left: 90px;}
.cast-channel a.ch-04{background-image: url(../icon/podcast-download.svg);}
.cast-channel a.ch-05{background-image: url(../icon/podcast-google.svg);}
.podcast-accessible{margin: 16px 0 30px 0; overflow: hidden;}
.podcast-accessible a{display: inline-block; margin: 0 12px 12px 0; padding: 8px 16px; border: 2px solid #3b3b3b; -webkit-border-radius: 80px; border-radius: 80px; font-weight: 600; color: #3b3b3b; text-decoration: none;}
.podcast-accessible a:hover{background: #3b3b3b; color: #fff;}
@media screen and (max-width: 640px){
.cast-channel div{width: auto;}
}



/* live video in event/video page */



.live-embed-head{display: table; width: 100%; background: #222;}
.live-embed-head>div{display: table-cell; padding: 26px 20px; vertical-align: middle;}
.live-embed-head>div:nth-child(2){text-align: right;}
.live-embed-head h2{margin: 0; color: #fff;}
.live-embed{position: relative; width: 100%; margin-bottom: 50px; padding-bottom: 50%; background: #000;}
.live-embed>div{z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.live-embed>div>iframe{width: 100%; height: 100%; border: none;}
.live-chat{display: inline-block; padding: 10px; padding-left: 40px; background-color: #f00; background-image: url(../icon/youtube.svg); background-repeat: no-repeat; background-position: 10px center; background-size: 20px auto; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color 120ms ease; transition: background-color 120ms ease; font-size: 0.9em; line-height: 1em; font-weight: 600; color: #fff; text-decoration: none;}
.live-chat:hover{background-color: #c00;}
.node-type-video .live-embed-head{margin-top: 50px !important;}
.node-type-video .video-canvas.has-live-embed-head{margin-top: 0 !important;}
@media screen and (max-width: 800px){
.live-embed-head{display: block;}
.live-embed-head>div{display: block; paddding: 20px; text-align: left !important;}
}



/* eventlist */



.eventlist-block{padding: 20px 0;}
.eventlist-block>div.center{padding-bottom: 0 !important;}
.eventlist-block>div.center>h2{margin: 30px 0 20px 0; padding: 0 0 6px 0; border-bottom: 1px solid #ccc; font-size: 1.8em; font-weight: 600;}
.eventlist-block .cards{background: #ffcd00; 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;}
.eventlist-block .card{display: inline-block; width: 50%; border-top: 1px solid #e5b800;}
.eventlist-block .card:nth-child(1),.eventlist-block .card:nth-child(2){border-top: none;}
.eventlist-block .card:nth-child(odd){border-right: 1px solid #e5b800;}
.eventlist-block .card>a{display: block; text-decoration: none; color: #262626;}
.eventlist-block .card>a>div{display: table; padding: 20px 0;}
.eventlist-block .card>a>div>div{display: table-cell; padding: 0 24px 0 0; vertical-align: middle;}
.eventlist-block .card>a>div>div.date{padding-left: 24px; font-size: 1.8em; line-height: 1.0em; font-weight: 400; text-transform: uppercase; white-space: nowrap;}
.eventlist-block .card>a span.name{margin-right: 8px; font-weight: 600;}
.eventlist-block .card>a span.event-status{display: table; margin: 4px 0; padding: 6px 8px; background: #d40000; font-size: 0.7em; line-height: 1em; font-weight: 600; letter-spacing: 0.02em; color: #fff; text-transform: uppercase;}
.eventlist-block .card>a:hover span.name{text-decoration: underline;}
.eventlist-block .card.hide{display: none;}
.eventlist-block .list-expand{position: relative; display: table; margin: 0 auto 20px auto; padding: 10px 20px; background: #000; font-size: 15px; letter-spacing: 0.02em; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #fff;}
.eventlist-block .list-expand:hover{color: #ffcd00;}
@media screen and (max-width: 800px){
.eventlist-block .cards{display: block;}
.eventlist-block .card{display: block; width: 100%; border-right: none !important;}
.eventlist-block .card:nth-child(2){border-top: 1px solid #e5b800;}
}