html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body:not(.Page) .typography h1:first-child { margin: 0; }
body:not(.Page) .typography p { margin: 0 0 17px; font-size: 24px; line-height: 32px; font-family: "Georgia"; color: #343434; }
body:not(.Page) .typography h1 { margin-top: 5px; margin-bottom: 29px; font-family: "CillaFH"; line-height: 0.8em; color: #343434; }
@media (max-width: 768px) { body:not(.Page) .typography h1 { margin-bottom: 10px; } }

.typography p { font-size: 18px; line-height: 1.25em; font-family: "Georgia"; color: #343434; margin: 0 0 10px; }
@media (max-width: 768px) { .typography p { font-size: 16px; } }
.typography a { color: #235BA0; text-decoration: none; }
.typography a:hover { text-decoration: none; }
.typography table th { text-align: left; font-weight: bold; }
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { font-family: "Georgia"; color: black; margin-top: 20px; margin-bottom: 10px; line-height: 1em; }
.typography h1 { font-size: 70px; color: black; margin-bottom: 15px; }
.typography h2 { font-size: 48px; margin-bottom: 10px; }
.typography h3 { font-size: 36px; }
.typography h4 { font-size: 26px; }
@media (max-width: 480px) { .typography h1 { font-size: 48px; }
  .typography h2 { font-size: 36px; }
  .typography h3 { font-size: 28px; }
  .typography h4 { font-size: 22px; } }
.typography strong { font-family: "Georgia"; }
.typography em { font-style: italic; }
.typography img { max-width: 100%; margin: 5px; }
.typography img.left { margin-left: 0; }
.typography img.right { margin-right: 0; }
.typography .big-button { font-size: 32px; line-height: 34px; max-width: 330px; padding: 15px 0; background: #0375C6; color: white; border-radius: 10px; text-align: center; display: block; margin: 10px auto; cursor: pointer; }
.typography .big-button:hover { background: #5297D8; }
.typography .big-button a { color: white; }

.layout .cms table.ss-gridfield-table tr th.main, .layout .cms table.ss-gridfield-table tr td.bottom-all { background: #275598; }
.layout .cms table.ss-gridfield-table th.col-Actions, .layout .cms table.ss-gridfield-table td.col-buttons { display: none; }
.layout .cms table.ss-gridfield-table .pagination-container .datagrid-pagination { background: #275598; padding: 5px; position: relative; margin-left: 0; left: 0; }
@media only screen and (max-width: 640px) { .layout .cms table.ss-gridfield-table .pagination-container .datagrid-pagination { text-align: center; } }
.layout .cms table.ss-gridfield-table .pagination-container .datagrid-pagination button { text-indent: -9999px; }
.layout .cms table.ss-gridfield-table .pagination-container .datagrid-pagination .pagination-page-number input { height: 23px; }
.layout .cms table.ss-gridfield-table tr td.bottom-all { font-size: 14px; }
.layout .cms table.ss-gridfield-table tr td.bottom-all .datagrid-pagination button:first-child { margin-left: 0; }
.layout .cms table.ss-gridfield-table tr td.bottom-all .pagination-items-per-page input { padding: 2px; height: auto; }
.layout .cms table.ss-gridfield-table thead tr.sortable-header th { padding: 4px; }
.layout .cms table.ss-gridfield-table tr td.bottom-all .pagination-records-number { margin-top: 3px; }
.layout .cms table.ss-gridfield-table thead tr.sortable-header th .ui-button-text { font-size: 14px; }
.layout .cms table.ss-gridfield-table thead .SetOrderIngress, .layout .cms table.ss-gridfield-table thead .col-action_SetOrderIngress { border-top-right-radius: 5px; }
.layout .cms table.ss-gridfield-table tr td { color: black; line-height: 18px; /*padding: 0;*/ }
.layout .cms table.ss-gridfield-table tr td a { color: black; line-height: 18px; width: 100%; display: block; text-decoration: none; /*padding: 8px;*/ }
.layout .cms table.ss-gridfield-table tr.ss-gridfield-item .opened { color: #848484; }

html { width: 100%; min-height: 100%; background: transparent linear-gradient(180deg, #e2f4fd 0%, #f5f1ec 100%) 0% 0% no-repeat padding-box; overflow-x: hidden; }
html.menu-open { overflow: hidden; }

body { font-family: "Georgia"; font-size: 14px; width: 100%; }

body:not(.Page) div.main .layout { max-width: 100%; display: inline-block; }
body:not(.Page) div.main .layout .content-container article.typography { max-width: 578px; }
body:not(.Page) div.main .layout .content-container article.typography h1 { letter-spacing: 1.4px; }
@media (max-width: 1300px) { body:not(.Page) div.main .layout .content-container article.typography { max-width: 520px; }
  body:not(.Page) div.main .layout .content-container article.typography p { font-size: 20px; line-height: 28px; }
  body:not(.Page) div.main .layout .content-container article.typography h1 { font-size: 60px; } }
@media (max-width: 1150px) { body:not(.Page) div.main .layout .content-container article.typography { max-width: 360px; }
  body:not(.Page) div.main .layout .content-container article.typography p { font-size: 18px; line-height: 25px; }
  body:not(.Page) div.main .layout .content-container article.typography h1 { font-size: 40px; letter-spacing: 1.4px; } }
@media (max-width: 768px) { body:not(.Page) div.main .layout .content-container article.typography { max-width: 100%; } }

header { padding: 0; height: 64px; margin: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
header .inner { height: 100%; }
header .inner-left { max-width: 55.6%; width: 100%; display: inline-block; background: #F5F1EC; height: 100%; position: relative; }
@media (max-width: 768px) { header .inner-left { max-width: 100%; } }
header .inner-left .brand { margin: auto; position: absolute; text-decoration: none; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 337px; box-sizing: border-box; width: 100%; }
@media (max-width: 1100px) { header .inner-left .brand { transform: none; top: 0; left: 0; line-height: 50px; max-width: calc(100% + 50px); width: calc(100% + 50px); padding-left: 20px; } }
header .inner-left .brand .brand-inner-logo { display: inline-block; text-decoration: none; display: inline-block; max-width: 52.5%; max-width: 177px; width: 100%; margin-right: 14px; z-index: 5; position: relative; }
@media (max-width: 1100px) { header .inner-left .brand .brand-inner-logo { max-width: 177px; } }
@media (max-width: 480px) { header .inner-left .brand .brand-inner-logo { max-width: 24px; margin-right: 0; } }
header .inner-left .brand .brand-inner-logo .header-logo { width: 100%; display: block; }
@media (max-width: 480px) { header .inner-left .brand .brand-inner-logo .header-logo { display: none; } }
header .inner-left .brand .brand-inner-logo .header-logo img { width: 100%; max-width: 100%; }
header .inner-left .brand .brand-inner-logo .header-logo-mobile { display: none; }
@media (max-width: 480px) { header .inner-left .brand .brand-inner-logo .header-logo-mobile { display: block; } }
header .inner-left .brand .brand-inner-logo .header-logo-mobile img { position: relative; top: 8px; max-width: 100%; }
header .inner-left .brand .brand-inner-title { display: inline-block; text-decoration: none; display: inline-block; width: auto; max-width: 41.6%; font-size: 16px; color: #004A88; letter-spacing: 1.6px; text-transform: uppercase; z-index: 5; position: relative; }
@media (max-width: 1100px) { header .inner-left .brand .brand-inner-title { max-width: 200px; font-size: 16px; } }
@media (max-width: 480px) { header .inner-left .brand .brand-inner-title { max-width: 100%; width: auto; left: 50%; position: absolute; transform: translateX(-50%); } }
@media (max-width: 1100px) { header .inner-left .brand .brand-inner-title .title { max-width: 200px; font-size: 16px; } }
header .inner-right { max-width: 44.4%; width: 100%; display: inline-block; height: 100%; position: absolute; top: 0; background: #004A88; font-family: "Georgia"; font-weight: 300; letter-spacing: 0.3px; }
@media (max-width: 1100px) { header .inner-right { background: #F5F1EC; } }
header .inner-right .tips { position: absolute; font-size: 15px; line-height: 64px; color: white; margin-left: 26px; }
header .mobile-menu { display: none; position: absolute; }
header .inner { position: relative; }
header .navigation { display: inline-block; font-size: 15px; /* &.menu { height: auto; position: relative;  li { float: none; display: block;  &.menu-link { position: absolute; top: 0; right: 0; } } }
*/ }
header .navigation li { display: inline-block; padding: 0px 10px; font-family: "Georgia"; font-weight: 600; cursor: pointer; }
header .navigation li a { text-decoration: none; color: white; line-height: 64px; }
header .navigation li:first-child { border: 0; margin-left: 16px; }
@media (max-width: 1100px) { header .navigation li:first-child { margin-left: 0; } }
header .navigation li span.open-close { float: right; background: transparent url(../../../framework/admin/images/btn-icon/add_disabled.png) no-repeat; cursor: pointer; display: block; width: 16px; height: 16px; margin-left: 10px; }
header .navigation li span.open-close.open { background: transparent url(../../../framework/admin/images/btn-icon/minus-circle_disabled.png) no-repeat; }
header .navigation li span.open-close.open + ul.sub { display: block; }
header .navigation li ul.sub { display: none; padding: 5px 5px 5px 10px; }
header .navigation li ul.sub li { float: none; display: block; margin: 0; }
header .navigation li.menu-link { display: none; position: absolute; right: 0; margin: 0; }
header .navigation:not(.menu) > li > span.open-close { display: none; }

.background-container { position: absolute; top: 0px; right: 0px; z-index: -1; width: 100%; height: 100%; }
@media (max-width: 768px) { .background-container { position: relative; display: inline-block; height: 100vw; } }
.background-container .main-background { width: 100%; height: 100%; position: absolute; z-index: -1; background-size: contain; background-repeat: no-repeat; transition: opacity 0.3s; opacity: 0; display: none; }
@media (max-width: 768px) { .background-container .main-background { top: 0 !important; max-width: 100% !important; display: inline-block; } }
.background-container .main-background.language-games { opacity: 1; top: 116px; right: 23px; max-width: 919px; max-height: 863px; }
@media (max-width: 1700px) { .background-container .main-background.language-games { max-width: 50%; right: 0; top: 73px; } }
@media (max-width: 768px) { .background-container .main-background.language-games { max-height: 764px; }
  .background-container .main-background.language-games img { box-sizing: border-box; padding-left: 20px; } }
.background-container .main-background.swimming-games { top: 95px; right: 29px; max-width: 970px; max-height: 970px; }
@media (max-width: 1700px) { .background-container .main-background.swimming-games { max-width: 50%; right: 0; top: 73px; } }
@media (max-width: 768px) { .background-container .main-background.swimming-games { max-height: 764px; } }
.background-container .main-background.friendship-games { top: 40px; right: 0; max-width: 991px; max-height: 1010px; }
@media (max-width: 1700px) { .background-container .main-background.friendship-games { max-width: 50%; right: 0; top: 73px; } }
@media (max-width: 768px) { .background-container .main-background.friendship-games { max-height: 764px; } }
.background-container .main-background.movement-games { top: 100px; right: 0; max-width: 929px; max-height: 1010px; }
@media (max-width: 1700px) { .background-container .main-background.movement-games { max-width: 50%; right: 0; top: 73px; } }
@media (max-width: 768px) { .background-container .main-background.movement-games { max-height: 764px; } }
.background-container .main-background img { height: auto; width: 100%; }

.pre-item-content { max-width: 960px; width: 100%; display: block; margin: 45px auto 0; display: flex; justify-content: space-between; }
@media (max-width: 1000px) { .pre-item-content { max-width: calc(100% - 40px); flex-wrap: wrap; } }
@media (max-width: 768px) { .pre-item-content { margin-top: 20px; } }
@media (max-width: 600px) { .pre-item-content { display: block; } }
.pre-item-content .go-back-button { position: relative; background: white; border: 1px solid #D31D63; width: 250px; box-sizing: border-box; display: inline-block; height: 57px; float: left; cursor: pointer; }
@media (max-width: 600px) { .pre-item-content .go-back-button { display: block; float: none; margin-bottom: 10px; } }
@media (max-width: 480px) { .pre-item-content .go-back-button { margin: 0 auto 10px; } }
.pre-item-content .go-back-button .arrow-container { display: inline-block; position: relative; width: 52px; height: 55px; float: left; }
.pre-item-content .go-back-button .arrow-container .arrow { transform: rotate(90deg); top: 21px; right: 8px; position: absolute; width: 22px; height: 13px; }
.pre-item-content .go-back-button .arrow-container .arrow::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 2px; border-radius: 2px; transform: rotate(50deg); background: #D31D63; }
.pre-item-content .go-back-button .arrow-container .arrow::after { position: absolute; content: ""; top: 6px; width: 17px; height: 2px; left: 8px; border-radius: 21px; transform: rotate(-50deg); background: #D31D63; }
.pre-item-content .go-back-button .go-back-text { display: inline-block; box-sizing: border-box; color: #D31D63; font-size: 16px; letter-spacing: 0.16px; line-height: 55px; width: calc(100% - 52px); text-decoration: none; }
.pre-item-content .item-nav { width: 222px; height: 57px; background: white; position: relative; display: inline-block; font-size: 0; }
.pre-item-content .item-nav.first, .pre-item-content .item-nav.last { width: 157px; }
.pre-item-content .item-nav.one-game { width: 92px; }
@media (max-width: 600px) { .pre-item-content .item-nav { float: none; display: block; } }
@media (max-width: 480px) { .pre-item-content .item-nav { margin: 0 auto; float: none; display: block; } }
.pre-item-content .item-nav .prev-item { height: 100%; position: relative; width: 65px; box-sizing: border-box; border: 1px solid #D31D63; border-right: 0px; float: left; cursor: pointer; }
.pre-item-content .item-nav .prev-item .arrow { transform: rotate(90deg); top: 21px; right: 20.5px; position: absolute; width: 22px; height: 13px; }
.pre-item-content .item-nav .prev-item .arrow::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 2px; border-radius: 2px; transform: rotate(50deg); background: #D31D63; }
.pre-item-content .item-nav .prev-item .arrow::after { position: absolute; content: ""; top: 6px; width: 17px; height: 2px; left: 8px; border-radius: 21px; transform: rotate(-50deg); background: #D31D63; }
.pre-item-content .item-nav .current-item { text-align: center; box-sizing: border-box; border: 1px solid #D31D63; height: 100%; width: 92px; line-height: 57px; float: left; font-size: 16px; letter-spacing: 0.16px; color: #D31D63; }
.pre-item-content .item-nav .next-item { height: 100%; position: relative; width: 65px; box-sizing: border-box; border: 1px solid #D31D63; border-left: 0px; float: left; cursor: pointer; }
.pre-item-content .item-nav .next-item .arrow { transform: rotate(-90deg); top: 21px; right: 20.5px; position: absolute; width: 22px; height: 13px; }
.pre-item-content .item-nav .next-item .arrow::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 2px; border-radius: 2px; transform: rotate(50deg); background: #D31D63; }
.pre-item-content .item-nav .next-item .arrow::after { position: absolute; content: ""; top: 6px; width: 17px; height: 2px; left: 8px; border-radius: 21px; transform: rotate(-50deg); background: #D31D63; }

.item-container { display: block; margin: 21px auto 111px; background: white; max-width: 960px; width: 100%; box-shadow: 0px 3px 6px #00000029; border-radius: 18px; }
@media (max-width: 1000px) { .item-container { max-width: calc(100% - 40px); } }
.item-container .item-container-inner { padding: 42px 97.5px 89px 98px; }
.item-container .item-container-inner .game-type { font-weight: normal; font-size: 16px; color: #D31D63; letter-spacing: 0.32px; line-height: 32px; font-family: "Georgia"; font-weight: 700; text-transform: uppercase; margin-top: 5px; margin-bottom: 2px; }
.item-container .item-container-inner .item-title { font-weight: normal; font-size: 60px; letter-spacing: 1.2px; line-height: 56px; color: #343434; margin-top: 0px; margin-bottom: 5px; margin-bottom: 31px; font-family: "CillaFH"; }
.item-container .item-container-inner .item-content { margin-top: 16px; margin-bottom: 64px; font-size: 16px !important; color: #343434 !important; line-height: 24px !important; letter-spacing: 0.16px !important; font-family: "Georgia" !important; font-weight: normal !important; orphans: unset !important; }
.item-container .item-container-inner .item-content p, .item-container .item-container-inner .item-content span { font-size: 16px !important; color: #343434 !important; line-height: 24px !important; letter-spacing: 0.16px !important; font-family: "Georgia" !important; font-weight: normal !important; orphans: unset !important; }
.item-container .item-container-inner .item-features { width: calc(100% + 195.5px); background: #F2F2F2; margin-left: -98px; }
.item-container .item-container-inner .item-features .item-features-inner { padding: 30px 97.5px 30px 98px; }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper { font-size: 16px; color: #343434; line-height: 24px; width: 100%; border-bottom: 1px solid #343434; padding: 17.5px 0; }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper:last-child { border-bottom: 0px; }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper span { float: left; padding-right: 20px; min-width: 196px; box-sizing: border-box; }
@media (max-width: 560px) { .item-container .item-container-inner .item-features .item-features-inner .feature-wrapper span { width: 100%; padding-right: 0; } }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper span h3 { font-family: "Georgia"; font-weight: 700; color: #343434; font-size: 16px; line-height: 16px; margin-top: 5px; margin-bottom: 5px; }
@media (max-width: 560px) { .item-container .item-container-inner .item-features .item-features-inner .feature-wrapper span h3 { margin-bottom: 8px; } }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper ul { display: inline-block; max-width: calc(100% - 196px); }
@media (max-width: 560px) { .item-container .item-container-inner .item-features .item-features-inner .feature-wrapper ul { max-width: 100%; } }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper ul li { position: relative; padding-left: 29px; }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper ul li:before { content: ""; width: 14px; height: 2px; background: #D31D63; position: absolute; left: 6.6px; top: 10.2px; transform: rotate(-45deg); }
.item-container .item-container-inner .item-features .item-features-inner .feature-wrapper ul li:after { content: ""; width: 7.5px; height: 2px; background: #D31D63; position: absolute; left: 2.7px; transform: rotate(45deg); top: 12px; }
.item-container .item-container-inner .in-cooperation { padding: 30px 60px 0px 60px; }
.item-container .item-container-inner .in-cooperation p { text-align: center; font-size: 18px; margin-bottom: 5px; }
.item-container .item-container-inner .in-cooperation img { display: block; margin-left: auto; margin-right: auto; width: 45%; margin-top: 0; }
.item-container .item-container-inner .content-files { background: white; padding: 35px 96px 0px 98px; position: relative; }
.item-container .item-container-inner .content-files .download-image { position: absolute; left: 36px; margin: 0; float: left; max-width: 29.55px; max-height: 29.55px; }
.item-container .item-container-inner .content-files .files-title { margin-top: 0; color: #343434; font-size: 24px; line-height: 24px; font-family: "Georgia"; font-weight: 400; margin-bottom: 24px; }
.item-container .item-container-inner .content-files .files-container .files-container-inner { width: 100%; border: 1px solid #004A88; margin-bottom: 19px; position: relative; }
.item-container .item-container-inner .content-files .files-container .files-container-inner:last-child { margin-bottom: 0; }
.item-container .item-container-inner .content-files .files-container .files-container-inner .icon-container { background: #004A88; position: absolute; width: 87px; min-height: 54px; height: 100%; float: left; }
.item-container .item-container-inner .content-files .files-container .files-container-inner .icon-container .image-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; max-width: 16.72px; max-height: 22.3px; margin: 0; }
.item-container .item-container-inner .content-files .files-container .files-container-inner .icon-container .pdf-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; max-width: 16.72px; max-height: 22.3px; margin: 0; }
.item-container .item-container-inner .content-files .files-container .files-container-inner .image-file-listing { display: inline-block; min-height: 54px; max-width: calc(100% - 87px); margin-left: 87px; }
.item-container .item-container-inner .content-files .files-container .files-container-inner .image-file-listing ul .image-file-title { font-size: 16px; letter-spacing: 0.32px; color: #343434; line-height: 24px; margin-left: 20px; padding: 15px 10px 15px 0; }

@media (max-width: 768px) { .item-container { margin: 20px auto 30px; }
  .item-container .item-container-inner { padding: 20px 40px 40px 40px; }
  .item-container .item-container-inner .item-title { font-size: 40px; line-height: 48px; }
  .item-container .item-container-inner .item-content { margin-bottom: 34px; }
  .item-container .item-container-inner .item-features { width: calc(100% + 80px); margin-left: -40px; }
  .item-container .item-container-inner .item-features .item-features-inner { padding: 20px 40px; }
  .item-container .item-container-inner .content-files { padding: 20px 40px 0px 80px; }
  .item-container .item-container-inner .content-files .files-title { font-size: 20px; }
  .item-container .item-container-inner .content-files .download-image { max-width: 22.55px; max-height: 22.55px; } }
@media (max-width: 480px) { .item-container { margin: 20px auto 30px; }
  .item-container .item-container-inner { padding: 20px; }
  .item-container .item-container-inner .item-title { font-size: 30px; line-height: 36px; }
  .item-container .item-container-inner .item-content { margin-bottom: 34px; }
  .item-container .item-container-inner .item-features { width: calc(100% + 40px); margin-left: -20px; }
  .item-container .item-container-inner .item-features .item-features-inner { padding: 20px; }
  .item-container .item-container-inner .content-files { padding: 20px 20px 0px 20px; }
  .item-container .item-container-inner .content-files .files-title { font-size: 20px; padding-left: 41px; }
  .item-container .item-container-inner .content-files .download-image { max-width: 22.55px; max-height: 22.55px; left: 20px; }
  .item-container .item-container-inner .content-files .files-container { text-align: center; }
  .item-container .item-container-inner .content-files .files-container .files-container-inner .icon-container { width: 100%; height: 54px; }
  .item-container .item-container-inner .content-files .files-container .files-container-inner .image-file-listing { margin-left: 0; margin-top: 54px; max-width: 100%; }
  .item-container .item-container-inner .content-files .files-container .files-container-inner .image-file-listing ul .image-file-title { margin-left: 0; padding: 15px 0; }
  .item-container .item-container-inner .content-files .files-container .files-container-inner .pdf-file-listing ul .pdf-file-title { margin-left: 0; } }
div.main { margin: 0 auto; display: block; padding: 0 20px; margin-top: 52px; max-width: 1196px; min-width: 320px; min-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 768px) { div.main { margin-top: 30px; } }
@media (max-width: 480px) { div.main { margin-top: 8px; } }
div.main .layout { margin-top: 10px; /*overflow: hidden;*/ max-width: 100%; margin: auto; display: inline-block; }
div.main .layout aside.sidebar { float: left; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.main .layout aside.sidebar nav { margin-bottom: 20px; }
div.main .layout aside.sidebar nav ul.sub { padding-left: 10px; }
div.main .layout aside.sidebar.right { float: right; }
div.main .layout .content-container { float: left; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.main .layout .content-container article { clear: both; }
div.main .layout .content-container article.typography { max-width: 100%; }
div.main .layout .content-container #Form_EditForm .middleColumn { max-width: inherit; }
div.main .layout .webadmin-edit-link.widgets { display: none; }
div.main .layout .print { display: block; text-align: right; margin-bottom: 10px; }
div.main .layout.columns-2 .content-container { width: 75%; }
div.main .layout.columns-3 .content-container { width: 50%; }
div.main #ForgotPassword { margin-top: 15px; }

.post-main { padding: 0 10px; margin: 0 auto; padding: 0 20px; max-width: 1196px; min-width: 320px; min-height: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.post-main .lekar-container { margin-top: 21px; margin-bottom: 23px; }
@media (max-width: 1100px) { .post-main .lekar-container { margin: 0; } }
.post-main .lekar-container .lekar { width: 100%; }
.post-main .lekar-container .lekar .clear-mobile { display: none; }
.post-main .lekar-container .lekar .close { display: none; }
.post-main .lekar-container .lekar .tabs { font-size: 0; width: 100%; }
@media (max-width: 1100px) { .post-main .lekar-container .lekar .tabs { position: fixed; bottom: 45px; left: 0; z-index: 5; max-width: 100%; } }
.post-main .lekar-container .lekar .tabs .tab { background: #dbdbdb; width: 25%; position: relative; font-size: 24px; color: #343434; letter-spacing: 0.48px; display: inline-block; text-align: center; height: 56px; box-shadow: 4px 6px 10px #0000004D; cursor: pointer; }
@media (max-width: 768px) { .post-main .lekar-container .lekar .tabs .tab { font-size: 18px; line-height: 48px; height: 48px; } }
@media (max-width: 480px) { .post-main .lekar-container .lekar .tabs .tab { font-size: 13px; line-height: 39px; height: 39px; } }
.post-main .lekar-container .lekar .tabs .tab:nth-child(1) { z-index: 3; }
.post-main .lekar-container .lekar .tabs .tab:nth-child(2) { z-index: 2; }
.post-main .lekar-container .lekar .tabs .tab:nth-child(3) { z-index: 1; }
.post-main .lekar-container .lekar .tabs .tab:nth-child(4) { z-index: 0; }
.post-main .lekar-container .lekar .tabs .tab:not(.active):hover { background: #c2c2c2; }
.post-main .lekar-container .lekar .tabs .tab .tab-text { display: inline-block; line-height: 56px; position: relative; letter-spacing: 0.48px; font-family: "Georgia"; font-weight: 400; }
.post-main .lekar-container .lekar .tabs .tab .tab-text.mobile { display: none; }
@media (max-width: 1100px) { .post-main .lekar-container .lekar .tabs .tab .tab-text { display: none; }
  .post-main .lekar-container .lekar .tabs .tab .tab-text.mobile { display: inline-block; } }
@media (max-width: 768px) { .post-main .lekar-container .lekar .tabs .tab .tab-text { line-height: 48px; } }
@media (max-width: 480px) { .post-main .lekar-container .lekar .tabs .tab .tab-text { line-height: 39px; } }
.post-main .lekar-container .lekar .tabs .tab.active { background: white; z-index: 3; }
.post-main .lekar-container .lekar .tabs .tab.active .tab-text { color: #D31D63; }
.post-main .lekar-container .lekar .tabs .tab.active .tab-text:after { content: ""; position: absolute; width: 100%; border-bottom: 2px solid #D31D63; bottom: 9.5px; left: 0; border-bottom: 2px solid #D31D63; }
@media (max-width: 480px) { .post-main .lekar-container .lekar .tabs .tab.active .tab-text:after { bottom: 7px; } }
.post-main .lekar-container .lekar .search-button-tab { display: none; position: fixed; bottom: 0; left: 0; z-index: 5; background: white; width: 100%; height: 45px; text-align: center; }
@media (max-width: 1100px) { .post-main .lekar-container .lekar .search-button-tab { display: inline-block; } }
.post-main .lekar-container .lekar .search-button-tab .search-button { position: absolute; width: calc(100% - 20px); background: #D31D63; color: white; font-size: 14px; letter-spacing: 0.26px; height: 33px; line-height: 33px; font-family: "Georgia"; font-weight: 700; transform: translate(-50%, -50%); top: 50%; left: 50%; cursor: pointer; }
@media (max-width: 480px) { .post-main .lekar-container .lekar .search-button-tab .search-button { font-size: 13px; } }
.post-main .lekar-container .lekar .get-results-container { display: none; }
.post-main .lekar-container .lekar .lekar-content { position: relative; height: 550px; box-sizing: border-box; background: white; box-shadow: 5px 6px 10px #0000004D; z-index: 4; padding: 27px 21px 21px 31px; }
@media (max-width: 1100px) { .post-main .lekar-container .lekar .lekar-content { display: none; overflow-y: auto; } }
.post-main .lekar-container .lekar .lekar-content.open { display: inline-block; }
.post-main .lekar-container .lekar .lekar-content .content-section { display: none; opacity: 0; position: absolute; transition: opacity 0.3s, visibility 0.3s; }
.post-main .lekar-container .lekar .lekar-content .content-section .cooperation { margin: 0 -21px 0 -31px; padding: 27px 21px 21px 31px; }
.post-main .lekar-container .lekar .lekar-content .content-section .cooperation p { font-size: 18px; margin-bottom: 10px; }
.post-main .lekar-container .lekar .lekar-content .content-section .cooperation img { width: 100%; max-width: 400px; margin: 0 auto; }
@media (max-width: 1100px) { .post-main .lekar-container .lekar .lekar-content .content-section.movement-games { padding-bottom: 50px; height: auto; } }
.post-main .lekar-container .lekar .lekar-content .language-games { opacity: 1; }
@media (max-width: 1100px) { .post-main .lekar-container .lekar.content-open .tabs { top: 0; }
  .post-main .lekar-container .lekar.content-open .clear-mobile { display: block; position: absolute; top: 6px; cursor: pointer; color: #D31D63; font-size: 16px; letter-spacing: 0.32px; padding: 10px; line-height: 1.25em; left: 11px; }
  .post-main .lekar-container .lekar.content-open .clear-mobile:hover { background: #fbe8ef; }
  .post-main .lekar-container .lekar.content-open .close { display: block; position: absolute; width: 40px; height: 40px; /* background: white; */ color: black; z-index: 102; right: 11px; top: 9px; /* border: 1px solid #D31D63; */ cursor: pointer; }
  .post-main .lekar-container .lekar.content-open .close:hover { background: #fbe8ef; }
  .post-main .lekar-container .lekar.content-open .close:before { content: ""; width: 25px; height: 1px; transform: translate(-50%, -50%) rotate(45deg); background: #D31D63; position: absolute; top: 50%; left: 50%; }
  .post-main .lekar-container .lekar.content-open .close:after { content: ""; width: 25px; height: 1px; transform: translate(-50%, -50%) rotate(-45deg); background: #D31D63; position: absolute; top: 50%; left: 50%; }
  .post-main .lekar-container .lekar.content-open .search-button-tab { display: none; }
  .post-main .lekar-container .lekar.content-open .get-results-container { display: inline-block; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 6; }
  .post-main .lekar-container .lekar.content-open .get-results-container .get-results-button { line-height: 57px; color: white; width: 100%; background: #D31D63; font-size: 16px; font-family: "Georgia"; font-weight: 700; letter-spacing: 0.16px; cursor: pointer; }
  .post-main .lekar-container .lekar.content-open .lekar-content { height: calc(100% - 56px); width: 100%; z-index: 101; left: 0; bottom: 0px; position: fixed; } }
@media (max-width: 1100px) and (max-width: 768px) { .post-main .lekar-container .lekar.content-open .lekar-content { height: calc(100% - 48px); } }
@media (max-width: 1100px) and (max-width: 480px) { .post-main .lekar-container .lekar.content-open .lekar-content { height: calc(100% - 39px); } }

.post-main .search-listing { display: none; }
.post-main .search-listing.active { display: block; }
.post-main .search-listing .search-pre-content { position: relative; display: inline-block; width: 100%; margin-bottom: 5px; }
@media (max-width: 600px) { .post-main .search-listing .search-pre-content { text-align: center; } }
.post-main .search-listing .search-pre-content .search-result-title { position: relative; display: inline-block; color: black; font-size: 36px; letter-spacing: 0.72px; line-height: 58px; font-family: "CillaFH"; }
@media (max-width: 600px) { .post-main .search-listing .search-pre-content .search-result-title { width: 100%; font-size: 36px; line-height: 38px; margin-bottom: 10px; } }
.post-main .search-listing .search-pre-content .filter { position: relative; float: right; font-size: 16px; padding: 20px 58px 20px 25px; background: white; letter-spacing: 0.32px; color: #D31D63; border: 1px solid #D31D63; cursor: pointer; }
.post-main .search-listing .search-pre-content .filter:hover { background: #fbe8ef; }
.post-main .search-listing .search-pre-content .filter::before { position: absolute; content: ""; top: 27px; width: 17.3px; right: 28px; height: 2px; border-radius: 2px; transform: rotate(50deg); background: #D31D63; }
.post-main .search-listing .search-pre-content .filter::after { position: absolute; content: ""; top: 27px; right: 18px; width: 17px; height: 2px; border-radius: 21px; transform: rotate(-50deg); background: #D31D63; }
@media (max-width: 600px) { .post-main .search-listing .search-pre-content .filter { float: none; display: inline-block; } }
.post-main .search-listing .search-pre-content .filter-dropdown { display: none; position: absolute; top: 57px; right: 0; background: white; width: 300px; height: auto; z-index: 4; box-sizing: border-box; box-shadow: 0px 3px 6px #0000004D; overflow: hidden; }
@media (max-width: 600px) { .post-main .search-listing .search-pre-content .filter-dropdown { clear: both; margin: 0 auto; position: relative; top: -1px; text-align: left; } }
@media (max-width: 375px) { .post-main .search-listing .search-pre-content .filter-dropdown { width: 100%; } }
.post-main .search-listing .search-pre-content .filter-dropdown ul { padding: 10px; border: 1px solid #D31D63; }
.post-main .search-listing .search-pre-content .filter-dropdown ul li { font-size: 16px; line-height: 2em; position: relative; padding-left: 30px; cursor: pointer; }
.post-main .search-listing .search-pre-content .filter-dropdown ul li:before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 10px; width: 10px; height: 10px; background: #D31D63; border-radius: 10px; }
.post-main .search-listing .search-pre-content .filter-dropdown ul li:after { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 10px; width: 8px; height: 8px; background: white; border-radius: 10px; }
.post-main .search-listing .search-listing-inner { width: calc(100% + 20px); margin: 0 -10px 24px; }
@media (max-width: 480px) { .post-main .search-listing .search-listing-inner { width: auto; margin: 0 -12px 28px; max-height: 100% !important; min-height: 0 !important; } }
.post-main .search-listing .search-listing-inner .search-item { width: calc(50% - 20px) !important; padding: 10px; }
@media (max-width: 480px) { .post-main .search-listing .search-listing-inner .search-item { width: calc(100% - 20px) !important; } }
.post-main .search-listing .search-listing-inner .search-item .search-item-inner { background: white; border-radius: 18px; box-shadow: 0px 3px 6px #0000004D; padding: 26px 21px 22px; cursor: pointer; display: block; text-decoration: none; }
@media (max-width: 480px) { .post-main .search-listing .search-listing-inner .search-item .search-item-inner { padding: 26px 21px; } }
.post-main .search-listing .search-listing-inner .search-item .search-item-inner p { font-size: 16px; line-height: 24px; letter-spacing: 0.16px; color: #343434; }
.post-main .search-listing .search-listing-inner .search-item .search-item-inner h3 { margin-bottom: 16px; color: black; font-family: "Georgia"; font-weight: 600; font-size: 24px; letter-spacing: 0.24px; overflow-wrap: break-word; }
@media (max-width: 768px) { .post-main .search-listing .search-listing-inner .search-item .search-item-inner h3 { font-size: 18px; } }
@media (max-width: 480px) { .post-main .search-listing .search-listing-inner .search-item .search-item-inner h3 { font-size: 20px; margin-bottom: 14px; } }
.post-main .search-listing .search-post-content { order: 3; width: 100%; text-align: center; margin-bottom: 28px; }
.post-main .search-listing .search-post-content .search-showing { margin-bottom: 33px; }
@media (max-width: 480px) { .post-main .search-listing .search-post-content .search-showing { margin-bottom: 34px; } }
.post-main .search-listing .search-post-content .search-showing .search-showing-inner { display: inline-block; margin: 0 auto; font-size: 36px; color: #000; letter-spacing: 0.72px; line-height: 38px; letter-spacing: 0.72px; font-family: "CillaFH"; }
.post-main .search-listing .search-post-content .show-more .show-more-inner { cursor: pointer; letter-spacing: 0.16px; background: white; font-size: 16px; display: inline-block; width: 250px; line-height: 57px; color: #D31D63; border: 1px solid #D31D63; }
.post-main .search-listing .search-post-content .show-more .show-more-inner:hover { background: #fbe8ef; }

.searchinfo { background: #f3f3f3; padding: 10px 20px; margin-bottom: 10px; border-radius: 10px; display: block; width: 80%; }
.searchinfo form .field.readonly label { font-weight: normal; }
.searchinfo form .field.readonly { margin: 0; }

div.clear { clear: both; }

footer { position: absolute; margin: 0 auto; padding: 10px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
footer .footer-content { width: 100%; text-align: center; margin-bottom: 100px; }
footer .footer-content .footer-img { max-width: 406px; max-height: 305px; width: 100%; height: auto; }
@media (max-width: 480px) { footer .footer-content .footer-img { max-width: 270px; max-height: 203px; } }
footer .footer-content .footer-link { display: inline-block; text-align: center; width: 100%; }
footer .footer-content .footer-link a { font-size: 26px; line-height: 1.5em; text-decoration: none; color: #D31D63; padding: 10px; }

#PageTranslations { position: absolute; right: 0; top: 0; }

.webadmin-edit-link { float: right; background: transparent url(../../../framework/admin/images/btn-icon/document--pencil.png) no-repeat; width: 16px; height: 16px; }
.webadmin-edit-link.widgets { margin-left: 10px; background: transparent url(../../../framework/admin/images/btn-icon/chain--pencil.png) no-repeat; }

@media (max-width: 768px) { .webadmin-edit-link { display: none; } }
@media (max-width: 1100px) { header { height: 50px; }
  header .inner-left { max-width: 60%; } }
@media (max-width: 1100px) and (max-width: 768px) { header .inner-left { max-width: calc(100% - 50px); } }
@media (max-width: 1100px) { header .inner-right { width: 40%; height: 50px; } }
@media (max-width: 1100px) and (max-width: 768px) { header .inner-right { max-width: 100%; display: block; background: none; width: 100%; } }
@media (max-width: 1100px) { header .inner-right #TouchMenu { background: #004A88; }
  header .inner-right.nav-open #TouchMenu { background: #343434; }
  header .mobile-menu { display: block; position: relative; float: right; width: 50px; height: 50px; cursor: pointer; }
  header .mobile-menu .arrow-container-down { margin: 0 auto; width: 22px; height: 13px; position: absolute; opacity: 1; margin-top: 18.5px; left: 50%; transform: translateX(-50%); transition: opacity 0.2s; }
  header .mobile-menu .arrow-container-down .arrow { width: 22px; height: 13px; position: absolute; top: 0px; left: 0px; }
  header .mobile-menu .arrow-container-down .arrow::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 2px; border-radius: 2px; transform: rotate(50deg); background: white; }
  header .mobile-menu .arrow-container-down .arrow::after { position: absolute; content: ""; top: 6px; width: 17px; height: 2px; left: 8px; border-radius: 21px; transform: rotate(-50deg); background: white; }
  header .mobile-menu .arrow-container-up { margin: 0 auto; width: 22px; height: 13px; position: absolute; opacity: 1; transition: opacity 0.2s; margin-top: 18.5px; left: 50%; transform: translateX(-50%); }
  header .mobile-menu .arrow-container-up .arrow { width: 22px; height: 13px; position: absolute; top: 0px; left: 0px; }
  header .mobile-menu .arrow-container-up .arrow::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 2px; border-radius: 2px; transform: rotate(-50deg); background: white; }
  header .mobile-menu .arrow-container-up .arrow::after { position: absolute; content: ""; top: 6px; width: 17px; height: 2px; left: 8px; border-radius: 21px; transform: rotate(50deg); background: white; }
  header .mobile-menu .arrow-container-up { opacity: 0; height: 0; }
  header .mobile-menu.open .arrow-container-down { opacity: 0; height: 0; }
  header .mobile-menu.open .arrow-container-up { opacity: 1; height: 13px; }
  header .navigation { position: absolute; background: #343434; z-index: 4; right: 0px; top: 50px; min-width: 143px; margin: 0; padding: 0; display: none; }
  header .navigation li a { font-size: 13px; letter-spacing: 0.26px; line-height: 24px; font-family: "Georgia"; font-weight: 700; }
  header .navigation.menu { display: block; position: absolute; }
  header .navigation li { width: auto; clear: both; display: block; line-height: 24px; border: 0; box-sizing: border-box; margin: 0; padding: 0 18px; }
  header .navigation li:first-child { padding-top: 18px; }
  header .navigation li:last-child { padding-bottom: 19px; }
  header .navigation li.current { width: 100%; }
  header .brand { max-width: 280px; background-position: left top; }
  header .brand h1 { font-size: 30px; }
  div.main .layout { /*@include flexbox;*/ }
  div.main .layout aside.sidebar { float: none; width: 100%; }
  div.main .layout aside.sidebar.left { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
  div.main .layout aside.sidebar.right { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
  div.main .layout .content-container { float: none; width: 100% !important; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } }
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) { div.main .layout.columns-3 .content-container { width: 75%; }
  div.main .layout.columns-3 aside.sidebar.right { width: 75%; } }
@font-face { font-family: 'Siri-Black'; src: url("../font/32BE4D_0_0.eot"); src: url("../font/32BE4D_0_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_0_0.woff2") format("woff2"), url("../font/32BE4D_0_0.woff") format("woff"), url("../font/32BE4D_0_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-BoldItalic'; src: url("../font/32BE4D_2_0.eot"); src: url("../font/32BE4D_2_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_2_0.woff2") format("woff2"), url("../font/32BE4D_2_0.woff") format("woff"), url("../font/32BE4D_2_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-ExtraBoldItalic'; src: url("../font/32BE4D_3_0.eot"); src: url("../font/32BE4D_3_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_3_0.woff2") format("woff2"), url("../font/32BE4D_3_0.woff") format("woff"), url("../font/32BE4D_3_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-Italic'; src: url("../font/32BE4D_4_0.eot"); src: url("../font/32BE4D_4_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_4_0.woff2") format("woff2"), url("../font/32BE4D_4_0.woff") format("woff"), url("../font/32BE4D_4_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-ExtraBold'; src: url("../font/32BE4D_5_0.eot"); src: url("../font/32BE4D_5_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_5_0.woff2") format("woff2"), url("../font/32BE4D_5_0.woff") format("woff"), url("../font/32BE4D_5_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-BlackItalic'; src: url("../font/32BE4D_6_0.eot"); src: url("../font/32BE4D_6_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_6_0.woff2") format("woff2"), url("../font/32BE4D_6_0.woff") format("woff"), url("../font/32BE4D_6_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-Regular'; src: url("../font/32BE4D_7_0.eot"); src: url("../font/32BE4D_7_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_7_0.woff2") format("woff2"), url("../font/32BE4D_7_0.woff") format("woff"), url("../font/32BE4D_7_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-Light'; src: url("../font/32BE4D_8_0.eot"); src: url("../font/32BE4D_8_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_8_0.woff2") format("woff2"), url("../font/32BE4D_8_0.woff") format("woff"), url("../font/32BE4D_8_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-LightItalic'; src: url("../font/32BE4D_9_0.eot"); src: url("../font/32BE4D_9_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_9_0.woff2") format("woff2"), url("../font/32BE4D_9_0.woff") format("woff"), url("../font/32BE4D_9_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-Bold'; src: url("../font/32BE4D_1_0.eot"); src: url("../font/32BE4D_1_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_1_0.woff2") format("woff2"), url("../font/32BE4D_1_0.woff") format("woff"), url("../font/32BE4D_1_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-Medium'; src: url("../font/32BE4D_A_0.eot"); src: url("../font/32BE4D_A_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_A_0.woff2") format("woff2"), url("../font/32BE4D_A_0.woff") format("woff"), url("../font/32BE4D_A_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-MediumItalic'; src: url("../font/32BE4D_B_0.eot"); src: url("../font/32BE4D_B_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_B_0.woff2") format("woff2"), url("../font/32BE4D_B_0.woff") format("woff"), url("../font/32BE4D_B_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-SemiBold'; src: url("../font/32BE4D_C_0.eot"); src: url("../font/32BE4D_C_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_C_0.woff2") format("woff2"), url("../font/32BE4D_C_0.woff") format("woff"), url("../font/32BE4D_C_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-SemiBoldItalic'; src: url("../font/32BE4D_D_0.eot"); src: url("../font/32BE4D_D_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_D_0.woff2") format("woff2"), url("../font/32BE4D_D_0.woff") format("woff"), url("../font/32BE4D_D_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-Thin'; src: url("../font/32BE4D_E_0.eot"); src: url("../font/32BE4D_E_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_E_0.woff2") format("woff2"), url("../font/32BE4D_E_0.woff") format("woff"), url("../font/32BE4D_E_0.ttf") format("truetype"); }
@font-face { font-family: 'Siri-ThinItalic'; src: url("../font/32BE4D_F_0.eot"); src: url("../font/32BE4D_F_0.eot?#iefix") format("embedded-opentype"), url("../font/32BE4D_F_0.woff2") format("woff2"), url("../font/32BE4D_F_0.woff") format("woff"), url("../font/32BE4D_F_0.ttf") format("truetype"); }
@font-face { font-family: 'CillaFH'; src: url("../font/CillaScript.ttf") format("truetype"); }
/*
// ARROW DOWN
.arrow-container { margin: 0 auto; width: 22px; //22px height: 13px; //13px margin-bottom: 50px; position: relative; .arrow{ width: 22px; height: 13px; position: absolute; top: 0px; left: 0px; &::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 1px; border-radius: 2px; transform: rotate(50deg); background: $base-color-secondary; } &::after { position: absolute; content: ""; top: 6px; width: 17px; height: 1px; left: 8px; border-radius: 21px; transform: rotate(-50deg); background: $base-color-secondary; } }
}
// ARROW UP
.arrow-container { margin: 0 auto; width: 22px; //22px height: 13px; //13px margin-bottom: 50px; position: relative; .arrow{ width: 22px; height: 13px; position: absolute; top: 0px; left: 0px; &::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 1px; border-radius: 2px; transform: rotate(-50deg); background: $base-color-secondary; } &::after { position: absolute; content: ""; top: 6px; width: 17px; height: 1px; left: 8px; border-radius: 21px; transform: rotate(50deg); background: $base-color-secondary; } }
}
// ARROW RIGHT
.arrow-container { margin: 0 auto; width: 22px; //22px height: 13px; //13px margin-bottom: 50px; position: relative; transform: rotate(-90deg); .arrow{ width: 22px; height: 13px; position: absolute; top: 0px; left: 0px; &::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 1px; border-radius: 2px; transform: rotate(50deg); background: $base-color-secondary; } &::after { position: absolute; content: ""; top: 6px; width: 17px; height: 1px; left: 8px; border-radius: 21px; transform: rotate(-50deg); background: $base-color-secondary; } }
}
// ARROW LEFT
.arrow-container { margin: 0 auto; width: 22px; //22px height: 13px; //13px margin-bottom: 50px; position: relative; transform: rotate(90deg); .arrow{ width: 22px; height: 13px; position: absolute; top: 0px; left: 0px; &::before { position: absolute; content: ""; top: 6px; width: 17.3px; left: -3px; height: 1px; border-radius: 2px; transform: rotate(50deg); background: $base-color-secondary; } &::after { position: absolute; content: ""; top: 6px; width: 17px; height: 1px; left: 8px; border-radius: 21px; transform: rotate(-50deg); background: $base-color-secondary; } }
}
*/