:root {--brd:2px; --epd:1em; --fih:2.875em; --ffz:1em; --fsp:.625rem; --iwtbk:#212629;} /* --------- reset --------- */ * {margin:0; padding:0; border:none; outline:none; box-sizing:border-box;} :root, input, select, textarea, button, label/* , code, sup */ {font-size:100%; font-weight:400;} :root {font-size:1em;} img {display:block;} figure {display:inline-flex; vertical-align:top;} figure img {width:100%; height:100%; object-fit:cover;} figure > *:first-child {overflow:hidden; max-width:100%;} a, span {display:inline-block; vertical-align:baseline;} ol, ul {list-style:none;} a, div, span, ul, li, input, select, textarea, button, label {-webkit-tap-highlight-color:transparent;} html {width:100%;} body {width:100%; background:#070e2b; background:linear-gradient(90deg, #0e1f27 0%, #0e1e14 100%); color:#dde7eb;} html, body, div, span, ul, li, header, nav, footer, section, article, aside, details, form, figure, figcaption, a, label, :before, :after, input, select, textarea, button, option, optgroup {position:relative;} div, span, ul, li, figure, figcaption, a:not(.more) {z-index:0;} :root, input, select, textarea, button, label, code, sup {font-family:"Montserrat", sans-serif;} h2 {font-family:"Racing Sans One", sans-serif;} /* :root:lang(el), input:lang(el), select:lang(el), textarea:lang(el), button:lang(el), label:lang(el), sup:lang(el) {font-family:"Source Sans Pro", Arial, sans-serif;} .ft:lang(el), .p.ng:lang(el) {font-family:"Literata", Arial, sans-serif;} */ h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.25rem;} h1 {font-size:1.500em; font-weight:700; color:#71d8f9;} h1.xl {color:#ebde7b;} h2 {font-size:1.750em; font-weight:300; color:#71d8f9;} h3 {font-size:1.375em; font-weight:700; color:#71d8f9;} h4 {font-size:1.250em; font-weight:700; color:#71d8f9;} h5 {font-size:1.250em; font-weight:700; color:#71d8f9;} h6 {font-size:1.125em; font-weight:700; color:#71d8f9;} body > h2, nav > h2 {display:none;} a {text-decoration:none; color:#71d8f9;} b, strong {font-weight:700;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, small a, .list li a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span, small span, .list li span {display:inline;} h1.xl {font-weight:900; line-height:1.2; font-size:38px;} @media screen and (min-width:520px) and (max-width:1520px) {h1.xl {font-size:calc(38px + 10 * ((100vw - 520px) / 1000));}} @media screen and (min-width:1520px) {h1.xl {font-size:48px;}} p.xl {font-weight:300; line-height:1.2; font-size:22px;} @media screen and (min-width:520px) and (max-width:1520px) {p.xl {font-size:calc(22px + 6 * ((100vw - 520px) / 1000));}} @media screen and (min-width:1520px) {p.xl {font-size:28px;}} .wxl strong {font-size:2em; line-height:1.2; vertical-align:-.1875em;} .wxl sup {font-size:1.25em; vertical-align:-.0125em;} .hi {font-size:1.250em; font-weight:700; color:#0060B0;} .ft {font-size:1.0625em; color:#C1D0B0;} .ng {background-color:#212629; color:#FFF; display:inline-block; padding:.5em .875em;} .ng a {color:#FFF;} sup {display:inline-block; vertical-align:.167em; font-size:.75em;} code {display:block; font-size:.875em; color:#646464; font-family:"Courier New", Arial, sans-serif;} small {display:block; font-size:.875em;} /* small:before {content:'"\00a0'} small:after {content:'\00a0"'} */ mark {background-color:#FF0; padding:0 .25em .0625em .25em;} .hltt, .hltt * {color:#c00;} .ictx > div {display:inline-flex; align-items:center; text-align:left;} .ictx [class*="icon"] {align-self:flex-start;} .ictx > div > *:not(:last-child) {margin-right:.375rem;} .ictx {display:inline-block; margin-right:.5em;} .ccn .ictx {margin:0 .25em;} .list > li {margin-left:.86em;} .list > li:before {content:"•\00a0\00a0"; color:#0060B0; margin-left:-.86em} .list > li:not(:last-of-type) {margin-bottom:.25em;} .list > li > * {display:inline;} .list.sml {font-size:.8375em; color:#646464;} .list.sml > li:before {color:#646464;} .ccn .list, .itblct .list, .vpl .list, .vplclm .list {display:flex; flex-wrap:wrap;} .ccn .list > li, .itblct .list > li, .vpl .list > li, .vplclm .list > li {position:relative; margin-left:.86em; margin-right:.56em;} .ccn .list > li:before, .itblct .list > li:before, .vpl .list > li:before, .vplclm .list > li:before {content:"•\00a0\00a0"; position:relative; color:#0060B0; margin-left:-.86em} .ccn .list > li:not(:last-of-type), .itblct .list > li:not(:last-of-type), .vpl .list > li:not(:last-of-type), .vplclm .list > li:not(:last-of-type) {margin-bottom:.25em;} .ccn .list, .itblct .list {justify-content:center;} /* --------- common --------- */ .clrA:not(.wxl.clrA):not(.ng.clrA) {color:#0060B0;} .clrB:not(.wxl.clrB):not(.ng.clrB) {color:#646464;} .ng.clrA {background-color:#0060B0; color:#FFF;} .ng.clrB {background-color:#646464; color:#FFF;} .wxl.clrA strong, .wxl.clrA sup {color:#0060B0;} .wxl.clrB strong, .wxl.clrB sup {color:#646464;} [data-more="litp"] {color:#212629;} .has-sub.clrA > a {color:#212629;} .has-sub.clrB > a {color:#646464;} [data-more="more"], [data-more="liic"] {background-color:#212629;} .bclr:not([data-more="more"]):not([data-more="liic"]):not(.icprops li.bclr) {background-color:#212629;} .bclrA:not(.icprops li.bclrA), [class^="bkcalt"] .icprops > li.bclrA > div {background-color:#0060B0;} .bclrB:not(.icprops li.bclrB), [class^="bkcalt"] .icprops > li.bclrB > div {background-color:#646464;} .bclrC:not(.icprops li.bclrC), [class^="bkcalt"] .icprops > li.bclrC > div {background-color:#B04343;} .bclrD:not(.icprops li.bclrD), [class^="bkcalt"] .icprops > li.bclrD > div {background-color:#3F7855;} .outer {width:100%; max-width:1770px; margin:0 auto;} .wrapper {width:100%; max-width:1220px; margin:0 auto;} .pdLR {padding-left:3em; padding-right:3em;} @media screen and (max-width:960px) {.pdLR {padding-left:2em; padding-right:2em;}} .pdTB {padding-top:2.5em; padding-bottom:2.5em;} .mgLR {margin-left:3em; margin-right:3em;} @media screen and (max-width:960px) {.mgLR {margin-left:2em; margin-right:2em;}} .mgTB {margin-top:2.5em; margin-bottom:2.5em;} [class*="spc"] {display:block;} .spcb {height:.25em;} .spcp {height:1em;} .spcs {height:2.5em;} .spcm {height:3.5em;} .spcl {height:5em;} p:not(:last-child), .list:not(:last-child), code:not(:last-child), small:not(:last-child), .mllist .mllist {margin-bottom:.375rem;} .txaccd, .thumbs, .thumbsfree, #contactform, .guestbk, .googlemap {margin-top:.75em;} .nowrap {white-space:nowrap; display:inline;} /**/ input, select:focus, textarea:focus, .selectize-input.focus, .ferror, .ferror .reqd {transition:border .15s, background-color .15s} /* .treslnks > span:hover {transition:.25s; background-color:#646464;} [data-more="more"]:hover, [data-more="book"]:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .crlinks [data-more="more"]:hover, .cttlocdate [data-more="more"]:hover {transition:.25s; background-color:#080;} [data-more="more"]:hover, [data-more="liic"]:hover, [data-more="book"]:hover, .navclose:hover, .csldr [class^="cpt"] a:hover, .treslnks > span:hover > a, .nivo-lightbox-nav:hover, .nivo-lightbox-close:hover, footer a:hover, .copyrights .mi:hover a {transition:.25s; color:#FFF;} .txaccd > .has-sub > a:hover > *:nth-child(1) {transition:.25s; color:#0060B0;} a:hover, nav ul a:hover {transition:.25s; color:#212629;} */ /**/ figure, img, [class^="imgfx"], input[type="text"], input[type="number"], input[type="password"], input[type="search"], select, textarea, button, input[type="button"], input[type="submit"], input[type="reset"], .selectize-input, .selectize-dropdown, .selectize-control.multi .item, /* .selectize-fs .closeicon, */ .custom-numeric .minusicon, .custom-numeric .plusicon, .fileinpt .closeicon, .labelT, .captcha img, .spaninpt > .inpt, .aform label, .aform .fileinpt, .aform .spaninpt, .tpl > div, .lstb > a > div, .lstbs > a, .gdprpop, .gdprpop [data-label="reject"], .gdprpop [data-label="manage"], .gdprpop [data-label="accept selection"], .gdprpop [data-label="accept all"], .stmessg, .stmessg [data-label="close"], .pgmessg, .pgmessg [data-label="close"], .espapop, .espapop [data-label="close"], .disbpop, .disbpop [data-label="close"], .stfsmask div, .stfsmask [data-label="close"], .stfsmask [data-label="reopen"], .pgfsmask div, .pgfsmask [data-label="close"], .pgfsmask [data-label="reopen"], .nivo-lightbox-nav, .nivo-lightbox-close, .nivo-lightbox-title, .nivo-lightbox-title-wrap, .nivo-lightbox-inline, .nivo-lightbox-ajax, .nivo-lightbox-content iframe, .nivo-lightbox-content, .zin:before, .downloadicon:before, [data-more="more"], [data-more="liic"], [data-more="book"], [data-more="request"], p.ng, a.scrollToTop, .langs > a, .socialmedia > a, .treslnks > span, .editicon, .tabbsl > li, .tabbsc > *, .bctt .tabbsl > *, .bctt .tabbsc, .bcttwarning, .bctt [data-label="reopen"], .ytvid-container, [data-mlm="mlmicon"]:after, .newsletter > div, .newslettertoggle, .vpl > *, .vplclm > *, header, footer, .hdnbtn [class*="icon"], .cpt01, .ccrsl .hscroll > *, .ccrsl .hscroll-control, .itblct, .itsblct > div, .itsblct > div > article, .ito .figcaption, .figcaptionmask, .icblts, .iclist > li, .icprops > li > div, .googlemap, .locationinfo, .bkcalt01, .ctttotal, .filtrs.kindstypes > li, .filtrs.checkbox > li, .filtrs.select > li > ul > li, .crlist > li, .cttlocdate > ul > li:nth-child(1), .crxtras label.chkboxc, .crxtras label.custom-numeric, .trlocdate > ul > li:nth-child(1) {border-radius:var(--brd);} .singleshort, .csldr, .itblci, .itsblci, .ito > *, .ith > div > div {border-radius:calc(var(--brd) + 1px);} .selectize-control.plugin-remove_button [data-value] .remove {border-radius:calc(var(--brd) - 1px);} /**/ @media screen and (min-width:1771px) { .tpl.pdLR, .lstb.pdLR, .datatables.pdLR, .crfiltr.pdLR, .crlist.pdLR, .crdetinfo.pdLR, /* .cttlocdate.hrz.pdLR, */ .crbook.pdLR, .trbook.pdLR, .tobook.pdLR {padding-left:0; padding-right:0;} .bctt button {border-top-left-radius:0; border-bottom-left-radius:0;} } @media screen and (max-width:1770px) { .outer.pdLR/* , header.pdLR */ {padding-left:0; padding-right:0;} header, footer, .bkcalt01, .nrw:not(.pdLR) > .csldr, .nrw:not(.pdLR) > .csldr figure, .nrw:not(.pdLR) > .csldr img, .nrw:not(.pdLR) > .csldr [class^="imgfx"], .nrw:not(.pdLR) > .singleshort, .nrw:not(.pdLR) > .singleshort figure, .nrw:not(.pdLR) > .singleshort img, .nrw:not(.pdLR) > .singleshort [class^="imgfx"], .nrw:not(.pdLR) > .ytvid .ytvid-container, .nrw:not(.pdLR) > .googlemap, .nrw:not(.pdLR) > .locationinfo, .bctt .tabbsc, .bctt button, .bctt [data-label="reopen"] {border-radius:0px;} } @media screen and (max-width:calc(1220px + 6em)) { .wrapper {max-width:none;} /* .nrw.pdLR {padding-left:0; padding-right:0;} */ } /**/ [data-more] {display:inline-flex; justify-content:center; align-items:center; vertical-align:middle;} [data-more]:not([data-more="litp"]) {color:#FFF;} [data-more="more"] > *:not(:last-child), [data-more="more"] [class*="icon"]:only-child, [data-more="book"] > *:not(:last-child), [data-more="book"] [class*="icon"]:only-child, [data-more="request"] > *:not(:last-child), [data-more="request"] [class*="icon"]:only-child, [data-more="liic"] > div > *:not(:last-child) {margin-right:.375rem;} [data-more="more"], [data-more="book"], [data-more="request"] {font-size:.875em;padding:.5em .75em;} [data-more="liic"] [class*="icon"] {align-self:flex-start; font-size:1.5em;} [data-more="liic"] {text-align:left; padding:.75em .75em;} [data-more="liic"] * {z-index:auto;} [data-more="liic"] > div {display:inline-flex; align-items:center;} [data-more="liic"] p {margin:0;} [data-more="litp"] p {margin:0; border-top-width:1px; border-top-style:solid;} [data-more="book"] {background-color:#B04343;} [data-more="request"] {background-color:#3F7855;} .more {vertical-align:middle; margin:.125rem 0;} .emac a {display:inline-flex;} .dbml .emac a {align-items:baseline;} .lex .emac a {align-items:center;} /**/ .ccrsl.oneimtxt .hscroll > * > figure > *:first-child, .lstb figure, .lstb figure > *:first-child, .crlist figure, .crlist figure > *:first-child, .crdetinfo figure, .crdetinfo figure > *:first-child, .crsel figure, .crsel figure > *:first-child, .thumbsclm figure, .thumbsclm figure > *:first-child {width:100%;} /* ratio */ .ratio {overflow:hidden; margin:0 auto; width:100%; height:auto; /* max-height:100vh; min-height:360px; */} .ratio:before {content:""; display:block; width:100%; padding-top:calc(100% * 9/16);} .ratio > */* :first-child */ {position:absolute; top:0; left:0; right:0; bottom:0;} /* ratio expanding */ .ratioexp:before {content:""; float:left; padding-bottom:calc(100% * 9/16);} .ratioexp:after {clear:left; content:""; display:table;} /* horizontal scroll */ .hscroll::-webkit-scrollbar {-webkit-appearance:none; appearance:none; width:12px; height:12px;} .hscroll::-webkit-scrollbar-thumb {border-radius:2px; border:0px solid #f8f8f8; background-color:#aaa;} .hscroll::-webkit-scrollbar-track {background-color:#eee; border:0px solid #f8f8f8; border-radius:2px;} .hscroll {overflow-x:auto; display:flex; align-items:flex-start; /* touch-action:pan-x; */} .hscroll > * {flex-shrink:0;} .hscroll-control {display:inline-flex; align-items:center; cursor:pointer;} .grabbing {user-select:none;} .grabbing * {cursor:default;} /* tabs */ .tabbsl {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end;} .tabbsl > * {margin-bottom:4px; padding:.5rem 1.5rem .5rem 1.5rem; background-color:#212629; color:#dcdcdc; font-weight:800; cursor:pointer; user-select:none; transition:font-size .1s;} .tabbsl > *:not(:last-child) {margin-right:4px;} .tabbsl > *.current {background-color:#0060B0; color:#FFF; font-size:1.25em;} .tabbsc {overflow:hidden;} .tabbsc > * {position:absolute; z-index:-1; top:0; visibility:hidden; background-color:#dcdcdc; padding:1rem 1.5rem 1rem 1.5rem; opacity:0;} .tabbsc > *.current {position:relative; z-index:0; visibility:visible; opacity:1; transition:opacity .15s .05s;} /* text blocks */ .ccn {width:100%; max-width:50em; margin:0 auto; text-align:center;} /* @media screen and (max-width:920px) {.ccn {max-width:none; text-align:left;}} */ .txblc1 {width:100%; max-width:50em;} .txblc2 {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;} .txblc2 > div {width:calc(50% - 2em);} /* .txblc2 > div:nth-child(1) {width:calc(40% - 4em);} .txblc2 > div:nth-child(2) {width:60%;} */ @media screen and (max-width:920px) {.txblc2 > div:nth-child(n) {width:100%;} .txblc2 > div:nth-child(1) {margin-bottom:2em;}} .txblctres {display:inline-block; width:100%; max-width:50em;} .ccn > [class*="icon"], .txblc1 > [class*="icon"], .txblc2 > div > [class*="icon"], .itblct article > [class*="icon"], .itsblct article > [class*="icon"], .cpts > div > [class*="icon"], .pgfsmask > div > div > [class*="icon"], .ictx:not(.figcaption .ictx) [class*="icon"], .figcaption [class*="icon"] {font-size:1.75em;} /* --------- header --------- */ #hamb {--hwd:2px; --hsz:2em; cursor:pointer; margin-right:1em;} .hambb {width:var(--hsz); height:var(--hsz); display:flex; transition:.2s;} .hambb > span {width:100%; height:var(--hwd); background-color:#0060B0; position:absolute; border-radius:8px;} /* 0.25 » .0625 --- 0.5 » .125 --- 0.75 » .1875 --- 1 » .25 --- 1.25 » .3125 */ .hambb > span:nth-child(1) {top:calc(var(--hsz) * .25); left:calc(var(--hsz) / 2); transform:translate(-50%,0%); transition:.125s .0625s;} .hambb > span:nth-child(2) {top:calc(var(--hsz) / 2); left:calc(var(--hsz) / 2); transform:translate(-50%,-50%); transition:.125s .125s;} .hambb > span:nth-child(3) {top:calc(var(--hsz) - var(--hwd) - var(--hsz) * .25); left:calc(var(--hsz) / 2); transform:translate(-50%,0%); transition:.125s;} .hambx > span:nth-child(1) {transform:translate(-50%,0%) rotate(45deg); top:calc(50% - var(--hwd) / 2); transition:.25s .1875s;} .hambx > span:nth-child(2) {transform:translate(-50%,-50%) scale(0,1); transition:.25s;} .hambx > span:nth-child(3) {transform:translate(-50%,0%) rotate(-45deg); top:calc(50% - var(--hwd) / 2); transition:.25s .3125s;} .hambo > span:nth-child(1) {top:calc(var(--hsz) * .15); left:calc(var(--hsz) / 2); width:50%; transform:translate(-50%,0%); transition:.25s .125s;} .hambo > span:nth-child(2) {top:calc(var(--hsz) / 2); left:calc(var(--hsz) / 2); transform:translate(-50%,-50%); transition:.25s .25s;} .hambo > span:nth-child(3) {top:calc(var(--hsz) - var(--hwd) - var(--hsz) * .15); left:calc(var(--hsz) / 2); width:50%; transform:translate(-50%,0%); transition:.25s;} /**/ /* header {position:sticky; top:0; z-index:2;} */ header {display:flex; flex-wrap:wrap; align-items:center; border-top-left-radius:0; border-top-right-radius:0;} @media screen and (min-width:681px) { .headerontop {position:absolute; z-index:1; left:0;width:100%; margin-top:7em;} } .logo {display:flex; justify-content:flex-start; margin:3em 0 2em -1.375em;} .logo img {border-radius:0; max-width:100%; height:auto;} /* @media screen and (max-width:600px) {.logo img {width:250px; height:auto;}} */ .langs {display:inline-flex; font-size:.75em;} .langs > a {display:none; border:1px solid #646464; width:2.5em; height:2.125em; text-align:center; color:#646464; font-weight:600; align-items:center; justify-content:center;} .langs > a:not(:last-child) {margin-right:.25rem;} html[data-lang="en"] .langs a:not([data-langs="en"]), html[data-lang="el"] .langs a:not([data-langs="el"]), html[data-lang="fr"] .langs a:not([data-langs="fr"]), html[data-lang="de"] .langs a:not([data-langs="de"]), html[data-lang="es"] .langs a:not([data-langs="es"]), html[data-lang="it"] .langs a:not([data-langs="it"]), html[data-lang="pt"] .langs a:not([data-langs="pt"]) {display:flex;} nav {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} nav ul a {padding:.5em 0; font-size:.875em; font-weight:600;} .navp {display:flex; align-items:center; margin-left:.75em;} .navp > *:not(:last-child) {margin-right:.375em;} .navp [class*="icon"] {font-size:1.25em; padding:.25em 0;} .navp [data-more="more"] {font-weight:600;} @media screen and (min-width:681px) { #hamb {margin-left:auto;} } @media screen and (min-width:1001px) { nav > *:not(:last-child) {margin-right:1em;} nav > ul {display:flex; align-items:center;} nav > ul > li:not(:last-child) {margin-right:1em;} } @media screen and (max-width:1000px) { nav {flex-direction:column; width:100%; text-align:center;} nav {height:0; overflow:hidden;} nav > ul {opacity:0; padding:.75em 0;} } @media screen and (max-width:680px) { .logo {width:100%; margin-bottom:1em;} .logo a {margin:0 auto;} header > div {justify-content:center;} .navp {justify-content:center;} } nav.opn {height:auto;} nav.opn > ul {opacity:1; transition:opacity .25s ease-out 0s;} .nav.opn {transform:translateX(0); transition:transform .25s;} /* --------- multi level menu --------- */ .nav {z-index:2;} .mlm ul:not(:first-child) {display:none;} .mlm li > .b {display:flex; align-items:center;} .mlm [data-mlm="mlmtxt"] {width:100%; color:#0060B0;} .mlm [data-mlm="mlmicon"] {cursor:pointer; display:flex; justify-content:center; align-self:center; align-items:center; height:100%;} .mlm .c {display:flex; align-items:center; font-size:1.25em;} .mlm .c a {padding:.5em 0;} .mlm .c a:not(:first-child) {margin-left:.5rem;} .mlm > li > .b {font-size:1.125em;} .mlm li ul .b [data-mlm="mlmtxt"] {color:#212629;} .mlm .active [data-mlm="mlmtxt"], .mlm .active [data-mlm="mlmicon"]:after, .mlm .inactive [data-mlm="mlmtxt"], .mlm .inactive [data-mlm="mlmicon"]:after {transition:color .25s, background-color .25s;} @media screen and (min-width:1001px) { .nav {transform:translate(0); margin-bottom:2px;} .navclose {display:none;} .mlm {display:flex; justify-content:center; align-items:center; background-color:#FFF; padding:0 1em;} .mlm > li {position:static;} .mlm > li:not(:last-child) {margin-right:1rem;} .mlm > li > ul {position:absolute; transform:translateY(2px); padding:.75em 0; max-width:100%; background-color:#FFF; padding-left:.5em;} .mlm > li > ul li {margin-left:1.5em; margin-right:1.5em;} .mlm > li > .b {padding:.75rem 0;} .mlm .b {justify-content:flex-start; padding:.25em 0;} .mlm [data-mlm="mlmtxt"] {order:2;} .mlm [data-mlm="mlmicon"] {order:1; font-size:.625rem; padding-right:.25rem;} .mlm [data-mlm="mlmicon"]:after {padding:.5em; background-color:#0060B0; color:#FFF;} .mlm > li > ul .b [data-mlm="mlmicon"] {margin-left:-1.5rem;} .mlm .b.inactive [data-mlm="mlmtxt"] {color:#c8c8c8;} .mlm .b.inactive [data-mlm="mlmicon"]:after {background-color:#c8c8c8; color:#FFF;} .mlm li ul li ul.mlmanim {animation:mlmanim ease .15s both .05s;} } @media screen and (max-width:1000px) { .nav {width:100%; max-width:320px; height:100%; overflow:auto; position:fixed; top:0; left:0; transform:translateX(-100%); transition:transform .1s; background-color:#f4f4f4;} .navclose {display:flex; align-items:center; font-size:.875em; padding:.5rem 1rem; width:100%; background-color:#212629; color:#e8e8e8;} .navclose .closeicon {font-size:.875em; margin-right:.5em} .mlm > li > .b, .mlm .c {padding-left:1rem;} .mlm li ul li > .b {padding-left:2rem;} .mlm li ul li ul li > .b {padding-left:3rem;} .mlm li ul li ul li ul li > .b {padding-left:4rem;} .mlm li ul li ul li ul li ul li > .b {padding-left:5rem;} .mlm li {display:flex; flex-wrap:wrap;} .mlm li ul {width:100%;} .mlm li > .b {width:100%; border-bottom:1px solid #e8e8e8;} .mlm [data-mlm="mlmtxt"] {padding:.75rem .75rem .75rem 0;} .mlm [data-mlm="mlmicon"] {font-size:.875rem; color:#0060B0; border-left:1px solid #e8e8e8; padding:.75rem; border-radius:0;} .mlm .c {border-bottom:1px solid #e8e8e8; background-color:#ffffff66;} .mlm .active [data-mlm="mlmicon"], .mlm ul.active {background-color:#FFF;} .mlm .b.inactive [data-mlm="mlmtxt"], .mlm .b.inactive [data-mlm="mlmicon"] {color:#c8c8c8;} .mlmanim {animation:mlmanim ease .15s both .05s;} } @keyframes mlmanim {from {opacity:0; transform:translateX(4em);} to {opacity:1; transform:translateX(0);}} /* --------- multi level menu hide inactive --------- */ .mlmh {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:.5em;} .mlmh li:not(:last-child) {margin-right:1em;} .mlmh > li > ul li {margin-left:1.5em;} .mlmh ul {display:none; flex-wrap:wrap; align-items:center;} .mlmh .b {display:flex; justify-content:flex-start; color:#212629; margin-bottom:.25em; font-size:1.125em;} .mlmh .a[data-mlm="mlmtxt"] {order:2; background-color:#e8e8e8; padding:.5em .5em .5em .5em;} .mlmh li > div [data-mlm="mlmtxt"] {order:2; background-color:#e8e8e8;padding:.5em .5em .5em .5em;} .mlmh [data-mlm="mlmicon"] {cursor:pointer; order:1; display:flex; align-items:center; font-size:.625em; background-color:#0060B0; color:#FFF; padding:.5em;/* align-self:center; margin-right:-1em;*/} /*.mlmh a:not(.active):hover div {background-color:#212629; color:#FFF;}*/ .mlmh .active [data-mlm="mlmtxt"] {background-color:#212629; color:#FFF;} /* --------- footer --------- */ footer {padding:1.5em 0; color:#dde7eb; background-color:#212629; border-bottom-left-radius:0; border-bottom-right-radius:0;} footer h2 {color:#71d8f9;} footer a, footer .afoff .labelT {color:#9ab9c5;} address {font-style:normal; margin-bottom:.5em;} .telphon, .telphon > span, .telphon > span > a {display:inline-flex; align-items:center;} .telphon {flex-wrap:wrap; justify-content:flex-start;} .telphon {margin-bottom:.75em;} .telphon > span:not(:nth-child(1)):not(:last-child) {margin-right:.5rem;} .telphon > span:nth-child(1) > * {margin-right:.25rem;} .telphon > span:nth-child(1) > a > *:not(:last-child), .telphon > span:nth-child(2) > *:not(:last-child) {margin-right:.25rem;} .telphon strong {font-size:1.5em; line-height:1;} .viber, .whatsapp {font-size:1.75em;} .viber {color:#784f98;} .whatsapp {color:#5bca51;} /**/ .navsec {display:flex; flex-wrap:wrap; margin-top:.75em;} .navsec > li:not(:last-child) {margin-right:1em;} @media screen and (max-width:600px) { .navsec a {padding:.25em 0;} } /**/ .socialmedia {display:inline-flex; flex-wrap:wrap; vertical-align:middle; margin-bottom:.5em;} .socialmedia > a {overflow:hidden; padding:.273em; margin:2px 0; color:#FFF; font-size:1.375em;} .socialmedia > a:not(:last-child) {margin-right:4px;} .socialmedia > a.facebookicon {background-color:#1877f2;} .socialmedia > a.xicon {background-color:#010101;} .socialmedia > a.youtubeicon {background-color:#F61C0D;} .socialmedia > a.googleplusicon {background-color:#F34A38;} .socialmedia > a.pininteresticon {background-color:#BD081C;} .socialmedia > a.instagramicon {background-color:#4C0896; background:radial-gradient(circle at 30% 110%, #f0ac4d 10%, #f0ac4d 5%, #c74c4c 40%, #c21576 50%, #4d0896 85%);} .socialmedia > a.tiktokicon {background:linear-gradient(-45deg, #EE1D51 19%, #69c9d0 80%);} .socialmedia > a.flikricon {background:linear-gradient(45deg, #0063db, #ff0084 80%);} .socialmedia > a.tripadvisoricon {color:#010101; background-color:#34e0a1;} /**/ .flags {/* z-index:1; */ display:inline-flex; align-items:center; vertical-align:middle; margin-bottom:.5em;} /* #flags {display:none;} #flags:checked ~ [data-flags="all"] {display:none;} label[for=flags] {cursor:pointer; margin:0 .25em 0 0; padding:.25em 0; display:flex; align-items:center;} */ [data-flags="all"] {display:flex; /* flex-direction:column; position:absolute; top:100%; */} [data-flags="all"] > figure {margin:2px 0; font-size:1.375em;} [data-flags="all"] > figure:not(:last-child) {margin-right:4px;} [data-flags="all"] > figure {height:calc(1em + .546em); width:calc((1em + .546em) * 1.489361);} /* (+.5) = padding of social media, (*) = flag width/height */ [data-flags="en"]:lang(en), [data-flags="el"]:lang(el), [data-flags="de"]:lang(de), [data-flags="fr"]:lang(fr), [data-flags="it"]:lang(it) {display:none;} /**/ .copyrights {font-size:.875em; line-height:1.5; color:#ffffff80; padding-top:.75em;} .copyrights a {color:#ffffff80;} .copyrights > span:not(:last-of-type):after {content:','; margin:0 .25em 0 0;} .copyrights .mi a:nth-child(1):after {content:':'; margin:0 .25em;} #paymentfail .ccn .notokicon, #paymentfail [class^="txblc"] .notokicon {color:#d00;} #paymentsuccess .ccn .okicon, #paymentsuccess [class^="txblc"] .okicon {color:#080;} /* --------- forms --------- */ .form {z-index:auto;} input[type="checkbox"], input[type="radio"] {cursor:pointer;} input[type="radio"] {vertical-align:middle;} input[type="checkbox"] {margin:0 .125em .125em 0;} input[type="radio"] {margin:0 .125em .188em 0;} .rdioc, .chkboxc {cursor:pointer; display:inline-flex; vertical-align:text-top;} .rdioc input, .chkboxc input {display:none;} .rdiocb {flex:0 0 auto; width:1.25em; height:1.25em; border-radius:50%; border:1px solid #646464; margin-right:.25em;/* box-shadow:inset 0 0 0.25em #00000024; */} .rdioc input:checked ~ .rdiocb {background-color:#FFF; border-color:#0060B0; display:flex; justify-content:center; align-items:center;/* box-shadow:none */} .rdioc input:checked ~ .rdiocb:after {content:""; width:calc(100% - 6px); height:calc(100% - 6px); border-radius:50%; background-color:#0060B0;} .chkboxcb {flex:0 0 auto; width:1.25em; height:1.25em; margin-right:.25em; border-radius:2px;} .chkboxc .chkboxcb:before {display:none; font-size:.875em; color:#212629;} .chkboxc input:checked ~ .chkboxcb {background-color:#cdc6be; border:none;/* box-shadow:none; */ display:flex; justify-content:center; align-items:center;} .chkboxc input:checked ~ .chkboxcb:before {display:block;} textarea {padding:var(--fsp); resize:none; overflow:auto;} button, input[type="button"], input[type="submit"], input[type="reset"] {font-size:calc(var(--ffz) * 1.25); /* line-height:1; */ height:calc(var(--fih) / 1.25); font-weight:700; white-space:nowrap; cursor:pointer;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {opacity:1; margin:0;} /* input[type="number"]::selection {background-color:transparent;} */ label, fieldset {display:inline-block;} fieldset {vertical-align:text-top;} select, label.pointer {cursor:pointer;} .telcode > span:nth-child(1) {font-size:calc(var(--ffz) / 1.25);} .labelnowrap {z-index:auto;} .labelouter [class*="icon"] {display:inline-flex; align-items:center; font-size:var(--ffz); margin:0 3px 12px 0;} .labelouter [class*="icon"]:before {font-size:1.5em;} .labelontop {z-index:0;} .labelontop .labelT {user-select:none; cursor:text; overflow:hidden; width:calc(100% - var(--fsp) * 2); position:absolute; z-index:1; top:50%; left:var(--fsp); transform:translateY(-50%); font-size:1em;} .ininputicon .inptflex {display:flex; align-items:center;} .ininputicon .inptflex [class*="icon"] {position:absolute; z-index:1; left:var(--fsp);} .ininputicon .inptflex [class*="icon"]:before {font-size:1.25em;} .ininputreset .inptflex {display:flex; align-items:center;} .ininputreset .closeicon {position:absolute; right:var(--fsp); cursor:pointer; padding:.5em 0 .5em .25em;} .ininputreset .closeicon:before {font-size:.6em;} .custom-numeric .minusicon, .custom-numeric .plusicon {display:inline-flex; align-items:center; cursor:pointer; user-select:none; padding:.5em; background-color:#646464; color:#FFF;} .custom-numeric .minusicon:before, .custom-numeric .plusicon:before {font-size:.6em;} .custom-numeric .plusicon {/* margin-left:.125em; */ border-top-left-radius:0; border-bottom-left-radius:0;} .custom-numeric .minusicon {/* margin-right:.125em; */ border-top-right-radius:0; border-bottom-right-radius:0;} .custom-numeric:not(.custom-numeric.cnumnoi) input[type="number"] {border-left:0; border-right:0; border-radius:0;} .custom-numeric .minmaxv {opacity:0; transition:opacity 0.25s; position:absolute; top:0; left:8px; transform:translateY(calc(-100% - 6px)); padding:.25em .5em; background-color:#c82; color:#FFF; border-radius:4px; font-size:.75em; font-weight:600;} .custom-numeric .minmaxv:after {content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #c82; position:absolute; bottom:1px; left:8px; transform:translateY(100%);} .custom-numeric input[type="number"] {-moz-appearance:textfield; appearance:textfield; max-width:calc(3em + var(--fsp) * 2); /* border-radius:0; border-left-width:0; border-right-width:0; box-shadow:none; */} .custom-numeric input[type="number"]::-webkit-inner-spin-button, .custom-numeric input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none; appearance:none; margin:0;} .custom-numeric.focus .plusicon, .custom-numeric.focus .minusicon {background-color:#0060B0;} .custom-numeric.cnumnoi .plusicon, .custom-numeric.cnumnoi .minusicon {display:none;} .custom-numeric.cnumnoi input {text-align:initial;} .fileinpt {max-width:100%;} .fileinpt button {font-weight:normal; margin:0;} .fileinpt > span:nth-child(2) {display:flex; align-items:center;} .fileinpt {overflow:hidden; position:relative; cursor:default;} .fileinpt input[type=file], .fileinpt input[type=file]:focus, .fileinpt input[type=file]:hover {position:absolute; top:0; right:0; margin:0; opacity:0; height:var(--fih);} .fileinput-name {display:flex; align-items:center; margin-left:.25em; max-width:100%; overflow:hidden;} .fileinput-name > span {max-width:100%; overflow:hidden;} .fileinpt .closeicon {flex:0 0 auto; display:flex; align-items:center; cursor:pointer; user-select:none; padding:.5em; margin-left:.25em; background-color:#646464; color:#FFF;} .fileinpt .closeicon:before {font-size:.6em;} .password .labelT {cursor:pointer;} .captcha > .inptflex {display:flex; align-items:center;} .captcha img {width:auto; margin-right:2px; background-color:#808080;} .captcha input[type="text"] {text-align:center;} .spaninpt {max-width:100%;} .spaninpt > .inpt {display:inline-flex; align-items:center; padding-top:7px; padding-bottom:7px; width:100%; min-width:160px; max-width:100%; overflow:hidden; min-height:var(--fih);} .spaninpt > .inpt > span {width:100%; max-width:100%;} .labelT {display:flex; align-items:center; font-size:.875em; /* margin-left:.125rem; */margin-bottom:.125rem; padding:.125rem .5rem .125rem .125rem;} .labelT [class*="icon"] {margin:0 4px 0 0; font-size:1em;} .reqd:after {content:'\002A'; color:#c82; margin-left:.125rem;} [class="reqd"]:after {font-size:.875em;} /**/ input[type="text"]:not(.selectize-input input):not(.aform .telcode input):not(.aform .ininputicon input):not(.aform .ininputreset input):not(.aform .captcha input), input[type="number"]:not(.aform input[type="number"]), input[type="email"], input[type="password"], input[type="search"]:not(.aform input[type="search"]), select, .selectize-input, textarea, .custom-numeric .minusicon:not(.aform .custom-numeric .minusicon), .custom-numeric .plusicon:not(.aform .custom-numeric .plusicon), .fileinpt .closeicon:not(.aform .fileinpt .closeicon), .fileinpt-name:not(.aform .fileinpt-name), .fileinpt input[type="file"]:not(.aform .fileinpt input[type="file"]), .captcha img:not(.aform .captcha img), .spaninpt > .inpt {font-size:var(--ffz);} input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], select, .custom-numeric .minusicon, .custom-numeric .plusicon, .fileinpt .closeicon, .labelouter [class*="icon"], .captcha img {height:var(--fih);} label, button, input[type="button"], input[type="submit"], input[type="reset"], .fileinpt, .spaninpt {margin:0 6px 12px 0;} input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], button, input[type="button"], input[type="submit"], input[type="reset"], select, .selectize-input, .spaninpt > .inpt {padding-left:var(--fsp); padding-right:var(--fsp);} .ininputicon input {padding-left:calc(var(--fsp) + 1.5em);} .ininputreset input {padding-right:calc(var(--fsp) + 1em);} input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], select, .selectize-input, textarea, .chkboxcb, .spaninpt > .inpt {border:0px solid #21262980;} input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], select, .selectize-input, .selectize-input input, textarea, .rdiocb, .chkboxcb, .spaninpt > .inpt {background-color:#212629; color:#212629;} option, optgroup, .selectize-dropdown {background-color:#242424; color:#f0f0f0;} button, input[type="button"], input[type="submit"], input[type="reset"] {background-color:#71d8f9; color:#212629; margin-right:0;} .labelontop .labelT, .labelT, .selectize-control.single .selectize-input:after, .ininputicon .inptflex [class*="icon"], .ininputreset .closeicon {color:#646464;} ::-webkit-input-placeholder {color:#646464;} :-moz-placeholder {color:#646464; opacity:1;} ::-moz-placeholder {color:#646464; opacity:1;} :-ms-input-placeholder {color:#646464;} input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, .selectize-input.focus, textarea:focus, .chkboxc.focus .chkboxcb, .inpt:focus-within {border-color:#0060B0; background-color:#FFF;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-text-fill-color:#FFF; -webkit-box-shadow:0 0 0px 1000px transparent inset; transition:background-color 5000s ease-in-out 0s;} input:disabled, select:disabled, textarea:disabled, button:disabled {user-select:none; pointer-events:none; cursor:default; opacity:.5; transition:opacity .15s;} label.disabled, button.disabled, a.disabled {user-select:none; pointer-events:none; cursor:default; opacity:.5; transition:opacity .15s;} button.disabled {background-color:#646464;} input[type="text"].ferrorField, input[type="number"].ferrorField, textarea.ferrorField, .ferrorField .rdiocb, .chkboxc.ferrorField .chkboxcb, .selectize-input.ferrorField {border-color:#c82; background-color:#FFF;} .custom-numeric.ferror.focus:not(.aform .custom-numeric.ferror.focus) .plusicon, .custom-numeric.ferror.focus:not(.aform .custom-numeric.ferror.focus) .minusicon {background-color:#c82;} .ferror:not(.afoff):not([class*="chkboxc"]):not([class*="rdioc"]) .reqd {background-color:#c82; color:#FFF; padding-left:var(--fsp);} .ferror:not(.afoff):not([class*="chkboxc"]):not([class*="rdioc"]) .reqd:after {color:#FFF;} .rdioc.ferror span, .chkboxc.ferror .reqd {color:#c82;} .chkboxc.ferror a {color:#c82;} .falert {display:none; justify-content:center; align-items:flex-start; position:fixed; z-index:2; top:0; left:0; bottom:0; right:0; padding:4em 1.5em; background-color:#fffffff8; animation:animO ease .15s .0s; cursor:pointer; user-select:none;} .falert > div {background-color:#080; color:#FFF; display:flex; flex-direction:column; align-items:center; text-align:center; width:240px; padding:2em 2em 2.5em 2em; overflow:auto; border-radius:3px 1em 3px 1em; animation:animO ease-in .25s both .15s, animY ease .25s .15s;} .falert > div:before {content:'\e628'; color:#FFF; font-size:6em; font-weight:700 !important; margin-bottom:.375rem;} .falert > div:after {content:'\e617'; position:absolute; bottom:0; padding:.5em; background-color:#212629; border-top-left-radius:3px; border-top-right-radius:3px;} .falert > div.fwarning {background-color:#c82;} .falert > div.fwarning:before {content:'\e62c';} .falert > div.finvalid {background-color:#c00;} .falert > div.finvalid:before {content:'\e64a';} .falert > div.hide {padding-bottom:2em;} .falert > div.hide:after {display:none;} label, input, select, textarea {max-width:100%;} input[type="number"] {text-align:center; max-width:calc(4em + var(--fsp) * 2);} [data-label="tselect"] {width:100%; max-width:18em;} [data-label*="selectize"] {width:100%; max-width:25em;} [data-label*="selectize"].wdauto {width:auto; max-width:none;} label[for="country-selectized"] .selectize-input, label[for="drvliccountry-selectized"] .selectize-input, label[for="passportcountry-selectized"] .selectize-input, label[for="cttpickuploc-selectized"] .selectize-input, label[for="crresultssort-selectized"] .selectize-input {min-width:200px;} label[for="cf-adults-selectized"] .selectize-input, label[for="cf-children-selectized"] .selectize-input, label[for="hh-selectized"] .selectize-input, label[for="mm-selectized"] .selectize-input {min-width:80px;} label[for="viber"].chkboxc, label[for="whatsapp"].chkboxc {flex-direction:row; align-items:center;} label[for="viber"] .viber, label[for="whatsapp"] .whatsapp {margin-right:.125rem;} label[for="viber"] > span:nth-of-type(2), label[for="whatsapp"] > span:nth-of-type(2) {display:flex; align-items:center;} label[for="consent"] a {text-decoration:underline;} button, input[type="button"], input[type="submit"], input[type="reset"], .labelouter [class*="icon"], .custom-numeric .minusicon, .custom-numeric .plusicon, .fileinpt, label[for*="selectized"], [data-label*="selectize"], .captcha {vertical-align:bottom;} .labelnowrap label[for*="selectized"] {vertical-align:unset;} /**/ .newsletter > div {display:none; z-index:auto; padding-bottom:.5em; border-bottom-left-radius:0; border-bottom-right-radius:0;} .newsletter form {margin-top:.5em;} a.newslettertoggle {display:inline-flex; align-items:center; padding:.5em 0; border-bottom-left-radius:0; border-bottom-right-radius:0;} a.newslettertoggle > span {margin-right:.5em;} #avlForm #rooms, #avlForm #adults, #avlForm #select-children, #cf-adults, #cf-children {min-width:4em;} /* selectize 0.12.4 */ .selectize-control {z-index:auto; text-align:left; display:inline-block; max-width:100%; min-width:100%;} .selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {content:'!'; visibility:hidden;} .selectize-control.plugin-remove_button [data-value] .remove {align-self:stretch; display:flex; align-items:center; padding:0 .25em; margin-left:4px; border-left:1px solid #00000010; background-color:#00000010; color:#00000080; border-bottom-left-radius:0; border-top-left-radius:0;} .selectize-control.plugin-remove_button [data-value] .remove:after {content:"\00d7"; display:block;} .selectize-input, .selectize-control.single .selectize-input.input-active {cursor:text;} .selectize-input {display:inline-block; min-width:100%;} .selectize-input.disabled, .selectize-input.disabled * {cursor:default !important;} .selectize-input > input {display:inline-block !important; padding:0 !important; max-height:none !important; max-width:100% !important; margin:0 2px 0 0; text-indent:0 !important; border:0 none !important; background:none !important; /* box-shadow:none; */ line-height:inherit !important; -webkit-user-select:auto !important; user-select:auto !important;} .selectize-input, .selectize-input input {cursor:pointer;} .selectize-input.input-active, .selectize-input.input-active input {cursor:text;} .selectize-input > input:focus {border:none; box-shadow:none;} .selectize-control.single input, .selectize-control.single .selectize-input {height:var(--fih);} .selectize-control.single .selectize-input {display:flex; align-items:center;} .selectize-control.single .selectize-input:after {font-size:.6875em; margin-top:.125em; margin-left:auto;} .selectize-control.single .item {overflow:hidden; height:calc(1.25em + 2px);} .selectize-control.multi .selectize-input.has-items {padding-top:5px; padding-bottom:5px;} .selectize-control.multi .selectize-input.has-items input {height:1.5em;} .selectize-control.multi .selectize-input {min-height:var(--fih); display:flex; flex-wrap:wrap; align-items:center; align-content:center;} .selectize-control.multi .item {display:flex; justify-content:space-between; align-items:center; cursor:pointer; margin:2px 4px 2px 0; padding-left:.25em; background-color:#00000010; border-width:1px; border-style:solid; border-color:#00000020; max-width:calc(100% - 12px);} .selectize-dropdown {position:absolute; z-index:1; margin-top:2px; width:100% !important; overflow:hidden;} .selectize-dropdown .option, .selectize-dropdown .optgroup-header {padding:.375em var(--fsp);} .selectize-dropdown .option:not([data-selectable]) {opacity:.4; pointer-events:none;} .selectize-dropdown [data-selectable] {cursor:pointer; overflow:hidden; white-space:normal;} .selectize-dropdown [data-selectable] .highlight {background-color:#64646433;} .selectize-dropdown .optgroup-header {cursor:default; font-weight:700;} .selectize-dropdown .optgroup > *:not(:first-child) {padding-left:calc(var(--fsp) * 1.5);} .selectize-dropdown .active {background-color:#ffffff1a; color:#FFF;} .selectize-dropdown .option:hover {background-color:#ffffff1a;} .selectize-dropdown-content {overflow-y:auto; overflow-x:hidden; max-height:12.9em;} /* .selectize-fs {position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background-color:#fffffff8;} .selectize-fs label[for*="selectized"] {max-width:none; width:100%; margin:0;} .selectize-fs .selectize-dropdown-content {max-height:none; max-height:70vh;} .selectize-fs .closeicon {display:inline-flex; padding:.5em; margin-bottom:.5em; background-color:#212629; color:#FFF; border-top-left-radius:0; border-top-right-radius:0;} */ /**/ .aform label:not(.afoff), .aform .spaninpt {--fih:1.875em; --ffz:1em; --fsp:.625rem;} .aform label:not(.afoff) input[type="text"], .aform input[type="number"], .aform input[type="email"], .aform input[type="password"], .aform input[type="search"], .aform select, .aform .selectize-input, .aform .custom-numeric .minusicon, .aform .custom-numeric .plusicon, .aform .fileinpt .closeicon, .aform .fileinpt input[type="file"] {height:auto; min-height:auto;} .aform input[type="text"], .aform input[type="number"], .aform input[type="email"], .aform input[type="password"], .aform input[type="search"], .aform select, .aform textarea, .aform .fileinput-name, .aform .selectize-input, .aform .spaninpt > .inpt {background-color:transparent; border:none; /* box-shadow:none; */ color:#cdc6be; /* text-shadow:0 1px 0 #FFFFFF80; */ border-radius:0;} .aform .afoff input {border-radius:var(--brd);} .aform input[type="text"]:not(.selectize-input input):not(.telcode input[type="text"]):not(.ininputicon input[type="text"]):not(.ininputreset input[type="text"]):not(.captcha input[type="text"]):not(.afoff input[type="text"]), .aform input[type="number"]:not(.custom-numeric input[type="number"]), .aform input[type="email"], .aform input[type="password"], .aform input[type="search"], .aform select, .aform textarea, .aform .selectize-input, .aform .labelouter [class*="icon"], .aform .telcode > span:nth-child(2) > .inptflex, .aform .ininputicon > .inptflex, .aform .ininputreset > .inptflex, .aform .custom-numeric > .inptflex, .aform .fileinpt > span:nth-child(2), .aform .captcha:not(.afoff) > .inptflex, .aform .spaninpt > .inpt {font-size:calc(var(--ffz) * 1.125);} .aform button:not(.afoff) {font-size:1.5em; height:2.575em;} .aform input[type="text"]:not(.selectize-input input):not(.telcode input[type="text"]):not(.ininputicon input[type="text"]):not(.ininputreset input[type="text"]):not(.captcha input[type="text"]):not(.afoff input[type="text"]), .aform input[type="number"]:not(.custom-numeric input[type="number"]), .aform input[type="email"], .aform input[type="password"], .aform input[type="search"], .aform select, .aform [class*="selectize-control"] .selectize-input, .aform .telcode > span:nth-child(2) > .inptflex, .aform .ininputicon > .inptflex, .aform .ininputreset > .inptflex, .aform .custom-numeric > .inptflex, .aform .fileinpt > span:nth-child(2), .aform .captcha > .inptflex, .aform .spaninpt > .inpt {min-height:var(--fih);} .aform label, .aform button, .aform input[type="button"], .aform input[type="submit"], .aform input[type="reset"], .aform .fileinpt, .aform .spaninpt {margin:0 4px 4px 0;} .aform .labelouter [class*="icon"] {margin:0 3px calc(var(--fsp) / 1.25) 0;} .aform input[type="text"]:not(.telcode input[type="text"]):not(.ininputicon input[type="text"]):not(.ininputreset input[type="text"]):not(.captcha input[type="text"]):not(.afoff input[type="text"]), .aform input[type="email"], .aform input[type="password"], .aform input[type="search"], .aform select, .aform .selectize-input, .aform .telcode > span:nth-child(2) > .inptflex, .aform .ininputicon > .inptflex, .aform .ininputreset > .inptflex, .aform .custom-numeric > .inptflex, .aform .fileinpt > span:nth-child(2), .aform .captcha:not(.afoff) > .inptflex, .aform .spaninpt > .inpt {padding:0 calc(var(--fsp) * 1.2) calc(var(--fsp) / 1.25) calc(var(--fsp) * 1.2);} .aform textarea {padding-top:0; padding-bottom:0; padding-left:calc(var(--fsp) * 1.2); padding-right:calc(var(--fsp) * 1.2);} .aform label:not([class*="chkboxc"]):not([class*="rdioc"]):not(.afoff), .aform .afoff input, .aform .fileinpt, .aform .spaninpt {background-color:#212629;} /* .aform input:-webkit-autofill {box-shadow:0 0 0 5em #f0f0f0 inset !important; border-radius:0;} */ .aform .selectize-control.multi .item {background-color:#FFFFFF80; border-color:#00000020;} .aform .selectize-control.plugin-remove_button [data-value] .remove {border-color:#FFFFFF20;} .aform .selectize-dropdown {margin-top:1px;} .aform .labelT {color:#9ab9c5; border-radius:0;} /* .aform .labelT [class*="icon"]:not(.ferror .labelT [class*="icon"]) {color:#cdc6be;} */ .aform .selectize-control.single .selectize-input:after, .aform .selectize-control.plugin-remove_button [data-value] .remove, .aform .custom-numeric .minusicon, .aform .ininputicon .inptflex [class*="icon"], .aform .ininputreset .closeicon, .aform .custom-numeric .plusicon, .aform .fileinpt .closeicon {color:#9ab9c5;} .aform ::-webkit-input-placeholder {color:#9ab9c5;} .aform :-moz-placeholder {color:#9ab9c5;} .aform ::-moz-placeholder {color:#9ab9c5;} .aform :-ms-input-placeholder {color:#9ab9c5;} .aform .ferror:not(.afoff) input, .aform .ferror .selectize-control.single .selectize-input:after, .aform .custom-numeric.ferror .minusicon, .aform .custom-numeric.ferror .plusicon {color:#FFF; text-shadow:none;} .aform .ferror ::-webkit-input-placeholder {color:#ffffffd0;} .aform .ferror :-moz-placeholder {color:#ffffffd0;} .aform .ferror ::-moz-placeholder {color:#ffffffd0;} .aform .ferror :-ms-input-placeholder {color:#ffffffd0;} .aform .ferror input:-webkit-autofill, .aform .ferror input:-webkit-autofill:hover, .aform .ferror input:-webkit-autofill:focus, textarea:-webkit-autofill, .aform .ferror textarea:-webkit-autofill:hover, .aform .ferror textarea:-webkit-autofill:focus, .aform .ferror select:-webkit-autofill, .aform .ferror select:-webkit-autofill:hover, .aform .ferror select:-webkit-autofill:focus {-webkit-text-fill-color:#FFF; -webkit-box-shadow:0 0 0px 1000px transparent inset; transition:background-color 5000s ease-in-out 0s;} .aform .labelT.reqd:after {color:#71d8f9;} .aform label.ferror:not(.afoff):not([class*="chkboxc"]):not([class*="rdioc"]) {background-color:#291a33; color:#FFF;} .aform label.ferror:not(.afoff):not([class*="chkboxc"]):not([class*="rdioc"]) .reqd, .aform label.ferror:not(.afoff):not([class*="chkboxc"]):not([class*="rdioc"]) .reqd:after {background-color:transparent; color:#FFF; padding:0;} .aform .afoff.ferror .ferrorField {background-color:#71d8f9; color:#FFF; text-shadow:none;} /**/ .aform .selectize-control.multi .selectize-input .item {font-size:.875em; margin:0 4px 4px 0;} .aform .selectize-control.multi .selectize-input.has-items {padding-top:0; padding-bottom:calc(var(--fsp) / 1.25 - 4px);} .aform .selectize-control.multi .selectize-input.has-items input {height:1em; margin-bottom:4px;} .aform .telcode > span:nth-child(1) {padding-left:calc(var(--fsp) * 1.2);} .aform .telcode > span:nth-child(2) > .inptflex {display:flex; align-items:center; padding-left:0;} .aform .telcode input[type="text"] {padding:0;} .aform .vibwh {margin:6px 0;} .aform .vibwh .labelT {margin-left:0; margin-top:0;} .aform .ininputicon input[type="text"] {padding:0 0 0 1.5em;} .aform .ininputreset input[type="text"] {padding:0 1em 0 0;} .aform .ininputreset .closeicon {padding:.375em 0 .375em .25em;} .aform .custom-numeric .inptflex {display:flex; align-items:center;} .aform .custom-numeric input[type="number"] {padding:0;} .aform .custom-numeric .minusicon, .aform .custom-numeric .plusicon {padding:.375em .125em; background-color:transparent;} .aform .fileinpt button {font-size:unset; height:unset; margin:0 0em 0 0;} .aform .fileinpt .closeicon {padding:.375em 0 .375em .25em; background-color:transparent;} .aform .captcha:not(.afoff) input[type="text"] {padding:0;} .aform .captcha:not(.afoff) img {height:1.3125em;} .aform label:not(.afoff) .labelT/* :not(.telcode .labelT) */, .aform .spaninpt .labelT {padding:0; margin:calc(var(--fsp) / 1.25) calc(var(--fsp) * 1.2) calc(var(--fsp) / 10) calc(var(--fsp) * 1.2); white-space:nowrap;} .aform label.telcode .labelT {margin-left:0;} .aform label[for="maillist"], .aform label[for="consent"] {margin-top:8px;} /**/ .cform .selectize-input, .cform #contactform .custom-numeric > .inptflex, .cform .labelT:not(.cform .captcha .labelT) {justify-content:center;} .cform, .cform label:not(.ininputicon) input, .cform select, .cform .selectize-dropdown .option, .cform .selectize-dropdown .optgroup, .cform .selectize-input, .cform textarea {text-align:center;} .cform .rdioc, .cform .chkboxc {flex-direction:column; align-items:center;} .cform .selectize-dropdown .optgroup > *:not(:first-child) {padding-left:var(--fsp);} .cform .selectize-control.single .selectize-input:not(.has-items) input {margin-left:auto;} .cform .selectize-control.single .selectize-input.has-items .item {margin-left:auto;} .cform .selectize-control.multi .item {margin:2px;} .aform .afoff, .aform .custom-numeric {vertical-align:bottom;} /**/ .cform:not(.aform) .labelT {margin-left:0;} .cform.aform .custom-numeric .inptflex {justify-content:center;} /* booking dates */ .bctt {z-index:1;} .bctt .tabbsc, .bctt .tabbsc > * {z-index:auto;} .tabbbtns {display:flex;} /* @media screen and (max-width:600px) { .tabbbtns {justify-content:center;} .bctt [data-label="close"].absolute {left:50%; transform:translateX(-50%);} } */ /* toggle engine */ .bctthide, .bctthide * {overflow:hidden; opacity:0; height:0; pointer-events:none; user-select:none;} .bctt .tabbsl, .bctt .tabbsc, .bctt [data-label="close"], .bctt [data-label="reopen"], .bctt [data-label="clear"] {transition:opacity .125s;} .bctt [data-label="close"] {align-self:flex-end; display:flex; align-items:center; justify-content:center; color:#aaa;} .bctt [data-label="close"] [class*="icon"] {font-size:.75em;} .bctt [data-label="close"] > span:before {/* content:"\e618"; */ padding:.375rem .375rem .25rem .375rem; margin:0 0 .25rem .375rem;} .bctt [data-label="reopen"] {display:flex; background-color:#0060B0; color:#FFF;} .bctt [data-label="reopen"] > div {display:flex; align-items:center; padding-top:.5em; padding-bottom:.5em;} .bctt [data-label="reopen"] [class*="icon"] {font-size:.75em;} .bctt [data-label="reopen"] p {margin-left:.375rem; font-size:1.125em; font-weight:700;} .bctt [data-label="clear"] {align-self:flex-end; display:flex; align-items:center; justify-content:center; color:#aaa;} .bctt [data-label="clear"] [class*="icon"] {font-size:.75em;} .bctt [data-label="clear"] > span:before {padding:.375rem .125rem .25rem .375rem; margin:0 0 .25rem 0;} /* tabs */ .bctt .tabbsl > * {display:flex; align-items:center; padding:.5rem 1rem .375rem 1rem; background-color:#323232; color:#9b9b9b; font-size:.875em; font-weight:600;} .bctt .tabbsl > *:nth-child(n) {margin:0; border-bottom-left-radius:0; border-bottom-right-radius:0;} .bctt .tabbsl > *:not(:last-child) {margin-right:1px;} .bctt .tabbsl > *.current {background-color:#212629; color:#FFF; font-size:1.25em; font-weight:700;} .bctt .tabbsc {overflow:inherit; background-color:#212629;} .bctt .tabbsc > * {background-color:transparent; padding:0; border-radius:0;} .bctt .tabbsc select {visibility:hidden;} @media screen and (min-width:501px) { .bctt .tabbsl > * > [class*="icon"] {margin-right:.375rem;} } @media screen and (max-width:500px) { .bctt .tabbsl > * {font-size:1.125em;} .bctt .tabbsl > *.current {font-size:1.5em;} .bctt .tabbsl > * > span:nth-child(2) {display:none;} } /* restyle fields */ .bctt [data-label*="selectize"] {max-width:none;} .bctt {--fih:1.875em; --ffz:1em; --brdc:#FFFFFF20;} .bctt input[type="text"], .bctt input[type="number"], .bctt .selectize-input {border-radius:0;} .bctt input[type="text"], .bctt input[type="number"], .bctt .selectize-input, .bctt .custom-numeric .minusicon, .bctt .custom-numeric .plusicon {height:auto; min-height:auto;} .bctt input[type="text"]:not(.selectize-input input), .bctt input[type="number"]:not(.custom-numeric input[type="number"]), .bctt .selectize-input, .bctt .custom-numeric > .inptflex {font-size:calc(var(--ffz) * 1.125) !important;} .bctt button {font-size:1.5em; height:auto;} .bctt input[type="text"]:not(.selectize-input input), .bctt input[type="number"]:not(.custom-numeric input[type="number"]), .bctt [class*="selectize-control"] .selectize-input, .bctt .custom-numeric > .inptflex {min-height:var(--fih);} .bctt label, .bctt button {margin:0;} .bctt input[type="text"], .bctt input[type="number"], .bctt .selectize-input, .bctt .custom-numeric > .inptflex {padding:0 calc(var(--fsp) * 1.2) 0 calc(var(--fsp) * 1.2);} .bctt input[type="text"], .bctt input[type="number"], .bctt .selectize-input {background-color:transparent; border:none;} .bctt input[type="text"], .bctt input[type="number"], .bctt input[type="email"], .bctt input[type="password"], .bctt select, .bctt textarea, .bctt .selectize-input, .bctt .selectize-input input {color:#FFF;} .bctt .labelT {color:#aaa;} .bctt .selectize-control.single .selectize-input:after, .bctt .selectize-control.plugin-remove_button [data-value] .remove, .bctt .custom-numeric .minusicon, .bctt .ininputicon .inptflex [class*="icon"], .bctt .ininputreset .closeicon, .bctt .custom-numeric .plusicon, .bctt .fileinpt .closeicon {color:#9ab9c5;} .bctt ::-webkit-input-placeholder {color:#9ab9c5;} .bctt :-moz-placeholder {color:#9ab9c5;} .bctt ::-moz-placeholder {color:#9ab9c5;} .bctt :-ms-input-placeholder {color:#9ab9c5;} .bctt .labelT.reqd:after {color:#c82;} .bctt .custom-numeric .inptflex {display:flex; align-items:center;} .bctt .custom-numeric input[type="number"] {padding:0;} .bctt .custom-numeric .minusicon, .bctt .custom-numeric .plusicon {padding:.375em .125em; background-color:transparent;} .bctt .labelT {padding:0; margin:calc(var(--fsp) / 1.75) calc(var(--fsp) * 1.2) calc(var(--fsp) / 10) calc(var(--fsp) * 1.2);} /* restyle selectize-fs .bctt .selectize-fs label {border-radius:var(--brd);} .bctt .selectize-fs label:not([class*="chkboxc"]):not([class*="rdioc"]) {background-color:#f0f0f0;} .bctt .selectize-fs .labelT {margin-top:calc(var(--fsp) / 1.75); color:#646464 !important;} .bctt .selectize-fs .selectize-input {padding-bottom:calc(var(--fsp) / 1.25) !important;} .bctt .selectize-fs .selectize-dropdown {border-top-left-radius:var(--brd); border-top-right-radius:var(--brd);} .bctt .selectize-fs input[type="text"], .bctt .selectize-fs .selectize-input {color:#212629;} */ /**/ .bcttwarning {display:none; cursor:default; position:absolute; bottom:0; left:1.5em; transform:translateY(100%); background-color:#c82; color:#FFF; padding:1em; width:calc(100% - 3em); text-align:center; border-top-left-radius:0; border-top-right-radius:0;} #crstartdate, #crenddate, #trstartdate, #trenddate, #todate {max-width:150px;} label[for*=hh-selectized], label[for*=mm-selectized] {min-width:4.5em;} /* .cttret.hidden, a.cttretbtn .hidden {display:none;} */ a.cttretbtn {display:flex; flex-direction:column; align-items:center; justify-content:center; color:#FFF; background-color:#252525; color:#9ab9c5; padding:.25rem; min-width:60px;} a.cttretbtn strong {font-size:.625em; font-weight:500; margin-bottom:.125rem;} /* responsive */ .bctt .flx0, .bctt .flx1, .bctt .flx2, .bctt .flx3, .bctt .flx4 {display:flex; z-index:auto;} [data-tabbc="tabb1"] .flx4, [data-tabbc="tabb2"] .flx4, [data-tabbc="tabb3"] .flx4, [data-tabbc="tabb3"] .flx2:nth-child(1), [data-tabbc="tabb3"] .flx3:nth-child(1) {padding:.75em 0;} @media screen and (min-width:1281px) { [data-tabbc="tabb1"] .flx1, [data-tabbc="tabb1"] .flx2 {flex:1 1 auto;} [data-tabbc="tabb1"] .flx2 > *:last-child {border-right:1px solid var(--brdc);} [data-tabbc="tabb1"] .flx2, [data-tabbc="tabb1"] .flx3:not(:last-child) {padding:.75em 0;} } @media screen and (max-width:1280px) { [data-tabbc="tabb1"] .flx1 {flex-wrap:wrap; flex:1 1 100%;} [data-tabbc="tabb1"] .flx2 {flex:1 1 100%; padding:.75em 0;} [data-tabbc="tabb1"] .flx3:not(:last-child) {flex:1 1 auto; padding:.75em 0; border-top:1px solid var(--brdc);} [data-tabbc="tabb1"] .flx3:not(:last-child) > *:first-child {flex:1 1 auto;} [data-tabbc="tabb1"] .flx4 {border-top:1px solid var(--brdc);} } @media screen and (max-width:960px) { [data-tabbc="tabb1"] .flx3:last-child {flex:1 1 100%;} [data-tabbc="tabb1"] .flx3:last-child > *:first-child {flex:1 1 auto;} } @media screen and (max-width:760px) { [data-tabbc="tabb1"] .flx3:not(:last-child) {flex:1 1 auto;} [data-tabbc="tabb1"] .flx3 > label:not(:last-child) {border-right:1px solid var(--brdc);} [data-tabbc="tabb1"] button {flex:1 1 100%; height:4rem;} } @media screen and (min-width:641px) { [data-tabbc="tabb1"] .flx2 > *:first-child {border-right:1px solid var(--brdc);} [data-tabbc="tabb1"] .flx3:last-of-type > label:last-child {border-right:none;} [data-tabbc="tabb1"] .flx3 > label {border-right:1px solid var(--brdc);} } @media screen and (max-width:640px) { [data-tabbc="tabb1"] .flx2 {flex-direction:column;} [data-tabbc="tabb1"] .flx2 > *:first-child {border-bottom:1px solid var(--brdc); padding-bottom:.75em; margin-bottom:.75em;} [data-tabbc="tabb1"] .flx3:not(:last-child) {flex:1 1 100%;} } @media screen and (min-width:1381px) { [data-tabbc="tabb2"] .flx1, [data-tabbc="tabb2"] .flx2 {flex:1 1 auto;} [data-tabbc="tabb2"] .flx2, [data-tabbc="tabb2"] .flx3:not(:last-child) {padding:.75em 0;} } @media screen and (max-width:1380px) { [data-tabbc="tabb2"] .flx1 {flex-wrap:wrap; flex:1 1 100%;} [data-tabbc="tabb2"] .flx2 {flex:1 1 100%; padding:.75em 0;} [data-tabbc="tabb2"] .flx3:not(:last-child) {flex:1 1 auto; padding:.75em 0; border-top:1px solid var(--brdc);} [data-tabbc="tabb2"] .flx3:not(:last-child) > *:first-child {flex:1 1 auto;} [data-tabbc="tabb2"] .flx4 {border-top:1px solid var(--brdc);} } @media screen and (max-width:1040px) { [data-tabbc="tabb2"] .flx3:last-child {flex:1 1 100%;} [data-tabbc="tabb2"] .flx3:last-child > *:first-child {flex:1 1 auto;} [data-tabbc="tabb2"] .flx3 > .flx3 > *:first-child {flex:0 1 auto;} } @media screen and (min-width:661px) { [data-tabbc="tabb2"] .flx3 > label {border-right:1px solid var(--brdc);} [data-tabbc="tabb2"] .flx3:last-of-type > label:last-child {border:none;} } @media screen and (max-width:660px) { [data-tabbc="tabb2"] .flx3:not(:last-child) {flex:1 1 100%;} [data-tabbc="tabb2"] .flx3 > label:not(:last-child) {border-right:1px solid var(--brdc);} } @media screen and (min-width:501px) { [data-tabbc="tabb2"] .flx2 > *:first-child {border-right:1px solid var(--brdc);} } @media screen and (max-width:500px) { [data-tabbc="tabb2"] .flx2 {flex-direction:column;} [data-tabbc="tabb2"] .flx2 > *:first-child {border-bottom:1px solid var(--brdc); padding-bottom:.75em; margin-bottom:.75em;} } @media screen and (max-width:420px) { [data-tabbc="tabb2"] .flx3 {flex-wrap:wrap;} [data-tabbc="tabb2"] .flx3:last-child > *:first-child {flex:1 1 100%;} [data-tabbc="tabb2"] .cttretbtn, [data-tabbc="tabb2"] button {height:4rem;} [data-tabbc="tabb2"] button {flex:1 1 auto;} } @media screen and (min-width:921px) { [data-tabbc="tabb3"] .flx2:nth-child(1) {flex:1 1 auto;} [data-tabbc="tabb3"] .flx2 > label {border-right:1px solid var(--brdc);} } @media screen and (max-width:920px) { [data-tabbc="tabb3"] .flx1 {flex-wrap:wrap;} [data-tabbc="tabb3"] .flx2 {flex:1 1 100%;} [data-tabbc="tabb3"] .flx3:nth-child(2), [data-tabbc="tabb3"] .flx3:nth-child(2) > *:first-child {flex:1 1 auto;} [data-tabbc="tabb3"] .flx3:nth-child(1), [data-tabbc="tabb3"] .flx4 {border-top:1px solid var(--brdc);} } @media screen and (min-width:621px) { [data-tabbc="tabb3"] .flx3:nth-child(1) > label {border-right:1px solid var(--brdc);} } @media screen and (max-width:620px) { [data-tabbc="tabb3"] .flx2 {flex-wrap:wrap;} [data-tabbc="tabb3"] .flx3 {flex:1 1 100%;} } @media screen and (min-width:401px) and (max-width:720px) { [data-tabbc="tabb3"] .flx3:nth-child(1) > label:nth-of-type(n+1) {flex:1 1 33.333334%;} [data-tabbc="tabb3"] .flx3:nth-child(1) > label:not(:last-child) {border-right:1px solid var(--brdc);} } @media screen and (max-width:400px) { [data-tabbc="tabb3"] .flx3 {flex-wrap:wrap;} [data-tabbc="tabb3"] .flx3:nth-child(1) > label:first-child {flex:1 1 100%;} [data-tabbc="tabb3"] .flx3:nth-child(1) > label:not(:first-child) {flex:1 1 50%;} [data-tabbc="tabb3"] .flx3:nth-child(1) > label:nth-child(2) {border-right:1px solid var(--brdc);} [data-tabbc="tabb3"] .flx3:nth-child(1) > label:first-child {margin-bottom:.75em;} } /* hh right style */ [data-tabbc*="tabb"] label[for*="hh-selectized"]:nth-child(n) {border-right:none} [data-tabbc*="tabb"] label[for*="hh-selectized"]:nth-child(n) .labelT {margin-right:0;} [data-tabbc*="tabb"] label[for*="hh-selectized"]:nth-child(n) .selectize-input {padding-right:0;} /* ctt forms common styles */ .cttlocdate > *:not(:last-child) {margin-bottom:1rem;} .cttlocdate > ul > li {display:flex; align-items:center; margin-bottom:.25rem;} .cttlocdate > ul > li:nth-child(1) {background-color:#f0f0f0; color:#646464; font-size:.75em; font-weight:600; padding:.25rem .5rem;} .cttlocdate > ul > li > *:not([class*="icon"]):not(:last-child) {margin-right:.5em;} .cttlocdate > ul > li > [class*="icon"] {margin-right:.25rem;} .cttlocdate:not(.hrz) > ul > li.cttselacc {font-size:1.25em; line-height:1.25;} .cttlocdate > ul > li.cttselacc strong {color:#0060B0;} .cttlocdate > ul > li [class*="icon"] {color:#646464;} .cttlocdate > ul > li [class*="icon"] {align-self:flex-start; margin-top:.125em;} .cttlocdate > ul > li:not(.cttselacc) strong {font-weight:500;} .cttlocdate [data-more="more"] {background-color:#646464; display:block; text-align:center;} .cttlocdate:not(.hrz) [data-more="more"] {padding-top:1em; padding-bottom:1em; width:100%; font-weight:600;} .cttlocdate.hrz {display:flex; flex-direction:column; align-items:flex-start;} .cttlocdate.hrz > ul {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:.25em;} .cttlocdate.hrz > ul > li:not(:last-child) {margin-right:.5em;} .ctttitle {font-size:1.375em; font-weight:700; margin-bottom:.375rem; color:#0060B0;} .ctttotal {display:inline-block; background-color:#0060B0; color:#FFF; padding:1em .75em;} .ctttotal > li:not(:last-child) {margin-bottom:.75em;} .ctttotal > li p {font-size:.875em; line-height:1.2; opacity:.85; margin-bottom:.25rem;} .ctttotal > li span {display:flex; margin-bottom:.25rem;} .ctttotal > li sup {margin-left:.125rem; opacity:.65;} .ctttotal > li:not(:last-child) sup {font-size:.75em;} .ctttotal > li:last-child sup {font-size:1.25em; font-weight:600;} .ctttotal > li strong { line-height:.7; margin-right:.125rem;} .ctttotal > li:not(:last-child) strong {font-size:1.375em; font-weight:700;} .ctttotal > li:last-child strong {font-size:2.75em; font-weight:700;} .cttbtntoggle {font-size:1em; background-color:#646464;} .cttbtntoggle [class*="icon"] {background-color:#FFF; color:#646464; border-radius:50%; padding:.25rem; font-size:.625em;} .cttpayment > *:not(:last-child) {margin-bottom:.5em;} .cttpaycc.disabled, .cttpaycrc.disabled, .cttpaypp.disabled {pointer-events:none; opacity:.4;} .cttpricepart {display:block;} .cttpricepart strong {color:#0060B0; font-size:1.25em; line-height:1.2; margin-right:.125rem;} .crbook button, .trbook button, .tobook button {font-size:1.75em; height:2.5em; margin:0;} /* car properties */ .crname h2 {line-height:1; display:inline;} .crsimilar {white-space:nowrap; font-size:.875em;} .crsubt {line-height:1.25; font-size:1.0625em; font-weight:500; margin-top:.25rem;} .crsale {cursor:default; display:flex; justify-content:center; align-items:center; border-radius:50%; width:3em; height:3em; border:2px solid #FFF; background-color:#c00; color:#FFF;} .crlistprice .total, .crlistprice .perday {line-height:1.05;} .crlistprice .total > strong {font-size:1.75em;} .crlistprice .perday > strong {font-size:1.125em;} .crlistprice .total sup, .crlistprice .perday sup {font-size:.875em; margin-left:.125rem; vertical-align:baseline;} .crlistprice .total sup strong, .crlistprice .perday sup strong {font-size:1.125em; color:#0060B0;} .crlistprice .presale {text-decoration:line-through; text-decoration-color:#c00;} .crlinks {display:flex; flex-wrap:wrap; align-items:center; margin-top:auto;} .crlinks a {margin-bottom:.25em;} .crlinks a:not(:only-child) {margin-right:.25em;} .crlinks [data-more="more"] {background-color:#646464;} .crprops {display:flex; flex-wrap:wrap; /* margin-top:.75em; */} .crprops li {display:inline-flex; align-items:center; margin:.625rem .75rem 0 0;} .crprops li p {color:#646464;} .crprops li strong {color:#0060B0; font-weight:600;} .crprops li strong:first-of-type:not(:only-child):before {content:":"; margin:0 .25rem 0 1px; color:#646464; font-weight:400;} .crprops li strong:not(:last-child):after {content:"|"; margin:0 .25rem; color:#646464; font-weight:400;} .crprops [class*="icon"] {font-size:1.125em; margin-right:.25rem; color:#646464;} .crprops .ecoicon {color:#080;} .crprops .bulleticon {font-size:.25rem; margin-right:.25rem;} .crprops .bulletrhombusicon {font-size:.3125rem; margin-right:.25rem;} .crsel {margin-bottom:1em;} .crsel .crsubt {font-size:1em;} .crsel figure {margin-top:.5em;} .crincludes .ctttitle, .crincludes .list > li:before {color:#080;} /* car list */ .crlist {display:flex; flex-wrap:wrap; justify-content:flex-start;} .crlist > li {opacity:0; overflow:hidden; background-color:#FFF; padding:.75em 1.5em 1em 1.5em; box-shadow:0 .125em .5em -.125em #00000020; display:flex; flex-direction:column;} .crlist .crname h2 {font-size:1.5em;} .crlist figure {margin-top:.625rem; margin-bottom:.75rem; align-self:center;} .crlist .flx1 {display:flex; flex-direction:column; margin-top:auto;} .crlist .flx2 {display:flex; flex-direction:column; margin-top:.75rem;} .crlist .crsale {margin:-5em 0 1.75em -.5em;} .crlist .crprops li {font-size:.875em;} @media screen and (max-width:640px) { .crlist .crname h2 {font-size:1.25em;} } .crlist {--epd:1.5em;} .crlist > li {margin:calc(var(--epd) / 2) var(--epd) calc(var(--epd) / 2) 0;} .crlist > li:last-child {margin-right:0;} @media screen and (min-width:1681px) {.crlist > li {width:calc(100% / 4 - var(--epd) / 4 * 3);} .crlist > li:nth-child(4n+4) {margin-right:0;}} @media screen and (max-width:1680px) and (min-width:1281px) {.crlist > li {width:calc(100% / 3 - var(--epd) / 3 * 2);} .crlist > li:nth-child(3n+3) {margin-right:0;} .crlist > li:last-child {margin-right:0;}} @media screen and (max-width:1280px) and (min-width:861px) {.crlist > li {width:calc(100% / 2 - var(--epd) / 2);} .crlist > li:nth-child(2n+2) {margin-right:0;}} @media screen and (max-width:860px) {.crlist > li {width:calc(100% - 0em); margin-right:0;}} /* car filters */ .crfiltr {z-index:auto;} .crfiltr > div {display:none; z-index:auto; font-size:.875em; padding-top:.375em;} .crfiltrbtn {display:inline-flex; align-items:center; cursor:pointer;} .crfiltrbtn strong {font-size:1.25em; font-weight:700; color:#0060B0;} .crfiltrbtn [class*="icon"] {font-size:.875em; margin-right:.25rem; color:#646464;} #filter-list {margin-top:5px;} .filtrs {display:flex; flex-wrap:wrap;} .filtrs > li.flitit {flex:1 1 100%;} .filtrs > li > ul {display:flex; flex-wrap:wrap;} .filtrs.select > li {margin:0 1em 5px 0;} .filtrs.select > li > span, .filtrs > li.flitit {margin-bottom:.25em;} .filtrs.select > li > ul > li, .filtrs.checkbox > li:not(.flitit), .filtrs.kindstypes > li:not(.flitit) {padding:.5em 1em; margin:0 2px 2px 0; user-select:none; cursor:pointer;} .filtrs.select > li > ul > li:not(.active), .filtrs.checkbox > li:not(.flitit):not(.active), .filtrs.kindstypes > li:not(.flitit):not(.active) {background-color:#e8e8e8; color:#646464;} .filtrs li.active {background-color:#0060B0; color:#FFF;} /* car detailed info */ .crdetinfo .crname h2 {font-size:1.75em;} .crdetinfo figure {max-width:750px; margin-top:.675em;} .crdetinfo .crsale {margin:-8em 0 6em -.75em;} .crdetinfo .crlistprice {margin-top:1em;} .crdetinfo [data-more="book"], .crdetinfo [data-more="request"] {font-size:1.25em; font-weight:700; margin-top:1em;} .priceDetails small {display:unset;} .priceDetails strong {font-weight:500; color:#0060B0; margin-right:.0625em;} /* car xtras */ .crxtras > li:not(:last-child) {margin-bottom:6px;} .crxtras label.chkboxc, .crxtras label.custom-numeric {background-color:#f0f0f0; width:100%; padding:.5em; margin:0; user-select:none;} .crxtras .chkboxcb {margin-right:.375em; background-color:#f8f8f8;} .crxtraprice {display:flex; align-items:center;} .crxtraprice strong {font-size:1.25em; line-height:1.2;} .crxtraprice sup {font-size:.875em; line-height:1.2;} .crxtraprice > *:not(:only-child):not(:last-child) {margin-right:.25rem;} .crxtras input[type="number"] {width:3em;} .crxtras label.crxtrasFree {background-color:#2B7A4E;} .crxtras label.crxtraschecked {background-color:#0060B0;} .crxtras label.crxtrasFree, .crxtras label.crxtraschecked, .crxtras label.crxtrasFree small, .crxtras label.crxtraschecked small {color:#FFF;} .crxtras label small:nth-child(n), .crxtras label small:nth-child(n) {margin-bottom:0;} .crxtras label.custom-numeric input[type="number"] {background-color:transparent; border-color:transparent; box-shadow:none;} .crxtras .custom-numeric .plusicon, .crxtras .custom-numeric .minusicon {background-color:transparent; color:#646464;} label.custom-numeric.crxtrasFree input[type="number"], label.custom-numeric.crxtraschecked input[type="number"], .crxtras .custom-numeric.crxtrasFree .plusicon, .crxtras .custom-numeric.crxtraschecked .plusicon, .crxtras .custom-numeric.crxtrasFree .minusicon, .crxtras .custom-numeric.crxtraschecked .minusicon {color:#FFF;} .crxtras .custom-numeric.crxtrasFree ::-webkit-input-placeholder, .crxtras .custom-numeric.crxtraschecked ::-webkit-input-placeholder {color:#FFFFFFA0;} .crxtras .custom-numeric.crxtrasFree :-moz-placeholder, .crxtras .custom-numeric.crxtraschecked :-moz-placeholder {color:#FFFFFFA0;} .crxtras .custom-numeric.crxtrasFree ::-moz-placeholder, .crxtras .custom-numeric.crxtraschecked ::-moz-placeholder {color:#FFFFFFA0;} .crxtras .custom-numeric.crxtrasFree :-ms-input-placeholder, .crxtras .custom-numeric.crxtraschecked :-ms-input-placeholder {color:#FFFFFFA0;} .crxtras .inptflex {display:flex; align-items:center;} .crxtras .inptflex > span:last-child {margin-left:.375em;} /* car book form */ .crbook {margin-top:1em;} .crbook > * {max-width:100%;} .crbook > .flx1 > .flx2:nth-child(2) > div > *:not(:last-child):not(:only-child) {margin-bottom:.75em;} @media screen and (min-width:1401px) { .crbook > .flx1 {display:flex; flex:0 0 700px;} .crbook > .flx1 > .flx2:nth-child(2) {display:flex; flex:0 0 450px;} .crbook > .flx1 > .flx2:nth-child(2) > div > * {margin-right:1em; flex:1 1 100%;} .crbook .crdform {max-width:calc(100% - 700px - 2em - 6px);} } @media screen and (max-width:1400px) and (min-width:1101px) { .crbook > .flx1 {display:flex; flex:0 0 550px;} .crbook > .flx1 > .flx2:nth-child(2) {flex:0 0 300px;} .crbook .crdform {max-width:calc(100% - 550px - 2em - 6px);} } @media screen and (max-width:1400px) { .crbook .ctttotal {margin-top:1em;} } @media screen and (min-width:1101px) { .crbook > .flx1 > .flx2:nth-child(1) {margin-right:2em;} } @media screen and (max-width:1101px) { .crbook > .flx1 {flex:0 0 270px;} .crbook > .flx1 > .flx2:nth-child(2) {margin-top:1em;} .crbook .crdform {max-width:calc(100% - 270px - 2em - 6px);} } @media screen and (min-width:721px) { .crbook > .flx1 {margin-right:2em;} .crbook {display:flex; align-items:flex-start;} } @media screen and (max-width:720px) { .crbook .crdform {max-width:100%; margin-top:1em;} } /* transfer book form */ @media screen and (min-width:901px) { .trbook > .flx1 {display:flex;} .trbook > .flx1:nth-child(1) {flex:0 0 400px;} .trbook > .flx1 .ctttotal {margin-left:1em;} .trbook .trdform {max-width:calc(100% - 400px - 2em - 6px);} } @media screen and (max-width:900px) and (min-width:721px) { .trbook > .flx1:nth-child(1) {flex:0 0 270px;} .trbook .trdform {max-width:calc(100% - 270px - 2em - 6px);} } @media screen and (max-width:900px) { .trbook .ctttotal {margin-top:1em;} } @media screen and (min-width:721px) { .trbook {display:flex; align-items:flex-start;} .trbook > .flx1:nth-child(1) {margin-right:2em;} } @media screen and (max-width:720px) { .trdform {margin-top:1em;} } /* tour book form */ @media screen and (min-width:901px) { .tobook > .flx1 {display:flex;} .tobook > .flx1:nth-child(1) {flex:0 0 400px;} .tobook > .flx1 .ctttotal {margin-left:1em;} .tobook .trdform {max-width:calc(100% - 400px - 2em - 6px);} } @media screen and (max-width:900px) and (min-width:721px) { .tobook > .flx1:nth-child(1) {flex:0 0 270px;} .tobook .trdform {max-width:calc(100% - 270px - 2em - 6px);} } @media screen and (max-width:900px) { .tobook .ctttotal {margin-top:1em;} } @media screen and (min-width:721px) { .tobook {display:flex; align-items:flex-start;} .tobook > .flx1:nth-child(1) {margin-right:2em;} } @media screen and (max-width:720px) { .trdform {margin-top:1em;} } /**/ .hdnbtn {display:inline-flex; align-items:center; margin-bottom:.5rem;} .hdnbtn > * {margin:0;} .hdnbtn [class*="icon"] {background-color:#0060B0; color:#FFF; padding:.5em; margin-right:.375rem; font-size:.875em;} /**/ .itblc > ul {display:flex; flex-wrap:wrap; width:100%;} .itblct {display:flex; justify-content:center; align-items:center; background-color:#FFF;} .itblct > * {text-align:center; max-width:500px;} .itblci .figcaption {text-align:center;} .itblci .figcaption > div {margin-top:2.5em; margin-bottom:2.5em;} .itblc .imgexp {height:100%;} .itblc .imgexp.ratioexp:before {padding-bottom:calc(100% * 8/16);} @media screen and (min-width:981px) { .itblc {padding-left:0; padding-right:0;} .itblc > ul > li {width:50%;} .itblc > ul:nth-child(even) .itblct {order:1;} .itblc > ul:nth-child(even) .itblci {order:2;} .itblc .imgexp {min-height:360px;} .itblc > ul:nth-child(odd) .itblci, .itblc > ul:nth-child(odd) .itblci .imgexp figure > *:first-child * {border-top-right-radius:0; border-bottom-right-radius:0;} .itblc > ul:nth-child(odd):not(:last-child) .itblci, .itblc > ul:nth-child(odd):not(:last-child) .itblci .imgexp figure > *:first-child * {border-bottom-left-radius:0;} .itblc > ul:nth-child(odd) .itblct {border-top-left-radius:0; border-bottom-left-radius:0;} .itblc > ul:nth-child(odd):not(:last-child) .itblct {border-bottom-right-radius:0;} .itblc > ul:nth-child(odd):last-child:not(:only-child) .itblci, .itblc > ul:nth-child(odd):last-child:not(:only-child) .itblci .imgexp figure > *:first-child * {border-top-left-radius:0;} .itblc > ul:nth-child(odd):last-child:not(:only-child) .itblct {border-top-right-radius:0;} .itblc > ul:nth-child(even) .itblci, .itblc > ul:nth-child(even) .itblci .imgexp figure > *:first-child * {border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0;} .itblc > ul:nth-child(even) .itblct {border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:0;} .itblc > ul:nth-child(odd):not(:first-child):not(:last-child) .itblct, .itblc > ul:nth-child(odd):not(:first-child):not(:last-child) .itblci .imgexp figure > *:first-child *, .itblc > ul:nth-child(even):not(:first-child):not(:last-child) .itblct, .itblc > ul:nth-child(even):not(:first-child):not(:last-child) .itblci .imgexp figure > *:first-child * {border-radius:0;} } @media screen and (max-width:980px) { .itblc {margin:0 auto;} .itblc > ul:not(:last-child) {margin-bottom:1.5em;} .itblc > ul > li {width:100%;} .itblct {padding-top:1.25em; padding-bottom:1.25em; border-top-left-radius:0; border-top-right-radius:0;} .itblc .imgexp figure, .itblc .imgexp figure > *:first-child * {border-bottom-left-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:1770px) { .nrw:not(.pdLR) > .itblc .itblci, .nrw:not(.pdLR) > .itblc .itblci .imgexp figure > *:first-child *, .nrw:not(.pdLR) > .itblc .itblct {border-radius:0;} } /**/ .itsblc > ul {display:flex; flex-wrap:wrap; align-items:center; width:100%;} .itsblc > ul:not(:last-child) {margin-bottom:3em;} .itsblct {display:flex; justify-content:center; align-items:center;} .itsblc .imgexp {height:100%;} .itsblc .imgexp.ratioexp:before {padding-bottom:calc(100% * 8/16);} .itsblct > div {width:100%;} .itsblct > div > article {background-color:#FFF;} @media screen and (min-width:681px) { .itsblct > div {border:1px solid #FFF; padding:1em;} .itsblct {z-index:1; width:calc(260px + 180px); margin-top:4em; margin-bottom:4em;} .itsblci {width:calc(100% - 260px); align-self:stretch;} .itsblc > ul:nth-child(odd) .itsblct {order:2; margin-left:-180px;} .itsblc > ul:nth-child(odd) .itsblci {order:1;} .itsblc > ul:nth-child(even) .itsblct {order:1; margin-right:-180px;} .itsblc > ul:nth-child(even) .itsblci {order:2;} .itsblc > ul:nth-child(odd) .itsblct > div > article {background:linear-gradient(90deg, rgba(255,255,255, .8) 0%, rgba(255,255,255,1) 35%);} .itsblc > ul:nth-child(even) .itsblct > div > article {background:linear-gradient(270deg, rgba(255,255,255, .8) 0%, rgba(255,255,255,1) 35%);} .itsblc .imgexp {min-height:360px;} } @media screen and (max-width:1000px) and (min-width:681px) { .itsblct {width:calc(160px + 280px);} .itsblci {width:calc(100% - 160px);} .itsblc > ul:nth-child(odd) .itsblct {margin-left:-280px;} .itsblc > ul:nth-child(even) .itsblct {margin-right:-280px;} } @media screen and (max-width:680px) { .itsblc {margin:0 auto;} .itsblc > ul:not(:last-child) {margin-bottom:1.5em;} .itsblc > ul > li {width:100%;} .itsblct > div > article {padding-top:1.25em; padding-bottom:1.25em;} } @media screen and (max-width:1770px) { .nrw:not(.pdLR) > .itsblc > ul:nth-child(odd) .itsblci, .nrw:not(.pdLR) > .itsblc > ul:nth-child(odd) .itsblci .imgexp figure > *:first-child *, .nrw:not(.pdLR) > .itsblc > ul:nth-child(even) .itsblct > div, .nrw:not(.pdLR) > .itsblc > ul:nth-child(even) .itsblct > div > article {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) > .itsblc > ul:nth-child(even) .itsblct > div {border-left:none; padding-left:0;} .nrw:not(.pdLR) > .itsblc > ul:nth-child(even) .itsblci, .nrw:not(.pdLR) > .itsblc > ul:nth-child(even) .itsblci .imgexp figure > *:first-child *, .nrw:not(.pdLR) > .itsblc > ul:nth-child(odd) .itsblct > div, .nrw:not(.pdLR) > .itsblc > ul:nth-child(odd) .itsblct > div > article {border-top-right-radius:0; border-bottom-right-radius:0;} .nrw:not(.pdLR) > .itsblc > ul:nth-child(odd) .itsblct > div {border-right:none; padding-right:0;} } .itsblct .icprops {margin:.5em 0;} .itsblct .icprops > li {margin:0 16px 8px 0;} .itsblct .icprops > li > div {background-color:transparent; padding:0;} /**/ .ito {display:flex; flex-wrap:wrap;} .ito > * {flex:0 0 50%;} .ito .imgexp {justify-content:flex-end;} .ito .figcaption {background-color:#212629A5; padding:1.25em 1.5em; margin-left:2.5em; border-top-right-radius:0; border-bottom-right-radius:0; text-align:right;} .ito .figcaption > div *:last-child {margin-bottom:0;} .ito .imgexp.ratioexp:before {padding-bottom:calc(100% * 8/16);} @media screen and (min-width:681px) {.ito .figcaption {max-width:50%;}} @media screen and (max-width:680px) { .ito > * {flex-basis:100%; margin-bottom:1.5em;} .ito .figcaption {max-width:280px;} .nrw:not(.pdLR) > .ito > .imgexp figure > *:first-child * {border-radius:0;} } .ito > .imgexp:nth-child(odd):first-child:not(:only-child):not(:nth-last-child(-n+1)) figure > *:first-child * {border-top-right-radius:0; border-bottom-right-radius:0;} .ito > .imgexp:nth-child(odd):first-child:not(:only-child):not(:nth-last-child(-n+2)) figure > *:first-child * {border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0;} .ito > .imgexp:nth-child(even):nth-child(2) figure > *:first-child * {border-top-left-radius:0; border-bottom-left-radius:0;} .ito > .imgexp:nth-child(even):nth-child(2):not(:nth-last-child(-n+1)):not(:nth-last-child(-n+2)) figure > *:first-child * {border-top-left-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0;} .ito > .imgexp:nth-child(odd):not(:first-child):not(:last-child):not(:nth-last-child(-n+2)) figure > *:first-child *, .ito > .imgexp:nth-child(even):not(:first-child):not(:last-child):not(:nth-last-child(-n+2)):not(:nth-child(2)) figure > *:first-child * {border-radius:0;} .ito > .imgexp:nth-child(odd):last-child:not(:only-child) figure > *:first-child * {border-top-left-radius:0; border-top-right-radius:0;} .ito > .imgexp:nth-child(even):nth-last-child(-n+2):not(:nth-child(2)) figure > *:first-child * {border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0;} .ito > .imgexp:nth-child(odd):nth-last-child(-n+2):not(:last-child):not(:first-child) figure > *:first-child * {border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:0;} @media screen and (max-width:1770px) and (min-width:681px) { .nrw:not(.pdLR) > .ito > .imgexp figure > *:first-child * {border-radius:0;} .nrw:not(.pdLR) > .ito > .imgexp:only-child figure > *:first-child * {border-top-right-radius:var(--brd); border-bottom-right-radius:var(--brd);} .nrw:not(.pdLR) > .ito > .imgexp:nth-child(odd):last-child:not(:only-child) figure > *:first-child * {border-bottom-right-radius:var(--brd);} } /**/ .ith > div > div {margin-bottom:var(--epd);} .ith .figcaption {text-align:center; max-width:25em;} .ith .figcaption > div {margin-top:2.5em; margin-bottom:2.5em;} .ith .figcaptionmask {position:absolute; width:100%; height:100%; background:#00000050;} @media screen and (min-width:681px) { .ith {display:flex; flex-wrap:wrap;} .ith > div {display:flex; flex-direction:column; flex:1; justify-content:space-between;} .ith > div > div {height:100%; background-color:#aaa;} .ith > div:nth-child(1) {margin-right:calc(var(--epd) / 2);} .ith > div:nth-child(2) {margin-left:calc(var(--epd) / 2);} } @media screen and (max-width:680px) { .ith > div:nth-child(1) {margin-bottom:var(--epd);} .nrw:not(.pdLR).ith .imgexp figure > *:first-child * {border-radius:0;} } @media screen and (max-width:1770px) and (min-width:681px) { .nrw:not(.pdLR).ith > div:nth-child(1) > .imgexp figure > *:first-child * {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR).ith > div:nth-child(2) > .imgexp figure > *:first-child * {border-top-right-radius:0; border-bottom-right-radius:0;} } /**/ .tpl {display:flex; flex-wrap:wrap; justify-content:center; padding-top:var(--epd);} .tpl > div {background-color:#FFF;} .tpl[class] > div:last-child {margin-right:0;} .tpl.ch1 > * {flex:0 0 100%; margin-bottom:var(--epd);} @media screen and (min-width:1181px) { .tpl.ch2 > * {flex:0 0 calc(100% / 2 - var(--epd) / 2); margin:0 var(--epd) var(--epd) 0;} .tpl.ch2 > *:nth-child(2n+2) {margin-right:0;} .tpl.chu > * {flex:0 0 calc(100% / 3 - var(--epd) / 3 * 2); margin:0 var(--epd) var(--epd) 0;} .tpl.chu > *:nth-child(3n+3) {margin-right:0;} } @media screen and (max-width:1180px) and (min-width:981px) { .tpl.ch2 > *, .tpl.chu > * {flex:0 0 calc(100% / 2 - var(--epd) / 2); margin:0 var(--epd) var(--epd) 0;} .tpl.ch2 > *:nth-child(2n+2), .tpl.chu > *:nth-child(2n+2) {margin-right:0;} } @media screen and (max-width:980px) { .tpl.ch2 > *, .tpl.chu > * {flex:0 0 100%; margin-bottom:var(--epd);} } .tpl.chu > *:last-child {margin-right:0;} @media screen and (max-width:1770px) { .nrw:not(.pdLR) .tpl.ch1 > * {border-radius:0;} } @media screen and (max-width:1770px) and (min-width:981px) { .nrw:not(.pdLR) .tpl.ch2 > *:nth-child(1) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .tpl.ch2 > *:nth-child(2) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:1770px) and (min-width:1181px) { .nrw:not(.pdLR) .tpl.chu > *:nth-child(3n+1):not(:nth-last-child(-n+2)) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .tpl.chu > *:nth-child(3n+3) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:1180px) and (min-width:981px) { .nrw:not(.pdLR) .tpl.chu > *:nth-child(2n+1):not(:nth-last-child(-n+1)) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .tpl.chu > *:nth-child(2n+2) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:980px) { .nrw:not(.pdLR) .tpl.ch2 > *, .nrw:not(.pdLR) .tpl.chu > * {border-radius:0;} } /**/ .vpl {display:flex; flex-wrap:wrap; justify-content:center;} .vpl > * {padding:1.5em; background-color:#FFF; margin-bottom:var(--epd); display:flex; flex-direction:column; justify-content:center;} .vpl.ch1 > * {flex:0 0 100%; margin-bottom:var(--epd);} @media screen and (min-width:1381px) { .vpl.ch2 > * {flex:0 0 calc(100% / 2 - var(--epd) / 2); margin:0 var(--epd) var(--epd) 0;} .vpl.ch2 > *:nth-child(2n+2) {margin-right:0;} .vpl.ch3 > * {flex:0 0 calc(100% / 3 - var(--epd) / 3 * 2); margin:0 var(--epd) var(--epd) 0;} .vpl.ch3 > *:nth-child(3n+3) {margin-right:0;} .vpl.chu > * {flex:0 0 calc(100% / 4 - var(--epd) / 4 * 3); margin:0 var(--epd) var(--epd) 0;} .vpl.chu > *:nth-child(4n+4) {margin-right:0;} } @media screen and (max-width:1380px) and (min-width:941px) { .vpl.ch2 > * {flex:0 0 calc(100% / 2 - var(--epd) / 2); margin:0 var(--epd) var(--epd) 0;} .vpl.ch2 > *:nth-child(2n+2) {margin-right:0;} .vpl.ch3 > *, .vpl.chu > * {flex:0 0 calc(100% / 3 - var(--epd) / 3 * 2); margin:0 var(--epd) var(--epd) 0;} .vpl.ch3 > *:nth-child(3n+3), .vpl.chu > *:nth-child(3n+3) {margin-right:0;} } @media screen and (max-width:940px) and (min-width:681px) { .vpl.ch2 > *, .vpl.ch3 > *, .vpl.chu > * {flex:0 0 calc(100% / 2 - var(--epd) / 2); margin:0 var(--epd) var(--epd) 0;} .vpl.ch2 > *:nth-child(2n+2), .vpl.ch3 > *:nth-child(2n+2), .vpl.chu > *:nth-child(2n+2) {margin-right:0;} } @media screen and (max-width:680px) { .vpl.ch2 > *, .vpl.ch3 > *, .vpl.chu > * {flex:0 0 100%; margin-bottom:var(--epd);} } .vpl.chu > *:last-child {margin-right:0;} @media screen and (max-width:1770px) { .nrw:not(.pdLR) .vpl.ch1 > * {border-radius:0;} } @media screen and (max-width:1770px) and (min-width:681px) { .nrw:not(.pdLR) .vpl.ch2 > *:nth-child(1) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .vpl.ch2 > *:nth-child(2) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:1770px) and (min-width:941px) { .nrw:not(.pdLR) .vpl.ch3 > *:nth-child(1) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .vpl.ch3 > *:nth-child(3) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:1770px) and (min-width:1381px) { .nrw:not(.pdLR) .vpl.chu > *:nth-child(4n+1):not(:nth-last-child(-n+3)) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .vpl.chu > *:nth-child(4n+4) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:1380px) and (min-width:941px) { .nrw:not(.pdLR) .vpl.chu > *:nth-child(3n+1):not(:nth-last-child(-n+2)) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .vpl.chu > *:nth-child(3n+3) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:940px) and (min-width:681px) { .nrw:not(.pdLR) .vpl.ch3 > *:nth-child(1), .nrw:not(.pdLR) .vpl.chu > *:nth-child(2n+1):not(:nth-last-child(-n+1)) {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) .vpl.ch3 > *:nth-child(2), .nrw:not(.pdLR) .vpl.chu > *:nth-child(2n+2) {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:680px) { .nrw:not(.pdLR) .vpl.ch2 > *, .nrw:not(.pdLR) .vpl.ch3 > *, .nrw:not(.pdLR) .vpl.chu > * {border-radius:0;} } .vpl > * h2 {font-size:1.125em; font-weight:700; color:#0060B0;} /**/ .vplclm {columns:300px 4; column-gap:.5em;} .vplclm > * {break-inside:avoid-column; display:inline-block; width:100%; margin-bottom:.5em; padding:1.5em; background-color:#FFF;} .vplclm > * > h2 {font-size:1.125em; font-weight:700; color:#0060B0;} /**/ .icblts {display:flex; flex-wrap:wrap; justify-content:center; background-color:#f3ece3; padding:1em 0; /* padding-top:1.5em; padding-bottom:1.5em; */} .icblts > li {flex-basis:25%; padding:1em .5em; text-align:center;} .icblts [class*="icon"] {font-size:2.0em;} .icblts p {line-height:1.2;} .icblts strong {display:block; color:#715540; font-size:1.25em; font-weight:700;} .icblts > li:nth-child(6n+1) [class*="icon"] {color:#e3c470;} .icblts > li:nth-child(6n+2) [class*="icon"] {color:#e3a070;} .icblts > li:nth-child(6n+3) [class*="icon"] {color:#ad907a;} .icblts > li:nth-child(6n+4) [class*="icon"] {color:#cfac77;} .icblts > li:nth-child(6n+5) [class*="icon"] {color:#55bfda;} .icblts > li:nth-child(6n+6) [class*="icon"] {color:#55dab9;} @media screen and (max-width:800px) { .icblts > li {margin:.75rem 0;} .icblts > li {flex-basis:50%;} } @media screen and (max-width:460px) { .icblts {flex-direction:column; margin:0 auto;} .icblts > li {margin:.75rem 0;} } /**/ .iclistc {border-top:1px solid #f2f2f2; padding-top:2em; margin-bottom:2em; background-color:#00339905; background:linear-gradient(180deg, #f5f5f5 0%, #f8f8f8 100%);} .iclistc .ccn {margin-bottom:1.5em;} .iclist {display:flex; flex-wrap:wrap; justify-content:center;} .iclist > li {padding:1em; margin-bottom:1em; display:flex; flex-direction:column; justify-content:center; text-align:center; background-color:#FFF;} .iclist {--epd:2em;} .iclist > li:last-child {margin-right:0;} @media screen and (min-width:1081px) {.iclist > li {width:calc(100% / 6 - (var(--epd) / 2 * 5 / 6)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .iclist > li:nth-child(6n+6) {margin-right:0;}} @media screen and (max-width:1080px) and (min-width:681px) {.iclist > li {width:calc(100% / 4 - (var(--epd) / 2 * 3 / 4)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .iclist > li:nth-child(4n+4) {margin-right:0;}} @media screen and (max-width:680px) and (min-width:421px) {.iclist > li {width:calc(100% / 3 - (var(--epd) / 2 * 2 / 3)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .iclist > li:nth-child(3n+3) {margin-right:0;}} @media screen and (max-width:420px) {.iclist > li {width:calc(100% / 2 - (var(--epd) / 2 * 1 / 2)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .iclist > li:nth-child(2n+2) {margin-right:0;}} .iclist [class*="icon"] {font-size:2em; margin-bottom:.5rem; color:#646464; text-shadow:0 1px 0 #fff, 0 0 .5em #ffffff20;} .iclist p strong {display:block; color:#0060B0; font-size:1.25em; font-weight:700;} /**/ .icprops {margin:1em 0;} .icprops > li {vertical-align:top; display:inline-flex;} .ccn .icprops > li {margin:2px;} [class*="txblc"] .icprops > li {margin:0 4px 4px 0;} .icprops > li > div {align-self:flex-start; display:inline-flex; align-items:center; padding:.375em .75em; background-color:#FFF;} .icprops p {margin-bottom:0; text-align:left;} .icprops > li > div > span[class*="icon"] {align-self:flex-start; font-size:1.75em;} .icprops > li > div > *:first-child {margin-right:.375rem;} .icprops > li > div > *:not(:first-child):not(:last-child) {margin-right:.5rem;} .icprops > li > div > *:only-child {margin:0;} /* list block */ .lstb {display:flex; flex-wrap:wrap; justify-content:center;} .lstb > a {overflow:hidden; box-shadow:0 .125em .5em -.125em #00000020; display:flex; flex-direction:column;} .lstb figure, .lstb img, .lstb [class^="imgfx"] {border-bottom-left-radius:0; border-bottom-right-radius:0;} .lstb > a > div {background-color:#FFF; padding:.75em 1.5em 1em 1.5em; height:100%; border-top-left-radius:0; border-top-right-radius:0;} .lstb > a > div *:last-child {margin-bottom:0;} .lstb {--epd:1.5em;} .lstb > a {margin:calc(var(--epd) / 2) var(--epd) calc(var(--epd) / 2) 0;} .lstb > a:last-child {margin-right:0;} @media screen and (min-width:1681px) {.lstb > a {width:calc(100% / 4 - var(--epd) / 4 * 3);} .lstb > a:nth-child(4n+4) {margin-right:0;}} @media screen and (max-width:1680px) and (min-width:1281px) {.lstb > a {width:calc(100% / 3 - var(--epd) / 3 * 2);} .lstb > a:nth-child(3n+3) {margin-right:0;} .lstb > a:last-child {margin-right:0;}} @media screen and (max-width:1280px) and (min-width:861px) {.lstb > a {width:calc(100% / 2 - var(--epd) / 2);} .lstb > a:nth-child(2n+2) {margin-right:0;}} @media screen and (max-width:860px) {.lstb > a {width:calc(100% - 0em); margin-right:0;}} /* list sub block */ .lstbs {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin-top:2em;} .lstbs > a {display:flex; flex-direction:column; max-width:280px; /* float:left; */ background-color:#0060B0; color:#FFF; padding:1em 1.5em 1em 1em;} .lstbs > a:not(:last-child) {margin:0 .75em .75em 0;} .lstbs > a > [class*="icon"] {background-color:#212629; color:#FFF; padding:.5em; position:absolute; top:-.375em; right:-.375em; border-radius:50%;} .lstbs > a > [class*="icon"]:before {font-size:.75em;} .lstbs > a > p:nth-of-type(1) {font-size:1.0em; font-weight:500;} .lstbs > a > p:nth-of-type(2) {margin-bottom:0;} .lstbs > a > p:nth-of-type(3) {font-size:.875em;} /* --------- images --------- */ .singleshort {min-height:48vh;} .ym .singleshort {min-height:78vh;} @media (min-width:800px) {.yf .singleshort {height:calc(100vh - 0px);}} @media (max-width:800px) {.singleshort {min-height:420px;}} .singleshort.ratioexp:before {padding-bottom:calc(100% * 4/16);} .singleshort.imgexp .figcaption > div {text-align:center; max-width:550px; margin-top:5em; margin-bottom:5em;} /* image expanding */ .imgexp {display:flex; justify-content:center; align-items:center;} .imgexp figure {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;} .imgexp figure > * {position:absolute; left:0; top:0; right:0; bottom:0;} .imgexp .figcaption > div * {color:#FFF; border-color:#FFF;} /* in text image */ .intextimg, .aszimg {max-width:100%; flex-direction:column; align-items:flex-start; vertical-align:top; margin:.125em 0;} .intextimg img[data-sizes="auto"] {width:200px; max-width:100%;} .intextimg figcaption, .aszimg figcaption {font-size:.750rem; width:100%; max-width:200px; padding:.25rem .5rem 0 .5rem;} .aszimg img {max-width:100%;} .aszimg img, .aszimg [class^=imgfx] {border-radius:0;} /* @media screen and (min-width:881px) {.intextimg {align-items:center;} .intextimg figcaption {text-align:center;}} */ /* --------- csldr --------- */ .csldr {--tman:1.5s; --tmch:calc(6s + var(--tman));} .csldr {width:100%; min-height:420px; height:calc(100vw * 0.5625); max-height:56vh; overflow:hidden;} .ym .csldr {max-height:78vh;} @media (min-width:800px) {.yf .csldr {height:calc(100vh - 0px); max-height:none;}} .csldr-slds {width:100%; height:100%;} .csldr-sld {display:none; justify-content:center; align-items:center;} .csldr-sld.active {display:flex;} /* fade transition [ absolute ] .csldr-sld {position:absolute !important; top:0; left:0; right:0; bottom:0; opacity:0; transition:opacity var(--tman) cubic-bezier(1, .1, .8, 1); z-index:0;} .csldr-sld.active {opacity:1; z-index:1;} */ /* fade animation [ absolute ] */ .csldr-sld {position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:0; opacity:0; animation:sldFade-out var(--tman) cubic-bezier(1, .1, 1, 1);} .csldr-sld.active {opacity:1; animation:sldFade-in var(--tman) cubic-bezier(1, 1, 1, 1); z-index:2;} .csldr-sld.prevs {z-index:1;} @keyframes sldFade-in {0% {opacity:0;} 100% {opacity:1;}} @keyframes sldFade-out {0% {opacity:1;} 100% {opacity:0;}} .csldr img {transform:scale(1) rotate(0); transition:transform 4s cubic-bezier(.3, .1, .9, 1);} .csldr-sld:not(.wait).active img {transform:scale(1.1) rotate(-.5deg); transition:transform var(--tmch) cubic-bezier(.3, .1, .9, 1);} /* slide from top [ absolute ] .csldr-sld {position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:0; transform:translateY(-100%); animation:sldSlideY-out var(--tman);} .csldr-sld.active {transform:translateY(0%); animation:sldSlideY-in var(--tman); z-index:2;} .csldr-sld.prevs {z-index:1;} @keyframes sldSlideY-in {0% {transform:translateY(-100%);} 45% {transform:translateY(10%);} 100% {transform:translateY(0%);}} @keyframes sldSlideY-out {0% {transform:translateY(0%);} 25% {transform:translateY(10%);} 100% {transform:translateY(-100%);}} */ /* right to left and backwrads [ absolute ] .csldr-sld {position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:0; transform:translateX(100%); animation:sldSlideX-out var(--tman) cubic-bezier(.8, 0, .9, .6);} .csldr-sld.active {z-index:2; animation:sldSlideX-in var(--tman) cubic-bezier(.3, 0, .9, .5); transform:translateX(0);} .csldr-sld.prevs {z-index:1;} @keyframes sldSlideX-in {0% {transform:translateX(100%);} 100% {transform:translateX(0%);}} @keyframes sldSlideX-out {0% {transform:translateX(0%);} 100% {transform:translateX(-100%);}} .csldr-sld.backwards {position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:0; transform:translateX(-100%); animation:sldSlideX-outb var(--tman) cubic-bezier(.8, 0, .9, .6);} .csldr-sld.backwards.active {z-index:2; animation:sldSlideX-inb var(--tman) cubic-bezier(.3, 0, .9, .5); transform:translateX(0);} .csldr-sld.backwards.nexts {z-index:1;} @keyframes sldSlideX-inb {0% {transform:translateX(-100%);} 100% {transform:translateX(0%);}} @keyframes sldSlideX-outb {0% {transform:translateX(0%);} 100% {transform:translateX(100%);}} .csldr img {transform:scale(1); transform-origin:center right; transition:transform 4s ease-out 1s;} .csldr-sld:not(.wait).active img {transform:scale(1.15); transform-origin:center right; transition:transform var(--tmch) ease-out;} */ .csldr figure, .csldr figure > * {position:absolute; top:0; left:0; right:0; bottom:0;} /* .csldr, .csldr figure, .csldr figure > *:first-child * {border-top-left-radius:0; border-top-right-radius:0;} */ .csldr .figcaption {z-index:1; width:100%; max-height:calc(100% - 6em); overflow-y:auto; overflow-x:hidden;} .csldr .figcaption > div {display:flex; flex-direction:column; align-items:center;} .csldr .figcaption > *, .csldr .cpts > * {width:100%; text-align:center;} .csldr .figcaption > div > *:not(a[data-more="liic"]):not(a[data-more="more"]), .cpts > div > *:not(a[data-more="liic"]):not(a[data-more="more"]) {color:#FFF; border-color:#FFF;} .cpt01 {cursor:default; display:inline-block; font-weight:700; margin-bottom:6px; padding:.25em .625em; background-color:#212629;} .cpt02, .cpt03 {cursor:default; display:inline-block;} .cpt01 {font-size:28px;} @media screen and (min-width:520px) {.cpt01 {font-size:calc(28px + 20 * ((100vw - 520px) / 680));}} @media screen and (min-width:1220px) {.cpt01 {font-size:48px;}} .cpt02 {font-size:18px;} @media screen and (min-width:520px) {.cpt02 {font-size:calc(18px + 6 * ((100vw - 520px) / 680));}} @media screen and (min-width:1220px) {.cpt02 {font-size:24px;}} .cpt03 {font-size:26px;} @media screen and (min-width:520px) {.cpt03 {font-size:calc(26px + 18 * ((100vw - 520px) / 680));}} @media screen and (min-width:1220px) {.cpt03 {font-size:44px;}} .cpt01 {opacity:0; transform:translate3d(-120px,0,0);} .cpt02 {opacity:0; transform:translate3d(120px,0,0);} .csldr-sld h1:not([class*="cpt"]), .csldr-sld h2, .csldr-sld p:not([class*="cpt"]), .csldr-sld small, .csldr-sld .more, .csldr-sld [class*="icon"] {opacity:0;} .cpt01, .cpt02 {transition:transform .75s ease .0s, opacity .5s ease .0s;} .csldr-sld h1:not([class*="cpt"]), .csldr-sld h2, .csldr-sld p:not([class*="cpt"]), .csldr-sld small, .csldr-sld .more, .csldr-sld [class*="icon"] {transition:opacity .5s ease .0s;} .csldr-sld.active .cpt01 {opacity:1; transform:translate3d(0px,0,0); transition:transform .75s ease var(--tman), opacity .5s ease var(--tman);} .csldr-sld.active .cpt02 {opacity:1; transform:translate3d(0px,0,0); transition:transform .75s ease var(--tman), opacity .5s ease var(--tman);} .csldr-sld.active h1:not([class*="cpt"]), .csldr-sld.active h2, .csldr-sld.active p:not([class*="cpt"]), .csldr-sld.active small, .csldr-sld.active .more, .csldr-sld.active [class*="icon"] {opacity:1; transition:opacity .5s ease calc(var(--tman) + .25s);} .cpts {position:absolute; z-index:1; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 4em); padding-top:1em; padding-bottom:1em;} .csldr .figcaption > div *:last-child, .cpts > div *:last-child {margin-bottom:0;} .csldr-control {display:none; position:absolute; z-index:2; cursor:pointer; padding:0; margin:0; font-size:1em; height:auto; background-color:#212629cc; color:transparent;} .csldr-control.prev {top:50%; left:.75em;} .csldr-control.next {top:50%; right:.75em;} .csldr-control.prev [class*="icon"], .csldr-control.next [class*="icon"] {color:#FFF; padding:.75em;} .csldr-control.play, .csldr-control.pause {bottom:1rem; right:.75rem;} .csldr-control.play [class*="icon"], .csldr-control.pause [class*="icon"] {color:#FFF; padding:.75em;} /* --------- ccrsl --------- */ .ccrsl {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:.75em;} .ccrsl .hscroll {overflow:hidden; flex-basis:100%; margin-top:.5em;} .ccrsl .hscroll-control {border:0px solid #646464; background-color:#f0f0f0; color:#646464; padding:.375em; width:2em; height:2em; display:flex; justify-content:center; align-items:center;} .ccrsl .hscroll-control:not(:last-child) {margin-right:4px;} .ccrsl .hscroll-control.prev > span, .ccrsl .hscroll-control.next > span {font-size:.75em;} .ccrsl .hscroll-control.first > span, .ccrsl .hscroll-control.last > span {font-size:.625em;} .ccrsl .hscroll-control-disb {opacity:.5; pointer-events:none;} /* .ccrsl .hscroll-control {background-color:#0060B0; color:#FFF;} .ccrsl .hscroll-control {position:absolute;} .ccrsl .hscroll-control.prev, .ccrsl .hscroll-control.next {top:calc(1.75em + .75em); padding:.625em .625em; border-radius:50%;} .ccrsl .hscroll-control.prev > span, .ccrsl .hscroll-control.next > span {font-size:.875em;} .ccrsl .hscroll-control.prev {left:-1.5em;} .ccrsl .hscroll-control.next {right:-1.5em;} .ccrsl .hscroll-control.first, .ccrsl .hscroll-control.last {top:calc(1.75em - .75em); padding:.375em; border-radius:50%; background-color:#646464; color:#FFF;} .ccrsl .hscroll-control.first > span, .ccrsl .hscroll-control.last > span {font-size:.625em;} .ccrsl .hscroll-control.first {left:-1.125em;} .ccrsl .hscroll-control.last {right:-1.125em;} .ccrsl .hscroll-control.play, .ccrsl .hscroll-control.pause {bottom:0; left:50%; transform:translateX(-50%); padding:.25em; border-radius:50%; background-color:#646464; color:#FFF;} */ .ccrsl.oneslide .hscroll > * {background-color:#f0f0f0; width:100%;} .ccrsl.oneslide .hscroll > *:not(:last-child) {margin-right:12px;} .ccrsl.oneimtxt .hscroll > * {background-color:#f0f0f0; width:100%;} @media screen and (min-width:721px) { .ccrsl.oneimtxt .hscroll > * {display:flex; align-items:center; min-height:380px;} .ccrsl.oneimtxt .hscroll > *:not(:last-child) {margin-right:12px;} .ccrsl.oneimtxt .hscroll > * > figure {position:absolute; width:50%; height:100%;} .ccrsl.oneimtxt .hscroll > * > article {width:calc(50% - 2em); height:100%; margin-left:calc(50% + 2em);} .ccrsl.oneimtxt .hscroll-control {position:absolute; z-index:1; width:auto; height:auto;} .ccrsl.oneimtxt .hscroll-control.next {bottom:0; left:50%; transform:translateX(-100%); padding:1.75em;} .ccrsl.oneimtxt .hscroll-control.prev {bottom:0; left:50%; transform:translateX(calc(-200% - 1px)); padding:1.75em;} .ccrsl.oneimtxt .hscroll-control.last {bottom:0; left:calc(50% - 10.25em); padding:.5em;} .ccrsl.oneimtxt .hscroll-control.first {bottom:0; left:calc(50% - 10.25em - 2px); transform:translateX(-200%); padding:.5em;} .ccrsl.oneimtxt .hscroll-control.play, .ccrsl.oneimtxt .hscroll-control.pause {bottom:0; left:calc(50% - 10.25em - 1px); transform:translateX(-100%); padding:.3125em;} } @media screen and (max-width:720px) { .ccrsl.oneimtxt .hscroll > * > figure {width:100%;} .ccrsl.oneimtxt figure, .ccrsl.oneimtxt figure > *:first-child * {border-bottom-left-radius:0; border-bottom-right-radius:0;} } .ccrsl.threeslides .hscroll > * {background-color:#f0f0f0; width:calc(100% / 3 - 8px);} @media screen and (min-width:521px) {.ccrsl.threeslides .hscroll > *:not(:last-child) {margin-right:12px;}} @media screen and (max-width:780px) {.ccrsl.threeslides .hscroll > * {width:calc(100% / 2 - 6px);}} @media screen and (max-width:520px) {.ccrsl.threeslides .hscroll > * {width:100%;} .ccrsl.threeslides .hscroll > *:not(:last-child) {margin-right:12px;}} /**/ .ccrsl .txblc1 > *:not(.intextimg):not(.ytvid) {margin-left:1.5rem; margin-right:1.5rem; max-width:calc(100% - 3em);} .ccrsl .ccn > *:not(.intextimg):not(.ytvid) {margin-left:auto; margin-right:auto; max-width:calc(100% - 3em);} .ccrsl > .hscroll > div > article > *:first-child:not(.intextimg):not(.ytvid) {margin-top:.75rem;} .ccrsl .txblc1 > *:last-child:not(.intextimg):not(.ytvid) {margin-bottom:.75rem;} .ccrsl .ccn > *:last-child {margin-bottom:.75rem;} .ccrsl .txblc1 .intextimg, .ccrsl .txblc1 .intextimg > *:first-child, .ccrsl .txblc1 .intextimg img[data-sizes="auto"] {width:100%;} /* cancel margin */ .ccrsl .txblc1 code:not(:last-child), .ccrsl .txblc1 small:not(:last-child), .ccrsl .txblc1 .mllist .ccrsl .txblc1 .mllist, .ccrsl .txblc1 .intextimg {margin:0;} /* margin */ .ccrsl .txblc1 > .intextimg:not(:first-child):not(:last-child), .ccrsl .txblc1 > .ytvid:not(:first-child):not(:last-child) {margin:.75rem 0;} .ccrsl .txblc1 > .intextimg:last-child:not(:only-child), .ccrsl .txblc1 > .ytvid:last-child:not(:only-child) {margin-top:.75em;} .ccrsl .txblc1 > .intextimg:first-child:not(:only-child), .ccrsl .txblc1 > .ytvid:first-child:not(:only-child) {margin-bottom:.75em;} .ccrsl .txblc1 > .intextimg + .intextimg:nth-child(n), .ccrsl .txblc1 > .ytvid + .ytvid:nth-child(n), .ccrsl .txblc1 > .intextimg + .ytvid:nth-child(n), .ccrsl .txblc1 > .ytvid + .intextimg:nth-child(n) {margin-top:0;} .ccrsl .txblc1 > .intextimg:not(:only-of-type):nth-child(n), .ccrsl .txblc1 > .ytvid:not(:only-of-type):nth-child(n) {margin-bottom:0;} .ccrsl .txblc1 > .intextimg:not(:only-of-type):nth-child(n):not(:last-of-type) + *:not(.intextimg):not(.ytvid), .ccrsl .txblc1 > .ytvid:not(:only-of-type):nth-child(n):not(:last-of-type) + *:not(.ytvid):not(.intextimg) {margin-top:.75rem;} /* border radius */ .ccrsl .txblc1 > .intextimg:first-child:not(:only-child) > *:first-child *, .ccrsl .txblc1 > .ytvid:first-child:not(:only-child) .ytvid-container {border-bottom-left-radius:0; border-bottom-right-radius:0;} .ccrsl .txblc1 > .intextimg:not(:first-child):not(:last-child) > *:first-child *, .ccrsl .txblc1 > .ytvid:not(:first-child):not(:last-child) > .ytvid-container {border-radius:0;} .ccrsl .txblc1 > .intextimg:last-child:not(:only-child) > *:first-child *, .ccrsl .txblc1 > .ytvid:last-child:not(:only-child) .ytvid-container {border-top-left-radius:0; border-top-right-radius:0;} .ccrsl.ccrslpromo .ratio:before {padding-top:calc(100% * 12/16);} /**/ .caroudm {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .caroudm .hscroll {padding-bottom:12px; flex-basis:100%; margin-bottom:12px;} .caroudm .hscroll > * {display:inline-flex; justify-content:center; align-items:center; height:4em; font-size:1.5em; background-color:#f0f0f0; width:calc(100% / 3 - 8px);} @media screen and (min-width:521px) {.caroudm .hscroll > *:not(:last-child) {margin-right:12px;}} @media screen and (max-width:780px) {.caroudm .hscroll > * {width:calc(100% / 2 - 6px);}} @media screen and (max-width:520px) {.caroudm .hscroll > * {width:100%;} .caroudm .hscroll > *:not(:last-child) {margin-right:12px;}} .caroudm .hscroll-control {padding:.125em .5em; background-color:#646464; color:#FFF} .caroudm .hscroll-control:not(:last-child) {margin-right:2px;} /* --------- thumbnails --------- */ .nivo {vertical-align:top;} .nivo .zin {display:flex; justify-content:flex-start; align-items:center; position:absolute; z-index:2; top:0; left:0; bottom:0; right:0;} .nivo .zin:before {font-size:.875rem; padding:.5rem; border-top-left-radius:0; border-bottom-left-radius:0; background-color:#0060B0; color:#FFF;} .thumbs .downloadicon, .intextimg .downloadicon {position:absolute; top:10%; right:0%;} .thumbs .downloadicon:before, .intextimg .downloadicon:before {font-size:.875rem; padding:.40rem .32rem .5rem .5rem; border-top-right-radius:0; border-bottom-right-radius:0; background-color:#f8f8f8; color:#0060B0;} /* thumbs locked ratio */ .thumbs .ratio:before {padding-top:calc(100% * 10/16);} .thumbs > figure:last-child {margin-right:0;} @media screen and (min-width:1221px) { .thumbs > figure {width:calc(100% / 8 - (var(--epd) / 2 * 7 / 8)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .thumbs > figure:nth-child(8n+8) {margin-right:0;} @media screen and (max-width:1770px) { .nrw:not(.pdLR) > .thumbs figure:nth-child(8n+1), .nrw:not(.pdLR) > .thumbs figure:nth-child(8n+1) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(8n+1) [class^="imgfx"] {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(8n+8), .nrw:not(.pdLR) > .thumbs figure:nth-child(8n+8) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(8n+8) [class^="imgfx"] {border-top-right-radius:0; border-bottom-right-radius:0;} } } @media screen and (max-width:1220px) and (min-width:901px) { .thumbs > figure {width:calc(100% / 5 - (var(--epd) / 2 * 4 / 5)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .thumbs > figure:nth-child(5n+5) {margin-right:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(5n+1), .nrw:not(.pdLR) > .thumbs figure:nth-child(5n+1) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(5n+1) [class^="imgfx"] {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(5n+5), .nrw:not(.pdLR) > .thumbs figure:nth-child(5n+5) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(5n+5) [class^="imgfx"] {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:900px) and (min-width:681px) { .thumbs > figure {width:calc(100% / 4 - (var(--epd) / 2 * 3 / 4)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .thumbs > figure:nth-child(4n+4) {margin-right:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(4n+1), .nrw:not(.pdLR) > .thumbs figure:nth-child(4n+1) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(4n+1) [class^="imgfx"] {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(4n+4), .nrw:not(.pdLR) > .thumbs figure:nth-child(4n+4) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(4n+4) [class^="imgfx"] {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:680px) and (min-width:481px) { .thumbs > figure {width:calc(100% / 3 - (var(--epd) / 2 * 2 / 3)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .thumbs > figure:nth-child(3n+3) {margin-right:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(3n+1), .nrw:not(.pdLR) > .thumbs figure:nth-child(3n+1) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(3n+1) [class^="imgfx"] {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(3n+3), .nrw:not(.pdLR) > .thumbs figure:nth-child(3n+3) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(3n+3) [class^="imgfx"] {border-top-right-radius:0; border-bottom-right-radius:0;} } @media screen and (max-width:480px) { .thumbs > figure {width:calc(100% / 2 - (var(--epd) / 2 * 1 / 2)); margin:0 calc(var(--epd) / 2) calc(var(--epd) / 2) 0;} .thumbs > figure:nth-child(2n+2) {margin-right:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(2n+1), .nrw:not(.pdLR) > .thumbs figure:nth-child(2n+1) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(2n+1) [class^="imgfx"] {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR) > .thumbs figure:nth-child(2n+2), .nrw:not(.pdLR) > .thumbs figure:nth-child(2n+2) img, .nrw:not(.pdLR) > .thumbs figure:nth-child(2n+2) [class^="imgfx"] {border-top-right-radius:0; border-bottom-right-radius:0;} } /* thumbs free ratio */ .thumbsfree > figure {margin-bottom:.5em;} .thumbsfree > figure:not(:last-child) {margin-right:.5em;} .thumbsfree img {height:85px; width:auto; max-width:100%;} @media screen and (min-width:801px) {.thumbsfree img {height:120px;}} /* thumbs columns */ .thumbsclm {columns:185px 5; column-gap:.5em; margin-top:.5em;} .thumbsclm > li {break-inside:avoid-column; display:inline-block; width:100%; margin-bottom:.5em;} @media screen and (max-width:840px) { .thumbsclm {columns:105px 5;} } @media screen and (max-width:400px) { .thumbsclm {columns:60px 5; column-gap:.25em;} .thumbsclm > li {margin-bottom:.25em;} } /**/ .fppb, .fppbba {--epd:.5em;} .fppb {display:flex; flex-wrap:wrap; justify-content:space-between;} .fppb > figure {flex:0 1 calc(50% - var(--epd) / 2); margin-bottom:var(--epd);} .fppb > figure:nth-child(5) {position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:40%;} .fppb > figure:nth-child(5):after {content:""; position:absolute; z-index:-1; background-color:#f8f8f8; width:100%; height:100%; padding:var(--epd); border-radius:calc(var(--brd) + var(--brd) / 5); top:calc(var(--epd) * -1); left:calc(var(--epd) * -1);} .fppbba {display:flex; flex-wrap:wrap; justify-content:space-between;} .fppbba > figure:nth-child(1), .fppbba > figure:nth-child(2) {flex:0 1 calc(50% - var(--epd) / 2); margin-bottom:var(--epd);} .fppbba > figure:nth-child(3), .fppbba > figure:nth-child(4) {flex:0 1 calc(40% - var(--epd) / 2); margin-bottom:var(--epd);} .fppbba > figure:nth-child(5) {position:absolute; z-index:1; bottom:var(--epd); left:50%; transform:translate(-50%,-0%); width:40%;} .fppbba > figure:nth-child(5):after {content:""; position:absolute; z-index:-1; background-color:#f8f8f8; width:100%; height:100%; padding:var(--epd) var(--epd) 0 var(--epd); border-radius:calc(var(--brd) + var(--brd) / 5); top:calc(var(--epd) * -1); left:calc(var(--epd) * -1); border-bottom-left-radius:0; border-bottom-right-radius:0;} .fppbba > figure:nth-child(5) .ratio:before {padding-top:calc(100% * 12/16);} .fppbba > figure:nth-child(5) > *:first-child, .fppbba > figure:nth-child(5) > *:first-child * {border-bottom-left-radius:0; border-bottom-right-radius:0;} [class^="fppb"] .zin:before {display:none;} /* [class^="fppb"] .zin:before {background-color:#f8f8f8; color:#0060B0;} */ @media screen and (max-width:1770px) { .nrw:not(.pdLR).fppb > figure:nth-child(2n+1):not(figure:nth-child(5)) > *:first-child * {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR).fppb > figure:nth-child(2n+2) > *:first-child * {border-top-right-radius:0; border-bottom-right-radius:0;} .nrw:not(.pdLR).fppbba > figure:nth-child(2n+1):not(figure:nth-child(5)) > *:first-child * {border-top-left-radius:0; border-bottom-left-radius:0;} .nrw:not(.pdLR).fppbba > figure:nth-child(2n+2) > *:first-child * {border-top-right-radius:0; border-bottom-right-radius:0;} } /* --------- text accordion --------- */ .txaccd > * > ul {display:none;} .txaccd > .active > ul {display:block;} .txaccd > * {padding-bottom:.625em;} .txaccd > * > a > * {vertical-align:top;} .txaccd > * > a > *:last-child {display:inline-block; font-size:1.125em;} .txaccd > .has-sub > a > *:first-child {font-size:.75em; padding:.417em 0; margin:0 .417em 0 -1.417em; color:#21262980;} /* --------- multi level list --------- */ .mllist .mllist {margin-left:1em;} .mllist .mllistpn {display:flex;} .mllist .mllistpn .mllistn {min-width:1.75em; text-align:right; margin-right:.25em;} .mllist > *:not(.mllist):not(.mllistpn) {margin-left:2em;} /* --------- google map --------- */ .googlemap {display:block; width:100%; height:400px; border-bottom-left-radius:0; border-bottom-right-radius:0;} /**/ .locationinfo {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; padding-top:1em; background-color:#c7e5fc; border-top-left-radius:0; border-top-right-radius:0;} .locationinfo li {text-align:center; padding:0 1.5em 1em 1.5em;} .locationinfo li p {margin-bottom:0;} .locationinfo li span {white-space:nowrap; font-size:1.25em; font-weight:700;} /* .locationinfo li span, .locationinfo li p {text-shadow:2px 0 0 #ffffff59, -2px 0 0 #ffffff59, 0 2px 0 #ffffff59, 0 -2px 0 #ffffff59, 1px 1px #ffffff59, -1px -1px 0 #ffffff59, 1px -1px 0 #ffffff59, -1px 1px 0 #ffffff59;} */ /* --------- youtube --------- */ .ytvid {display:inline-flex; justify-content:center; width:100%; max-width:35em; min-width:150px;} .nrw .ytvid {max-width:none; min-width:auto;} .ytvid-container {width:100%; position:relative; padding-bottom:calc(100% * 8.99/16); height:100%; overflow:hidden;} .ytvid-container iframe, .ytvid-container object, .ytvid-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} /* --------- travel resources --------- */ /* .tres {text-align:center;} */ .treslnks {margin-bottom:1em;} .treslnks > span {background-color:#dcdcdc; font-size:.875em; margin:0 .214em .214em 0; white-space:nowrap;} .treslnks > span > a:first-child {padding-left:.625em;} .treslnks > span > a:last-child {padding-right:.625em;} .treslnks > span > a {color:#303030; line-height:2.5;} .tres figure, .tres img {border-radius:0;} /* .treslnk {display:none;} :lang(en) body#index .treslnk {display:inline-block;} */ /* --------- guestbook --------- */ .guestbk > article {margin-bottom:.5em;} .guestbk > article > div {display:block; padding:1em;} .guestbk > article > div:nth-child(2n+1) {background-color:#dcdcdc99;} .guestbk > article > div:nth-child(2n+2) {background-color:#f0f0f0;} .guestbk > article > div:nth-child(2n+2) > h2 {font-weight:700; font-size:1.250em;} .guestbk p:not(:last-child) {margin-bottom:.125em;} .guestbkpages {margin-bottom:2em;} .guestbkpages a, .guestbkpages strong {padding:0em .25em;} /* --------- paycards --------- */ .paycards {display:flex; flex-wrap:wrap; align-items:center; padding:.75em 0 .5em 0;} .paycards > li {margin-bottom:.25rem; background-image:url(../layout/paycards.webp); background-repeat:no-repeat;} .paycards > li:not(:last-child) {margin-right:1em;} .paycards .alphabank {height:32px; width:140px; background-position:-10px -60px;} .paycards .piraeusbank {height:30px; width:93px; background-position:-166px -60px;} .paycards .eurobank {height:30px; width:90px; background-position:-315px -60px;} .paycards .verifiedbyvisa {height:22px; width:46px; background-position:-422px -66px;} .paycards .securecode {height:21px; width:67px; background-position:-485px -66px;} .paycards .safekey {height:22px; width:64px; background-position:-569px -64px;} .paycards .visa {height:15px; width:44px; background-position:-650px -69px;} .paycards .mastercard {height:32px; width:39px; background-position:-711px -61px;} .paycards .maestro {height:33px; width:39px; background-position:-767px -60px;} .paycards .americanexpress {height:30px; width:31px; background-position:-823px -59px;} .paycards .diners {height:31px; width:45px; background-position:-870px -59px;} .paycards .discover {height:14px; width:86px; background-position:-931px -69px;} .paycards .paypal {height:33px; width:31px; background-position:-1033px -60px;} .paycards .visasecure {height:33px; width:44px; background-position:-1082px -60px;} .paycards .idcheck {height:33px; width:113px; background-position:-1143px -60px;} .paycards .epay {height:33px; width:89px; background-position:-1275px -60px;} .paycards .protectbuy {height:33px; width:82px; background-position:-1380px -57px;} .paycards .alphaecom {height:33px; width:159px; background-position:-1479px -59px;} .paycards .vivaw {height:20px; width:115px; background-position:-1653px -65px;} /**/ .hexa {display:flex; flex-wrap:wrap;} .hexa > li {width:calc(10% - 4px); min-width:5em; text-align:center; border:1px solid #646464; margin:2px; padding:.25em; font-size:.875em;} .hexa > li strong {font-weight:600;} /* --------- text effects --------- */ .lngshd {font-weight:900; color:#fff; background-color:#16a085; font-size:1.5em; padding:.5em 1.25em .625em 1.125em; text-align:center; overflow:hidden; text-shadow:#12806a 1px 1px,#12806a 2px 2px,#12806a 3px 3px,#12806a 4px 4px,#12806a 5px 5px,#12806a 6px 6px,#12806a 7px 7px,#12806a 8px 8px,#12806a 9px 9px,#12806a 10px 10px,#12806a 11px 11px,#12806a 12px 12px,#12806a 13px 13px,#12806a 14px 14px,#12806a 15px 15px,#12806a 16px 16px,#12806a 17px 17px,#12806a 18px 18px,#12806a 19px 19px,#12806a 20px 20px,#12806a 21px 21px,#12806a 22px 22px,#12806a 23px 23px,#12806a 24px 24px,#12806a 25px 25px,#12806a 26px 26px,#12806a 27px 27px,#12806a 28px 28px,#12806a 29px 29px,#12806a 30px 30px,#12806a 31px 31px,#12806a 32px 32px,#12806a 33px 33px,#12806a 34px 34px,#12806a 35px 35px,#12806a 36px 36px,#12806a 37px 37px,#12806a 38px 38px,#12806a 39px 39px,#12806a 40px 40px,#12806a 41px 41px,#12806a 42px 42px,#12806a 43px 43px,#12806a 44px 44px,#12806a 45px 45px,#12806a 46px 46px,#12806a 47px 47px,#12806a 48px 48px,#12806a 49px 49px,#12806a 50px 50px,#12806a 51px 51px,#12806a 52px 52px,#12806a 53px 53px,#12806a 54px 54px,#12806a 55px 55px,#12806a 56px 56px,#12806a 57px 57px,#12806a 58px 58px,#12806a 59px 59px,#12806a 60px 60px,#12806a 61px 61px,#12806a 62px 62px,#12806a 63px 63px,#12806a 64px 64px,#12806a 65px 65px,#12806a 66px 66px,#12806a 67px 67px,#12806a 68px 68px,#12806a 69px 69px,#12806a 70px 70px,#12806a 71px 71px,#12806a 72px 72px,#12806a 73px 73px,#12806a 74px 74px,#12806a 75px 75px,#12806a 76px 76px,#12806a 77px 77px,#12806a 78px 78px,#12806a 79px 79px,#12806a 80px 80px,#12806a 81px 81px,#12806a 82px 82px,#12806a 83px 83px,#12806a 84px 84px,#12806a 85px 85px,#12806a 86px 86px,#12806a 87px 87px,#12806a 88px 88px,#12806a 89px 89px,#12806a 90px 90px,#12806a 91px 91px,#12806a 92px 92px,#12806a 93px 93px,#12806a 94px 94px,#12806a 95px 95px,#12806a 96px 96px,#12806a 97px 97px,#12806a 98px 98px,#12806a 99px 99px,#12806a 100px 100px,#12806a 101px 101px,#12806a 102px 102px,#12806a 103px 103px,#12806a 104px 104px,#12806a 105px 105px,#12806a 106px 106px,#12806a 107px 107px,#12806a 108px 108px,#12806a 109px 109px,#12806a 110px 110px,#12806a 111px 111px,#12806a 112px 112px,#12806a 113px 113px,#12806a 114px 114px,#12806a 115px 115px,#12806a 116px 116px,#12806a 117px 117px,#12806a 118px 118px,#12806a 119px 119px,#12806a 120px 120px,#12806a 121px 121px,#12806a 122px 122px,#12806a 123px 123px,#12806a 124px 124px,#12806a 125px 125px,#12806a 126px 126px,#12806a 127px 127px,#12806a 128px 128px,#12806a 129px 129px,#12806a 130px 130px,#12806a 131px 131px,#12806a 132px 132px,#12806a 133px 133px,#12806a 134px 134px,#12806a 135px 135px,#12806a 136px 136px,#12806a 137px 137px,#12806a 138px 138px,#12806a 139px 139px,#12806a 140px 140px,#12806a 141px 141px,#12806a 142px 142px,#12806a 143px 143px,#12806a 144px 144px,#12806a 145px 145px,#12806a 146px 146px,#12806a 147px 147px,#12806a 148px 148px,#12806a 149px 149px,#12806a 150px 150px,#12806a 151px 151px,#12806a 152px 152px,#12806a 153px 153px,#12806a 154px 154px,#12806a 155px 155px,#12806a 156px 156px,#12806a 157px 157px,#12806a 158px 158px,#12806a 159px 159px,#12806a 160px 160px,#12806a 161px 161px,#12806a 162px 162px,#12806a 163px 163px,#12806a 164px 164px,#12806a 165px 165px,#12806a 166px 166px,#12806a 167px 167px,#12806a 168px 168px,#12806a 169px 169px,#12806a 170px 170px,#12806a 171px 171px,#12806a 172px 172px,#12806a 173px 173px,#12806a 174px 174px,#12806a 175px 175px,#12806a 176px 176px,#12806a 177px 177px,#12806a 178px 178px,#12806a 179px 179px,#12806a 180px 180px,#12806a 181px 181px,#12806a 182px 182px,#12806a 183px 183px,#12806a 184px 184px,#12806a 185px 185px,#12806a 186px 186px,#12806a 187px 187px,#12806a 188px 188px,#12806a 189px 189px,#12806a 190px 190px,#12806a 191px 191px,#12806a 192px 192px,#12806a 193px 193px,#12806a 194px 194px,#12806a 195px 195px,#12806a 196px 196px,#12806a 197px 197px,#12806a 198px 198px,#12806a 199px 199px,#12806a 200px 200px;} /* --------- image effects --------- */ .duotoneSVG {position:absolute; height:0; width:0;} .duotone {position:absolute; top:0; left:0; bottom:0; right:0; filter:brightness(1) contrast(1) url(#duotone); transition:opacity .25s;} .duotonefx *:first-child:hover .duotone {opacity:0;} /* img[data-sizes="auto"] {background-color:#f8f8f8; background-image:url("../layout/lazy-bk.webp"); background-position:center center;} */ .csldr, .singleshort, .itblci, .itsblci, .ito > div, .ith > div > div {background-color:var(--iwtbk);} /* .csldr figure > *:first-child, .singleshort figure > *:first-child, .itblci figure > *:first-child, .itsblci figure > *:first-child, .ito figure > *:first-child, .ith figure > *:first-child, .intextimg > *:first-child, .aszimg > *:first-child, [class*="thumbs"] figure > *:first-child, .fppb figure > *:first-child, .fppbba figure > *:first-child, .nivo-lightbox-image {filter:saturate(.7);} */ [class^="imgfx"] {position:absolute; z-index:1; width:100%; height:100%;} /* .imgfx01 {mix-blend-mode:color-burn; opacity:.05; background-color:#ccbbb0;} .imgfx02 {mix-blend-mode:lighten; opacity:.2; background-color:#506090;} .imgfx03 {overflow:hidden;} .imgfx03:before {content:""; position:absolute; top:50%; left:50%; width:110%; height:110%; transform:translate(-50%,-50%); background:radial-gradient(circle, #00000000 60%, #0000000d 75%, #00000026 85%, #00000040 100%);} .imgfx03:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.2; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAJFBMVEURERFdXV3JycmLi4suLi6ysrJ0dHRGRkafn5/s7Ozc3Nz6+vrSGz7TAAAADHRSTlMhISEhISEhISEhISGDskDeAAARxUlEQVRYww3Vt1oiawCA4X/ygM2QURsyqA052QxRxYaMaDNkQzNk0AZQTNuIifXYIAq6ngbz7npz59zA133PC8LxTOybqUnmL2kEjj8w15/vl+6VlKhv4upxbFou09JkTJUUlHFONPTmZa4hYHiVjGz4lyeBtei9+MNU5Jgr+6D6g2F3HDY/WFQzRcleIOqMevrVCqYPcYgqSKp4llwYM9CzJTwnwVRLR8rgxr/d7W5Vx1XDObl7aaG5rBCzxbcB2xukJOQD6PMuDm0dGolVOsZsQR4itYwSvikWdS60yCg9Dn3wF+5z3XUPW8iHjQgrvElQGDLyGhBX9dOUvI5rvc8HB+OGqgnP+LVCXXvwNJTkYPF07FECJCLDS4SZn4DCTfOMMNEky6fpAXxCx2HLcNQ649STGyyjPVVlWDGLe2ZkM6j/xQ17gq9SIH7oivxbiKj1+eTirMPZvZVAwyAcq5+81velU4pOp4qPh3SDCIHvhznLCHdHwTkutSSOrTh0l+ym5JVGk9HNSkH/6LJnA/u57aX7zYrS1vQUqeEiJpqLPFzxgSFrM9/Db8qPAu+P9fjNqfxM1gG3fzLTiu9uttXTupsOEzzeWjtrTM+InoYzzDrgNx8IbE0Gb0RdHc7z88dGqYpqfoSIhzc53KGLbkPgLrgAIufo/XUoEgJjcgdY0QQI3dpptixrI4Q8Q/TRpB47Xgr4sahES4X8VgjQRG0TpihqjuNLTikBHvAivQ+7sKjJ1KzK88j0uTJ59TrIT0w7pz7zueo1cPcb8TLHzD1D54nSYegFwKTh0ofzsoYjnfQkf0e9eQPVxb1RfZBVK2BInsvnY7MJKdVjhtfECffdobCD0A+FRWlteuW9JciAlQ903LCw9CaoLDI4eROrWDSAFzzwUE06wL8Ol9+LBhdAPrzR7JmcLPoj5/DRjKssxiN7Dlvoa8V9piy40WU1GchLStuyap5q45JgFAdhp7L9mD0lmG8KNA36wWhUKfovQ5+58aA4rK0hxry5MFD7rPMvOZ+71gFzb4C1MX7Y4COz2VRxwnIk52apt3bEXD108yLLoJD3KVoAifJaUOGAu3oB02UA0sGGCfKu+wxmSUj0yC8xLTPPjCRs2UK1261vj0mT8Wzv2HulcL4dWkRnJoQCt5BnlGGoSLIc/3uU9QiGwTXrHm36tJJBD6qAZRhc+NVpfXDKRmKUjm4ZuZdA9t7iyoAwSUw/M7FcOmM5LigDeafM5iRyiRH9N62AD/7Zo9HCry0MxuzZ+j8g6xPj9K3vxJOpkZ0laUkOwJIiciBghhdL3rEFVPiWH3ko0aMdSLa3nCbiPTAhs1WLjovLmC3ENeKbwoSwndo/R/pzupy2QoH2+kpToLgAkSssih9OwKQNBsJglF1BDt0VlT2dqjXsEpeetHsDF2NQgqr8ajG28DN6/wuDz5cPJLx/ZA4Y8CFDwimfzxJBtP7cSsxzgGUyK2PS1MrCh5fHK8Xogh202HqnOCkw/Wf6gQGoEddUN1Y7SGFMRflzhHosvfXCOZPmRjfYoEL7ro886V1ZF24X/aeGjv6mqQaRy5iSq6Asj7P2px+v4RClOKtTB7Dqckdjws8+bLeOIDcl6h2i/M5I0o/w2yQQI2HiK3dMvfKTixQ0bPFfuY8q14KmWmT2s0dDH2eWdyLOS/7opDkM85tEFxdga3oSdClk65v7dKAS6qFXj7KAOZ7J/MD1hvOPpymVaT8JgQiOYrOtbkh6BO5AT8o0FzhcD3a9DvP/cKfMhrpFwoO9MyyqWfeQ18biO4eMtDi6Njtj/AWkUBi8hQxzTro6nPgXgUrwPZfoCOe2zat6kJW+ijlXa0kDsrbpkFVATP8DKFA3hAB2Kqg40LLdMwmH+j29CNZCSOxFw78KMo4RHFlppbFweVkmeDisqY6m69MuaRnY838d2flyU8ewLXZLFcksz4SQ5BKDkIzYHYBCqbTKHYqWgkruiU9/vbaujwCtTqTiW3NHm9AT70o7HBbAK8HUsT4srOK6uyKoEixvhhmE7+pqP5zMpvQ+UJWblPHDuB5/tUGtlNU6hXKfFOPW5nME3hkEanBNXkmkHOfxqqkfEinFwTkFsL2bDftKw6DivXCVd3ck20DSn6uu//zJErChLpANsmcNeQVEDscbn5uCKcM+DhYD6SGMkwrzRwtfah12X1N6hZ3Hk8+TYpFuE9KTx72qXV7h8DaERGP/d/XHBqBX1VsPRzi50F8uDhR2mteI64kcUQA9PMeZD845YJc3yT+aCIZzzIZyoaTyAIiVEX2KAz7z5X3s2hSYd11/6jP6KXkq7+UZbthuT0WFTLB96dFD+Yc50ZUPaO9+flb+j87DTrlzzNktGM5Z/sL8/dnHp+BPsr1VDzhNh5S/q/mW+fZ3S4G7H0D8MdDHpM4s4zb2iobLZNY6aV8iJlN1EP6lAi+f2M0/3+rRUkBQkZwZl6kHpx5UHvOX3geX0Njet1HRlZi75ud746Jeb/Kq/dq9FC0mt8SMc9lR5UW88ijQMhg4qp3oTw6eL7uz2+f6rG2oTrk/eR4w5gjWzjhvH2dAti6vyBe0DU2k+OsNSrevAU2VmlHD7JReLOqCruMyHgp6Zf7tErYQjg1Yis7qDX2oFhyTSxNeeVtypJ4CVQu94Vko3zzlVf/Mfk+IadpU0cyJ+JPN7DLLibk2zCn/0ufo9abGv/iq7xoqRrD7K/JrvZE82lIXkM5QpH8NSoLfYvnFDGlNwRof6WHvq4PsQuPhlJTf36NSrA32s0j5xyg4EbDKvLeIkngPpcjMBpbYUWbj3WeGq9zgSakT712xn5L6Ui01AkLgVFGSED05FXrgvkI6IrW771OWTru5f9kBdoMOXS3Vwp63E0V4P6fy/ntfHiyXfVep75v4WRaxLy+2EnnXkffnJs1L6B9X/bvIIVfpvj4b9KL92K925Mk6S2HA0YhMUE2C2F/QseGaQH6N3XJ2WvAiv62GjDPn8C/w7xMczA7fRgOOHf1e/jMAD6hJq17gvXvjz6uJddMxFMM2ed5X67Ja++G4KCaaazdK09XM3UftYN5x327My8BDtatqreZGa5XHMIP331jbmsd+ggU5m3Lpju2uxNvPN5u7Zmjw+CdbdX+QgyWACU/890U8Hvkry9yer5ZDeXH6Iu+BwGR3GtF8zbDQVEdmuqTPDUPiZmIKJmAQyRDpsMzcyFTLXSxgj8dP8bTEh19GXaNqAfva363UNKvwnQpN0H7z7xPPThGQ8lzzFCqZUsn73maU6u7O+L3zGCUoiRTFskLk/ixlFhRMSfn7vDEXdSHBBg5aZT+Iq4O9gl3xFE3Lm/tV2bZm95zc/tq68sRh11n7p8NCHxCZUNhVdzuY6ThwIeIEnt8FhLCWnOGCJ6LF5eQNcViev3vsToK9Niwe235XU49XYaXQvVOPrwGFkqwZjXUH82BR4/NEVd3lbDH6HWbaMmhVQgaG2N2vaVymMEeNT9C5grz4AKBlLV9lWXPXj7rv5HoH+fKtaMfn7MB5O8k4nMo3cHpoVLBUfuuZpj5sMwXzPNDoyc8bLJ3abR2uGlvPGs8ahcrSsLFD2J3826aSZxjefVrdZm/TrzV4T+oDFOjjoz5c8dVjXFif7jDmZ3JIuqxef0ppue8m0ppryG0PyqRS+L7Kacg8F0M5WPDAY2ohnOv/Km5FDy2L50Dmx48fMT3DufdUD1Gwintcgl2o0hAI542Gnc11gF/MqvEFV6/l5JrqjWE0n9nJfOrjKpQlTxT99y/TLkvWtGs36NpYBtwCcJMAIK20y5bkoH/QOkPu/xSGOx+WT/H9S3qdMggDgbu9lfoTsTbeKfs0kzvE5SgdgN/oL0xqbaLDf8Ofcz/M+AmpPs/8+V2DzhpdsxTYvPgoMU0c7j6BXAo7XiXezODcsC/Apa35P6i+7J89KhKijp7j90de/ffvFHpgiWHKs0bN9C8S/8LFF/zvBAssBwe3eh+irReRTo0xFs9SN7M8IX2Mg9Ugt9KiDcnVvRxCTKo+7bK4MHL4OECCvRhGkGX3HSz+s5bIy23Gg1VcZG1ZNyvncgc9cwjH2PuEn6/r72rnO6SXsYCLIe1C9dBkqyd72SczcZ8CrZcVetsxoXeVNk8fWk7NlrspG64wHtOeK7ysZ0DtneawK3d/C8a5KM/GXFu9zEb17wTRen7JVkT7C72FS6DC/mdWIkuK+kfdSwhgUgyQM/Ee55a9vvyLfftFCGz3a1S1aTx8lYw4y4xgaf7tRehhxf94qEkheAXQSvDcXRdHDeYy+DKj5edEHjPo2fgiBtsFNO6hC3KWyI9J+hgr1hRBkXYM7lw5E6ZDlJF0WPIjaUenqIftOxnDSBhZCjYvN0Sn5ppJzx1wh+IdkLFNPBRwciCWF2YdHGjZkpFJnOEGNj2AfJyB72AMZQi5FyndnNWX3QIUm65l7rC0Asg14aNL2mFSd3f2UpwqpMTBXLUHqy/cheDpY8DkVU2O5Kvpnq1WvIZ0Hk3bDKa4du9Wiy1RfiP6DuojoSNj0pa7XwxMBdL2ISXCXjTui91/CeTZeNx5nUqTgNBIkLAOflvnNAtm1TunJud81Iusw8JTlH4qwwXmp60RgOi57EXcKOTLQ4934EwFzYfThWUAUpO2+Qm8DDfYJ9TMrsvl8JHkXb6Ks6amO00Y86QVtdVqJQfIgXm/j5DLl+L2+dHR0kUTsuvtcjmkxumfB/GDAxkayLigu6mJvmeurPQ6zDQon0n/VZWVqEVRpRXjiCSs0OKIwousHM2mlYjmpjfQ33Q7Xqa9sgEcAmG3CQNN6KDqtvVDiqI9hAyzai4ErftE8G7QdIOFmZSq5jbzmQt9bzrd2Zwa81vlabBnryTBcVZ8nSUw76psKSHU4TK99zZTsGH6qqwWG+i7NFgh3gWL8xAurVVRQAtlxymerIK8vVhDmnFn3Unqxaemar5zx7I7W8ImyacjgmDg+paJ2EhCRjyC19G1HHUmYLczsqkMiun1tzIIbv9onpL90rHNEN7MPxtMjhGVQ1mo+BxjojSAf1R4PdrgjN61Wt8x3Tm3/HNoLu6kgYD5l96c9DhkaAW68iWFpp3wRiyi14kAQc2XVA6gVnmKkOdoNwbBTAEqtRzuJbXNiNnkysYY2VFeXNNF7cxGLMlwE2AtfFxUuNZQxQKsjUga7+XPFVII0gqd1lRFcclkTjj3GHTnx3TEssX+lbkJEpROuF+SUK9LX+29DpyUZ7g0V1aCfGjJEXyRX7ye24KuBc5FsC7iJJGDdbVK4gewNJ6PSn0B6Ji7EVoeIux1o2wqn1x45iTronaPTxX+R/Ad2ozmW3rXrLK/awEMGcIvUDnpX9dlVuaNZTzCWKZCSsm+3giB/zebfREpp9p0B1F7rhMhtsyEge8l8R2HJrRrDktQkeXbSHZNqLItCskFMNKFQstzUWLX214umWe/9nkC3w1iAssLfWr54CliLMS4xnzMlGEWq/a/2zlkG+Anmb+1bYmx9uIrMX+uYQggwJ27BueuYbBc0n5sA2Ht+Q8KbZ5NxSy0c5c4lBC0UbqAcc4i9K6Q7d6sLkKI5Q7OgBiPw0kXFun8OachkMt814Pqi2d/q0TholR/pNBVUJ7amkN3pBXfNDd3QpIyIGqfpGF88ferT5ITV9PatEmq0TeptVvHV3WE5ibYh6999ILDHy72WD1dzfFMIKDcm5a0p+cfV+UVQB2gvdxDuGa3zLXcgjHlecSY5WBQJCm5bnW+igy18oYEuJReZ3r2+/bneHb5ZB32KLYHo6udvxVjCc8K7quY+2bilPK0TL6rSv3g3ft+JcDwwNveuK0cDAp7rHJ0KWGAjJcwBLmWoic5HA6g8NnnUvNY2XX1HhH+LHXXWAA6GhsNCLHZ0K5b/Na0nbUjmfkm473+o5NEho9b1MXabyqjDK5yX9JxxbmwZgW4kJcKHiLGspymBh7I35F9Surl6ArAmtMlbNtTZYiwd7acELxsfN/DSmt3CQCuHtkeCLXRDLukc7bODp0K9+3Av7b9iMbza80CgXivN99xYIkZmUAqv81+/wcTlxGeE229TQAAAABJRU5ErkJggg==);} */ /* color blocks */ .bkcalt01 {background-color:#212629; color:#ddd;} .bkcalt01 h1, .bkcalt01 h2, .bkcalt01 h3, .bkcalt01 h4, .bkcalt01 h5, .bkcalt01 h6, .bkcalt01 strong, .bkcalt01 a, .bkcalt01 p.xl, .bkcalt01 .wxl sup, .bkcalt01 .txaccd > .has-sub > a > *:first-child, .bkcalt01 .icprops > li > div > span[class*="icon"], .bkcalt01 .icprops > li > div {color:#FFF;} .bkcalt01 [data-more="more"], .bkcalt01 [data-more="liic"], .bkcalt01 .icprops > li > div {background-color:#323232;} /* --------- Nivo Lightbox 1.2.0 --------- */ @keyframes nivoan {0% {transform:scale(.95); opacity:0;} 100% {transform:scale(1); opacity:1;}} .nivo-lightbox-overlay {position:fixed; /* z-index:1; */ top:0; left:0; width:100%; height:100%; overflow:hidden; visibility:hidden; opacity:0; background-color:#212629eb;} .nivo-lightbox-overlay.nivo-lightbox-open {visibility:visible; opacity:1;} .nivo-lightbox-wrap {position:absolute; top:20px; bottom:20px; left:20px; right:20px;} .nivo-lightbox-content {position:absolute; display:flex; align-items:center; justify-content:center; width:100%; height:100%;} .nivo-lightbox-nav {display:none; position:absolute; top:calc(50% - 1.5em); font-size:1em; background-color:#0060B0; color:#FFF;} .nivo-lightbox-prev {left:10px; padding:1em .5em;} .nivo-lightbox-next {right:10px; padding:1em .5em;} .nivo-lightbox-close {position:absolute; top:10px; right:10px; padding:.5em; font-size:1em; background-color:#c00; color:#FFF;} .nivo-lightbox-inline {overflow:auto;max-width:100%; max-height:100%;} .nivo-lightbox-ajax {overflow:auto; width:100%; max-width:800px; max-height:100%;} .nivo-lightbox-content iframe {width:100%; height:100%; background-color:#21262933;} .nivo-lightbox-image {text-align:center; display:flex; align-items:center;} .nivo-lightbox-image img {max-width:100%; max-height:100%; width:auto; height:auto; vertical-align:middle; animation:nivoan .25s ease;} .nivo-lightbox-title-wrap {position:absolute; bottom:-10px; left:0; width:100%; display:flex; align-items:center; justify-content:center;} .nivo-lightbox-title {max-width:35em; max-height:8em; overflow:auto; padding:.5em .875em; margin:0 20px; background-color:#646464; color:#f0f0f0; font-size:.875em;} .nivo-lightbox-error {display:flex; align-items:center; justify-content:center; color:#f0f0f0;} #nivoinline {padding:2em; max-width:800px; background-color:#FFF;} #nivoonloadpop {padding:2em; max-width:400px; text-align:center; background-color:#FFF;} .nivo-lightbox-notouch .nivo-lightbox-effect-fade {transition:.2s ease-in-out;} .nivo-lightbox-content.nivo-lightbox-loading {background-image:url("data:image/gif;base64,R0lGODlhNAAKAKIAAP///3d7fmpucF1gYlBSVAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAANAAKAAADU0i6DA4jyvmAuDjXwLtnIFFN5FBlqLB5bNg8JfWk2sO2rjLG0Ulfqxsnp4PxTLOfyiYcEnc83y8oJIqM0eSU2bRCY1Ia9ebFgrVibvVpLoVTY1YCACH5BAUFAAAALAAAAAA0AAoAAANNOLoMDiTK+QC7o4rNO27PJBLVt2hdairVSD1r9qTq2rpRac80F984nQnVE/xCOBJs5yhujo6k0gEFOI1MSFL4IfaqUi7GSwNvl0NeMQEAIfkEBQUAAAAsAAAAADQACgAAA0kYugwOI8r5ALk418kH+8HWSVVmEuLogUs6lifmdmz7qBEcozdeKzOOLhac/EI91fBUlBybucfuAl3VqktT9Zl8SafbH/a7qyYAACH5BAUFAAAALA4AAAAmAAoAAAM9KLoMDiPK+QC5OLMt6vxDlY0E1zwg9ZCaqXhpJLKX+6JxuNKlDcczmq2DA+6EvmIqyBr+lsdm0pHTOXiEBAAh+QQFBQAAACwOAAAAJgAKAAADMzi6DA4kyvkAu/jWyUnNoPZ01BOew0ZGHwqqa+tiMCnPzbh6Ji46O57D94PsbsRaB3lJAAAh+QQJBQAAACwAAAAANAAKAAADTTi6DA4kyvkAu6OKzTtuzyQS1bdoXWoq1Ug9a/ak6tq6UWnPNBffOJ0J1RP8QjgSbOcobo6OpNIBBTiNTEhS+CH2qlIuxksDb5dDXjEBADs="); background-repeat:no-repeat; background-position:center center;} /* --------- Zebra DatePicker 1.9.4 --------- */ .Zebra_DatePicker.dp_visible {visibility:visible; opacity:1; transition:opacity .15s ease;} .Zebra_DatePicker.dp_hidden {visibility:hidden; opacity:0;} .Zebra_DatePicker {position:absolute; top:0; left:0; margin:-1rem 0 0 -2rem; background-color:#FFF; color:#212629; width:380px; max-width:calc(100% - 3em); border:1px solid #00000016; box-shadow:0 0 .5em #00000010; border-radius:3px;} .Zebra_DatePicker table {border-collapse:collapse; width:100% !important; max-width:100%; table-layout:auto;} .Zebra_DatePicker .dp_daypicker td {width:14.286%;} .Zebra_DatePicker .dp_monthpicker td {width:33.333334%;} .Zebra_DatePicker .dp_yearpicker td {width:33.333334%;} .Zebra_DatePicker .dp_previous, .Zebra_DatePicker .dp_next {width:30px;} .Zebra_DatePicker td, .Zebra_DatePicker th {font-weight:400; text-align:center; padding:.5em 0;} .Zebra_DatePicker td {cursor:pointer;} .Zebra_DatePicker td.dp_not_in_month {color:#21262940; cursor:default;} .Zebra_DatePicker td.dp_not_in_month_selectable {cursor:pointer;} .Zebra_DatePicker td.dp_weekend, .Zebra_DatePicker .dp_daypicker th:nth-last-child(-n+2) {background-color:#21262906;} .Zebra_DatePicker td.dp_weekend_disabled {color:#21262940; cursor:default;} .Zebra_DatePicker td.dp_disabled {color:#21262940; cursor:default;} .Zebra_DatePicker td.dp_current {color:#c00; font-weight:500;} .Zebra_DatePicker .dp_hover, .Zebra_DatePicker .dp_weekend.dp_hover {background-color:#21262910; transition:.15s;} .Zebra_DatePicker .dp_selected, .Zebra_DatePicker .dp_selected.dp_hover, .Zebra_DatePicker .dp_weekend.dp_selected {background-color:#c00; color:#FFF !important;} /* --------- DataTables 1.13.1 --------- */ table.dataTable {--dtac1:60, 60, 60; --dtac2:0, 0, 0;} table.dataTable td.dt-control {text-align:center; cursor:pointer;} table.dataTable td.dt-control:before {height:1em; width:1em; margin-top:-9px; display:inline-block; color:#fff; border:.15em solid #fff; border-radius:1em; box-shadow:0 0 .2em #444; box-sizing:content-box; text-align:center; text-indent:0!important; font-family:"Courier New", Courier, monospace; line-height:1em; content:"+"; background-color:#080;} table.dataTable tr.dt-hasChild td.dt-control:before {content:"-"; background-color:#c00;} table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {cursor:pointer; position:relative; padding-right:19px;} table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {position:absolute; display:block; opacity:.125; right:3px; line-height:9px;} table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {bottom:50%; content:"▴";} table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {top:50%; content:"▾";} table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {opacity:.6;} table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before {display:none;} table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {outline:none;} div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after, div.dataTables_scrollBody table.dataTable thead > tr > td:before, div.dataTables_scrollBody table.dataTable thead > tr > td:after {display:none;} div.dataTables_processing {position:absolute; top:50%; left:50%; width:200px; margin-left:-100px; margin-top:-26px; text-align:center; padding:2px;} div.dataTables_processing > div:last-child {position:relative; width:80px; height:15px; margin:1em auto;} div.dataTables_processing > div:last-child > div {position:absolute; top:0; width:13px; height:13px; border-radius:50%; background-color:rgba(var(--dtac1), 0.9); animation-timing-function:cubic-bezier(0, 1, 1, 0);} div.dataTables_processing > div:last-child > div:nth-child(1) {left:8px; animation:datatables-loader-1 .6s infinite;} div.dataTables_processing > div:last-child > div:nth-child(2) {left:8px; animation:datatables-loader-2 .6s infinite;} div.dataTables_processing > div:last-child > div:nth-child(3) {left:32px; animation:datatables-loader-2 .6s infinite;} div.dataTables_processing > div:last-child > div:nth-child(4) {left:56px; animation:datatables-loader-3 .6s infinite;} @keyframes datatables-loader-1 { 0% {transform:scale(0);} 100% {transform:scale(1);} } @keyframes datatables-loader-3 { 0% {transform:scale(1);} 100% {transform:scale(0);} } @keyframes datatables-loader-2 { 0% {transform:translate(0, 0);} 100% {transform:translate(24px, 0);} } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {text-align:center;} table.dataTable {width:100%; margin:0 auto; border-collapse:collapse;} table.dataTable thead th, table.dataTable thead td {padding:10px;} table.dataTable thead th:active, table.dataTable thead td:active {outline:none;} table.dataTable tfoot th, table.dataTable tfoot td {padding-bottom:10px;} table.dataTable tbody tr {background-color:transparent;} table.dataTable tbody tr.selected > * {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.9);} table.dataTable tbody th, table.dataTable tbody td {padding:8px 10px;} table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid rgba(var(--dtac2), 0.15);} table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {border-top:none} table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {border-top:1px solid rgba(var(--dtac2), 0.15); border-right:1px solid rgba(var(--dtac2), 0.15);} table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {border-left:1px solid rgba(var(--dtac2), 0.15);} table.dataTable.cell-border tbody tr:last-child th, table.dataTable.cell-border tbody tr:last-child td {border-bottom:1px solid rgba(var(--dtac2), 0.15);} table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.023);} table.dataTable.stripe > tbody > tr.odd.selected > *, table.dataTable.display > tbody > tr.odd.selected > * {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.923);} table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.065);} table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.935);} table.dataTable.order-column > tbody tr > .sorting_1, table.dataTable.order-column > tbody tr > .sorting_2, table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1, table.dataTable.display > tbody tr > .sorting_2, table.dataTable.display > tbody tr > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.019);} table.dataTable.order-column > tbody tr.selected > .sorting_1, table.dataTable.order-column > tbody tr.selected > .sorting_2, table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1, table.dataTable.display > tbody tr.selected > .sorting_2, table.dataTable.display > tbody tr.selected > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.919);} table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.054);} table.dataTable.display > tbody > tr.odd > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.047);} table.dataTable.display > tbody > tr.odd > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.039);} table.dataTable.display > tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_1 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.954);} table.dataTable.display > tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_2 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.947);} table.dataTable.display > tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.939);} table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.019);} table.dataTable.display > tbody > tr.even > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.011);} table.dataTable.display > tbody > tr.even > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.003);} table.dataTable.display > tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.919);} table.dataTable.display > tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.911);} table.dataTable.display > tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.903);} table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.082);} table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.074);} table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac2), 0.062);} table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.982);} table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.974);} table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {box-shadow:inset 0 0 0 9999px rgba(var(--dtac1), 0.962);} table.dataTable.no-footer {border-bottom:1px solid rgba(var(--dtac2), 0.3);} table.dataTable.compact thead th, table.dataTable.compact thead td {padding:4px 17px;} table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {padding:4px;} table.dataTable.compact tbody th, table.dataTable.compact tbody td {padding:4px;} table.dataTable th, table.dataTable td {box-sizing:content-box;} .dataTables_wrapper {position:relative; display:flex; flex-wrap:wrap;} .dataTables_wrapper .dataTables_length {margin-bottom:.25em; margin-right:.5em;} .dataTables_wrapper .dataTables_filter {margin-bottom:.25em; margin-left:auto; max-width:100%;} .dataTables_wrapper .dataTables_info {height:var(--fih); font-size:var(--ffz); display:flex; align-items:center; margin-bottom:.25em; margin-right:.5em;} .dataTables_wrapper .dataTables_paginate {padding-top:.5em; margin-left:auto;} .dataTables_wrapper .dataTables_paginate .paginate_button {display:inline-block; padding:.5em .5em; text-align:center; cursor:pointer;} .dataTables_wrapper .dataTables_paginate .paginate_button.current {box-shadow:inset 0 0 0 9999px rgb(0, 0, 0, .05); border-radius:var(--brd);} .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:only-child {display:none;} .dataTables_wrapper .dataTables_paginate .previous, .dataTables_wrapper .dataTables_paginate .first {padding-left:0; padding-right:0; margin-right:.5em;} .dataTables_wrapper .dataTables_paginate .next, .dataTables_wrapper .dataTables_paginate .last {padding-left:0; padding-right:0; margin-left:.5em;} .dataTables_wrapper .dataTables_paginate .ellipsis {padding:0 1em;} .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {vertical-align:middle;} .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {height:0; overflow:hidden; margin:0!important; padding:0!important;} .dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom:1px solid rgba(var(--dtac2), 0.3);} .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {border-bottom:none;} /* --------- DataTables Responsive 2.4.0 --------- */ table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {cursor:default!important;} table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {display:none!important;} table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {position:relative; padding-left:20px; cursor:pointer;} table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {top:50%; left:-11px; margin-top:-11px; display:block; position:absolute; color:#fff; border:2px solid #fff; border-radius:50%; content:"\e610"; background-color:#080; padding:4px; font-size:11px;} table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {content:"\e614"; background-color:#c00;} table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {padding-left:27px;} table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {left:4px; height:14px; width:14px; border-radius:14px; line-height:14px; text-indent:3px;} table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.dtr-control, table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {position:relative; cursor:pointer;} table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {top:50%; left:50%; height:.8em; width:.8em; margin-top:-.5em; margin-left:-.5em; display:block; position:absolute; color:#fff; border:.15em solid #fff; border-radius:1em; box-shadow:0 0 .2em #444; box-sizing:content-box; text-align:center; text-indent:0!important; font-family:"Courier New", Courier, monospace; line-height:1em; content:"+"; background-color:#080;} table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {content:"-";} table.dataTable > tbody > tr.child {padding:.5em 1em;} table.dataTable > tbody > tr.child:hover {background-color:transparent!important;} table.dataTable > tbody > tr.child ul.dtr-details {display:inline-block; list-style-type:none; margin:0; padding:0; width:100%;} table.dataTable > tbody > tr.child ul.dtr-details > li {border-bottom:1px solid rgba(var(--dtac2), 0.08); padding:.5em 0;} table.dataTable > tbody > tr.child ul.dtr-details > li {display:flex; flex-wrap:wrap;} table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {padding-top:0;} table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {border-bottom:none;} table.dataTable > tbody > tr.child span.dtr-title {font-weight:500; margin-right:.5em;} table.dataTable > tbody > tr.child span.dtr-data {flex:1 1 auto;} div.dtr-modal {position:fixed; box-sizing:border-box; top:0; left:0; height:100%; width:100%; /* z-index:100; */ padding:10em 1em;} div.dtr-modal div.dtr-modal-display {position:absolute; top:0; left:0; bottom:0; right:0; width:50%; height:50%; overflow:auto; margin:auto; /* z-index:102; */ overflow:auto; background-color:#f5f5f7; border:1px solid #000; border-radius:.5em; box-shadow:0 12px 30px rgba(var(--dtac2), 0.6);} div.dtr-modal div.dtr-modal-content {position:relative; padding:1em;} div.dtr-modal div.dtr-modal-close {position:absolute; top:6px; right:6px; width:22px; height:22px; border:1px solid #eaeaea; background-color:#f9f9f9; text-align:center; border-radius:3px; cursor:pointer; /* z-index:12; */} div.dtr-modal div.dtr-modal-close:hover {background-color:#eaeaea;} div.dtr-modal div.dtr-modal-background {position:fixed; top:0; left:0; right:0; bottom:0; /* z-index:101; */ background-color:rgba(var(--dtac2), 0.6);} @media screen and (max-width:767px) { div.dtr-modal div.dtr-modal-display {width:95%;} } /* --------- DataTables Buttons 2.3.3 --------- */ .dt-buttons {margin-bottom:.25em; margin-right:.5em; /* display:flex; */} .dt-buttons > .dt-button {margin:0;} .dt-buttons > .dt-button:not(.buttons-collection) {background-color:transparent; color:#646464; padding-left:0; padding-right:0; margin-right:.5em;} .dt-buttons .dt-button.buttons-collection, .dt-button-collection .dt-button {font-size:var(--ffz); font-weight:400; height:calc(var(--fih) / 1.0); background-color:#646464; margin:0 1px 1px 0;} .dt-buttons .dt-button.buttons-colvis {margin-right:5px;} .dt-buttons div[role="menu"] {display:flex; flex-wrap:wrap;} .dt-buttons .dt-button-collection {margin-top:0 !important;} .dt-buttons .dt-button-collection .dt-button:not(.active):not(.buttons-colvisRestore) {background-color:#848484; color:#bbb; opacity:.5;} .dt-buttons .dt-down-arrow {display:none;} /**/ .datatables {width:100%;} .dataTables_wrapper {margin-bottom:1em;} /* .dataTables_wrapper p, */.dataTables_wrapper label {margin:0;} .dataTables_wrapper .dataTables_filter label {display:flex; align-items:center;} .dataTables_wrapper .dataTables_filter label .zin {position:absolute; z-index:1; left:var(--fsp);} .dataTables_wrapper .dataTables_filter label .zin:before {font-size:calc(var(--ffz) * 1.125);} .dataTables_wrapper .dataTables_filter label input {padding-left:calc(var(--fsp) + 1.625em);} .dataTables_wrapper input, .dataTables_wrapper select, .dataTables_wrapper input:focus, .dataTables_wrapper select:focus {border:none; box-shadow:none;} .dataTables_wrapper .dataTable input, .dataTables_wrapper .dataTable select {border-radius:0;} .dataTables_wrapper .dataTable input:disabled {opacity:.65;} .dataTables_paginate, .dataTables_wrapper .dataTables_paginate .paginate_button {display:inline-flex; align-items:center;} .dataTables_paginate .next span, .dataTables_paginate .last span, .dataTables_paginate .previous span, .dataTables_paginate .first span {font-size:.5em;} .dataTables_paginate .last span:last-child {margin-left:-.5em;} .dataTables_paginate .first span:first-child {margin-right:-.5em;} .dataTables_wrapper tbody input, .dataTables_wrapper tbody select {width:100%; height:auto; padding:0; background-color:transparent;} .dataTables_wrapper tbody input:focus, .dataTables_wrapper tbody select:focus {background-color:transparent;} .dataTables_wrapper tfoot input {width:100%;} .dataTables_wrapper tfoot {display:table-row-group;} table.dataTable tbody tr.selected {color:#ddd;} table.dataTable tbody tr.selected a, table.dataTable tbody tr.selected input, table.dataTable tbody tr.selected select {color:#FFF;} /* table text align */ th {text-align:left;} [id="persons"], [headers="persons"], [headers="persons"] input, [id="price"], [headers="price"], [id="items"], [headers="items"] input {text-align:right;} [id="action"], [headers="action"], [headers="action"] input {text-align:center;} /* table width & wrap */ [headers="id"] {width:4em;} [headers="date"], [headers="time"] {width:6em; white-space:nowrap;} [headers="persons"] {width:2.5em;} [headers="action"] {width:4em;} [headers="price"] {width:4em;} [headers="items"] {width:4em;} [headers="descr"] {width:7em;} [headers="status"] {min-width:7.5em; width:7.5em;} tfoot [headers="price"] {padding-left:10px; padding-right:10px;} /* --------- modals & buttons --------- */ /* site message */ .stmessg {position:fixed; z-index:2; top:11em; right:-1px; background-color:#212629; max-width:250px; padding:1.5em; transition:transform .25s ease-out;} .stmessg h1, .stmessg p {color:#FFF;} .stmessg [data-label="close"] {position:absolute; top:1em; left:0; transform:translateX(-100%); background-color:#212629; color:#dcdcdc;} .stmessg [data-label="close"] span:before {font-size:.875em; padding:.75rem;} .stmessg, .stmessg [data-label="close"] {border-top-right-radius:0; border-bottom-right-radius:0;} .stmessganim {transform:translateX(100%); transition:transform .125s ease-in;} /* page message */ .pgmessg {position:fixed; z-index:2; top:15em; right:-1px; background-color:#212629; max-width:250px; padding:1.5em; transition:transform .25s ease-out;} .pgmessg [data-label="close"] {position:absolute; top:1em; left:0; transform:translateX(-100%); background-color:#212629; color:#dcdcdc;} .pgmessg [data-label="close"] span:before {font-size:.875em; padding:.75rem;} .pgmessg, .pgmessg [data-label="close"] {border-top-right-radius:0; border-bottom-right-radius:0;} .pgmessganim {transform:translateX(100%); transition:transform .125s ease-in;} .pgmessg h1, .pgmessg h2, .pgmessg h3, .pgmessg h4, .pgmessg h5, .pgmessg h6, .pgmessg a, .pgmessg p:not(.icprops p), .pgmessg .wxl, .pgmessg .wxl sup, .pgmessg .wxl strong, .pgmessg small:not(.icprops small), .pgmessg .list, .pgmessg figcaption, .pgmessg figcaption, .pgmessg .txaccd > * > a span, .pgmessg .txaccd > .has-sub > a > *:nth-child(n) {color:#FFF;} /* site mask */ .stfsmask {position:fixed; z-index:2; top:0; left:0; width:100%; height:100%; background-color:#212629cc; padding:2em; display:flex; justify-content:center; align-items:center; transform:translateX(0); transition:transform 0s .135s, background-color .25s .135s;} .stfsmask > div {opacity:1; transition:opacity .25s .135s;} .stfsmask > div:not([class]) {min-width:320px;} .stfsmask > div > div {padding:2.5em 2.5em 2em 2.5em; background-color:#f8f8f8; max-width:60em; max-height:90vh; overflow:auto; text-align:center; box-shadow:0 0 2em #21262966;} .stfsmask [data-label="close"] {position:absolute; z-index:2; top:-.75em; right:-.75em; background-color:#212629; color:#dcdcdc;} .stfsmask [data-label="reopen"] {opacity:0; position:absolute; top:10em; left:1px; background-color:#0060B0; color:#FFF; transform:translateX(-100%); border-top-right-radius:0; border-bottom-right-radius:0; transition:opacity .125s;} .stfsmask h1 {font-size:1.25em; color:#212629;} .stfsmaskanim {transform:translateX(100%); background-color:#21262900; transition:transform 0s .4s, background-color .4s .135s;} .stfsmaskanim > div {opacity:0; transition:opacity .4s;} .stfsmaskanim [data-label="reopen"] {opacity:1; transition:opacity .4s .4s;} /* page mask */ .pgfsmask {position:fixed; z-index:2; top:0; left:0; width:100%; height:100%; background-color:#212629cc; padding:2em; display:flex; justify-content:center; align-items:center; transform:translateX(0); transition:transform 0s .135s, background-color .25s .135s;} .pgfsmask > div {opacity:1; transition:opacity .25s .135s;} .pgfsmask > div:not([class]) {min-width:320px;} .pgfsmask > div > div {padding:2.5em 2.5em 2em 2.5em; background-color:#f8f8f8; max-width:60em; max-height:90vh; overflow:auto; text-align:center; box-shadow:0 0 2em #21262966;} .pgfsmask [data-label="close"] {position:absolute; z-index:2; top:-.75em; right:-.75em; background-color:#212629; color:#dcdcdc;} .pgfsmask [data-label="reopen"] {opacity:0; position:absolute; top:14em; left:1px; background-color:#0060B0; color:#FFF; transform:translateX(-100%); border-top-right-radius:0; border-bottom-right-radius:0; transition:opacity .125s;} .pgfsmask h1 {font-size:1.25em; color:#212629;} .pgfsmaskanim {transform:translateX(100%); background-color:#21262900; transition:transform 0s .4s, background-color .4s .135s;} .pgfsmaskanim > div {opacity:0; transition:opacity .4s;} .pgfsmaskanim [data-label="reopen"] {opacity:1; transition:opacity .4s .4s;} /* espapop */ .espapop {position:fixed; z-index:2; bottom:5em; right:0; max-width:250px; transition:transform .25s ease-out;} .espapop [data-label="close"] {position:absolute; bottom:1em; left:1px; transform:translateX(-100%); background-color:#FFF; color:#2c4687;} .espapop [data-label="close"] span:before {font-size:.875em; padding:.75rem;} .espapop, .espapop [data-label="close"], .espapop figure, .espapop img {border-top-right-radius:0; border-bottom-right-radius:0;} .espaanim {transform:translateX(100%); transition:transform .125s ease-in;} .espapop figure {max-width:120px;} /* espa horizontal */ .espah {background-color:#FFF; text-align:center; padding:.25em; margin-bottom:2px;} .espah a {display:block;} .espah figure, .espah img {border-radius:0;} .espah img {max-width:600px;} /* disbpop */ .disbpop {position:fixed; z-index:2; top:7em; right:-1px; background-color:#453020; max-width:250px; padding:1.5em; transition:transform .25s ease-out;} .disbpop p a {display:inline-flex; align-items:center;} .disbpop p span[class*="icon"] {font-size:1.125rem; margin-right:.5rem;} .disbpop p span, .disbpop a[class*="icon"] {color:#FFF;} .disbpop p [class*="icon"] {opacity:.5;} .disbpop [data-label="close"] {position:absolute; top:1em; left:0; transform:translateX(-100%); background-color:#453020; color:#FFF;} .disbpop [data-label="close"] span:before {font-size:.875em; padding:.75rem;} .disbpop, .disbpop [data-label="close"] {border-top-right-radius:0; border-bottom-right-radius:0;} .disbanim {transform:translateX(100%); transition:transform .125s ease-in;} /* gdprpop */ .gdprpop {font-size:.875em; position:fixed; z-index:2; bottom:2em; left:0; background-color:#0a0a0a; max-width:500px; padding:1.5rem; transition:transform .25s ease-out; border-top-left-radius:0; border-bottom-left-radius:0;} .gdprpop .hi, .gdprpop .readmore a {color:#95c172; font-weight:500;} .gdprpop .readmore {margin-top:.5em;} .gdprpop legend {font-size:.875em; margin-bottom:.375em;} .gdprbuttons {display:flex; align-items:center;} .gdprbuttons > a {margin-right:.25em; margin-bottom:0;} .gdprbuttons > a:nth-last-child(-n+1) {margin-right:0;} .gdprbuttons [data-label="reject"], .gdprbuttons [data-label="manage"], .gdprbuttons [data-label="accept selection"], .gdprbuttons [data-label="accept all"] {color:#FFF; padding:.5em .75em; white-space:nowrap;} .gdprbuttons [data-label="reject"] {background-color:#363636;} .gdprbuttons [data-label="manage"] {background-color:#565656;} .gdprbuttons [data-label="accept selection"] {background-color:#707070; display:none;} .gdprbuttons [data-label="accept all"] {background-color:#477332;} .gdprpop [data-label="delete"] {display:none; font-size:.875em; color:#95c172; margin-bottom:.25em;} .gdpranim {transform:translateX(-100%); transition:transform .125s ease-in;} .gdprpop .gdproptions {display:none; margin-bottom:.25em;} .gdprpop form label {margin-bottom:.25em;} .gdprpop .chkboxcb {background-color:#999;} .gdprpop .chkboxc input:checked ~ .chkboxcb {background-color:#477332;} .gdprpop input[type="checkbox"]:disabled ~ span {opacity:.7;} label[for="ckreq"] {cursor:default;} .gdprpop, .gdprpop .rdioc, .gdprpop .chkboxc {color:#bbb;} @media screen and (max-width:500px) {.gdprpop {width:100%; max-width:none; bottom:0; border-radius:0;} .gdprbuttons {flex-wrap:wrap;} .gdprbuttons > a {width:100%; margin-right:0; margin-bottom:.25em}} /**/ a.scrollToTop {position:fixed; z-index:2; right:0; bottom:3em; display:none; background-color:#71d8f9; color:#212629; padding:.75em; border-top-right-radius:0; border-bottom-right-radius:0;} a#editlink {position:fixed; z-index:2; left:0; top:35vh; background-color:#404040; color:#e8cdae; padding:.75rem; font-size:.875em; border-top-left-radius:0; border-bottom-left-radius:0;} /**/ a.scrollToTop, a#editlink, .stmessg [data-label="close"] span:before, .pgmessg [data-label="close"] span:before, .disbpop [data-label="close"] span:before, .espapop [data-label="close"] span:before, .stfsmask [data-label="close"] span:before, .stfsmask [data-label="reopen"] span:before, .pgfsmask [data-label="close"] span:before, .pgfsmask [data-label="reopen"] span:before {font-size:.75em; padding:.75em; line-height:1;} @media screen and (max-width:460px) { a.scrollToTop, .pgmessg [data-label="close"] span:before, .stmessg [data-label="close"] span:before, .disbpop [data-label="close"] span:before, .espapop [data-label="close"] span:before, .stfsmask [data-label="reopen"] span:before, .pgfsmask [data-label="reopen"] span:before {padding:.75em .375em .75em .5em;} a#editlink {padding:.75em .5em .75em .125em;} } /* --------- animation --------- */ .blink {animation:blink ease-in .65s infinite .25s} @keyframes blink {0% {opacity:.25;} 15% {opacity:.5;} 30% {opacity:1;} 45% {opacity:.15;} 60% {opacity:1;} 100% {opacity:1;}} @keyframes animO {from {opacity:0;} to {opacity:1;}} @keyframes animY {from {transform:translateY(100%);} to {transform:translateY(0);}} .animScl {animation:animScl ease-in .4s; transform-origin:top left;} @keyframes animScl {0% {transform:scale(1);} 25% {transform:scale(.96);} 100% {transform:scale(1);}} /* --------- Local Fonts --------- */ /* Icomoon */ @font-face {font-family:"Icomoon"; font-style:normal; font-display:swap; font-weight:normal; src:url("/scripts/fonts/icomoon.eot"); src:url("/scripts/fonts/icomoon.eot#iefix") format("embedded-opentype"), url("/scripts/fonts/icomoon.woff2") format("woff2"), url("/scripts/fonts/icomoon.woff") format("woff"), url("/scripts/fonts/icomoon.ttf") format("truetype"),url("/scripts/fonts/icomoon.svg#icomoon") format("svg");} .genericicon:before, .bulleticon:before, .bulletrhombusicon:before, .arlefticon:before, .arrighticon:before, .arleftalticon:before, .arrightalticon:before, .arleftaltdoubleicon:before, .arrightaltdoubleicon:before, .artopicon:before, .arbottomicon:before, .playicon:before, .pauseicon:before, .nivo-lightbox-prev:after, .nivo-lightbox-next:after, .nivo-lightbox-close:after, .zin:before, .lensicon:before, .downloadicon:before, .fcalendaricon:before, .chkboxcb:before, .selectize-control.single .selectize-input:after, .falert > div:after, .falert > div:before, .scrollToTop:before, .pdficon:before, .archiveicon:before, .txaccd .has-sub > a > span:first-child:before, .infoicon:before, .plusicon:before, .minusicon:before, .closeicon:before, .okicon:before, .okpicon:before, .notokicon:before, .langicon:before, .disbicon:before, .grayscaleicon:before, .highcontrasticon:before, .negativeicon:before, .lightbkicon:before, .increaseicon:before, .decreaseicon:before, .readableicon:before, .linkicon:before, .reseticon:before, .officon:before, [data-mlm="mlmicon"]:after, .dtr-control:before, .homeicon:before, .contacticon:before, .mailicon:before, .replyicon:before, .mapicon:before, .callicon:before, .callusicon:before, .newslettericon:before, .staricon:before, .starinicon:before, .starsticon:before, .calendaricon:before, .okcalendaricon:before, .clockicon:before, .clockrevicon:before, .hourglassicon:before, .editicon:before, .coloricon:before, .trashicon:before, .viewicon:before, .hideicon:before, .selecticon:before, .deselecticon:before, .printicon:before, .copyicon:before, .csvicon:before, .excelicon:before, .imageicon:before, .zipicon:before, .personicon:before, .personsicon:before, .childrenicon:before, .infantsicon:before, .nameicon:before, .passporticon:before, .nationalityicon:before, .birthdayicon:before, .gendericon:before, .cityicon:before, .villageicon:before, .churchicon:before, .securityicon:before, .messageicon:before, .descricon:before, .cctypeicon:before, .ccnameicon:before, .ccnumbericon:before, .ccdateicon:before, .cccvvicon:before, .onewayicon:before, .returnicon:before, .doorsicon:before, .engineicon:before, .gearicon:before, .fuelicon:before, .acicon:before, .baggageicon:before, .luggageicon:before, .luggageplaneicon:before, .ecoicon:before, .optionsicon:before, .wifiicon:before, .bluetoothicon:before, .carsicon:before, .transfersicon:before, .toursicon:before, .detailsicon:before, .airplaneicon:before, .ferryicon:before, .filtersicon:before, .sorticon:before, .horzicon:before, .hotelicon:before, .keysicon:before, .roomsizeicon:before, .sleepguestsicon:before, .bedroomicon:before, .showericon:before, .bathroomicon:before, .bathicon:before, .wcicon:before, .towelsicon:before, .dryericon:before, .ironingicon:before, .lofticon:before, .kitchenicon:before, .bbqicon:before, .gastronomyicon:before, .nutritionicon:before, .coffeeicon:before, .bottleicon:before, .beachicon:before, .massageicon:before, .tenticon:before, .poolicon:before, .swimmingpoolicon:before, .jaccuzziicon:before, .swimmingicon:before, .scubaicon:before, .lifejacketicon:before, .parkingicon:before, .tvicon:before, .climaicon:before, .balconyicon:before, .safeicon:before, .hearticon:before, .seaicon:before, .peticon:before, .suiteicon:before, .personjumpicon:before, .personwalkicon:before, .personhikingicon:before, .soundicon:before, .soundwavesicon:before, .firstaidicon:before, .fireplaceicon:before, .bookicon:before, .binocularsicon:before, .seawavesicon:before, .terraceicon:before, .sleeproomicon:before, .pillowicon:before, .maximizeicon:before, .boilericon:before, .minibaricon:before, .modifywidthheighticon:before, .modifywidthicon:before, .modifyheighticon:before, .newicon:before, .infiniteicon:before, .cardeliveryicon:before, .leftrighticon:before, .moveicon:before, .cogsicon:before, .usergoupicon:before, .filepageicon:before, .sitetopicon:before, .sitemiddleicon:before, .sitebottomicon:before, .sitemessageicon:before, .boldicon:before, .supicon:before, .nowrapicon:before, .highlighticon:before, .anchoricon:before, .clearicon:before, .bricon:before, .selecttagicon:before, .producticon:before, .promoicon:before, .tourpinsicon:before, .transfericon:before, .departuresicon:before, .destinationsicon:before, .foldericon:before, .foldersicon:before, .typesicon:before, .sunicon:before, .datetimeicon:before, .chargeicon:before, .offersicon:before, .salesicon:before, .saleicon:before, .moonicon:before, .facebookicon:before, .twittericon:before, .xicon:before, .youtubeicon:before, .googleplusicon:before, .pininteresticon:before, .instagramicon:before, .tiktokicon:before, .flikricon:before, .tripadvisoricon:before, .viber:before, .whatsapp:before, .eoticon:before {display:block; font-family:"Icomoon"; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; /* line-height:1; */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} .genericicon:before {content:"\e655";} .bulleticon:before {content:"\e676";} .bulletrhombusicon:before {content:"\e677";} .arlefticon:before {content:"\e600"; margin:0 .0625em 0 -.0625em;} .arrighticon:before {content:"\e600"; transform:rotate(180deg); margin:0 -.0875em 0 .0875em;} .arleftalticon:before {content:"\e60c"; margin:0 .0625em 0 -.0625em;} .arrightalticon:before {content:"\e60c"; transform:rotate(180deg); margin:0 -.0875em 0 .0875em;} .arleftaltdoubleicon:before {content:"\e656"; margin:0 .0625em 0 -.0625em;} .arrightaltdoubleicon:before {content:"\e656"; transform:rotate(180deg); margin:0 -.0875em 0 .0875em;} .artopicon:before {content:"\e602"; margin:-.0625em 0 .0625em 0;} .arbottomicon:before {content:"\e602"; transform:rotate(180deg); margin:.0875em 0 -.0875em 0;} .playicon:before {content:"\e61e";} .pauseicon:before {content:"\e654";} .nivo-lightbox-prev:after {content:"\e600";} .nivo-lightbox-next:after {content:"\e601";} .nivo-lightbox-close:after {content:"\e617";} .b.active [data-mlm="mlmicon"]:after {content:"\e613";} [data-mlm="mlmicon"]:after, .txaccd .has-sub > a > span:first-child:before, .plusicon:before {content:"\e610";} .zin:before {content:"\e619"; font-weight:bold;} .lensicon:before {content:"\e619";} .downloadicon:before {content:"\e63a";} .fcalendaricon:before {content:"\e61a";} .chkboxcb:before {content:"\e628";} .selectize-control.single .selectize-input:after {content:"\e607";} .selectize-control.single .selectize-input.dropdown-active:after {content:"\e606";} .minusicon:before, .txaccd .has-sub.open > a > span:first-child:before {content:"\e614";} .scrollToTop:before {content:"\e602"; font-weight:bold;} .pdficon:before {content:"\e623";} .archiveicon:before {content:"\e645";} .infoicon:before {content:"\e62c";} .closeicon:before {content:"\e617";} .okicon:before {content:"\e628";} .okpicon:before {content:"\e6d2";} .notokicon:before {content:"\e64a";} .langicon:before {content:"\e63b";} .disbicon:before {content:"\e630";} .grayscaleicon:before {content:"\e631";} .highcontrasticon:before {content:"\e632";} .negativeicon:before {content:"\e633";} .lightbkicon:before {content:"\e634";} .increaseicon:before {content:"\e635";} .decreaseicon:before {content:"\e636";} .readableicon:before {content:"\e637";} .linkicon:before {content:"\e638";} .reseticon:before {content:"\e639";} .officon:before {content:"\e6ca";} .homeicon:before {content:"\e626";} .contacticon:before {content:"\e625";} .mailicon:before {content:"\e641";} .replyicon:before {content:"\e63e";} .mapicon:before {content:"\e62f";} .callicon:before {content:"\e640";} .callusicon:before {content:"\e627";} .newslettericon:before {content:"\e624";} .staricon:before {content:"\e657";} .starinicon:before {content:"\e6d0";} .starsticon:before {content:"\e6d1";} .calendaricon:before {content:"\e63c";} .okcalendaricon:before {content:"\e6d3";} .clockicon:before {content:"\e63d";} .clockrevicon:before {content:"\e6d5";} .hourglassicon:before {content:"\e6d4";} .editicon:before {content:"\e63f";} .coloricon:before {content:"\e6e9";} .trashicon:before {content:"\e642";} .viewicon:before {content:"\e64b";} .hideicon:before {content:"\e653";} .selecticon:before {content:"\e64c";} .deselecticon:before {content:"\e64d";} .printicon:before {content:"\e64f";} .copyicon:before {content:"\e650";} .csvicon:before {content:"\e651";} .excelicon:before {content:"\e652";} .imageicon:before {content:"\e6a0";} .zipicon:before {content:"\e6a7";} .personicon:before {content:"\e648";} .personsicon:before {content:"\e649";} .childrenicon:before {content:"\e658";} .infantsicon:before {content:"\e659";} .nameicon:before {content:"\e65a";} .passporticon:before {content:"\e65b";} .nationalityicon:before {content:"\e65c";} .birthdayicon:before {content:"\e65d";} .gendericon:before {content:"\e65e";} .cityicon:before {content:"\e665";} .villageicon:before {content:"\e6a8";} .churchicon:before {content:"\e6a9";} .securityicon:before {content:"\e664";} .messageicon:before {content:"\e666";} .descricon:before {content:"\e6ea";} .cctypeicon:before {content:"\e65f";} .ccnameicon:before {content:"\e660";} .ccnumbericon:before {content:"\e661";} .ccdateicon:before {content:"\e662";} .cccvvicon:before {content:"\e663";} .onewayicon:before {content:"\e667";} .returnicon:before {content:"\e668";} .doorsicon:before {content:"\e669";} .engineicon:before {content:"\e6cf";} .gearicon:before {content:"\e66a";} .fuelicon:before {content:"\e66b";} .acicon:before {content:"\e66c";} .baggageicon:before {content:"\e66d";} .luggageicon:before {content:"\e69e";} .luggageplaneicon:before {content:"\e69f";} .ecoicon:before {content:"\e66e";} .optionsicon:before {content:"\e66f";} .wifiicon:before {content:"\e670";} .bluetoothicon:before {content:"\e671";} .carsicon:before {content:"\e672";} .transfersicon:before {content:"\e673";} .toursicon:before {content:"\e674";} .detailsicon:before {content:"\e675";} .airplaneicon:before {content:"\e678";} .ferryicon:before {content:"\e679";} .filtersicon:before {content:"\e67a";} .sorticon:before {content:"\e67b";} .horzicon:before {content:"\e67c";} .hotelicon:before {content:"\e62e";} .keysicon:before {content:"\e6a2";} .roomsizeicon:before {content:"\e67d";} .sleepguestsicon:before {content:"\e67e";} .bedroomicon:before {content:"\e67f";} .showericon:before {content:"\e680";} .bathroomicon:before {content:"\e681";} .bathicon:before {content:"\e682";} .wcicon:before {content:"\e683";} .towelsicon:before {content:"\e684";} .dryericon:before {content:"\e685";} .ironingicon:before {content:"\e686";} .lofticon:before {content:"\e687";} .kitchenicon:before {content:"\e688";} .bbqicon:before {content:"\e689";} .gastronomyicon:before {content:"\e68a";} .nutritionicon:before {content:"\e68b";} .coffeeicon:before {content:"\e68c";} .bottleicon:before {content:"\e68d";} .beachicon:before {content:"\e68e";} .massageicon:before {content:"\e68f";} .tenticon:before {content:"\e690";} .poolicon:before {content:"\e691";} .swimmingpoolicon:before {content:"\e692";} .jaccuzziicon:before {content:"\e6a1";} .swimmingicon:before {content:"\e6a6";} .scubaicon:before {content:"\e6a4";} .lifejacketicon:before {content:"\e6a3";} .parkingicon:before {content:"\e693";} .tvicon:before {content:"\e694";} .climaicon:before {content:"\e695";} .balconyicon:before {content:"\e696";} .safeicon:before {content:"\e697";} .hearticon:before {content:"\e698";} .seaicon:before {content:"\e699";} .peticon:before {content:"\e6a5";} .foldericon:before {content:"\e647";} .foldersicon:before {content:"\e6c1";} .typesicon:before {content:"\e6c2";} .sunicon:before {content:"\e6c3";} .datetimeicon:before {content:"\e6c4";} .chargeicon:before {content:"\e6c5";} .offersicon:before {content:"\e6c6";} .salesicon:before {content:"\e6c7";} .saleicon:before {content:"\e6c8";} .moonicon:before {content:"\e6c9";} .suiteicon:before {content:"\e6cb";} .personjumpicon:before {content:"\e6cc";} .personwalkicon:before {content:"\e6cd";} .personhikingicon:before {content:"\e6ce";} .soundicon:before {content:"\e6d6";} .soundwavesicon:before {content:"\e6d7";} .firstaidicon:before {content:"\e6d8";} .fireplaceicon:before {content:"\e6d9";} .bookicon:before {content:"\e6da";} .binocularsicon:before {content:"\e6db";} .seawavesicon:before {content:"\e6dc";} .terraceicon:before {content:"\e6dd";} .sleeproomicon:before {content:"\e6de";} .pillowicon:before {content:"\e6df";} .maximizeicon:before {content:"\e6e0";} .boilericon:before {content:"\e6e1";} .minibaricon:before {content:"\e6e2";} .modifywidthheighticon:before {content:"\e6e3";} .modifywidthicon:before {content:"\e6e4";} .modifyheighticon:before {content:"\e6e5";} .newicon:before {content:"\e6e6";} .infiniteicon:before {content:"\e6e7";} .cardeliveryicon:before {content:"\e6e8";} .facebookicon:before {content:"\e61b";} .twittericon:before {content:"\e61c";} .xicon:before {content:"\e69a";} .youtubeicon:before {content:"\e61f";} .googleplusicon:before {content:"\e620";} .pininteresticon:before {content:"\e621";} .instagramicon:before {content:"\e622"; margin:0 .01em 0 -.01em;} .tiktokicon:before {content:"\e69b";} .flikricon:before {content:"\e69c";} .tripadvisoricon:before {content:"\e69d";} .viber:before {content:"\e62a";} .whatsapp:before {content:"\e62b";} .eoticon:before {content:"\e629"; font-size:2.0em;} .eot {display:inline-flex; align-items:center;} .eot span:nth-child(1) {padding-top:.45em;} .eot span:nth-child(2) {font-size:.750em; margin-left:.25rem;} .leftrighticon:before {content:"\e6aa";} .moveicon:before {content:"\e6ab";} .cogsicon:before {content:"\e6ac";} .usergoupicon:before {content:"\e6ad";} .filepageicon:before {content:"\e6ae";} .sitetopicon:before {content:"\e6af";} .sitemiddleicon:before {content:"\e6b0";} .sitebottomicon:before {content:"\e6b1";} .sitemessageicon:before {content:"\e6b2";} .boldicon:before {content:"\e6b3";} .supicon:before {content:"\e6b4";} .nowrapicon:before {content:"\e6b5";} .highlighticon:before {content:"\e6b6";} .anchoricon:before {content:"\e6b7";} .clearicon:before {content:"\e6b8";} .bricon:before {content:"\e6b9";} .selecttagicon:before {content:"\e6ba";} .producticon:before {content:"\e6bb";} .promoicon:before {content:"\e6bc";} .tourpinsicon:before {content:"\e6bd";} .transfericon:before {content:"\e6be";} .departuresicon:before {content:"\e6bf";} .destinationsicon:before {content:"\e6c0";} /* Montserrat */ @font-face {font-weight:100; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-thin.eot"); src:url("/scripts/fonts/latin/montserrat-thin.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-thin.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-thin.woff") format("woff"), url("/scripts/fonts/latin/montserrat-thin.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-thin.svg#svgFontName") format("svg");} @font-face {font-weight:200; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-extralight.eot"); src:url("/scripts/fonts/latin/montserrat-extralight.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-extralight.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-extralight.woff") format("woff"), url("/scripts/fonts/latin/montserrat-extralight.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-extralight.svg#svgFontName") format("svg");} @font-face {font-weight:300; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-light.eot"); src:url("/scripts/fonts/latin/montserrat-light.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-light.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-light.woff") format("woff"), url("/scripts/fonts/latin/montserrat-light.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-light.svg#svgFontName") format("svg");} @font-face {font-weight:400; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-regular.eot"); src:url("/scripts/fonts/latin/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-regular.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-regular.woff") format("woff"), url("/scripts/fonts/latin/montserrat-regular.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-regular.svg#svgFontName") format("svg");} @font-face {font-weight:500; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-medium.eot"); src:url("/scripts/fonts/latin/montserrat-medium.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-medium.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-medium.woff") format("woff"), url("/scripts/fonts/latin/montserrat-medium.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-medium.svg#svgFontName") format("svg");} @font-face {font-weight:600; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-semibold.eot"); src:url("/scripts/fonts/latin/montserrat-semibold.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-semibold.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-semibold.woff") format("woff"), url("/scripts/fonts/latin/montserrat-semibold.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-semibold.svg#svgFontName") format("svg");} @font-face {font-weight:700; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-bold.eot"); src:url("/scripts/fonts/latin/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-bold.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-bold.woff") format("woff"), url("/scripts/fonts/latin/montserrat-bold.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-bold.svg#svgFontName") format("svg");} @font-face {font-weight:800; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-extrabold.eot"); src:url("/scripts/fonts/latin/montserrat-extrabold.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-extrabold.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-extrabold.woff") format("woff"), url("/scripts/fonts/latin/montserrat-extrabold.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-extrabold.svg#svgFontName") format("svg");} @font-face {font-weight:900; font-style:normal; font-display:swap; font-family:"Montserrat"; src:url("/scripts/fonts/latin/montserrat-black.eot"); src:url("/scripts/fonts/latin/montserrat-black.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/montserrat-black.woff2") format("woff2"), url("/scripts/fonts/latin/montserrat-black.woff") format("woff"), url("/scripts/fonts/latin/montserrat-black.ttf") format("truetype"), url("/scripts/fonts/latin/montserrat-black.svg#svgFontName") format("svg");} /* Racing Sans One */ @font-face {font-weight:400; font-style:normal; font-display:swap; font-family:"Racing Sans One"; src:url("/scripts/fonts/latin/racingsansone-regular.eot"); src:url("/scripts/fonts/latin/racingsansone-regular.eot?#iefix") format("embedded-opentype"), url("/scripts/fonts/latin/racingsansone-regular.woff2") format("woff2"), url("/scripts/fonts/latin/racingsansone-regular.woff") format("woff"), url("/scripts/fonts/latin/racingsansone-regular.ttf") format("truetype"), url("/scripts/fonts/latin/racingsansone-regular.svg#svgFontName") format("svg");} /* #FFF / 255,255,255 / light #f0f0f0 / 240,240,240 / light dark #dcdcdc / 220,220,220 / light darker #212629 / 30,30,30 / dark #646464 / 100,100,100 / dark light #868686 / 134,134,134 / dark lighter #0060B0 / 0,154,226 / blue #477332 / 71,115,50 / green [ cookies ] #080 / 0,8,128 / green [ form success ] #c82 / 204,0,0 / orange [ warning ] #c00 / 204,0,0 / red [ current day, required star, nivo close ] */