body {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:1.6em;
	font-weight: 400;
	color:#fff;
	background-color: #000; 
}


/* HEADINGS */
h1 {
	font-size: 3.5em;
	font-weight: 700;
	color: #fff;
	line-height: 1em;
	margin-bottom: 40px;
	margin-top: 40px;
}
h2 {
	font-size: 2.1em;
	margin-bottom: 30px;
	margin-top: 50px;	
	font-weight: 700;
	color: #FFF;

}
h3 {
	margin: 0px 0px 15px 0px;
	font-size: 1.4em;
	color: #fff;
}


.breadcrumb { background-color: transparent; font-size: 0.9em; }

/* FORM */
form {
	margin: 0px 0px 5px 0px;
}

.breadcrumb-item a:link, .breadcrumb-item a:visited { color: #FFD705 !important; }


header .fa, header .fab, header .fas,header .far { font-size: 36px; color: #FFF; margin-right: 5px; }
header .nav-link { padding: 20px 28px 0px 20px; !important; font-size: 18px !important; font-weight: bold; }
header .nav-link-1 { text-transform: uppercase; color: #fff !important; padding-top: 20px; padding-bottom: 20px; padding-right: 25px !important; padding-left: 25px !important; background-color: #000; margin-left: 5px; font-weight: 400; }
header .nav-link-1 .fas { color: #fff; font-size: 18px; margin-right: 10px; }
header .bg-dark {background-color: #000  ; }
header .bg-light {background-color: #FFF !important; }


/* NAVBAR */

.navbar { padding-top: 10px; padding-bottom: 10px; z-index: 1; }


.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
   color: #FFD705;
}

.navbar .dropdown-menu { font-size: 15px; margin: -1px 0px 0px 0px; }
.navbar .dropdown-menu { border: 1px solid #01233B ; }
.navbar-brand { margin-right: 2.5rem; }
.header-search-form { margin-top: 50px !important; }

.header-msg {
	background-color: #ddd;
	padding: 7px 15px 0px 15px;
	margin-bottom: 40px;
	margin-top: -40px;
	text-align: center;
}


/* HEADER */

header {
	width: 100%;
	z-index: 9000;
	/*margin-bottom: 10px;
	background-color: #000; */
}

.topbar {
    color: #FFF;
    font-size: 16px;
    text-align: left;
    padding-top: 8px;
}
header .topbar a:link { color: #FFF !important; text-decoration: none; }
header .topbar a:visited { color: #FFF !important; text-decoration: none; }
header .topbar a:hover { color: #FFF !important; text-decoration: underline; }

header .btn-primary { background-color: #FFD705; border-color: #FFD705; }

header .header-search .form-control { color: #FFF; background-color: transparent !important; border-color: #FFF; border-radius: 0px; border-left-width: 0px;  border-right-width: 0px;  border-top-width: 0px; }
header .header-search .btn { background-color: transparent !important; border-color: #FFF;  border-radius: 0px !important; border-radius: 0px; border-left-width: 0px;  border-right-width: 0px;  border-top-width: 0px; }
header .header-search .btn .fas { font-size: 26px; }


.header-logo {
	
}

.header-menu {
	width: 70%;
	height: 90px;
	float: left;	
} 
.header-lang {
	height: 90px;
	border-left: 1px solid #000;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	padding-top: 10px;
	
}
.header-lang .lang a:link { color: #000; text-decoration: none; }
.header-lang .lang a:visited { color: #000; text-decoration: none; }
.header-lang .lang a:hover { color: #000; text-decoration: underline; }

.header-shop {
	width: 15%;
	height: 90px;
	float: left;
	background-color: #000;
	border-bottom: 1px solid #000;
}

#header_1 {
	width: 100%;
	height: 110px;
	z-index: 9000;
	background: none;
	border: none;
	/*box-shadow:0px 2px 2px #000;*/
}

.bg-dark {
    background-color: #000  !important;
}

#header_cart_div .btn { font-size: 16px; font-weight: 400; }


#header {

}
#header_i {

}
#header_search {
	float: right;
	margin-top: 0px;
	padding: 10px;
	text-align: right;	
	margin-top: 15px;

}
#header_nav {
	width: 1170px;
	float: left;
	margin-top: 10px;
}
#header_search form {
	margin: 0px;
	padding: 0px;
}

#header_search table td {
	padding: 0px 0px 0px 5px;
}

#header_search .fs{
	width: 200px;
	height: 24px;
	border-color: #000000;
	border-width: 1px;
	font-size: 12px;
	line-height: 16px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0px;
}

#header_search .btn_search {
	width: 55px;
	height: 22px;
	margin-right: 10px;
}


#header_lnks {
	width: 385px;
	float: left;
}
#header_logo {
	width: 220px;
	height: 110px;
	float: left;
	margin-top: 5px;
	background-color: #FFF;

}

/*
.navbar-fixed-top { background-color: #fff; }

.navbar-fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}
*/
/* LINKS */
a.lnk_info_txt:Link {
	color: #515050;
	text-decoration: none;
}
a.lnk_info_txt:visited {
	color: #515050;
	text-decoration: none;
}
a.lnk_info_txt:hover {
	color: #FFD705;
	text-decoration: underline;
}

/* FORMS */

.form-control { background-color: #444444; color: #FFF; border-color: #444444; }

.form-control:focus {
  border-color: #FFD705;
  background-color: #444444;
  box-shadow: none ;
  color: #fff;
}

/* MESSAGES */
.errorMsg {
	color:#FF0000;
}
.infoMsg {
	color:#FF0000;
}
.warningMsg {
	color:#FF0000;
}

/* IMAGES */


/* BANNERS */
.bann_intro { padding: 40px 0px;   }
.bann_intro > div > div { padding: 3px !important; }

.bann_intro > div > div {
	overflow: hidden;
}

.bann_intro > div > div img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .3s ease-in-out;

}
.bann_intro > div > div:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.1);
}



/* TEXT */
.big_text {
	font-size: 1.8em;
}
.mid_text {
	font-size: 1.2em;
}
.norm_text {
	font-size: 1em;
}
.small_text {
	font-size: 0.8em;
}

/* SEARCH */



/* TABLES */

.table th { background-color: #ccc; }

.feat-bar {
	background-color: #FFD705;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	margin-bottom: 40px;
	margin-top: 20px;
}

.feat-bar .fas { color: #FC0; font-size: 22px; width: 35px; }

#nl-bottom {
	color: #FFF;
	background-color: #FFD705;
	background-color: #1D1D1D ;
}

.nl-bottom-box { padding: 60px 100px 60px 15px; }
.nl-bottom-box-r { padding: 60px 15px 60px 100px; }
.nl-bottom-title {
	color: #6CF;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 30px;
}
.nl-bottom-title-1 {
	color: #fff;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 30px;
	font-weight: 400;
}

.nl-bottom-box .input-group-text  {
	border-radius: 0px;
	background-color: #6C757D;
	border-color: #6C757D;
}


.nl-bottom-box .input-group-text .far {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 0px;
	color: #FFF;
}

.nl-bottom-box .btn-primary  { background-color: #FFD705; border-color: #FFD705; }

#bann_bottom {
	margin-top: 60px; margin-bottom: 60px; 
}
#bann_bottom img { 
	margin: 15px;
	filter: grayscale(100%);
    opacity: .5;
}


/* FOOTER */

.footer {
	font-size: 0.9em;
}

footer {
	font-size: 1em;
	text-align: left;
	color: #333;

	color: #fff;

}
footer h4 { font-weight: 700; margin-bottom: 20px; }
footer .fab { color: #fff; font-size: 30px; }
footer .fa-facebook { color: #fff; }
footer .fa-instagram { color: #fff; }
footer .title { font-size: 1.8em; margin-bottom: 15px; }
footer a {
	color: #fff !important;
	text-decoration: none !important;
} 
footer a:Visited {
	color: #fff !important;
	text-decoration: none !important;
} 
footer a:Hover {
	color: #fff !important;
	text-decoration: none !important;
}

.footer-col { padding: 0px 50px 30px 15px; }
.footer-col .fas, .footer-col .far { color: #FFF; font-size: 30px; margin-right: 10px;}
.footer-col a { line-height: 2em; }



.footer_menu {
	padding-top: 10px;
	font-size: 1em;
	width: 220px;
	margin-right: 10px;
	float: left;
}
.footer_menu p {
	margin: 5px 0px 5px 0px;
}

/* NEWS */


/* TABLES */


/* CONTENT */

#page_content {
	padding-top: 20px;
}

#map_canvas {
	width: 100%;
	height: 650px;
	margin-top: -15px !important;
}


.fab, .far, .fas { color: #333; font-size: 50px; margin-bottom: 5px; }
.fab:hover, .far:hover, .fas:hover { color: #000; }
.fab-red { color: #333; font-size: 40px; }



/* DROPDOWN */
.dropdown {
    border-radius: 0;
    z-index: 9000;
}
.dropdown-menu {
    border: 1px solid #CCC;
    border-radius: 0;
	font-size: 12px;
	background-color: #FFF;
	border-radius: 0px;

}
.dropdown-menu .fa {
    font-size: 16px;
    margin-right: 5px;
}


.dropdown-menu > li > a {
    color: #000;
    font-size: 14px;
	line-height: 1em;
	text-decoration: none !important;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;   // Add this, to prevent clicking dropdown's default click function
}


.btn-header {
	background-color: #FFD705;;
    border-color: #FFD705;
}
.btn-header:hover, .btn-header:focus, .btn-header:active, .btn-header.active, .open .dropdown-toggle.btn-header {
    background-color: #E5345B;
    border-color: #E5345B;
    color: #fff;
}
.btn-header-ico {
	background-color: transparent !important;
    border-color: transparent !important;
}
.btn-header-ico:hover, .btn-header-ico:focus, .btn-header-ico:active, .btn-header-ico.active, .open .dropdown-toggle.btn-header-ico {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #FFD705;
}
.btn-header-ico .fas:hover { color: #FFD705; }

.btn {
    /* border-radius: 0; */
}


.btn-primary { background-color: #FFD705; border-color: #FFD705; color: #000; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background-color: rgb(238, 46, 36); border-color: rgb(238, 46, 36); }
a.btn-primary:link { color: #000 !important; text-decoration: none; }
a.btn-primary:visited { color: #000 !important;  text-decoration: none;}
a.btn-default:link { color: #000 !important; text-decoration: none; }
a.btn-default:visited { color: #000 !important;  text-decoration: none; }

button.btn-primary:visited {
  color: #000 !important;
  text-decoration: none;
}

.btn-mail { background-color: rgb(238, 46, 36); border-color: rgb(238, 46, 36); }
.btn-mail:hover, .btn-mail:focus, .btn-mail:active, .btn-mail.active { background-color: rgb(238, 46, 36); border-color: rgb(238, 46, 36); }

.fb-like { height: 30px; box-sizing: border-box; margin-top: 30px; }

.btn-primary { border-radius: 30px; padding-left: 40px; padding-right: 40px; }



.lang-menu { border-bottom: 2px solid #000; margin-bottom: 10px; }
.lang-menu a { display: inline-block !important; }


.credits { margin-bottom: 120px; }


figure {
	overflow: hidden;
	margin: 0px;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

.hover_img figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .3s ease-in-out;
}
.hover_img figure:hover img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}

.categories-top-left {
	padding-left: 40px; padding-right: 30px;
}

.categories-top-right {
	padding-right: 60px;
}


.form-group-info {
    position: absolute;
    top: 0px;
    left: 3000px;
    display: none;
}
.standard-form label.error { 
color: red; 
font-size: 0.9em;
padding-bottom: 10px;
}

.standard-form  .form-control.error { 
border: 1px solid #FF6633;
background-color: #FEECEB;
}

.standard-form  label.error { 
color: red; 
font-size: 0.9em;
padding-bottom: 10px;
}


/* cenik */

.card-ind {
	border: none;
	background-color: #1D1D1D;
	color: #fff;
	margin-top: 30px;
}

.card-ind .card-body {
	padding: 0px;
	background-color: #1D1D1D;
	background-size: contain;
}

.card-ind .card-text {
	padding: 30px;
}

.card-ind .card-text h2 { margin-top: 0px; }
.pricelist-card {
	border: none;
	background-color: #1D1D1D;
	color: #fff;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	transform: skew(-10deg);
}

.pricelist-card .card-body {
	padding-top: 60px;
	padding-bottom: 40px;	
	background: #1D1D1D url(/template/images/bg-pricelist-card.jpg) no-repeat top right;
	background-size: contain;
}
.pricelist-card .card-header {
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFD705;
	line-height: 1.3em;
	border-top-left-radius: 30px;
	color: #000;
}

.pricelist-card .card-footer {
	background-color: #3C3C3C !important;
	background-image: linear-gradient(#454545, #2C2C2C);
	border-bottom-right-radius: 30px;
	color: #fff;
	font-size: 1.2em;
}
.pricelist-card .card-footer img { margin-right: 10px; transform: skew(10deg); }

.card-price {
	font-size: 60px;
	padding-bottom: 10px;
}

/* URNIK */
.schedule-card {
	border: none;
	background-color: #1D1D1D;
	color: #fff;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	transform: skew(-10deg);
}

.schedule-card .card-body {
	padding-top: 40px;
	padding-bottom: 20px;	
}
.schedule-card .card-header {
	font-size: 32px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFD705;
	line-height: 1.3em;
	border-top-left-radius: 30px;
	color: #000;
}

.schedule-card .card-footer {
	background-color: #3C3C3C !important;
	background-image: linear-gradient(#454545, #2C2C2C);
	border-bottom-right-radius: 30px;
	color: #fff;
	font-size: 1.2em;
}
.schedule-card .card-footer img { margin-right: 10px; transform: skew(10deg); }






.schedule-card-ind {
	border: none;
	background-color: rgba(0,0,0,.7) !important;

	color: #fff;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	transform: skew(-10deg);
}

.schedule-card-ind  .card-body {
	padding-top: 15px;
	padding-bottom: 10px;	
	font-size: 28px !important;

	
}
.schedule-card-ind  .card-header {
	font-size: 24px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFD705;
	line-height: 1.3em;
	border-top-left-radius: 30px;
	font-weight: 700;
	color: #000;
}

.schedule-card-ind .card-footer {
	background-color: transparent !important;
	background-image: none;
	border-bottom-right-radius: 30px;
	color: #fff;
}





.card-time {
	font-size: 36px;
	padding-bottom: 10px;
}

.container .collapse { background: none; color: #FFF;  }

.navbar-dark .navbar-nav .nav-link.active { color: #FFD705; }

.home-text {
	
}

#outer {
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
#home-top-video:before {
  content:"";
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:1;
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background-image: linear-gradient( rgba(0, 0, 0, 1),  rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}

#home-top-video {
  left: 0%;
  top: 0%;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  background-color: #000;;
}

#home-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -64%);
  transform: translate(-50%, -64%);
  color: #fff;
  z-index:1;
}
#home-text h1 { font-size: 80px; margin-bottom: 15px; font-weight: 400; font-size: 90px; }




@media (min-width: 320px) {
	body { font-size:18px; }
	h1 { font-size: 2.2em; }
	h2 { font-size: 1.8em; }
	#btn-fb { display: none; }
	.topbar { display: none; }
	.navbar { margin-top: 0px; }
	.navbar-brand { padding-top: 0px; }	
	header .nav-link { font-size: 16px; }
	.header-logo { display: none; }
	.header-menu { width: 100%; float: left; margin-top: 10px; padding-bottom: 5px; height: auto; } 
	.header-lang { height: 70px; }
	.header-lang .lang { }
	.header-shop { width: 100%; height: 70px; float: right; }
	header .fa, header .fab, header .fas,header .far { font-size: 26px; color: #FFF; margin-right: 5px; }	
	.follow-social { text-align: center;	 }	
	.lang-menu { display: block !important; }
	.header-lang { display: none; }	
	.nl-bottom-box { padding: 60px 15px 30px 15px; }
	.nl-bottom-box-r { padding: 0px 15px 60px 15px; }
	#nl-bottom { background-image: none;  }
	.categories-top-left { display: none; }
	.categories-top-right { display: none; }
	
	.bg-proga { background-image: none;}
	.pricelist-card { 	transform: skew(0deg);  margin-bottom: 30px; margin-left: 15px; margin-right: 15px; }
	.pricelist-card .card-footer { 	font-size: 1em; }
	.pricelist-card .card-footer img { margin-right: 10px; transform: skew(0deg); }
	.schedule-card { 	transform: skew(0deg);  margin-bottom: 30px;  margin-left: 15px; margin-right: 15px; }
	.footer-box { padding-top: 15px; padding-bottom: 15px; }
	
	.navbar  .btn { margin-top: 10px; margin-bottom: 10px; text-align: center; }
	.schedule-card .card-header { font-size: 28px; padding-top: 10px; padding-bottom: 10px; }
	.schedule-card-ind  .card-body { font-size: 24px !important;padding-bottom: 5px;	 }
	.bg-urnik { background: none; background-image:none;}
	#home-text {  top: 55%; }
	#home-text h1 { font-size: 70px; font-weight: 700; }
	
}

	
@media (min-width: 576px) {

}

@media (min-width: 768px) {
	.topbar { display: block; }
	.navbar { margin-top: 5px; }
	.navbar-brand { display: none; }	
	
	.bg-proga { background:url(/template/images/bg_proga.jpg) no-repeat top center;
}
@media (min-width: 992px) {
	body { font-size:16px; }
	.navbar { margin-top: 0px; }
	.header-menu {  margin-top: 0px; height: 90px; padding-bottom: 0px;  } 
	.header-logo {  display: block; } 
	.header-lang { 	 height: 90px;  }
	.header-lang .lang { margin-top: 1px; margin-bottom: 3px; text-align: center; }
	.header-shop { width: 18%; height: 90px; }
	header .fa, header .fab, header .fas,header .far { font-size: 26px; color: #FFF; margin-right: 5px; }
	.follow-social { text-align: left;	 }
	.lang-menu { display: none !important; }
	.header-lang { display: block; }
	.nl-bottom-box { padding: 60px 100px 60px 15px; }
	.nl-bottom-box-r { padding: 60px 15px 60px 100px; }
	.navbar  .btn { margin-top: 0px; margin-bottom: 0px; text-align: center; }
	.schedule-card .card-header { font-size: 32px; padding-top: 15px; padding-bottom: 15px; }
	#home-text h1 { font-size: 90px; font-weight: 400; }
}
@media  (min-width: 1200px) {
	h1 { font-size: 3.5em; }
	h2 { font-size: 1.9em; }
	.navbar-default { font-size: 1em; }
	header .nav-link { font-size: 11px; }
	header .nav-link {  font-size: 14px !important; }
	.categories-top-left { display: block; }
	.categories-top-right { display: block; }
	.pricelist-card { transform: skew(-10deg); margin-bottom: 0px; }
	.pricelist-card .card-footer { 	font-size: 1.2em; }
	.pricelist-card .card-footer img { margin-right: 10px; transform: skew(10deg);  }
	.schedule-card { transform: skew(-10deg); margin-bottom: 0px;  margin-left: 0px; margin-right: 0px; }
	.schedule-card-ind  .card-body { font-size: 28px !important; padding-bottom: 10px;	}
	.footer-box { padding-top: 60px; padding-bottom: 60px; }
	.bg-urnik { background: #000 url(/template/images/bg_urnik.jpg) no-repeat top center; }
	.nav-prijava { text-align: left; border-bottom: none;  border-top: none;  padding: 0px; padding-left: 30px; margin-top: 13px; }
	#home-text {  top: 50%; }
	
}
@media (min-width: 1600px) {
	.container { width: 1480px; max-width: 1480px; }
	.navbar-default { font-size: 1.25em; }
	header .nav-link { font-size: 14px; }
	header .nav-link {  font-size: 18px !important; }
}
@media (min-width: 1900px) {
	header .nav-link { font-size: 16px; }
}