@charset "UTF-8";
/*** import shared layout and custom variables ***/
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 { 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, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; }

.btn:active, .btn.active { 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, .btn[disabled], fieldset[disabled] .btn { 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 { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; }

.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; }

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74; }

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; }

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

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

.btn-primary .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 { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

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

.alert .alert-link { font-weight: bold; }

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

.alert > 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 **/
/* here we can override shared variables (default values) */
/*** CSS reseter ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

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; }

.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-left-radius: 3px; border-top-right-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-left-radius: 3px; border-bottom-right-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::after { clear: both; content: ""; display: table; }

.centered-navigation .centered-navigation-wrapper::after { clear: both; content: ""; display: table; }

.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; }

.container, .centered-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::after, .centered-content::after, .global-search-cover::after, .frontend-sitemap::after, #error-404::after { clear: both; content: ""; display: table; }

@media screen and (min-width: 1400px) { .container, .centered-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-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 { width: 96vw !important; max-width: 96vw !important; }

.clearfix::after { clear: both; content: ""; display: table; }

.row { display: block; }

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

.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 { max-width: 94vw; margin-left: auto; margin-right: auto; }
  .container::after, .centered-content::after { clear: both; content: ""; display: table; }
  .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; } }

body { background-color: #f1f1f1; font-family: "Open Sans"; counter-reset: otazka; }

#popt-form-container { max-width: 1200px !important; }

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

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { font-weight: 700; }

h1 small, h2 small, h3 small, h4 small, h5 small { font-size: 0.7em; }

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

.number, .heading-p { color: #00827c; font-size: 2.2em; margin-bottom: 18px; margin-top: 0; font-weight: 600; padding-bottom: 5px; line-height: 1.1em; display: block; }

.number + h2, .heading-p + h2 { margin-top: -12px; padding-top: 0px; }

.number small, .heading-p small { font-size: 0.6em; }

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; }

p { font-size: 16px; font-style: italic; font-weight: 300; line-height: 1.4; }

p.heading-p { margin-bottom: 20px; }

p.fontGumb { font-style: normal; font-size: 18px; font-family: "Open Sans"; }

p.subtitle { font-style: normal; font-size: 11px; }

.normalni { font-style: normal; line-height: 1.4; }

.normalni .pizdarija { margin: 0px; padding: 0px; }

.form-group-sm label { text-align: right; }

.topstep-heading { background-color: #00827c; color: white; min-height: 100px; font-weight: 300; font-size: 24px; }

.heading-p { font-size: 24px; font-weight: 300; color: #555; }

@media (min-width: 1200px) { .text-right { text-align: right; } }

label { font-weight: 300; font-size: 16px; }

label::first-letter { text-transform: uppercase; }

.label-multiple { margin-top: 12px; }

.form-check-label { padding: 0.5em 2em 0.5em 0.5em; }

.form-check-label:hover { color: #000; background-color: #f0f0f0; }

.control-label { padding-top: 6px; }

i { margin-left: 10px; margin-right: 10px; }

/** layout **/
.sirka { width: 80%; }

.padding-main { padding: 30px; }

.break-40 { margin-bottom: 30px; }

.bg-color { background-color: white; }

.cover { width: 100%; height: 300px; object-fit: cover; position: relative; z-index: 0; }

.offset-right { margin-right: 2em; }

@media (min-width: 767px) { .margin-rows { margin-top: 10px; margin-bottom: 10px; } }

@media (max-width: 767px) { .pull-right { float: none; }
  .mobile-text-center { text-align: center; }
  .mobile-text-center label { text-align: left; } }

.hidden { display: none; }

/** newsletter checkbox margin**/
.newslet input { margin-left: -7px; }

/** header **/
.header-wrapper { font-size: 0.85em; }

.fl-right { float: right; }

/*****************************************************************************************************************/
/* header */
/*****************************************************************************************************************/
header { font-size: 1.1em; background-color: #000; padding: 1em 0 0.5em 0; border-bottom: 1px solid #00827c; }

@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 { 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: #00827c; }

.header-card { font-size: 1.5em; line-height: 1.4em; font-weight: 300; background-color: #00827c; 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: #00827c; 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: #00827c; }

#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: #00827c; 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: #00827c; }

@media screen and (max-width: 991px) { #topmenu .nav-link { margin-right: 0; padding-right: 0; } }

#topmenu .nav-link.more > a:after { color: #00827c; }

@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; } }

.button-group-item { padding: 0.6em 0.9em !important; }

.button-group-item i { margin: 0; font-size: 0.8em; }

/** form styles **/
:not(.no-number) span.number { font-size: 120px; color: #f1f1f1; font-weight: 800; font-family: "Open Sans"; width: 100%; margin-top: -25px; }

@media (max-width: 1199px) { :not(.no-number) span.number { font-size: 70px; } }

@media (max-width: 767px) { :not(.no-number) span.number { text-align: center; } }

:not(.no-number) span.number:not(.no-counter)::before { counter-increment: otazka; content: counter(otazka); }

.image-checkbox { border: 5px solid #555; background-color: #555; color: #fff; margin-left: 0px; margin-top: 10px; text-align: center; vertical-align: top; position: relative; }

.image-checkbox:hover { border-color: #000; }

@media (min-width: 768px) { .image-checkbox { margin-right: 10px; } }

@media (max-width: 991px) { .image-checkbox { max-width: 45%; }
  .image-checkbox img { width: 100%; display: block; height: auto; } }

.image-checkbox input { margin-top: 0.8em; margin-bottom: 0.8em; }

.image-checkbox-transp { border-color: #ddd; background-color: transparent; color: #555; }

.image-checkbox-transp img { margin: 1em; }

@media (max-width: 991px) { .image-checkbox-transp img { margin: 1em 5%; width: 90%; } }

.image-checkbox-green { border-color: #00827c; background-color: #00827c; }

.image-badge { background-color: #00827c; display: inline-block; position: absolute; left: 3px; top: 3px; padding: 4px 7px; color: #fff; }

.img-responsive { width: 200px; margin-bottom: 0.5em; }

.bocnice { height: 160px; }

.form-check-label, .image-checkbox, .image-checkbox-transp, .image-checkbox-green { cursor: pointer; }

.visina { min-height: 80px; }

.typ-cover span.lam { display: block; }

/** inputs, buttons **/
.btn-topstep { background-color: #555; color: #fff; white-space: normal; padding: 1em 2em; }

.btn-topstep:hover { background-color: #3c3b3b; color: #fff; }

.btn-primary { background-color: #00827c; padding: 2em 3em; }

.btn-primary:hover { background-color: #004f4b; }

input[type="radio"] { margin-right: 10px; margin-top: 3px; margin-left: 5px; cursor: pointer; }

input[type="number"] { min-width: 100px; max-width: 170px; }

.inline { display: inline-block; font-weight: 300; }