@charset "UTF-8";
/*** import shared layout and custom variables ***/
/* here we can override shared variables (default values) */
table { background-color: transparent; }

caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }

th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; }

.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; }

.table > tbody + tbody { border-top: 2px solid #ddd; }

.table .table { background-color: #fff; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; }

.table-bordered { border: 1px solid #ddd; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

table col[class*="col-"] { position: static; float: none; display: table-column; }

table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }

.table-responsive { overflow-x: auto; min-height: 0.01%; }

@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
  .table-responsive > .table { margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }

fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder { color: #999; opacity: 1; }

.form-control:-ms-input-placeholder { color: #999; }

.form-control::-webkit-input-placeholder { color: #999; }

.form-control::-ms-expand { border: 0; background-color: transparent; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } }

.form-group { margin-bottom: 15px; }

.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }

.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }

.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; }

.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm { height: 30px; line-height: 30px; }

textarea.input-sm, select[multiple].input-sm { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.form-group-sm select.form-control { height: 30px; line-height: 30px; }

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }

.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

select.input-lg { height: 46px; line-height: 46px; }

textarea.input-lg, select[multiple].input-lg { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

.form-group-lg select.form-control { height: 46px; line-height: 46px; }

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }

.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }

.has-feedback { position: relative; }

.has-feedback .form-control { padding-right: 42.5px; }

.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; }

.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }

.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; }

.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }

.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }

.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }

.has-error .form-control-feedback { color: #a94442; }

.has-feedback label ~ .form-control-feedback { top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }

.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }

.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }

.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }

.form-horizontal .form-group:after { clear: both; }

@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } }

@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.btn, input[type="submit"] { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn:focus, input:focus[type="submit"], .btn.focus, input.focus[type="submit"], .btn:active:focus, input:active:focus[type="submit"], .btn:active.focus, input:active.focus[type="submit"], .btn.active:focus, input.active:focus[type="submit"], .btn.active.focus, input.active.focus[type="submit"] { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover, input:hover[type="submit"], .btn:focus, input:focus[type="submit"], .btn.focus, input.focus[type="submit"] { color: #333; text-decoration: none; }

.btn:active, input:active[type="submit"], .btn.active, input.active[type="submit"] { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled, input.disabled[type="submit"], .btn[disabled], input[disabled][type="submit"], fieldset[disabled] .btn, fieldset[disabled] input[type="submit"] { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }

.btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e5e5; border-color: #8c8c8c; }

.btn-default:hover { color: #333; background-color: #e6e5e5; border-color: #adadad; }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e5e5; border-color: #adadad; }

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; }

.btn-default .badge { color: #fff; background-color: #333; }

.btn-primary, input[type="submit"] { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

.btn-primary:focus, input:focus[type="submit"], .btn-primary.focus, input.focus[type="submit"] { color: #fff; background-color: #286090; border-color: #122b40; }

.btn-primary:hover, input:hover[type="submit"] { color: #fff; background-color: #286090; border-color: #204d74; }

.btn-primary:active, input:active[type="submit"], .btn-primary.active, input.active[type="submit"], .open > .btn-primary.dropdown-toggle, .open > input.dropdown-toggle[type="submit"] { color: #fff; background-color: #286090; border-color: #204d74; }

.btn-primary:active:hover, input:active:hover[type="submit"], .btn-primary:active:focus, input:active:focus[type="submit"], .btn-primary:active.focus, input:active.focus[type="submit"], .btn-primary.active:hover, input.active:hover[type="submit"], .btn-primary.active:focus, input.active:focus[type="submit"], .btn-primary.active.focus, input.active.focus[type="submit"], .open > .btn-primary.dropdown-toggle:hover, .open > input.dropdown-toggle:hover[type="submit"], .open > .btn-primary.dropdown-toggle:focus, .open > input.dropdown-toggle:focus[type="submit"], .open > .btn-primary.dropdown-toggle.focus, .open > input.dropdown-toggle.focus[type="submit"] { color: #fff; background-color: #204d74; border-color: #122b40; }

.btn-primary:active, input:active[type="submit"], .btn-primary.active, input.active[type="submit"], .open > .btn-primary.dropdown-toggle, .open > input.dropdown-toggle[type="submit"] { background-image: none; }

.btn-primary.disabled:hover, input.disabled:hover[type="submit"], .btn-primary.disabled:focus, input.disabled:focus[type="submit"], .btn-primary.disabled.focus, input.disabled.focus[type="submit"], .btn-primary[disabled]:hover, input[disabled]:hover[type="submit"], .btn-primary[disabled]:focus, input[disabled]:focus[type="submit"], .btn-primary[disabled].focus, input[disabled].focus[type="submit"], fieldset[disabled] .btn-primary:hover, fieldset[disabled] input:hover[type="submit"], fieldset[disabled] .btn-primary:focus, fieldset[disabled] input:focus[type="submit"], fieldset[disabled] .btn-primary.focus, fieldset[disabled] input.focus[type="submit"] { background-color: #337ab7; border-color: #2e6da4; }

.btn-primary .badge, input[type="submit"] .badge { color: #337ab7; background-color: #fff; }

.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; }

.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; }

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; }

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; }

.btn-success .badge { color: #5cb85c; background-color: #fff; }

.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }

.btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; }

.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; }

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; }

.btn-info .badge { color: #5bc0de; background-color: #fff; }

.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }

.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; }

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; }

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; }

.btn-warning .badge { color: #f0ad4e; background-color: #fff; }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; }

.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; }

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; }

.btn-danger .badge { color: #d9534f; background-color: #fff; }

.btn-link { color: #337ab7; font-weight: normal; border-radius: 0; }

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }

.btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; }

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }

.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

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

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.alert, .generatedForm .errors { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.alert h4, .generatedForm .errors h4 { margin-top: 0; color: inherit; }

.alert .alert-link, .generatedForm .errors .alert-link { font-weight: bold; }

.alert > p, .generatedForm .errors > p, .alert > ul, .generatedForm .errors > ul { margin-bottom: 0; }

.alert > p + p, .generatedForm .errors > p + p { margin-top: 5px; }

.alert-dismissable, .alert-dismissible { padding-right: 35px; }

.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }

.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

.alert-success hr { border-top-color: #c9e2b3; }

.alert-success .alert-link { color: #2b542c; }

.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }

.alert-info hr { border-top-color: #a6e1ec; }

.alert-info .alert-link { color: #245269; }

.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }

.alert-warning hr { border-top-color: #f7e1b5; }

.alert-warning .alert-link { color: #66512c; }

.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }

.alert-danger hr { border-top-color: #e4b9c0; }

.alert-danger .alert-link { color: #843534; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

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

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

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

a, input { outline: 0px; border: 0px none; }

a:focus, input:focus { outline: none; border: 0px none; }

strong, b, th { font-weight: bold; }

em { font-style: italic; }

table, td, th { vertical-align: middle; }

table { background-color: transparent; }

caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }

th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; }

.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; }

.table > tbody + tbody { border-top: 2px solid #ddd; }

.table .table { background-color: #fff; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; }

.table-bordered { border: 1px solid #ddd; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

table col[class*="col-"] { position: static; float: none; display: table-column; }

table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }

.table-responsive { overflow-x: auto; min-height: 0.01%; }

@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
  .table-responsive > .table { margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }

fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }

input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder { color: #999; opacity: 1; }

.form-control:-ms-input-placeholder { color: #999; }

.form-control::-webkit-input-placeholder { color: #999; }

.form-control::-ms-expand { border: 0; background-color: transparent; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }

.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } }

.form-group { margin-bottom: 15px; }

.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }

.radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }

.form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; }

.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm { height: 30px; line-height: 30px; }

textarea.input-sm, select[multiple].input-sm { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.form-group-sm select.form-control { height: 30px; line-height: 30px; }

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }

.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

select.input-lg { height: 46px; line-height: 46px; }

textarea.input-lg, select[multiple].input-lg { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

.form-group-lg select.form-control { height: 46px; line-height: 46px; }

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }

.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }

.has-feedback { position: relative; }

.has-feedback .form-control { padding-right: 42.5px; }

.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; }

.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }

.has-success .form-control-feedback { color: #3c763d; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; }

.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }

.has-warning .form-control-feedback { color: #8a6d3b; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; }

.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }

.has-error .form-control-feedback { color: #a94442; }

.has-feedback label ~ .form-control-feedback { top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }

.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }

.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }

.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }

.form-horizontal .form-group:after { clear: both; }

@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } }

@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.btn, input[type="submit"] { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn:focus, input:focus[type="submit"], .btn.focus, input.focus[type="submit"], .btn:active:focus, input:active:focus[type="submit"], .btn:active.focus, input:active.focus[type="submit"], .btn.active:focus, input.active:focus[type="submit"], .btn.active.focus, input.active.focus[type="submit"] { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover, input:hover[type="submit"], .btn:focus, input:focus[type="submit"], .btn.focus, input.focus[type="submit"] { color: #333; text-decoration: none; }

.btn:active, input:active[type="submit"], .btn.active, input.active[type="submit"] { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled, input.disabled[type="submit"], .btn[disabled], input[disabled][type="submit"], fieldset[disabled] .btn, fieldset[disabled] input[type="submit"] { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }

.btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e5e5; border-color: #8c8c8c; }

.btn-default:hover { color: #333; background-color: #e6e5e5; border-color: #adadad; }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e5e5; border-color: #adadad; }

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; }

.btn-default .badge { color: #fff; background-color: #333; }

.btn-primary, input[type="submit"] { color: #fff; background-color: #846baa; border-color: #6b5290; }

.btn-primary:focus, input:focus[type="submit"], .btn-primary.focus, input.focus[type="submit"] { color: #fff; background-color: #6b5290; border-color: #2f243f; }

.btn-primary:hover, input:hover[type="submit"] { color: #fff; background-color: #6b5290; border-color: #4e3c69; }

.btn-primary:active, input:active[type="submit"], .btn-primary.active, input.active[type="submit"], .open > .btn-primary.dropdown-toggle, .open > input.dropdown-toggle[type="submit"] { color: #fff; background-color: #6b5290; border-color: #4e3c69; }

.btn-primary:active:hover, input:active:hover[type="submit"], .btn-primary:active:focus, input:active:focus[type="submit"], .btn-primary:active.focus, input:active.focus[type="submit"], .btn-primary.active:hover, input.active:hover[type="submit"], .btn-primary.active:focus, input.active:focus[type="submit"], .btn-primary.active.focus, input.active.focus[type="submit"], .open > .btn-primary.dropdown-toggle:hover, .open > input.dropdown-toggle:hover[type="submit"], .open > .btn-primary.dropdown-toggle:focus, .open > input.dropdown-toggle:focus[type="submit"], .open > .btn-primary.dropdown-toggle.focus, .open > input.dropdown-toggle.focus[type="submit"] { color: #fff; background-color: #5a4579; border-color: #2f243f; }

.btn-primary:active, input:active[type="submit"], .btn-primary.active, input.active[type="submit"], .open > .btn-primary.dropdown-toggle, .open > input.dropdown-toggle[type="submit"] { background-image: none; }

.btn-primary.disabled:hover, input.disabled:hover[type="submit"], .btn-primary.disabled:focus, input.disabled:focus[type="submit"], .btn-primary.disabled.focus, input.disabled.focus[type="submit"], .btn-primary[disabled]:hover, input[disabled]:hover[type="submit"], .btn-primary[disabled]:focus, input[disabled]:focus[type="submit"], .btn-primary[disabled].focus, input[disabled].focus[type="submit"], fieldset[disabled] .btn-primary:hover, fieldset[disabled] input:hover[type="submit"], fieldset[disabled] .btn-primary:focus, fieldset[disabled] input:focus[type="submit"], fieldset[disabled] .btn-primary.focus, fieldset[disabled] input.focus[type="submit"] { background-color: #846baa; border-color: #6b5290; }

.btn-primary .badge, input[type="submit"] .badge { color: #846baa; background-color: #fff; }

.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; }

.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; }

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; }

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; }

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; }

.btn-success .badge { color: #5cb85c; background-color: #fff; }

.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }

.btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; }

.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; }

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; }

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; }

.btn-info .badge { color: #5bc0de; background-color: #fff; }

.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }

.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; }

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; }

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; }

.btn-warning .badge { color: #f0ad4e; background-color: #fff; }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; }

.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; }

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; }

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; }

.btn-danger .badge { color: #d9534f; background-color: #fff; }

.btn-link { color: #337ab7; font-weight: normal; border-radius: 0; }

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }

.btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; }

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }

.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

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

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.alert, .generatedForm .errors { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.alert h4, .generatedForm .errors h4 { margin-top: 0; color: inherit; }

.alert .alert-link, .generatedForm .errors .alert-link { font-weight: bold; }

.alert > p, .generatedForm .errors > p, .alert > ul, .generatedForm .errors > ul { margin-bottom: 0; }

.alert > p + p, .generatedForm .errors > p + p { margin-top: 5px; }

.alert-dismissable, .alert-dismissible { padding-right: 35px; }

.alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }

.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

.alert-success hr { border-top-color: #c9e2b3; }

.alert-success .alert-link { color: #2b542c; }

.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }

.alert-info hr { border-top-color: #a6e1ec; }

.alert-info .alert-link { color: #245269; }

.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }

.alert-warning hr { border-top-color: #f7e1b5; }

.alert-warning .alert-link { color: #66512c; }

.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }

.alert-danger hr { border-top-color: #e4b9c0; }

.alert-danger .alert-link { color: #843534; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** promenne pro design **/
/** cesty k obrazkum **/
/** velikosti log v levem panelu **/
a[href*=".pdf"], a[href*=".doc"], a[href*=".docx"], a[href*=".xls"], a[href*=".xlsx"], a[href*=".txt"], a[href*=".ppt"], a[href*=".pptx"], a[href*=".pps"], a[href*=".mp3"], a[href*=".wma"], a[href*=".zip"], a[href*=".rar"], a[href*=".avi"], a[href*=".dwg"], a.video, .ke-stazeni a.external { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position: left top; }

a[href*='.pdf'] { background-image: url("/repository/ico/pdf.gif"); }

a[href*='.doc'] { background-image: url("/repository/ico/doc.gif"); }

a[href*='.docx'] { background-image: url("/repository/ico/doc.gif"); }

a[href*='.xls'] { background-image: url("/repository/ico/xls.gif"); }

a[href*='.xlsx'] { background-image: url("/repository/ico/xls.gif"); }

a[href*='.txt'] { background-image: url("/repository/ico/txt.gif"); }

a[href*='.ppt'] { background-image: url("/repository/ico/ppt.gif"); }

a[href*='.pptx'] { background-image: url("/repository/ico/ppt.gif"); }

a[href*='.pps'] { background-image: url("/repository/ico/ppt.gif"); }

a[href*='.mp3'] { background-image: url("/repository/ico/audio.png"); }

a[href*='.wma'] { background-image: url("/repository/ico/audio.png"); }

a[href*='.zip'] { background-image: url("/repository/ico/zip.gif"); }

a[href*='.rar'] { background-image: url("/repository/ico/zip.gif"); }

a[href*='.avi'] { background-image: url("/repository/ico/avi.gif"); }

a[href*='.dwg'] { background-image: url("/repository/ico/dwg.gif"); }

a.video { background-image: url("/repository/ico/avi.gif"); }

.ke-stazeni a.external { background-image: url("/repository/ico/external_link.gif"); }

h2 a[href*=".pdf"], #search-cloud h2 a[href*=".pdf"], h3 a[href*=".pdf"], h4 a[href*=".pdf"], h5 a[href*=".pdf"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".doc"], #search-cloud h2 a[href*=".doc"], h3 a[href*=".doc"], h4 a[href*=".doc"], h5 a[href*=".doc"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".docx"], #search-cloud h2 a[href*=".docx"], h3 a[href*=".docx"], h4 a[href*=".docx"], h5 a[href*=".docx"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".xls"], #search-cloud h2 a[href*=".xls"], h3 a[href*=".xls"], h4 a[href*=".xls"], h5 a[href*=".xls"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".xlsx"], #search-cloud h2 a[href*=".xlsx"], h3 a[href*=".xlsx"], h4 a[href*=".xlsx"], h5 a[href*=".xlsx"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".txt"], #search-cloud h2 a[href*=".txt"], h3 a[href*=".txt"], h4 a[href*=".txt"], h5 a[href*=".txt"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".ppt"], #search-cloud h2 a[href*=".ppt"], h3 a[href*=".ppt"], h4 a[href*=".ppt"], h5 a[href*=".ppt"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".pptx"], #search-cloud h2 a[href*=".pptx"], h3 a[href*=".pptx"], h4 a[href*=".pptx"], h5 a[href*=".pptx"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".pps"], #search-cloud h2 a[href*=".pps"], h3 a[href*=".pps"], h4 a[href*=".pps"], h5 a[href*=".pps"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".mp3"], #search-cloud h2 a[href*=".mp3"], h3 a[href*=".mp3"], h4 a[href*=".mp3"], h5 a[href*=".mp3"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".wma"], #search-cloud h2 a[href*=".wma"], h3 a[href*=".wma"], h4 a[href*=".wma"], h5 a[href*=".wma"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".zip"], #search-cloud h2 a[href*=".zip"], h3 a[href*=".zip"], h4 a[href*=".zip"], h5 a[href*=".zip"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".rar"], #search-cloud h2 a[href*=".rar"], h3 a[href*=".rar"], h4 a[href*=".rar"], h5 a[href*=".rar"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".avi"], #search-cloud h2 a[href*=".avi"], h3 a[href*=".avi"], h4 a[href*=".avi"], h5 a[href*=".avi"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 a[href*=".dwg"], #search-cloud h2 a[href*=".dwg"], h3 a[href*=".dwg"], h4 a[href*=".dwg"], h5 a[href*=".dwg"] { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 .video, #search-cloud h2 .video, h3 .video, h4 .video, h5 .video { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 .ke-stazeni, #search-cloud h2 .ke-stazeni, h3 .ke-stazeni, h4 .ke-stazeni, h5 .ke-stazeni { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

h2 .external, #search-cloud h2 .external, h3 .external, h4 .external, h5 .external { display: inline-block; padding: 0px 0px 4px 23px; background-repeat: no-repeat; background-position-y: 50%; }

.button-group input { display: none; }

.button-group label { margin-bottom: 0; }

@media screen and (min-width: 0) { .button-group label { float: left; } }

.button-group label .button-group-item { background: white; border-left: 1px solid silver; border-radius: 0; border-right: 1px solid silver; color: #807f7f; cursor: pointer; display: inline-block; font-size: 1em; font-weight: normal; line-height: 1; padding: 0.75em 1em; width: 100%; }

@media screen and (min-width: 0) { .button-group label .button-group-item { border-bottom: 1px solid silver; border-left: 0; border-right: 1px solid #eeeeee; border-top: 1px solid silver; width: auto; } }

.button-group label .button-group-item:focus, .button-group label .button-group-item:hover { background-color: #f7f7f7; }

.button-group label:first-child .button-group-item { border-top-right-radius: 3px; border-top-left-radius: 3px; border-top: 1px solid silver; }

@media screen and (min-width: 0) { .button-group label:first-child .button-group-item { border-bottom-left-radius: 3px; border-left: 1px solid silver; border-top-left-radius: 3px; border-top-right-radius: 0; } }

.button-group label:last-child .button-group-item { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom: 1px solid silver; }

@media screen and (min-width: 0) { .button-group label:last-child .button-group-item { border-bottom-left-radius: 0; border-bottom-right-radius: 3px; border-right: 1px solid silver; border-top-right-radius: 3px; } }

.button-group label input:checked + .button-group-item { background: #477DCA; border: 1px solid #2c5999; box-shadow: inset 0 1px 2px #3264ac; color: white; }

.badge-alert { background-color: #fff6bf; border-radius: 3.75em; color: #8c7800; display: inline-block; font-size: 0.75em; line-height: 1; padding: 0.4em 1.2em; }

.badge-default { background-color: #999; border-radius: 3.75em; color: black; display: inline-block; font-size: 0.75em; line-height: 1; padding: 0.4em 1.2em; }

.badge-error { background-color: #fbe3e4; border-radius: 3.75em; color: #97161b; display: inline-block; font-size: 0.75em; line-height: 1; padding: 0.4em 1.2em; }

.badge-notice { background-color: #e5edf8; border-radius: 3.75em; color: #244e87; display: inline-block; font-size: 0.75em; line-height: 1; padding: 0.4em 1.2em; }

.badge-success { background-color: #e6efc2; border-radius: 3.75em; color: #56651a; display: inline-block; font-size: 0.75em; line-height: 1; padding: 0.4em 1.2em; }

.dropdown { line-height: 1.5em; }

.dropdown .dropdown-container { display: inline-block; position: relative; text-align: center; }

.dropdown .dropdown-description { background: white; border-bottom: 1px solid silver; border-bottom-left-radius: 3px; border-left: 1px solid silver; border-top-left-radius: 3px; border-top: 1px solid silver; color: #999999; float: left; font-size: 0.7em; line-height: 40px; margin: 0; padding: 0 0.5em 0 1em; }

@media screen and (min-width: 992px) { .dropdown .dropdown-description { font-size: 1em; } }

.dropdown .dropdown-button { background: white; border-bottom: 1px solid silver; border-bottom-right-radius: 3px; border-right: 1px solid silver; border-top: 1px solid silver; border-top-right-radius: 3px; cursor: pointer; float: right; font-size: 0.7em; line-height: 40px; margin: 0; padding: 0 2.5em 0 0.5em; position: relative; }

@media screen and (min-width: 992px) { .dropdown .dropdown-button { font-size: 1em; padding: 0 2.5em 0 0.5em; } }

.dropdown .dropdown-button:hover { background-color: #f7f7f7; }

.dropdown .dropdown-button::after { color: #333; content: "\25BE"; display: block; position: absolute; right: 1em; top: 0; }

.dropdown .dropdown-menu { background: white; border: 1px solid silver; border-radius: 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); color: #333; cursor: pointer; display: none; margin: 0; overflow: visible; padding: 0; position: absolute; right: 0; top: 50px; transition: all 0.2s ease-in-out; width: 228px; z-index: 99999; }

.dropdown .dropdown-menu::before { position: absolute; top: 0; right: 1em; bottom: 0; left: 0; color: white; content: "\25b2"; font-size: 1.4em; pointer-events: none; text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3); top: -0.7em; }

.dropdown .dropdown-menu li { border-bottom: 1px solid silver; color: #333; list-style: none; padding: 0.5em; }

.dropdown .dropdown-menu li:hover { background: #f7f7f7; }

.dropdown .dropdown-menu li:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.dropdown .dropdown-menu li:last-child { border: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.dropdown .show-menu { display: block; }

.centered-navigation { background-color: #E7F1EC; border-bottom: 1px solid #d4e6dd; min-height: 60px; width: 100%; z-index: 9999; }

.centered-navigation .mobile-logo { display: inline; float: left; max-height: 60px; padding-left: 1em; }

.centered-navigation .mobile-logo img { max-height: 60px; opacity: 0.6; padding: 0.8em 0; }

@media screen and (min-width: 992px) { .centered-navigation .mobile-logo { display: none; } }

.centered-navigation .centered-navigation-mobile-menu { color: rgba(51, 51, 51, 0.7); display: block; float: right; line-height: 60px; margin: 0; padding-right: 1em; text-decoration: none; text-transform: uppercase; }

@media screen and (min-width: 992px) { .centered-navigation .centered-navigation-mobile-menu { display: none; } }

.centered-navigation .centered-navigation-mobile-menu:focus, .centered-navigation .centered-navigation-mobile-menu:hover { color: #333; }

.centered-navigation .centered-navigation-wrapper { max-width: 94vw; margin-left: auto; margin-right: auto; position: relative; z-index: 999; }

.centered-navigation .centered-navigation-wrapper:before, .centered-navigation .centered-navigation-wrapper:after { content: " "; display: table; }

.centered-navigation .centered-navigation-wrapper:after { clear: both; }

.centered-navigation .centered-navigation-wrapper:before, .centered-navigation .centered-navigation-wrapper:after { content: " "; display: table; }

.centered-navigation .centered-navigation-wrapper:after { clear: both; }

.centered-navigation ul.centered-navigation-menu { clear: both; display: none; margin: 0 auto; overflow: visible; padding: 0; -webkit-transform-style: preserve-3d; width: 100%; z-index: 99999; }

.centered-navigation ul.centered-navigation-menu.show { display: block; }

@media screen and (min-width: 992px) { .centered-navigation ul.centered-navigation-menu { display: block; text-align: center; } }

@media screen and (min-width: 992px) { .centered-navigation .nav-link:first-child { margin-left: 2.2em; } }

.centered-navigation ul li.nav-link { background: #E7F1EC; display: block; line-height: 60px; overflow: hidden; padding-right: 1em; text-align: right; width: 100%; z-index: 9999; }

.centered-navigation ul li.nav-link a { color: rgba(51, 51, 51, 0.7); display: inline-block; outline: none; text-decoration: none; }

.centered-navigation ul li.nav-link a:focus, .centered-navigation ul li.nav-link a:hover { color: #333; }

@media screen and (min-width: 992px) { .centered-navigation ul li.nav-link { background: transparent; display: inline; line-height: 60px; }
  .centered-navigation ul li.nav-link a { padding-right: 1em; } }

.centered-navigation li.logo.nav-link { display: none; line-height: 0; }

@media screen and (min-width: 992px) { .centered-navigation li.logo.nav-link { display: inline; } }

.centered-navigation .logo img { margin-bottom: -0.6666666667em; max-height: 2em; opacity: 0.6; }

.centered-navigation li.more.nav-link { padding-right: 0; }

@media screen and (min-width: 992px) { .centered-navigation li.more.nav-link { padding-right: 1em; } }

.centered-navigation li.more.nav-link > ul > li:first-child a { padding-top: 1em; }

.centered-navigation li.more.nav-link a { margin-right: 1em; }

.centered-navigation li.more.nav-link > a { padding-right: 0.6em; }

.centered-navigation li.more.nav-link > a::after { position: absolute; top: auto; right: -0.4em; bottom: auto; left: auto; color: rgba(51, 51, 51, 0.7); content: "\25BE"; }

.centered-navigation li.more { overflow: visible; padding-right: 0; }

.centered-navigation li.more a { padding-right: 1em; }

.centered-navigation li.more > a { padding-right: 1.6em; position: relative; }

@media screen and (min-width: 992px) { .centered-navigation li.more > a { margin-right: 1em; } }

.centered-navigation li.more > a::after { content: "›"; font-size: 1.2em; position: absolute; right: 0.5em; }

.centered-navigation li.more:focus > .submenu, .centered-navigation li.more:hover > .submenu { display: block; }

@media screen and (min-width: 992px) { .centered-navigation li.more { padding-right: 1em; position: relative; } }

.centered-navigation ul.submenu { display: none; padding-left: 0; }

@media screen and (min-width: 992px) { .centered-navigation ul.submenu { left: -1em; position: absolute; top: 1.5em; } }

@media screen and (min-width: 992px) { .centered-navigation ul.submenu .submenu.fly-out-right { left: 11.8em; top: 0; } }

@media screen and (min-width: 992px) { .centered-navigation ul.submenu .submenu.fly-out-left { left: -11.8em; top: 0; } }

.centered-navigation ul.submenu li { display: block; padding-right: 0; }

@media screen and (min-width: 992px) { .centered-navigation ul.submenu li { line-height: 46.1538461538px; }
  .centered-navigation ul.submenu li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; }
  .centered-navigation ul.submenu li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-bottom: 0.7em; } }

.centered-navigation ul.submenu li a { background-color: #ddebe4; display: inline-block; text-align: right; text-decoration: none; width: 100%; }

@media screen and (min-width: 992px) { .centered-navigation ul.submenu li a { background-color: #E7F1EC; padding-left: 1em; text-align: left; width: 12em; } }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a[href$=".pdf"].contains-image, a[href$=".doc"].contains-image, a[href$=".docx"].contains-image, a[href$=".xls"].contains-image, a[href$=".xlsx"].contains-image, a[href$=".txt"].contains-image, a[href$=".ppt"].contains-image, a[href$=".pptx"].contains-image, a[href$=".pps"].contains-image, a[href$=".mp3"].contains-image, a[href$=".wma"].contains-image, a[href$=".zip"].contains-image, a[href$=".rar"].contains-image, a[href$=".avi"].contains-image { padding: 0; background-image: none; }

#lightbox-container-image-data-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

body { text-align: left; color: #444; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.85em; background-color: #fff; }

/*****************************************************************************************************************/
/* grid */
/*****************************************************************************************************************/
.container, .centered-content, .centered-wide-content, .global-search-cover, .frontend-sitemap, #error-404 { max-width: 94vw; margin-left: auto; margin-right: auto; width: 100%; max-width: 94vw; margin: 0px auto; }

.container:before, .container:after, .centered-content:before, .centered-wide-content:before, .centered-content:after, .centered-wide-content:after, .global-search-cover:before, .global-search-cover:after, .frontend-sitemap:before, .frontend-sitemap:after, #error-404:before, #error-404:after { content: " "; display: table; }

.container:after, .centered-content:after, .centered-wide-content:after, .global-search-cover:after, .frontend-sitemap:after, #error-404:after { clear: both; }

@media screen and (min-width: 1400px) { .container, .centered-content, .centered-wide-content, .global-search-cover, .frontend-sitemap, #error-404 { max-width: 70vw !important; } }

@media screen and (max-width: 991px) { .container, .container .centered-navigation-wrapper, .centered-content, .centered-wide-content, .centered-content .centered-navigation-wrapper, .centered-wide-content .centered-navigation-wrapper, .global-search-cover, .global-search-cover .centered-navigation-wrapper, .frontend-sitemap, .frontend-sitemap .centered-navigation-wrapper, #error-404, #error-404 .centered-navigation-wrapper { max-width: 94vw; } }

body.fullPage .container, body.fullPage .centered-content, body.fullPage .centered-wide-content { width: 96vw !important; max-width: 96vw !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.row { display: block; }

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

.row:after { clear: both; }

.row:before { display: block; }

.flexbox-cover { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.flexbox-cover > *[class*='col-'] { float: none; }

.flexbox-cover .shrink-1 { -webkit-flex-shrink: 1; -moz-flex-shrink: 1; flex-shrink: 1; -ms-flex-negative: 1; }

.flexbox-cover .grow-1 { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }

.flexbox-cover .shrink-2 { -webkit-flex-shrink: 2; -moz-flex-shrink: 2; flex-shrink: 2; -ms-flex-negative: 2; }

.flexbox-cover .grow-2 { -webkit-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -ms-flex-positive: 2; }

.flexbox-cover .shrink-3 { -webkit-flex-shrink: 3; -moz-flex-shrink: 3; flex-shrink: 3; -ms-flex-negative: 3; }

.flexbox-cover .grow-3 { -webkit-flex-grow: 3; -moz-flex-grow: 3; flex-grow: 3; -ms-flex-positive: 3; }

.flexbox-cover .shrink-4 { -webkit-flex-shrink: 4; -moz-flex-shrink: 4; flex-shrink: 4; -ms-flex-negative: 4; }

.flexbox-cover .grow-4 { -webkit-flex-grow: 4; -moz-flex-grow: 4; flex-grow: 4; -ms-flex-positive: 4; }

.flexbox-cover .shrink-5 { -webkit-flex-shrink: 5; -moz-flex-shrink: 5; flex-shrink: 5; -ms-flex-negative: 5; }

.flexbox-cover .grow-5 { -webkit-flex-grow: 5; -moz-flex-grow: 5; flex-grow: 5; -ms-flex-positive: 5; }

.flexbox-cover .shrink-6 { -webkit-flex-shrink: 6; -moz-flex-shrink: 6; flex-shrink: 6; -ms-flex-negative: 6; }

.flexbox-cover .grow-6 { -webkit-flex-grow: 6; -moz-flex-grow: 6; flex-grow: 6; -ms-flex-positive: 6; }

.flexbox-wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.col { float: left; display: inline-block; }

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; }

@media screen and (max-width: 479px) { .col-xxs-1 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 6.0301507538%; }
  .col-xxs-1:last-child { margin-right: 0; }
  .col-xxs-1.ratio-3-2, .col-xxs-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-1.ratio-3-2, .col-xxs-1 .ratio-3-2 { min-height: calc((5.8333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-1.ratio-3-2, .col-xxs-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-1 { float: left; width: 8.3333333333%; }
  .col-xxs-2 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 14.5728643216%; }
  .col-xxs-2:last-child { margin-right: 0; }
  .col-xxs-2.ratio-3-2, .col-xxs-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-2.ratio-3-2, .col-xxs-2 .ratio-3-2 { min-height: calc((11.6666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-2.ratio-3-2, .col-xxs-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-2 { float: left; width: 16.6666666667%; }
  .col-xxs-3 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 23.1155778894%; }
  .col-xxs-3:last-child { margin-right: 0; }
  .col-xxs-3.ratio-3-2, .col-xxs-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-3.ratio-3-2, .col-xxs-3 .ratio-3-2 { min-height: calc((17.5vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-3.ratio-3-2, .col-xxs-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-3 { float: left; width: 25%; }
  .col-xxs-4 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 31.6582914573%; }
  .col-xxs-4:last-child { margin-right: 0; }
  .col-xxs-4.ratio-3-2, .col-xxs-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-4.ratio-3-2, .col-xxs-4 .ratio-3-2 { min-height: calc((23.3333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-4.ratio-3-2, .col-xxs-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-4 { float: left; width: 33.3333333333%; }
  .col-xxs-5 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 40.2010050251%; }
  .col-xxs-5:last-child { margin-right: 0; }
  .col-xxs-5.ratio-3-2, .col-xxs-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-5.ratio-3-2, .col-xxs-5 .ratio-3-2 { min-height: calc((29.1666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-5.ratio-3-2, .col-xxs-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-5 { float: left; width: 41.6666666667%; }
  .col-xxs-6 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 48.743718593%; }
  .col-xxs-6:last-child { margin-right: 0; }
  .col-xxs-6.ratio-3-2, .col-xxs-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-6.ratio-3-2, .col-xxs-6 .ratio-3-2 { min-height: calc((35vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-6.ratio-3-2, .col-xxs-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-6 { float: left; width: 50%; }
  .col-xxs-7 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 57.2864321608%; }
  .col-xxs-7:last-child { margin-right: 0; }
  .col-xxs-7.ratio-3-2, .col-xxs-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-7.ratio-3-2, .col-xxs-7 .ratio-3-2 { min-height: calc((40.8333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-7.ratio-3-2, .col-xxs-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-7 { float: left; width: 58.3333333333%; }
  .col-xxs-8 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 65.8291457286%; }
  .col-xxs-8:last-child { margin-right: 0; }
  .col-xxs-8.ratio-3-2, .col-xxs-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-8.ratio-3-2, .col-xxs-8 .ratio-3-2 { min-height: calc((46.6666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-8.ratio-3-2, .col-xxs-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-8 { float: left; width: 66.6666666667%; }
  .col-xxs-9 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 74.3718592965%; }
  .col-xxs-9:last-child { margin-right: 0; }
  .col-xxs-9.ratio-3-2, .col-xxs-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-9.ratio-3-2, .col-xxs-9 .ratio-3-2 { min-height: calc((52.5vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-9.ratio-3-2, .col-xxs-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-9 { float: left; width: 75%; }
  .col-xxs-10 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 82.9145728643%; }
  .col-xxs-10:last-child { margin-right: 0; }
  .col-xxs-10.ratio-3-2, .col-xxs-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-10.ratio-3-2, .col-xxs-10 .ratio-3-2 { min-height: calc((58.3333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-10.ratio-3-2, .col-xxs-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-10 { float: left; width: 83.3333333333%; }
  .col-xxs-11 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 91.4572864322%; }
  .col-xxs-11:last-child { margin-right: 0; }
  .col-xxs-11.ratio-3-2, .col-xxs-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-11.ratio-3-2, .col-xxs-11 .ratio-3-2 { min-height: calc((64.1666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-11.ratio-3-2, .col-xxs-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-11 { float: left; width: 91.6666666667%; }
  .col-xxs-12 { float: left; display: block; margin-right: 2.5125628141%; width: 100%; }
  .col-xxs-12:last-child { margin-right: 0; }
  .col-xxs-12.ratio-3-2, .col-xxs-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (min-width: 1400px) { .col-xxs-12.ratio-3-2, .col-xxs-12 .ratio-3-2 { min-height: calc((70vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) and (max-width: 991px) { .col-xxs-12.ratio-3-2, .col-xxs-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (max-width: 479px) { .col-fixed-xxs-12 { width: 100%; } }

@media screen and (max-width: 479px) and (max-width: 479px) { .hidden-xxs { display: none !important; } }

@media screen and (max-width: 479px) and (max-width: 479px) { .col-xxs-1:nth-child(12n) { margin-right: 0; } }

@media screen and (max-width: 479px) and (max-width: 479px) { .col-xxs-2:nth-child(6n) { margin-right: 0; } }

@media screen and (max-width: 479px) and (max-width: 479px) { .col-xxs-3:nth-child(4n) { margin-right: 0; } }

@media screen and (max-width: 479px) and (max-width: 479px) { .col-xxs-4:nth-child(3n) { margin-right: 0; } }

@media screen and (max-width: 479px) and (max-width: 479px) { .col-xxs-6:nth-child(2n) { margin-right: 0; } }

@media screen and (max-width: 479px) and (max-width: 479px) { .col-xxs-12:nth-child(1n) { margin-right: 0; } }

@media screen and (min-width: 480px) { .col-xs-1 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 6.0301507538%; }
  .col-xs-1:last-child { margin-right: 0; }
  .col-xs-1.ratio-3-2, .col-xs-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-1.ratio-3-2, .col-xs-1 .ratio-3-2 { min-height: calc((5.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-1.ratio-3-2, .col-xs-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-1 { float: left; width: 8.3333333333%; }
  .col-xs-2 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 14.5728643216%; }
  .col-xs-2:last-child { margin-right: 0; }
  .col-xs-2.ratio-3-2, .col-xs-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-2.ratio-3-2, .col-xs-2 .ratio-3-2 { min-height: calc((11.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-2.ratio-3-2, .col-xs-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-2 { float: left; width: 16.6666666667%; }
  .col-xs-3 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 23.1155778894%; }
  .col-xs-3:last-child { margin-right: 0; }
  .col-xs-3.ratio-3-2, .col-xs-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-3.ratio-3-2, .col-xs-3 .ratio-3-2 { min-height: calc((17.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-3.ratio-3-2, .col-xs-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-3 { float: left; width: 25%; }
  .col-xs-4 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 31.6582914573%; }
  .col-xs-4:last-child { margin-right: 0; }
  .col-xs-4.ratio-3-2, .col-xs-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-4.ratio-3-2, .col-xs-4 .ratio-3-2 { min-height: calc((23.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-4.ratio-3-2, .col-xs-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-4 { float: left; width: 33.3333333333%; }
  .col-xs-5 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 40.2010050251%; }
  .col-xs-5:last-child { margin-right: 0; }
  .col-xs-5.ratio-3-2, .col-xs-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-5.ratio-3-2, .col-xs-5 .ratio-3-2 { min-height: calc((29.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-5.ratio-3-2, .col-xs-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-5 { float: left; width: 41.6666666667%; }
  .col-xs-6 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 48.743718593%; }
  .col-xs-6:last-child { margin-right: 0; }
  .col-xs-6.ratio-3-2, .col-xs-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-6.ratio-3-2, .col-xs-6 .ratio-3-2 { min-height: calc((35vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-6.ratio-3-2, .col-xs-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-6 { float: left; width: 50%; }
  .col-xs-7 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 57.2864321608%; }
  .col-xs-7:last-child { margin-right: 0; }
  .col-xs-7.ratio-3-2, .col-xs-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-7.ratio-3-2, .col-xs-7 .ratio-3-2 { min-height: calc((40.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-7.ratio-3-2, .col-xs-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-7 { float: left; width: 58.3333333333%; }
  .col-xs-8 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 65.8291457286%; }
  .col-xs-8:last-child { margin-right: 0; }
  .col-xs-8.ratio-3-2, .col-xs-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-8.ratio-3-2, .col-xs-8 .ratio-3-2 { min-height: calc((46.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-8.ratio-3-2, .col-xs-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-8 { float: left; width: 66.6666666667%; }
  .col-xs-9 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 74.3718592965%; }
  .col-xs-9:last-child { margin-right: 0; }
  .col-xs-9.ratio-3-2, .col-xs-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-9.ratio-3-2, .col-xs-9 .ratio-3-2 { min-height: calc((52.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-9.ratio-3-2, .col-xs-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-9 { float: left; width: 75%; }
  .col-xs-10 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 82.9145728643%; }
  .col-xs-10:last-child { margin-right: 0; }
  .col-xs-10.ratio-3-2, .col-xs-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-10.ratio-3-2, .col-xs-10 .ratio-3-2 { min-height: calc((58.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-10.ratio-3-2, .col-xs-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-10 { float: left; width: 83.3333333333%; }
  .col-xs-11 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 91.4572864322%; }
  .col-xs-11:last-child { margin-right: 0; }
  .col-xs-11.ratio-3-2, .col-xs-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-11.ratio-3-2, .col-xs-11 .ratio-3-2 { min-height: calc((64.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-11.ratio-3-2, .col-xs-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-11 { float: left; width: 91.6666666667%; }
  .col-xs-12 { float: left; display: block; margin-right: 2.5125628141%; width: 100%; }
  .col-xs-12:last-child { margin-right: 0; }
  .col-xs-12.ratio-3-2, .col-xs-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (min-width: 1400px) { .col-xs-12.ratio-3-2, .col-xs-12 .ratio-3-2 { min-height: calc((70vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) and (max-width: 991px) { .col-xs-12.ratio-3-2, .col-xs-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 480px) { .col-fixed-xs-12 { width: 100%; } }

@media screen and (min-width: 480px) and (max-width: 767px) { .hidden-xs { display: none !important; } }

@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 767px) { .col-xs-1:nth-child(12n) { margin-right: 0; } }

@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 767px) { .col-xs-2:nth-child(6n) { margin-right: 0; } }

@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 767px) { .col-xs-3:nth-child(4n) { margin-right: 0; } }

@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 767px) { .col-xs-4:nth-child(3n) { margin-right: 0; } }

@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 767px) { .col-xs-6:nth-child(2n) { margin-right: 0; } }

@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 767px) { .col-xs-12:nth-child(1n) { margin-right: 0; } }

@media screen and (max-width: 767px) { .hidden-xs { display: none !important; } }

@media screen and (min-width: 768px) { .col-sm-1 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 6.0301507538%; }
  .col-sm-1:last-child { margin-right: 0; }
  .col-sm-1.ratio-3-2, .col-sm-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-1.ratio-3-2, .col-sm-1 .ratio-3-2 { min-height: calc((5.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-1.ratio-3-2, .col-sm-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-1 { float: left; width: 8.3333333333%; }
  .col-sm-push-1 { left: 8.5427135678%; }
  .col-sm-pull-1 { right: 8.5427135678%; }
  .col-sm-2 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 14.5728643216%; }
  .col-sm-2:last-child { margin-right: 0; }
  .col-sm-2.ratio-3-2, .col-sm-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-2.ratio-3-2, .col-sm-2 .ratio-3-2 { min-height: calc((11.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-2.ratio-3-2, .col-sm-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-2 { float: left; width: 16.6666666667%; }
  .col-sm-push-2 { left: 17.0854271357%; }
  .col-sm-pull-2 { right: 17.0854271357%; }
  .col-sm-3 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 23.1155778894%; }
  .col-sm-3:last-child { margin-right: 0; }
  .col-sm-3.ratio-3-2, .col-sm-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-3.ratio-3-2, .col-sm-3 .ratio-3-2 { min-height: calc((17.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-3.ratio-3-2, .col-sm-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-3 { float: left; width: 25%; }
  .col-sm-push-3 { left: 25.6281407035%; }
  .col-sm-pull-3 { right: 25.6281407035%; }
  .col-sm-4 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 31.6582914573%; }
  .col-sm-4:last-child { margin-right: 0; }
  .col-sm-4.ratio-3-2, .col-sm-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-4.ratio-3-2, .col-sm-4 .ratio-3-2 { min-height: calc((23.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-4.ratio-3-2, .col-sm-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-4 { float: left; width: 33.3333333333%; }
  .col-sm-push-4 { left: 34.1708542714%; }
  .col-sm-pull-4 { right: 34.1708542714%; }
  .col-sm-5 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 40.2010050251%; }
  .col-sm-5:last-child { margin-right: 0; }
  .col-sm-5.ratio-3-2, .col-sm-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-5.ratio-3-2, .col-sm-5 .ratio-3-2 { min-height: calc((29.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-5.ratio-3-2, .col-sm-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-5 { float: left; width: 41.6666666667%; }
  .col-sm-push-5 { left: 42.7135678392%; }
  .col-sm-pull-5 { right: 42.7135678392%; }
  .col-sm-6 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 48.743718593%; }
  .col-sm-6:last-child { margin-right: 0; }
  .col-sm-6.ratio-3-2, .col-sm-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-6.ratio-3-2, .col-sm-6 .ratio-3-2 { min-height: calc((35vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-6.ratio-3-2, .col-sm-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-6 { float: left; width: 50%; }
  .col-sm-push-6 { left: 51.256281407%; }
  .col-sm-pull-6 { right: 51.256281407%; }
  .col-sm-7 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 57.2864321608%; }
  .col-sm-7:last-child { margin-right: 0; }
  .col-sm-7.ratio-3-2, .col-sm-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-7.ratio-3-2, .col-sm-7 .ratio-3-2 { min-height: calc((40.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-7.ratio-3-2, .col-sm-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-7 { float: left; width: 58.3333333333%; }
  .col-sm-push-7 { left: 59.7989949749%; }
  .col-sm-pull-7 { right: 59.7989949749%; }
  .col-sm-8 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 65.8291457286%; }
  .col-sm-8:last-child { margin-right: 0; }
  .col-sm-8.ratio-3-2, .col-sm-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-8.ratio-3-2, .col-sm-8 .ratio-3-2 { min-height: calc((46.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-8.ratio-3-2, .col-sm-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-8 { float: left; width: 66.6666666667%; }
  .col-sm-push-8 { left: 68.3417085427%; }
  .col-sm-pull-8 { right: 68.3417085427%; }
  .col-sm-9 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 74.3718592965%; }
  .col-sm-9:last-child { margin-right: 0; }
  .col-sm-9.ratio-3-2, .col-sm-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-9.ratio-3-2, .col-sm-9 .ratio-3-2 { min-height: calc((52.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-9.ratio-3-2, .col-sm-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-9 { float: left; width: 75%; }
  .col-sm-push-9 { left: 76.8844221106%; }
  .col-sm-pull-9 { right: 76.8844221106%; }
  .col-sm-10 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 82.9145728643%; }
  .col-sm-10:last-child { margin-right: 0; }
  .col-sm-10.ratio-3-2, .col-sm-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-10.ratio-3-2, .col-sm-10 .ratio-3-2 { min-height: calc((58.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-10.ratio-3-2, .col-sm-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-10 { float: left; width: 83.3333333333%; }
  .col-sm-push-10 { left: 85.4271356784%; }
  .col-sm-pull-10 { right: 85.4271356784%; }
  .col-sm-11 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 91.4572864322%; }
  .col-sm-11:last-child { margin-right: 0; }
  .col-sm-11.ratio-3-2, .col-sm-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-11.ratio-3-2, .col-sm-11 .ratio-3-2 { min-height: calc((64.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-11.ratio-3-2, .col-sm-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-11 { float: left; width: 91.6666666667%; }
  .col-sm-push-11 { left: 93.9698492462%; }
  .col-sm-pull-11 { right: 93.9698492462%; }
  .col-sm-12 { float: left; display: block; margin-right: 2.5125628141%; width: 100%; }
  .col-sm-12:last-child { margin-right: 0; }
  .col-sm-12.ratio-3-2, .col-sm-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (min-width: 1400px) { .col-sm-12.ratio-3-2, .col-sm-12 .ratio-3-2 { min-height: calc((70vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-12.ratio-3-2, .col-sm-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 768px) { .col-fixed-sm-12 { width: 100%; }
  .col-sm-push-12 { left: 102.512562814%; }
  .col-sm-pull-12 { right: 102.512562814%; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }

@media screen and (min-width: 768px) { .flexbox-cover .col-sm-0 { width: 0%; position: relative; min-height: 1px; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-1:nth-child(12n) { margin-right: 0; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-2:nth-child(6n) { margin-right: 0; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-3:nth-child(4n) { margin-right: 0; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-4:nth-child(3n) { margin-right: 0; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-6:nth-child(2n) { margin-right: 0; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-sm-12:nth-child(1n) { margin-right: 0; } }

@media screen and (min-width: 992px) { .col-md-1 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 6.0301507538%; }
  .col-md-1:last-child { margin-right: 0; }
  .col-md-1.ratio-3-2, .col-md-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-1.ratio-3-2, .col-md-1 .ratio-3-2 { min-height: calc((5.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-1.ratio-3-2, .col-md-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-1 { float: left; width: 8.3333333333%; }
  .col-md-push-1 { left: 8.5427135678%; }
  .col-md-pull-1 { right: 8.5427135678%; }
  .col-md-2 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 14.5728643216%; }
  .col-md-2:last-child { margin-right: 0; }
  .col-md-2.ratio-3-2, .col-md-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-2.ratio-3-2, .col-md-2 .ratio-3-2 { min-height: calc((11.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-2.ratio-3-2, .col-md-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-2 { float: left; width: 16.6666666667%; }
  .col-md-push-2 { left: 17.0854271357%; }
  .col-md-pull-2 { right: 17.0854271357%; }
  .col-md-3 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 23.1155778894%; }
  .col-md-3:last-child { margin-right: 0; }
  .col-md-3.ratio-3-2, .col-md-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-3.ratio-3-2, .col-md-3 .ratio-3-2 { min-height: calc((17.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-3.ratio-3-2, .col-md-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-3 { float: left; width: 25%; }
  .col-md-push-3 { left: 25.6281407035%; }
  .col-md-pull-3 { right: 25.6281407035%; }
  .col-md-4 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 31.6582914573%; }
  .col-md-4:last-child { margin-right: 0; }
  .col-md-4.ratio-3-2, .col-md-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-4.ratio-3-2, .col-md-4 .ratio-3-2 { min-height: calc((23.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-4.ratio-3-2, .col-md-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-4 { float: left; width: 33.3333333333%; }
  .col-md-push-4 { left: 34.1708542714%; }
  .col-md-pull-4 { right: 34.1708542714%; }
  .col-md-5 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 40.2010050251%; }
  .col-md-5:last-child { margin-right: 0; }
  .col-md-5.ratio-3-2, .col-md-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-5.ratio-3-2, .col-md-5 .ratio-3-2 { min-height: calc((29.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-5.ratio-3-2, .col-md-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-5 { float: left; width: 41.6666666667%; }
  .col-md-push-5 { left: 42.7135678392%; }
  .col-md-pull-5 { right: 42.7135678392%; }
  .col-md-6 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 48.743718593%; }
  .col-md-6:last-child { margin-right: 0; }
  .col-md-6.ratio-3-2, .col-md-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-6.ratio-3-2, .col-md-6 .ratio-3-2 { min-height: calc((35vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-6.ratio-3-2, .col-md-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-6 { float: left; width: 50%; }
  .col-md-push-6 { left: 51.256281407%; }
  .col-md-pull-6 { right: 51.256281407%; }
  .col-md-7 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 57.2864321608%; }
  .col-md-7:last-child { margin-right: 0; }
  .col-md-7.ratio-3-2, .col-md-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-7.ratio-3-2, .col-md-7 .ratio-3-2 { min-height: calc((40.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-7.ratio-3-2, .col-md-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-7 { float: left; width: 58.3333333333%; }
  .col-md-push-7 { left: 59.7989949749%; }
  .col-md-pull-7 { right: 59.7989949749%; }
  .col-md-8 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 65.8291457286%; }
  .col-md-8:last-child { margin-right: 0; }
  .col-md-8.ratio-3-2, .col-md-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-8.ratio-3-2, .col-md-8 .ratio-3-2 { min-height: calc((46.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-8.ratio-3-2, .col-md-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-8 { float: left; width: 66.6666666667%; }
  .col-md-push-8 { left: 68.3417085427%; }
  .col-md-pull-8 { right: 68.3417085427%; }
  .col-md-9 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 74.3718592965%; }
  .col-md-9:last-child { margin-right: 0; }
  .col-md-9.ratio-3-2, .col-md-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-9.ratio-3-2, .col-md-9 .ratio-3-2 { min-height: calc((52.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-9.ratio-3-2, .col-md-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-9 { float: left; width: 75%; }
  .col-md-push-9 { left: 76.8844221106%; }
  .col-md-pull-9 { right: 76.8844221106%; }
  .col-md-10 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 82.9145728643%; }
  .col-md-10:last-child { margin-right: 0; }
  .col-md-10.ratio-3-2, .col-md-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-10.ratio-3-2, .col-md-10 .ratio-3-2 { min-height: calc((58.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-10.ratio-3-2, .col-md-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-10 { float: left; width: 83.3333333333%; }
  .col-md-push-10 { left: 85.4271356784%; }
  .col-md-pull-10 { right: 85.4271356784%; }
  .col-md-11 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 91.4572864322%; }
  .col-md-11:last-child { margin-right: 0; }
  .col-md-11.ratio-3-2, .col-md-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-11.ratio-3-2, .col-md-11 .ratio-3-2 { min-height: calc((64.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-11.ratio-3-2, .col-md-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-11 { float: left; width: 91.6666666667%; }
  .col-md-push-11 { left: 93.9698492462%; }
  .col-md-pull-11 { right: 93.9698492462%; }
  .col-md-12 { float: left; display: block; margin-right: 2.5125628141%; width: 100%; }
  .col-md-12:last-child { margin-right: 0; }
  .col-md-12.ratio-3-2, .col-md-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (min-width: 1400px) { .col-md-12.ratio-3-2, .col-md-12 .ratio-3-2 { min-height: calc((70vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) and (max-width: 991px) { .col-md-12.ratio-3-2, .col-md-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 992px) { .col-fixed-md-12 { width: 100%; }
  .col-md-push-12 { left: 102.512562814%; }
  .col-md-pull-12 { right: 102.512562814%; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } }

@media screen and (min-width: 992px) { .flexbox-cover .col-md-0 { width: 0%; position: relative; min-height: 1px; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .col-md-1:nth-child(12n) { margin-right: 0; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .col-md-2:nth-child(6n) { margin-right: 0; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .col-md-3:nth-child(4n) { margin-right: 0; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .col-md-4:nth-child(3n) { margin-right: 0; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .col-md-6:nth-child(2n) { margin-right: 0; } }

@media screen and (min-width: 992px) and (max-width: 1199px) { .col-md-12:nth-child(1n) { margin-right: 0; } }

@media screen and (min-width: 1200px) { .container, .centered-content, .centered-wide-content { max-width: 94vw; margin-left: auto; margin-right: auto; }
  .container:before, .container:after, .centered-content:before, .centered-wide-content:before, .centered-content:after, .centered-wide-content:after { content: " "; display: table; }
  .container:after, .centered-content:after, .centered-wide-content:after { clear: both; }
  .col-lg-1 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 6.0301507538%; }
  .col-lg-1:last-child { margin-right: 0; }
  .col-lg-1.ratio-3-2, .col-lg-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-1.ratio-3-2, .col-lg-1 .ratio-3-2 { min-height: calc((5.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-1.ratio-3-2, .col-lg-1 .ratio-3-2 { min-height: calc((7.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-1 { float: left; width: 8.3333333333%; }
  .col-lg-push-1 { left: 8.5427135678%; }
  .col-lg-pull-1 { right: 8.5427135678%; }
  .col-lg-2 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 14.5728643216%; }
  .col-lg-2:last-child { margin-right: 0; }
  .col-lg-2.ratio-3-2, .col-lg-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-2.ratio-3-2, .col-lg-2 .ratio-3-2 { min-height: calc((11.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-2.ratio-3-2, .col-lg-2 .ratio-3-2 { min-height: calc((15.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-2 { float: left; width: 16.6666666667%; }
  .col-lg-push-2 { left: 17.0854271357%; }
  .col-lg-pull-2 { right: 17.0854271357%; }
  .col-lg-3 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 23.1155778894%; }
  .col-lg-3:last-child { margin-right: 0; }
  .col-lg-3.ratio-3-2, .col-lg-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-3.ratio-3-2, .col-lg-3 .ratio-3-2 { min-height: calc((17.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-3.ratio-3-2, .col-lg-3 .ratio-3-2 { min-height: calc((23.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-3 { float: left; width: 25%; }
  .col-lg-push-3 { left: 25.6281407035%; }
  .col-lg-pull-3 { right: 25.6281407035%; }
  .col-lg-4 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 31.6582914573%; }
  .col-lg-4:last-child { margin-right: 0; }
  .col-lg-4.ratio-3-2, .col-lg-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-4.ratio-3-2, .col-lg-4 .ratio-3-2 { min-height: calc((23.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-4.ratio-3-2, .col-lg-4 .ratio-3-2 { min-height: calc((31.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-4 { float: left; width: 33.3333333333%; }
  .col-lg-push-4 { left: 34.1708542714%; }
  .col-lg-pull-4 { right: 34.1708542714%; }
  .col-lg-5 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 40.2010050251%; }
  .col-lg-5:last-child { margin-right: 0; }
  .col-lg-5.ratio-3-2, .col-lg-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-5.ratio-3-2, .col-lg-5 .ratio-3-2 { min-height: calc((29.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-5.ratio-3-2, .col-lg-5 .ratio-3-2 { min-height: calc((39.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-5 { float: left; width: 41.6666666667%; }
  .col-lg-push-5 { left: 42.7135678392%; }
  .col-lg-pull-5 { right: 42.7135678392%; }
  .col-lg-6 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 48.743718593%; }
  .col-lg-6:last-child { margin-right: 0; }
  .col-lg-6.ratio-3-2, .col-lg-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-6.ratio-3-2, .col-lg-6 .ratio-3-2 { min-height: calc((35vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-6.ratio-3-2, .col-lg-6 .ratio-3-2 { min-height: calc((47vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-6 { float: left; width: 50%; }
  .col-lg-push-6 { left: 51.256281407%; }
  .col-lg-pull-6 { right: 51.256281407%; }
  .col-lg-7 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 57.2864321608%; }
  .col-lg-7:last-child { margin-right: 0; }
  .col-lg-7.ratio-3-2, .col-lg-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-7.ratio-3-2, .col-lg-7 .ratio-3-2 { min-height: calc((40.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-7.ratio-3-2, .col-lg-7 .ratio-3-2 { min-height: calc((54.8333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-7 { float: left; width: 58.3333333333%; }
  .col-lg-push-7 { left: 59.7989949749%; }
  .col-lg-pull-7 { right: 59.7989949749%; }
  .col-lg-8 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 65.8291457286%; }
  .col-lg-8:last-child { margin-right: 0; }
  .col-lg-8.ratio-3-2, .col-lg-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-8.ratio-3-2, .col-lg-8 .ratio-3-2 { min-height: calc((46.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-8.ratio-3-2, .col-lg-8 .ratio-3-2 { min-height: calc((62.6666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-8 { float: left; width: 66.6666666667%; }
  .col-lg-push-8 { left: 68.3417085427%; }
  .col-lg-pull-8 { right: 68.3417085427%; }
  .col-lg-9 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 74.3718592965%; }
  .col-lg-9:last-child { margin-right: 0; }
  .col-lg-9.ratio-3-2, .col-lg-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-9.ratio-3-2, .col-lg-9 .ratio-3-2 { min-height: calc((52.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-9.ratio-3-2, .col-lg-9 .ratio-3-2 { min-height: calc((70.5vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-9 { float: left; width: 75%; }
  .col-lg-push-9 { left: 76.8844221106%; }
  .col-lg-pull-9 { right: 76.8844221106%; }
  .col-lg-10 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 82.9145728643%; }
  .col-lg-10:last-child { margin-right: 0; }
  .col-lg-10.ratio-3-2, .col-lg-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-10.ratio-3-2, .col-lg-10 .ratio-3-2 { min-height: calc((58.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-10.ratio-3-2, .col-lg-10 .ratio-3-2 { min-height: calc((78.3333333333vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-10 { float: left; width: 83.3333333333%; }
  .col-lg-push-10 { left: 85.4271356784%; }
  .col-lg-pull-10 { right: 85.4271356784%; }
  .col-lg-11 { float: left; float: left; display: block; margin-right: 2.5125628141%; width: 91.4572864322%; }
  .col-lg-11:last-child { margin-right: 0; }
  .col-lg-11.ratio-3-2, .col-lg-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-11.ratio-3-2, .col-lg-11 .ratio-3-2 { min-height: calc((64.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-11.ratio-3-2, .col-lg-11 .ratio-3-2 { min-height: calc((86.1666666667vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-11 { float: left; width: 91.6666666667%; }
  .col-lg-push-11 { left: 93.9698492462%; }
  .col-lg-pull-11 { right: 93.9698492462%; }
  .col-lg-12 { float: left; display: block; margin-right: 2.5125628141%; width: 100%; }
  .col-lg-12:last-child { margin-right: 0; }
  .col-lg-12.ratio-3-2, .col-lg-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (min-width: 1400px) { .col-lg-12.ratio-3-2, .col-lg-12 .ratio-3-2 { min-height: calc((70vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) and (max-width: 991px) { .col-lg-12.ratio-3-2, .col-lg-12 .ratio-3-2 { min-height: calc((94vw - 25px) / 3 * 2); } }

@media screen and (min-width: 1200px) { .col-fixed-lg-12 { width: 100%; }
  .col-lg-push-12 { left: 102.512562814%; }
  .col-lg-pull-12 { right: 102.512562814%; } }

@media screen and (min-width: 1200px) and (min-width: 1200px) { .hidden-lg { display: none !important; } }

@media screen and (min-width: 1200px) { .flexbox-cover .col-lg-0 { width: 0%; position: relative; min-height: 1px; } }

@media screen and (min-width: 1200px) { .col-lg-1:nth-child(12n) { margin-right: 0; } }

@media screen and (min-width: 1200px) { .col-lg-2:nth-child(6n) { margin-right: 0; } }

@media screen and (min-width: 1200px) { .col-lg-3:nth-child(4n) { margin-right: 0; } }

@media screen and (min-width: 1200px) { .col-lg-4:nth-child(3n) { margin-right: 0; } }

@media screen and (min-width: 1200px) { .col-lg-6:nth-child(2n) { margin-right: 0; } }

@media screen and (min-width: 1200px) { .col-lg-12:nth-child(1n) { margin-right: 0; } }

.item-stretch { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }

.item-stretch > * { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.item-stretch > .bg-cover { min-height: 15em; }

@media screen and (max-width: 767px) { .flexbox-xs-wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .flexbox-xs-wrap > div + div { margin-top: 2em; } }

@media screen and (max-width: 767px) { .col-xs-12 { width: 100%; flex-grow: 10; } }

/*****************************************************************************************************************/
/* common selectors */
/*****************************************************************************************************************/
a { color: #846baa; }

a:hover { color: #000; text-decoration: none; }

a.underline-on-hover { text-decoration: none; }

a.underline-on-hover:hover { text-decoration: underline; }

img, picture source { max-width: 100%; }

.centered-wide-content { width: 100%; max-width: 1248px; position: relative; overflow: hidden; }

.absolute-centered-content { position: absolute; top: 0; left: 50%; margin-left: 47vw; }

.fl-left, .pull-left { float: left; }

.fl-right, .pull-right { float: right; }

.centered { margin: 0px auto; }

.offset-top { margin-top: 20px; }

.offset-vertical { margin-top: 20px; margin-bottom: 20px; }

.offset-bottom { margin-bottom: 20px; }

.offset-top-lg { margin-top: 40px; }

.offset-bottom-lg { margin-bottom: 40px; }

.offset-left { margin-left: 20px; }

.offset-right { margin-right: 20px; }

.offset-left-lg { margin-left: 40px; }

.offset-right-lg { margin-right: 40px; }

.padding-vertical-sm { padding-top: 1.5em; padding-bottom: 1.5em; }

.padding-vertical-md { padding-top: 3em; padding-bottom: 3em; }

.padding-horizontal-sm { padding-left: 1.5em; padding-right: 1.5em; }

.padding-horizontal-md { padding-left: 3em; padding-right: 3em; }

.text-nowrap, .no-wrap { white-space: nowrap; }

.hidden, .js-hidden { display: none; }

.truncate-full-width { text-overflow: ellipsis; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; vertical-align: top; }

.hyphenate { word-wrap: break-word; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual; }

.black-20 { background: url("../img/shared/black-20.png"); }

.black-50 { background: url("../img/shared/black-50.png"); }

.black-70 { background: url("../img/shared/black-70.png"); }

.bg-rounded-primary, a.bg-rounded-primary { border-radius: 20px; background-color: #846baa; color: #fff; padding: 3px 12px 4px 12px; display: inline-block; line-height: 1.0em !important; text-decoration: none; }

.bg-rounded-primary a, a.bg-rounded-primary a { color: #fff; text-decoration: none; }

.bg-rounded-primary a:hover, a.bg-rounded-primary a:hover { text-decoration: underline; }

.row-bg-default { background-color: #f0f0f0; }

.row-bg-white { background-color: #fff; }

.row-bg-gray { background-color: #e4e6e8; }

.row-bg-gray-lighter { background-color: #eff0f1; }

.row-bg-color { background-color: #846baa; color: #fff; }

.row-bg-color a, .row-bg-color h1, .row-bg-color h2, .row-bg-color #search-cloud h2, #search-cloud .row-bg-color h2, .row-bg-color h3, .row-bg-color h4, .row-bg-color h5 { color: #fff; }

/*****************************************************************************************************************/
/* typography */
/*****************************************************************************************************************/
h1, .global-search-cover h1, h2, .global-search-cover > h2, #search-cloud h2, h3, h4, h5 { line-height: 1.2em; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 strong, .global-search-cover h1 strong, h2 strong, .global-search-cover > h2 strong, #search-cloud h2 strong, h3 strong, h4 strong, h5 strong { font-weight: 700; }

h1 small, .global-search-cover h1 small, h2 small, .global-search-cover > h2 small, #search-cloud h2 small, h3 small, h4 small, h5 small { font-size: 0.7em; }

h1 small.date, h2 small.date, #search-cloud h2 small.date, h3 small.date, h4 small.date, h5 small.date { color: #9b9b9b; }

h1, .global-search-cover h1 { color: #846baa; font-size: 2.2em; margin-bottom: 18px; font-weight: 600; padding-bottom: 5px; line-height: 1.1em; }

h1 + h2, .global-search-cover h1 + h2, #search-cloud h1 + h2, #search-cloud .global-search-cover h1 + h2 { margin-top: -12px; padding-top: 0px; }

h1 small, .global-search-cover h1 small { font-size: 0.6em; }

h2, .global-search-cover > h2, #search-cloud h2 { color: #000; font-size: 1.8em; margin: 15px 0px 5px 0px; font-weight: 600; }

h3 { color: #222; font-size: 1.6em; margin: 10px 0px 5px 0px; font-weight: 600; }

h4 { color: #222; font-size: 1.5em; margin: 0px; margin-bottom: 5px; font-weight: 600; }

h4 a { font-weight: 700; }

h5 { color: #222; font-size: 1.4em; padding: 0px; margin-bottom: 5px; font-weight: 600; }

h5 a { font-weight: 700; }

.heading-with-border { border-bottom: 2px solid #e4e4e4; }

.font-heading { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.font-heading strong { font-weight: 700; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-left { text-align: left; }

table td, table th { border: 1px solid #ccc; padding: 4px 6px; }

table td[valign="top"], table th[valign="top"] { vertical-align: top; }

table td[valign="bottom"], table th[valign="bottom"] { vertical-align: bottom; }

table[border="0"] td, table[border="0"] th { border-width: 0px; }

.stroke { text-decoration: line-through; }

.table-responsive { width: 100%; }

@media screen and (max-width: 767px) { .table-responsive { border: 0 !important; } }

.table-responsive thead { position: absolute; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; overflow: hidden; }

@media screen and (min-width: 768px) { .table-responsive thead { position: relative; clip: auto; height: auto; width: auto; overflow: auto; } }

@media screen and (max-width: 991px) { .table-responsive tbody, .table-responsive tr, .table-responsive th, .table-responsive td { display: block; white-space: normal; } }

@media screen and (min-width: 768px) { .table-responsive tr { display: table-row; } }

@media screen and (min-width: 768px) { .table-responsive th, .table-responsive td { display: table-cell; } }

.table-responsive caption { margin-bottom: 1em; font-size: 1em; font-weight: bold; text-align: center; }

@media screen and (min-width: 768px) { .table-responsive caption { font-size: 1.5em; } }

@media screen and (min-width: 768px) { .table-responsive tbody { display: table-row-group; } }

.table-responsive tbody tr { margin-bottom: 4em; }

@media screen and (min-width: 768px) { .table-responsive tbody tr { display: table-row; } }

.table-responsive tbody tr:last-of-type { margin-bottom: 0; }

@media screen and (max-width: 767px) { .table-responsive tbody td[data-title] { text-align: right; } }

.table-responsive tbody td[data-title]:before { content: attr(data-title); float: left; font-size: .9em; color: rgba(94, 93, 82, 0.75); }

@media screen and (min-width: 768px) { .table-responsive tbody td[data-title]:before { content: none; } }

@media print { .table-responsive tbody td[data-title]:before { content: none; } }

.content { max-width: 85vw; }

#content, .content, #foo-top, .tiny, .frontend-sitemap { line-height: 1.6em; /* Tezko odlisit v sablone podle $indexPage */ }

#content hr, .content hr, #foo-top hr, .tiny hr, .frontend-sitemap hr { color: #e0e0e0; background: #e0e0e0; margin: 15px 0px; }

#content hr.cleaner, .content hr.cleaner, #foo-top hr.cleaner, .tiny hr.cleaner, .frontend-sitemap hr.cleaner { margin: 0px; }

#content ul, #content ol, .content ul, .content ol, #foo-top ul, #foo-top ol, .tiny ul, .tiny ol, .frontend-sitemap ul, .frontend-sitemap ol { margin: 5px 30px; }

#content ul, .content ul, #foo-top ul, .tiny ul, .frontend-sitemap ul { list-style: square; }

#content ol, .content ol, #foo-top ol, .tiny ol, .frontend-sitemap ol { list-style: decimal; }

#content li, .content li, #foo-top li, .tiny li, .frontend-sitemap li { margin: 0.5em 0; }

#content h1:first-child, #content h2:first-child, #content h3:first-child, #content h4:first-child, #content h5:first-child, .content h1:first-child, .content h2:first-child, .content #search-cloud h2:first-child, #search-cloud .content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, #foo-top h1:first-child, #foo-top h2:first-child, #foo-top h3:first-child, #foo-top h4:first-child, #foo-top h5:first-child, .tiny h1:first-child, .tiny h2:first-child, .tiny #search-cloud h2:first-child, #search-cloud .tiny h2:first-child, .tiny h3:first-child, .tiny h4:first-child, .tiny h5:first-child, .frontend-sitemap h1:first-child, .frontend-sitemap h2:first-child, .frontend-sitemap #search-cloud h2:first-child, #search-cloud .frontend-sitemap h2:first-child, .frontend-sitemap h3:first-child, .frontend-sitemap h4:first-child, .frontend-sitemap h5:first-child { margin-top: 0; }

#content .link-show-more, .content .link-show-more, #foo-top .link-show-more, .tiny .link-show-more, .frontend-sitemap .link-show-more { display: none; }

.tiny img[style*="float: left;"], .tiny img[style*="float:left"] { margin: 5px 40px 15px 0px; }

.tiny img[style*="float: right;"], .tiny img[style*="float:right"] { margin: 5px 0px 15px 40px; }

.catalog h1, #detail h1 { color: #846baa; }

/*****************************************************************************************************************/
/* forms */
/*****************************************************************************************************************/
input[type="text"], input[type="password"], select, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] { border: 1px solid #ccc; padding: 2px 5px; }

/*****************************************************************************************************************/
/* buttons */
/*****************************************************************************************************************/
.btn, input[type="submit"] { font-size: 1.2em; display: inline-block; -webkit-appearance: none; text-decoration: none; }

.btn.filetype.popup, input.filetype.popup[type="submit"] { padding: 6px 12px; }

.btn-primary, input[type="submit"] { color: #fff; background-color: #846baa; border-color: #6b5290; }

.btn-primary:focus, input:focus[type="submit"], .btn-primary.focus, input.focus[type="submit"] { color: #fff; background-color: #6b5290; border-color: #2f243f; }

.btn-primary:hover, input:hover[type="submit"] { color: #fff; background-color: #6b5290; border-color: #4e3c69; }

.btn-primary:active, input:active[type="submit"], .btn-primary.active, input.active[type="submit"], .open > .btn-primary.dropdown-toggle, .open > input.dropdown-toggle[type="submit"] { color: #fff; background-color: #6b5290; border-color: #4e3c69; }

.btn-primary:active:hover, input:active:hover[type="submit"], .btn-primary:active:focus, input:active:focus[type="submit"], .btn-primary:active.focus, input:active.focus[type="submit"], .btn-primary.active:hover, input.active:hover[type="submit"], .btn-primary.active:focus, input.active:focus[type="submit"], .btn-primary.active.focus, input.active.focus[type="submit"], .open > .btn-primary.dropdown-toggle:hover, .open > input.dropdown-toggle:hover[type="submit"], .open > .btn-primary.dropdown-toggle:focus, .open > input.dropdown-toggle:focus[type="submit"], .open > .btn-primary.dropdown-toggle.focus, .open > input.dropdown-toggle.focus[type="submit"] { color: #fff; background-color: #5a4579; border-color: #2f243f; }

.btn-primary:active, input:active[type="submit"], .btn-primary.active, input.active[type="submit"], .open > .btn-primary.dropdown-toggle, .open > input.dropdown-toggle[type="submit"] { background-image: none; }

.btn-primary.disabled:hover, input.disabled:hover[type="submit"], .btn-primary.disabled:focus, input.disabled:focus[type="submit"], .btn-primary.disabled.focus, input.disabled.focus[type="submit"], .btn-primary[disabled]:hover, input[disabled]:hover[type="submit"], .btn-primary[disabled]:focus, input[disabled]:focus[type="submit"], .btn-primary[disabled].focus, input[disabled].focus[type="submit"], fieldset[disabled] .btn-primary:hover, fieldset[disabled] input:hover[type="submit"], fieldset[disabled] .btn-primary:focus, fieldset[disabled] input:focus[type="submit"], fieldset[disabled] .btn-primary.focus, fieldset[disabled] input.focus[type="submit"] { background-color: #846baa; border-color: #6b5290; }

.btn-primary .badge, input[type="submit"] .badge { color: #846baa; background-color: #fff; }

.btn-secondary { color: #fff; background-color: #555; border-color: #3c3b3b; }

.btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #3c3b3b; border-color: black; }

.btn-secondary:hover { color: #fff; background-color: #3c3b3b; border-color: #1d1d1d; }

.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #fff; background-color: #3c3b3b; border-color: #1d1d1d; }

.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { color: #fff; background-color: #2a2a2a; border-color: black; }

.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { background-image: none; }

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus { background-color: #555; border-color: #3c3b3b; }

.btn-secondary .badge { color: #555; background-color: #fff; }

.btn-secondary:hover { color: #fff !important; }

.btn-lg { font-size: 1.4em; font-weight: normal; }

.btn-lg.filetype.popup { padding: 10px 16px; }

a.btn-link { color: #846baa; font-size: 14px; font-weight: normal; text-decoration: underline; }

a.btn-link:hover { color: #846baa; text-decoration: none; }

a.btn-link-white { color: #fff; font-size: 14px; font-weight: normal; }

a.btn-link-white:hover { color: #fff; }

/*****************************************************************************************************************/
/* header */
/*****************************************************************************************************************/
header { font-size: 1.1em; background-color: #000; padding: 1em 0 0.5em 0; border-bottom: 1px solid #846baa; }

@media screen and (min-width: 992px) { .header-wrapper header { position: fixed; top: 0; z-index: 125; width: 100%; }
  .header-wrapper + * { margin-top: 103px; } }

@media screen and (max-width: 991px) { .header-content-cover { text-align: center; padding-top: 40px; }
  .header-content-cover .logo { float: none !important; } }

.logo { height: 40px; margin: 0em 1em 0em 0em; width: 100%; max-width: 300px; }

.logo img, .logo picture source { max-height: 40px; width: 100%; max-width: 300px; }

@media screen and (max-width: 991px) { .logo { max-height: 30px; max-width: 40vw; margin-left: auto; margin-right: auto; } }

@media screen and (max-width: 991px) { .horizontal-bar-hidden { display: none !important; } }

@media screen and (min-width: 992px) { .horizontal-bar-min-hidden { display: none !important; } }

#header-right { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }

#header-right > * { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

#h-basket { position: relative; }

#h-basket .item-count { position: absolute; top: -7px; right: -7px; }

#header-slider { position: relative; min-width: 100%; overflow: hidden; }

#header-slider.tall, #header-slider.tall .slide { height: 35vw; min-height: 320px; }

@media screen and (max-width: 768px) { #header-slider.tall, #header-slider.tall .slide { min-height: 300px; height: 300px; }
  #header-slider.tall .slide-content, #header-slider.tall .slide .slide-content { padding-top: 0.5em; } }

@media screen and (min-width: 992px) { #header-slider { margin-top: 100px; } }

#header-slider.narrow, #header-slider.narrow .slide { height: 340px; }

#header-slider.narrow .slide-content, #header-slider.narrow .slide .slide-content { font-size: 1.3em; }

#header-slider .centered-content, #header-slider .centered-wide-content { position: relative; }

#slider .slide { background-size: cover; background-position: center center; text-decoration: none; }

#slider .slide-content { display: block; text-decoration: none; font-size: 1.3em; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); padding-top: 2em; }

@media screen and (min-width: 992px) { #slider .slide-content { font-size: 2em; } }

#slider .slide-content * { color: #fff; }

#slider, #slider .slide { width: 100%; }

#slider-nav { width: 20%; bottom: 110px; position: absolute; left: 40%; padding: 20px; text-align: center; z-index: 120; }

@media screen and (max-width: 991px) { #slider-nav { left: 15%; width: 70%; } }

#slider-nav span { font-size: 0; border-radius: 50%; border: 1px solid #000; background: #aaa; width: 20px; height: 20px; display: inline-block; margin: 0 5px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); }

#slider-nav span.cycle-pager-active { background: #846baa; }

.header-card { font-size: 1.5em; line-height: 1.4em; font-weight: 300; background-color: #846baa; color: #fff; padding: 1em; }

.additional-information-body { padding-right: 10px; padding-left: 10px; font-size: 14px; }

.additional-information { padding-bottom: 10px; position: fixed; margin-left: 120px; color: black; background-color: #ffffff; top: 102px; bottom: 10px; z-index: 1000; border: solid 1px; width: 276px; right: 0px; overflow-y: scroll; }

.additional-information a.toCart:focus { border: 1px solid; }

.additional-information .fa-trash-o { color: grey; font-size: 15px; }

.additional-information-margin-top { margin-top: 15px; }

.additional-badge { font-size: 11px; }

.white-space { white-space: normal; }

.white-space-margin { margin-top: 15px; }

.toCart { margin-left: -10px; margin-top: 30px; }

@media (max-width: 991px) { .additional-information { top: 40px; } }

/*****************************************************************************************************************/
/* navigation */
/*****************************************************************************************************************/
.centered-navigation-wrapper { float: right; }

@media screen and (max-width: 991px) { .top-bar-fixed { position: fixed; top: 0; left: 0; right: 0; height: 40px; background-color: #846baa; color: #fff; z-index: 990; }
  .centered-navigation-wrapper { float: none; } }

#topnav { list-style: none; text-align: right; font-size: 0.9em; white-space: nowrap; }

#topnav ul li { display: inline-block; color: #fff; }

#topnav ul a { color: #fff; text-decoration: underline; display: inline-block; padding: 12px 0.5em; }

#topnav ul a:hover { text-decoration: none; }

#topnav ul span { margin: 0px -1px 0px 3px; }

#topnav .button-group { margin-left: 1em; }

#topnav .button-group a { text-decoration: none; }

#topnav .button-group label .button-group-item { background: none; border: 0 !important; color: #846baa; }

#topnav .button-group label .button-group-item:hover { background: #fff; }

#topnav .dropdown { margin-right: -0.5em; margin-left: 1em; }

#topnav .dropdown-button { border-radius: 3px; border: 1px solid silver; padding: 0 2em 0 1em; line-height: 34px; font-size: 1em; }

@media screen and (max-width: 991px) { #topnav { position: fixed; top: 3px; right: 3vw; z-index: 992; }
  #topnav .dropdown-button { line-height: 33px; padding: 0 1.7em 0 0.8em; }
  #topnav .button-group-item { padding: 0.7em; background: none; border: 0; color: #fff !important; }
  #topnav .dropdown-container, #topnav .dropdown-button { background: none; border: 0; color: #fff !important; } }

#topnav ul.dropdown-menu { margin-right: 0; width: 100%; }

#topnav ul.dropdown-menu a { text-decoration: none; color: #333 !important; }

#topnav .dropdown-select li { display: block; padding: 0; }

@media screen and (max-width: 991px) { .hidden-mobile { display: none; } }

@media screen and (min-width: 992px) { .hidden-desktop { display: none; } }

/* horizontalni menu */
#topmenu { background: none; border: 0px none; min-height: 0; }

@media screen and (max-width: 991px) { #topmenu { text-align: left; position: fixed; top: 0; left: 0; color: #fff; z-index: 991; }
  #topmenu a { color: #fff; } }

#topmenu .centered-navigation-menu { text-align: right; }

#topmenu .centered-navigation-menu .nav-link a { color: #fff; }

#topmenu .centered-navigation-menu .nav-link a:hover, #topmenu .centered-navigation-menu .nav-link a.active { color: #846baa; text-decoration: none; }

@media screen and (max-width: 991px) { #topmenu .centered-navigation-menu { position: fixed; left: -70vw; top: 40px; bottom: 0; overflow-y: scroll; width: 70vw; z-index: 100; background-color: #262626; border-right: 1px solid black; text-align: left; display: none; }
  #topmenu .centered-navigation-menu.js-visible { left: 0; display: block; }
  #topmenu .centered-navigation-menu ul.submenu li a, #topmenu .centered-navigation-menu ul li a, #topmenu .centered-navigation-menu ul li.nav-link, #topmenu .centered-navigation-menu ul li { text-align: left; } }

#topmenu .centered-navigation-mobile-menu { line-height: 40px; float: left; }

#topmenu .centered-navigation-mobile-menu.active .fa-times { display: inline-block; }

#topmenu .centered-navigation-mobile-menu.active .fa-bars { display: none; }

#topmenu .centered-navigation-mobile-menu.inactive .fa-times { display: none; }

#topmenu .centered-navigation-mobile-menu.inactive .fa-bars { display: inline-block; }

#topmenu .nav-link { text-transform: uppercase; background-color: transparent; line-height: 40px; z-index: initial; }

#topmenu .nav-link.last { padding-right: 0; }

#topmenu .nav-link.last ul.submenu { right: 0; }

#topmenu .nav-link.pre-last ul.submenu { right: 1em; }

#topmenu .nav-link.last ul.submenu, #topmenu .nav-link.pre-last ul.submenu { left: auto; }

#topmenu .nav-link ul.submenu a { color: #000; }

#topmenu .nav-link ul.submenu a:hover { color: #846baa; }

@media screen and (max-width: 991px) { #topmenu .nav-link { margin-right: 0; padding-right: 0; } }

#topmenu .nav-link.more > a:after { color: #846baa; }

@media screen and (max-width: 991px) { #topmenu .nav-link.more > a:after { right: 0.5em; } }

@media screen and (max-width: 991px) { #topmenu .nav-link > a { padding-right: 1em; padding-left: 0.6em; margin-right: 0; display: block; text-align: left; } }

@media screen and (min-width: 992px) { #topmenu li.more:focus > .submenu.has-columns, #topmenu li.more:hover > .submenu.has-columns { display: flex; } }

#topmenu ul { margin-right: 0; }

#topmenu ul.submenu { left: 0; border-radius: 3px; border: 1px solid #555; border-bottom-width: 2px; background-color: #fff; }

@media screen and (max-width: 991px) { #topmenu ul.submenu { border-right: 0; border-left: 0; } }

@media screen and (min-width: 992px) { #topmenu ul.submenu.has-columns a { border-radius: 0; }
  #topmenu ul.submenu.has-columns > li + li { border-left: 1px solid black; } }

#topmenu ul.submenu li { line-height: 1.4em; }

@media screen and (min-width: 992px) { #topmenu ul.submenu li.submenu-cover { float: left; } }

#topmenu ul.submenu li a { position: relative; z-index: 1; background-color: #fff; text-transform: none; margin-right: 0; padding-top: 0.5em; padding-bottom: 0.5em; max-width: 250px; width: 20em; min-width: 200px; }

#topmenu ul.submenu li a:hover { background-color: #fff; }

@media screen and (max-width: 991px) { #topmenu ul.submenu li a { width: 100%; max-width: none; } }

@media screen and (max-width: 991px) { #topmenu ul.submenu li a { padding-left: 1em; border-left: 0; border-right: 0; } }

#topmenu ul.submenu li:first-child > a { padding-top: 1em; }

#topmenu ul.submenu li:last-child > a { padding-bottom: 1em; }

.lang-list-inline { margin-top: 0.8em; }

.lang-list-inline li { display: inline-block; }

.lang-list-inline a { color: #b3b2b2; text-decoration: none; }

.lang-list-inline a:hover { color: #fff; text-decoration: underline; }

/** u mobilni verze nechceme hover chovani menu **/
@media screen and (max-width: 991px) { .centered-navigation li.more:focus > .submenu, .centered-navigation li.more:hover > .submenu { display: none; }
  .centered-navigation .nav-link { position: relative; }
  .centered-navigation span.placeholder { display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; width: 90px; } }

/*****************************************************************************************************************/
/* footer */
/*****************************************************************************************************************/
#foo-top { background-color: #846baa; color: #fff; clear: both; border-top: 1px solid #fff; }

#foo-top .text-comp-item { color: #fff; background-color: #846baa; }

#foo-top .text-comp-item-inner { padding: 0; }

#foo-top * { color: #fff; }

#foo { background-color: #1d1d1e; border-top: 1px solid #f0f0f0; }

#foo h1:first-child, #foo h2:first-child, #foo h3:first-child, #foo h4:first-child, #foo-top h1:first-child, #foo-top h2:first-child, #foo-top h3:first-child, #foo-top h4:first-child { margin-top: 0; }

#foo a, #foo-top a { color: white; }

#foo a:hover, #foo-top a:hover { text-decoration: none; }

#in-foo { position: relative; color: #fff; line-height: 1.4em; }

#in-foo h5 { color: #fff; margin-top: 1.5em; }

#in-foo h5:first-child { margin-top: 0; }

#copyright { color: #ccc; position: static; }

#copyright p br { display: none; }

.footer-logo { display: block; }

.footer-logo picture source, .footer-logo picture img { height: 35px; }

.footer-logo.pf-group { padding-right: 3em; }

.footer-logo.pf-group picture source, .footer-logo.pf-group picture img { height: 60px; }

.logo-print { display: none; }

.foo-column { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; margin-bottom: 1.5em; }

.foo-column-item { padding: 0; margin: 0; }

.foo-column-title { border-bottom: 1px solid rgba(255, 255, 255, 0.3); height: 50px; font-weight: 500; font-size: 1.4em; padding-bottom: 10px; display: flex; width: 100%; white-space: nowrap; }

.foo-column-title span { align-self: flex-end; }

.foo-column-item-inner { padding-top: 1em; }

.foo-column-item-inner i.fa { font-size: 2.5em; float: left; clear: left; width: 45px; margin-right: 0.5em; text-align: center; }

.foo-column-item-inner .icon-div { float: left; margin-bottom: 1.5em; }

.foo-column-item-inner .icon-item { display: flex; }

.foo-column-item-inner, .foo-column-title { padding-right: 2em; }

.foo-column-image { display: inline-block; height: 40px; width: auto; }

#foo-top .foo-column-links { list-style: none; margin: 0; padding: 0; }

#foo-top .foo-column-links li { margin: 0; padding: 0; }

#foo-top .foo-column-links a { text-decoration: none; }

#foo-top .foo-column-links a:hover { text-decoration: underline; }

.in-foo-content { display: flex; }

@media screen and (max-width: 767px) { .in-foo-content { display: block; } }

.foo-brands { flex-grow: 10; }

.foo-logo-cover { float: left; margin-top: 1em; }

.foo-logo-cover picture img, .foo-logo-cover picture source { height: 30px; }

/*****************************************************************************************************************/
/* content */
/*****************************************************************************************************************/
#bigBanner { width: 100%; height: 376px; overflow: hidden; position: relative; }

#bigBanner .slide { display: block; width: 994px; height: 376px; float: left; }

#error-404 { padding: 30px 20px; float: none; }

#drobecky { padding: 1.4em 0; color: #999; line-height: 1.7em; background-color: #f0f0f0; }

@media screen and (max-width: 991px) { #drobecky { display: none; } }

#drobecky i { margin: 0px 0.7em; }

#drobecky a { color: #999; text-decoration: none; }

#drobecky a:hover span { color: #000; text-decoration: underline; }

#drobecky a.posledni-aktivni-kategorie, #drobecky strong { color: #999; text-decoration: none; }

#drobecky a.posledni-aktivni-kategorie:hover, #drobecky strong:hover { cursor: default; }

#drobecky a.posledni-aktivni-kategorie:hover span, #drobecky strong:hover span { text-decoration: none; color: #999; }

.red { color: #8e0000; }

.green { color: #009111; }

.text-danger { color: #8e0000; }

.text-success { color: #009111; }

.text-warning { color: #cd6f00; }

/*****************************************************************************************************************/
/*****  index page  ****/
/*****************************************************************************************************************/
.link-comp { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.link-comp-item { margin-bottom: 25px; text-decoration: none; }

.link-comp-item:hover { text-decoration: none; }

.link-comp-item .link-comp-item-flex { height: 100%; }

.link-comp-item-flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.link-comp-item-flex-column { -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }

.link-comp-item-inner { padding: 1.5em; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; flex-grow: 10; position: relative; background-color: #697482; color: #fff; text-decoration: none; }

.link-comp-item-inner:hover { text-decoration: none; background-color: #3b424a; color: #fff; }

.link-comp-item-inner.external { padding: 1.5em !important; }

.link-comp-item-inner[href*=".pdf"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".doc"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".docx"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".xls"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".xlsx"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".txt"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".ppt"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".pptx"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".pps"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".mp3"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".wma"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".zip"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".rar"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".avi"] { padding: 1.5em !important; }

.link-comp-item-inner[href*=".dwg"] { padding: 1.5em !important; }

@media screen and (max-width: 991px) { .link-comp-item-inner { /*padding-bottom: 0.5em; @include flex-direction(row);*/ } }

@media screen and (max-width: 767px) { .link-comp-item-inner { flex-grow: 10; } }

.link-comp-item-inner-image *[class*='col-'] { margin: 0; }

@media screen and (min-width: 768px) { .link-comp-item-inner-image .col-sm-6 { width: 50%; } }

.link-comp-item-big .link-comp-item-inner { background: transparent; }

.link-comp-item-big .link-comp-item-inner:hover { background: transparent; }

.link-comp-item-category .link-comp-item-inner { background-color: #000; }

.link-comp-item-category:hover .link-comp-item-inner { background-color: #846baa; }

@media screen and (max-width: 767px) { .link-comp-item-category { flex-direction: column-reverse; } }

.link-comp-item-category .link-comp-name { padding-bottom: 1em; padding-right: 0; }

.link-comp-item-category .link-comp-item-bg { background-size: contain; }

.link-comp-item-bg { background-color: #e4e6e8; background-size: cover; background-position: center center; background-repeat: no-repeat; }

@media screen and (max-width: 767px) { .link-comp-item-bg { background-size: contain; width: 100%; } }

@media screen and (min-width: 768px) { .link-comp-item-bg { min-height: 12em !important; } }

.link-comp-additional-text { margin-top: 1em; text-align: justify; color: #444; text-decoration: none; }

.link-comp-name, .link-comp-icon { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.link-comp-name { padding-right: 2em; font-size: 1.5em; line-height: 1.4em; font-weight: 400; position: relative; z-index: 1; }

.link-comp-name-big { padding-bottom: 1em; }

.link-comp-icon { position: absolute; bottom: 1.5em; }

.link-comp-icon-right { -webkit-align-self: flex-end; -moz-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; position: absolute; right: 1.5em; bottom: 1.9em; }

.text-comp { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; }

.content-index .text-comp { margin-top: -137px; margin-bottom: -2.9166666667vw; position: relative; z-index: 100; }

.text-comp-item { background-color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 25px; color: #444; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }

a.text-comp-item { color: #444; }

a.text-comp-item:hover .text-comp-title { background-color: #6b5290; }

.text-comp-item-flex { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.text-comp-item-inner { padding: 1.5em; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -ms-flex-positive: 2; }

.text-comp-item-inner[href*=".pdf"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".doc"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".docx"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".xls"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".xlsx"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".txt"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".ppt"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".pptx"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".pps"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".mp3"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".wma"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".zip"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".rar"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".avi"] { padding: 1.5em !important; }

.text-comp-item-inner[href*=".dwg"] { padding: 1.5em !important; }

.text-comp-item-text { -webkit-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -ms-flex-positive: 2; }

.text-comp-item-text > p:first-child { margin-top: 0 !important; }

.text-comp-item-bg { background-size: cover; background-position: center center; min-height: 20vh; }

.text-comp-title { font-size: 1.5em; line-height: 1.4em; font-weight: 400; background-color: #846baa; color: #fff; padding: 1em 1.5em; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; min-height: 4.7em; }

.call2actionCover { text-align: center; padding-top: 2em; }

.block-comp-cover { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.block-comp { background-color: #e4e6e8; overflow: hidden; color: #444; margin-bottom: 2em; }

a.block-comp { text-decoration: none; }

a.block-comp:hover { background-color: #c8cdd1; }

.block-comp-item-inner { margin: 0.5em 1em 1.5em 1em; }

.block-comp-title { font-weight: bold; margin: 0.5em 1em; }

.block-comp-item-bg { display: block; background-position: center center; margin-bottom: 1.5em; background-color: #ccc; }

.block-comp-item-bg .ratio-placehold-img { margin-top: -1px; margin-bottom: -1px; }

.ratio-placehold-img { width: 100%; height: auto; visibility: hidden; }

.bg-cover { background-size: cover; background-repeat: no-repeat; }

.bg-contain { background-size: contain; background-repeat: no-repeat; }

.bg-full-height { background-size: auto 100%; background-repeat: no-repeat; }

.link-comp[href*=".pdf"], .link-comp a[href*=".pdf"], .text-comp[href*=".pdf"], .text-comp a[href*=".pdf"], .block-comp[href*=".pdf"], .block-comp a[href*=".pdf"], header[href*=".pdf"], header a[href*=".pdf"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".doc"], .link-comp a[href*=".doc"], .text-comp[href*=".doc"], .text-comp a[href*=".doc"], .block-comp[href*=".doc"], .block-comp a[href*=".doc"], header[href*=".doc"], header a[href*=".doc"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".docx"], .link-comp a[href*=".docx"], .text-comp[href*=".docx"], .text-comp a[href*=".docx"], .block-comp[href*=".docx"], .block-comp a[href*=".docx"], header[href*=".docx"], header a[href*=".docx"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".xls"], .link-comp a[href*=".xls"], .text-comp[href*=".xls"], .text-comp a[href*=".xls"], .block-comp[href*=".xls"], .block-comp a[href*=".xls"], header[href*=".xls"], header a[href*=".xls"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".xlsx"], .link-comp a[href*=".xlsx"], .text-comp[href*=".xlsx"], .text-comp a[href*=".xlsx"], .block-comp[href*=".xlsx"], .block-comp a[href*=".xlsx"], header[href*=".xlsx"], header a[href*=".xlsx"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".txt"], .link-comp a[href*=".txt"], .text-comp[href*=".txt"], .text-comp a[href*=".txt"], .block-comp[href*=".txt"], .block-comp a[href*=".txt"], header[href*=".txt"], header a[href*=".txt"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".ppt"], .link-comp a[href*=".ppt"], .text-comp[href*=".ppt"], .text-comp a[href*=".ppt"], .block-comp[href*=".ppt"], .block-comp a[href*=".ppt"], header[href*=".ppt"], header a[href*=".ppt"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".pptx"], .link-comp a[href*=".pptx"], .text-comp[href*=".pptx"], .text-comp a[href*=".pptx"], .block-comp[href*=".pptx"], .block-comp a[href*=".pptx"], header[href*=".pptx"], header a[href*=".pptx"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".pps"], .link-comp a[href*=".pps"], .text-comp[href*=".pps"], .text-comp a[href*=".pps"], .block-comp[href*=".pps"], .block-comp a[href*=".pps"], header[href*=".pps"], header a[href*=".pps"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".mp3"], .link-comp a[href*=".mp3"], .text-comp[href*=".mp3"], .text-comp a[href*=".mp3"], .block-comp[href*=".mp3"], .block-comp a[href*=".mp3"], header[href*=".mp3"], header a[href*=".mp3"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".wma"], .link-comp a[href*=".wma"], .text-comp[href*=".wma"], .text-comp a[href*=".wma"], .block-comp[href*=".wma"], .block-comp a[href*=".wma"], header[href*=".wma"], header a[href*=".wma"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".zip"], .link-comp a[href*=".zip"], .text-comp[href*=".zip"], .text-comp a[href*=".zip"], .block-comp[href*=".zip"], .block-comp a[href*=".zip"], header[href*=".zip"], header a[href*=".zip"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".rar"], .link-comp a[href*=".rar"], .text-comp[href*=".rar"], .text-comp a[href*=".rar"], .block-comp[href*=".rar"], .block-comp a[href*=".rar"], header[href*=".rar"], header a[href*=".rar"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".avi"], .link-comp a[href*=".avi"], .text-comp[href*=".avi"], .text-comp a[href*=".avi"], .block-comp[href*=".avi"], .block-comp a[href*=".avi"], header[href*=".avi"], header a[href*=".avi"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp[href*=".dwg"], .link-comp a[href*=".dwg"], .text-comp[href*=".dwg"], .text-comp a[href*=".dwg"], .block-comp[href*=".dwg"], .block-comp a[href*=".dwg"], header[href*=".dwg"], header a[href*=".dwg"] { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp.video, .link-comp .video, .text-comp.video, .text-comp .video, .block-comp.video, .block-comp .video, header.video, header .video { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp.ke-stazeni, .link-comp .ke-stazeni, .text-comp.ke-stazeni, .text-comp .ke-stazeni, .block-comp.ke-stazeni, .block-comp .ke-stazeni, header.ke-stazeni, header .ke-stazeni { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp.external, .link-comp .external, .text-comp.external, .text-comp .external, .block-comp.external, .block-comp .external, header.external, header .external { padding-bottom: 0px; padding-left: 0px; background-image: none; }

.link-comp a.external, .text-comp a.external, .block-comp a.external, header a.external { padding-bottom: inherit; padding-left: inherit; background-image: inherit; }

/*****************************************************************************************************************/
/*****  catalog  ****/
/*****************************************************************************************************************/
.category-desc { padding: 2em; }

.category-desc > p:first-child { margin-top: 0 !important; }

@media screen and (max-width: 767px) { .category-banner-and-desc { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.category-banner { text-decoration: none !important; }

.category-banner-title { display: block; text-align: center; color: #fff; font-size: 1.8em; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 25%; right: 0; }

/* vypis produktu */
.products-cover { -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.product { text-align: center; overflow: hidden; position: relative; margin-bottom: 50px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -moz-box-pack: stretch; box-pack: stretch; -webkit-justify-content: stretch; -moz-justify-content: stretch; -ms-justify-content: stretch; -o-justify-content: stretch; justify-content: stretch; -ms-flex-pack: stretch; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }

.product > * { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.product.hover a.contains-image, .product:hover a.contains-image { background-color: #c8cdd1; }

.product.hover a.contains-image img, .product:hover a.contains-image img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.product a.contains-image { background-color: #e4e6e8; height: 180px; display: block; margin-bottom: 1em; padding: 0.5em; flex-grow: 20; }

.product a.contains-image.row-bg-white { background-color: #fff; }

.product img { max-height: 100%; max-width: 100%; display: block; text-align: center; margin: 0 auto 1em auto; font-style: italic; }

.product .desc-cover { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; -webkit-flex-grow: 2; -moz-flex-grow: 2; flex-grow: 2; -ms-flex-positive: 2; width: 100%; text-align: left; }

.product .desc-cover > * { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.product .desc-cover h2, .product .desc-cover #search-cloud h2, #search-cloud .product .desc-cover h2 { display: block; color: #000; border: 0px; padding: 0px; margin: 0px; padding-bottom: 2px; font-size: 1.3em; font-weight: normal; flex-grow: 10; }

.product .desc-cover h2 a, .product .desc-cover #search-cloud h2 a, #search-cloud .product .desc-cover h2 a { text-decoration: none; color: #000; }

.product .desc-cover .under-headline { padding-bottom: 0.5em; }

.product .desc-cover .availability { padding-bottom: 1.0em; }

.product .desc-cover .price-desc { color: #009111; font-size: 1em; padding-top: 6px; float: left; width: 50%; }

.product .desc-cover .price { color: #846baa; font-size: 1.4em; float: right; width: 49%; text-align: right; padding-top: 2px; }

.product .desc-cover .price em { font-size: 0.7em; color: #444; font-style: normal; }

.product .desc-cover .price-secondary, .product .desc-cover .price-desc-secondary { margin-top: 5px; color: #1e1e1e; }

.product .desc-cover .price-desc-secondary { font-size: 0.85em; clear: left; }

.product .desc-cover .price-secondary { font-size: 1.1em; }

.product-b2b { display: flex; flex-direction: column; margin-bottom: 5em; }

.product-b2b .desc-cover { flex-grow: 2; }

.product-b2b .desc-cover h2, .product-b2b .desc-cover #search-cloud h2, #search-cloud .product-b2b .desc-cover h2 { display: block; color: #000; border: 0px; padding: 0px; margin: 0px 0 0.3em 0; font-size: 1.3em; font-weight: normal; }

.product-b2b .desc-cover h2 a, .product-b2b .desc-cover #search-cloud h2 a, #search-cloud .product-b2b .desc-cover h2 a { text-decoration: none; color: #000; }

.product-b2b .desc-cover .under-headline { display: block; margin-bottom: 1em; }

.product-b2b .buy-cover { text-align: left; margin-top: 2em; }

.product-b2b .buy-cover > * { width: 100%; }

.product-b2b a.contains-image { height: 200px; display: block; margin-bottom: 2em; }

.product-b2b a.contains-image.row-bg-white { background-color: #fff; }

.product-b2b img { max-height: 200px; max-width: 100%; display: block; text-align: center; margin: 0 auto 1em auto; font-style: italic; }

.product-b2b .price { color: #846baa; font-size: 1.4em; padding: 0 0 1em 0; display: block; text-align: right; }

.product-b2b .price em { font-size: 0.7em; color: #444; font-style: normal; }

.product-b2b select { font-size: 1.2em; }

.product-b2b .btn, .product-b2b input[type="submit"] { margin-top: 1em; }

.product-labels { position: absolute; right: 1em; top: 1em; }

.product-labels span { display: inline-block; padding: 4px 5px; color: #fff; background-color: #846baa; font-size: 12px; }

.product-labels span.label-3 { background-color: #8e0000; }

.product-labels span.label-5 { background-color: #009111; }

.product-labels span.label-6 { background-color: #009111; }

/*****************************************************************************************************************/
/* detail produktu */
/*****************************************************************************************************************/
#image { position: relative; }

@media screen and (max-width: 767px) { #image { width: 100%; } }

#image a { display: block; text-align: center; }

#image .contains-image img { max-height: 40vh; }

#image #labels { margin-top: 10px; float: left; height: 30px; overflow: hidden; width: 100%; margin-bottom: 20px; }

#image #labels .prakul-doporucuje { padding-left: 79px; background: url("../img/prakul_small.jpg") left no-repeat; display: block; height: 23px; line-height: 20px; padding-top: 5px; text-align: left; color: #666; text-decoration: none; padding-right: 10px; float: left; border: 1px solid #f0f0f0; width: auto; }

#image #labels .prakul-doporucuje:hover { text-decoration: underline; color: #000; border: 1px solid #ccc; }

#image #labels img { float: right; }

#image .dalsi-obrazky { width: 100%; border-top: 5px solid #fff; padding: 10px; text-align: center; }

#image .dalsi-obrazky a { margin: 0px 4px 4px 0px; width: 110px; height: 80px; display: inline-block; vertical-align: middle; border: 1px solid #ccc; background: #fff; padding: 3px; }

#image .dalsi-obrazky a:hover { border-color: #000; }

#image .dalsi-obrazky img { max-width: 100px; max-height: 70px; border: 0px none; }

#image iframe { margin: 30px auto 0 auto; }

#buy-st-else { float: left; width: 100%; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px; }

table.techn-spec { width: 100%; margin-bottom: 20px; }

table.techn-spec th { width: 40%; font-weight: 500; }

table.techn-spec th, table.techn-spec td { border: 0px none; padding: 8px 20px; }

table.techn-spec th, table.techn-spec td { padding: 15px 20px; }

#detail-box .alert, #detail-box .generatedForm .errors, .generatedForm #detail-box .errors { padding-top: 5px; padding-bottom: 5px; }

#detail-box .alert table, #detail-box .generatedForm .errors table, .generatedForm #detail-box .errors table { margin-bottom: 10px; }

#detail-box .alert table td, #detail-box .generatedForm .errors table td, .generatedForm #detail-box .errors table td { padding: 10px 10px 0px 10px; }

.detail-variants { position: relative; }

.detail-variants table, .detail-variants td, .detail-variants th { vertical-align: middle; border-color: #bbb !important; }

.product-short-desc { line-height: 1.5em; font-size: 1.2em; font-weight: 400; }

#container .product-short-desc p { margin: 0; line-height: 1.5em; }

.product-short-desc, .product-long-desc { padding: 1em; }

#product-desc { font-size: 1.1em; }

.form-add2cart { min-width: 150px; text-align: right; }

.form-add2cart .amount { width: 30px; margin-right: 5px; text-align: center; }

.form-add2cart .amount, .form-add2cart .add2CartInput { display: inline-block; }

.select-atypical { border: 1px solid #ccc; background: #f0f0f0; padding: 10px 20px; margin-top: 2em; }

.select-atypical h2, .select-atypical #search-cloud h2, #search-cloud .select-atypical h2 { margin: 0px; padding: 0px; }

.row-bg-gray .row-toggler-title, .row-bg-default .row-toggler-title { color: #000; }

.row-bg-color .row-toggler-title, .row-bg-color .row-toggler-arrow { color: #fff; }

a.row-toggler { text-decoration: none; display: block; overflow: hidden; }

a.row-toggler.opened .row-toggler-arrow .closed, a.row-toggler.closed .row-toggler-arrow .opened { display: none; }

@media screen and (max-width: 768px) { .row-toggler-title { float: left; max-width: 60vw; } }

.row-toggler-arrow { text-transform: none; font-variant: normal; font-size: 0.8em; }

.row-toggler-arrow i.fa { margin-left: 0.5em; }

/*****************************************************************************************************************/
/* text */
/*****************************************************************************************************************/
#container p { margin: 15px 0; line-height: 1.6em; }

.novinka { border-bottom: 1px solid #eee; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; }

.novinka .novinka-body { padding: 0px 10px; }

.novinka h2, .novinka #search-cloud h2, #search-cloud .novinka h2 { padding-left: 10px; text-overflow: ellipsis; display: inline-block; width: 727px; white-space: nowrap; overflow: hidden; vertical-align: top; }

.novinka h2 a, .novinka #search-cloud h2 a, #search-cloud .novinka h2 a { text-decoration: none; }

.novinka .info { padding: 5px 0px 0px 0px; text-align: right; color: #888; clear: both; }

.novinka .info .date { display: inline-block; padding-right: 7px; margin-right: 5px; border-right: 1px solid #bbb; }

.paginator, .paging { height: 40px; line-height: 40px; float: right; width: 100%; margin: 20px 0px; font-size: 1.3em; text-align: center; }

.paginator a, .paginator span, .paginator strong, .paging a, .paging span, .paging strong { display: inline-block; margin: 0px 1px; background: white; padding: 5px 12px; color: #999999; text-decoration: none; line-height: 19px; border: 1px solid #d9d9d9; border-radius: 3px; }

.paginator a:hover, .paging a:hover { color: #666666; background: #e6e5e5; }

.paginator .active, .paginator .activnipolozka, .paginator strong, .paging .active, .paging .activnipolozka, .paging strong { background: #ededed; }

.paginator .active:hover, .paginator .activnipolozka:hover, .paginator strong:hover, .paging .active:hover, .paging .activnipolozka:hover, .paging strong:hover { text-decoration: none; }

.paginator .predchozi, .paging .predchozi { margin-right: -2px; padding-left: 6px; padding-right: 8px; }

.paginator .dalsi, .paging .dalsi { margin-left: -2px; padding-left: 8px; padding-right: 6px; }

.paginator .desc, .paging .desc { padding: 0px; padding-right: 10px; border-left: 0px; }

@media screen and (min-width: 768px) { .profile-right { text-align: right; } }

@media screen and (max-width: 991px) { .profile-right { padding-top: 0px !important; } }

@media screen and (min-width: 768px) { .profile-top .lightbox, .profile-top img { position: absolute; right: 0; max-width: 30%; z-index: 10; }
  .profile-top .contains-image img { position: static; max-width: 100%; } }

/*****************************************************************************************************************/
/* custom forms */
/*****************************************************************************************************************/
/* login, registration forms */
.login-form fieldset label, #registration fieldset label { width: 180px; clear: left; float: left; padding-right: 15px; }

.login-form fieldset input, #registration fieldset input { clear: left; }

.login-form fieldset input, .login-form fieldset label, .login-form fieldset select, #registration fieldset input, #registration fieldset label, #registration fieldset select { margin-top: 10px; }

.login-box { background-color: #fafafa; border: 1px solid #e0e0e0; padding: 1.5em 3em; margin-bottom: 3em; }

@media screen and (max-width: 991px) { .login-box { width: 100%; } }

@media screen and (max-width: 991px) { #login-body .flexbox-cover { display: block; } }

#login-body .form-horizontal .form-group { margin-left: 0; margin-right: 0; }

#form-customer-invoicing-address { margin-right: 0; }

@media screen and (min-width: 768px) { .col-sm-offset-3 { margin-left: 25%; } }

/* login.php */
#login-page, #guide, #order-detail, #orders, #registration { margin: 3em auto; }

/* alerts */
.alert, .generatedForm .errors { text-align: left; padding: 15px 20px 15px 60px; margin-top: 1em; min-height: 15px; font-weight: normal; border-radius: 3px; line-height: 1.55em; position: relative; clear: both; margin: 15px 0px 20px 0px; font-size: 12px; }

.alert#error-box, .generatedForm #error-box.errors { padding: 15px 20px 15px 60px; }

.alert table, .generatedForm .errors table { width: 100%; height: 100%; border-collapse: collapse; }

.alert table td, .generatedForm .errors table td { padding-left: 60px; }

.alert td, .generatedForm .errors td { vertical-align: middle; width: 100%; height: 100%; border: 0px none; }

.alert ul, .generatedForm .errors ul { margin-left: 20px; }

.alert.notice, .generatedForm .notice.errors, .alert.info, .generatedForm .info.errors { background: url("/eshop_style/img/alerts/32_info.png") 10px 50% no-repeat #e2eaf4; border: 1px solid #bdcfe6; }

.alert.error, .generatedForm .errors { background: url("/eshop_style/img/alerts/32_error.png") 10px 50% no-repeat #f4e6e2; border: 1px solid #e6c6bd; }

.alert.ok, .generatedForm .ok.errors, .alert.success, .generatedForm .success.errors { background: url("/eshop_style/img/alerts/32_ok.png") 10px 50% no-repeat #e4f4e2; border: 1px solid #c2e6bd; }

.alert strong, .generatedForm .errors strong { font-size: 1.05em; }

.alert-default, .alert-notice { background-color: #f0f0f0; border-color: #ccc; color: #333; }

.alert-default hr, .alert-notice hr { border-top-color: #bfbfbf; }

.alert-default .alert-link, .alert-notice .alert-link { color: #1a1919; }

/* loyalty programme - vernostni program */
.loaylty-program .grid { float: left; display: block; margin-right: 3.3783783784%; width: 48.3108108108%; margin-bottom: 37.5px; border-top: 1px solid #e0e0e0; }

.loaylty-program .grid:last-child { margin-right: 0; }

.loaylty-program .grid:nth-child(2n) { margin-right: 0; }

.loaylty-program .grid:nth-child(2n+1) { clear: left; }

.loaylty-program .grid table { width: 100%; }

/*****************************************************************************************************************/
/* vyhledavani */
/*****************************************************************************************************************/
.global-search-cover { padding-bottom: 5em; padding-left: 0; padding-top: 3em; }

.global-search-cover h1 + h2, .global-search-cover #search-cloud h1 + h2, #search-cloud .global-search-cover h1 + h2 { margin-bottom: 1em; }

@media screen and (max-width: 1199px) { .global-search-cover { padding-left: 0px; } }

@media screen and (max-width: 1199px) { .global-search-cover .global-search-results.links { margin-left: 0px; } }

.global-search-cover .global-search-results a span.plus { display: none !important; }

.global-search-cover .product-hover-cover { margin-top: -10px; }

@media screen and (max-width: 1199px) { .global-search-cover .product-hover-cover { display: none !important; } }

/*****************************************************************************************************************/
/* Sitemap */
/*****************************************************************************************************************/
.frontend-sitemap { list-style-type: none; padding-top: 3em; padding-bottom: 3em; }

.frontend-sitemap a { text-decoration: none; }

.frontend-sitemap li { padding: 7px; display: block; }

.frontend-sitemap ul { list-style-type: circle; margin: 5px 30px; font-size: 100%; }

.frontend-sitemap ul li { margin: 0px; padding: 0; }

/*****************************************************************************************************************/
/* Galerie */
/*****************************************************************************************************************/
.gallery-cover { -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; }

.gallery-cover a.gal-img { /*@include display(flex); @include flex-direction(column);*/ margin-bottom: 15px; text-align: center; display: block; }

.gallery-cover a.gal-img span { display: none; max-width: 230px; }

.gallery-cover a.gal-img img { display: block; margin: 0 auto; min-width: 230px; max-width: none; }

.gallery-cover .image-cover { width: 230px; border: 2px solid #fff; overflow: hidden; }

.gallery-cover .image-cover:hover { border: 2px solid #000; }

.gallery-show-names .gallery a.gal-img { text-decoration: none; margin-bottom: 30px; margin-right: 30px; }

.gallery-show-names .gallery a.gal-img span { display: block; padding-top: 6px; }

/*****************************************************************************************************************/
/* Prispevky */
/*****************************************************************************************************************/
.posts-cover { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.post-index-image { display: block; }

.post-index-image img { width: 100%; height: auto; }

/*****************************************************************************************************************/
/* Modalni okno z bootstrapu */
/*****************************************************************************************************************/
#myModal .modal-content .alert, #myModal .modal-content .generatedForm .errors, .generatedForm #myModal .modal-content .errors { margin-top: 0px; }

#myModal .modal-content input[type="email"], #myModal .modal-content input[type="number"], #myModal .modal-content input[type="password"], #myModal .modal-content input[type="search"], #myModal .modal-content input[type="tel"], #myModal .modal-content input[type="text"], #myModal .modal-content input[type="url"], #myModal .modal-content input[type="color"], #myModal .modal-content input[type="date"], #myModal .modal-content input[type="datetime"], #myModal .modal-content input[type="datetime-local"], #myModal .modal-content input[type="month"], #myModal .modal-content input[type="time"], #myModal .modal-content input[type="week"] { height: 24px; line-height: 24px; }

#myModal .modal-content input[type="email"], #myModal .modal-content input[type="number"], #myModal .modal-content input[type="password"], #myModal .modal-content input[type="search"], #myModal .modal-content input[type="tel"], #myModal .modal-content input[type="text"], #myModal .modal-content input[type="url"], #myModal .modal-content input[type="color"], #myModal .modal-content input[type="date"], #myModal .modal-content input[type="datetime"], #myModal .modal-content input[type="datetime-local"], #myModal .modal-content input[type="month"], #myModal .modal-content input[type="time"], #myModal .modal-content input[type="week"], #myModal .modal-content textarea { border-radius: 3px; }

#myModal .modal-content input[type="checkbox"], #myModal .modal-content input[type="radio"] { position: relative; top: 2px; }

#myModal .modal-content .error { border-color: #ff0f0f; }

#myModal .modal-content .navigator-form-component > p { display: none; }

.modal-label, .generatedForm label { display: block; font-size: 1.2em; margin: 15px 0px 5px 0px; }

.modal-label.multiple, .generatedForm label.multiple { display: inline-block; margin-top: 0; }

.modal-required-text { display: inline-block; margin-left: 3px; }

.modal-text-block { display: block; font-size: 1.2em; }

.modal-text-block.margin-top { margin-top: 30px; }

/*****************************************************************************************************************/
/* Formularova komponenta */
/*****************************************************************************************************************/
.generatedForm dl, .generatedForm dt, .generatedForm dd { display: block; margin: 0; padding: 0; }

.generatedForm label { font-weight: normal; }

.generatedForm label.radio { margin-top: 0px; margin-bottom: 0; }

.generatedForm label[for*="elem"] { font-weight: bold; }

.generatedForm input[type="email"], .generatedForm input[type="number"], .generatedForm input[type="password"], .generatedForm input[type="search"], .generatedForm input[type="tel"], .generatedForm input[type="text"], .generatedForm input[type="url"], .generatedForm input[type="color"], .generatedForm input[type="date"], .generatedForm input[type="datetime"], .generatedForm input[type="datetime-local"], .generatedForm input[type="month"], .generatedForm input[type="time"], .generatedForm input[type="week"] { height: 24px; line-height: 24px; min-width: 60%; display: block; }

.generatedForm input[type="email"], .generatedForm input[type="number"], .generatedForm input[type="password"], .generatedForm input[type="search"], .generatedForm input[type="tel"], .generatedForm input[type="text"], .generatedForm input[type="url"], .generatedForm input[type="color"], .generatedForm input[type="date"], .generatedForm input[type="datetime"], .generatedForm input[type="datetime-local"], .generatedForm input[type="month"], .generatedForm input[type="time"], .generatedForm input[type="week"], .generatedForm textarea { border-radius: 3px; }

.generatedForm select { width: 100%; max-width: 60%; }

.generatedForm input[type="submit"] { display: block; margin-top: 15px; padding: 8px 30px; text-transform: uppercase; font-weight: normal; }

.generatedForm input[type="checkbox"] { margin-right: 0.7em; }

.generatedForm .errors { display: block; margin-top: 5px; margin-bottom: 25px; }

/* Pokud je pro formularovou komponentu zapnuta reCaptcha, vypise label bez textu jen s hvezdickou */
#captcha-label { display: none; }

/*****************************************************************************************************************/
/* Modifikace layoutu */
/*****************************************************************************************************************/
.simple-layout .hide-simple { display: none !important; }

/*****************************************************************************************************************/
/* google map */
/*****************************************************************************************************************/
iframe.gmap-responsive, .gmap-responsive > iframe { max-width: 100%; width: 100%; max-height: 70vh; height: 800px; }

/*****************************************************************************************************************/
/* Fucking EU Cookies */
/*****************************************************************************************************************/
.fucking-eu-cookies { z-index: 10000001 !important; }

@media print { body { font-size: 12px !important; }
  .hidden-print { display: none !important; }
  #container { padding-top: 0; }
  .btn, input[type="submit"] { display: none !important; }
  a[href]:after { content: none !important; }
  h1, .global-search-cover h1 { margin-top: 0; }
  .fucking-eu-cookies { display: none !important; } }

#button, .global-search-cover .product-hover-cover .more-results, .global-search-cover #new-search .search-submit { border: 1px solid #5f428c; border-radius: 3px; box-shadow: inset 0 1px 0 0 #aea2c0; color: white; display: inline-block; font-size: inherit; font-weight: bold; background-color: #846baa; background-image: -webkit-linear-gradient(#846baa, #664796); background-image: linear-gradient(#846baa, #664796); padding: 7px 18px; text-decoration: none; text-shadow: 0 1px 0 #553684; background-clip: padding-box; }

#button:hover:not(:disabled), .global-search-cover .product-hover-cover .more-results:hover:not(:disabled), .global-search-cover #new-search .search-submit:hover:not(:disabled) { box-shadow: inset 0 1px 0 0 #9382ac; cursor: pointer; background-color: #78619b; background-image: -webkit-linear-gradient(#78619b, #5f438b); background-image: linear-gradient(#78619b, #5f438b); }

#button:active:not(:disabled), .global-search-cover .product-hover-cover .more-results:active:not(:disabled), .global-search-cover #new-search .search-submit:active:not(:disabled), #button:focus:not(:disabled), .global-search-cover .product-hover-cover .more-results:focus:not(:disabled), .global-search-cover #new-search .search-submit:focus:not(:disabled) { border: 1px solid #5f428c; box-shadow: inset 0 0 8px 4px #583f80, inset 0 0 8px 4px #583f80; }

#button:disabled, .global-search-cover .product-hover-cover .more-results:disabled, .global-search-cover #new-search .search-submit:disabled { opacity: 0.5; cursor: not-allowed; }

/** GLOBAL SEARCH RESULTS */
.global-search-cover span.plus { line-height: 12px; }

.global-search-cover .product { font-size: .95em; line-height: 1em; }

.global-search-cover .product .desc-cover .availability { font-size: .95em; }

.global-search-cover .product .desc-cover .price { padding-top: 4px; }

.global-search-cover .product-hover-cover { margin-left: -50px; padding-left: 15px; }

.global-search-cover .product-hover-cover .product { background: #fff; border: 1px solid #ddd; padding: 5px; }

.global-search-cover .product-hover-cover .more-results { font-size: 1.1em; margin-top: 10px; }

.global-search-cover #new-search .search-submit { height: 40px; font-size: 1.1em; }

.global-search-cover #history-categories h3 { display: inline-block; font-size: 1.5em; }

.global-search-cover #no-search-results { margin-bottom: 10em; }

.global-search-cover #no-search-results > h2, .global-search-cover #search-cloud #no-search-results > h2 { margin-bottom: 5px; margin-top: 25px; }

.global-search-cover #global-search h2 { margin-top: 0; padding-top: 20px; }

.global-search-results { margin-top: 0px; }

/** GLOBAL SEARCH CLOUD (TAGS) */
#search-cloud h2 { padding: 0; }

body.ru h1, body.ru h2, body.ru #search-cloud h2, #search-cloud body.ru h2, body.ru h3, body.ru h4, body.ru h5, body.bg h1, body.bg h2, body.bg #search-cloud h2, #search-cloud body.bg h2, body.bg h3, body.bg h4, body.bg h5 { font-weight: 400; }

#h-basket .item-count { background-color: #846baa; color: #fff; border: 1px solid #fff; }

#topnav .dropdown-menu.dropdown-select a { color: #444; }

#topnav .dropdown-menu.dropdown-select a.active { font-weight: bold; }

#topmenu .nav-link ul.submenu a { background-image: none; }

.category-banner-title { display: none; }

/** detail **/
#image a { border: 1px solid #846baa; }

.download-box { margin-top: 35px; }

.download-box a { display: block; margin: 10px 0px 7px 0px; }

.download-box h5 { margin-bottom: 15px; }

.detail-variants table, .detail-variants td, .detail-variants th { vertical-align: middle !important; border-color: #bbb !important; }

.detail-price-primary { font-weight: bold; }

.product-short-desc > *:first-child { margin-top: 0px; padding-top: 0px; }

.product-short-desc ul { list-style: square; }

.product-short-desc ul li { margin-left: 20px; margin-bottom: 10px; }

#downloads { line-height: 1.5em; }

table.techn-spec th { width: auto; }