@charset "UTF-8";

@import url(https://fast.fonts.com/t/1.css?apiType=css&projectid=7c6792b0-a78d-4f07-8b55-41164d33e129);                           article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }  audio, canvas, video { display: inline-block; }  audio:not([controls]) { display: none; height: 0; }  [hidden] { display: none; }   html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }  body { margin: 0; }   a:focus { outline: thin dotted; }  a:active, a:hover { outline: 0; }   h1, h2, h3, h4, h5 { font-size: 1em; margin: 0; }  abbr[title] { border-bottom: 1px dotted; }  b, strong { font-weight: bold; }  dfn { font-style: italic; }  hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }  mark { background: #ff0; color: #000; }  code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }  pre { white-space: pre-wrap; }  q { quotes: "\201C" "\201D" "\2018" "\2019"; }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }   img { border: 0; }  svg:not(:root) { overflow: hidden; }   figure { margin: 0; }   fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }  legend { border: 0; padding: 0; }  button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }  button, input { line-height: normal; }  button, select { text-transform: none; }  button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }  button[disabled], html input[disabled] { cursor: default; }  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }  textarea { overflow: auto; vertical-align: top; }   table { border-collapse: collapse; border-spacing: 0; }  *, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }  .preload-transition * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }  .s { background-repeat: no-repeat; direction: ltr; overflow: hidden; text-indent: -999em; }  .glued { margin-top: 0 !important; } .stacked { margin-bottom: 0 !important; } .no-scroll { overflow: hidden; }  .island { margin-bottom: 1.5em; position: relative; } .island > *:last-child { margin-bottom: 0; }  .inner-box { padding: 1.5em; } .inner-box > *:last-child { margin-bottom: 0; }  .screenreader { font-size: 0; direction: ltr; height: 0; overflow: hidden; position: absolute; text-indent: -999em; width: 0; }  .target { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-indent: -999em; top: 0; }  .group:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; } @media screen and (min-width: 300px) { .fl { float: left; } .fr { float: right; } }  .nav { list-style: none; margin-left: 0; padding-left: 0; } .nav > li { display: inline-block; *display: inline; *zoom: 1; } .nav > li:before { content: ""; }  .nmw { max-width: none; }  .hidden { display: none !important; }  .video-wrapper { height: 0; overflow: hidden; padding-bottom: 60%; position: relative; width: 100%; } .video-wrapper iframe, .video-wrapper object { height: 100%; left: 0; margin-top: 0; position: absolute; top: 0; width: 100%; }  .overlay { background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/spacer.gif); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 9; } .overlay-hidden { overflow: hidden; text-indent: -999em; }  .split { text-align: right; } .split-title { clear: left; float: left; }  .center { text-align: center; } .right { text-align: right; }  .hide { display: none !important; }  .media, .media-body { overflow: hidden; _overflow: visible; zoom: 1; } .media-body > *:last-child, .media-img > *:last-child { margin-bottom: 0; } .media .media-img { float: left; } .media .media-img-rev { float: right; }  .color-primary { color: #112d80 !important; } .color-euro5 { color: #ffae00 !important; } .color-euro6 { color: #fc5f01 !important; } .color-alpha { color: #606060 !important; } .color-beta { color: #50575f !important; } .color-gamma { color: #848f9e !important; } .color-delta { color: #dddee2 !important; } .color-epsilon { color: #f8f8f8 !important; }  .bg-primary { background-color: #112d80 !important; } .bg-euro5 { background-color: #ffae00 !important; } .bg-euro6 { background-color: #fc5f01 !important; } .bg-alpha { background-color: #606060 !important; } .bg-beta { background-color: #50575f !important; } .bg-gamma { background-color: #848f9e !important; } .bg-delta { background-color: #dddee2 !important; } .bg-epsilon { background-color: #f8f8f8 !important; }  .block-link { display: block; text-decoration: none; } .block-link:focus, .block-link:hover { text-decoration: underline; }  .dl-inline > * { display: inline; } .dl-inline .dl-inline-break:after { clear: left; content: '\A'; white-space: pre; } .dl-inline .icon-font, .dl-inline .box-header h2 .toggle-trigger:after, .box-header h2 .dl-inline .toggle-trigger:after, .dl-inline .box-header h3 .toggle-trigger:after, .box-header h3 .dl-inline .toggle-trigger:after, .dl-inline .message > h2:before { display: inline-block; width: 1.5em; }  [title*="Call: "] img { display: none !important; }  @font-face { font-family: "HelveticaNeueW01 53 Ext"; src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/8fbe1c6a-a910-474d-ac42-8a2bc9249af4.eot?#iefix); src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/8fbe1c6a-a910-474d-ac42-8a2bc9249af4.eot?#iefix) format("eot"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/f3f4b1c8-520e-4141-9f6f-8e21a2857a9c.woff) format("woff"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/774feb13-4351-429a-8c47-2bec5277e372.ttf) format("truetype"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/929a2d07-7af1-4552-aa8a-ea9a9622f0af.svg#929a2d07-7af1-4552-aa8a-ea9a9622f0af) format("svg"); font-weight: normal; }
@font-face { font-family: "HelveticaNeueW01-65Medi"; font-weight: bold; src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix); src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix) format("eot"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff) format("woff"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf) format("truetype"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5) format("svg"); }
@font-face { font-family: "HelveticaNeueW01-65Medi"; font-weight: bold; src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix); src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix) format("eot"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff) format("woff"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf) format("truetype"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5) format("svg"); }
@font-face { font-family: "HelveticaNeueW01-85Heav"; font-weight: bold; src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix); src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/bb37f770-d450-4f24-af2b-3a81bf640315.eot?#iefix) format("eot"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/a0d9d2cb-f057-4e8d-a957-27853630f58e.woff) format("woff"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/54085041-5049-4b91-939c-49980c66abab.ttf) format("truetype"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/7a48747c-74f2-49a8-bb65-1c522d4aa618.svg#7a48747c-74f2-49a8-bb65-1c522d4aa618) format("svg"); }
@font-face { font-family: 'FontAwesome'; src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/fontawesome-webfont.eot?v=3.2.1); src: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1) format("embedded-opentype"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/fontawesome-webfont.woff?v=3.2.1) format("woff"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fonts/fontawesome-webfont.ttf?v=3.2.1) format("truetype"), url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/fontsfontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format("svg"); font-weight: normal; font-style: normal; } .hv53 { font-family: "HelveticaNeueW01 53 Ext", Arial, Sans-Serif; } .hv65 { font-family: "HelveticaNeueW01-65Medi", Arial, Sans-Serif; }  body { background-color: white; color: #606060; font-family: Arial, Sans-Serif; font-size: 12px; line-height: 1.5; position: relative; } body.baseline { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjUpIi8+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%); background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%); -webkit-background-size: 100% 1.5em; -moz-background-size: 100% 1.5em; -o-background-size: 100% 1.5em; background-size: 100% 1.5em; background-position: left top; }  p { margin: 0 0 1.5em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .lead { font-size: 1.125em; line-height: 1.333em; margin-bottom: 1.333em; } code { vertical-align: top; }  a, a:visited { color: #112d80; text-decoration: underline; } a:focus, a:hover, a:active, .hidden-link { text-decoration: none; } a.text-link, a.text-link:visited { text-decoration: none; } a.text-link:focus, a.text-link:hover, a.text-link:active { text-decoration: underline; }  h1, .alpha, h2, .beta, h3, .gamma, h4, .delta { color: #50575f; font-weight: bold; } .baseline h1, .baseline .alpha, .baseline h2, .baseline .beta, .baseline h3, .baseline .gamma, .baseline h4, .baseline .delta, .baseline .subtitle { background: rgba(255, 0, 0, 0.25); } h1, .alpha { font-family: "HelveticaNeueW01 53 Ext", Arial, Sans-Serif; letter-spacing: 0.1em; text-shadow: 0 1px 0 white; text-transform: uppercase; } h1, .alpha, h1 a, .alpha a, h1 a:focus, .alpha a:focus, h1 a:hover, .alpha a:hover, h1 a:active, .alpha a:active, h1 a:visited, .alpha a:visited { color: #50575f; } h2, .beta { font-family: "HelveticaNeueW01-65Medi", Arial, Sans-Serif; text-shadow: 0 1px 0 white; } h2, .beta, h2 a, .beta a, h2 a:focus, .beta a:focus, h2 a:hover, .beta a:hover, h2 a:active, .beta a:active, h2 a:visited, .beta a:visited { color: #50575f; } h3, .gamma, h3 a, .gamma a, h3 a:focus, .gamma a:focus, h3 a:hover, .gamma a:hover, h3 a:active, .gamma a:active, h3 a:visited, .gamma a:visited { color: #50575f; } h4, .delta, h5, .zeta, .epsilon { font-family: Arial, Sans-Serif; text-shadow: none; text-transform: none; } h1 a, h2 a, h3 a, h4 a { text-decoration: none; } .subtitle { color: #848f9e; } h1.inverted, h2.inverted, h3.inverted, h4.inverted, h5.inverted { text-shadow: 0 1px 0 black; }  dl { margin: 0 0 1.5em; } dl dt { font-weight: bold; } dl dd { margin: 0; }  dl.side-by-side dt { clear: left; display: block; float: left; margin-right: 1em; min-width: 10em; }  hr { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/hr.png) no-repeat center center; border: 0; height: 1.5em; margin: 3em 0; } hr.alt { background-image: none; border-top: 1px solid #dddee2; box-shadow: 0 1px 0 white; content: ""; display: block; height: 0; margin: 3em 0; width: 100%; }  h1.toggle-trigger, h2.toggle-trigger, h3.toggle-trigger, h4.toggle-trigger, h5.toggle-trigger { cursor: pointer; padding-right: 30px; position: relative; } h1.toggle-trigger:after, h2.toggle-trigger:after, h3.toggle-trigger:after, h4.toggle-trigger:after, h5.toggle-trigger:after { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/navigation-sprite.png?v=1.2) no-repeat -60px -150px; content: ""; display: block; height: 30px; margin-top: -15px; position: absolute; right: 0; top: 50%; width: 30px; } h1.toggle-trigger.activated:after, h2.toggle-trigger.activated:after, h3.toggle-trigger.activated:after, h4.toggle-trigger.activated:after, h5.toggle-trigger.activated:after { background-position: -90px -150px; } .inverted h1.toggle-trigger.deactivated:after, .inverted h2.toggle-trigger.deactivated:after, .inverted h3.toggle-trigger.deactivated:after, .inverted h4.toggle-trigger.deactivated:after, .inverted h5.toggle-trigger.deactivated:after { background-position: 0px -150px; } .inverted h1.toggle-trigger.activated:after, .inverted h2.toggle-trigger.activated:after, .inverted h3.toggle-trigger.activated:after, .inverted h4.toggle-trigger.activated:after, .inverted h5.toggle-trigger.activated:after { background-position: -30px -150px; } @media screen and (min-width: 200px) { html * html { font-size: 68.75%; } html html { font-size: 11px; line-height: 2.18182em; } body, body.baseline:before { font-size: 11px; } h1, .alpha { font-size: 2.142857em; line-height: 1.3333; margin-bottom: .6667em; } h1 + .subtitle, .alpha + .subtitle { font-size: 1.285714em; line-height: 1.38999em; margin-bottom: 1.1111em; } h1.half-rhythm, .alpha.half-rhythm { margin-bottom: .55556em; } h2, .beta { font-size: 1.285714em; line-height: 1.389999; margin-bottom: 1.111em; } h2 + .subtitle, .beta + .subtitle { font-size: 1em; line-height: 1.42857em; margin-bottom: 1.42857em; } h2.half-rhythm, .beta.half-rhythm { margin-bottom: .55556em; } h3, .gamma { font-size: 1em; line-height: 1.42857; margin-bottom: 1.42857em; } h3 + .subtitle, .gamma + .subtitle { font-size: .92307em; line-height: 1.6667em; margin-bottom: 1.6667em; } h3.half-rhythm, .gamma.half-rhythm { margin-bottom: .7142857em; } h4, .delta { font-size: 1em; line-height: 1.42857; margin-bottom: 1.42857em; } h4.half-rhythm, .delta.half-rhythm { margin-bottom: .7142857em; } .has-subtitle { margin-bottom: 0; } .centi { font-size: .75em; line-height: 2em; margin-bottom: 1em; } .deci { font-size: .875em; line-height: 1.7142857em; margin-bottom: 1.7142857em; } } @media screen and (min-width: 400px) { * html { font-size: 75%; } html { font-size: 12px; line-height: 2em; } body, body.baseline:before { font-size: 12px; } } @media screen and (min-width: 600px) { * html { font-size: 81.25%; } html { font-size: 13px; line-height: 1.84615em; } body, body.baseline:before { font-size: 13px; } } @media screen and (min-width: 800px) { * html { font-size: 87.5%; } html { font-size: 14px; line-height: 1.71429em; } body, body.baseline:before { font-size: 14px; } }  .capped { max-height: 6em; overflow: hidden; position: relative; } .capped:after, .capped .capped-overlay { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); bottom: 0; content: ""; display: block; height: 1.5em; left: 0; position: absolute; right: 0; } .capped .capped-overlay { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/capped-white.png) repeat-x center center; } .section-alt .capped:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNDgsIDI0OCwgMjQ4LCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(248, 248, 248, 0)), color-stop(100%, #f8f8f8)); background-image: -webkit-linear-gradient(top, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background-image: -moz-linear-gradient(top, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); background-image: linear-gradient(top, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); } .section-alt .capped-overlay { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/capped-grey.png); } .section-alt .box-hover.hover .capped:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .section-alt .box-hover.hover .capped-overlay { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/capped-white.png); }
@media screen and (min-width: 800px) { .capped { max-height: 4.5em; } }  * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; max-height: none !important; min-height: 0 !important; } .s { height: auto; text-indent: 0 !important; width: auto; } .i, *:after, *:before { display: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after { content: ""; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .grid-item { clear: left; }   .main-nav, .quick-nav { background: #848f9e url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu.gif) repeat-x center center; margin-bottom: 0; overflow: visible; position: relative; top: 0; width: 100%; z-index: 1; } .main-nav li:before, .quick-nav li:before { color: inherit; content: ""; } .main-nav a, .quick-nav a { background: #848f9e none repeat-x center center; color: white; display: block; font-size: 1em; line-height: 1.5; padding: .25em 1em; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); white-space: nowrap; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .main-nav ul a, .quick-nav ul a { font-weight: normal; padding: .25em 1em; } .main-nav .activated > a, .main-nav a:focus, .main-nav a:hover, .quick-nav .activated > a, .quick-nav a:focus, .quick-nav a:hover { background-color: #656d78; } .main-nav ul { background: #848f9e; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.25); }  .main-nav .has-sub > a, .main-nav a.go-back { position: relative; } .main-nav .has-sub > a:after, .main-nav a.go-back:before { content: "\f054"; font-family: 'FontAwesome'; font-size: 1em; font-weight: normal !important; line-height: 1; margin-top: -.5em; right: .75em; top: 50%; text-indent: 0; vertical-align: middle; position: absolute; } .main-nav a.go-back, .main-nav a.go-back:hover, .main-nav a.go-back:focus { color: white; display: block; text-align: center; } .main-nav a.go-back:before { content: "\f053"; left: 1.5em; right: auto; }
@media screen and (min-width: 600px) { .main-nav > li > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu.gif); } .main-nav > li.current > a, .main-nav > li.activated > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-active.gif); } .main-nav .has-sub > a:after { display: none; } .main-nav ul .has-sub > a:after { display: block; } }  body { overflow-x: hidden; } .navigation { border-bottom-width: 0; box-shadow: none; -webkit-backface-visibility: hidden; } .navigation, .main-nav-slide { background-color: transparent; background-image: none; } .main-nav-slide li { display: block; list-style: none none outside; position: static; width: 100%; } .main-nav-slide a { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.25); } .main-nav-slide ul { border-width: 0; padding-left: 0; overflow: visible; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .main-nav-slide ul.activated { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } .main-nav-slide.not-active > li > a, .main-nav-slide .not-active > li > a { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; } @media screen and (min-width: 600px) { body { overflow-x: auto; } .navigation, .main-nav-dropdown { background-color: #848f9e; } .main-nav-dropdown .more.deactivated, .main-nav-dropdown .more-menu-hidden { display: none; } .main-nav-dropdown .more.deactivated { display: block; } .main-nav-dropdown .more.more-menu-hidden { display: none; } .main-nav-dropdown { border-bottom-color: rgba(255, 255, 255, 0.25); position: relative; } .main-nav > li { border-style: solid; border-width: 0 1px; border-left-color: rgba(255, 255, 255, 0.25); border-right-color: rgba(0, 0, 0, 0.25); float: left; position: relative; width: auto; } .main-nav-dropdown li { position: relative; } .main-nav-dropdown li li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.25); width: 20em; } .main-nav-dropdown li li:last-child { border-bottom-width: 0; } .main-nav-dropdown li + li a { border-top-width: 0; } } @media screen and (min-width: 600px) { .main-nav ul { left: -999em; overflow: visible; padding-left: 0; position: absolute; } .main-nav-pointer .activated { display: block; } .main-nav-pointer > li.activated > ul, .main-nav-pointer li > ul.activated { left: -1px; margin-top: 0; top: auto; } .main-nav-pointer > li.activated > ul.inside, .main-nav-pointer li > ul.activated.inside { left: auto; right: 0; } .main-nav-pointer > li.activated > ul.inside > li.activated > ul.inside, .main-nav-pointer li > ul.activated.inside > li.activated > ul.inside { left: -20em; right: 0; width: 20em; } .main-nav-pointer > li.activated > ul > li.activated > ul.inside, .main-nav-pointer li > ul.activated > li.activated > ul.inside { left: -20em; right: 0; width: 20em; }  .main-nav-pointer li li.activated > ul { left: 20em; margin-top: -1px; top: 0; } .main-nav-pointer li li.activated > ul a { background-color: #6f7985; } .main-nav-pointer li li.activated > ul a:focus, .main-nav-pointer li li.activated > ul a:hover { background-color: #5c656e; } } @media screen and (min-width: 600px) { .main-nav-touch .activated { display: block; } .main-nav-touch > .activated + ul, .main-nav-touch li > .activated + ul { left: -1px; margin-top: 0; top: auto; } .main-nav-touch > .activated + ul.inside, .main-nav-touch li > .activated + .inside { left: auto; right: 0; }  .main-nav-touch li li .activated + ul { left: 20em; margin-top: -1px; top: 0; } .main-nav-touch li li .activated + ul a { background-color: #6f7985; } .main-nav-touch li li .activated + ul a:focus, .main-nav-touch li li .activated + ul a:hover { background-color: #5c656e; } }  .main-nav-paccar.main-nav, .quick-nav-paccar.quick-nav { background-color: #4b85ae; background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-parts.gif); } .main-nav-paccar.main-nav a, .quick-nav-paccar.quick-nav a { background-color: #61abe0; } .main-nav-paccar.main-nav .activated > a, .main-nav-paccar.main-nav a:focus, .main-nav-paccar.main-nav a:hover, .quick-nav-paccar.quick-nav .activated > a, .quick-nav-paccar.quick-nav a:focus, .quick-nav-paccar.quick-nav a:hover { background-color: #4980a8; } .main-nav.main-nav-paccar ul { background: #61abe0; }
@media screen and (min-width: 600px) { .main-nav-paccar.main-nav > li > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-parts.gif); } .main-nav-paccar.main-nav > li.current > a, .main-nav-paccar.main-nav > li.activated > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-active-paccar-parts.gif); } .main-nav-paccar.main-nav-dropdown { background-color: #848f9e; } .main-nav-paccar.main-nav-pointer li li.activated > ul a, .main-nav-paccar.main-nav-touch li li .activated + ul a { background-color: #5698c7; } .main-nav-paccar.main-nav-pointer li li.activated > ul a:focus, .main-nav-paccar.main-nav-pointer li li.activated > ul a:hover, .main-nav-paccar.main-nav-touch li li .activated + ul a:focus, .main-nav-paccar.main-nav-touch li li .activated + ul a:hover { background-color: #4980a8; } }  .main-nav-paccar-financial.main-nav, .quick-nav-paccar-financial.quick-nav { background-color: #005f92; background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-financial.gif); } .main-nav-paccar-financial.main-nav a, .quick-nav-paccar-financial.quick-nav a { background-color: #0081c6; } .main-nav-paccar-financial.main-nav .activated > a, .main-nav-paccar-financial.main-nav a:focus, .main-nav-paccar-financial.main-nav a:hover, .quick-nav-paccar-financial.quick-nav .activated > a, .quick-nav-paccar-financial.quick-nav a:focus, .quick-nav-paccar-financial.quick-nav a:hover { background-color: #006194; } .main-nav.main-nav-paccar-financial ul { background-color: #0081c6; }
@media screen and (min-width: 600px) { .main-nav-paccar-financial.main-nav > li > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-financial.gif); } .main-nav-paccar-financial.main-nav > li.current > a, .main-nav-paccar-financial.main-nav > li.activated > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-active-paccar-financial.gif); } .main-nav-paccar-financial.main-nav-dropdown { background-color: #005f92; } .main-nav-paccar-financial.main-nav-pointer li li.activated > ul a, .main-nav-paccar-financial.main-nav-touch li li .activated + ul a { background-color: #0071ad; } .main-nav-paccar-financial.main-nav-pointer li li.activated > ul a:focus, .main-nav-paccar-financial.main-nav-pointer li li.activated > ul a:hover, .main-nav-paccar-financial.main-nav-touch li li .activated + ul a:focus, .main-nav-paccar-financial.main-nav-touch li li .activated + ul a:hover { background-color: #006093; } }  .main-nav-trp.main-nav, .quick-nav-trp.quick-nav { background-color: #00529b; background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-trp.gif); } .main-nav-trp.main-nav a, .quick-nav-trp.quick-nav a { background-color: #00529b; } .main-nav-trp.main-nav .activated > a, .main-nav-trp.main-nav a:focus, .main-nav-trp.main-nav a:hover, .quick-nav-trp.quick-nav .activated > a, .quick-nav-trp.quick-nav a:focus, .quick-nav-trp.quick-nav a:hover { background-color: #004585; } .main-nav.main-nav-trp ul { background: #00529b; }
@media screen and (min-width: 600px) { .main-nav-trp.main-nav > li > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-trp.gif); } .main-nav-trp.main-nav > li.current > a, .main-nav-trp.main-nav > li.activated > a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-active-trp.gif); } .main-nav-trp.main-nav-dropdown { background-color: #00529b; } .main-nav-trp.main-nav-pointer li li.activated > ul a, .main-nav-trp.main-nav-touch li li .activated + ul a { background-color: #004585; } .main-nav-trp.main-nav-pointer li li.activated > ul a:focus, .main-nav-trp.main-nav-pointer li li.activated > ul a:hover, .main-nav-trp.main-nav-touch li li .activated + ul a:focus, .main-nav-trp.main-nav-touch li li .activated + ul a:hover { background-color: #003b6f; } }  .footer-navigation { background: #50575f; color: white; } .footer-navigation a { text-decoration: none; } .footer-navigation a:focus, .footer-navigation a:hover { text-decoration: underline; }  .quick-nav { background: #3a414a url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu.gif) repeat-x center center; clear: both; display: block; font-weight: bold; margin: 0 -.75em; width: auto; } .quick-nav li { border-style: solid; border-width: 0 1px; border-left-color: #a3abb6; border-right-color: #636b76; float: left; position: relative; width: auto; } .quick-nav li a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu.gif); } .quick-nav .quick-nav-search { float: right; }
@media screen and (min-width: 600px) { .quick-nav { display: none; } } .quick-nav-paccar { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-parts.gif); } .quick-nav-paccar li a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-parts.gif); } .quick-nav-paccar-financial { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-financial.gif); } .quick-nav-paccar-financial li a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-paccar-financial.gif); } .quick-nav-trp { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-trp.gif); } .quick-nav-trp li a { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/menu-trp.gif); }  .brands { clear: both; margin-bottom: 1.5em; } .brands li, .brands li a { display: block; } .brands img { margin-bottom: 1.5em; } @media screen and (min-width: 800px) { .brands { clear: none; float: right; margin-bottom: 1.5em; margin-top: 1.5em; position: relative; } .brands:before { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/footer-left.png) repeat-x bottom left; bottom: -21px; display: block; content: ""; height: 21px; left: -100px; margin-left: -999em; position: absolute; width: 999em; } .brands:after { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/footer.png) no-repeat bottom left; bottom: -21px; content: ""; display: block; height: 65px; left: -100px; position: absolute; right: -999em; width: 999em; } .brands li { display: inline-block; list-style: none; margin-left: 1em; padding-left: 0; position: relative; z-index: 1; } .brands li img { margin-bottom: 0; } }  .dropdown-wrapper { min-height: 2.5em; position: relative; z-index: 50; } .dropdown-wrapper .dropdown { position: relative; z-index: 50; } .dropdown, .select-label { border: 1px solid #dddee2; box-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.1); border-radius: 3px; display: block; font-size: .9375em; height: 2.25em; margin-bottom: 1.6em; overflow: hidden; position: relative; text-overflow: ellipsis; text-shadow: 0 1px 0 white; width: 100%; z-index: 10; } .no-js .dropdown:after, .select-label:after { color: #848f9e; content: '\f078'; display: block; font-family: 'FontAwesome'; position: absolute; right: .25em; text-align: center; width: 30px; z-index: 10; } .no-js .dropdown:hover { height: auto; max-height: 15em; overflow: auto; position: absolute; top: auto; } .no-js .dropdown:hover li a { position: relative; } .dropdown li { position: static; } .dropdown li:last-child { border-bottom-width: 0; } .dropdown:hover li + li, .dropdown.activated li + li { border-top: 1px solid #d1d1d1; } .dropdown li:last-child a { border-radius: 0 0 2px 2px; } .dropdown li a { background: white; color: #606060; display: block; height: auto; line-height: 2; overflow: hidden; padding: 0 1em; position: absolute; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .dropdown li a:focus, .dropdown li a:hover { background-color: #f8f8f8; color: #112e83; } .dropdown li:first-child a, .dropdown li a:focus { top: 0; z-index: 10; } .no-js .dropdown li:first-child a { border-radius: 2px 2px 0 0; } .no-js .dropdown li a:focus, .no-js .dropdown li a:hover { background: #e6e9eb; }  .js .select { position: relative; } .js .select .dropdown { min-width: 100%; overflow: auto; position: absolute; } .js .dropdown { border-top-width: 0; border-radius: 0 0 2px 2px; position: absolute; z-index: 12; } .js .select .dropdown.deactivated { display: none; overflow: hidden; } .js .select .dropdown.activated { display: block; margin-top: -1px; overflow: auto; } .js .dropdown.inside { right: 0; } .js .dropdown.deactivated { border-top-width: 0; max-height: 0em; } .js .dropdown.activated { border-top-width: 1px; max-height: 15em; overflow: auto; overflow-x: hidden; }  .select-label { color: #b0b0b0; margin-bottom: 0; } .select-label { background: white; color: #606060; display: block; height: auto; line-height: 2.4; overflow: hidden; padding: 0 1em; position: absolute; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .select-label:after { margin-top: -1.25em; top: 50%; } .select-label, .select-label:focus, .select-label:hover, .select-label:active, .select-label:visited { color: #606060; padding-right: 40px; position: relative; width: 100%; } .select-label.activated { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dropdown li a.activated { top: 0; z-index: 10; } .dropdown.activated { height: auto; max-height: 15em; } .dropdown.activated li a { position: relative; }  .select-alt { margin-bottom: 1.5em; }  .tabs { border-bottom: 1px solid #b5bcc5; } .tabs:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .tabs > li { float: left; } .tabs > li a { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNiIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjZjVmNWY2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkZmUwZTQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmUwZTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f6), color-stop(49%, #f5f5f6), color-stop(50%, #dfe0e4), color-stop(100%, #dfe0e4)); background: -webkit-linear-gradient(top, #f5f5f6 0%, #f5f5f6 49%, #dfe0e4 50%, #dfe0e4); background: -moz-linear-gradient(top, #f5f5f6 0%, #f5f5f6 49%, #dfe0e4 50%, #dfe0e4); background: -o-linear-gradient(top, #f5f5f6 0%, #f5f5f6 49%, #dfe0e4 50%, #dfe0e4); background: linear-gradient(top, #f5f5f6 0%, #f5f5f6 49%, #dfe0e4 50%, #dfe0e4); border-color: #dddee2 #aab0ba #b5bcc5; border-style: solid; border-width: 1px; box-shadow: 1px 0 0 white inset; color: #848f9e; display: block; font-size: 1em; font-weight: bold; line-height: 2.142857; margin-bottom: -1px; padding: 0 1em; position: relative; text-decoration: none; text-shadow: 0 1px 0 white; } .tabs > li a:focus, .tabs > li a:hover, .tabs > li a:active { color: #606060; outline-width: 0; } .tabs > li a.activated, .tabs > li a.activated:focus, .tabs > li a.activated:hover, .tabs > li a.activated:active { background: white; border-bottom-color: white; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05); color: #112d80; cursor: pointer; top: 0; z-index: 1; }  .feature-nav { font-weight: bold; margin-bottom: 1.5em; } .feature-nav .highlight-box { box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.1) inset; } .feature-nav img { margin-bottom: 0; width: 100%; } .feature-nav .link-list a { color: #606060; text-decoration: none; } .feature-nav .link-list a:focus, .feature-nav .link-list a:hover { background-color: #f8f8f8; } .feature-nav .link-list .current a { background-color: #848f9e; color: white; } .feature-nav .border-list { border-top-width: 0; }
@media screen and (min-width: 800px) { .feature-nav { overflow: hidden; position: relative; } .feature-nav img { float: left; width: 66.66%; } .feature-nav .highlight-box { float: left; width: 33.33%; } } .edit-mode .feature-nav img { width: 63%; } .edit-mode .feature-nav .highlight-box { width: 33%; }  .paging { background: #f0f0f0 url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/hr.png) no-repeat scroll center top; box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.05); border: 1px solid #eaeaea; display: block; margin: 1.5em 0; min-height: 3.285714em; padding: 1em 0; position: relative; text-align: center; } .paging.deci { min-height: 3.75em; } .paging li { margin-right: .25em; } .paging li + li { margin-left: .25em; } .paging .prev { left: 1.5em; position: absolute; } .paging .next { margin-right: 0; position: absolute; right: 1.5em; } .paging a, .paging span { border-radius: .25em; display: block; color: #50575f; text-decoration: none; padding-left: .25em; padding-right: .25em; } .paging a:focus, .paging a:hover { background: white; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .paging a:focus, .paging a:hover { text-decoration: none; } .paging span, .paging .activated, .paging .activated:focus, .paging .activated:hover { background: #112e83; border-radius: .25em; display: block; color: white; } .paging .next a, .paging .prev a { color: #112e83; font-weight: bold; padding-left: .5em; padding-right: 1.5em; } .paging .prev a { padding-left: 1.5em; padding-right: .5em; } .paging .next a:after, .paging .prev a:before { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/navigation-sprite.png?v=1.2) no-repeat -40px -130px; content: ""; display: block; height: 10px; margin-top: -5px; position: absolute; right: .5em; top: 50%; width: 10px; } .paging .prev a:before { background-position: -130px -130px; left: .5em; right: auto; } @media screen and (max-width: 400px) { .paging li { display: none; } .paging .next, .paging .prev { display: block; position: static; } .paging .next { float: right; } .paging .prev { float: left; } .paging .prev a:before, .paging .next a:after { display: block; } } @media screen and (min-width: 400px) and (max-width: 600px) { .paging .dots { display: none; } .paging li { margin-right: .1em; } .paging li + li { margin-left: .1em; } }  .paging-alt { background-color: transparent; border-width: 0; box-shadow: none; } .paging-alt .prev { left: 0; } .paging-alt .next { right: 0; }  .breadcrumbs { font-size: .75em; line-height: 4em; margin-bottom: 0; position: relative; } .breadcrumbs:after { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/hr-light.png) no-repeat center center; bottom: -10px; content: ""; display: block; height: 10px; left: 0; position: absolute; z-index: 10; width: 100%; } .breadcrumbs li { display: inline; } .breadcrumbs a { text-decoration: none; } .breadcrumbs a:focus, .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .home { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/navigation-sprite.png?v=1.2) no-repeat -38px -187px; display: inline-block; height: 14px; overflow: hidden; position: relative; text-indent: -999em; width: 14px; } .breadcrumbs .home:focus, .breadcrumbs .home:hover { background-position: -68px -187px; } .breadcrumbs li + li:before { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/navigation-sprite.png?v=1.2) no-repeat -13px -190px; display: inline-block; content: ""; height: 9px; margin: .3em 1em 0; width: 6px; }
@media (max-width: 600px) { .breadcrumbs li + li a { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; width: 10px; white-space: nowrap; } .breadcrumbs li + li a:before { content: "..."; font-weight: bold; } .breadcrumbs li + li:last-child { display: inline; } }  .paging-bullets { margin-bottom: 0; text-align: center; width: 100%; } .paging-bullets > li { display: inline; } .paging-bullets > li > button { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/navigation-sprite.png?v=1.2) no-repeat -29px; border: none; height: 30px; overflow: hidden; text-indent: -9999em; width: 30px; } .paging-bullets > li.active > button { background-position: -30px -29px; }  .paging-bullets-small > li > button { background-position: -65px -34px; height: 20px; width: 20px; } .paging-bullets-small > li.active > button { background-position: -95px -34px; }  .subnavigation { background-color: white; } .subnavigation .has-sub > a:after { content: ""; font-family: 'FontAwesome'; font-size: .714285714em; font-weight: normal !important; line-height: 1; margin-top: -.5em; position: absolute; right: 1em; top: 50%; vertical-align: middle; } .subnavigation .active > a { box-shadow: 0 0.21429em 0.28571em rgba(0, 0, 0, 0.1); font-weight: bold; position: relative; z-index: 1; } .subnavigation a { color: #606060; display: block; padding: .5em 1.5em .5em .75em; position: relative; text-decoration: none; } .subnavigation a:focus, .subnavigation a:hover { background-color: #f8f8f8; } .subnavigation a.current { color: white; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OGY5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUwNTc1ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #848f9e), color-stop(100%, #50575f)); background-image: -webkit-linear-gradient(top, #848f9e 0%, #50575f 100%); background-image: -moz-linear-gradient(top, #848f9e 0%, #50575f 100%); background-image: -o-linear-gradient(top, #848f9e 0%, #50575f 100%); background-image: linear-gradient(top, #848f9e 0%, #50575f 100%); } .subnavigation a.current-paccar { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiODRhZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61abe0), color-stop(100%, #4b84ad)); background-image: -webkit-linear-gradient(top, #61abe0 0%, #4b84ad 100%); background-image: -moz-linear-gradient(top, #61abe0 0%, #4b84ad 100%); background-image: -o-linear-gradient(top, #61abe0 0%, #4b84ad 100%); background-image: linear-gradient(top, #61abe0 0%, #4b84ad 100%); } .subnavigation a.current-paccar-financial { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNGQ5YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #004d9a)); background-image: -webkit-linear-gradient(top, #0066cc 0%, #004d9a 100%); background-image: -moz-linear-gradient(top, #0066cc 0%, #004d9a 100%); background-image: -o-linear-gradient(top, #0066cc 0%, #004d9a 100%); background-image: linear-gradient(top, #0066cc 0%, #004d9a 100%); } .subnavigation a.current-trp { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTI5YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzg2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00529b), color-stop(100%, #003869)); background-image: -webkit-linear-gradient(top, #00529b 0%, #003869 100%); background-image: -moz-linear-gradient(top, #00529b 0%, #003869 100%); background-image: -o-linear-gradient(top, #00529b 0%, #003869 100%); background-image: linear-gradient(top, #00529b 0%, #003869 100%); }  .subnavigation ol { background-color: #f8f8f8; border-bottom-width: 0; font-size: 0.85714em; line-height: 2em; margin-bottom: 0; } .subnavigation ol > li:last-child { border-bottom-width: 0; } .subnavigation ol a { padding-left: 1.5em; } .subnavigation ol a:focus, .subnavigation ol a:hover { background-color: #dddee2; } .subnavigation ol .has-sub > a:after { font-size: .8333em; }  .subnavigation ol ol { background-color: #dddee2; box-shadow: 0 -0.21429em 0.28571em rgba(0, 0, 0, 0.1) inset; font-size: 1em; } .subnavigation ol ol a { padding-left: 2.25em; }  .subnavigation-alt a { color: #606060; display: block; padding: .75em 1.5em .75em .75em; position: relative; text-decoration: none; } .subnavigation-alt .current { background: white; border-left: 1px solid #dde3e2; box-shadow: 0 0.21429em 0.28571em rgba(0, 0, 0, 0.1); color: #112d80; font-weight: bold; }  .box-hover { border-style: solid; border-width: 0.0625em; padding: 1.4375em; -webkit-transition: box-shadow 200ms ease-out; -moz-transition: box-shadow 200ms ease-out; -o-transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; border: 1px solid transparent; box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0), 0 -0.05em 0.25em rgba(0, 0, 0, 0); position: relative; } .box-hover:hover { -webkit-transition: box-shadow 200ms ease-in; -moz-transition: box-shadow 200ms ease-in; -o-transition: box-shadow 200ms ease-in; transition: box-shadow 200ms ease-in; background: white; z-index: 1; box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.1), 0 -0.05em 0.25em rgba(0, 0, 0, 0.1); }  .box { background: white; box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.1); } .box-border { border: 1px solid #dddee2; } .box-alt { background: #f8f8f8; } .box-group .box-alt { border-bottom: 1px solid #dddee2; } .box-group .box-alt + .box-alt { border-top: 1px solid white; } .box-group .box-alt:last-child { border-bottom-width: 0; } .box-header { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OGY5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUwNTc1ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #848f9e), color-stop(100%, #50575f)); background-image: -webkit-linear-gradient(top, #848f9e 0%, #50575f 100%); background-image: -moz-linear-gradient(top, #848f9e 0%, #50575f 100%); background-image: -o-linear-gradient(top, #848f9e 0%, #50575f 100%); background-image: linear-gradient(top, #848f9e 0%, #50575f 100%); color: white; padding: 0.75em; } .box-header .icon-font, .box-header h2 .toggle-trigger:after, .box-header h3 .toggle-trigger:after, .box-header .message > h2:before { color: white; margin-right: .25em; position: relative; top: -.25em; } .box-header .icon-font:before, .box-header .message > h2:before { color: white; } .box-header h2, .box-header h3 { color: white; margin-bottom: 0; } .box-header h2 a, .box-header h3 a { color: white; display: block; } .box-header h2 .toggle-trigger, .box-header h3 .toggle-trigger { outline: 0; position: relative; } .box-header h2 .toggle-trigger:after, .box-header h3 .toggle-trigger:after { color: white !important; content: "\f078"; font-size: 1em !important; position: absolute; right: .5em; top: .1em; } .box-header h2 .toggle-trigger.activated:after, .box-header h3 .toggle-trigger.activated:after { content: "\f077"; } .box-header-paccar { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiODRhZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61abe0), color-stop(100%, #4b84ad)); background-image: -webkit-linear-gradient(top, #61abe0 0%, #4b84ad 100%); background-image: -moz-linear-gradient(top, #61abe0 0%, #4b84ad 100%); background-image: -o-linear-gradient(top, #61abe0 0%, #4b84ad 100%); background-image: linear-gradient(top, #61abe0 0%, #4b84ad 100%); } .box-header-paccar-financial { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNGQ5YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #004d9a)); background-image: -webkit-linear-gradient(top, #0066cc 0%, #004d9a 100%); background-image: -moz-linear-gradient(top, #0066cc 0%, #004d9a 100%); background-image: -o-linear-gradient(top, #0066cc 0%, #004d9a 100%); background-image: linear-gradient(top, #0066cc 0%, #004d9a 100%); } .box-header-trp { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTI5YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzg2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00529b), color-stop(100%, #003869)); background-image: -webkit-linear-gradient(top, #00529b 0%, #003869 100%); background-image: -moz-linear-gradient(top, #00529b 0%, #003869 100%); background-image: -o-linear-gradient(top, #00529b 0%, #003869 100%); background-image: linear-gradient(top, #00529b 0%, #003869 100%); } .csstransforms .box-header .toggle-trigger:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50% 50%; -moz-transform-origin: 50% 50% 50%; -ms-transform-origin: 50% 50% 50%; -o-transform-origin: 50% 50% 50%; transform-origin: 50% 50% 50%; -moz-transition: -moz-transform 500ms ease-out; -webkit-transition: -webkit-transform 500ms ease-out; transition: -moz-transform 500ms ease-out; } .csstransforms .box-header .toggle-trigger.activated:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); content: "\f078"; -moz-transition: -moz-transform 500ms ease-out; -webkit-transition: -webkit-transform 500ms ease-out; transition: -moz-transform 500ms ease-out; } .box-inner > *:last-child { margin-bottom: 0; } .box-inner { padding: 1.5em; position: relative; } .box-inner-extra-wide { padding: 2.50005em; } .box-inner-wide { padding: 0; } .box-inner-small { padding: 0.75em 20px; }  fieldset { clear: both; display: block; border: 1px solid transparent; margin: 0; padding: 0; } fieldset > :last-child { margin-bottom: 0; } label, .label, legend, .label-error { color: #50575f; font-weight: bold; display: block; font-size: 1em; line-height: 1.5; margin-bottom: 1em; } legend { margin-bottom: 0; padding-bottom: 1em; } label .required { color: #848f9e; } .form-item { margin-bottom: 1.5em; } fieldset.form-item { max-width: none; } .form-item input, .form-item textarea, .form-item select { width: 100%; } .form-item .button { width: auto; } .form-item-l { max-width: 14.625em; } .form-item-m { max-width: 12.750em; } .form-item-s { max-width: 7.938em; } .form-item-xs { max-width: 6.125em; }  .form-item ul { margin-bottom: 0; padding-left: 0; } .form-item li:before { content: ""; } .form-item .row li, .form-item .row-box li { display: inline-block; margin-right: 1.563em; } .form-item .row label, .form-item .row-box label { display: inline-block; } @-moz-keyframes checkbox { 0% { background-position: 0px 0; } 20% { background-position: -15px 0; } 40% { background-position: -30px 0; } 60% { background-position: -45px 0; } 80% { background-position: -60px 0; } 100% { background-position: -75px 0; } }
@-webkit-keyframes checkbox { 0% { background-position: 0px 0; } 20% { background-position: -15px 0; } 40% { background-position: -30px 0; } 60% { background-position: -45px 0; } 80% { background-position: -60px 0; } 100% { background-position: -75px 0; } }
@keyframes checkbox { 0% { background-position: 0px 0; } 20% { background-position: -15px 0; } 40% { background-position: -30px 0; } 60% { background-position: -45px 0; } 80% { background-position: -60px 0; } 100% { background-position: -75px 0; } } .form-item .choice { color: #606060; font-weight: normal; padding-left: 2em; position: relative; } .form-item .choice input, .form-item .choice label input { left: 0; position: absolute; top: .4em; } .form-item .choice input { opacity: 0; } .form-item .choice input + .input-fake { background-color: white; border: 1px solid #dddee2; border-radius: 2px; display: inline-block; left: 0; position: absolute; height: 1.125em; left: 0; position: absolute; top: .2em; vertical-align: middle; width: 1.125em; } .form-item .choice input + .input-fake:before { content: ""; display: block; position: absolute; } .form-item .choice input[type="checkbox"] + .input-fake:before { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/checkbox.png) no-repeat 0 0; height: 12px; left: 50%; margin-top: -6px; margin-left: -7px; top: 50%; width: 15px; } .form-item .choice input + .input-fake-center { margin-top: -.556em; top: 50%; } .form-item .choice input[type="checkbox"]:checked + .input-fake:before { background-position: -75px 0; -moz-animation: checkbox 250ms steps(1) 1 forwards; -webkit-animation: checkbox 250ms steps(1) 1 forwards; animation: checkbox 250ms steps(1) 1 forwards; } .form-item .choice input[type="radio"] + .input-fake { border-radius: 50%; } .form-item .choice input[type="radio"] + .input-fake:before { background: #87c050; border-radius: 50%; height: 10px; left: 50%; margin-left: -5px; margin-top: -5px; opacity: 0; top: 50%; width: 10px; z-index: 10; -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; } .form-item .choice input[type="radio"]:checked + .input-fake:before { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; } .choice label { color: #606060; margin-bottom: 0; }  .select label { font-weight: normal; } .select select { bottom: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 10; }  textarea { resize: none; }  .form-item-row { clear: both; margin-left: -20px; margin-right: -20px; overflow: hidden; } .form-item-row > .form-item { float: left; padding-left: 20px; padding-right: 20px; } .form-item-row.form-item-row-pull { margin-bottom: -1.5em; }  .optional-form-item.deactivated { display: none; } .form-item-row-pull + .optional-form-item.activated { margin-top: 1.5em; }  .form-item-1of1 { width: 100%; } .form-item-1of2 { width: 50%; } .form-item-1of3 { width: 33.33%; } .form-item-2of3 { width: 66.66%; } .form-item-1of4 { width: 25%; } .form-item-2of4 { width: 50%; } .form-item-3of4 { width: 75%; } .form-item-1of5 { width: 20%; } .form-item-2of5 { width: 40%; } .form-item-3of5 { width: 60%; } .form-item-4of5 { width: 80%; } .form-item[class*='1of2'], .form-item[class*='1of3'], .form-item[class*='2of3'], .form-item[class*='1of4'], .form-item[class*='2of4'], .form-item[class*='3of4'], .form-item[class*='1of5'], .form-item[class*='2of5'], .form-item[class*='3of5'], .form-item[class*='4of5'] { max-width: none; } @media screen and (min-width: 400px) and (max-width: 600px) { .form-item-xs-break { clear: left; } .form-item-xs-break-both { clear: both; } }
@media screen and (min-width: 200px) { .form-item-xxs-1of1 { width: 100%; } .form-item-xxs-1of2 { width: 50%; } .form-item-xxs-1of3 { width: 33.33%; } .form-item-xxs-2of3 { width: 66.66%; } .form-item-xxs-1of4 { width: 25%; } .form-item-xxs-2of4 { width: 50%; } .form-item-xxs-3of4 { width: 75%; } .form-item-xxs-1of5 { width: 20%; } .form-item-xxs-2of5 { width: 40%; } .form-item-xxs-3of5 { width: 60%; } .form-item-xxs-4of5 { width: 80%; } }
@media screen and (min-width: 400px) { .form-item-xs-1of1 { width: 100%; } .form-item-xs-1of2 { width: 50%; } .form-item-xs-1of3 { width: 33.33%; } .form-item-xs-2of3 { width: 66.66%; } .form-item-xs-1of4 { width: 25%; } .form-item-xs-2of4 { width: 50%; } .form-item-xs-3of4 { width: 75%; } .form-item-xs-1of5 { width: 20%; } .form-item-xs-2of5 { width: 40%; } .form-item-xs-3of5 { width: 60%; } .form-item-xs-4of5 { width: 80%; } } @media screen and (min-width: 600px) and (max-width: 800px) { .form-item-s-break { clear: left; } .form-item-s-break-both { clear: both; } }
@media screen and (min-width: 600px) { .form-item-s-1of1 { width: 100%; } .form-item-s-1of2 { width: 50%; } .form-item-s-1of3 { width: 33.33%; } .form-item-s-2of3 { width: 66.66%; } .form-item-s-1of4 { width: 25%; } .form-item-s-2of4 { width: 50%; } .form-item-s-3of4 { width: 75%; } .form-item-s-1of5 { width: 20%; } .form-item-s-2of5 { width: 40%; } .form-item-s-3of5 { width: 60%; } .form-item-s-4of5 { width: 80%; } } @media screen and (min-width: 800px) and (max-width: 1000px) { .form-item-m-break { clear: left; } .form-item-m-break-both { clear: both; } }
@media screen and (min-width: 800px) { .form-item-m-1of1 { width: 100%; } .form-item-m-1of2 { width: 50%; } .form-item-m-1of3 { width: 33.33%; } .form-item-m-2of3 { width: 66.66%; } .form-item-m-1of4 { width: 25%; } .form-item-m-2of4 { width: 50%; } .form-item-m-3of4 { width: 75%; } .form-item-m-1of5 { width: 20%; } .form-item-m-2of5 { width: 40%; } .form-item-m-3of5 { width: 60%; } .form-item-m-4of5 { width: 80%; } } @media screen and (min-width: 1000px) { .form-item-l-break { clear: left; } .form-item-l-break-both { clear: both; } .form-item-l-1of1 { width: 100%; } .form-item-l-1of2 { width: 50%; } .form-item-l-1of3 { width: 33.33%; } .form-item-l-2of3 { width: 66.66%; } .form-item-l-1of4 { width: 25%; } .form-item-l-2of4 { width: 50%; } .form-item-l-3of4 { width: 75%; } .form-item-l-1of5 { width: 20%; } .form-item-l-2of5 { width: 40%; } .form-item-l-3of5 { width: 60%; } .form-item-l-4of5 { width: 80%; } }  input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="search"], input[type="url"], select, textarea { background: white none repeat-x 0 -1px; border: 1px solid #dddee2; border-radius: 3px; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0), inset 0 2px 2px rgba(0, 0, 0, 0.1); color: #606060; margin-bottom: 2px; padding: .5em .75em; position: relative; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus { box-shadow: 0 0 0.25em rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0); border-color: #8c8c8c; color: black; outline: 0; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; } input[type="checkbox"], input[type="radio"] { width: auto; }  .form-item-error input[type="text"], .form-item-error input[type="email"], .form-item-error input[type="number"], .form-item-error input[type="tel"], .form-item-error input[type="password"], .form-item-error input[type="date"], .form-item-error input[type="datetime"], .form-item-error input[type="datetime-local"], .form-item-error input[type="search"], .form-item-error input[type="url"] { background-color: #f7e5e5; border-color: #ae0003; color: #ae0003 !important; text-shadow: 0 1px 0 white; } .form-item-error label, .form-item-error label .required { color: #ae0003 !important; } label.error, .label-error { color: #ae0003 !important; display: block; font-size: 0.75em; line-height: 2em; } label.required { color: #112d80 !important; margin-left: .3em; } .form-item-valid input[type="text"], .form-item-valid input[type="email"], .form-item-valid input[type="number"], .form-item-valid input[type="tel"], .form-item-valid input[type="password"], .form-item-valid input[type="date"], .form-item-valid input[type="datetime"], .form-item-valid input[type="datetime-local"], .form-item-valid input[type="search"], .form-item-valid input[type="url"] { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/check.png); background-position: 100% 50%; background-repeat: no-repeat; background-color: #f3ffe4; border-color: #8ac543; color: #8ac543 !important; padding-right: 3em; text-shadow: 0 1px 0 white; }  .form-item-horizontal { padding-left: 9.285714em; } .form-item-horizontal.form-item-l { max-width: 23.91071em; } .form-item-horizontal.form-item-m { max-width: 22.03571em; } .form-item-horizontal.form-item-s { max-width: 17.22371em; } .form-item-horizontal.form-item-xs { max-width: 15.41071em; } .form-item-horizontal > label, .form-item-horizontal > legend { float: left; margin-left: -9.285714em; max-width: 8em; position: relative; top: .35em; } .form-item-horizontal > label { margin-bottom: 0; } .form-item-horizontal > legend { margin-bottom: 0; top: 0; } .form-item-horizontal > label.error { float: none; margin-bottom: 1em; margin-left: 0; max-width: none; top: 0; } .form-item-horizontal .choice { margin-left: 0; max-width: none; }  img { height: auto; margin-bottom: 1.5em; max-width: 100%; vertical-align: top; }
@media screen and (min-width: 300px) { img.fl { margin-bottom: .75em; margin-right: 1.5em; max-width: 50%; } img.fr { margin-bottom: .75em; margin-left: 1.5em; max-width: 50%; } }  ol { counter-reset: li; list-style: none none outside; margin: 0 0 1.5em; overflow: hidden; padding-left: 1.25em; } ol.ie-last-child { margin-bottom: 0; } ol > li { position: relative; } ol > li:before { color: #848f9e; content: counter(li) "."; counter-increment: li; left: -1.25em; position: absolute; }  ul { list-style: none none outside; margin: 0 0 1.5em; overflow: hidden; padding-left: 1.25em; } ul.ie-last-child { margin-bottom: 0; } ul > li { position: relative; } ul > li:before { color: #848f9e; content: "\2022"; font-size: 1.1em; left: -1em; margin-top: -1px; position: absolute; }  .reset-list { list-style: none none outside; overflow: visible; padding-left: 0; } .reset-list > li:before { color: inherit; content: ""; font-size: 1em; left: auto; margin-top: auto; position: static; }  .arrow-list > li { overflow: hidden; padding-left: 16px; position: relative; } .arrow-list > li:before { content: "\f105"; display: block; font-family: 'FontAwesome'; font-size: .75em; font-weight: bold; left: 0; position: absolute; top: 0; width: 8px; } .inverted .arrow-list > li:before { color: white; }  .dash-list > li { float: left; list-style: none; padding-left: 0; white-space: nowrap; } .dash-list > li + li:before { content: "\002D"; margin: 0 .5em; }  .link-list > li > a { display: block; padding: .75em 1em; } .link-list.centi > li > a { padding-bottom: .5em; padding-top: .5em; } .link-list > li > a:focus, .link-list > li > a:hover { background-color: #f8f8f8; }  .block-list { position: relative; } .block-list > li, .block-list > li > * { display: block !important; }  .stacked-list > li { display: block; list-style: none none outside; }  .border-list { border-top: 1px solid #dde3e2; position: relative; } .border-list > li { border-bottom: 1px solid #dde3e2; } .border-list-alt, .border-list-alt > li { border-color: #cbced4; }  .matrix-list li .entry { margin-bottom: 0; } .matrix-list { margin-left: -20px; overflow: visible; position: relative; } .matrix-list > li { display: inline-block; padding-left: 20px; vertical-align: top; width: 100%; } .matrix-list > li > * { margin-top: 1.5em; } @media screen and (min-width: 400px) { .matrix-list { margin-top: -1.5em; position: relative; } .matrix-list-xs-1 > li { width: 100%; } .matrix-list-xs-2 > li { width: 50%; } .matrix-list-xs-3 > li { width: 33.33%; } .matrix-list-xs-4 > li { width: 25%; } .matrix-list-xs-5 > li { width: 20%; } } @media screen and (min-width: 600px) { .matrix-list-s-1 > li { width: 100%; } .matrix-list-s-2 > li { width: 50%; } .matrix-list-s-3 > li { width: 33.33%; } .matrix-list-s-4 > li { width: 25%; } .matrix-list-s-5 > li { width: 20%; } } @media screen and (min-width: 800px) { .matrix-list-m-1 > li { width: 100%; } .matrix-list-m-2 > li { width: 50%; } .matrix-list-m-3 > li { width: 33.33%; } .matrix-list-m-4 > li { width: 25%; } .matrix-list-m-5 > li { width: 20%; } } @media screen and (min-width: 1000px) { .matrix-list-l-1 > li { width: 100%; } .matrix-list-l-2 > li { width: 50%; } .matrix-list-l-3 > li { width: 33.33%; } .matrix-list-l-4 > li { width: 25%; } .matrix-list-l-5 > li { width: 20%; } } @media screen and (min-width: 1200px) { .matrix-list-xl-1 > li { width: 100%; } .matrix-list-xl-2 > li { width: 50%; } .matrix-list-xl-3 > li { width: 33.33%; } .matrix-list-xl-4 > li { width: 25%; } .matrix-list-xl-5 > li { width: 20%; } }  .csstransforms3d .matrix-list-animate { perspective: 400; } .matrix-list-animate > li { -moz-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .csstransforms3d .matrix-list-animate > li { opacity: 0; -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 0ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 0ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 0ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(2) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 300ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 300ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 300ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(3) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 450ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 450ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 450ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(4) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 600ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 600ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 600ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(5) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 750ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 750ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 750ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(6) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 900ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 900ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 900ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(7) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1050ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1050ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1050ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(8) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1200ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1200ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1200ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(9) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1350ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1350ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1350ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(10) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1500ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1500ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1500ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(11) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1650ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1650ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1650ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(12) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1800ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1800ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1800ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(13) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1950ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1950ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 1950ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(14) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2100ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2100ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2100ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(15) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2250ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2250ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2250ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(16) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2400ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2400ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2400ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(17) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2550ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2550ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2550ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(18) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2700ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2700ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2700ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(19) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2850ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2850ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 2850ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(20) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3000ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3000ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3000ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(21) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3150ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3150ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3150ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(22) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3300ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3300ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3300ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(23) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3450ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3450ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3450ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(24) { -moz-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3600ms 1 forwards; -webkit-animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3600ms 1 forwards; animation: matrixListItemAlt 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3600ms 1 forwards; } .csstransforms3d .matrix-list-animate > li:nth-child(25) { -moz-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3750ms 1 forwards; -webkit-animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3750ms 1 forwards; animation: matrixListItem 150ms cubic-bezier(0.17, 0.67, 0.55, 1) 3750ms 1 forwards; }  .matrix-list-media-scroller > li { width: 220px; } .matrix-list-media-scroller > li > .media-box { margin-bottom: 0; }  .legal li { color: #848f9e; } .legal a { color: #848f9e; } .legal a:focus, .legal a:hover { color: #848f9e; }  table { color: #50575f; font-size: .85714em; margin-bottom: 1.5em; width: 100%; } table, th, td { text-align: left; border-bottom: 1px solid #c3c4c4; border-collapse: collapse; padding: .188em .688em; } tbody td { padding: .8333em; } th { font-weight: normal; } thead th { border-bottom-width: 2px; font-size: 1.16667em; font-weight: bold; padding: .7142857em; } tbody .even { background-color: #f8f8f8; } tbody tr:hover { background-color: #e1e3e6; }  #_atssh { left: 0; top: 0; }   .search { background: #848f9e; display: none; left: 0; margin-top: 1px; padding: 1.5em .75em; position: absolute; right: 0; top: 100%; } .search.activated { display: block; } .search input { height: 2.4em; line-height: 2.4em; padding: 0 40px 0 .5em; vertical-align: middle; width: 100%; } :root .search input { line-height: normal; } .search button { height: 30px; padding: 0; position: absolute; margin-top: -1.5em; right: 1.25em; top: 50%; width: 30px; z-index: 1; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .search .icon-font-search:before { color: #848f9e; font-size: 1.25em; }
@media screen and (min-width: 600px) { .search { background-color: transparent; display: block; margin-top: 0; padding: 0; position: absolute; left: 25%; right: auto; top: 1.5em; width: 50%; } .search button { margin-top: -1.15em; right: .5em; } } .environment-logo { display: none; margin-top: .35em; position: absolute; right: 1.5em; }
@media screen and (min-width: 600px) { .environment-logo { display: block; } }  .entry { background: white; margin-bottom: 1.5em; position: relative; } .entry-box { padding: 1.5em; border: 1px solid #dddee2; box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.1); } .entry-alt { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGVlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #dddee2)); background-image: -webkit-linear-gradient(top, #f8f8f8, #dddee2); background-image: -moz-linear-gradient(top, #f8f8f8, #dddee2); background-image: -o-linear-gradient(top, #f8f8f8, #dddee2); background-image: linear-gradient(top, #f8f8f8, #dddee2); background-repeat: no-repeat; background-position: center top; } .entry-alt.entry-box { border-color: #dddee2; } .entry-box > *:last-child { margin-bottom: 0; }  .share { margin-top: -1.5em; position: relative; } .share li { display: inline-block; margin-right: .5em; margin-top: 1.5em; vertical-align: top; }  .types-items { margin-bottom: 0; } .types-items > li { display: inline-block; margin-right: -4px; vertical-align: top; } .types-items > li img { display: block; } .types-item { padding: 1.5em; text-align: center; } .types-item-points { display: inline-block; margin-bottom: 0; } .types-item-points li { text-align: left; }
@media screen and (min-width: 600px) { .types-items { margin-left: -20px; position: relative; } .types-items > li { padding-left: 20px; width: 33.33%; } .types-items > li + li:before { background: white url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/truck-separator.png) no-repeat center center; content: ""; height: 257px; left: 10px; margin-top: -229px; position: absolute; top: 50%; width: 1px; -webkit-transition: background-color 500ms ease-out; -moz-transition: background-color 500ms ease-out; -o-transition: background-color 500ms ease-out; transition: background-color 500ms ease-out; } .types-item:hover { background: #f5f5f6; -webkit-transition: background-color 500ms ease-in; -moz-transition: background-color 500ms ease-in; -o-transition: background-color 500ms ease-in; transition: background-color 500ms ease-in; } }  .carousel { overflow: hidden; position: relative; } .carousel-inner { overflow: hidden; position: relative; visibility: hidden; } .carousel-items { display: block; overflow: hidden; margin-bottom: 0; position: relative; } .carousel-items > li { display: inline-block; overflow: hidden; position: relative; vertical-align: top; } .carousel-items img { margin-bottom: 0; width: 100%; }  .carousel-inline .carousel-inner { background-color: white; } .carousel-inline .carousel-item-description { padding: .75em; } .carousel-inline .carousel-index { background: #f8f8f8 url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/hr.png) no-repeat top center; background-size: 100% .5em; padding: .75em 0; }  .carousel-nav { display: block; margin-bottom: 0; } .carousel-nav-item-prev, .carousel-nav-item-next { display: inline-block; position: absolute; top: 30%; z-index: 10; } .carousel-nav-item-prev { left: 0; } .carousel-nav-item-next { right: 0; } .carousel-index-btn { height: 36px; width: 36px; border: none; background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/navigation-sprite.png?v=1.2); text-indent: -9999px; } .carousel-nav-btn-prev, .carousel-nav-btn-next { box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.1); background-color: white; border: none; color: #848f9e; font-size: 1.25em; padding: .5em .75em; text-align: center; } .carousel-nav-btn-prev.disabled, .carousel-nav-btn-next.disabled { display: none; }  .carousel-index { display: block; text-align: center; } .carousel-index li { display: inline-block; margin-right: -4px; } .carousel-index .carousel-index-btn { background-color: transparent; background-position: 3px -27px; } .carousel-index .active .carousel-index-btn { background-position: -27px -27px; }  .carousel-header { margin-bottom: 3em; } .js .carousel-header .carousel-items > li + li { display: none; } .js .carousel-header.carousel-initialized .carousel-items > li + li { display: inline-block; }
@media screen and (max-width: 399px) { .carousel-header { margin-left: -.75em; margin-right: -.75em; padding: 0;  } .carousel-header .carousel-inner { border: 1px solid #dddee2; } .carousel-header a { text-decoration: none; } .carousel-header figcaption { display: block; padding: .5em .75em; } .carousel-header figcaption .title, .carousel-header figcaption .subtitle { display: block; text-decoration: none; } .carousel-header figcaption .title { color: #112d80; font-weight: bold; } .carousel-header figcaption .subtitle { color: #606060; } .carousel-header .carousel-nav { display: none; } .carousel-header .carousel-header-index { margin-bottom: 0; } } @media screen and (min-width: 400px) { .carousel-header { border: 1px solid #dddee2; overflow: hidden;  } .carousel-header a { text-decoration: none; } .carousel-header figure { overflow: hidden; position: relative; } .carousel-header img { margin-bottom: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 3000ms ease-in; -webkit-transition-delay: 200ms; -moz-transition: -moz-transform 3000ms ease-in 200ms; -o-transition: -o-transform 3000ms ease-in 200ms; transition: transform 3000ms ease-in 200ms; } .carousel-header .top-left img { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; } .carousel-header .top-right img { -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; } .carousel-header .bottom-left img { -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; } .carousel-header .bottom-right img { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } .carousel-header figcaption { background: rgba(0, 0, 0, 0.6); color: white; font-size: 1.5em; line-height: 1.25; overflow: hidden; padding: 20px; position: absolute; -webkit-transition: all 500ms ease-in; -webkit-transition-delay: 200ms; -moz-transition: all 500ms ease-in 200ms; -o-transition: all 500ms ease-in 200ms; transition: all 500ms ease-in 200ms; } .carousel-header figcaption .title, .carousel-header figcaption .subtitle { font-family: "HelveticaNeueW01 53 Ext", Arial, Sans-Serif; display: block; position: relative; text-transform: uppercase; -webkit-transition: all 800ms ease-in; -webkit-transition-delay: 500ms; -moz-transition: all 800ms ease-in 500ms; -o-transition: all 800ms ease-in 500ms; transition: all 800ms ease-in 500ms; } .carousel-header figcaption .subtitle { color: white; text-transform: none; -webkit-transition: all 800ms ease-in; -webkit-transition-delay: 800ms; -moz-transition: all 800ms ease-in 800ms; -o-transition: all 800ms ease-in 800ms; transition: all 800ms ease-in 800ms; } .carousel-header .top-left figcaption, .carousel-header .bottom-left figcaption { left: 0em; right: auto; } .carousel-header .top-right figcaption, .carousel-header .bottom-right figcaption { left: auto; right: 0em; } .carousel-header .top-left figcaption, .carousel-header .top-right figcaption { top: 2.0833em; } .carousel-header .bottom-left figcaption, .carousel-header .bottom-right figcaption { bottom: 2.0833em; } .carousel-header .carousel-items { border-bottom: 1px solid #dddee2; } } @media screen and (min-width: 400px) { .js .carousel-header {  } .js .carousel-header figcaption { background: rgba(0, 0, 0, 0); } .js .carousel-header figcaption .title, .js .carousel-header figcaption .subtitle { opacity: 0; -webkit-transform: translateY(1em); -moz-transform: translateY(1em); -ms-transform: translateY(1em); -o-transform: translateY(1em); transform: translateY(1em); } .js .carousel-header .top-left figcaption, .js .carousel-header .bottom-left figcaption { right: auto; } .js .carousel-header .top-right figcaption, .js .carousel-header .bottom-right figcaption { right: -4em; } .js .carousel-header .active figcaption { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 500ms ease-out; -webkit-transition-delay: 200ms; -moz-transition: all 500ms ease-out 200ms; -o-transition: all 500ms ease-out 200ms; transition: all 500ms ease-out 200ms; } .js .carousel-header .active figcaption .title, .js .carousel-header .active figcaption .subtitle { opacity: 1; -webkit-transform: translateY(0em); -moz-transform: translateY(0em); -ms-transform: translateY(0em); -o-transform: translateY(0em); transform: translateY(0em); -webkit-transition: all 800ms ease-out; -webkit-transition-delay: 500ms; -moz-transition: all 800ms ease-out 500ms; -o-transition: all 800ms ease-out 500ms; transition: all 800ms ease-out 500ms; } .js .carousel-header .active figcaption .subtitle { -webkit-transition: all 800ms ease-out; -webkit-transition-delay: 800ms; -moz-transition: all 800ms ease-out 800ms; -o-transition: all 800ms ease-out 800ms; transition: all 800ms ease-out 800ms; } .js .carousel-header .active .top-left figcaption, .js .carousel-header .active .bottom-left figcaption { left: 0; } .js .carousel-header .active .top-right figcaption, .js .carousel-header .active .bottom-right figcaption { right: 0; } .cssanimations .carousel-header .active img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 3000ms ease-out; -webkit-transition-delay: 200ms; -moz-transition: -moz-transform 3000ms ease-out 200ms; -o-transition: -o-transform 3000ms ease-out 200ms; transition: transform 3000ms ease-out 200ms; } } @media screen and (min-width: 400px) { .carousel-header .carousel-nav-item-next, .carousel-header .carousel-nav-item-prev { width: 75px; } .carousel-header .carousel-nav-item-next button, .carousel-header .carousel-nav-item-prev button { -webkit-transition: box-shadow 200ms ease-out; -moz-transition: box-shadow 200ms ease-out; -o-transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; } .carousel-header .carousel-nav-item-next { border-left: 1px solid #dddee2; } .carousel-header .carousel-nav-item-next button { box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.35); } .carousel-header .carousel-nav-item-prev { border-right: 1px solid #dddee2; } .carousel-header .carousel-nav-item-prev button { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.35); } .carousel-header .carousel-nav-item-next, .carousel-header .carousel-nav-item-prev { bottom: 0; right: 1px; top: auto; z-index: 10; } .carousel-header .carousel-nav-item-next button, .carousel-header .carousel-nav-item-prev button { background-color: white; height: 74px; width: 74px; } .carousel-header .carousel-nav-item-prev { left: 1px; right: auto; } .carousel-header .carousel-nav-btn-prev.disabled, .carousel-header .carousel-nav-btn-next.disabled { color: #dddee2; display: block; } } @media screen and (max-width: 399px) { .carousel-header-index { display: block; text-align: center; } .carousel-header-index li { display: inline-block; margin-right: -4px; } .carousel-header-index .carousel-index-btn { background-color: transparent; background-position: 3px -27px; } .carousel-header-index .active .carousel-index-btn { background-position: -27px -27px; } } @media screen and (min-width: 400px) { .carousel-header-index-container { margin-top: -10px; overflow: hidden; position: relative; } .carousel-header-index-container.has-controls { margin-left: 75px; margin-right: 75px; } .carousel-header-index-container-inner { overflow: hidden; padding-top: 10px; } .carousel-header-index { left: 0; margin-bottom: 0; position: relative; -webkit-transition: left 300ms; -moz-transition: left 300ms; -o-transition: left 300ms; transition: left 300ms;  } .carousel-header-index li { float: left; width: 25%; } .carousel-header-index li + li { border-left: 1px solid #dddee2; } .carousel-header-index:after { content: ""; clear: both; display: block; height: 0; visibility: hidden; } .carousel-header-index .carousel-index-btn { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OGY5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUwNTc1ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #848f9e), color-stop(100%, #50575f)); background-image: -webkit-linear-gradient(top, #848f9e, #50575f); background-image: -moz-linear-gradient(top, #848f9e, #50575f); background-image: -o-linear-gradient(top, #848f9e, #50575f); background-image: linear-gradient(top, #848f9e, #50575f); font-size: 1.125em; line-height: 1.33333em; color: white; display: block; font-weight: bold; height: 74px; overflow: visible; padding: .5em 1em; position: relative; text-align: left; text-indent: 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); width: 100%; } .carousel-header-index .carousel-index-btn .title { display: block; height: 2.5em; line-height: 1.25; overflow: hidden; } .carousel-header-index .carousel-index-btn .subtitle { color: white; display: block; font-size: .7778em; font-weight: normal; } .carousel-header-index .active .carousel-index-btn { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGVlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddee2)); background-image: -webkit-linear-gradient(top, #ffffff, #dddee2); background-image: -moz-linear-gradient(top, #ffffff, #dddee2); background-image: -o-linear-gradient(top, #ffffff, #dddee2); background-image: linear-gradient(top, #ffffff, #dddee2); color: #112d80; text-shadow: none; } .carousel-header-index .active .carousel-index-btn:before, .carousel-header-index .active .carousel-index-btn:after { content: " "; border-width: 10px; border-color: transparent transparent #dddee2; border-style: solid; display: block; left: 50%; margin-left: -5px; position: absolute; top: -20px; } .carousel-header-index .active .carousel-index-btn:after { border-bottom-color: white; top: -19px; } .carousel-header-index .active .carousel-index-btn .subtitle { color: #606060; } }  .item-carousel .carousel-inner { background: none; } .item-carousel .carousel-items img { margin-left: auto; margin-right: auto; width: auto; } .item-carousel .carousel-items img { margin-bottom: .75em; } .item-carousel .carousel-nav-item-prev, .item-carousel .carousel-nav-item-next { top: 27%; } .item-carousel .carousel-nav-btn-prev, .item-carousel .carousel-nav-btn-next { background-color: transparent; }  a.more, a.back, .anchor-list a { color: #112d80; display: inline-block; padding-left: 1em; position: relative; text-decoration: none; } a.more:before, a.back:before, .anchor-list a:before { content: "\f105"; font-family: 'FontAwesome'; font-size: .75em; font-weight: bold; line-height: 1; margin-left: -1.25em; margin-top: -.5em; position: absolute; top: 50%; } a.back:before { content: "\f104"; } a.back:hover, a.back:focus, a.more:hover, a.more:focus, .anchor-list a:hover, .anchor-list a:focus, .anchor-list .current { color: #112D80; text-decoration: underline; }  .arrow-link { color: #61abe0; position: relative; text-decoration: none; } .arrow-link:before { background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/navigation-sprite.png?v=1.2); background-position: -42px -131px; content: ''; display: inline-block; height: 8px; margin-right: .75em; position: relative; top: -1px; vertical-align: middle; width: 6px; } .arrow-link:focus, .arrow-link:hover { text-decoration: underline; }  .icon-link { text-decoration: none; } .icon-link .icon-custom { margin-right: 1em; position: relative; top: -2px; } .icon-link:focus, .icon-link:hover { text-decoration: underline; }  .highlight-box { padding: 1em; } .highlight-box *:last-child { margin-bottom: 0; } .highlight-box { background-color: #f8f8f8; }  .video-player { height: 0; margin-bottom: 1.5em; overflow: hidden; padding-bottom: 60%; position: relative; width: 100%; } .video-player a:before { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/video.png) no-repeat center center; content: ""; display: block; height: 105px; left: 50%; margin-left: -49px; margin-top: -53px; position: absolute; top: 50%; width: 97px; z-index: 10; } .video-player img { margin-bottom: 0; } .video-player img, .video-player object, .video-player iframe { height: 100%; left: 0; margin-top: 0; position: absolute; top: 0; width: 100%; }  .page-overlay { background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; overflow: auto; position: absolute; top: 0; width: 100%; z-index: 1000; -moz-animation: fade-in 500ms ease-out 1; -webkit-animation: fade-in 500ms ease-out 1; animation: fade-in 500ms ease-out 1; } .page-overlay-white { background: rgba(255, 255, 255, 0.9); } .page-overlay.fade-out { -moz-animation: fade-out 500ms ease-out 1 forwards; -webkit-animation: fade-out 500ms ease-out 1 forwards; animation: fade-out 500ms ease-out 1 forwards; } .page-overlay-inner { text-align: center; } .page-overlay-inner > * { margin-bottom: 1.5em; margin-top: 1.5em; text-align: left; } .page-overlay-inner.loading:after { background: white url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/loading.gif) no-repeat center center; content: ""; display: block; height: 11px; left: 50%; margin-left: -8px; margin-top: -5px; padding: .75em; position: absolute; top: 50%; width: 16px; } .page-overlay-inner.loading > * { display: none; }
@media screen and (min-width: 600px) { .page-overlay { bottom: auto; height: 100%; position: fixed; } .page-overlay .page-overlay-outer { display: table; height: 100%; width: 100%; } .page-overlay .page-overlay-outer .page-overlay-inner { display: table-cell; overflow: auto; text-align: center; vertical-align: middle; } .page-overlay .page-overlay-outer .page-overlay-inner > * { margin-left: auto; margin-right: auto; } } @media screen and (min-width: 600px) { .pop-up-msg { max-width: 600px; } }  .close { background-color: transparent; background-image: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/icons.png?v=1.2); background-position: 0 -16px; background-repeat: no-repeat; border-width: 0; direction: ltr; display: block; height: 16px; overflow: hidden; text-indent: -999em; width: 16px; *color: transparent; *display: inline; *text-indent: 0; *zoom: 1; } .dialog { display: inline-block; position: relative; } .dialog > * { margin-left: auto; margin-right: auto; position: relative; } .dialog > .close { right: 20px; position: absolute; top: 1em; } .media-item-content { width: 400px; }  .entry-meta { color: #848f9e; font-weight: bold; } .entry-meta dt, .entry-meta dd { display: inline; } .entry-meta dt *, .entry-meta dd * { display: inline; } .entry-meta dt ~ dt:before { content: ", "; } .entry-meta dt ~ dt.screenreader + dd:before { content: ", "; }   .hentry h3 { margin-bottom: 0; } .hentry .entry-meta { font-size: .75em; font-weight: normal; line-height: 1em; margin-bottom: 2em; margin-top: 1em; } .hentry .media-img { margin-right: 20px; }
@media screen and (max-width: 399px) { .hentry .media-img { float: none; margin-bottom: 1.5em; } }
@media screen and (min-width: 400px) { .hentry .media-img { max-width: 25%; } }  .js .clickable-region { cursor: pointer; }  .site-selector { background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/site-selector-bg.png), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGVlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/site-selector-bg.png), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #dddee2)); background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/site-selector-bg.png), -webkit-linear-gradient(top, #f8f8f8, #dddee2); background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/site-selector-bg.png), -moz-linear-gradient(top, #f8f8f8, #dddee2); background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/site-selector-bg.png), -o-linear-gradient(top, #f8f8f8, #dddee2); background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/site-selector-bg.png), linear-gradient(top, #f8f8f8, #dddee2); background-repeat: no-repeat; background-position: center top; }  .media-filter { margin-bottom: 1.5em; max-width: 20em; }  .media-box { margin-bottom: 1.5em; } .media-box .media-thumb { margin-bottom: 0; overflow: hidden; position: relative; } .media-box .media-thumb img { margin-bottom: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -moz-transition: -moz-transform 350ms ease-in; -webkit-transition: -webkit-transform 350ms ease-in; transition: transform 350ms ease-in; } .media-box .media-thumb:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -moz-transition: -moz-transform 350ms ease-out; -webkit-transition: -webkit-transform 350ms ease-out; transition: transform 350ms ease-out; } .media-box .media-thumb:before { background: transparent url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/icons.png?v=1.2) no-repeat -44px -32px; content: ""; display: block; height: 21px; left: 10px; position: absolute; top: 10px; width: 20px; z-index: 10; } .media-box .media-box-title { padding: 0.75em 20px; } .media-box .media-lightbox { display: none; }  .media-lightbox { width: 100%; } .media-lightbox .media-preview { margin-bottom: 0; } .media-lightbox .media-lightbox-img { text-align: center; }
@media screen and (min-width: 600px) { .media-lightbox-description { float: left; padding-right: 20px; width: 50%; } .media-lightbox-downloads { float: right; width: 50%; } }
@media screen and (min-width: 400px) { .dialog .media-lightbox { width: 300px; } }
@media screen and (max-width: 599px) { .dialog .media-lightbox { width: 320px; } }
@media screen and (min-width: 600px) { .dialog .media-lightbox { width: 500px; } }  .scroller { overflow: hidden; } .js .scroller-wrapper { overflow: hidden; position: relative; } .scroller-items { transform-style: preserve-3d; left: 0; -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -moz-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }   .scroller-controls { bottom: 1.5em; left: 0; margin-bottom: 0; position: absolute; right: 0; width: 100%; } .scroller-controls .scroller-controls-item-prev, .scroller-controls .scroller-controls-item-next { left: 1.5em; position: absolute; } .scroller-controls .scroller-controls-item-next { left: auto; right: 1.5em; } .scroller-controls button { background-color: transparent; border-width: 0; color: #848f9e; } .scroller-controls button:focus, .scroller-controls button:hover { color: #606060; } .scroller-controls button.disabled { color: #dddee2; cursor: default; }  .media-scroller { background: #f8f8f8; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; position: relative; } .media-scroller .scroller-items { padding-left: 24px; padding-right: 24px; } .media-scroller .scroller-wrapper { padding: 1.5em 0 0; } .media-scroller .scroller-controls { opacity: 0; position: static; top: 0; -webkit-transition: opacity 200ms ease-in, 1s; -moz-transition: opacity 200ms ease-in, 1s; -o-transition: opacity 200ms ease-in, 1s; transition: opacity 200ms ease-in, 1s; } .media-scroller .scroller-controls li { bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 4.5em; z-index: 10; } .media-scroller .scroller-controls .scroller-controls-item-next { left: auto; right: 0; } .media-scroller .scroller-controls .scroller-controls-btn-next, .media-scroller .scroller-controls .scroller-controls-btn-prev { background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); bottom: 0; font-size: 2em; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .media-scroller .scroller-controls .scroller-controls-btn-next { left: auto; right: 0; } .media-scroller:hover .scroller-controls { opacity: 1; -webkit-transition: opacity 200ms ease-out, 1s; -moz-transition: opacity 200ms ease-out, 1s; -o-transition: opacity 200ms ease-out, 1s; transition: opacity 200ms ease-out, 1s; }  .latest-news { background-color: #f8f8f8; margin-bottom: 1.5em; overflow: hidden; } .latest-news img { margin-bottom: 0; max-width: none; width: 100%; } .latest-news .box { margin-bottom: .75em; } .latest-news-list .date { color: #848f9e; display: block; width: 7.5em; } .latest-news-list a { display: block; text-decoration: none; } .latest-news-list .title { color: #606060; display: block; text-decoration: none; } .latest-news-list a:hover > .title { color: #112d80; text-decoration: none; }
@media screen and (min-width: 400px) { .latest-news-list li a { padding-left: 7.5em; } .latest-news-list .date { float: left; margin-left: -7.5em; padding-left: .75em; } }
@media screen and (min-width: 600px) { .latest-news img { float: left; width: 50%; } .latest-news .highlight-box { box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.1) inset; float: right; width: 50%; } .latest-news-list .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } } .edit-mode .latest-news .highlight-box { width: 46%; }  .tooltip { background: #112d80; color: white; margin-left: -1.5em; max-width: 20em; padding: 1em; position: absolute; z-index: 1000; } .tooltip, .tooltip * { color: white !important; } .tooltip:after { border: 1em solid transparent; border-top-color: #112d80; bottom: -1.5em; content: ""; margin-left: -.5em; left: 1em; position: absolute; } .js .tooltip { margin-top: -.25em; opacity: 0; -webkit-transition: opacity 200ms ease-out, margin-top 200ms ease-out; -moz-transition: opacity 200ms ease-out, margin-top 200ms ease-out; -o-transition: opacity 200ms ease-out, margin-top 200ms ease-out; transition: opacity 200ms ease-out, margin-top 200ms ease-out; } .js .tooltip.tooltip-visible { margin-top: -.5em; opacity: 1; -webkit-transition: opacity 200ms ease-in, margin-top 200ms ease-in; -moz-transition: opacity 200ms ease-in, margin-top 200ms ease-in; -o-transition: opacity 200ms ease-in, margin-top 200ms ease-in; transition: opacity 200ms ease-in, margin-top 200ms ease-in; } .tooltip > :last-child { margin-bottom: 0; }  .loading-indicator { background: url(//www.kopy-truck.cz/wp-content/themes/daftheme/static/assets/img/loader.gif); display: inline-block; height: 24px; margin-left: .5em; overflow: hidden; text-indent: -999em; vertical-align: middle; width: 24px; }  .message { margin-bottom: 1.5em; padding-left: 3em; } .message > h2 { position: relative; } .message > h2:before { float: left; margin-left: -1.5em; position: relative; top: .15em; } .message-confirm > h2 { color: #8ac543; } .message-confirm > h2:before { color: #8ac543; content: "\f058"; } .message-warning > h2 { color: #fc5f01; } .message-warning > h2:before { color: #fc5f01; content: "\f06a"; } .message-error > h2 { color: #d50017; } .message-error > h2:before { color: #d50017; content: "\f057"; }  .accordion-header.activated:after, .accordion-header.activated > *, .accordion-header.deactivated > * { color: white; margin-bottom: 0; } .accordion-header.activated, .accordion-header.deactivated { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGVlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg0OGY5ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddee2), color-stop(100%, #848f9e)); background-image: -webkit-linear-gradient(top, #dddee2 0%, #848f9e 100%); background-image: -moz-linear-gradient(top, #dddee2 0%, #848f9e 100%); background-image: -o-linear-gradient(top, #dddee2 0%, #848f9e 100%); background-image: linear-gradient(top, #dddee2 0%, #848f9e 100%); border: 1px solid #ccd2d8; cursor: pointer; margin-bottom: 0.75em; padding: .75em 3em .75em 1em; position: relative; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } .accordion-header.activated:after, .accordion-header.deactivated:after { content: ""; font-family: 'FontAwesome'; font-weight: normal !important; line-height: 1; margin-top: -.5em; position: absolute; right: 1em; text-indent: 0; top: 50%; vertical-align: middle; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } .accordion-header.activated:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .accordion-header.deactivated { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGVlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #dddee2)); background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #dddee2 100%); background-image: -moz-linear-gradient(top, #f8f8f8 0%, #dddee2 100%); background-image: -o-linear-gradient(top, #f8f8f8 0%, #dddee2 100%); background-image: linear-gradient(top, #f8f8f8 0%, #dddee2 100%); border-color: #e4e5e8; color: #606060; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .accordion-header.deactivated > * { color: #606060; } .accordion-header.deactivated:after { color: #848f9e; } .accordion-content.activated, .accordion-content.deactivated { overflow: hidden; -webkit-transition: overflow 1500ms ease-out, 1s; -moz-transition: overflow 1500ms ease-out, 1s; -o-transition: overflow 1500ms ease-out, 1s; transition: overflow 1500ms ease-out, 1s; } .accordion-content.activated { max-height: 500em; } .accordion-content.deactivated { max-height: 0; }