/* Minification failed. Returning unminified contents. (373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (403,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (404,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (410,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (411,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (412,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (413,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (414,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (415,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (416,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (417,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (418,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (419,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (420,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (442,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-base' (547,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-main' (548,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-main' (561,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (564,25): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (576,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (621,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (625,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (629,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (633,17): run-time error CSS1039: Token not allowed after unary operator: '-color-orange' (637,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (641,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (819,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (824,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black-hover' (830,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (834,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-hover' (850,21): run-time error CSS1039: Token not allowed after unary operator: '-color-red' (854,25): run-time error CSS1039: Token not allowed after unary operator: '-color-red-hover' (898,21): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (903,21): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (907,25): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (917,19): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (917,31): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (924,29): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (950,29): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (994,22): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (995,23): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1009,20): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1009,32): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1223,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1231,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-big' (1240,19): run-time error CSS1039: Token not allowed after unary operator: '-radius-big' (1241,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-big' (1242,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-small' (1243,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1244,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1245,23): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1245,35): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1259,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-small' (1260,39): run-time error CSS1039: Token not allowed after unary operator: '-radius-small' (1261,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1262,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1263,23): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1263,35): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1263,49): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1272,32): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (1273,23): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1277,19): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1282,21): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1282,33): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1282,45): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1294,27): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1298,19): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1302,23): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1307,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1316,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1333,24): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1334,23): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin-inv' (1335,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1339,27): run-time error CSS1030: Expected identifier, found '[' (1339,32): run-time error CSS1031: Expected selector, found '=' (1339,32): run-time error CSS1025: Expected comma or open brace, found '=' (1344,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1386,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1387,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-small' (1388,19): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1388,31): run-time error CSS1039: Token not allowed after unary operator: '-radius-small' (1395,25): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1400,23): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1405,18): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1437,22): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1681,19): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1683,20): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1683,32): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1701,19): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1714,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1719,36): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1728,32): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1729,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-big' (1730,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-small' (1731,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1740,36): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-light-blue' (1752,21): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1754,20): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1754,32): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1761,24): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1761,36): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1772,23): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1772,35): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1779,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-big' (1797,24): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1797,36): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1822,23): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1822,35): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1822,55): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1822,67): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1827,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-light-blue' (1828,23): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1828,35): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1828,55): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1828,67): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1833,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-light-blue' (1841,29): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (1859,22): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1860,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1864,22): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1865,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (1870,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-light-blue' (1871,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-small' (1906,19): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (1906,31): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1908,20): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1909,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (1910,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1914,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (1925,15): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1930,27): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1947,15): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (1958,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color-main' (1959,19): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (1959,31): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (1986,24): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (1992,28): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (1997,23): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2001,23): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2007,23): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (2007,35): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (2021,15): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2025,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2089,25): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2095,26): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2098,19): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2119,19): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (2124,24): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin-inv' (2128,32): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2133,23): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2137,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2138,32): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2144,25): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2159,24): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (2159,36): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (2195,30): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2197,27): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (2198,36): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (2206,26): run-time error CSS1039: Token not allowed after unary operator: '-gap0' (2210,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (2214,25): run-time error CSS1039: Token not allowed after unary operator: '-color-light-grey' (2240,19): run-time error CSS1039: Token not allowed after unary operator: '-gap5' (2240,31): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (2240,51): run-time error CSS1039: Token not allowed after unary operator: '-gap3' (2240,63): run-time error CSS1039: Token not allowed after unary operator: '-page-hmargin' (2242,24): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (2248,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey' (2251,27): run-time error CSS1030: Expected identifier, found '.' (2251,51): run-time error CSS1031: Expected selector, found ')' (2251,51): run-time error CSS1025: Expected comma or open brace, found ')' (2268,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2278,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-hover' (2289,22): run-time error CSS1039: Token not allowed after unary operator: '-gap1' (2291,24): run-time error CSS1039: Token not allowed after unary operator: '-gap2' (2295,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue' (2388,14): run-time error CSS1034: Expected closing parenthesis, found '<' */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} #keyboardInputMaster { position: absolute; font: normal 0.8rem Arial,sans-serif; border-top: 0.1em solid #eeeeee; border-right: 0.1em solid #888888; border-bottom: 0.1em solid #444444; border-left: 0.1em solid #cccccc; border-collapse: separate; border-radius: 0.6em; box-shadow: 0 0.2em 1em #444444; opacity: 0.95; filter: alpha(opacity=95); background-color: #dddddd; text-align: left; z-index: 1000000; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; line-height: normal; pointer-events: auto; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } #keyboardInputMaster * { position: static; color: #000000; opacity: 1; filter: alpha(opacity=100); background: transparent; font: normal 0.8rem Arial,sans-serif; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0 none; outline: 0; vertical-align: baseline; line-height: 1.3em; pointer-events: auto; } #keyboardInputMaster table { table-layout: auto; } #keyboardInputMaster.keyboardInputSize1, #keyboardInputMaster.keyboardInputSize1 * { font-size: 0.7rem; } #keyboardInputMaster.keyboardInputSize3, #keyboardInputMaster.keyboardInputSize3 * { font-size: 0.9rem; } #keyboardInputMaster.keyboardInputSize4, #keyboardInputMaster.keyboardInputSize4 * { font-size: 1rem; } #keyboardInputMaster.keyboardInputSize5, #keyboardInputMaster.keyboardInputSize5 * { font-size: 1.1rem; } #keyboardInputMaster thead tr th { padding: 0.3em 0.3em 0.1em 0.3em; background-color: #999999; white-space: nowrap; text-align: right; border-radius: 0.6em 0.6em 0 0; } #keyboardInputMaster thead tr th div { float: left; font-size: 130% !important; height: 1.3em; font-weight: bold; position: relative; z-index: 1; margin-right: 0.5em; cursor: pointer; background-color: transparent; } #keyboardInputMaster thead tr th div ol { position: absolute; left: 0; top: 90%; list-style-type: none; height: 9.4em; overflow-y: auto; overflow-x: hidden; background-color: #f6f6f6; border: 0.1em solid #999999; display: none; text-align: left; width: 12em; } #keyboardInputMaster thead tr th div ol li { padding: 0.2em 0.4em; cursor: pointer; white-space: nowrap; width: 12em; } #keyboardInputMaster thead tr th div ol li.selected { background-color: #ffffcc; } #keyboardInputMaster thead tr th div ol li:hover { background-color: #dddddd; } #keyboardInputMaster thead tr th > span, #keyboardInputMaster thead tr th > strong, #keyboardInputMaster thead tr th > small, #keyboardInputMaster thead tr th > big { display: inline-block; padding: 0 0.3em; height: 1.4em; line-height: 1.4em; border-top: 0.1em solid #e5e5e5; border-right: 0.1em solid #5d5d5d; border-bottom: 0.1em solid #5d5d5d; border-left: 0.1em solid #e5e5e5; background-color: #cccccc; cursor: pointer; margin: 0 0 0 0.3em; border-radius: 0.3em; vertical-align: middle; transition: background-color .15s ease-in-out; } #keyboardInputMaster thead tr th > strong > big { font-weight: bold; font-size: 150%; vertical-align: middle; /*line-height:0;*/ } #keyboardInputMaster thead tr th > small { border-radius: 0.3em 0 0 0.3em; border-right: 0.1em solid #aaaaaa; padding-right: 0.2em; } #keyboardInputMaster thead tr th > big { border-radius: 0 0.3em 0.3em 0; border-left: 0 none; margin: 0; padding-left: 0.2em; } #keyboardInputMaster thead tr th > span:hover, #keyboardInputMaster thead tr th > strong:hover, #keyboardInputMaster thead tr th > small:hover, #keyboardInputMaster thead tr th > big:hover { background-color: #dddddd; } #keyboardInputMaster tbody tr td { text-align: left; padding: 0.2em 0.3em 0.3em 0.3em; vertical-align: top; } #keyboardInputMaster tbody tr td div { text-align: center; position: relative; zoom: 1; } #keyboardInputMaster tbody tr td table { white-space: nowrap; width: 100%; border-collapse: separate; border-spacing: 0; } #keyboardInputMaster tbody tr td#keyboardInputNumpad table { margin-left: 0.2em; width: auto; } #keyboardInputMaster tbody tr td table.keyboardInputCenter { width: auto; margin: 0 auto; } #keyboardInputMaster tbody tr td table tbody tr td { vertical-align: middle; padding: 0 0.45em; white-space: pre; height: 1.8em; font-family: 'Lucida Console','Arial Unicode MS',monospace; border-top: 0.1em solid #e5e5e5; border-right: 0.1em solid #5d5d5d; border-bottom: 0.1em solid #5d5d5d; border-left: 0.1em solid #e5e5e5; background-color: #eeeeee; cursor: default; min-width: 0.75em; border-radius: 0.2em; transition: background-color .15s ease-in-out; } #keyboardInputMaster tbody tr td table tbody tr td.last { width: 99%; } #keyboardInputMaster tbody tr td table tbody tr td.space { padding: 0 4em; } #keyboardInputMaster tbody tr td table tbody tr td.deadkey { background-color: #ccccdd; } #keyboardInputMaster tbody tr td table tbody tr td.target { background-color: #ddddcc; } #keyboardInputMaster tbody tr td table tbody tr td:hover { border-top: 0.1em solid #d5d5d5; border-right: 0.1em solid #555555; border-bottom: 0.1emsolid #555555; border-left: 0.1em solid #d5d5d5; background-color: #cccccc; } #keyboardInputMaster thead tr th span:active, #keyboardInputMaster thead tr th span.pressed, #keyboardInputMaster tbody tr td table tbody tr td:active, #keyboardInputMaster tbody tr td table tbody tr td.pressed { border-top: 0.1em solid #555555 !important; border-right: 0.1em solid #d5d5d5; border-bottom: 0.1em solid #d5d5d5; border-left: 0.1em solid #555555; background-color: #cccccc; } #keyboardInputMaster tbody tr td table tbody tr td small { display: block; text-align: center; font-size: 0.6em !important; line-height: 1.1em; } #keyboardInputMaster tbody tr td div label { position: absolute; bottom: 0.2em; left: 0.3em; } #keyboardInputMaster tbody tr td div label input { background-color: #f6f6f6; vertical-align: middle; font-size: inherit; width: 1.1em; height: 1.1em; } #keyboardInputMaster tbody tr td div var { position: absolute; bottom: 0; right: 0.3em; font-weight: bold; font-style: italic; color: #444444; } #keyboardInputMaster #keyboardInputNumpadBksp, #keyboardInputMaster.numpadOnly #keyboardInputSelect, #keyboardInputMaster.numpadOnly #keyboardInputNumpadToggle, #keyboardInputMaster.numpadOnly #keyboardInputKeyboard, #keyboardInputMaster.numpadOnly #keyboardInputNumpad td { display: none; } #keyboardInputMaster.numpadOnly #keyboardInputNumpadBksp { display: inline-block; } #keyboardInputMaster.numpadOnly #keyboardInputNumpad table { margin-left: auto; margin-right: auto; } #keyboardInputMaster.numpadOnly > thead > tr > th > * { font-size: 125%; } #keyboardInputMaster.numpadOnly #keyboardInputNumpad td.digit, #keyboardInputMaster.numpadOnly #keyboardInputNumpad.showNegative td.negative, #keyboardInputMaster.numpadOnly #keyboardInputNumpad.showDecimal td.decimal { display: table-cell; font-size: 200%; padding: 0 0.9em; } .keyboardInputInitiator { margin: 0 0.3em; vertical-align: middle; cursor: pointer; max-height: 1.3em; } :root { --color-black: #333333; /* main colors */ --color-white: #ffffff; --color-light-grey: #cccccc; --color-grey: #a2a2a2; /* #999999 */ --color-blue: #006cdc; --color-red: #dd161d; --color-orange: #ff9200; --color-black-hover: var(--color-red); /* hover colors */ --color-blue-hover: var(--color-red); --color-red-hover: var(--color-red); --color-orange-hover: var(--color-red); --text-color-main: var(--color-black); --bg-color-main: var(--color-white); --bg-color-light-blue: #e1effb; /*backgrounds*/ --gap7: 70px; --gap5: 50px; --gap3: 30px; --gap2: 20px; --gap15: 15px; --gap1: 10px; --gap0: 5px; --radius-big: 15px; --radius-small: 10px; --font-size-base: 16px; --page-hmargin: 20px; --page-hmargin-inv: -20px; } @media (min-width: 768px) { :root { --page-hmargin: 30px; --page-hmargin-inv: -30px; } } @media (min-width: 1200px) { :root { --gap7: 3.5vw; --gap5: 2.8vw; --gap3: 2.1vw; --gap2: 1.4vw; --gap1: 0.7vw; --gap0: 0.35vw; --page-hmargin: 4vw; --page-hmargin-inv: -4vw; --radius-big: 1.25vw; --radius-small: 0.85vw; --font-size-base: 1.25vw; } } /* BASE LAYOUT */ html, body { height: 100%; margin: 0; } body { display: flex; flex-direction: column; min-height: 100vh; } main { flex: 1; } /* FONTS */ html { font-size: var(--font-size-base); } body, input, button, select, textarea { font-size: 1rem; } @font-face { font-family: 'ALS Sector'; font-weight: 700; font-style: normal; src: url(fonts/ALS_Sector-Bold.woff) format('woff'),url(fonts/ALS_Sector-Bold.woff2) format('woff2') } @font-face { font-family: 'ALS Sector'; font-weight: 600; font-style: normal; src: url(fonts/ALS_Sector-Bold.woff) format('woff'),url(fonts/ALS_Sector-Bold.woff2) format('woff2') } @font-face { font-family: 'ALS Sector'; font-weight: 500; font-style: normal; src: url(fonts/ALS_Sector-Regular.woff) format('woff'),url(fonts/ALS_Sector-Regular.woff2) format('woff2') } @font-face { font-family: 'ALS Sector'; font-weight: 400; font-style: normal; src: url(fonts/ALS_Sector-Regular.woff) format('woff'),url(fonts/ALS_Sector-Regular.woff2) format('woff2') } @font-face { font-family: 'ALS Sector'; font-weight: 300; font-style: normal; src: url(fonts/ALS_Sector-Regular.woff) format('woff'),url(fonts/ALS_Sector-Regular.woff2) format('woff2') } /* RESPONSIVE */ /*@media (min-width: 1024px) { ._not_desktop { display: none !important; } ._tablet { display: none !important; } ._mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 1023.98px) { ._desktop { display: none !important; } ._mobile { display: none !important; } } @media (max-width: 767.98px) { ._desktop { display: none !important; } ._tablet { display: none !important; } ._not_mobile { display: none !important; } }*/ /* KIOSK MODE */ .l2k-normal-mode ._kiosk { display: none !important; } .l2k-kiosk-mode ._not_kiosk { display: none !important; } /* RESET STYLES */ *, *::before, *::after { box-sizing: border-box; } html, body { height: 100%; margin: 0; padding: 0; min-width: 320px; } html, body, input, button, select, textarea { font-family: 'ALS Sector', Verdana, sans-serif; color: var(--text-color-main); background-color: var(--bg-color-main); } .clear-both { clear: both; } .nowrap { white-space: nowrap; } /* HEADERS */ h1 { color: var(--color-black); font-size: 2rem; line-height: 1.1; margin-bottom: var(--gap2); } /* h1 > .subtitle { display: block; margin-top: 16px; color: #47ceff; font-size: 24px; } */ h2 { /*margin: 16px 0px 10px 0px;*/ color: var(--color-blue); font-size: 2rem; /* line-height: 1.1; font-weight: normal; text-align: center; */ } /* h2.heading-light { color: #47ceff; } */ h3 { /*margin: 16px 0px 10px 0px;*/ color: #303030; /*line-height: 1.1; font-size: 22px; font-weight: bold; text-align: center;*/ } h4 { margin: 16px 0px 10px 0px; color: #303030; line-height: 1.1; font-size: 1.2rem; font-weight: bold; text-align: left; } /* TEXT STYLES */ .text-strong, strong, b { font-weight: bold; } .text-normal { font-weight: normal; } .text-italic, i, em { font-style: italic; } .text-primary { color: var(--color-blue); } .text-light { color: var(--color-blue); } .text-danger { color: var(--color-red); } .text-warning { color: var(--color-orange); } .text-success { color: var(--color-blue); } .text-grey { color: var(--color-grey); } .text-align-center { text-align: center; } .text-align-justify { text-align: justify; } /*p { margin-bottom: 10px; } blockquote { border-left-style: solid; border-left-color: #47ceff; border-left-width: 8px; padding-left: 20px; padding-top: 0px; padding-bottom: 0px; margin: 10px 0px 10px 0px; } blockquote.blockquote_aside { float: right; margin: 0 0 5px 15px; max-width: 38%; } .clear-both + blockquote { margin-top: 0px; } @media (max-width: 767.98px) { blockquote.blockquote_aside { float: unset; margin: 10px 0px 10px 0px; max-width: unset; } } sup { vertical-align: super; font-size: 67%; } hr { margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; border-left-style: none; border-right-style: none; border-bottom: none; border-top: 1px solid #a2a2a2; background-color: #a2a2a2; height: 2px; }*/ /* WITH-ICONS */ .with-icon_calendar::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/calendar.svg) no-repeat; background-size: 0.88em; } .with-icon_mapmarker::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/map-marker.svg) no-repeat; background-size: 0.88em; } .with-icon_phone::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/phone.svg) no-repeat; background-size: 0.88em; } .with-icon_mail::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/mail.svg) no-repeat; background-size: 0.88em; } .with-icon_email::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/email.svg) no-repeat; background-size: 0.88em; } .with-icon_clip::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/clip.svg) no-repeat; background-size: 0.88em; } .with-icon_globe::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/globe.svg) no-repeat; background-size: 0.88em; } .with-icon_file::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/file.svg) no-repeat; background-size: 0.88em; } .with-icon_download::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/download.svg) no-repeat; background-size: 0.88em; } .with-icon_sandglass::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/sandglass.svg) no-repeat; background-size: 0.88em; } .with-icon_video::before { content: ''; display: inline-block; width: 0.88em; height: 0.88em; margin-right: 0.3em; background: url(../images/icons/video.svg) no-repeat; background-size: 0.88em; } /* LINKS */ a { color: var(--color-black); text-decoration: underline; } a:hover { color: var(--color-black-hover); text-decoration: underline; } a.link_primary, a *.link_primary { font-weight: bold; color: var(--color-blue); } a.link_primary:hover, a:hover *.link_primary { color: var(--color-blue-hover); } /*a.link_light, a *.link_light { color: var(--color-blue); }*/ a.link_nounderline, a *.link_nounderline { text-decoration: none; } a.link_nounderline:hover, a:hover *.link_nounderline { text-decoration: underline; } a.link_danger, a *.link_danger { color: var(--color-red); } a.link_danger:hover, a:hover *.link_danger { color: var(--color-red-hover); } /*a .icon_primary { color: #004e9f; } a:hover .icon_primary { color: #47ceff; }*/ a .icon_nohover { display: inline; } a .icon_hover { display: none; } a:hover .icon_nohover { display: none; } a:hover .icon_hover { display: inline; } a[href^='tel:'] { text-decoration: none; } /*.btn { color: var(--color-blue); text-decoration: none; text-align: center; } .btn:hover { text-decoration: none; background-color: var(--bg-color-light-blue); }*/ /* BREADCRUMBS */ .breadcrumbs { padding: 0 var(--page-hmargin); } .breadcrumbs .breadcrumbs__item { display: inline; color: var(--color-grey) } .breadcrumbs .breadcrumbs__item a { color: var(--color-grey) } .breadcrumbs .breadcrumbs__item:not(:first-child)::before { content: ' > '; } /* SECTION */ .section { padding: var(--gap3) var(--page-hmargin); } .section .section-header { display: flex; flex-flow: row wrap; align-items: baseline; margin-bottom: var(--gap2); } .section .section-header > h1 { flex-grow: 1; width: max-content; margin: 0 0; } .section .section-header > .section-header-link { text-align: right; } @media (min-width: 992px) { .section .section-header.section-header_lg_nowrap > h1 { text-wrap: nowrap; } } /***** REGULAR SECTION **********/ .content-section { line-height: 1.6; } .content-section ul { margin-bottom: var(--gap1); list-style: disc; list-style-position: inside; } .content-section ul:last-child { margin-bottom: 0; } .content-section ul ul { margin-left: 30px; list-style: circle; list-style-position: inside; } .content-section ul.ul_no-bullet { list-style: none; } .content-section ul > li { text-indent: -25px; margin-left: 25px; } .content-section ol { margin-bottom: 10px; list-style: decimal; list-style-position: inside; } .content-section ol > li { text-indent: -25px; margin-left: 25px; } .content-section ol:last-child { margin-bottom: 0; } /* PAGE INFO */ .page-info { /*todo*/ margin-top: var(--gap2); padding-top: var(--gap1); border-top: 2px solid #a2a2a2; text-align: right; } .tlist + .page-info, .card-list + .page-info { margin-top: 0; border-top: none; } /* CARDS GRID */ .cards { display: grid; grid-auto-columns: 1fr; grid-gap: var(--gap3) var(--gap3); grid-template-columns: 1fr; } @media (min-width: 1200px) { .cards.cards_4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .cards.cards_4 > .card:nth-last-child(1):nth-child(4n+1), .cards.cards_4 > .card:nth-last-child(2):nth-child(4n+1), .cards.cards_4 > .card:nth-last-child(3):nth-child(4n+1), .cards.cards_4 > .card:nth-last-child(1):nth-child(4n+2), .cards.cards_4 > .card:nth-last-child(2):nth-child(4n+2), .cards.cards_4 > .card:nth-last-child(1):nth-child(4n+3) { display: none; } .cards.cards_4.cards_single-row > .card:nth-child(4) ~ .card { display: none; } .cards.cards_4 .card-img_3x2 { height: 14vw; } .cards.cards_3 { grid-template-columns: 1fr 1fr 1fr; } .cards.cards_3 > .card:nth-last-child(1):nth-child(3n+1), .cards.cards_3 > .card:nth-last-child(2):nth-child(3n+1), .cards.cards_3 > .card:nth-last-child(1):nth-child(3n+2) { display: none; } .cards.cards_3 .card-img_3x2 { height: 19.5vw; } .cards.cards_2 { grid-template-columns: 1fr 1fr; } .cards.cards_2 > .card:nth-last-child(1):nth-child(2n+1) { display: none; } .cards.cards_2 .card-img_3x2 { height: 29.7vw; } .cards.cards_1 { grid-template-columns: 1fr; } .cards.cards_1 .card-img_3x2 { height: 61.3vw; } } @media (min-width: 992px) and (max-width: 1199.98px) { .cards.cards_4 { grid-template-columns: 1fr 1fr 1fr; } .cards.cards_4 > .card:nth-last-child(1):nth-child(3n+1), .cards.cards_4 > .card:nth-last-child(2):nth-child(3n+1), .cards.cards_4 > .card:nth-last-child(1):nth-child(3n+2) { display: none; } .cards.cards_4.cards_single-row > .card:nth-child(3) ~ .card { display: none; } .cards.cards_4 .card-img_3x2 { height: 19.5vw; } .cards.cards_3 { grid-template-columns: 1fr 1fr; } .cards.cards_3 > .card:nth-last-child(1):nth-child(2n+1) { display: none; } .cards.cards_3 .card-img_3x2 { height: 29.7vw; } .cards.cards_2 { grid-template-columns: 1fr; } .cards.cards_2 .card-img_3x2 { height: 61.3vw; } .cards.cards_1 { grid-template-columns: 1fr; } .cards.cards_1 .card-img_3x2 { height: 61.3vw; } } @media (min-width: 768px) and (max-width: 991.98px) { .cards.cards_4 { grid-template-columns: 1fr 1fr; } .cards.cards_4 > .card:nth-last-child(1):nth-child(2n+1) { display: none; } .cards.cards_4.cards_single-row > .card:nth-child(2) ~ .card { display: none; } .cards.cards_4 .card-img_3x2 { height: 29.7vw; } .cards.cards_3 { grid-template-columns: 1fr; } .cards.cards_3 .card-img_3x2 { height: 61.3vw; } .cards.cards_2 { grid-template-columns: 1fr; } .cards.cards_2 .card-img_3x2 { height: 61.3vw; } .cards.cards_1 { grid-template-columns: 1fr; } .cards.cards_1 .card-img_3x2 { height: 61.3vw; } } @media (max-width: 767.98px) { .cards.cards_4 { grid-template-columns: 1fr; } .cards.cards_4 > .card:nth-last-child(1):nth-child(4n+1), .cards.cards_4 > .card:nth-last-child(2):nth-child(4n+1), .cards.cards_4 > .card:nth-last-child(3):nth-child(4n+1), .cards.cards_4 > .card:nth-last-child(1):nth-child(4n+2), .cards.cards_4 > .card:nth-last-child(2):nth-child(4n+2), .cards.cards_4 > .card:nth-last-child(1):nth-child(4n+3) { display: none; } .cards.cards_4.cards_single-row > .card:nth-child(1) ~ .card { display: none; } .cards.cards_4 .card-img_3x2 { height: 61.3vw; } .cards.cards_3 { grid-template-columns: 1fr; } .cards.cards_3 > .card:nth-last-child(1):nth-child(3n+1), .cards.cards_3 > .card:nth-last-child(2):nth-child(3n+1), .cards.cards_3 > .card:nth-last-child(1):nth-child(3n+2) { display: none; } .cards.cards_3 .card-img_3x2 { height: 61.3vw; } .cards.cards_2 { grid-template-columns: 1fr; } .cards.cards_2 > .card:nth-last-child(1):nth-child(2n+1) { display: none; } .cards.cards_2 .card-img_3x2 { height: 61.3vw; } .cards.cards_1 { grid-template-columns: 1fr; } .cards.cards_1 .card-img_3x2 { height: 61.3vw; } } /* CARD */ .card { background-color: var(--color-white); overflow: hidden; display: grid; grid-template-rows: min-content auto min-content; height: 100%; } .card.card_rounded { border-radius: var(--radius-big); } .card-header { position: relative; } .card-header > .card-header-date { position: absolute; top: var(--radius-big); right: var(--radius-big); border-radius: var(--radius-small); background-color: var(--color-white); color: var(--color-blue); padding: var(--gap0) var(--gap1); font-weight: bold; } .card-header .card-header-note-wrapper { position: absolute; bottom: 0; display: flex; flex-flow: row nowrap; justify-content: center; width: 100%; } .card-header .card-header-note { border-top-left-radius: var(--radius-small); border-top-right-radius: var(--radius-small); background-color: var(--color-white); color: var(--color-blue); padding: var(--gap0) var(--gap1) 0 var(--gap1); font-weight: bold; } .card-header > .card-img { width: 100%; } .card-header > .card-img__border { border: 1px solid var(--color-light-grey); padding: var(--gap1) } .card-text { padding: var(--gap2); height: 100%; } .card-buttons { padding: 0 var(--gap2) var(--gap2) var(--gap2); display: flex; flex-flow: row wrap; justify-content: left; align-items: center } .card-buttons.card-buttons_right { justify-content: right; } .card-buttons > *:first-child ~ * { margin-left: var(--gap1); } .card.card_no-padding .card-text { padding: var(--gap2) 0; } .card.card_no-padding .card-buttons { padding: 0 0 var(--gap2) 0; } /* FORMS */ label, .label { color: var(--color-black); font-weight: bold; } /*.label_dark { color: var(--color-black); }*/ .label_disabled { color: var(--color-grey); } /*.label_light { color: #47ceff; }*/ .label_font-normal { font-weight: normal; } .label_with-colon::after { content: ':' } .label_radio { display: block; padding-left: var(--page-hmargin); text-indent: var(--page-hmargin-inv); color: var(--color-black); font-weight: normal; } .label_radio:has(input[type=radio]:checked) { font-weight: bold; } blockquote label, .label { color: var(--color-black); font-weight: bold; } textarea { width: 100%; height: 100px; } input, select, textarea { box-sizing: border-box; } .input_s { width: 60px; } .input_m { width: 250px; } .input_l { width: 400px; } .input_xl { width: 100%; } select { max-width: 100%; } @media (max-width: 767.98px) { .input_l { width: 100%; } } .form-control input[type=text], .form-control textarea { border: 1px solid var(--color-grey); border-radius: var(--radius-small); padding: var(--gap0) var(--radius-small); } .form { box-sizing: border-box; margin-bottom: var(--gap2); width: 100%; } .form_display-inline { margin-left: var(--gap2); display: inline; } .form-group { margin: var(--gap0) 0; } .form-group label, .form-group .label { box-sizing: border-box; } .form-group .form-control, .form-group .form-control-text { box-sizing: border-box; width: 100%; } .form-buttons { /*margin-top: 15px; margin-bottom: 20px;*/ } .form-buttons.center { text-align: center; } .form-buttons.right { text-align: right; } .form-buttons .btn { margin-top: 15px; margin-bottom: 20px; } .form-group.row { margin-top: var(--gap2); } @media (min-width: 768px) { .form-group.row { display: flex; flex-direction: row; align-items: start; } .form-group.row > * { } .form-group.row label, .form-group.row .label { width: 210px; min-width: 210px; } .form-group.row .label_m { width: 300px; min-width: 300px; } .form-group.row.row__no_label { margin-left: 210px; } .form-group.row.row__no_label_m { margin-left: 300px; } .form-group.form-group-horizontal .form-control { } .form-buttons.row { margin-left: 210px; } } @media (max-width: 767.98px) { .form-group.row { display: block; } .form-group.row > * { } .form-group.row label, .form-group.row .label, .form-group.row .label_m, .form-group.row.row__no_label, .form-group.row.row__no_label_m, .form-buttons.row { display: block; width: unset; min-width: unset; margin-left: unset; } .form-group.form-group-horizontal .form-control { } } .form.form_card { border-style: solid; border-color: #004e9f; border-width: 3px; padding: 21px 26px; margin-bottom: 28px; } .form.form_card h2:first-of-type { margin-top: 0; } .form.form_card .form-buttons:last-of-type { margin-bottom: 0; } /*@media (min-width: 768px) { .form-group .form-control-wide { width: 100%; } .form-group .form-control-long { width: 50%; } }*/ /*@media (max-width: 767.98px) { .form-group input[type='text'], .form-group select, .form-group textarea { width: 100%; } }*/ /* FORMS VALIDATION */ .validation-summary-errors { color: #c30008; font-weight: bold; font-size: 16px; } .field-validation-error { color: #c30008; font-weight: bold; font-size: 16px; } .input-validation-error { background-color: #ffa3a6; border-width: 1px; border-style: solid; padding: 2px 3px; } /* FILTERS */ .form_filters { font-size: 16px; } .search-field-with-btn { display: table; width: 100% } .search-field-with-btn__input-container { display: table-cell; width: 100%; padding-right: 5px; } .search-field-with-btn__btn-container { display: table-cell; } /* EBSCO */ @media (min-width: 768px) { .ebsco-search__search-field-with-btn { width: 500px } } .ebsco-search__form_filters { padding-top: 10px; } /* ADVANCED SEARCH */ .adv-search { position: relative; } .adv-search__stock-readonline-field { position: absolute; right: 0; bottom: 0; } .adv-search__stock-readonline-field div { display: inline; } .adv-search__stock-readonline-field div + div { margin-left: 1em; } @media (max-width:767.98px) { .adv-search__stock-readonline-field { position: relative; right: 0; bottom: 0; } } .adv-search__addfilter-dropdown { position: absolute; z-index: 100; border: 1px solid #767675; padding: 5px 15px; background-color: #ffffff; top: 0; left: 0; min-width: 180px; } .adv-search__addfilter-dropdown a { display: block; } /* SELECT STYLING */ .adv-search_add-filter-select { display: block; font-size: 16px; font-weight: bold; text-decoration: underline; color: #303030; line-height: 1.3; padding: 0px 20px 0px 4px; margin: 6px 0 0 -4px; /*width: 100%;*/ max-width: 100%; box-sizing: border-box; border: none; /*box-shadow: 0 1px 0 1px rgba(0,0,0,.04); border-radius: .5em;*/ -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #ffffff; background-image: url('images/plus.svg'), linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); background-repeat: no-repeat, repeat; background-position: right center, 0 0; background-size: 12px auto, 100%; } .adv-search_add-filter-select::-ms-expand { display: none; } .adv-search_add-filter-select:hover { text-decoration: underline; } .adv-search_add-filter-select:focus { border: none; color: #303030; outline: none; } .adv-search_add-filter-select option { font-weight: normal; } .adv-search_add-filter-select option._placeholder { font-size: 0px; color: #ffffff } /* JQUERY UI STYLES */ .ui-autocomplete { max-height: 70%; max-width: 80%; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } .section.section_home-banner { padding: var(--gap3) 0; display: grid; grid-gap: var(--gap2) var(--gap3); grid-template-areas: "a-buttons" "a-slider"; grid-template-columns: 1fr; } .home-banner-slider { position: relative; grid-area: a-slider; overflow: hidden; } .home-banner-slider .owl-dots { position: absolute; display: flex; justify-content: center; gap: var(--gap0); /*bottom: -1em;*/ bottom: 0.5em; width: 100%; } .home-banner-slider button.owl-dot { border-radius: 0.5em; width: 0.5em; height: 0.5em; border: none; outline: none; /*background-color: var(--color-light-grey);*/ background-color: var(--color-grey); } .home-banner-slider button.owl-dot.active { /*background-color: var(--color-black);*/ background-color: var(--color-white); width: 1em; } .home-buttons { grid-area: a-buttons; } .home-buttons .home-buttons__item { border: 1px solid var(--color-blue); border-radius: var(--radius-big); padding: var(--radius-small); color: var(--color-blue); font-size: 1.2rem; display: block; text-align: center; text-decoration: none; } .home-buttons .home-buttons__item:hover { text-decoration: none; background-color: var(--bg-color-light-blue); } .home-buttons .home-buttons__subtext { font-size: 0.8rem; display: block; } .home-buttons .home-buttons__mobile { } .home-buttons { padding: 0 var(--page-hmargin); display: grid; grid-gap: var(--gap2) var(--gap3); grid-template-columns: 1fr; } @media (min-width: 576px) { .home-buttons { display: grid; grid-gap: var(--gap2) var(--gap3); grid-template-columns: 1fr 1fr; } .home-buttons .home-buttons__item:last-child:nth-child(2n+1) { grid-column: 1 / span 2; } } @media (min-width: 992px) { .section.section_home-banner { padding: var(--gap3) var(--page-hmargin); grid-template-areas: "a-slider a-buttons"; grid-template-columns: 2fr 1fr; } .home-banner-slider { border-radius: var(--radius-big); } /* .home-banner-slider .owl-dots { bottom: 0.75em; } .home-banner-slider button.owl-dot { background-color: var(--color-grey); } .home-banner-slider button.owl-dot.active { background-color: var(--color-white); } */ .home-buttons { padding: 0 0; display: grid; grid-gap: var(--gap2) var(--gap3); grid-template-columns: 1fr; } .home-buttons .home-buttons__item { display: flex; flex-direction: column; justify-content: space-evenly; } .home-buttons .home-buttons__item:last-child:nth-child(2n+1) { grid-column: unset; } .home-buttons .home-buttons__mobile { display: none; } } /* HOME-NEWS */ .section.section_home-news { padding: 0 0; } .section.section_home-news .section-header { padding: var(--gap3) var(--page-hmargin) var(--gap2) var(--page-hmargin); margin-bottom: 0; } .section.section_home-news .section-body { background-color: var(--bg-color-light-blue); padding: var(--gap2) var(--page-hmargin) var(--gap3) var(--page-hmargin); } @media (min-width: 992px) { .section.section_home-news { background-color: var(--bg-color-light-blue); } .section.section_home-news .section-header { padding-bottom: 0; } .section.section_home-news .section-header > h1 { color: var(--color-blue); } } /* HOME-INCOMINGS */ .section.section_home-incomings { } .section.section_home-incomings .card-img { height: 70vh; } .home-incomings__title { } .home-incomings__author { margin-top: var(--gap0); color: var(--color-grey); } .home-incomings__year { margin-top: var(--gap0); color: var(--color-grey); } .btn-icon { background-color: var(--bg-color-light-blue); border-radius: var(--radius-small); border: none; outline: none; width: 1.5em; height: 1.5em; } .btn-icon.btn-icon_heart { background-repeat: no-repeat; background-size: 80%; background-position-x: center; background-position-y: 70%; } .btn-icon.btn-icon_heart:hover { cursor: pointer; } .btn-icon.btn-icon_heart { background-image: url(../images/heart-off.svg); } .btn-icon.btn-icon_heart:hover { background-image: url(../images/heart-off-hover.svg); } .btn-icon.btn-icon_heart._on { background-image: url(../images/heart-on.svg); } .btn-icon.btn-icon_heart._on:hover { background-image: url(../images/heart-on-hover.svg); } .footer { padding: var(--gap3) var(--page-hmargin); display: grid; grid-gap: var(--gap2) 0; background-color: var(--color-black); color: var(--color-white); } .footer a { color: var(--color-white); text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer-menu { display: flex; flex-direction: column; gap: var(--gap1); font-size: 1.2rem; } .footer-menu .footer__social a ~ a { margin-left: var(--gap2); } .footer-menu .footer__social img { height: 1.5em; } @media (min-width: 768px) { .footer-menu { flex-direction: row; justify-content: space-between } } .footer__copy { font-size: 0.8rem; display: flex; gap: var(--gap0); flex-direction: column; } @media print { .footer-menu { display: none; } } .header { background-color: var(--bg-color-main); padding: var(--gap2) var(--page-hmargin); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); font-size: 0.7rem; display: grid; grid-template-areas: "a-logo a-topmenu a-buttons"; grid-template-columns: max-content 1fr max-content; align-items: center; } .header a { text-decoration: none; } .header a:hover { text-decoration: unset; color: unset; } .header-logo { grid-area: a-logo; display: flex; align-items: center; height: 2.6rem; } .header-logo__gerb { height: 100%; margin-right: var(--gap1) } .header-logo__divider { height: 80%; width: 1px; background-color: var(--color-light-grey); } .header-logo__ntb { height: 70%; margin-left: var(--gap1) } .header-logo__text { margin-left: var(--gap1); font-weight: bold; } @media (min-width: 768px) { .header { padding: var(--gap3) var(--page-hmargin); } .header-logo { height: 3.6rem; } } /* HEADER-BUTTONS */ .header-buttons { grid-area: a-buttons; display: none; display: flex; align-items: center; gap: var(--gap1); } .lang-switcher span { color: var(--color-blue); } .header-buttons__btn { height: 1.2em; width: 1.2em; background-repeat: no-repeat; background-size: 100%; } .header-buttons__btn-bell { background-image: url(../images/bell.svg); } .header-buttons__btn-bell._on { background-image: url(../images/bell-active.svg); } .header-buttons__btn-user { background-image: url(../images/user.svg); } .header-buttons__btn-logout { background-image: url(../images/exit.svg); } body .header-burger-btn { grid-area: a-burger; display: none; height: 1.2em; width: 1.2em; border: none; outline: none; background-repeat: no-repeat; background-size: 100%; background-image: url(../images/burger.svg); } body .burger-top-buttons { display: none; } /* TOP MENU */ @media (max-width: 767.98px) { .header { grid-template-columns: 1fr max-content; grid-template-areas: "a-logo a-burger" "a-buttons a-buttons" "a-topmenu a-topmenu"; } .header-buttons { display: none; } .top-menu { } .top-menu__item { } .top-menu__item > a { color: var(--color-blue); font-size: 1.4rem; font-weight: bold; } .top-menu__submenu { margin-top: var(--gap1); display: flex; flex-direction: column; gap: var(--gap1); } .top-menu__submenu-item { } .top-menu__submenu-item > a { font-size: 1rem; } body .header-burger-btn { display: block; } body .top-menu, body .header-buttons, body .burger-top-buttons { display: none; } body._burger-open .top-menu { display: flex; flex-direction: column; gap: var(--gap2); } body._burger-open .burger-top-buttons { grid-area: a-buttons; margin: 0 var(--page-hmargin-inv); display: grid; grid-template-columns: 1fr 1fr; font-size: 1rem; border: 1px solid var(--color-blue); } body .burger-top-buttons > * { text-align: center; padding: var(--gap1) } body .burger-top-buttons > .burger-top-buttons__user-cell { color: var(--color-white); background-color: var(--color-blue) } body .burger-top-buttons > .burger-top-buttons__user-cell a { display: inline-block; overflow: visible; color: var(--color-white); padding: 0.1em 0.1em 0.1em 1.5em; background-image: url(../images/user-white.svg); background-clip: padding-box; background-repeat: no-repeat; background-size: 1.2em; background-position-x: 0; background-position-y: center; } body._burger-open .header-burger-btn { background-image: url(../images/burger-close.svg); } body._burger-open .header { grid-gap: var(--gap2) var(--gap2); } body._burger-open > :not(.header) { display: none; } body._burger-open > :not(.header) { display: none; } body._burger-open > .footer { display: grid; } } @media (min-width: 768px) { .top-menu { grid-area: a-topmenu; flex-grow: 1; display: flex; justify-content: space-evenly; font-weight: bold; } .top-menu__item { position: relative; } .top-menu__item > .top-menu__submenu { display: none; white-space: nowrap; } .top-menu__item._active > .top-menu__submenu { position: absolute; margin-top: var(--gap1); display: block; padding: var(--gap2); background-color: var(--color-black); } .top-menu__item:last-child > .top-menu__submenu { right: 0; } .top-menu__submenu-item ~ .top-menu__submenu-item { margin-top: var(--gap0); } .top-menu__submenu-item a { color: var(--color-white); } .top-menu__submenu-item a:hover { color: var(--color-light-grey); } } @media (max-width: 767.98px) { } @media (min-width: 768px) { .header-buttons_mobile { display: none; } } @media print { .header-buttons_desktop { display: none; } .header-buttons_mobile { display: none; } } .top-search { margin: 0px auto; padding: var(--gap5) var(--page-hmargin) var(--gap3) var(--page-hmargin); display: grid; grid-row-gap: var(--gap2); } .top-search__form { display: flex; margin: 0; border-bottom: 2px solid var(--color-grey); } .top-search__form:has(.top-search__input:focus) { border-bottom: 2px solid var(--color-black); } .top-search__input { flex-grow: 1; border: none; outline: none; padding-left: 0; font-size: 1.2rem; text-overflow: ellipsis; } .top-search__btn { border: none; padding-left: 1.3rem; padding-right: 0; color: var(--color-blue); font-size: 1.2rem; background-image: url(../images/magnifier.svg); background-position: left center; background-repeat: no-repeat; background-clip: border-box; background-size: 1rem; } .top-search__btn:hover { color: var(--color-blue-hover); cursor: pointer; background-image: url(../images/magnifier-hover.svg); } /* .top-search__btn img { height: 1rem; } */ .top-search__links { margin-top: var(--gap1); display: grid; grid-row-gap: var(--gap2); } .top-search__links-item { color: var(--color-blue); font-size: 1.2rem; text-decoration: none; width: 100%; display: flex; justify-content: space-between } @media (min-width: 768px) { .top-search__links { display: flex; justify-content: space-between; } .top-search__links-item { display: inline-block; width: unset; } } @media (min-width: 992px){ .top-search { width: 75vw; } } @media print { .top-search{ display: none; } } /*** POPUP WINDOW ***/ .popup-window { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; text-align: center; text-indent: 0px; background-color: rgba(0, 0, 0, 0.6); } .popup-window[data-popup-window=show] { display: block; } .popup-window:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .popup-window__frame { position: relative; display: inline-block; vertical-align: middle; width: 80%; max-width: 700px; text-align: left; padding: 10px 20px; border-radius: 5px; background-color: #ffffff; } .popup-window__close { position: absolute; top: 5px; right: 5px; } .popup-window__title { margin: 0px 20px 0px 20px; line-height: 1; text-align: center; font-weight: bold; color: #004e9f; } .popup-window__content { margin-top: 10px; line-height: 1.6; } .popup-window__buttons { line-height: 1; text-align: center; margin-top: 10px; } @media (width<768px) { .popup-window__frame { position: absolute; display: inline-block; top: 5%; left: 5%; width: 90%; max-width: 90%; } }