@charset "utf-8";

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

audio, canvas, video { display: inline; zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

html { font-size: 100%; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0px; }

a:focus { outline: none; }

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

h2 { font-size: 1.5em; margin: 0.83em 0px; }

h3 { font-size: 1.17em; margin: 1em 0px; }

h4 { font-size: 1em; margin: 1.33em 0px; }

h5 { font-size: 0.83em; margin: 1.67em 0px; }

h6 { font-size: 0.75em; margin: 2.33em 0px; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1px 40px; }

dfn { font-style: italic; }

mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }

p, pre { margin: 1em 0px; }

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

pre { white-space: pre-wrap; overflow-wrap: break-word; }

q { quotes: none; }

q::before, q::after { content: none; }

small { font-size: 75%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

nav ul, nav ol { list-style: none none; }

img { border: 0px; }

svg:not(:root) { overflow: hidden; }

img, iframe, object, embed { vertical-align: middle; }

figure { margin: 0px; }

form { margin: 0px; }

fieldset { border: 0px; margin: 0px; padding: 0px; }

button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: middle; box-sizing: border-box; outline: none; box-shadow: none; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; appearance: button; overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; height: 13px; width: 13px; }

input[type="search"] { appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { appearance: none; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

label { cursor: default; }

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

caption { text-align: left; caption-side: top; }

th { text-align: left; }

@font-face { font-family: icomoon; src: none format("woff"), none format("truetype"); font-weight: normal; font-style: normal; }

.reset { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; background: none; box-shadow: none; }

.reset td, .reset th { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; padding: 0px; }

.reset > li, .reset > dt, .reset > dd { margin: 0px; padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; float: none; width: auto; }

.l { float: left; display: inline; }

.r { float: right; display: inline; }

.cb { clear: both; }

.cl { clear: left; }

.cr { clear: right; }

.cfx { zoom: 1; }

.cfx::after, .cfx::before { content: ""; display: table; clear: both; }

.break { height: 1px; font-size: 1px; line-height: 1px; clear: both; overflow: hidden; visibility: hidden; display: block; width: 100%; margin: 0px !important; padding: 0px !important; }

.ctx { zoom: 1; display: table-cell; }

.ie7 .ctx { display: block; }

.ctx::after { clear: both; display: block; visibility: hidden; overflow: hidden; line-height: 0; font-size: xx-large; content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; height: 0px !important; }

.hide, .js .jsHide { display: none; }

.out, .js .jsOut { position: absolute; left: -5000px; top: -5000px; }

.vhide { position: absolute; height: 1px; width: 1px; overflow: hidden; border: 0px; clip: rect(0px, 0px, 0px, 0px); margin: -1px; padding: 0px; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.lower { text-transform: lowercase; }

.upper { text-transform: uppercase; }

.bold { font-weight: bold; }

.thin { font-weight: normal; }

.italic { font-style: italic; }

.normal { font-style: normal; }

.top { vertical-align: top; }

.middle { vertical-align: middle; }

.big { font-size: 20px; }

@media (min-width: 700px) {
  .big { font-size: 22px; }
}

.small { font-size: 14px; }

.error, .red { color: rgb(216, 25, 32); }

.green { color: rgb(105, 181, 48); }

.grey { color: rgb(150, 150, 150); }

.blue { color: rgb(0, 165, 230); }

.blueDark { color: rgb(25, 65, 125); }

.nowrap { white-space: nowrap; }

body { font: 18px / 1.4 "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: rgb(0, 0, 0); }

h1, h2, h3, h4, h5, h6 { font-family: "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; line-height: 1.2; margin: 1.5em 0px 0.5em; }

h1, .h1 { font-size: 32px; margin-top: 0.75em; }

@media (min-width: 700px) {
  h1, .h1 { font-size: 40px; }
}

h2, .h2 { font-size: 24px; }

h3, .h3 { font-size: 20px; }

h4, .h4, h5, h6 { font-size: 18px; }

.title-main { text-transform: uppercase; margin: 0px 0px 15px; font-size: 20px; }

p { margin: 0px 0px 1.25em; }

hr { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(235, 235, 235) currentcolor currentcolor; border-image: initial; margin: 40px 0px; height: 1px; overflow: hidden; }

blockquote { margin: 0px 0px 25px 40px; padding: 15px 0px 1px 15px; border-left: 5px solid rgb(235, 235, 235); position: relative; font-style: italic; }

blockquote::before { content: "â"; position: absolute; left: -55px; top: 50%; margin-top: -46px; font-size: 70px; line-height: 1; }

blockquote p { margin: 0px 0px 10px; }

a { color: rgb(25, 65, 125); text-decoration: underline; transition: color 0.2s; }

a:focus { color: rgb(0, 165, 230); }

a:visited { color: rgb(25, 65, 125); }

.link-more { position: relative; padding-right: 12px; text-transform: uppercase; font-size: 15px; text-decoration: none; }

.link-more::after { content: ""; position: absolute; right: 0px; top: 50%; margin-top: -7px; border-width: 6px 0px 6px 6px; border-style: dashed solid; border-color: transparent rgb(25, 65, 125); transition: border-color 0.2s; }

.link-more:hover::after { border-color: transparent rgb(0, 165, 230); }

.link-ext { position: relative; padding-right: 18px; }

.link-ext .icon { position: absolute; right: 0px; top: 50%; font-size: 13px; margin-top: -7px; }

.link-print { position: relative; padding-left: 32px; }

.link-print .icon { position: absolute; left: 0px; top: 50%; font-size: 26px; margin-top: -13px; }

ul, ol { list-style: none; padding: 0px; }

li { padding: 0px 0px 0px 40px; margin: 0px 0px 0.25em; }

li ol, li ul { margin: 0.25em 0px 0px; }

ol { counter-reset: item 0; }

ol li { background: none; position: relative; }

ol li::before, ol li .ie-counter { content: counter(item) "."; counter-increment: item 1; position: absolute; left: 0px; top: 0px; text-align: right; width: 30px; }

dl { margin: 0px 0px 1.25em; }

dt { margin: 0px; padding: 0px; float: left; width: 150px; }

dd { margin: 0px; padding: 0px 0px 0px 10px; overflow: hidden; }

table { width: 100%; clear: both; margin: 0px 0px 1.25em; empty-cells: show; border-collapse: collapse; border: 1px solid rgb(221, 221, 221); }

caption { font-weight: bold; text-align: left; padding: 0px 0px 10px; caption-side: top; }

td, th { vertical-align: top; padding: 8px 10px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; border-width: 1px 0px; }

th { font-weight: bold; }

thead th { background: rgb(227, 241, 246); }

tbody tr:nth-child(2n) td, tbody tr:nth-child(2n) th { background: rgb(249, 249, 249); }

img.l { margin: 0.25em 20px 20px 0px; }

img.r { margin: 0.25em 0px 20px 20px; }

img.c { margin: 0.25em auto 20px; display: block; max-width: 100%; }

@media (max-width: 699px) {
  img.r, img.l { max-width: 100%; height: auto; margin-left: 0px; margin-right: 0px; float: none; display: block; }
}

.datepick { font-size: 16px; text-align: center; position: relative; width: 100% !important; }

.datepick table { margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.datepick td, .datepick th { border: 1px solid rgb(227, 241, 246); background: rgb(255, 255, 255); padding: 1px 0px; text-align: center; font-weight: normal; overflow: hidden; width: 14.2857%; }

.datepick td > *, .datepick th > * { margin: -100px; padding: 100px; display: block; background: rgb(255, 255, 255); }

.datepick td > span, .datepick th > span { background: rgb(241, 248, 251); }

.datepick td > a, .datepick th > a { text-decoration: none; }

.datepick th { border-color: rgb(241, 248, 251) rgb(241, 248, 251) rgb(227, 241, 246); }

.datepick .datepick-month-row { zoom: 1; }

.datepick .datepick-month-row::after, .datepick .datepick-month-row::before { content: ""; display: table; clear: both; }

.datepick .datepick-month { float: left; width: 50%; padding-left: 20px; box-sizing: border-box; }

.datepick .datepick-month.first .datepick-month-year, .datepick .datepick-month.first table { display: none; }

.datepick .datepick-month.first .datepick-month-year + .datepick-month-year { display: block; position: absolute; left: 20px; top: -70px; line-height: 50px; height: 50px; padding: 0px 23px 0px 0px; appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(25, 65, 125); font-size: 18px; background: none 100% 46% no-repeat; }

.datepick .datepick-cmd-today { display: none; }

.datepick .datepick-cmd-prev, .datepick .datepick-cmd-next { font: 0px / 30px a; color: transparent; text-decoration: none; position: absolute; left: 20px; top: 0px; width: 30px; }

.datepick .datepick-cmd-prev::before, .datepick .datepick-cmd-next::before { content: ""; display: inline-block; vertical-align: middle; border-width: 8px 8px 8px 0px; border-color: transparent rgb(25, 65, 125); border-style: dashed solid; transition: border-color 0.2s; }

.datepick .datepick-cmd-prev:hover::before, .datepick .datepick-cmd-next:hover::before { border-color: transparent rgb(0, 165, 230); }

.datepick .datepick-cmd-next { left: auto; right: 1px; }

.datepick .datepick-cmd-next::before { border-width: 8px 0px 8px 8px; }

.datepick .datepick-month-header { background: rgb(241, 248, 251); line-height: 30px; }

.datepick .datepick-selected { background: rgb(25, 65, 125); color: rgb(255, 255, 255); font-weight: bold; }

@media (max-width: 999px) {
  .datepick td, .datepick th { padding: 5px; }
}

@media (max-width: 580px) {
  .datepick .datepick-month { float: none; width: auto; margin-top: 20px; }
  .datepick .datepick-month.first, .datepick .datepick-month.first + .datepick-month { margin: 0px; }
}

.datepicker-preselected { position: absolute; right: 0px; top: 0px; width: 240px; padding: 20px; box-sizing: border-box; text-align: left; font-size: 16px; }

.datepicker-preselected li { margin: 0px 0px 5px; }

.datepicker-preselected .cancel { margin-top: 52px; }

@media (max-width: 699px) {
  .datepicker-preselected { position: static; text-align: center; width: auto; padding-top: 0px; }
  .datepicker-preselected .cancel { margin-top: 10px; }
}

.row { position: relative; margin: 0px; padding: 0px; zoom: 1; }

.row::after, .row::before { content: ""; display: table; clear: both; }

@media (max-width: 699px) {
  .mobile-hide { display: none; }
  .page-contact .col-side { margin-left: -10px; margin-right: -10px; padding: 5px 10px 1px; background: none 100% 0px repeat-y rgb(227, 241, 246); }
}

@media (max-width: 355px) {
  .page-detail .col-side { display: none; }
}

@media (min-width: 700px) {
  .col { float: left; left: 100%; position: relative; padding: 0px; }
  .page-contact #main > .row::before { content: ""; display: block; position: absolute; right: -20px; top: -20px; bottom: 0px; width: 48.3051%; padding-left: 30px; background: none 100% 0px repeat-y rgb(227, 241, 246); }
  .page-contact .col-content { float: left; left: 100%; margin-left: -100%; width: 48.3051%; }
  .page-contact .col-side { float: left; left: 100%; margin-left: -48.3051%; width: 48.3051%; }
  .grid-h { width: 48.5%; }
  .col-h-1 { margin-left: -100%; }
  .col-h-2 { margin-left: -48.5%; }
  .grid-t { width: 31.3333%; }
  .grid-2t { width: 65.6667%; }
  .col-t-1 { margin-left: -100%; }
  .col-t-2 { margin-left: -65.6667%; }
  .col-t-3 { margin-left: -31.3333%; }
  .grid-q { width: 22.75%; }
  .grid-3q { width: 74.25%; }
  .col-q-1 { margin-left: -100%; }
  .col-q-2 { margin-left: -74.25%; }
  .col-q-3 { margin-left: -48.5%; }
  .col-q-4 { margin-left: -22.75%; }
}

@media (min-width: 700px) and (max-width: 999px) {
  .col-content, .col-side { left: auto; float: none; }
  .tablet-hide { display: none; }
}

@media (min-width: 1000px) {
  .page-homepage #main > .row::before { content: ""; display: block; position: absolute; right: -20px; top: -20px; bottom: 0px; width: 360px; background: rgb(227, 241, 246); }
  .page-homepage .col-content { margin-left: -100%; width: 100%; box-sizing: border-box; padding-right: 360px; }
  .page-homepage .col-side { margin-left: -340px; width: 360px; }
  .page-subpage .col-content { margin-left: -100%; width: 71.1864%; }
  .page-subpage .col-side { margin-left: -25.4237%; width: 25.4237%; }
  .page-detail #main > .row::before { content: ""; display: block; position: absolute; right: 339px; top: -20px; bottom: 0px; width: 1px; background: rgb(235, 235, 235); }
  .page-detail .col-content { margin-left: -100%; width: 100%; padding-right: 360px; box-sizing: border-box; }
  .page-detail .col-side { margin-left: -340px; width: 360px; top: -20px; padding-top: 20px; background: rgb(227, 241, 246); }
  .page-detail .col-side .copyrights { background: rgb(255, 255, 255); border-top: 1px solid rgb(235, 235, 235); padding: 15px 40px 20px 20px; font-size: 14px; margin: 0px 0px 0px 1px; }
  .page-detail .col-side .copyrights strong { display: block; }
  .page-contact #main > .row::before { padding-left: 40px; }
}

.icon { font-family: icomoon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; text-decoration: none; display: inline-block; position: relative; }

.icon-refresh::before { content: ""; display: block; animation: 1500ms linear 0s infinite normal none running Rotate; }

.icon-eye::before { content: ""; }

.icon-menu::before { content: ""; }

.icon-close::before { content: ""; }

.icon-ext::before { content: ""; }

.icon-lock::before { content: ""; }

.icon-tick::before { content: ""; }

.icon-bubble::before { content: ""; }

.icon-exclamation-mark::before { content: ""; }

.icon-facebook-square::before { content: ""; }

.icon-google-square::before { content: ""; }

.icon-info::before { content: ""; }

.icon-list::before { content: ""; }

.icon-print::before { content: ""; }

.icon-twitter-square::before { content: ""; }

.icon-logo::before { content: "img"; }

.icon-calendar::before { content: ""; }

.icon-rss::before { content: ""; }

.icon-search::before { content: ""; }

.icon-ctk::before { content: ""; }

.icon-facebook::before { content: ""; }

.icon-google::before { content: ""; }

.icon-home::before { content: ""; }

.icon-twitter::before { content: ""; }

.icon-youtube::before { content: ""; }

.icon-weather-01::before { content: ""; }

.icon-weather-02::before { content: ""; }

.icon-weather-03::before { content: ""; }

.icon-weather-04::before { content: ""; }

.icon-weather-05::before { content: ""; }

.icon-weather-06::before { content: ""; }

.icon-weather-07::before { content: ""; }

.icon-weather-08::before { content: ""; }

.icon-weather-09::before { content: ""; }

.icon-weather-10::before { content: ""; }

.icon-weather-11::before { content: ""; }

.icon-weather-12::before { content: ""; }

.icon-weather-13::before { content: ""; }

.icon-weather-14::before { content: ""; }

.icon-weather-15::before { content: ""; }

.icon-weather-16::before { content: ""; }

.icon-weather-17::before { content: ""; }

.icon-weather-18::before { content: ""; }

.icon-weather-19::before { content: ""; }

.icon-weather-20::before { content: ""; }

.icon-weather-21::before { content: ""; }

.icon-weather-22::before { content: ""; }

.icon-weather-23::before { content: ""; }

.icon-weather-24::before { content: ""; }

.icon-weather-25::before { content: ""; }

.icon-weather-26::before { content: ""; }

.icon-weather-27::before { content: ""; }

.icon-weather-28::before { content: ""; }

.icon-weather-29::before { content: ""; }

.icon-weather-30::before { content: ""; }

.icon-weather-31::before { content: ""; }

.icon-weather-32::before { content: ""; }

.icon-weather-33::before { content: ""; }

.icon-weather-34::before { content: ""; }

.icon-weather-35::before { content: ""; }

.icon-weather-36::before { content: ""; }

.icon-weather-37::before { content: ""; }

.icon-weather-38::before { content: ""; }

.icon-weather-39::before { content: ""; }

.icon-weather-40::before { content: ""; }

.icon-weather-41::before { content: ""; }

.icon-weather-42::before { content: ""; }

.icon-weather-43::before { content: ""; }

.icon-weather-44::before { content: ""; }

.icon-weather-45::before { content: ""; }

.icon-weather-46::before { content: ""; }

.icon-weather-47::before { content: ""; }

.icon-weather-48::before { content: ""; }

.icon-weather-49::before { content: ""; }

.icon-weather-50::before { content: ""; }

.icon-weather-51::before { content: ""; }

.icon-weather-52::before { content: ""; }

.icon-weather-53::before { content: ""; }

.icon-weather-54::before { content: ""; }

.icon-weather-55::before { content: ""; }

.icon-weather-56::before { content: ""; }

.icon-weather-57::before { content: ""; }

.icon-weather-58::before { content: ""; }

.icon-weather-59::before { content: ""; }

.icon-weather-60::before { content: ""; }

@-webkit-keyframes Rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes Rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.tags { margin: 0px 0px 25px -5px; font-size: 0px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .tags { letter-spacing: -1px; }
}

.tags > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: auto; font-size: 11px; }

.ie7 .tags > * { display: inline; zoom: 1; }

.tags .tag { margin-left: 14px; }

.tag { display: inline-block; vertical-align: middle; line-height: 17px; text-transform: uppercase; font-weight: bold; font-size: 11px; color: rgb(255, 255, 255); padding: 1px 5px 0px 2px; margin-left: 9px; position: relative; text-decoration: none; transition: background 0.2s; }

.tag[href]:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

.tag[href]:hover::before { border-color: transparent rgb(0, 0, 0); }

.tag::before { content: ""; position: absolute; right: 100%; top: 0px; border-width: 9px 9px 9px 0px; border-style: dashed solid; transition: border-color 0.2s; }

.tag.blue { background: rgb(0, 165, 230); }

.tag.blue::before { border-color: transparent rgb(0, 165, 230); }

.tag.blueDark { background: rgb(25, 65, 125); }

.tag.blueDark::before { border-color: transparent rgb(25, 65, 125); }

.tag.red { background: rgb(216, 25, 32); }

.tag.red::before { border-color: transparent rgb(216, 25, 32); }

.tag.green { background: rgb(105, 181, 48); }

.tag.green::before { border-color: transparent rgb(105, 181, 48); }

.tag.grey { background: rgb(150, 150, 150); }

.tag.grey::before { border-color: transparent rgb(150, 150, 150); }

.inp-text, .inp-select { display: block; border: 2px solid rgb(25, 65, 125); padding: 11px 10px 9px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; line-height: 24px; height: 44px; border-radius: 0px; box-shadow: rgb(230, 230, 230) 0px 2px 0px inset; appearance: none; box-sizing: border-box; transition: border-color 0.2s, color 0.2s; }

.inp-text:focus, .inp-select:focus { border-color: rgb(0, 165, 230); }

.error .inp-text, .error .inp-select { border-color: rgb(216, 25, 32); }

.error .inp-text:focus, .error .inp-select:focus { border-color: rgb(241, 134, 138); }

.inp-text::-webkit-input-placeholder { opacity: 1; color: rgba(0, 0, 0, 0.5); }

.inp-text:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 0); }

textarea.inp-text { height: auto; }

.inp-fix { position: relative; display: block; }

.inp-fix .inp-text { width: 100%; }

.inp-select { padding-top: 5px; padding-bottom: 5px; padding-right: 30px; line-height: 34px; }

.inp-fix-select { position: relative; display: block; }

.inp-fix-select::after { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -4px; border-width: 8px 8px 0px; border-color: rgb(25, 65, 125) transparent; border-style: solid dashed; pointer-events: none; }

.inp-fix-select .inp-select { width: 100%; }

.inp-items { margin: 30px 0px; }

.inp-items li { margin: 0px 0px 10px; }

.inp-item { display: inline-block; vertical-align: top; position: relative; }

.inp-item input { position: absolute; left: -5000px; }

.ie8 .inp-item input { left: 5px; top: 5px; }

.inp-item span { display: inline-block; vertical-align: top; padding-left: 30px; }

.inp-item span::before { content: ""; position: absolute; left: 0px; top: 0px; width: 18px; height: 18px; border: 2px solid rgb(25, 65, 125); background: rgb(255, 255, 255); box-shadow: rgb(230, 230, 230) 0px 2px 0px inset; transition: border-color 0.2s; }

.ie8 .inp-item span::before { display: none; }

.error .inp-item span::before { border-color: rgb(216, 25, 32); }

.inp-item span::after { display: none; position: absolute; }

.ie8 .inp-item span::after { display: none; }

.inp-item input:checked + span::after { display: block; }

.inp-item input:focus + span::before { border-color: rgb(0, 165, 230); }

.inp-item input[type="checkbox"] + span::after { content: ""; font-family: icomoon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; text-decoration: none; left: 4px; top: 4px; font-size: 14px; }

.inp-item input[type="radio"] + span::before { border-radius: 11px; }

.inp-item input[type="radio"] + span::after { content: ""; left: 8px; top: 8px; width: 6px; height: 6px; background: rgb(0, 0, 0); border-radius: 3px; }

.inp-icon-before .icon { position: absolute; left: 10px; top: 50%; font-size: 20px; margin-top: -10px; pointer-events: none; }

.inp-icon-before .inp-text { padding-left: 36px; }

.btn { display: inline-block; vertical-align: middle; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; text-decoration: none; }

.ie7 .btn { display: inline; zoom: 1; }

.btn > span { position: relative; background: rgb(25, 65, 125); display: block; padding: 0px 20px; font-size: 20px; line-height: 44px; color: rgb(255, 255, 255); text-decoration: none; font-weight: bold; font-family: "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: center; white-space: nowrap; transition: background 0.2s; box-shadow: rgb(0, 0, 0) 0px -2px 0px inset; }

.btn.btn--secondary > span, button.btn.is--secondary > span { background: rgb(0, 165, 230); }

.btn:hover > span, button.btn:focus > span { background: rgb(0, 165, 230); }

.btn.btn-icon-before > span { padding-left: 45px; }

.btn.btn-icon-before .icon { position: absolute; left: 10px; top: 50%; font-size: 26px; margin-top: -13px; }

.btn.btn-icon-before .icon-bubble { margin-top: -11px; }

.btn-m > span { line-height: 40px; padding: 0px 15px; }

.btn-m.btn-icon-before > span { padding-left: 40px; }

.btn-m.btn-icon-before .icon { font-size: 20px; margin-top: -11px; }

.btn-block { width: 100%; display: block; }

.btn-block > span { padding-left: 10px; padding-right: 10px; }

.btn-icon > span { font-family: icomoon; font-weight: normal; }

.btn-row { position: relative; padding-right: 90px; margin: 0px; display: block; }

.btn-row .btn { position: absolute; right: 0px; top: 0px; width: 90px; }

.btn-row .btn span { padding-left: 10px; padding-right: 10px; }

.btn-popup { display: inline-block; vertical-align: middle; }

.btn-popup.open .box { display: block; }

.btn-popup .box { position: absolute; right: 0px; top: 100%; width: 720px; background: rgb(227, 241, 246); border: 1px solid rgb(127, 197, 224); padding-top: 50px; margin-top: 10px; display: none; }

.btn-popup .box::before, .btn-popup .box::after { content: ""; position: absolute; right: 235px; bottom: 100%; border-width: 0px 10px 10px; border-color: rgb(127, 197, 224) transparent; border-style: solid dashed; }

.btn-popup .box::after { border-color: rgb(227, 241, 246) transparent; margin-bottom: -1px; }

.btn-popup .box .row { border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 1px 0px; }

.btn-popup .box .close { position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: rgb(25, 65, 125); line-height: 50px; text-align: center; color: rgb(255, 255, 255); transition: background 0.2s; font-size: 0px; }

.btn-popup .box .close .icon { font-size: 26px; vertical-align: middle; }

.btn-popup .box .close:hover { background: rgb(0, 165, 230); }

.btn-popup .box #datepicker { padding: 20px 20px 20px 0px; border-right: 1px solid rgb(255, 255, 255); margin-right: 240px; }

.btn-popup .box form { width: 340px; max-width: 100%; box-sizing: border-box; padding: 15px; }

@media (max-width: 999px) {
  .btn-popup .box { width: auto; right: -10px; left: -10px; border-width: 1px 0px; }
}

@media (max-width: 699px) {
  .btn-popup .box::before, .btn-popup .box::after { right: auto; left: 20px; }
  .btn-popup .box #datepicker { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin-right: 0px; }
}

.dt { display: table; width: 100%; }

.dt > * { display: table-cell; vertical-align: top; margin: 0px; }

.sk-carousel { overflow: hidden; width: 100%; position: relative; }

.sk-carousel .scroll { width: auto !important; overflow: visible !important; }

body { position: relative; color: rgb(0, 0, 0); background: rgb(179, 179, 179); }

#ahead { min-width: 970px; margin: 0px auto; display: table; }

@media (max-width: 990px) {
  #ahead { display: none; }
}

#mother { position: relative; margin: 0px auto; max-width: 1060px; background: rgb(255, 255, 255); z-index: 10; zoom: 1; }

#mother::after, #mother::before { content: ""; display: table; clear: both; }

#header { background: rgb(25, 65, 125); z-index: 50; }

@media (max-width: 699px) {
  #header { position: fixed; left: 0px; right: 0px; top: 0px; height: 50px; }
  #header .row { padding: 0px 10px; }
}

@media (min-width: 700px) {
  #header { position: absolute; left: 0px; right: 0px; top: 40px; }
  #header .row { padding: 15px 10px; }
  .fixed-header #header { position: fixed; top: 0px; transition: top 0.2s; }
  .fixed-header.fixed-headercategory #header { top: 40px; }
}

@media (min-width: 1000px) {
  #header .row { padding-left: 20px; padding-right: 20px; }
}

#logo { float: left; font: 100% / 1 "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0px; padding: 0px; overflow: hidden; position: relative; width: 190px; height: 50px; }

#logo .icon { font-size: 190px; position: absolute; top: 50%; left: 0px; margin-top: -95px; color: rgb(255, 255, 255); }

@media (min-width: 700px) {
  #logo { margin: -1px 0px; width: 268px; height: 52px; }
  #logo .icon { font-size: 268px; margin-top: -134px; }
}

#main { padding: 20px 10px 0px; overflow: hidden; }

.page-detail #main { padding-top: 0px; }

.page-detail #main > .row { padding-top: 20px; }

@media (min-width: 1000px) {
  #main { padding-left: 20px; padding-right: 20px; }
}

#footer { padding: 30px 10px; border-top: 2px solid rgb(235, 235, 235); font-size: 14px; }

#footer .copyrights { color: rgb(150, 150, 150); padding-left: 50px; white-space: nowrap; position: relative; }

#footer .copyrights strong { display: block; font-weight: normal; color: rgb(0, 0, 0); }

#footer .copyrights .icon { position: absolute; color: rgb(25, 65, 125); left: 0px; top: 50%; font-size: 40px; margin-top: -20px; }

#footer .mailem { padding-left: 10px; }

#footer .mailem span { font-size: 18px; line-height: 40px; }

#footer .apps { font-size: 0px; white-space: nowrap; }

@media (-webkit-min-device-pixel-ratio: 0) {
  #footer .apps { letter-spacing: -1px; }
}

#footer .apps > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: 90px; font-size: 0px; }

.ie7 #footer .apps > * { display: inline; zoom: 1; }

#footer .apps a { margin-left: 10px; height: 30px; background: none 0px 0px / 100% no-repeat; transition: opacity 0.2s; }

#footer .apps a:hover { opacity: 0.9; }

#footer .apps .googleplay { background-position: 0px -30px; }

#footer .social { font-size: 0px; white-space: nowrap; }

@media (-webkit-min-device-pixel-ratio: 0) {
  #footer .social { letter-spacing: -1px; }
}

#footer .social > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: auto; font-size: 0px; }

.ie7 #footer .social > * { display: inline; zoom: 1; }

#footer .social a { margin-left: 10px; vertical-align: middle; }

#footer .social .icon { font-size: 32px; }

#footer .social .icon-facebook { color: rgb(59, 89, 152); }

#footer .social .icon-facebook:hover { color: rgb(53, 80, 137); }

#footer .social .icon-twitter { color: rgb(0, 0, 0); font-size: 24px; padding-top: 2px; }

#footer .social .icon-twitter:hover { color: rgb(0, 155, 213); }

#footer .social .icon-google { color: rgb(200, 55, 55); }

#footer .social .icon-google:hover { color: rgb(180, 49, 49); }

#footer .social .icon-youtube { color: rgb(219, 41, 31); }

#footer .social .icon-youtube:hover { color: rgb(197, 37, 28); }

#footer .up { text-align: right; padding-left: 30px; font-size: 16px; display: none; }

#footer .up a { display: inline-block; vertical-align: middle; padding: 0px 15px 0px 35px; line-height: 38px; height: 38px; border: 1px solid rgb(0, 165, 230); text-decoration: none; position: relative; }

#footer .up a::before { content: ""; position: absolute; left: 15px; top: 50%; margin-top: -2px; border-width: 0px 5px 5px; border-color: rgb(25, 65, 125) transparent; border-style: solid dashed; transition: border-color 0.2s; }

#footer .up a:hover::before { border-color: rgb(0, 165, 230) transparent; }

@media (max-width: 699px) {
  #footer { padding-bottom: 0px; overflow: hidden; }
  #footer .dt { display: block; }
  #footer .dt > * { display: block; white-space: normal; margin-bottom: 30px; }
  #footer .menu { border-top: 1px solid rgb(127, 197, 224); text-align: center; font-size: 18px; }
  #footer .menu li { border-style: solid; border-color: rgb(127, 197, 224); border-image: initial; border-width: 0px 1px 1px; }
  #footer .menu a { display: block; text-decoration: none; padding: 8px 10px; }
  #footer .apps { overflow: hidden; }
  #footer .apps a { float: left; margin: 0px; }
  #footer .apps .googleplay { float: right; }
  #footer .social { float: left; margin-left: -10px; line-height: 40px; }
  #footer .up { float: right; }
  #footer .up a { font: 0px / 0 a; color: transparent; text-decoration: none; padding-right: 4px; }
}

@media (min-width: 700px) {
  #footer .dt > * { vertical-align: middle; }
  #footer .menu { zoom: 1; }
  #footer .menu::after, #footer .menu::before { content: ""; display: table; clear: both; }
  #footer .menu li { float: left; width: 32%; padding-left: 20px; box-sizing: border-box; }
  #footer .menu li:nth-child(3n-1) { width: 52%; }
  #footer .menu li:nth-child(3n) { width: 10%; }
  #footer .apps { padding-left: 20px; }
  #footer .social { padding-left: 20px; }
}

@media (min-width: 700px) and (max-width: 1219px) {
  #footer { padding-bottom: 100px; }
  #footer .apps { position: absolute; left: 50px; bottom: 30px; padding-left: 0px; display: block; }
}

@media (min-width: 700px) and (max-width: 850px) {
  #footer .social { text-align: center; position: absolute; padding-left: 0px; bottom: 34px; left: 340px; right: 120px; }
}

@media (min-width: 700px) and (max-width: 999px) {
  #footer .up { position: absolute; right: 10px; bottom: 30px; padding-left: 0px; }
}

@media (min-width: 1000px) and (max-width: 1219px) {
  #footer .apps { left: 60px; }
}

@media (min-width: 1000px) {
  #footer { padding-left: 20px; padding-right: 20px; }
}

#menu-accessibility { position: absolute; left: -5000px; top: 0px; }

#menu-accessibility a:focus, #menu-accessibility a:active { position: absolute; top: 0px; left: 5000px; width: 200px; padding: 2px 0px 5px; z-index: 900; text-align: center; background: rgb(255, 255, 255); }

.menu-context { margin: 0px -10px 20px; padding: 20px 10px; background: none 100% 0px repeat-y rgb(0, 165, 230); color: rgb(255, 255, 255); }

.menu-context .dt-wrap { margin-left: -20px; }

.menu-context .item { padding-left: 20px; width: 33.333%; }

.menu-context .menu { margin: 0px 0px 30px; background: rgb(227, 241, 246); }

.menu-context .menu .title { margin: 0px; font-size: 24px; }

.menu-context .menu .title a { color: rgb(25, 65, 125); }

.menu-context .menu ul { display: block; font-size: 16px; line-height: 20px; }

.menu-context .menu li { border-top: 1px solid rgb(0, 165, 230); }

.menu-context .menu a { display: block; text-decoration: none; padding: 10px; color: rgb(0, 0, 0); transition: color 0.2s, background 0.2s; }

.menu-context .menu a:hover { background: rgb(255, 255, 255); text-decoration: underline; color: rgb(25, 65, 125); }

.menu-context .menu a:focus { background: rgb(255, 255, 255); text-decoration: underline; color: rgb(25, 65, 125); }

.menu-context .box-offer .info { color: rgb(255, 255, 255); }

@media (max-width: 699px) {
  .menu-context { margin-bottom: 0px; }
  .menu-context + .box-offer { display: none; }
  .menu-context .menu { margin-bottom: 1px; }
  .menu-context .menu ul { display: none; }
  .menu-context .dt { display: block; margin-bottom: 30px; }
  .menu-context .item { display: block; width: auto; }
}

@media (min-width: 1000px) {
  .menu-context { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
  .menu-context .title-main { padding-left: 320px; }
  .menu-context .holder { padding-left: 320px; position: relative; min-height: 316px; }
  .menu-context .box-offer { position: absolute; left: 0px; top: 0px; }
}

#menu-main a { display: block; color: rgb(255, 255, 255); text-decoration: none; }

#menu-main a:hover { background: rgb(55, 91, 143); }

#menu-main a:focus { background: rgb(55, 91, 143); }

#menu-main a:visited { display: block; color: rgb(255, 255, 255); text-decoration: none; }

#menu-main a.active, #menu-main .homepage a.homepage, #menu-main .d a.cr, #menu-main .m a.svet, #menu-main .e a.ekonomika, #menu-main .kultura a.kultura, #menu-main .s a.sport, #menu-main .magazin a.magazin, #menu-main .special a.special { color: rgb(25, 65, 125); background: rgb(227, 241, 246); border-color: rgb(227, 241, 246); }

@media (max-width: 1019px) {
  #menu-main { position: absolute; right: 0px; top: 0px; }
  #menu-main ul { position: absolute; top: 100%; right: 0px; background: rgb(25, 65, 125); width: 178px; border-style: solid; border-color: rgb(94, 122, 164); border-image: initial; border-width: 0px 1px; font-weight: bold; margin-top: -1px; display: none; }
  #menu-main ul a { padding: 10px 18px; }
  #menu-main li { border-top: 1px solid rgb(94, 122, 164); }
  #menu-main .title { width: 110px; margin: 0px; text-align: center; height: 50px; line-height: 50px; border-style: solid; border-color: rgb(94, 122, 164); border-image: initial; border-width: 0px 0px 0px 1px; position: relative; z-index: 1; font-size: 0px; }
  #menu-main .title::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1px; background: rgb(25, 65, 125); }
  #menu-main .title .icon { font-size: 26px; vertical-align: middle; }
  #menu-main .title .name { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; margin-left: 10px; }
  #menu-main .home .icon { display: none; }
  #menu-main.open ul { display: block; }
}

@media (max-width: 699px) {
  #menu-main .title { width: 50px; }
  #menu-main .title .name { display: none; }
}

@media (min-width: 700px) and (max-width: 1019px) {
  #menu-main { right: 10px; top: 15px; }
  #menu-main .title { border-width: 1px; line-height: 48px; height: 48px; }
  #menu-main .title::after { display: none; }
  #menu-main.open .title::after { display: block; bottom: -1px; }
  #menu-main.open .title a:hover { background: none; }
}

@media (min-width: 1020px) {
  #menu-main { float: right; margin-right: 152px; font-weight: bold; line-height: 48px; font-size: 16px; text-align: center; }
  #menu-main .title { display: none; }
  #menu-main ul { zoom: 1; }
  #menu-main ul::after, #menu-main ul::before { content: ""; display: table; clear: both; }
  #menu-main li { float: left; }
  #menu-main a { padding: 0px 7px; border-style: solid; border-color: rgb(94, 122, 164); border-image: initial; border-width: 1px 0px 1px 1px; transition: background 0.2s, color 0.2s, border-color 0.2s; }
  #menu-main .home { width: 49px; }
  #menu-main .home > a { line-height: 48px; padding: 0px; font-size: 0px; }
  #menu-main .home > a .icon { font-size: 26px; vertical-align: middle; top: -1px; }
}

#menu-other { background: rgb(0, 0, 0); padding: 5px 0px; line-height: 30px; text-align: center; }

#menu-other ul { font-size: 0px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  #menu-other ul { letter-spacing: -1px; }
}

#menu-other ul > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: auto; font-size: 15px; }

.ie7 #menu-other ul > * { display: inline; zoom: 1; }

#menu-other a { color: rgb(255, 255, 255); display: block; padding: 0px 10px; }

#menu-other a:hover { text-decoration: none; }

#menu-other a:focus { text-decoration: none; }

#menu-other a:visited { color: rgb(255, 255, 255); }

#menu-other a.active { display: none; }

.ie8 #menu-other ul { zoom: 1; }

.ie8 #menu-other ul::after, .ie8 #menu-other ul::before { content: ""; display: table; clear: both; }

.ie8 #menu-other li { float: left; }

@media (min-width: 700px) {
  #menu-other { line-height: 40px; text-align: left; position: absolute; left: 0px; right: 0px; top: 0px; padding: 0px; }
  .fixed-header #menu-other { position: fixed; top: -40px; transition: top 0.2s; }
  .fixed-header.fixed-headercategory #menu-other { top: 0px; }
  #menu-other a.active { background: rgb(25, 65, 125); text-decoration: none; display: block; }
}

@media (min-width: 1000px) {
  #menu-other { padding: 0px 5px; }
}

#menu-sub { background: rgb(0, 165, 230); line-height: 30px; padding: 5px 10px; zoom: 1; color: rgb(255, 255, 255); font-size: 0px; }

#menu-sub::after, #menu-sub::before { content: ""; display: table; clear: both; }

#menu-sub .wrap { margin: 0px 0px 0px -30px; }

#menu-sub ul { display: inline; }

#menu-sub .title, #menu-sub li { display: inline-block; vertical-align: middle; margin: 0px 0px 0px 30px; }

#menu-sub .title { font-size: 16px; }

#menu-sub a { color: rgb(255, 255, 255); font-size: 16px; text-decoration: none; position: relative; display: inline-block; vertical-align: top; }

#menu-sub a:hover { text-decoration: underline; }

#menu-sub a:focus { text-decoration: underline; }

#menu-sub a:visited { color: rgb(255, 255, 255); }

#menu-sub a.active { font-weight: bold; }

@media (min-width: 700px) {
  #menu-sub a.active::after { content: ""; position: absolute; left: 50%; top: 100%; display: block; border-width: 10px 10px 0px; border-style: solid dashed; border-color: rgb(0, 165, 230) transparent; margin-left: -10px; }
}

@media (min-width: 1000px) {
  #menu-sub { padding-left: 20px; padding-right: 20px; overflow: hidden; }
}

.TipovMenuNadpis { float: left; margin-right: 40px; }

#TipovMenu { float: left; margin-right: 40px; }

.crossroad-grid { margin: 0px 0px 25px; max-width: 1100px; }

.crossroad-grid .header { margin: 0px 0px 10px; }

.crossroad-grid .list { font-size: 0px; line-height: 20px; margin: 0px 0px 0px -20px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .crossroad-grid .list { letter-spacing: -1px; }
}

.crossroad-grid .list > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: 100%; font-size: 16px; }

.ie7 .crossroad-grid .list > * { display: inline; zoom: 1; }

.crossroad-grid .list p { margin: 0px; }

.crossroad-grid li > .inner { display: block; text-decoration: none; margin: 0px 0px 20px 20px; background: rgb(227, 241, 246); color: rgb(0, 0, 0); overflow: hidden; padding: 0px 0px 10px; height: 320px; box-sizing: border-box; position: relative; }

.crossroad-grid li > .inner[href]:hover .title { text-decoration: underline; color: rgb(25, 65, 125); }

.crossroad-grid li > .inner[href]:hover .overlay::after { opacity: 1; }

.ie8 .crossroad-grid li > .inner[href]:hover .overlay { border-left-width: 2px; border-right-width: 2px; }

.crossroad-grid .img { margin: 0px; height: 180px; line-height: 180px; overflow: hidden; font-size: 0px; text-align: center; position: relative; }

@media (max-width: 479px) {
  .crossroad-grid .gallery .img { height: auto; }
}

.crossroad-grid .img .tag { left: 10px; }

.crossroad-grid .content { padding: 15px 10px 0px; overflow: hidden; max-height: 295px; }

.crossroad-grid .title { font-size: 24px; line-height: 28px; font-weight: bold; margin: 0px 0px 12px; transition: color 0.2s; }

.crossroad-grid .title.thin { font-weight: normal; }

.crossroad-grid p.title { margin-bottom: 12px; }

.crossroad-grid .desc { display: inline; }

.crossroad-grid .date { color: rgb(150, 150, 150); display: inline; }

.crossroad-grid .dateautor { color: rgb(150, 150, 150); display: block; }

.crossroad-grid .tag { position: absolute; left: 19px; bottom: 10px; }

.crossroad-grid .tag ~ .content { max-height: 270px; margin-bottom: 25px; }

.crossroad-grid .overlay { position: absolute; inset: 0px; border-style: solid; border-width: 2px; transition: border-color 0.2s; }

.ie8 .crossroad-grid .overlay { border-left-width: 0px; border-right-width: 0px; }

.crossroad-grid .overlay::after { content: ""; position: absolute; top: 100%; left: 20px; display: block; border-width: 10px 10px 0px; border-style: solid dashed; border-left-color: transparent; border-right-color: transparent; transition: opacity 0.2s; margin-top: 2px; opacity: 0; }

.crossroad-grid .inner.red { background: rgb(237, 237, 237); }

.crossroad-grid .inner.red .overlay { border-color: rgb(216, 25, 32) rgba(216, 25, 32, 0) rgba(216, 25, 32, 0); }

.crossroad-grid .inner.red .overlay::after { border-top-color: rgb(216, 25, 32); }

.crossroad-grid .inner.red .title { color: rgb(216, 25, 32); }

.crossroad-grid .inner.red:hover .overlay { border-color: rgb(216, 25, 32); }

.crossroad-grid .inner.blue { background: rgb(237, 237, 237); }

.crossroad-grid .inner.blue .overlay { border-color: rgb(0, 165, 230) rgba(0, 165, 230, 0) rgba(0, 165, 230, 0); }

.crossroad-grid .inner.blue .overlay::after { border-top-color: rgb(0, 165, 230); }

.crossroad-grid .inner.blue:hover .overlay { border-color: rgb(0, 165, 230); }

.crossroad-grid .inner.priorita2 { background: rgb(237, 237, 237); }

.crossroad-grid .inner.priorita2 .overlay { border-color: rgb(0, 165, 230) rgba(0, 165, 230, 0) rgba(0, 165, 230, 0); }

.crossroad-grid .inner.priorita2 .overlay::after { border-top-color: rgb(0, 165, 230); }

.crossroad-grid .inner.priorita2:hover .overlay { border-color: rgb(0, 165, 230); }

.crossroad-grid .inner.priorita3 { background: rgb(237, 237, 237); }

.crossroad-grid .inner.priorita3 .overlay { border-color: rgb(0, 165, 230) rgba(0, 165, 230, 0) rgba(0, 165, 230, 0); }

.crossroad-grid .inner.priorita3 .overlay::after { border-top-color: rgb(0, 165, 230); }

.crossroad-grid .inner.priorita3:hover .overlay { border-color: rgb(0, 165, 230); }

.crossroad-grid .inner.priorita4 { background: rgb(237, 237, 237); }

.crossroad-grid .inner.priorita4 .overlay { border-color: rgb(25, 65, 125) rgba(25, 65, 125, 0) rgba(25, 65, 125, 0); }

.crossroad-grid .inner.priorita4 .overlay::after { border-top-color: rgb(25, 65, 125); }

.crossroad-grid .inner.priorita4:hover .overlay { border-color: rgb(25, 65, 125); }

.crossroad-grid .inner.blueDark { background: rgb(237, 237, 237); }

.crossroad-grid .inner.blueDark .overlay { border-color: rgb(25, 65, 125) rgba(25, 65, 125, 0) rgba(25, 65, 125, 0); }

.crossroad-grid .inner.blueDark .overlay::after { border-top-color: rgb(25, 65, 125); }

.crossroad-grid .inner.blueDark:hover .overlay { border-color: rgb(25, 65, 125); }

.crossroad-grid .inner.green { background: rgb(237, 237, 237); }

.crossroad-grid .inner.green .overlay { border-color: rgb(105, 181, 48) rgba(105, 181, 48, 0) rgba(105, 181, 48, 0); }

.crossroad-grid .inner.green .overlay::after { border-top-color: rgb(105, 181, 48); }

.crossroad-grid .inner.green:hover .overlay { border-color: rgb(105, 181, 48); }

.crossroad-grid .inner.grey { background: rgb(237, 237, 237); }

.crossroad-grid .inner.grey .overlay { border-color: rgb(150, 150, 150) rgba(150, 150, 150, 0) rgba(150, 150, 150, 0); }

.crossroad-grid .inner.grey .overlay::after { border-top-color: rgb(150, 150, 150); }

.crossroad-grid .inner.grey:hover .overlay { border-color: rgb(150, 150, 150); }

.crossroad-grid .inner .overlay[data-klice*="video"] { background-repeat: no-repeat; background-image: none; background-size: 70px 70px; background-position: 5px 5px; opacity: 0.9; }

.crossroad-grid .inner .overlay[data-klice*="PROTEXT-video"] { background-repeat: no-repeat; background-image: none; background-size: 70px 70px; background-position: 5px 5px; opacity: 0.9; }

.crossroad-grid .inner .overlay[data-klice*="Protext-video"] { background-repeat: no-repeat; background-image: none; background-size: 70px 70px; background-position: 5px 5px; opacity: 0.9; }

.crossroad-grid li > .inner-autoHeight { height: auto !important; }

.crossroad-grid li > .inner-autoHeight .content { max-height: none; }

.crossroad-grid li > .inner-autoHeight .title { margin: -2px 0px 0px; }

.crossroad-grid li > .inner-img .content { max-height: 110px; }

.crossroad-grid li > .inner-img .title { display: inline; }

#AdTrackHomepageTop li > .inner-img .title { font-size: 17px; }

.crossroad-grid li > .inner-offer { overflow: visible; padding: 0px; text-align: center; line-height: 280px; }

.crossroad-grid li > .inner-offer.box-offer-300x600 { }

.crossroad-grid li > .inner-offer .info { position: absolute; right: 0px; top: 100%; }

.crossroad-grid li > .inner-pattern { height: 170px; padding-bottom: 0px; color: rgb(255, 255, 255); }

.crossroad-grid li > .inner-pattern .title { margin: 0px; }

.crossroad-grid li > .inner-pattern .content { padding: 15px; }

.crossroad-grid li > .inner-pattern.blue { background: none 100% 0px repeat-y rgb(0, 165, 230); }

.crossroad-grid li > .inner-pattern.green { background: none 100% 0px repeat-y rgb(105, 181, 48); }

.crossroad-grid li > .inner-pattern.pink { background: none 100% 0px repeat-y rgb(238, 28, 140); }

.crossroad-grid li > .inner-pattern.orange { background: none 100% 0px repeat-y rgb(246, 135, 18); }

.crossroad-grid li > .info { position: absolute; width: 100%; top: 93%; display: block; text-align: right; color: rgb(150, 150, 150); text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 16px; }

.crossroad-grid .main > .inner { height: 540px; }

.crossroad-grid .main .content { max-height: 515px; }

.crossroad-grid .main .tag ~ .content { max-height: 490px; }

.crossroad-grid .main .title { font-size: 30px; line-height: 34px; }

.crossroad-grid .main > .inner-img .content { max-height: 132px; }

@media (max-width: 479px) {
  .crossroad-grid li > .inner { height: auto !important; }
  .crossroad-grid li > #hyperbox1 { height: 320px !important; }
  .crossroad-grid li > #hyperbox2 { height: 320px !important; }
  .crossroad-grid li > #hyperbox3 { height: 320px !important; }
  .crossroad-grid li > .box-offer-300x250 { line-height: 1; }
}

@media (max-width: 699px) {
  .crossroad-grid .main > .inner { height: auto !important; }
  .crossroad-grid .main > .inner .content { max-height: none !important; }
}

@media (max-width: 3139px) {
  .crossroad-grid .list-item { overflow: hidden; }
  .crossroad-grid .img img { min-width: 100%; min-height: 100%; height: auto; width: 100%; }
}

@media (min-width: 480px) {
  .crossroad-grid .list > * { width: 50%; }
  .crossroad-grid li > .inner { margin-bottom: 30px; }
  .crossroad-grid .list > .main .img { height: 380px; }
}

@media (min-width: 700px) {
  .crossroad-grid .list > * { width: 33.333%; }
  .crossroad-grid .main { font-size: 20px; line-height: 28px; }
  .crossroad-grid .main .title { font-size: 40px; line-height: 44px; }
}

@media (min-width: 480px) and (max-width: 699px) {
  .crossroad-grid .list > .responsive-two-cols { width: 100%; }
  .crossroad-grid .list > .main { width: 100%; }
}

@media (min-width: 700px) and (max-width: 999px) {
  .crossroad-grid .list > .responsive-two-cols { width: 66.666%; }
  .crossroad-grid .list > .main { width: 66.666%; }
}

@media (min-width: 1000px) and (max-width: 1189px) {
  .crossroad-grid .list > .responsive-two-cols { width: 560px; }
  .crossroad-grid .list > .main { width: 560px; }
}

@media (max-width: 1189px) {
  .crossroad-grid .list > .responsive-two-cols .inner-offer { width: auto; }
}

@media (min-width: 1190px) {
  .crossroad-grid li > .inner-offer { line-height: 1; background: none; }
  .crossroad-grid li > .inner-offer.box-offer-300x250 .info { bottom: 20px; top: auto; }
}

.crossroad-icon { margin: 0px 0px 25px; }

.crossroad-icon li { line-height: 50px; font-size: 0px; margin: 0px 0px 10px; }

.crossroad-icon a { display: inline-block; vertical-align: top; padding: 0px 0px 0px 20px; }

.crossroad-icon a:hover .icon { border-color: rgb(0, 165, 230); color: rgb(0, 165, 230); }

.crossroad-icon .icon { float: left; width: 48px; height: 48px; line-height: 48px; border: 1px solid rgb(25, 65, 125); color: rgb(25, 65, 125); text-align: center; font-size: 26px; transition: border-color 0.2s, color 0.2s; }

.crossroad-icon .name { display: inline-block; vertical-align: middle; line-height: 25px; font-size: 18px; text-decoration: underline; }

.crossroad-light { margin: 0px 0px 25px; }

.crossroad-light .title-main { font-weight: 600; padding: 0px 10px 0px 20px; }

#AdTrackRightColl300x250 .crossroad-light .title-main { padding: 20px 20px 0px; color: rgb(150, 150, 150); text-align: right; font-size: 12px; }

.crossroad-light #nejctenejsi { display: none; }

.crossroad-light .cpointer { cursor: pointer; }

.crossroad-light .cpointer:hover { color: black; background: none 0px 0px repeat scroll rgb(241, 248, 251); }

.crossroad-light ul { font-size: 0px; margin: 0px 0px 20px; line-height: 60px; border-top: 1px solid rgb(188, 224, 237); position: relative; }

.crossroad-light ul.pr { margin-bottom: 0px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .crossroad-light ul { letter-spacing: -1px; }
}

.crossroad-light ul > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: 100%; font-size: 0px; }

.ie7 .crossroad-light ul > * { display: inline; zoom: 1; }

.crossroad-light ul::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1px; background: rgb(188, 224, 237); }

.crossroad-light ul a { display: block; padding: 20px 40px 20px 100px; color: rgb(0, 0, 0); text-decoration: none; zoom: 1; transition: color 0.2s, background 0.2s; }

.crossroad-light ul a:visited { color: rgb(0, 0, 0); }

.crossroad-light ul a::after, .crossroad-light ul a::before { content: ""; display: table; clear: both; }

.crossroad-light ul a:hover { background: rgb(241, 248, 251); color: rgb(25, 65, 125); }

.crossroad-light ul a:focus { background: rgb(241, 248, 251); color: rgb(25, 65, 125); }

.crossroad-light ul a:hover .name { text-decoration: underline; }

.crossroad-light li { border-bottom: 1px solid rgb(188, 224, 237); }

.crossroad-light li.pr { border-bottom: 1px solid rgb(188, 224, 237); max-height: 81px; overflow: hidden; }

.crossroad-light li.highlight { background: rgb(237, 237, 237); border-top: 4px solid rgb(216, 25, 32); margin-top: -1px; }

.crossroad-light li.highlight a { color: rgb(216, 25, 32); }

.crossroad-light > p { margin-right: 20px; }

.crossroad-light .img { float: left; margin-left: -80px; width: 60px; height: 60px; line-height: 60px; text-align: center; }

.crossroad-light .name { font-size: 18px; line-height: 20px; display: inline-block; vertical-align: middle; }

#AdTrackRightColl300x250 .crossroad-light .name { font-size: 16px; }

.crossroad-light .btn > span.pr { line-height: 32px; font-size: 16px; }

.crossroad-grid .crossroad-light .title-main { padding: 10px; margin: 0px; font-size: 12px; line-height: 20px; color: rgb(255, 255, 255); background: rgb(0, 165, 230); }

.crossroad-grid .crossroad-light ul { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.crossroad-grid .crossroad-light ul a { padding: 11px 10px 10px 85px; }

.crossroad-grid .crossroad-light .img { margin-left: -75px; }

.crossroad-grid .crossroad-light .name { font-size: 16px; }

.crossroad-grid .crossroad-light .name-pr { font-size: 15px; line-height: 20px; display: inline-block; vertical-align: middle; }

@media (max-width: 999px) {
  .crossroad-light { margin-left: -10px; margin-right: -10px; padding: 15px 0px 1px; background: rgb(227, 241, 246); border-top: 1px solid rgb(188, 224, 237); }
}

@media (min-width: 700px) and (max-width: 999px) {
  .crossroad-light li { width: 50%; }
  .crossroad-light li.highlight { border-top-width: 1px; }
  .crossroad-grid .crossroad-light li { width: 100%; }
}

.box-about { margin: 0px -10px 40px; }

.box-about .header { padding: 0px 10px; }

.box-about .h1 { margin-bottom: 0.15em; }

@media (min-width: 700px) {
  .box-about .btn-wrap { text-align: right; }
  .box-about .content { font-size: 20px; }
}

@media (min-width: 1000px) {
  .box-about { margin-left: -20px; margin-right: -20px; }
  .box-about .header { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 1219px) {
  .box-about img { max-width: 100%; height: auto; }
}

.box-apps { margin: 0px 0px 25px; }

.box-apps .title { font-weight: bold; display: block; margin: 0px 0px 5px; font-size: 20px; }

.box-apps .apps { font-size: 0px; white-space: nowrap; margin-left: -10px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .box-apps .apps { letter-spacing: -1px; }
}

.box-apps .apps > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: 130px; font-size: 0px; }

.ie7 .box-apps .apps > * { display: inline; zoom: 1; }

.box-apps .apps a { margin-left: 10px; height: 40px; background: none -2px -2px no-repeat; transition: opacity 0.2s; }

.box-apps .apps a:hover { opacity: 0.9; }

.box-apps .apps .googleplay { background-position: -2px -46px; }

.box-article-footer { margin: 40px 0px; position: relative; }

.box-article-footer .inner { border: 1px solid rgb(127, 197, 224); display: table; width: 100%; font-size: 16px; box-sizing: border-box; }

.box-article-footer .inner > * { display: table-cell; vertical-align: middle; margin: 0px; padding-left: 10px; }

.box-article-footer .inner > :first-child { padding: 5px 10px; }

.box-article-footer .author { color: rgb(150, 150, 150); }

.box-article-footer .btn-wrap, .box-article-footer .author { white-space: nowrap; width: 1%; }

.box-article-footer .btn { position: relative; top: -4px; margin-bottom: -8px; }

.box-article-footer .btn > span { line-height: 50px; }

.box-article-footer .btn:hover::before { height: 50px; }

.box-article-footer .btn.active { margin-bottom: -5px; }

.box-article-footer .btn.active > span { background: rgb(255, 255, 255); box-shadow: none; color: rgb(25, 65, 125); border-style: solid; border-color: rgb(127, 197, 224); border-image: initial; border-width: 1px 1px 0px; line-height: 46px; padding: 0px 19px 0px 44px; }

.box-article-footer .btn.active:hover > span { color: rgb(0, 0, 0); }

.box-article-footer .social { font-size: 0px; white-space: nowrap; }

.box-article-footer .social a { display: inline-block; vertical-align: middle; font-size: 16px; margin: 0px 10px; text-decoration: none; font-weight: bold; padding-left: 30px; position: relative; color: rgb(25, 65, 125); }

.box-article-footer .social .icon { position: absolute; left: 0px; top: 50%; font-size: 26px; margin-top: -13px; transition: color 0.2s; }

.box-article-footer .social .facebook .icon { color: rgb(59, 89, 152); }

.box-article-footer .social .facebook:hover .icon { color: rgb(53, 80, 137); }

.box-article-footer .social .twitter .icon { color: rgb(0, 0, 0); font-size: 20px; padding-top: 3px; }

.box-article-footer .social .twitter:hover .icon { color: rgb(0, 155, 213); }

.box-article-footer .social .google .icon { color: rgb(200, 55, 55); }

.box-article-footer .social .google:hover .icon { color: rgb(180, 49, 49); }

.box-article-footer .right { padding-right: 10px; }

.box-article-footer .comments { position: relative; overflow: hidden; }

.js .box-article-footer .comments { display: none; }

.js .box-article-footer .comments.open { display: block; }

.box-article-footer .comments .bd { border-style: solid; border-color: rgb(127, 197, 224); border-image: initial; border-width: 0px 1px 1px; padding: 5px 20px 10px; }

@media (max-width: 699px) {
  .box-article-footer { margin-top: 60px; }
  .box-article-footer .author { display: block; position: absolute; left: 0px; right: 0px; bottom: 100%; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; width: auto; }
  .box-article-footer .link-print { font-size: 0px; height: 42px; display: inline-block; vertical-align: middle; padding-left: 26px; }
}

@media (max-width: 479px) {
  .box-article-footer .btn-wrap { padding-left: 5px; }
  .box-article-footer .btn > span { color: rgb(25, 65, 125); background: none; box-shadow: none; padding-right: 10px; }
  .box-article-footer .btn .name { display: none; }
  .box-article-footer .btn.active > span { padding-right: 9px; }
  .box-article-footer .social { padding-left: 0px; }
  .box-article-footer .social a { margin-right: 0px; }
}

.box-article-info { margin: 0px 0px 25px; background: rgb(227, 241, 246); display: table; width: 100%; font-size: 16px; line-height: 30px; clear: both; }

.box-article-info > * { display: table-cell; vertical-align: middle; margin: 0px; }

.box-article-info > :first-child { padding: 5px 10px; }

.box-article-info .grey { margin-left: 15px; }

.box-article-info .btn > span .icon { display: none; }

@media (max-width: 699px) {
  .box-article-info > * { vertical-align: top; }
  .box-article-info .grey { display: block; margin-left: 0px; }
  .box-article-info .btn > span { height: 44px; font-size: 0px; padding: 0px 12px; }
  .box-article-info .btn > span .icon { display: inline-block; vertical-align: middle; font-size: 26px; top: -1px; }
  .box-article-info .btn > span .name { display: none; }
}

.box-article { margin: 0px 0px 25px; max-width: 660px; }

.box-article > p, .box-article > h1, .box-article > h2, .box-article > h3, .box-article > h4, .box-article > ul { max-width: 680px; }

.box-article .btn-next { float: right; background: rgb(227, 241, 246); text-decoration: none; color: rgb(0, 0, 0); font-size: 15px; padding: 10px; margin: 0px -10px 10px 10px; width: 60px; transition: background 0.2s, color 0.2s; }

.box-article .btn-next::after { content: ""; display: block; width: 0px; height: 0px; overflow: hidden; border-width: 6px 0px 6px 6px; border-style: dashed solid; border-color: transparent rgb(25, 65, 125); }

.box-article .btn-next + * { margin-top: 0px; }

.box-article .video_text_pred { font-size: smaller; font-weight: bold; color: rgb(25, 65, 125); }

.box-article .video_text_za { font-size: smaller; color: rgb(25, 65, 125); }

.box-article .fotogal-link-text { margin-bottom: 0.5em; }

.box-article .fotogal-link-obrazek { padding: 4px; }

.box-article img { max-width: 100%; height: auto; }

.box-article .article-notfound { padding: 40px; margin-bottom: 40px; }

@media (min-width: 1000px) {
  .box-article .btn-next { display: none; }
}

.page-detail .infinite-detail-wrap { margin: 0px -20px; padding: 1.25em 0px; border-top: 1px solid rgb(235, 235, 235); }

.box-contact { margin: 0px 0px 25px; }

.box-contact h2 { font-size: 32px; font-weight: normal; margin-top: 0.75em; }

@media (min-width: 700px) {
  .box-contact h2 { font-size: 40px; }
}

.box-ctk { margin: 0px 0px 40px; font-size: 20px; zoom: 1; }

.box-ctk::after, .box-ctk::before { content: ""; display: table; clear: both; }

.box-ctk .h1 { margin: 0px 0px 0.15em; }

.box-ctk .icon-ctk { color: rgb(25, 65, 125); font-size: 100px; }

.box-ctk .social { display: block; margin-top: 30px; font-size: 0px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .box-ctk .social { letter-spacing: -1px; }
}

.box-ctk .social > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: auto; font-size: 0px; }

.ie7 .box-ctk .social > * { display: inline; zoom: 1; }

.box-ctk .social > * { vertical-align: middle; }

.box-ctk .social a { margin-left: 10px; }

.box-ctk .social .label { font-size: 18px; margin-right: 10px; }

.box-ctk .social .icon { font-size: 32px; }

.box-ctk .social .icon-facebook { color: rgb(59, 89, 152); }

.box-ctk .social .icon-facebook:hover { color: rgb(53, 80, 137); }

.box-ctk .social .icon-twitter { color: rgb(0, 172, 237); }

.box-ctk .social .icon-twitter:hover { color: rgb(0, 155, 213); }

.box-ctk .social .icon-google { color: rgb(200, 55, 55); }

.box-ctk .social .icon-google:hover { color: rgb(180, 49, 49); }

.box-ctk .social .icon-youtube { color: rgb(219, 41, 31); }

.box-ctk .social .icon-youtube:hover { color: rgb(197, 37, 28); }

@media (min-width: 700px) {
  .box-ctk { padding: 0px 240px 0px 0px; }
  .box-ctk .icon-ctk { float: right; font-size: 205px; margin-right: -240px; width: 220px; text-align: center; }
  .box-ctk .social { display: inline-block; vertical-align: middle; padding-left: 110px; margin: 0px -240px 0px 0px; }
}

@media (min-width: 1000px) {
  .box-ctk { padding-right: 360px; }
  .box-ctk .icon-ctk { margin-right: -360px; width: 340px; }
}

.box-enquiry { margin: 0px 0px 25px; border: 1px solid rgb(127, 197, 224); }

.box-enquiry ul { font-size: 16px; }

.box-enquiry ul a { display: block; text-decoration: none; color: rgb(0, 0, 0); padding: 10px; transition: background 0.2s; }

.box-enquiry ul a:visited { color: rgb(0, 0, 0); }

.box-enquiry ul a:hover { background: rgb(227, 241, 246); }

.box-enquiry ul a:focus { background: rgb(227, 241, 246); }

.box-enquiry ul .grey { margin-left: 5px; }

.box-enquiry .title { font-weight: normal; padding: 10px 10px 0px; }

.box-enquiry .progress { display: block; height: 20px; position: relative; margin-top: 2px; }

.box-enquiry .progress span { position: absolute; left: 0px; top: 0px; bottom: 0px; background: rgb(0, 165, 230); }

.crossroad-grid ul .box-enquiry { background: rgb(255, 255, 255); }

@media (min-width: 700px) {
  .box-article .box-enquiry { overflow: hidden; position: relative; }
  .box-article .box-enquiry::before { content: ""; position: absolute; left: 270px; top: 0px; bottom: 0px; width: 1px; background: rgb(127, 197, 224); }
  .box-article .box-enquiry ul { overflow: hidden; }
  .box-article .box-enquiry ul a { padding: 10px 20px; }
  .box-article .box-enquiry .title { float: left; padding: 15px 20px 0px; max-width: 230px; margin: 0px 0px 50px; }
  .box-article .box-enquiry .tag { position: absolute; left: 20px; bottom: 15px; }
}

.box-gallery { margin: 50px 0px 25px; position: relative; }

.box-gallery h2 { font-weight: normal; }

.box-gallery .scroll { font-size: 0px; position: relative; white-space: nowrap; overflow: auto hidden; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .box-gallery .scroll { letter-spacing: -1px; }
}

.box-gallery .scroll > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: 100%; font-size: 18px; }

.ie7 .box-gallery .scroll > * { display: inline; zoom: 1; }

.box-gallery .scroll > * > * { white-space: normal; }

.js .box-gallery .scroll { overflow-x: hidden; }

.box-gallery .item { position: relative; }

.box-gallery .desc { position: absolute; display: block; right: 0px; top: 0px; bottom: 70px; overflow: hidden; width: 240px; border-style: solid; border-color: rgb(127, 197, 224); border-image: initial; border-width: 1px 0px 0px; padding-top: 15px; }

.box-gallery .img { display: block; overflow: hidden; background: rgb(0, 0, 0); text-align: center; margin-right: 260px; }

.box-gallery .pager { position: absolute; right: 0px; width: 240px; bottom: 0px; font-size: 0px; }

.box-gallery .pager .prev, .box-gallery .pager .next { display: inline-block; vertical-align: middle; width: 48px; height: 48px; line-height: 48px; text-align: center; background: rgb(255, 255, 255); border: 1px solid rgb(25, 65, 125); margin-right: 10px; position: relative; transition: border-color 0.2s; }

.box-gallery .pager .prev::before, .box-gallery .pager .next::before { content: ""; position: absolute; left: 50%; top: 50%; margin: -13px 0px 0px -6px; border-width: 13px 0px 13px 13px; border-style: dashed solid; border-color: transparent rgb(25, 65, 125); }

.box-gallery .pager .prev:hover, .box-gallery .pager .next:hover { border-color: rgb(0, 165, 230); }

.box-gallery .pager .prev:hover::before, .box-gallery .pager .next:hover::before { border-color: transparent rgb(0, 165, 230); }

.box-gallery .pager .prev.disabled, .box-gallery .pager .next.disabled { border-color: rgb(227, 241, 246); cursor: no-drop; }

.box-gallery .pager .prev.disabled::before, .box-gallery .pager .next.disabled::before { border-color: transparent rgb(227, 241, 246); }

.box-gallery .pager .prev.off, .box-gallery .pager .next.off { display: none; }

.box-gallery .pager .prev::before { border-width: 13px 13px 13px 0px; }

.box-gallery .pager .pages { display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 10px; }

@media (max-width: 699px) {
  .box-gallery { margin-left: -10px; margin-right: -10px; }
  .box-gallery h2 { padding: 0px 10px; line-height: 50px; }
  .box-gallery .img { margin: 0px 0px 15px; }
  .box-gallery .desc { position: static; border-width: 0px 0px 0px 4px; width: auto; padding: 0px 10px 0px 15px; }
  .box-gallery .pager { right: 10px; top: 0px; width: auto; bottom: auto; }
  .box-gallery .pager .pages { display: none; }
  .box-gallery .pager .prev, .box-gallery .pager .next { margin: 0px 0px 0px 10px; }
}

.box-img { margin: 0px 0px 25px; font-size: 16px; }

.box-img .img { display: block; margin: 0px 0px 5px; }

.box-img .protext-thumb-box { }

.box-img .protext-thumb { float: right; background-color: rgb(241, 248, 251); padding: 10px; margin: 10px 7px; border-bottom: 1px solid rgb(179, 179, 179); width: 96px; height: 60px; text-align: center; }

.box-img .protext-thumb:hover { background-color: rgb(188, 224, 237); }

@media (max-width: 699px) {
  .box-img .img { margin-left: -10px; margin-right: -10px; }
  .box-img .dt { display: block; }
  .box-img .dt > * { display: block; }
}

.box-img .kupfoto { padding-left: 15px; padding-right: 10px; background-color: rgb(241, 248, 251); text-align: right; }

.box-list { margin: 40px -10px; padding: 20px 10px; background: rgb(227, 241, 246); position: relative; }

.box-list .banner300 { width: 300px; margin: 0px auto 20px; }

.box-list .pr300 { width: 300px; margin: 0px auto; }

@media (min-width: 700px) {
  .box-list .banner300 { float: left; padding-right: 18px; }
  .box-list .pr300 { float: left; width: 300px; }
}

.box-list .title { font-size: 22px; margin: 0px 0px 15px; }

.box-list ul { font-size: 16px; margin: 0px 0px 15px; }

.box-list ul a { display: block; padding: 10px 20px 10px 30px; background: rgb(241, 248, 251); text-decoration: none; position: relative; color: rgb(0, 0, 0); transition: background 0.2s, color 0.2s; }

.box-list ul a:visited { color: rgb(0, 0, 0); }

.box-list ul a:hover { background: rgb(255, 255, 255); color: rgb(25, 65, 125); }

.box-list ul a:focus { background: rgb(255, 255, 255); color: rgb(25, 65, 125); }

.box-list ul a:hover .name { text-decoration: underline; }

.box-list ul a:focus .name { text-decoration: underline; }

.box-list ul a:hover .icon-ext { opacity: 1; }

.box-list li { margin-bottom: 1px; }

.box-list .footer { margin: 0px 0px 15px; }

.box-list .icon-lock { position: absolute; left: 10px; top: 50%; font-size: 14px; margin-top: -8px; color: rgb(150, 150, 150); }

.box-list .icon-ext { vertical-align: middle; font-size: 14px; top: -1px; opacity: 0; transition: opacity 0.2s; }

.box-list .name { display: inline-block; }

@media (min-width: 700px) {
  .box-list .title { margin-right: 180px; }
  .box-list .footer { position: absolute; right: 10px; top: 20px; }
}

@media (min-width: 1000px) {
  .box-list { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
  .box-list .footer { right: 20px; }
}

.box-list .footer { right: 40px; }

.hyper { }

.hyper table { height: 80px; border: 0px; margin: 0px 0px 4px; overflow: hidden; }

.hyper td.hyper-obrazek { padding: 6px 4px; border: 0px; }

.hyper td.hyper-text { padding: 6px 6px 6px 4px; border: 0px; }

.hyper td.hyper-text a { color: rgb(0, 0, 0); text-decoration: none; }

.hyper td.hyper-text a:visited { color: rgb(0, 0, 0); text-decoration: none; }

.hyper td.hyper-text a:hover { color: rgb(0, 0, 0); text-decoration: underline; }

.hyper td.hyper-text a:focus { color: rgb(0, 0, 0); text-decoration: underline; }

.infobox { margin: 0px 0px 25px; border: 1px solid rgb(127, 197, 224); position: relative; padding: 10px 10px 0px 35px; color: rgb(0, 0, 0); background: rgb(227, 241, 246); }

.infobox h2 { font-weight: normal; }

.infobox .inner { max-width: 610px; }

.infobox .icon { position: absolute; left: 12px; top: 10px; font-size: 25px; color: rgb(0, 165, 230); }

.infobox .icon + * { margin-top: 0px; }

.infobox .icon { color: rgb(216, 25, 32); }

@media (min-width: 1000px) {
  .infobox { padding: 25px 25px 8px 70px; }
  .infobox .icon { left: 23px; top: 25px; }
}

.box-message { margin: 0px 0px 25px; border: 1px solid rgb(127, 197, 224); position: relative; padding: 10px 10px 0px 50px; }

.box-message h2 { font-weight: normal; }

.box-message .inner { max-width: 610px; }

.box-message .icon { position: absolute; left: 12px; top: 10px; font-size: 25px; color: rgb(0, 165, 230); }

.box-message .icon + * { margin-top: 0px; }

.box-message.error { color: rgb(0, 0, 0); background: rgb(227, 241, 246); }

.box-message.error .icon { color: rgb(216, 25, 32); }

@media (min-width: 1000px) {
  .box-message { padding: 25px 25px 8px 70px; }
  .box-message .icon { left: 23px; top: 25px; }
}

.box-offer { margin: 0px auto 25px; position: relative; }

.box-offer .info { display: block; text-align: right; color: rgb(150, 150, 150); text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 16px; }

.box-offer.only-tablet { display: none; }

.page-homepage .col-side .box-offer { margin-left: 20px; }

@media (min-width: 1000px) {
  .page-detail .box-offer { border-style: solid; border-color: rgb(227, 241, 246); border-image: initial; border-width: 0px 30px 30px; background: rgb(227, 241, 246); margin: 0px; }
  .page-detail .box-offer-col-top { border-style: solid; border-color: rgb(227, 241, 246); border-image: initial; border-width: 0px 30px 30px; background: rgb(227, 241, 246); margin: 0px; }
  .page-detail .fixed-offer .box-offer { position: fixed; top: 80px; transition: top 0.2s; }
  .fixed-headercategory.page-detail .fixed-offer .box-offer { top: 120px; }
  .page-detail .fixed-offer-bottom .box-offer { position: absolute; right: -20px; bottom: 0px; top: auto !important; }
}

@media (min-width: 700px) and (max-width: 999px) {
  .box-offer.only-tablet { display: inline-block; vertical-align: top; margin: 0px; }
  .box-offer.only-tablet ~ .box-offer { display: inline-block; vertical-align: top; margin: 0px 0px 0px 15px; }
}

@media (min-width: 1000px) {
  .page-detail .fixed-offer-bottom .col-side { position: static; margin-left: -5000px; }
}

.box-offer-300x600 { width: 300px; }

.box-offer-300x600 .inner { }

.box-offer-300x250 { width: 300px; }

.box-offer-300x250 .inner { }

.box-offer-900x100 { width: 900px; margin-bottom: 20px; }

.box-offer-900x100 .inner { }

.box-offer-900x100 .info { position: absolute; right: 0px; top: 100%; }

#main .box-offer-fulltext-900x100 { text-align: center; margin: 20px auto; background-color: rgb(255, 255, 255); border: 30px solid rgb(255, 255, 255); }

@media (max-width: 899px) {
  .box-offer-fulltext-900x100 { display: none; }
}

.box-offer-mob-perex { margin: 0px auto 25px; position: relative; max-width: 480px; max-height: 480px; }

.box-offer-mob-perex .info { display: block; text-align: right; color: rgb(150, 150, 150); text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 16px; }

body.body-offer { padding-top: 130px; }

@media (max-width: 699px) {
  body.body-offer #mother { padding-top: 0px; }
}

@media (min-width: 700px) {
  body.body-offer { padding-top: 100px; }
}

.body-offer #mother { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; }

.box-offer-body { position: absolute; text-align: center; overflow: hidden; left: 0px; right: 0px; top: 50px; height: 80px; }

.box-offer-body .tablet, .box-offer-body .desktop { display: none; }

@media (min-width: 700px) {
  .box-offer-body { top: 0px; height: 100px; }
  .box-offer-body .mobile { display: none; }
  .box-offer-body .tablet { display: block; }
}

@media (min-width: 1000px) {
  .box-offer-body { height: auto; top: 0px; bottom: 0px; }
  .box-offer-body .tablet { display: none; }
  .box-offer-body .desktop { display: block; }
}

.box-people { margin: 0px -10px 40px; background: rgb(227, 241, 246); padding: 20px 10px; zoom: 1; position: relative; }

.box-people::after, .box-people::before { content: ""; display: table; clear: both; }

.box-people p { margin: 0px 0px 20px; max-width: 800px; }

.box-people .author { font-size: 14px; margin: 0px; padding-left: 180px; zoom: 1; }

.box-people .author::after, .box-people .author::before { content: ""; display: table; clear: both; }

.box-people .author .img { float: left; margin-left: -180px; }

@media (min-width: 700px) {
  .box-people { padding-left: 200px; min-height: 160px; }
  .box-people .desc { font-size: 24px; }
  .box-people .author { padding-left: 0px; }
  .box-people .author .img { position: absolute; left: 10px; top: 20px; margin-left: 0px; }
}

@media (min-width: 1000px) {
  .box-people { margin-left: -20px; margin-right: -20px; padding: 30px 20px 30px 220px; }
  .box-people .author .img { left: 20px; top: 30px; }
}

.box-weather-main { margin: 0px 0px 40px; font-size: 20px; max-width: 940px; }

.box-weather-main p { margin: 0px; }

.box-weather-main .weather { font-size: 0px; width: 240px; }

.box-weather-main .weather .icon { font-size: 80px; vertical-align: middle; color: rgb(0, 165, 230); }

.box-weather-main .temperature { font-size: 32px; font-weight: normal; display: inline-block; vertical-align: middle; margin-left: 40px; }

@media (min-width: 480px) {
  .box-weather-main { display: table; width: 100%; }
  .box-weather-main > * { display: table-cell; vertical-align: middle; }
}

@media (max-width: 699px) {
  #box-weather { display: none; }
}

@media (min-width: 700px) {
  #box-weather { position: absolute; right: 171px; top: 55px; width: 102px; text-align: center; z-index: 100; }
  .fixed-header #box-weather { position: fixed; top: 15px; transition: top 0.2s; }
  .fixed-header.fixed-headercategory #box-weather { top: 55px; }
  #box-weather .title { margin: 0px; font-size: 16px; }
  #box-weather .title a { display: block; line-height: 48px; border-style: solid; border-color: rgb(94, 122, 164); border-image: initial; border-width: 1px 0px 1px 1px; color: rgb(255, 255, 255); text-decoration: none; }
  #box-weather .title a:visited { color: rgb(255, 255, 255); }
  #box-weather .title a:hover { background: rgb(55, 91, 143); }
  #box-weather .title a:focus { background: rgb(55, 91, 143); }
  #box-weather .title .icon { vertical-align: middle; font-size: 26px; top: -1px; margin-right: 3px; }
  #box-weather .box { display: none; position: absolute; right: -50px; top: 100%; margin-top: -1px; width: 220px; padding: 9px 9px 0px; border: 1px solid rgb(94, 122, 164); background: rgb(25, 65, 125); color: rgb(255, 255, 255); text-align: left; }
  #box-weather .btn-row { padding-right: 0px; }
  #box-weather .btn-row .btn { right: auto; left: 0px; background: none; width: 38px; }
  #box-weather .btn-row .btn > span { line-height: 40px; color: rgb(94, 122, 164); transition: color 0.2s; box-shadow: none; background: none; }
  #box-weather .btn-row .btn:hover > span, #box-weather .btn-row .btn:focus > span { color: rgb(255, 255, 255); }
  #box-weather .inp-text { border: 1px solid rgb(94, 122, 164); background: none; box-shadow: none; color: rgb(255, 255, 255); padding-top: 10px; padding-bottom: 8px; height: 40px; position: relative; }
  #box-weather .inp-text:focus { border-color: rgb(174, 188, 210); z-index: 10; }
  #box-weather .btn-wrap { margin: 0px -9px; border-top: 1px solid rgb(94, 122, 164); }
  #box-weather .btn-wrap .btn > span { box-shadow: none; }
  #box-weather .btn-wrap .btn:hover::before { height: 44px; }
  #box-weather .content { padding: 5px 10px 15px; font-size: 16px; }
  #box-weather .content .weather { text-align: center; }
  #box-weather .content .label { display: inline-block; vertical-align: middle; text-align: center; width: 100px; font-size: 16px; }
  #box-weather .content .label .temperature { display: block; font-size: 24px; font-weight: normal; }
  #box-weather .content .icon { font-size: 80px; vertical-align: middle; }
  #box-weather .date { margin: 0px 0px 10px; }
  #box-weather.open .title { position: relative; z-index: 10; }
  #box-weather.open .title::after { content: ""; position: absolute; left: 1px; right: 1px; height: 1px; bottom: 0px; background: rgb(25, 65, 125); }
  #box-weather.open .title a:hover { background: none; }
  #box-weather.open .box { display: block; }
}

@media (min-width: 1020px) {
  #box-weather { right: 70px; }
  #box-weather.open .title::after { right: 0px; }
}

.box-weather { margin: 0px 0px 25px; font-size: 0px; overflow: hidden; }

.box-weather > * { font-size: 18px; }

.box-weather > .item { display: inline-block; vertical-align: top; width: 100%; }

.box-weather .inner { box-sizing: border-box; border: 1px solid rgb(191, 226, 239); margin: 0px 0px 20px; }

.box-weather .content { padding: 10px 10px 20px; }

.box-weather .content p { margin: 0px; }

.box-weather .icon { color: rgb(0, 165, 230); }

.box-weather .title { font-weight: normal; }

.box-weather .weather-main { text-align: center; }

.box-weather .weather-main .label { display: inline-block; vertical-align: middle; text-align: center; width: 100px; font-size: 16px; }

.box-weather .weather-main .label .grey { display: block; }

.box-weather .weather-main .label .temperature { font-size: 24px; line-height: 30px; display: block; font-weight: normal; }

.box-weather .weather-main .icon { font-size: 80px; vertical-align: middle; }

.box-weather .weather { display: table; width: 100%; text-align: center; border-top: 1px solid rgb(191, 226, 239); }

.box-weather .weather > * { display: table-cell; vertical-align: middle; width: 12%; border-left: 1px solid rgb(191, 226, 239); padding: 20px 10px; }

.box-weather .weather > :first-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.box-weather .weather .grey { font-size: 14px; }

.box-weather .weather .temperature { display: block; font-weight: normal; margin: 10px 0px; }

.box-weather .weather .icon { font-size: 26px; vertical-align: top; }

.crossroad-grid li > .box-weather { background: rgb(255, 255, 255); border: 1px solid rgb(127, 197, 224); }

.crossroad-grid li > .box-weather .title-wrap { padding-right: 22px; position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; max-width: 100%; }

.crossroad-grid li > .box-weather .title { white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: top; max-width: 100%; text-overflow: ellipsis; }

.crossroad-grid li > .box-weather .title a::before { content: ""; position: absolute; right: 0px; top: 10px; border-width: 8px 8px 0px; border-color: rgb(25, 65, 125) transparent; border-style: solid dashed; }

.crossroad-grid li > .box-weather .content { padding-bottom: 15px; }

.crossroad-grid li > .box-weather ul > * { padding: 10px 5px; }

.crossroad-grid li > .box-weather .btn-wrap { text-align: right; border-top: 1px solid rgb(191, 226, 239); font-size: 16px; padding: 0px 10px; line-height: 38px; }

.crossroad-grid li > .box-weather .temperature { margin: 5px 0px; }

.crossroad-grid li > .box-weather .menu { position: absolute; inset: 48px 0px 0px; background: rgb(255, 255, 255); display: none; border-top: 1px solid rgb(127, 197, 224); }

.crossroad-grid li > .box-weather .menu::before, .crossroad-grid li > .box-weather .menu::after { content: ""; pointer-events: none; height: 4px; background: rgba(0, 165, 230, 0.07); position: absolute; left: 0px; right: 0px; top: 0px; }

.crossroad-grid li > .box-weather .menu::after { top: auto; bottom: 0px; }

.crossroad-grid li > .box-weather .menu ul { height: 100%; overflow: hidden auto; }

.crossroad-grid li > .box-weather .menu li { padding: 0px; border-top: 1px solid rgb(127, 197, 224); }

.crossroad-grid li > .box-weather .menu li:first-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.crossroad-grid li > .box-weather .menu a { color: rgb(0, 0, 0); text-decoration: none; display: block; padding: 10px 15px; }

.crossroad-grid li > .box-weather .menu a:visited { color: rgb(0, 0, 0); text-decoration: none; display: block; padding: 10px 15px; }

.crossroad-grid li > .box-weather .menu a:hover { color: rgb(25, 65, 125); text-decoration: underline; }

.crossroad-grid li > .box-weather .menu a:focus { color: rgb(25, 65, 125); text-decoration: underline; }

.crossroad-grid li > .box-weather.open .menu { display: block; }

.crossroad-grid li > .box-weather.open .title a::before { border-width: 0px 8px 8px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .box-weather { letter-spacing: -1px; }
}

@media (min-width: 600px) {
  .box-weather { border: 1px solid rgb(127, 197, 224); }
  .box-weather .inner { border-width: 0px 0px 0px 1px; margin: 0px 0px 0px -1px; }
}

.box-gamezone-main { padding: 70px 0px 15px 15px; }

.box-gamezone-linky { position: absolute; top: 0px; padding: 5px 0px 0px 6px; }

.dalsi-zpravy { margin: 35px 0px 25px; max-width: 800px; padding-left: 40px; }

.dalsi-zpravy ul { line-height: 60px; margin-right: 40px; }

.dalsi-zpravy li { background: none; padding: 0px; border-top: 1px solid rgb(188, 224, 237); }

.dalsi-zpravy ul a { display: block; padding: 20px 0px 20px 80px; text-decoration: none; color: rgb(0, 0, 0); }

.dalsi-zpravy ul a:hover .title { text-decoration: underline; color: rgb(25, 65, 125); }

.dalsi-zpravy .img { float: left; margin-left: -80px; width: 60px; height: 60px; text-align: center; }

.dalsi-zpravy .title { font-size: 24px; line-height: 30px; display: inline-block; vertical-align: middle; }

@media (max-width: 700px) {
  .dalsi-zpravy { padding-left: 10px; }
  .dalsi-zpravy ul { margin-right: 20px; }
  .dalsi-zpravy .title { font-size: inherit; line-height: 20px; }
}

.list-next-prev { padding-left: 40px; margin-top: 20px; }

ul li .datum { font-size: smaller; }

#branding { position: fixed; left: 50%; transform: translateX(-50%); margin: 0px auto; }

#branding.adFull { width: 2000px; height: 1400px; }

#branding.adFull ~ #mother { position: relative; top: 226px; }

#textFullBan { margin-bottom: 25px; }

.auto-width-image figure img { max-width: 100%; height: auto; }

.form-newsletter { margin: 0px 0px 25px; max-width: 420px; }

.form-newsletter label { font-weight: bold; display: block; margin: 0px 0px 5px; font-size: 20px; }

.form-newsletter .btn-row { padding-right: 160px; }

.form-newsletter .btn-row .btn { width: 160px; }

#form-search { position: fixed; right: 51px; top: 0px; z-index: 100; }

#form-search .title { margin: 0px; }

#form-search .title label { display: block; width: 50px; line-height: 50px; color: rgb(255, 255, 255); border-style: solid; border-color: rgb(94, 122, 164); border-image: initial; border-width: 0px 0px 0px 1px; cursor: pointer; }

#form-search .title label:hover { background: rgb(55, 91, 143); }

#form-search .box { position: fixed; top: 50px; left: 0px; right: 0px; background: rgb(25, 65, 125); border-style: solid; border-color: rgb(94, 122, 164); border-image: initial; border-width: 1px 0px; padding: 9px; margin-top: -1px; display: none; }

#form-search .btn-row { padding-right: 45px; }

#form-search .inp-fix { color: rgb(255, 255, 255); }

#form-search .inp-text { border: 1px solid rgb(94, 122, 164); background: none; box-shadow: none; color: rgb(255, 255, 255); padding-top: 10px; padding-bottom: 8px; height: 40px; position: relative; }

#form-search .inp-text:focus { border-color: rgb(174, 188, 210); z-index: 10; }

#form-search .btn { width: 46px; }

#form-search .btn span { border: 1px solid rgb(94, 122, 164); line-height: 36px; padding-top: 2px; box-shadow: none; transition: border-color 0.2s; }

#form-search .btn:hover span, #form-search .btn:focus span { border-color: rgb(174, 188, 210); background: none; }

#form-search.open .title { position: relative; z-index: 10; }

#form-search.open .title::after { content: ""; position: absolute; left: 1px; right: 0px; height: 1px; bottom: 0px; background: rgb(25, 65, 125); }

#form-search.open .title label:hover { background: none; }

#form-search.open .box { display: block; }

@media (min-width: 700px) {
  #form-search { position: absolute; right: 121px; top: 55px; }
  .fixed-header #form-search { position: fixed; top: 15px; transition: top 0.2s; }
  .fixed-header.fixed-headercategory #form-search { top: 55px; }
  #form-search .title label { width: 48px; line-height: 48px; border-width: 1px; }
  #form-search .box { position: absolute; left: auto; right: -111px; top: 100%; border-width: 1px; width: 300px; }
  #form-search.open .title::after { right: 1px; }
}

@media (min-width: 1020px) {
  #form-search { right: 20px; }
  #form-search .box { right: 0px; }
}

.form-search { margin: 0px 0px 25px; }

.form-search p { margin: 0px; }

@media (min-width: 1000px) {
  .form-search { max-width: 540px; }
}

.form-std { margin: 0px 0px 25px; }

.col-side .form-std { padding-top: 20px; }

.form-std h2 { font-weight: normal; font-size: 18px; margin-bottom: 1.25em; }

.form-std p { margin: 0px 0px 10px; }

.form-std .btn-wrap { margin-top: 30px; }

@media (min-width: 1000px) {
  .form-std { padding-right: 70px; }
}

.clearfix::after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }

.tableWrap { overflow-x: auto; }

.iframeWrap { position: relative; padding-bottom: 56.25%; height: 0px; }

.iframeWrap iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }