@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: kaushan;
    src: url(../Fonts/kaushan.ttf);
}

@font-face {
    font-family: courgete;
    src: url(../Fonts/courgete.ttf);
}

@font-face {
    font-family: playball;
    src: url(../Fonts/playball.ttf);
}


.align_left_main{
    text-align: left !important;
}

.align_right_main{
    text-align: right !important;
}

.header {
    margin-top: 100px;
    min-height: 900px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.fade {
    opacity: 1;
}

/* Image zoom start */
.img-hover-zoom {
    overflow: hidden;
}

.img-hover-zoom img {
    transition: transform 1s ease;
}

.img-hover-zoom:hover img {
    transform: scale(1.1);
}
/* Image zoom end  */

/* Grid gallery  start */
.gallery-block.grid-gallery{
    padding-bottom: 60px;
    padding-top: 60px;
}

.gallery-block.grid-gallery .heading{
    margin-bottom: 50px;
    text-align: center;
}

.gallery-block.grid-gallery .heading h2{
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.gallery-block.grid-gallery:hover{
    opacity: 1;
}

.gallery-block.grid-gallery .item img{
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    transition: 0.4s;
}

.gallery-block.grid-gallery .item{
    margin-bottom: 20px;
}

@media (min-width: 576px) {

    .gallery-block.grid-gallery .scale-on-hover:hover{
        transform: scale(1.05);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important;
    }
}
/* Grid gallery  end */

.slika300{
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
}

.slika200{
    min-height: 200px;
    max-height: 200px;
    object-fit: cover;
}

.heading{
    color: #85858A;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin: 0 auto;
}

.heading-small{
    color: #85858A;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px;
    line-height: 28px;
    margin: 0 auto;
}

.heading-mini{
    color: #85858A;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    line-height: 28px;
    margin: 0 auto;
}

.ikonica_ultrasmall{
    max-height: 13px;
    margin-top: -4px;
    padding-right: 5px;
}

.ikonica_small{
    max-height: 22px;
    margin-top: -6px;
    padding-right: 5px;
}

.ikonica_medium{
    max-height: 27px;
    margin-top: -7px !important;
    padding-right: 5px;

}

.ikonica_big{
    max-height: 56px;
    margin-top: -14px;
    padding-right: 5px;

}

.navbar_font_size{
    font-size: 16px !important;
    color: #2C2E2F; !important;
    font-weight: 400;
}








.ca3-scroll-down-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
}

.ca3-scroll-down-link {
    cursor:pointer;
    height: 60px;
    width: 80px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 50px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
    animation:         ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
    0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
    0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
    0%   { transform:translate(0,-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { transform:translate(0,20px); opacity: 0; }
}

.logo_topkut {
    max-height: 170px;
    min-height: 170px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50px;
    top: 100px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    opacity: 60%;
}


.datum_dan{
    color: #D92148;
    font-family: 'Playfair Display', serif;
    font-size: 48.3999px;
    font-weight: 700;
    line-height: 58.0799px;"
}

.datum_mjesec{
    color: #D92148;
    font-famil: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 28px;
    line-height: 10.8px;
}

.datum_godina{
    color: #D92148;
    font-famil: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 28px;
    line-height: 0.8px;
}

.tekst_potpore{
    color: rgb(65, 68, 69);
    font-family: 'Playfair Display', serif;
    font-size: 22.95px;
    font-weight: 400;
    height: 36px;
    line-height: 36.72px;
}

.navbarFixed
{
    height: 250px;
}

.Content
{
    height:224px;
    overflow:auto;
    background:#fff;
}

.navbardiv {
    display: none;

}

.maindiv:hover .navbardiv {
    display: block;
}

.list-group-item{
    border: 0 !important;
}

.list-group{
    -webkit-box-shadow: none !important;
}

.dropdown-menu{
    margin-top: -10px !important;
}

.slikabox {
    position: relative;
}

.slika {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.middle2 {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.slikabox:hover .slika {
    transition: .5s ease;

    opacity: 0.3;
}

.slikabox:hover .middle {
    transition: .5s ease;

    opacity: 1;
}

.slikabox:hover .middle2 {
    transition: .5s ease;

    opacity: 1;
}

.slikatekst {
    background-color: #d92149;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

.slikatekst2 {
    background-color: gray;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

.slikatekst2_inverse {
    background-color: transparent;
    color: gray;
    font-size: 16px;
    padding: 16px 32px;
}

.sadrzaj img{
    width: 100% !important;
    height: auto;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* large - display 6 */
@media (min-width: 992px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{
    transform: translateX(0);
}

.font-kaushan{
    font-family: kaushan !important;
}

.font-courgete{
    font-family: courgete !important;
}

.font-playball{
    font-family: playball !important;
}

.naslov-glavne-kategorije{
    font-size: 370%;
    font-weight: 500;
    color: #FFF
}

.naslov-glavne-kategorije-business{
    font-size: 450%;
    font-weight: 500;
    color: #FFF
}

.naslov-sporedne-kategorije{
    font-size: 80px;
    font-weight: 600;
    color: white;
}

b, strong{
    font-weight: 600 !important;
}

.backgroundColorNews{
    background-color: rgba(0, 0, 0, 0.4);
    padding-left: 10px;
    padding-right: 10px;
}

.wrapper{
    margin-bottom: 0 !important;
}

.img_list img{
    width: 240px;
    height: 200px;
    position: absolute;
    left: 0;
    object-fit: cover;
}

.centertext{
    font-family: "Open Sans", sans-serif !important;
    color: black !important;
    font-size: 14pt !important;
    line-height: 24px !important;
    margin-bottom: 16px !important;
    letter-spacing: 0.5px !important;
    font-weight: 300 !important;
    text-align: center !important;
}

.sirina{
    padding-left: 18%;
}

.sirina2{
    margin-left: 42%;
}

.navbardiv{
    text-align: left;
}

@media only screen and (max-width : 1500px) and (min-width: 1400px) {
    .sirina2{
        margin-left: 37%;
    }
}

@media only screen and (max-width : 1399px) and (min-width: 1301px) {
    .sirina{
        padding-left: 12%
    }
    .sirina2{
        margin-left: 32%;
    }
}

@media only screen and (max-width : 1300px) and (min-width: 1243px) {
    .sirina{
        padding-left: 10%
    }

    .sirina2{
        margin-left: 25%;
    }

}

@media only screen and (max-width : 1242px) and (min-width: 1200px) {
    .sirina{
        padding-left: 5%
    }

    .sirina2{
        margin-left: 20%;
    }
}

@media only screen and (max-width : 1199px){
    .sirina{
        padding-left: 0
    }

    .navbardiv{
        text-align: center !important;
    }
}


.business_navbar{
    margin-bottom: 0 !important;
    padding-bottom: 1px !important;
    background-color: transparent !important;
}

.livestream{
    margin-top: 600px !important;
}

@media only screen and (max-width : 991px){
    .discoverDakovo{
        margin-top: -170px;
    }
}

@media only screen and (max-width : 600px){
    .ikonica_big_mobile{
        max-height: 25px;
        margin-top: -5px;
    }
    
    .livestream{
        margin-top: 150px !important;
    }
}

@media only screen and (min-width : 601px) and (max-width : 800px){
    .ikonica_big_mobile{
        max-height: 35px;
        margin-top: -5px;
    }
}

.MsoNormal{
    background: none !important;
}