/*-------------------------------------------------------+
| EUROTREND
+--------------------------------------------------------+*/
.hidden{
	display:none;
}
body{
	height:100%;
	background: #F4F4F4;
	background: url("../images/wide_rectangles.png") repeat;
	padding-top: 56px;
	/* color: #404040; */
}
h2{
	font-size: 24px;
	font-weight: 400;
}
h3{
	font-size: 18px;
}
h3.opening-hours {
	font-weight: normal;
}
h4{
	font-size: 18px;
	padding: 5px 0 5px 0;
	/*color: #0066FF;*/
}
strong {
	font-weight: bold;
}

.container {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


.page-wrapper {
	margin-top: 20px;
	border-radius: 5px;
	overflow: hidden;
}

/* Add bottom margin to stacked columns (except last one) */
@media (max-width: 991px) { 
	[class*="col-"]:not(:last-child){
		margin-bottom: 15px;
	}
  }

.msg {
	-moz-box-shadow: 0px 0px 10px #404040;
	-webkit-box-shadow: 0px 0px 10px #404040;
	box-shadow: 0px 0px 5px #404040;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 5px;
}

/*-------------------------------------------------------+
| head
+--------------------------------------------------------+*/
#head{
	height: 150px;
	background-color: #1a84d0;
	background-repeat: repeat-x;
	background: linear-gradient(to bottom, #44a7f9 0%,#1a84d0 100%);
}
#logo{
	padding-top: 25px;
}

/*-------------------------------------------------------+
| navigation
+--------------------------------------------------------+*/
.navbar-brown-theme {
	background: #383838;
};

/* .navbar-spak-theme {
	padding: 0px;
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
}
.navbar li {
	border-right: 1px solid #ddd;
}
.navbar a.nav-link {
	color: #404040;
	text-decoration:none;
	text-align: center;
	font-size: 1.1rem;
}
.navbar a.nav-link:hover{
	background: #ccc;
	color: #404040;
}

.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus {
    background: #e50000;
	color: #fff;
} */


/*-------------------------------------------------------+
| zeleziarstvo vertical navigation
+--------------------------------------------------------+*/

.vertical_nav a {
	text-decoration:none;
	color: #444;
}
.vertical_nav li.active, .vertical_nav li.active:hover, .vertical_nav li.active:focus  {
	background: #e50000;
}
.vertical_nav>li.active>a.nav-link {
	color: #fff;
}
h2.zel-nav {
	color: #e50000;
}
.vertical_nav li:hover {
	background: #ccc;
}
.vertical_nav li:first-child { 
	border-top: 1px solid #ccc;
}

.zel-produkt-nav  a.nav-link{
	color: #444;
}

/*-------------------------------------------------------+
| content
+--------------------------------------------------------+*/
.row.content {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
}


ul.index-ponuka {
	padding: 0px;
}
ul.index-ponuka li {
	margin-left: 20px;
}

/*-------------------------------------------------------+
| sticky footer
+--------------------------------------------------------+*/
#footer{
	width:100%;
	height: 60px;
	/*background: url("../images/trava_60.png");*/
	clear: both;
}
#kosacka {
	float: left;
	z-index: 10;
	width: 272px;
	height: 177px;
	margin-top: -117px;
	margin-left: 450px;
	background: url("../images/kosacka_trava.png") no-repeat;
}

.push {
	height: 180px;
	clear: both;
}
.left-footer {
    left:0;
    position: absolute;
    min-width: 200px;
    width: 50%;
    height: 60px;
    z-index: -1;
	background: url("../images/trava_60.png");
}
.right-footer {
	position: absolute;
	right: 0;
    width: 50%;
    height: 60px;
    z-index: -1;
	/* background: url("../images/trava_polovicna.png"); */
	background: url("../images/trava_60.png");
}

/*-------------------------------------------------------+
| normal footer
+--------------------------------------------------------+*/
.attribution {
	font-size: 0.8rem;	
}
.attribution>a {
	color: #6c757d;	
}
.bg-mirage {
	background-color: #141926 !important;
	color: #ddd !important;
}
.bg-mirage a { 
	color: #ddd;
}
/*-------------------------------------------------------+
| form
+--------------------------------------------------------+*/
form .error { border: 1px solid red; }


/*-------------------------------------------------------+
| Tiles
+--------------------------------------------------------+*/

#gallery {
	position:relative;
	height:250px
}
	 
#gallery img {
	position:absolute;
}
	 
.square {
    position:relative;
    text-align:center;
    float: left;
    width: 180px;
    height: 180px;
    border: 1px solid #fff;
}

.text {
	position:absolute;
    left: 0;
    top: 0;
    margin-top: 70px; 
    padding: 3px;
    width: 177px; /*square - borders*/
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    text-shadow: 0px 0px 5px #000;
    text-decoration: none;
    display:block;
}

a.text:hover {
	cursor: default;
	text-decoration: none;
	color: #fff;
}

.category .text {
	background: none;
}

/*-------------------------------------------------------+
| Others
+--------------------------------------------------------+*/

.zamestnanec {
	/*background: #5CADF8;*/
	color: #0066ff;
}

.zamestnanec h2 {
	color: #0066ff;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

/*-------------------------------------------------------+
| Customer reviews
+--------------------------------------------------------+*/
.quotation{
  font-size: 1em;
  margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
  line-height: 1.4;
  font-style: italic;
}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 20px;
  color: #ccc;
  font-size: 4em;
}
.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  position: relative;
  top: 45px;
  color: #ccc;
  font-size: 4em;
}
.quotation-footer{
  margin-right:10px;
  text-align: right;
  font-style: italic;
}

.quotation-wrapper{
	display: flex;
	flex-direction: column;
	padding: 10px 10px;
	min-height: 280px;
}

#carouselReviews {
	flex: 1;
}

h2.quotation-header{
	text-align: center;
}

.row.grey {
	background: #f7f7f7;
}

a.phonenumber,
a.phonenumber:hover, /* OPTIONAL*/
a.phonenumber:visited,
a.phonenumber:focus {
	color: inherit !important;
	text-decoration: none !important;

}

.christmas {
	font-family: 'Mountains of Christmas', cursive;
	width: 100%;
	height: 100%;
	padding: 12px 20px;
	border-radius: 5px;
	color: white;
	background: #801116;
	/* background: -moz-radial-gradient(circle, rgba(181,25,32,1) 0%, rgba(128,17,22,1) 70%);
	background: -webkit-radial-gradient(circle, rgba(181,25,32,1) 0%, rgba(128,17,22,1) 70%);
	background: radial-gradient(circle, rgba(181,25,32,1) 0%, rgba(128,17,22,1) 70%); */
	background-image: url(/images/snow.png);
    background-repeat: repeat;
}
.christmas .title {
	font-size: 48px;
    padding: 5px 0 5px 0;
	text-align: center;
}

.christmas .body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	overflow: auto;
}

.christmas .body-text {
	width: 100%;
	text-align: center;
	font-size: 24px;
}

.christmas .col {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 0px;
	        flex: 1 0 0;
	padding: 5px;
}

.christmas img.thumbnail {
	width: 100%;
	height: auto;
	min-width: 300px;
	padding: 0px 4px;
}

.christmas a {
	display: block;
}

.christmas a:hover {
	background: rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

.rounded {
	border-radius: 4px;
}

.grecaptcha-badge { opacity:0;}