/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {

	position: relative;
	margin: 0 auto 5px 0px;
	padding: 0;
	*zoom: 1;
	float:none;width:100%;
}

.bx-wrapper img {
	width: 100%;
	display: block;
	padding:0 !important;
	margin:-5px 0 0 0  !important;
	height:auto;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
left: 0px;
/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -25px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}









/* DIRECTION CONTROLS (NEXT / PREV) KONTROLE OVDE*/

.bx-wrapper .bx-prev {border-radius:0 7px  7px 0 ;
	left: 0px;
	background: url(images/controlsprev.png) no-repeat 0 50%;
}

.bx-wrapper .bx-next {border-radius:7px 0 0px 7px;
	right:0px;
	background: url(images/controlsnext.png) no-repeat 92% 50%;
}

.bx-wrapper .bx-prev:hover {
background: url(images/controlsprev1.png) no-repeat ;
	background-position: 0 50%;
}

.bx-wrapper .bx-next:hover {
background: url(images/controlsnext1.png) no-repeat ;
	background-position: 100% 50%;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: 0;
	outline: 0;
	width: 4%;
	height: 100%;
	text-indent: -9999px;
	z-index: 7000;
}

.bx-wrapper .bx-controls-direction a.disabled {
	
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
	
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	/*background: url(images/controls.png) -86px -11px no-repeat;*/
	margin: 0 3px;
}





/* IMAGE CAPTIONS */

.bx-caption1 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.0);
    z-index: 11000;
    transform: translateY(-50%);
    width: 60%;
    text-align: center;
    margin: 0 auto;
    border-radius: 15px;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
    animation: slideFromBottom 0.8s ease-out forwards;
    opacity: 0;
}

.bx-caption1 h1 { 
    line-height:150%;
    color:#9C9C8D;
    margin:10px 5px;
    font-size:2.9em;
    
    opacity: 0;
    animation: slideFromTop 0.8s ease-out 0.3s forwards;
}

.bx-caption1 p.prvi { 
    line-height:150%;
    color:#fff;
    margin:10px 5px;
    font-size:1.6em;
    opacity: 0;
    animation: slideFromRight 0.8s ease-out 1s forwards;
}

.bx-caption1 p.drugi {
    line-height:150%;
    color:#fff;
    margin:10px 5px;
    font-size:1.6em;
    opacity: 0;
	padding:20px 0;
    animation: slideFromLeft 0.8s ease-out 1.8s forwards;
}

.bx-caption1 p.treci {
    line-height:150%;
    color:#fff;
    margin:10px 5px;
    font-size:1.3em;
    opacity: 0;
    animation: slideFromBottomText 0.8s ease-out 2.6s forwards;
}

/* === KEYFRAMES === */

@keyframes slideFromTop {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideFromRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideFromBottomText {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideFromBottom {
    0% {
        transform: translateY(100vh) translateY(-50%);
        opacity: 0;
    }
    70% {
        opacity: 0.7;
    }
    100% {
        transform: translateY(-50%);
        opacity: 1;
    }
}

@media screen and (max-width:1199px){
.bx-caption1 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.0);
    z-index: 11000;
    transform: translateY(-50%);
    width: 90%;
    text-align: center;
    margin: 0 auto;
    border-radius: 15px;
    padding: 8px; /* smanjen padding */
    box-sizing: border-box;
    overflow: hidden; /* ili hidden ako želite skrivati preljev */
    
    animation: slideFromBottom 0.8s ease-out forwards;
    opacity: 0;
}


.bx-caption1 h1 { line-height:100%;color:#fff;margin:0px 0px 0px 0;font-size:1.45em!important;}
.bx-caption1 p.prvi { line-height:100%;color:#fff;margin:5px 5px!important;font-size:1.1em!important;}
.bx-caption1 p.drugi {line-height:100%;color:#fff;margin:5px 5px!important;font-size:1.1em!important;display:none;}
.bx-caption1 p.treci {line-height:100%;color:#fff;margin:5px 5px!important;font-size:1.1em!important;}

/* Definicija keyframe animacije */
@keyframes slideFromBottom {
    0% {
        transform: translateY(100vh) translateY(-50%);
        opacity: 0;
    }
    70% {
        opacity: 0.7;
    }
    100% {
        transform: translateY(-50%);
        opacity: 1;
    }
}
.bx-wrapper .bx-prev {border-radius:0 7px  7px 0 ;
	left: 0px;
	background: url(images/controlsprev.png) no-repeat 0 50%; display:none;
}

.bx-wrapper .bx-next {border-radius:7px 0 0px 7px;
	right:0px;
	background: url(images/controlsnext.png) no-repeat 92% 50%;display:none;
}



}