.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}ul{margin:0;padding:0}ul li{list-style:none}body{font-family:'bgmono', Helvetica, Arial, Sans-serif;font-size:25px;letter-spacing:-.5;line-height:1.25em;background:#eff2f2;direction:ltr}body.arabic{direction:rtl}.arabic #site-nav{bottom:auto;top:0;right:0;-ms-transform:rotate(-90deg) translateY(-100%);-ms-transform-origin:right top;-webkit-transform:rotate(-90deg) translateY(-100%);-webkit-transform-origin:right top;transform:rotate(-90deg) translateY(-100%);transform-origin:right top;left:auto}.arabic #site-nav ul li.active a{-ms-transform:rotate(90deg) translateY(200%);-webkit-transform:rotate(90deg) translateY(200%);transform:rotate(90deg) translateY(200%);-ms-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom}#site-nav{direction:ltr;position:fixed;top:auto;bottom:0;left:0;bottom:0;z-index:80;width:100vh;padding:.75em 1.25em 1em 4.5em;-ms-transform:rotate(-90deg) translateY(100%);-webkit-transform:rotate(-90deg) translateY(100%);transform:rotate(-90deg) translateY(100%);-ms-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;pointer-events:none}#site-nav ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#site-nav ul li{display:block;pointer-events:all}#site-nav ul li.active a{-ms-transform:rotate(-90deg) translateY(100%);-webkit-transform:rotate(-90deg) translateY(100%);transform:rotate(90deg) translateY(-100%);-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;pointer-events:none;color:red}#site-nav ul li a{display:block}footer{border-top:1px solid red;background:#eff2f2;text-align:center}footer .container{padding:1em}footer .container .logo{margin-bottom:1em}#intro{z-index:999999999999;background:#eff2f2;width:100vw;height:100vh;top:0;left:0;position:absolute}#intro .image{max-width:576px;max-height:326px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#intro .image img{width:100%;height:100%}#main{margin:100vh 1em 0 6.25em}.arabic #main{margin:100vh 6.25em 0 1em}.segment{border-bottom:1px solid red;padding:1em 0 3em 0}.segment:last-child{border-bottom:none}section nav{margin-bottom:2em}.active{color:red}#serial .info .title,#artists .info .title{border-bottom:2px solid red}#special{display:none}#special .list .item span{float:left}.arabic #special .list .item span{float:right}#serial .list .year{-webkit-column-count:4;-moz-column-count:4;column-count:4;column-gap:0;-moz-column-fill:balance;column-fill:balance;margin-bottom:2em}#serial .list .year:last-child{margin-bottom:0}#serial .list .year .info .title{margin-left:1em}#tags .tag:hover .info{color:red}#tags .tag .info span{float:left}#tags .items{margin-top:1em;margin-bottom:2em;display:none}#tags .items .item{margin-left:25%}#tags .items .item span{float:left}.arabic #tags .tag .info span{float:right}.arabic #tags .items .item{margin-right:25%}.arabic #tags .items .item span{float:right}#artists .letter{margin-bottom:2em}#artists .letter:last-child{margin-bottom:0}#artists .letter .col{float:left}.arabic #artists .letter .col{float:right}.english #content-container{margin-left:2.5em}.english #content-container .bar{left:0;right:auto}.arabic #content-container{margin-right:2.5em}.arabic #content-container .bar{right:0;left:auto}#info .description.lang-eng{display:block}#info .description.lang-ar{display:none}.arabic #info .description.lang-eng{display:none}.arabic #info .description.lang-ar{display:block}#content-container{border-left:1px solid red;background:#eff2f2;position:fixed;z-index:100;top:0;bottom:0;display:none}#content-container .bar{width:0;position:absolute;top:0;left:0;height:100%;background:red;z-index:-1}#content-container .toggle{position:absolute;top:0;right:0;z-index:100;border:1px solid rgba(255,0,0,0);margin:1em 1em 0 0;padding:.25em .5em .125em}#content-container .toggle:hover{border:1px solid red}#content-container .col-left{position:absolute;top:0;left:0;right:auto;width:50%;bottom:0;padding:1em;margin-bottom:1em}#content-container .col-left .meta-1 span{display:block}#content-container .col-left .tae{width:400px}#content-container .col-left .media{max-width:400px;max-height:300px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:grey}#content-container .col-left .media .slider{position:relative;width:100%;height:100%;direction:ltr}#content-container .col-left .media .slider ul,#content-container .col-left .media .slider li,#content-container .col-left .media .slider ol{list-style:none;padding:0;margin:0}#content-container .col-left .media .slider .flex-viewport{height:100%}#content-container .col-left .media .slider .slides{height:100%}#content-container .col-left .media .slider .slides li{position:relative;float:left}#content-container .col-left .media .slider .slides li img{height:100%;width:100%;position:absolute}#content-container .col-left .links{position:absolute;bottom:0}#content-container .col-left .links span{margin-right:.5em}#content-container .col-left .links span:last-child{margin-right:0}#content-container .col-right{position:absolute;top:0;left:50%;right:auto;bottom:0;width:50%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:1em 2em 1em 1em}#content-container .col-right .meta-2 span{display:block}#content-container .col-right .bio{position:relative;top:50%}#content-container{background:black;color:#FFF;border:none}.arabic #content-container .toggle{left:0;right:auto;margin:1em 0 0 1em}.arabic #content-container .col-right{padding:1em 1em 1em 2em;left:auto;right:50%}.arabic #content-container .col-left{left:auto;right:0}.item{cursor:pointer}.item:hover{color:red}nav.sort li{cursor:pointer}nav.sort li:hover{color:red}.toggle{cursor:pointer}.toggle:hover{color:red}#list .item,.close-btn,.toggle{cursor:pointer}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}h1,h2,h3{font-size:1em;margin:0;padding:0;font-weight:normal}a{color:inherit;text-decoration:none}.el{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#site-nav{text-transform:uppercase}.tag.active>span{color:red}.btn{cursor:pointer}.lang-ar{font-family:'Kawkab Mono';font-weight:normal}@font-face{font-family:'bgmono';src:url("./fonts/basis_grotesque_pro_mono-web.woff2") format("woff2"),url("./fonts/basis_grotesque_pro_mono-web.woff") format("woff"),url("./fonts/basis_grotesque_pro_mono-web.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Kawkab Mono';font-weight:200;src:url("./fonts/KawkabMono-Thin.eot");src:url("./fonts/KawkabMono-Thin.eot") format("eot"),url("./fonts/KawkabMono-Thin.woff") format("woff"),url("./fonts/KawkabMono-Thin.otf") format("opentype")}@font-face{font-family:'Kawkab Mono';font-weight:normal;src:url("./fonts/KawkabMono-Regular.eot");src:url("./fonts/KawkabMono-Regular.eot") format("eot"),url("./fonts/KawkabMono-Regular.woff") format("woff"),url("./fonts/KawkabMono-Regular.otf") format("opentype")}@font-face{font-family:'Kawkab Mono';font-weight:bold;src:url("./fonts/KawkabMono-Bold.eot");src:url("./fonts/KawkabMono-Bold.eot") format("eot"),url("./fonts/KawkabMono-Bold.woff") format("woff"),url("./fonts/KawkabMono-Bold.otf") format("opentype")}@font-face{font-family:'Kawkab Mono Base';font-weight:200;src:url("./fonts/KawkabMono-Thin.eot");src:url("./fonts/KawkabMono-Thin.eot") format("eot"),url("./fonts/KawkabMono-Thin.woff") format("woff"),url("./fonts/KawkabMono-Thin.otf") format("opentype")}@font-face{font-family:'Kawkab Mono Mark';font-weight:200;src:url("./fonts/KawkabMono-Thin.eot");src:url("./fonts/KawkabMono-Thin.eot") format("eot"),url("./fonts/KawkabMono-Thin.woff") format("woff"),url("./fonts/KawkabMono-Thin.otf") format("opentype")}@font-face{font-family:'Kawkab Mono Base';font-weight:normal;src:url("./fonts/KawkabMono-Regular.eot");src:url("./fonts/KawkabMono-Regular.eot") format("eot"),url("./fonts/KawkabMono-Regular.woff") format("woff"),url("./fonts/KawkabMono-Regular.otf") format("opentype")}@font-face{font-family:'Kawkab Mono Mark';font-weight:normal;src:url("./fonts/KawkabMono-Regular.eot");src:url("./fonts/KawkabMono-Regular.eot") format("eot"),url("./fonts/KawkabMono-Regular.woff") format("woff"),url("./fonts/KawkabMono-Regular.otf") format("opentype")}@font-face{font-family:'Kawkab Mono Base';font-weight:bold;src:url("./fonts/KawkabMono-Bold.eot");src:url("./fonts/KawkabMono-Bold.eot") format("eot"),url("./fonts/KawkabMono-Bold.woff") format("woff"),url("./fonts/KawkabMono-Bold.otf") format("opentype")}@font-face{font-family:'Kawkab Mono Mark';font-weight:bold;src:url("./fonts/KawkabMono-Bold.eot");src:url("./fonts/KawkabMono-Bold.eot") format("eot"),url("./fonts/KawkabMono-Bold.woff") format("woff"),url("./fonts/KawkabMono-Bold.otf") format("opentype")}