/*! Etnetera a.s. © 2016 */


:root {
	--colors-primary-800: #01376d;
	--colors-primary-500: #014588;
	--colors-primary-300: #028ac4;
	--colors-primary-200: #03b9fb;
	--colors-primary-50: #ebf6fa;
	--colors-secondary-500: #e2031a;
	--colors-tertiary-700: #d3a903;
	--colors-tertiary-500: #fcd21a;
	--colors-tertiary-50: #fefaea;
	--colors-web-bg: #e5ecf3;
	--colors-paper: #fff;
	
	--breakpoints-xs: 670px;
	--breakpoints-sm: 770px;
	--breakpoints-md: 1025px;
	--breakpoints-lg: 1055px;
}


/*******************************************
  CONTAINERS
********************************************/

.container-default {
  width: 100%;
  min-width: 320px;
  margin: auto;
}

@media (min-width: 1025px) {
	/* .container-default { width: calc(1025px - 30px); } */
	.container-default { width: 1025px; }
}


/*******************************************
  BOXES
********************************************/

.box-default { padding: 40px 30px; }

.box-info { padding: 10px; }

@media (min-width: 671px) and (max-width: 1024px) {
	.box-default { padding: 25px; }
}

@media (max-width: 670px) {
	.box-default { padding: 15px; }
}


/*******************************************
  COLORS
********************************************/

.c-primary-800 { color: #01376d; }
.c-primary-500 { color: #014588; }
.c-primary-300 { color: #028ac4; }
.c-primary-200 { color: #03b9fb; }
.c-primary-50 { color: #ebf6fa; }

.c-secondary-500 { color: #e2031a; }

.c-tertiary-700 { color: #d3a903; }
.c-tertiary-500 { color: #fcd21a; }

.c-paper { color: #fff; }

.bgc-primary-800 { background-color: #01376d; }
.bgc-primary-500 { background-color: #014588; }
.bgc-primary-300 { background-color: #028ac4; }
.bgc-primary-200 { background-color: #03b9fb; }
.bgc-primary-50 { background-color: #ebf6fa; }

.bgc-secondary-500 { background-color: #e2031a; }

.bgc-tertiary-700 { background-color: #d3a903; }
.bgc-tertiary-500 { background-color: #fcd21a; }

.bgc-web-bg { background-color: #e5ecf3; }
.bgc-paper { background-color: #fff; }



.links-inverse-underline a {
  color: #fff; text-decoration: underline;
}
.links-inverse-underline a:hover {
  text-decoration: none;
}

.links-inverse a { color: #fff; }
.links-inverse a:hover { text-decoration: underline; }

.links-light a { color: #028ac4; }


/*********************
  FORMS
*********************/


.form-2019 .form-group {
	margin: 10px 0;
}


.form-2019 .form-label {
	width: 100%;
	color: #01376d;
	font-weight: bold;
}

.form-2019 .form-input {
	display: inline-block;
  box-sizing: border-box;
  height: 35px;
  border: 1px solid #014588;
  background-color: #fff;
  padding: 0 15px;
  border-radius: 5px;
  width: 100%;
  outline: none;
  transition: all .3s ease-in-out;
}
.form-2019 .form-input:focus,
.form-2019 .form-input:active {
	background-color: #fefaea;
	color: #01376d;
}

.form-2019 textarea.form-input {
  padding: 15px;
  min-height: 5rem;
}

.form-2019 select.form-input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		
		background-image: url("");
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-size: 13px;
}


/* checkbox & radio */

.form-2019 .checkbox input,
.form-2019 .radio input { display: none; }

.form-2019 .checkbox span,
.form-2019 .radio span {
	display: inline-block;
	padding-left: 20px;
	position: relative;
}

.form-2019 .checkbox span:before,
.form-2019 .radio span:before {
  border: 1px solid #014588;
  content: ""; width: 13px; height: 13px;
  display: inline-block;
  position: absolute;
  left: 0; top: 50%;
  transform: translate(0, -50%);
}

.form-2019 .checkbox span:before { border-radius: 3px; }
.form-2019 .radio span:before { border-radius: 50%; }

.form-2019 .checkbox input:checked + span:before,
.form-2019 .radio input:checked + span:before {
	display: block;
	background-size: 12px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.form-2019 .checkbox input:checked + span:before {
  background-image: url("");
}
.form-2019 .radio input:checked + span:before{
  background-image: url("");
	background-size: 70%;
}


/* readonly */

.form-2019 .form-input[readonly] {
  background-color: rgba(229, 236, 243, 0.62);
}

/* required */

.is-required label:after {
	content: " *";
	color: #e2031a;
}

/* alerts */

.is-error .form-input { border-color: #e2031a; }

.form-2019 .parsley-error { border-color: #e2031a; }
.parsley-errors-list { padding: 0; margin: 0; text-align: right; }	

.is-error .form-alert,
.parsley-errors-list li {
	text-align: right;
	font-weight: bold;
	width: 100%;
	color: #e2031a;
	line-height: 1.8;
	padding: 0;
	background: none;
}



/* inline */

.form-group.form-group-inline {
  display: flex;
  flex-flow: row;
}
.form-group-inline .form-control { flex-grow: 1; margin-right: 10px; }
.form-group-inline .form-control:last-of-type { margin-right: 0; }

/* vertical */
.form-vertical .form-group { display: flex; flex-flow: wrap; }
.form-vertical .form-label { width: 30%; padding-top: 9px; }
.form-vertical.form-huge .form-label { padding-top: 15px; }
.form-vertical .form-control { width: 70%; }
.form-vertical .form-group-offset { margin-left: 30%; }
	.form-vertical .form-group-offset .form-control { width: 100%; }
.form-vertical .form-validation { flex-grow: 1 }

@media only screen and (max-width: 670px) {
	.form-vertical .form-group { display: 	block; }
	.form-vertical .form-group-offset { margin-left: 0; }
	.form-vertical .form-label { width: 100%; padding-top: 0; }
	.form-vertical.form-huge .form-label { padding-top: 0; }
	.form-vertical .form-control { width: 100%; }
}


/* huge */
.form-huge .form-input { height: 45px; }

/* inverse */
.form-inverse .form-label,
.form-inverse span,
.form-inverse a { color: #fff; }
.form-inverse .form-input {
	background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.form-inverse .form-input::placeholder { color: #fff; }
.form-inverse .form-input:-ms-input-placeholder { color: #fff; }
.form-inverse .form-input::-moz-placeholder { color: #fff; }

@media only screen and (max-width: 670px) {
	.form-2019 .form-input {
		height: 45px;
		font-size: 16px;
	}
}



/*********************
  BUTTONS
*********************/

.btn-normal {
	display: inline-block;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  height: 35px;
  line-height: calc(35px - 2px);
  color: #fff;
  cursor: pointer;
  padding: 0 10px;
	transition: all .3s ease-in-out;
}

.btn-normal ~ .btn-normal { margin-left: 10px; }


/* anchor reset */
/* TODO: odstranit po odhozeni starych css */
#page-container a.btn-normal { text-decoration: none; }
a.btn-normal:hover { color: #fff; }

/* with icons */
.btn-icon-right .icon {
  width: 20px; display: inline-block;
  margin-left: 5px; padding-left: 5px;
	border-left: 1px solid rgba(0,0,0,.1);
}

.btn-icon-left .icon {
  width: 20px; display: inline-block;
  margin-right: 5px; padding-right: 5px;
	border-right: 1px solid rgba(0,0,0,.1);
}


/* sizes */
.btn-tiny { height: 30px; line-height: calc(30px - 2px); }
.btn-huge { 
	height: 45px;   
	line-height: calc(45px - 2px);
	font-size: 130%;
  font-weight: bold;
}

.btn-huge .ico-caret:after { top: 15px; left: 7px; }

/* colors */
.btn-primary-200 { background-color: #03b9fb; }
	.btn-primary-200:hover { background-color: #03A9E5; }
.btn-primary-300 { background-color: #028ac4; }
	.btn-primary-300:hover { background-color: #027EB3; }
.btn-secondary-500 { background-color: #e2031a; }
	.btn-secondary-500:hover { background-color: #CE0318; }



/*******************************************
  MODULES
********************************************/

/*********************
  header warning
*********************/

.pl-header-warning {
  height: 40px; line-height: 40px;
  text-align: center;
  padding: 0 10px;
}
.pl-header-warning p { margin-bottom: 0; }

@media only screen and (max-width: 1025px) {
  .pl-header-warning { white-space: nowrap; overflow: auto; }
}

@media only screen and (max-width: 670px) {
  .pl-header-warning { 
    height: inherit; line-height: initial;
    white-space: normal; padding: 3px 10px;
  }
}

/*********************
  header fixed area
*********************/

.pl-header-fixed-area { 
  width: 100%; 
  transition: top .4s ease-in-out;
}

.scroll-100 .pl-header-fixed-area {
  position: fixed;
  top: -60px; left: 0;
  width: 100%;
  z-index: 1000;
}

.scroll-250 .pl-header-fixed-area {
  top: 0;  
}

@media only screen and (max-width: 670px) {
	.scroll-100 .pl-header-fixed-area { position: static; }
}

/*********************
  header top
*********************/

.pl-header-top {
  font-size: 13px;
  color: #fff;
  height: 40px; line-height: 40px;
  box-sizing: border-box;
} 

.pl-header-top .icon { 
  margin: -3px 3px 0 0; max-height: 14px; 
}

.scroll-100 .pl-header-top {
  height: 60px; line-height: 60px;
}

@media only screen and (max-width: 670px) {
  .pl-header-top { display: none; }
}

/*********************
  header
*********************/

.pl-header {
  height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.scroll-100 .pl-header { margin-top: 40px; }

/* logo */
.pl-header-logo {
  width: 100%;
  max-width: 115px;
}

/* search */
.pl-header-search {
  position: absolute;
  left: calc(50% - 175px);
  z-index: 200;
}

.pl-header-search form {
  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 350px;
  border: 5px solid #fff;
  background-color: #fff;
  border-radius: 5px;
}

.pl-header-search .icon { 
  width: 25px;
  height: 25px;
  fill: #014588;
  margin-left: 5px;
}

.pl-header-search input {
  height: 30px;
  width: 100%;
  padding: 0 5px;
  outline: none;
  font-size: 16px;
  box-sizing: border-box;
  border: 0;
}

.pl-header-search button {
  background-color: #014588;
  width: 30px;
  min-width: 30px;
  height: 30px;
	line-height: 30px;
  border-radius: 5px;
  padding: 0;
  box-sizing: initial;
  border: 0;
  cursor: pointer;
}

button.pl-header-search-clear {
	display: none;
	position: absolute;
	background-color: transparent;
	color: #999;
	font-size: 200%;
	margin-right: 5px;
}
.pl-header-search-clear::-ms-clear {  /* Remove IE default X */
  display: none;
}

.pl-header-search-close { 
  display: none; 
  position: absolute;
  top: 20px; right: 20px;
}

.scroll-100 .pl-header-search {
  position: fixed;
  left: calc(50% - 175px);
  z-index: 200;
  top: -50px; 
  transition: top .4s ease-in-out;
}

.scroll-250 .pl-header-search {
  top: 10px;
}

/* search trigger */
.pl-header-search-trigger { display: none; }

.pl-header-search-trigger .icon { 
  width: 25px; height: 25px; 
}

/* user */

.pl-header-user > * {
  display: inline-block;
  vertical-align: middle;
}

.pl-header-user .icon {
  height: 30px;
  width: 25px;
}

.pl-header-user-content {
	margin-left: 10px;
}

/* cart */

.pl-header-cart .icon {
  width: 30px;
  height: 30px;
}

/* menu trigger */
.pl-header-menu-trigger { display: none; }


@media only screen and (max-width: 1055px) {
  .pl-header { margin: 0 30px; }
  .pl-header-top > div { padding: 0 30px; box-sizing: border-box; }
}

@media only screen and (min-width: 1025px) {
  .pl-header-search-clear { right: -9999px; }
}

@media only screen and (max-width: 1025px) {
  .pl-header-user-content { display: none; }
  .pl-header-menu-trigger { display: block; }
  .pl-header-search-clear { right: 35px; }
}

@media only screen and (max-width: 670px) {
	.scroll-100 .pl-header { margin-top: 0; }
  .pl-header { height: 65px; }
  .pl-header-logo { max-width: 65px; }
  .pl-header-search { 
    position: absolute;
    left: -100%; top: 0;
    padding: 11px;
    width: 100%; height: 65px;
    box-sizing: border-box;
    z-index: 100;
    background-color: #014588;
    transition: all .5s ease-in-out;
  }
  .pl-header-search.is-open { left: 0; }
  .pl-header-search form {
    width: calc(100% - 60px);
  }
  .scroll-100 .pl-header-search { display: none; }

  .pl-header-search-close,
  .pl-header-search-trigger { display: block; }
  .pl-header-search-clear { right: 100px; }
}


/*********************
  footer
*********************/

.pl-footer { padding: 40px 0 40px 0; }

.pl-footer h2 { 
	color: #028ac4; 
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
}

.pl-footer ul { margin: 0; }
.pl-footer li {
  padding: 0;
  font-size: 13px;
  list-style: none;
  background: none;
}

.pl-footer .icon { max-height: 13px; }

.pl-footer-bottom {
  font-size: 13px;
  color: #028ac4;
  height: 40px;
  line-height: 40px;
}

.pl-footer-social {
	position: absolute;
  right: 0;
  top: 8px;
}

.pl-footer-toggler-checkbox { display: none; }

.pl-footer-contact-us h2,
.pl-footer-contact-us ul { margin-left: -50px; }

@media only screen and (max-width: 1055px) {
	.pl-footer { padding: 20px; }
}

@media only screen and (max-width: 1025px) {
	.pl-footer { padding: 20px 0 20px 0; }
	.pl-footer-col { padding: 10px 40px; }

	.pl-footer-contact-us h2,
	.pl-footer-contact-us ul { margin-left: 0; }
	
	.pl-footer-bottom { height: inherit; line-height: inherit; padding: 10px 0; }
	.pl-footer-social { position: static; }
}

@media only screen and (max-width: 670px) {
	.pl-footer { padding: 0; }
	.pl-footer h2 { margin-bottom: 0; }
	.pl-footer-col { position: relative; padding: 10px 30px; border-bottom: 1px solid #028ac4; }
	
	.pl-footer-toggler-label { display: block; }
	.pl-footer-toggler-label:hover { background-color: #014588; }
	.pl-footer-toggler-label:after {
		position: absolute; right: 30px; top: 14px;
		content: ""; width: 10px; height: 10px;
		border: 2px solid #028ac4; border-width: 0 2px 2px 0;
		transform: rotate(45deg); transition: all .2s ease-in-out;
	}
	.pl-footer-toggler-content { max-height: 0; opacity: 0; transform: scale(0,0); padding-top: 0; transition: all .4s ease-in-out; }
		.pl-footer-toggler-content form { display: none; }
	.pl-footer-toggler-checkbox:checked ~ .pl-footer-toggler-content { max-height: 500px; opacity: 1; transform: scale(1,1); padding-top: 10px; }
		.pl-footer-toggler-checkbox:checked ~ .pl-footer-toggler-content form { display: block; }
	.pl-footer-toggler-checkbox:checked ~ .pl-footer-toggler-label:after { transform: rotate(-135deg); }

	.pl-footer h2,
	.pl-footer ul { text-align: center; }
	
	.pl-footer li {
		font-size: 18px; line-height: 30px;
	}
}






/*********************
  MAIN navigation
*********************/

.nav-main label,
.nav-main input { display: none; }
.nav-main a { color: #fff; }
.nav-main .icon { height: 20px; }

	.nav-cat-all-cat-link { display: none; }

/* TODO: reset - smazat po odstraneni stareho css */
.nav-main li { background-image: none; padding: inherit; line-height: inherit; }
.nav-main ul, .nav-main { margin: 0; }
.nav-main li > a:hover { text-decoration: none; }



@media only screen and (min-width: 1026px) {

	.nav-main-cover {
		position: absolute;
	  top: 0; right: 0; left: 0; bottom: 0;
	  background-color: rgba(0,0,0,.8);
	  z-index: 10; opacity: 0; width: 0;
	  transition: opacity .2s ease-in-out;
	}
	.is-catalog-open .nav-main-cover { opacity: 1; width: 100%; }

	.nav-main-container { z-index: 1000; }
	.scroll-250 .nav-main-container { z-index: 100; }
	
	.nav-main-home-link { min-width: 50px; max-width: 50px; width: 50px; }
	.nav-main-home-link span { display: none; }
	.nav-main-mobile-only-link { display: none; }

	.nav-main > li.nav-main-catalogue-link > a { position: relative; padding-right: 30px; background-color: #014588; }
	.nav-main-catalogue-link > a:before {
		position: absolute; bottom: -6px; left: 0;
		width: 100%; height: 6px; content: "";
		border-radius: 0 0 5px 5px;
		background-color: #014588
	}
	.nav-main-catalogue-link > a:after {
		position: absolute; right: 14px; top: 14px;
		content: ""; width: 5px; height: 5px;
		border: 2px solid #fff; border-width: 0 2px 2px 0;
		transform: rotate(45deg); transition: all .2s ease-in-out;
	}
	.nav-main-catalogue-link:hover > a:after {
		transform: rotate(-135deg); top: 18px;
	}
	/*
	.nav-main-catalogue-link:hover > a:before {
		position: fixed; top: 200px; left: 0;
		content: ""; width: 100%; height: 100vh;
		background-color: rgba(0,0,0,.5);
	}
	*/
	
	.nav-main > li > a { white-space: nowrap; }
	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.nav-main-catalogue-link { min-width: 130px; /* IE11 fix */ }
}

/*********************
  Category navigation
*********************/

/* TODO: experimentalni featura */	
.nav-cat-sub > li > .icon { display: none; }
@media only screen and (min-width: 1026px) {
	.nav-cat-sub > li > .icon { 
		display: inline-block;
		margin-left: 10px;
	  position: relative;
	  margin-top: -6px; 
	}
}


@media only screen and (min-width: 1026px) {

	.nav-cat-container {
		position: absolute; 
		left: 0; right: 0;
		z-index: 10;
		/* background-color: #014588; PLAN-1147 */
		background-color: #028ac4; 
		opacity: 0; transition: opacity .3s ease-in-out;
		top: -10000px;
		width: 1025px; margin: auto;
	}
	
	.nav-cat {
		display: flex;
		justify-content: center;
	}
	
	.nav-cat > li > a { position: relative; }
	.nav-cat > li:hover > a:after {
		content: ""; background-color: #028ac4;
		position: absolute; bottom: -7px; left: calc(50% - 7px);
		width: 15px; height: 15px;
		transform: rotate(45deg);
		z-index: 50;
	}
	
	.nav-main > li:hover .nav-cat-container { opacity: 1; top: 40px; }

	/* subcategory */
	.nav-cat-sub { 
		display: none;
		position: absolute;
		background-color: #028ac4;
		padding: 0 20px;
	  top: 80px;
	  right: 0;
	  left: 0;
	  flex-wrap: wrap;
	}
	
	.nav-cat-sub > li {
		padding: 30px 10px;
		width: 25%;
		box-sizing: border-box;
		min-height: 130px;
		position: relative;
	}
	.nav-cat-sub > li:nth-child(4n):after { 
		content: "";
		width: 400%; height: 1px; background-color: #03b9fb;
		position: absolute; right: 0; bottom: 0;
	}
	.nav-cat-sub > li > a { font-size: 120%; font-weight: bold; }
	.nav-cat-sub > li a:hover { text-decoration: underline; }
	
	.nav-cat > li:hover .nav-cat-sub { 
		display: flex; 
  	align-content: flex-start;
	}
	
	/* .nav-cat > li.is-hover .nav-cat-sub { display: flex } */
	.nav-vertical-first-is-active .nav-vertical > li:first-child .nav-cat-sub { display: flex; }

	/* sub subcategory */
	.nav-cat-sub-sub { display: block; line-height: 1.7; }
	
	.nav-cat-more-link,
	.nav-cat-more-link a {
		color: rgba(255,255,255,.5);
	}

	.nav-cat-more { display: none; }


}








/*********************
  Vertical navigation
*********************/

@media only screen and (min-width: 1026px) {

	.nav-vertical {
		display: flex; 
		flex-direction: column;
	  justify-content: flex-start;
		border-left: 1px solid rgba(255,255,255,.2);
	  background-color: #014588;
	}

	.nav-vertical * {
	}

	.nav-vertical.nav-cat > li:hover > a {
	  background-color: #028ac4;
	}

	.nav-horizontal .nav-vertical.nav-cat > li { 
		border-bottom: 1px solid rgba(255,255,255,.2);
		width: 199px; 
		height: 40px;
	}
	
	.nav-vertical.nav-cat > li:hover > a:after { content: none; }
	.nav-vertical.nav-cat > li > a {
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		padding: 11px;
		background-color: #014588; 
	}
	
	.nav-vertical .nav-cat-sub { top: 0; left: 200px; }


}


/*********************
  Horizontal navigation
*********************/

@media only screen and (min-width: 1026px) {

	.nav-horizontal {
		display: flex; 
		justify-content: space-between;
		align-items: center;
		border-left: 1px solid rgba(255,255,255,.2);
	}
	
	.nav-horizontal > li {
		border-right: 1px solid rgba(255,255,255,.2);
		height: 40px;
	  width: 100%;
	}

	.nav-horizontal .nav-cat > li { height: 80px; }
	
	.nav-horizontal > li > a { 
	  color: white;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  text-align: center;
	  height: inherit;
	  box-sizing: border-box;
	  padding: 0 10px;
		font-weight: bold;
		background-color: rgba(0,0,0,0);
		transition: all .3s ease-in-out;
	}
	
	.nav-horizontal > li:hover > a {
		background-color: rgba(0,0,0,.2);
	}

}


/*********************
  navigation mobile
*********************/

@media only screen and (max-width: 1025px) {
	.nav-main { 
		background-color: #014588; 
		position: absolute; top: -3000px; 
		margin: 0; left: 0; right: 0;
		z-index: 100;
		transition: all .6s ease-in-out;
	}
		.nav-mob-is-open .nav-main { top: 0; }

	.nav-main li {
		border-top: 1px solid rgba(255,255,255,.2);
		min-height: 50px; line-height: 50px;
		position: relative;
	}
	
	.nav-main li > a { display: block; margin: 0 50px 0 20px; }
	.nav-cat-all-cat-link { display: list-item; order: -1; }
	
	.nav-main label {
		display: inline-block;
		position: absolute; 
		top: 0; right: 0; 
		/* width: 50px; */
		width: 100%;
		height: 50px; 
		color: rgba(255,255,255,.2);
		text-align: center;
		/* background-color: rgba(0,0,0,.2); */
	}
	.nav-main label:after {
		content: ""; width: 10px; height: 10px;
		position: absolute; border-color: #028ac4; 
		top: 18px; right: 15px; left: inherit; transform: rotate(135deg);
	}

	.nav-cat-container,
	.nav-cat-sub,
	.nav-cat-sub-sub { display: none; }
	
	.nav-main input:checked ~ .nav-cat-container,
	.nav-main input:checked ~ .nav-cat-sub,
	.nav-main input:checked ~ .nav-cat-sub-sub { 
		/* display: block; */
		display: flex;
		flex-flow: column;
	}
	.nav-main input:checked + label:after { /*transform: rotate(135deg);*/ transform: rotate(-45deg); }


	.nav-main-user-link { display: flex; }
		.nav-main-user-link	.icon { height: 50px; margin-left: 20px; }
		.nav-main-user-link	div > div { display: inline-block; padding-left: 20px; color: #fff; }
	.nav-main-home-link	.icon { display: none; }
	.nav-main-home-link span { display: inline; }
	.nav-main-catalogue-link { background-color: #e2031a; }
		.nav-main-catalogue-link > label:after { border-color: #fff; }
	.nav-cat-container { background-color: #014588; }
	
	.nav-cat-more-link { display: none; }
	
	.nav-cat > li { background: rgba(0,0,0,.3); }
	.nav-cat > li > a { margin-left: 40px; }

	.nav-cat-sub > li { background: rgba(0,0,0,.3); }
	.nav-cat-sub > li > a { margin-left: 60px; }

	.nav-cat-sub-sub > li { background: rgba(0,0,0,.3); }
	.nav-cat-sub-sub > li > a { margin-left: 80px; }
	
}

@media only screen and (min-width: 771px) {
	.nav-main { left: auto; right: 0; min-width: 400px; }
}


/*********************
  breadcrumbs
*********************/

.breadcrumbs {
	padding: 15px 0;
}

.breadcrumbs a {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	color: #028ac4;
}

.breadcrumbs a:after {
  content: "";
  position: absolute;
  width: 5px; height: 5px; 
  top: 5px; right: 5px;
  transform: rotate(45deg);
  border: 1px solid #028ac4;
  border-width: 1px 1px 0 0;
}
.breadcrumbs a:last-child:after { content: none; }
.breadcrumbs-home svg { display: none }

@media only screen and (max-width: 1025px) {
	.breadcrumbs { padding: 15px; }
}

@media only screen and (max-width: 670px) {
	.breadcrumbs-home svg { height: 15px; display: inline-block; fill: #028ac4; margin-top: -4px; }
	.breadcrumbs-home span { display: none }
	.breadcrumbs a:not(.breadcrumbs-home):not(:nth-last-child(2)):not(:nth-last-child(1)) {	display: none; }
}

/*********************
  ico caret
*********************/

.ico-caret { position: relative;  }
.ico-caret:after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 20px; height: 20px; 
  transform: rotate(45deg);
  border: 1px solid #000;
  border-width: 2px 2px 0 0;
  transition: all .3s ease-in-out;
}

.ico-caret-10:after { 
  border-color: #fff;
  top: 9px; left: 5px;
  width: 10px; height: 10px; 
}

.ico-caret-back:after { transform: rotate(-135deg); }

.ico-caret-zoom:hover:after { transform: scale(1.2) rotate(45deg); }
.ico-caret-zoom:active:after { transform: scale(1.2) rotate(405deg); }
.ico-caret-rotate:hover:after { transform: rotate(405deg); }


/*********************
  icon close
*********************/

.ico-close { width: 20px; height: 20px; }

.ico-close:before, .ico-close:after {
  position: absolute;
  content: ' ';
  height: 20px; width: 3px;
  right: 10px;
  background-color: #fff;
}
.ico-close:before {
  transform: rotate(45deg);
}
.ico-close:after {
  transform: rotate(-45deg);
}

/*********************
  badge
*********************/

.badge {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #e2031a;
  color: white;
  border-radius: 50%;
  display: block;
  position: absolute;
  text-align: center;
  top: -5px;
  right: -5px;
  font-size: 12px;
  font-family: monospace;
}

.badge-18 { width: 18px; height: 18px; line-height: 18px; }
.badge-25 { width: 25px; height: 25px; line-height: 25px; }


/*********************
  hamburger
*********************/

.hamburger {
  width: 30px;
  height: 30px;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 2px;
  transform-origin: left center;
  background-color: #fff;
}

.hamburger span:nth-child(2) {
  top: 13px; 
  transform-origin: left center;
}

.hamburger span:nth-child(3) {
  top: 24px;
  transform-origin: left center;
  background-color: #fff;
}

.hamburger.is-open span:nth-child(1) {
  transform: rotate(45deg);
  top: 3px;
  left: 4px;
  background-color: #fff;
}

.hamburger.is-open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.hamburger.is-open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 25px;
  left: 4px;
  background-color: #fff;
}




/*********************
  Modal
*********************/

.modal-container {
  visibility: visible;
  position: fixed;
  /* 
  -- use flex OR left: 50%; transform: translateX(-50%);
  display: flex;
  justify-content: center; 
  */
  padding-top: 60px;
  content: "";
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
}

.modal-cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
  cursor: inherit;
  margin: 0!important;
}

.modal-container.is-hidden {
  visibility: hidden;
}

.modal-container.is-hidden .modal {
  opacity: 0;
}

.modal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  z-index: 1000;
  min-width: 90%;
  max-width: 825px;
  background-color: #fff;
  /* border-radius: 7px 7px 5px 5px; */
  opacity: 1;
  transition: all .6s;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.modal:after {
  content: " . "; /* fix for FF */
  color: transparent;
  position: absolute;
  height: 120px;
}

.modal-header {
  position: relative;
  background-color: #014588;
  padding: 1rem 2rem;
  color: #fff;
  /* border-radius: 5px 5px 0 0; */
}

.modal-header h3 {
  margin: 0;
  color: #fff;
  text-align: center;
}

.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.modal-content {
  padding: 2rem;
}


.modal-500 { max-width:500px; left:calc(50% - 250px); }

@media only screen and (max-width: 500px) {
	.modal-500 { left: 0; }
}



/*********************
  list-gifts
*********************/
.list-gifts-border-top { border-top: 1px solid #03b9fb; }
.list-gifts-border-bottom { border-bottom: 1px solid #03b9fb; }

.list-gifts-icon .icon {
	height: 30px;
	fill: #028ac4;
}

.list-gifts-icon {
	font-size: 180%;
	color: #028ac4;
}

.list-gifts-price,
.list-gifts-quantity {
	font-size: 20px;
	text-align: center;
}

.list-gifts-price {
	color: #e2031a;
	font-weight: bold;
  width: 130px;
}


.list-gifts-trigger:after {
	cursor: pointer;
	transform: rotate(135deg);
	width: 10px; height: 10px;
	right: 10px; left: auto;
	border-color: #01376d;
}
.list-gifts-trigger.is-open:after {
	transform: rotate(-45deg);
	top: 5px;
}

.list-gifts-item { 
	display: none;
  flex-wrap: wrap;
	justify-content: space-between;
  align-items: center;
}

.list-gifts-item.is-visible { display: flex; }
.list-gifts-item img { max-height: 50px; max-width: 50px; }
.list-gifts-item > div { padding: 10px; }
.list-gifts-item > div:last-child { padding: 0; }

@media only screen and (max-width: 670px) {
	.list-gifts,
	.list-gifts-item { border-bottom: 1px solid #eee; }
	
	.list-gifts-price, 
	.list-gifts-quantity { text-align: right; margin-right: 0; width: auto; }
}

@media only screen and (max-width: 450px) {
	.list-gifts-quantity { float: left; text-align: left; min-width: 50%; }
	.list-gifts-price { float: right; }
}


/*********************
  banner-warning-top
*********************/

.banner-warning-top	a { text-decoration: underline; }

.banner-warning-top { 
	display: block; 
	/* height: 80px; */
	height: inherit;
}
.banner-warning-top p { margin-bottom: 0; }
.banner-warning-top--lines-1 .box-info > * { line-height: 40px; }

@media only screen and (min-width: 1026px) {

	.banner-warning-top { display: block; height: 60px; }
	.has-banner-warning-top.scroll-250 .pl-header-fixed-area { top: 60px; }
	.has-banner-warning-top.scroll-250 .pl-header-search { top: 70px; }

	.has-banner-warning-top.scroll-250 .banner-warning-top {
		position: fixed;
		z-index: 10000;
		width: 100%;
	}
	
}

/*********************
  video-responsive
*********************/

.video-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*********************
  section-description
*********************/

.section-description {
  position: relative;
  overflow: hidden;
}

/*
.section-description:after {
  content: "";
  display: block;
  background: linear-gradient(to bottom, rgba(255,255,255,0.01) -100%,rgba(255,255,255,1) 100%);
  height: 20px;
  width: 100%;
  position: absolute;
  bottom: 0; left: 0;
}
*/

.section-description-trigger {
	color: #028ac4;
	border-color: #028ac4;;
}
.section-description-less { display: none }
.is-active .section-description-more { display: none }
.is-active .section-description-less { display: inline }


/*******************************************
  Shame CSS (-_-)
********************************************/
/* TODO: odstranit po odhozeni starych css */

#main-nav { z-index: 20; }



/*******************************************
  MICRO TACHYONS

  based on Emmet notation
  https://docs.emmet.io/cheat-sheet/
********************************************/

/* display */
.dn { display: none }
.db { display: block }
.di { display: inline }
.dib { display: inline-block }
.dt { display: table }
.dtr { display: table-row }
.dtc { display: table-cell }

@media (max-width: 670px){
	.dn-xs { display: none; }
	.db-sm { display: block; }
	.di-sm { display: inline; }
	.dib-sm { display: inline-block; }
}

@media (min-width: 671px) and (max-width: 1024px){
	.dn-md { display: none; }
	.db-md { display: block; }
	.di-md { display: inline; }
	.dib-md { display: inline-block; }
}

@media (min-width: 1025px){
	.dn-lg { display: none; }
	.db-lg { display: block; }
	.di-lg { display: inline; }
	.dib-lg { display: inline-block; }
}

/* visibility / position */
.vv { visibility: visible }
.vh { visibility: hidden }

.poss { position: static }
.posa { position: absolute; }
.posf { position: fixed }
.posr { position: relative }

.t0 { top: 0 }
.t2r { top: 2rem }
.t3r { top: 3rem }
.t4r { top: 4rem }
.t5r { top: 5rem }
.t6r { top: 6rem }

.r0 { right: 0 }
.r1r { right: 1rem }
.r2r { right: 2rem }
.r3r { right: 3rem }
.r4r { right: 4rem }
.r5r { right: 5rem }

.b0 { bottom: 0 }
.b1r { bottom: 1rem }
.b2r { bottom: 2rem }
.b3r { bottom: 3rem }
.b4r { bottom: 4rem }
.b5r { bottom: 5rem }

.l0 { left: 0 }
.l1r { left: 1rem }
.l2r { left: 2rem }
.l3r { left: 3rem }
.l4r { left: 4rem }
.l5r { left: 5rem }

.z-1 { z-index: -1 }
.z1 { z-index: 1 }
.z10 { z-index: 10 }
.z100 { z-index: 100 }
.z1000 { z-index: 1000 }
.z10000 { z-index: 10000 }

/* float */
.fll { float: left }
.flr { float: right }

.cll { clear: left }
.clr { clear: right }
.clb { clear: both }

/* flexbox */
.dfl { display: flex }
.dfli { display: flex!important }
.jcsb { justify-content: space-between }
.aic { align-items: center }
.fxg1 { flex-grow: 1 }

/* typography */
.tal { text-align: left }
.tar { text-align: right }
.tac { text-align: center }
.taj { text-align: justify }

.lh1 { line-height: 1 }
.lh15 { line-height: 1.5 }
.lh2 { line-height: 2 }

.fz70p { font-size: 70% }
.fz80p { font-size: 80% }
.fz90p { font-size: 90% }
.fz100p { font-size: 100% }
.fz110p { font-size: 110% }
.fz120p { font-size: 120% }
.fz130p { font-size: 130% }
.fz140p { font-size: 140% }
.fz150p { font-size: 150% }

.fz13 { font-size: 13px }
.fz16 { font-size: 16px }
.fz24 { font-size: 24px }
.fz30 { font-size: 30px }
.fz36 { font-size: 36px }
.fz48 { font-size: 48px }
.fz50 { font-size: 50px }
.fz60 { font-size: 60px }

.fwb { font-weight: bold }
.fw100 { font-weight: 100 }
.fw200 { font-weight: 200 }
.fw300 { font-weight: 300 }
.fw400 { font-weight: 400 }
.fw500 { font-weight: 500 }
.fw600 { font-weight: 600 }
.fw700 { font-weight: 700 }
.fw800 { font-weight: 800 }
.fw900 { font-weight: 900 }

.fsi { font-style: italic }

.tdn { text-decoration: none }
.tdu { text-decoration: underline }

.ttc { text-transform: capitalize }
.ttu { text-transform: uppercase }
.ttl { text-transform: lowercase }

.ovh { overflow: hidden }
.ova { overflow: auto; }

.whsn { white-space: nowrap }
.whsp { white-space: pre }

.curp { cursor: pointer }

/* spacing */
.ma { margin: auto }

.m0 { margin: 0 }
.m1r { margin: 1rem }
.m2r { margin: 2rem }
.m3r { margin: 3rem }
.m4r { margin: 4rem }
.m5r { margin: 5rem }

.mt0 { margin-top: 0 }
.mt05r { margin-top: .5rem }
.mt1r { margin-top: 1rem }
.mt2r { margin-top: 2rem }
.mt3r { margin-top: 3rem }
.mt4r { margin-top: 4rem }
.mt5r { margin-top: 5rem }

.mb0 { margin-bottom: 0 }
.mb1r { margin-bottom: 1rem }
.mb2r { margin-bottom: 2rem }
.mb3r { margin-bottom: 3rem }
.mb4r { margin-bottom: 4rem }
.mb5r { margin-bottom: 5rem }
.mb10 { margin-bottom: 10px }

.ml0 { margin-left: 0 }
.ml1r { margin-left: 1rem }
.ml2r { margin-left: 2rem }
.ml3r { margin-left: 3rem }
.ml4r { margin-left: 4rem }
.ml5r { margin-left: 5rem }

.mr0 { margin-right: 0 }
.mr1r { margin-right: 1rem }
.mr2r { margin-right: 2rem }
.mr3r { margin-right: 3rem }
.mr4r { margin-right: 4rem }
.mr5r { margin-right: 5rem }
.mr40 { margin-right: 40px; }

.p0 { padding: 0 }
.p1r { padding: 1rem }
.p2r { padding: 2rem }
.p3r { padding: 3rem }
.p4r { padding: 4rem }
.p5r { padding: 5rem }

.pt0 { padding-top: 0 }
.pt1r { padding-top: 1rem }
.pt2r { padding-top: 2rem }
.pt3r { padding-top: 3rem }
.pt4r { padding-top: 4rem }
.pt5r { padding-top: 5rem }

.pb0 { padding-bottom: 0 }
.pb1r { padding-bottom: 1rem }
.pb2r { padding-bottom: 2rem }
.pb3r { padding-bottom: 3rem }
.pb4r { padding-bottom: 4rem }
.pb5r { padding-bottom: 5rem }

.pr0 { padding-right: 0 }
.pl0 { padding-left: 0 }

/* width / height */
.w1p { width: 1% }
.w5p { width: 5% }
.w10p { width: 10% }
.w20p { width: 20% }
.w30p { width: 30% }
.w33p { width: calc(100% / 3) }
.w40p { width: 40% }
.w50p { width: 50% }
.w60p { width: 60% }
.w66p { width: calc(100% / 1.5) }
.w70p { width: 70% }
.w80p { width: 80% }
.w90p { width: 90% }
.w100p { width: 100% }

.miw0 { min-width: 0 }
.miw10r { min-width: 10rem }
.miw15r { min-width: 15rem }
.miw20r { min-width: 25rem }
.miw25r { min-width: 20rem }
.miw30r { min-width: 30rem }
.miw40r { min-width: 40rem }
.miw50r { min-width: 50rem }

.maw0 { max-width: 0; }
.maw10r { max-width: 10rem }
.maw15r { max-width: 15rem }
.maw20r { max-width: 20rem }
.maw25r { max-width: 25rem }
.maw30r { max-width: 30rem }
.maw40r { max-width: 40rem }
.maw50r { max-width: 50rem }

.maw100p { max-width: 100% }

.mih0 { min-height: 0; }
.mih10r { min-height: 10rem }
.mih15r { min-height: 15rem }
.mih20r { min-height: 20rem }
.mih25r { min-height: 25rem }
.mih30r { min-height: 30rem }
.mih40r { min-height: 40rem }
.mih50r { min-height: 50rem }
.mih75 { min-height: 75px; }

/* transition */
.trsdu3s { transition-duration: 3s; }
.trsdu5s { transition-duration: 5s; }