1 2<!DOCTYPE html> 3<html lang="en" class="scroll-smooth"> 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 9 <link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicons/apple-touch-icon.png"> 10<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicons/favicon-32x32.png"> 11<link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicons/favicon-16x16.png"> 12<link rel="manifest" href="/static/images/favicons/site.webmanifest"> 13<link rel="shortcut icon" href="/static/images/favicons/favicon.ico"> 14<meta name="msapplication-TileColor" content="#da532c"> 15<meta name="msapplication-config" content="/static/imgages/favicons/browserconfig.xml"> 16<meta name="theme-color" content="#ffffff"> 17 18 19<link rel="stylesheet" href="/static/css/dist/styles.css"> 20 21 22 23 24 25 <!-- Google Fonts --> 26 <link rel="preconnect" href="https://fonts.googleapis.com"> 27 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 28 <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 29 30 <!-- AlpineJS --> 31
31<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
31 32
32<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
32 33 34 <!-- Swiper --> 35 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/> 36 37 <!-- PhotoSwipe --> 38 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/photoswipe.min.css" rel="stylesheet"> 39 40 41<title> 42 43 Cyprus Cinema Office | Film Catalogue 44 45</title> 46 47<meta name="description" content=""/> 48 49<!-- Schema.org markup for Google+ --> 50 51 <meta itemprop="name" content="Cyprus Cinema Office | Film Catalogue"> 52 53<meta itemprop="description" content=""> 54 55 56 <meta itemprop="image" content="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/1._SEO_preview_Cyprus_Cinema_Offic.width-600.format-jpeg.jpg"> 57 58 59<!-- Twitter Card data --> 60<meta name="twitter:card" content="summary_large_image"> 61 62 <meta name="twitter:title" content="Cyprus Cinema Office | Film Catalogue"> 63 64<meta name="twitter:description" content=""> 65<!-- Twitter summary card with large image must be at least 280x150px --> 66 67 68 <meta name="twitter:image:src" content="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/1._SEO_preview_Cyprus_Cinema_Offic.width-600.format-jpeg.jpg"> 69 70<!-- Open Graph data --> 71 72 <meta property="og:title" content="Cyprus Cinema Office | Film Catalogue"/> 73 74<meta property="og:type" content="website"/> 75 76 77 <meta property="og:image" content="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/1._SEO_preview_Cyprus_Cinema_Offic.width-600.format-jpeg.jpg"/> 78 79<meta property="og:description" content=""/> 80 81 <meta property="og:site_name" content="Cyprus Cinema Office | Film Catalogue"/> 82 83 84<meta property="og:url" content="https://cypruscinemaoffice.cy/films/film-catalogue/"/> 85<link rel="alternate" hreflang="x-default" href="https://cypruscinemaoffice.cy/films/film-catalogue/"/> 86<link rel="canonical" href="https://cypruscinemaoffice.cy/films/film-catalogue/"/> 87 88 89 90 91 92 93 </head> 94 95 96 <body lang="el" class=" overflow-x-hidden "> 97 98 99 100 101 102 103 104 105 106 107<nav class="navbar max-w-[100vw] " 108:class="{'is-scrolled' : isScrolled}" 109x-data="{ 110 111 dropdownIsOpen1: false, 112 113 dropdownIsOpen2: false, 114 115 dropdownIsOpen3: false, 116 117 dropdownIsOpen4: false, 118 119 dropdownIsOpen5: false, 120 121 dropdownIsOpen6: false, 122 123 dropdownIsOpen7: false, 124 125 isSelected: null, 126 dropdownIsOpenSearch: false, 127 dropdownIsOpenLangPicker: false, 128 menuIsOpen: false, 129 isScrolled: false, 130}" 131@scroll.window="isScrolled = (window.pageYOffset > 20) ? true : false"> 132 <div class=" px-5 md:px-10 flex flex-wrap items-center justify-between w-full"> 133 <a href="/"> 134 <svg class="h-[60px] max-md:h-[50px]" viewBox="0 0 63 59" fill="none" xmlns="http://www.w3.org/2000/svg"> 135 <path d="M49.8323 53.518V54.058H42.8843C42.9683 54.85 43.2143 55.45 43.6223 55.858C44.0423 56.254 44.6003 56.452 45.2963 56.452C46.3283 56.452 47.0363 56.008 47.4203 55.12H49.5983C49.3583 56.068 48.8543 56.824 48.0863 57.388C47.3183 57.94 46.3823 58.216 45.2783 58.216C43.8983 58.216 42.7823 57.772 41.9303 56.884C41.0783 55.996 40.6523 54.82 40.6523 53.356C40.6523 51.892 41.0723 50.716 41.9123 49.828C42.7643 48.94 43.8743 48.496 45.2423 48.496C46.6463 48.496 47.7623 48.958 48.5903 49.882C49.4183 50.806 49.8323 52.018 49.8323 53.518ZM45.2243 50.26C43.8923 50.26 43.1183 50.998 42.9023 52.474H47.5643C47.4683 51.79 47.2163 51.25 46.8083 50.854C46.4003 50.458 45.8723 50.26 45.2243 50.26Z" fill="white"/> 136 <path d="M35.4338 58.216C34.0658 58.216 32.9558 57.7
13672 32.1038 56.884C31.2638 56.008 30.8438 54.832 30.8438 53.356C30.8438 51.868 31.2638 50.686 32.1038 49.81C32.9318 48.934 34.0418 48.496 35.4338 48.496C36.6458 48.496 37.6357 48.82 38.4037 49.468C39.1717 50.104 39.6218 50.968 39.7538 52.06H37.4858C37.3778 51.52 37.1438 51.106 36.7838 50.818C36.4238 50.53 35.9738 50.386 35.4338 50.386C34.7258 50.386 34.1678 50.644 33.7598 51.16C33.3638 51.664 33.1658 52.396 33.1658 53.356C33.1658 54.316 33.3698 55.054 33.7778 55.57C34.1858 56.074 34.7378 56.326 35.4338 56.326C35.9858 56.326 36.4478 56.176 36.8197 55.876C37.2037 55.564 37.4377 55.12 37.5217 54.544H39.7898C39.6698 55.66 39.2138 56.554 38.4218 57.226C37.6298 57.886 36.6338 58.216 35.4338 58.216Z" fill="white"/> 137 <path d="M21.7129 48.712V48.01C21.7129 47.11 21.965 46.408 22.469 45.904C22.973 45.388 23.7349 45.13 24.7549 45.13C25.2109 45.13 25.6009 45.148 25.9249 45.184V46.93H25.1329C24.3529 46.93 23.9629 47.302 23.9629 48.046V48.712H25.871V50.44H23.9629V58H21.7129V50.44H20.2729V48.712H21.7129ZM27.149 45.382H29.381V47.506H27.149V45.382ZM27.131 58V48.712H29.399V58H27.131Z" fill="white"/> 138 <path d="M19.6496 46.93H18.8576C18.0776 46.93 17.6876 47.302 17.6876 48.046V48.712H19.5956V50.44H17.6876V58H15.4376V50.44H13.9976V48.712H15.4376V48.01C15.4376 47.11 15.6896 46.408 16.1936 45.904C16.6976 45.388 17.4596 45.13 18.4796 45.13C18.9356 45.13 19.3256 45.148 19.6496 45.184V46.93Z" fill="white"/> 139 <path d="M11.5559 56.452C10.3799 57.676 8.83191 58.288 6.91191 58.288C4.99191 58.288 3.44391 57.676 2.26791 56.452C1.09191 55.216 0.503906 53.596 0.503906 51.592C0.503906 49.588 1.09191 47.968 2.26791 46.732C3.44391 45.508 4.99191 44.896 6.91191 44.896C8.83191 44.896 10.3799 45.508 11.5559 46.732C12.7199 47.944 13.3019 49.564 13.3019 51.592C13.3019 53.62 12.7199 55.24 11.5559 56.452ZM3.04191 51.592C3.04191 52.996 3.39591 54.106 4.10391 54.922C4.81191 55.738 5.74791 56.146 6.91191 56.146C8.08791 56.146 9.02991 55.738 9.73791 54.922C10.4339 54.118 10.7819 53.008 10.7819 51.592C10.7819 50.176 10.4339 49.066 9.73791 48.262C9.02991 47.446 8.08791 47.038 6.91191 47.038C5.74791 47.038 4.81191 47.446 4.10391 48.262C3.39591 49.078 3.04191 50.188 3.04191 51.592Z" fill="white"/> 140 <path d="M62.5142 36H60.2462C60.1382 35.808 60.0542 35.43 59.9942 34.866C59.3702 35.766 58.3742 36.216 57.0062 36.216C55.9862 36.216 55.1702 35.97 54.5582 35.478C53.9582 34.986 53.6582 34.302 53.6582 33.426C53.6582 31.734 54.8462 30.768 57.2222 30.528L58.6262 30.402C59.0942 30.342 59.4302 30.234 59.6342 30.078C59.8382 29.91 59.9402 29.664 59.9402 29.34C59.9402 28.944 59.8082 28.656 59.5442 28.476C59.2922 28.284 58.8602 28.188 58.2482 28.188C57.5882 28.188 57.1142 28.302 56.8262 28.53C56.5382 28.746 56.3702 29.124 56.3222 29.664H54.0902C54.2222 27.552 55.6142 26.496 58.2662 26.496C60.8462 26.496 62.1362 27.426 62.1362 29.286V34.236C62.1362 35.052 62.2622 35.64 62.5142 36ZM57.5462 34.596C58.2542 34.596 58.8302 34.404 59.2742 34.02C59.7182 33.624 59.9402 33.06 59.9402 32.328V31.482C59.7242 31.674 59.3702 31.8 58.8782 31.86L57.6542 32.004C57.0542 32.076 56.6222 32.22 56.3582 32.436C56.1062 32.64 55.9802 32.94 55.9802 33.336C55.9802 33.732 56.1122 34.044 56.3762 34.272C56.6522 34.488 57.0422 34.596 57.5462 34.596Z" fill="white"/> 141 <path d="M49.0844 26.496C50.1044 26.496 50.8964 26.796 51.4604 27.396C52.0364 27.996 52.3244 28.818 52.3244 29.862V36H50.0564V30.222C50.0564 29.046 49.5224 28.458 48.4544 28.458C47.8784 28.458 47.4104 28.668 47.0504 29.088C46.7024 29.496 46.5284 30.096 46.5284 30.888V36H44.2784V30.222C44.2784 29.046 43.7384 28.458 42.6584 28.458C42.0944 28.458 41.6324 28.668 41.2724 29.088C40.9244 29.496 40.7504 30.096 40.7504 30.888V36H38.4824V26.712H40.6784V28.044C41.3144 27.012 42.1964 26.496 43.3244 26.496C44.7404 26.496 45.7004 27.072 46.2044 28.224C46.9004 27.072 47.8604 26.496 49.0844 26.496Z" fill="white"/> 142 <path d="M37.0179 31.518V32.058H30.0699C30.1539 32.85 30.3999 33.45 30.8079 33.858C31.2279 34.254 31.7859 34.452 32.4819 34.452C33.5139 34.452 34.2219 34.008 34.6059 33.12H36.7839C36.5439 34.068 36.0399 34.824 35.2719 35.388C34.5039 35.94 33.5679 36.216 32.4639 36.216C31.0839 36.216 29.9679 35.772 29.1159 34.884C28.2639 33.996 27.8379 32.82 27.8379 31.356C27.8379 29.892 28.2579 28.716 29.0979 27.828C29.9499 26.94 31.0599 26.496 32.4279 26.496C33.8319 26.496 34.9479 26.958 35.7759 27.882C36.6039 28.806 37.0179 30.018 37.0179 31.518ZM32.4099 28.26C31.0779 28.26 30.3039 28.998 30.0879 30.474H34.7499C34.6539 29.79 34.4019 29.25 33.9939 28.854C33.5859 28.458 33.0579 28.26 32.4099 28.26Z" fill="white"/> 143 <path d="M23.1506 26.496C24.1586 26.496 24.9506 26.79 25.5266 27.378C26.1146 27.954 26.4086 28.776 26.4086 29.844V36H24.1406V30.222C24.1406 29.046 23.5586 28.458 22.3946 28.458C21.8186 28.458 21.3266 28.668 20.9186 29.088C20.5226 29.496 20.3246 3
1430.066 20.3246 30.798V36H18.0566V26.712H20.2526V28.044C20.9606 27.012 21.9266 26.496 23.1506 26.496Z" fill="white"/> 144 <path d="M16.2109 25.506H13.9789V23.382H16.2109V25.506ZM16.2289 36H13.9609V26.712H16.2289V36Z" fill="white"/> 145 <path d="M6.71391 36.288C4.86591 36.288 3.37191 35.682 2.23191 34.47C1.07991 33.258 0.503906 31.632 0.503906 29.592C0.503906 27.54 1.07391 25.908 2.21391 24.696C3.34191 23.496 4.84191 22.896 6.71391 22.896C8.21391 22.896 9.49191 23.298 10.5479 24.102C11.6039 24.906 12.2639 26.07 12.5279 27.594H10.0619C9.84591 26.754 9.44391 26.118 8.85591 25.686C8.27991 25.242 7.56591 25.02 6.71391 25.02C5.57391 25.02 4.67391 25.428 4.01391 26.244C3.36591 27.048 3.04191 28.164 3.04191 29.592C3.04191 31.032 3.36591 32.154 4.01391 32.958C4.66191 33.762 5.56191 34.164 6.71391 34.164C7.60191 34.164 8.36391 33.9 8.99991 33.372C9.63591 32.844 10.0199 32.112 10.1519 31.176H12.5819C12.4259 32.808 11.7899 34.068 10.6739 34.956C9.56991 35.844 8.24991 36.288 6.71391 36.288Z" fill="white"/> 146 <path d="M54.5114 14.252C51.7994 14.252 50.3834 13.184 50.2634 11.048H52.4774C52.5374 11.624 52.7234 12.032 53.0354 12.272C53.3594 12.512 53.8634 12.632 54.5474 12.632C55.7714 12.632 56.3834 12.26 56.3834 11.516C56.3834 11.18 56.2514 10.922 55.9874 10.742C55.7234 10.562 55.2494 10.412 54.5654 10.292L53.5034 10.112C51.4754 9.77597 50.4614 8.83997 50.4614 7.30397C50.4614 6.42797 50.7974 5.74397 51.4694 5.25197C52.1414 4.74797 53.0894 4.49597 54.3134 4.49597C56.9654 4.49597 58.3334 5.54597 58.4174 7.64597H56.2754C56.2514 7.09397 56.0774 6.70397 55.7534 6.47597C55.4294 6.23597 54.9494 6.11597 54.3134 6.11597C53.2334 6.11597 52.6934 6.47597 52.6934 7.19597C52.6934 7.50797 52.8134 7.75397 53.0534 7.93397C53.2934 8.10197 53.6894 8.23397 54.2414 8.32997L55.4114 8.50997C56.5394 8.71397 57.3554 9.03797 57.8594 9.48197C58.3754 9.92597 58.6334 10.544 58.6334 11.336C58.6334 12.272 58.2734 12.992 57.5534 13.496C56.8334 14 55.8194 14.252 54.5114 14.252Z" fill="white"/> 147 <path d="M46.7461 9.91404V4.71204H49.0141V14H46.8181V12.65C46.1101 13.694 45.1381 14.216 43.9021 14.216C42.9061 14.216 42.1141 13.928 41.5261 13.352C40.9501 12.764 40.6621 11.936 40.6621 10.868V4.71204H42.9301V10.49C42.9301 11.666 43.5121 12.254 44.6761 12.254C45.2521 12.254 45.7381 12.05 46.1341 11.642C46.5421 11.222 46.7461 10.646 46.7461 9.91404Z" fill="white"/> 148 <path d="M38.968 4.56799C39.172 4.56799 39.358 4.57999 39.526 4.60399V6.69199H38.95C38.086 6.69199 37.42 6.91399 36.952 7.35799C36.496 7.78999 36.268 8.43199 36.268 9.28399V14H34V4.71199H36.196V6.36799C36.712 5.16799 37.636 4.56799 38.968 4.56799Z" fill="white"/> 149 <path d="M28.4253 4.49597C29.6973 4.49597 30.7113 4.93397 31.4673 5.80997C32.2113 6.69797 32.5833 7.87997 32.5833 9.35597C32.5833 10.82 32.2113 11.996 31.4673 12.884C30.7113 13.772 29.6973 14.216 28.4253 14.216C27.1653 14.216 26.2053 13.742 25.5453 12.794V17.528H23.2773V4.71197H25.4553V6.04397C26.1273 5.01197 27.1173 4.49597 28.4253 4.49597ZM26.1393 11.57C26.5473 12.086 27.1293 12.344 27.8853 12.344C28.6293 12.344 29.2173 12.074 29.6493 11.534C30.0693 11.006 30.2793 10.256 30.2793 9.28397C30.2793 8.33597 30.0693 7.61597 29.6493 7.12397C29.2413 6.61997 28.6533 6.36797 27.8853 6.36797C27.1293 6.36797 26.5413 6.62597 26.1213 7.14197C25.7013 7.65797 25.4913 8.39597 25.4913 9.35597C25.4913 10.328 25.7073 11.066 26.1393 11.57Z" fill="white"/> 150 <path d="M19.2709 7.05204L20.0269 4.71204H22.4029L18.8209 14.756C18.4369 15.812 17.9569 16.538 17.3809 16.934C16.7929 17.342 15.9409 17.546 14.8249 17.546C14.4529 17.546 14.1229 17.528 13.8349 17.492V15.71H14.6989C15.1909 15.71 15.5689 15.572 15.8329 15.296C16.0969 15.02 16.2289 14.66 16.2289 14.216C16.2289 13.772 16.0849 13.148 15.7969 12.344L13.0969 4.71204H15.5449L16.3009 7.03404C16.8289 8.69004 17.3209 10.418 17.7769 12.218C18.1369 10.862 18.6349 9.14004 19.2709 7.05204Z" fill="white"/> 151 <path d="M6.71391 14.288C4.86591 14.288 3.37191 13.682 2.23191 12.47C1.07991 11.258 0.503906 9.632 0.503906 7.592C0.503906 5.54 1.07391 3.908 2.21391 2.696C3.34191 1.496 4.84191 0.895996 6.71391 0.895996C8.21391 0.895996 9.49191 1.298 10.5479 2.102C11.6039 2.906 12.2639 4.07 12.5279 5.594H10.0619C9.84591 4.754 9.44391 4.118 8.85591 3.686C8.27991 3.242 7.56591 3.02 6.71391 3.02C5.57391 3.02 4.67391 3.428 4.01391 4.244C3.36591 5.048 3.04191 6.164 3.04191 7.592C3.04191 9.032 3.3
1516591 10.154 4.01391 10.958C4.66191 11.762 5.56191 12.164 6.71391 12.164C7.60191 12.164 8.36391 11.9 8.99991 11.372C9.63591 10.844 10.0199 10.112 10.1519 9.176H12.5819C12.4259 10.808 11.7899 12.068 10.6739 12.956C9.56991 13.844 8.24991 14.288 6.71391 14.288Z" fill="white"/> 152 </svg> 153 154 155 </a> 156 157 <div class="flex items-center gap-6 max-lg:flex-row-reverse z-[120]"> 158 <!-- Show only on mobile devices --> 159 <button class="relative z-[110] block lg:hidden group burger-menu" :class="{'is-open' : menuIsOpen}" 160 @click="menuIsOpen =! menuIsOpen"> 161 <div class="flex flex-col justify-between w-[20px] h-[20px] transform transition-all origin-center overflow-hidden"> 162 <span :class="{'rotate-[42deg]' : menuIsOpen}"></span> 163 <span :class="{'-translate-x-10' : menuIsOpen}"></span> 164 <span :class="{'-rotate-[42deg]' : menuIsOpen}"></span> 165 </div> 166 </button> 167 168 <!-- Show only on desktop --> 169 <ul class="flex-row justify-between hidden gap-6 mx-auto text-center lg:flex md:mx-0 w-max "> 170 171 172 173 174 175 <!-- Menu Links with Child Pages --> 176 <li class="relative" @mouseleave="dropdownIsOpen1 = false"> 177 <!-- Dropdown Toggle Button --> 178 <a href="/films/" class="navbar-link " 179 @mouseover="dropdownIsOpen1 = true"> 180 Films 181 <span class="transition-transform" > 182 <svg class="w-3 h-3 -mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 183 stroke-width="2" stroke="currentColor"> 184 <path stroke-linecap="round" stroke-linejoin="round" 185 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 186 </svg> 187 </span> 188 </a> 189 190 <!-- Dropdown Menu --> 191 <div class="absolute -left-4 pt-5 top-[7px] " 192 x-transition:enter="transition ease-in-out" 193 x-transition:enter-start="opacity-0" 194 x-transition:enter-end="opacity-100" 195 x-transition:leave="transition ease-in-out" 196 x-transition:leave-start="opacity-100" 197 x-transition:leave-end="opacity-0" 198 x-show="dropdownIsOpen1" 199 x-cloak> 200 <ul class="flex flex-col gap-y-3 p-4 py-5 bg-black/70 backdrop-blur shadow-lg min-w-max text-left transition-all"> 201 202 <li> 203 <a href="/films/film-catalogue/" class="navbar-link child-link is-active"> 204 Current Productions 205 </a> 206 </li> 207 208 <li> 209 <a href="/films/film-archive/" class="navbar-link child-link "> 210 Film Archive 211 </a> 212 </li> 213 214 </ul> 215 </div> 216 </li> 217 218 219 220 221 <!-- Menu Links without Child Pages --> 222 <li> 223 <a href="/funding/" class="navbar-link "> 224 Funding 225 </a> 226 </li> 227 228 229 230 231 <!-- Menu Links with Child Pages --> 232 <li class="relative" @mouseleave="dropdownIsOpen3 = false"> 233 <!-- Dropdown Toggle Button --> 234 <a href="/festivals/" class="navbar-link " 235 @mouseover="dropdownIsOpen3 = true"> 236 Festivals
237 <span class="transition-transform" > 238 <svg class="w-3 h-3 -mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 239 stroke-width="2" stroke="currentColor"> 240 <path stroke-linecap="round" stroke-linejoin="round" 241 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 242 </svg> 243 </span> 244 </a> 245 246 <!-- Dropdown Menu --> 247 <div class="absolute -left-4 pt-5 top-[7px] " 248 x-transition:enter="transition ease-in-out" 249 x-transition:enter-start="opacity-0" 250 x-transition:enter-end="opacity-100" 251 x-transition:leave="transition ease-in-out" 252 x-transition:leave-start="opacity-100" 253 x-transition:leave-end="opacity-0" 254 x-show="dropdownIsOpen3" 255 x-cloak> 256 <ul class="flex flex-col gap-y-3 p-4 py-5 bg-black/70 backdrop-blur shadow-lg min-w-max text-left transition-all"> 257 258 <li> 259 <a href="/festivals/official-festivals/" class="navbar-link child-link "> 260 Official Festivals 261 </a> 262 </li> 263 264 <li> 265 <a href="/festivals/indepedent-festivals/" class="navbar-link child-link "> 266 Independent Festivals 267 </a> 268 </li> 269 270 <li> 271 <a href="/festivals/film-clubs/" class="navbar-link child-link "> 272 Film Clubs 273 </a> 274 </li> 275 276 <li> 277 <a href="/festivals/international-festivals/" class="navbar-link child-link "> 278 International Festivals 279 </a> 280 </li> 281 282 </ul> 283 </div> 284 </li> 285 286 287 288 289 <!-- Menu Links without Child Pages --> 290 <li> 291 <a href="/filming/" class="navbar-link "> 292 Incentives 293 </a> 294 </li> 295 296 297 298 299 <!-- Menu Links without Child Pages --> 300 <li> 301 <a href="/trainings/" class="navbar-link "> 302 Training 303 </a> 304 </li> 305 306 307 308 309 <!-- Menu Links without Child Pages --> 310 <li> 311 <a href="/about/" class="navbar-link "> 312 About 313 </a> 314 </li> 315 316 317 318 319 <!-- Menu Links without Child Pages --> 320 <li> 321 <a href="/contact-us/" class="navbar-link "> 322 Contact 323 </a> 324 </li> 325 326 327 </ul> 328 329 330 331 <a class="search-button w-10 h-10 rounded-full p-2 inline-flex items-center justify-center cursor-pointer navbar-link" @click="dropdownIsOpenSearch = true; $nextTick(() => $refs.searchField.focus())"> 332 <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewB
332ox="0 0 512 512"> 333 <path style="fill:currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" /> 334 </svg> 335 </a> 336 337 <div class="-z-10 fixed w-screen h-screen left-0 p-5 top-0 bg-black/90 flex items-center justify-center text-white" 338 x-transition:enter="transition ease-in-out" 339 x-transition:enter-start="opacity-0" 340 x-transition:enter-end="opacity-100" 341 x-transition:leave="transition ease-in-out" 342 x-transition:leave-start="opacity-100" 343 x-transition:leave-end="opacity-0" 344 x-show="dropdownIsOpenSearch" 345 x-trap.noscroll="dropdownIsOpenSearch" 346 x-cloak> 347 348 <ul class="flex flex-col py-10 px-10 gap-y-3 gap-x-10 align-center justify-center w-full max-w-[600px]" @click.outside="dropdownIsOpenSearch = false" > 349 <div> 350 <p class="text-h3 text-center mb-6"> 351 Search 352 </p> 353 <form action="/search/" class="flex relative max-w-xl w-full mx-auto"> 354 <input x-ref="searchField" type="text" name="query" value="" 355 class="!my-0 rounded-full bg-transparent grow !border-white box-border ring-orange-500 focus:!border-orange-500 focus:ouline-secondary outline-none !text-white"> 356 357 <button type="submit" class="button rounded-full button-sm white absolute -right-[2px] top-0 h-full !bg-orange-500 text-black flex items-center justify-center !p-0 w-16"> 358 <svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 512 512"> 359 <path class="" style="fill:currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" /> 360 </svg> 361 </button> 362 </form> 363 </div> 364 </ul> 365 </div> 366 367 <ul class=""> 368 369 <li class="relative" @mouseleave="dropdownIsOpenLangPicker = false"> 370 <!-- Dropdown Toggle Button --> 371 <a 372 class="navbar-link uppercase " 373 @mouseover="dropdownIsOpenLangPicker = true"> 374 En 375 <span class="transition-transform" 376 :class="{'-rotate-180' : dropdownIsOpenLangPicker == true}"> 377 <svg class="w-3 h-3 -mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 378 stroke-width="2" stroke="currentColor"> 379 <path stroke-linecap="round" stroke-linejoin="round" 380 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 381 </svg> 382 </span> 383 </a> 384 <div class="absolute right-0" 385 x-transition:enter="transition ease-in-out" 386 x-transition:enter-start="opacity-0" 387 x-transition:enter-end="opacity-100" 388 x-transition:leave="transition ease-in-out" 389 x-transition:leave-start="opacity-100" 390 x-transition:leave-end="opacity-0" 391 x-show="dropdownIsOpenLangPicker" 392 x-cloak> 393 <ul class="flex flex-col gap-y-3 p-4 py-5 bg-black/70 backdrop-blur shadow-lg min-w-max text-left transition-all"> 394 395 396 397 398 399 400 401 402 403 404 405 406 407 <li> 408 <a class="navbar-link child-link" 409 href="/el/films/film-catalogue/" rel="alternate" 410 hreflang="el"> 411 Ελληνικά 412 </a> 413 </li> 414 415 416 417 418 </ul> 419 </div> 420 </li> 421 </ul> 422 </div> 423 </div> 424
425 <!-- Mobile Menu - Open Menu --> 426 <div class="fixed inset-0 z-[110] flex items-center justify-center w-full py-20 transition-all bg-black" 427 x-transition:enter="transition ease-in-out" 428 x-transition:enter-start="opacity-0" 429 x-transition:enter-end="opacity-100" 430 x-transition:leave="transition ease-in-out" 431 x-transition:leave-start="opacity-100" 432 x-transition:leave-end="opacity-0" 433 x-show="menuIsOpen" 434 x-trap.noscroll="menuIsOpen" 435 x-cloak> 436 <ul class="flex flex-col gap-5 mx-auto text-center w-max"> 437 438 439 440 441 442 <!-- Menu Links with Child Pages --> 443 <li> 444 <a href="/films/" class="navbar-link "> 445 Films 446 <span class="transition-transform" :class="{'-rotate-180' : isSelected == 1}" 447 @click="isSelected !== 1 ? isSelected = 1 : isSelected = null" 448 @click.prevent=""> 449 <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 450 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 451 </svg> 452 </span> 453 </a> 454 <div class="min-h-0 overflow-hidden transition-all duration-700 max-h-0" x-ref="container1" 455 :class="{'mt-5' : isSelected == 1}" 456 :style="isSelected == 1 ? 'min-height: ' + $refs.container1.scrollHeight + 'px' : ''"> 457 <ul class="flex flex-col items-center gap-y-2"> 458 459 <li> 460 <a href="/films/film-catalogue/" class="navbar-link child-link is-active"> 461 Current Productions 462 </a> 463 </li> 464 465 <li> 466 <a href="/films/film-archive/" class="navbar-link child-link "> 467 Film Archive 468 </a> 469 </li> 470 471 </ul> 472 </div> 473 </li> 474 475 476 477 478 <!-- Menu Links without Child Pages --> 479 <li> 480 <a href="/funding/" class="navbar-link "> 481 Funding 482 </a> 483 </li> 484 485 486 487 488 <!-- Menu Links with Child Pages --> 489 <li> 490 <a href="/festivals/" class="navbar-link "> 491 Festivals 492 <span class="transition-transform" :class="{'-rotate-180' : isSelected == 3}" 493 @click="isSelected !== 3 ? isSelected = 3 : isSelected = null" 494 @click.prevent=""> 495 <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 496 <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 497 </svg> 498 </span> 499 </a> 500 <div class="min-h-0 overflow-hidden transition-all duration-700 max-h-0" x-ref="container3" 501 :class="{'mt-5' : isSelected == 3}" 502 :style="isSelected == 3 ? 'min-height: ' + $refs.container3.scrollHeight + 'px' : ''"> 503 <ul class="flex flex-col items-center gap-y-2"> 504 505 <li> 506 <a href="/festivals/official-festivals/" class="navbar-link child-link "> 507 Official Festivals 508 </a> 509 </li> 510 511 <li> 512 <a href="/festivals/indepedent-festivals/" class="navbar-link child-link "> 513 Independent Festivals 514 </a> 515 </li> 516 517 <li> 518 <a href="/festivals/film-clubs/" class="navbar-link child-link "> 519 Film Clubs 520 </a> 521 </li> 522 523 <li> 524 <a href="/festivals/international-festivals/" class="navbar-link child-link "> 525 International Festivals 526 </a> 527 </li> 528 529 </ul> 530 </div> 531 </li> 532 533 534 535 536 <!-- Menu Links without Child Pages --> 537 <li> 538 <a href="/filming/" class="navbar-link "> 539 Incentives 540 </a> 541 </li> 542 543 544 545 546 <!-- Menu Links without Child Pages --> 547 <li> 548 <a href="/trainings/" class="navbar-link "> 549 Training 550 </a> 551 </li> 552 553 554 555 556 <!-- Menu Links without Child Pages --> 557 <li> 558 <a href="/about/" class="navbar-link "> 559 About 560 </a> 561 </li> 562 563 564 565 566 <!-- Menu Links without Child Pages --> 567 <li> 568 <a href="/contact-us/" class="navbar-link "> 569 Contact 570 </a> 571 </li> 572 573 574 </ul> 575 </div> 576</nav> 577 578 579 580 581
582<header class="min-h-[400px] md:min-h-[550px] pt-[350px] pb-20 bg-cover bg-no-repeat bg-center flex " 583 style="background-image: linear-gradient(to bottom, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0.4) 50%, rgba(13, 13, 13, 1) 650px), linear-gradient(to bottom, rgba(13, 13, 13, 0.7) 0%, rgba(13, 13, 13, 0) 200px ), url('/images/AuliVHbSCcuQ-fKqJn7scynna4Q=/46/width-1920/Films_-_movie_scene.png')"> 584 <div class="container text-white max-md:overflow-auto"> 585 586 587 <h1 class="max-w-[600px] text-h1 font-semibold "> 588 Current Productions 589 </h1> 590 591 592 593 594 595 596 597 598 </div> 599</header> 600 <main class="bg-black"> 601 <section class="pt-8"> 602 <div class="container"> 603 604<div class="relative flex flex-col" x-data="{showonmobile:false}" @click.outside="showonmobile = false"> 605 606 607 <div class="p-2 text-white cursor-pointer z-[51] mr-auto flex gap-2 "> 608 <div class="z-[100] relative top-1 md:hidden" @click="showonmobile = !showonmobile"> 609 610 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 611 <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7C3 6.73478 3.10536 6.48043 3.29289 6.29289C3.48043 6.10536 3.73478 6 4 6H20C20.2652 6 20.5196 6.10536 20.7071 6.29289C20.8946 6.48043 21 6.73478 21 7C21 7.26522 20.8946 7.51957 20.7071 7.70711C20.5196 7.89464 20.2652 8 20 8H4C3.73478 8 3.48043 7.89464 3.29289 7.70711C3.10536 7.51957 3 7.26522 3 7ZM5 11.5C5 11.2348 5.10536 10.9804 5.29289 10.7929C5.48043 10.6054 5.73478 10.5 6 10.5H18C18.2652 10.5 18.5196 10.6054 18.7071 10.7929C18.8946 10.9804 19 11.2348 19 11.5C19 11.7652 18.8946 12.0196 18.7071 12.2071C18.5196 12.3946 18.2652 12.5 18 12.5H6C5.73478 12.5 5.48043 12.3946 5.29289 12.2071C5.10536 12.0196 5 11.7652 5 11.5ZM8 16C8 15.7348 8.10536 15.4804 8.29289 15.2929C8.48043 15.1054 8.73478 15 9 15H15C15.2652 15 15.5196 15.1054 15.7071 15.2929C15.8946 15.4804 16 15.7348 16 16C16 16.2652 15.8946 16.5196 15.7071 16.7071C15.5196 16.8946 15.2652 17 15 17H9C8.73478 17 8.48043 16.8946 8.29289 16.7071C8.10536 16.5196 8 16.2652 8 16Z" fill="currentColor" /> 612 </svg> 613 </div> 614 615 616 617 618 619 </div> 620 <div 621 :class="{ '': showonmobile, 'max-md:hidden': !showonmobile }" 622 class="flex relative vb items-center z-100 bg-black gap-3 z-20 mb-8 max-md:absolute max-md:h-auto max-md:px-12 py-5 max-md:w-full max-md:z-[100] max-md:items-start max-md:flex max-md:flex-col max-md:bg-black max-md:-top-5 max-md:left-0 "> 623 624 625 <div class="z-[101] text-white absolute top-8 left-2 md:hidden" @click="showonmobile = !showonmobile"> 626 627 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 628 <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7C3 6.73478 3.10536 6.48043 3.29289 6.29289C3.48043 6.10536 3.73478 6 4 6H20C20.2652 6 20.5196 6.10536 20.7071 6.29289C20.8946 6.48043 21 6.73478 21 7C21 7.26522 20.8946 7.51957 20.7071 7.70711C20.5196 7.89464 20.2652 8 20 8H4C3.73478 8 3.48043 7.89464 3.29289 7.70711C3.10536 7.51957 3 7.26522 3 7ZM5 11.5C5 11.2348 5.10536 10.9804 5.29289 10.7929C5.48043 10.6054 5.73478 10.5 6 10.5H18C18.2652 10.5 18.5196 10.6054 18.7071 10.7929C18.8946 10.9804 19 11.2348 19 11.5C19 11.7652 18.8946 12.0196 18.7071 12.2071C18.5196 12.3946 18.2652 12.5 18 12.5H6C5.73478 12.5 5.48043 12.3946 5.29289 12.2071C5.10536 12.0196 5 11.7652 5 11.5ZM8 16C8 15.7348 8.10536 15.4804 8.29289 15.2929C8.48043 15.1054 8.73478 15 9 15H15C15.2652 15 15.5196 15.1054 15.7071 15.2929C15.8946 15.4804 16 15.7348 16 16C16 16.2652 15.8946 16.5196 15.7071 16.7071C15.5196 16.8946 15.2652 17 15 17H9C8.73478 17 8.48043 16.8946 8.29289 16.7071C8.10536 16.5196 8 16.2652 8 16Z" fill="currentColor" /> 629 </svg> 630 </div> 631 <div x-cloak x-data="{ open: false }" class="relative text-white rounded-lg max-md:w-full "> 632 633 <form action="" class="flex gap-3 filters-form max-md:flex-col"> 634 635 <select name="production_stage" id="id_production_stage" class=" min-w-[180px] my-0 bg-black border border-white text-white rounded-md"> 636 <option value="" disabled selected>Production Stage</option> 637 638 639 640 <option value="in_development" > In Development</option> 641 642 643 644 <option value="in_production" > In Production</option> 645 646 647 648 <option value="new_release" > New Releases</option> 649 650 651 </select> 652 653 <select name="duration" id="id_duration" class=" min-w-[140px] my-0 bg-black border border-white text-white rounded-md"> 654 <option value="" disabled selected>Duration</option> 655 656 657 658 <option value="featured" > Feature</option> 659 660 661 662 <option value="short_film" > Short Film</option> 663 664 665 </select> 666 <select name="category" id="id_category" class=" min-w-[140px] my-0 bg-black border border-white text-white rounded-md"> 667 <option value="" disabled selected>Category</option> 668 669 670 671 <option value="3" > Animation</option> 672 673 674 675 <option value="2" > Documentary</option> 676 677 678 679 <option value="1" > Fiction</option> 680 681 682 </select> 683 <button class=" rounded-md !bg-white/50 text-black font-black hover:!bg-orange-400 hover:!text-black w-auto whitespace-nowrap py-2 px-4 text-center !content-center">Filter Films</button> 684 </form> 685 </div> 686 687 </div> 688</div> 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 <div class="max-md:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 grid gap-x-5 gap-y-12"> 708 709 710 711<a href="/films/film-catalogue/miahara/" class="relative group"> 712 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 713 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 714 x-data="{ tooltip: false }" 715 x-on:mouseover="tooltip = true" 716 x-on:mouseleave="tooltip = false"> 717 718 <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 719 <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
71976 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" /> 720 <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009
72016.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" /> 721 </svg> 722 723 724 725 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 726 727 728 In Development 729 730 </div> 731 </div> 732 733 734 735 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/MIA_ChARA_-_AFISA.2e16d0ba.fill-350x500.png" alt="ΜΙΑ ΧΑΡΑ - ΑΦΙΣΑ"> 736 737 738 739 740 741 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 742 743 </div> 744 745 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 746 747 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Mia Hara</h4> 748 749 750 </div> 751 </div> 752</a> 753 754 755<a href="/films/film-catalogue/nala-and-stella/" class="relative group"> 756 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 757 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 758 x-data="{ tooltip: false }" 759 x-on:mouseover="tooltip = true" 760 x-on:mouseleave="tooltip = false"> 761 762 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 763 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 764 </svg> 765 766 767 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 768 769 770 In Production 771 772 </div> 773 </div> 774 775 776 777 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Nala__Stella.2e16d0ba.fill-350x500.jpg" alt="Nala & Stella"> 778 779 780 781 782 783 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 784 785 </div> 786 787 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 788 789 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">The Lion at my Back</h4> 790 791 792 </div> 793 </div> 794</a> 795 796 797<a href="/films/film-catalogue/women-of-22/" class="relative group"> 798 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 799 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 800 x-data="{ tooltip: false }" 801 x-on:mouseover="tooltip = true" 802 x-on:mouseleave="tooltip = false"> 803 804 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 805 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 806 </svg> 807 808 809 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 810 811 812 In Production 813 814 </div> 815 </div> 816 817 818 819 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Women_of_22_-_Poster_22-1024x558.2e16d0ba.fill-350x500.png" alt="Women of 22 - Poster 22-1024x558"> 820 821 822 823 824 825 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 826 827 </div> 828 829 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 830 831 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Women of 22</h4> 832 833 834 </div> 835 </div> 836</a> 837 838 839<a href="/films/film-catalogue/maricel/" class="relative group"> 840 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 841 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 842 x-data="{ tooltip: false }" 843 x-on:mouseover="tooltip = true" 844 x-on:mouseleave="tooltip = false"> 845 846 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 847 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794
84713.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 848 </svg> 849 850 851 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 852 853 854 In Production 855 856 </div> 857 </div> 858 859 860 861 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Maricel.2e16d0ba.fill-350x500.jpg" alt="Maricel"> 862 863 864 865 866 867 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 868 869 </div> 870 871 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 872 873 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Maricel</h4> 874 875 876 </div> 877 </div> 878</a> 879 880 881<a href="/films/film-catalogue/gizem/" class="relative group"> 882 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 883 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 884 x-data="{ tooltip: false }" 885 x-on:mouseover="tooltip = true" 886 x-on:mouseleave="tooltip = false"> 887 888 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 889 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 890 </svg> 891 892 893 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 894 895 896 In Production 897 898 </div> 899 </div> 900 901 902 903 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Gizem_-_Poster_66.2e16d0ba.fill-350x500.png" alt="Gizem - Poster 66"> 904 905 906 907 908 909 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 910 911 </div> 912 913 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 914 915 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Apart from Her</h4> 916 917 918 </div> 919 </div> 920</a> 921 922 923<a href="/films/film-catalogue/my-name-is-lily/" class="relative group"> 924 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 925 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 926 x-data="{ tooltip: false }" 927 x-on:mouseover="tooltip = true" 928 x-on:mouseleave="tooltip = false"> 929 930 <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 931 <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
93176 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" /> 932 <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009
93216.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" /> 933 </svg> 934 935 936 937 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 938 939 940 In Development 941 942 </div> 943 </div> 944 945 946 947 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/My_Name_is_Lily_picture_booklet.2e16d0ba.fill-350x500.jpg" alt="My Name is Lily picture booklet"> 948 949 950 951 952 953 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 954 955 </div> 956 957 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 958 959 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">My Name is Lily</h4> 960 961 962 </div> 963 </div> 964</a> 965 966 967<a href="/films/film-catalogue/vasiles-michaelides/" class="relative group"> 968 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 969 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 970 x-data="{ tooltip: false }" 971 x-on:mouseover="tooltip = true" 972 x-on:mouseleave="tooltip = false"> 973 974 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 975 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 976 </svg> 977 978 979 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 980 981 982 In Production 983 984 </div> 985 </div> 986 987 988 989 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Vasiles_Michaelides_-_Poster_72.2e16d0ba.fill-350x500.png" alt="Vasiles Michaelides - Poster 72"> 990 991 992 993 994 995 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 996 997 </div> 998 999 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1000 1001 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Vasilis Michaelides</h4> 1002 1003 1004 </div> 1005 </div> 1006</a> 1007 1008 1009<a href="/films/film-catalogue/shibboleth/" class="relative group"> 1010 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1011 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1012 x-data="{ tooltip: false }" 1013 x-on:mouseover="tooltip = true" 1014 x-on:mouseleave="tooltip = false"> 1015 1016 <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 1017 <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
101776 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" /> 1018 <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009
101816.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" /> 1019 </svg> 1020 1021 1022 1023 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1024 1025 1026 In Development 1027 1028 </div> 1029 </div> 1030 1031 1032 1033 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Shibboleth_-_Poster_68.2e16d0ba.fill-350x500.jpg" alt="Shibboleth - Poster 68"> 1034 1035 1036 1037 1038 1039 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1040 1041 </div> 1042 1043 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1044 1045 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Shibboleth</h4> 1046 1047 1048 </div> 1049 </div> 1050</a> 1051 1052 1053<a href="/films/film-catalogue/the-first-cypriot-astronaut/" class="relative group"> 1054 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1055 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1056 x-data="{ tooltip: false }" 1057 x-on:mouseover="tooltip = true" 1058 x-on:mouseleave="tooltip = false"> 1059 1060 <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 1061 <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.1076 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" /> 1062 <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.
10626355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009 16.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" /> 1063 </svg> 1064 1065 1066 1067 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1068 1069 1070 In Development 1071 1072 </div> 1073 </div> 1074 1075 1076 1077 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/The_first_Cypriot_astronaut_-_Post.2e16d0ba.fill-350x500.png" alt="The first Cypriot astronaut - Poster 60"> 1078 1079 1080 1081 1082 1083 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1084 1085 </div> 1086 1087 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1088 1089 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">The First Cypriot Astronaut</h4> 1090 1091 1092 </div> 1093 </div> 1094</a> 1095 1096 1097<a href="/films/film-catalogue/common-good/" class="relative group"> 1098 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1099 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1100 x-data="{ tooltip: false }" 1101 x-on:mouseover="tooltip = true" 1102 x-on:mouseleave="tooltip = false"> 1103 1104 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1105 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 1106 </svg> 1107 1108 1109 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1110 1111 1112 In Production 1113 1114 </div> 1115 </div> 1116 1117 1118 1119 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Common_Good.2e16d0ba.fill-350x500.jpg" alt="Common Good"> 1120 1121 1122 1123 1124 1125 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1126 1127 </div> 1128 1129 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1130 1131 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Common Good</h4> 1132 1133 1134 </div> 1135 </div> 1136</a> 1137 1138 1139<a href="/films/film-catalogue/the-unfair-life-of-vassilia-belousi/" class="relative group"> 1140 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1141 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1142 x-data="{ tooltip: false }" 1143 x-on:mouseover="tooltip = true" 1144 x-on:mouseleave="tooltip = false"> 1145 1146 <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 1147 <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
114776 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" /> 1148 <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009
114816.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" /> 1149 </svg> 1150 1151 1152 1153 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1154 1155 1156 In Development 1157 1158 </div> 1159 </div> 1160 1161 1162 1163 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/The_Unfair_Life_of_Vassilia_Belous.2e16d0ba.fill-350x500.png" alt="The Unfair Life of Vassilia Belousi - Poster Unfair-938x1024"> 1164 1165 1166 1167 1168 1169 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1170 1171 </div> 1172 1173 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1174 1175 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Life is Cruel to Vassilia Belousi</h4> 1176 1177 1178 </div> 1179 </div> 1180</a> 1181 1182 1183<a href="/films/film-catalogue/motherwitch/" class="relative group"> 1184 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1185 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1186 x-data="{ tooltip: false }" 1187 x-on:mouseover="tooltip = true" 1188 x-on:mouseleave="tooltip = false"> 1189 1190 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1191 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 1192 </svg> 1193 1194 1195 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1196 1197 1198 In Production 1199 1200 </div> 1201 </div> 1202 1203 1204 1205 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Motherwitch.2e16d0ba.fill-350x500.jpg" alt="Motherwitch"> 1206 1207 1208 1209 1210 1211 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1212 1213 </div> 1214 1215 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1216 1217 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Motherwitch</h4> 1218 1219 1220 </div> 1221 </div> 1222</a> 1223 1224 1225<a href="/films/film-catalogue/the-well/" class="relative group"> 1226 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1227 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1228 x-data="{ tooltip: false }" 1229 x-on:mouseover="tooltip = true" 1230 x-on:mouseleave="tooltip = false"> 1231 1232 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1233 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 1234 </svg> 1235 1236 1237 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1238 1239 1240 In Production 1241 1242 </div> 1243 </div> 1244 1245 1246 1247 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/The_Well_2.2e16d0ba.fill-350x500.png" alt="The Well 2"> 1248 1249 1250 1251 1252 1253 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1254 1255 </div> 1256 1257 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1258 1259 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">The Well</h4> 1260 1261 1262 </div> 1263 </div> 1264</a> 1265 1266 1267<a href="/films/film-catalogue/how-we-spent-christmas/" class="relative group"> 1268 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1269 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1270 x-data="{ tooltip: false }" 1271 x-on:mouseover="tooltip = true" 1272 x-on:mouseleave="tooltip = false"> 1273 1274 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1275 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794
127513.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 1276 </svg> 1277 1278 1279 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1280 1281 1282 In Production 1283 1284 </div> 1285 </div> 1286 1287 1288 1289 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/How_we_spent_Christmas.2e16d0ba.fill-350x500.jpg" alt="How we spent Christmas"> 1290 1291 1292 1293 1294 1295 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1296 1297 </div> 1298 1299 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1300 1301 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">
1301How we Spent Christmas</h4> 1302 1303 1304 </div> 1305 </div> 1306</a> 1307 1308 1309<a href="/films/film-catalogue/eastern-mediterranean/" class="relative group"> 1310 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1311 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1312 x-data="{ tooltip: false }" 1313 x-on:mouseover="tooltip = true" 1314 x-on:mouseleave="tooltip = false"> 1315 1316 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1317 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 1318 </svg> 1319 1320 1321 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1322 1323 1324 In Production 1325 1326 </div> 1327 </div> 1328 1329 1330 1331 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Eastern_Mediterranean_image.2e16d0ba.fill-350x500.jpg" alt="Eastern Mediterranean image"> 1332 1333 1334 1335 1336 1337 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1338 1339 </div> 1340 1341 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1342 1343 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Eastern Mediterranean</h4> 1344 1345 1346 </div> 1347 </div> 1348</a> 1349 1350 1351<a href="/films/film-catalogue/yiannis/" class="relative group"> 1352 <div class=" rounded-lg overflow-hidden border border-gray/50 "> 1353 <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10" 1354 x-data="{ tooltip: false }" 1355 x-on:mouseover="tooltip = true" 1356 x-on:mouseleave="tooltip = false"> 1357 1358 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 1359 <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" /> 1360 </svg> 1361 1362 1363 <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap"> 1364 1365 1366 In Production 1367 1368 </div> 1369 </div> 1370 1371 1372 1373 <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Yiannis.2e16d0ba.fill-350x500.jpg" alt="Yiannis"> 1374 1375 1376 1377 1378 1379 <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24 transition-all"> 1380 1381 </div> 1382 1383 <div class="px-5 text-center text-h5 absolute bottom-0 w-full"> 1384 1385 <h4 class="relative bottom-0 top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Yiannis</h4> 1386 1387 1388 </div> 1389 </div> 1390</a> 1391 1392 </div> 1393 1394 1395 <!-- #region PAGINATION --> 1396 <div class="container mt-20"> 1397 <nav class="flex items-center justify-center gap-3" aria-label="Pagination"> 1398 1399 1400 1401 <a class="border border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 1402 text-white !border-orange-100/50 font-extrabold pointer-events-none " href="?page=1"> 1403 1 1404 </a> 1405 1406 <a class="border border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 1407 1408 text-gray hover:text-orange-100 hover:border-orange-100/30" href="?page=2"> 1409 2 1410 </a> 1411 1412 <a class="border border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 1413 1414 text-gray hover:text-orange-100 hover:border-orange-100/30" href="?page=3"> 1415 3 1416 </a> 1417 1418 <a class="border border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 1419 1420 text-gray hover:text-orange-100 hover:border-orange-100/30" href="?page=4"> 1421 4 1422 </a> 1423 1424 1425 1426 <a class="flex items-center justify-center ml-6 group " href="?page=2">
1427 <span class="sr-only">Next Page</span> 1428 <svg class="w-5 h-5 transition stroke-gray group-hover:stroke-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 1429 <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 1430 </svg> 1431 </a> 1432 1433 </nav> 1434 </div> 1435 <!-- #endregion PAGINATION --> 1436 1437 </div> 1438 </section> 1439 </main> 1440 1441 1442 1443 1444 1445 1446 1447<footer class="bg-black text-white"> 1448 <div class="py-4 bg-center bg-cover flex gap-5 justify-center items-center" style="background-image: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.57) 38%, rgba(0,0,0,0.57) 59%, rgba(0,0,0,0) 100%), url('/static/images/footer-stripe.jpg');"> 1449 1450 1451 <a class="text-light-gray hover:text-white group" href="https://www.facebook.com/departmentofcontemporaryculturecyprus/" target="_blank"> 1452 <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 320 512"> 1453 <path class="transition fill-light-gray group-hover:fill-green-400" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" fill="currentColor" /> 1454 </svg> 1455 </a> 1456 1457 1458 1459 <a class="group" href="https://twitter.com/cypolitismos" target="_blank"> 1460 <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 512 512"> 1461 <path class="transition fill-light-gray group-hover:fill-green-400" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="currentColor" /> 1462 </svg> 1463 </a> 1464 1465 1466 1467 <a class="group" href="https://www.instagram.com/depminculturecy/" target="_blank"> 1468 <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 448 512"> 1469 <path class="transition fill-light-gray group-hover:fill-green-400" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="currentColor" /> 1470 </svg> 1471 </a> 1472 1473 1474 </div> 1475 </div> 1476 <div class="container py-16 pb-10 flex flex-col gap-10"> 1477 <div class="max-md:flex max-md:flex-col md:grid md:grid-cols-12 gap-16"> 1478 1479 <div class="col-span-12 lg:col-span-4 flex flex-col gap-8"> 1480 1481 <div class="flex gap-4"> 1482 1483 <!-- Logo --> 1484 1485 1486 <a target="_blank" href="/" > 1487 <img class="max-h-24" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Cyprus_Cinema_Office_-_logo.original.png" alt="Logo"> 1488 </a> 1489 1490 1491 1492 <a target="_blank" href="/" > 1493 <img class="max-h-24" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/DMC-CC_CMYK-04.original.png" alt="Logo"> 1494 </a> 1495 1496 1497 </div> 1498 1499 </div> 1500 1501 <div class="md:col-span-5 lg:col-span-4 flex flex-col gap-3"> 1502 1503 <h6 class=" font-extrabold mb-3"> 1504 Deputy Ministry of Culture - Department of Contemporary Culture 1505 </h6> 1506 1507 1508 <a href="https://www.google.com/maps/search/Ifigenias+27,+Strovolos+2007/@35.1529097,33.3627669,17z/data=!3m1!4b1?entry=ttu&g_ep=EgoyMDI0MTExMS4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="text-light-gray hover:text-white flex gap-3 items-center"> 1509 <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 1510 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 18.54L11.131 17.829C11.847 17.0097 12.4913 16.23 13.064 15.49L13.537 14.866C15.5123 12.2053 16.5 10.0943 16.5 8.533C16.5 5.201 13.814 2.5 10.5 2.5C7.186 2.5 4.5 5.201 4.5 8.533C4.5 10.0943 5.48767 12.2057 7.463 14.867L7.936 15.491C8.75355 16.5383 9.60877 17.5546 10.5 18.54Z" stroke="#6A6A6A" stroke-linecap="round" stroke-linejoin="round" /> 1511 <path d="M10.5 11C11.8807 11 13 9.88071 13 8.5C13 7.11929 11.8807 6 10.5 6C9.11929 6 8 7.11929 8 8.5C8 9.88071 9.11929 11 10.5 11Z" stroke="#6A6A6A" stroke-linecap="round" stroke-linejoin="round" /> 1512 </svg> 1513 Ifigenias 27, Strovolos, Nicosia, Cyprus 1514 1515 </a> 1516 1517 1518 <a href="tel:+357 22 809 811" class="text-light-gray hover:text-white flex gap-3 items-center"> 1519 <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 1520 <path d="M11.7787 9.83947L12.1017 9.51859L11.3515 8.76493L11.03 9.0858L11.7787 9.83947ZM13.1847 9.38401L14.5383 10.12L15.0448 9.18639L13.6919 8.45114L13.1847 9.38401ZM14.7983 11.582L13.7925 12.5828L14.5412 13.3358L15.547 12.3356L14.7983 11.582ZM13.179 12.9044C12.152 13.0008 9.49571 12.9151 6.61846 10.0548L5.86905 10.8078C9.00838 13.9294 11.9968 14.0824 13.2782 13.9627L13.179 12.9044ZM6.61846 10.0548C3.87651 7.32772 3.42176 5.03485 3.36509 4.03964L2.30401 4.09985C2.37484 5.35218 2.93796 7.89368 5.86905 10.8078L6.61846 10.0548ZM7.59242 5.6773L7.79571 5.47472L7.047
152071 4.72176L6.84442 4.92364L7.59242 5.6773ZM7.95721 2.89993L7.06471 1.7071L6.21401 2.3446L7.10651 3.53672L7.95721 2.89993ZM4.06067 1.44714L2.94859 2.55214L3.69801 3.3058L4.80938 2.2008L4.06067 1.44714ZM7.21842 5.30047C6.84301 4.92364 6.84301 4.92364 6.84301 4.92505H6.84159L6.83946 4.92789C6.8058 4.96183 6.77566 4.99909 6.74951 5.0391C6.71126 5.09576 6.66946 5.17014 6.63405 5.26435C6.54783 5.50753 6.52634 5.76897 6.57171 6.02297C6.66663 6.63568 7.0888 7.4453 8.16971 8.52055L8.91913 7.76689C7.90692 6.76105 7.66609 6.14905 7.62146 5.86005C7.60021 5.72264 7.62217 5.65464 7.62855 5.63905C7.6328 5.62961 7.6328 5.62819 7.62855 5.6348C7.62223 5.64458 7.61512 5.65382 7.6073 5.66243L7.60021 5.66951L7.59313 5.67589L7.21842 5.30047ZM8.16971 8.52055C9.25134 9.5958 10.0652 10.0151 10.6786 10.1086C10.9924 10.1568 11.2453 10.1186 11.4373 10.047C11.5448 10.0077 11.6452 9.95123 11.7348 9.87985L11.7702 9.84797L11.7751 9.84372L11.7773 9.8416L11.778 9.84018C11.778 9.84018 11.7787 9.83947 11.404 9.46264C11.0285 9.0858 11.0307 9.0851 11.0307 9.0851L11.0321 9.08368L11.0335 9.08226L11.0378 9.07872L11.0448 9.07164L11.0718 9.05039C11.0784 9.04614 11.0767 9.04661 11.0668 9.0518C11.0491 9.05818 10.9797 9.08014 10.8401 9.05889C10.5469 9.01355 9.93063 8.77272 8.91913 7.76689L8.16971 8.52055ZM7.06471 1.70639C6.34221 0.743054 4.92271 0.590054 4.06067 1.44714L4.80938 2.2008C5.18621 1.8261 5.85488 1.86505 6.21401 2.3446L7.06471 1.70639ZM3.3658 4.04035C3.35163 3.79526 3.46426 3.53885 3.69801 3.30651L2.94788 2.55285C2.56751 2.9311 2.26788 3.4666 2.30401 4.09985L3.3658 4.04035ZM13.7925 12.5828C13.5984 12.7769 13.3887 12.886 13.1798 12.9051L13.2782 13.9627C13.7988 13.9138 14.2245 13.6517 14.5419 13.3365L13.7925 12.5828ZM7.79571 5.47472C8.49342 4.78126 8.54513 3.68547 7.95792 2.90064L7.10721 3.53743C7.39267 3.91922 7.35017 4.42001 7.04701 4.72247L7.79571 5.47472ZM14.539 10.1207C15.1178 10.4352 15.2077 11.1761 14.799 11.5827L15.5484 12.3356C16.4976 11.3914 16.205 9.8168 15.0455 9.1871L14.539 10.1207ZM12.1017 9.5193C12.3737 9.24872 12.8114 9.18214 13.1854 9.38472L13.6926 8.45185C12.9248 8.03393 11.9728 8.14939 11.3523 8.76564L12.1017 9.5193Z" fill="#6A6A6A" /> 1521 </svg> 1522 1523 +357 22 809 811 1524 </a> 1525 1526 1527 1528 1529 <a href="mailto:[email protected]" class="text-light-gray hover:text-white flex gap-3 items-center"> 1530 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1531 <g clip-path="url(#clip0_14_1705)"> 1532 <path d="M12.4219 2.8125H2.57812C1.93092 2.8125 1.40625 3.33717 1.40625 3.98438V11.0156C1.40625 11.6628 1.93092 12.1875 2.57812 12.1875H12.4219C13.0691 12.1875 13.5938 11.6628 13.5938 11.0156V3.98438C13.5938 3.33717 13.0691 2.8125 12.4219 2.8125Z" stroke="#6A6A6A" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round" /> 1533 <path d="M3.28125 4.6875L7.5 7.96875L11.7188 4.6875" stroke="#6A6A6A" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round" /> 1534 </g> 1535 <defs> 1536 <clipPath id="clip0_14_1705"> 1537 <rect width="15" height="15" fill="white" /> 1538 </clipPath> 1539 </defs> 1540 </svg> 1541 1542 [email protected] 1543 </a> 1544 1545 </div> 1546 <!-- Links --> 1547 <div class="md:col-span-7 lg:col-span-3"> 1548 <h6 class=" font-extrabold mb-3"> 1549 1550 </h6> 1551 1552 <div class="max-md:flex-col max-md:gap-3 flex gap-8"> 1553 1554 1555 <ul class="flex flex-col flex-wrap-2 gap-3"> 1556 1557 <li> 1558 1559 1560 1561 <a href="/blog/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">News</a> 1562 1563 1564 1565 </li> 1566 1567 <li> 1568 1569 1570 1571 <a href="/films/film-catalogue/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Films</a> 1572 1573 1574 1575 </li> 1576 1577 <li> 1578 1579 1580 1581 <a href="/funding/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Funding</a> 1582 1583 1584 1585 </li> 1586 1587 <li> 1588 1589 1590 1591 <a href="/festivals-1/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Festivals</a> 1592 1593 1594 1595 </li> 1596 1597 <li> 1598 1599 1600 1601 <a href="/about/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">About Us</a> 1602 1603 1604 1605 </li> 1606 1607 <li> 1608 1609 1610 1611 <a href="/contact-us/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Contact Us</a> 1612 1613 1614 1615 </li> 1616 1617 </ul> 1618 1619 1620 <ul class="flex flex-col flex-wrap-2 gap-3"> 1621 1622 <li> 1623 1624 1625 1626 <a href="/films/film-archive/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Film Archive</a> 1627 1628 1629 1630 </li> 1631 1632 <li> 1633 1634 1635 1636 <a href="/trainings/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Training</a> 1637 1638 1639 1640 </li> 1641 1642 <li> 1643 1644 1645 <a href="https://film.investcyprus.org.cy/incentives/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]"> 1646 Incentives 1647 <!-- IF EXTERNAL LINK: --> 1648 <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1649 <g opacity="0.6"> 1650 <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.7071
16507C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" /> 1651 </g> 1652 </svg> 1653 <!-- endIF EXTERNAL LINK: --> 1654 </a> 1655 1656 1657 </li> 1658 1659 <li> 1660 1661 1662 <a href="https://film.investcyprus.org.cy/film-cyprus/find-a-professional/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]"> 1663 Filming Professionals 1664 <!-- IF EXTERNAL LINK: --> 1665 <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1666 <g opacity="0.6"> 1667 <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.70717C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" /> 1668 </g> 1669 </svg> 1670 <!-- endIF EXTERNAL LINK: --> 1671 </a> 1672 1673 1674 </li> 1675 1676 <li> 1677 1678 1679 <a href="https://film.investcyprus.org.cy/cyprus/about-cyprus/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]"> 1680 About Cyprus 1681 <!-- IF EXTERNAL LINK: --> 1682 <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1683 <g opacity="0.6"> 1684 <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.70717C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" /> 1685 </g> 1686 </svg> 1687 <!-- endIF EXTERNAL LINK: --> 1688 </a> 1689 1690 1691 </li> 1692 1693 <li> 1694 1695 1696 <a href="https://film.investcyprus.org.cy/film-cyprus/locations/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]"> 1697 Filming Locations 1698 <!-- IF EXTERNAL LINK: --> 1699 <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1700 <g opacity="0.6"> 1701 <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.7071
17017C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" /> 1702 </g> 1703 </svg> 1704 <!-- endIF EXTERNAL LINK: --> 1705 </a> 1706 1707 1708 </li> 1709 1710 </ul> 1711 1712 </div> 1713 </div> 1714 1715 </div> 1716 <div class="w-full mt-6 h-[1px] bg-gradient-to-r from-orange-500 via-red-500 to-green-500"> 1717 1718 </div> 1719 1720 <!-- Copyrights --> 1721 <div class="md:text-center"> 1722 <p class=" text-white mb-2">Copyright © 2026 Department of Contemporary Culture 2024. Proudly developed by <a class="transition hover:text-green-500" href="https://pixelactions.com/" target="_blank">Pixel Actions</a>.</p> 1723 <div class="flex gap-6 md:justify-center"> 1724 1725 1726 <a href="/privacy-policy/" class="text-gray hover:text-white transition-all">Privacy Policy</a> 1727 1728 1729 1730 </div> 1731 </div> 1732</footer> 1733 1734 1735 1736 <!-- Swiper --> 1737
1737<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
1737 1738 </body> 1739</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.