/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
}

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}

table {
    width:100%;
    padding:10px;
    height:auto !important;
}

table.tabi {
    width:auto;
}


table td {
    height:auto !important;
    vertical-align: top;
}

table tr td:first-child {
    padding-right:20px !important;
}

table tr td:last-child {
    padding-left:20px !important;
}

@media (max-width: 1024px) {
.blok_0 table tr td {
    display: table-row;
    padding: 12px 0px;
    float: left;
    width:100% !important;
  }

.blok_0 table tr td:first-child {
    padding-right:0px !important;
	}

.blok_0 table tr td:last-child {
	 padding-left:0px !important;
	}
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

  
table tr td {
    display: table-row;
    padding: 12px 0px;
    float: left;
    width:100% !important;
  }

  table tr td:first-child {
    padding-right:0px !important;
	}

  table tr td:last-child {
	 padding-left:0px !important;
	}
}


.content-x {
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.content {
    max-width: 1360px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.content img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
} 

.width50 {
	float: left;
	width: 50%;
}

.width100 {
	float: left;
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}

.width25 {
	float: left;
	width: 25%;
}

.width20 {
	float: left;
	width: 20%;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

/* Top */
.fix {
  position: fixed;
  width: 100%;
  z-index: 10;
}

.top {
    position: absolute;
    width: 100%;
    z-index: 6;
    background: #fff;
    background: rgba(0,0,0,0.70);
    box-shadow: 0 0 1px #fff;
}

.fix.scroll .top {
	background: rgba(0,0,0,0.80);
}

.meni {
	float: left;
	width: calc(100% - 310px);
	text-align: right;
}

.logo {
	float: left;
	width: 310px;
	padding: 15px 0px 10px 0px;
}

.logo img {
	width: 240px;
	height: auto;
}

.fix.scroll .logo img {
    width: 147px;
    height: auto;
}

/* Slider*/

.banner {
	position: relative;
	width: 100%;
}

.slogan-slider {
    position: absolute;
    left: 0;
	top: 40%;
    z-index: 1;
    color: #fff;
    font-size: 39px;
    width: 50%;
    padding: 30px;
    text-align: right;
    background: rgba(0,0,0,0.65);
}

.slogan-2 {
	position: absolute;
    right: 0;
	bottom: 10%;
    z-index: 1;
    color: #d2252b;
    font-size: 28px;
    width: 50%;
    padding: 30px 50px;
    text-align: right;
    font-weight: 600;
    background: rgba(0,0,0,0.65);
    text-align: left;
}

.djslider-default .load-button {
	width: 15px !important;
	height: 15px !important;
	border:none !important;
	background: #eee !important;
}

.djslider-default .navigation-container-custom {
    right: 0px;
    left: 0;
    text-align: center;
    bottom: 30px;
    top: none;
}

/* Mega menu */

.dj-megamenu-wrapper {
	line-height: 0;
}

.dj-megamenu-default li a.dj-up_a .arrow {
	display: none !important;
}

.top .dj-megamenu-default li a.dj-up_a span.dj-drop {
    padding: 0px !important;
}

.dj-megamenu-default {
  background: none !important;
  font-family: 'Montserrat', sans-serif !important;
  display: inline-block;
}

.dj-megamenu-default li.active a.dj-up_a {
  background: #cca91b !important;
}

.meni .dj-megamenu-default li a.dj-up_a {
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  padding: 27px 20px !important;
  color: #fff !important;
  font-weight: 500 !important;
  text-transform: capitalize;
  height: auto;
  border: none;
}

.fix.scroll .meni .dj-megamenu-default li a.dj-up_a {
  padding: 10px 20px !important;
}

.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li.hover a.dj-up_a, 
.dj-megamenu-default li.active a.dj-up_a {
  background: none !important;
  color: #fff !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-image: url(../images/crta.jpg) !important;
}

.dj-megamenu.dj-megamenu-default.horizontalMenu ul li {
  text-align: center;
  width: 100%;
}

.meni .dj-megamenu-default li a.dj-up_a span.dj-drop {
    padding: 0 0px 0 0 !important;
}

/* Show first level submenu */
.dj-megamenu-default li:hover div.dj-subwrap,
.dj-megamenu-default li.hover div.dj-subwrap {
    background: #0094df !important;
    box-shadow: none !important;
}
/* Show higher level submenus */
.dj-megamenu-default li:hover div.dj-subwrap li:hover > div.dj-subwrap,
.dj-megamenu-default li.hover div.dj-subwrap li.hover > div.dj-subwrap {
    background: #c1c8cb !important;
    box-shadow:  none !important;
}

.dj-megamenu-default li ul.dj-submenu > li > a {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: normal !important;
  text-align: left !important;
  line-height: 24px !important;
}

.dj-megamenu-default li ul.dj-submenu > li > a:hover {
  background:#eee !important;
  color: #020d26 !important;
}

.dj-megamenu-default li ul.dj-submenu > li {
    border-top: none !important;
    border-bottom: 1px solid #b5b9c2 !important;
}

.dj-megamenu-default li a.dj-up_a span.dj-drop {
    padding: 0 !important;
}

/* Mobile menu */

.dj-megamenu-offcanvas-dark .dj-mobile-open-btn {
  background:none !important;
}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
    color: #d2252b !important;
    margin-top: 25px !important;
}

/* Vsebina */

.front .vsebina, .front .banner-in {
	display: none;
}

.vsebina {
	position: relative;
	width: 100%;
	overflow: auto;
	padding-bottom: 70px;
	margin-top: -100px;
	line-height: 28px;
}

.vsebina a {
	color: #d2252b;
	text-decoration: none;
}

.vsebina a:hover {
	color: #323232;
}

.vsebina .articleBody {
	line-height: 28px;
}

.page-header h2 {
	text-align: center;
	margin-bottom: 100px;
	color: #fff;
	font-family: 'Merienda', cursive;
	font-weight: 400;
	font-size: 50px;
	padding: 11px 0px 100px 0px;
	margin: 0px;
	text-shadow: 2px 2px 8px #000;
}

.pull-right.item-image {
	padding-top: 50px;
}

/* Banner */

.banner-in {
    position: relative;
    width: 100%;
    min-height: 120px;
    background-size: cover;
    background-position: center;
}

.banner-in.active {
    height: 550px;
    background-size: cover;
    background-position: center;
}

/* Bloki */

.blok_0 {
	position: relative;
	width: 100%;
	padding: 70px 0px;
	overflow: auto;
	background: #eee;
	line-height: 26px;
}

.blok_0 .content {
	max-width: 1100px;
}

.blok_0 table img {
	padding: 20px;
}

.blok_0 h2 {
	line-height: 30px;
	font-weight: 500;
	font-size: 20px;
}

.blok_01 {
	position: relative;
	width: 100%;
	padding: 70px 0px;
	overflow: auto;
}

.blok_01 .content{
	max-width: 1100px;
}

.custom_lastnosti {
	padding-left: 50px;
	padding-top: 50px;
	line-height: 28px;
}

.blok_04b {
	position: relative;
	width: 100%;
	padding: 70px 0px;
	overflow: auto;
	background-image: url(../images/bg-ali.jpg);
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
}

.custom_ali img {
	margin: 0px 10px;
}

.custom_ali ul {
	margin: 0;
	padding: 0;
	column-count: 3;
    column-gap: 50px;
}

.custom_ali ul li {
	margin: 0;
	padding: 7px 0px 7px 15px;
	list-style-type: none;
	line-height: 28px;
	background-image: url(../images/bulett.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-position-y: 17px;
}

.custom_ali h2 {
	color: #d2252b;
	font-size: 38px;
	font-weight: 500;
}

a.gumb {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background:#d2252b;
	padding: 5px 25px;
	border-radius: 50px; 
	font-size: 18px;
}

a.gumb:hover {
	background:#e03339;
}

.blok_02 {
	position: relative;
	width: 100%;
	padding: 70px 0px;
	background:#eee;
	text-align: center;
	overflow: auto;
}

.blok_03 {
	position: relative;
	width: 100%;
	padding: 70px 0px;
	overflow: auto;
}

.blok_04 {
	position: relative;
	width: 100%;
	padding: 30px 0px;
	background:#212529;
	color: #fff;
	overflow: auto;
}

.blok_04 img {
	vertical-align: middle;
}

.blok_04a {
	position: relative;
	width: 100%;
	padding: 30px 0px;
	background:#d2252b;
	color: #fff;
	overflow: auto;
}

.moduletable_postati {
	font-size: 24px;
	padding-top: 5px;
}

.pov {
	width:calc(100% - 300px);
	float: left;
	font-size: 19px;
	line-height: 28px;
}

.pov-1 {
	width:300px;
	float: left;
}

.pov-1 a.gumb {
	font-size: 24px;
	padding: 7px 25px;
	margin-top: 6px;
}

.pov-1 a.gumb1 {
	display: inline-block;
	text-decoration: none;
	background:#d2252b;
	padding: 5px 25px;
	border-radius: 50px; 
	font-size: 20px;
	background: #fff;
	color:#000;
	font-weight: 600;
}

.pov-1 img {
    vertical-align: bottom;
    width: 28px;
}

/* map */

.map {
	position: relative;
	width: 100%;
}

.custom_sadovnjaki {
	padding: 50px 0px;
	margin: 0 auto;
    max-width: 1200px;
}

.custom_sadovnjaki h3 {
	font-weight: 400;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	line-height: 33px;
}

/* Galerija */

.galerija .content {
	max-width: 1600px;
}

.front [class^=os-gallery-album-tabs-main] img, .front [class^=os-gallery-all-in-one-main] img, .front [class^=os-gallery-tabs-main] img {
	border-radius:100%;
	border: 3px solid #fff;
}

[class^=os-gallery-all-in-one-main] .img-block.sergio-effect, [class^=os-gallery-album-tabs-main] .img-block.sergio-effect, [class^=os-gallery-tabs-main] .img-block.sergio-effect {
	background:none !important;
}

[class^=os-gallery-tabs-main] .os-cat-tab-images {
    margin-left: -10px;
}

/* bott */

.bott {
	position: relative;
	width: 100%;
	overflow: auto;
	padding: 50px 0px 20px 0px;
	line-height: 22px;
}

.bott a {
	text-decoration: none;
	color: #d2252b;
}

.custom_line {
	line-height: 28px;
}

.custom_naslov img {
		margin-bottom: 50px;
}

/* Pravice */

.pravice {
	padding: 15px;
	border-top: 1px solid #ddd;
	position: relative;
	width: 100%;
	text-align: center;
}

.pravice a {
	text-decoration: none;
	color: #888;
}

.logo2 img {
	width: 200px;
	height: auto;
}

.logo2 {
	width:calc(25% - 50px);
	float: left;
}

.face {
	float: left;
	width: 50px;
}

@media only screen and (max-width: 1269px) {
	.slogan-slider {
		font-size: 30.9px;
	}
	.blok_01 img, .blok_0 table img {
		width: 390px;
	}

	.custom_lastnosti {
		padding-top: 30px;
	}

	.logo {
	    float: left;
	    width: 200px;
	    padding: 25px 0px 10px 0px;
	}
	.logo img {
		width: 200px;
	}
	.meni {
	    width: calc(100% - 200px);
	}
	.fix.scroll .meni .dj-megamenu-default li a.dj-up_a {
	    padding: 15px 15px !important;
	}
}

@media only screen and (max-width: 1199px) {
	.slogan-2 {
		position: relative;
	    color: #000;
	    font-size: 28px;
	    width: 100%;
	    padding: 30px;
	    text-align: center;
	    background: none;
	    border-bottom: 1px solid #ddd;
	}
}

@media only screen and (max-width: 1105px) {
	.meni .dj-megamenu-default li a.dj-up_a {
	    padding: 27px 15px !important;
	}
}

@media only screen and (max-width: 1053px) {
	.logo {
	padding: 15px 0px 10px 0px;
	}
}

@media only screen and (max-width: 1024px) {
	.meni .dj-megamenu-default li a.dj-up_a {
	    padding: 27px 15px !important;
	}
}

@media only screen and (max-width: 998px) {
	.slogan-slider {
		font-size: 24px;
	}
	.blok_03 .width25 {
		width: 50%;
		padding-bottom: 30px;
	}

	.width25, .width50, .logo2, .face  {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.custom_naslov img, .custom_line img {
		display: none;
	}

	.blok_0 {
		text-align: center;
	}
}

@media only screen and (max-width: 800px) {
	.slogan-slider {
		width: 60%;
		top:60%;
	}

	.djslider.djslider-default {
		height: 600px !important;
	}

	.djslider-in li {
		height: 600px !important;
	}

	img.dj-image {
		height: 600px !important;
		width: auto !important;
	}
	.blok_04 {
		padding: 50px 0px;
	}

	.pov {
		margin-bottom: 20px;
	}
	.pov, .pov-1 {
		width: 100%;
		text-align: center;
	}

}

@media only screen and (max-width: 769px) {
	.slogan-slider {
		width: 70%;
	}	

	.custom_lastnosti {
		padding-left: 0px;
	}

	.custom_lastnosti ul {
		padding: 25px 0px;
		margin: 0px;
	}

	.custom_lastnosti ul li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}

	.banner-in.active {
	    height: 350px;
	}
}

@media only screen and (max-width: 768px) {
	.logo {
	    float: left;
	    width: 200px;
	    padding: 5px 0px 3px 0px;
	}

	.logo img, .fix.scroll .logo img {
		width: 150px;
	}
	.meni {
	    width: calc(100% - 200px);
	}
	.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
		margin-top: 3px !important;
	}
	.top {
	    background: rgba(0,0,0,0.70);
	}

	.custom_ali ul {
	    column-count: 2;
	    column-gap: 30px;
	}
}



@media only screen and (max-width: 479px) {
	.custom_ali ul {
	    column-count: 1;
	    column-gap: 0px;
	}

	.page-header h2 {
		font-size: 30px;
	}

	.slogan-slider {
		width: 100%;
		text-align: center;
		padding: 20px;
		font-size: 18.5px;
	}
	.djslider.djslider-default {
		height: 480px !important;
	}

	.djslider-in li {
		height: 480px !important;
	}

	img.dj-image {
		height: 480px !important;
		width: auto !important;
	}

	.blok_03 .width25 {
		width: 100%;
	}

	.blok_0 {
	    padding: 30px 0px 20px 0px;
	}
}

.jb-accept.btn.red {
	font-size: 16px;
}