/* BOF BOOTSTRAP OVERRIDE */
.dropdown:hover>.dropdown-menu {
    /*    display: block;*/
}
.navbar-nav.right .dropdown-menu {left: initial; right: 0;}
/* EOF BOOTSTRAP OVERRIDE */


/* CSS Document */
/*html,
body { width:100%; height:100%; margin:0; padding:0; }*/
html {}
body { /*font-family: 'Titillium Web', sans-serif;*/ font-weight:400; font-size:16px; margin-top: 56px;}

.page-wrapper {}

/*body.modal-open, body.primerjalnik_active { position: fixed; }*/


/*a { outline-style: none; outline:none; color:#008eaa }
a:focus, a:hover {
    color: #33a4ba;
    text-decoration: underline;
}*/


#paypal-button,
.paymentDESCRIPTION,
#billingADDRESS,
#loaderOrderProccess,
#searchBar,
.orderDetails,
.show-more-stickers, 
.show-more-albums,
.GoToMenjalnica,
.hidden { display:none;} 

.show-more-stickers.active {display:inline-block;}

img.lazy { /*display: none;*/ }
.to_top { position:fixed; right:2%; bottom:4%; display:none; z-index:998; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-radius: 5px; }
.to_top a { display:block; padding:10px; border:1px solid #545b62; background:#FFF; color: #5a6268; border-radius: inherit;}
.to_top a:hover, .to_top a:focus { background:#5a6268; color:#FFF; border:1px solid #FFF;}


a.btn-login {padding:10px 0; color:inherit}
a.btn-login.active { background:#ccc; }
a.btn-login:hover, a.btn-login:focus { background:#ccc; text-decoration:none; }
.logo_login { max-width: 5rem; height: auto;}


.ajax-loader-more {
    display: none;
    min-height: 33.33px;
    background: transparent url('/assets/images/AjaxLoader.gif') no-repeat center center;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox */
}


.blockLoader { position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.95); z-index:2;}

.quote_content:before, .quote_content:after { position: relative;  font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; padding: 0 0.125rem; vertical-align: super; font-size: 0.5rem; }
.quote_content:before { content: "\f10d";}
.quote_content:after {content: "\f10e";}


#imgCaptcha { width:100% !important; height:38px !important; border-radius: .25rem;}
.g-signin2 { display: none;}
.pointer { cursor:pointer;}



.text-small { font-size: 0.75rem;}
.text-uppercase { text-transform:uppercase;}
.text-italic { font-style:italic;}
.text-line-through {text-decoration: line-through;}
.text-relative {position: relative;}

.table {
    display: table;   /* Allow the centering to work */
    margin: 0 auto;
}
ul.ul-inline {padding:0; list-style: none; }
ul.ul-inline li {padding: 0 0.5rem 0 0; display: inline;}
ul.ul-inline li:after { content: "|"; display: inline-block; margin-left: 0.5rem; color: #fff;}
ul.ul-inline li:last-child:after { content: ""; margin: 0; }

body.footer-fixed-bottom footer {position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;}
footer {z-index: 900 !important;}

.block-wrapper  { 

} 
@media (min-width: 768px) { 

    .block-wrapper {
        padding: 3rem !important;
        /*        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;*/
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        background-color: #f8f9fa !important;
    }
}





/* PARALLAX */
.parallax { color:#FFF; background-position: 50% 0; background-repeat:repeat-y; -webkit-background-size: cover; background-size: cover; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.parallax-holder { padding:10rem 5rem; text-align:center; }
.parallax.fixed {  background-position: 50% 50%;  background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; -moz-transform:none; -webkit-transform:none; transform:none; }
.parallax.default-font-color {color:inherit;}
.parallax .transparenca { width: 100% !important; height: 100% !important;}
/* EOF PARALLAX */



/* PAGE LOADER*/
.page-loader { display:block; position: fixed; left: 0; top: 0; z-index: 1200; width: 100vw; height: 100vh; overflow: hidden; text-align:center; background: rgba(255,255,255,0.95); }
.page-loader .holder-loader {position:absolute; left:50%; top:50%;}
.page-loader .holder-loader .loader {
    position:relative;
    left: -62px;
    top: -82px;
    text-align:center;
    border: 16px solid #6c757d;
    border-top: 16px solid #f8f9fa;
    border-bottom: 16px solid #f8f9fa;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
.page-loader .holder-text { display: none; position:absolute; bottom:0; left:-125px; width:250px; background-color:rgba(233,233,233,1.00); padding:10px; border-radius:6px;}
.page-loader .holder-text > span { color:rgba(0,0,0,1.00); }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* EOF PAGE LOADER*/

/*CART*/
.page-cart { display:none; width:100%; height:100vh; position:fixed; z-index:999; overflow-y: auto; background:rgba(0,0,0,0.60); }
.page-cart .left  { float:left; width:80%; height:inherit; transition: width 0.4s linear;}
.page-cart .right { float:left; width:20%; height:calc(100vh - 56px); background:rgba(255,255,255,1.00); transition: width 0.4s linear; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.page-cart .right .close {}

.navbar-expand-lg .navbar-nav .nav-link.btn-cart-header { padding-left: 2rem; padding-right: 2rem;}
@media (max-width: 400px) { 
    .navbar-expand-lg .navbar-nav .nav-link.btn-cart-header { padding-left: 0.5rem; padding-right: 0.5rem;} 
}
.btn-cart-header span {position: relative; top: -10px;}

.page-cart .page-cart-header { padding:20px; /*background:rgba(200,200,200,1.00);*/ color:#fff; text-transform:  uppercase; }
.page-cart .page-cart-header i {margin-right: 2rem;}
.page-cart .page-cart-content { padding:1rem; background:rgba(255,255,255,1.00);}
.page-cart .page-cart-content .attr { font-size:12px;}


.list-group-item-actions-holder { position: absolute; right: 15px; top: 0px; z-index: 1; height: 100%;}
.list-group-item.active .text-muted, .list-group-item.active .btnViewOffer { color: #E6E6E6 !important;}



.btn-xl, .btn-lg {padding: 4rem 3rem; font-size: 2rem; border-radius: .5rem;}
.btn-lg {padding: 3rem 2rem;}
.btn-xl span, .btn-lg span { display: block; font-size: 1.5rem;}
.btn span.icon {
    position: absolute;
    left: 7px;
    top: 7px;
    font-size: 18px;
    background: #FFF;
    color: #6c757d;
    width: 25px;
    border-radius: .25rem;
}
.btn-close-popover { line-height: 1rem; margin-left: 1rem;}
.btn-unread { font-weight: 700;}
.card-header.unread button {font-weight: 700;}

@media (max-width: 1920px) { .page-cart .left  { width:70%;  } .page-cart .right { width:30%; } }
@media (max-width: 1400px) { .page-cart .left  { width:60%;  } .page-cart .right { width:40%; } }
@media (max-width: 1200px) { .page-cart .left  { width:50%;  } .page-cart .right { width:50%;} }
@media (max-width: 767px) { .page-cart .left  { width:30%;  } .page-cart .right { width:70%;} }
@media (max-width: 400px) { .page-cart .left  { width:0%;  } .page-cart .right { width:100%;} }




#cartHEADER { position:relative;}
#cartHEADER_html { position:absolute; right:0; top:20px; display:none; z-index:1002; border:1px solid #ccc; background-color:#FFF; width:400px; padding:15px; border-radius:6px; }

#pravnaHOLDER { display:none;}

ul.cart_progress {}
ul.cart_progress li { color:#626262; }
ul.cart_progress li.current { color:#000; font-weight:600;}
ul.cart_progress li a { color:inherit; }
ul.cart_progress li.active a { color:#3c763d;}
/*EOF CART*/

/*SWIPER */
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-home-bg-image .swiper-slide { 
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    /*background-position: left top !important;*/
    height: 400px ! important;
}

.swiper-slide img { width:100%; height:auto; }

.swiper-slide.YT { height:auto; min-height: 600px;}
.swiper-slide.YT iframe { height:100% !important; background:none;}
.swiper-slide.YT .video-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.0); background-image: url(/assets/images/yt-play-button.png); background-size: 70px; background-repeat: no-repeat; background-position: center center; }
.swiper-slide.YT .YT-placeholder { width: 100%; height: 100%;}





.swiper-slide video {  width: 100%; }
.swiper-slide .video-overlay { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/assets/video/gridtile.png); background-repeat: repeat; }
.swiper-slide .video-poster { /* object-fit: fill; */}

.swiper-home-bg-image .swiper-slide.YT { min-height: 400px;}




a.swiper-lightbox { display:contents;}
a.swiper-link { display:contents; /*display:block;*/}
.swiper-text {
    position: absolute;
    z-index: 9999;
    color: #FFFFFF;
    font-size: 1em;

    /*width: 100%;*/
    width:90%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  /* IE10+ specific styles go here */  
    .swiper-text { top:38%; }
    .swiper-text.center { left:5%; right:5%; }
}


.swiper-text.black { color: #272726; }
.swiper-text.grey { color: #7f7f7f; }
.swiper-text.white { color: #fff; }
.swiper-text.red { color: #CD1719; }
.swiper-text.green { color: #72c02c; }

.swiper-text.left { left: 10%; text-align:left; }
.swiper-text.center { left:5%; right:5%; text-align:center; } /*Glede na nastavljeno širino teksta zgora, ki je sedaj 90%*/
.swiper-text.right { right: 10%; text-align:right; }


.slide-transp {  width:100% !important; height:100% !important; position:absolute; left:0; top:0;}
.transp-0 { background:rgba(0,0,0,0.00); }
.transp-1 { background:rgba(0,0,0,0.10); }
.transp-2 { background:rgba(0,0,0,0.20); }
.transp-3 { background:rgba(0,0,0,0.30); }
.transp-4 { background:rgba(0,0,0,0.40); }
.transp-5 { background:rgba(0,0,0,0.50); }
.transp-6 { background:rgba(0,0,0,0.60); }
.transp-7 { background:rgba(0,0,0,0.70); }
.transp-8 { background:rgba(0,0,0,0.80); }
.transp-9 { background:rgba(0,0,0,0.90); }

@media (max-width: 1024px) {
    .swiper-slide.YT { height:auto; min-height: 350px;}    
}
@media (max-width: 767px) {
    /*.swiper-text { display:none;}*/

    .swiper-slide.YT { height:auto; min-height: 170px;}

    .swiper-home-bg-image .swiper-slide { 
        height: 200px !important;
    }
    .swiper-home-bg-image .swiper-slide.YT { min-height: 200px;}

    .swiper-button-next, .swiper-button-prev { display:none;}

    .swiper-text { font-size:0.75em; top:10%;}
    .swiper-text h1 {font-size:2em;}
    .swiper-text.left { }
    .swiper-text.center { } 
    .swiper-text.right { }


}
/*EOF SWIPER */