html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

@font-face { font-family: 'icons'; src: url("icons/icons.ttf?a4saub") format("truetype"), url("icons/icons.woff?a4saub") format("woff"), url("icons/icons.svg?a4saub#icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-close:before { content: "\e900"; }

.icon-angle-down:before { content: "\e901"; }

.icon-angle-left:before { content: "\e902"; }

.icon-angle-right:before { content: "\e903"; }

.icon-angle-up:before { content: "\e904"; }

.icon-arrow-right:before { content: "\e905"; }

.icon-menu:before { content: "\e906"; }

.icon-search:before { content: "\e907"; }

* { outline: none; }

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; }

body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3c3c3c; line-height: 1.5; }

img { max-width: 100%; }

a { color: #1c1c1c; text-decoration: none; }
a:hover { color: #ff004b; }

h1, h2, h3, h4, h5, h6 { margin: 20px 0; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #1c1c1c; }

.heading { margin: 0 0 -6px 0; display: flex; align-items: center; flex-wrap: wrap; }
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 { margin: 15px auto 0 0; }

.sort { margin: 5px 0 0 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; }
.sort li { margin: 10px 10px 0 0; padding: 0; list-style: none; }
.sort li:last-child { margin-right: 0; }

.input { width: 100%; height: 37px; padding: 0 12px; border: 1px solid transparent; border-radius: 5px; background-color: #e7eaf2; box-sizing: border-box; font-size: 14px; color: #333; }
.input:focus { border-color: #ff004b; }

.btn { min-width: 37px; height: 37px; padding: 0 12px; display: inline-block; border: 0; border-radius: 5px; box-sizing: border-box; background-color: #e7eaf2; font-size: 13px; font-weight: 400; color: #1c1c1c; text-align: center; text-transform: uppercase; cursor: pointer; line-height: 37px; }
.btn:hover, .btn.active { background-color: #ff004b; color: #fff; }
.btn.btn-alt { background-color: #ff004b; color: #fff; }
.btn.btn-alt:hover { opacity: 0.9; }

.wrapper { min-height: 100vh; display: flex; flex-direction: column; }

.main { flex-grow: 1; }

.container { width: 100%; max-width: 1332px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }

.logo { flex-shrink: 0; font-size: 30px; font-weight: bold; text-transform: uppercase; white-space: nowrap; line-height: 37px; color: #ff004b; }
.logo span { color: #1c1c1c; }

.header { padding: 12px 0; background: #e7eaf2; }
.header-container { display: flex; align-items: center; }
.header .btn:not(.btn-alt) { display: flex; align-items: center; white-space: nowrap; background-color: #fff; text-transform: capitalize; }
.header .btn:not(.btn-alt):hover { opacity: 0.75; color: #1c1c1c; }
.header .btn:not(.btn-alt) .flag-icon { margin: 0 5px 0 8px; }

.search { position: absolute; top: 50%; right: 0; width: 0; overflow: hidden; transform: translateY(-50%); transition: width 0.3s ease-in-out; z-index: 2; }
.search.toggled { width: 100%; }
.search-toggle { margin: 0 20px; padding: 0; border-radius: 19px; font-size: 20px; }
.search-form { position: relative; }
.search-input { background-color: #fff; color: #3c3c3c; }
.search-btn { position: absolute; top: 0; right: 0; width: 37px; height: 37px; border: 0; border-radius: 5px; background: transparent; font-size: 24px; color: #3c3c3c; text-align: center; line-height: 39px; cursor: pointer; }

.nav { position: relative; display: flex; align-items: center; justify-content: flex-end; flex-grow: 1; }
.nav-wrapper { min-width: 50%; position: relative; display: flex; align-items: center; }
.nav-toggle { margin-left: auto; display: none; font-size: 24px; cursor: pointer; color: #1c1c1c; }
.nav-menu { margin: 0; padding: 0; display: flex; align-items: center; }
.nav-menu > li { margin: 0 40px 0 0; padding: 0; list-style: none; font-size: 15px; line-height: 20px; }
.nav-menu > li.active { position: relative; }
.nav-menu > li.active::after { content: ''; position: absolute; bottom: -20px; width: 100%; height: 1px; display: block; background-color: #ff004b; }
.nav-menu > li:last-child { margin-right: 0; }

.language .dropdown-container { grid-template-columns: repeat(5, 1fr); gap: 10px; font-size: 13px; }
.language .dropdown-container.toggled { display: grid; }
.language .dropdown-container li { white-space: nowrap; }
.language .dropdown-container li .flag-icon { margin: -2px 5px 0 0; vertical-align: middle; }

.dropdown { position: relative; }
.dropdown-container { position: absolute; top: 100%; right: 0; min-width: 100%; display: none; padding: 10px 15px; box-sizing: border-box; background: #e7eaf2; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); }
.dropdown-container li { margin: 0; padding: 0; list-style: none; }
.dropdown-container.toggled { display: block; z-index: 10; }

.grid { margin: 20px 0 40px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.grid-item { min-width: 1px; padding: 1px 1px 0 1px; display: block; background: #e7eaf2; }
.grid-item-image { position: relative; padding: 75% 0 0 0; display: block; }
.grid-item-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.grid-item-title, .grid-item-tags, .grid-item-site { width: 100%; padding: 5px 10px; display: block; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; }
.grid-item-title { text-transform: uppercase; }
.grid-item-site { font-size: 12px; }
.grid-item-tags a { font-size: 13px; color: #ff004b; }
.grid-item-tags a:hover { color: #1c1c1c; }
.grid-item-description { position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 10px; display: block; box-sizing: border-box; background: rgba(0, 0, 0, 0.75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; color: #fff; }
.grid-item-num { position: absolute; top: 1px; left: 1px; padding: 0 10px; background: rgba(0, 0, 0, 0.75); border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; line-height: 22px; }
.grid-item:hover .grid-item-description { color: #ff004b; }
.grid-sm { grid-template-columns: repeat(5, 1fr); gap: 17px 25.5px; }
.grid-aside { max-height: 250px; margin: -32px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; overflow: hidden; }
.grid-aside > div { margin: 0 4px; text-align: center; }
.grid-aside > div > img { margin: 0 auto; }

.paginator { margin: 10px 0 32px 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.paginator li { margin: 0 8px 8px 0; padding: 0; list-style: none; }
.paginator li:last-child { margin-right: 0; }
.paginator li.prev { margin-right: auto; }
.paginator li.prev i { margin: -2px 5px 0 0; display: inline-block; vertical-align: middle; font-size: 18px; }
.paginator li.next { margin-left: auto; }
.paginator li.next i { margin: -2px 0 0 5px; display: inline-block; vertical-align: middle; font-size: 18px; }
.paginator li span.btn { cursor: initial; pointer-events: none; }
.paginator li .active { pointer-events: none; }

.sites { margin: 10px 0 40px 0; padding: 0; column-count: 4; column-gap: 30px; }
.sites li { width: 100%; margin: 0; padding: 0; list-style: none; display: inline-block; border-bottom: 1px dotted rgba(60, 60, 60, 0.5); }
.sites li a { position: relative; padding: 12px 0 12px 30px; display: flex; align-items: center; }
.sites li a span { margin-left: auto; color: rgba(60, 60, 60, 0.6); }
.sites li a::before { position: absolute; top: 50%; left: 4px; transform: translateY(-50%); content: "\e905"; font-family: 'icons'; font-size: 20px; color: rgba(60, 60, 60, 0.6); }
.sites li a:hover span { color: #3c3c3c; }
.sites li a:hover::before { color: #3c3c3c; }
.sites li .letter { padding: 12px 0 12px 8px; display: block; font-weight: bold; text-transform: uppercase; color: #ff004b; }

.queries { margin: 10px 0 40px 0; display: flex; flex-wrap: wrap; align-items: center; }
.queries a { margin: 0 10px 0 0; display: inline-block; line-height: 36px; }
.queries a:last-child { margin-right: 0; }
.queries a.size-1 { font-size: 14px; }
.queries a.size-2 { font-size: 18px; }
.queries a.size-3 { font-size: 20px; }
.queries a.size-4 { font-size: 26px; }
.queries a.size-5 { font-size: 30px; }

.video { display: flex; }
.video-container { flex-grow: 1; }
.video-player { position: relative; padding: 56.25% 0 0 0; }
.video-player-code, .video-player > iframe, .video-player > .fluid_video_wrapper { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; display: block !important; }
.video-aside { width: 300px; min-height: 450px; margin: 0 0 0 16px; flex-shrink: 0; }
.video-aside > div { margin: 0 0 16px 0; }
.video-aside > div:last-child { margin-bottom: 0; }
.video-tags { margin: 12px 0 0 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; }
.video-tags li { margin: 0 12px 12px 0; padding: 0; list-style: none; }
.video-tags li:last-child { margin-right: 0; }

.footer { margin: 0; padding: 20px 0; background: #e7eaf2; color: #3c3c3c; }
.footer-container { display: flex; flex-direction: column; align-items: center; text-align: center; }
.footer-nav { margin: 5px 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; font-size: 15px; }
.footer-nav > li { margin: 0 8px; padding: 0; list-style: none; }
.footer .copyright, .footer .disclaimer { margin: 5px 0; }

.up { position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px; display: none; align-items: center; justify-content: center; background-color: #ff004b; border-radius: 5px; font-size: 48px; color: #fff; cursor: pointer; z-index: 3; }
.up.toggled { display: flex; }
.up:hover { opacity: 0.9; }

.exo-native-widget-item-title { color: #1c1c1c !important; text-align: center; }
.exo-native-widget-item-title:hover { color: #ff004b !important; }

@media screen and (max-width: 1199px) { .grid-sm { gap: 8px; } }
@media screen and (max-width: 1079px) { .header-container { flex-wrap: wrap; }
  .nav { width: 100%; justify-content: center; flex-direction: column; max-height: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease-in-out; }
  .nav.toggled { max-height: 500px; overflow: initial; opacity: 1; }
  .nav-wrapper { width: 100%; flex-direction: column; }
  .nav-menu { width: 100%; margin-top: 10px; flex-direction: column; }
  .nav-menu > li { width: 100%; margin: 0 0 10px 0; }
  .nav-menu > li:last-child { margin: 0; }
  .nav-menu > li.active a { color: #ff004b; text-decoration: underline; }
  .nav-menu > li.active::after { display: none; }
  .nav-toggle { display: block; }
  .search { position: static; width: calc(100% - 200px); margin: 10px auto 0 0; transform: none; }
  .search-toggle { display: none; }
  .language { position: absolute; top: 10px; right: 0; width: 190px; }
  .language .btn { width: 100%; }
  .language .btn .flag-icon { margin-right: auto !important; }
  .paginator li.prev { margin-right: 8px; }
  .paginator li.next { margin-left: 0; }
  .video { flex-direction: column; }
  .video-aside { width: 100%; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; }
  .video-aside > div { margin: 0 5px 10px 5px; } }
@media screen and (max-width: 1023px) { .grid { grid-template-columns: repeat(3, 1fr); }
  .grid-sm { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .sites { column-count: 3; column-gap: 20px; } }
@media screen and (max-width: 767px) { .logo { font-size: 22px; }
  .search { width: 100%; }
  .language { position: relative; top: auto; right: auto; width: 100%; margin-top: 10px; }
  .language .dropdown-container { grid-template-columns: repeat(2, 1fr); }
  .grid { grid-template-columns: repeat(2, 1fr); }
  .grid-sm { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .grid-aside { max-height: initial; margin: -12px 0 0 0; flex-direction: column; justify-content: center; }
  .grid-aside > div { margin: 0 0 8px 0; }
  .grid-aside > div:nth-child(3), .grid-aside > div:nth-child(4) { display: none; }
  .sites { column-count: 2; column-gap: 10px; }
  .up { right: 10px; bottom: 10px; width: 40px; height: 40px; font-size: 32px; } }
@media screen and (max-width: 480px) { h1, h2, h3, h4, h5, h6 { margin: 10px 0; }
  .sort { margin-bottom: 5px; }
  .sort .btn { height: 30px; line-height: 30px; }
  .grid { margin: 10px 0 20px 0; }
  .grid-sm { grid-template-columns: repeat(2, 1fr); }
  .paginator { margin: 10px 0 12px 0; }
  .sites { margin: 10px 0 20px 0; column-count: 1; column-gap: 0; }
  .video-tags .btn { height: 30px; line-height: 30px; } }
.flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; }

.flag-icon:before { content: "\00a0"; }

.flag-icon-en { background-image: url(flags/en.svg); }

.flag-icon-sq { background-image: url(flags/sq.svg); }

.flag-icon-af { background-image: url(flags/af.svg); }

.flag-icon-ar { background-image: url(flags/ar.svg); }

.flag-icon-az { background-image: url(flags/az.svg); }

.flag-icon-eu { background-image: url(flags/eu.svg); }

.flag-icon-bn { background-image: url(flags/bn.svg); }

.flag-icon-be { background-image: url(flags/be.svg); }

.flag-icon-bg { background-image: url(flags/bg.svg); }

.flag-icon-ca { background-image: url(flags/ca.svg); }

.flag-icon-zh-cn { background-image: url(flags/zh-cn.svg); }

.flag-icon-zh-tw { background-image: url(flags/zh-tw.svg); }

.flag-icon-hr { background-image: url(flags/hr.svg); }

.flag-icon-cs { background-image: url(flags/cs.svg); }

.flag-icon-da { background-image: url(flags/da.svg); }

.flag-icon-nl { background-image: url(flags/nl.svg); }

.flag-icon-et { background-image: url(flags/et.svg); }

.flag-icon-tl { background-image: url(flags/tl.svg); }

.flag-icon-fr { background-image: url(flags/fr.svg); }

.flag-icon-gl { background-image: url(flags/gl.svg); }

.flag-icon-ka { background-image: url(flags/ka.svg); }

.flag-icon-de { background-image: url(flags/de.svg); }

.flag-icon-el { background-image: url(flags/el.svg); }

.flag-icon-gu { background-image: url(flags/gu.svg); }

.flag-icon-ht { background-image: url(flags/ht.svg); }

.flag-icon-iw { background-image: url(flags/iw.svg); }

.flag-icon-hi { background-image: url(flags/hi.svg); }

.flag-icon-hu { background-image: url(flags/hu.svg); }

.flag-icon-is { background-image: url(flags/is.svg); }

.flag-icon-id { background-image: url(flags/id.svg); }

.flag-icon-ga { background-image: url(flags/ga.svg); }

.flag-icon-it { background-image: url(flags/it.svg); }

.flag-icon-ja { background-image: url(flags/ja.svg); }

.flag-icon-kn { background-image: url(flags/kn.svg); }

.flag-icon-ko { background-image: url(flags/ko.svg); }

.flag-icon-lv { background-image: url(flags/lv.svg); }

.flag-icon-lt { background-image: url(flags/lt.svg); }

.flag-icon-ms { background-image: url(flags/ms.svg); }

.flag-icon-no { background-image: url(flags/no.svg); }

.flag-icon-fa { background-image: url(flags/fa.svg); }

.flag-icon-pl { background-image: url(flags/pl.svg); }

.flag-icon-pt { background-image: url(flags/pt.svg); }

.flag-icon-ro { background-image: url(flags/ro.svg); }

.flag-icon-ru { background-image: url(flags/ru.svg); }

.flag-icon-sr { background-image: url(flags/sr.svg); }

.flag-icon-sl { background-image: url(flags/sl.svg); }

.flag-icon-es { background-image: url(flags/es.svg); }

.flag-icon-sw { background-image: url(flags/sw.svg); }

.flag-icon-sv { background-image: url(flags/sv.svg); }

.flag-icon-ta { background-image: url(flags/ta.svg); }

.flag-icon-te { background-image: url(flags/te.svg); }

.flag-icon-th { background-image: url(flags/th.svg); }

.flag-icon-tr { background-image: url(flags/tr.svg); }

.flag-icon-uk { background-image: url(flags/uk.svg); }

.flag-icon-ur { background-image: url(flags/ur.svg); }

.flag-icon-vi { background-image: url(flags/vi.svg); }

.flag-icon-cy { background-image: url(flags/cy.svg); }

.flag-icon-yi { background-image: url(flags/yi.svg); }

/*# sourceMappingURL=syles1-4-3.css.map */