/* GALERIJA Slider */



.slider {width: 100vw; margin: 0px auto;}

.slick-slide {margin:0px; transition: all ease-in-out .3s; opacity: 1;
display: none;
float: left !important;
height: 100vh; width: 100vw; min-width: 100vw;
min-height: 1px; cursor: -webkit-grab; cursor: grab;}

.slick-slide:active {cursor: -webkit-grabbing; cursor: grabbing;}

  

.slick-slide img {width: 100vw; height: 100vh; min-width: 100vw;}
    
.slick-active {opacity: 1;}

.slick-current {opacity: 1; }

.slick-slider
{position: absolute; top:0vh; z-index:300; left:0px;  
display: block; background-color: #FFF;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
-webkit-tap-highlight-color: transparent;

}


.slick-list
{position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}

.slick-list:focus { outline: none;}

.slick-list.dragging {
cursor: pointer;
cursor: hand;}

.slick-slider .slick-track, .slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}

.slick-track {
position: relative; 
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;}
	
.slick-track:before, .slick-track:after
{display: table; content: '';}

.slick-track:after {clear: both;}

.slick-loading .slick-track {visibility: hidden;}

[dir='rtl'] .slick-slide {float: right; }

.slick-slide img {display: block;}

.slick-slide.slick-loading img {display: none;}

.slick-slide.dragging img {pointer-events: none;}

.slick-initialized .slick-slide {display: block;}

.slick-loading .slick-slide {visibility: hidden;}

.slick-vertical .slick-slide
{display: block;
height: auto; 
border: 0px solid transparent;}

.slick-arrow.slick-hidden { display: none;}

/* GALERIJA Slider kraj */


/* Galerija Slider Arrows */
.slick-prev, .slick-next {
background-image:url(../img/dugmel.png); background-size: cover;
background-position: center; background-color: rgba(40, 50, 50, 0.6); background-color: rgba(15, 40, 90, 0.85);
position: absolute;
bottom: 0.5vh;
display: block;
width: 6vh;
height: 6vh;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
transition: all 0.3s ease ;
transform-origin: center center !important;
border-radius: 200px;
z-index: 20;}

.slick-prev:hover, .slick-next:hover, .slick-prev:active, .slick-next:active {
color: transparent;
outline: none;
background-color: rgba(40, 50, 50, 0.80);  background-color: rgba(15, 40, 90, 1.0);
-webkit-transform: scale(1.15); 
-moz-transform: scale(1.15); 
-ms-transform: scale(1.15);  
-o-transform: scale(1.15); 
transform: scale(1.15);}

.slick-prev:hover, .slick-prev:active { /*background-image:url(../img/dugmelp.png);*/}

.slick-next:hover, .slick-next:active { /*background-image:url(../img/dugmedp.png);*/}

.slick-prev:focus, .slick-next:focus {
color: transparent;
outline: none;}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{opacity: 1;}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{opacity: .25;}


.slick-prev {left: 50vw; margin-left:-6.75vh; }

[dir='rtl'] .slick-prev { right: 0vh; left: auto;}


.slick-next {right: 50vw; margin-right: -6.75vh; background-image:url(../img/dugmed.png); border-radius: 200px;}

[dir='rtl'] .slick-next {right: auto; left:0vh;}


@media all and (orientation: landscape) and (max-height: 767px) {
.slick-slider {position: fixed; top:0vh;}
.slick-prev, .slick-next{ width: 10vh; height: 10vh; top: 45.0vh; background-color: rgba(15, 40, 90, 0.85);}
.slick-prev{ left: 1vw; margin-left: 0vh;}
.slick-next{ right: 1vw; margin-right: 0vh;}
.slick-prev:hover, .slick-next:hover, .slick-prev:active, .slick-next:active {
background-color: rgba(15, 40, 90, 1.0);}
}


@media all and (orientation: landscape) and (max-height: 550px) {
.slick-slider {position: fixed; top:0vh;}
.slick-prev, .slick-next{ width: 15vh; height: 15vh; top: 42.5vh; background-color: rgba(15, 40, 90, 0.85);}
.slick-prev{ left: 1vw; margin-left: 0vh;}
.slick-next{ right: 1vw; margin-right: 0vh;}
.slick-prev:hover, .slick-next:hover, .slick-prev:active, .slick-next:active {
background-color: rgba(15, 40, 90, 1.0);}
}


@media all and (orientation: portrait) {
.slick-slider {position: fixed; top:0vh;}
.slick-prev, .slick-next{ width: 7.5vh; height: 7.5vh; top: 47.5vh; background-color: rgba(15, 40, 90, 0.85);}
.slick-prev{ left: 1vw; margin-left: 0vh;}
.slick-next{ right: 1vw; margin-right: 0vh;}

.slick-prev:hover, .slick-next:hover, .slick-prev:active, .slick-next:active {
background-color: rgba(15, 40, 90, 1.0);}
}