Showing source for: https://www.awwwards.com/
Duration: 0.154198s
Server: nginx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="referrer" content="origin-when-cross-origin" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Awwwards - Website Awards - Best Web Design Trends</title>
<meta name="keywords" content="Website Awards, Web Design Inspiration, Webdesign Trends" >
<meta property="og:site_name" content="Awwwards">
<meta property="og:image" content="https://assets.awwwards.com/assets/images/pages/about-certificates/awwwards.jpg" />
<meta property="og:title" content="Awwwards - Website Awards - Best Web Design Trends" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.awwwards.com/" />
<meta property="og:description" content="Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world." />
<meta name="description" content="Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.">
<link rel="icon" href="https://assets.awwwards.com/assets/images/favicon.svg" type="image/svg+xml" />
<link rel="mask-icon" href="https://assets.awwwards.com/assets/images/favicon-safari.svg" color="#000000" />
<link rel="apple-touch-icon" href="https://www.awwwards.com/apple-touch-icon.png" />
<link rel="preload" href="https://assets.awwwards.com/assets/fonts/apercu/apercu-light-pro.woff2" as="font" crossorigin>
<link rel="preload" href="https://assets.awwwards.com/assets/fonts/apercu/apercu-regular-pro.woff2" as="font" crossorigin>
<link rel="preload" href="https://assets.awwwards.com/assets/fonts/apercu/apercu-bold-pro.woff2" as="font" crossorigin>
<style>
*{margin:0;padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}li{list-style:none}table{border-collapse:separate;border-spacing:0}img{border:none}input{border:none}input[type=submit],input[type=text]{-webkit-appearance:none}input:focus{outline:none}input[type=submit],button{cursor:pointer}input[type=submit]:focus,button:focus{outline:none}a{text-decoration:none}.grid{display:grid;grid-template-rows:repeat(var(--grid-rows, 1), 1fr);grid-template-columns:repeat(var(--grid-columns, 12), 1fr);gap:var(--grid-gutter, var(--gutter))}.grid__col-1{grid-column:auto/span 1}.grid__col-2{grid-column:auto/span 2}.grid__col-3{grid-column:auto/span 3}.grid__col-4{grid-column:auto/span 4}.grid__col-5{grid-column:auto/span 5}.grid__col-6{grid-column:auto/span 6}.grid__col-7{grid-column:auto/span 7}.grid__col-8{grid-column:auto/span 8}.grid__col-9{grid-column:auto/span 9}.grid__col-10{grid-column:auto/span 10}.grid__col-11{grid-column:auto/span 11}.grid__col-12{grid-column:auto/span 12}@media(max-width: 576px){.grid{display:flex;flex-direction:column}[class*=grid__col-]{grid-column:auto}}@font-face{font-family:"apercu";src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-light-pro.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"apercu";src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-light-italic-pro.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"apercu";src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-regular-pro.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"apercu";src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-medium-pro.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"apercu";src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-bold-pro.woff2") format("woff2");font-weight:600;font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"apercu";src:url("https://assets.awwwards.com/assets/fonts/apercu/apercu-black-pro.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Hanken Grotesk";src:url("https://assets.awwwards.com/assets/fonts/hanken-grotesk/HankenGrotesk-VariableFont_wght.ttf") format("truetype");font-weight:300 900}body:has(.nav-filters__item.is-open){overflow-y:hidden}@media(max-width: 1000px){body:has(.nav-filters__item.is-open) #header{z-index:0}body:has(.nav-filters__item.is-open) .nav-filters__container{background:rgba(0,0,0,0);pointer-events:none}body:has(.nav-filters__item.is-open) .nav-filters__item{opacity:0}body:has(.nav-filters__item.is-open) .nav-filters__dropdown{pointer-events:all}}:root{--nf-height: 54px;--nf-container-pad: 6px;--nf-bg-1: #ededed;--nf-bg-2: #f8f8f8;--nf-bg-3: #fff}.l-filters{display:grid;grid-auto-columns:auto 1fr}.l-filters:has(.l-filters__left) .nav-filters{margin-bottom:clamp(20px,3vw,40px)}.l-filters__left{display:flex;align-items:center}.l-filters__right{display:flex;align-items:center;justify-content:flex-end;gap:20px;white-space:nowrap}.l-filters .nav-filters,.l-filters .toggle{grid-column:1/3}@media(max-width: 1024px){.l-filters{grid-template-columns:1fr;padding-block:20px}.l-filters__left{order:-1;margin-bottom:20px}.l-filters__right{justify-content:space-between}}@media(max-width: 768px){.l-filters__right{white-space:normal}}.nav-filters{position:relative;z-index:0;margin-top:10px}.nav-filters:has(.is-open){z-index:3}.nav-filters:has(.is-open) .nav-filters__overlay{opacity:1;visibility:visible}.nav-filters__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);opacity:0;visibility:hidden;transition:all .3s;z-index:3}.nav-filters__container{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;min-height:var(--nf-height);padding:var(--nf-container-pad);background:var(--nf-bg-1);border-radius:var(--rounded-normal);z-index:4;transition:all .3s}.nav-filters__left{height:100%}.nav-filters__list{display:flex;gap:6px;flex-wrap:wrap;height:100%;font-size:15px;font-weight:500}.nav-filters__list>li{position:relative;min-width:0}.nav-filters__item{display:flex;align-items:center;min-width:48px;max-width:220px;height:42px;padding-inline:24px;background:var(--nf-bg-2);border-radius:var(--rounded-normal);cursor:pointer;transition:all .3s}.nav-filters__item:hover{background:var(--bg-white)}.nav-filters__item.is-open+.nav-filters__dropdown{max-height:500px;opacity:1;visibility:visible}.nav-filters__item.is-open .nav-filters__arrow{transform:rotate(180deg)}.nav-filters__item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-filters__item>.ico-svg{margin-left:6px}.nav-filters__ico{margin-left:6px}.nav-filters__dropdown{position:absolute;top:calc(100% + 12px);left:calc(var(--nf-container-pad)*-1);width:280px;max-height:0;padding:8px 8px 0 8px;background:var(--nf-bg-2);border-radius:var(--rounded-normal);box-shadow:0px 0px 6px 0px rgba(0,0,0,.2);opacity:0;visibility:hidden;overflow:hidden;transition:all .6s;z-index:2}.nav-filters__search{position:relative;display:flex;height:42px;margin-bottom:8px;background:var(--nf-bg-1);border-radius:var(--rounded-normal)}.nav-filters__search input{width:100%;padding-inline:30px 8px;background:rgba(0,0,0,0)}.nav-filters__search button{position:absolute;top:50%;left:8px;transform:translateY(-50%);border:none;color:#a7a7a7;background:none}.nav-filters__search .ico-svg{display:block}.nav-filters__sublist{max-height:326px;margin-bottom:12px;overflow-y:auto}.nav-filters__sublist::-webkit-scrollbar{width:4px}.nav-filters__sublist::-webkit-scrollbar-track{background:var(--nf-bg-1);border-radius:4px}.nav-filters__sublist::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px}.nav-filters__sublist::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)}.nav-filters__subitem{position:relative;display:flex;align-items:center;min-height:40px;padding-inline:30px 8px;border-radius:var(--rounded-normal);transition:all .3s}.nav-filters__subitem.is-active:after{opacity:1}.nav-filters__subitem span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-filters__subitem:before{content:"";position:absolute;left:10px;width:12px;height:12px;border:1px solid #a7a7a7;border-radius:50%}.nav-filters__subitem:after{content:"";position:absolute;left:12px;width:8px;height:8px;background:currentColor;border-radius:50%;opacity:0;transition:all .3s}.nav-filters__subitem:hover{background:var(--nf-bg-1)}.nav-filters__subitem:hover:after{opacity:1}.nav-filters__colors{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;margin-bottom:8px;margin-right:8px;border-radius:4px;overflow:hidden}.nav-filters__color{display:block;width:100%;max-height:40px;aspect-ratio:3/1.35;transition:all .3s}.nav-filters__color:hover{box-shadow:inset 0 0 0 8px rgba(0,0,0,.4)}.nav-filters__count{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#dc835c;line-height:normal;font-size:var(--text-size-small);color:#fff;border-radius:var(--rounded-normal);transform:translate(-50%, -50%)}.nav-filters__right .nav-filters__dropdown{left:auto;right:0}@media(max-width: 1100px){.nav-filters__item{padding-inline:12px;max-width:100%}}@media(max-width: 1000px){.nav-filters__left,.nav-filters__right{width:100%}.nav-filters__list>li{width:calc(50% - 3px)}.nav-filters__list>li:nth-child(n+7){display:none}.nav-filters__dropdown{display:none}.nav-filters__item.is-open+.nav-filters__dropdown{display:block;position:fixed;top:var(--pad-inner);left:var(--pad-inner);width:calc(100% - var(--pad-inner)*2)}}.breadcrumb-filters{--bf-line-height: 130%;display:flex;gap:12px;flex-wrap:wrap;line-height:var(--bf-line-height)}.breadcrumb-filters__top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.breadcrumb-filters__left{display:flex;gap:12px;flex-wrap:wrap}.breadcrumb-filters__right{display:flex;gap:20px;flex-wrap:wrap}.breadcrumb-filters__list{display:flex;gap:12px}.breadcrumb-filters__title{font-size:var(--text-primary);font-weight:bold;line-height:var(--bf-line-height)}.breadcrumb-filters__item.is-active{font-weight:500}.breadcrumb-filters__link{display:flex;align-items:center;transition:all .3s}.breadcrumb-filters__link:hover{opacity:.8}.breadcrumb-filters__grid{display:flex;align-items:center;gap:12px}.breadcrumb-filters__grid li{position:relative}.breadcrumb-filters__grid .is-active:after{content:"";display:block;position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:var(--color-primary)}.breadcrumb-filters__grid .ico-svg{display:block;cursor:pointer}.breadcrumb-filters__grid .ico-svg:hover{opacity:.8}.breadcrumb-filters [data-count]:after{padding:2px 2px 0 2px;content:attr(data-count);margin-left:4px;border:var(--border-thin) solid var(--color-primary);border-radius:2px;font-size:12px;line-height:10px;font-weight:300}.breadcrumb-filters__more{padding-top:clamp(20px,3vw,50px);line-height:150%}.breadcrumb-filters__more h3{margin-bottom:1rem;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:bold}@media(max-width: 768px){.breadcrumb-filters__list li:not(:last-child){display:none}}:root{--font-1: apercu, sans-serif;--color-primary: #222;--color-primary-rgb: 34, 34, 34;--color-link: #222;--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-orange: #FA5D29;--color-errors: #FA5D29;--color-featured: #f8f0ee;--color-underlined: var(--color-primary-rgb);--color-connect: #FF602C;--color-connect-2: #FFAE94;--color-connect-3: #FFC5B1;--color-inspire: #AAEEC4;--color-inspire-2: #C8E4D3;--color-inspire-3: #E2F4E9;--color-awards: #502bd8;--color-awards-2: #6749d1;--color-awards-3: #917eda;--color-read: #c0ab3c;--color-read-2: #CDC38B;--color-read-3: #DBD6C0;--color-learn: #FFF083;--color-learn-2: #FFF9D0;--color-learn-3: #fffbe2;--color-jobs: #74bcff;--color-jobs-2: #99ccfc;--color-jobs-3: #b4d7f8;--text-size-small: 12px;--text-size-primary: 16px;--text-size-medium: 18px;--text-size-large: 24px;--border-gray: #ededed;--color-dotteds-rgb: 34, 34, 34;--bg-primary: #F8F8F8;--bg-primary-rgb: 248, 248, 248;--bg-secondary: #222;--bg-3rd: #ededed;--bg-4rd: #f8f8f8;--bg-white: white;--innerWidth: 1816px;--header-height: 71px;--gutter: 20px;--pad-inner: 52px;--color-odd-rows: #f8f8f8;--avatar-bg: #F8F8F8;--border-table: #222;--border-thin: 0.5px;--alert-green: #e0f4d9;--alert-green-rgb: 224, 244, 217;--alert-yellow: #FFF083;--alert-yellow-rgb: 255, 240, 131;--modal-alpha: 0.7;--rounded-small: 4px;--rounded-normal: 8px;--rounded-large: 1rem;--img-resizing-site: 16 / 12;--img-resizing-paronamic: 2 / 1;--img-resizing-desktop: 19 / 10}.fs-1{font-size:24px}html{scroll-behavior:smooth}body{margin:auto;font-family:var(--font-1);font-size:var(--text-size-primary);font-weight:300;background:var(--bg-primary);color:var(--color-primary);line-height:200%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body.dark{--color-primary: #eee;--bg-primary: #121212}body.has-header-above #content{margin-top:-71px}body.has-header-above #header{background:rgba(0,0,0,0)}body.header-dark #header{--color-primary: #fff;--bg-primary: #222;--sf-bg: #383838;--button-bg: var(--color-primary);--button-color: #222;color:var(--color-primary)}.content-header{margin-bottom:clamp(30px,6vw,100px);padding-top:71px;padding-bottom:clamp(30px,6vw,100px);background:var(--ch-bg, transparent)}.content-header .block{margin-bottom:0}input,select,textarea,button{font-family:var(--font-1);font-size:var(--text-size-primary)}figure img{display:block}a{color:var(--color-link)}strong{font-weight:bold}.ico-svg{position:relative;display:inline-block;height:auto;fill:currentColor;transition:all .3s}.ico-svg.is-success{color:#52c67e}.ico-svg.is-danger{color:#fa5d29}.ico-svg.is-alert{color:#ff602c}.ico-svg[class*="--reflect"]{transform:scaleX(-1)}.ico-svg[class*="--white"]{color:#fff}.ico-svg[class*="--middle"]{top:-1px;vertical-align:middle;margin-right:.1em}.has-sticker{position:relative}span.has-sticker{display:inline-block}.has-sticker .sticker-svg{position:absolute;pointer-events:none}.has-sticker__ico{position:absolute;height:auto;margin-block:auto;pointer-events:none}.sticker-svg{--color-1: #ec6237;--color-2: #e5d8ca;--color-3: #AAEEC4;--color-4: #502BD8;--color-5: #222;--color-6: #502BD8;--color-7: #FCB6F2;position:relative;display:inline-block;width:-moz-fit-content;width:fit-content;height:auto}.sticker-svg.sc-orange-beige{--sc-1: var(--color-1);--sc-2: var(--color-2)}.sticker-svg.sc-orange-black{--sc-1: var(--color-1);--sc-2: var(--color-5)}.sticker-svg.sc-beige-purple{--sc-1: var(--color-2);--sc-2: var(--color-4)}.sticker-svg.sc-green-black{--sc-1: var(--color-3);--sc-2: var(--color-5)}.sticker-svg.sc-green-purple{--sc-1: var(--color-3);--sc-2: var(--color-4)}.sticker-svg.sc-purple-pink{--sc-1: var(--color-6);--sc-2: var(--color-7)}.sticker-svg.sc-purple-green{--sc-1: var(--color-6);--sc-2: var(--color-3)}.bg-color-academy{background-color:var(--color-learn) !important}img{max-width:100%}p{margin-bottom:1em}:root{--sf-height: 42px;--sf-bg: #ededed;--hf-bg: var(--bg-primary)}.has-content-header{--sf-bg: var(--ch-bg, #f8f8f8);--hf-bg: var(--ch-bg, --bg-primary)}body.has-header-sticky #header{position:sticky;top:0;z-index:3;background:var(--bg-primary)}body.has-header-dark .header-main{--hm-color: white;--button-color: var(--color-primary);--button-bg: var(--hm-color);--button-border: var(--hm-color);--sf-bg: #333}body.has-header-dark .header-main .button[class*="--outline"]{--button-color: var(--hm-color)}body.has-header-dark .header-main .button[class*="--outline"]:hover{--button-border: var(--color-primary)}body.has-header-dark:has(.nav-header-main__link.is-open) .header-main,body.has-header-dark:has(.header-main.has-search-focus) .header-main{--hm-color: #222;--sf-bg: var(--nf-bg-3)}body.has-content-header .search-form,body.has-content-header .header-floating{filter:brightness(95%)}body.has-content-header:has(.nav-header-main__link.is-open) .search-form,body.has-content-header:has(.nav-header-main__link.is-open) .header-floating,body.has-content-header:has(.header-main.has-search-focus) .search-form,body.has-content-header:has(.header-main.has-search-focus) .header-floating{filter:none}body:has(.nav-header-main__link.is-open),body:has(.header-main.has-search-focus),body:has(.nav-header-main.is-open){overflow-y:hidden}@media(min-width: 1270px){body:has(.bt-dropdown-user) .nav-header-main__content{padding-right:328px}body:has(.nav-header-main__link.is-open) .nav-header-main,body:has(.header-main.has-search-focus) .nav-header-main{margin-inline:0}body:has(.nav-header-main__link.is-open) .nav-header-main__item,body:has(.header-main.has-search-focus) .nav-header-main__item{padding-inline:0}body:has(.nav-header-main__link.is-open) .nav-header-main__item:not(.has-dropdown),body:has(.header-main.has-search-focus) .nav-header-main__item:not(.has-dropdown){display:none}body:has(.nav-header-main__link.is-open) .nav-header-main__link,body:has(.header-main.has-search-focus) .nav-header-main__link{display:none}}#header{--header-mt: 8px;position:relative;margin-top:var(--header-mt)}.header-fixed #header{position:sticky;top:0;z-index:4}#header.is-top{z-index:5}@media(max-width: 768px){#header{--header-mt: 0px;position:sticky;top:0;margin-top:0;z-index:5;background:var(--bg-primary)}#header .inner{inline-size:auto;margin-inline:0}}.c-header-main{--header-height: 54px;width:var(--innerWidth);max-width:100%;height:var(--header-height)}.header-main{--hm-color: var(--color-primary);--hm-text: 16px;--hm-active-bg: #ededed;--hm-active-bg-2: var(--bg-primary);--hm-active-color: var(--color-primary);--hm-active-2-color: var(--color-primary);--hm-active-3-color: rgba(0,0,0,0.13);--hm-border-alpha: 0.3;--hm-separator: 10px;--color-link: var(--hm-color);position:relative;font-weight:400;color:var(--hm-color);z-index:3}.header-main.has-search-focus .header-main__container{z-index:1}.header-main.has-search-focus .search-inspiration li:has([data-section=search]){display:block}.header-main.has-search-focus .search-inspiration li:has([data-section=nav]){display:none}@media(min-width: 1270px){.header-main.has-search-focus .nav-header-main__item{border-bottom:0}.header-main.has-search-focus .nav-header-main__item:not(:has(.nav-header-main__dropdown)){display:none}.header-main.has-search-focus .nav-header-main__link{display:none}}.header-main.has-search-fill .search-inspiration__nav{display:none}.header-main.has-search-fill .search-inspiration__searching{display:block}@media(max-width: 1270px){.header-main.has-search-fill .nav-header-main__item{border-bottom:0}.header-main.has-search-fill .nav-header-main__item:not(:has(.nav-header-main__dropdown)){display:none}.header-main.has-search-fill .nav-header-main__link{display:none}}.header-main:has(.nav-header-main__link.is-open),.header-main.has-search-focus{--color-primary: #222;--hm-color: #222;--sf-bg: var(--nf-bg-3);--button-bg: var(--hm-color);--button-color: white;--button-border: var(--hm-color)}.header-main:has(.nav-header-main__link.is-open) .header-main__overlay,.header-main.has-search-focus .header-main__overlay{opacity:1;visibility:visible}@media(min-width: 1270px){.header-main:has(.nav-header-main__link.is-open) .header-main__container,.header-main.has-search-focus .header-main__container{background:var(--hm-active-bg);border-bottom-left-radius:0;border-bottom-right-radius:0}.header-main:has(.nav-header-main__link.is-open) .nav-header-main__dropdown,.header-main.has-search-focus .nav-header-main__dropdown{height:auto;opacity:1;visibility:visible}}.header-main__container{position:relative;display:flex;align-items:center;width:100%;height:var(--header-height);padding-inline:6px;font-size:var(--hm-text);color:var(--hm-color);border-radius:var(--rounded-normal);background:var(--ch-bg, --bg-primary);transition:all .3s}.header-main__overlay{position:fixed;top:50%;left:50%;width:200svw;height:200svh;background:rgba(0, 0, 0, var(--modal-alpha));transform:translate(-50%, -50%);z-index:-1;transition:all .3s;opacity:0;visibility:hidden}.header-main__logo{position:relative;left:4px}.header-main__hamburger{position:relative;display:none;align-items:center;height:100%;margin-right:12px;cursor:pointer}.header-main__hamburger:before{content:"";position:absolute;inset:0;width:48px;left:-20px}.header-main__hamburger svg{stroke:currentColor}.header-main__logo svg{display:block;fill:var(--hm-color);transition:all .3s}.header-main__search{flex:1;margin-left:clamp(8px,3vw,24px)}.header-main__right{display:flex;gap:12px;height:var(--sf-height);margin-left:clamp(8px,3vw,20px)}.header-main__bts{display:flex;gap:12px;margin-left:8px}.header-main__bts .button{font-weight:normal}.header-main__user{height:100%;display:flex;align-items:center;gap:16px}.header-main__separator{width:1px;height:24px;background-color:rgba(var(--color-primary-rgb), 0.2)}.header-main__link{cursor:pointer}.header-main__ico{display:none;align-items:center;cursor:pointer}@media(max-width: 1270px){.header-main:has(.nav-header-main.is-open) .header-main__overlay{opacity:1;visibility:visible}.header-main__logo{position:static}.header-main__hamburger{display:flex}.header-main__overlay{display:none}}@media(max-width: 768px){.header-main__container{border-radius:0;padding-inline:0 var(--pad-inner)}.header-main__hamburger{justify-content:center;margin-right:0;aspect-ratio:1/1}.header-main__user{gap:0}}.nav-header-main{height:var(--header-height);margin-inline:60px 0px;font-weight:500}.nav-header-main.is-open{left:0;opacity:1;visibility:visible;transform:translateX(0)}.nav-header-main.is-open .nav-header-main__dropdown{opacity:1;visibility:visible}.nav-header-main__content{min-height:450px;padding:0 424px 12px 60px}.nav-header-main__list{display:flex;align-items:center;height:100%}.nav-header-main__item{height:100%;padding-inline:10px}.nav-header-main__item.has-dropdown .nav-header-main__link{cursor:pointer}.nav-header-main__link{display:flex;align-items:center;height:100%;color:var(--hm-color);transition:all .3s}.nav-header-main__link.is-open .nav-header-main__arrow{transform:scaleY(-1)}.nav-header-main__link:hover{opacity:.7}.nav-header-main__link .ico-svg{margin-left:6px}.nav-header-main__arrow{transition:none}.nav-header-main__arrow--sub{display:none}.nav-header-main__dropdown{position:absolute;top:calc(100% - 1px);left:0;width:100%;height:0;background:var(--hm-active-bg);color:var(--hm-active-2-color);font-weight:lighter;background:var(--hm-active-bg);border-bottom-left-radius:var(--rounded-normal);border-bottom-right-radius:var(--rounded-normal);overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;z-index:1}.nav-header-main__social{display:none}.nav-header-main__sponsor{position:absolute;bottom:0;right:8px;margin-right:12px;margin-bottom:12px;font-size:14px;font-weight:400;color:var(--hm-color)}@media(max-width: 1270px){.nav-header-main{--nhm--top: calc(var(--header-height) + calc(var(--header-mt) * 2 ));display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:var(--nhm--top);left:0;width:100%;min-height:calc(100dvh - var(--nhm--top));margin:0;padding:0;font-weight:300;background:var(--bg-primary);overflow-y:auto;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s}.nav-header-main__content{min-height:auto;padding:0}.nav-header-main__list{flex-direction:column;gap:0;height:auto}.nav-header-main__list>li:not(:last-child){border-bottom:1px solid rgba(0, 0, 0, var(--hm-border-alpha))}.nav-header-main__link{background:var(--hm-active-3-color)}.nav-header-main__item{flex-direction:column;width:100%;height:auto;padding-inline:0}.nav-header-main__link{display:flex;justify-content:space-between;width:100%;height:54px;padding:12px 20px;line-height:normal;font-weight:500}.nav-header-main__link.is-open+.nav-header-main__dropdown{display:block}.nav-header-main__link .ico-svg{display:none}.nav-header-main__dropdown{position:static;height:auto}.nav-header-main__dropdown .inner{inline-size:auto}.nav-header-main__social{display:flex;justify-content:space-around}.nav-header-main__social a{display:block;padding:12px}.nav-header-main__social .ico-svg{display:block}.nav-header-main__sponsor{display:none;position:static}.nav-header-main .search-inspiration{--si-gap: 16px}}.search-form{position:relative;display:flex;align-items:center;gap:20px;height:var(--sf-height);background:var(--sf-bg);border-radius:var(--rounded-normal);transition:background .3s}.search-form__field{display:flex;flex:1;height:100%;padding-left:16px;border-top-left-radius:var(--rounded-normal);border-bottom-left-radius:var(--rounded-normal)}.search-form__button{display:flex;align-items:center;padding:0;background:rgba(0,0,0,0);border:none;cursor:pointer}.search-form__button:focus{outline:none}.search-form__button .ico-svg{fill:var(--hm-color)}.search-form__input{position:absolute;inset:0;padding-left:38px;background:rgba(0,0,0,0);border:none;font-size:15px;color:var(--hm-color)}.search-form__input:focus{outline:none}.search-form__input::-moz-placeholder{color:var(--hm-color)}.search-form__input::placeholder{color:var(--hm-color)}.search-inspiration{--si-gap: 28px;--si-nav-width: 180px;position:relative;display:flex;gap:var(--si-gap);width:100%;font-weight:400;color:var(--hm-color)}.search-inspiration__nav{width:var(--si-nav-width)}.search-inspiration__nav .search-inspiration__list{display:none;position:absolute;top:0;width:calc(100% - 200px);height:400px;margin-left:200px}.search-inspiration__nav li:has([data-section=search]){display:none}.search-inspiration__nav li:not(:last-child){margin-bottom:2px}.search-inspiration__searching{display:none;width:100%}.search-inspiration__section{position:relative;display:flex;align-items:center;height:40px;padding-inline:38px 16px;border-radius:var(--rounded-normal);cursor:pointer;transition:all .3s}.search-inspiration__section.is-active{background:var(--nf-bg-3);font-weight:bold}.search-inspiration__section.is-active+.search-inspiration__list{display:block}.search-inspiration__section:hover{background:var(--nf-bg-3)}.search-inspiration__section .search-inspiration__ico{position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-inspiration__section .search-inspiration__arrow{display:none}.search-inspiration__item{position:relative;display:flex;align-items:center;justify-content:space-between;height:40px;padding-inline:8px;line-height:normal;border-radius:var(--rounded-normal);transition:all .3s}.search-inspiration__item:hover{background:var(--nf-bg-3)}.search-inspiration__item[data-count]::after{padding:2px 2px 0 2px;content:attr(data-count);margin-left:4px;margin-left:4px;border-radius:2px;font-size:14px;line-height:10px}.search-inspiration__item-text{display:flex;align-items:center}.search-inspiration__item-text .ico-svg{margin-inline:8px 10px}.search-inspiration__item span{flex:1}.search-inspiration__item span:not(.budget-tag){width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-inspiration [data-search-target]+[data-search-target]{margin-block:16px}.search-inspiration__list:has(.avatar-name){padding-left:14px}.search-inspiration__list:has(.avatar-name) li:not(:last-child){margin-bottom:16px}@media(max-width: 1270px){.search-inspiration{--si-nav-width: 100%}.search-inspiration__nav .search-inspiration__list{position:static;width:100%;height:auto;margin-left:0}.search-inspiration__nav li:not(:last-child){margin-bottom:0}.search-inspiration__menu li{--hm-border-alpha: 0.1;border-top:1px solid rgba(0, 0, 0, var(--hm-border-alpha))}.search-inspiration__section{justify-content:space-between;height:54px;padding-inline:var(--pad-inner);border-radius:0}.search-inspiration__section.is-active{background:var(--hm-active-3-color);border-radius:0}.search-inspiration__section.is-active .search-inspiration__arrow{transform:scaleY(-1)}.search-inspiration__section .search-inspiration__ico{display:none}.search-inspiration__section .search-inspiration__arrow{display:block}.search-inspiration__item{height:54px;padding-inline:var(--pad-inner);background:#fff;border-radius:0}.search-inspiration__item .ico-svg{margin-left:0}.search-inspiration__searching{padding-block:16px;background:#fff}.search-inspiration__searching .search-inspiration__item{height:30px}}.slider-header{position:relative;z-index:0;padding-right:10%;overflow:hidden}.slider-header .swiper-slide{width:350px}.slider-header__figure{margin-bottom:20px}.slider-header__img{display:block}.slider-header__title{line-height:130%;font-size:1rem;font-weight:300}.slider-header__nav{display:flex;justify-content:flex-end}.slider-header__btnav{display:flex;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;transition:all .3s}.slider-header__btnav:hover{opacity:.7}.slider-header__btnav--next{transform:scaleX(-1)}.header-floating{position:fixed;top:-80px;left:0;width:100%;height:72px;min-height:72px;background:var(--hf-bg);border-bottom:1px solid var(--ch--bg, --bg-3rd);transition:all .3s ease-in-out;z-index:4}.header-floating.show{top:0}.header-floating .inner{display:flex;justify-content:space-between;align-items:center;height:100%}.header-floating__left{display:flex;align-items:center;gap:10px}.header-floating__right{display:flex;align-items:center;gap:40px}.header-floating__by{display:flex;align-items:center;gap:10px}@media(max-width: 1024px){.header-floating__left{height:32px;overflow:hidden}.header-floating__left strong{padding-right:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.list-featured{display:flex;flex-wrap:wrap;gap:8px}.list-featured__img{display:block;width:100%;border-radius:4px}.list-featured__title{display:block;margin-top:12px;color:var(--color-white);line-height:100%}.bt-dropdown-user{position:relative;display:flex;align-items:center}.bt-dropdown-user:hover .dropdown-user{opacity:1;visibility:visible}.bt-dropdown-user .circle-avatar{font-size:1.25em}@media(max-width: 576px){.bt-dropdown-user .bt-dropdown-user__link{pointer-events:none}}.dropdown-user{--color-hover: rgba(255,255,255, 0.1);position:absolute;top:calc(100% + 12px);left:0;width:230px;padding:20px 0;background:var(--bg-secondary);color:var(--color-white);border-radius:var(--rounded-normal);z-index:3;transition:all .3s;opacity:0;visibility:hidden}.dropdown-user:before{content:"";width:44px;height:44px;position:absolute;top:-25px}.dropdown-user__list{padding:16px 0;border-bottom:1px solid var(--color-hover)}.dropdown-user__list:first-child{padding-top:0}.dropdown-user__list:last-child{padding-bottom:0;border-bottom:0}.dropdown-user__link{padding:0 28px;display:flex;align-items:center;gap:8px;color:var(--color-white);transition:all .3s}.dropdown-user__link:hover{background-color:var(--color-hover)}@media(max-width: 1024px){.dropdown-user{left:auto;right:0}}:root{--height-input: 48px;--pad-input: 16px;--bg-input: #fff;--bg-input-hover: #f8f8f8;--color-input: #222;--border-input: #ededed;--bg-checkbox: #dedede;--bg-checkbox-true: #222}.form-field{position:relative;width:100%}.form-field.is-invalid .text-input{color:currentColor;border-color:var(--color-errors)}.form-field.is-invalid .input-drag{border-color:var(--color-errors)}.form-field.is-invalid .link-underlined{--color-underlined: 250, 93, 41}.form-field.is-invalid .form-field__msg{color:var(--color-errors)}.form-field__label{display:block;margin-bottom:8px;line-height:100%;text-transform:uppercase;font-size:12px;font-weight:300;color:#a7a7a7}.form-field__label.is-required:after{content:" (*)"}.form-field__msg{padding-top:1em;font-size:var(--text-size-small);line-height:100%;color:#a7a7a7}.form-field__msg li:not(:last-child){margin-bottom:.5em}.form-field__remove{position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center;width:36px;height:var(--height-input);cursor:pointer;transition:all .3s}.form-field__remove:hover{opacity:.7}.form-field__remove+.text-input{padding-right:36px}.form-field .text-input{width:100%}.text-input{display:block;height:var(--height-input);padding:0 var(--pad-input);background:var(--bg-input);border:0;color:var(--color-input);border-bottom:1px solid var(--border-input);transition:all .3s ease-in-out}.text-input:focus{outline:0;border-color:#a7a7a7}.text-input:disabled{background:var(--bg-primary)}.text-input::-moz-placeholder{color:#dedede;font-weight:300}.text-input::placeholder{color:#dedede;font-weight:300}textarea.text-input{height:100px;padding-top:var(--pad-input)}.box-input-check-toggle{display:flex;align-items:center;gap:10px}.box-text-input{position:relative;display:flex;width:100%;background:var(--bg-input)}.box-text-input__url{display:flex;align-items:center;padding-left:var(--pad-input);color:#a7a7a7;border-bottom:1px solid var(--border-input)}.box-text-input .text-input{width:100%;padding-left:4px}.c-toggle{display:inline-flex;gap:16px}.label-c-toggle+.c-toggle{margin-left:2em}.c-toggle__col{display:flex;align-items:center}.c-toggle strong{position:relative;line-height:130%}.c-toggle sup{position:absolute;bottom:100%;left:0;width:100%;text-align:center;color:#7a7a7a;font-size:var(--text-size-small)}.check-toggle{--height-input: 40px;display:inline-block;position:relative;width:80px;height:var(--height-input);-webkit-user-select:none;-moz-user-select:none;user-select:none}.check-toggle__ball{position:relative;top:2px;display:block;width:calc(var(--height-input) - 4px);height:calc(var(--height-input) - 4px);background:var(--color-white);border-radius:50%;transform:translateX(2px);transition:all .3s}.check-toggle input{display:none}.check-toggle input:checked+label{background:var(--bg-checkbox-true)}.check-toggle input:checked+label .check-toggle__ball{transform:translateX(43px)}.check-toggle label{position:absolute;inset:0;background:var(--bg-checkbox);border-radius:var(--height-input);cursor:pointer;transition:all .3s}.input-check{position:relative;display:inline-block}.input-check input{display:none}.input-check label{display:inline-block;position:relative;padding-left:25px;margin-right:30px;line-height:130%;cursor:pointer}.input-check label:before{content:"";display:block;position:absolute;top:9px;left:0;width:19px;height:19px;margin-top:-10px;border:2px solid #dedede;border-radius:var(--rounded-small)}.input-check label:after{content:"";position:absolute;top:4px;left:5px;width:9px;height:9px;background:var(--color-primary);border-radius:2px;opacity:0;transform:scale(0);transition:all .3s}.input-check input[type=checkbox]:checked+label:after{opacity:1;transform:scale(1)}.input-check input[type=radio]:checked+label:after{opacity:1;transform:scale(1)}.input-check input[type=radio]+label:before{border-radius:50%}.input-check input[type=radio]+label:after{border-radius:50%;border:none;top:4px;left:5px;width:9px;height:9px;background-color:var(--color-primary);border-radius:50%;transform:scale(0)}.input-ranger-double{--height-ranger: 20px;position:relative;width:100%;height:var(--height-ranger)}.input-ranger-double__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;outline:none;position:absolute;margin:auto;top:0;bottom:0;background-color:rgba(0,0,0,0);pointer-events:none}.input-ranger-double__track{width:100%;height:4px;position:absolute;margin:auto;top:0;bottom:0;border-radius:var(--height-ranger)}.input-ranger-double input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}.input-ranger-double input[type=range]::-moz-range-track{-moz-appearance:none}.input-ranger-double input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--height-ranger);width:var(--height-ranger);background-color:var(--color-white);border:2px solid #27ae60;pointer-events:auto;border-radius:50%;cursor:pointer}.input-ranger-double input[type=range]::-moz-range-thumb{-webkit-appearance:none;height:var(--height-ranger);width:var(--height-ranger);background-color:var(--color-white);border:2px solid #27ae60;pointer-events:auto;border-radius:50%;cursor:pointer;box-sizing:border-box}.input-ranger-double input[type=range]:active::-webkit-slider-thumb{background:#27ae60}.input-ranger-double__values{display:flex;justify-content:space-between;padding-top:8px;color:#a7a7a7}.input-ranger-double__values strong{color:var(--color-primary)}.input-drag{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-input);aspect-ratio:var(--input-ratio, 1/1);border-radius:var(--rounded-small);background-color:var(--bg-input);overflow:hidden;transition:all .3s}.input-drag:hover{border-color:#a7a7a7}.input-drag.is-drag{border-color:var(--color-primary);border-style:dashed;background-color:#ededed}.input-drag.is-inserted:hover .input-drag__hover{opacity:1}.input-drag.is-inserted .input-drag__hover{z-index:1}.input-drag__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;overflow:hidden;cursor:pointer;z-index:1}.input-drag__label{padding:20px;text-align:center;line-height:140%}.input-drag__label p{margin-bottom:.5em}.input-drag__label p:last-child{margin-bottom:0}.input-drag__preview{position:absolute;inset:0}.input-drag__preview img,.input-drag__preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.input-drag__hover{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:8px;background:rgba(0,0,0,.5);opacity:0;transition:all .3s}.input-drag__hover .button{position:relative;z-index:5;pointer-events:auto}.input-drag__hover .button:hover{background:red}.form-errors{margin-bottom:30px;color:#fa5d29;line-height:120%}.form-errors li{margin-bottom:8px}.form__section{margin-bottom:60px}.form__row{margin-bottom:30px}.form__row .text-input{width:100%}.form__bts{display:flex;justify-content:space-between;gap:var(--gutter);margin-top:clamp(30px,5vw,60px)}.form__bts__left{display:flex;align-items:center}.form__bts__right{display:flex;gap:8px}.form__bts .button{flex:auto}.form__hr{height:1px;background-color:#dedede;border:none;margin:clamp(40px,4vw,80px) 0}.form__hr--small{margin:clamp(20px,4vw,40px) 0}.box-form-autocomplete{display:flex;gap:8px}.box-form-autocomplete .button,.box-form-autocomplete .text-input{border-radius:var(--rounded-small)}.field-autocomplete{position:relative}.field-autocomplete__wrap{position:relative}.field-autocomplete__dropdown{position:absolute;top:100%;left:0;width:100%;z-index:1;opacity:0;visibility:hidden;transition:all .3s}.field-autocomplete__dropdown.is-visible{opacity:1;visibility:visible}.field-autocomplete__list{max-height:204px;overflow-y:auto}.field-autocomplete__list li{display:flex;align-items:center;gap:8px;padding:4px 16px;border-bottom:1px solid #ededed;background:var(--color-white);cursor:pointer;transition:all .3s}.field-autocomplete__list li:last-child{border-bottom:0}.field-autocomplete__list li:hover{background:#f8f8f8}.field-autocomplete__avatars{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.field-autocomplete__avatars li{position:relative;display:flex;cursor:pointer}.field-autocomplete__avatars li:hover img{opacity:.5}.field-autocomplete__avatars li:hover .ico-svg{opacity:1}.field-autocomplete__avatars li img{transition:all .3s}.field-autocomplete__avatars .circle-avatar{background:#000;border-radius:50%;overflow:hidden}.field-autocomplete__avatars .ico-svg{position:absolute;top:50%;left:50%;width:40%;transform:translate(-50%, -50%);fill:var(--color-white);opacity:0}.field-autocomplete__avatar{display:flex;position:relative}.field-autocomplete__loading{--spinner-bg: #ededed;--spinner-color: #222;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:var(--height-input);height:var(--height-input);font-size:10px}.snackbar{--snack-text: var(--color-white);position:fixed;bottom:20px;left:40px;max-width:400px;padding:20px 20px 20px 65px;opacity:0;font-size:16px;color:var(--snack-text);line-height:170%;background:rgba(var(--color-primary-rgb), 0.7);box-shadow:10px 10px 20px -10px rgba(var(--color-primary-rgb), 0.4);border-radius:var(--rounded-normal);z-index:11;transition:all .3s}.snackbar--success{background-color:rgba(14,14,14,.9)}.snackbar--warning{--snack-text: var(--color-primary);background-color:rgba(230,230,0,.9);font-weight:400}.snackbar--error{background-color:rgba(255,0,0,.9)}.snackbar.is-visible{opacity:1;transform:translateY(-20px)}.snackbar svg{position:absolute;top:50%;left:20px;width:30px;height:30px;margin-top:-15px;fill:var(--snack-text)}:root{--button-rounded: 8px;--button-rounded-full: 72px;--button-height: 48px;--button-pad: 24px;--button-bg: var(--color-primary);--button-color: var(--color-white);--button-color-border: var(--bg-primary);--button-border: var(--color-primary)}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;height:var(--button-height);padding:0 var(--button-pad);background-color:var(--button-bg);font-size:var(--text-size-primary);color:var(--button-color);text-align:center;cursor:pointer;border:none;white-space:nowrap;transition:color .3s,background .3s,border .3s}.button:focus{outline:none}.button[class*="--tag"]{background:rgba(0,0,0,0);border-radius:var(--button-rounded-full);color:var(--color-primary);font-size:var(--text-size-medium);border:var(--border-thin) solid rgba(var(--color-primary-rgb), 0.3)}.button[class*="--tag"]:hover{background:rgba(0,0,0,0);border-color:var(--color-primary);color:var(--color-primary)}.button[class*="--large"]{--button-height: 72px;min-width:var(--button-height);height:var(--button-height);padding:0 1.6em;font-size:20px;font-weight:400;line-height:var(--button-height)}.button[class*="--medium"]{--button-height: 60px;min-width:var(--button-height);height:var(--button-height);padding:0 1.2em;font-size:18px;line-height:var(--button-height)}.button[class*="--small"]{min-width:42px;height:42px;padding:0 20px;line-height:42px}.button[class*="--x-small"]{min-width:32px;height:32px;padding:0 12px;line-height:32px}.button[class*="--extra-pad"]{padding:0 3em}.button[class*="--rounded"]{border-radius:var(--button-rounded)}.button[class*="--rounded-full"]{border-radius:var(--button-rounded-full)}.button[class*="--color"]{padding:0;border:none;outline:var(--border-thin) solid rgba(var(--color-primary-rgb), 0.3);aspect-ratio:1/1}.button[class*="--color"]:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:8px solid var(--button-color-border);border-radius:50%;transition:border .3s}.button[class*="--color"]:hover:before{border-width:4px}.button[class*="--full"]{width:100%}.button[class*="--circle"]{padding:0;border-radius:50%}.button[class*="--square"]{padding:0;aspect-ratio:1/1}.button[class*="--circle"]{padding:0;border-radius:50%;aspect-ratio:1/1}.button[class*="--dark"]{color:var(--color-white);border-color:rgba(255,255,255,.4)}.button[class*="--dark"]:hover{color:var(--color-primary);border-color:var(--color-white);background:var(--color-white)}.button[class*="--white"]{--button-bg: var(--color-white);color:var(--color-primary)}.button[class*="--red"]{--button-bg: #FA5D29;color:var(--color-white)}.button[class*="--gray"]{--button-bg: #dedede;color:var(--color-primary)}.button[class*="--inspire"]{--button-bg: var(--color-inspire);color:#222}.button[class*="--outline"]{--button-color: var(--color-primary);--button-bg: transparent;border:var(--border-thin) solid var(--button-border)}.button[class*="--outline--gray"]{border-color:#dedede}.button[class*="--outline--dark"]{color:var(--color-white);border-color:rgba(255,255,255,.4)}.button[class*="--outline--white"]{border-color:#fff;color:#fff}.button[class*="--outline--white"]:hover{background:#fff;color:#222}.button[class*="--disabled"]{opacity:.5;pointer-events:none}.button.is-active{background-color:var(--bg-secondary);color:var(--color-white)}.button.is-loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button.is-loading .button__content{opacity:0}.button.is-loading .button__spinner{display:block;opacity:1;margin-right:12px;visibility:visible}.button__spinner{position:absolute;top:50%;left:50%;margin:-0.7em 0 0 -0.7em;width:1.4em;height:1.4em;border:var(--border-thin) solid rgba(255,255,255,.5);border-left-color:currentColor;border-radius:50%;opacity:0;transition:all .3s;animation:btRotate .6s infinite linear}.button__loading{display:flex;align-items:center;justify-content:center}.button__loading .button__spinner{display:none;position:static;margin:0;visibility:hidden;overflow:hidden}.button[class*="--close"]{--ico-close: #a7a7a7}.button[class*="--close"] .ico-svg{margin-left:8px;fill:var(--ico-close)}.button[class*="--close"]:hover{--ico-close: var(--color-white);color:var(--color-white);background:var(--bg-secondary) !important}.button[class*="--color--close"]{--ico-close: #fff}.button[class*="--color--close"]:before{transition:none}.button[class*="--color--close"] .ico-svg{margin-left:0;fill:var(--ico-close);opacity:0}.button[class*="--color--close"]:hover{outline-color:var(--bg-secondary);background:var(--bg-secondary) !important}.button[class*="--color--close"]:hover:before{border:0}.button[class*="--color--close"]:hover .ico-svg{opacity:1}.button svg{position:relative;vertical-align:middle;fill:currentColor;transition:fill .3s}.button svg.ico--left{margin-right:.5em}.button svg.ico--right{margin-left:.5em}.button:hover{color:var(--color-white);background-color:#383838}.button:hover svg{fill:currentColor}.bt-play{display:inline-flex;justify-content:center;align-items:center;width:62px;height:62px;border:var(--border-thin) solid var(--color-white);border-radius:50%;cursor:pointer}.bt-play .play-pause{transform:translateX(2px);transition:all .3s}.bt-play .play-pause.is-playing{transform:translateX(0)}.play-pause{position:relative;display:inline-block;cursor:pointer;width:12px;height:14px}.play-pause.is-playing .play-pause__bt--before{-webkit-clip-path:polygon(0 0, 30% 0, 30% 100%, 0% 100%);clip-path:polygon(0 0, 30% 0, 30% 100%, 0% 100%)}.play-pause.is-playing .play-pause__bt--after{-webkit-clip-path:polygon(70% 0, 100% 0, 100% 100%, 70% 100%);clip-path:polygon(70% 0, 100% 0, 100% 100%, 70% 100%)}.play-pause__bt{display:inline-block;position:absolute;left:0;width:100%;height:100%;background:var(--color-white);transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease, -webkit-clip-path .3s ease}.play-pause__bt--before{-webkit-clip-path:polygon(0 0, 50% 25%, 50% 75%, 0% 100%);clip-path:polygon(0 0, 50% 25%, 50% 75%, 0% 100%)}.play-pause__bt--after{-webkit-clip-path:polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);clip-path:polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%)}.budget-tag{display:inline-block;height:22px;padding-inline:4px;line-height:22px;font-size:12px;font-weight:500;text-align:center;border-radius:var(--rounded-small);border:var(--border-thin) solid var(--budget-tag-border, rgba(var(--color-primary-rgb), 0.3))}.budget-tag[class*="--small"]{height:16px;line-height:16px;font-size:10px}.budget-tag[class*="--sotd"]{border-color:#ce6644;color:#ce6644}.budget-tag[class*="--dev"]{border-color:#8eabc6;color:#8eabc6}.budget-tag[class*="--hm"]{border-color:#726996;color:#726996}.budget-tag[class*="--white"]{border-color:#fff;color:#fff}.budget-tag[class*="--solid"]{color:var(--color-primary);border:none;line-height:24px}.budget-tag[class*="--solid"][class*="--black"]{background:#222;color:#fff}.budget-tag[class*="--solid"][class*="--white"]{background:#fff}.budget-tag[class*="--solid"][class*="--green"]{background:#aaeec4;border:none}.budget-tag[class*="--solid"][class*="--red"]{background:#fa5d29;color:#fff}.budget-tag[class*="--solid"][class*="--yellow"]{background:#fff083}.budget-circle{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:#ededed;border-radius:50%;font-weight:bold;font-weight:400;transition:all .3s}.budget{--budget-height: 20px;display:inline-block;height:var(--budget-height);padding:0 10px;line-height:var(--budget-height);font-size:10px;border-radius:var(--budget-height)}.budget[class*="--white"]{background:var(--bg-white);color:var(--color-primary)}@keyframes btRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.bt-ico-left{display:inline-flex;align-items:center;gap:.5em;cursor:pointer}.bt-ico-label{display:inline-flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.bt-ico-label small{font-size:12px}.bt-ellipses{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;height:72px;background-color:#f8f8f8;background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%),linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:left top,left bottom;background-size:8px 1px,8px 1px;background-repeat:repeat-x,repeat-x;cursor:pointer;transition:all .3s}.bt-ellipses--no-hover{cursor:default}.bt-ellipses--white{background-color:#fff}.bt-ellipses:not(.bt-ellipses--no-hover):hover{background-color:#ededed}.bt-ellipses__input{position:absolute;inset:0;opacity:0;cursor:pointer}.bt-ellipses+small{display:block;padding-top:1em}.button-loadmore{--button-pad: 16px;--button-color: var(--color-primary);--border-width: 1px;--pics-border: var(--bg-primary);gap:12px}.button-loadmore:hover .button-loadmore__pic{--pics-border: #383838}.button-loadmore:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #e52e86;transition:all .5s;animation:clippath 2s infinite linear;border-radius:var(--rounded-normal)}.button-loadmore__text{font-weight:500}.button-loadmore__pics{display:flex}.button-loadmore__pic{border-radius:50%;border:2px solid var(--pics-border);transition:all .3s}.button-loadmore__pic:nth-child(n+2){margin-left:-0.9em}@keyframes clippath{0%,100%{-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0)}25%{-webkit-clip-path:inset(0 0 0 98%);clip-path:inset(0 0 0 98%)}50%{-webkit-clip-path:inset(98% 0 0 0);clip-path:inset(98% 0 0 0)}75%{-webkit-clip-path:inset(0 98% 0 0);clip-path:inset(0 98% 0 0)}}.label-site{display:flex;align-items:center;height:60px;padding:0 10px;background:#fff;border-radius:60px}.label-site__site{display:flex;align-items:center;gap:16px}.label-site__img{height:auto}.label-site__info{line-height:100%;padding-right:20px}.label-site__label{margin-bottom:4px;opacity:.5;font-size:14px}.label-site .users-credits{padding-right:8px}@media(max-width: 576px){.button[class*="--tag"]{--button-height: 36px;--button-pad: 16px;font-size:var(--text-size-primary)}.button[class*="--large"]{--button-height: 48px;font-size:var(--text-size-primary)}.button[class*="--medium"]{--button-height: 48px}}.heading-1{font-size:42px;font-size:clamp(42px,-6.5915492958px + 9.7183098592vw,180px);line-height:100%}.heading-2{font-size:42px;font-size:clamp(42px,4.676056338px + 7.4647887324vw,148px);line-height:100%}.heading-3{font-size:36px;font-size:clamp(36px,14.8732394366px + 4.2253521127vw,96px);line-height:100%}.heading-4{font-size:32px;font-size:clamp(32px,16.5070422535px + 3.0985915493vw,76px);line-height:100%}.heading-5{font-size:26px;font-size:clamp(26px,15.4366197183px + 2.1126760563vw,56px);line-height:120%}.heading-6{margin-bottom:1em;font-size:22px;font-size:clamp(22px,12.8450704225px + 1.8309859155vw,48px);line-height:130%;font-weight:300}.text-x-large{font-size:22px;font-size:clamp(22px,18.4788732394px + 0.7042253521vw,32px)}.text-large{font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px)}.text-medium{font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px)}.text-underlined{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:.2em}.text-truncated{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legal-recaptcha{margin:1.5rem 0;line-height:120%}.legal-recaptcha small{opacity:.7}.link-underlined{position:relative;display:inline-block;line-height:100%;color:rgb(var(--color-underlined));border:none;cursor:pointer}.link-underlined:before{content:"";position:absolute;bottom:-0.2em;left:0;width:100%;height:2px;background-repeat:no-repeat;background-image:linear-gradient(to right, rgb(var(--color-underlined)) 45%, rgba(var(--color-underlined), 0.3) 55%);background-size:220% 100%;background-position:100% 50%;transition:.3s ease-out}.link-underlined--white{--color-underlined: 255,255,255}.link-underlined--red{--color-underlined: 250, 93, 41}.link-underlined:hover:before{background-position:0% 50%}.toggle{overflow:hidden;max-height:0;clear:both;transition:all .6s cubic-bezier(0, 1, 0.5, 1)}.toggle.show{transition:all .6s ease-in;max-height:1000px;overflow:hidden}.heading-hr{padding-bottom:24px;border-bottom:1px solid var(--border-gray);font-size:var(--text-size-primary)}.star-price{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(70px,10vw,128px);aspect-ratio:1/1;line-height:120%;font-size:10px;font-size:clamp(10px,7.8873239437px + 0.4225352113vw,16px)}.star-price--small{font-size:9px}.star-price--small .star-price__label{margin-bottom:.4em;line-height:90%}.star-price--large{width:10em;font-size:clamp(8px,2vw,16px)}.star-price--large .star-price__price{margin:.05em 0 0 0;font-size:3em;font-weight:bold}.star-price--large .star-price__price small{font-size:.6em}.star-price__wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:170%;text-align:center;font-weight:400}.star-price__label{font-size:1.3em}.star-price__label--small{font-size:1em}.star-price__price{margin:.05em 0;font-size:2em;font-weight:bold}.star-price__old{font-size:.7em;text-decoration:line-through;line-height:normal}.star-price svg{width:100%;max-width:100%;height:auto}.loader-grid{display:flex;align-items:center;justify-content:center;height:40px;margin-top:40px;text-align:center}.loader-grid__spinner{width:8px;height:40px;border-radius:4px;display:inline-block;position:relative;background:currentColor;color:var(--color-primary);box-sizing:border-box;animation:animloader .3s .3s linear infinite alternate;transform:scale(0.5)}.loader-grid__spinner:before,.loader-grid__spinner:after{content:"";position:absolute;top:50%;left:20px;width:8px;height:40px;border-radius:4px;background:currentColor;transform:translateY(-50%);box-sizing:border-box;animation:animloader .3s .45s linear infinite alternate}.loader-grid__spinner:before{left:-20px;animation-delay:0s}@keyframes animloader{0%{height:48px}100%{height:4px}}.loading{--spinner-bg: rgba(255,255,255, 0.2);--spinner-color: #fff;--loading-msg: #fff;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--modal-alpha));transform:scale(0.5);opacity:0;visibility:hidden;transition:all .3s;z-index:5}.loading--fixed{position:fixed;z-index:15}.loading--white{--spinner-bg: rgba(0,0,0, 0.2);--spinner-color: var(--color-primary);--loading-msg: #222;background-color:var(--bg-primary)}.loading.is-visible{transform:scale(1);opacity:1;visibility:visible}.loading__content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading__msg{max-width:400px;color:var(--loading-msg);text-align:center}.loading__spinner{pointer-events:none;width:2.5em;height:2.5em;border:2px solid rgba(0,0,0,0);border-color:var(--spinner-bg);border-top-color:var(--spinner-color);border-radius:50%;animation:loadingSpinner .6s linear infinite}@keyframes loadingSpinner{100%{transform:rotate(360deg)}}.wrapper{display:flex;flex-direction:column;min-height:100vh}.inner{inline-size:min(100% - var(--pad-inner)*2,var(--innerWidth));margin-inline:auto}.inner--sm{--innerWidth: 931px}.inner--lg{--innerWidth: 1216px}.inner--xl{--innerWidth: 1386px}.inner--xxl{--innerWidth: 1650px}.inner--xxxl{--innerWidth: 1834px}.swiper{overflow:hidden}#content{flex:1}.block{margin-top:clamp(20px,3vw,50px);margin-bottom:clamp(50px,20vw,200px)}.block--mb-s{margin-bottom:clamp(50px,20vw,100px)}.block--private{position:relative;display:flex;align-items:center;min-height:calc(100vh - 71px);margin:0;padding:clamp(50px,20vw,100px) 0;background:rgba(0,0,0,.7)}.block--private .c-heading,.block--private .c-view-all{color:#fff}.block--private .bg-private{position:absolute;inset:0;width:100%;height:100%;z-index:-1;-o-object-fit:contain;object-fit:contain}.block[class*="--bg"]{margin:clamp(50px,20vw,200px) 0;padding:100px 0}.block[class*="--gray"]{background:var(--bg-3rd)}.item-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:1}.users-credits{display:inline-flex;flex-wrap:wrap;gap:.3em}.users-credits__details{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(10px,3vw,20px)}.users-credits__cards{display:flex}.users-credits__cards .users-credits__item:nth-child(n+2){margin-left:-1em}.users-credits__cards .circle-avatar__img{border:2px solid var(--bg-primary)}.users-credits__number{display:flex;align-items:center}.users-credits .circle-avatar{display:block;flex-shrink:0}.users-credits .circle-avatar__img{box-sizing:content-box}.avatar-name__link{display:flex;align-items:center;gap:.5em;min-width:-moz-fit-content;min-width:fit-content}.avatar-name__link sup{flex:1;margin-bottom:auto;margin-left:.2em;vertical-align:text-top;font-size:.5em;font-weight:500}.avatar-name__name{line-height:100%}.avatar-name__title{display:inline-block;font-size:1em}.avatar-name__img{display:block;height:auto;border-radius:50%;filter:grayscale(1)}.circle-avatar{display:inline-block;position:relative}.circle-avatar__img{display:block;height:auto;border-radius:50%;filter:grayscale(1);aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.circle-avatar__ribbon{position:absolute;top:0;left:0;width:100%;height:100%}.circle-avatar__ribbon svg{position:relative;top:50%;left:50%;width:calc(100% + .6em);height:calc(100% + .6em);transform:translate(-50%, -50%);stroke-width:1px;overflow:visible}.circle-avatar__ribbon span{position:absolute;left:0;top:100%;width:100%;text-align:center;font-size:Arial;font-size:8px;font-weight:400;line-height:100%;z-index:1}.menu-tabs{position:relative;display:flex;gap:clamp(8px,5vw,32px)}.menu-tabs--s2{height:80px;margin-bottom:clamp(24px,3vw,48px);justify-content:center;background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x}.menu-tabs--s3{margin-bottom:clamp(24px,3vw,48px);background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x}.menu-tabs--s3 li{padding-bottom:clamp(20px,3vw,20px);line-height:150%}.menu-tabs .active{font-weight:bold}.menu-tabs li{position:relative;display:flex;align-items:center;height:100%;cursor:pointer;color:#a7a7a7;white-space:nowrap}.menu-tabs .active{color:var(--color-primary)}.menu-tabs .active:before{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:2px solid var(--color-primary)}.menu-tabs sup{position:relative;top:-0.2em;margin-left:.5em;font-size:10px}.menu-dd{--menu-bg: #222;--menu-bg-active: #FA5D29;--menu-color: #fff;display:flex;gap:8px;padding-left:8px;font-size:14px;color:var(--menu-color)}.menu-dd.is-open .menu-dd__bt{background:var(--menu-bg-active)}.menu-dd.is-open .menu-dd__box{opacity:1;visibility:visible;pointer-events:auto}.menu-dd__bt{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--menu-bt-size, 48px);height:var(--menu-bt-size, 48px);background:var(--menu-bg);font-size:Arial,sans-serif;font-size:35px;letter-spacing:-0.15em;border-radius:var(--rounded-normal);cursor:pointer;pointer-events:auto;transition:background .3s}.menu-dd__bt:hover{background:var(--menu-bg-active)}.menu-dd__bt svg{fill:var(--color-white)}.menu-dd__box{padding:clamp(20px,3vw,30px);background:var(--menu-bg);border-radius:var(--rounded-normal);opacity:0;visibility:hidden;transition:all .3s}.menu-dd__list li:not(:last-child){margin-bottom:16px}.menu-dd__list+.menu-dd__list{border-top:1px solid rgba(255,255,255,.2);margin-top:16px;padding-top:16px}.menu-dd__item{display:flex;align-items:center;gap:12px;line-height:100%;cursor:pointer;transition:all .3s}.menu-dd__item:hover{opacity:.7}.menu-dd__item .ico-svg{width:14px}.menu-dd a{color:var(--color-white)}.content-tabs__item{position:relative;display:none}.content-tabs__item.active{display:block}.tab img{display:block;width:100%}.list-tags{display:flex;flex-wrap:wrap;gap:12px}.list-tags--center{justify-content:center;min-width:100%}.list-tags li{display:flex}.list-default{margin:2em 0}.list-default li{list-style:square inside;line-height:140%}.list-default li:not(:last-child){margin-bottom:.5em}.list-checks li{position:relative;margin-bottom:1em;padding-left:32px;line-height:150%}.list-checks li:last-child{margin-bottom:0}.list-checks .ico-svg{position:absolute;top:0;left:0}.list-check li{position:relative;margin-bottom:1em;padding-left:28px;line-height:150%}.list-check li:last-child{margin-bottom:0}.list-check .ico-svg{position:absolute;top:6px;left:0}.list-lines li{display:flex;padding:12px 0;border-bottom:1px solid #dedede}.list-lines li:last-child{border-bottom:none}.list-lines li div{flex:1;line-height:130%}.box-site{position:relative;display:flex;align-items:flex-end;margin-bottom:30px;overflow:hidden}.box-site__bg{display:block;aspect-ratio:16/7;border-radius:var(--rounded-large)}.box-site__top{position:absolute;top:20px;left:20px}.c-boxes-score{display:inline-flex}.c-boxes-score .box-score:is(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}.c-boxes-score .box-score:is(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.c-boxes-score .box-score:not(:last-child){border-right:none}.c-boxes-score .box-score:not(:first-child):not(:last-child){border-radius:0}.box-score{--scoreBorder: var(--color-primary);display:inline-flex;flex-direction:column;border:1px solid var(--scoreBorder);border-radius:var(--rounded-normal);text-align:center;line-height:100%;font-size:10px;font-size:clamp(10px,7.8873239437px + 0.4225352113vw,16px)}.box-score--small{min-width:40px;border-radius:var(--rounded-small)}.box-score--small .box-score__top{padding:.6em .6em;font-size:9px}.box-score--small .box-score__bottom{width:100%;padding:.8em 0;font-size:14px;justify-content:center}.box-score__top{padding:.5em 1em}.box-score__top strong{font-weight:500}.box-score__bottom{padding:.8em;border-top:1px solid var(--scoreBorder)}.box-score__note{display:flex;flex-direction:column}.box-score__note strong{display:block;font-size:1.65em}.box-score__note sub{margin-top:.2em;font-size:.9em;font-weight:normal}.box-figure{height:100%;padding:clamp(20px,4vw,80px);background:var(--bg-box-figure, #222);border-radius:var(--rounded-large)}.box-figure>*{width:100%}.box-figure figure{width:100%;border-radius:var(--rounded-normal);overflow:hidden}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-pointer-events{touch-action:pan-y}.swiper-pagination{display:flex;gap:12px}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--color-primary);opacity:.2;cursor:pointer;transition:all .3s}.swiper-pagination-bullet:hover{opacity:1}.swiper-pagination-bullet-active{opacity:1}.swiper-button-disabled{visibility:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{transition-property:opacity}.swiper-fade .swiper-slide-active{z-index:999}[class*=slider-cards] .swiper-slide{height:auto}.slider-cards--half-3 .swiper-slide{--card-width: 490px}.slider-cards .swiper-slide{width:var(--card-width)}.slider-sites{margin-bottom:1em}.slider-sites--temp-1 .swiper-slide{width:670px}.slider-sites .swiper-wrapper{display:grid;grid-auto-flow:column}.slider-sites .swiper-slide{position:relative;display:flex;flex-direction:column}.slider-sites__nav{display:flex;justify-content:flex-end;gap:16px;padding-top:clamp(20px,3vw,48px)}.slider-sites__prev svg{transform:translateX(-1px)}.slider-sites__next svg{transform:translateX(1px)}.slider-sites .figure-rollover__file{aspect-ratio:var(--img-resizing-site);-o-object-fit:cover;object-fit:cover}.slider-carousel .navigation{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.slider-carousel .navigation svg{fill:var(--color-primary)}.slider-carousel .bt-nav{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:1px solid var(--color-primary);border-radius:50%;cursor:pointer}.slider-carousel .swiper-button-disabled{visibility:visible;opacity:.3}.slider-carousel .swiper-button-next{transform:scaleX(-1)}.slider-carousel .swiper-slide img{display:block;width:100%}.pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:50px;font-weight:bold}.pagination__item{display:flex;justify-content:center;min-width:32px;border-radius:var(--rounded-normal);font-size:12px;color:var(--color-primary);transition:all .3s}.pagination__item--current,.pagination__item:hover{background:var(--bg-secondary);color:var(--color-white)}.pagination__prev{margin-right:1em}.pagination__next{margin-left:1em}.pagination .link-underlined{margin-top:auto;margin-bottom:auto;font-size:14px}@media(max-width: 576px){.pagination{justify-content:center}.pagination__item:nth-of-type(4),.pagination__item:nth-of-type(5){display:none}}.list-circle-notes{display:flex;gap:8px}.circle-note{display:flex;flex-direction:column}.circle-note__legend{text-align:center;font-size:12px;font-weight:400}.circle-note__bg{fill:none;stroke:#dedede;stroke-width:1}.circle-note__path{fill:none;stroke-width:1;stroke:var(--color-primary);animation:progress .6s ease-out forwards}.circle-note__note{font-size:8px;font-weight:bold;line-height:100%;text-anchor:middle;transform:translateY(1px)}@keyframes progress{0%{stroke-dasharray:0 100}}.list-circle-notes-ani{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.circle-note-progress{position:relative;display:inline-block;display:flex;flex-direction:column}.circle-note-progress .box-circle{position:relative;display:flex;align-items:center;flex-direction:column;transition:all .3s}.circle-note-progress .box-circle .legend,.circle-note-progress .box-circle .percent{transition:all .3s}.circle-note-progress svg{display:block;transform:rotate(-90deg)}.circle-note-progress circle{fill:none;stroke:var(--color-primary);stroke-width:1}.circle-note-progress circle:nth-child(1){stroke-opacity:.3}.circle-note-progress circle:nth-child(2){stroke-dasharray:238.7610416728;stroke-dashoffset:238.7610416728}.circle-note-progress .circle{position:relative;display:flex;justify-content:center}.circle-note-progress .info{position:absolute;top:50%;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding-top:10px;line-height:100%;text-align:center;font-weight:500;transform:translateY(-50%)}.circle-note-progress .percent{display:inline-flex;font-size:34px;font-weight:bold}.figure-rollover{position:relative;display:block;transition:all .3s}.figure-rollover.is-large{font-size:16px;font-size:clamp(16px,13.1830985915px + 0.5633802817vw,24px)}.figure-rollover.is-large .button{height:auto;padding:.7em 1.4em}.figure-rollover__hover{position:absolute;top:0;display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:100%;padding:1.6em 1.6em 1.5em 1.6em;visibility:hidden;opacity:0;color:#fff;background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);z-index:2;transition:all .3s;pointer-events:none;box-sizing:border-box}.figure-rollover__hover svg{pointer-events:all;cursor:pointer}.figure-rollover__hover .figure-rollover__bt{pointer-events:auto}.figure-rollover__fixed-left{position:absolute;top:1.6em;left:1.6em;display:flex;align-items:center;gap:8px;z-index:2;pointer-events:none}.figure-rollover__fixed-left .button{pointer-events:auto}.figure-rollover__fixed-right{position:absolute;top:1.6em;right:1.6em;display:flex;align-items:center;gap:8px;z-index:2;pointer-events:none}.figure-rollover__fixed-right .button{pointer-events:auto}.figure-rollover__fixed-right-bottom{position:absolute;bottom:1.6em;right:1.6em;display:flex;align-items:center;gap:8px;z-index:2;pointer-events:none}.figure-rollover__center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.figure-rollover__center *{pointer-events:all}.figure-rollover__right{display:flex;align-items:flex-end}.figure-rollover__right *{pointer-events:all}.figure-rollover__topright{display:flex;align-items:flex-end}.figure-rollover__topright *{pointer-events:all}.figure-rollover.has-hover-active .figure-rollover__hover{opacity:1;visibility:visible}.figure-rollover__link{display:block}.figure-rollover__file{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.figure-rollover__row{margin-bottom:.2em;line-height:120%;text-align:left}.figure-rollover__row:last-child{margin-bottom:0}.figure-rollover__bts{display:flex;gap:1em;margin-bottom:.3em}.figure-rollover__bt{margin:auto}.figure-rollover__bt svg{display:block;width:1em;height:auto}.figure-rollover__note{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;font-size:40px;font-weight:bold;color:var(--color-white);background:rgba(0,0,0,.5);pointer-events:none}.figure-rollover small{font-size:.666em}.figure-rollover h3{font-size:1em;font-weight:500}.figure-rollover:hover .figure-rollover__hover{opacity:1;visibility:visible}.c-load-more{margin-top:clamp(20px,6vw,60px);text-align:center}.total-grid{margin-bottom:clamp(24px,3vw,48px)}.header-grid{margin-bottom:clamp(24px,3vw,48px)}.header-grid__top{display:flex;justify-content:space-between;flex-wrap:wrap}.grid-awwwards{--minthumb: 250px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:clamp(20px,10vw,100px) var(--gutter)}@media(max-width: 576px){.grid-awwwards{--minthumb: 150px!important}}.grid-collections{--minthumb: 440px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:36px var(--gutter);padding-bottom:30px;font-size:15px}@media(min-width: 1600px){.grid-collections{--minthumb: 440px}}.grid-collections .is-double{grid-column:span 2}.grid-collections .card-banner{height:calc(100% - 47px);border-radius:var(--rounded-large)}.grid-collections .figure-rollover__file{aspect-ratio:var(--img-resizing-site)}.grid-elements-fit{display:grid;grid-template-columns:repeat(auto-fit, minmax(297px, 1fr));grid-gap:var(--gutter)}.grid-elements-fit .figure-rollover{border-radius:var(--rounded-large);overflow:hidden}.grid-elements-fit--small .figure-rollover{border-radius:var(--rounded-normal)}.card-banner{position:relative;height:100%;background:var(--card-bg, --bg-secondary);overflow:hidden}.card-banner[class*="--dark"]{color:var(--color-white)}.card-banner[class*="--dark"] .link-underlined{--color-underlined: var(--color-white-rgb)}.card-banner[class*="--s1"]{display:flex;flex-direction:column;justify-content:space-between}.card-banner[class*="--s1"] .card-banner__info{width:70%}.card-banner[class*="--s1"] .card-banner__title{margin-bottom:.6em}.card-banner[class*="--s1"] .card-banner__footer{position:relative;padding:clamp(24px,3vw,40px);text-align:right;line-height:100%}.card-banner[class*="--s2"]{min-height:350px}.card-banner[class*="--s2"] .card-banner__info{width:500px;max-width:100%}.card-banner[class*="--s2"] .users-credits{margin:1em 0 1.5em 0}.card-banner[class*="--s2"] .users-credits__cards{--bg-primary: var(--bg-secondary)}.card-banner[class*="--s2"] .sticker-svg{position:absolute;top:12%;right:60%;width:clamp(80px,8vw,140px)}.card-banner__info{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,64px)}.card-banner__title{line-height:120%}.card-banner__photo{position:absolute;top:0;right:0;width:100%;height:100%}.card-banner__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.grid-cards{--minthumb: 350px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));gap:30px var(--gutter)}.grid-cards[data-cols="2"]{--minthumb: 594px}.grid-cards[data-cols="3"]{--minthumb: 444px}.grid-cards[data-cols="4"]{--minthumb: 350px}@media all and (max-width: 1490px){.grid-cards--one-row[data-cols="3"]>li:last-child{display:none}}@media all and (max-width: 1578px){.grid-cards--one-row[data-cols="4"]>li:last-child{display:none}}@media all and (max-width: 1184px){.grid-cards--one-row[data-cols="4"]>li:nth-last-child(2){display:none}}@media(max-width: 576px){.grid-cards--one-row[data-cols]>li{display:block}}@media(max-width: 576px){.grid-cards[data-cols]{--minthumb: 310px}}.grid-academy{--minthumb: 360px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:clamp(24px,3vw,60px) var(--gutter);padding-bottom:30px}.grid-academy--s2{grid-template-columns:repeat(12, 1fr);grid-auto-rows:auto}.grid-academy--s2 .grid-academy__item{grid-column:span 3}.grid-academy--s2 .grid-academy__item-lg{grid-column:span 4}@media all and (max-width: 1520px){.grid-academy--s2 .grid-academy__item{grid-column:span 4}}@media all and (max-width: 1200px){.grid-academy--s2 .grid-academy__item{grid-column:span 6}.grid-academy--s2 .grid-academy__item-lg{grid-column:span 6}}@media all and (max-width: 700px){.grid-academy--s2 .grid-academy__item{grid-column:span 12}.grid-academy--s2 .grid-academy__item-lg{grid-column:span 12}}@media(max-width: 1780px){.grid-academy--one-row>li:nth-last-child(-n+1){display:none}}@media(max-width: 1360px){.grid-academy--one-row>li:nth-last-child(-n+2){display:none}}.grid-courses{--minthumb: 350px;--itemDisplay: block;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:var(--gutter);padding-bottom:30px;font-size:15px}.grid-courses .is-double{grid-column:span 2}@media(max-width: 1556px){.grid-courses--one-row>li:nth-last-child(-n+1){display:none}}@media(max-width: 1168px){.grid-courses--one-row>li:nth-last-child(-n+2){display:none}}.grid-courses .card-banner{border-radius:var(--rounded-large)}.grid-filters{display:flex;flex-wrap:wrap;gap:var(--gutter)}.grid-filters--header{margin-bottom:clamp(50px,6vw,100px)}.grid-filters__excerpt{margin-top:auto;width:300px;max-width:100%}.grid-filters__aside{width:360px;max-width:100%}.grid-filters__content{flex:1}@media(max-width: 576px){.grid-filters__aside{width:100%}}.grid-filters-sites{display:flex;flex-wrap:wrap;gap:3%}.grid-filters-sites__aside{position:sticky;top:0;width:300px;padding-right:10px;max-height:100vh;align-self:flex-start;overflow-y:auto}.grid-filters-sites__aside::-webkit-scrollbar{width:2px}.grid-filters-sites__aside::-webkit-scrollbar-thumb{background:#ededed}.grid-filters-sites__aside .menu-options{flex-direction:column;align-items:flex-start}.grid-filters-sites__aside .menu-options:not(:has(li)){display:none}.grid-filters-sites__aside .menu-options__placeholder{font-size:var(--text-size-small)}.grid-filters-sites__content{flex:1;min-width:350px}.aside-filter{background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x}.aside-filter.is-open .aside-filter__arrow path:nth-child(2){display:none}.aside-filter.is-open .aside-filter__content{max-height:300px;opacity:1;visibility:visible}.aside-filter:hover:not(.is-open) .aside-filter__arrow{transform:rotate(90deg)}.aside-filter__header{display:flex;justify-content:space-between;align-items:center;height:70px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aside-filter__arrow{transition:all .3s}.aside-filter__content{visibility:hidden;max-height:0;opacity:0;overflow:hidden;transition:all .3s}.aside-filter__search{display:flex;justify-content:space-between;height:47px;margin-bottom:20px;background:#ededed;border-radius:var(--rounded-small)}.aside-filter__search-text{flex:1;padding:0 12px;background:rgba(0,0,0,0)}.aside-filter__search-button{padding:0 12px;background:rgba(0,0,0,0);border:none}.aside-filter__list{max-height:124px;margin-bottom:20px;color:var(--color-white);line-height:150%;overflow-y:auto;overflow-x:hidden}.aside-filter__list::-webkit-scrollbar{width:2px}.aside-filter__list::-webkit-scrollbar-track{background:#ededed}.aside-filter__list::-webkit-scrollbar-thumb{background-color:var(--color-primary)}.aside-filter__list a:after{content:"(" attr(data-count) ")";font-weight:bold}.grid-directory{--minthumb: 350px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:var(--gutter);padding-bottom:30px;font-size:15px}.grid-directory--pro{--minthumb: 480px;margin-bottom:var(--gutter);padding-bottom:0;overflow:hidden}.grid-directory--pro+.grid-directory{margin-top:40px}@media(max-width: 1600px){.grid-directory--pro>li:nth-last-child(-n+1){display:none}}.grid-directory--large{--minthumb: 600px}.grid-directory .is-double{grid-column:span 2}.grid-directory .card-banner{border-radius:var(--rounded-normal)}.grid-sites{--minthumb: 350px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:30px var(--gutter);padding-bottom:30px}.grid-sites--3cols{--minthumb: 440px}.grid-sites.is-large{--minthumb: 440px}.grid-jobs{--minthumb: 400px;--itemDisplay: block;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:var(--gutter);padding-bottom:30px;font-size:15px}@media(max-width: 2291px){.grid-jobs--one-row>li:nth-last-child(-n+1){display:none}}@media(max-width: 1925px){.grid-jobs--one-row>li:nth-last-child(-n+2){display:none}}@media(max-width: 1351px){.grid-jobs--one-row>li:nth-last-child(-n+3){display:none}}@media(max-width: 1024px){.grid-jobs--one-row>li:nth-last-child(-n+4){display:none}}.grid-jury{--minthumb: 285px;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--minthumb), 1fr));grid-auto-flow:row dense;grid-gap:var(--gutter);font-size:15px}@media(min-width: 1600px){.grid-jury{--minthumb: 426px}}.card-blog{display:flex;flex-direction:column;height:100%}.card-blog__header{flex:1;margin-bottom:2em}.card-blog__title{width:90%;font-size:20px;font-size:clamp(20px,10.8450704225px + 1.8309859155vw,46px);line-height:120%}.card-blog__figure{position:relative}.card-blog__excerpt{width:80%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:96px;overflow:hidden}.card-blog__by{display:flex;align-items:center;gap:12px;margin:2em 0}.card-blog__by .link-underlined{font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:bold}.card-blog__media{display:block;width:100%;height:auto;border-radius:var(--rounded-normal);aspect-ratio:var(--img-resizing-site);-o-object-fit:cover;object-fit:cover}.card-blog__footer{margin-top:clamp(24px,3vw,48px);font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px)}.card-blog .sticker-svg{position:absolute;top:10%;right:0;width:clamp(85px,9vw,170px);transform:translateX(50%);pointer-events:none}.c-loadmore{display:flex;justify-content:center;align-items:center;margin-block:clamp(20px,3vw,50px)}.slider-assets{margin-bottom:var(--gutter)}.slider-assets .swiper-slide{width:860px;max-width:100%}.slider-assets .card-slide .figure-rollover{border-radius:var(--rounded-normal)}@media(max-width: 576px){.slider-assets{overflow:visible}.slider-assets .swiper-wrapper{flex-direction:column;gap:var(--gutter);transform:none !important}}.card-awwward__figure{width:170px;max-width:100%;margin:0 auto}.card-awwward__figure:hover .card-awwward__media{transform:scale(1.05) translateY(-10px);filter:drop-shadow(0 6px 3px rgba(34, 34, 34, 0.4))}.card-awwward__figure svg{width:100%;transition:all .3s}.card-awwward__media{position:relative;max-width:100%;transition:all .3s}.card-awwward__caption{margin-top:1.4em;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:400;text-align:center;white-space:nowrap}.card-awwward__row{margin-top:1em;text-align:center}.card-awwward-mini{--card-width: 84px;--card-pad: 12px 8px 8px 8px;--card-bordertop: 7px;--card-titlesize: 12px;--card-rounded: 0;position:relative;width:var(--card-width);border-radius:var(--card-rounded);color:#222;line-height:100%;aspect-ratio:84/96;overflow:hidden}.card-awwward-mini--small{--card-width: 51px;--card-pad: 8px 5px;--card-bordertop: 3px;--card-titlesize: 8px;--card-rounded: 3px}.card-awwward-mini:hover .card-awwward-mini__bg{fill:#dedede}.card-awwward-mini__info{position:absolute;inset:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:var(--card-pad);border-top:var(--card-bordertop) solid var(--awwward-color)}.card-awwward-mini__number{font-size:var(--text-size-primary)}.card-awwward-mini__logo{width:20px}.card-awwward-mini__title{width:60px;max-width:100%;font-size:var(--card-titlesize);font-weight:normal;line-height:100%;text-align:left}.card-awwward-mini__bg{display:block;width:100%;height:100%;fill:#ededed;transition:all .3s}.card-asset{--card-pad-x: clamp(20px, 3vw, 30px);--card-pad-y: clamp(15px, 3vw, 26px);--card-border: 1px solid var(--border-gray);--card-bg: rgba(255, 255, 255, 0.6);--card-bt: var(--border-gray);display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-radius:var(--rounded-normal);overflow:hidden}.card-asset__header{display:flex;flex-direction:column;flex:1;gap:12px;padding:var(--card-pad-x);line-height:normal}.card-asset__title{font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:bold;line-height:120%}.card-asset__content{flex:1;display:flex;flex-direction:column}.card-asset__list li{display:flex;justify-content:space-between;gap:20px;padding:var(--card-pad-y) var(--card-pad-x);border-top:var(--card-border);line-height:120%}.card-asset__list>div{display:flex;align-items:center}.card-asset__section{width:40%;flex-shrink:0}.card-asset__bts{display:flex;border-top:var(--card-border)}.card-asset__bt{flex:1;display:flex;justify-content:center;align-items:center;height:clamp(64px,5vw,94px);font-weight:bold;transition:all .3s;transform:translateZ(0)}.card-asset__bt:hover{background:var(--color-white);color:#222}.card-asset__bt:nth-child(2){border-left:1px solid var(--card-border)}.card-asset__media{display:block;aspect-ratio:var(--img-resizing-site);-o-object-fit:cover;object-fit:cover;transition:all .3s}.card-asset__media:hover{filter:brightness(80%)}.card-asset .swiper{position:relative;overflow:visible}.card-asset .swiper-wrapper{border-radius:var(--rounded-normal);cursor:pointer;overflow:hidden}.card-asset .swiper-pagination{position:absolute;top:calc(100% + 30px);right:var(--card-pad-x)}.card-blog-full{position:relative}.card-blog-full__figure{grid-column:1/3;grid-row:1;width:100%;border-radius:var(--rounded-large);overflow:hidden}.card-blog-full__img{display:block;width:100%}.card-blog-full__entry{display:flex;flex-wrap:wrap;gap:var(--gutter);width:100%;margin-top:clamp(32px,5vw,180px)}.card-blog-full__desc{flex:1;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);margin:0 clamp(0px,5vw,140px);line-height:150%}.card-blog-full__more{margin:clamp(20px,4vw,60px) 0}.card-blog-full__box{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:clamp(20px,4vw,40px);background:#f8f8f8;border-radius:var(--rounded-normal);line-height:140%;font-size:var(--text-size-medium)}.card-blog-full .c-typography__photo{width:80%;margin:0 auto}.card-blog-full .c-typography__photo img{width:100%}.card-blog-full table{margin:0 auto}@media(max-width: 576px){.card-blog-full__entry{flex-direction:column}.card-blog-full__desc{margin:0}}.card-certificate{--color-line: rgba(0,0,0, 0.1);position:relative;display:flex;flex-direction:column;width:436px;max-width:100%;padding:5%;border-top:10px solid var(--color-award);background:var(--bg-3rd);aspect-ratio:430/610}.card-certificate__header{display:flex;justify-content:space-between;margin-bottom:16%}.card-certificate__logo{width:10%}.card-certificate__data{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:20%;line-height:100%;font-size:9px}.card-certificate__content{display:flex;flex-direction:column;flex:1}.card-certificate__title{padding:6% 0;font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px);font-weight:bold;line-height:120%;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.card-certificate__by{padding:3% 0;font-size:14px;font-size:clamp(14px,13.2957746479px + 0.1408450704vw,16px);line-height:120%;border-bottom:1px solid var(--color-line)}.card-certificate__cover{display:flex;align-items:center;flex:1;padding:5% 0}.card-certificate__logo-text{display:flex;align-items:center;font-size:10px;font-weight:500;line-height:10px}.card-certificate__logo-text svg{fill:#acacac}.card-collection__info{display:flex;justify-content:space-between;align-items:center;padding-top:16px;line-height:100%}.card-collection__left{flex:1}.card-collection__right{flex-shrink:0}.card-collection__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.card-collection__row a{color:var(--color-primary)}.card-collection__row h3{font-size:var(--text-size-primary);line-height:140%}.card-collection__footer{margin-top:12px;padding-top:16px;border-top:1px solid #f8f8f8}.card-collection .figure-rollover{border-radius:var(--rounded-large);overflow:hidden}.card-collection .figure-rollover__file{aspect-ratio:var(--img-resizing-site)}.card-course{--pad-content: 32px;display:flex;flex-direction:column;height:100%;background:var(--color-white);border-radius:var(--rounded-large);overflow:hidden}.card-course__figure{width:100%;overflow:hidden}.card-course__img{display:block;width:100%;height:auto}.card-course__content{flex:1;padding:var(--pad-content)}.card-course__title{margin-bottom:.4em;font-size:24px}.card-course__footer svg{display:block}.card-course__row{display:grid;grid-template-columns:50% 50%;padding:20px var(--pad-content);border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;line-height:120%}.card-course__link{display:flex;justify-content:flex-end;padding:var(--pad-content)}.card-course .swiper{position:relative;width:100%}.card-course .swiper-pagination{position:absolute;bottom:28px;right:28px;z-index:10}.card-course a{color:var(--color-primary)}.card-course .circle-avatar__img{width:20px}.card-directory-sp{display:flex;flex-direction:column;height:100%;padding:clamp(24px,3vw,64px);background:var(--bg-secondary);border-radius:var(--rounded-normal);color:var(--color-white);overflow:hidden}.card-directory-sp__header{display:flex;justify-content:space-between}.card-directory-sp__title{font-size:30px;font-size:clamp(30px,20.8450704225px + 1.8309859155vw,56px);line-height:110%}.card-directory-sp__content{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:2em}.card-directory-sp__left{flex:1}.card-directory-sp__footer{display:flex;justify-content:space-between;margin-top:4em}.card-directory-sp .swiper{width:60%}.card-directory-sp .swiper-wrapper{height:auto;border-radius:var(--rounded-normal);overflow:hidden}.card-directory-sp .swiper-pagination{display:flex;justify-content:flex-end;margin-top:36px}.card-directory-sp .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s}.card-directory-sp .swiper-pagination-bullet-active{background:var(--color-white)}.card-directory-sp .swiper img{display:block;aspect-ratio:var(--img-resizing-site);-o-object-fit:cover;object-fit:cover}.card-directory-sp .circle-avatar{margin-bottom:auto;font-size:var(--text-size-large)}.card-directory-sp .circle-avatar.hot{--avatar-bg: var(--bg-secondary)}.card-directory-sp .badget-reviews{position:relative;top:50px;border-color:rgba(255,255,255,.3)}.card-directory-sp a{color:var(--color-white)}.card-directory{--card-pad-x: clamp(20px, 3vw, 30px);--card-pad-y: clamp(15px, 3vw, 26px);--card-border: 1px solid var(--border-gray);--card-bg: var(--bg-white);--avatar-bg: var(--card-bg);display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-radius:var(--rounded-normal);overflow:hidden}.card-directory__header{display:flex;padding:var(--card-pad-x);font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:bold}.card-directory__content{flex:1}.card-directory__media{display:block;width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--rounded-normal);transition:all .3s}.card-directory__media:hover{filter:brightness(80%)}.card-directory__list{flex:1}.card-directory__list li{display:flex;gap:20px;padding:var(--card-pad-y) var(--card-pad-x);border-top:var(--card-border);line-height:120%}.card-directory__list>div{display:flex;align-items:center}.card-directory__section{width:40%;flex-shrink:0}.card-directory__awards{display:flex;align-items:center;gap:4px;font-weight:bold}.card-directory__awards .ico-svg{top:-1px;display:block}.card-directory .box-score--small{width:50px;max-width:-moz-max-content;max-width:max-content}.card-directory-basic{--card-pad-x: clamp(24px, 3vw, 36px);--card-pad: clamp(10px, 3vw, 16px) var(--card-pad-x);--card-border: 1px solid #383838;--card-bg: var(--bg-secondary);--card-color: #fff;display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-radius:var(--rounded-normal);color:var(--card-color)}.card-directory-basic__header{padding:clamp(30px,3vw,60px) var(--card-pad-x);font-size:16px;font-size:clamp(16px,13.1830985915px + 0.5633802817vw,24px)}.card-directory-basic__header p:last-child{margin-bottom:0}.card-directory-basic__user sup{font-weight:300;font-size:.4em}.card-directory-basic__list{flex:1}.card-directory-basic__list li{display:flex;justify-content:space-between;gap:20px;padding:var(--card-pad);border-top:var(--card-border);line-height:120%}.card-directory-basic__list div:nth-child(2){text-align:right}.card-directory-basic__footer{display:flex;justify-content:flex-end;padding:var(--card-pad);padding-top:clamp(10px,3vw,30px);padding-bottom:clamp(10px,3vw,30px);border-top:var(--card-border)}.card-directory-basic .ico-svg{fill:var(--card-color)}.card-directory-basic a{color:var(--card-color)}.card-academy{--card-pad-x: clamp(20px, 3vw, 30px);--card-pad-y: clamp(10px, 3vw, 20px);--card-border: 1px solid #ededed;--card-bg: var(--color-white);position:relative;display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-radius:var(--rounded-large);overflow:hidden}.card-academy--dark{--card-bg: var(--bg-secondary);--color-link: #fff;--card-border: 1px solid #383838;color:#fff}.card-academy__figure{position:relative}.card-academy__figure .top-right{position:absolute;top:20px;right:20px;pointer-events:none}.card-academy__figure .bottom-right{position:absolute;bottom:20px;right:20px;pointer-events:none}.card-academy__figure .center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.card-academy__figure .center .ico-svg{display:block;opacity:.8}.card-academy__media{display:block;width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9;transition:all .3s}.card-academy__media:hover{filter:brightness(80%)}.card-academy__thumb{-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9}.card-academy__tag{background:var(--color-learn);border:none;font-weight:600}.card-academy__info{display:flex;flex-direction:column;justify-content:space-between;height:100%}.card-academy__footer .card-academy__row{align-items:center;border-top:var(--card-border)}.card-academy__by{line-height:120%}.card-academy__title{font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);line-height:120%}.card-academy__row{display:flex;flex-wrap:wrap;gap:8px;padding:var(--card-pad-y) var(--card-pad-x)}.card-academy__row:first-child{padding-top:var(--card-pad-x);padding-bottom:var(--card-pad-x)}.card-academy__row>*:first-child{flex:1}.card-academy__row .budget-tag{position:relative;top:3px;font-weight:bold;font-size:14px}.card-academy__desc{line-height:140%}.card-academy__more{display:flex;align-items:center}.card-academy__more .ico-svg{display:block}.card-academy__stats{display:flex;line-height:100%;font-size:14px;gap:var(--card-pad-x)}.card-academy__stat{display:flex;flex-direction:column;gap:6px}.card-academy__timer{--scoreBorder: #4e4e4e;margin-bottom:auto;border-radius:var(--rounded-small)}.card-academy__timer .box-score__top{padding:.5em;font-size:.8em;line-height:100%}.card-academy__weeks{--scoreBorder: #ededed;background:#fff;margin-bottom:auto;color:#222;border-radius:var(--rounded-small)}.card-academy__weeks .box-score__top{padding:.5em;font-size:.8em;line-height:100%}.card-academy__weeks .box-score__bottom{padding:.4em;line-height:normal;font-size:.8em;font-weight:400}.card-academy__chars{display:flex;line-height:120%;font-size:12px;gap:3%}.card-academy__char{padding-left:8px;border-left:2px solid #ff0}.card-academy__score{width:100px}.card-academy__coming-soon{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.8);font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);line-height:160%;color:#fff;text-align:center;z-index:2}.card-academy .box-score{width:100px;margin-bottom:8px;border:none;text-align:left}.card-academy .box-score__info{margin-bottom:12px;font-size:14px;line-height:14px}.card-academy .box-score__wrap{display:flex;align-items:center;position:relative;background-color:#ededed;border-radius:4px;overflow:hidden}.card-academy .box-score__bar{height:4px;background-color:var(--color-learn)}.box-price{display:flex;gap:8px;line-height:normal}.box-price__off{display:flex;flex-direction:column;font-size:12px;line-height:14px}.box-price__old{color:#fa5d29}.box-price__previous{color:#fa5d29;text-decoration:line-through}.box-price__previous strong{font-weight:400}.box-price__total{font-size:32px}.box-price__total sup{margin-left:4px;font-size:14px;font-weight:400}.box-price__amount{display:flex;gap:2px;height:27px;font-size:32px}.box-price__amount sup{font-size:14px;font-weight:400;transform:translateY(2px)}.box-price__currency{font-size:16px;font-weight:500}.box-price__dto{font-size:9px}.box-price__right{display:flex;flex-direction:column;justify-content:space-between;line-height:normal;height:100%}.box-price__dec{display:flex;justify-content:space-between}.postit{position:absolute;top:0;right:0;width:260px;padding:clamp(20px,2vw,30px);background:var(--ch-bg, var(--color-learn-2));line-height:140%;border-radius:var(--rounded-large)}.postit p:last-child{margin-bottom:0}.card-job{--card-pad-x: clamp(20px, 3vw, 30px);--card-pad-y: clamp(10px, 3vw, 16px);--card-border: 1px solid #ededed;--card-bg: var(--color-white);--avatar-bg: var(--card-bg);display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-radius:var(--rounded-large)}.card-job__header{display:flex;gap:8px;align-items:center;padding:var(--card-pad-x);font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:bold;border-bottom:var(--card-border)}.card-job__header>div{display:flex}.card-job__header>div:nth-child(1){flex:1;overflow:hidden}.card-job__header .users-credits__item{flex-wrap:nowrap}.card-job__header .circle-avatar{flex-shrink:0}.card-job__tag{background:#fdede8;border:none}.card-job__content{flex:1;padding:var(--card-pad-x);line-height:150%}.card-job__title{margin-bottom:1em;font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px);line-height:130%}.card-job__list{padding-bottom:var(--card-pad-y)}.card-job__list li{display:flex;justify-content:space-between;gap:20px;padding:var(--card-pad-y) var(--card-pad-x);border-top:var(--card-border);line-height:120%}.card-job__list div:nth-child(2){text-align:right}.card-job__ago{display:flex;align-items:center}.card-job__ago .ico-svg{top:-1px;margin-right:8px}.card-jury{--card-pad: clamp(10px, 3vw, 16px) clamp(20px, 3vw, 30px);--card-border: 1px solid var(--border-gray);--card-bg: var(--bg-white);--avatar-bg: var(--card-bg);display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-radius:var(--rounded-normal)}.card-jury__header{padding:var(--card-pad);font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:bold}.card-jury__title{margin:clamp(10px,3vw,20px) 0;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);line-height:130%}.card-jury__figure img{display:block;width:100%;aspect-ratio:var(--img-resizing-site);-o-object-fit:cover;object-fit:cover;border-radius:var(--rounded-normal);transition:all .3s;filter:grayscale(1)}.card-jury__figure img:hover{filter:grayscale(1) brightness(80%)}.card-jury__list{flex:1}.card-jury__list li{display:flex;justify-content:space-between;gap:20px;padding:var(--card-pad);border-top:var(--card-border);line-height:120%}.card-jury__list div:nth-child(2){text-align:right}.card-jury__footer{display:flex;justify-content:space-between;padding:var(--card-pad);padding-top:clamp(10px,3vw,30px);padding-bottom:clamp(10px,3vw,30px);border-top:var(--card-border)}.card-jury__social{display:flex;align-items:center;gap:30px}.card-jury__social .ico-svg{display:block}.badget-reviews{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:60px;border:1px solid rgba(var(--color-primary-rgb), 0.1);border-radius:var(--rounded-normal);font-size:1em;line-height:120%}.badget-reviews__label{margin:2px 0;font-size:.8em}.badget-reviews__number{font-size:1.6em}.c-view-all{display:flex;flex-direction:column;justify-content:center;margin-top:clamp(30px,5vw,80px)}.c-view-all__row{display:inline-flex;justify-content:center;align-items:center;gap:20px}.c-view-all__ico-left{vertical-align:text-bottom;margin-right:4px}.add-card{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;gap:var(--gutter);height:100%;min-height:300px;border:1px solid #ededed;background:#f8f8f8;border-radius:var(--rounded-normal)}.add-card__content{padding:30px;text-align:center;line-height:150%}.add-card__content p:not(:last-child){margin-bottom:2em}.add-card .button{min-width:180px}.card-masterclass{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,60px);border-radius:var(--rounded-large);aspect-ratio:1/1;color:#fff;overflow:hidden}.card-masterclass--soon{pointer-events:none}.card-masterclass--soon:has(a){pointer-events:all}.card-masterclass--soon .card-masterclass__bottom{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.card-masterclass--soon .card-masterclass__photo{filter:brightness(40%)}.card-masterclass__top,.card-masterclass__bottom{position:relative;pointer-events:none;z-index:2}.card-masterclass__logo{max-width:15vw;width:auto;max-height:80px}.card-masterclass__photo{position:absolute;inset:0;width:100%;height:100%;z-index:-1;-o-object-fit:cover;object-fit:cover}.card-masterclass__bt{position:absolute;bottom:0;right:0;width:220px;max-width:30vw;height:60px;text-align:center;font-size:18px;border-bottom:10px solid var(--color-masterclass)}.card-masterclass__title{line-height:100%;width:600px;max-width:100%;margin:.2em 0}.card-site-full__credits{display:flex;justify-content:center;margin-top:clamp(30px,5vw,80px);font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:bold}.card-site-full__more{margin-top:clamp(30px,5vw,60px);text-align:center}.card-site-full .figure-rollover{width:100%;border-radius:var(--rounded-large);overflow:hidden}.card-site-mini{display:flex;align-items:center;gap:20px}.card-site-mini__figure{flex-shrink:0;position:relative;border-radius:var(--rounded-small);overflow:hidden}.card-site-mini__title{font-size:1em}.card-site-mini a{color:var(--color-primary)}.card-site{font-size:15px}.card-site__left{flex:1;display:flex;align-items:center}.card-site__right{display:flex;gap:16px;flex-shrink:0;padding-left:20px}.card-site__info{display:flex;flex-wrap:wrap;padding-top:16px}.card-site__row{display:flex;align-items:center;gap:8px}.card-site__award{font-weight:500}.card-site__title{font-size:15px;line-height:150%}.card-site__desc p{margin:.4em 0 0 0;line-height:150%}.card-site .figure-rollover{border-radius:var(--rounded-small);overflow:hidden}.card-site .figure-rollover__file{aspect-ratio:var(--img-resizing-site)}.card-site-2{display:flex;flex-direction:column;height:100%;background:var(--bg-white);border-radius:var(--rounded-normal)}.card-site-2__info{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,3vw,30px)}.card-site-2__row{display:flex;justify-content:space-between}.card-site-2__row:has(.card-site-2__category){gap:20px}.card-site-2__row div:nth-child(2){flex-shrink:0;text-align:right}.card-site-2__title{font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);line-height:120%}.card-site-2__vote-now{display:flex;flex-direction:column;gap:20px;margin-top:20px}.card-site-2 .figure-rollover{border-radius:var(--rounded-normal);overflow:hidden}.card-site-2 .figure-rollover:hover{filter:brightness(90%)}.card-site-2 .figure-rollover__file{aspect-ratio:var(--img-resizing-site)}.card-video{position:relative;display:inline-flex;color:var(--color-white);overflow:hidden}.card-video__header{position:absolute;top:28px;left:28px;z-index:9}.card-video__footer{position:absolute;bottom:28px;right:28px}.card-video-v{--colorCard: #fff;position:relative;border-radius:var(--rounded-large);aspect-ratio:50/74;color:var(--colorCard);overflow:hidden}.card-video-v:hover .card-video-v__media{filter:brightness(90%);transform:scale(1.05)}.card-video-v__media{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s}.card-video-v__info{position:absolute;inset:0;display:flex;align-items:flex-end;padding:clamp(20px,6vw,44px)}.card-video-v__footer{display:flex;gap:20px}.card-video-v__title{font-size:24px;font-size:clamp(24px,19.7746478873px + 0.8450704225vw,36px);line-height:120%}.card-video-v__title+div{margin-top:1em}.card-video-v__ico{display:flex;align-items:flex-end;flex-shrink:0}.l-news{position:relative;padding:clamp(40px,6vw,120px) clamp(0px,6vw,100px);border-radius:var(--rounded-large)}.l-news--dark{--bg-primary: var(--bg-secondary);--color-primary: var(--color-white);--color-primary-rgb: 255, 255, 255;background:var(--bg-secondary);color:var(--color-white)}.l-news--style1{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, auto)}.l-news--style1 .l-news__item{width:clamp(100px,33vw,608px)}.l-news--style1 .l-news__item:nth-child(1){grid-column:1/3;justify-self:end}.l-news--style1 .l-news__item:nth-child(3){grid-area:3/2;justify-self:end;margin-top:-40%}.l-news--style1 .grid-title{margin-top:2rem}.l-news--style1 .grid-title__cell:nth-child(1),.l-news--style1 .grid-title__cell:nth-child(4){grid-column:1/3}.l-news--style1 .grid-title__cell:nth-child(2){position:relative;left:-20%}.l-news--style1 .grid-title span{position:relative}.l-news--style1 .grid-title sup.grid-title__subtitle{position:absolute;bottom:calc(100% + 2rem);left:0;font-size:var(--text-size-primary);font-weight:300}.l-news--style1 .grid-title sup.grid-title__desc{position:absolute;top:calc(100% + 2rem);left:0;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);font-weight:300;text-align:left;line-height:150%;font-weight:300;color:#7a7a7a}.l-news--style1 .grid-title svg{margin-left:-0.1em;width:.7em;height:auto}.l-news--style1 p{color:#7a7a7a}.l-news--style2{display:grid;grid-template-columns:auto auto;grid-template-rows:repeat(2, auto);justify-content:space-evenly;width:100%;margin:0 auto;padding:0}.l-news--style2 .l-news__item:nth-child(odd){padding-right:0}.l-news--style2 .l-news__item:nth-child(odd) .card-blog{width:350px;max-width:100%}.l-news--style2 .l-news__item:nth-child(odd) .card-blog__title{width:100%}.l-news--style2 .l-news__item:nth-child(1){grid-column:2/3}.l-news--style2 .l-news__item:nth-child(2){grid-row:1/3;align-self:center}.l-news--style2 .l-news__item:nth-child(3){grid-area:2/2;justify-self:end;margin-top:40%}.l-news--style2 .card-blog{display:block;width:657px;max-width:100%}.l-news--style2 .card-blog__title{width:500px;max-width:100%;font-size:30px}.l-news .card-element{margin:0 auto 5vw auto}.l-news .list-elements{margin:4vw 0}.l-news p{margin-bottom:1.5em;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);line-height:140%}.l-news .ico-svg{fill:var(--color-primary)}@media(max-width: 1023px){.l-news--style1{display:flex;flex-direction:column;gap:var(--gutter);padding:0}.l-news--style1 .l-news__item{width:100%}.l-news--style1 .l-news__item:nth-child(1){display:flex;justify-content:flex-end;width:100%}.l-news--style1 .l-news__item:nth-child(3){margin-top:0}.l-news--style1 .l-news__item .grid-title{width:-moz-min-content;width:min-content}.l-news--style2{display:flex;flex-direction:column;gap:var(--gutter);padding:0}.l-news--style2 .l-news__item{width:100%}.l-news--style2 .l-news__item:nth-child(2){margin-top:0}.l-news--style2 .l-news__item:nth-child(3){margin-top:0}}.card-slide__info{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:24px}.card-slide__title{margin-bottom:.5em;font-size:16px;font-size:clamp(16px,13.1830985915px + 0.5633802817vw,24px)}.card-slide__title a{color:var(--color-primary)}.card-slide__data{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.card-slide .is-truncated{flex:1}.card-slide .is-truncated .avatar-name{flex:1}.card-slide .is-truncated .avatar-name__name{flex:1;display:flex}.card-slide .is-truncated .avatar-name .link-underlined{flex:1;width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-slide__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%}.card-slide__row .card-slide__title{margin-bottom:0}.card-slide__row .link-underlined{font-size:16px;font-size:clamp(16px,13.1830985915px + 0.5633802817vw,24px);font-weight:bold}.card-slide__row small{position:relative;top:.2em;margin:0 .3em;font-weight:300;font-size:.75em;line-height:100%}.card-slide .figure-rollover{border-radius:var(--rounded-large);overflow:hidden}.content-dropdown-tags{position:relative}.content-dropdown-tags.is-active .button{background:var(--bg-secondary);color:var(--color-white)}.content-dropdown-tags.is-active .dropdown-tags{opacity:1;visibility:visible}.dropdown-tags{position:absolute;top:calc(100% + 10px);right:0;width:600px;max-width:calc(100vw - 48px);max-height:400px;padding:30px;border-radius:var(--rounded-normal);background:var(--bg-secondary);overflow-y:auto;cursor:default;opacity:0;visibility:hidden;transition:all .3s;z-index:4;overflow:auto;overscroll-behavior:contain}.dropdown-tags--top-right{top:auto;bottom:calc(100% + 16px);right:0}.dropdown-tags.is-show{opacity:1;visibility:visible}.dropdown-tags__label{margin-bottom:20px;text-align:left;font-size:var(--text-size-small);color:#a7a7a7;line-height:100%}.dropdown-tags__close{position:absolute;top:10px;right:10px;padding:10px;cursor:pointer}.dropdown-tags__close svg{display:block;fill:#fff}.dropdown-tags .list-tags+.dropdown-tags__label{margin-top:30px}.dropdown-tags .button{border-color:rgba(255,255,255,.4)}.dropdown-tags .button:hover{border-color:rgba(255,255,255,.4)}.c-tags{display:flex;width:1100px;max-width:100%;margin:0 auto}.c-tags .list-tags{justify-content:center}.c-tags-row{position:relative;display:flex;gap:16px;margin:20px 0}.c-tags-row__left{flex:1;height:40px;overflow:hidden}.c-tags-row .more-tags{position:absolute;right:0}.modal{--pad-modal: 30px;--pad-large-modal: 50px;--pad-modal-box: clamp(24px, 3vw, 48px);position:fixed;inset:0;display:flex;justify-content:center;align-items:center;min-height:100%;height:auto;padding:var(--pad-modal) 0;background-color:rgba(0, 0, 0, var(--modal-alpha));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;z-index:10;transition:all .4s}.modal.is-visible{visibility:visible;opacity:1}.modal.is-visible .modal__content{opacity:1}.modal[class*="--white"]{background-color:rgba(255,255,255,.7)}.modal[class*="--fullscreen"]{padding:0}.modal[class*="--fullscreen"] .modal__content{width:100%;height:calc(100% - 30px);margin-bottom:0}.modal[class*="--x-large"] .modal__content{width:calc(100% - 52px)}.modal[class*="--large"] .modal__content{width:1142px}.modal[class*="--medium"] .modal__content{width:900px}.modal[class*="--small"] .modal__content{width:600px}.modal[class*="--bottom"]{padding-bottom:0;align-items:flex-end}.modal[class*="--bottom"].is-visible .modal__content{transform:translateY(0)}.modal[class*="--bottom"] .modal__content{margin:0;transform:translateY(300px);transition:transform .6s}.modal[class*="--bottom"] .modal__box{border-bottom-left-radius:0;border-bottom-right-radius:0}.modal__content{position:relative;display:inline-block;width:840px;max-width:100%;margin:auto 0;opacity:0;transition:opacity .6s .2s}.modal__box{padding:3em;padding:var(--pad-modal-box);background:var(--bg-primary);border-radius:var(--rounded-large)}.modal__box--dark{background:var(--bg-secondary);color:var(--color-white)}.modal__video{position:relative;border-radius:var(--rounded-large);overflow:hidden}.modal__sotd-document{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--bg-primary);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;border-radius:var(--rounded-normal)}.modal .header-floating{top:0;position:sticky;display:flex;align-items:center}.modal .bt-nav{position:fixed;bottom:40px;right:40px;z-index:9}.header-col{display:flex;margin-bottom:clamp(50px,20vw,100px)}.header-col>div{flex:1}.l-register{display:flex;min-height:100vh}.l-register__left{position:relative;width:60%}.l-register__right{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:40%;min-width:700px}.l-register__bg{position:absolute;top:0;left:0;width:100%;height:100vh;-o-object-fit:contain;object-fit:contain}.l-register__content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:0 40px}.l-register__top,.l-register__bottom{padding:clamp(30px,4vw,60px) 0}.l-register__logo{position:absolute;top:40px;left:40px;display:inline-flex;align-items:center;gap:16px;margin-bottom:clamp(30px,4vw,60px)}.l-register__logo svg:nth-child(1){width:71px;height:auto;fill:var(--color-primary)}.l-register__logo .sticker-svg{width:clamp(40px,5vw,80px)}.l-register .content-tabs{width:580px;max-width:100%;height:100%}.l-register .content-tabs__item{height:100%}@media(max-width: 576px){.l-register__left{display:none}.l-register__right{width:100%;min-width:auto}}.m-login{--min-height-login: 693px;position:relative;width:100%;min-height:var(--min-height-login);border-radius:var(--rounded-large);overflow:hidden}.m-login__container{display:flex;justify-content:space-between;min-height:var(--min-height-login)}.m-login__container>div{flex:1}.m-login__left{background:var(--bg-3rd)}.m-login__right{background:var(--bg-white)}.m-login__inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--pad-large-modal)}.m-login__title{margin-bottom:1.5em;font-size:var(--text-size-large);font-weight:normal}.m-login__logo{display:flex;justify-content:center;align-items:center;gap:2vw;font-size:162px}.m-login__logo svg{width:auto;height:1em}.m-login__logo svg:nth-child(1){height:.4em}.m-login__forgot{margin-top:-1em;text-align:right;font-size:.8em}.m-login__social{display:flex;flex-wrap:wrap;gap:16px}.m-login__social .button{flex:1}.m-login__or{margin-top:2em}.m-login .button[class*=full]{margin-top:.5em}.m-alert__header{display:flex;justify-content:space-between;margin-bottom:clamp(40px,5vw,80px)}.m-alert__header img{margin:auto 0}.m-alert__top{margin-bottom:2em}.m-alert__title{font-size:var(--text-size-large);font-weight:300}.m-alert__bts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--gutter);margin-top:var(--pad-modal-box)}.m-alert__bts .button{flex:1;min-width:min(12em,100%)}.m-alert__content .list-cart{margin-bottom:40px}.m-alert__content .list-cart__item{padding:clamp(12px,4vw,16px)}.m-cookies__bottom{display:flex;align-items:center;flex-wrap:wrap;gap:16px 0;margin-top:clamp(30px,5vw,50px)}.m-cookies__bottom div:first-child{flex:1}.m-cookies__list li{display:flex;align-items:center;flex-wrap:wrap;padding:16px 0;line-height:130%;background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x}.m-cookies__list div:first-child{flex:1}.cookies-popup{position:fixed;right:30px;bottom:-50%;width:400px;max-width:100%;padding:clamp(20px,5vw,30px);background:var(--bg-secondary);color:#fff;border-radius:var(--rounded-normal);z-index:10;opacity:0;transition:all .4s}.cookies-popup.is-show{opacity:1;bottom:30px}.cookies-popup .button:hover{background:#7a7a7a}.c-heading{position:relative;margin-bottom:clamp(40px,5vw,96px);font-weight:400}.c-heading--small .c-heading__top{margin-bottom:1rem}.c-heading--small .c-heading__middle+.c-heading__bottom{margin-top:1em}.c-heading--small .c-heading__short-desc{width:500px}.c-heading__top{margin-bottom:clamp(20px,3vw,24px);font-weight:400}.c-heading__top .text-default{font-weight:400}.c-heading__middle+.c-heading__bottom{margin-top:1em}.c-heading__short-desc{display:inline-block;width:360px;max-width:100%;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px)}.c-heading__large-desc{display:inline-block;width:900px;max-width:100%;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px)}.c-heading__by{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(20px,2vw,30px);font-size:16px;font-size:clamp(16px,14.5915492958px + 0.2816901408vw,20px)}.c-heading__by small{font-size:.6em}.c-heading__between{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.c-heading .heading-1{position:relative;display:inline-block}.subtitle-center{display:flex;justify-content:center;align-items:center;margin-bottom:clamp(30px,5vw,80px);font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px)}.subtitle-center--bottom{margin-top:clamp(30px,5vw,80px)}.subtitle-center .bt-ico-left{margin-left:1em}.text-subtitle-narrow{display:inline-block;width:360px;max-width:100%}.heading-underlined{margin-bottom:3em;font-size:var(--text-size-primary);font-weight:normal}.heading-underlined__text{display:inline-block;border-bottom:1px solid var(--color-primary)}.heading-section{display:flex;justify-content:space-between;align-items:center;height:71px;margin-bottom:48px;background:var(--bg-primary);background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x}.heading-section.sticky{position:sticky;top:71px;z-index:1}.heading-section__left{display:flex;align-items:center;gap:8px;height:100%}.heading-section__right{display:flex;align-items:center}.heading-section__title{min-width:150px;font-size:var(--text-size-primary);font-weight:500}.heading-section .menu-tabs{display:flex;align-items:center;height:100%}.tb-stats{border-collapse:separate;border-spacing:0;margin:0 auto}.tb-stats th,.tb-stats td{border-right:1px solid var(--border-table);border-bottom:1px solid var(--border-table)}.tb-stats th:first-child,.tb-stats td:first-child{border-left:1px solid var(--border-table)}.tb-stats th{padding:clamp(8px,2vw,16px);border-top:1px solid var(--border-table);font-size:var(--text-size-small);font-weight:500;text-transform:uppercase;line-height:120%}.tb-stats td{padding:clamp(8px,2vw,20px) clamp(8px,2vw,16px);font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px);line-height:120%}.tb-stats tr:first-child th:first-child{border-top-left-radius:var(--rounded-normal)}.tb-stats tr:first-child th:last-child{border-top-right-radius:var(--rounded-normal)}.tb-stats tr:last-child td:first-child{border-bottom-left-radius:var(--rounded-normal)}.tb-stats tr:last-child td:last-child{border-bottom-right-radius:var(--rounded-normal)}.tb-dotteds{--button-pad: 16px;width:100%;line-height:120%;font-weight:400}.tb-dotteds__bts{display:inline-flex;gap:12px}.tb-dotteds th{padding:clamp(10px,2vw,28px);background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;font-weight:normal}.tb-dotteds tr{position:relative;transition:all .3s}.tb-dotteds tr:hover:not(:has(th)){background:var(--color-odd-rows)}.tb-dotteds td{padding:clamp(10px,2vw,36px) clamp(10px,2vw,28px);background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x;font-size:16px;font-size:clamp(16px,14.5915492958px + 0.2816901408vw,20px)}.tb-dotteds .button{font-size:1rem}.tb-dotteds .text-truncated{max-width:300px}.palette__desc{width:300px;margin-bottom:2em;font-size:16px;font-size:clamp(16px,14.5915492958px + 0.2816901408vw,20px)}.palette__list{display:flex;justify-content:center}.list-palette{--palette-width: 400px;--palette-margin: 300px;--palette-margin-neg: -300px;--palette-height: 580px;--palette-pad: 30px;--palette-pad-neg: -30px;position:relative;display:inline-flex;box-sizing:content-box}.list-palette--h{padding-left:var(--palette-margin)}.list-palette--h li{margin-left:var(--palette-margin-neg);transition:all .3s}.list-palette--h li:hover:not(:last-child){margin-right:var(--palette-margin)}.list-palette--h li:hover:not(:last-child) .list-palette__item{margin-right:var(--palette-pad-neg);padding-right:var(--palette-pad);border-top-right-radius:0;border-bottom-right-radius:0}.list-palette--h li:hover:not(:last-child) .list-palette__header{transition-delay:.3s;opacity:1}.list-palette--h li:not(:last-child) .list-palette__header{opacity:0}.list-palette--v{padding-left:var(--palette-margin)}.list-palette--v li{margin-left:var(--palette-margin-neg);transition:all .3s}.list-palette--v li:not(:last-child) .list-palette__header{opacity:0}.list-palette--v li:hover{z-index:2}.list-palette--v li:hover .list-palette__bts,.list-palette--v li:hover .list-palette__header{opacity:1}.list-palette--v .list-palette__item{height:auto}.list-palette--v .list-palette__footer{display:none}.list-palette--v .list-palette__bts{opacity:0;transition:all .3s}.list-palette__item{display:inline-flex;flex-direction:column;justify-content:space-between;width:var(--palette-width);height:var(--palette-height);border-radius:var(--rounded-large);color:var(--color-card, --color-primary);overflow:hidden;transition:all .3s}.list-palette__box{display:inline-flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--palette-pad)}.list-palette__header{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:20px;transition:all .3s}.list-palette__footer{text-align:right}.list-palette__aa{font-size:75px;font-size:clamp(75px,48.5915492958px + 5.2816901408vw,150px);font-weight:400;line-height:60%;transition:all .3s}.list-palette__bts{display:flex;align-items:center;gap:var(--gutter)}.list-palette__bt{display:flex;align-items:stretch;cursor:pointer;transition:all .3s}.list-palette__bt:hover{opacity:.7}@media(max-width: 1024px){.list-palette{--palette-width: 200px;--palette-margin: 170px;--palette-margin-neg: -170px;--palette-pad: 15px;--palette-pad-neg: -15px}.list-palette__header{font-size:var(--text-size-primary)}}.marquee-text{display:flex;align-items:center;justify-items:center;overflow:hidden}.marquee-text div{padding-right:.5ch;white-space:nowrap}.heading-svg{position:relative;margin:clamp(20px,6vw,60px) 0;line-height:100%}.heading-svg__title{width:100%;height:auto;fill:var(--color-primary);font-weight:bold}.heading-fit{container-type:inline-size;margin:clamp(20px,6vw,60px) 0;text-align:center;border:1px solid red}.heading-fit__title{display:block;font-weight:bold;font-size:var(--font-size);line-height:1em;transform:translateY(0.07em);white-space:nowrap}.c-collect{--gray-collect: #a7a7a7;--height-modal: 591px;display:flex;justify-content:space-between;flex-wrap:wrap;background:var(--bg-primary);border-radius:var(--rounded-large);overflow:hidden}.c-collect__left{display:flex;justify-content:space-between;flex-direction:column;flex:1;min-width:min(12em,100%);min-height:var(--height-modal);background-color:#ededed}.c-collect__right{flex:1}.c-collect__inner{width:100%;padding:0 var(--pad-large-modal)}.c-collect__media{flex:1;display:flex;justify-content:center}.c-collect__thumb{width:380px;margin:auto;border-radius:var(--rounded-normal)}.c-collect__header{display:flex;align-items:center;height:140px}.c-collect__title{font-size:var(--text-size-large)}.c-collect__footer{display:flex;align-items:center;height:140px}.c-collect__search{--height-input: 32px;position:relative;margin:50px 0}.c-collect__search input{width:100%;height:var(--height-input);background:rgba(0,0,0,0)}.c-collect__search input::-moz-placeholder{color:var(--gray-collect);font-size:10px;text-transform:uppercase}.c-collect__search input::placeholder{color:var(--gray-collect);font-size:10px;text-transform:uppercase}.c-collect__search button{position:absolute;top:0;right:0;width:var(--height-input);height:var(--height-input);background:rgba(0,0,0,0);border:none;display:flex;justify-content:center;align-items:center}.c-collect__search svg{stroke:var(--gray-collect)}.c-collect .list-collections{max-height:319px;overflow-y:auto}.c-collect__form{display:flex;flex-direction:column;width:100%;min-height:var(--height-modal)}.c-collect__form .rows{flex:1;margin-top:50px}.c-collect__form .row{margin-bottom:2rem}.c-collect__bts{display:flex;gap:12px;width:100%}.c-collect__bts [class*="--full"]{flex:1}.c-collect__saved{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:var(--height-modal);font-size:var(--text-size-large);text-align:center;line-height:170%}.c-collect__saved-thumb{display:flex;justify-content:center;gap:20px}.c-collect__saved-thumb .logo{width:20%;height:auto}.c-collect__saved-thumb img{width:30%;border-radius:var(--rounded-normal)}.list-collections__item{display:flex;justify-content:space-between;padding:20px var(--pad-large-modal);background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x}.list-collections__left{display:flex;align-items:center;gap:12px}.list-collections__number{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:var(--rounded-normal);background:#ededed}.head-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(20px,3vw,50px)}.head-toolbar__left{display:inline-flex;align-items:center;gap:16px}.head-toolbar__right{display:flex}.toolbar-bts{--toolbar-gutter: 40px;display:inline-flex;gap:var(--toolbar-gutter)}.toolbar-bts__item{position:relative;display:flex;cursor:pointer;transition:all .3s}.toolbar-bts__item:hover .ico-svg{opacity:.5}.toolbar-bts .ico-svg{display:block;fill:var(--color-primary)}.toolbar-bts__share{position:absolute;top:50%;right:-17px;display:flex;align-items:center;gap:var(--toolbar-gutter);height:45px;padding:0 20px;background:var(--bg-secondary);border-radius:45px;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .3s}.toolbar-bts__share.is-show{opacity:1;visibility:visible}.toolbar-bts__share .ico-svg{display:block;width:16px;fill:var(--color-white);opacity:.5}.toolbar-bts__share .ico-svg:hover{opacity:1}.toolbar-bts__close{cursor:pointer}.toolbar-bts__close .ico-svg{opacity:1}.filter-box{--pad-box: clamp(20px, 6vw, 30px);margin-bottom:4px;padding:var(--pad-box) 0;background:var(--bg-4rd);border-radius:var(--rounded-normal);font-weight:400}.filter-box__title{margin-bottom:8px;padding:0 var(--pad-box);font-size:18px;font-weight:bold}.filter-box__item{line-height:3em}.filter-box__item.is-open .filter-box__item-head{background:var(--color-learn)}.filter-box__item.is-open .filter-box__arrow{transform:rotate(180deg)}.filter-box__item.is-open .filter-box__sublist{max-height:300px;margin-bottom:1em;opacity:1;visibility:visible}.filter-box__item-head{display:flex;justify-content:space-between;padding:0 var(--pad-box);cursor:pointer;transition:all .3s}.filter-box__item-head:hover{background:var(--bg-3rd)}.filter-box__item-link{display:block;padding:0 var(--pad-box);line-height:2.8em;transition:all .3s}.filter-box__item-link:hover{background:var(--bg-3rd)}.filter-box .is-active{font-weight:bold}.filter-box .is-active ul{font-weight:normal}.filter-box__sublist{visibility:hidden;max-height:0;opacity:0;overflow:hidden;transition:all .3s}.filter-box__sublist .filter-box__item-link{padding-left:clamp(40px,6vw,60px);line-height:2.5em}.filter-box__arrow{opacity:.3}.tags-info{position:relative;display:grid;grid-template-columns:50% 50%;margin:clamp(30px,4vw,60px) 0}.tags-info--s2{display:flex;flex-direction:column;align-items:center}.tags-info--s2 .tags-info__right{width:40%;margin:0 auto;text-align:center}.tags-info--s2 .tags-info__right>p{margin:0 auto}.tags-info--s2 .tags-info__title{margin-bottom:.4em}@media(max-width: 1024px){.tags-info--s2 .tags-info__right{width:100%}}.tags-info__right>p{width:740px;max-width:100%}.tags-info__title{font-size:28px;font-size:clamp(28px,18.1408450704px + 1.9718309859vw,56px);line-height:100%}.tags-info__subtitle{font-size:1rem;font-weight:300}.tags-info__read-more{display:flex;gap:10px;margin-top:clamp(1em,3vw,2em)}.tags-info__read-more .link-underlined{margin:auto 0}.tags-info__more p:first-child{margin-top:1em}.l-msg{width:700px;max-width:100%;margin:0 auto;text-align:center}.l-msg__logo{display:inline-flex;align-items:center;gap:16px;margin-bottom:2em}.l-msg__logo svg:nth-child(1){width:84px;height:auto;fill:var(--color-primary)}.l-msg__logo .sticker-svg{width:clamp(50px,5vw,100px)}.l-msg__text{width:500px;max-width:100%;margin:0 auto;font-size:18px;font-size:clamp(18px,15.8873239437px + 0.4225352113vw,24px)}.l-msg__text+.toast{margin-top:clamp(80px,5vw,160px)}.l-msg h2{margin-bottom:.5em}.faqs__list{background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:top;background-size:8px 1px;background-repeat:repeat-x;font-size:18px;font-size:clamp(18px,17.2957746479px + 0.1408450704vw,20px)}.faqs__list>li{background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:bottom;background-size:8px 1px;background-repeat:repeat-x}.faqs__question{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:clamp(20px,3vw,30px) 0;font-weight:bold;cursor:pointer}.faqs__answer{height:0;overflow:hidden}.faqs__answer ul,.faqs__answer ol{margin-bottom:1em}.faqs__answer ul li{list-style-type:disc}.faqs__answer ol li{list-style-type:decimal}.faqs__answer li{list-style-position:inside}.toast{display:inline-flex;padding:clamp(20px,5vw,30px);background:#f8f8f8;border-radius:var(--rounded-normal);text-align:left;line-height:150%}.toast__icon{display:flex;align-items:flex-start;padding:8px 16px 0 0}.box-featured{display:flex;flex-wrap:wrap;margin-bottom:auto;padding:clamp(20px,4vw,32px);background:var(--bg-4rd);border-radius:var(--rounded-normal);line-height:150%}.box-featured--green{background:#E2F4E9}.box-featured--warning{background:#f7f0cc}.box-featured--danger{background:#ffd1d1}.box-featured__m{margin:0 8px}.box-featured__label{margin-bottom:.5em;text-transform:uppercase;font-size:12px;color:#7a7a7a}.box-featured .ico-svg{vertical-align:middle}.box-featured p:last-child{margin-bottom:0}.intro-texts{font-size:30px;font-size:clamp(30px,3.9436619718px + 5.2112676056vw,104px);line-height:140%;font-weight:bold}.intro-texts__subtitle{margin-top:clamp(20px,5vw,100px);text-align:center;font-size:18px;font-size:clamp(18px,14.4788732394px + 0.7042253521vw,28px);font-weight:300;line-height:120%}.intro-texts__link{margin-right:.2em;padding-bottom:.1em;color:#a7a7a7;cursor:pointer;transition:all .3s;background-image:linear-gradient(to right, transparent 20%, var(--bg-primary) 20%),linear-gradient(to right, var(--color-primary), transparent);background-position:bottom;background-size:16px 3px;background-repeat:repeat-x}.intro-texts__link .ico-svg{width:.3em;margin-left:.1em}.intro-texts__link:hover{color:currentColor}.intro-texts__button{border:0;font-size:30px;font-size:clamp(30px,3.9436619718px + 5.2112676056vw,104px);font-weight:bold;color:var(--color-connect);border-bottom:2px solid currentColor;transition:all .3s}.intro-texts__button:hover{color:var(--color-primary)}@media(max-width: 1024px){.intro-texts__link{background-size:8px 2px}}.has-tooltip{position:relative;display:inline-block}.has-tooltip:hover .tooltip{visibility:visible;opacity:1;transform:translate(-50%, 0)}.tooltip{--tooltip-bg: var(--bg-secondary);--tooltip-color: #fff;visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 10px);left:50%;width:var(--tooltip-width, auto);background-color:var(--tooltip-bg);border-radius:var(--rounded-normal);color:var(--tooltip-color);line-height:120%;transform:translate(-50%, -10px);transition:all .3s ease-in-out;z-index:3}.tooltip--white{--tooltip-bg: #fff;--tooltip-color: #222}.tooltip:before{content:"";position:absolute;top:calc(100% - 0px);left:50%;height:10px;width:100%;transform:translateX(-50%)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;height:0;width:0;margin-left:-6px;border:solid rgba(0,0,0,0);border-top-color:var(--tooltip-bg);border-width:8px 6px;pointer-events:none}.tooltip--user{width:180px;padding:35px 30px;min-height:240px;text-align:center;line-height:120%}.tooltip__content{padding:20px;white-space:nowrap;font-size:14px;line-height:100%;text-align:center;z-index:1}.tooltip__content--multiline{white-space:normal;text-align:left;line-height:120%}.tooltip__content P:last-child{margin-bottom:0}.tooltip.is-open{visibility:visible;opacity:1;transform:translate(-50%, 0)}.tooltip__row:not(:last-child){margin-bottom:1em}.tooltip a{color:var(--tooltip-color)}.marquee-top{--marquee-bg: #222;--marquee-color: #fff;position:relative;width:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap;height:50px;background-color:var(--marquee-bg);font-size:17px;color:var(--marquee-color)}.marquee-top--awwwards{--marquee-bg: var(--color-award, transparent);filter:brightness(90%);color:#fff}.marquee-top--dmk{--marquee-bg: #f02d00}.marquee-top--gray{--marquee-bg: #ededed;--marquee-color: var(--color-primary)}.marquee-top--gray path{stroke:red}.marquee-top__wrapper{display:flex;align-items:center;height:100%;opacity:0;transition:opacity .3s}.marquee-top__wrapper.is-visible{opacity:1}.marquee-top__item{padding:0 16px}.marquee-top__item:has(.marquee-top__separator){padding:0}.marquee-top__separator{position:relative;top:-1px;display:inline-flex;align-items:center;margin:0 16px;font-size:1.3em;vertical-align:middle;fill:currentColor}.marquee-top a:hover{opacity:0}.color-menu{color:var(--menu-color-1)}.menu-float{--menu-color-3: #fff;position:fixed;bottom:-80px;left:0;width:100%;font-size:14px;opacity:0;pointer-events:none;transition:all .3s ease-in-out;z-index:9;pointer-events:none}.menu-float.is-visible{opacity:1;bottom:30px}.menu-float__inner{position:relative;display:flex;justify-content:center}.menu-float__top{max-width:707px;max-height:0;overflow:hidden;transition:all .4s}.menu-float__bottom{position:relative;display:flex;justify-content:center}.menu-float__bottom:before{content:"";height:60px;transition:all .3s}.menu-float__menu-row+.menu-float__menu-row{margin-top:28px}.menu-float__wrapper{--bg-menu-wrapper: 34, 34, 34;position:relative;display:flex;flex-direction:column;min-width:0;max-width:-moz-fit-content;max-width:fit-content;padding:6px;border-radius:12px;background:rgba(var(--bg-menu-wrapper), 0.8);pointer-events:auto;transition:all .4s}.menu-float__wrapper.is-open-main .menu-float__bottom{position:relative}.menu-float__wrapper.is-open-main .menu-float__layout--primary .menu-float__content{width:100%}.menu-float__wrapper.is-open-main .menu-float__layout--primary{position:absolute;top:0;left:0;width:100%}.menu-float__wrapper.is-open-main .menu-float__layout--secondary,.menu-float__wrapper.is-open-main .menu-float__layout--tertiary{opacity:0;visibility:hidden}.menu-float__wrapper.is-open{min-width:720px !important;max-width:1200px}.menu-float__wrapper.is-open .menu-float__top{max-height:500px;max-width:1200px}.menu-float__wrapper.is-open .menu-float__bottom:before{flex:0;width:100%}.menu-float__wrapper.is-open .menu-float__menu-content{max-width:1200px}.menu-float__wrapper.is-open .menu-float__title:after{max-width:200px;opacity:1}.menu-float__wrapper.is-open .menu-float__subtitle{max-width:200px;opacity:1}.menu-float__wrapper.is-open .menu-float__hamburger{margin-left:auto}.menu-float__wrapper.is-open .menu-float__hamburger div:nth-child(1){top:0;transform:rotate(45deg)}.menu-float__wrapper.is-open .menu-float__hamburger div:nth-child(2){opacity:0}.menu-float__wrapper.is-open .menu-float__hamburger div:nth-child(3){top:0;transform:rotate(-45deg)}.menu-float__right{position:absolute;right:0;bottom:0}.menu-float__right .menu-float__wrapper{overflow:visible !important}.menu-float__logo{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.menu-float__logo svg{fill:#dedede}.menu-float__breadcrumb{display:inline-flex;align-items:center;flex-shrink:0;height:48px}.menu-float__title{margin-left:-2px;color:var(--menu-color-1)}.menu-float__title+.menu-float__subtitle:before{content:".";margin-right:2px;color:var(--menu-color-1);font-weight:bold}.menu-float__subtitle{color:#a7a7a7;transition:all .3s}.menu-float__layout--primary .menu-float__content{display:flex;position:relative;aspect-ratio:1/1;background-color:var(--bg-secondary);color:#fff}.menu-float__layout--secondary{flex:1;margin-left:6px}.menu-float__layout--secondary .menu-float__content{position:relative;width:100%;background:#3e3e3e;color:#dedede}.menu-float__layout--secondary .menu-float__item{justify-content:center;width:100%;border:1px solid #4e4e4e;color:#dedede;white-space:nowrap}.menu-float__layout--secondary .menu-float__item.is-active{color:var(--menu-color-1, #dedede);border-color:var(--menu-color-1, #dedede)}.menu-float__layout--secondary .menu-float__item.is-active:hover{opacity:.8}.menu-float__layout--secondary .menu-float__item:hover:not(.is-active){border-color:#a7a7a7}.menu-float__layout--tertiary{display:flex;margin-left:6px}.menu-float__layout--tertiary .menu-float__content{padding:0}.menu-float__layout--tertiary .button{width:100%;font-size:14px;transition:all .3s}.menu-float__layout--tertiary .button:not(.is-custom){background:var(--menu-color-1, #dedede);color:var(--color-primary)}.menu-float__layout--tertiary .button:hover{opacity:.8}.menu-float__hamburger{position:relative;width:20px;height:30px;cursor:pointer;pointer-events:auto;transition:all .3s}.menu-float__hamburger div{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10px;height:1px;background-color:#fff;transform:translateZ(0);transition:all .3s}.menu-float__hamburger div:nth-child(1){top:-8px}.menu-float__hamburger div:nth-child(3){top:8px}.menu-float__menu{display:none;width:100%;display:none;margin-bottom:6px;padding:30px;background:#2c2c2c;color:#fff;border-radius:var(--rounded-normal);z-index:-1;transition:all .4s}.menu-float__menu--main{display:flex;font-size:15px;padding-top:4px;padding-left:1px}.menu-float__menu.is-active{display:block}.menu-float__menu-content{max-width:0;opacity:0;transition:all .4s,max-width 0s;overflow:hidden}.menu-float__menu-content.is-show{opacity:1}.menu-float__menu-col{position:relative;flex:1;background-image:linear-gradient(to bottom, #7a7a7a 0 10%, rgba(255, 255, 255, 0) 10%);background-position:left top;background-repeat:repeat-y;background-size:1px 8px}.menu-float__menu-section{position:relative;margin-top:0px;margin-bottom:25px;margin-left:16px;font-size:12px;color:#a7a7a7;line-height:100%}.menu-float__menu-section:before{content:"";position:absolute;top:3px;left:-17px;width:4px;height:4px;border-radius:50%;background:var(--menu-color-2, #fff)}.menu-float__menu-nav{line-height:120%}.menu-float__menu-nav li:not(:last-child){margin-bottom:16px}.menu-float__menu-nav li.is-active{font-weight:bold}.menu-float__menu-nav li.is-active a{color:var(--menu-color-1, --color-white);border-color:var(--menu-color-1, --color-white)}.menu-float__menu-nav a{display:block;padding:8px 0 8px 16px;border-left:1px solid rgba(0,0,0,0);transition:all .3s}.menu-float__menu-nav a:hover{color:var(--menu-color-1, --color-white);border-color:var(--menu-color-1, --color-white)}.menu-float__menu a{color:#fff}.menu-float__title-section{flex-shrink:0;display:flex;align-items:center;margin:0 12px 0 6px;line-height:100%}.menu-float__content{display:inline-flex;align-items:center;gap:6px;height:60px;padding:0 6px;text-align:center;border-radius:var(--rounded-normal);overflow:hidden}.menu-float__progress{position:absolute;top:0;left:0;display:flex;width:100%;height:100%}.menu-float__bar{background-color:rgba(78,78,78,.5);width:0;height:100%}.menu-float__nav{position:relative;display:flex;margin-left:-6px}.menu-float__nav li{display:flex}.menu-float__item{display:inline-flex;align-items:center;height:48px;margin-left:6px;padding:0 12px;border-radius:var(--rounded-normal);color:var(--color-primary);font-weight:400;cursor:pointer;overflow:hidden;transition:max-width .3s,padding .3s,margin .3s,color .3s,background .3s,border-radius .3s,border-color .3s,opacity .3s}.menu-float__filters{position:relative;display:flex;height:60px;margin-left:-6px;margin-right:-6px}.menu-float__filters li{border-left:1px solid rgba(var(--color-primary-rgb), 0.1)}.menu-float__filter{position:relative;display:flex;align-items:center;height:100%;padding:0 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-float__filter.has-filter:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--menu-color-2)}.menu-float__filter.is-active{background:#222}.menu-float__filter.is-active svg{transform:scaleY(-1)}.menu-float__arrow{fill:#a7a7a7;margin-left:12px}.menu-float__content:has(.menu-float__awwwards){border-radius:0}.menu-float__awwwards{display:flex;gap:6px}.menu-float .button[class*="--awwward"]{--button-bg: var(--color-award);color:#fff}.menu-float .avatar-name sup{color:#fff}.menu-float .bt-nav{position:absolute;bottom:0;pointer-events:auto}.menu-float .bt-nav--left{left:-28px}.menu-float .bt-nav--right{right:-28px}.menu-float .bt-nav svg{fill:#dedede}.menu-float .button--suggestions{--button-bg: var(--bg-secondary);--button-color: #fff}.menu-float .button--suggestions:hover{background-color:#4e4e4e}.menu-float .button--suggestions img{margin:0 20px 0 8px;border-radius:50%}.menu-float .button--suggestions .budget-circle{flex-shrink:0;margin:0 8px 0 20px;background:#4e4e4e}.style-1{--menu-color-1: var(--color-inspire);--menu-color-2: var(--color-inspire-2);--menu-color-3: var(--color-inspire-3)}.style-2{--menu-color-1: var(--color-learn);--menu-color-2: var(--color-learn-2);--menu-color-3: var(--color-learn-3)}.style-3{--menu-color-1: var(--color-connect);--menu-color-2: var(--color-connect-2);--menu-color-3: var(--color-connect-3)}.style-4{--menu-color-1: var(--color-read);--menu-color-2: var(--color-read-2);--menu-color-3: var(--color-read-3)}.style-5{--menu-color-1: var(--color-awards);--menu-color-2: var(--color-awards-2);--menu-color-3: var(--color-awards-3)}.style-6{--menu-color-1: var(--color-jobs);--menu-color-2: var(--color-jobs-2);--menu-color-3: var(--color-jobs-3)}.bt-nav{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--rounded-normal);cursor:pointer;transition:all .3s}.bt-nav.is-hidden{opacity:0}.is-intersecting .c-box-float-more .box-float-more{opacity:1;top:0;transform:translateY(0)}.c-box-float-more{position:fixed;bottom:30px;left:0;width:100%;z-index:9;pointer-events:none}.c-box-float-more .inner{position:relative;display:flex;justify-content:flex-end}.c-box-float-more .box-float-more{pointer-events:all;opacity:0;transform:translateY(50px)}.box-float-more{position:relative;display:inline-flex;height:72px;padding:6px;background:var(--bg-secondary);border-radius:var(--rounded-small);color:#fff;line-height:120%;pointer-events:all;overflow:hidden;transition:all .3s ease-in-out}.box-float-more:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--menu-color-2)}.box-float-more__info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:80px;padding:0 12px}.box-float-more__info span{color:#7a7a7a}.box-float-more__photo{border-radius:4px;-o-object-fit:cover;object-fit:cover}.menu-float-news{position:absolute;bottom:-100%;right:0;width:220px;padding:12px;border-radius:var(--rounded-normal);background:var(--bg-secondary);color:#fff;line-height:1.3em;border-bottom:6px solid var(--menu-color-1);pointer-events:all;transform:translateY(calc(100% - 30px));opacity:0;visibility:hidden;transition:all .4s}.menu-float-news.is-visible{bottom:0;transform:translateY(0);opacity:1;visibility:visible}.menu-float-news__photo{position:relative;margin-bottom:.4em;-o-object-fit:cover;object-fit:cover}.menu-float-news__video{position:relative;margin-bottom:.4em}.menu-float-news__label{color:#a7a7a7}.menu-float-news__close{text-align:right}.menu-float-news__close span{position:relative;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:100%;padding:4px;z-index:2;cursor:pointer}.menu-float-news__close span:hover{opacity:.7}.filters{display:flex;flex-direction:column;border-radius:var(--rounded-normal);transition:all .3s;z-index:-1;pointer-events:all}.filters__tab{display:none}.filters__tab.is-active{display:block}.filters__search{display:flex;height:40px;margin-bottom:20px;background:#383838;border-radius:var(--rounded-small)}.filters__search input{flex:1;padding:0 16px;background:rgba(0,0,0,0);font-size:var(--text-size-primary);color:var(--color-white)}.filters__search button{width:40px;background:rgba(0,0,0,0);border:none}.filters__search .ico-svg{fill:var(--color-white)}.filters__label{margin-bottom:1.5em;text-transform:uppercase;color:#7a7a7a;font-weight:400;font-size:var(--text-size-small);border-bottom:1px solid #4e4e4e;clear:both}.filters__content{flex:1;max-height:310px;color:var(--color-white);overflow-y:auto;overflow-x:hidden}.filters__content::-webkit-scrollbar{width:2px}.filters__content::-webkit-scrollbar-track{background:#383838}.filters__content::-webkit-scrollbar-thumb{background-color:var(--color-white)}.filters__list li{float:left;width:33.333%}.filters__list--small li{width:50%}.filters__list+.filters__title{padding-top:2em}.filters li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters__item{display:inline-flex;align-items:center;height:26px;padding:0 8px;color:var(--color-white);border-radius:26px;cursor:pointer;transition:all .3s}.filters__item.is-active{color:var(--menu-color-3);background:#383838}.filters__item.is-active .ico-svg{margin-left:6px}.filters__item:hover{background:#383838}.filters__colors{display:grid;grid-template-columns:repeat(9, 1fr)}.filters__colors .filters__item{position:relative;display:flex;width:100%;height:36px;padding:0;border-radius:0;outline:4px solid rgba(0,0,0,0);transition:z-index 0s outline .6s}.filters__colors .filters__item.is-active,.filters__colors .filters__item:hover{outline-color:var(--color-white);z-index:1}.cart-count{position:relative;display:block;margin:auto;display:flex}.cart-count span{position:absolute;top:-12px;right:-12px;display:flex;justify-content:center;align-items:center;width:15px;height:15px;background:#fff;color:var(--color-primary);border-radius:50%;font-size:12px;font-weight:bold;line-height:100%}@media(max-width: 576px){.menu-float{display:none}}#footer a{color:var(--color-primary)}#footer a:hover{opacity:.75}.footer__top{margin-bottom:clamp(40px,4vw,150px)}.footer__top .box-featured{background:#fff}.footer__bottom{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:120px;padding-top:clamp(24px,3vw,48px);font-size:14px;font-weight:400;background-image:linear-gradient(to right, rgb(var(--color-dotteds-rgb)) 0 10%, rgba(255, 255, 255, 0) 10%);background-position:top;background-size:8px 1px;background-repeat:repeat-x}.footer__wrapper{display:flex}.footer__nav{display:flex;flex-wrap:wrap}.footer__item{display:flex;line-height:140%;font-size:clamp(35px,20vw,4vw);font-weight:bold}.footer__item:not(:last-child):after{content:"-";margin:0 .4em;font-weight:300}.footer__figure{position:absolute;transform:translate(-50%, -50%);opacity:0;transition:opacity .3s;transform-origin:center;pointer-events:none}.footer__figure.show{opacity:1}.footer__figure.show img{opacity:.9;transform:scale(1) rotate(20deg)}.footer__img{transform:scale(0);transition:all .3s}.footer__logo{display:inline-flex;align-items:center;gap:16px;margin-bottom:clamp(30px,4vw,60px)}.footer__logo--s1 svg{width:40px}.footer__logo--s2 svg:nth-child(1){width:44px;height:auto;fill:var(--color-primary)}.footer__logo--s2 .sticker-svg{width:clamp(40px,4vw,72px)}.footer__logo svg{fill:var(--color-primary)}.footer__nav{display:flex;flex-wrap:wrap;gap:0 24px}.footer__grid{--grid-min: 18%;--menu-margin: clamp(10px, 4vw, 20px);flex:1;display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--grid-min), 1fr));grid-gap:24px}.footer__menu{font-weight:bold;line-height:100%}.footer__menu li:not(:last-child){margin-bottom:var(--menu-margin)}@media(max-width: 1024px){.footer__bottom{margin-bottom:100px}.footer__wrapper{flex-direction:column;gap:40px}.footer__grid{--grid-min: 40%;gap:var(--menu-margin)}}.l-404{position:relative;height:100vh}.l-404__header{display:flex;align-items:center;gap:24px;padding:70px}.l-404__logo{width:72px;height:auto;fill:#fff;filter:drop-shadow(1px 1px 30px rgba(0, 0, 0, 0.5))}.l-404__img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}@media(max-width: 1024px){.l-404__header{justify-content:center;height:100%;padding:0}}.contact-us__desc{width:510px;max-width:100%}.no-results{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.no-results__msg{width:240px;max-width:100%}.no-results p:last-child{margin-bottom:0}.ribbon-pro{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;width:72px;height:82px;padding:8px;background:#fff;border-radius:var(--rounded-normal);line-height:100%}.ribbon-pro__bottom{font-size:10px}.ribbon-pro--black{background:#222;color:#fff}.ribbon-pro .ico-svg{top:-2px}.snackbar-msg{position:absolute;top:0;right:0;width:460px;max-width:100%;padding:clamp(20px,6vw,28px);background:var(--bg-secondary);font-size:var(--text-size-primary);color:#fff;line-height:140%;border-radius:var(--rounded-normal);z-index:2;transform:translateY(calc(-100% - 70px));opacity:0;transition:all .4s ease-in-out}.snackbar-msg.is-show{opacity:1;transform:translateY(72px)}.snackbar-msg__item{display:flex;gap:30px}.snackbar-msg__close{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer}.snackbar-msg__close:hover svg{transform:rotate(90deg)}.snackbar-msg__close svg{transition:all .3s}.snackbar-msg__label{margin-bottom:12px;font-size:10px;line-height:100%}.snackbar-msg li:not(:last-child){margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.snackbar-msg .button:hover{background:#4e4e4e}.fit-video{position:relative;padding-bottom:56.25%;height:0}.fit-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.lazy{opacity:0;transition:all .6s}.lazy--hidden{opacity:0}.lazy--loaded{opacity:1}@media(max-width: 1280px){:root{--pad-inner: 40px}.list-palette{--palette-width: 300px;--palette-height: 435px;--palette-margin: 220px;--palette-margin-neg: -220px}.list-palette--v{--palette-width: 200px;--palette-margin: 170px;--palette-margin-neg: -170px}}@media(max-width: 1023px){:root{--pad-inner: 24px}.header-main__bts{display:none}.heading-section__left{justify-content:space-between;width:100%}.heading-section__right{display:none}.box-table{overflow-x:auto}.box-table th{width:auto}.grid-sites-last{grid-template-columns:1fr}}@media(max-width: 576px){:root{--pad-inner: 16px;--rounded-large: 8px;--text-size-large: 20px}.header-main__ico{display:flex}.header-search__separator,.search-dropdown{display:none}[class*=grid-]{--minthumb: 310px}[class*=grid-] .is-double{grid-column:auto}.list-search-ac{min-width:auto}.toolbar-bts{--toolbar-gutter: 20px}.head-toolbar.is-sm-center{justify-content:center}.heading-section.sticky{position:static}.heading-section__title{min-width:auto}.c-heading .heading-1{display:block;word-wrap:break-word}.c-heading br{content:""}.c-heading br:after{content:" "}.c-view-all__row{flex-direction:column}.modal{padding:0}.modal[class*="--x-large"] .modal__content{width:100%}.modal[class*="--bottom"]{display:block}.modal__box{min-height:100vh;border-radius:0}.modal .bt-nav{top:0;right:0;border-radius:0}.grid-directory{grid-gap:var(--gutter) 0}.grid-directory--pro{height:auto !important}.grid-directory--pro li{width:100%}.card-directory__section{width:80px}.card-directory-sp__header{flex-direction:column;gap:20px}.card-directory-sp__header .circle-avatar{position:relative;margin-right:auto;font-size:1rem}.card-directory-sp__header .circle-avatar img{width:30px}.card-directory-sp .swiper{width:100%}.card-directory-sp .swiper-pagination{margin-top:20px}.swiper-button-disabled{display:none}.slider-sites__nav{justify-content:center}.card-banner--s2 .card-banner__photo img{opacity:.2}.card-banner--s2 .sticker-svg{top:auto;left:auto;bottom:10%;right:10%}.total-grid{text-align:center}.tags-info{grid-template-columns:100%;grid-gap:1em}.tags-info__read-more{flex-direction:column}.tags-info__read-more .link-underlined{margin-right:auto}.c-tags-row+.tags-info{margin-top:40px}.header-col{flex-direction:column;gap:20px}.dropdown-tags .list-tags{gap:8px}.dropdown-tags .button{height:28px;padding:0 8px;font-size:var(--text-size-small)}.m-login__container{flex-direction:column}.has-many-credits .avatar-name__name{display:none}.has-many-credits .avatar-name__link{gap:0}.cookies-popup{bottom:0;right:0;width:100%;border-radius:0}}
.choices [hidden]{display:none !important}.choices{position:relative;font-size:16px}.choices:focus{outline:none}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid var(--border-input);margin:0}.choices[data-type*=select-one]:after{content:"";position:absolute;top:50%;right:24px;width:12px;height:12px;margin-top:-4px;border:2px solid #a7a7a7;border-top:0;border-left:0;transform:rotate(45deg) translateY(-50%);transform-origin:center;pointer-events:none}.choices[data-type*=select-one].is-open:after{right:17px;margin-top:-4px;transform:rotate(-135deg) translateY(-50%)}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{padding-bottom:5px;cursor:text}input[type=search].choices__input::-webkit-search-cancel-button{display:none}.choices__inner{display:inline-block;width:100%;min-height:var(--height-input);border-bottom:1px solid var(--border-input);background-color:var(--bg-input);font-size:var(--text-size-primary);vertical-align:top;overflow:hidden}.choices__list--single{display:inline-block;padding-left:var(--pad-input);width:100%;line-height:var(--height-input)}.choices__list--single .choices__button{display:none}.choices__list--multiple{display:inline;padding-bottom:5px}.choices__list--multiple .choices__item{position:relative;display:inline-block;vertical-align:middle;margin:5px 0 0 5px;padding:11px;max-width:100%;border-radius:29px;background-color:#e9e9e9;color:#222;font-weight:normal;line-height:13px;cursor:default;word-break:break-all}.choices__list--multiple .choices__item[data-deletable]{padding-right:25px}.choices__list--multiple+.choices__input{min-width:auto}.choices__list--dropdown{display:none;position:absolute;width:100%;background:#fff;border:1px solid #e9e9e9;top:100%;margin-top:-1px;overflow:hidden;word-break:break-all;z-index:2}.choices__list--dropdown.is-active{display:block}.choices__list--dropdown .choices__list{position:relative;max-height:390px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px 15px;line-height:normal;transition:all .3s}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f3f3f3}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5}.choices__button{position:absolute;top:13px;right:8px;display:block;width:12px;height:12px;border:none;text-indent:-23em;overflow:hidden;cursor:pointer}.choices__button:before,.choices__button:after{content:"";display:block;position:absolute;top:4px;left:0px;width:12px;height:1px;background-color:var(--color-primary);transform:translateZ(0)}.choices__button:before{transform:translateZ(0) rotate(-45deg)}.choices__button:after{transform:translateZ(0) rotate(45deg)}.choices__button:hover{opacity:.7}.choices__button:focus{outline:none}.choices__input{min-width:100%;margin-left:15px;padding:10px 0 0 0;border:0;border-radius:0;background:transparent;vertical-align:middle}.choices__input::-moz-placeholder{color:#a7a7a7;font-weight:300}.choices__input::placeholder{color:#a7a7a7;font-weight:300}.choices__input:focus{outline:0}.circle-color .choices__list--multiple .choices__item{display:inline-flex;align-items:center;gap:8px;pointer-events:none}.circle-color .choices__list--multiple .choices__item:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:var(--color-tag, white)}.circle-color .choices__button{pointer-events:all}
.grecaptcha-badge {visibility: hidden;}
</style>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// gtag('consent', 'default', {
// 'ad_storage': 'denied',
// 'analytics_storage': 'denied'
// });
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PXD9JT');</script>
<!-- End Google Tag Manager -->
<link rel="stylesheet" type="text/css" media="screen" href="https://assets.awwwards.com/assets/redesign/css/home.css?v=1.93" />
<link rel="stylesheet" type="text/css" media="screen" href="https://assets.awwwards.com/assets/redesign/css/element.css?v=1.93" />
<link rel="stylesheet" type="text/css" media="screen" href="https://assets.awwwards.com/assets/redesign/css/academy.css?v=1.93" />
<style>
:root {
--ch-bg: #f8f8f8;
}
</style>
<style>
.pointer-none{pointer-events:none}.relative{position:relative}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.m-0{margin:0}.mt-lg{margin-top:clamp(1em,2vw,2em)}.mb-lg{margin-bottom:clamp(1em,2vw,2em)}.mb-xl{margin-bottom:clamp(1em,4vw,3em)}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.no-scroll{overflow:hidden}.no-pointer{pointer-events:none}.nowrap{white-space:nowrap}.text-uppercase{text-transform:uppercase}.text-default{font-size:var(--text-size-primary);font-weight:300}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:bold}.text-regular{font-weight:400}.text-strikethrough{text-decoration:line-through}.text-red{color:var(--color-errors)}.text-ico{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5em}.text-ico img{display:block}.ar-sites{width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:var(--img-resizing-site) !important}.ar-paronamic{width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:2/1 !important}.ar-desktop{width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:var(--img-resizing-desktop) !important}.color-primary{color:var(--color-primary)}.hidden{display:none !important}.is-hidden{display:none !important}.is-grab{cursor:grab}.is-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.rounded-small{border-radius:var(--rounded-small)}.rounded-normal{border-radius:var(--rounded-normal)}.rounded-large{border-radius:var(--rounded-large)}.box-width{max-width:100%;width:var(--widthBox)}.box-width--auto{margin:0 auto}.alpha-04{--modal-alpha: 0.4}.show-sm{display:none}@media(max-width: 1280px){.hidden-xl{display:none}}@media(max-width: 1024px){.hidden-lg{display:none}}@media(max-width: 768px){.hidden-md{display:none}.show-md{display:block}}@media(max-width: 576px){.hidden-sm{display:none}.show-sm{display:block}}
</style>
</head>
<body class="has-header-above has-content-header" >
<div class="eu-location" data-eu="1"></div>
<div class="wrapper">
<div class="marquee-top marquee-top--gray">
<div class="marquee-top__wrapper" data-controller="header-marquee">
<a target="_blank" href="https://conference.awwwards.com/" class="item-link"></a>
<div class="marquee-top__item">
<span>Guess Who’s Back? Our Conferences! <strong>Valencia & New York City</strong></span>
<div class="marquee-top__separator">
<lottie-player class="marquee-top__ico-ani" src="https://assets.awwwards.com/assets/redesign/images/lottie/ticket.json" loop autoplay speed="1" style="width:20px"></lottie-player>
</div>
</div>
</div>
</div>
<header id="header" data-controller="search" data-search-url-value="tv_search_inspiration" data-search-selected-type-value="inspiration">
<div class="inner">
<div class="c-header-main">
<div class="header-main" data-search-target="headerMain">
<div class="header-main__overlay " data-search-target="overlay" data-action="click->search#close"></div>
<div class="header-main__container">
<div class="header-main__hamburger" data-search-target="hamburger" data-action="click->search#toggleMobile">
<svg class="ico-svg" viewbox="0 0 20 20" width="16">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#hamburger"></use>
</svg>
</div>
<a href="/" class="header-main__logo" aria-label="Awwwards">
<svg width="30" height="16" viewBox="0 0 30 16" ><path d="m18.4 0-2.803 10.855L12.951 0H9.34L6.693 10.855 3.892 0H0l5.012 15.812h3.425l2.708-10.228 2.709 10.228h3.425L22.29 0h-3.892ZM24.77 13.365c0 1.506 1.12 2.635 2.615 2.635C28.879 16 30 14.87 30 13.365c0-1.506-1.12-2.636-2.615-2.636s-2.615 1.13-2.615 2.636Z" /></svg>
</a>
<nav class="nav-header-main" data-search-target="navHeaderMain">
<ul class="nav-header-main__list">
<li class="nav-header-main__item has-dropdown">
<span class="nav-header-main__link" data-search-target="eLinksDD" data-action="click->search#toggleDropdown">
Explore
<svg class="ico-svg nav-header-main__arrow" viewbox="0 0 20 20" width="8">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow-dd"></use>
</svg>
</span>
<div class="nav-header-main__dropdown">
<div class="nav-header-main__content">
<div class="search-inspiration">
<nav class="search-inspiration__nav">
<ul class="search-inspiration__menu">
<li>
<span class="search-inspiration__section" data-section="nav" data-search-target="navAwwards" data-search-target="eSection" data-action="click->search#doToogleTab">
<svg class="ico-svg search-inspiration__ico" width="14" height="14" viewBox="0 0 14 14">
<path d="M11.9687 0.314283C12.237 0.379853 12.4013 0.650464 12.3357 0.918709L12.1157 1.81871C12.0501 2.08695 11.7795 2.25125 11.5113 2.18568C11.243 2.12011 11.0787 1.8495 11.1443 1.58126L11.3643 0.681255C11.4299 0.413011 11.7005 0.248712 11.9687 0.314283ZM1.80992 0.499794C2.06959 0.405868 2.35625 0.540236 2.45017 0.799914L2.79017 1.73991C2.8841 1.99959 2.74973 2.28624 2.49005 2.38017C2.23038 2.4741 1.94372 2.33973 1.8498 2.08005L1.5098 1.14005C1.41587 0.880372 1.55024 0.59372 1.80992 0.499794ZM9.72484 1.88893C9.92977 1.70384 10.2459 1.71991 10.431 1.92484L11.326 2.91575L12.5903 2.45965C12.8501 2.36594 13.1366 2.50055 13.2303 2.76031C13.324 3.02006 13.1894 3.3066 12.9297 3.40031L11.3497 3.97031C11.1587 4.03921 10.945 3.98579 10.8089 3.83513L9.68893 2.59513C9.50384 2.3902 9.51992 2.07403 9.72484 1.88893ZM4.36866 1.93899C4.59012 2.10394 4.63593 2.41719 4.47098 2.63865L3.39098 4.08865C3.27089 4.24989 3.06591 4.32351 2.87068 4.27554L1.12068 3.84554C0.852511 3.77965 0.688536 3.50884 0.754428 3.24067C0.82032 2.97251 1.09113 2.80853 1.35929 2.87443L2.78715 3.22527L3.66899 2.04131C3.83394 1.81985 4.14719 1.77404 4.36866 1.93899ZM9.16484 4.13893C9.36977 3.95384 9.68594 3.96991 9.87104 4.17484L10.766 5.16575L12.0303 4.70965C12.2901 4.61594 12.5766 4.75055 12.6703 5.01031C12.764 5.27006 12.6294 5.5566 12.3697 5.65031L10.7897 6.22031C10.5987 6.28921 10.385 6.23579 10.2489 6.08512L9.12893 4.84513C8.94384 4.6402 8.95992 4.32403 9.16484 4.13893ZM5.2082 4.29865C5.42985 4.46335 5.47602 4.77654 5.31132 4.9982L4.24132 6.4382C4.12129 6.59973 3.91611 6.67356 3.72068 6.62554L1.97068 6.19554C1.70251 6.12965 1.53854 5.85884 1.60443 5.59067C1.67032 5.32251 1.94113 5.15853 2.20929 5.22442L3.63675 5.57517L4.50865 4.40177C4.67335 4.18012 4.98655 4.13395 5.2082 4.29865ZM8.60484 6.38893C8.80977 6.20384 9.12594 6.21991 9.31104 6.42484L10.206 7.41575L11.4703 6.95965C11.7301 6.86594 12.0166 7.00055 12.1103 7.26031C12.204 7.52006 12.0694 7.8066 11.8097 7.90031L10.2297 8.47031C10.0387 8.53921 9.82502 8.48579 9.68893 8.33512L8.56893 7.09513C8.38384 6.8902 8.39992 6.57403 8.60484 6.38893ZM6.05866 6.64899C6.28012 6.81394 6.32593 7.12719 6.16098 7.34865L5.08098 8.79865C4.9603 8.96067 4.75399 9.03415 4.55807 8.98489L2.80807 8.54489C2.54026 8.47756 2.37774 8.20587 2.44508 7.93806C2.51241 7.67026 2.7841 7.50774 3.0519 7.57507L4.47831 7.93371L5.35899 6.75131C5.52394 6.52985 5.83719 6.48404 6.05866 6.64899ZM8.0432 8.64042C8.24731 8.45442 8.56355 8.4691 8.74955 8.6732L9.65542 9.66725L10.912 9.21904C11.1721 9.12627 11.4582 9.26191 11.5509 9.522C11.6437 9.7821 11.5081 10.0681 11.248 10.1609L9.93044 10.6309L9.43518 12.6207C9.36849 12.8887 9.09719 13.0519 8.82922 12.9852C8.56126 12.9185 8.39809 12.6472 8.46479 12.3792L8.96015 10.3889L8.01042 9.34676C7.82442 9.14266 7.8391 8.82642 8.0432 8.64042ZM6.89687 8.99766C7.11906 9.16163 7.16627 9.47467 7.0023 9.69687L6.09047 10.9325L6.84081 13.0317C6.93376 13.2917 6.79831 13.5779 6.53828 13.6708C6.27825 13.7638 5.99211 13.6283 5.89916 13.3683L5.14964 11.2714L3.66068 10.9055C3.39251 10.8396 3.22854 10.5688 3.29443 10.3007C3.36032 10.0325 3.63113 9.86853 3.89929 9.93443L5.32559 10.2849L6.19767 9.1031C6.36163 8.8809 6.67467 8.8337 6.89687 8.99766Z" />
</svg>
Awards
<svg class="ico-svg search-inspiration__arrow" viewbox="0 0 20 20" width="8">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow-dd"></use>
</svg>
</span>
<ul class="search-inspiration__list">
<li>
<a class="search-inspiration__item" href="/websites/" data-count="24K">
<span>
Honor Mentions
</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="/websites/nominees/" data-count="47K">
<span>
Nominees
</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="/websites/sites_of_the_day/" data-count="5617">
<span>
Sites of the Day
</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="/websites/sites_of_the_month/" data-count="210">
<span>
Sites of the Month
</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/sites_of_the_year/" data-count="50">
<span>
Sites of the Year
</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/honors/about" data-count="">
<span>
Honors
<span class="budget-tag budget-tag--solid--black">New</span>
</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="/winner-list/" data-count="">
<span>
Most Awarded Profiles
</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="/jury/2024/" data-count="">
<span>
Jury 2024
</span>
</a>
</li>
</ul>
</li>
<li>
<span class="search-inspiration__section" data-section="search" data-search-target="navTrending"data-search-target="eSection" data-action="click->search#doToogleTab">
<svg class="ico-svg search-inspiration__ico" width="11" height="15" viewBox="0 0 11 15">
<path d="M3.9929 0.625939C4.13088 0.54352 4.2886 0.5 4.44931 0.5C4.59954 0.5 4.74714 0.538023 4.87845 0.610295C8.87544 2.46727 11.1385 6.32323 10.9988 9.54683L10.9988 9.54716C10.9392 10.902 10.4542 12.1551 9.51453 13.0708C8.57487 13.9865 7.2248 14.5218 5.51533 14.5252C4.82872 14.5675 4.14047 14.4731 3.49048 14.2476C2.83534 14.0202 2.2323 13.6641 1.71685 13.2001C1.20139 12.7362 0.783938 12.1739 0.489046 11.5463C0.194154 10.9186 0.027783 10.2383 -0.000275804 9.54542L-0.000578149 9.53795L-0.000522329 9.53795C-0.0209942 8.73621 0.178555 7.94417 0.57646 7.24784C0.974365 6.55151 1.55542 5.97748 2.25655 5.58808C2.37945 5.51982 2.52542 5.50645 2.65867 5.55126C2.79193 5.59607 2.90017 5.69491 2.95686 5.82356C3.20152 6.37877 3.54425 6.88378 3.96732 7.31498C4.46391 6.66783 4.69233 5.83147 4.68558 4.91261C4.67754 3.81878 4.33395 2.64717 3.75882 1.64956C3.66486 1.49271 3.63053 1.30715 3.66234 1.1269C3.69467 0.943739 3.79303 0.77879 3.93881 0.663287C3.956 0.649664 3.97407 0.637188 3.9929 0.625939ZM4.94165 1.7577C5.40397 2.74496 5.67775 3.84365 5.68555 4.90526C5.69502 6.19406 5.31016 7.46724 4.34414 8.38726C4.15969 8.56293 3.87265 8.57185 3.67764 8.40797C3.12295 7.94184 2.65822 7.38047 2.30441 6.75183C1.95725 7.02235 1.66472 7.35895 1.4447 7.74398C1.13805 8.28062 0.98396 8.89087 0.999059 9.50871C1.02217 10.0671 1.15648 10.6152 1.39413 11.121C1.63231 11.628 1.96949 12.0822 2.38581 12.4569C2.80214 12.8315 3.28921 13.1192 3.81836 13.3028C4.34751 13.4865 4.90805 13.5624 5.46699 13.5262C5.47775 13.5255 5.48853 13.5252 5.49931 13.5252C7.00226 13.5252 8.09169 13.061 8.8166 12.3546C9.54444 11.6453 9.94941 10.6483 9.9998 9.50321C10.1142 6.86049 8.3102 3.53981 4.94165 1.7577ZM7.99932 9.02519C8.27546 9.02519 8.49932 9.24904 8.49932 9.52519C8.49932 10.1882 8.23592 10.8241 7.76708 11.293C7.29824 11.7618 6.66236 12.0252 5.99931 12.0252C5.72317 12.0252 5.49931 11.8013 5.49931 11.5252C5.49931 11.249 5.72317 11.0252 5.99931 11.0252C6.39714 11.0252 6.77867 10.8672 7.05997 10.5858C7.34128 10.3045 7.49931 9.92301 7.49931 9.52519C7.49931 9.24904 7.72317 9.02519 7.99932 9.02519Z"></path>
</svg>
Trending
<svg class="ico-svg search-inspiration__arrow" viewbox="0 0 20 20" width="8">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow-dd"></use>
</svg>
</span>
<ul class="search-inspiration__list">
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/portfolio/" data-count="8637">
<span>Portfolio Websites</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/awwwards/collections/free-fonts/" data-count="288">
<span>Free fonts</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/animation/" data-count="10331">
<span>Animated websites</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/" data-count="6117">
<span>Sites of the Day</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/scrolling/" data-count="5115">
<span>Scrolling</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/single-page/" data-count="5051">
<span>One page desgin</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/ui-design/" data-count="6203">
<span>UI design</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/e-commerce/" data-count="5563">
<span>E-commerce layouts</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/architecture/" data-count="2363">
<span>Architecture websites</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/academy/" data-count="115">
<span>Web design courses</span>
</a>
</li>
</ul>
</li>
<li>
<span class="search-inspiration__section" data-search-target="eSection" data-action="click->search#doToogleTab">
<svg class="ico-svg search-inspiration__ico" width="14" height="14" viewBox="0 0 14 14">
<path d="M11 0.5C11 0.223858 11.2239 0 11.5 0H12.5C12.8978 0 13.2794 0.158035 13.5607 0.43934C13.842 0.720644 14 1.10217 14 1.5V2.5C14 2.77614 13.7761 3 13.5 3C13.2239 3 13 2.77614 13 2.5V1.5C13 1.36739 12.9473 1.24022 12.8536 1.14645C12.7598 1.05268 12.6326 1 12.5 1H11.5C11.2239 1 11 0.776142 11 0.5Z M13.5 5C13.7761 5 14 5.22386 14 5.5V8.5C14 8.77614 13.7761 9 13.5 9C13.2239 9 13 8.77614 13 8.5V5.5C13 5.22386 13.2239 5 13.5 5Z M13.5 11C13.7761 11 14 11.2239 14 11.5V12.5C14 12.8978 13.842 13.2794 13.5607 13.5607C13.2794 13.842 12.8978 14 12.5 14H11.5C11.2239 14 11 13.7761 11 13.5C11 13.2239 11.2239 13 11.5 13H12.5C12.6326 13 12.7598 12.9473 12.8536 12.8536C12.9473 12.7598 13 12.6326 13 12.5V11.5C13 11.2239 13.2239 11 13.5 11Z M1.5 1C1.36739 1 1.24021 1.05268 1.14645 1.14645C1.05268 1.24021 1 1.36739 1 1.5V12.5C1 12.6326 1.05268 12.7598 1.14645 12.8536C1.24022 12.9473 1.36739 13 1.5 13H4.5C4.77614 13 5 13.2239 5 13.5C5 13.7761 4.77614 14 4.5 14H1.5C1.10217 14 0.720644 13.842 0.43934 13.5607C0.158035 13.2794 0 12.8978 0 12.5V1.5C0 1.10218 0.158035 0.720644 0.43934 0.43934C0.720644 0.158035 1.10218 0 1.5 0H4.5C4.77614 0 5 0.223858 5 0.5C5 0.776142 4.77614 1 4.5 1H1.5Z M6.5 0.5C6.5 0.223858 6.72386 0 7 0H8.5C8.77614 0 9 0.223858 9 0.5C9 0.776142 8.77614 1 8.5 1H7.5V13H8.5C8.77614 13 9 13.2239 9 13.5C9 13.7761 8.77614 14 8.5 14H7C6.72386 14 6.5 13.7761 6.5 13.5V0.5Z" />
</svg>
Websites
<svg class="ico-svg search-inspiration__arrow" viewbox="0 0 20 20" width="8">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow-dd"></use>
</svg>
</span>
<ul class="search-inspiration__list">
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/e-commerce/" data-count="5563">
<span>E-commerce</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/architecture/" data-count="2363">
<span>Architecture</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/hotel-restaurant/" data-count="1691">
<span>Restaurant & Hotel</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/design-agencies/" data-count="10363">
<span>Design Agencies</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/business-corporate/" data-count="10357">
<span>Business & Corporate</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/fashion/" data-count="3035">
<span>Fashion</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/mobile-apps/" data-count="2459">
<span>Mobile & Apps</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/interaction-design/" data-count="2579">
<span>Interaction Design</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/illustration/" data-count="3419">
<span>Illustration</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/header-design/" data-count="923">
<span>Header Design</span>
</a>
</li>
</ul>
</li>
<li>
<span class="search-inspiration__section" data-search-target="eSection" data-action="click->search#doToogleTab">
<svg class="ico-svg search-inspiration__ico" width="14" height="14" viewBox="0 0 14 14">
<path d="M0.5 8C0.776142 8 1 8.22386 1 8.5C1 8.63261 1.05268 8.75978 1.14645 8.85355C1.24022 8.94732 1.36739 9 1.5 9C1.77614 9 2 9.22386 2 9.5C2 9.77614 1.77614 10 1.5 10C1.10217 10 0.720644 9.84196 0.43934 9.56066C0.158035 9.27936 0 8.89782 0 8.5C0 8.22386 0.223858 8 0.5 8Z M0.43934 0.43934C0.720644 0.158035 1.10218 0 1.5 0C1.77614 0 2 0.223858 2 0.5C2 0.776142 1.77614 1 1.5 1C1.36739 1 1.24021 1.05268 1.14645 1.14645C1.05268 1.24021 1 1.36739 1 1.5C1 1.77614 0.776142 2 0.5 2C0.223858 2 0 1.77614 0 1.5C0 1.10218 0.158035 0.720644 0.43934 0.43934Z M8 0.5C8 0.223858 8.22386 0 8.5 0C8.89782 0 9.27936 0.158035 9.56066 0.43934C9.84196 0.720644 10 1.10217 10 1.5C10 1.77614 9.77614 2 9.5 2C9.22386 2 9 1.77614 9 1.5C9 1.36739 8.94732 1.24022 8.85355 1.14645C8.75978 1.05268 8.63261 1 8.5 1C8.22386 1 8 0.776142 8 0.5Z M3.5 0.5C3.5 0.223858 3.72386 0 4 0H6C6.27614 0 6.5 0.223858 6.5 0.5C6.5 0.776142 6.27614 1 6 1H4C3.72386 1 3.5 0.776142 3.5 0.5Z M0.5 3.5C0.776142 3.5 1 3.72386 1 4V6C1 6.27614 0.776142 6.5 0.5 6.5C0.223858 6.5 0 6.27614 0 6V4C0 3.72386 0.223858 3.5 0.5 3.5Z M9 4.5C9 4.22386 9.22386 4 9.5 4H12.5C12.8978 4 13.2794 4.15804 13.5607 4.43934C13.842 4.72064 14 5.10217 14 5.5V12.5C14 12.8978 13.842 13.2794 13.5607 13.5607C13.2794 13.842 12.8978 14 12.5 14H5.5C5.10217 14 4.72064 13.842 4.43934 13.5607C4.15804 13.2794 4 12.8978 4 12.5V9.5C4 9.22386 4.22386 9 4.5 9H8.5C8.63261 9 8.75979 8.94732 8.85355 8.85355C8.94732 8.75979 9 8.63261 9 8.5V4.5ZM10 5V8.5C10 8.89783 9.84196 9.27936 9.56066 9.56066C9.27936 9.84196 8.89783 10 8.5 10H5V12.5C5 12.6326 5.05268 12.7598 5.14645 12.8536C5.24022 12.9473 5.36739 13 5.5 13H12.5C12.6326 13 12.7598 12.9473 12.8536 12.8536C12.9473 12.7598 13 12.6326 13 12.5V5.5C13 5.36739 12.9473 5.24022 12.8536 5.14645C12.7598 5.05268 12.6326 5 12.5 5H10Z" />
</svg>
Technologies
<svg class="ico-svg search-inspiration__arrow" viewbox="0 0 20 20" width="8">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow-dd"></use>
</svg>
</span>
<ul class="search-inspiration__list">
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/awwwards/collections/css-js-animations/" data-count="187">
<span>CSS animations</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/webgl/" data-count="2843">
<span>WebGL sites</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/react/" data-count="1659">
<span>React Websites</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/tailwind/" data-count="130">
<span>Tailwind CSS</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/3d/" data-count="3099">
<span>3D websites</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/figma/" data-count="1467">
<span>Figma</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/vr/" data-count="72">
<span>Virtual reallity</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/gsap-animation/" data-count="3579">
<span>Gsap</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/three-js/" data-count="1595">
<span>Three.js</span>
</a>
</li>
<li>
<a class="search-inspiration__item" href="https://www.awwwards.com/websites/webflow/" data-count="859">
<span>Webflow</span>
</a>
</li>
</ul>
</li>
<li>
<a href="/collections/" class="search-inspiration__section">
<svg class="ico-svg search-inspiration__ico" width="14" height="14" viewBox="0 0 14 14">
<path d="M7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13C7.27614 13 7.5 13.2239 7.5 13.5C7.5 13.7761 7.27614 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0C10.866 0 14 3.13401 14 7C14 7.27614 13.7761 7.5 13.5 7.5C13.2239 7.5 13 7.27614 13 7C13 3.68629 10.3137 1 7 1Z M13.3237 8.59131C13.5856 8.679 13.7268 8.96235 13.6391 9.2242C13.5505 9.48866 13.4466 9.74606 13.3284 9.99533C13.2101 10.2449 12.912 10.3512 12.6624 10.2329C12.4129 10.1146 12.3065 9.81647 12.4248 9.56695C12.5261 9.35345 12.615 9.13305 12.6908 8.90666C12.7785 8.64481 13.0619 8.50362 13.3237 8.59131ZM12.3707 10.6962C12.5854 10.8699 12.6186 11.1847 12.445 11.3994C12.0963 11.8305 11.6975 12.2192 11.2574 12.5569C11.0383 12.725 10.7244 12.6837 10.5563 12.4646C10.3882 12.2455 10.4296 11.9316 10.6487 11.7635C11.0262 11.4739 11.3684 11.1403 11.6675 10.7705C11.8412 10.5558 12.156 10.5226 12.3707 10.6962ZM10.0856 12.7443C10.1974 12.9968 10.0833 13.2921 9.83081 13.4038C9.57865 13.5155 9.31864 13.6127 9.05183 13.6943C8.78778 13.7752 8.5082 13.6267 8.42736 13.3626C8.34652 13.0986 8.49504 12.819 8.75908 12.7381C8.98748 12.6682 9.2101 12.585 9.42604 12.4894C9.67855 12.3777 9.97386 12.4917 10.0856 12.7443Z" />
</svg>
Collections
<svg class="ico-svg search-inspiration__arrow" viewbox="0 0 20 20" width="8">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow-dd"></use>
</svg>
</a>
</li>
<li>
<a href="/elements/" class="search-inspiration__section">
<svg class="ico-svg search-inspiration__ico" width="14" height="6" viewBox="0 0 14 6">
<path d="M0 1.5C0 0.947715 0.447715 0.5 1 0.5H5C5.55228 0.5 6 0.947715 6 1.5V4.5C6 5.05228 5.55228 5.5 5 5.5H1C0.447715 5.5 0 5.05228 0 4.5V1.5ZM5 1.5H1V4.5H5V1.5Z M7.5 1.5C7.5 0.947715 7.94772 0.5 8.5 0.5H10.5C11.0523 0.5 11.5 0.947715 11.5 1.5V4.5C11.5 5.05228 11.0523 5.5 10.5 5.5H8.5C7.94772 5.5 7.5 5.05228 7.5 4.5V1.5ZM10.5 1.5H8.5V4.5H10.5V1.5Z M13.5 0.5C13.7761 0.5 14 0.723858 14 1V5C14 5.27614 13.7761 5.5 13.5 5.5C13.2239 5.5 13 5.27614 13 5V1C13 0.723858 13.2239 0.5 13.5 0.5Z" />
</svg>
UI Elements
</a>
<li>
<a href="/blog/" class="search-inspiration__section">
<svg class="ico-svg search-inspiration__ico" width="14" height="14" viewBox="0 0 14 14">
<path d="M13.5 11C13.7761 11 14 11.2239 14 11.5V12.5C14 12.8978 13.842 13.2794 13.5607 13.5607C13.2794 13.842 12.8978 14 12.5 14H11.5C11.2239 14 11 13.7761 11 13.5C11 13.2239 11.2239 13 11.5 13H12.5C12.6326 13 12.7598 12.9473 12.8536 12.8536C12.9473 12.7598 13 12.6326 13 12.5V11.5C13 11.2239 13.2239 11 13.5 11Z M13.5 4C13.7761 4 14 4.22386 14 4.5V8.5C14 8.77614 13.7761 9 13.5 9C13.2239 9 13 8.77614 13 8.5V4.5C13 4.22386 13.2239 4 13.5 4Z M5 13.5C5 13.2239 5.22386 13 5.5 13H8.5C8.77614 13 9 13.2239 9 13.5C9 13.7761 8.77614 14 8.5 14H5.5C5.22386 14 5 13.7761 5 13.5Z M1.5 1C1.36739 1 1.24021 1.05268 1.14645 1.14645C1.05268 1.24021 1 1.36739 1 1.5V12.5C1 12.7761 0.776142 13 0.5 13C0.223858 13 0 12.7761 0 12.5V1.5C0 1.10218 0.158035 0.720644 0.43934 0.43934C0.720644 0.158035 1.10218 0 1.5 0H12.5C12.7761 0 13 0.223858 13 0.5C13 0.776142 12.7761 1 12.5 1H1.5Z" />
</svg>
Blog
</a>
</li>
</ul>
</nav>
<div class="search-inspiration__searching" data-search-target="autocompleteView">
<div data-search-target="autocompleteTagsContainer">
<ul class="search-inspiration__list" data-search-target="autocompleteTags"></ul>
</div>
<div data-search-target="autocompleteUsersContainer">
<ul class="search-inspiration__list" data-search-target="autocompleteUsers"></ul>
</div>
</div>
</div>
<div class="nav-header-main__sponsor">
<div>Sponsor by</div>
<a rel="sponsored" target="_blank" href="https://webflow.com/?utm_source=awwwards&utm_medium=referral&utm_campaign=partnerships&utm_content=menu"><img width="105" src="https://dhygzobemt712.cloudfront.net/Logo/Full_Logo_Black.svg" alt="Webflow"></a>
</div>
</div>
</div>
</li>
<li class="nav-header-main__item">
<a class="nav-header-main__link" href="/directory/">
Directory
</a>
</li>
<li class="nav-header-main__item">
<a class="nav-header-main__link" href="/academy/">
Academy
</a>
</li>
<li class="nav-header-main__item">
<a class="nav-header-main__link" href="https://conference.awwwards.com">
Conferences
</a>
</li>
<li class="nav-header-main__item">
<a class="nav-header-main__link" href="/jobs/">
Jobs
</a>
</li>
</ul>
<ul class="nav-header-main__social">
<li>
<a href="https://www.facebook.com/awwwards" target="_blank">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#facebook"></use>
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/awwwards" target="_blank">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#instagram"></use>
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/awwwards" target="_blank">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#twitter"></use>
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/awwwards" target="_blank">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#instagram"></use>
</svg>
</a>
</li>
<li>
<a href="https://www.youtube.com/awwwardstv" target="_blank">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#youtube"></use>
</svg>
</a>
</li>
<li>
<a href="https://www.tiktok.com/@awwwards.com" class="tiktok">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#tiktok"></use>
</svg>
</a>
</li>
</ul>
</nav>
<div class="header-main__search">
<div class="search-form">
<div class="search-form__field">
<button type="submit" class="search-form__button" aria-label="Search">
<svg class="ico-svg" viewbox="0 0 20 20" width="14">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#lupe"></use>
</svg>
</button>
<input type="text" value=""
placeholder="Search by Inspiration"
class="search-form__input "
data-action="focus->search#show keyup->search#search"
data-search-target="input"
>
</div>
</div>
</div>
<div class="header-main__right">
<div class="header-main__user">
<strong class="header-main__link hidden-sm" data-controller="login" data-action="click->login#open">Log in</strong>
<strong class="header-main__link hidden-sm" data-controller="login" data-action="click->login#register">Sign Up</strong>
<span class="header-main__ico" data-controller="login" data-action="click->login#open">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#user-login"></use>
</svg>
</span>
<div id="g_id_onload"
data-client_id="67367874134-drekvs51ripc1p92r1hpcntjk1jfmqka.apps.googleusercontent.com"
data-login_uri="https://www.awwwards.com/login-google-one-tap"
data-_destination="/">
</div>
</div>
<div class="header-main__bts">
<a href="/pro" class="button button--small--rounded">
Be Pro
</a>
<a href="/submit/" class="button button--small--outline--rounded">
Submit Website
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section id="content">
<div class="anchor-section" id="sotd">
<div class="content-header">
<div class="block">
<div class="c-sotd-new">
<a class="item-link" href="/sites/raxo-3" aria-label="Raxo - Site of the Day"></a>
<div class="inner">
<div class="c-heading text-center">
<div class="c-heading__top">
<h2 class="c-sotd-new__subtitle text-default">
<span>Site of the Day</span>
<strong class="budget-tag budget-tag--medium">May 18, 2024</strong>
<span>Score 7.34 <small>of</small> 10</span>
</h2>
</div>
<div class="c-heading__middle">
<h3 class="heading-3 text-balance">Raxo</h3>
</div>
<div class="c-heading__bottom">
<div class="has-many-credits text-medium">
<div class="users-credits ">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/raxo/" aria-label="RAXO">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/1011780/6495a181a715d776953595.png" width="32" height="32" alt="RAXO" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">RAXO</strong>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="inner">
<div class="c-sotd-new__cover">
<img src="https://assets.awwwards.com/awards/sites_of_the_day/2024/05/raxo-site.jpg" alt="Raxo">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="anchor-section" id="nominees">
<div class="block">
<div class="inner">
<div class="c-heading text-center">
<div class="c-heading__top">
<h2 class="text-default">Latest</h2>
</div>
<div class="c-heading__middle">
<h3 class="heading-1 text-uppercase">
<span class="has-sticker">
Nominees
<lottie-player
class="has-sticker__ico"
src="https://assets.awwwards.com/assets/redesign/images/lottie/laurel-wreath.json"
background="transparent"
speed="1"
data-controller="animate-icons library--lottie-fix-border-blur"
style="width: 0.6em; bottom: 10%; left: calc(100% - 0.37em);"
></lottie-player>
</span>
</h3>
</div>
<div class="c-heading__bottom">
<div class="c-heading__short-desc">
<span>Vote for the latest websites on awwwards</span>
</div>
</div>
</div>
<ul class="grid-cards grid-cards--one-row" data-cols="3">
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"yourwagen-stories","collectableImage":"submissions\/2024\/05\/663a4cf880fdf919238637.jpg","collectableTitle":"YourWagen Stories","id":57368,"images":{"thumbnail":"submissions\/2024\/05\/663a4cf880fdf919238637.jpg"},"slug":"yourwagen-stories","title":"YourWagen Stories","createdAt":1715676004,"tags":["Other","Promotional","Web & Interactive","Animation","Big Background Images","Fullscreen","Typography","Video"],"type":"submission"}">
<a
aria-label="YourWagen Stories"
href="/sites/yourwagen-stories"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/05/663a4cf880fdf919238637.jpg"
alt="YourWagen Stories"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__center">
<a href="/sites/yourwagen-stories" class="button button--white--rounded">
<svg class="ico--left" width="14" viewBox="0 0 20 17">
<path d="M17.8246 7.4299H0V9.29145H17.8246L12.2047 16L13.6589 16.8982L19.4269 10.0128C20.191 9.10064 20.191 7.61838 19.4269 6.70622L13.809 0L12.3548 0.89587L17.8246 7.4299Z"></path>
</svg>
Vote Now
</a>
</div>
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>YourWagen Stories</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://www.volkswagen.co.uk/en/yourwagen/yourwagen-stories.html" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/yourwagen-stories">YourWagen Stories</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/TribalEMEA/" aria-label="Tribal EMEA">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/2321517/663a6a18b2061494080333.jpg" width="32" height="32" alt="Tribal EMEA" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">Tribal EMEA</strong>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"nord-quantique","collectableImage":"submissions\/2024\/05\/6642056d15db1876889032.png","collectableTitle":"Nord Quantique","id":57390,"images":{"thumbnail":"submissions\/2024\/05\/6642056d15db1876889032.png"},"slug":"nord-quantique","title":"Nord Quantique","createdAt":1715761300,"tags":["Business & Corporate","Technology","Animation","Clean","Transitions","UI design","Startups"],"type":"submission"}">
<a
aria-label="Nord Quantique"
href="/sites/nord-quantique"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/05/6642056d15db1876889032.png"
alt="Nord Quantique"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__center">
<a href="/sites/nord-quantique" class="button button--white--rounded">
<svg class="ico--left" width="14" viewBox="0 0 20 17">
<path d="M17.8246 7.4299H0V9.29145H17.8246L12.2047 16L13.6589 16.8982L19.4269 10.0128C20.191 9.10064 20.191 7.61838 19.4269 6.70622L13.809 0L12.3548 0.89587L17.8246 7.4299Z"></path>
</svg>
Vote Now
</a>
</div>
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>Nord Quantique</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://nordquantique.ca/en" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/nord-quantique">Nord Quantique</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/locomotive/" aria-label="Locomotive">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/210282/63ed37786785b945341395.jpg" width="32" height="32" alt="Locomotive" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">Locomotive</strong>
<sup>PRO</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"xyzal-storytime-with-nigel","collectableImage":"submissions\/2024\/05\/663b458596a94412159765.png","collectableTitle":"Xyzal: Storytime with Nigel","id":57384,"images":{"thumbnail":"submissions\/2024\/05\/663b458596a94412159765.png"},"slug":"xyzal-storytime-with-nigel","title":"Xyzal: Storytime with Nigel","createdAt":1715761309,"tags":["Art & Illustration","Technology","Web & Interactive","Big Background Images","Illustration","Storytelling","Interaction Design"],"type":"submission"}">
<a
aria-label="Xyzal: Storytime with Nigel"
href="/sites/xyzal-storytime-with-nigel"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/05/663b458596a94412159765.png"
alt="Xyzal: Storytime with Nigel"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__center">
<a href="/sites/xyzal-storytime-with-nigel" class="button button--white--rounded">
<svg class="ico--left" width="14" viewBox="0 0 20 17">
<path d="M17.8246 7.4299H0V9.29145H17.8246L12.2047 16L13.6589 16.8982L19.4269 10.0128C20.191 9.10064 20.191 7.61838 19.4269 6.70622L13.809 0L12.3548 0.89587L17.8246 7.4299Z"></path>
</svg>
Vote Now
</a>
</div>
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>Xyzal: Storytime with Nigel</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://storytime.xyzal.com/" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/xyzal-storytime-with-nigel">Xyzal: Storytime with Nigel</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/mediamonks/" aria-label="Media.Monks">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/70399/6113ccd17c8dc455972375.png" width="32" height="32" alt="Media.Monks" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">Media.Monks</strong>
<sup>PRO</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="c-view-all">
<div class="c-view-all__row text-medium">
<span>Check out all submitted websites</span>
<a href="/websites/nominees/" class="bt-ico-left">
<svg class="ico-svg" viewbox="0 0 20 20" width="16">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
<strong class="link-underlined">View Nominees</strong>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="anchor-section" id="winners">
<div class="block">
<div class="inner">
<div class="c-heading c-heading--small js-menu-video-offset">
<div class="c-heading__top">
<h2 class="text-default">Winners</h2>
</div>
<div class="c-heading__middle">
<h3 class="heading-5">Recent Sites<br>of the Day.</h3>
</div>
</div>
<ul class="grid-cards" data-cols="3">
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"raxo-3","collectableImage":"submissions\/2024\/02\/65c5427fabc95671710691.jpg","collectableTitle":"Raxo","id":56215,"images":{"thumbnail":"submissions\/2024\/02\/65c5427fabc95671710691.jpg"},"slug":"raxo-3","title":"Raxo","createdAt":1715990400,"tags":["Design Agencies","Animation","Clean","Parallax","Responsive","UI design","Microinteractions"],"type":"submission"}">
<a
aria-label="Raxo"
href="/sites/raxo-3"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/02/65c5427fabc95671710691.jpg"
alt="Raxo"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>Raxo</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://raxo.co/" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/raxo-3">Raxo</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/raxo/" aria-label="RAXO">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/1011780/6495a181a715d776953595.png" width="32" height="32" alt="RAXO" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">RAXO</strong>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"backstage-with-bon-jovi","collectableImage":"submissions\/2024\/02\/65c35dcbafc11973033480.jpg","collectableTitle":"Backstage with Bon Jovi","id":56166,"images":{"thumbnail":"submissions\/2024\/02\/65c35dcbafc11973033480.jpg"},"slug":"backstage-with-bon-jovi","title":"Backstage with Bon Jovi","createdAt":1715904000,"tags":["Music & Sound","Web & Interactive","Experimental","Gallery","Sound-Audio","Storytelling","3D","Photo & Video","Microinteractions"],"type":"submission"}">
<a
aria-label="Backstage with Bon Jovi"
href="/sites/backstage-with-bon-jovi"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/02/65c35dcbafc11973033480.jpg"
alt="Backstage with Bon Jovi"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>Backstage with Bon Jovi</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://backstage.bonjovi.com/" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/backstage-with-bon-jovi">Backstage with Bon Jovi</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/neverbland/" aria-label="Neverbland">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/270/54d8fcb9498d3.jpeg" width="32" height="32" alt="Neverbland" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">Neverbland</strong>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"format-3","collectableImage":"submissions\/2024\/02\/65cb7c98da9a1322278156.jpg","collectableTitle":"FORMAT-3","id":56285,"images":{"thumbnail":"submissions\/2024\/02\/65cb7c98da9a1322278156.jpg"},"slug":"format-3","title":"FORMAT-3","createdAt":1715817600,"tags":["Design Agencies","Web & Interactive","Unusual Navigation","Transitions","3D","Interaction Design","UI design","Microinteractions","Startups"],"type":"submission"}">
<a
aria-label="FORMAT-3"
href="/sites/format-3"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/02/65cb7c98da9a1322278156.jpg"
alt="FORMAT-3"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>FORMAT-3</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://format-3.co/" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/format-3">FORMAT-3</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/Format-3/" aria-label="Format-3">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/2247671/65cb8099dd872420099816.jpeg" width="32" height="32" alt="Format-3" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">Format-3</strong>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"escape-coffee","collectableImage":"submissions\/2024\/04\/66281112bf03b091214614.jpg","collectableTitle":"Escape Coffee","id":57232,"images":{"thumbnail":"submissions\/2024\/04\/66281112bf03b091214614.jpg"},"slug":"escape-coffee","title":"Escape Coffee","createdAt":1715731200,"tags":["E-Commerce","Food & Drink","Promotional","Big Background Images","Clean","Parallax","Menu - Vertical","About Page","Footer Design"],"type":"submission"}">
<a
aria-label="Escape Coffee"
href="/sites/escape-coffee"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/04/66281112bf03b091214614.jpg"
alt="Escape Coffee"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>Escape Coffee</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://escape.cafe/" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/escape-coffee">Escape Coffee</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/tuxcreative/" aria-label="Tux Creative House">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/1878066/63ed0b4113794173116562.jpg" width="32" height="32" alt="Tux Creative House" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">Tux Creative House</strong>
<sup>PRO</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"mouse-parallax-wonderland","collectableImage":"submissions\/2024\/02\/65df0606140f3508140798.jpg","collectableTitle":"Mouse Parallax Wonderland","id":56577,"images":{"thumbnail":"submissions\/2024\/02\/65df0606140f3508140798.jpg"},"slug":"mouse-parallax-wonderland","title":"Mouse Parallax Wonderland","createdAt":1715644800,"tags":["Art & Illustration","Web & Interactive","Animation","Graphic design","Parallax","Scrolling","Experimental","Storytelling","Interaction Design"],"type":"submission"}">
<a
aria-label="Mouse Parallax Wonderland"
href="/sites/mouse-parallax-wonderland"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/02/65df0606140f3508140798.jpg"
alt="Mouse Parallax Wonderland"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>Mouse Parallax Wonderland</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://www.wow-showroom.com/mouse-parallax" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/mouse-parallax-wonderland">Mouse Parallax Wonderland</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/WOW-Team-Wix/" aria-label="WOW Team">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/2270233/65dcf2a9262cf609442643.png" width="32" height="32" alt="WOW Team" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">WOW Team</strong>
<sup>PRO</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="card-slide">
<figure class="figure-rollover js-collectable is-large" data-controller="collectable" data-collectable-model-value="{"collectableIdentifier":"kelvin-zero","collectableImage":"submissions\/2024\/04\/6627952c2efe1079682752.png","collectableTitle":"Kelvin Zero","id":57222,"images":{"thumbnail":"submissions\/2024\/04\/6627952c2efe1079682752.png"},"slug":"kelvin-zero","title":"Kelvin Zero","createdAt":1715558400,"tags":["Business & Corporate","Technology","Web & Interactive","Scrolling","Storytelling","Header Design","Contentful"],"type":"submission"}">
<a
aria-label="Kelvin Zero"
href="/sites/kelvin-zero"
class="figure-rollover__link "
>
<img
class="figure-rollover__file lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_880_660/submissions/2024/04/6627952c2efe1079682752.png"
alt="Kelvin Zero"
>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>WEBSITE</small></div>
<div class="figure-rollover__row"><h3>Kelvin Zero</h3></div>
</div>
<div class="figure-rollover__right">
<div class="figure-rollover__bts">
<a href="https://kzero.com/" rel="noopener nofollow" target="_blank" class="figure-rollover__bt">
<svg width="14" height="14" viewBox="0 0 14 14">
<path d="M10.8101 1.96222L0.726954 12.0453L1.66171 12.9801L11.7448 2.89698L11.9344 9.4447L13.208 9.07311L13.0134 2.35278C12.9877 1.46249 12.2434 0.718185 11.3531 0.692412L4.80762 0.502924L4.43487 1.77539L10.8101 1.96222Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</a>
<span class="figure-rollover__bt" data-action="click->collectable#collect">
<svg width="15" height="18" viewBox="0 0 15 18">
<path d="M11.7746 1.00195H3.21618C1.99236 1.00195 0.996094 2.07031 0.996094 3.38268V14.6912C0.996094 15.7744 1.44566 16.5511 2.26154 16.8755C2.47384 16.9603 2.70001 17.002 2.92896 17.002C3.14403 17.002 3.36188 16.9648 3.57278 16.8889C3.78369 16.813 4.24436 16.566 4.38034 16.4916L7.4954 14.2299H7.49678L8.48611 13.5112L7.81592 13.0246L7.49401 12.7925L3.84613 15.4456C3.60608 15.575 3.30776 15.7268 3.21896 15.7595C2.95949 15.8532 2.74996 15.7982 2.64867 15.758C2.39613 15.6568 2.10614 15.4441 2.10614 14.6882V3.37971C2.10614 2.72352 2.60427 2.18934 3.21618 2.18934H11.7746C12.3865 2.18934 12.8847 2.72352 12.8847 3.37971V14.6882C12.8847 15.4441 12.5947 15.6568 12.3421 15.758C12.2408 15.7982 12.0313 15.8532 11.7718 15.7595C11.683 15.7283 11.3847 15.575 11.1447 15.4456L9.92639 14.5587L8.93707 15.2774L10.5508 16.4514L10.6118 16.4901C10.7478 16.5645 11.2085 16.8115 11.4194 16.8874C11.8523 17.0436 12.3172 17.0377 12.7306 16.874C13.5465 16.5481 13.9961 15.7729 13.9961 14.6897V3.38119C13.9947 2.0703 12.9984 1.00195 11.7746 1.00195Z" fill="white" stroke="white" stroke-width="0.542084"/>
</svg>
</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/sites/kelvin-zero">Kelvin Zero</a>
</h3>
<div class="card-slide__data">
<small>by</small>
<div class="users-credits is-large">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/cuberto/" aria-label="Cuberto">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/81472/5c1cfff80e4b2.png" width="32" height="32" alt="Cuberto" />
<figcaption class="avatar-name__name">
<strong class="link-underlined ">Cuberto</strong>
<sup>INT</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="c-view-all">
<div class="c-view-all__row text-medium">
<span>Check out all submitted websites</span>
<a href="/websites/sites_of_the_day/" class="bt-ico-left">
<svg class="ico-svg" viewbox="0 0 20 20" width="16">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
<strong class="link-underlined">View Winners</strong>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="anchor-section" id="courses">
<div class="block">
<div class="inner">
<div class="c-courses">
<div class="c-heading c-heading--small">
<div class="c-heading__top">
<h2 class="text-default">Academy</h2>
</div>
<div class="c-heading__middle">
<h3 class="heading-5">Learn from the<br>best instructors.</h3>
</div>
</div>
<ul class="grid-courses grid-courses--one-row">
<li class="grid-academy__item">
<div class="card-academy">
<figure class="card-academy__figure">
<a
href="/academy/new/courses/4804-master-figma-from-0-to-100"
aria-label="Master Figma from 0 to 100"
>
<img
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-srcset="https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_255,pg_1,t_base_params,w_453/v1697539706/course-covers/000/004/804/4804-original.jpg?1697539706 1x, https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_510,pg_1,t_base_params,w_906/v1697539706/course-covers/000/004/804/4804-original.jpg?1697539706 2x"
alt="Master Figma from 0 to 100"
class="card-academy__media lazy">
</a>
<div class="top-right">
<span class="card-academy__tag budget-tag text-uppercase">Top sales</span>
</div>
<div class="center">
<svg class="ico-svg ico-svg--white" viewbox="0 0 20 20" width="70">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#play-2"></use>
</svg>
</div>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row">
<h3 class="card-academy__title"><a href="/academy/new/courses/4804-master-figma-from-0-to-100">Master Figma from 0 to 100</a></h3>
<span class="card-academy__desc">From beginner to pro: Master all aspects of Figma - interface setup, plugin...</span>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>Mirko Santangelo</strong> </div>
<div class="box-price">
<div class="box-price__amount box-price__previous">
<strong>59</strong>
<sup>´99</sup>
</div>
<div class="box-price__amount">
<strong class="box-price__int">9</strong>
<div class="box-price__right">
<div class="box-price__dec">
<sup><strong>´99</strong></sup>
<span class="box-price__currency">€</span>
</div>
<span class="box-price__dto">84% Dto.</span>
</div>
</div>
</div>
</div>
<div class="card-academy__row">
<div class="card-academy__stats">
<div class="card-academy__stat">
<strong>Students</strong>
<span>7.8K</span>
</div>
<div class="card-academy__stat">
<strong>Likes</strong>
<span>44</span>
</div>
<div class="box-score">
<div class="box-score__info" style="text-align: left">
<strong>Score</strong> 5/5
</div>
<div class="box-score__wrap">
<div class="box-score__bar" style="width: 100%"></div>
</div>
</div>
</div>
<div class="card-academy__more">
<a href="/academy/new/courses/4804-master-figma-from-0-to-100" aria-label="View Course">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="grid-academy__item">
<div class="card-academy">
<figure class="card-academy__figure">
<a
href="/academy/new/courses/5031-design-systems-for-websites-using-figma"
aria-label="Design Systems for Websites using Figma"
>
<img
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-srcset="https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_255,pg_1,t_base_params,w_453/v1683201849/course-covers/000/005/031/5031-original.jpg?1683201849 1x, https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_510,pg_1,t_base_params,w_906/v1683201849/course-covers/000/005/031/5031-original.jpg?1683201849 2x"
alt="Design Systems for Websites using Figma"
class="card-academy__media lazy">
</a>
<div class="top-right">
</div>
<div class="center">
<svg class="ico-svg ico-svg--white" viewbox="0 0 20 20" width="70">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#play-2"></use>
</svg>
</div>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row">
<h3 class="card-academy__title"><a href="/academy/new/courses/5031-design-systems-for-websites-using-figma">Design Systems for Websites using Figma</a></h3>
<span class="card-academy__desc">Learn how to build design systems for visually appealing websites using Figma...</span>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>Filip Felbar</strong> </div>
<div class="box-price">
<div class="box-price__amount box-price__previous">
<strong>59</strong>
<sup>´99</sup>
</div>
<div class="box-price__amount">
<strong class="box-price__int">5</strong>
<div class="box-price__right">
<div class="box-price__dec">
<sup><strong>´99</strong></sup>
<span class="box-price__currency">€</span>
</div>
<span class="box-price__dto">91% Dto.</span>
</div>
</div>
</div>
</div>
<div class="card-academy__row">
<div class="card-academy__stats">
<div class="card-academy__stat">
<strong>Students</strong>
<span>3.8K</span>
</div>
<div class="card-academy__stat">
<strong>Likes</strong>
<span>44</span>
</div>
<div class="box-score">
<div class="box-score__info" style="text-align: left">
<strong>Score</strong> 4.8/5
</div>
<div class="box-score__wrap">
<div class="box-score__bar" style="width: 96%"></div>
</div>
</div>
</div>
<div class="card-academy__more">
<a href="/academy/new/courses/5031-design-systems-for-websites-using-figma" aria-label="View Course">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="grid-academy__item">
<div class="card-academy">
<figure class="card-academy__figure">
<a
href="/academy/new/courses/5455-using-chatgpt-for-work"
aria-label="Using ChatGPT for Work"
>
<img
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-srcset="https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_255,pg_1,t_base_params,w_453/v1694779146/course-covers/000/005/455/5455-original.jpg?1694779146 1x, https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_510,pg_1,t_base_params,w_906/v1694779146/course-covers/000/005/455/5455-original.jpg?1694779146 2x"
alt="Using ChatGPT for Work"
class="card-academy__media lazy">
</a>
<div class="top-right">
<span class="card-academy__tag budget-tag text-uppercase">Top sales</span>
</div>
<div class="center">
<svg class="ico-svg ico-svg--white" viewbox="0 0 20 20" width="70">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#play-2"></use>
</svg>
</div>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row">
<h3 class="card-academy__title"><a href="/academy/new/courses/5455-using-chatgpt-for-work">Using ChatGPT for Work</a></h3>
<span class="card-academy__desc">Learn how to use ChatGPT and make the most of its capabilities to help you...</span>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>Víctor Mollá</strong> </div>
<div class="box-price">
<div class="box-price__amount box-price__previous">
<strong>59</strong>
<sup>´99</sup>
</div>
<div class="box-price__amount">
<strong class="box-price__int">5</strong>
<div class="box-price__right">
<div class="box-price__dec">
<sup><strong>´99</strong></sup>
<span class="box-price__currency">€</span>
</div>
<span class="box-price__dto">91% Dto.</span>
</div>
</div>
</div>
</div>
<div class="card-academy__row">
<div class="card-academy__stats">
<div class="card-academy__stat">
<strong>Students</strong>
<span>17.4K</span>
</div>
<div class="card-academy__stat">
<strong>Likes</strong>
<span>295</span>
</div>
<div class="box-score">
<div class="box-score__info" style="text-align: left">
<strong>Score</strong> 4.9/5
</div>
<div class="box-score__wrap">
<div class="box-score__bar" style="width: 98%"></div>
</div>
</div>
</div>
<div class="card-academy__more">
<a href="/academy/new/courses/5455-using-chatgpt-for-work" aria-label="View Course">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="grid-academy__item">
<div class="card-academy">
<figure class="card-academy__figure">
<a
href="/academy/new/courses/2975-portfolio-design-with-figma-self-promotion-for-creatives"
aria-label="Portfolio Design with Figma: Self-Promotion for Creatives"
>
<img
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-srcset="https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_255,pg_1,t_base_params,w_453/v1636557602/course-covers/000/002/975/2975-original.jpg?1636557602 1x, https://cdn.domestika.org/c_fill,dpr_1.0,f_auto,h_510,pg_1,t_base_params,w_906/v1636557602/course-covers/000/002/975/2975-original.jpg?1636557602 2x"
alt="Portfolio Design with Figma: Self-Promotion for Creatives"
class="card-academy__media lazy">
</a>
<div class="top-right">
<span class="card-academy__tag budget-tag text-uppercase">Top sales</span>
</div>
<div class="center">
<svg class="ico-svg ico-svg--white" viewbox="0 0 20 20" width="70">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#play-2"></use>
</svg>
</div>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row">
<h3 class="card-academy__title"><a href="/academy/new/courses/2975-portfolio-design-with-figma-self-promotion-for-creatives">Portfolio Design with Figma: Self-Promotion for Creatives</a></h3>
<span class="card-academy__desc">Build a digital portfolio with Figma that showcases your creative work and...</span>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>Andrea Jelic</strong> </div>
<div class="box-price">
<div class="box-price__amount box-price__previous">
<strong>59</strong>
<sup>´99</sup>
</div>
<div class="box-price__amount">
<strong class="box-price__int">5</strong>
<div class="box-price__right">
<div class="box-price__dec">
<sup><strong>´99</strong></sup>
<span class="box-price__currency">€</span>
</div>
<span class="box-price__dto">91% Dto.</span>
</div>
</div>
</div>
</div>
<div class="card-academy__row">
<div class="card-academy__stats">
<div class="card-academy__stat">
<strong>Students</strong>
<span>6.7K</span>
</div>
<div class="card-academy__stat">
<strong>Likes</strong>
<span>225</span>
</div>
<div class="box-score">
<div class="box-score__info" style="text-align: left">
<strong>Score</strong> 4.9/5
</div>
<div class="box-score__wrap">
<div class="box-score__bar" style="width: 98%"></div>
</div>
</div>
</div>
<div class="card-academy__more">
<a href="/academy/new/courses/2975-portfolio-design-with-figma-self-promotion-for-creatives" aria-label="View Course">
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="c-view-all">
<div class="c-view-all__row text-medium">
<span>Choose from over <strong>hundreds</strong> of courses</span>
<a href="/academy/" class="bt-ico-left">
<svg class="ico-svg" viewbox="0 0 20 20" width="16">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
<strong class="link-underlined">View Academy</strong>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="anchor-section" id="collections">
<div class="block">
<div class="inner">
<div class="c-heading c-heading--small">
<div class="c-heading__between">
<div>
<div class="c-heading__top">
<h2 class="text-default">Collections</h2>
</div>
<div class="c-heading__middle">
<h3 class="heading-5">Explore a wide <br>variety of collections.</h3>
</div>
</div>
</div>
</div>
<ul class="grid-cards" data-cols="2">
<li>
<div
class="card-slide "
id="580f1af9e138236fe3098e71"
>
<figure
class="figure-rollover is-large"
data-model="{"id":"580f1af9e138236fe3098e71","name":"Free Fonts","description":"A selection of complimentary typography for your web projects. Best free fonts for designers.","user":{"country":"","photo":"avatar\/57289\/620f55adbdb42025477900.png","id":57289,"display_name":"awwwards.","order":48,"username":"awwwards"},"slug":"free-fonts","category":{"name":"Resources","slug":"resources"},"followers_count":3549,"collaborators":[],"private":false,"like":false,"createdAt":1477384953,"type":"collection"}"
>
<a aria-label="View Collection" class="figure-rollover__link" href="/awwwards/collections/free-fonts/">
<img class="figure-rollover__file"
src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' %3E%3C/svg%3E"
data-controller="lazyload-image"
alt="Free Fonts"
data-src="https://assets.awwwards.com/awards/images/2024/05/typofraphy.jpg"
class="lazy "/>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>COLLECTION</small></div>
<div class="figure-rollover__row">
<span class="js-category-collection">Resources</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/awwwards/collections/free-fonts/">
<span class="js-title-collection">Free Fonts</span>
</a>
</h3>
<div class="card-slide__data">
<small>followed by</small>
<div class="users-credits ">
<ul class="users-credits__cards">
<li class="users-credits__item">
<figure class="avatar-name ">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/default/user3.jpg" width="32" height="32" alt="Anki_Dave" />
</figure>
</li>
<li class="users-credits__item">
<figure class="avatar-name ">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/default/user5.jpg" width="32" height="32" alt="sofya-marcenko" />
</figure>
</li>
<li class="users-credits__item">
<figure class="avatar-name ">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/2049084/65c963c4348ed683057643.jpg" width="32" height="32" alt="Stanley Okeke" />
</figure>
</li>
</ul>
<div
class="users-credits__number"
>
<strong>+3546</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div
class="card-slide "
id="58356933e138233fc1116ca1"
>
<figure
class="figure-rollover is-large"
data-model="{"id":"58356933e138233fc1116ca1","name":"The Best of Navigation","description":"Examples of Innovative Navigation for Your Inspiration","user":{"country":"","photo":"avatar\/57289\/620f55adbdb42025477900.png","id":57289,"display_name":"awwwards.","order":62,"username":"awwwards"},"slug":"the-best-of-navigation","category":{"name":"UX\/UI","slug":"ux-ui"},"followers_count":1993,"collaborators":[],"private":false,"like":false,"createdAt":1479895347,"type":"collection"}"
>
<a aria-label="View Collection" class="figure-rollover__link" href="/awwwards/collections/the-best-of-navigation/">
<img class="figure-rollover__file"
src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' %3E%3C/svg%3E"
data-controller="lazyload-image"
alt="The Best of Navigation"
data-src="https://assets.awwwards.com/awards/images/2024/05/thebest-of-navigation.jpg"
class="lazy "/>
</a>
<div class="figure-rollover__hover">
<div class="figure-rollover__left">
<div class="figure-rollover__row"><small>COLLECTION</small></div>
<div class="figure-rollover__row">
<span class="js-category-collection">UX/UI</span>
</div>
</div>
</div>
<div class="figure-rollover__fixed-left">
</div>
</figure>
<div class="card-slide__info">
<div class="card-slide__row">
<h3 class="card-slide__title">
<a href="/awwwards/collections/the-best-of-navigation/">
<span class="js-title-collection">The Best of Navigation</span>
</a>
</h3>
<div class="card-slide__data">
<small>followed by</small>
<div class="users-credits ">
<ul class="users-credits__cards">
<li class="users-credits__item">
<figure class="avatar-name ">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/default/user5.jpg" width="32" height="32" alt="jatesh-parikh" />
</figure>
</li>
<li class="users-credits__item">
<figure class="avatar-name ">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/default/user8.jpg" width="32" height="32" alt="luciano-messias-oliveira" />
</figure>
</li>
<li class="users-credits__item">
<figure class="avatar-name ">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/default/user5.jpg" width="32" height="32" alt="bruna-candeias" />
</figure>
</li>
</ul>
<div
class="users-credits__number"
>
<strong>+1990</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="c-view-all">
<div class="c-view-all__row text-medium">
<span>Find inspiration for your projects</span>
<a href="/collections/" class="bt-ico-left">
<svg class="ico-svg" viewbox="0 0 20 20" width="16">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
<strong class="link-underlined">View Collections</strong>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="anchor-section" id="directory">
<div class="block">
<div class="inner">
<div class="c-heading text-center">
<div class="c-heading__top">
<h2 class="text-default">Directory</h2>
</div>
<div class="c-heading__middle">
<h3 class="heading-1 text-uppercase">
<span class="has-sticker">
w.creators
<lottie-player
class="has-sticker__ico"
src="https://assets.awwwards.com/assets/redesign/images/lottie/thinking-face.json"
background="transparent"
speed="1"
data-controller="animate-icons library--lottie-fix-border-blur"
style="width: 0.6em; bottom: 10%; left: calc(100% - 0.37em);"
></lottie-player>
</span>
</h3>
</div>
<div class="c-heading__bottom">
<div class="c-heading__short-desc">
<span>Active creators in your country.</span>
</div>
</div>
</div>
<ul class="grid-directory grid-directory--pro">
<li>
<div class="card-directory-sp">
<div class="card-directory-sp__header">
<figure class="circle-avatar ">
<a aria-label="Isadora Digital Agency" href="/isadoradigitalagency/">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_retina/avatar/91066/597919b30ec0c.png" width="52" height="52" alt="Isadora Digital Agency">
</a>
</figure>
<div class="swiper" data-controller="swiper" data-swiper-configuration-value="card_directory">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2024/02/65c6a4986872c752400475.png"
alt="Isadora Digital Agency"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/11/65679c9e73881205416820.jpg"
alt="Isadora Digital Agency"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/07/64b7523cbbc19366833303.png"
alt="Isadora Digital Agency"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2022/11/63787385c126e048924522.png"
alt="Isadora Digital Agency"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2022/08/62fda1d963885831373591.jpg"
alt="Isadora Digital Agency"
>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="card-directory-sp__content">
<div class="card-directory-sp__left">
<p>International</p>
<h2 class="card-directory-sp__title">
<a href="/isadoradigitalagency/">
Isadora Digital Agency
</a>
</h2>
</div>
<div class="card-directory-sp__right">
<div class="badget-reviews">
<span class="badget-reviews__label">Works</span>
<strong class="badget-reviews__number">33</strong>
</div>
</div>
</div>
<div class="card-directory-sp__footer">
<div class="card-directory-sp__left">
<a href="http://isadoradigitalagency.com/" class="url" rel="nofollow noopener noreferrer" target="_blank">isadoradigitalagency.com</a>
</div>
<div class="card-directory-sp__right">13 awards</div>
</div>
</div>
</li>
<li>
<div class="card-directory-sp">
<div class="card-directory-sp__header">
<figure class="circle-avatar ">
<a aria-label="BONHOMME" href="/BONHOMME/">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_retina/avatar/214176/54b5857184727.jpeg" width="52" height="52" alt="BONHOMME">
</a>
</figure>
<div class="swiper" data-controller="swiper" data-swiper-configuration-value="card_directory">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2024/03/65f96dc5d6442615569304.jpg"
alt="BONHOMME"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2024/01/659ebb52d92c6060753991.jpg"
alt="BONHOMME"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/08/64ef63b5bffc8010964279.jpg"
alt="BONHOMME"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/05/646cc5d757951878427425.jpg"
alt="BONHOMME"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/05/645e19078d042497514214.jpg"
alt="BONHOMME"
>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="card-directory-sp__content">
<div class="card-directory-sp__left">
<p>International</p>
<h2 class="card-directory-sp__title">
<a href="/BONHOMME/">
BONHOMME
</a>
</h2>
</div>
<div class="card-directory-sp__right">
<div class="badget-reviews">
<span class="badget-reviews__label">Works</span>
<strong class="badget-reviews__number">47</strong>
</div>
</div>
</div>
<div class="card-directory-sp__footer">
<div class="card-directory-sp__left">
<a href="http://bonhommeparis.com" class="url" rel="nofollow noopener noreferrer" target="_blank">bonhommeparis.com</a>
</div>
<div class="card-directory-sp__right">46 awards</div>
</div>
</div>
</li>
<li>
<div class="card-directory-sp">
<div class="card-directory-sp__header">
<figure class="circle-avatar ">
<a aria-label="Cuberto" href="/cuberto/">
<img class="circle-avatar__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_retina/avatar/81472/5c1cfff80e4b2.png" width="52" height="52" alt="Cuberto">
</a>
</figure>
<div class="swiper" data-controller="swiper" data-swiper-configuration-value="card_directory">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2024/04/6627952c2efe1079682752.png"
alt="Cuberto"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2024/03/6602ae2899f4b740060703.png"
alt="Cuberto"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/08/64d3636a5b203153408476.png"
alt="Cuberto"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/05/645135716278c332478313.png"
alt="Cuberto"
>
</div>
<div class="swiper-slide">
<img
width="278" height="209"
class="lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/media/cache/thumb_440_330/submissions/2023/04/642d93e85f231520327001.png"
alt="Cuberto"
>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="card-directory-sp__content">
<div class="card-directory-sp__left">
<p>International</p>
<h2 class="card-directory-sp__title">
<a href="/cuberto/">
Cuberto
</a>
</h2>
</div>
<div class="card-directory-sp__right">
<div class="badget-reviews">
<span class="badget-reviews__label">Works</span>
<strong class="badget-reviews__number">33</strong>
</div>
</div>
</div>
<div class="card-directory-sp__footer">
<div class="card-directory-sp__left">
<a href="http://cuberto.com" class="url" rel="nofollow noopener noreferrer" target="_blank">cuberto.com</a>
</div>
<div class="card-directory-sp__right">29 awards</div>
</div>
</div>
</li>
</ul>
<div class="box-table">
<table class="tb-dotteds">
<thead>
<tr>
<th align="left" width="25%">Name</th>
<th align="left" width="20%" class="hidden-sm">Profile</th>
<th align="left" width="15%" class="hidden-sm">Awards</th>
<th align="left" width="30%" class="hidden-sm">Categories</th>
<th align="right"></th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">
<div class="card-site-mini">
<div class="users-credits ">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/ohmystudio/" aria-label="OHMY">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/320439/63c800df96098035908152.png" width="32" height="32" alt="OHMY" />
<figcaption class="avatar-name__name">
<strong class="link-underlined text-bold">OHMY</strong>
<sup>INT</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</td>
<td align="left" class="hidden-sm">Studio</td>
<td align="left" class="hidden-sm">7</td>
<td align="left" class="hidden-sm">
<div class="text-truncated">
Web Design , Web Development , Graphic Design , Interactive </div>
</td>
<td align="right">
<div class="tb-dotteds__bts">
<a href="/ohmystudio/" class="button button--small--outline--rounded">View</a>
</div>
</td>
</tr>
<tr>
<td align="left">
<div class="card-site-mini">
<div class="users-credits ">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/Ruckus/" aria-label="Ruckus">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/394575/56d5bad90370e.jpeg" width="32" height="32" alt="Ruckus" />
<figcaption class="avatar-name__name">
<strong class="link-underlined text-bold">Ruckus</strong>
<sup>INT</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</td>
<td align="left" class="hidden-sm">Agency</td>
<td align="left" class="hidden-sm">0</td>
<td align="left" class="hidden-sm">
<div class="text-truncated">
Web Design </div>
</td>
<td align="right">
<div class="tb-dotteds__bts">
<a href="/Ruckus/" class="button button--small--outline--rounded">View</a>
</div>
</td>
</tr>
<tr>
<td align="left">
<div class="card-site-mini">
<div class="users-credits ">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/Zajno/" aria-label="Zajno">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/518459/646207d0207f6428357435.png" width="32" height="32" alt="Zajno" />
<figcaption class="avatar-name__name">
<strong class="link-underlined text-bold">Zajno</strong>
<sup>INT</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</td>
<td align="left" class="hidden-sm">Agency</td>
<td align="left" class="hidden-sm">32</td>
<td align="left" class="hidden-sm">
<div class="text-truncated">
Web Design , Web Development , Graphic Design , UX/UI , App Development </div>
</td>
<td align="right">
<div class="tb-dotteds__bts">
<a href="/Zajno/" class="button button--small--outline--rounded">View</a>
</div>
</td>
</tr>
<tr>
<td align="left">
<div class="card-site-mini">
<div class="users-credits ">
<ul class="users-credits__details">
<li>
<div class="users-credits__item">
<figure class="avatar-name ">
<a class="avatar-name__link" href="/incube/" aria-label="inCUBE interactive">
<img class="avatar-name__img" src="https://assets.awwwards.com/awards/media/cache/thumb_user_70/avatar/9204/5a3d4b35b3dc2.jpg" width="32" height="32" alt="inCUBE interactive" />
<figcaption class="avatar-name__name">
<strong class="link-underlined text-bold">inCUBE interactive</strong>
<sup>PRO</sup>
</figcaption>
</a>
</figure>
</div>
</li>
</ul>
</div>
</div>
</td>
<td align="left" class="hidden-sm">Agency</td>
<td align="left" class="hidden-sm">9</td>
<td align="left" class="hidden-sm">
<div class="text-truncated">
Web Design , Web Development , Social Media </div>
</td>
<td align="right">
<div class="tb-dotteds__bts">
<a href="/incube/" class="button button--small--outline--rounded">View</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-view-all">
<div class="c-view-all__row text-medium">
<span>Connect with over <strong> 5,253
</strong> Agencies and Professionals</span>
<a href="/directory/" class="bt-ico-left">
<svg class="ico-svg" viewbox="0 0 20 20" width="16">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
<strong class="link-underlined">View Directory</strong>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="anchor-section" id="market">
<div class="block">
<div class="inner">
<div class="c-courses">
<div class="c-heading c-heading--small">
<div class="c-heading__top">
<h2 class="text-default">Market</h2>
</div>
<div class="c-heading__middle">
<h3 class="heading-5">A curated marketplace <br> for digital & physical products</h3>
</div>
</div>
<ul class="grid-courses grid-courses--one-row">
<li>
<div class="card-academy">
<figure class="card-academy__figure">
<a
aria-label="Cobalt"
href="/market/product_6642e1b27d8a8267925970"
>
<img
width="439" height="329"
class="card-directory__media lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/asset/2024/05/6642e4f400daa616647256.png"
alt="Cobalt"
>
</a>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row card-asset__header">
Digital Product
<h3 class="card-academy__title"><a href="/market/product_6642e1b27d8a8267925970">Cobalt</a></h3>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>Margined</strong>
</div>
<div class="box-price">
<div class="box-price__off">
<strong class="box-price__percent">from</strong>
<span class="text-strikethrough box-price__old"></span>
</div>
<div class="box-price__total">
<strong>79</strong><sup>USD</sup>
</div>
</div>
</div>
<a
aria-label="View Product"
href="/market/product_6642e1b27d8a8267925970"
data-controller="preview" data-preview-url-value="/market/product_6642e1b27d8a8267925970/content"
data-action="click->preview#preview"
>
<div class="card-academy__row">
<div>
<div class="box-score">
<strong>View Product</strong>
</div>
</div>
<div>
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
<li>
<div class="card-academy">
<figure class="card-academy__figure">
<a
aria-label="Dr. Marc - Webflow Template"
href="/market/product_664213f377f97274580871"
>
<img
width="439" height="329"
class="card-directory__media lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/asset/2024/05/664217df8d469713262477.jpg"
alt="Dr. Marc - Webflow Template"
>
</a>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row card-asset__header">
Digital Product
<h3 class="card-academy__title"><a href="/market/product_664213f377f97274580871">Dr. Marc - Webflow Template</a></h3>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>Bastian Webdesign</strong>
</div>
<div class="box-price">
<div class="box-price__off">
<strong class="box-price__percent">from</strong>
<span class="text-strikethrough box-price__old"></span>
</div>
<div class="box-price__total">
<strong>79</strong><sup>EUR</sup>
</div>
</div>
</div>
<a
aria-label="View Product"
href="/market/product_664213f377f97274580871"
data-controller="preview" data-preview-url-value="/market/product_664213f377f97274580871/content"
data-action="click->preview#preview"
>
<div class="card-academy__row">
<div>
<div class="box-score">
<strong>View Product</strong>
</div>
</div>
<div>
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
<li>
<div class="card-academy">
<figure class="card-academy__figure">
<a
aria-label="Ora — Framer Portfolio Template"
href="/market/product_663e52bf91b6d523180372"
>
<img
width="439" height="329"
class="card-directory__media lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/asset/2024/05/663e5405bbd67629956754.jpg"
alt="Ora — Framer Portfolio Template"
>
</a>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row card-asset__header">
Digital Product
<h3 class="card-academy__title"><a href="/market/product_663e52bf91b6d523180372">Ora — Framer Portfolio Template</a></h3>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>ena</strong>
</div>
<div class="box-price">
<div class="box-price__off">
<strong class="box-price__percent">from</strong>
<span class="text-strikethrough box-price__old"></span>
</div>
<div class="box-price__total">
<strong>49</strong><sup>USD</sup>
</div>
</div>
</div>
<a
aria-label="View Product"
href="/market/product_663e52bf91b6d523180372"
data-controller="preview" data-preview-url-value="/market/product_663e52bf91b6d523180372/content"
data-action="click->preview#preview"
>
<div class="card-academy__row">
<div>
<div class="box-score">
<strong>View Product</strong>
</div>
</div>
<div>
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
<li>
<div class="card-academy">
<figure class="card-academy__figure">
<a
aria-label="Rethink - Agency Portfolio Webflow Template"
href="/market/product_663e28c879993879971013"
>
<img
width="439" height="329"
class="card-directory__media lazy"
data-controller="lazyload-image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAEUlEQVR42mNkIAAYRxXQSwEAC5oADbo22BYAAAAASUVORK5CYII="
data-src="https://assets.awwwards.com/awards/asset/2024/05/663e2bce68a99669455445.jpg"
alt="Rethink - Agency Portfolio Webflow Template"
>
</a>
</figure>
<div class="card-academy__info">
<div class="card-academy__header">
<div class="card-academy__row card-asset__header">
Digital Product
<h3 class="card-academy__title"><a href="/market/product_663e28c879993879971013">Rethink - Agency Portfolio Webflow Template</a></h3>
</div>
</div>
<div class="card-academy__footer">
<div class="card-academy__row">
<div class="card-academy__by">
<small>By</small>
<strong>Roman Kyrychyk</strong>
</div>
<div class="box-price">
<div class="box-price__off">
<strong class="box-price__percent">from</strong>
<span class="text-strikethrough box-price__old"></span>
</div>
<div class="box-price__total">
<strong>49</strong><sup>USD</sup>
</div>
</div>
</div>
<a
aria-label="View Product"
href="/market/product_663e28c879993879971013"
data-controller="preview" data-preview-url-value="/market/product_663e28c879993879971013/content"
data-action="click->preview#preview"
>
<div class="card-academy__row">
<div>
<div class="box-score">
<strong>View Product</strong>
</div>
</div>
<div>
<svg class="ico-svg" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
</ul>
<div class="c-view-all">
<div class="c-view-all__row text-medium">
<span>Browse specially curated products</span>
<a href="/market/" class="bt-ico-left">
<svg class="ico-svg" viewbox="0 0 20 20" width="16">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#arrow"></use>
</svg>
<strong class="link-underlined">View Market</strong>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="anchor-section" id="recomendations">
<div class="block">
<div class="inner">
<ul class="list-recommendation">
<li>
<div class="card-recommendation">
<img
src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' %3E%3C/svg%3E"
data-controller="lazyload-image"
class="card-recommendation__bg lazy"
data-src="https://assets.awwwards.com/assets/redesign/images/pages/home/submit.jpg?v=2"
alt="Submit your website for visibility and recognition"
>
<div class="card-recommendation__content">
<p>Share your work</p>
<h3 class="heading-5 card-recommendation__title">Submit your website for visibility and recognition</h3>
<a href="/submit/" class="button button--large--outline--white--rounded">
Submit Website
</a>
</div>
<div class="card-recommendation__footer">
Got questions? Read our <a class="link-underlined link-underlined--white" href="/faqs/">FAQs</a>
</div>
</div>
</li>
<li>
<div class="card-recommendation">
<img
src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' %3E%3C/svg%3E"
data-controller="lazyload-image"
class="card-recommendation__bg lazy"
data-src="https://assets.awwwards.com/assets/redesign/images/pages/home/member.jpg?v=2"
alt="Get access to special pro features"
>
<div class="card-recommendation__content">
<p>Be a member</p>
<h3 class="heading-5 card-recommendation__title">Get access to special pro features</h3>
<a href="/plans/user-plans" class="button button--large--outline--white--rounded">
Be Pro
</a>
</div>
<div class="card-recommendation__footer">
Got questions? Read our <a class="link-underlined link-underlined--white" href="/faqs/">FAQs</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="menu-float js-menufloat-show ">
<div class="inner">
<div class="menu-float__inner">
<div class="bt-nav bt-nav--left js-gototop">
<svg width="18" height="22" viewBox="0 0 18 22">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.69899 3.08174L7.76441 4.02584L7.75493 4.0258L1.3542 10.4265L0.0117182 9.08405L6.41245 2.68332L8.69707 0.398693L10.0396 1.74118L17.4565 9.15817L16.1159 10.4893L9.66059 4.0339L8.69899 3.08174ZM8.22508 5.69881L10.4911 7.2949L10.5527 21.8672L8.29342 21.8576L8.22508 5.69881Z"/>
</svg>
</div>
<div class="menu-float__wrapper">
<div class="menu-float__top">
<div class="menu-float__menu menu-main" id="menu-main">
<div class="menu-float__menu-content">
<div class="menu-float__menu--main">
<div class="menu-float__menu-col style-2 ">
<div class="menu-float__menu-section">Awards</div>
<ul class="menu-float__menu-nav">
<li >
<a href="/websites/" class="menu-float__sub-item ">Winners
</a>
</li>
<li >
<a href="/websites/nominees/" class="menu-float__sub-item ">
Nominees
</a>
</li>
<li >
<a href="/websites/sites_of_the_day/" class="menu-float__sub-item">
Sites of the Day
</a>
</li>
<li >
<a href="/websites/sites_of_the_month/" class="menu-float__sub-item">
Sites of the Month
</a>
</li>
</ul>
</div>
<div class="menu-float__menu-col style-1">
<div class="menu-float__menu-row style-1 ">
<div class="menu-float__menu-section">Inspiration</div>
<ul class="menu-float__menu-nav">
<li >
<a href="/collections/" class="menu-float__sub-item">
Collections
</a>
</li>
<li >
<a href="/elements/" class="menu-float__sub-item">
Elements
</a>
</li>
</ul>
</div>
<div class="menu-float__menu-row style-1">
<div class="menu-float__menu-section">Academy</div>
<ul class="menu-float__menu-nav">
<li>
<a href="/academy/" class="menu-float__sub-item">
Courses
</a>
</li>
<li>
<a href="/masterclasses/" class="menu-float__sub-item">
Masterclasses
</a>
</li>
</ul>
</div>
</div>
<div class="menu-float__menu-col style-1 ">
<div class="menu-float__menu-row style-1 ">
<div class="menu-float__menu-section">Directory</div>
<ul class="menu-float__menu-nav">
<li>
<a href="/directory/homepage/" class="menu-float__sub-item ">
Professionals
</a>
</li>
<li >
<a href="/directory/international/" class="menu-float__sub-item">
Internationals
</a>
</li>
<li >
<a href="/directory/freelance/" class="menu-float__sub-item">
Freelancers
</a>
</li>
<li >
<a href="/directory/agency-studio/" class="menu-float__sub-item ">
Agencies & Studios
</a>
</li>
</ul>
</div>
</div>
<div class="menu-float__menu-col style-1 ">
<div class="menu-float__menu-row style-1 ">
<div class="menu-float__menu-section">w.</div>
<ul class="menu-float__menu-nav">
<li >
<a href="/blog/" class="menu-float__sub-item">
Blog
</a>
</li>
<li >
<a href="/jobs/" class="menu-float__sub-item">
Jobs
</a>
</li>
<li>
<a href="/official-jury/" class="menu-float__sub-item ">
Jury
</a>
</li>
<li >
<a href="/market/" class="menu-float__sub-item ">Products</a>
</li>
<li>
<a href="/honors/nominees" class="menu-float__sub-item ">
Awards Honors <span class="budget-tag budget-tag--solid--white">New</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="menu-float__menu" id="menu-filters">
<div class="menu-float__menu-content">
</div>
</div>
</div>
<div class="menu-float__bottom">
<div class="menu-float__layout menu-float__layout--primary">
<div class="menu-float__content">
<a href="/" class="menu-float__logo">
<svg width="30" height="16" viewBox="0 0 30 16" ><path d="m18.4 0-2.803 10.855L12.951 0H9.34L6.693 10.855 3.892 0H0l5.012 15.812h3.425l2.708-10.228 2.709 10.228h3.425L22.29 0h-3.892ZM24.77 13.365c0 1.506 1.12 2.635 2.615 2.635C28.879 16 30 14.87 30 13.365c0-1.506-1.12-2.636-2.615-2.636s-2.615 1.13-2.615 2.636Z" /></svg>
</a>
</div>
</div>
<div class="menu-float__layout menu-float__layout--secondary">
<div class="menu-float__content">
<div class="menu-float__progress">
<div class="menu-float__bar js-menu-progress"></div>
</div>
<ul class="menu-float__nav">
<li><a class="menu-float__item js-menu-anchor" href="#nominees">Nominees</a></li>
<li><a class="menu-float__item js-menu-anchor" href="#courses">Courses</a></li>
<li><a class="menu-float__item js-menu-anchor" href="#collections">Collections</a></li>
<li><a class="menu-float__item js-menu-anchor" href="#directory">Directory</a></li>
<li><a class="menu-float__item js-menu-anchor" href="#market">Market</a></li>
</ul>
</div>
</div>
<div class="menu-float__layout menu-float__layout--tertiary">
<div class="menu-float__content">
<strong>
<a href="/sites/raxo-3" class="button button--medium--rounded">Visit SOTD</a>
</strong>
</div>
</div>
</div>
</div>
<div class="menu-float-news js-menu-video">
<div class="menu-float-news__close js-menu-video-close">
<span> <svg class="ico-svg" viewbox="0 0 20 20" width="7">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#close"></use>
</svg>
</span>
</div>
<div class="menu-float-news__video">
<div class="menu-float-news__video">
<div>
<a class="item-link" href="/masterclasses/"></a>
<div class="video-container" data-controller="lazyload-iframe-video" data-src="https://player.vimeo.com/video/832198186?autoplay=1&loop=1&autopause=0&muted=1&background=1"></div>
</div>
</div>
</div>
<div class="menu-float-news__label">Masterclass</div>
<div>Memorable UI Design For Interactive Experiences</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="inner">
<div class="footer__top">
<p class="footer__logo footer__logo--small">
<svg width="30" height="16" viewBox="0 0 30 16"><path d="m18.4 0-2.803 10.855L12.951 0H9.34L6.693 10.855 3.892 0H0l5.012 15.812h3.425l2.708-10.228 2.709 10.228h3.425L22.29 0h-3.892ZM24.77 13.365c0 1.506 1.12 2.635 2.615 2.635C28.879 16 30 14.87 30 13.365c0-1.506-1.12-2.636-2.615-2.636s-2.615 1.13-2.615 2.636Z"></path></svg>
</p>
<div class="footer__wrapper">
<div class="footer__grid">
<ul class="footer__menu">
<li><a href="/websites/">Websites</a></li>
<li><a href="/collections/search/">Collections</a></li>
<li><a href="/elements/">Elements</a></li>
</ul>
<ul class="footer__menu">
<li><a href="/academy/">Academy</a></li>
<li><a href="/jobs/search/">Jobs</a></li>
<li><a href="/market/">Market</a></li>
</ul>
<ul class="footer__menu">
<li><a href="/directory/search/">Directory</a></li>
<li><a href="https://conference.awwwards.com">Conferences</a></li>
</ul>
<ul class="footer__menu">
<li><a rel="nofollow" href="/faqs/">FAQs</a></li>
<li><a rel="nofollow" href="/about-us/">About Us</a></li>
<li><a rel="nofollow" href="/contact-us/">Contact Us</a></li>
</ul>
</div>
<div class="box-featured">
<div class="box-featured__content">
Next Conferences
<svg class="ico-svg box-featured__m" viewbox="0 0 20 20" width="20">
<use xlink:href="https://www.awwwards.com/assets/redesign/images/sprite-icons.svg#calendar"></use>
</svg>
<strong><a href="https://conference.awwwards.com" class="link-underlined">Valencia & NYC</a></strong>
</div>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__left">
<ul class="footer__nav">
<li><a rel="nofollow" href="/cookies-policy/">Cookies Policy</a></li>
<li><a rel="nofollow" href="/terms/">Legal Terms</a></li>
<li><a rel="nofollow" href="/privacy-policy/">Privacy Policy</a></li>
</ul>
</div>
<div class="footer__right">
<ul class="footer__nav">
<li><strong>Connect:</strong></li>
<li><a href="https://www.instagram.com/awwwards">Instagram</a></li>
<li><a href="https://www.linkedin.com/company/awwwards">LinkedIn</a></li>
<li><a href="https://twitter.com/awwwards">Twitter</a></li>
<li><a href="https://www.facebook.com/awwwards">Facebook</a></li>
<li><a href="https://www.youtube.com/awwwardstv">YouTube</a></li>
<li><a href="https://www.tiktok.com/@awwwards.com">TikTok</a></li>
<li><a href="https://www.pinterest.es/awwwards/">Pinterest</a></li>
<li class="text-ico" data-webflow>
<strong>Sponsored by</strong>
<a rel="sponsored" target="_blank" href="https://webflow.com/?utm_source=awwwards&utm_medium=referral&utm_campaign=partnerships&utm_content=footer"><img width="80" src="https://dhygzobemt712.cloudfront.net/Logo/Full_Logo_Black.svg" alt="Webflow"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://assets.awwwards.com/dist/js/runtime.d9fe9b44.js" defer></script><script src="https://assets.awwwards.com/dist/js/5716.3c7fee44.js" defer></script><script src="https://assets.awwwards.com/dist/js/188.68d847a8.js" defer></script><script src="https://assets.awwwards.com/dist/js/9755.1603470d.js" defer></script><script src="https://assets.awwwards.com/dist/js/2790.95006290.js" defer></script><script src="https://assets.awwwards.com/dist/js/9805.6c367e97.js" defer></script><script src="https://assets.awwwards.com/dist/js/home_homepage.25140de3.js" defer></script>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","name":"Awwwards","url":"https:\/\/www.awwwards.com","logo":"https:\/\/assets.awwwards.com\/assets\/images\/logo-schema.png","sameAs":["https:\/\/www.facebook.com\/awwwards\/","https:\/\/twitter.com\/awwwards","https:\/\/www.youtube.com\/channel\/UCYWGYef22gx8PaXZMLHAQsw","https:\/\/www.instagram.com\/awwwards\/","https:\/\/www.linkedin.com\/company\/awwwards","https:\/\/www.pinterest.es\/awwwardscom\/"]}</script>
<script>
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://www.google.com/recaptcha/api.js?render=6LdYct0kAAAAAHlky5jhQhrvSRt_4vOJkzbVs2Oa';
script.async = true;
document.body.appendChild(script);
</script>
</div>
</body>
</html>