@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,700");
/*default*/
/* #034f84 | rgb(3,79,132) | rgba(3,79,132,.9) | rgba(3,79,132,1) */
/*first-color*/
/* #91a8d0 */
/*second-color/
/* #f7786b */
/*third-color*/
/* #f7cac9 */
/*fourth-color*/
/* #fae03c */
/* #000 | rgb(0,0,0) | rgba( 0, 0, 0,0) | rgba( 0, 0, 0, 0.05) | rgba(0,0,0,.1) | rgba(0,0,0,.125) | rgba(0,0,0,.2) | rgba(0,0,0,.3) | rgba(0,0,0,.4) | rgba(0,0,0,.45) | rgba(0,0,0,.5) | rgba(0,0,0,.6) | rgba(0,0,0,0.12) | rgba(0,0,0,0.16) */
/* blue | rgba(0,0,255,.3) */
/* gray */
/*bývalá 45*/
/* #f1f1f1 */
/* red */
/* #ddffdd */
/* #006cfa */
/* green */
/* #0089ec */
/* rgb(0,153,255) | rgba(0,153,255,.4) */
/* #0059bc */
/* #666 */
/* #7685a2 */
/* #777 */
/* #888 */
/* #92bce0 */
/* #939ba7 */
/* #999 */
/* #9f9f9f */
/* #a3adc1 */
/* #a43540 */
/* #aaa */
/* #b1dcfb */
/* #b7b7b7 */
/* #bbb */
/* #bdc2ce */
/* rgb(192,192,192) | silver */
/* #c3c7cd */
/* #cbcfd5 */
/* #ccc */
/* #d1d6e0 | rgba(209,214,224,.5) */
/* rgb(217,217,217) */
/* #da4453 */
/* #ddd */
/* #ddffdd */
/* #ddffff */
/* #dedede */
/* #dee4ec | rgba(222,228,236,.5) */
/* #e0e0e0 */
/* #e1e4e9 */
/* #e9e6e6 */
/* rgb(235,235,228) */
/* #ebebeb */
/* #eee */
/* #e20 */
/* #f0f6ff */
/* #f2f2f2 */
/* #f3f3f3 | rgb(243,243,243) */
/* #f44336 */
/* #f5f5f5 */
/* rgb(246,246,246) */
/* #f7f7f7 */
/* #f9f9f9 */
/* #fafafa | rgb(250,250,250) */
/* rgb(253,253,253) */
/* rgba(255,102,0,.8) */
/* #fdd | #ffdddd */
/* #ffe357 */
/* #ffffcc */
/* #fff | #FFF | rgb(255,255,255) | rgba(255,255,255,.05) | rgba(255,255,255,.3) | rgba(255,255,255,.5) | rgba(255,255,255,.7) | rgba(255,255,255,.9) */
/* #20b426 */
/* #2196F3 */
/* #212529 */
/* #337AB7 */
/* #333 */
/* #3e8e41 */
/* rgb(65,150,65) */
/* #428bca | rgba(66,139,202,.5) */
/* rgb(66,152,66) */
/* #444 */
/* #444645 */
/* #48536a */
/* rgb(73,160,73) */
/* #4CAF50 */
/* #555 */
/* rgb(87,172,87) */
/* #5cb85c */
/*#419641*/
/**/
/*#d9534f*/
/*#c12e2a*/
/*#f0ad4e*/
/*#eb9316*/
/*#5bc0de*/
/*#2aabd2*/
/*#ee2200*/
/*#b9d4ec*/
/*#B4B9BE*/
/*#919BA5*/
/*#3071a9*/
/*#e0e4ea*/
/*#18891d*/
/* ================================================================================
-------------------   reset W3 ---------------
===================================================================================*/
.w3-modal {
  z-index: 1200; }

/* ================================================================================
-------------------   helpery ---------------
===================================================================================*/
body, h1, h2, h3, h4, h5, h6, p, span, li, ul {
  font-family: 'Roboto Slab',helvetica, arial, Lucida Sans Unicode,Verdana,sans-serif, serif; }

.clear-both {
  clear: both; }

/*w3-clear*/
.width-100 {
  width: 100%;
  margin: 0;
  padding: 0; }

.height-100 {
  height: 100%;
  margin: 0;
  padding: 0; }

.height-inherit {
  height: inherit; }

.width-inherit {
  width: inherit; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.ap-none {
  display: none; }

.ap-none.ap-show {
  display: block !important; }

.ap-opacity-none {
  opacity: 0;
  filter: alpha(opacity=0); }

.hide_after_is_loaded {
  display: block; }

.show_after_is_loaded {
  visibility: hidden;
  opacity: 0; }

.hidden-item {
  /*visibility: hidden;*/
  /*opacity: 0;*/ }

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

/*roztáhne odkaz na 100% šířky divu včetně prázdného místa*/
.responsive-link {
  width: 100%;
  height: 100%;
  display: block; }

.hand, .isloaded {
  cursor: pointer; }

.no-line-break {
  white-space: nowrap; }

.credit_card_logo {
  height: 32px !important; }

.my-grayscale-off:hover {
  -webkit-filter: grayscale(10%);
  -moz-filter: grayscale(10%);
  filter: grayscale(10%);
  transition: all 0.5s ease; }

/*tečky na konci při přetečení*/
.dots-at-the-end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.my-overlay {
  position: relative; }

.my-overlay .my-overlay-up {
  z-index: 3; }

.my-overlay .my-overlay-underneath {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0); }

.my-overlay:hover .my-overlay-up {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden; }

.my-overlay:hover .my-overlay-underneath {
  z-index: 10;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out; }

/*.position-absolute-right-top { position: absolute; right: 0; top:-10px; cursor:pointer; } = w3-display-topright  zavírák */
div a {
  text-decoration: none; }

div a:hover {
  text-decoration: underline; }

.w3-modal {
  z-index: 150; }

.w3-dropdown-hover:hover .w3-button, .w3-dropdown-click:hover .w3-button {
  background-color: white;
  color: black; }

.w3-dropdown-content {
  cursor: auto;
  color: black;
  background-color: white;
  display: none;
  position: absolute;
  min-width: 160px;
  margin: 0;
  padding: 0; }

input[type=checkbox].w3-check:checked + .w3-validate, input[type=radio].w3-radio:checked + .w3-validate {
  color: black; }

input[type=checkbox].w3-check:disabled + .w3-validate, input[type=radio].w3-radio:disabled + .w3-validate {
  color: gray; }

.w3-display-container [class*="w3-display"] {
  z-index: 15; }

.w3-select {
  padding: 9px 0;
  width: 100%;
  color: black;
  border: 1px solid transparent;
  border-bottom: 1px solid #f7786b;
  /*ap-palette-second-text*/ }

.loader {
  border: 16px solid #f1f1f1;
  /* Light grey */
  border-top: 16px solid #034f84;
  /* $blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite; }

.small-loader {
  border: 5px solid #f1f1f1;
  /* Light grey */
  border-top: 5px solid #034f84;
  /* $blue */
  border-radius: 50%;
  width: 35px;
  height: 35px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite; }

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

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

/* ====================  selct s checkboxs =================================*/
.my-dropdown-select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  cursor: pointer;
  overflow: hidden;
  height: 42px; }

.like-option {
  font-weight: normal;
  display: block;
  white-space: pre;
  min-height: 1.2em;
  padding: 0px 2px 1px 6px;
  width: 85%; }

.my-dropdown-select .like-option {
  width: 85%;
  overflow: hidden; }

.click-send .choose_title {
  color: #034f84;
  font-style: italic;
  text-decoration: underline; }

/* ====================  progressbar =================================*/
/*http://jsfiddle.net/mdesdev/2Z7Qp/*/
#progressbar {
  background-color: gray;
  /*border-radius: 8px; */
  padding: 2px;
  width: 200px; }

#progressbar div {
  background-color: #f7786b;
  width: 100%;
  height: 8px;
  /* border-radius: 5px; */
  animation: loadbar 2s;
  -webkit-animation: loadbar 2s; }

@keyframes loadbar {
  0% {
    width: 0%; }
  100% {
    width: 80%; } }

@-webkit-keyframes loadbar {
  0% {
    width: 0%; }
  100% {
    width: 50%; } }

/* ====================  progressbar2 =================================*/
/*https://codepen.io/whqet/pen/hfDzp*/
.progress {
  padding: 2px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0px; }

.progress-bar {
  height: 26px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.05));
  transition: 0.94s linear;
  transition-property: width, background-color; }

.progress > .progress-bar-start {
  width: 5%;
  background-color: #91a8d0;
  background-image: linear-gradient(to bottom, #91a8d0 0, #6d8cc1 5%); }

/*

 .progress > .progress-bar-quarter {
  width: 25%;
  background-color:$first_color;
  background-image: linear-gradient(to bottom,$first_color 0,$first_color_dark_10 25%); 
}

 .progress > .progress-bar-half {
  width: 50%;
  background-color:$first_color;
  background-image: linear-gradient(to bottom,$first_color 0,$first_color_dark_10 50%); 
}

 .progress > .progress-bar-threequarter{
  width: 75%;
  background-color:$first_color;
  background-image: linear-gradient(to bottom,$first_color 0,$first_color_dark_10 75%); 
}
*/
.progress > .progress-bar-stop {
  width: 100%;
  background-color: #034f84; }

/* ====================  průhledné pozadí =================================*/
.opacity-background {
  background-color: rgba(255, 255, 255, 0.9); }

/* ====================  zakázat zalomení řádku =================================*/
.inline-block {
  display: inline-block; }

.block {
  display: block; }

/* ====================  button group =================================*/
.btn-group button, .btn-group item, .btn-group select {
  /* background-color:  $second_color; Green background */
  /* border: 1px solid $green; /* Green border */
  /* color: white; White text */
  /*  padding: 10px 24px;  Some padding */
  cursor: pointer;
  /* Pointer/hand icon */
  float: left;
  /* Float the buttons side by side */ }

.btn-group select.select-thin {
  padding: 7px 0; }

.btn-group button:not(:last-child), .btn-group item:not(:last-child) {
  border-right: none;
  /* Prevent double borders */ }

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table; }

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #91a8d0; }

/* ====================  accordion =================================*/
.accordion-btn {
  width: 30px;
  height: 30px;
  background-image: url(./img/sprite.png);
  background-position: -118px -290px;
  background-repeat: no-repeat;
  cursor: pointer; }

.accordion-btn.accordion-opened {
  background-position: -146px -290px; }

/* ====================  hidden =================================*/
@media (max-width: 600px) {
  /*w3-hide-small*/
  .hidden-s {
    display: none !important; } }

@media (min-width: 601px) and (max-width: 992px) {
  /*w3-hide-medium*/
  .hidden-m {
    display: none !important; } }

@media (min-width: 993px) {
  /*w3-hide-large*/
  .hidden-l {
    display: none !important; } }

/* ====================  padding =================================*/
@media (min-width: 601px) {
  .ap-padding-m {
    padding: 8px 16px 8px 16px; }
  .ap-padding-small-m {
    padding: 4px 8px 4px 8px; }
  .ap-padding-large-m {
    padding: 12px 24px 12px 24px; } }

/* ====================  margin =================================*/
@media (min-width: 601px) {
  .ap-margin-left-m {
    margin-left: 16px; }
  .ap-margin-right-m {
    margin-right: 16px; }
  .ap-margin-top-m {
    margin-top: 16px; }
  .ap-margin-bottom-m {
    margin-bottom: 16px; } }

/* ====================  boční scroll =================================*/
.side-scroll {
  overflow-y: auto;
  overflow-x: hidden; }

.bottom-scroll {
  overflow-y: hidden;
  overflow-x: scroll; }

.overflow-hidden {
  overflow: hidden; }

/* ====================  zoom prvek =================================*/
.ap-zoom-item {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.ap-zoom-item:hover, .ap-zoom-item:focus {
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.8; }

/* ====================  zoom pozadí =================================*/
.ap-zoom-parent {
  height: 300px;
  width: 100%;
  overflow: hidden;
  position: relative;
  float: left;
  display: inline-block;
  cursor: pointer; }

.ap-zoom-child {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  /*  opacity : 0.2;  */
  margin-left: auto;
  margin-right: auto; }

.ap-zoom-parent:hover .ap-zoom-child, .ap-zoom-parent:focus .ap-zoom-child {
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.8; }

/* =============================================
----------------- tooltip -------------
==============================================*/
.my-tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black; */ }

.my-tooltip .my-tooltiptext {
  visibility: hidden;
  width: 85%;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 15%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s; }

.my-tooltip .my-tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; }

.my-tooltip:hover .my-tooltiptext {
  visibility: visible;
  opacity: 1; }

.my-div-arrow {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black; */ }

.my-div-arrow-text {
  color: black !important;
  background-color: #f1f1f1 !important;
  margin: -5px 15px 15px 15px;
  padding: 8px 16px !important; }

.my-div-arrow > .my-div-arrow-text::after {
  content: "";
  position: absolute;
  top: -26px;
  left: 15%;
  margin-left: -12px;
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent #f1f1f1 transparent; }

/* =============================================
----------------- pomocné grid -------------
==============================================*/
@media (min-width: 900px) {
  .width_48 {
    width: 48%;
    float: left; } }

/* =============================================
----------------- flexbox -------------
==============================================*/
@media (min-width: 992px) {
  .my-flex, .my-flex > div[class*='w3-col'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*flex:1 0 auto;*/
    flex-wrap: wrap;
    /*flex-basis: 30%;*/
    /*justify-content:space-between; */ }
  .grid-2 .my-flex, .grid-2 .my-flex > div[class*='w3-col'] {
    flex-basis: 45%;
    /*dělení na 2*/ }
  .e-cart .my-flex, .e-cart .my-flex > div[class*='w3-col'] {
    flex-basis: 48%;
    /*dělení na 2*/ }
  .my-flex .my-flex-panel {
    display: flex;
    flex-direction: column;
    align-content: stretch; }
  .my-flex .my-flex-content {
    display: flex;
    flex-grow: 1; }
  .my-flex-panel.m4, my-flex-panel.l4 {
    width: 31%; } }

/*=====   obsah je zarovnán z leva a horizontálně uprostrěd  ========*/
/*http://tutorialzine.com/2015/09/quick-tip-the-simplest-way-to-center-elements-vertically-and-horizontally/*/
/*https://www.w3schools.com/cssref/css3_pr_justify-content.asp*/
.horizontally-centered-container {
  display: flex;
  align-items: center;
  overflow: hidden; }

/*=====   obsah je zarovnán z Prava a horizontálně uprostrěd  ========*/
/*http://tutorialzine.com/2015/09/quick-tip-the-simplest-way-to-center-elements-vertically-and-horizontally/*/
.horizontally-right-centered-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden; }

/*=====   obsah je zarovnán vertikálně a a horizontálně   ========*/
.vertically-and-horizontally-centered-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

/*=====  obrázek se zarovná na střed přízpůsobí velikost pomocí  object-fit: cover ========*/
.img-fit-cover-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  -o-object-fit: cover;
  object-fit: cover; }

.img-fit-cover-wrap > img,
.img-fit-cover-wrap > a > img {
  max-height: 98%;
  max-width: 100%;
  width: auto   !important;
  height: auto !important;
  display: inline-block !important;
  -o-object-fit: cover;
  object-fit: cover; }

/* ================================================================================
-------------------   kalendář ---------------
===================================================================================*/
.my-calendar .month ul {
  margin: 0;
  padding: 0; }

.my-calendar .month ul li {
  /* color: white; */
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px; }

.my-calendar .weekdays {
  margin: 0;
  padding: 10px 0; }

.my-calendar .weekdays li {
  display: inline-block;
  width: 13.6%;
  text-align: center; }

.my-calendar .days {
  padding: 10px 0;
  margin: 0; }

.my-calendar .days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px; }

/* Add media queries for smaller screens */
@media screen and (max-width: 720px) {
  .my-calendar .weekdays li, .days li {
    width: 13.1%; } }

@media screen and (max-width: 420px) {
  .my-calendar .weekdays li, .days li {
    width: 12.5%; }
  .my-calendar .days li .active {
    padding: 2px; } }

@media screen and (max-width: 290px) {
  .my-calendar .weekdays li, .days li {
    width: 12.2%; } }

/* ================================================================================
-------------------   formuláře ---------------
===================================================================================*/
.nice-check-box {
  /* width: 175px;  */
  /*  margin-left: 20px;   */ }

/*** custom checkboxes ***/
/*@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);     */
/*  @import url(http://www.apautodily.cz/subdom/apsi/assets/fontawesome/4.5.0/font-awesome.min.css); */
.nice-check-box input[type=checkbox] {
  display: none; }

/* to hide the checkbox itself */
.nice-check-box input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block; }

.nice-check-box input[type=checkbox] + label:before {
  content: "\f096";
  font-size: 18px;
  line-height: 18px;
  color: #91a8d0; }

/* unchecked icon */
.nice-check-box input[type=checkbox] + label:before {
  letter-spacing: 10px; }

/* space between checkbox and label */
.nice-check-box input[type=checkbox]:checked + label:before {
  content: "\f046";
  color: #034f84; }

/* checked icon */
.nice-check-box input[type=checkbox]:checked + label:before {
  letter-spacing: 5px;
  font-size: 18px;
  line-height: 18px; }

/* allow space for check mark */
.nice-check-box label {
  font-size: 14px;
  line-height: 28px;
  font-weight: normal; }

/* ================================================================================
-------------------   body ---------------
===================================================================================*/
@media (min-width: 1420px) {
  /*.width-of-view { max-width:1400px !important; }  */
  .width-of-view {
    max-width: 1400px; } }

@media (min-width: 992px) and (max-width: 1419px) {
  .width-of-view {
    max-width: 1250px; } }

@media (max-width: 991px) {
  .width-of-view {
    max-width: 980px; } }

/* ================================================================================
-------------------   blok obashu ---------------
===================================================================================*/
#main-content {
  position: relative; }

/* ================================================================================
-------------------   přízpůsobení velikosti a zarovnání na střed  ---------------
===================================================================================*/
/* https://www.sitepoint.com/css3-responsive-centered-image/*/
.img-responsive-container {
  width: 100%;
  height: 240px;
  max-height: 240px;
  margin: 0;
  padding: 0;
  position: relative; }

.height-inherit.img-responsive-container {
  height: inherit;
  max-height: inherit; }

img.img-responsive-centered {
  position: absolute;
  max-width: 100%;
  top: 1%;
  left: 1%;
  z-index: 1; }

img.img-responsive-centered:empty {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media screen and (orientation: portrait) {
  img.img-responsive-centered {
    max-width: 99%; } }

@media screen and (orientation: landscape) {
  img.img-responsive-centered {
    max-height: 99%; } }

/* ================================================================================
-------------------   fade střídání obrázklů  ---------------
===================================================================================*/
/*http://www.simonbattersby.com/blog/simple-jquery-image-crossfade/*/
.cycler img.active {
  z-index: 3; }

/* ================================================================================
-------------------   z index ---------------
===================================================================================*/
body .completely-at-the-top {
  z-index: 99; }

body .at-the-top {
  z-index: 50; }

/* ================================================================================
-------------------   navi ---------------
===================================================================================*/
.logo-user {
  max-width: 220px; }

nav .w3-dropdown-click {
  display: block; }

.navi-dropdown-item {
  min-height: 250px;
  padding: 20px 16px 8px 16px; }

#navi-dropdown-first a {
  width: 20%; }

.search-navi {
  margin: 0;
  padding: 0;
  height: 100%; }

.search-navi > .w3-right {
  margin: 0;
  padding: 0;
  width: 90%;
  height: 100%; }

.search-navi input {
  padding: 11px;
  margin: 3px 0 3px 0;
  /*float:left;width:65%;*/
  width: 75%;
  display: inline-block;
  margin-right: 0;
  border: none; }

.search-navi a {
  padding: 4px 8px 4px 10px;
  margin: 2px 0 0 0;
  /*float:left;*/
  font-size: 24px !important;
  display: inline-block; }

.search-navi a + a {
  padding: 4px;
  margin: 2px 0 0 0;
  /*float:left;*/
  width: 25%;
  font-size: 24px !important;
  display: inline-block; }

#count-cart-navi {
  padding: 4px 8px 4px 10px;
  margin: 2px 0 0 0;
  /*float:left;*/
  font-size: 24px !important;
  display: inline-block; }

#navi-dropdown-search {
  min-height: 150px; }

@media (min-width: 993px) {
  #navi-dropdown-search {
    margin-left: 34%;
    width: 65%; } }

@media (max-width: 600px) {
  .search-navi > .w3-right {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; }
  /*.search-navi input { padding:11px; margin:3px 0 3px 0; float:left;width:85%;margin-right:0; border: none;}
.search-navi a {  padding:4px;margin:2px 0 0 0; float:left;width:15%;font-size: 24px!important;}
.search-navi a + a { padding:4px;margin:2px 0 0 0; float:left;width:97%;font-size: 24px!important; text-align: right; }*/
  .my-navi-row > .w3-third {
    width: 20%; }
  .my-navi-row > .w3-half {
    width: 80%; }
  .my-navi-row > .w3-rest {
    width: 100%; }
  #navi-dropdown-first {
    margin-top: -160px; }
  #navi-dropdown-second {
    margin-top: -120px; }
  /*#navi-dropdown-third { margin-top:-90px; }   */ }

@media (min-width: 601px) and (max-width: 992px) {
  nav .width-of-view .w3-half {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; }
  .search-navi > .w3-right {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%; }
  .search-navi input {
    padding: 11px;
    margin: 3px 0 3px 0;
    float: left;
    width: 55%;
    margin-right: 0;
    border: none; }
  .search-navi a {
    padding: 4px;
    margin: 2px 0 0 0;
    float: left;
    width: 15%;
    font-size: 24px !important; }
  .search-navi a + a {
    padding: 4px;
    margin: 2px 0 0 0;
    float: left;
    width: 30%;
    font-size: 24px !important;
    text-align: right; }
  #navi-dropdown-first, #navi-dropdown-second, #navi-dropdown-third {
    margin-top: -30px; } }

/*======= STICKY MENU  ============*/
.my-sticky-menu {
  position: fixed;
  top: 0px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-backface-visibility: hidden; }

#sidenav_close, #sidenav_open {
  display: none;
  position: relative; }

#sidenav_close .my-close {
  margin-right: 12px; }

#sidenav {
  display: block; }

@media (max-width: 992px) {
  #sidenav {
    display: none;
    position: absolute;
    z-index: 99;
    background-color: #f1f1f1 !important; }
  #sidenav_close, #sidenav_open {
    display: block; } }

/* ================================================================================
-------------------   responsive section ---------------
===================================================================================*/
@media (max-width: 992px) and (min-width: 601px) {
  #main-content > section.w3-threequarter {
    width: 99%; }
  #sidenav {
    width: 75%; } }

/* ================================================================================
-------------------   breadcrumb ---------------
===================================================================================*/
.width-100.breadcrumb {
  padding: 3px; }

.w3-ul.breadcrumb {
  padding: 8px 16px;
  list-style: none; }

.w3-ul.breadcrumb li {
  display: inline; }

div .w3-ul.breadcrumb li + li:before {
  padding: 8px;
  content: "/\00a0"; }

.w3-ul.breadcrumb li a {
  color: #91a8d0; }

.w3-ul.breadcrumb .w3-dropdown-hover:first-child, .w3-ul.breadcrumb .w3-dropdown-click:hover, .w3-ul.breadcrumb .w3-button {
  background-color: transparent;
  color: black; }

.w3-ul.breadcrumb .w3-dropdown-hover > .w3-button {
  margin: -2px 0 0 0;
  padding: 0px; }

.w3-ul.breadcrumb .w3-dropdown-content {
  width: 420px;
  right: 0; }

.w3-ul.breadcrumb .w3-dropdown-content .w3-bar-item {
  margin-bottom: 1px; }

@media (max-width: 660px) {
  .w3-ul.breadcrumb li.fast-filter {
    display: block; }
  .w3-ul.breadcrumb li .w3-dropdown-content {
    width: 350px;
    left: -75px; } }

/* ================================================================================
-------------------   titulky H1 ---------------
===================================================================================*/
@media (min-width: 661px) {
  .main-title {
    padding: 0.01em 16px; }
  .main-title > h1 {
    font-weight: 400;
    margin: 10px 0;
    font-size: 18px; } }

@media (max-width: 660px) {
  .main-title {
    padding: 0.01em; }
  .main-title > h1 {
    font-weight: 400;
    margin: 10px 0;
    font-size: 12px !important; }
  .main-title > .w3-display-right {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    transform: translate(0%, 0%); }
  .main-title .brand-logo {
    max-height: 40px; } }

/* ================================================================================
-------------------   hierarchický seznam ---------------
===================================================================================*/
.w3-ul .list-1-level {
  padding-left: 10px; }

.w3-ul .list-2-level {
  padding-left: 15px; }

.w3-ul .list-3-level {
  padding-left: 20px; }

.w3-ul .list-4-level {
  padding-left: 25px; }

.w3-ul .list-5-level {
  padding-left: 30px; }

.w3-ul .list-6-level {
  padding-left: 35px; }

.w3-ul .list-7-level {
  padding-left: 40px; }

.w3-ul .list-8-level {
  padding-left: 45px; }

.w3-ul .list-9-level {
  padding-left: 50px; }

.w3-ul .list-10-level {
  padding-left: 55px; }

/* ================================================================================
-------------------   pagination ---------------
===================================================================================*/
@media (max-width: 660px) {
  .w3-display-middle.pagination {
    margin-left: 16px;
    right: 16px;
    left: auto; }
  .w3-display-middle.pagination {
    margin-left: 16px;
    right: 16px;
    left: auto; } }

/* ================================================================================
-------------------   card  product ---------------
===================================================================================*/
.add-to-cart-btn {
  z-index: 100; }

.card-availability, .properties {
  z-index: 1; }

.interchangeable-items .w3-third {
  width: 100%; }

@media (min-width: 993px) {
  .interchangeable-items .w3-third {
    width: 100%; } }

.card-product-row-wide .w3-threequarter, .card-product-row-wide .w3-quarter {
  overflow: hidden; }

.card-product-grid {
  height: 450px;
  overflow: hidden; }

.card-product-grid .img-responsive-container {
  height: 240px;
  max-height: 240px; }

.card-product-grid p.w3-margin-0 {
  height: 22px;
  overflow: hidden; }

.card-product-grid .properties {
  height: 94px;
  margin: 0;
  /*overflow:hidden;overflow:hidden;*/ }

.card-product-grid .rental-info {
  height: 145px;
  margin: 0;
  /*overflow:hidden;overflow:hidden;*/ }

.card-product-grid .card-availability {
  height: 135px; }

.card-product-grid .w3-display-bottomleft {
  left: 8px;
  bottom: 4px; }

.card-product-grid .w3-display-bottomright {
  right: 4px;
  bottom: 4px; }

.card-product-row-thin .img-responsive-container {
  margin-top: 5px;
  height: 100px;
  max-height: 100px; }

.card-product-row .img-responsive-container {
  margin-top: 10px;
  height: 240px;
  max-height: 240px; }

.card-product-row-wide .img-responsive-container {
  margin-top: 10px;
  height: 260px;
  max-height: 260px; }

.card-product-live-search {
  height: 100px; }

.card-product-live-search .img-responsive-container {
  height: 70px;
  width: 100px; }

.brand-logo {
  max-height: 55px; }

.card-product-row .brand-logo {
  max-height: 35px;
  max-width: 100px; }

.card-product-grid .brand-logo {
  max-height: 30px;
  max-width: 75px; }

.card-product-row-thin .brand-logo, .card-product-live-search .brand-logo {
  max-height: 30px;
  max-width: 55px; }

@media (min-width: 993px) {
  .card-product-row {
    height: 260px;
    overflow: hidden; }
  .card-product-row .card-content {
    height: 200px;
    overflow: hidden; }
  .card-product-row .card-availability {
    height: 120px;
    overflow: hidden; }
  .card-product-row-wide .w3-threequarter, .card-product-row-wide .w3-quarter {
    height: 340px; }
  .card-product-row-wide .w3-quarter {
    position: relative; }
  .card-product-row-wide .w3-quarter .w3-btn {
    position: absolute;
    left: 16px;
    bottom: 10px; }
  .card-product-row-wide .w3-threequarter .w3-rest {
    width: 88%; }
  .card-product-row-wide .w3-threequarter > h3 {
    width: 85%; }
  .card-product-row-wide .w3-threequarter .w3-right {
    width: 12%; } }

@media (min-width: 993px) {
  .card-product-row-thin {
    height: 120px;
    overflow: hidden; }
  .card-product-row-thin .centre_panel {
    height: 100%; }
  /*.card-product-row-thin .card-content { } */
  .card-product-row-thin .card-availability {
    height: 50px;
    overflow: hidden; }
  .card-product-row-thin h4 {
    margin: 5px 0; } }

@media (max-width: 992px) {
  .card-product-row .w3-col.s12 {
    width: 100%; }
  .card-product-row-thin .w3-col.s12 {
    width: 100%; }
  .card-product-row-wide .w3-threequarter, .card-product-row-wide .w3-quarter {
    display: block;
    width: 100%; }
  .card-product-row-wide .w3-threequarter .w3-rest {
    width: 100%; } }

@media (max-width: 992px) and (min-width: 601px) {
  .card-product-grid.w3-third {
    width: 49.5%; }
  .card-product-grid .img-responsive-container {
    height: 165px;
    max-height: 165px; }
  img.img-responsive-centered {
    max-height: 99%; } }

@media (max-width: 600px) {
  .card-product-row .img-responsive-container {
    margin-top: 0px;
    height: 210px;
    max-height: 210px; }
  .card-product-grid .img-responsive-container {
    height: 210px;
    max-height: 210px; }
  img.img-responsive-centered {
    max-height: 99%; } }

.interchangeable-item {
  position: absolute;
  z-index: 999;
  min-height: 300px;
  top: 0px; }

@media (max-width: 993px) {
  .interchangeable-switch {
    display: none; } }

/* ================================================================================
-------------------   div  product ---------------
===================================================================================*/
.div-product-row {
  height: 85px; }

.div-product-row a > div {
  height: 85px; }

.div-product-row a > div .brand-logo {
  max-height: 25px;
  max-width: 35px; }

/* ================================================================================
-------------------   list  product ---------------
===================================================================================*/
.list-product-row {
  height: 62px; }

.list-product-row > div {
  height: 58px;
  width: 100%; }

.list-product-row table {
  height: 50px;
  width: 100%; }

.list-product-row table .img-responsive-container {
  width: 80px;
  height: 50px; }

.list-product-row table tr td:nth-child(1) {
  width: 88px; }

.list-product-row table tr td:nth-child(3) {
  width: 88px; }

.list-product-row table tr td:nth-child(4) {
  width: 40px; }

.list-product-row table tr td:nth-child(5) {
  width: 88px; }

.list-product-row table tr td:nth-child(6) {
  width: 40px; }

.list-product-subtotal {
  height: 42px; }

.list-product-subtotal > div {
  height: 36px;
  width: 90%; }

.list-product-subtotal table {
  height: 34px;
  width: 100%; }

.list-product-subtotal table tr td:nth-child(2) {
  width: 120px; }

.list-product-subtotal table tr td:nth-child(3) {
  width: 40px; }

@media (max-width: 600px) {
  .list-product-subtotal {
    height: 56px; }
  .list-product-subtotal > div {
    height: 54px;
    width: 100%; }
  .list-product-subtotal table {
    height: 54px;
    width: 100%; } }

.list-product-row, .list-product-subtotal {
  overflow: hidden; }

/* ================================================================================
-------------------   dostupnost ---------------
===================================================================================*/
.availability-line:hover {
  text-decoration: underline; }

/* ================================================================================
-------------------   akce ---------------
===================================================================================*/
.item-akce .w3-tag {
  margin: 0px -1px 0px 0px; }

.item-akce a:hover {
  text-decoration: none; }

/* ================================================================================
-------------------   list  direct sale ---------------
===================================================================================*/
/*
     .list-direct-sale-row { height:70px}
    .list-direct-sale-row > div {height:70px; }
    .list-direct-sale-row-small { height:58px}    
    .list-direct-sale-row-small > div {height:58px; }     
     */
.list-direct-sale-row {
  height: 70px; }

.list-direct-sale-row > div {
  height: inherit; }

.list-direct-sale-row-small {
  height: 58px; }

.list-direct-sale-row-small > div {
  height: inherit; }

@media (max-width: 690px) {
  /*.list-direct-sale-row > div {width:100%; }
      .list-direct-sale-row-small > div {width:100%; } */
  .list-direct-sale-row {
    height: auto; }
  .list-direct-sale-row > div {
    height: 70px; }
  .list-direct-sale-row-small {
    width: 100%; } }

/*@media (min-width: 992px) and (max-width: 1419px) {}  */
/* ================================================================================
------------------- modal  cart  ---------------
===================================================================================*/
@media (max-width: 690px) {
  #myModal-addCart .w3-third {
    width: 100%; } }

/*
@media (min-width: 550px) and (max-width: 690px) {  #myModal-addCart { width:550px; }   }
@media (min-width: 450px) and (max-width: 550px) {  #myModal-addCart { width:450px; }   }

 @media (max-width: 450px) {  #myModal-addCart { width:400px; }   }  */
/* ================================================================================
-------------------   cart  ---------------
===================================================================================*/
.cart-order-items {
  width: 65px; }

.btn-group .cart-order-items {
  width: 80px;
  margin-right: 2px; }

/* ================================================================================
-------------------  cart list  product ---------------
===================================================================================*/
.list-cart-row {
  height: 85px;
  overflow: hidden; }

.list-cart-row > div {
  height: 85px; }

.list-cart-row > .img-responsive-container {
  height: 83px; }

.list-cart-row > div .brand-logo {
  max-height: 25px;
  max-width: 35px; }

@media (max-width: 600px) {
  .list-cart-row {
    height: 88px; }
  .list-cart-row > div {
    height: 42px; }
  .list-cart-row > .img-responsive-container {
    height: 40px; }
  .list-cart-row > div .brand-logo {
    max-height: 20px;
    max-width: 25px; } }

.list-cart-subtotal {
  height: 35px; }

.list-cart-subtotal > div {
  height: 35px; }

/* ================================================================================
-------------------  shipping  ---------------
===================================================================================*/
/* ================================================================================
-------------------   rating ---------------
===================================================================================*/
.product-rating {
  width: 94px;
  height: 16px;
  display: inline-block;
  background: url(./img/ratings.png) no-repeat;
  background-position: 0 0; }

.product-rating-result {
  height: 16px;
  background: url(./img/ratings.png) no-repeat;
  background-position: 0 -16px; }

/* ================================================================================
-------------------   blog ---------------
===================================================================================*/
.blog-article .main-image.img-responsive-container {
  width: 100%;
  height: 325px;
  max-height: 325px; }

/* ================================================================================
-------------------   carousel ---------------
===================================================================================*/
/*product slide show*/
.carousel {
  height: 495px;
  overflow: hidden; }

.lower-carousel > .carousel {
  height: 250px;
  overflow: hidden; }

.carousel .card-product-grid {
  width: 340.5px; }

.products-slideshow {
  height: 495px;
  width: 300%;
  display: block;
  margin: 0;
  margin-right: -8px;
  padding: 0; }

.lower-carousel > .carousel .products-slideshow {
  height: 250px; }

.carousel .products-slideshow .card-product-grid, .carousel .products-slideshow .carousel-grid {
  height: 100%; }

/* ================================================================================
-------------------   slider ---------------
===================================================================================*/
.ap-slider {
  max-width: 900px; }

.ap-slides {
  display: none;
  margin: 0 auto;
  max-height: 450px; }

/*.ap-slider > .ap-slides:first-child { display:block; }  */
.ap-slides-thumbnail {
  width: 160px;
  max-width: 160px;
  height: 120px;
  max-height: 120px;
  float: left; }

@media (min-width: 601px) and (max-width: 992px) {
  .ap-slider {
    max-width: 600px; }
  .ap-slides {
    display: none;
    margin: 0 auto;
    max-height: 280px; }
  .ap-slides-thumbnail {
    width: 100px;
    max-width: 100px;
    height: 100px;
    max-height: 100px; } }

@media (max-width: 600px) {
  .ap-slider {
    max-width: 350px; }
  .ap-slides {
    display: none;
    margin: 0 auto;
    height: 180px; }
  .ap-slides-thumbnail {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px; } }

/* ================================================================================
-------------------   fader ---------------
===================================================================================*/
.my-fader a:hover, .my-fader-in-height a:hover {
  text-decoration: none; }

.my-fader, .my-fader .img-responsive-container {
  height: 220px;
  max-height: 220px; }

.my-fader > div {
  height: 100%;
  max-height: 100%; }

.my-fader-in-height .img-responsive-container {
  height: 250px;
  max-height: 250px; }

/* =============================================
-------------------   Tables ---------------
==============================================*/
/*================== jako tabulka ========================*/
.the-same-table {
  border-left: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  width: 100%; }

.the-same-table h6, .the-same-table h5,
.the-same-table p, .the-same-table a {
  padding: 0;
  margin: 0; }

.the-same-table .table-edge {
  border-right: 1px solid #f1f1f1; }

.the-same-table .th {
  height: 100%;
  padding: 20px;
  border-color: transparent;
  border-right: 1px solid #f1f1f1;
  background: #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  text-align: center; }

.the-same-table .th-smal-device {
  height: 100%;
  padding: 10px;
  border-color: transparent;
  border-right: 1px solid #f1f1f1;
  background: #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  text-align: center; }

.the-same-table .th-divider {
  height: 15px;
  min-width: 100px;
  margin: 0 0 0 -3px;
  /*překryju okraj z .the-same-table*/
  background: white; }

.the-same-table .td {
  height: 100%;
  padding: 20px;
  border-color: transparent;
  border-right: 1px solid #f1f1f1;
  background: white;
  border-bottom: 1px solid #f1f1f1; }

.the-same-table .td .hidden-title {
  /*skrytý div který se zobrazí na malích zařízeních místo záhlaví tabulky */ }

.td-height {
  /*výška bunky kterou na malých obrazovkách odstraním jquery*/ }

.td-first {
  /*první buňka na malých obrazovkách změním na hlavičku*/ }

.the-same-table .stop-link {
  text-decoration: none; }

.the-same-table .td-ecart a {
  /*color:  $cerna;*/ }

/*================== models typs ========================*/
.models .the-same-table .th, .models .the-same-table .td,
.typs .the-same-table .th, .typs .the-same-table .td {
  padding: 10px; }

.models .the-same-table .td a,
.typs .the-same-table .td a {
  display: block;
  height: 100%;
  width: 100%;
  color: black;
  background-color: transparent; }

.models .the-same-table .td,
.typs .the-same-table .td {
  background-color: transparent; }

/*výška*/
.models .td-height, .typs .td-height {
  height: 42px;
  overflow: hidden; }

@media (max-width: 992px) {
  .models .the-same-table .td,
  .typs .the-same-table .td {
    border-bottom: none; } }

.models .the-same-table .td .hidden-title,
.typs .the-same-table .td .hidden-title {
  height: 100%; }

.models .the-same-table > .td-wraper:nth-of-type(odd),
.typs .the-same-table > .td-wraper:nth-of-type(odd) {
  background-color: #f1f1f1; }

/* ================================================================================
-------------------   doklady ---------------
===================================================================================*/
.div-document-row {
  height: 38px;
  overflow: hidden;
  margin-bottom: 5px; }

.div-document-row > div, .div-document-row a > div {
  height: 38px; }

@media (max-width: 601px) {
  .div-document-row {
    height: 76px;
    overflow: hidden;
    margin-bottom: 5px; } }

/* ================================================================================
-------------------   chat ---------------
===================================================================================*/
.chat-Default {
  color: black !important;
  background-color: #f1f1f1 !important; }

.chat-Info {
  color: black !important;
  background-color: #91a8d0 !important; }

.chat-Success {
  color: black !important;
  background-color: #91a8d0 !important; }

.chat-Warning {
  color: black !important;
  background-color: #fae03c !important; }

.chat-Danger {
  color: black !important;
  background-color: #f7cac9 !important; }

/* ================================================================================
-------------------   články  ---------------
===================================================================================*/
#sidenav .article-preview h3 {
  height: 40px;
  /*width:100%;max-width:100%;*/
  overflow: hidden; }

#sidenav .article-preview a {
  text-decoration: none; }

#sidenav .article-preview a:hover {
  text-decoration: underline; }

footer .article-preview a {
  height: 82px;
  display: block;
  text-decoration: none; }

/*footer  .article-preview img { width:20%;max-width:20%;height:75px;max-height:75px;} */
@media (max-width: 600px) {
  footer .article-preview img {
    width: 35%;
    max-width: 35%; } }

footer .article-preview .w3-large {
  height: 27px;
  /*width:100%;max-width:100%;*/
  text-decoration: none;
  overflow: hidden; }

footer .article-preview .w3-small {
  height: 54px;
  max-height: 54px;
  /*width:75%;max-width:75%;*/
  text-decoration: none;
  overflow: hidden; }

/* ================================================================================
-------------------   like select ---------------
===================================================================================*/
.like-selects-wraper {
  z-index: 5;
  position: relative;
  width: 49.99999%;
  float: left; }

/*  obal selektů */
.like-selects-wraper.tecdoc, .like-selects-wraper-rest.tecdoc {
  width: 49.99999%;
  float: left;
  height: 350px; }

@media (max-width: 1150px) {
  .like-selects-wraper.tecdoc, .like-selects-wraper-rest.tecdoc {
    width: 100%; } }

.like-select-box {
  position: relative; }

/*  obal 1 selektu */
.like-select-box.selected {
  z-index: 3; }

/* select s právě otevřeným seznamem  */
/* select který jde rozbalit pro jquery*/
/*  obal boxu s titulkem a pointerem , rozbalovací šipkou */
.like-select-title {
  height: 50px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: no-drop; }

.like-select-box.selected .like-select-title, .like-select-box.nodisabled .like-select-title {
  cursor: pointer; }

/* hodnota viditelná v selektu  */
.like-select-title-value {
  padding-left: 15px;
  background-color: #f1f1f1 !important; }

.nodisabled .like-select-title-value {
  background-color: white !important; }

/* šipka v selektu*/
.like-select-title-pointer {
  width: 50px;
  position: relative;
  background-color: #91a8d0 !important; }

.like-select-box.selected .like-select-title-pointer {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

/* Stylování šipky v pointeru */
.like-select-title-pointer:after {
  position: absolute;
  content: "";
  top: calc(50% - 5px);
  right: calc(50% - 10px);
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-color: black transparent transparent transparent; }

/* otočení šipky v pointeru při rozbalovaném seznamu hodnot options*/
.like-select-box.selected .like-select-title-pointer:after {
  border-color: transparent transparent white transparent;
  top: calc(50% - 15px); }

/*pointer už vybraného selektu*/
.like-select-box.selected .like-select-title-pointer,
.like-select-box.nodisabled .like-select-title-pointer {
  background-color: #f7786b !important; }

/* box seznamů hodnot k výběru míst select option*/
.like-select-values {
  display: none;
  visibility: hidden;
  opacity: 0; }

/*otevřený box */
.like-select-box.selected .like-select-values {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-animation: fadein 0.6s;
          animation: fadein 0.6s;
  position: absolute;
  /*top: 55px;*/
  /*left: 0px; */
  padding: 10px 16px;
  width: 100%;
  background-color: #f1f1f1 !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  min-height: 150px;
  max-height: 350px; }

@media (min-width: 1150px) {
  .like-select-box.selected .like-select-values {
    width: 150%; } }

/* nastavení animace otevření like-select-values */
@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* jednotlivé hodnoty option v .like-select-values */
.like-select-values-option {
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  padding-left: 10px; }

.like-select-box.selected .like-select-values-option:hover {
  text-decoration: underline;
  color: blue;
  background: #f1f1f1; }

.like-select-values-option > div {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid silver; }

.like-select-values-option > div span {
  display: flex;
  align-items: center;
  overflow: hidden;
  /*padding: 0.5em;
  width: 100%;*/ }

/*
.like-select-values-option > div .tc-years { display:inline-block;width:130px; }
.like-select-values-option > div .tc-model { display:inline-block;width:500px; }
.like-select-values-option > div .tc-typs { display:inline-block;width:430px; }  
.like-select-values-option > div .tc-mkw { display:inline-block;width:80px; }   */
.like-select-values-option > .w3-row {
  width: 100%; }

.like-select-values-option > div .tc-years {
  display: inline-block;
  width: 25%; }

.like-select-values-option > div .tc-model {
  display: inline-block;
  width: 75%; }

.like-select-values-option > div .tc-typs {
  display: inline-block;
  width: 70%; }

.like-select-values-option > div .tc-kw {
  display: inline-block;
  width: 10%; }

.like-select-values-option > div .tc-typs-years {
  display: inline-block;
  width: 20%; }

@media (min-width: 601px) and (max-width: 992px) {
  /*w3-hide-medium*/
  .like-select-values-option > div > span {
    font-size: 11.5px !important; } }

@media (max-width: 600px) {
  /*w3-hide-small*/
  .like-select-values-option > div > span {
    font-size: 11px !important; } }

/*rozcestník na hledání podle string nebo na skupiny*/
.result-select-dialog {
  display: none;
  visibility: hidden;
  opacity: 0; }

.result-select-dialog.selected {
  position: absolute;
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-animation: fadein 0.6s;
          animation: fadein 0.6s;
  width: 100%;
  height: 180%;
  z-index: 5;
  top: 0;
  left: 0;
  padding: 10px 10px 10px 16px;
  overflow: hidden; }

/* ================================================================================
-------------------   sphinx ---------------
===================================================================================*/
.my-vertical-wizard .my-wizard-wrap {
  position: relative;
  padding: 0px 15px 15px 45px;
  z-index: 1; }

.my-vertical-wizard .my-wizard-wrap .w3-select {
  padding: 5px 0; }

/* vertikální linka  */
.my-vertical-wizard .my-wizard-wrap:before {
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 35px);
  background-color: gray;
  left: 17px;
  bottom: -7px;
  z-index: 3; }

.my-vertical-wizard .my-wizard-wrap.my-wizard-success:before {
  background-color: #91a8d0;
  opacity: 1; }

.my-vertical-wizard .my-wizard-wrap.my-wizard-current:before {
  background-color: #fae03c;
  opacity: 1; }

.my-vertical-wizard .my-wizard-wrap:last-child:before {
  display: none; }

/*  kroužek / tečka na vrcholu linky  */
.my-vertical-wizard .my-wizard-wrap:after {
  content: '';
  position: absolute;
  border: 2px solid gray;
  border-radius: 50%;
  top: 11px;
  left: 3px;
  width: 30px;
  height: 30px;
  z-index: 3;
  opacity: 0; }

.my-vertical-wizard .my-wizard-wrap.my-wizard-current:after {
  border-color: #fae03c;
  background-color: #fae03c;
  opacity: 1; }

/*  icona  na vrcholu linky  */
.my-vertical-wizard .my-wizard-wrap .my-wizard-ico {
  pointer-events: none;
  font-size: 25px;
  position: absolute;
  left: 9px;
  top: 15px;
  z-index: 2; }

.my-vertical-wizard .my-wizard-wrap.my-wizard-success .my-wizard-ico {
  color: #91a8d0; }

.my-vertical-wizard .my-wizard-wrap.my-wizard-muted .my-wizard-ico {
  color: gray; }

.my-wizard-content .lab {
  display: block;
  color: gray; }

.my-wizard-content .lab .fa {
  display: none; }

.lab.lab-success {
  color: #91a8d0; }

.lab.lab-success .fa-check {
  display: inline-block; }

.lab.lab-error {
  color: #f7786b; }

.lab.lab-error .fa-exclamation-triangle {
  display: inline-block; }

.my-vertical-wizard .my-wizard-like-select-display {
  height: 40px;
  position: relative;
  z-index: 25; }

/*kvúli překrývání otevřených selectů*/
.my-vertical-wizard .disabled .my-wizard-like-select-display {
  z-index: 0; }

.my-vertical-wizard .my-wizard-like-select {
  padding: 5px 8px;
  color: black;
  border: 1px solid transparent;
  border-bottom: 1px solid #f7786b;
  font: inherit;
  margin: 0;
  cursor: pointer; }

.my-vertical-wizard .my-wizard-like-select.success {
  border-bottom: 1px solid #91a8d0; }

.my-vertical-wizard .disabled .my-wizard-like-select {
  background-color: #f1f1f1;
  opacity: 0.6;
  cursor: no-drop;
  border-bottom: 1px solid #f1f1f1; }

.my-vertical-wizard .my-wizard-like-select .w3-col,
.my-vertical-wizard .sphinx_result .w3-col {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*potržení odkazů na celém řádku*/
.my-vertical-wizard .my-wizard-like-select .option:hover a {
  text-decoration: underline; }

.my-vertical-wizard .my-wizard-like-select.active {
  border: 1px solid #0099ff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  background-color: #f1f1f1; }

.my-vertical-wizard .sphinx_result {
  position: absolute;
  display: none;
  width: 100%;
  min-height: 250px;
  z-index: 100;
  top: 110%;
  padding: 10px 5px 16px 16px;
  background-color: white;
  border: 1px solid #0099ff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  background-color: #f1f1f1; }

.my-vertical-wizard .my-wizard-like-select-display .my-wizard-like-select-arrow {
  position: absolute;
  top: 17px;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: 5px;
  content: "";
  border-top: 8px solid;
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
  color: black; }

.my-vertical-wizard .my-wizard-like-select-display .my-wizard-like-select-close {
  position: absolute;
  top: 2px;
  right: 0px;
  display: none;
  width: 40px;
  height: 40px;
  color: black;
  cursor: pointer;
  z-index: 1000; }

.my-wizard-like-select-close .fa {
  font-size: 35px;
  line-height: 35px;
  color: black; }

.my-vertical-wizard .my-wizard-like-select-display .my-wizard-like-select-close .fa:hover {
  color: #f7786b; }

.my-vertical-wizard .my-wizard-like-select .my-wizard-like-select-list {
  padding: 16px 8px 16px 8px; }

.my-vertical-wizard .my-wizard-like-select .my-wizard-filter-input {
  margin-bottom: 15px; }

.my-vertical-wizard .my-wizard-like-select .option:hover,
.my-vertical-wizard .sphinx_result .option:hover {
  background-color: #0099ff; }

.my-vertical-wizard .my-wizard-like-select .my-wizard-like-select-title {
  height: 33px;
  line-height: 33px;
  padding-left: 16px;
  color: gray; }

.my-vertical-wizard .my-wizard-like-select .my-wizard-like-select-title.choosed {
  color: black; }

.my-vertical-wizard .change-background {
  border: 1px solid #034f84;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 3px rgba(3, 79, 132, 0.9);
  -moz-box-shadow: 0px 0px 3px rgba(3, 79, 132, 0.9);
  box-shadow: 0px 0px 3px rgba(3, 79, 132, 0.9);
  background-color: #f7cac9;
  -webkit-transition: background-color 1500ms linear;
  -moz-transition: background-color 1500ms linear;
  -o-transition: background-color 1500ms linear;
  -ms-transition: background-color 1500ms linear;
  transition: background-color 1500ms linear; }

.my-vertical-wizard-popover {
  position: absolute;
  width: 90%;
  max-height: 74px;
  top: -80px;
  left: 5%;
  z-index: 1000;
  display: block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(255, 102, 0, 0.8);
  border-radius: .3rem;
  transition: opacity .15s linear; }

.popover-bottom > .my-vertical-wizard-popover {
  top: 0px;
  left: 5%; }

.my-vertical-wizard-popover-arrow {
  position: absolute;
  content: '';
  margin: 0;
  bottom: -8px;
  right: 50%;
  display: block;
  width: 16px;
  height: 16px;
  background: white;
  border-bottom: 1px solid rgba(255, 102, 0, 0.8);
  border-left: 1px solid rgba(255, 102, 0, 0.8);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 0; }

.popover-bottom > .my-vertical-wizard-popover .my-vertical-wizard-popover-arrow {
  border-bottom: 0px solid rgba(255, 102, 0, 0.8);
  border-left: 0px solid rgba(255, 102, 0, 0.8);
  border-top: 1px solid rgba(255, 102, 0, 0.8);
  border-right: 1px solid rgba(255, 102, 0, 0.8);
  top: -8px;
  background-color: #f1f1f1; }

.my-vertical-wizard-popover .popover-header {
  padding: .5rem .75rem;
  margin: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  width: calc(100% - 1px); }

.my-vertical-wizard-popover .popover-header:empty {
  display: none; }

.my-vertical-wizard-popover .popover-body {
  padding: .5rem .75rem;
  color: black; }

.my-head-select .my-wizard-content {
  text-align: left;
  margin-left: 16px;
  width: 100%; }

.my-head-select .my-wizard-grid {
  width: 95%; }

.my-head-select .my-wizard-like-select-display {
  height: 50px;
  position: relative;
  z-index: 125;
  background-color: #f7cac9; }

.my-head-select .my-wizard-like-select-display .my-wizard-like-select-arrow {
  position: absolute;
  top: 22px;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: 5px;
  content: "";
  border-top: 8px solid;
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
  color: black; }

.my-head-select .my-wizard-like-select-close {
  position: absolute;
  top: 2px;
  right: 0px;
  display: none;
  width: 50px;
  height: 50px;
  color: black;
  cursor: pointer;
  z-index: 1000; }

.my-head-select .my-wizard-like-select-close .fa {
  font-size: 35px;
  line-height: 35px;
  color: black; }

.my-head-select .my-wizard-like-select-close .fa:hover {
  color: red; }

.my-head-select .my-wizard-like-select {
  padding: 5px 8px;
  color: black;
  border: 1px solid transparent;
  border-bottom: 1px solid #f7786b;
  font: inherit;
  margin: 0;
  cursor: pointer; }

.my-head-select .my-wizard-like-select .option:hover {
  background-color: #0099ff; }

.my-head-select .my-wizard-like-select .my-wizard-like-select-title {
  height: 43px;
  line-height: 43px;
  padding-left: 16px;
  color: black; }

.my-head-select .my-wizard-like-select .my-wizard-like-select-title .select-title {
  font-size: 14px !important; }

.my-head-select .my-wizard-like-select .my-wizard-like-select-title .w3-small {
  font-size: 18px !important; }

.my-head-select .my-wizard-like-select .my-wizard-like-select-list {
  margin: 0 -8px;
  padding: 16px 18px 26px 18px;
  color: black !important;
  background-color: #f1f1f1 !important; }

.my-head-select .my-wizard-like-select .my-wizard-filter-input {
  margin-bottom: 15px; }

.my-head-select .my-wizard-like-select .w3-col,
.my-head-select .sphinx_result .w3-col {
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*potržení odkazů na celém řádku*/
.my-head-select .my-wizard-like-select .option:hover a {
  text-decoration: underline; }

.my-head-select .my-wizard-like-select.active {
  border: 1px solid #0099ff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  box-shadow: 0 1px 2px rgba(0, 153, 255, 0.4);
  background-color: #f1f1f1; }

/* ================================================================================
-------------------   collapsibility harmonika ---------------
===================================================================================*/
.collapsibility .title {
  background-color: #f1f1f1;
  color: black;
  cursor: pointer;
  padding: 18px 18px 18px 65px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom: 16px; }

.collapsibility .title h4 {
  margin: 0; }

.collapsibility .active, .title:hover {
  background-color: gray; }

.collapsibility .title:after {
  content: '\002B';
  color: gray;
  font-weight: bold;
  float: right;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  margin-right: 16px; }

.collapsibility .active:after {
  content: "\2212"; }

.collapsibility .title > .w3-display-left {
  padding: 14px; }

.collapsibility .active > .w3-display-left:before {
  content: "\f00c";
  color: green;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  position: absolute;
  left: 3px;
  top: 3px;
  margin: auto;
  font-family: "FontAwesome"; }

.collapsibility .panel {
  padding: 0 18px;
  background-color: white;
  overflow: hidden;
  padding-bottom: 26px; }

.collapsibility .panel .w3-bar {
  margin-bottom: 5px; }

/**
Custom Checkbox
https://www.w3schools.com/howto/howto_css_custom_checkbox.asp
*/
/* The checkbox container */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #f1f1f1; }

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: gray; }

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #91a8d0; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/* ================================================================================
-------------------   checkout ---------------
===================================================================================*/
.cart-row {
  margin-top: -1px; }

@media (min-width: 991px) {
  .cart-row {
    height: 220px; }
  .checkout-currency-wraper {
    height: 60px; } }

@media (max-width: 990px) {
  .cart-row > .horizontally-centered-container {
    justify-content: center; }
  .cart-row > .w3-col:nth-child(1) {
    height: 220px; }
  .cart-row > .w3-col:nth-child(2) {
    height: 220px; }
  .cart-row > .w3-col:nth-child(3) {
    height: 50px; }
  .checkout-currency-wraper {
    height: 45px;
    margin-top: -3px; } }

.curtain-action {
  display: none;
  /* Hidden by default */
  z-index: 1000;
  /* Sit on top */
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }

.w3-pale-green .w3-text-green {
  color: #034f84 !important; }

.nice-radio-box input[type=radio] {
  display: none; }

/* to hide the checkbox itself */
.nice-radio-box input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block; }

.nice-radio-box input[type=radio] + label:before {
  content: "\f096";
  font-size: 28px;
  line-height: 18px;
  color: black; }

/* unchecked icon */
.nice-radio-box input[type=radio] + label:before {
  letter-spacing: 10px; }

/* space between checkbox and label */
.nice-radio-box input[type=radio]:disabled + label:before {
  content: "\f096";
  color: gray; }

/* checked icon */
.nice-radio-box input[type=radio]:disabled + label:before {
  letter-spacing: 5px;
  font-size: 28px;
  line-height: 28px; }

/* allow space for check mark */
.nice-radio-box input[type=radio]:checked + label:before {
  content: "\f046";
  color: #034f84; }

/* checked icon */
.nice-radio-box input[type=radio]:checked + label:before {
  letter-spacing: 5px;
  font-size: 28px;
  line-height: 28px; }

/* allow space for check mark */
.nice-radio-box label {
  font-size: 28px;
  line-height: 56px;
  font-weight: normal; }

/**
 *  adresa ba malých prohlížečích
 ***************/
@media (max-width: 600px) {
  #address .w3-rest, .CityWraper {
    display: block;
    float: none; } }

#coupon-wrapper #btn:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

/* Flash class and keyframe animation */
.flashit {
  color: #000033;
  -webkit-animation: flash linear 3s infinite;
  animation: flash linear 3s infinite; }

@-webkit-keyframes flash {
  00% {
    opacity: 1; }
  50% {
    opacity: .4; }
  100% {
    opacity: 1; } }

@keyframes flash {
  0% {
    opacity: 1; }
  50% {
    opacity: .4; }
  100% {
    opacity: 1; } }

/* ================================================================================
-------------------   range http://lokku.github.io/jquery-nstslider/  ---------------
===================================================================================*/
.is_clickable {
  cursor: hand;
  cursor: pointer; }

.nstSlider {
  cursor: hand;
  cursor: pointer;
  /* -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  */
  position: relative;
  width: 250px;
  height: 20px;
  background: transparent; }

.nstSlider .leftGrip.gripHighlighted {
  background: #034f84; }

/*
.nstSlider .rightGrip.gripHighlighted {
  background: #113344;
}*/
.nstSlider .rightGrip,
.nstSlider .leftGrip {
  position: absolute;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 12px;
  height: 20px;
  background: #034f84; }

.nstSlider .bar {
  /*  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;    */
  position: absolute;
  background: #034f84;
  height: 4px;
  top: 8px;
  z-index: 10; }

.nstSlider .bar-back {
  /*  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;    */
  position: absolute;
  background: #f7786b;
  height: 4px;
  top: 8px;
  left: 0px;
  width: 100%;
  z-index: 8; }

/* ================================================================================
-------------------   range http://amsul.ca/pickadate.js/date/  ---------------
===================================================================================*/
/* ==========================================================================
   $BASE-PICKER       classic
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: black;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: white;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/* ==========================================================================
   $BASE-DATE-PICKER   CLASSIC.DATE
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  /*height: 2em;*/
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid black;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid black; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: black;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: whitesmoke;
  border-left-color: whitesmoke; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: black;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: black;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: white; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: whitesmoke;
  border-color: whitesmoke;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid white;
  background: white;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: black;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: whitesmoke;
  border-color: whitesmoke;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $BASE-TIME-PICKER   CLASSIC TIME
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0; }

/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: white;
  padding: .75em 1.25em; }

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em; } }

/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: black;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10; }

/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10; }

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: black;
  background: #b1dcfb; }

/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: white;
  z-index: 10; }

/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: whitesmoke;
  border-color: whitesmoke;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto; }

/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666666; }

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: black;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: white;
  outline: none; }

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666666;
  font-size: 1.25em;
  font-weight: bold; }

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: white;
  border-color: white; }

/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */
.picker--time {
  min-width: 256px;
  max-width: 320px; }

/**
 * The holder is the base of the picker.
 */
.picker--time .picker__holder {
  background: #f2f2f2; }

@media (min-height: 40.125em) {
  .picker--time .picker__holder {
    font-size: .875em; } }

/**
 * The box contains the list of times.
 */
.picker--time .picker__box {
  padding: 0;
  position: relative; }

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: black; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
   Owl Carousel
   vlastní nastavení
*/
.my-owl-wraper {
  height: 300px; }

.my-owl-wraper {
  width: 97%; }

.my-owl-wraper .owl-carousel {
  width: 103%; }

.owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel .owl-item {
  height: inherit; }

.owl-carousel .item-carousel, .owl-carousel .item-card {
  display: block;
  position: relative;
  transition: transform .3s; }

.owl-carousel .item-carousel:hover, .owl-carousel .item-card:hover {
  transform: scale(1.02);
  text-decoration: none; }

.owl-carousel .item-carousel .text-wrap {
  padding: 5px 16px 5px 5px;
  position: relative; }

.owl-carousel .item-card {
  border: 1px solid rgba(0, 0, 0, 0.125); }

.owl-carousel.repetitive-slider .item-card {
  border: 0px solid rgba(0, 0, 0, 0.125); }

.owl-carousel .item-card .img-wrap {
  border: 0px solid blue;
  width: 100%;
  height: 70%;
  margin-bottom: 5%; }

.owl-carousel .item-card .text-wrap {
  border: 0px solid red;
  width: 100%;
  height: 25%;
  overflow: hidden;
  padding: 0 16px 5px 16px; }

.owl-carousel.repetitive-slider .item-card .text-wrap {
  border: 0px solid red;
  width: 100%;
  height: 25%;
  overflow: hidden;
  padding: 0 56px 5px 26px; }

.owl-carousel .item-carousel .price-alert {
  position: absolute;
  right: 10%;
  bottom: 15%;
  padding: 8px 16px !important;
  color: white !important;
  background-color: #f7786b !important;
  font-size: 18px !important;
  line-height: 1.5; }

.owl-carousel .item-carousel .price-alert > span {
  min-width: 70px;
  display: inline-block; }

.owl-carousel .item-card .price-alert {
  position: absolute;
  left: 0.5%;
  top: 5%;
  padding: 6px 10px !important;
  color: white !important;
  background-color: #f7786b !important;
  font-size: 14px !important;
  line-height: 1.5; }

.owl-carousel .item-card .price-alert > span {
  min-width: 40px;
  display: inline-block; }

.owl-carousel.show-owl-nav .owl-nav {
  height: 0;
  padding: 0;
  margin: 0; }

.owl-carousel.show-owl-nav .owl-prev, .owl-carousel.show-owl-nav .owl-next {
  display: block;
  padding: 18px 7px  !important;
  color: white !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  position: absolute  !important;
  z-index: 9;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute; }

.owl-carousel.show-owl-nav .owl-prev {
  left: 0; }

.owl-carousel.show-owl-nav .owl-next {
  right: 0; }

/**
Ion.RangeSlider, 2.3.0
© Denis Ineshin, 2010 - 2018, IonDen.com
Build date: 2018-12-12 00:07:25
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif; }

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important; }

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0; }

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0; }

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1; }

.irs-handle.type_last {
  z-index: 2; }

.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default; }

.irs-min {
  left: 0; }

.irs-max {
  right: 0; }

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap; }

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px; }

.irs-with-grid .irs-grid {
  display: block; }

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: black; }

.irs-grid-pol.small {
  height: 4px; }

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: black; }

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: #034f84;
  z-index: 2; }

.lt-ie9 .irs-disable-mask {
  background: black;
  filter: alpha(opacity=0);
  cursor: not-allowed; }

.irs-disabled {
  opacity: 0.4; }

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important; }

.irs--flat {
  height: 40px; }

.irs--flat.irs-with-grid {
  height: 60px; }

.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px; }

.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #034f84; }

.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px; }

.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9; }

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent; }

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453; }

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540; }

.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px; }

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #034f84;
  border-radius: 4px; }

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #034f84; }

.irs--flat .irs-grid-pol {
  background-color: #e1e4e9; }

.irs--flat .irs-grid-text {
  color: #999999; }

.irs--big {
  height: 55px; }

.irs--big.irs-with-grid {
  height: 70px; }

.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #dddddd -50%, white 150%);
  border: 1px solid #cccccc;
  border-radius: 12px; }

.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, white 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); }

.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px; }

.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5); }

.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #b4b9be 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px; }

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919ba5 30%, white 100%); }

.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px; }

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px; }

.irs--big .irs-grid-pol {
  background-color: #428bca; }

.irs--big .irs-grid-text {
  color: #428bca; }

.irs--modern {
  height: 55px; }

.irs--modern.irs-with-grid {
  height: 55px; }

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px; }

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); }

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px; }

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5); }

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px; }

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg); }

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px; }

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1; }

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, white 0%, #919ba5 30%, white 100%); }

.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2; }

.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a; }

.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px; }

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px; }

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426; }

.irs--modern .irs-grid {
  height: 25px; }

.irs--modern .irs-grid-pol {
  background-color: #dedede; }

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px; }

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1; }

.irs--sharp.irs-with-grid {
  height: 57px; }

.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: silver;
  border-radius: 2px; }

.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #034f84; }

.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px; }

.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5); }

.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #034f84; }

.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #034f84; }

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black; }

.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black; }

.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #034f84;
  border-radius: 2px; }

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #034f84;
  color: white;
  border-radius: 2px; }

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #034f84; }

.irs--sharp .irs-grid {
  height: 25px; }

.irs--sharp .irs-grid-pol {
  background-color: #dedede; }

.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px; }

.irs--round {
  height: 50px; }

.irs--round.irs-with-grid {
  height: 65px; }

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px; }

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa; }

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px; }

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5); }

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); }

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff; }

.irs--round .irs-min,
.irs--round .irs-max {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px; }

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa; }

.irs--round .irs-grid {
  height: 25px; }

.irs--round .irs-grid-pol {
  background-color: #dedede; }

.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px; }

.irs--square {
  height: 50px; }

.irs--square.irs-with-grid {
  height: 60px; }

.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede; }

.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black; }

.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede; }

.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff; }

.irs--square .irs-min,
.irs--square .irs-max {
  color: #333333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1); }

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white; }

.irs--square .irs-grid {
  height: 25px; }

.irs--square .irs-grid-pol {
  background-color: #dedede; }

.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px; }

/* ================================================================================
-------------------   easyzomm ---------------
===================================================================================*/
.easyzoom {
  position: relative;
  /* 'Shrink-wrap' the element */
  /*display: inline-block;  */
  *display: inline;
  *zoom: 1; }

.easyzoom img {
  vertical-align: bottom; }

.easyzoom.is-loading img {
  cursor: progress; }

.easyzoom.is-ready img {
  cursor: crosshair; }

.easyzoom.is-error img {
  cursor: not-allowed; }

.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: white;
  box-shadow: 0 0 10px #888888; }

.easyzoom-flyout {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  background: white; }

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.easyzoom--adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px; }

/* ================================================================================
-------------------   simpleLightbox ---------------
===================================================================================*/
.slbOverlay, .slbWrapOuter, .slbWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.slbOverlay {
  overflow: hidden;
  z-index: 2000;
  background-color: black;
  opacity: 0.7;
  -webkit-animation: slbOverlay 0.5s;
  -moz-animation: slbOverlay 0.5s;
  animation: slbOverlay 0.5s; }

.slbWrapOuter {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2010; }

.slbWrap {
  position: absolute;
  text-align: center; }

.slbWrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.slbContentOuter {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0 1em;
  box-sizing: border-box;
  z-index: 2020;
  text-align: left;
  max-width: 100%; }

.slbContentEl .slbContentOuter {
  padding: 5em 1em; }

.slbContent {
  position: relative; }

.slbContentEl .slbContent {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  background-color: white;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4); }

.slbImageWrap {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  position: relative; }

.slbImageWrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5em;
  bottom: 5em;
  display: block;
  z-index: -1;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
  background-color: white; }

.slbDirectionNext .slbImageWrap {
  -webkit-animation: slbEnterNext 0.4s;
  -moz-animation: slbEnterNext 0.4s;
  animation: slbEnterNext 0.4s; }

.slbDirectionPrev .slbImageWrap {
  -webkit-animation: slbEnterPrev 0.4s;
  -moz-animation: slbEnterPrev 0.4s;
  animation: slbEnterPrev 0.4s; }

.slbImage {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 5em 0;
  margin: 0 auto; }

.slbCaption {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 1.4em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.71429em 0;
  color: white;
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }

.slbCloseBtn, .slbArrow {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none; }

.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner {
  padding: 0;
  border: 0; }

.slbCloseBtn:hover, .slbArrow:hover {
  opacity: 0.5; }

.slbCloseBtn:active, .slbArrow:active {
  opacity: 0.8; }

.slbCloseBtn {
  -webkit-animation: slbEnter 0.3s;
  -moz-animation: slbEnter 0.3s;
  animation: slbEnter 0.3s;
  font-size: 3em;
  width: 1.66667em;
  height: 1.66667em;
  line-height: 1.66667em;
  position: absolute;
  right: -0.33333em;
  top: 0;
  color: white;
  color: rgba(255, 255, 255, 0.7);
  text-align: center; }

.slbLoading .slbCloseBtn {
  display: none; }

.slbLoadingText {
  font-size: 1.4em;
  color: white;
  color: rgba(255, 255, 255, 0.9); }

.slbArrows {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0; }

.slbLoading .slbArrows {
  display: none; }

.slbArrow {
  position: absolute;
  top: 50%;
  margin-top: -5em;
  width: 5em;
  height: 10em;
  opacity: 0.7;
  text-indent: -999em;
  overflow: hidden; }

.slbArrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.8em 0 0 -0.8em;
  border: 0.8em solid transparent; }

.slbArrow.next {
  right: 0; }

.slbArrow.next:before {
  border-left-color: white; }

.slbArrow.prev {
  left: 0; }

.slbArrow.prev:before {
  border-right-color: white; }

.slbIframeCont {
  width: 80em;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 5em 0; }

.slbIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
  background: black; }

@-webkit-keyframes slbOverlay {
  from {
    opacity: 0; }
  to {
    opacity: 0.7; } }

@-moz-keyframes slbOverlay {
  from {
    opacity: 0; }
  to {
    opacity: 0.7; } }

@keyframes slbOverlay {
  from {
    opacity: 0; }
  to {
    opacity: 0.7; } }

@-webkit-keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); } }

@-moz-keyframes slbEnter {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -1em, 0); }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0); } }

@keyframes slbEnter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1em, 0);
    -moz-transform: translate3d(0, -1em, 0);
    -ms-transform: translate3d(0, -1em, 0);
    -o-transform: translate3d(0, -1em, 0);
    transform: translate3d(0, -1em, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slbEnterNext {
  from {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); } }

@-moz-keyframes slbEnterNext {
  from {
    opacity: 0;
    -moz-transform: translate3d(4em, 0, 0); }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0); } }

@keyframes slbEnterNext {
  from {
    opacity: 0;
    -webkit-transform: translate3d(4em, 0, 0);
    -moz-transform: translate3d(4em, 0, 0);
    -ms-transform: translate3d(4em, 0, 0);
    -o-transform: translate3d(4em, 0, 0);
    transform: translate3d(4em, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slbEnterPrev {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-4em, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); } }

@-moz-keyframes slbEnterPrev {
  from {
    opacity: 0;
    -moz-transform: translate3d(-4em, 0, 0); }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0); } }

@keyframes slbEnterPrev {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-4em, 0, 0);
    -moz-transform: translate3d(-4em, 0, 0);
    -ms-transform: translate3d(-4em, 0, 0);
    -o-transform: translate3d(-4em, 0, 0);
    transform: translate3d(-4em, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* ================================================================================
-------------------   palette  ---------------
===================================================================================*/
/* CSS Document http://www.color-hex.com/color-palette/13662 */
.ap-palette-default-color, .ap-palette-hover-default-color:hover {
  color: white !important;
  background-color: #034f84 !important; }

.ap-palette-first-color, .ap-palette-hover-first-color:hover {
  color: white !important;
  background-color: #91a8d0 !important; }

.ap-palette-second-color, .ap-palette-hover-second-color:hover {
  color: white !important;
  background-color: #f7786b !important; }

.ap-palette-third-color, .ap-palette-hover-third-color:hover {
  color: black !important;
  background-color: #f7cac9 !important; }

.ap-palette-fourth-color, .ap-palette-hover-fourth-color:hover {
  color: black !important;
  background-color: #fae03c !important; }

.ap-palette-hover-default-color:hover, .ap-palette-hover-first-color:hover, .ap-palette-hover-second-color:hover,
.ap-palette-hover-third-color:hover, .ap-palette-hover-fourth-color:hover {
  cursor: pointer;
  /*https://css-tricks.com/almanac/properties/t/transition/*/
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; }

.ap-palette-default-text, .ap-palette-hover-default-text:hover, input[type="text"].ap-palette-default-text::-webkit-input-placeholder {
  color: #034f84 !important; }

.ap-palette-first-text, .ap-palette-hover-first-text:hover, input[type="text"].ap-palette-first-text::-webkit-input-placeholder {
  color: #91a8d0 !important; }

.ap-palette-second-text, .ap-palette-hover-second-text:hover, input[type="text"].ap-palette-second-text::-webkit-input-placeholder {
  color: #f7786b !important; }

.ap-palette-third-text, .ap-palette-hover-third-text:hover, input[type="text"].ap-palette-third-text::-webkit-input-placeholder {
  color: #f7cac9 !important; }

.ap-palette-fourth-text, .ap-palette-hover-fourth-text:hover, input[type="text"].ap-palette-fourth-text ::-webkit-input-placeholder {
  color: #fae03c !important; }

.ap-palette-default-border, .ap-palette-hover-default-border:hover {
  border-color: #034f84 !important; }

.ap-palette-first-border, .ap-palette-hover-first-border:hover {
  border-color: #91a8d0 !important; }

.ap-palette-second-border, .ap-palette-hover-second-border:hover {
  border-color: #f7786b !important; }

.ap-palette-third-border, .ap-palette-hover-third-border:hover {
  border-color: #f7cac9 !important; }

.ap-palette-fourth-border, .ap-palette-hover-fourth-border:hover {
  border-color: #fae03c !important; }

/*border podle ap-palette-default-text  */
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #034f84;
  border: 1px solid #034f84; }

.w3-navbar li a:hover {
  color: black;
  background-color: #f7cac9; }

.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
  background-color: #f7cac9; }

.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable .list-header:hover {
  background-color: #034f84; }

.the-same-table > .td-wraper:hover,
.the-same-table > .td-wraper:nth-of-type(odd):hover {
  background: #f7cac9; }

.w3-teal {
  background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%); }

.w3-red {
  background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%); }

.w3-orange {
  background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%); }

.w3-blue {
  background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%); }

.w3-light-grey {
  background-image: linear-gradient(to bottom, white 0, #e0e0e0 100%); }

/*  případné resety tlačítek do košíku a pod  */
.add-to-cart-btn.ap-palette-default-color, .add-to-cart-btn.ap-palette-hover-default-color:hover {
  color: white !important;
  background-color: #034f84 !important; }

.store-detail-btn.ap-palette-default-color, .store-detail-btn.ap-palette-hover-default-color:hover {
  color: white !important;
  background-color: #034f84 !important; }

.list-variant-btn.ap-palette-default-color, .list-variant-btn.ap-palette-hover-default-color:hover {
  color: white !important;
  background-color: #034f84 !important; }

.place-order-btn.ap-palette-default-color, .place-order-btn.ap-palette-hover-default-color:hover {
  color: white !important;
  background-color: #034f84 !important; }

.sold-out-btn.ap-palette-second-color, sold-out-btn.ap-palette-hover-second-color:hover {
  color: white !important;
  background-color: #f7786b !important; }

/*pobočka a externí sklad*/
.place-order-btn.ap-palette-second-color, place-order-btn.ap-palette-hover-second-color:hover {
  color: white !important;
  background-color: #f7786b !important; }

/*list přání*/
/*zavření potvrzení vložení do koše*/
/*odkza z potvrzení vložení do koše*/
/*okraj breadcrumb*/
.breadcrumb.ap-palette-default-color, .breadcrumb.ap-palette-hover-default-color:hover {
  color: white !important;
  background-color: #034f84 !important; }

/*check out boxy*/
.checkout-activated-box {
  color: black !important;
  background-color: #ddffdd !important; }

.checkout-disabled-activated-box {
  color: black !important;
  background-color: #f1f1f1 !important; }

/* ================================================================================
-------------------   vlastní styly ---------------
===================================================================================*/
/*karta dílu*/
#general.side-scroll {
  max-height: 1050px; }

#composition.side-scroll {
  max-height: 650px; }

#sets.side-scroll {
  max-height: 650px; }

#marks.side-scroll {
  max-height: 650px; }