/*CUSTOM*/
.warn {
	color:red;
	font-size:14px;
	text-align:center;
	text-transform: uppercase;

}
.mu-primary-btn:hover {
  background-color:#06b8ee;
  color:white;
}
.title {
	font-family: 'Oswald', sans-serif !important;
}

.index-tile{
	border: solid white 5px;
	border-radius: 30px;
	min-height:170px;
	color:white;
	background-color:rgba(0,90,171,0.8);
	margin:10px;
}

.index-tile:hover{
	color:rgba(0,90,171,1);
	background-color: rgba(200,200,200,0.8);
	border: solid rgba(0,90,171,1) 2px;
}
.bottom-left {
	position: absolute;
	font-weight: 700;
	font-size: 40px;
	color: AntiqueWhite ;
	bottom: 0;
	left: 10;
}
.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;

		-webkit-transform: rotate(-45deg);
/* Firefox */
-moz-transform: rotate(-45deg);
/* IE */
-ms-transform: rotate(-45deg);
/* Opera */
-o-transform: rotate(-45deg);
}
.tile {
	/*margin: 0px;*/
	padding: 0px;

}
.tile img {
	border-radius: 10px 10px 0px 0px;
	width: 100%;
}
.tile :hover {
	width: 100%;
height: 100%;
color: #blue;
opacity: 0.2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(186, 232, 2, 0.1);
}

.tile h3 {
	padding: 30px;
}

.naslov {
	padding:30px;
	color:white;
	background-color:#06b8ee;
}
.podnaslov{
	padding-top:10px;
	text-align:center;
	text-transform: uppercase;
	background-color:white;
	color:#06b8ee;
}
.podnaslov>h4>b{
	color:#dfbc51;
	text-shadow: 1px 1px 1px black;
}

.podnaslov1{
	font-family: 'Open Sans', sans-serif !important;
	box-shadow: 3px 3px 4px;
	margin-top:20px;
	padding:10px 0px 0px 0px;
	text-align:center;
	text-transform: uppercase;
	background-color:#06b8ee;
	color:white;
}
.podnaslov1>h3>b{
	font-family: 'Open Sans', sans-serif !important;
	font-size:40px;
	padding: 10px;
	white-space: normal;
}
.hrs {
	padding:0px;
}
.naslov>h1>b {
	font-family: 'Open Sans', sans-serif !important;
	font-weight:700;
	font-size: 48px;
}

p {
	font-family: 'Open Sans', sans-serif !important;
	font-weight:300;
	font-size:20px;
}
.shopping-cart-xs>a{
	text-align: :center;
	padding:10px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:700;
	font-size: 18px;
}
.shopping-cart>a{
	text-align: :center;
	padding:30px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:700;
	font-size: 40px;
}

.maint {
	font-size:18px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight:300
}
.naslov1 {
	padding:10px;
	color: #06b8ee;
	height: 100px;

}

.quotes {display: none;}

.naslov1>h3{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 24px;
	text-align:center;
	text-transform: uppercase;
	color:#06b8ee;
	display:none;
}
.labelo {
	margin-top:30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background:#eee;
	color:black;
	border-left: solid #06b8ee 8px;
	border-radius: 10px 10px 10px 10px;
}
@media all and (max-width: 1200px) { /* screen size until 1200px */
    body {
        font-size: 1.5em; /* 1.5x default size */
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    body {
        font-size: 1.2em; /* 1.2x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    body {
        font-size: 0.8em; /* 0.8x default size */
        }
    }
		.cont{
		  position: relative;
		  overflow: hidden;
		  width: 100%;
		  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
		}

		/* Then style the iframe to fit in the container div with full height and width */
		.responsive-iframe {
		  position: absolute;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  width: 100%;
		  height: 100%;
		}
#mu-hero{
	padding:100px 20px 20px 20px;
}
.mu-hero-left h1 {
	color: #000;
	font-size: 50px;
	margin-bottom: 20px;
}

.mu-hero-left p {
	color: #000;
	margin-bottom: 20px;
}

.mu-hero-left .mu-primary-btn {
	margin-top: 20px;
	background-color: #06b8ee;
	font-weight: 600;
}

.mu-hero-left span {
	display: block;
	margin-top: 10px;
	color: #f8f8f8;
}