/* LAYOUT */

body {
	-webkit-tap-highlight-color: rgba(0,0,0,.2);
	padding-top: 60px;
}

* {
	font-family: 'Roboto', sans-serif;
}

::selection {
	background: #feef4c;
	color: #000;
}

.width-gt-980::-webkit-scrollbar {
  width: 10px;
}

.width-gt-980::-webkit-scrollbar-track-piece {
  background: rgba(0, 0, 0, 0);
}

.width-gt-980::-webkit-scrollbar-thumb {
  background: #000;
}

#document-header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}

.width-gt-980 #document-header {
}

#document-header .wrapper {
	height: 100px;
	transition: all .4s;
}

.scrolled #document-header .wrapper {
	height: 60px;
}

.width-lt-980 #document-header .wrapper {
	height: 60px;
}

#document-header-top {
	display: none;
	background: #231f20;
}

.width-lt-980 #document-header-top {
	background: #231f20;
}

.width-gt-1280 .wrapper,
.width-gt-1280 .body-content {
	max-width: 1280px;
	width: 100%;
}

.width-gt-980.width-lt-1280 .wrapper,
.width-gt-980.width-lt-1280 .body-content {
	max-width: 100%;
	width: 100%;
}

.width-gt-980.width-lt-1280 .body-content {
	padding-left: 20px;
	padding-right: 20px;
}

.width-gt-980 .slogan{
  font-style: italic;
  font-size: 15px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 250px;
  line-height: 40px;
}

.width-lt-980 .slogan{
	font-style: italic;
  font-size: 15px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 250px;
  line-height: 50px;
}

.width-lt-640 .slogan{
	display: none;
}

/* SEARCH */
.width-gt-980 #searchbox {
	position: absolute;
	right: 40px;
	top: 0;
}



#searchbox:before {
	content: '\f002';
	font-family: 'icon-font';
	font-size: 17px;
	position: absolute;
	top: 12px;
	right: 10px;
	color: rgba(255, 255, 255, .9);
	pointer-events: none;
}

.width-gt-980 #searchbox .submit:hover,
.searchbox-toggle.push {
	background: rgba(255, 255, 255, .2);
}

.width-gt-980 .search-open-button {
	display: none;
}

.width-lt-980 #searchbox {
	position: absolute;
	right: 61px;
	top: 9px;
	z-index: 1000;
  width: 30px;
	height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}

#logo {
	width: 120px;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	transition: all .4s;
}

.width-gt-1280 #logo {
	top: 8px;
	left: 0px;
}

.width-lt-1280 #logo {
	left: 20px;
}

.scrolled #logo {
	-webkit-transform: scale(.65);
	-ms-transform: scale(.65);
	transform: scale(.65);
}

.width-lt-980 #logo {
	position: absolute;
  left: 20px;
  top: 7px;
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
}

.width-lt-640 #logo {
	left: 15px;
	top: 5px;
	-webkit-transform: scale(.6);
	-ms-transform: scale(.6);
	transform: scale(.6);
}


/* GOOGLE TRANSLATE REDESIGN */
.width-gt-980 #googleTranslate {
  position: absolute;
	left: 5px;
	top: 5px;
	display: inline;
}

.goog-te-gadget-simple .goog-te-menu-value span {
  color: rgba(255, 255, 255, 0.5);
	transition: all .3s;
}
.goog-te-gadget-simple:hover .goog-te-menu-value span {
  color: rgba(255, 255, 255, 0.7);
}
.goog-te-gadget-simple .goog-te-menu-value span:first-child:before,.goog-te-gadget-simple .goog-te-menu-value span:first-child:after{
	background: rgba(255, 255, 255, 0.6);
}
#googleTranslate .goog-te-gadget-simple {
	border: 1px solid rgba(255, 255, 255, 0.3);
}
#googleTranslate .goog-te-gadget-simple:hover {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

/* WEATHER */

.weather-wrap {
	display: none;
}

/* FORM */
.form-wrap {
  background: #231f20;
  background-size: cover;
	color: rgba(255, 255, 255, .6);
	padding-bottom: 40px;
	margin-top: 30px;
}

.form-wrap .icon {
	color: #fff;
	margin-right: 20px;
}

.form-wrap .icon.icon-refresh {
	margin-right: 0px;
	font-size: 24px;
	color: #feef4c;
}

.widget-form .caption {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
	font-family: 'Roboto Slab', serif;
  color: #fff;
  padding: 0;
	padding-bottom: 20px;
	padding-top: 60px;
	line-height: 1.4;
}

.width-lt-640 .widget-form .caption {
	font-size: 26px;
}

.form-container {
  min-height: 450px;
}

.form-container .description {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	margin-top: 30px;
}

.form {
	margin-top: 0;
}

.form td.title {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
}

.width-gt-400 .form td.title {
	padding-top: 9px;
}

.width-lt-400 .form td.title {
	width: 100%;
	text-align: left;
	display: block;
}

.form .field {
	background: none;
	border: 0;
	border-bottom: 2px solid #fff;
	color: #fff;
	font-size: 16px;
	padding: 8px 10px;
	height: auto;
  margin-bottom: 10px;
	transition: all .3s;
}

.form .field:focus {
	background: rgba(255, 255, 255, .1);
}

.form textarea.field-textarea {
	padding: 8px 10px;
	border: 2px solid #fff;
}

.width-gt-640 .form textarea.field-textarea {
	height: 180px;
}

.form .field::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .6);
}

.form .field:-moz-placeholder {
	color: rgba(255, 255, 255, .6);
}

.form .field:-ms-input-placeholder {
	color: rgba(255, 255, 255, .6);
}

.width-gt-400 .colLast td.title {
	display: none;
}

.form .colLast {
	width: 100%;
}

.form .colLast .controlls {
	text-align: center;
}

.form .field-submit {
	max-width: 265px;
	border: 0;
	line-height: 42px;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
	margin-top: 20px;
	border-radius: 0;
	background: #feef4c;
	color: #231f20;
	transition: all .3s;
	box-shadow: none;
}

.width-lt-400 .form .field-submit {
	max-width: 100%;
}

.form .field-submit:hover,
.form .field-submit:focus {
	background: #fff;
}


.form .label-radio, .form .label-checkbox {
	margin-top: 2px;
}

.form .field-submit.dis {
	opacity: .5;
	pointer-events: none;
}

.form .field-radio {
	display: none;
}

.form .terms .formIcon {
  content: '';
	display: inline-block;
  background: none;
  border: 2px solid #feef4c;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
	left: -30px;
	top: 1px;
  transition: all .3s;
}

.width-lt-400 .form .terms .formIcon {
	position: relative;
	left: -5px;
}

.form .field-radio:checked + .formIcon {
	border: 2px solid #feef4c;
  background: #feef4c !important;
}

.width-lt-400 .form td.controlls {
	width: 100%;
	text-align: left;
	display: block;
}

.form .status-message {
	height: auto;
  text-align: center;
  position: relative;
}


.formBottom {
	color: #fff;
	font-size: 16px;
	margin-top: 0px;
	position: relative;
	text-align: center;
}

.width-lt-400 .formBottom {
	padding-bottom: 30px;
}

.terms-cont {
	width: 100%;
	line-height: 1.5;
	display: inline-block;
	margin-bottom: 30px;
}


.terms-cont a {
	color: #feef4c;
	transition: all .3s;
}

.terms-cont a:hover {
	color: #fff;
}

.form .label-checkbox.terms {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 0;
	padding-right: 35px;
	font-weight: 500;
}

.width-lt-400 .form .label-checkbox.terms {
	padding: 0;
}

.form .terms-checkbox {
	display: block;
  position: absolute;
  right: -50px;
  top: 26px;
	color: #fff;
	cursor: pointer;
}

.width-lt-400 .form .terms-checkbox {
	position: relative;
	margin-top: 0px;
	top: 12px;
	right: 0;
}

.form .terms-checkbox.shake {
	-webkit-animation: shake .5s;
	-ms-animation: shake .5s;
	animation: shake .5s;
}

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(3px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-5px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
  }
}

@-moz-keyframes shake {
  10%, 90% {
    transform: translate3d(-2px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(3px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-5px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    -ms-transform: translate3d(-2px, 0, 0);
	  transform: translate3d(-2px, 0, 0);
  }

  20%, 80% {
    -ms-transform: translate3d(3px, 0, 0);
	  transform: translate3d(3px, 0, 0);
  }

  30%, 50%, 70% {
    -ms-transform: translate3d(-5px, 0, 0);
	  transform: translate3d(-5px, 0, 0);
  }

  40%, 60% {
    -ms-transform: translate3d(4px, 0, 0);
	  transform: translate3d(4px, 0, 0);
  }
}

.form .status-message {
	height: auto;
  text-align: center;
  position: relative;
}

.form .status-message.success {
	color: #fff;
  display: block;
  position: absolute;
  top: 172px;
  line-height: 1.6;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 30px;
	font-weight: 400;
}

.form .status-message.success:before {
	content: "\f00c";
	font-family: 'icon-font';
	font-size: 24px;
	display: block;
	width: 50px;
	line-height: 50px;
	color: #b5c830;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -70px;
}

/* FOOOOOOTER */
#document-footer {
	background: #fff;
}

#document-footer #userFooter a {
	color: #363636;
	font-weight: 500;
	transition: all .3s;
}

#document-footer #userFooter a:hover{
  text-decoration: none;
	background: #feef4c;
}

#userFooter {
	color: #363636;
	font-size: 15px;
}

.width-lt-640 #userFooter {
	text-align: center;
}

#userFooter h2 {
	color: #363636;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

#userFooter h3 {
	color: #363636;
}

#document-footer-bottom {
	position: relative;
	background: #231f20;
	color: #fff;
	font-size: 14px;
	padding: 40px 20px;
}

.width-lt-1280 #document-footer-bottom {
	padding: 40px 80px;
}

.width-lt-640 #document-footer-bottom {
	padding: 40px 20px;
}

#lioweb .icon-lemonlion {
	font-size: 12px;
	color: #fff;
}

#document-footer-bottom .social-container {
	bottom: 0;
}

#document-footer-bottom .social-container a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 6px;
	line-height: 44px;
	text-align: center;
	color: #231f20;
	background: #fff;
	font-size: 19px;
}

#document-footer-bottom .social-container a:hover {
	opacity: 1;
	background: #fff;
}

.width-lt-640 .social-container {
	height: auto;
	margin-top: 20px;
}

.width-lt-640 #legal, .width-lt-640 #lioweb {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
	width: 100%;
	line-height: 1.5;
}

.width-lt-640 #lioweb {
	padding-top: 0px;
	margin: 0;
}

/* MAIN MENU - DESKTOP */
.width-gt-980 #menu-main .content > ul > li > a {
	color: #000;
	text-transform: none;
	line-height: 100px;
	font-weight: 500;
	transition: all .4s;
}

.width-gt-980.scrolled #menu-main .content > ul > li > a {
	line-height: 60px;
}

.width-gt-980 #menu-main .content > ul > li:hover > a {
	background: #feef4c;
	color: #000;
}

.width-gt-980 #menu-main .content > ul > li > a.selected::after {
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 34px;
	height: 2px;
	background: #feef4c;
}

.width-gt-980.scrolled #menu-main .content > ul > li > a.selected::after {
	bottom: 14px;
}

.width-gt-980 #menu-main .content > ul > li > a.first {
	width: 47px;
	color: rgba(0, 0, 0, 0);
	position: relative;
}

.width-gt-980 #menu-main .content > ul > li > a.first:before {
	content: '\f015';
	font-family: 'icon-font';
	font-size: 19px;
	color: #231f20;
	font-weight: 400;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.width-gt-980 #menu-main .content > ul > li > a.first.selected:before {
	color: #231f20;
}

.width-gt-980 #menu-main .content > ul > li.hasChildren > a {
	position: relative;
	padding-right: 27px;
}

.width-gt-980 #menu-main .content > ul > li.hasChildren > a::before {
	content: '\f44f';
	font-family: 'icon-font';
	position: absolute;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-53%);
	transform: translateY(-53%);
}

.width-gt-980 #menu-main ul ul {
	background: #232323;
	-moz-animation: subMenuSlide .3s;
	animation: subMenuSlide .3s;
	animation-fill-mode: forwards;
	border: 0;
}

@-webkit-keyframes subMenuSlide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes subMenuSlide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.width-gt-980 #menu-main ul ul li a {
	color: #fff;
	border-bottom: 1px solid #3b3b3b;
}

.width-gt-980 #menu-main ul ul li a:hover {
	background: rgba(0, 0, 0, .2);
	color: #fff;
}

.width-gt-980 #menu-main ul ul li a.selected {
	background: rgba(0, 0, 0, .1);
	color: #fff;
}

.width-gt-980 #menu-main ul .hasChildren ul li.hasChildren a {
	position: relative;
	padding-left: 25px;
}

.width-gt-980 #menu-main .level-1 ul li.hasChildren > a::before {
	content: '\f450';
	font-family: 'icon-font';
	position: absolute;
	left: 4px;
	top: 46%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* MENU MAIN - MOBILE */

.width-lt-980 #menu-main {
	top: 0;
}

/* Rozbalene menu */
.width-lt-980 #menu-main ul.level-1 {
	border: 0;
}

.width-lt-980 #menu-main ul .buttonExpand {
	border: 0;
	background: #feef4b;
}

.width-lt-980 #menu-main ul .buttonExpand:before,
.width-lt-980 #menu-main ul .buttonExpand:after {
	background: #231f20;
}

.width-lt-980 #menu-main-button span,
.width-lt-980 #menu-main-button span:before,
.width-lt-980 #menu-main-button span:after {
	background: #231f20;
}

/* 1. Uroven - bunka */
.width-lt-980 #menu-main li a {
	color: #fff;
	background: #231f20;
	border: 0;
}

.width-lt-980 #menu-main li a:hover {
	text-decoration: none;
}


/* 2. Uroven - bunka */
.width-lt-980 #menu-main li li a {
	background: #f4f4f4;
	color: #231f20;
}

/* 3.+ Uroven - bunka */
.width-lt-980 #menu-main li li li a {
	background: #fff;
	color: #231f20;
	border: 0;
}

/* Rozbalovacie tlacidlo */
#menu-main-button {
	border-left: 0;
	height: 60px;
	width: 70px;
	background: #feef4c;
	margin: 0;
}

/* SIDE MENU */
/* Rozklikatavatko - aktivne a hover */
#menu-side .buttonExpand:hover, #menu-side .buttonExpand:active, #menu-side li.expanded > .buttonExpand:hover {
	background: #231f20;
}
#menu-side .buttonExpand:before, #menu-side .buttonExpand:after {
  background: #231f20;
}
#menu-side .buttonExpand:hover:before, #menu-side .buttonExpand:hover:after {
  background: #fff;
}

/* Polozka v menu 1. uroven */
#menu-side ul .item-title {
	background: #f2f2f2;
	color: #231f20;
	text-transform: uppercase;
}

#menu-side ul .item-title:hover {
	background: #231f20;
	color: #fff;
	text-decoration: none;
  transition: all .25s;
}
#menu-side ul .item-title:hover + .buttonExpand:before, #menu-side ul .item-title:hover + .buttonExpand:after {
  background: #fff;
}
#menu-side ul .item-title.selected {
	background: #231f20;
	color: #fff;
}

/* Polozka v menu 2. uroven */
#menu-side ul ul .item-title {
	background: #fafafa;
	color: #231f20;
	border-bottom-color: #fff;
	text-transform: none;
}

#menu-side ul ul .item-title:hover {
	background: #231f20;
	color: #fff;
}

/* Polozka v menu 3. uroven */
#menu-side ul ul ul .item-title {
	background: #fff;
	color: #615e5d;
	border-bottom-color: #dfdfdf;
}

#menu-side ul ul ul .item-title:hover {
	color: #fff;
}


/* Specialna farba menu pre vybrany strom podstranok */
#menu-side ul.parent-id-106 .item-title {
	background: #3d3d3d;
	color: #fff;
}

#menu-side ul.parent-id-106 .item-title:hover {
	background: #636363;
}

/* SLIDER */


.width-gt-1280 .swiper-container {
	height: 700px;
}

.width-lt-1280 .swiper-container {
	height: auto;
}

.width-lt-980 .swiper-container {
	height: auto;
}

.swiper-container .image {
  display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 100%;
	background-size: cover;
}

.width-lt-1280 .swiper-container .image {
	height: 46vw;
}

.width-lt-980 .swiper-container .image {
	height: 45vw;
}

.width-lt-640 .swiper-container .image {
	height: 56vw;
}

@media screen and (max-height: 420px) {
	.width-lt-980 .swiper-container .image {
		height: 28vw;
	}
}

#slider .caption {
	bottom: 55px;
	left: 50%;
	padding: 23px 0px;
	max-width: 1280px;
	margin: 0 auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	z-index: 2;
}

.width-gt-980.width-lt-1280 #slider .caption {
	max-width: 87%;
}

#slider .caption .inner {
	background: #231f20;
	padding-bottom: 40px;
}

.width-lt-980 #slider .caption .inner {
	padding-bottom: 0px;
}

.width-lt-640 #slider .caption .inner {
	padding: 0;
}

.width-lt-980 #slider .caption {
	position: relative;
	left: auto;
	-webkit-transform: none;
	transform: none;
	bottom: 0;
}

.width-lt-640 #slider .caption {
	padding: 20px;
}
.swiper-container .image {
  display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 100%;
	background-size: cover;
}

.swiper-slide:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

.caption .title span {
  display: inline-block;
	font-size: 48px;
  font-weight: 700;
  padding: 12px 15px;
	font-family: 'Roboto Slab', serif;
	line-height: 1.2;
	text-transform: uppercase;
	color: #feef4c;
}

.width-lt-1280 .caption .title span {
  font-size: 36px;
}

.width-lt-980 .caption .title span {
  font-size: 24px;
	padding: 5px 10px;
}

.width-lt-640 .caption .title span {
  font-size: 20px;
	padding: 0;
	padding-bottom: 10px;
}

.caption .text span {
  display: inline-block;
	font-size: 18px;
	font-weight: 400;
  padding: 12px 15px;
	line-height: 1.25;
	color: #fff;
	background: none;
}

.width-gt-980 .caption .link {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.caption .link .button {
	display: inline-block;
  background: #feef4c;
	border: 0;
	color: #231f20;
	padding: 15px 30px;
	padding-right: 20px;
	font-weight: 500;
	font-size: 18px;
	transition: all .3s;
}

.caption .link .button::after {
	content: '\f106';
	font-family: 'icon-font';
	margin-left: 10px;
	font-size: 1.2em;
	vertical-align: top;
}

.caption .link .button:hover {
	text-decoration: none;
  background: #fff;
	color: #231f20;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 19px;
	text-align: center;
}

.width-lt-980 .swiper-container-horizontal > .swiper-pagination-bullets {
	display: none;
}

.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
}

.swiper-pagination-bullet-active {
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}

.swiper-button-next,
.swiper-button-prev {
	width: 60px;
	height: 83px;
	margin-top: -41px;
	background: none;
	border-radius: 3px;
	transition: all .3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: #231f20;
}

.width-lt-980 .swiper-button-next,
.width-lt-980 .swiper-button-prev {
	display: none;
}

.swiper-button-next:before,
.swiper-button-next:after,
.swiper-button-prev:before,
.swiper-button-prev:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 2px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
}

.swiper-button-prev {
	left: 20px;
}

.swiper-button-next {
	right: 20px;
}

.swiper-button-prev:hover {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px);
}

.swiper-button-next:hover {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
}

.swiper-button-prev:before {
	left: 16px;
	top: 31px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.swiper-button-prev:after {
	left: 16px;
	top: 51px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.swiper-button-next:before {
	left: 16px;
	top: 51px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.swiper-button-next:after {
	left: 16px;
	top: 31px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* BREADCRUMBS */
#breadcrumbs {
	display: none;
}

#breadcrumbs a.link, #breadcrumbs a.link span {
	color: #999999;
}
#breadcrumbs a.link:hover, #breadcrumbs a.link span:hover {
	color: #111;
}
#breadcrumbs .separator {
	color: #999999;
}
#breadcrumbs a.link:hover span, #breadcrumbs a.last span {
	color: #615e5d;
}

/* Katalog - Kategoria - Produkty */
#catalog-list-products,
#catalog-list-subcategories {
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.width-lt-980 #catalog-list-products,
.width-lt-980 #catalog-list-subcategories {
	justify-content: center;
}

.width-lt-980 #catalog-list-subcategories a.last {
	margin-right: 15px;
}

#content-catalog-category {
	padding-bottom: 80px;
}

/* Katalog - Kategoria - Produkty */

#catalog-list-products div.item,
#catalog-list-subcategories .item {
	width: 306px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	background: #fff;
	transition: all .3s;
	text-align: center;
	padding: 0;
	padding-bottom: 60px;
	border-radius: 1px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 40px;
	position: relative;
	text-transform: uppercase;
}

#catalog-list-subcategories {
	margin: 0
}

#catalog-list-subcategories .item {
	padding-bottom: 0;
}

#catalog-list-subcategories a span {
	font-weight: 500;
}

#catalog-list-subcategories .item:hover {
	color: inherit;
}

.width-lt-980 #catalog-list-products div.item {
	width: 31%;
	min-width: 260px;
}

.width-lt-980 #catalog-list-products div.item.last {
	margin-right: 15px;
}

.width-lt-640 #catalog-list-products div.item {
	width: 70%;
	margin-right: 0 !important;
}

.width-lt-400 #catalog-list-products div.item {
	width: 100%;
}

#catalog-list-products .imageContainer:after {
 	content: 'Pozrieť';
	display: block;
	color: rgba(255, 255, 255, 0);
	border-radius: 0;
	position: absolute;
	padding: 8px 40px;
	border: 1px solid rgba(255, 255, 255, 0);
	top: 102px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
	transition: all .3s;
}

#catalog-list-products .imageContainer:hover:after {
  color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 255, 255, .8);
}

#catalog-list-products .imageContainer {
	width: 100%;
	height: auto;
}

#catalog-list-products .title {
  font-weight: 400;
	color: #231f20;
	padding: 0 10px;
	font-size: 20px;
	line-height: 1.1;
	margin-top: 30px;
	text-transform: none;
	transition: all .3s;
}

#catalog-list-products h2 {
	height: auto;
	margin-bottom: 20px;
}

#catalog-list-products h2 a {
	color: #231f20;
}

#catalog-list-products h2 a:hover {
	color: #231f20;
}

#catalog-list-products .description {
  color: #423B3A;
	padding: 0 10px;
	text-transform: none;
}

#catalog-list-products .price {
	color: #423B3A;
  margin-bottom: 20px;
	margin-top: 0;
	font-size: 18px;
	font-weight: 700;
}

#page-catalog-product .product-info {
	text-align: left;
	display: block;
	margin-bottom: 40px;
}

#page-catalog-product .priceContainer {
	display: inline-block;
	margin: 20px;
	margin-left: 0;
	text-align: left;
	margin-bottom: 0;
}

.width-lt-400#page-catalog-product .priceContainer {
	margin-bottom: 20px;
}

#page-catalog-product #gallery {
	margin-top: 20px;
	margin-bottom: 40px;
}

#page-catalog-product .priceContainer .price {
  color: #231f20;
  font-size: 25px;
}

#page-catalog-product .product {
	vertical-align: super;
	padding: 14px 45px;
	font-size: 16px;
}

#catalog-list-products a:hover {
  text-decoration: none;
}

#catalog-list-products .button {
	position: absolute;
	left: 50%;
	bottom: 20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 9px 40px;
	color: #231f20;
}

#catalog-list-products .button:hover {
	color: #fff;
	background: #231f20;
}

#page-catalog-product.width-gt-980 .body-content .left {
  max-width: none;
  min-width: none;
  width: 470px;
}

#page-catalog-product.width-lt-980 .body-content .left {
  width: 100%;
  max-width: 100%;
}


/* TABLE */

.table-responsive {
	width: 100%;
	overflow: auto;
}

.width-lt-640 .table-responsive {
	width: auto;
	margin: 0 -15px;
	padding-left: 15px;
}

.coloredTable {
	font-size: 16px;
	border-spacing: 0;
	border-collapse: collapse;
}

.coloredTable tr {
	display: table-row !important;
}

/* Tabulka - Bunka neparna (defaultna) bunka */
.coloredTable tr:nth-child(odd) td {
	background: #f4f4f4;
	color: #231f20;
}

/* Tabulka - Bunka parna */
.coloredTable td, .coloredTable tr.rowA td {
	background: #ddd;
}

/* Tabulka - Zvyraznena bunka */
.coloredTable tr.rowB td {
	font-weight: bold;
	color: #fff;
	background: #231f20;
}

/* Tabulka - Hlavicka */
.coloredTable th {
	background: #231f20;
	color: #fff;
	font-weight: bold;
}

/* Tabulka - TR hover */
.coloredTable tr td {
  transition: all .3s ease;
}
.coloredTable tr:hover td {
  background: #231f20;
	color: #fff;
}

/* GALLERY */
#gallery .item .title {
	font-size: 16px;
	font-style: italic;
}
#gallery a:hover:after, #news .item .image:hover:after {
	background: rgba(0, 0, 0, .3);
}

/* FILES */

#lioweb-files .caption {
	position: static;
	font-size: 22px;
}

/* NEWS */

.width-lt-980 #news {
	padding: 0 20px;
}

.width-lt-400 #news {
	padding: 0 15px;
}

#news .item .datetime {
	color: #231f20;
	margin-top: 20px;
	margin-left: 0;
}

#news .item .image a {
	display: inline-block;
}

#news .item .title {
	color: #231f20;
	line-height: 1.3;
	padding-right: 0;
	margin: 20px 0;
	font-size: 22px;
	font-weight: 600;
}

.width-lt-980 #news .item .title {
}

.width-lt-640 #news .item .title {
	font-size: 18px;
	margin-bottom: 0px;
}

#news .item .text {
	color: #231f20;
	margin: 0;
	font-size: 14px;
}

.width-lt-640 #news .item .text {
	margin-top: 20px;
}

#news .item .link {
	margin: 0;
	text-align: left;
}

#news .item .link a {
	color: #231f20;
	border: 2px solid #feef4c;
	background: #feef4c;
	border-radius: 0;
	width: auto;
	padding: 12px 25px;
	font-size: 18px;
}

#news .item .link a:hover,
#news .item .link a:active {
	background-color: #231f20;
	border-color: #231f20;
	color: #fff;
}

/* CONTENT */
.body-content {
	position: relative;
	color: #231f20;
	font-size: 18px;
	padding-top: 40px;
	line-height: 1.6;
}

.width-lt-980 .body-content {
	font-size: 16px;
	padding: 0 20px;
}

.body-content p.quote {
	background: #f2f2f2;
	border-left: 2px solid #eee;
	font-size: 18px;
}

.body-content .style-a {
	color: #888;
}

.body-content .style-b {
	font-size: 1.2em;
}

.body-content hr {
	max-width: 200px;
	margin: 0 auto;
	border-top: 2px solid #231f20;
}

.body-content ul li:after {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #231f20;
	left: 13px;
	top: 13px;
}

.body-content a img {
	vertical-align: bottom;
	transition: all .3s;
}

.body-content a:hover img {
	-webkit-filter: brightness(80%);
	filter: brightness(80%);
}

.body-content h1 {
	color: #231f20;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 44px;
	line-height: 1.2;
	margin: 0;
	text-align: center;
	margin-bottom: 30px;
}

#page-main.width-gt-980 .body-content h1 {
	font-size: 28px;
	margin-top: 70px;
}

.width-lt-980 .body-content h1 {
	font-size: 34px;
	margin-bottom: 20px
}

.width-lt-640 .body-content h1 {
	font-size: 28px;
}

.body-content h2,
.body-content .h2 {
	color: #231f20;
	font-family: 'Roboto Slab', serif;
	font-size: 32px;
	font-weight: 700;
}

.width-lt-640 .body-content h2,
.width-lt-640 .body-content .h2 {
	font-size: 24px;
}

.body-content h3,
.body-content .h3 {
	color: #231f20;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 28px;
}

.width-lt-640 .body-content h3,
.width-lt-640 .body-content .h3 {
	font-size: 20px;
}

.body-content h4,
.body-content .h4 {
	font-weight: 700;
	font-size: 24px;
	color: #231f20;
}

.body-content a ,
#lioweb-files a{
	color: #231f20;
	background: #feef4c;
	font-weight: 400;
	transition: all .3s;
}

.body-content a:hover,
#lioweb-files a:hover {
	text-decoration: none !important;
	color: #fff;
	background: #231f20;
}

.body-content a.button {
	font-size: 16px;
	font-weight: 500;
	padding: 6px 32px;
	padding-bottom: 10px;
	border: 2px solid #feef4c;
}

.width-lt-400 .body-content a.button  {
	margin: 5px;
}

.body-content .button::after {
	content: '\f106';
	font-family: 'icon-font';
	margin-left: 15px;
	vertical-align: initial;
	font-size: 1.2em;
}

.body-content a.button.prim {
  color: #231f20;
  background: #feef4c;
}
.body-content a.button.prim:hover {
	background: #231f20;
	color: #fff;
	border-color: #231f20;
}

.body-content a.button.sec {
  color: #231f20;
  background: none;
}
.body-content a.button.sec:hover {
	background: #231f20;
	color: #fff;
	border-color: #231f20;
}


/* row widget */
.row-widget {
	color: white !important;
	width: 100%;
	background: #feef4c;
	box-shadow: -959px 0 0 #feef4c, 960px 0 0 #feef4c, -219px 0 0 #feef4c, 220px 0 0 #feef4c;
	padding: 30px 0;
	margin: 30px 0;
}

.width-lt-980 .row-widget {
	width: auto;
	margin-left: -15px;
	margin-right: -15px;
	padding: 30px 15px;
}


.row-widget a.button {
	background: #231f20 !important;
	border-color: #231f20 !important;
	color: #fff !important;
}

.row-widget a.button:hover {
	background: none !important;
	color: #231f20 !important;
}

/* SCROLLUP */
#scrollup-button {
	background: #feef4c;
}

#scrollup-button:before, #scrollup-button:after {
  background: #231f20;
}

/* CTA */
.width-gt-400 .cta-wrapper {
  width: 100%;
  background: #fafafa url('../images/cta-bg.jpg') no-repeat center;
  border-top: 1px solid #eee;
  height: 310px;
  margin-top: 40px;
}

.cta-wrapper {
  background: #fafafa;
  border-top: 1px solid #eee;
}

.cta-wrapper .cta-container {
  max-width: 960px;
  height: 100%;
  padding: 50px 20px;
  margin: 0 auto;
}

.cta-wrapper .cta-container .col-2 {
  max-width: 480px;
  text-align: center;
}

.cta-wrapper .cta-container h2 {
  display: block;
  font-size: 29px;
  color: #231f20;
  text-transform: uppercase;
  font-weight: 300;
}

.cta-wrapper .cta-container .cta-button {
  display: inline-block;
  padding: 20px 60px;
  margin: 30px auto;
  background: #231f20;
  border: 2px solid #231f20;
  text-transform: uppercase;
  color: #fff;
  font-size: 29px;
  line-height: 30px;
  font-weight: 500;
  border-radius: 2px;
  position: relative;
  box-shadow: 0 0 60px white, 0px 0px 5px rgba(0, 0, 0, 0.3);;
  transition: all .4s;
}

.width-lt-400 .cta-wrapper .cta-container .cta-button {
  padding: 15px 60px;
  font-size: 22px;
  line-height: 25px;
}

.cta-wrapper .cta-container .cta-button:hover,
.cta-wrapper .cta-container .cta-button:active {
  text-decoration: none;
  background: #fff;
  border: 2px solid #fff;
  color: #231f20;
  box-shadow: -3px 10px 15px rgba(0, 0, 0, 0.3);
}


/* GOOGLE MAPA */

#gMap-map {
	height: 300px;
	background: #fff;
}

.width-gt-980 #gMap-map {
	margin-top: 80px;
}

.width-lt-640 #gMap-map {
	margin-top: 0px;
	height: 250px;
}



/* INFO IMAGE START */


.info-image-bg {
	display: none;
	width: 100%;
	height: 280px;
	background: url('../images/info-image-bg.jpg') no-repeat top center;
	background-size: cover;
	position: relative;
}

.infoImageActive .info-image-bg  {
	display: none;
}

.width-lt-980 .info-image-bg {
	height: 180px;
}

#infoImage {
	position: relative;
	top: 0px;
	left: 0;
	height: 280px;
	overflow: hidden;
  z-index: 1;
}

#infoImage:after {
	display: none;
}

.width-lt-980 #infoImage {
	height: 180px;
	overflow: hidden;
}

.width-lt-980 #infoImage .content {
	margin: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

#infoImage .content,
#infoImage .image {
	width: 100%;
	height: 100%;
}

#infoImage .image {
	background-position: top center;
	background-color: #231f20;
}

.width-lt-980 #infoImage .image {
}

/*  INFO IMAGE END*/



/* LANG START */
#languages {
	position: absolute;
	top: 17px;
  right: 25px;
	left: auto;
	background: none;
	transition: all .4s;
}

#languages:after {
	content: "\f078";
	font-family: 'icon-font';
	color: #fff;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 11px;
	pointer-events: none;
}

.width-lt-980 #languages {
	top: 21px;
	right: 100px;
}

#languages ul.selected {
	box-shadow: none;
}

#languages ul {
	background: none;
	border: 0;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

#languages ul.selected li a {
	color: #fff;
	font-weight: 400;
}

#languages ul:hover {
	background: rgba(0, 0, 0, .1);
}

#languages ul li {
	background: none;
}

#languages ul li a {
	color: #fff;
	line-height: 24px;
}

#languages ul.options li a {
	padding-right: 17px;
	background: rgba(0, 0, 0, .1);
}

#languages ul.options li a:hover {
	background: rgba(0, 0, 0, .2);
}

/* LANG END */

/* SOCIAL SHARE BUTTONS START */

.widget-socials-share {

}

.widget-socials-share .content {
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 999;
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.widget-socials-share .item {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	vertical-align: bottom;
	overflow: hidden;
}

.widget-socials-share .item.was-shared {
	line-height: 41px;
}

.widget-socials-share .item .shared {
	position: absolute;
	bottom: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-block;
	font-size: .6em;
	line-height: 1;
	font-weight: 400;
}

.widget-socials-share .item:before {
	position: relative;
	z-index: 1;
}

.widget-socials-share .item:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .1);
	opacity: 0;
	z-index: 0;
	transition: all .4s;
}

.widget-socials-share .item:hover:after {
	-webkit-transform: translate(-50%,-50%) scale(15);
	-ms-transform: translate(-50%,-50%) scale(15);
	transform: translate(-50%,-50%) scale(15);
	opacity: 1;
}

.widget-socials-share .icon-facebook-o {
	background: #3B5998;
}

.widget-socials-share .icon-google-plus {
	background: #de564a;
}

.widget-socials-share .icon-messenger {
	background: #0083fe;
}

.widget-socials-share .icon-twitter {
	background: #00aced;
}

.widget-socials-share .icon-pinterest {
	background: #d6191c;
}

.widget-socials-share .icon-mail {
	background: #f7f7f7;
	color: #da0306;
}

/* SOCIAL SHARE BUTTONS END */


/* SCROLL DOWN */

.scroll-down {
	display: block;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: 16px;
	z-index: 100;
	cursor: pointer;
}

.width-lt-980 .scroll-down {
	top: 0;
}

.width-lt-640 .scroll-down {
	display: none;
}

.scroll-down:before,
.scroll-down:after {
	content: '';
	position: absolute;
	top: 25px;
	left: 10px;
	background: #231f20;
	width: 16px;
	height: 3px;
	animation: scrollDown .5s infinite alternate;
	transition: all .3s;
}

.scroll-down:before {
	-webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 12px;
}

.scroll-down:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 21px;
}

@-webkit-keyframes scrollDown {
  0% { top: 24px; }
  100% { top: 26px; }
}
@-moz-keyframes scrollDown {
  0% { top: 24px; }
  100% { top: 26px; }
}
@keyframes scrollDown {
  0% { top: 24px; }
  100% { top: 26px; }
}


/* EXPAND START */

.expand-section {
	margin: 0;
	border-bottom: 2px solid #f4f4f4;
	cursor: pointer;
	transition: all .4s;
}

.expand-section:hover {
	border-color: #231f20;
}

.expand-section.expand {
	padding-bottom: 20px;
	border-color: #feef4c;
}

.width-lt-640 .expand-section {
	margin: 0;
}

.expand-section h3 {
	position: relative;
	display: inline-block;
	margin: 0;
	margin-bottom: 20px;
	padding-bottom: 0;
}

.expand-section h3:hover {
	color: #231f20;
}

.expand-section h3:after {
	content: '\f106';
	display: inline-block;
	font-family: 'icon-font';
	margin-left: 20px;
	vertical-align: bottom;
	background: none;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all .3s;
}

.expand-section.expand h3:after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.expand-section h3:before {
	display: none;
}

.expand-content {
	height: 0;
	opacity: 0;
	-webkit-transform: translate3d(0,-20px,0);;
	transform: translate3d(0,-20px,0);
	color: #231f20;
	pointer-events: none;
	transition: all .5s;
}

.expand .expand-content {
	height: auto;
	padding-top: 20px;
	opacity: 1;
	pointer-events: all;
	-webkit-transform: translate3d(0,0,0);;
	transform: translate3d(0,0,0);
	border-top: 2px solid #feef4c;
}

.expand-content .content {
	padding: 20px;
}

.width-lt-400 .expand-content .content {
	padding: 20px 10px;
}

/* EXPAND END */