/*
    Theme Name: AVIZO.cz - stylesheet for vypis
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: Version: 2020-03-18.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- IMPORTY ------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
/*
    Theme Name: AVIZO.cz - parametry
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2019-08-14.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- RESET PRO FLOATING -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.resetfloat {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- BORDER RADIUS ------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ANIMACE ODKAZU -----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- POZICOVANI ---------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.position-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.position-vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.position-horizontal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI BARVY -----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- GRADIENTY ----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.button-gradient {
  background-image: linear-gradient(to top, #E4E4E4 0%, #ffffff 100%);
  color: #130d0c;
}
.button-gradient-hover {
  background-image: linear-gradient(to top, #E6F2FF 0%, #ffffff 100%);
  color: #ffffff;
}
.button-gradient-blue {
  background-image: linear-gradient(to top, #0178B7 0%, #53C0FA 100%);
  color: #ffffff;
  border-color: #0178B7;
}
.button-gradient-blue-hover {
  background-image: linear-gradient(to top, #024264 0%, #0077b7 100%);
  color: #ffffff;
  border-color: #024264;
}
.button-gradient-orange-light {
  background-image: linear-gradient(to top, #FFE993 0%, #ffffff 100%);
  border-color: #FFDA6B;
}
.button-gradient-orange-light-hover {
  background-image: linear-gradient(to top, #FBDC61 0%, #FDFAF0 100%);
  border-color: #FBC933;
}
.button-gradient-orange {
  background-image: linear-gradient(to top, #f35d02 0%, #ffa200 100%);
  border: 1px solid #f35d02;
  color: #ffffff  !important;
}
.button-gradient-orange-hover {
  background-image: linear-gradient(to top, #f33502 0%, #fd7827 100%);
  border: 1px solid #f35d02;
  color: #ffffff !important;
}
.header-gradient {
  background-image: linear-gradient(to top, #E6F1FF 0%, #ffffff 61%, #ffffff 100%);
}
.footer-gradient {
  background-image: linear-gradient(to top, #ffffff 0%, #DFF4FF 100%);
}
/*
	footer {display:block;border-top:solid 1px #A8E0FF;padding:40px 20px 40px 20px;
		background-image:-moz-linear-gradient(bottom, @color-white 0%, #DFF4FF 100%);
		background-image:-o-linear-gradient(bottom, @color-white 0%, #DFF4FF 100%);
		background-image:-webkit-linear-gradient(bottom, @color-white 0%, #DFF4FF 100%);
		background-image:linear-gradient(to top, @color-white 0%, #DFF4FF 100%);}

*/
/*
    Theme Name: AVIZO.cz - stylesheet -layout
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: Version: 2019-12-01.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- RESET --------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
hr,
.n {
  display: none;
}
.show {
  display: block !important;
}
div,
form,
section,
header,
footer,
nav,
aside {
  display: block;
  margin: 0;
  padding: 0;
}
label {
  outline: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TELO ---------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: hidden;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- RESET PRO FLOATING -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.wrapper:after,
.inner-wrapper:after,
.grid:after,
.boxmodel-list-content:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- RESET PRO TLACITKA -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
button,
.button,
.btn,
a.button,
a.btn {
  display: inline-block;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- DEFAULTNI BOX MODEL ------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.inner-wrapper {
  width: 100%;
  position: relative;
}
.wrapper {
  width: 100%;
  max-width: 1328px;
  min-width: 755px;
  margin: 0 auto;
  position: relative;
  padding: 0;
}
@media (max-width: 929px) {
  .wrapper {
    width: 100% !important;
    min-width: 100% !important;
  }
}
.iframe-body .wrapper {
  max-width: 1026px;
  text-align: left;
}
.grid {
  width: 100%;
}
.section-default {
  padding: 30px;
}
#avizo-preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999999999999999;
}
.aligncenter {
  text-align: center;
}
/* responzivni sloupce */
[class*='col-'] {
  float: left;
  padding-right: 20px !important;
}
.col-1-1 {
  width: 100%;
}
.col-2-3,
.col-8-12 {
  width: 66.66%;
}
.col-1-2,
.col-6-12 {
  width: 50%;
}
.col-1-3,
.col-4-12 {
  width: 33.33%;
}
.col-1-4,
.col-3-12 {
  width: 25%;
}
.col-1-5 {
  width: 20%;
}
.col-1-6,
.col-2-12 {
  width: 16.667%;
}
.col-1-7 {
  width: 14.28%;
}
.col-1-8 {
  width: 12.5%;
}
.col-1-9 {
  width: 11.1%;
}
.col-1-10 {
  width: 10%;
}
.col-1-11 {
  width: 9.09%;
}
.col-1-12 {
  width: 8.33%;
}
.col-11-12 {
  width: 91.66%;
}
.col-10-12 {
  width: 83.333%;
}
.col-9-12 {
  width: 75%;
}
.col-5-12 {
  width: 41.66%;
}
.col-7-12 {
  width: 58.33%;
}
@media handheld, only screen and (max-width: 767px) {
  [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 10px !important;
  }
}
/* <-------------- Zarovnani, odsazeni a obrazky   */
.txtcenter {
  text-align: center !important;
}
.txtright {
  text-align: right !important;
}
.txtleft {
  text-align: left !important;
}
.txtjustify {
  text-align: justify !important;
}
.imgfull {
  width: 100%;
  height: auto;
}
.imgright {
  float: right;
  margin-left: 20px;
}
.imgleft {
  float: left;
  margin-right: 20px;
}
.imgcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.content-margin-box {
  margin: 0 0 60px 0;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
/* <-------------- top lista  */
.top-main-bar {
  padding: 0 20px;
}
.top-main-bar p {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 1em;
}
.top-main-bar-link {
  float: left;
}
.top-main-bar-other {
  float: right;
}
.top-main-bar-link span {
  display: none;
}
.top-main-bar-link a,
.top-main-bar-link a:visited {
  display: inline-block;
  padding: 15px 30px;
  margin: 0;
}
a.top-main-bar-helplink,
a.top-main-bar-helplink:visited {
  display: inline-block;
  padding: 14px 0;
  margin-right: 50px;
}
.top-main-bar-infolinka {
  display: block;
  width: auto;
  float: right;
  padding: 7px 0 0 0;
  text-align: left;
}
.top-main-bar-infolinka small {
  display: block;
  line-height: 1em;
  padding-left: 15px;
}
.top-main-bar-infolinka-link-mail {
  margin-left: 15px;
}
/* topline - cookies */
.topcookies {
  padding: 10px 20px;
  text-align: center;
}
.topcookies {
  display: none;
}
.topcookies-button,
.topcookies-button:visited {
  display: inline-block;
  padding: 7px 15px;
  margin: 0 30px;
  line-height: 1em;
  cursor: pointer;
}
/* logo */
#logo {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1em;
  display: block;
  float: left;
  position: relative;
}
@media (max-width: 420px) {
  #logo {
    margin: 25px 0 0 0;
    text-align: left;
  }
}
#logo a {
  display: block;
  float: left;
  width: 328px;
  height: 75px;
  overflow: hidden;
  text-align: left;
  margin: 0;
  padding: 0;
  background: url("/assets/css/19/img/avizocz.svg") no-repeat 0 0;
  background-size: 100% auto;
  text-indent: -6000px;
  cursor: pointer;
}
@media (max-width: 420px) {
  #logo a {
    width: 200px;
    height: 55px;
  }
}
#logo span {
  display: inline-block;
  margin-left: 20px;
  font-size: 1.2em;
  padding-bottom: 12px;
  vertical-align: bottom;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #logo span {
    display: block;
    margin: 50px 0 0 0;
    font-size: 1.0em;
    padding-bottom: 0;
  }
}
#logo b {
  display: block;
  width: 250px;
  font-weight: 400;
  text-align: left;
  position: absolute;
  left: 348px;
  bottom: 4px;
  font-size: 16px;
  vertical-align: bottom;
  text-transform: none;
}
@media (max-width: 929px) {
  #logo b {
    width: auto;
    left: 0px;
    bottom: -17px;
    right: 0;
    font-size: 11px;
    letter-spacing: 0.67em;
    padding-left: 5px;
  }
}
@media (max-width: 420px) {
  #logo b {
    display: none;
  }
}
/* <-------------- pata  */
/* <-------------- PRELOADER  */
#avizo-preloader {
  background: rgba(255, 255, 255, 0.95) url(/assets/css/19/img/preloader-big.gif) no-repeat 50% 50%;
}
#avizo-preloader {
  display: none;
}
/* <-------------- OBSAH  --------------------------------------------------> */
/* <-------------- box model pro obsahovou cas stranky  */
.main-content {
  padding: 30px 20px 60px 20px;
}
.main-content .wrapper {
  text-align: left;
}
.sub-content {
  padding: 30px 20px 60px 20px;
  color: #3a3a3a;
  background: #f7f9fa;
  border-top: solid 1px #eaedef;
}
.sub-content .wrapper {
  text-align: left;
}
.home-tips {
  padding: 40px 20px 0 20px;
  background: #fff3ce;
}
/* <-------------- GOOGLE ADSENSE KODY A REKLAMA  --------------------------------------------------> */
.viewi-googlebnr-container {
  padding: 0;
  margin: 0;
  text-align: center;
}
.viewi-googlebnr {
  width: auto;
  margin: 0 auto 40px auto;
}
.detail-list-pad .viewi-googlebnr-container-mid {
  margin: 0 auto 40px auto;
  width: 100%;
}
#bottadcontainer {
  width: 100%;
  /*padding:0 10px;*/
  position: relative;
  /*background: @color-white; */
}
#bottadcontainer:hover {
  border-color: #A5CBFF;
}
.bmid {
  margin: 30px 0;
  text-align: center;
}
.bmid img {
  margin: 0 auto;
  width: 100%;
  max-width: 666px;
  height: auto;
  border: solid 1px #d3f0fe !important;
  border-radius: 10px;
}
.mbid-mobile {
  display: none;
}
@media handheld, only screen and (max-width: 600px) {
  .mbid-mobile {
    display: block;
    max-width: 450px;
  }
  .mbid-desktop {
    display: none;
  }
}
.viewlist-google-responsive {
  width: 100%;
  height: 150px;
}
@media (max-width: 600px) {
  .viewlist-google-responsive {
    width: 100%;
    height: 150px;
  }
}
@media (max-width: 450px) {
  .viewlist-google-responsive {
    width: 100%;
    height: 340px;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- OBSAH VYCHOZI ------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.default-content {
  width: 74%;
  float: left;
}
@media (max-width: 1240px) {
  .default-content {
    width: 74%;
  }
}
@media (max-width: 1152px) {
  .default-content {
    width: 68%;
  }
}
@media (max-width: 1043px) {
  .default-content {
    width: 64%;
  }
}
@media (max-width: 929px) {
  .default-content {
    width: 60%;
  }
}
@media (max-width: 820px) {
  .default-content {
    width: 54%;
  }
}
@media (max-width: 767px) {
  .default-content {
    width: 100%;
    float: none;
    margin: 0 0 0 0;
    padding: 0 0 60px 0;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- SIDEBAR ------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.default-sidebar {
  width: 26%;
  min-width: 300px;
  max-width: 300px;
  float: right;
}
@media (max-width: 1240px) {
  .default-sidebar {
    width: 26%;
  }
}
@media (max-width: 767px) {
  .default-sidebar {
    width: 100%;
    float: none;
    max-width: 100%;
    min-width: 100%;
  }
}
.default-sidebar-content {
  position: relative;
  text-align: center;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYPIS - HLAVICKA ---------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.boxmodel-top-header {
  padding: 30px 20px 10px 20px;
  color: #3a3a3a;
}
.boxmodel-top-header .wrapper {
  text-align: left;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYPIS - VYCHOZI ----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.boxmodel-list-main {
  background: #f7f9fa;
  border-top: solid 1px #eaedef;
  padding: 30px 30px 70px 30px;
  display: block;
  z-index: 1;
}
.boxmodel-list-main.boxmodel-list-main-noborder {
  border-top: none;
}
.boxmodel-list-main .wrapper {
  text-align: left;
}
.boxmodel-list-bn {
  width: 300px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
@media (max-width: 1120px) {
  .boxmodel-list-bn {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .boxmodel-list-bn {
    display: none;
  }
}
.boxmodel-list-bn-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.boxmodel-bn-item {
  padding: 40px 0;
}
.boxmodel-list-bn-content .boxmodel-bn-item:first-child {
  padding: 0 0 40px 0;
}
@media (max-width: 767px) {
}
.boxmodel-bn-item-img {
  display: block;
}
@media (max-width: 767px) {
  .boxmodel-bn-item-img {
    display: none;
  }
}
.boxmodel-list-content {
  margin: 0 330px 0 0;
}
@media (max-width: 1120px) {
  .boxmodel-list-content {
    margin: 0 150px 0 0;
  }
}
@media (max-width: 767px) {
  .boxmodel-list-content {
    margin: 0 0 0 0;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYPIS - FILTR ------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.boxmodel-list-filter {
  width: 30%;
  float: left;
}
.boxmodel-list-filter:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  .boxmodel-list-filter {
    width: 100%;
    float: none;
    display: none;
  }
}
.boxmnodel-list-content-main {
  width: 68%;
  float: right;
}
.boxmnodel-list-content-main:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  .boxmnodel-list-content-main {
    width: 100%;
    float: none;
  }
}
/*
.viewi-col-content { width:68%; float: right; }


	.viewi-col-content { width:68%; float: right; }
    .viewi-col-content-big { width: 100%; }


(max-width: 960px) {
		.viewi-col-content {  width: 100%; float: none; }




*/
/*
    Theme Name: AVIZO.cz - stylesheet - fonts
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2019-08-14.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  src: local('Roboto'), local('Roboto-Regular'), url('/assets/css/19/fonts/roboto/roboto-regular-webfont.woff2?v=19040301') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/assets/css/19/fonts/roboto/roboto-bold-webfont.woff2?v=19040301') format('woff2');
  font-display: swap;
}
.font-normal {
  font-weight: 400;
}
.font-bold {
  font-weight: 700;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI NASTAVENI -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
strong {
  font-weight: 700;
}
/*
    Theme Name: AVIZO.cz - stylesheet - icons - vypis
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2020-02-22.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
@font-face {
  font-family: 'avizoico-vypis';
  font-display: block;
  src: url(/assets/css/19/fonts/icons/avizoico-vypis.woff?v=984632154751345) format("woff");
  font-weight: 400;
  font-style: normal;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI NASTAVENI -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
[class^="icon-"],
[class*=" icon-"],
.avizo-check-button b:before,
.job-firm-container h2:before,
#breadcrumb li:before,
.paging a:before,
.job-firm-container h2:before,
.filter-group.checked .filter-title:before,
.filter-group-open.checked .filter-title:before,
.alert-content:before {
  font-family: 'avizoico-vypis' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- JEDNOTLIVE IKONY ---------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.icon-folder-open-o:before {
  content: "\f115";
}
.icon-video-camera:before {
  content: "\f03d";
}
.icon-calendar-o:before {
  content: "\f133";
}
.icon-location-arrow:before {
  content: "\f124";
}
.icon-star:before {
  content: "\f005";
}
.icon-avizo-sqr:before {
  content: "\e901";
}
.icon-avizo-tri:before {
  content: "\e902";
}
.icon-avizo-vip:before {
  content: "\e617";
}
.icon-avizo-top:before {
  content: "\e618";
}
.icon-facebook-square:before {
  content: "\eee9";
}
.icon-pinterest-square:before {
  content: "\ef2d";
}
.icon-twitter-square:before {
  content: "\eeee";
}
.icon-arrow-circle-light-up:before {
  content: "\ede7";
}
.icon-arrow-circle-light-right:before {
  content: "\ede8";
}
.icon-arrow-circle-light-down:before {
  content: "\ede9";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-check:before {
  content: "\f00c";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-info-circle:before {
  content: "\f05a";
}
.icon-ban:before {
  content: "\f05e";
}
.icon-home:before {
  content: "\f015";
}
.icon-times:before {
  content: "\f00b";
}
.icon-search:before {
  content: "\f002";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-user:before {
  content: "\f007";
}
.icon-power-off:before {
  content: "\f011";
}
.icon-exclamation:before {
  content: "\f12a";
}
.icon-question-circle:before {
  content: "\f059";
}
.icon-thumbs-o-up:before {
  content: "\f087";
}
.icon-thumbs-o-down:before {
  content: "\f088";
}
.icon-avizo-prace:before {
  content: "\e600";
}
.icon-heart:before {
  content: "\f004";
}
.icon-avizo-hlidaci-pes:before {
  content: "\e616";
}
.icon-trash-o:before {
  content: "\f014";
}
.icon-plus-circle-light:before {
  content: "\ed5f";
}
.icon-minus-circle-light:before {
  content: "\ed60";
}
.icon-filtrate:before {
  content: "\e900";
}
.icon-avizo-foto:before {
  content: "\e605";
}
.icon-rotate-right:before {
  content: "\f01e";
}
.icon-lock:before {
  content: "\f023";
}
.icon-plus-circle:before {
  content: "\f055";
}
.icon-minus-circle:before {
  content: "\f056";
}
.icon-times-circle:before {
  content: "\f057";
}
.icon-check-circle:before {
  content: "\f058";
}
.icon-rss-square:before {
  content: "\eef1";
}
/*
    Theme Name: AVIZO.cz - stylesheet - formular
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2019-12-30.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI NASTAVENI INPUTU ------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
::-webkit-input-placeholder {
  color: #A7A7A7;
}
::-moz-placeholder {
  color: #A7A7A7;
}
:-ms-input-placeholder {
  color: #A7A7A7;
}
input:-moz-placeholder {
  color: #A7A7A7;
}
.select-placeholder {
  color: #A7A7A7 !important;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI NASTAVENI -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.frm {
  width: 100%;
  margin: 0 0 15px 0;
}
.frm:after {
  content: "";
  display: table;
  clear: both;
}
.frm-group {
  margin: 0 0 15px 0;
}
.frm-group:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- INPUTY -------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.frm input[type="text"],
.frm input[type="password"],
.frm input[type="email"],
.frm input[type="number"],
.frm input[type="tel"],
.frm input[type="date"],
.frm textarea {
  width: 100%;
  padding: 10px 10px;
  border: 1px solid #0099cc;
  outline: none !important;
  background: #ffffff;
  text-align: left;
  font-weight: 400;
  color: #333;
  font-size: 1.0em;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.frm input[type="text"]:focus,
.frm input[type="password"]:focus,
.frm input[type="email"]:focus,
.frm input[type="number"]:focus,
.frm input[type="tel"]:focus,
.frm input[type="date"]:focus,
.frm textarea:focus {
  border-color: #025e7c;
}
.frm input[type="text"]:disabled,
.frm input[type="password"]:disabled,
.frm input[type="email"]:disabled,
.frm input[type="number"]:disabled,
.frm input[type="tel"]:disabled,
.frm input[type="date"]:disabled,
.frm textarea:disabled {
  border-color: #C7C7C7;
  color: #8E8E8E;
  background: #ffffff;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- LABEL --------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.frm-label {
  width: 150px;
  float: left;
  text-align: right;
  padding-top: 7px;
  outline: none !important;
}
.frm-label.frm-label-row {
  width: 100%;
  float: none;
  text-align: left;
  padding-top: 0px;
}
@media (max-width: 767px) {
  .frm-label {
    width: 100%;
    float: none;
    text-align: left;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ITEM ---------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.frm-item {
  margin-left: 170px;
  position: relative;
  text-align: left;
}
.frm-item.frm-item-minwidth {
  max-width: 300px;
}
.frm-item.frm-item-maxlenght {
  padding-right: 35px;
}
.frm-item.frm-item-big-scroll {
  border: 1px solid #0099cc;
  outline: none !important;
  background: #ffffff;
  height: 350px;
  overflow-y: scroll;
}
.frm-item.frm-item-big {
  margin-left: 0;
}
@media (max-width: 767px) {
  .frm-item {
    margin-left: 20px;
  }
}
.frm-item-content-with-label {
  padding-top: 7px;
}
/*
    Theme Name: AVIZO.cz - aviz-checkbox
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS checkbox
    Version: 2020-02-10.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- DEFAULT RESET FLOAT ------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.avizo-check:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI NASTAVENI -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.avizo-check {
  display: inline-block;
  margin: 0 20px 10px 0;
  line-height: 1.1em;
  position: relative;
  padding: 8px 0 10px 55px;
  /* <-------------- CHECKED -------------------------------------------------------------> */
  /* <-------------- DISABLED ------------------------------------------------------------> */
  /* <-------------- DISABLED - CHECKED --------------------------------------------------> */
  /* <-------------- SMALL -------------------------------------------------------------> */
}
.avizo-check span {
  display: block;
  margin: 0 0 0 50px;
  padding-top: 7px;
}
.avizo-check .avizo-check-button {
  display: inline-block;
  float: left;
  border: solid 1px #9c9291;
  background: #ffffff;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  height: 28px;
  width: 45px;
  position: absolute;
  left: 0;
  top: 0;
  vertical-align: middle;
  cursor: pointer;
}
.avizo-check .avizo-check-button b {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  background: #9c9291;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.avizo-check .avizo-check-button b:before {
  font-size: 0.75em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.avizo-check.checked .avizo-check-button b:before {
  content: "\f00c";
}
.avizo-check.checked .avizo-check-button b {
  background: #02c72c;
}
.avizo-check.checked .avizo-check-button {
  border-color: #02c72c;
}
.avizo-check.disabled .avizo-check-button b {
  background: #BEBEBE;
  cursor: d efault;
}
.avizo-check.disabled .avizo-check-button {
  border-color: #BEBEBE;
  cursor: default;
}
.avizo-check.disabled .avizo-check-button b:before {
  content: "\f00d";
}
.avizo-check.disabled.checked .avizo-check-button b {
  background: #abdb6c;
  cursor: default;
  right: 0;
  left: auto;
}
.avizo-check.disabled.checked .avizo-check-button {
  border-color: #abdb6c;
  cursor: default;
}
.avizo-check.disabled.checked .avizo-check-button b:before {
  content: "\f00c";
}
.avizo-check.avizo-check-small {
  padding: 3px 0 5px 45px;
  font-size: 11px;
}
.avizo-check.avizo-check-small .avizo-check-button {
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  height: 18px;
  width: 35px;
}
.avizo-check.avizo-check-small .avizo-check-button b {
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- NEW CHECKBOX -------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.av-chbx:after {
  content: "";
  display: table;
  clear: both;
}
.av-chbx {
  display: inline-block;
  line-height: 1.1em;
  position: relative;
  cursor: pointer;
  padding: 2px 0 2px 32px;
  margin-bottom: 7px;
}
.av-chbx input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
  outline: none;
}
.av-chbx b {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  left: 0;
  background: #ffffff;
  border: 1px solid #c5cacd;
  outline: none;
}
.av-chbx:hover b {
  background: #dee3e6;
  border-color: #dee3e6;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
.av-chbx input[type="radio"] ~ b {
  border-radius: 50%;
}
.av-chbx input:checked ~ b {
  background-color: #0077b7;
  border-color: #0077b7;
}
.av-chbx input:disabled ~ b::before {
  content: '+';
  color: #B5B5B5;
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 17px;
  transform: rotate(45deg);
  font-weight: 400;
}
.av-chbx input:checked ~ b::before {
  content: '\02143';
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 4px;
  font-size: 14px;
  transform: rotate(40deg);
}
.av-chbx input:checked:disabled ~ b::before {
  color: #B5B5B5;
}
.av-chbx input:disabled ~ b {
  background-color: #f1f2f3;
  border-color: #f1f2f3;
}
.av-chbx.disabled {
  color: #B5B5B5;
}
.av-chbx-small {
  padding: 2px 0 2px 22px;
  margin-bottom: 4px;
  font-size: 12px;
}
.av-chbx-small b {
  width: 15px;
  height: 15px;
  top: -1px;
  left: 0;
}
.av-chbx-small input:disabled ~ b::before {
  top: 0px;
  left: 2.5px;
  font-size: 14px;
}
.av-chbx-small input:checked ~ b::before {
  top: -1px;
  left: 2.5px;
  font-size: 11px;
}
.av-chbx-small.disabled {
  color: #B5B5B5;
}
/*
    Theme Name: AVIZO.cz - selectbox
    Theme URI: http://www.avizo.cz/
    Version: 2019-11-30.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
.frm-selectbox {
  width: 100%;
  position: relative;
  text-align: left;
}
@media (max-width: 990px) {
  .frm-selectbox {
    width: 100%;
    position: relative;
  }
}
.frm-selectbox-label {
  display: block;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: #6f6f6f;
  border: solid 1px #c6c6c6;
  padding: 0 40px 0 20px;
  white-space: nowrap;
}
.frm-selectbox-label strong {
  font-weight: 700;
}
.frm-selectbox-label :hover {
  border-color: #025e7c;
}
@media (max-width: 990px) {
  .frm-selectbox-label {
    background: #ffffff;
    font-size: 16px;
    padding: 0 40px 0 20px;
  }
}
.frm-selectbox-label-hover {
  border-color: #025e7c;
}
.frm-selectbox-icon {
  position: absolute;
  right: 1px;
  top: 9px;
  cursor: pointer;
  padding-right: 4px;
  color: #9c9291;
  font-size: 26px;
}
.frm-selectbox ul {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99999;
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
  background: #ffffff;
  border: solid 1px #025e7c;
}
.frm-selectbox ul input {
  display: none;
}
.frm-selectbox ul label {
  display: block;
  padding: 15px 20px;
  cursor: pointer;
  background: #ffffff;
  line-height: 1.1em;
}
.frm-selectbox ul label.current {
  font-weight: 700;
  color: #1883c3;
}
.frm-selectbox ul label:hover {
  background: #d4e8ff;
}
@media (max-width: 990px) {
  .frm-selectbox ul {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    border-top: none;
    z-index: 1;
    max-height: none;
    height: auto;
  }
}
.frm-selectbox ul {
  display: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- MENSI SELECTBOX ----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.frm-selectbox-small .frm-selectbox-label {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0 40px 0 10px;
}
.frm-selectbox-small .frm-selectbox-icon {
  right: 1px;
  top: 3px;
  font-size: 15px;
}
.frm-selectbox-small ul {
  top: 24px;
}
.frm-selectbox-small ul label {
  padding: 7px 10px;
  font-size: 12px;
}
@media (max-width: 990px) {
  .frm-selectbox-small ul {
    top: auto;
  }
}
/*
    Theme Name: AVIZO.cz - stylesheet - vychozi - obecne pro vsechny sablony
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2019-09-29.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- BODY - telo --------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
body {
  font-size: 14px;
  font-style: normal;
  line-height: 1.6em;
  color: #333;
  background: #ffffff;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.body-mobile-nav-open {
  background: #333;
  overflow: hidden;
}
.modal-iframe-body {
  min-width: 120px;
}
.body-iframe {
  text-align: left;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ODKAZY -------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
a,
a:link,
a:visited {
  color: #0077b7;
  text-decoration: none;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
a:hover,
a:focus {
  color: #0077b7;
  text-decoration: underline;
}
a:active {
  color: #000;
  text-decoration: none;
}
a img,
a:link img,
a:visited img {
  border: none;
  text-decoration: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ALERT / ERROR DIALOG -----------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.alert-contet:after {
  content: "";
  display: table;
  clear: both;
}
.alert {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 9999999999999999999999999;
}
.alert-wrapper {
  width: 100%;
  max-width: 800px;
  min-width: 300px;
  margin: 0 auto;
  position: relative;
  padding: 20px;
  background: #ffffff;
  border: solid 1px #BBBBBB;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.alert-close {
  width: auto;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-size: 18px;
}
.alert-content {
  text-align: center;
  font-size: 12px;
  padding: 0 0 0 40px;
  position: relative;
}
.error .alert-content:before,
.info .alert-content:before {
  content: "\f05e";
  position: absolute;
  top: -10px;
  left: 0;
  font-size: 40px;
  color: #DF8284;
}
.alert-wrapper.error {
  background: #AF2527;
  border-color: #981A1C;
  color: #ffffff;
}
.error .alert-content:before {
  content: "\f05e";
  color: #DF8284;
}
.alert-wrapper.info {
  background: #3B8AA7;
  border-color: #134E7F;
  color: #ffffff;
}
.info .alert-content:before {
  content: "\f05a";
  color: #ADD3DD;
}
.alert {
  display: none;
}
@media handheld, only screen and (max-width: 929px) {
  .alert {
    top: 20px;
    left: 20px;
    right: 20px;
  }
  .alert-wrapper {
    width: 100% !important;
    min-width: 100% !important;
  }
}
.big-errorbox {
  padding: 15px;
  position: relative;
  border: solid 1px #ffd6d6;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.big-errorbox i {
  float: left;
  font-size: 2.8em;
  color: #B80000;
}
.big-errorbox:after {
  content: "";
  display: table;
  clear: both;
}
.errorbox-text {
  margin-left: 60px;
  color: #B80000;
}
.boxmodel-list-content .big-errorbox {
  background: #ffffff;
  margin-bottom: 60px;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TOP COOKIES --------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.topcookies {
  padding: 10px 20px;
  text-align: center;
  color: #5e5149;
  background-image: linear-gradient(to top, #f5e393 0%, #faf7d3 100%);
}
.topcookies {
  display: none;
}
.topcookies-button,
a.topcookies-button,
a.topcookies-button:visited {
  display: inline-block;
  padding: 7px 15px;
  margin: 0 30px;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
  color: #333 !important;
  cursor: pointer;
  background-image: linear-gradient(to top, #47bb01 0%, #b1fc67 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.topcookies-button:hover,
a .topcookies-button:hover {
  color: #ffffff !important;
  text-shadow: 0 1px #424242;
  background-image: linear-gradient(to top, #333 0%, #7a7a7a 100%);
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TOP LISTA ----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.top-main-bar {
  background: #000;
  background-image: linear-gradient(to top, 191919 0%, #454444 100%);
}
@media (max-width: 767px) {
  .top-main-bar {
    display: none;
  }
}
.top-main-bar-link a,
.top-main-bar-link a:visited {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.85em;
  background: none;
}
@media (max-width: 1120px) {
  .top-main-bar-link a,
  .top-main-bar-link a:visited {
    padding: 15px 15px;
  }
}
@media (max-width: 990px) {
  .top-main-bar-link a,
  .top-main-bar-link a:visited {
    padding: 15px 7px;
  }
}
@media (max-width: 855px) {
  .top-main-bar-link a,
  .top-main-bar-link a:visited {
    padding: 15px 15px;
  }
}
.top-main-bar-link a:hover {
  color: #C1E7FF;
  background: #000;
}
.top-main-bar-link a.current,
.top-main-bar-link a.current:visited {
  background: #ffffff;
  color: #0077b7;
}
.top-main-bar-link a.current:hover {
  background: #ffffff;
  color: #000;
}
a.top-main-bar-helplink,
a.top-main-bar-helplink:visited {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.85em;
  background: none;
}
@media (max-width: 1120px) {
  a.top-main-bar-helplink,
  a.top-main-bar-helplink:visited {
    margin-right: 25px;
  }
}
@media (max-width: 960px) {
  a.top-main-bar-helplink,
  a.top-main-bar-helplink:visited {
    margin-right: 15px;
  }
}
@media (max-width: 950px) {
  a.top-main-bar-helplink,
  a.top-main-bar-helplink:visited {
    margin-right: 20px;
  }
}
@media (max-width: 855px) {
  a.top-main-bar-helplink,
  a.top-main-bar-helplink:visited {
    margin-right: 0px;
  }
}
a.top-main-bar-helplink:hover {
  color: #C1E7FF;
}
.top-main-bar-infolinka {
  color: #C4C4C4;
  text-transform: uppercase;
}
@media (max-width: 855px) {
  .top-main-bar-infolinka {
    display: none;
  }
}
.top-main-bar-infolinka-link-phone {
  font-size: 1.3em;
  color: #ffffff !important;
  text-decoration: none !important;
}
.top-main-bar-infolinka small {
  font-size: 10px;
}
.top-main-bar-infolinka-link-mail {
  color: #ffffff !important;
  text-decoration: none !important;
  text-transform: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- MENU V HLAVICCE STRANKY --------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.top-page-bar {
  padding: 0 20px;
  background: #000;
  color: #ffffff;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .top-page-bar {
    display: none;
  }
}
.top-page-bar-other {
  display: block;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  line-height: 1em;
}
.top-page-bar-other:after {
  content: "";
  display: table;
  clear: both;
}
a.top-page-bar-helplink,
a.top-page-bar-helplink:visited {
  display: inline-block;
  padding: 14px 0;
  margin-right: 50px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.85em;
  background: none;
}
@media (max-width: 1120px) {
  a.top-page-bar-helplink,
  a.top-page-bar-helplink:visited {
    margin-right: 25px;
  }
}
@media (max-width: 960px) {
  a.top-page-bar-helplink,
  a.top-page-bar-helplink:visited {
    margin-right: 15px;
  }
}
@media (max-width: 950px) {
  a.top-page-bar-helplink,
  a.top-page-bar-helplink:visited {
    margin-right: 20px;
  }
}
@media (max-width: 855px) {
  a.top-page-bar-helplink,
  a.top-page-bar-helplink:visited {
    margin-right: 0px;
  }
}
a.top-page-bar-helplink:hover {
  color: #C1E7FF;
}
.top-page-bar-infolinka {
  display: block;
  width: auto;
  float: right;
  padding: 7px 0 0 0;
  text-align: left;
  color: #C4C4C4;
  text-transform: uppercase;
}
@media (max-width: 855px) {
  .top-page-bar-infolinka {
    display: none;
  }
}
.top-page-bar-infolinka small {
  display: block;
  line-height: 1em;
  padding-left: 15px;
}
.top-page-bar-infolinka-link-phone {
  font-size: 1.3em;
  color: #ffffff !important;
  text-decoration: none !important;
}
.top-page-bar-infolinka small {
  font-size: 10px;
}
.top-page-bar-infolinka-link-mail {
  margin-left: 15px;
  color: #ffffff !important;
  text-decoration: none !important;
  text-transform: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TOP MENU -----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.top-page-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 45px;
  text-align: left;
  position: relative;
}
.top-page-nav:after {
  content: "";
  display: table;
  clear: both;
}
.top-page-nav-item {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
a.top-page-nav-item-link {
  display: inline-block;
  padding: 0 30px;
  line-height: 44px;
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
}
a.top-page-nav-item-link,
a.top-page-nav-item-link:visited {
  background: none;
  color: #ffffff;
  text-decoration: none;
  border-left: solid 1px #000;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 0px #000;
}
@media (max-width: 1120px) {
  a.top-page-nav-item-link,
  a.top-page-nav-item-link:visited {
    padding: 0 15px;
  }
}
@media (max-width: 990px) {
  a.top-page-nav-item-link,
  a.top-page-nav-item-link:visited {
    padding: 0 7px;
  }
}
@media (max-width: 855px) {
  a.top-page-nav-item-link,
  a.top-page-nav-item-link:visited {
    padding: 0 15px;
  }
}
a.top-page-nav-item-link:hover {
  background: #fff;
  color: #000;
  border-left: solid 1px #E6F1FF;
  border-top: solid 1px #E6F1FF;
  border-right: solid 1px #E6F1FF;
  border-bottom: solid 0px #E6F1FF;
}
.top-page-nav-item-sub {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  padding: 20px 30px 40px 30px;
  margin: 0;
  z-index: 99999;
  background: #fff;
  border-left: solid 1px #E6F1FF;
  border-top: solid 0px #E6F1FF;
  border-right: solid 1px #E6F1FF;
  border-bottom: solid 1px #E6F1FF;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  color: #000;
  display: none;
}
.top-page-nav-item-sub:after {
  content: "";
  display: table;
  clear: both;
}
.top-page-nav-item-subcl {
  width: 25%;
  float: left;
  padding: 0 30px 0 0;
}
.top-page-nav-item-subcl p {
  line-height: 1.3em;
  font-size: 12px;
  margin: 0;
  padding: 10px 0;
}
.top-page-nav-item-subcl p strong {
  font-size: 14px;
  display: inline-block;
  padding: 0 0 2px 0;
  margin: 0;
}
.top-page-nav-item-subcl a,
.top-page-nav-item-subcl a:visited {
  color: #615e5e;
  text-decoration: underline;
  margin-right: 5px;
}
.top-page-nav-item-subcl a:hover {
  color: #0077b7;
}
.top-page-nav-item-subcl strong a,
.top-page-nav-item-subcl strong a:visited {
  color: #0077b7;
  text-decoration: none;
  margin-right: 0px;
}
.top-page-nav-item-subcl strong a:hover {
  color: #0077b7;
  text-decoration: underline;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles {
  height: 240px;
  position: relative;
  font-size: 12px;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles strong {
  display: inline-block;
  padding: 0 0 10px 0;
  font-size: 14px;
  margin: 0;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles a,
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles a:visited {
  color: #0077b7;
  text-decoration: none;
  margin-right: 0px;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles a:hover {
  color: #0077b7;
  text-decoration: underline;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles em {
  font-style: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles em span {
  color: #8F8F8F;
  font-size: 10px;
  display: inline-block;
  padding: 0 0 3px 0;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles em a,
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles em a:visited {
  display: block;
  height: 80px;
  position: relative;
  border: solid 1px #eaedef;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  background: none;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles em a b,
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles em a:visited b {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  right: 5px;
  padding: 5px 0;
}
.top-page-nav-item-subcl .top-page-nav-item-subcl-articles em a:hover {
  border-color: #0077b7;
  color: #ffffff;
  background: #0077b7;
}
.top-page-nav-item:hover a.top-page-nav-item-link {
  background: #fff;
  color: #000;
  border-left: solid 1px #E6F1FF;
  border-top: solid 1px #E6F1FF;
  border-right: solid 1px #E6F1FF;
  border-bottom: solid 0px #E6F1FF;
}
.top-page-nav-item:hover .top-page-nav-item-sub {
  display: block;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- HLAVICKA -----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
header {
  padding: 20px;
  margin: 0;
  text-align: center;
  background-image: linear-gradient(to top, #E6F1FF 0%, #ffffff 61%, #ffffff 100%);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.53);
  position: relative;
}
.top-header-buttons {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  float: right;
}
.top-header-buttons a {
  margin: 20px 0 0 20px;
  float: left;
}
.top-header-buttons a.button-logoff {
  margin: 20px 0 0 0 !important;
}
@media (max-width: 767px) {
  .top-header-buttons {
    margin: 0;
    padding: 15px 0 0 0;
    width: 100%;
    float: none;
    clear: both;
    text-align: center;
  }
  .top-header-buttons a {
    margin: 0 auto;
    float: none;
  }
  .top-header-buttons a.button-head-user,
  .top-header-buttons a.button-top-header-user,
  .top-header-buttons a.button-logoff {
    display: none;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- MOBILNI MENU -------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
#mobile-nav {
  width: 250px;
  position: fixed;
  z-index: 0;
  top: 0;
  right: -250px;
  bottom: 0;
  margin: 0;
  padding: 20px 0 60px 0;
  overflow: auto;
  overflow-x: hidden;
}
#main-page {
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
#close-mobile-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 9999999999;
  background: rgba(255, 255, 255, 0.5);
}
#close-mobile-nav:hover {
  background: rgba(255, 255, 255, 0.3);
}
#mobile-nav,
#close-mobile-nav {
  display: none;
}
.main-page-fixed {
  position: fixed !important;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}
.mobile-menu-button,
.mobile-menu-button:visited {
  display: block;
  float: right;
  margin: 15px 0 0 0;
  padding: 10px 8px 9px 10px;
  line-height: 1em;
  text-align: center;
  width: auto;
  color: #333 !important;
  font-size: 22px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.mobile-menu-button i,
.mobile-menu-button:visited i {
  margin: 0 auto;
  color: #333 !important;
}
.mobile-menu-button {
  display: none;
}
@media (max-width: 767px) {
  .mobile-menu-button {
    display: block;
  }
}
.mobile-menu {
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  /* & a:hover { background:  #262626;} */
}
.mobile-menu ul {
  width: 100%;
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
}
.mobile-menu li {
  display: block;
  width: 100%;
  overflow: hidden;
  border-bottom: solid 1px #262626;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
}
.mobile-menu li a,
.mobile-menu li a:visited {
  display: block;
  margin: 0;
  padding: 5px 10px;
  line-height: 1.1em;
}
.mobile-menu li a b,
.mobile-menu li a:visited b {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  font-weight: 400;
  text-align: center;
  border: solid 1px #818181;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.mobile-menu li li {
  border: none;
  text-transform: none;
  font-size: 14px;
}
.mobile-menu li li a {
  padding-left: 25px;
}
.mobile-menu strong {
  display: block;
  position: relative;
  font-weight: 400;
  padding: 5px 30px 5px 10px;
}
.mobile-menu strong i {
  position: absolute;
  top: 7px;
  right: 10px;
  font-size: 14px;
}
.mobile-menu .mobile-menu-sub-list-title {
  cursor: pointer;
}
.mobile-menu a,
.mobile-menu a:visited {
  background: none;
  text-decoration: none !important;
  color: #ffffff !important;
}
.mobile-menu-sub-list {
  padding: 0 0 25px 0;
}
.mobile-menu-sub-list strong {
  font-weight: 700;
  padding: 5px 10px 5px 25px;
  text-transform: uppercase;
  color: #5b85c3;
}
.mobile-menu-sub-list {
  display: none;
}
.mobile-menu-buttons {
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  margin-bottom: 20px;
}
.mobile-menu-buttons li {
  line-height: 1em;
  padding: 0 20px 15px 20px;
}
.mobile-menu-buttons li a {
  display: block;
  padding: 15px 0;
}
.mobile-infolinka {
  text-transform: uppercase;
  padding: 30px 20px;
  margin: 0;
  text-align: left;
  color: #C4C4C4;
  font-size: 12px;
  line-height: 1.1em;
}
.mobile-infolinka-link-phone {
  text-decoration: none !important;
  font-size: 1.2em;
  color: #ffffff !important;
}
.mobile-infolinka small {
  display: block;
  line-height: 1em;
  padding-left: 15px;
  font-size: 10px;
}
.mobile-infolinka-link-mail {
  text-decoration: none !important;
  text-transform: none;
  margin-left: 5px;
  font-size: 10px;
  color: #ffffff !important;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- PATA WEBU ----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
footer {
  display: block;
  border-top: solid 1px #A8E0FF;
  padding: 40px 20px 40px 20px;
  background-image: linear-gradient(to top, #ffffff 0%, #DFF4FF 100%);
}
footer .wrapper {
  text-align: left;
}
.flinks {
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 70px;
  font-size: 12px;
}
@media (max-width: 767px) {
  .flinks {
    line-height: 1.2em;
  }
}
.flinks:after {
  content: "";
  display: table;
  clear: both;
}
.flogo {
  display: block;
  float: left;
  width: 200px;
  height: 46px;
  overflow: hidden;
  text-align: left;
  margin: 0 20px 0 0;
  padding: 0;
  background: url(/assets/css/19/img/avizocz.svg) no-repeat 0 0;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .flogo {
    width: 100%;
    margin-bottom: 15px;
    float: none;
    background-size: auto 100%;
  }
}
.fnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fnav h2 {
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 1.2em;
}
footer .socicon {
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 1em;
  font-size: 2.4em;
  position: absolute;
  top: 10px;
  right: 0;
}
footer .socicon a em {
  display: none;
}
footer .socicon a {
  text-decoration: none !important;
}
.footer-copyright {
  clear: both;
  padding-top: 25px;
  font-size: 0.75em;
  text-align: right;
}
.fnav h2 {
  color: #666;
  font-weight: 700;
}
.fnav ul ul {
  font-size: 12px;
}
a.fblink,
a.fblink:visited {
  color: #3B5997;
}
a.fblink:hover {
  color: #153373;
}
a.twlink,
a.twlink:visited {
  color: #28C5F8;
}
a.twlink:hover {
  color: #049ED2;
}
a.gplink,
a.gplink:visited {
  color: #D24130;
}
a.gplink:hover {
  color: #A81505;
}
a.ptlink,
a.ptlink:visited {
  color: #C61118;
}
a.ptlink:hover {
  color: #A00201;
}
a.rslink,
a.rslink:visited {
  color: #FF6D00;
}
a.rslink:hover {
  color: #D94601;
}
@media handheld, only screen and (max-width: 1120px) {
  footer .socicon {
    position: relative;
    width: 100%;
    text-align: left;
    margin: 0 0 30px 0;
    top: 0;
    padding: 0;
  }
  .footer-copyright {
    font-size: 0.75em;
    text-align: center;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- DROBECKOVKA --------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
#breadcrumb ul {
  margin: 0 0 30px ;
  padding: 0;
  width: 100%;
  list-style: none;
}
#breadcrumb li {
  display: inline-block;
  padding-right: 0px;
  margin-right: 10px;
  line-height: 1em;
  font-size: 0.75em;
}
#breadcrumb li:before {
  content: "\f105";
  font-size: 1.5em;
  margin-right: 10px;
  vertical-align: text-bottom;
  color: #919191;
}
#breadcrumb li#breadcrumb-home:before {
  content: "\f015";
}
#breadcrumb h1 {
  display: inline;
  font-weight: 400;
  font-size: 1em;
}
#breadcrumb li#breadcrumb-home-icon:before {
  content: "" !important;
  display: none;
}
#breadcrumb li a .icon-home,
#breadcrumb li a:hover .icon-home {
  font-size: 1.5em;
  color: #919191 !important;
  text-decoration: none !important;
  vertical-align: -2px;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- STRANKOVANI --------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.paging a:after {
  content: "";
  display: table;
  clear: both;
}
.paging {
  margin: 35px 0;
  text-align: center;
  color: #C0C0C0;
  line-height: 1.6em;
}
.paging a {
  display: inline-block;
  margin: 0 10px;
}
.paging a.pagiprev {
  margin-right: 30px;
}
.paging a.paginext {
  margin-left: 30px;
}
.paging a.pagiprev:before {
  content: "\f053";
  margin-right: 5px;
  vertical-align: -1px;
}
.paging a.paginext:before {
  content: "\f054";
  margin-left: 5px;
  margin-top: 5px;
  float: right;
}
.paging a.selected {
  text-decoration: none;
  color: #333;
  font-weight: 700;
}
/*
    Theme Name: AVIZO.cz - stylesheet - buttons
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2019-08-14.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
.button-group:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYCHOZI BUTTON -----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
button,
.button,
.btn,
a.button,
a.btn {
  padding: 10px 15px;
  line-height: 1em;
  cursor: pointer;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  background-image: linear-gradient(to top, #E4E4E4 0%, #ffffff 100%);
  color: #130d0c;
  border: 1px solid #CCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
  /* <-------------- ORANGE -------------------------------------------------------------> */
  /* <-------------- BLUE ---------------------------------------------------------------> */
  /* <-------------- VELIKOSTI ----------------------------------------------------------> */
  /* <-------------- LOGOFF -------------------------------------------------------------> */
  /* <-------------- IKONY --------------------------------------------------------------> */
}
button:visited,
.button:visited,
.btn:visited,
a.button:visited,
a.btn:visited {
  color: #000;
}
button:hover,
.button:hover,
.btn:hover,
a.button:hover,
a.btn:hover {
  background-image: linear-gradient(to top, #E6F2FF 0%, #ffffff 100%);
  color: #ffffff;
  border: 1px solid #CDE3FD;
  color: #000;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
button.button-orange,
.button.button-orange,
.btn.button-orange,
a.button.button-orange,
a.btn.button-orange,
button.button-orange:visited,
.button.button-orange:visited,
.btn.button-orange:visited,
a.button.button-orange:visited,
a.btn.button-orange:visited {
  background-image: linear-gradient(to top, #FFE993 0%, #ffffff 100%);
  border-color: #FFDA6B;
  color: #000;
}
button.button-orange:hover,
.button.button-orange:hover,
.btn.button-orange:hover,
a.button.button-orange:hover,
a.btn.button-orange:hover {
  background-image: linear-gradient(to top, #FBDC61 0%, #FDFAF0 100%);
  border-color: #FBC933;
  color: #000;
}
button.button-blue,
.button.button-blue,
.btn.button-blue,
a.button.button-blue,
a.btn.button-blue,
button.button-blue:visited,
.button.button-blue:visited,
.btn.button-blue:visited,
a.button.button-blue:visited,
a.btn.button-blue:visited {
  background-image: linear-gradient(to top, #0178B7 0%, #53C0FA 100%);
  border-color: #0178B7;
  color: #ffffff;
}
button.button-blue:hover,
.button.button-blue:hover,
.btn.button-blue:hover,
a.button.button-blue:hover,
a.btn.button-blue:hover {
  background-image: linear-gradient(to top, #024264 0%, #0077b7 100%);
  border-color: #024264;
  color: #ffffff;
}
button.button-big,
.button.button-big,
.btn.button-big,
a.button.button-big,
a.btn.button-big {
  padding: 15px 25px;
  font-size: 18px;
}
button.button-greater,
.button.button-greater,
.btn.button-greater,
a.button.button-greater,
a.btn.button-greater {
  padding: 15px 35px;
  font-size: 22px;
}
button.button-small,
.button.button-small,
.btn.button-small,
a.button.button-small,
a.btn.button-small {
  padding: 5px 10px;
  font-size: 12px;
}
button.button-logoff,
.button.button-logoff,
.btn.button-logoff,
a.button.button-logoff,
a.btn.button-logoff,
button.button-logoff:visited,
.button.button-logoff:visited,
.btn.button-logoff:visited,
a.button.button-logoff:visited,
a.btn.button-logoff:visited,
button.button-logoff:hover,
.button.button-logoff:hover,
.btn.button-logoff:hover,
a.button.button-logoff:hover,
a.btn.button-logoff:hover {
  border-left: none !important;
  vertical-align: middle;
  color: #000 !important;
  width: 37px;
  height: 37px;
  line-height: 41px;
  padding: 0;
  text-align: center;
  -moz-border-radius: 0 7px 7px 0;
  -webkit-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
}
button i,
.button i,
.btn i,
a.button i,
a.btn i {
  color: #0077b7;
  margin-right: 5px;
}
button.button-orange i,
.button.button-orange i,
.btn.button-orange i,
a.button.button-orange i,
a.btn.button-orange i {
  color: #f68603;
}
button.button-blue i,
.button.button-blue i,
.btn.button-blue i,
a.button.button-blue i,
a.btn.button-blue i {
  color: #ffffff;
}
button.button-logoff i,
.button.button-logoff i,
.btn.button-logoff i,
a.button.button-logoff i,
a.btn.button-logoff i {
  margin: 0 auto;
}
button.mobile-menu-button i,
.button.mobile-menu-button i,
.btn.mobile-menu-button i,
a.button.mobile-menu-button i,
a.btn.mobile-menu-button i {
  margin: 0 auto;
}
button em,
.button em,
.btn em,
a.button em,
a.btn em {
  font-style: normal;
  text-transform: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TLACITKO FB ------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.button-fb,
.button-fb:visited {
  background-image: linear-gradient(to top, #2f4c8a 0%, #6c83b5 100%);
  border: 1px solid #2e4b89;
  color: #ffffff !important;
}
.button-fb:hover {
  background-image: linear-gradient(to top, #122652 0%, #2e4b89 99%, #2e4b89 100%);
  border: 1px solid #2e4b89;
  color: #ffffff !important;
}
.button-fb i {
  color: #ffffff !important;
}
a.button-logoff i,
a.button-logoff:visited i {
  margin: 0 auto;
  color: #4F4F4F !important;
  font-size: 18px;
}
a.button-logoff:hover i {
  color: #000 !important;
}
a.button-logoff,
a.button-logoff:visited,
a.button-logoff:hover {
  border-left: none !important;
  vertical-align: middle;
  color: #000 !important;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  text-align: center;
  /*border-radius:0 7px 7px 0 !important;*/
  -moz-border-radius: 0 7px 7px 0;
  -webkit-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
}
.button-head-user {
  border-radius: 7px 0 0 7px !important;
}
.button-head-user:hover {
  border-radius: 7px 0 0 7px !important;
}
.buttons-box .button {
  margin: 0 15px 15px 15px;
}
.buttons-box {
  padding-bottom: 50px;
}
.buttons-block {
  padding-top: 50px;
}
.button-group {
  white-space: nowrap;
}
.button-group .button {
  float: left;
  border-radius: 0;
  border-left: 0;
}
.button-group .button:first-child {
  border-left: solid 1px #CCC;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.button-group .button:last-child {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.button-vin,
.button-vin:visited,
.button-user-home,
.button-user-home:visited {
  padding: 10px 15px;
  color: #ffffff !important;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
  background: #9c9291;
  border: none;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.button-vin:hover,
.button-user-home:hover {
  background: #0077b7;
  border: none;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.button-vin i,
.button-vin:visited i,
.button-user-home i,
.button-user-home i:visited {
  color: #ffffff !important;
}
.button-vin:hover i,
.button-user-home i:hover {
  color: #ffffff !important;
}
.button-user-home {
  text-transform: none;
}
.button-vin {
  padding: 5px 15px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.buttons-info-box .button {
  margin-bottom: 10px;
}
.erwarning .button-big {
  font-size: 18px;
}
.selectall {
  padding: 6px 0px 5px 0px;
  width: 50px;
  vertical-align: top;
  text-align: center !important;
}
.selectall i {
  color: #B7B7B7 !important;
  margin: 0px !important;
  font-size: 1.4em;
}
.selectall.checked i {
  color: #000 !important;
}
/*
    Theme Name: AVIZO.cz - stylesheet - info boxy
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2019-08-14.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
.info-box:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYCHOZI ------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.info-box {
  padding: 5px 15px;
  margin-bottom: 40px;
  background: #E5F5FF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.info-box-yellow {
  background: #fff0B3;
}
.info-box-yellow a,
.info-box-yellow a:visited {
  color: #C16101;
}
.erwarning {
  font-size: 16px;
}
.info-box-ico-with-icon {
  padding-left: 60px;
  position: relative;
}
.info-box-icon {
  display: block;
  width: 40px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 50px;
}
.erwarning .info-box-icon {
  color: #C16101;
}
/*
    Theme Name: AVIZO.cz - stylesheet - vypis inzerce
    Theme URI: http://www.avizo.cz/
    Version: 2020-06-24.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VLASTNI VYPIS ------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem {
  padding: 0;
  margin: 0 0 30px 0;
  position: relative;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  /* <-------------- BARVY - DEFAULT ----------------------------------------------------> */
  /* <-------------- BARVY - ZVYRAZNENY INZERAT -----------------------------------------> */
  /* <-------------- BARVY - VIP INZERAT ------------------------------------------------> */
}
.aitem a {
  color: #333;
  text-decoration: none !important;
}
.aitem .aitem-content,
.aitem .aitem-photo,
.aitem.no-responsive-photo {
  border-color: #D3F0FE;
  background: #ffffff;
}
.aitem:hover .aitem-content,
.aitem:hover .aitem-photo {
  border-color: #A5CBFF;
}
.aitem.aitem-highlight .aitem-content,
.aitem.aitem-highlight .aitem-photo,
.aitem.no-responsive-photo.aitem-highlight {
  border-color: #C1DDFB;
  background: #E0F2FF;
}
.aitem.aitem-highlight:hover .aitem-content,
.aitem.aitem-highlight:hover .aitem-photo {
  border-color: #A5CBFF;
}
.vip-list-slider-item .aitem .aitem-content,
.vip-list-slider-item .aitem .aitem-photo,
.vip-list-slider-item .aitem.no-responsive-photo {
  border-color: #fbe4ac;
  background: #fdfcf4;
}
.vip-list-slider-item .aitem:hover .aitem-content,
.vip-list-slider-item .aitem:hover .aitem-photo,
.vip-list-slider-item .aitem.no-responsive-photo:hover {
  border-color: #FFE682;
}
.aitem:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  .aitem {
    margin-bottom: 20px;
    border-radius: 5px;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- FOTKA --------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-photo {
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  line-height: 0.5em;
  margin: 0;
  padding: 0;
  border-radius: 10px 0 0 10px;
  border-width: 1px;
  border-style: solid;
  border-right: 0px;
}
.aitem-photo img {
  display: block;
  width: auto;
  height: 130%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aitem-photo .aitem-photo-count {
  display: block;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: auto;
  padding: 3px 5px;
  border-radius: 0 10px 10px 0;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-style: normal;
}
@media (max-width: 767px) {
  .aitem-photo {
    width: 100px;
    border-radius: 5px 0 0 5px;
  }
}
@media (max-width: 500px) {
  .aitem-photo {
    width: 80px;
  }
}
.no-responsive-photo {
  border-radius: 10px;
  border: 1px solid;
}
.no-responsive-photo .aitem-content {
  border: none !important;
  overflow: hidden;
}
.no-responsive-photo:after {
  content: "";
  display: table;
  clear: both;
}
.no-responsive-photo .aitem-photo {
  padding: 10px;
  float: left;
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  border: none;
  height: auto;
  line-height: 0.1em;
}
.no-responsive-photo .aitem-photo:after {
  content: "";
  display: table;
  clear: both;
}
.no-responsive-photo .aitem-photo img {
  width: 100%;
  height: auto;
  float: none !important;
  margin: 0 auto;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.no-responsive-photo .aitem-photo-count {
  display: none !important;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- OBSAH --------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-content {
  margin: 0 0 0 150px;
  padding: 10px;
  border-radius: 0 10px 10px 0;
  border-width: 1px;
  border-style: solid;
  border-left-width: 0px;
}
@media (max-width: 767px) {
  .aitem-content {
    padding: 10px;
    border-radius: 0 5px 5px 0;
    margin: 0 0 0 100px;
  }
}
@media (max-width: 500px) {
  .aitem-content {
    margin: 0 0 0 80px;
  }
}
.aitem-nophoto .aitem-content {
  margin: 0;
  border-radius: 10px;
  border-left-width: 1px;
}
@media (max-width: 767px) {
  .aitem-nophoto .aitem-content {
    border-radius: 5px;
  }
}
.aitem-content:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- NADPIS -------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-content h2 {
  margin: 0 0 7px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1em;
  padding: 0;
}
.aitem-content h2 i {
  margin-right: 7px;
  font-size: 13px;
}
.aitem a .aitem-content h2,
.aitem a:visited .aitem-content h2,
.aitem a:hover .aitem-content h2 {
  color: #0077b7;
}
.aitem a .aitem-content h2 i,
.aitem a:visited .aitem-content h2 i,
.aitem a:hover .aitem-content h2 i {
  color: #51aeff;
}
.aitem a .aitem-content h2 i.icon-avizo-tri,
.aitem a:visited .aitem-content h2 i.icon-avizo-tri,
.aitem a:hover .aitem-content h2 i.icon-avizo-tri {
  color: #ffcc33;
}
@media screen and (max-width: 767px), screen and (max-height: 500px) {
  .aitem-content h2 {
    width: 100%;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    margin: 0 0 3px 0;
  }
}
@media screen and (max-height: 500px) {
  .aitem-content h2 {
    max-height: 42px;
  }
}
@media (max-width: 550px) {
  .aitem-content h2 {
    font-size: 14px;
  }
  .aitem-content h2 i {
    position: absolute;
    bottom: 5px;
    right: 0;
    font-size: 8px;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- POPIS INZERATU -----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-desc {
  line-height: 1.1em;
  font-size: 13px;
  margin: 0 0 7px 0;
  padding: 0;
}
a .aitem-desc {
  color: #333 !important;
}
@media (max-width: 767px) {
  .aitem-desc {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media (max-width: 500px) {
  .aitem-desc {
    display: none;
  }
  .aitem-nophoto .aitem-desc {
    display: block;
    margin: 0 0 3px 0;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- PARAMETRY ----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-param {
  margin: 0 0 7px 0;
  padding: 0;
  list-style: none;
  line-height: 1.1em;
}
.aitem-param li {
  display: inline;
  margin-right: 4px;
  font-size: 13px;
}
.aitem-param li em {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.aitem-param li b:after {
  content: "|";
  padding-left: 10px;
  font-weight: 700;
}
.aitem-param li:last-child b:after {
  display: none;
}
@media (max-width: 500px) {
  .aitem-param {
    margin: 0;
  }
  .aitem-param b {
    font-weight: 400;
    font-size: 12px;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- CENA A LOKALITA ----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-main-info:after {
  content: "";
  display: table;
  clear: both;
  width: 100%;
  height: 0px;
}
.aitem-price {
  width: auto;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  float: right;
  font-weight: 400;
  font-size: 11px;
}
.aitem-price strong {
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.aitem-price em {
  font-style: normal;
}
.aitem-main-info-real .aitem-price {
  width: 100%;
  float: none;
  margin-bottom: 5px;
}
@media (max-width: 500px) {
  .aitem-price {
    width: 100%;
    float: none;
    padding: 3px 0;
  }
  .aitem-price em {
    display: none;
  }
  .aitem-price strong {
    font-size: 13px;
  }
  .aitem-main-info-real .aitem-price {
    margin-bottom: 0px;
  }
}
.aitem-location {
  width: auto;
  line-height: 1.1em;
  margin: 0;
  padding: 0;
  float: left;
  font-weight: 400;
  font-size: 11px;
  color: #40BCFF;
}
.aitem-location i {
  margin-right: 5px;
  vertical-align: -1px;
}
@media (max-width: 500px) {
  .aitem-location {
    width: 100%;
    float: none;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .aitem-location i {
    display: none;
  }
}
.aitem-main-info-real .aitem-location {
  width: 100%;
  float: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- OSTATNI INFO -------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-info {
  margin: 0;
  padding: 3px 0 0 0;
  font-size: 10px;
  line-height: 1em;
  color: #929292;
}
.aitem-info .aitem-type {
  display: inline-block;
  font-style: normal;
  margin-right: 5px;
}
.aitem-info i {
  font-size: 11px;
  vertical-align: -1px;
  margin-right: 3px;
}
.aitem-info .aitem-info-top {
  display: block;
  width: auto;
  float: right;
}
@media (max-width: 550px) {
  .aitem-info.aitem-tools-with-top .aitem-info-time {
    display: none;
  }
  .aitem-info .aitem-info-top {
    width: 100%;
    float: none;
    font-size: 9px;
  }
  .aitem-info .aitem-info-top i {
    font-size: 10px;
  }
}
@media (max-width: 390px) {
  .aitem-info .aitem-type {
    display: none;
  }
}
@media (max-width: 330px) {
  .aitem-info .aitem-info-top {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.aitem-info:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- NASTROJE -----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-tools {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 25px;
}
@media (max-width: 767px) {
  .aitem-tools {
    width: auto;
    top: -10px;
  }
}
.aitem-tools:after {
  content: "";
  display: table;
  clear: both;
}
.aitem-tools a {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
  background: #fff;
  margin: 0 0 10px 0;
  border-radius: 50%;
  box-shadow: 0 1px 5px 0 rgba(0, 119, 183, 0.45);
  display: none;
  /* <-------------- TOPKA - neaktivni -----------------------------------------------------------------> */
  /* <-------------- TOPKA - aktivni -------------------------------------------------------------------> */
  /* <-------------- VIP -------------------------------------------------------------------------------> */
  /* <-------------- DO OBLIBENYCH ---------------------------------------------------------------------> */
  /* <-------------- SMAZAT INZERAT --------------------------------------------------------------------> */
}
.aitem-tools a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
}
.aitem-tools a em {
  display: none;
}
.aitem-tools a,
.aitem-tools a:visited {
  color: #ADADAD;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
.aitem-tools a:hover {
  color: #0077b7;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
@media (max-width: 767px) {
  .aitem-tools a {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    width: 18px;
    height: 18px;
  }
  .aitem-tools a i {
    font-size: 12px;
  }
}
.aitem:hover .aitem-tools a,
.aitem-tools a.aitem-service-top-on,
.aitem-tools a.aitem-service-vip {
  display: block;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
.aitem-tools a.aitem-service-top,
.aitem-tools a.aitem-service-top:visited {
  background: #ffffff;
  color: #0077b7;
}
.aitem-tools a.aitem-service-top:hover {
  background: #0077b7;
  color: #ffffff;
}
.aitem-tools a.aitem-service-top-on,
.aitem-tools a.aitem-service-top-on:visited {
  background: #0077b7;
  color: #ffffff;
}
.aitem-tools a.aitem-service-top-on:hover {
  background: #004f79;
  color: #ffffff;
}
.aitem-tools a.aitem-service-vip,
.aitem-tools a.aitem-service-vip:visited {
  background: #fdc211;
  color: #c15600;
  box-shadow: 0 1px 5px 0px rgba(251, 136, 0, 0.45);
}
.aitem-tools a.aitem-service-vip:hover {
  background: #fb9a00;
  color: #c15600;
}
.aitem-tools a i.icon-star,
.aitem-tools a i.icon-star:visited {
  color: #fdc211;
}
.aitem-tools a i.icon-star:hover {
  color: #f43f00;
}
.aitem-tools a i.icon-trash-o,
.aitem-tools a i.icon-trash-o:visited {
  color: #ADADAD;
}
.aitem-tools a i.icon-trash-o:hover {
  color: #BD0003;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VIDEO --------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-video {
  width: auto;
  position: absolute;
  top: -10px;
  left: 15px;
  padding: 3px 5px;
  color: #ffffff;
  background: #f60;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1em;
  border-radius: 0 0 3px 3px;
}
.aitem-video:before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 9px 7px;
  border-color: transparent transparent #bd5200 transparent;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- RUBRIKA ------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-category {
  position: absolute;
  width: auto;
  margin: 0;
  padding: 5px 10px;
  line-height: 1em;
  top: -10px;
  right: 25px;
  font-size: 11px;
  border-radius: 12px;
  background: #DADADA;
}
.aitem-category a {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .aitem-category {
    right: 80px;
  }
}
@media (max-width: 630px) {
  .aitem-category {
    /*position: relative; width: 100%; margin: 10px 0 0 0; bottom: auto; right: auto;*/
    font-size: 10px;
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.1);
    top: auto;
    bottom: -17px;
    right: 12px;
    left: 12px;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- DODOMO -------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.aitem-dodomo {
  width: auto ;
  /*.position-horizontal; bottom: -12px;*/
  position: absolute;
  right: -7px;
  bottom: 40px;
  padding: 2px 5px;
  color: #333;
  background: #fff;
  background-image: linear-gradient(to top, #dafffb 0%, #ffffff 100%);
  font-size: 9px;
  text-transform: none;
  line-height: 1em;
  border: solid 1px #11eacf;
  border-radius: 3px;
  text-align: center;
}
.aitem-dodomo:before {
  content: "";
  position: absolute;
  bottom: -7px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 0;
  border-color: #23aea0 transparent transparent transparent;
}
.aitem-dodomo b {
  display: inline-block;
  text-align: left;
  overflow: hidden;
  text-indent: -800px;
  background: url("img/dodomo-small.svg") no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 7px;
  vertical-align: 0px;
}
@media (max-width: 540px) {
  .aitem-dodomo {
    width: 46px;
    padding: 5px 3px;
    bottom: 25px;
    font-size: 7px;
  }
  .aitem-dodomo b {
    width: 25px;
    height: 6px;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VIP ----------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.vip-list-slider-item {
  padding-right: 1px;
}
.vip-list-slider-item .aitem-tools {
  top: -10px;
  right: 0px;
}
.vip-list-pagination {
  height: 50px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
}
.vip-list-pagination b {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  height: 1px;
  background: #ebd7b1;
  z-index: 1;
}
.vip-list-pagination em {
  font-style: normal;
  display: block;
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #f7f9fa;
  z-index: 30;
  padding: 0 15px;
}
.vip-list-pagination a,
.vip-list-pagination a:visited {
  color: #d08708;
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  line-height: 50px;
  text-decoration: none !important;
}
.vip-list-pagination a i,
.vip-list-pagination a:visited i {
  font-size: 30px;
  vertical-align: -10px;
}
.vip-list-pagination a:hover {
  color: #333;
  text-decoration: none;
}
.vip-list-pagination a.prevArrow {
  border-right: 1px solid #ebd7b1;
  padding-right: 15px;
}
.vip-list-pagination a.prevArrow i {
  margin-right: 10px;
}
.vip-list-pagination a.nextArrow {
  padding-left: 15px;
}
.vip-list-pagination a.nextArrow i {
  margin-left: 10px;
}
.vip-list-pagination:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1170px) {
  .vip-list-pagination em {
    width: 95%;
  }
}
@media (max-width: 780px) {
  .vip-list-pagination em {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .vip-list-pagination em {
    width: 70%;
  }
}
@media (max-width: 590px) {
  .vip-list-pagination {
    font-size: 10px;
    height: 30px;
  }
  .vip-list-pagination em {
    width: 80%;
  }
  .vip-list-pagination a {
    line-height: 30px;
  }
  .vip-list-pagination a i {
    font-size: 30px;
    vertical-align: -10px;
  }
  .vip-list-pagination a.prevArrow {
    padding-right: 7px;
  }
  .vip-list-pagination a.prevArrow i {
    margin-right: 7px;
  }
  .vip-list-pagination a.nextArrow {
    padding-left: 7px;
  }
  .vip-list-pagination a.nextArrow i {
    margin-left: 7px;
  }
}
@media (max-width: 500px) {
  .vip-list-pagination a span {
    display: none;
  }
}
/*
    Theme Name: AVIZO.cz - NAS TIP
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS checkbox
    Version: 2019-11-29.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- DEFAULT RESET FLOAT ------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.ntip:after,
.ntip a:after,
.ntip-slider-container:after,
.top-ntip-slider-container:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI NASTAVENI -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.ntip {
  width: 100%;
  max-width: 360px;
  min-height: 120px;
  margin: 0 auto;
  padding: 10px;
  background-image: linear-gradient(to right, #ffe89d 0%, #fffffe 100%);
  border: 1px solid #ffda69;
  border-radius: 10px;
}
.ntip-sidebar .ntip {
  margin-bottom: 20px;
}
@media (max-width: 420px) {
  .ntip {
    text-align: center;
  }
}
.ntip-img {
  width: 130px;
  float: left;
  margin: 0;
  padding: 0;
}
.ntip-img img {
  border: none;
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: inset 0.7px 0.7px 5px rgba(35, 31, 32, 0.35);
}
@media (max-width: 420px) {
  .ntip-img {
    float: none;
    margin: 0 auto;
  }
}
.ntip-content {
  margin-left: 140px;
  text-align: left;
}
.ntip-nophoto .ntip-content {
  margin-left: 0 !important;
}
.ntip-content h2,
.ntip-content h3 {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  line-height: 1.2em !important;
  font-size: 12px !important;
  font-weight: 700;
}
.ntip-content p {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 11px;
  text-decoration: none;
}
@media (max-width: 420px) {
  .ntip-content,
  .ntip-nophoto .ntip-content {
    margin: 15px 0 0 0;
    text-align: left;
  }
}
.ntip a {
  display: block;
}
.ntip a,
.ntip a:visited {
  color: #863400;
  text-decoration: none;
}
.ntip a:hover {
  color: #000;
  text-decoration: none;
}
.ntip a h2,
.ntip a:visited h2,
.ntip a h3,
.ntip a:visited h3 {
  text-decoration: underline;
}
.ntip a:hover h2,
.ntip a:hover h3 {
  text-decoration: underline;
}
.ntip a p,
.ntip a a:visited p,
.ntip a a:link p {
  color: #333;
}
.ntip a:hover p {
  color: #333;
}
.ntip-slider-container,
.top-ntip-slider-container {
  width: 100%;
  height: 150px;
  overflow: hidden;
  padding: 0 40px;
  position: relative;
  margin-bottom: 30px;
}
.ntip-slider-container .slick-arrow.nextArrow,
.top-ntip-slider-container .slick-arrow.nextArrow {
  right: -30px;
}
.ntip-slider-container .slick-arrow.prevArrow,
.top-ntip-slider-container .slick-arrow.prevArrow {
  left: -30px;
}
@media (max-width: 1070px) {
  .ntip-slider-container,
  .top-ntip-slider-container {
    height: 190px;
  }
}
@media (max-width: 990px) {
  .ntip-slider-container,
  .top-ntip-slider-container {
    height: 210px;
  }
}
@media (max-width: 840px) {
  .ntip-slider-container,
  .top-ntip-slider-container {
    height: 160px;
  }
}
@media (max-width: 500px) {
  .ntip-slider-container,
  .top-ntip-slider-container {
    height: 220px;
  }
}
@media (max-width: 400px) {
  .ntip-slider-container,
  .top-ntip-slider-container {
    height: 240px;
  }
}
@media (max-width: 767px) {
  .top-ntip-slider-container {
    height: auto;
    padding: 0 0 60px 0 !important;
  }
  .top-ntip-slider-container .slick-arrow.nextArrow,
  .top-ntip-slider-container .slick-arrow.prevArrow {
    bottom: 0;
    top: auto;
    transform: none;
    line-height: 48px;
    height: 48px;
    width: 48px;
    text-align: center;
  }
  .top-ntip-slider-container .slick-arrow.nextArrow {
    right: 0px !important;
    left: auto !important;
  }
  .top-ntip-slider-container .slick-arrow.prevArrow {
    left: 0px !important;
  }
}
.ntip-slider-item {
  width: 100%;
  text-align: center;
  padding: 0 10px;
}
@media (max-width: 720px) {
  .ntip-slider-item {
    padding: 0;
  }
}
.content-small .ntip-slider-container {
  padding: 0 40px;
}
@media (max-width: 720px) {
  .content-small .ntip-slider-container {
    padding: 0;
  }
}
.content-small .ntip-slider-container .slick-arrow.nextArrow {
  right: -25px;
}
.content-small .ntip-slider-container .slick-arrow.prevArrow {
  left: -25px;
}
.ntip-sidebar {
  padding-bottom: 60px;
}
.top-ntip-slider-container {
  margin-bottom: 40px;
}
.top-ntip-slider-container .slick-arrow.nextArrow {
  right: -35px;
}
.top-ntip-slider-container .slick-arrow.prevArrow {
  left: -35px;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VE VYPISU INZERATU -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.ntip-slider-container-list {
  padding: 0;
  height: auto;
}
.ntip-slider-container-list .slick-dots {
  padding: 15px 0;
}
.ntip-slider-container-list .slick-dots .dot,
.ntip-slider-container-list .slick-dots button {
  width: 8px;
  height: 8px;
  margin: 0 6px;
}
.ntip-slider-container-list .slick-arrow {
  transform: none;
  top: auto;
  bottom: 5px;
  font-size: 20px;
}
.ntip-slider-container-list .slick-arrow.nextArrow {
  right: 0;
}
.ntip-slider-container-list .slick-arrow.prevArrow {
  left: 0;
}
@media (max-width: 1280px) {
  .ntip-slider-container-list .ntip-img {
    width: 90px;
    float: left;
  }
  .ntip-slider-container-list .ntip-content {
    margin: 0 0 0 100px;
  }
}
@media (max-width: 950px) {
  .ntip-slider-container-list .slick-dots .dot,
  .ntip-slider-container-list .slick-dots button {
    width: 10px;
    height: 10px;
    margin: 0 6px;
  }
}
@media (max-width: 720px) {
  .ntip-slider-container-list {
    padding: 0 30px;
  }
  .ntip-slider-container-list .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    font-size: 22px;
  }
  .ntip-slider-container-list .slick-arrow.nextArrow {
    right: -30px;
  }
  .ntip-slider-container-list .slick-arrow.prevArrow {
    left: -30px;
  }
}
@media (max-width: 420px) {
  .ntip-slider-container-list .ntip-img {
    width: 130px;
    float: none;
    margin: 0 auto;
  }
  .ntip-slider-container-list .ntip-content {
    margin: 15px 0 0 0;
    text-align: left;
  }
}
.ntip-slider-container-list-njqr {
  padding: 0 0 40px 0;
  height: auto;
}
.ntip-slider-container-list-njqr .slick-dots {
  padding: 15px 0;
}
.ntip-slider-container-list-njqr .slick-dots .dot,
.ntip-slider-container-list-njqr .slick-dots button {
  width: 8px;
  height: 8px;
  margin: 0 6px;
}
.ntip-slider-container-list-njqr .slick-arrow {
  position: absolute;
  transform: none;
  top: auto;
  bottom: 5px;
  font-size: 20px;
}
.ntip-slider-container-list-njqr .slick-arrow.nextArrow {
  right: 25%;
}
.ntip-slider-container-list-njqr .slick-arrow.prevArrow {
  left: 25%;
}
@media (max-width: 1280px) {
  .ntip-slider-container-list-njqr .ntip-img {
    width: 90px;
    float: left;
  }
  .ntip-slider-container-list-njqr .ntip-content {
    margin: 0 0 0 100px;
  }
}
@media (max-width: 950px) {
  .ntip-slider-container-list-njqr .slick-dots .dot,
  .ntip-slider-container-list-njqr .slick-dots button {
    width: 10px;
    height: 10px;
    margin: 0 6px;
  }
}
@media (max-width: 929px) {
  .ntip-slider-container-list-njqr {
    padding: 0 0 50px 0;
  }
  .ntip-slider-container-list-njqr .slick-arrow {
    /* top: auto; transform: translateY( -50% ); bottom: auto; */
    font-size: 26px;
  }
  .ntip-slider-container-list-njqr .slick-arrow.nextArrow {
    right: 45%;
  }
  .ntip-slider-container-list-njqr .slick-arrow.prevArrow {
    left: 45%;
  }
}
@media (max-width: 420px) {
  .ntip-slider-container-list-njqr .ntip-img {
    width: 130px;
    float: none;
    margin: 0 auto;
  }
  .ntip-slider-container-list-njqr .ntip-content {
    margin: 15px 0 0 0;
    text-align: left;
  }
}
.ntip-slider-title {
  padding: 0;
  margin: 0 0 10px 0;
  text-align: center;
  position: relative;
  font-size: 11px;
  overflow: hidden;
}
.ntip-slider-title b {
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 3px 15px;
  background: #f7f9fa;
  color: #ffda69;
  z-index: 100;
  position: relative;
}
.ntip-slider-title:before {
  content: "";
  height: 40px;
  width: 200px;
  border: solid 1px #ffda69;
  border-radius: 14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  z-index: 0;
}
@media (max-width: 420px) {
  .ntip-slider-title:before {
    width: 160px;
  }
}
/*
    Theme Name: AVIZO.cz - NAS TIP
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS checkbox
    Version: 2019-08-14.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- DEFAULT RESET FLOAT ------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.job-firm-container:after,
.job-firm-list:after {
  content: "";
  display: table;
  clear: both;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLADNI NASTAVENI -------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.default-content .job-firm-container {
  margin-top: 60px;
}
.job-firm-container h2 {
  font-size: 17px;
  line-height: 1em;
  padding: 0 0 0 45px;
  margin: 0 0 7px 0;
  position: relative;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
}
.job-firm-container h2:before {
  content: "\e600";
  position: absolute;
  left: 10px;
  top: -5px;
  font-size: 24px;
  color: #40bcff;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYPIS --------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.job-firm-list {
  margin: 0 0 40px 0;
  list-style: none;
  padding: 0;
  position: relative;
  border: 1px solid #d3f0fe;
  border-radius: 10px;
  background: #ffffff;
}
.job-firm-list:hover {
  border-color: #A5CBFF;
}
.job-firm-list li {
  width: 25%;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
@media (max-width: 490px) {
  .job-firm-list li {
    width: 50%;
  }
}
.job-firm-list li .job-firm-list-img {
  display: block;
  width: 100%;
  height: 90px;
  position: relative;
}
.job-firm-list li a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px;
}
.job-firm-list li a img {
  width: 90%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
@media (max-width: 767px) {
  .job-firm-list li a img {
    width: 100% !important;
  }
}
.job-firm-list li a:hover img {
  width: 100%;
  height: auto;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
@media (max-width: 767px) {
  .job-firm-list li a:hover img {
    width: 100% !important;
  }
}
.job-firm-list li a br {
  display: none;
}
.job-firm-list li .job-firm-list-txt {
  display: inline-block;
  line-height: 1em;
  padding: 3px 10px;
  border-radius: 5px;
  color: #ffffff !important;
  background: #0077b7;
  font-size: 12px;
}
/*

630px
.viewi-col-content .job-firm-list li { width: 50%; }


420px
		.viewi-col-content .job-firm-list li { width: 100%; }
			.viewi-col-content .job-firm-list li a .job-firm-list-img img, .viewi-col-content .job-firm-list li a:hover .job-firm-list-img img
				{ max-width: 180px; }

*/
/*
    Theme Name: AVIZO.cz - stylesheet - wdigety - ruzne boxy a podobne
    Theme URI: http://www.avizo.cz/
    Version: 2020-03-16.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
.avizo-widget {
  margin: 30px 0;
  padding: 15px;
  background: #ffffff;
  border: solid 1px #eaedef;
}
.avizo-widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.avizo-widget.avizo-widget-bigtext {
  color: #8e8e8e;
  font-size: 16px;
  line-height: 1.3em;
}
@media (max-width: 960px) {
  .avizo-widget {
    display: none;
  }
  .avizo-widget.avizo-widget-navlinks,
  .avizo-widget.avizo-widget-taglinks {
    display: block;
  }
}
.avizo-widget-title {
  color: #333;
  font-weight: 700;
  margin-bottom: 15px;
}
.avizo-widget-partners li {
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  padding: 0 15px 7px 0;
}
.avizo-widget-partners li:last-child {
  padding-bottom: 0;
}
.avizo-widget-tool-links li {
  padding-bottom: 7px;
  line-height: 1.1em;
  font-size: 12px;
}
.avizo-widget-tool-links li:last-child {
  padding-bottom: 0;
}
.avizo-widget-tool-links a,
.avizo-widget-tool-links a:visited {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.avizo-widget-tool-links a i,
.avizo-widget-tool-links a:visited i {
  color: #0077b7;
}
.avizo-widget-tool-links a:hover {
  color: #0077b7;
  text-decoration: none;
}
.avizo-widget-links {
  column-count: 3;
  float: none;
  width: 100%;
}
.avizo-widget-links li {
  padding-bottom: 7px;
  line-height: 1.1em;
  font-size: 12px;
}
@media (max-width: 500px) {
  .avizo-widget-links {
    column-count: 1;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ODKAZ/STITKY -------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.avizo-widget-taglinks-items {
  line-height: 1em;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px;
}
.avizo-widget-taglinks-items a,
.avizo-widget-taglinks-items a:visited {
  display: inline-block;
  padding: 4px 12px;
  background: #0077b7;
  color: #ffffff;
  border-radius: 6px;
  margin: 2px 5px;
  text-decoration: none !important;
}
.avizo-widget-taglinks-items a:hover {
  background: #000;
}
/*

								<div class="avizo-widget avizo-widget-taglinks">
									<strong>Nejvíce vyhledávané:</strong>
									<a href="/osobni-automobily/hyundai+i30+hatchback">Hyundai i30 hatchback</a>&nbsp;<a href="/osobni-automobily/ford+focus+kombi">Ford Focus kombi</a>
									<span class="avizo-widget-taglinks-more-content">&nbsp;<a href="/osobni-automobily/opel+astra+kombi">Opel Astra kombi</a>&nbsp;<a href="/osobni-automobily/suv/">SUV</a>&nbsp;<a href="/osobni-automobily/skoda+octavia+ii">Škoda Octavia II</a>&nbsp;<a href="/osobni-automobily/4x4/">4x4</a>&nbsp;<a href="/osobni-automobily/havarovane/">havarované</a>&nbsp;</span>
									<span class="avizo-widget-taglinks-more-link">Více <i class="icon-plus-circle"></i></span>

								</div>	



	.viewi-head-search-labels { padding: 20px 0;}
	.viewi-head-sort {  width: 23.7%; float: right; }

	.viewi-head-search-labels-more-link { display: inline-block; line-height: 1em;  padding: 5px 12px; font-size: 12px; font-weight: 500; padding-left: 10px; text-decoration: none !important; color: #919191; cursor: pointer; }


	.viewi-head-search-labels-more-link i { vertical-align: -2px; }
	.viewi-head-search-labels-more-link:hover { color: @color-blue; }
	.viewi-head-search-labels-more-content { display: inline; }
	.viewi-head-search-labels-more-link { display: none; }
*/
/*
    Theme Name: AVIZO.cz - VYPIS FILTER DESKTOP
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS checkbox
    Version: 2019-12-01.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- DEFAULT ------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-sidebar {
  background: #ffffff;
  border: solid 1px #eaedef;
  margin: 0 0 130px 0;
  position: relative;
}
.filter-sidebar:after {
  content: "";
  display: table;
  clear: both;
}
.filter-container {
  background: #ffffff;
  border: solid 1px #eaedef;
  margin: 0 0 130px 0;
  position: relative;
}
.filter-container:after {
  content: "";
  display: table;
  clear: both;
}
.filter-group {
  padding: 10px;
  border-bottom: solid 1px #eaedef;
}
.filter-group:after {
  content: "";
  display: table;
  clear: both;
}
.filter-group-no-border {
  border-bottom: none;
}
.filter-item {
  display: block;
  position: relative;
  padding-bottom: 5px;
}
.filter-item:after {
  content: "";
  display: table;
  clear: both;
}
.filter-item-labeled {
  position: relative;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- FORMULAR - INPUT ---------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-item input[type="text"],
.filter-item input[type="number"],
.filter-item textarea {
  width: 100%;
  padding: 10px 10px;
  border: 1px solid #c6c6c6;
  outline: none !important;
  background: #ffffff;
  text-align: left;
  font-weight: 400;
  color: #333;
  font-size: 1.0em;
  position: relative;
}
.filter-item input[type="text"]:focus,
.filter-item input[type="number"]:focus,
.filter-item textarea:focus {
  border-color: #025e7c;
}
.filter-item input[type="text"]:disabled,
.filter-item input[type="number"]:disabled,
.filter-item textarea:disabled {
  border-color: #C7C7C7;
  color: #8E8E8E;
  background: #ffffff;
}
.filter-item-labeled input[type="text"],
.filter-item-labeled input[type="number"],
.filter-item-labeled textarea {
  padding: 10px 40px 10px 35px;
}
.filter-item-before,
.filter-item-after {
  display: block;
  width: 30px;
  position: absolute;
  top: 13px;
  line-height: 1em;
  z-index: 99;
}
.filter-item-before {
  left: 0px;
  text-align: right;
  color: #919191;
}
.filter-item-after {
  right: 0px;
  width: 40px;
  text-align: left;
  color: #3a3a3a;
}
.filter-item-btn input[type="text"],
.filter-item-btn input[type="number"],
.filter-item-btn textarea {
  width: 78%;
  float: left;
}
.filter-item-btn .filter-item-after {
  right: 22%;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TLACITKO -----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-item-submit {
  width: 20%;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  float: right;
  position: relative;
  border: none !important;
  background: #9c9291;
  color: #ffffff !important;
  font-size: 20px;
  outline: none !important;
}
.filter-item-submit:hover {
  background: #0077b7;
}
.filter-item-submit i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff !important;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- OSTATNI ------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-title {
  padding: 0 0 15px 0;
  font-size: 16px;
}
.filter-title-link {
  cursor: pointer;
  padding-bottom: 0;
}
.filter-title-link i {
  float: right;
  font-size: 18px;
  color: #9c9291;
  vertical-align: -7px;
}
.filter-group-more {
  padding-top: 15px;
  display: none;
}
.filter-group.current .filter-group-more {
  display: block;
}
.filter-canceled {
  position: absolute;
  bottom: -45px;
  border-bottom: none;
}
.filter-canceled i {
  font-size: 28px;
  vertical-align: -7px;
}
.filter-canceled a,
.filter-canceled a:visited {
  color: #9c9291;
  text-decoration: none !important;
}
.filter-canceled a:hover {
  color: #0077b7;
}
.filter-mlink {
  line-height: 1.2em;
  font-size: 13px;
  padding-left: 40px;
  position: relative;
}
.filter-mlink-i {
  font-size: 33px;
  position: absolute;
  top: 0;
  left: 10px;
  color: #51aeff;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- SEZNAM ODKAZU ------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-list {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}
.filter-list li {
  padding: 0 0 7px 0;
  margin: 0;
  line-height: 1.1em;
  font-size: 14px;
  font-weight: 500;
}
.filter-list a,
.filter-list a:visited {
  text-decoration: none !important;
}
.filter-list a small,
.filter-list a:visited small {
  color: #919191 !important;
  font-size: 12px;
}
.filter-list a .icon-times-circle,
.filter-list a:visited .icon-times-circle {
  vertical-align: -2px;
  color: #000;
}
.filter-list a:hover,
.filter-list.current a {
  color: #000;
}
.filter-list a:hover .icon-times-circle,
.filter-list.current a .icon-times-circle {
  color: #FF0004 !important;
}
.filter-list-more-link {
  line-height: 1.1em;
  font-size: 12px;
  padding-left: 20px;
}
.filter-list-more-link i {
  vertical-align: -2px;
}
.filter-list-more-link a,
.filter-list-more-link a:visited {
  text-decoration: none !important;
  color: #919191;
}
.filter-list-more-link a:hover {
  color: #0077b7;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TLACITKO FILTER ----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-button-container {
  height: 65px;
}
.filter-button {
  position: fixed;
  z-index: 9999;
  font-size: 15px;
  margin-left: 5px;
  background-image: linear-gradient(to top, #f35d02 0%, #ffa200 100%);
  border: 1px solid #f35d02;
  color: #ffffff  !important;
}
.filter-button i {
  font-size: 21px;
  vertical-align: -3px;
  color: #ffffff !important;
}
.filter-button:hover {
  background-image: linear-gradient(to top, #f33502 0%, #fd7827 100%);
  border: 1px solid #f35d02;
  color: #ffffff !important;
}
.filter-button-container-nofixed .filter-button {
  position: relative;
  left: auto;
  bottom: auto;
  margin-left: 5px;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- MAPA CR VE FILTRU --------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-map-cr {
  text-align: center;
}
.filter-map-cr img {
  width: 100%;
  max-width: 310px;
  height: auto;
  margin: 0 auto;
}
.filter-map-region {
  fill: #ffffff;
  stroke: #007EBD;
  stroke-miterlimit: 10;
  cursor: pointer;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
.filter-map-region:hover {
  fill: #e3e8ed;
  cursor: pointer;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
.filter-map-region-current {
  fill: #a2ceee;
  stroke: #007EBD;
  stroke-miterlimit: 10;
  cursor: pointer;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
.filter-map-region-current:hover {
  fill: #5090c7;
  cursor: pointer;
  /* -moz-transition:all @cas ease-in; -webkit-transition: all @cas ease-in; -o-transition: all @cas ease-in; */
  transition: all 200ms ease-in;
}
.filterMapRegion {
  text-align: left;
}
.filterMapRegionTitle {
  position: relative;
  margin: 0;
  padding: 5px 0;
  line-height: 1em;
  cursor: pointer;
}
.filterMapRegionTitle strong i.icon-check {
  color: #7BBE03;
}
.filterMapRegionTitle strong em {
  display: inline-block;
  width: 20px;
  font-style: normal;
}
.filterMapRegionTitle i.icon-plus-circle-light,
.filterMapRegionTitle i.icon-minus-circle-light {
  position: absolute;
  right: 0;
  top: 5px;
}
.filterMapRegionItems {
  margin-bottom: 20px;
  padding-left: 30px;
}
.filterMapRegionItems .avizo-check {
  font-size: 11px;
}
.filterMapRegion {
  display: none;
}
.filterMapRegionItems {
  display: none;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- LABEL NA CELY RADEK ------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.label-row label {
  display: block;
}
/*
    Theme Name: AVIZO.cz - hlidaci pes
    Theme URI: http://www.avizo.cz/
    Version: 2020-01-27.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- ZAKLAD -------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.hlidaci-pes-container {
  margin: 30px 0;
  padding-left: 100px;
  background: url('img/hlidaci-pes.svg') no-repeat top left;
  background-size: 75px auto;
}
.hlidaci-pes-container h2 {
  font-weight: 400;
  color: #0077b7;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  font-size: 24px;
}
.hlidaci-pes-container:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 460px) {
  .hlidaci-pes-container {
    padding-left: 0px;
    background: none;
  }
  .hlidaci-pes-container h2 {
    background: url('img/hlidaci-pes.svg') no-repeat top left;
    background-size: 25px auto;
    padding: 0 0 10px 35px;
    margin: 0 0 10px 0;
    font-size: 16px;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- FORMULAR -----------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.hlidaci-pes-form {
  background: #ffffff;
  position: relative;
  padding: 20px 15px 15px 15px;
  border-radius: 10px;
  border: solid 1px #eaedef;
  display: none;
}
.hlidaci-pes-form:after {
  content: "";
  display: table;
  clear: both;
}
.hlidaci-pes-close {
  width: auto;
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 28px;
  cursor: pointer;
  color: #0077b7;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYBRANE FILTRY -----------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.hlidaci-pes-vybrane-filtry {
  color: #33567A;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYJIMKY PRO FORMULAR -----------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.hlidaci-pes-form .frm-label {
  /* padding-top: 7px; outline:none !important; */
}
@media (max-width: 980px) {
  .hlidaci-pes-form .frm-label {
    width: 100%;
    float: none;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .hlidaci-pes-form .frm-label {
    width: 150px;
    float: left;
    text-align: right;
  }
}
@media (max-width: 580px) {
  .hlidaci-pes-form .frm-label {
    width: 100%;
    float: none;
    text-align: left;
  }
}
@media (max-width: 980px) {
  .hlidaci-pes-form .frm-item {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .hlidaci-pes-form .frm-item {
    margin-left: 170px;
  }
}
@media (max-width: 580px) {
  .hlidaci-pes-form .frm-item {
    margin-left: 20px;
  }
}
/*
    Theme Name: AVIZO.cz - stylesheet - modalni okna
    Theme URI: http://www.avizo.cz/
    Description: Vychozi CSS
    Version: 2019-08-14.1
    Author: AVIZO, a.s. http://www.avizo.cz, Design and CSS by Ales Skotnica (http://www.skotnica.eu)
*/
/* <-------------- MODALNI OKNO  -------------------------------------------------> */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  padding: 80px 0 0 0;
  margin: 0;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 999999999999999999999;
}
.modal-body {
  overflow: hidden;
}
.modal-win {
  position: relative;
  max-width: 420px;
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px;
  margin: 0 auto;
  text-align: center;
  box-shadow: 3px 3px 10px #000;
}
.modal-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #ffffff;
  border-radius: 15px;
  text-align: center;
  font-size: 1.2em;
  box-shadow: 3px 3px 10px #000;
  cursor: pointer;
}
.modal-header {
  background: #0077b7;
  padding: 7px 15px;
  text-align: center;
  color: #ffffff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.modal-header h2,
.modal-header h3,
.modal-header p {
  font-weight: 500 !important;
  font-size: 1.2em;
  line-height: 1em;
  margin: 0;
  padding: 15px 0;
}
.modal-header h2,
.modal-header h3 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.modal-footer {
  background: #E7E7E7;
  border-top: solid 1px #C6C6C6;
  padding: 10px 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modal-content {
  padding: 15px;
  text-align: center;
}
.modal-highlight {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 1.1em;
  font-size: 0.95em;
  text-align: left;
  margin-bottom: 10px;
  padding: 8px;
}
.modal-highlight i {
  font-size: 1.2em;
}
.modal-highlight-info {
  background: #dcf3ff;
}
.modal-highlight-info i {
  color: #0077b7;
}
.modal-highlight-success {
  background: #cdffa0;
}
.modal-highlight-success i {
  color: #4d960c;
}
.modal-highlight-error {
  background: #ffd5d5;
  color: #980202;
}
.modal-highlight-error i {
  color: #e90000;
}
.modal-content iframe {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.modal-qrcode {
  width: 100%;
  height: auto;
}
/* <-------------- MODALNI OKNO - BILE  -------------------------------------------> */
.modal-white {
  background: rgba(255, 255, 255, 0.98);
  text-align: center;
  padding: 40px 30px;
}
.modal-white-close-button {
  position: fixed;
  top: 15px;
  right: 15px;
  font-size: 45px;
  color: #0077b7;
  cursor: pointer;
  text-shadow: 0 0 0 5px rbga(0, 0, 0, 0.3);
}
.modal-white-close-button:hover {
  color: #000;
  text-shadow: 0 0 0 5px rbga(0, 0, 0, 0.7);
}
.modal-white-wrapper {
  width: 100%;
  max-width: 735px;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-align: left;
}
.modal-white-title {
  margin: 0 0 40px 0;
  padding: 0;
  line-height: 1.1em;
  font-size: 40px;
  color: #3a3a3a;
}
.modal-white-sub-title {
  padding: 0;
  line-height: 1.1em;
  font-size: 30px;
  color: #3a3a3a;
  font-weight: 400;
}
.modal-white-order-services {
  margin-top: 60px;
}
.modal-white {
  display: none;
}
/* <-------------- MODALNI OKNO - BILE  -------------------------------------------> */
.modal-filter {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 320px;
  text-align: center;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 999999;
  display: none;
}
.modal-filter-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
}
.modal-filter-win {
  position: absolute;
  top: 5px;
  right: 5px;
  left: 5px;
  bottom: 5px;
  background: #ffffff;
  box-shadow: 3px 3px 10px #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px;
}
.modal-filter-win-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.modal-filter-header {
  position: relative;
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: left;
  border-bottom: solid 1px #9c9291;
}
.modal-filter-close {
  float: right;
  font-size: 40px;
  cursor: pointer;
  margin-top: 10px;
  color: #000;
}
.modal-filter-iframe-container {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal-filter-iframe {
  width: 100%;
  height: 100%;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- OBSAH VYJIMKA ------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.boxmodel-list-content {
  min-height: 680px;
}
@media (max-width: 767px) {
  .boxmodel-list-content {
    min-height: inherit;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- SELECTBOX razeni  informace o poctu inzeratu -----------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.content-list-top-info {
  padding: 0 0 30px 0;
  margin: 0;
}
.content-list-top-info:after {
  content: "";
  display: table;
  clear: both;
}
.content-list-count {
  margin: 0;
  padding: 3px 0 0 0;
  line-height: 1.2em;
  width: 56%;
  float: left;
}
@media (max-width: 820px) {
  .content-list-count {
    width: 52%;
  }
}
@media (max-width: 430px) {
  .content-list-count {
    width: 100%;
    padding-bottom: 15px;
    float: none;
  }
}
.content-list-sort {
  width: 40%;
  float: right;
}
@media (max-width: 820px) {
  .content-list-sort {
    width: 45%;
  }
}
@media (max-width: 430px) {
  .content-list-sort {
    width: 100%;
    float: none;
  }
}
.content-list-sort .frm-selectbox-small ul {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
}
@media (max-width: 430px) {
  .content-list-sort .frm-selectbox-small ul {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- VYBRANE PARAMETRY --------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.content-list-params {
  position: relative;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
}
.content-list-params:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  .content-list-params {
    margin: 0 0 0 0;
  }
}
.content-list-params-container {
  position: relative;
  overflow: hidden;
  padding: 5px;
}
.content-list-params-container:after {
  content: "";
  display: table;
  clear: both;
}
.content-list-params-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.content-list-params-container ul:after {
  content: "";
  display: table;
  clear: both;
}
.content-list-params-container ul li {
  display: inline-block;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 0;
  margin: 0 11px 7px 0;
  overflow: hidden;
}
.content-list-params-container ul li:after {
  content: "";
  display: table;
  clear: both;
}
.content-list-params-container ul li button {
  display: block;
  float: left;
  width: auto;
  padding: 7px 10px;
  margin: 0;
  border-radius: 0;
  background: none;
  line-height: 1em;
  font-size: 13px;
  border: none;
  outline: none;
  font-weight: 400;
  text-transform: none;
  cursor: default;
}
@media (max-width: 767px) {
  .content-list-params-container ul li button {
    cursor: pointer;
  }
}
.content-list-params-container ul li a,
.content-list-params-container ul li a:visited {
  display: block;
  float: right;
  width: auto;
  overflow: hidden;
  padding: 4px 7px 0 0;
  margin: 0;
  position: relative;
  color: #c6c6c6;
  text-decoration: none !important;
}
.content-list-params-container ul li a:hover {
  color: #0077b7;
}
.content-list-params-container ul li.content-list-params-title {
  background: none !important;
  box-shadow: none !important;
}
.content-list-params-container ul li.content-list-params-title b {
  font-weight: 400;
}
.content-list-params-container ul li.content-list-params-title em {
  font-weight: 400;
  font-style: normal;
  display: none;
}
@media (max-width: 767px) {
  .content-list-params-container ul li.content-list-params-title {
    background: #0077b7 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
  }
  .content-list-params-container ul li.content-list-params-title button {
    color: #ffffff;
    cursor: pointer;
  }
  .content-list-params-container ul li.content-list-params-title b {
    display: none;
  }
  .content-list-params-container ul li.content-list-params-title em {
    display: inline;
  }
}
.content-list-params-container ul li.content-list-params-reset {
  background: none !important;
  box-shadow: none !important;
  margin: 0 0 7px 11px;
  padding: 0;
  display: inline-block;
}
.content-list-params-container ul li.content-list-params-reset a,
.content-list-params-container ul li.content-list-params-reset a:visited {
  display: inline-block;
  float: none;
  width: auto;
  padding: 7px 0 0 0;
  margin: 0;
  position: relative;
  line-height: 1em;
  font-size: 13px;
  color: #333;
  text-decoration: none !important;
}
.content-list-params-container ul li.content-list-params-reset a:hover {
  color: #0077b7;
}
@media (max-width: 767px) {
  .content-list-params-container ul {
    padding: 5px 0;
    white-space: nowrap;
    overflow: hidden;
  }
}
.content-list-params-arrow {
  border-radius: 0 !important;
  border: none !important;
  width: 20px;
  padding: 12px 0 !important;
  position: absolute;
  top: 0;
  cursor: pointer;
  color: #333 !important;
  outline: none !important;
  background: none;
  display: none;
}
.content-list-params-arrow i {
  color: #333 !important;
  font-size: 18px;
  margin: 0 !important;
}
.content-list-params-arrow.content-list-params-arrow-left {
  left: -10px;
  background-image: linear-gradient(to right, #f7f9fa 0%, rgba(247, 249, 250, 0) 100%) !important;
  text-align: left;
}
.content-list-params-arrow.content-list-params-arrow-right {
  right: -10px;
  background-image: linear-gradient(to right, rgba(247, 249, 250, 0) 0%, #f7f9fa 100%) !important;
  text-align: right;
}
@media (max-width: 767px) {
  .content-list-params-arrow {
    display: block;
  }
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- RUZNE --------------------------------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.filter-link-unlock {
  padding: 0 0 0 32px;
  margin-top: 5px;
  line-height: 1.1em;
  position: relative;
  font-size: 12px;
}
.filter-link-unlock i {
  position: absolute;
  top: 0;
  left: 2px;
  font-size: 28px;
  color: #51aeff;
}
/* <-----------------------------------------------------------------------------------------------> */
/* <-------------- TLACITKO PRO FILTRY V MOBILECH -------------------------------------------------> */
/* <-----------------------------------------------------------------------------------------------> */
.content-list-mobile-filter-button {
  padding: 15px 0;
  display: none;
}
.content-list-mobile-filter-button button {
  width: 100% ;
}
.content-list-mobile-filter-button button i.icon-filtrate {
  float: left;
}
@media (max-width: 767px) {
  .content-list-mobile-filter-button {
    display: block;
  }
}