.section-eventslist .no-events-screen { position: relative; width: 80%; height: 100%; margin: 0 auto; text-align: center; padding-top: 14%; font-size: 22px; background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22186.797%22%20height%3D%22186.797%22%20viewBox%3D%220%200%20186.797%20186.797%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20opacity%3A%200.145%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.cls-2%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20id%3D%22Group_1619%22%20data-name%3D%22Group%201619%22%20class%3D%22cls-1%22%20transform%3D%22translate%28-286.805%20-162.898%29%22%3E%20%20%20%20%3Cg%20id%3D%22Group_1618%22%20data-name%3D%22Group%201618%22%20transform%3D%22translate%28286.805%20162.898%29%22%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2515%22%20data-name%3D%22Path%202515%22%20class%3D%22cls-2%22%20d%3D%22M558%2C1206.238l-.054.177q.859.979%2C1.751%2C1.928.8.853%2C1.626%2C1.678a76.433%2C76.433%2C0%2C0%2C0%2C9.422%2C8.006%2C172.327%2C172.327%2C0%2C0%2C1-11.548-15.8Z%22%20transform%3D%22translate%28-521.596%20-1062.895%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2516%22%20data-name%3D%22Path%202516%22%20class%3D%22cls-2%22%20d%3D%22M917.2%2C882.295l.456-.538q-1.507-1.064-3-2.06-.3.8-.617%2C1.6%2C1.272.854%2C2.551%2C1.755Z%22%20transform%3D%22translate%28-829.955%20-783.603%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2517%22%20data-name%3D%22Path%202517%22%20class%3D%22cls-2%22%20d%3D%22M712.21%2C813.051q-.7.5-1.4%2C1.007a102.142%2C102.142%2C0%2C0%2C1%2C13.712%2C14c5.225%2C6.708%2C5.479%2C9.956%2C4.882%2C10.736s-3.8%2C1.387-11.639-1.895c-7.161-2.995-15.777-8.214-24.263-14.7s-15.782-13.427-20.552-19.551c-5.226-6.707-5.48-9.954-4.884-10.734s3.8-1.389%2C11.641%2C1.892a88.626%2C88.626%2C0%2C0%2C1%2C11%2C5.659q.24-.834.46-1.673c-12.213-7.233-22.264-10.236-24.886-6.8a3.463%2C3.463%2C0%2C0%2C0-.647%2C2.166l-2.626%2C8.787c10.523%2C21.937%2C24.6%2C40.558%2C41.026%2C54.944l24.813-15.421a3.462%2C3.462%2C0%2C0%2C0%2C1.919-1.194C733.828%2C836.273%2C725.785%2C824.813%2C712.21%2C813.051Z%22%20transform%3D%22translate%28-612.577%20-705.562%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2518%22%20data-name%3D%22Path%202518%22%20class%3D%22cls-2%22%20d%3D%22M600.255%2C980.058l-5.172%2C17.306h0a166.671%2C166.671%2C0%2C0%2C0%2C30.226%2C36.842L636%2C1027.566A170.8%2C170.8%2C0%2C0%2C1%2C600.255%2C980.058Z%22%20transform%3D%22translate%28-553.755%20-870.509%29%22%2F%3E%20%20%20%20%20%20%3Cellipse%20id%3D%22Ellipse_372%22%20data-name%3D%22Ellipse%20372%22%20class%3D%22cls-2%22%20cx%3D%224.92%22%20cy%3D%224.817%22%20rx%3D%224.92%22%20ry%3D%224.817%22%20transform%3D%22translate%28129.546%2095.093%29%20rotate%28-52.613%29%22%2F%3E%20%20%20%20%20%20%3Cellipse%20id%3D%22Ellipse_373%22%20data-name%3D%22Ellipse%20373%22%20class%3D%22cls-2%22%20cx%3D%222.812%22%20cy%3D%222.753%22%20rx%3D%222.812%22%20ry%3D%222.753%22%20transform%3D%22translate%2876.877%2043.657%29%20rotate%28-52.609%29%22%2F%3E%20%20%20%20%20%20%3Cellipse%20id%3D%22Ellipse_374%22%20data-name%3D%22Ellipse%20374%22%20class%3D%22cls-2%22%20cx%3D%224.835%22%20cy%3D%224.735%22%20rx%3D%224.835%22%20ry%3D%224.735%22%20transform%3D%22translate%2895.17%2062.731%29%20rotate%28-52.611%29%22%2F%3E%20%20%20%20%20%20%3Cellipse%20id%3D%22Ellipse_375%22%20data-name%3D%22Ellipse%20375%22%20class%3D%22cls-2%22%20cx%3D%224.835%22%20cy%3D%224.735%22%20rx%3D%224.835%22%20ry%3D%224.735%22%20transform%3D%22translate%28136.782%2060.632%29%20rotate%28-52.615%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2519%22%20data-name%3D%22Path%202519%22%20class%3D%22cls-2%22%20d%3D%22M881.488%2C525.315c-.2-1.13-.426-2.26-.705-3.389q-.207-.846-.45-1.7c-.086-.286-.166-.568-.261-.859-.046-.143-.092-.29-.145-.438l-.079-.229c-.03-.082-.052-.146-.1-.265l-.362-.914a3.057%2C3.057%2C0%2C0%2C0-.6-.951%2C3.107%2C3.107%2C0%2C0%2C0-4.415-.087%2C3.159%2C3.159%2C0%2C0%2C0-.177%2C4.44c.005.005.034.068.054.113l.068.153c.046.1.091.213.137.326.094.221.181.456.271.685q.263.7.505%2C1.429c.323.968.606%2C1.963.869%2C2.965q.453%2C1.758.8%2C3.559l5.543%2C5.543q-.02-1.788-.135-3.577A63.651%2C63.651%2C0%2C0%2C0%2C881.488%2C525.315Z%22%20transform%3D%22translate%28-794.728%20-468.322%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2520%22%20data-name%3D%22Path%202520%22%20class%3D%22cls-2%22%20d%3D%22M1140.961%2C823.739h-.009a25.126%2C25.126%2C0%2C0%2C0-5.655.867%2C35.051%2C35.051%2C0%2C0%2C0-5.183%2C1.826q-1.217.529-2.389%2C1.118l3.506%2C3.506q.252-.088.505-.173a29.665%2C29.665%2C0%2C0%2C1%2C4.583-1.181%2C19.677%2C19.677%2C0%2C0%2C1%2C4.448-.3c.08.005.168.007.251%2C0a2.9%2C2.9%2C0%2C0%2C0%2C2.792-2.921A2.759%2C2.759%2C0%2C0%2C0%2C1140.961%2C823.739Z%22%20transform%3D%22translate%28-1014.991%20-735.145%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2521%22%20data-name%3D%22Path%202521%22%20class%3D%22cls-2%22%20d%3D%22M1085.246%2C642.609q3.167-2.2%2C6.371-4.345%2C1.6-1.072%2C3.211-2.126c1.07-.7%2C2.156-1.406%2C3.216-2.079l.017-.011c.043-.027.084-.056.127-.086a2.787%2C2.787%2C0%2C0%2C0%2C.688-3.848%2C2.708%2C2.708%2C0%2C0%2C0-3.813-.614c-1.079.775-2.12%2C1.539-3.169%2C2.317s-2.089%2C1.555-3.126%2C2.339q-3.115%2C2.353-6.186%2C4.76t-6.1%2C4.874q-3.022%2C2.469-6%2C5.007-1.219%2C1.046-2.427%2C2.1l2.477%2C2.477q1.108-.861%2C2.223-1.709c2.042-1.561%2C4.11-3.086%2C6.191-4.6S1083.135%2C644.076%2C1085.246%2C642.609Z%22%20transform%3D%22translate%28-963.329%20-566.493%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2522%22%20data-name%3D%22Path%202522%22%20class%3D%22cls-2%22%20d%3D%22M755.793%2C395.1l-1.628.434a1.4%2C1.4%2C0%2C0%2C1-1.551-.606l-.882-1.414a1.435%2C1.435%2C0%2C0%2C0-2.633.7l-.124%2C1.682a1.47%2C1.47%2C0%2C0%2C1-1.082%2C1.308l-1.627.434a1.439%2C1.439%2C0%2C0%2C0-.2%2C2.722l1.551.606a1.4%2C1.4%2C0%2C0%2C1%2C.882%2C1.414l-.124%2C1.682a1.409%2C1.409%2C0%2C0%2C0%2C2.51.98l1.082-1.308a1.439%2C1.439%2C0%2C0%2C1%2C1.628-.434l1.551.606a1.454%2C1.454%2C0%2C0%2C0%2C1.751-2.117l-.882-1.414a1.445%2C1.445%2C0%2C0%2C1%2C.124-1.683l1.082-1.308A1.411%2C1.411%2C0%2C0%2C0%2C755.793%2C395.1Z%22%20transform%3D%22translate%28-683.729%20-362.03%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2523%22%20data-name%3D%22Path%202523%22%20class%3D%22cls-2%22%20d%3D%22M1098.272%2C496.5l1.074.015a.892.892%2C0%2C0%2C1%2C.848.648l.3%2C1.033a.912.912%2C0%2C0%2C0%2C1.739.025l.367-1.023a.938.938%2C0%2C0%2C1%2C.891-.623l1.075.015a.93.93%2C0%2C0%2C0%2C.594-1.656l-.847-.648a.909.909%2C0%2C0%2C1-.3-1.033l.367-1.023a.9.9%2C0%2C0%2C0-1.371-1.048l-.891.623a.909.909%2C0%2C0%2C1-1.075-.015l-.847-.648a.93.93%2C0%2C0%2C0-1.442%2C1.008l.3%2C1.033a.938.938%2C0%2C0%2C1-.367%2C1.023l-.891.623A.912.912%2C0%2C0%2C0%2C1098.272%2C496.5Z%22%20transform%3D%22translate%28-988.721%20-446.979%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2524%22%20data-name%3D%22Path%202524%22%20class%3D%22cls-2%22%20d%3D%22M1249.377%2C962.569l-.571-.188a.5.5%2C0%2C0%2C1-.347-.492l.012-.607a.51.51%2C0%2C0%2C0-.926-.3l-.365.492a.519.519%2C0%2C0%2C1-.579.189l-.571-.188a.528.528%2C0%2C0%2C0-.685.5h0l3.031%2C3.03a.532.532%2C0%2C0%2C0%2C.028-.164l.011-.607a.532.532%2C0%2C0%2C1%2C.366-.493l.578-.189A.518.518%2C0%2C0%2C0%2C1249.377%2C962.569Z%22%20transform%3D%22translate%28-1116.843%20-853.802%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2525%22%20data-name%3D%22Path%202525%22%20class%3D%22cls-2%22%20d%3D%22M1108.065%2C686.217l-.009.005.011%2C0%2C47.3-19.466-6.489-3.195Z%22%20transform%3D%22translate%28-997.958%20-596.439%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2526%22%20data-name%3D%22Path%202526%22%20class%3D%22cls-2%22%20d%3D%22M969.186%2C393.008l-5%2C39.845-.245%2C1.961.436-1.771%2C8.745-35.57Z%22%20transform%3D%22translate%28-873.167%20-362.159%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2527%22%20data-name%3D%22Path%202527%22%20class%3D%22cls-2%22%20d%3D%22M1002.909%2C703.911a14.316%2C14.316%2C0%2C0%2C1-2.459%2C1.071%2C14.582%2C14.582%2C0%2C0%2C1-2.405.593.436.436%2C0%2C0%2C0-.369.481c.011.091.02.185.03.28l3.9%2C3.9c.426-.106.837-.188%2C1.22-.245a.438.438%2C0%2C0%2C0%2C.369-.481%2C15.252%2C15.252%2C0%2C0%2C1%2C.327-5.13A.417.417%2C0%2C0%2C0%2C1002.909%2C703.911Z%22%20transform%3D%22translate%28-902.374%20-631.333%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2528%22%20data-name%3D%22Path%202528%22%20class%3D%22cls-2%22%20d%3D%22M1359.144%2C774.8a14.3%2C14.3%2C0%2C0%2C1-2.46%2C1.071%2C14.454%2C14.454%2C0%2C0%2C1-2.4.592.437.437%2C0%2C0%2C0-.368.481%2C14.441%2C14.441%2C0%2C0%2C1%2C.06%2C2.476%2C14.287%2C14.287%2C0%2C0%2C1-.388%2C2.655.417.417%2C0%2C0%2C0%2C.612.468%2C14.284%2C14.284%2C0%2C0%2C1%2C2.46-1.071%2C14.451%2C14.451%2C0%2C0%2C1%2C2.4-.592.437.437%2C0%2C0%2C0%2C.368-.481%2C14.454%2C14.454%2C0%2C0%2C1-.06-2.476%2C14.31%2C14.31%2C0%2C0%2C1%2C.388-2.655A.417.417%2C0%2C0%2C0%2C1359.144%2C774.8Z%22%20transform%3D%22translate%28-1210.559%20-692.716%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2529%22%20data-name%3D%22Path%202529%22%20class%3D%22cls-2%22%20d%3D%22M1171.4%2C581.245a15.238%2C15.238%2C0%2C0%2C1%2C4.864-1.663.437.437%2C0%2C0%2C0%2C.368-.481%2C14.455%2C14.455%2C0%2C0%2C1-.06-2.476%2C14.294%2C14.294%2C0%2C0%2C1%2C.388-2.655.417.417%2C0%2C0%2C0-.612-.468%2C14.3%2C14.3%2C0%2C0%2C1-2.46%2C1.071%2C14.458%2C14.458%2C0%2C0%2C1-2.4.592.437.437%2C0%2C0%2C0-.368.481%2C14.467%2C14.467%2C0%2C0%2C1%2C.06%2C2.476%2C14.31%2C14.31%2C0%2C0%2C1-.388%2C2.655A.417.417%2C0%2C0%2C0%2C1171.4%2C581.245Z%22%20transform%3D%22translate%28-1052.272%20-518.407%29%22%2F%3E%20%20%20%20%20%20%3Cpath%20id%3D%22Path_2530%22%20data-name%3D%22Path%202530%22%20class%3D%22cls-2%22%20d%3D%22M466.26%2C219.939c-.077-.182-.157-.362-.235-.544v0c-.035-.08-.071-.16-.105-.24q-.2-.463-.405-.923c-.067-.149-.134-.3-.2-.445-.127-.281-.254-.562-.384-.842-.1-.206-.193-.41-.29-.615-.106-.224-.211-.448-.319-.671q-.313-.649-.636-1.293l-.283-.559q-.356-.7-.727-1.393-.263-.494-.532-.985c-.089-.161-.177-.323-.267-.484q-.4-.724-.816-1.44c-.092-.16-.185-.319-.279-.477q-.758-1.291-1.556-2.555c-.1-.151-.192-.3-.288-.453s-.2-.315-.3-.472-.2-.314-.307-.469q-.46-.7-.936-1.4c-.106-.154-.21-.308-.318-.463l-.32-.46c-.082-.118-.165-.235-.247-.351q-.362-.511-.732-1.018c-.1-.133-.192-.264-.29-.4q-.251-.344-.509-.685c-.106-.142-.213-.284-.32-.425q-1.05-1.383-2.154-2.728c-.087-.107-.176-.214-.264-.32q-.9-1.088-1.837-2.152-.163-.187-.33-.374-1.844-2.075-3.822-4.053c-.268-.268-.538-.533-.808-.8s-.543-.527-.816-.787-.548-.52-.824-.778-.554-.512-.833-.765c-.139-.126-.279-.253-.42-.379q-.42-.378-.845-.75t-.853-.739c-.142-.122-.286-.243-.429-.365q-.646-.547-1.3-1.079-1.09-.889-2.205-1.743-.444-.342-.9-.677-2.7-2.015-5.534-3.829c-.314-.2-.63-.4-.948-.6l-.477-.295c-.318-.2-.638-.389-.959-.58l-.483-.287q-1.45-.855-2.932-1.657-3.951-2.141-8.124-3.907a93.685%2C93.685%2C0%2C0%2C0-72.714%2C0q-2.868%2C1.213-5.632%2C2.6s0%2C0%2C0%2C0q-1.257.631-2.491%2C1.3c-.33.178-.657.358-.984.54s-.653.367-.979.554-.647.373-.969.563a93.034%2C93.034%2C0%2C0%2C0-11.065%2C7.656c-.277.224-.555.449-.83.676q-.9.746-1.792%2C1.516-.4.344-.794.694c-.016.015-.034.03-.05.046q-.41.364-.816.733t-.834.765c-.276.257-.55.516-.823.778q-.82.78-1.625%2C1.586-.6.6-1.195%2C1.216-.786.816-1.554%2C1.649-.573.623-1.137%2C1.257-.374.422-.744.849-.553.639-1.1%2C1.288-1.444%2C1.729-2.8%2C3.521-2.371%2C3.135-4.467%2C6.456-.448.71-.885%2C1.43c-.193.319-.385.641-.575.963q-.714%2C1.209-1.389%2C2.439-.27.493-.535.988t-.524.995c-.172.332-.342.668-.511%2C1q-1.392%2C2.765-2.6%2C5.633A92.821%2C92.821%2C0%2C0%2C0%2C286.8%2C256.3q0%2C.909.017%2C1.815c.007.377.016.752.028%2C1.129q.038%2C1.243.109%2C2.479c.008.145.016.29.025.434q.036.6.08%2C1.192c.015.195.029.389.046.583q.07.875.157%2C1.745l.052.519c.023.214.046.429.07.642.021.195.044.388.067.58q.064.539.134%2C1.078c0%2C.027.007.054.011.079.024.192.051.385.076.577s.054.385.082.576.055.385.084.576c.084.566.176%2C1.131.269%2C1.695a.209.209%2C0%2C0%2C0%2C.005.028c.034.192.066.382.1.574q.2%2C1.144.432%2C2.283.344%2C1.709.755%2C3.4c.044.188.091.375.138.564.058.237.118.475.18.711.035.138.071.276.107.414.048.188.1.374.149.562q.149.561.308%2C1.121c.052.186.1.373.16.559s.107.371.162.558c.11.371.221.743.337%2C1.113.058.185.115.37.174.555s.117.37.177.555.119.369.181.552c.051.158.1.315.157.472q.109.326.22.649c.062.178.123.356.186.534q.157.45.32.9.832%2C2.292%2C1.787%2C4.551A93.421%2C93.421%2C0%2C0%2C0%2C466.26%2C219.939ZM380.2%2C337.7a81.494%2C81.494%2C0%2C0%2C1-72.926-45.255c-.074-.147-.146-.295-.219-.442s-.145-.3-.216-.444-.143-.3-.213-.445q-.426-.893-.827-1.8c-.044-.1-.087-.195-.13-.292q-.149-.334-.292-.672c-.058-.133-.114-.265-.17-.4q-.967-2.28-1.8-4.632c-.04-.114-.08-.228-.119-.342q-.68-1.947-1.259-3.94c-.042-.14-.08-.277-.121-.417l-.04-.14c-.039-.137-.076-.272-.114-.409-.046-.161-.09-.323-.133-.484q-.306-1.122-.578-2.259c-.042-.17-.082-.34-.122-.512-.025-.11-.051-.22-.076-.331l-.072-.322q-.167-.738-.319-1.483-.044-.209-.084-.418-.072-.358-.141-.72c-.023-.118-.046-.237-.067-.356q-.185-1-.346-2.006c-.024-.147-.047-.295-.07-.444-.017-.115-.036-.231-.052-.346-.025-.168-.05-.334-.074-.5q-.1-.686-.185-1.374c-.021-.168-.042-.336-.062-.5-.015-.126-.031-.253-.044-.382s-.032-.279-.047-.418q-.054-.5-.1-1c-.016-.166-.032-.331-.047-.5q-.03-.324-.056-.652c-.009-.11-.019-.221-.027-.332-.036-.452-.067-.9-.1-1.359-.008-.125-.016-.251-.023-.375-.012-.213-.024-.428-.034-.642-.007-.133-.013-.264-.019-.4-.016-.362-.031-.727-.042-1.091-.005-.157-.009-.315-.013-.473%2C0-.137-.007-.273-.009-.412%2C0-.158-.007-.318-.008-.477%2C0-.2-.005-.4-.007-.593s0-.409%2C0-.614h0a81.1%2C81.1%2C0%2C0%2C1%2C21.963-55.56l30.842%2C30.842a4.871%2C4.871%2C0%2C0%2C0-3.2%2C1.877%2C4.736%2C4.736%2C0%2C1%2C0%2C7.524%2C5.75%2C4.889%2C4.889%2C0%2C0%2C0%2C.967-2.333l12.1%2C12.1-.1.63-.312%2C1.589-.155.8-.182.79a85.272%2C85.272%2C0%2C0%2C1-3.841%2C12.456l0%2C.007a.931.931%2C0%2C0%2C0%2C.458%2C1.185.953.953%2C0%2C0%2C0%2C1.259-.454%2C88.065%2C88.065%2C0%2C0%2C0%2C4.944-12.488l.253-.806.227-.811.076-.273%2C6.208%2C6.208h0l1.33%2C1.329q-1.083%2C1.161-2.133%2C2.357l-1.279%2C1.5-1.235%2C1.547c-.4.527-.788%2C1.066-1.182%2C1.6s-.744%2C1.106-1.115%2C1.657a.938.938%2C0%2C0%2C0%2C1.527%2C1.091l.038-.05c.382-.5.753-1.008%2C1.142-1.5.406-.487.8-.977%2C1.216-1.459l1.272-1.42%2C1.319-1.382q1.08-1.1%2C2.2-2.169l2.184%2C2.184L385.026%2C265q-.4.326-.8.655-2.007%2C1.671-3.933%2C3.424c-.643.583-1.278%2C1.178-1.908%2C1.776s-1.245%2C1.2-1.87%2C1.838a1.049%2C1.049%2C0%2C0%2C0-.066%2C1.4%2C1.026%2C1.026%2C0%2C0%2C0%2C1.457.1l.013-.012c.626-.538%2C1.291-1.083%2C1.951-1.611s1.33-1.055%2C2.006-1.569q2.023-1.544%2C4.109-3%2C.606-.422%2C1.218-.834l11.554%2C11.555h0l37%2C37A81.1%2C81.1%2C0%2C0%2C1%2C380.2%2C337.7Zm63.705-30.784L329.588%2C192.591q1.955-1.556%2C4.006-2.995.547-.382%2C1.1-.755%2C1.176-.8%2C2.382-1.554.708-.444%2C1.426-.874%2C2.274-1.363%2C4.644-2.579.621-.32%2C1.247-.627.5-.245%2C1-.482.637-.306%2C1.282-.6a80.824%2C80.824%2C0%2C0%2C1%2C8.683-3.353q1.217-.392%2C2.448-.744c.548-.158%2C1.1-.308%2C1.65-.455s1.106-.286%2C1.664-.42q.416-.1.837-.2A81.318%2C81.318%2C0%2C0%2C1%2C380.2%2C174.9q1.112%2C0%2C2.217.031%2C1.2.03%2C2.4.1a80.882%2C80.882%2C0%2C0%2C1%2C15.748%2C2.449c.158.04.318.082.476.125s.316.083.475.127q2.833.768%2C5.585%2C1.736%2C2.119.742%2C4.185%2C1.6%2C2.021.836%2C3.986%2C1.78.284.135.564.274t.58.287q1.144.569%2C2.266%2C1.174%2C1.7.917%2C3.357%2C1.913a81.681%2C81.681%2C0%2C0%2C1%2C11.994%2C8.794q2.387%2C2.106%2C4.6%2C4.393a81.814%2C81.814%2C0%2C0%2C1%2C9.977%2C12.543q.742%2C1.144%2C1.442%2C2.314c.058.1.115.193.172.29q.384.641.753%2C1.292l.068.121q.169.3.332.592c.13.232.257.464.385.7a.01.01%2C0%2C0%2C0%2C0%2C.007q.575%2C1.058%2C1.118%2C2.133.271.533.532%2C1.07c0%2C.01.009.019.013.028q.438.895.851%2C1.8.163.354.322.712h0a.1.1%2C0%2C0%2C1%2C.009.022q.33.736.642%2C1.481c.11.257.216.515.322.773h0q.3.734.587%2C1.475.658%2C1.7%2C1.24%2C3.436c.043.129.086.257.127.386.086.257.169.515.252.774l0%2C.012c.08.255.161.508.239.764h0a81.34%2C81.34%2C0%2C0%2C1-14.118%2C74.506Z%22%20transform%3D%22translate%28-286.805%20-162.898%29%22%2F%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position:center; background-size:10%; } .section-eventslist .show-events-list .events-container { width: 80%; margin: 0 auto; text-align: center; } .section-eventslist .show-events-list .events-container .loader-gif{ font-size: 22px; font-weight: 700; line-height: 50px; background-repeat: no-repeat !important; background-size: 80px !important; background-position: center center !important; background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20class%3D%22lds-message%22%20width%3D%22200px%22%20height%3D%22200px%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22xMidYMid%22%20style%3D%22background%3A%20none%3B%22%3E%3Cg%20transform%3D%22translate%2816.666666666666668%2050%29%22%3E%20%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%227%22%20fill%3D%22%2384D3E8%22%20transform%3D%22scale%280.998319%200.998319%29%22%3E%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.76s%22%20calcMode%3D%22spline%22%20keySplines%3D%220.3%200%200.7%201%3B0.3%200%200.7%201%22%20values%3D%220%3B1%3B0%22%20keyTimes%3D%220%3B0.5%3B1%22%20dur%3D%221.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%3Cg%20transform%3D%22translate%2833.333333333333336%2050%29%22%3E%20%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%227%22%20fill%3D%22%2329ade4%22%20transform%3D%22scale%280.861987%200.861987%29%22%3E%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.57s%22%20calcMode%3D%22spline%22%20keySplines%3D%220.3%200%200.7%201%3B0.3%200%200.7%201%22%20values%3D%220%3B1%3B0%22%20keyTimes%3D%220%3B0.5%3B1%22%20dur%3D%221.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%3Cg%20transform%3D%22translate%2850%2050%29%22%3E%20%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%227%22%20fill%3D%22%230c9ecc%22%20transform%3D%22scale%280.608116%200.608116%29%22%3E%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.38s%22%20calcMode%3D%22spline%22%20keySplines%3D%220.3%200%200.7%201%3B0.3%200%200.7%201%22%20values%3D%220%3B1%3B0%22%20keyTimes%3D%220%3B0.5%3B1%22%20dur%3D%221.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%3Cg%20transform%3D%22translate%2866.66666666666667%2050%29%22%3E%20%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%227%22%20fill%3D%22%2329ade4%22%20transform%3D%22scale%280.325898%200.325898%29%22%3E%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%22-0.19s%22%20calcMode%3D%22spline%22%20keySplines%3D%220.3%200%200.7%201%3B0.3%200%200.7%201%22%20values%3D%220%3B1%3B0%22%20keyTimes%3D%220%3B0.5%3B1%22%20dur%3D%221.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%3Cg%20transform%3D%22translate%2883.33333333333333%2050%29%22%3E%20%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%227%22%20fill%3D%22%2384D3E8%22%20transform%3D%22scale%280.0906126%200.0906126%29%22%3E%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20begin%3D%220s%22%20calcMode%3D%22spline%22%20keySplines%3D%220.3%200%200.7%201%3B0.3%200%200.7%201%22%20values%3D%220%3B1%3B0%22%20keyTimes%3D%220%3B0.5%3B1%22%20dur%3D%221.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%20%3C%2Fcircle%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') !important; } .section-eventslist .show-events-list .load-more-events { position: absolute; left: calc(50% - 108.5px); bottom: 11px; z-index: 1; color: #464646; padding: 7px 40px; font-size: 20px; font-weight: 600; background: #61C4E2; border-radius: 30px; cursor: pointer; transition: transform 0.3s; } .section-eventslist .show-events-list .load-more-events:hover { transform: scale(1.1); } .section-eventslist .show-events-list .load-more-events.prevent { opacity: 0.6; pointer-events: none; } .section-eventslist .show-events-list .hide-more-events { position: absolute; left: calc(50% - 155.5px); bottom: 11px; z-index: 1; background: #61C4E2; border-radius: 30px; cursor: pointer; width: 40px; height: 40px; transition: transform 0.3s; } .section-eventslist .show-events-list .hide-more-events::before{ content: ''; border: solid #464646; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(225deg); -webkit-transform: rotate(225deg); position: absolute; top: 18px; left: 16px; cursor: pointer; } .section-eventslist .show-events-list .hide-more-events:hover { transform: scale(1.1); } .section-eventslist .events-container{ width: 100%; height: auto !important; /*transition: height 1s;*/ /*-webkit-transition: height 1s;*/ overflow: hidden; /*transition-delay: 0.7s;*/ } .events-container .event-container{ display: inline-block; width: 23%; background: #fff; right: 0; top: 0; margin: 1px 1px 1px 12px; transition: all 0.3s; vertical-align: bottom; text-align: left; margin-bottom: 10px; position:relative; border-radius: 5px; box-shadow: 0 0 8px 0 rgba(0,0,0,.5); } .events-container .seperator-line { width: 100%; height: 60px; line-height: 60px; font-size: 30px; font-weight: 700; } .event-container .event-bg{ width: 100%; height: 0; padding-bottom:66%; background-size: cover; background-position: center center; transition: all 0.3s; max-height: 585px; } .event-container .event-details { position: relative; background: white; width: 100%; height: 130px; padding-top: 15px; transition: all 0.3s; padding-bottom: 5px; direction: rtl; } .event-container .event-details .event-details-hover { position: absolute; width: 100%; left: 0; top: 0; opacity: 0; pointer-events: none; transition: all 0.3s; padding: 12px 20px; background: #ebebeb; cursor: pointer; color: #4a4a4a; height:0; padding-bottom: calc(38% + 130px); } .event-container .event-details .event-details-hover .ev-det-h-title { position: relative; width: 100%; height: 20%; font-size: 22px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 12px; color: #4a4a4a; } .event-container .event-details .event-details-hover .ev-det-h-description { position: relative; width: 100%; overflow: hidden; } .event-container .event-details .event-details-hover .ev-det-h-date-ctr { position: relative; width: 100%; height: 30%; } .event-container .event-details .event-details-hover .ev-det-h-date-ctr .ev-heb-date { position: relative; width: 100%; height: 50%; border-bottom: 1px solid; padding-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .event-container .event-details .event-details-hover .ev-det-h-date-ctr .ev-reg-date { position: relative; width: 100%; height: 50%; padding-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .event-container .event-details .event-details-hover .ev-det-h-location-ctr { position: relative; width: 100%; height: 15%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 8px; } .event-details .event-buy-tk{ width: 130px; height: 40px; background: #61c5de; margin: 0 auto; margin-top: -40px; border-radius: 24px; opacity: 1; cursor: pointer; box-shadow: 0 0 3px 1px #6dcff6; transition: opacity 1s; text-align: center; font-size: 17px; line-height: 38px; color: #4a4a4a; position: absolute; top: 20px; left: calc(50% - 65px); } .event-details a{ width: 100%; height: 100%; display: block; position:absolute; top:0; left:0; margin-top: 0 !important; } .event-details .event-title { width: 70%; /*height: 25%;*/ display: inline-block; position: relative; font-size: 18px; font-weight: 700; max-height : 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #4a4a4a; float: left; text-align: right; } .event-details .event-description { width: 70%; height: 60%; font-size: 17px; overflow: hidden; opacity: 0; color: #4a4a4a; float: left; text-align: right; } .event-container:hover .event-description { opacity: 1; } .event-details .event-location { width: 61%; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #4a4a4a; text-align: left; margin-right: 0; margin-left: 24px; float: left; } .event-details .event-date-container { width: 33%; height: 100%; padding:0 4.25%; color: #61c5de; } .event-details .event-day { font-size: 40px; color: #61c5de; text-align: center; font-weight: 700; line-height: 35px; height: 40px; } .event-details .event-month { text-align: center; border-bottom: 1px solid #b1b1b1; color: #61c5de; font-size: 16px; margin: 0 auto !important; height: 20px; line-height: 14px; margin-left: 0; margin-right: 22%; } .event-details .event-date-full { height: 20px; font-size: 14px; text-align: center; line-height: 20px; border-bottom: 1px solid #b1b1b1; margin: 0 auto; } .event-details .event-hour { text-align: center; font-size: 14px; width: 100%; height: 20px; } .event-details .event-date-end { color: #61c5de; border: 1px solid #61c5de; width: 80%; height: 60px; padding-top: 22px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 0.7em; } .event-details .event-past-date { color: #61c5de; text-align: center; } .event-container:hover .event-details{ height: 80%; } .event-container:hover .event-bg{ height: 0; padding-bottom: 25%; } /*.event-container:hover .event-details div:not(.event-details-hover, .event-buy-tk){*/ /* display: none;*/ /*}*/ .event-container:hover .event-details .event-details-hover{ pointer-events: all; opacity: 1; } .events-container .event-container:first-child{ margin-top: 10px; } .section.section-eventslist { height: auto !important; padding: 70px 10px; padding-top: 0; /*transition: height 400ms;*/ /*-webkit-transition: height 400ms;*/ } .section-eventslist .events-list-container { top: 0; left: 0; width: 100%; height: 100%; display: block; } .section-eventslist .events-list-title { width: 100%; height: 60px; text-align: center; font-size: 27px; border-bottom: 1px solid #707070; line-height: 56px; color: inherit; font-weight: 700; } .section-eventslist .events-list-title.hide{ display: none; } .section-eventslist .event-tag-id { display: inline-block; /*width: 100px;*/ height: 100%; margin: 0px 8px; position: relative; text-align: center; font-size: 21px; cursor: pointer; line-height: 75px; user-select: none; overflow: hidden; } .section-eventslist .event-tag-id.cur{ border-bottom: 3px solid #61C4E2; } .section-eventslist .event-tag-id::before{ content: ''; display: inline-block; width: 2px; height: 100%; vertical-align: middle; } .section-eventslist .event-tag-id::after{ border-radius: 50px; content: ''; position: absolute; width: 100%; height: 3px; background: #61C4E2; display: inline-block; bottom: 0; right: 0; transition: all 0.3s ease-out; transform: scaleX(0); } .section-eventslist .event-tag-id:not(.cur):hover::after{ transform: scaleX(1); } .section-eventslist .category-menu{ display: inline-block; width: 20px; height: 100%; margin-right: 5px; position: relative; text-align: center; font-size: 21px; cursor: pointer; line-height: 75px; user-select: none; float: left; } .section-eventslist .cat-ctr { position: absolute; top: 51px; left: 0; width: 145px; height: auto; background: white; z-index: 2; cursor: pointer; } .section-eventslist .cat-ctr.hide{ display: none; } .section-eventslist .remain-category { border-top: 1px solid #ebebeb; color: black; width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; margin: unset; margin-bottom: 3px; } .section-eventslist .events-list-search-container { width: 100%; height: 80px; border-bottom: 1px solid #707070; top: 12%; } .section-eventslist .events-list-search-container .search-box{ height: 100%; width: 15%; float: right; } .section-eventslist .events-list-search-container .events-tags-container { height: 100%; width: 75%; float: right; text-align: center; display: flex; flex-direction: row; justify-content: space-evenly; } .section-eventslist .events-list-search-container .events-by-date { height: 100%; width: 0%; float: right; position: relative; display:none; } .section-eventslist .events-list-search-container .ev-by-date-btn{ position: absolute; left: 15px; top: 20px; width: 190px; height: 40px; font-size: 19px; text-align: left; padding-left: 17px; line-height: 36px; border: 1px solid #61C4E2; border-radius: 23px; cursor: pointer; transition: all 0.4s; display: none; } .section-eventslist .events-list-search-container .ev-by-date-btn::before { content: ''; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%221854.5%20732.475%2026.193%2029.025%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%2C%20.cls-2%2C%20.cls-3%20%7B%20fill%3A%20none%3B%20stroke%3A%20%2361c4e2%3B%20stroke-width%3A%203px%3B%20%7D%20.cls-2%2C%20.cls-3%20%7B%20stroke-linejoin%3A%20round%3B%20stroke-miterlimit%3A%2010%3B%20%7D%20.cls-3%20%7B%20stroke-linecap%3A%20round%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22Group_13%22%20data-name%3D%22Group%2013%22%20transform%3D%22translate%281846%20723.975%29%22%3E%20%3Cpath%20id%3D%22Path_116%22%20data-name%3D%22Path%20116%22%20class%3D%22cls-1%22%20d%3D%22M0%2C0H23.193V23.193H0Z%22%20transform%3D%22translate%2810%2012.833%29%22%2F%3E%20%3Cline%20id%3D%22Line_8%22%20data-name%3D%22Line%208%22%20class%3D%22cls-2%22%20x2%3D%2223.193%22%20transform%3D%22translate%2810%2019.914%29%22%2F%3E%20%3Cline%20id%3D%22Line_9%22%20data-name%3D%22Line%209%22%20class%3D%22cls-3%22%20y2%3D%225.754%22%20transform%3D%22translate%2814.869%2010%29%22%2F%3E%20%3Cline%20id%3D%22Line_10%22%20data-name%3D%22Line%2010%22%20class%3D%22cls-3%22%20y2%3D%225.754%22%20transform%3D%22translate%2828.767%2010%29%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E'); background-repeat: no-repeat; position: absolute; width: 20px; height: 20px; right: 15px; top: 10px; background-position: left; background-size: 84%; } .section-eventslist .events-list-search-container .ev-by-date-btn:hover{ transform: scale(1.1); } .section-eventslist .events-by-date-ctr{ position: absolute; width: 100%; height: 100%; background: #3c3c3c; left: 0; top: 0; z-index: 10; } .section-eventslist .events-by-date-ctr.disable{ display: none; } .section-eventslist .events-by-date-ctr-close{ position: absolute; top: 6px; left: 6px; width: 20px; height: 20px; color: #3C3C3C; background: white; border-radius: 50%; text-align: center; line-height: 16px; font-size: 21px; cursor: pointer; } .section-eventslist .events-by-date-ctr .events-by-date-events-ctr { width: 50%; height: 100%; background: #61C4E2; float: left; } .section-eventslist .events-by-date-ctr .events-by-date-calander-ctr{ width: 50%; height: 100%; background: #3c3c3c; float: right; } .section-eventslist .events-by-date-ctr .events-by-dates-years-ctr{ width: 100%; height: 80px; border-top: 1px solid #848484; border-bottom: 1px solid #848484; margin-top: 40px; position: relative; } .section-eventslist .events-by-date-ctr .events-by-dates-years-ctr div{ display: inline-block; position: relative; float: left; width: 11%; font-size: 30px; color: white; margin: 2% 1% 1px 7%; text-align: center; cursor: pointer; font-weight: 100; } .section-eventslist .events-by-date-ctr .events-by-dates-years-ctr .selected{ border-bottom: 6px solid #61C4E2; pointer-events: none; font-weight: 900; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr { width: 100%; height: 40px; border-bottom: 1px solid #848484; position: relative; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr .ev-by-date-m { position: relative; display: inline-block; width: 5%; font-size: 24px; cursor: pointer; text-align: center; margin: 1% 1% 0% 2%; font-weight: 100; color: #fff; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr .ev-by-date-m.selected { pointer-events: none; font-weight: 500; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr .ev-by-date-m.selected::after { content: attr(data-hint); position: absolute; background: #61C4E2; height: 10px; width: 80%; top: 40px; right: 10%; font-size: 20px; line-height: 42px; } .section-eventslist .events-by-date-ctr .events-by-dates-days-ctr { width: 100%; height: 430px; margin-top: 110px; text-align: center; border-bottom: 1px solid #848484; } .section-eventslist .events-by-date-ctr .events-by-dates-days-ctr .ev-by-date-d-inner.swiper-wrapper { height: 300px; } .section-eventslist .events-by-date-ctr .cur-day { font-size: 250px; font-weight: 900; color: #61C4E2; display: inline-block; left: 20px; top: -18px; position: relative; } .section-eventslist .events-by-date-ctr .cur-day-in-week { font-size: 30px; font-weight: 400; position: relative; top: -75px; left: 40px; color: #fff; display: inline-block; } .section-eventslist .events-by-date-ctr .cur-month { font-size: 30px; font-weight: 400; position: relative; top: -75px; right: 10px; color: #fff; display: inline-block; } .section-eventslist .events-by-date-ctr .swiper-button-prev, .section-eventslist .events-by-date-ctr .swiper-button-next{ background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%221414.785%206028.215%2047.469%2029.038%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23666%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22Asset_1%22%20data-name%3D%22Asset%201%22%20class%3D%22cls-1%22%20d%3D%22M16.09%2C23.732%2C1.725%2C38.1a5.436%2C5.436%2C0%2C0%2C0%2C7.5%2C7.872L27.467%2C27.61a5.573%2C5.573%2C0%2C0%2C0%2C0-7.757L9.224%2C1.582A5.4%2C5.4%2C0%2C1%2C0%2C1.582%2C9.224Z%22%20transform%3D%22translate%281414.786%206057.252%29%20rotate%28-90%29%22%2F%3E%20%3C%2Fsvg%3E'); background-repeat:no-repeat ; background-size: contain; width: 45px; height: 45px; right: calc(50% - 17px); top: 40px; } .section-eventslist .events-by-date-ctr .swiper-button-prev{ top: 265px; transform: rotate(180deg); } .section-eventslist .events-by-date-ctr .ev-by-date-event-wrapper { width: 100%; height: 690px; margin: 40px; overflow: auto; } .section-eventslist .events-by-date-ctr .ev-by-date-event-wrapper .event-container { display: inline-block; width: 45%; height: 300px; background: #ffcca2; right: 0; top: 0; margin: 1px 1px 1px 12px; transition: all 0.3s; vertical-align: bottom; text-align: left; margin-bottom: 10px; position: relative; border-radius: 5px; color: #707070; } .section-eventslist .show-events-list { width: 100%; height: auto !important; /*transition: height 1s;*/ /*-webkit-transition: height 1s;*/ /*transition-delay: 0.7s;*/ } .events-list-search-container .event-search-box { position: relative; display: block; } .events-list-search-container input.event-input-search { position: absolute; float: right; width: 170px; right: 212px; top: 18px; height: 40px; outline: none; border-radius: 50px; padding-left: 10px; border: 1px solid #bbb; font-size: 19px; color: inherit; background: inherit; transition: all 200ms; text-align: left; } .event-search-box::after { content: ''; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2241.859%20727.879%2033.95%2033.95%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23bbb%3B%20%7D%20.cls-1%20%7B%20stroke-width%3A%203px%3B%20%7D%20.cls-2%20%7B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%204px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22Group_224%22%20data-name%3D%22Group%20224%22%20transform%3D%22translate%28-208%20-41%29%22%3E%20%3Cg%20id%3D%22Group_223%22%20data-name%3D%22Group%20223%22%20transform%3D%22translate%28251.98%20771%29%22%3E%20%3Cpath%20id%3D%22Path_270%22%20data-name%3D%22Path%20270%22%20class%3D%22cls-1%22%20d%3D%22M10.5%2C0A10.5%2C10.5%2C0%2C1%2C1%2C0%2C10.5%2C10.5%2C10.5%2C0%2C0%2C1%2C10.5%2C0Z%22%20transform%3D%22translate%280%2014.854%29%20rotate%28-45%29%22%2F%3E%20%3Cpath%20id%3D%22Path_271%22%20data-name%3D%22Path%20271%22%20class%3D%22cls-2%22%20d%3D%22M0%2C0S3.185%2C3.352%2C5.8%2C5.8%22%20transform%3D%22translate%2822.734%2023.153%29%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E'); background-repeat: no-repeat; position: absolute; background-size: contain; width: 25px; height: 25px; right: 215px; top: 25px; /*transition: all 200ms;*/ } input.event-input-search::placeholder { color: inherit; } input.event-input-search.focused{ width: 250px; border: 1px solid #01acf1; color: #01acf1; } .event-search-box.focused::after{ background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2241.859%20727.879%2033.95%2033.95%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%2301acf1%3B%20%7D%20.cls-1%20%7B%20stroke-width%3A%203px%3B%20%7D%20.cls-2%20%7B%20stroke-linecap%3A%20round%3B%20stroke-width%3A%204px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22Group_224%22%20data-name%3D%22Group%20224%22%20transform%3D%22translate%28-208%20-41%29%22%3E%20%3Cg%20id%3D%22Group_223%22%20data-name%3D%22Group%20223%22%20transform%3D%22translate%28251.98%20771%29%22%3E%20%3Cpath%20id%3D%22Path_270%22%20data-name%3D%22Path%20270%22%20class%3D%22cls-1%22%20d%3D%22M10.5%2C0A10.5%2C10.5%2C0%2C1%2C1%2C0%2C10.5%2C10.5%2C10.5%2C0%2C0%2C1%2C10.5%2C0Z%22%20transform%3D%22translate%280%2014.854%29%20rotate%28-45%29%22%2F%3E%20%3Cpath%20id%3D%22Path_271%22%20data-name%3D%22Path%20271%22%20class%3D%22cls-2%22%20d%3D%22M0%2C0S3.185%2C3.352%2C5.8%2C5.8%22%20transform%3D%22translate%2822.734%2023.153%29%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E'); } .event-details .event-title, .event-container .event-details .event-details-hover .ev-det-h-title { overflow: unset; white-space: unset; height: unset; } .event-container .event-details .event-details-hover .ev-det-h-location-ctr { position: absolute; bottom: 0; left: 6px; } .event-container-2 { height: 0; padding-bottom: calc(66% + 130px); } @media screen and (max-width: 800px) { .section-eventslist .no-events-screen { padding-top: 70%; background-size: 50%; } .section-eventslist .show-events-list{ height: 1200px; } .section-eventslist .events-container{ height: 1200px; } .section-eventslist .show-events-list{ padding-top: 15px; } .section-eventslist .show-events-list .events-container { width: 100%; padding-left: 0; padding-bottom: 15px; text-align: center; } .section-eventslist .show-events-list .load-more-events { left: calc(50% - 86.5px); } .section-eventslist .show-events-list .hide-more-events { left: calc(50% - 135.5px); } .events-container .event-container{ margin: 12px 1px 1px 1px; vertical-align: top; width: 280px !important; } .event-details .event-date-full { font-size: 12px; } .events-container .event-container:first-child{ margin-top: 0px; } .section-eventslist .show-events-list .move-right{ display: none; } .section-eventslist .events-list-search-container .events-tags-container { display: none; } .section-eventslist .events-list-search-container input.event-input-search { float: left; right: auto ; left: 15px ; padding-right: 10px; padding-left: 0; width: 90px; } .section-eventslist .events-list-search-container input.event-input-search.focused{ width: 200px; } .section-eventslist .events-list-search-container .event-search-box::after { right: auto ; left: 20px; } .section-eventslist .events-list-search-container .events-by-date { float: right; } .section-eventslist .events-list-search-container .ev-by-date-btn { position: absolute; right: 7px; left: auto; top: 20px; width: 50px; height: 40px; font-size: 19px; text-align: left; padding-left: 17px; line-height: 36px; border: none; border-radius: 23px; cursor: pointer; transition: all 0.4s; color:transparent; display: none; } .section-eventslist .events-list-search-container .ev-by-date-btn::before { width: 30px; height: 30px; right: 15px; top: 2px; background-position: left; background-size: 84%; } .section-eventslist .events-by-date-ctr .events-by-date-calander-ctr { width: 100%; height: 50%; background: #3c3c3c; float: none; overflow: hidden; } .section-eventslist .events-by-date-ctr .events-by-dates-years-ctr { width: 100%; height: 60px; border-top: 1px solid #848484; border-bottom: 1px solid #848484; margin-top: 40px; position: relative; } .section-eventslist .events-by-date-ctr .events-by-dates-years-ctr div { display: inline-block; position: relative; float: left; width: 12%; font-size: 25px; color: white; margin: 4% 4%; text-align: center; cursor: pointer; font-weight: 100; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr { width: 100%; height: auto; border-bottom: 1px solid #848484; position: relative; overflow-x: auto; display: inline-block; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr .ev-by-month-ctr { width: 160%; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr .ev-by-date-m { position: relative; display: inline-block; width: 6.5%; font-size: 24px; cursor: pointer; text-align: center; margin: 3px; font-weight: 100; color: #fff; } .section-eventslist .events-by-date-ctr .events-by-dates-days-ctr { width: 100%; height: 50%; text-align: center; border-bottom: 1px solid #848484; margin: 0 auto; } .section-eventslist .events-by-date-ctr .cur-day-in-week { font-size: 24px; font-weight: 400; position: relative; top: 6px; left: 40px; color: #fff; display: inline-block; } .section-eventslist .events-by-date-ctr .cur-day { font-size: 100px; font-weight: 900; color: #61C4E2; display: inline-block; left: 20px; top: 32px; position: relative; } .section-eventslist .events-by-date-ctr .cur-month { font-size: 24px; font-weight: 400; position: relative; top: 6px; right: 0px; color: #fff; display: inline-block; } .section-eventslist .events-by-date-ctr .swiper-button-prev, .section-eventslist .events-by-date-ctr .swiper-button-next { width: 25px; height: 25px; right: calc(50% - 8px); top: 40px; } .section-eventslist .events-by-date-ctr .swiper-button-prev { top: 175px; transform: rotate(180deg); } .section-eventslist .events-by-date-ctr .events-by-date-events-ctr { width: 100%; height: 50%; background: #61C4E2; float: none; overflow: auto; } .section-eventslist .events-by-date-ctr .ev-by-date-event-wrapper { width: 100%; height: auto; margin: 0; margin-top: 20px; } .section-eventslist .events-by-date-ctr .ev-by-date-event-wrapper .event-container { width: 80%; right: 9% } .section-eventslist .events-by-date-ctr .events-by-dates-years-ctr .selected { border-bottom: none; pointer-events: none; font-weight: 900; } .section-eventslist .events-by-date-ctr .events-by-dates-months-ctr .ev-by-date-m.selected::after { display: none; } .event-details .event-date-end { font-size: 13px; } } @media screen and (max-width: 1550px) and (min-width:820px){ /*.section-eventslist .event-tag-id {*/ /* display: inline-block;*/ /* width: 100px;*/ /* height: 100%;*/ /* margin: 0 0;*/ /* position: relative;*/ /* text-align: center;*/ /* font-size: 21px;*/ /* cursor: pointer;*/ /* line-height: 75px;*/ /* user-select: none;*/ /*}*/ .section-eventslist .events-list-search-container .ev-by-date-btn { right: 0 !important; left: unset !important; display: none; } .events-list-search-container input.event-input-search { left: 0 !important; } .events-list-search-container .event-search-box::after { right: auto; left: 10px !important; } .event-details .event-date-full { font-size: 9px; } }