/* BOF BOOTSTRAP OVERRIDE */
@media screen and (min-width: 1600px) {
    .container-fluid {
        width: 1600px;
    }
}

.container-full { width:100%; margin-right: auto; margin-left: auto; }
.container-full:before, .container-full:after { display: table; content: " "; }
.container-full:after { clear: both; }

.row [class*='col-'] {
    /*          transition: all 0.5s ease-in-out;
           -o-transition: all 1.5s ease-in-out; 
         -moz-transition: all 1.5s ease-in-out; 
      -webkit-transition: all 1.5s ease-in-out;*/
}
/* EOF BOOTSTRAP OVERRIDE */


/* CSS Document */
html,
body {
    /*overflow-x: hidden; /* Prevent scroll on narrow devices, Če je tole odkomentirano potem na mobilnih napravah crollanje "šteka" https://stackoverflow.com/questions/12845892/ios-overflow-x-or-position-absolute-makes-scrolling-choppy */
    width:100%; height:100%; margin:0; padding:0; font-size:100%; /*font-size:100% == 16px */
}
html { }
body { color: #000; font-family: 'Open Sans', sans-serif; font-weight:400; overflow-x: hidden; word-wrap: break-word; font-size: 16px; overflow-y: scroll;}
@media (max-width: 2000px) {
    /*	body { font-size:50%;}*/
}

body.modal-open, body.primerjalnik_active { position: fixed; }
body.menu_opened { /*height: 100%; overflow: hidden; */ }

/* fullscreen center - V & H */
.container-table { display: table; width:100%; padding:0; height: 100%; } 
.vertical-center-row { display: table-cell; vertical-align: middle; }
/* EOF fullscreen center */


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


.hidden { display:none;} 

.to_top { position:fixed; right:2%; bottom:4%; display:none; z-index:1100; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.to_top a { display:block; padding:10px; border:1px solid #008eaa; background:#FFF;}
.to_top a:hover, .to_top a:focus { background:#008eaa; color:#FFF; border:1px solid #FFF;}





/******************SEASON************************/
#wrap {position: relative; width: 100%;}
header {width: 80px; height:100%; position: relative; z-index: 18; float: left; display: block; }
header nav {position: fixed; left: 0px; height: 100vh; width: 80px; z-index: 19; text-align: center; background: #333333; display: table; font-size: 1.25rem; }

header .open-navigation {position: absolute; width: 0px; left: 80px; top: 0px; background: rgba(241,241,241,0.95); height: 100vh; z-index: -99; opacity: 0; transition: all 0.4s ease-in-out; overflow: hidden;}
header .open-navigation {}
header .nav-close, 
header .nav-logout { position: absolute; left: 50%; top: 20px; display: none;  }
header .nav-logout { bottom: 20px; top: initial; display: block; }
header .nav-close a, 
header .nav-logout a { display: block; position: relative; left: -50%;}


header nav i { color: #FFF;}
.navgation:hover .open-navigation {opacity: 1; width: 250px;}

header .open-navigation .navi-in {display: none; position: absolute; height: 100vh; width: 100%; transition: all 0s ease-in-out;}
.navgation:hover .navi-in {display: table;}

header .logo { display: block; width: 100%; margin-top: 0px; }
header .logo img { margin-bottom: 20px;}
header .logo img:last-child { margin-bottom: 0px;}
header .ads { position: absolute; bottom: 20px; width: 100%; text-transform: uppercase; font-size: 0.75rem; padding: 0 30px; color: #999999; }
header .nav-links { display: block; width: 100%; margin: 10% 0 0 0; padding: 0; }
header .nav-links li { list-style: none; display: block; width: 100%; padding: 10px 0; }
header .nav-links li a { display: block; width: 100%; font-weight: 100; letter-spacing: 2px; color: #333333; font-size: 0.75rem; }
header .nav-links li.active a { color: #a3a3a3; }


@media (max-width: 767px) {
    body.menu_opened header .nav-close {display: block;}
    header .open-navigation {overflow-y: auto;}
    .navgation:hover .open-navigation { width: calc(100vw - 80px);}
    header .logo { margin-top: 0; }
    header .ads { position: relative; display: none; bottom: 0; }
}


.bold { font-weight: 700;}



.portfolio {
    position: relative;
    padding-left: 80px;
    float: left;
    display: block;
    width: 100%;
    overflow: hidden;
    /*    min-height: 850px;*/
}

/**/
.grid { width:100%; display: block; position: relative;}
.grid:after { content: ''; display: block; clear: both; }
.gutter-sizer { width: 0% !important; }
/* ---- .element-item ---- */
.element-item {
    width: 20%;
    overflow: hidden;
    color: #262524;
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;


    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}
.element-item > * { margin: 0; padding: 0; }
@media (max-width: 1280px) { 
    .element-item { width: 25%; }
}
@media (max-width: 1024px) { 
    .element-item { width: 33.3333%; }
}
@media (max-width: 767px) { 
    .element-item { width: 50%; }
}
@media (max-width: 450px) { 
    .element-item { width: 100%; }
}

.embed-responsive-4by4:before {padding-top: 100%;}


.grid a {display: block; background: transparent;}
.grid a:hover .element-item { opacity: 0; -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
.grid .thumb { overflow: hidden; -ms-transition: opacity 350ms ease-in-out,-ms-transform 400ms ease-in-out; -webkit-transition: opacity 350ms ease-in-out,-webkit-transform 400ms ease-in-out; transition: opacity 350ms ease-in-out,transform 400ms ease-in-out; z-index: 2; position: relative; }
.thumbnail-title-wrap {background-image: radial-gradient(circle,rgba(0,0,0,.4) 0%,rgba(0,0,0,.65) 100%);height: 100%;opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;text-align: center;-ms-transform: scale(1.3);-webkit-transform: scale(1.3);transform: scale(1.3);-ms-transition: opacity 400ms ease-in-out,-ms-transform 400ms ease-in-out;-webkit-transition: opacity 400ms ease-in-out,-webkit-transform 400ms ease-in-out;transition: opacity 400ms ease-in-out,transform 400ms ease-in-out;width: 100%;}
.thumbnail-title-wrap::before {content: '';display: inline-block;height: 100%;margin-right: -.25em;vertical-align: middle;}
.no-touchevents .grid a:hover .thumb {opacity: 0;-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.no-touchevents .grid a:hover .thumbnail-title-wrap {opacity: 1;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.grid .center {display: inline-block; margin: 0; max-width: 90%; vertical-align: middle; }
.grid .center h2 {font-weight: 400; line-height: 1.5; color: #FFF; display: inline-block; font-size: 26px; }


.show-modal { /*overflow: hidden;*/ }
.modal {
    background: rgba(0,0,0,.15);
    cursor: url(https://dunked.cdn.speedyrails.net/templates/apex/1/images/cross.ico),default;
    cursor: -webkit-image-set(url(https://dunked.cdn.speedyrails.net/templates/apex/1/images/cross.ico) 1x,url(https://dunked.cdn.speedyrails.net/templates/apex/1/images/cross-2x.ico) 2x),default;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    -webkit-transition: opacity 300ms ease-in-out 1ms,visibility 1ms linear 302ms;
    transition: opacity 300ms ease-in-out 1ms,visibility 1ms linear 302ms;
    visibility: hidden;
    width: 100%;
    z-index: 20;
}
.modal--show {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in-out 2ms,visibility 1ms linear;
    transition: opacity 300ms ease-in-out 2ms,visibility 1ms linear;
    visibility: visible;
    display: block;
}

.modal-content-my {
    background: transparent;
    cursor: default;
    float: right;
    max-width: 850px;
    min-height: 100vh;
    opacity: 0;
    padding: 45px 50px 100px 50px;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
    width: 100%;
}
.season_projekt {padding: 45px 50px 100px 50px;}
.modal-content--show {
    background: #FFF;
    opacity: 1;
}
.modal-content-my .projekt {
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}
.modal-content-my .project--show {
    opacity: 1;
}


.button--close {
    opacity: 0;
    position: absolute;
    right: 4.2105%;
    top: 48px;
    color: #000;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 1.5rem;
}
.button--close--show {
    opacity: 1;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.loading {
    z-index: -1;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.loading--show {
    z-index: 25;
}

.show-modal { overflow: hidden; }
@media only screen and (min-width:965px) {
    
    .modal {position: absolute;}
    .show-modal { overflow-y: scroll; }

    .loading {
        left:inherit;
        right:480px;
    }
    .loading--body {
        left:0;
        right:0
    }
    .modal-content {
        padding-bottom:100px;
        padding-left:50px;
        padding-right:50px
    }
    .button--close {
        right:50px
    }
}


#page-loader {display:block; position: fixed; left: 80px; top: 0; z-index: 1200; width: calc(100vw - 80px); height: 100vh; overflow: hidden; text-align:center; background: rgba(255,255,255,1);}
#page-loader .loading { right: 0; }
@media only screen and (max-width:965px) {
    header {width: 100%; height:60px; position: relative; z-index: 18; float:left;  display: block; }
    header nav {position: fixed; left: 0px; height: 60px; width: 100vw; z-index: 19; text-align: center; background: #333333; display: table; font-size: 1.25rem; }
    .portfolio { padding-left: 0px; }
    header .open-navigation { left: 0px; top: 60px; height: calc(100vh - 60px); }
    header .open-navigation .navi-in {  }
    .navgation:hover .open-navigation { width: 100vw; }
    header .nav-close { left: 90%; top:0; }
    header .nav-logout { left: 7%; top:0; }
    a.btn-open-navigation, .nav-close a, .nav-logout a {height: 60px; line-height: 60px; display: inline-block;}
    #page-loader {left: 0; width: 100vw;}
    
    
    .no-touchevents header .nav-close { display: block; }
/*    .no-touchevents header .nav-close { width: 10%; display: block; float: right; position: absolute; left: 90%; top: initial;}*/
    
}




.projekt-output-main-buttons-right { position: absolute; right: 0; top: 0; z-index: 2;}
.projekt-output-main-buttons-left { position: absolute; left: 0; top: 0; z-index: 2;}
.projekt__header, .projekt__content { max-width: 750px; }
.projekt__header { margin: 0 auto; margin-bottom: 21px; }
.projekt__header .title {color: #111; font-size: 26px; line-height: 1.15;}
.projekt__content { margin: 35px auto 30px; font-size: 17px; line-height: 1.65; }
.projekt__content p {margin-bottom: 34px; }
.projekt__meta { color: #909090; font-size: 15px; line-height: 1.65;}
.projekt__meta span { display: inline-block; margin-bottom: 2px; }
.projekt-category-badge { padding: 0.375rem 1rem; color: #fff; background-color: #ccc; display: block;}
.projekt-select-for-paket { padding: 0.375rem 0rem 0.375rem 1rem; }
div.image, div.audio, div.video { margin-top: 20px; margin-right: auto; margin-left: auto; max-width: 750px; text-align: center; }
div.image { margin-top: 40px; }
.text-grey { color: #909090; }
h1, h2, h3, h4, h5, h6 {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    margin: 10px 0;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #505458;
}
/**/



.blueimp-gallery.light {background: #fff;}
.blueimp-gallery.light > .indicator > .active, .blueimp-gallery.light > .indicator > li:hover {
    background-color: #fff;
    border-color: #000;
    opacity: 1;
}
.blueimp-gallery.light > .close, .blueimp-gallery.light > .title { color: #000; }
.blueimp-gallery > .next, .blueimp-gallery > .prev {
    color: #000;
    text-shadow: 0 0 2px #000;
    background: #fff;
    background: rgba(255,255,255,.5);
    border: 3px solid #000;
}



/******************EOF SEASON************************/









.p-0 { padding: 0;}
.p-10 { padding:0.625rem;}
.p-15 { padding:0.9375rem;}
.p-16 { padding:1rem;}
.p-20 { padding:1.25rem;}
.p-30 { padding:1.875rem;}
.p-35 { padding:2.1875rem;}
.p-40 { padding:2.5rem;}
.p-50 { padding:3.125rem;}
.pt-10 { padding-top:0.625rem;}
.pt-20 { padding-top:1.25rem;}
.pt-25 { padding-top:25px;}
.pt-30 { padding-top:1.875rem;}
.pt-40 { padding-top:2.5rem;}
.pt-50 { padding-top:3.125rem;}
.pt-100 { padding-top:6.25rem;}
.pb-10 { padding-bottom:0.625rem;}
.pb-20 { padding-bottom:1.25rem;}
.pb-30 { padding-bottom:1.875rem;}
.pb-40 { padding-bottom:2.5rem;}
.pb-50 { padding-bottom:3.125rem;}
.pb-100 { padding-bottom:6.25rem;}
.pr-10 { padding-right:0.625rem;}
.pr-20 { padding-right:1.25rem;}
.pr-30 { padding-right:1.875rem;}
.pr-40 { padding-right:2.5rem;}
.pr-50 { padding-right:3.125rem;}
.pl-10 { padding-left:0.625rem;}
.pl-20 { padding-left:1.25rem;}
.pl-30 { padding-left:1.875rem;}
.pl-35 { padding-left:2.1875rem;}


.m-0 { margin: 0;}
.m-10 { margin: 0.625rem;}
.m-20 { margin: 1.25rem;}
.m-30 { margin: 1.875rem;}
.m-40 { margin: 2.5rem;}
.m-50 { margin: 3.125rem;}
.m-60 { margin: 6.75rem;}
.m-70 { margin: 4.375rem;}
.m-80 { margin: 5rem;}
.m-90 { margin: 5.625rem;}
.m-100 { margin: 6.25rem;}
.mt-10 { margin-top:0.625rem;}

@media (max-width: 767px) { 
    .pt-100 { padding-top:3.125rem;}
    .pb-100 { padding-bottom:3.125rem;}
}


.pointer { cursor:pointer;}


.text-error { color:#a94442;}
.text-light { color:#fff0c9; }
.text-dark { color:#9e6e5c; }
.text-white { color:#FFF;}
.text-black     { color:#000;}
.text-black-20 	{ color:#cccccc;}
.text-black-40 	{ color:#999999;}
.text-black-60 	{ color:#818285;}
.text-black-80 	{ color:#333333;}

h1 {font-size: 2.25rem;}
.text-10 { font-size:0.625rem;}
.text-11 { font-size:0.6875rem;}
.text-12 { font-size:0.75rem;}
.text-13 { font-size:0.8125rem;}
.text-14 { font-size:0.875rem;}
.text-15 { font-size:0.9375rem;}
.text-16 { font-size:1rem;}
.text-17 { font-size:1.0625rem;}
.text-18 { font-size:1.125rem;}
.text-19 { font-size:1.1875rem;}
.text-20 { font-size:1.25rem;}
.text-24 { font-size:1.5rem;}
.text-50 { font-size:3.125rem;}
.text-100 { font-size:6.25rem;}

.text-w200 { font-weight: 200;}
.text-w300 { font-weight: 300;}
.text-w400 { font-weight: 400;}
.text-w600 { font-weight: 600;}
.text-w700, .text-bold 	{ font-weight: 700;}

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


.bg-white { background:#FFFFFF;}
.bg-light { background-color:#fff0c9; }
.bg-dark { background-color:#9e6e5c; }
.bg-black 	{ background:#000000;}
.bg-black-5 	{ background:#F3F3F4;}
.bg-black-10 	{ background:#E6E7E8;}
.bg-black-20 	{ background:#cccccc;}
.bg-black-40 	{ background:#999999;}
.bg-black-60 	{ background:#818285;}
.bg-black-80 	{ background:#333333;}






/* PAGE LOADER*/
.page-loader { display:none; position: fixed; left: 0; top: 0; z-index: 1200; width: 100%; height: 100%; overflow: hidden; text-align:center; background: rgba(51,51,51,0.95); /*background: rgba(51,51,51,0.9) url('../images/ajax-loader-big.gif') no-repeat center center;*/ }
.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 #414042;
    border-top: 16px solid #f7931e;
    border-bottom: 16px solid #f7931e;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
.page-loader .holder-text { position:absolute; bottom:0; left:-125px; width:23.125rem; 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*/
/*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: 33.125rem;}    
}
@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 */