html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{list-style:none;margin:0;outline:none;padding:0;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box}
@font-face{font-family:Plain Medium;src:url(/assets/font/Plain-Medium.otf)}
:root{--grey:#888;--small-font:15px;--large:35px;--grid-font:2.1vw;--thumbnail-font:2.5vw;--margin:140px;--lineclamp:5;--thumbnail-grid:span 6;--hoverfont:15px;--name-col:1 / span 3;--name-view:block;--age-col:3 / span 1;--age-view:none;--cat-col:4 / span 1;--cat-view:none;--style-col:4 / span 2;--style-view:block;--org-col:6 / span 3;--org-view:block;--type-col:9 /span 2;--type-view:none;--city-col:9 / span 2;--city-view:block;--country-col:11 / span 2;--country-view:inline;--year-col:12 / span 1;--year-view:none;--imagehover:1;--alphhover:#888;--filterhover:#fff;--texthover:#fff;--arrowfont:20px}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:#fff #000}
body{background-color:#000;color:#fff;font-family:'Plain Medium';font-size:var(--small-font);overflow-y:scroll;overflow-x:scroll}
::-moz-selection{background:#eee;color:#000}
::selection{background:#eee;color:#000}
canvas{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);z-index:500}
.imgstoload{opacity:0}
.loadedimg{opacity:1}
.asyncImage{opacity:0}
.showImage{opacity:1}
.headerWrap{position:fixed;top:0;left:0;width:calc(100% - 20px);float:left;height:125px;margin:0 10px 10px;padding-top:20px;background-color:#000;z-index:10;transition:opacity .2s ease;-webkit-transition:opacity .2s ease}
.headerTop{display:grid;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);-webkit-grid-column-gap:9px;grid-column-gap:9px;align-items:baseline;font-size:var(--large);height:66%}
.headerTop div{white-space:nowrap;text-overflow:...;overflow:hidden}
.title{grid-column-start:1;grid-column-end:7;white-space:nowrap}
.undertitle{position:absolute;top:53px;left:0;font-size:var(--large);transition:opacity .5s ease}
.mouseMovements{display:none;position:fixed;top:25px;left:10px;line-height:.9;font-size:30px;z-index:1000}
.pages{display:flex;grid-column-start:7;grid-column-end:10;font-size:var(--small-font);color:var(--grey);cursor:pointer}
.pages div:hover{color:#fff!important}
.imagePage{color:#fff}
.imagePage:hover{color:#fff}
.textPage{margin-left:5px}
.lastlinks{color:var(--grey);grid-column:11/span 2;cursor:pointer;display:flex;justify-content:space-between;transition:opacity .5s ease}
.info{cursor:pointer;color:var(--grey)}
.info:hover{color:#fff}
.square{height:28px;width:28px;margin-top:7px;background-color:var(--grey)}
.square:hover{background-color:#fff}
.scroll-down .subfilters{opacity:0!important;z-index:-100}
.scroll-up .trigger-menu-wrapper{opacity:1;z-index:40}
.headerFilters{position:relative;display:grid;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);-webkit-grid-column-gap:9px;grid-column-gap:9px;height:42px;color:var(--grey);background-color:#000;margin-top:30px;z-index:20;padding-top:10px;transition:opacity .5s ease}
.sorting{grid-column:span 6;display:flex;white-space:nowrap;overflow:hidden;flex-wrap:wrap}
.sortby{color:#fff;cursor:pointer;margin-right:8px}
.myfilters:hover+.sortby{color:#ffc0cb!important}
.myfilters{display:flex}
.sorter{display:flex;align-items:flex-end}
.filter{margin-right:8px;cursor:pointer;-ms-user-select:none;user-select:none}
.myfilters:hover~.sortby{color:var(--grey)!important}
#filterx{display:none;cursor:pointer;padding-left:1px;position:fixed;top:0;left:0;height:100px;z-index:10000}
#filterx img{height:120px}
#hoverDisplay{text-transform:uppercase;display:block;position:fixed;cursor:pointer;position:fixed;top:0;left:0;background-color:#000;z-index:20;color:#fff;padding:3px 5px;white-space:nowrap}
#filterx img{height:120px}
#filterx img:hover{filter:invert(.5)}
.filterclose{color:#fff;font-size:20px;transform:translate(-3px,-3px);padding:0 3px}
#city{color:var(--grey)}
#country{color:var(--grey)}
.filter:hover{color:#fff!important}
.noselect{-ms-user-select:none;user-select:none}
#line{padding-left:16px;width:200px}
#tele{position:absolute;height:12px;width:12px;top:41px;cursor:ew-resize;transform:translateX(-188px)}
.selections{grid-column:7 /span 3;transition:transform .6s;-webkit-transition:transform .6s;width:100%;height:26px;display:flex;background-color:#000;z-index:10;white-space:nowrap;overflow:hidden}
.select{color:#fff}
.selected{padding-left:6px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.x{display:none;padding-left:5px;color:#fff}
.selection:hover .selected{color:var(--grey)}
.selection:hover .x{filter:invert(.5)}
.selection{display:flex;min-width:120px;align-items:baseline;cursor:default}
.subfilters{position:fixed;height:0;top:155px;left:0;width:100%;overflow:hidden;background-color:#000;transition:height .5s,opacity .3s ease,transform .2s;-webkit-transition:height .5s,opacity .3s ease,transform .2s;z-index:200;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.subfilterDetails{display:none;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);-webkit-grid-column-gap:9px;grid-column-gap:9px;grid-template-rows:repeat(7,18px);grid-auto-flow:column;margin:0 10px;color:#fff;margin-bottom:40px}
.years::after{content:" years"}
.slideArrow{cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-column:7 / span 1;grid-row:7;text-transform:capitalize;white-space:nowrap}
.emptyList{color:#333;cursor:default!important}
.inList{color:var(--grey)}
.inList:hover{color:#fff}
#ages{-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr)}
.openFilter{height:145px}
.sp2{grid-column-start:span 2;cursor:pointer;white-space:pre;text-overflow:ellipsis;overflow:hidden;color:var(--filterhover);-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.sp2:hover{color:#fff!important}
.videolist{position:relative;width:calc(100% - 20px);margin:170px 10px 30px;z-index:0;transform:translateY(0px);transition:transform .5s;-webkit-transition:transform .5s}
#indexText{color:var(--textHover)}
.videoImages{display:grid;-ms-grid-template-columns:repeat(24,1fr);grid-template-columns:repeat(24,1fr);-webkit-grid-column-gap:9px;grid-column-gap:9px;-webkit-grid-row-gap:9px;grid-row-gap:9px;cursor:pointer;font-size:var(--large);z-index:10}
.thumbnail{position:relative;grid-column-start:var(--thumbnail-grid);z-index:20;opacity:1}
.thumbnail:hover img{opacity:.6}
.thumbnail:hover .namehover{opacity:1;z-index:50}
.namehover{opacity:0;font-size:var(--grid-font);margin:2px 3px;position:absolute;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lineclamp);overflow:hidden;white-space:break-spaces;line-height:1}
.thumbnail img{width:100%;height:auto;z-index:21}
.thumbnailDetails{position:absolute;color:#fff;opacity:0;top:0;z-index:-1;font-size:var(--thumbnail-font)}
.videoTexts{font-size:var(--grid-font);margin-top:40px}
.singlevideo{display:grid;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);-webkit-grid-column-gap:9px;grid-column-gap:9px;border-bottom:1px solid var(--grey);text-overflow:ellipsis;overflow:hidden;cursor:pointer;line-height:1.5;white-space:nowrap}
.singlevideopetit{display:grid;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);-webkit-grid-column-gap:9px;grid-column-gap:9px;text-overflow:hidden;cursor:pointer;line-height:1.5;white-space:nowrap}
.singlename .petit{padding-bottom:220px}
.singlevideo:hover{color:#fff}
.singlevideopetit:hover+.singlevideo{color:#fff}
.singlevideo div{text-overflow:ellipsis;overflow:hidden;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.petit{color:var(--grey)!important;cursor:default;font-size:var(--small-font)!important;border:none!important;text-transform:capitalize}
.listname{display:var(--name-view);grid-column:var(--name-col)}
#tooltip-span{position:absolute;display:none}
.tooltip:hover #tooltip-span{display:block;position:fixed;overflow:hidden}
.listname:hover~#nameVideo{color:#fff}
.liststyle{display:var(--style-view);grid-column:var(--style-col)}
.listcity{display:var(--city-view);grid-column:var(--city-col)}
.listcountry{display:var(--country-view);grid-column:var(--country-col)}
.listyear{display:var(--year-view);grid-column:var(--year-col)}
.listorg{display:var(--org-view);grid-column:var(--org-col)}
.listage{display:var(--age-view);grid-column:var(--age-col)}
.listcat{display:var(--cat-view);grid-column:var(--cat-col)}
.listtype{display:var(--type-view);grid-column:var(--type-col)}
.col{display:inline-block}
.zoom{grid-column:11 / span 2;align-self:flex-start;align-items:flex-end;display:flex;color:#fff;background-color:#000;z-index:25}
.grey{color:var(--alphhover)}
.alphabet{color:var(--alphhover);cursor:default}
.white{color:#fff}
.slider{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1px;margin-left:10px;margin-bottom:10px;background:#fff;outline:none}
.slider:hover{opacity:1}
.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:-webkit-grab;cursor:grab}
.slider::-moz-range-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:grab;border:none}
#percent{padding-left:10px;padding-bottom:1px;font-size:11px}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;overflow-y:scroll}
#infomodal{padding-top:26px}
.infoWrapper{display:flex;margin:0 10px 10px}
.modtitles{display:flex;justify-content:space-between;width:100%;grid-column:1/span 11;font-size:var(--large);cursor:pointer;z-index:20}
.modtitle:hover{color:var(--grey)}
.modtitle:hover~.descWrap{background-color:#ffc0cb!important}
.modundertitle{position:absolute;top:53px}
#modalx{position:fixed;right:12px;top:29px;cursor:pointer;z-index:500}
#modalx img:hover{filter:invert(.5)}
#infomodalx{position:fixed;right:12px;top:29px;cursor:pointer}
#infomodalx:hover{filter:invert(.5)}
.centerwrap{font-size:25px;width:calc(80% - 20px);margin:auto;max-width:1000px}
.par{margin-bottom:var(--margin);letter-spacing:normal;padding-bottom:10px}
#aboutPar div:not(:last-of-type){padding-bottom:30px}
.titler{text-align:center;margin-bottom:50px}
.subtitle{margin-bottom:30px}
.allDetailsWrap{grid-column:3 / span 8;padding:70px 40px 0}
.upcoming{position:relative;width:100%;margin-top:50px;z-index:0}
.upcomingdetail{position:relative;display:grid;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);-webkit-grid-column-gap:9px;grid-column-gap:9px;border-bottom:1px solid var(--grey);padding:5px 0}
.dateIndex{height:520px;overflow:hidden;padding-bottom:30px}
.allDates{grid-column:1/span 2}
.date{white-space:nowrap}
.whenwhere{grid-column:4/span 6}
.content{grid-column:10 / span 3}
.old{color:var(--grey)}
.gradient{background:linear-gradient(to bottom,transparent 0%,black 100%);height:400px;width:100%;z-index:1;transform:translateY(-400px);overflow:hidden;position:absolute}
.datePlus{cursor:pointer;display:flex;justify-content:center;z-index:10;position:absolute;bottom:30px;width:100%;font-size:30px}
.moredates{border:1px solid #fff;padding:5px 10px;background-color:#000;font-size:15px;}
.moredates:hover{color:var(--grey);border:1px solid var(--grey)}
a{color:var(--grey)}
#credits{margin-top:var(--margin)}
#presentPar{margin-bottom:30px}
span{color:var(--grey)}
.supporter{color:#fff}
.supporter img{padding-bottom:10px}
.sponsorlogos{display:flex;justify-content:center}
.sponsorlogos img{width:180px}
.suppTitle{color:var(--grey);padding-bottom:15px}
.center{text-align:center}
.noselect{-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.hidden{display:none}
.visible{display:grid}
.wrapDetails{grid-column:1/span 2}
.videoContentA{grid-column:3/span 5}
.videoContentB{grid-column:8/span 6}
.vidspan{color:var(--grey);padding-right:6px}
.infoWrap{display:flex}
.modfilter{color:#fff;padding-right:6px;white-space:nowrap}
.desc{color:var(--grey);text-transform:capitalize;padding-right:13px}
iframe,object,video,embed{position:relative;border:0}
#arrow{position:relative;font-size:16px;margin-left:5px}
.preloadwrap{position:fixed;top:0;left:0;display:block;opacity:1;transition:opacity .3s ease;z-index:2000;width:100%;height:100%}
.preloader11{width:25px;height:25px;position:absolute;top:27px;left:441px;padding:0}
.modHeaderWrap{display:grid;-ms-grid-template-rows:60px 78% 20%;grid-template-rows:60px 78%;-webkit-grid-column-gap:9px;grid-column-gap:9px;height:100%;z-index:20}
.vimeoVideo{grid-row:2 / span 1;width:100%;height:calc(100% - 56px);padding:0 10px}
.descWrap{z-index:20;display:grid;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);width:calc(100% - 20px);margin:0 10px 10px;align-items:baseline;z-index:20;grid-row:3 / span 1}
.bordertop{border-top:1px solid var(--grey);margin-right:10px;padding-top:7px}
.vdetails{grid-column:1 / span 2}
.preloadwrapInfo{position:fixed;left:50%;transform:translate(-50%,0);display:none;height:100vh;width:100%;opacity:1;transition:opacity .5s ease;z-index:10;display:flex;justify-content:center;align-items:center;background-color:#000}
.preloader11info{width:25px;height:25px;padding-bottom:20vh}
.preloader11info hr{border:0;margin:0;width:12px;height:12px;position:absolute;border-radius:50%;animation:preloader11 2s ease infinite}
.preloader11 hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:preloader11 2s ease infinite}
.preloader11 :first-child{background:#111;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}
.preloader11 :nth-child(2){background:#444;-webkit-animation-delay:-1s;animation-delay:-1s}
.preloader11 :nth-child(3){background:#888;-webkit-animation-delay:-.5s;animation-delay:-.5s}
.preloader11 :last-child{background:#bbb}
.preloader11info :first-child{background:#111;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}
.preloader11info :nth-child(2){background:#444;-webkit-animation-delay:-1s;animation-delay:-1s}
.preloader11info :nth-child(3){background:#888;-webkit-animation-delay:-.5s;animation-delay:-.5s}
.preloader11info :last-child{background:#bbb}
@-webkit-keyframes preloader11 {
0%,100%{transform:translate(0)}
25%{transform:translate(160%)}
50%{transform:translate(160%,160%)}
75%{transform:translate(0,160%)}
}
@keyframes preloader11 {
0%,100%{transform:translate(0)}
25%{transform:translate(160%)}
50%{transform:translate(160%,160%)}
75%{transform:translate(0,160%)}
}
#canvasx{display:none;position:fixed;right:12px;top:29px;cursor:pointer;z-index:500}
#canvasx:hover{filter:invert(.5)}
@media only screen and (max-width: 1180px) {
:root{--thumbnail-grid:span 12;--grid-font:15px;--name-col:1 / span 3;--name-view:block;--age-view:none;--cat-view:none;--style-col:4 / span 4;--style-view:block;--org-view:none;--type-view:none;--city-col:8 / span 3;--city-view:block;--country-col:11 / span 2;--country-view:none;--year-col:11 / span 2;--year-view:block}
.square{display:none!important}
.lastlinks{justify-content:flex-end}
.title{grid-column-end:7}
.sorting{grid-column:span 9;z-index:20;overflow:visible;background-color:#000;padding-bottom:7px}
.pages{position:absolute;top:64px}
.headerWrap{padding-top:12px}
.headerTop{display:flex;justify-content:space-between;font-size:21px}
.title{-ms-grid-column-end:10;grid-column-end:10}
.undertitle{top:32px;font-size:21px}
.lastlinks{-ms-grid-column:10 / span 3;grid-column:10 / span 3}
.headerFilters{opacity:1;padding:10px 0 45px}
.selections{position:fixed;top:64px;left:calc(50% + 5px);width:calc(50% - 15px)}
.modHeaderWrap{padding-top:12px}
.modtitles{font-size:21px}
.subfilters{top:153px}
.subfilterDetails{padding-bottom:5px}
.sp2{overflow:hidden}
#infomodalx{right:10px;top:16px;z-index:100}
#infomodalx img{width:18px}
#modalx{right:10px;top:16px}
#modalx img{width:18px}
.gradient{height:400px;transform:translateY(-400px)}
#infomodal{padding-top:5px;overflow-x:hidden}
#presentPar{margin-bottom:0}
#aboutPar div:not(:last-of-type){padding-bottom:20px}
#support{text-align:center}
.sponsorlogos img{width:140px}
.dateIndex{font-size:20px;height:600px}
.whenwhere{grid-column:4/span 5}
.content{grid-column:9 / span 4}
.datePlus{font-size:18px}
#credits{margin-top:60px}
.gradient{height:400px;transform:translateY(-400px)}
.dateIndex{height:340px}
.namehover{display:none}
.zoom{grid-column:10/span 3}
}
@media only screen and (max-width: 992px) {
.par{font-size:20px;line-height:24px}
.slideArrow{grid-column:10 / span 1}
.descWrap{display:block}
.bordertop{margin:0;padding-bottom:5px}
.modHeaderWrap{grid-template-rows:50px 50%}
.preloadwrapInfo{transform:translate(-50%,-16vh)}
.subfilterDetails{overflow-x:scroll;padding-bottom:5px}
.sp2{grid-column-start:span 3}
.slideArrow{grid-column:10 / span 1}
.dateIndex{font-size:15px;height:270px}
.par{font-size:20px;line-height:24px}
a{font-size:20px}
.centerwrap{font-size:20px}
}
@media only screen and (max-width : 800px) {
.thumbnail{grid-column-start:span 12}
.singlevideo{max-height:68px;white-space:normal}
.zoom{display:none}
.headerFilters{display:block}
.allDetailsWrap{padding:40px 0 0}
.infoWrapper{margin:0 0 10px}
}
@media only screen and (max-device-width : 830px) and (orientation: landscape) {
.slideArrow{grid-column:unset}
.singlevideo div{white-space:normal;overflow-x:visible;text-overflow:clip;overflow:hidden}
.sp2{grid-column-start:auto;width:max-content}
.subfilterDetails{grid-column-gap:40px}
}
@media only screen and (max-device-width : 760px) {
.slideArrow{grid-column:unset}
.singlevideo div{white-space:normal;overflow-x:visible;text-overflow:clip;overflow:hidden}
.sp2{grid-column-start:auto;width:max-content}
.subfilterDetails{grid-column-gap:40px}
}
@media only screen and (max-width : 640px) {
.subfilters::-webkit-scrollbar{-webkit-appearance:none;-webkit-overflow-scrolling:auto}
::-webkit-scrollbar:horizontal{padding-top:3px!important;height:4px!important}
::-webkit-scrollbar-thumb{background-color:#fff!important}
::-webkit-scrollbar-track{border-radius:1px!important;background-color:#000}
.centerwrap{font-size:20px;width:100%;padding:0 10px}
#modalx{right:12px}
#infomodalx{right:12px}
.selection{min-width:20px}
}
@media only screen and (max-width : 600px) {
.headerFilters{margin-top:9px}
.sorting{line-height:1.4}
}
@media only screen and (max-device-width: 320px) {
.headerTop{font-size:20px}
.allDetailsWrap{padding:40px 0 0}
.headerFilters{padding:6px 0 45px;margin-top:0}
.subfilters{top:158px}
.date{white-space:normal}
}
