#t4-header .logo .logo-text a .site-name {
  font-size:14px;
}

@media (min-width:992px) {
    .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a, .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > .nav-link {
        font-size: 14px;
        line-height: 43px;
        padding: 8px 1.25em;
    }   
}

.not-at-top .t4-sticky.t4-palette-dark {
    background-color: rgba(0,0,0,0.7);
}

@media  (min-width:1680px) {
    .glavni-hero .hero-heading {
        font-size:130px;
        line-height:105px;
    }
}

@media  (min-width:1366px) and (max-width:1679px) {
    .glavni-hero .hero-heading {
        font-size:110px;
        line-height:90px;
    }
}

@media  (min-width:768px) and (max-width:1365px){
    .glavni-hero .hero-heading {
        font-size:80px !important;
        line-height:65px;
    }
}

@media  (min-width:480px) and (max-width:767px) {
    .glavni-hero .hero-heading {
        font-size:70px !important;
        line-height:60px;
    }
}

@media  (max-width:479px) {
    .glavni-hero .hero-heading {
        margin-bottom: 0px;
        line-height: 40px;
    }
    
    .glavni-block .glavni-hero {
        padding-bottom:30px !important;
    }
}

#t4-hero.glavni-block {
    display: flex;
    flex-direction: column;
    height: 95vh;
    justify-content: flex-end;
    padding: 0px;
}

@media only screen {
    #t4-hero.glavni-block {
        height: 95vh;
    }
}

.glavni-block .glavni-hero {
    padding-bottom:50px;
    padding-right:0px;
}

.glavni-hero .hero-intro {
    width:60%;
}

.glavni-hero .hero-heading img {
    max-width:50%;
}

@media (max-width:767px) {
    .glavni-hero .hero-intro {
        display:none;
    }
}

@media (max-width:992px) {
    #t4-header.t4-sticky{
        position:inherit;
        height: 80px;
        line-height: 44px;
        padding: 18px 0px;
    }
    
    .not-at-top .t4-sticky.t4-palette-dark {
        position:sticky !important;
        background: transparent;
        border-bottom: 0px !important;
    }
    
    .not-at-top .t4-sticky.t4-palette-dark .logo {
        display:none !important;
    }
    
    #t4-header + #t4-hero {
        margin-top: -80px;
    }
    
    .t4-sticky .t4-offcanvas-toggle {
        width: 44px;
        height: 44px;
        line-height: 50px;
    }
    
    .not-at-top .t4-sticky .t4-offcanvas-toggle {
        background: #000;
        border-radius: 50%;
    }
}
    
@media (max-width:767px) {
    
    .t4-offcanvas {
        width:100%;
    }
    
    .c-offcanvas--right {
        transform: translate3d(100%, 0, 0);
    }
    
    .t4-offcanvas .t4-off-canvas-header {

        background: #fff;
        height:80px;
    }
    
    .t4-offcanvas .t4-off-canvas-header h3 {
        color:#000;
        font-size: 12px !important;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 44px;
    }
    
    #off-canvas-right.is-open .t4-off-canvas-header  {
        padding-top:18px;
        padding-bottom:18px;
    }
    
    .t4-offcanvas .t4-module .nav li {
        font-family: Athiti;
        font-weight: 300;
        font-size: 35px;
        line-height: 32px;
    }
    
    .t4-offcanvas .t4-off-canvas-body {
        height:calc(100% - 80px);
    }
}

@media  (min-width:768px) {
    .t4-offcanvas .t4-off-canvas-header {
        background:#fff;
    }
    
    .t4-offcanvas .t4-off-canvas-header h3 {
        display:none;
    }
    
    .t4-offcanvas .t4-module .nav li {
        font-family: Athiti;
        font-weight: 300;
        font-size: 45px;
        line-height: 42px;
    }
    
    .t4-offcanvas .t4-off-canvas-body {
        height:calc(100% - 64px);
    }
}

@media (min-width:992px) and (max-width:1023px) {
    .t4-offcanvas {
        width: 360px;
    }
    
    .c-offcanvas--right {
        transform: translate3d(360px, 0, 0);
    }
}

@media (min-width:1024px) {
    .t4-offcanvas {
        width: 560px;
    }
    
    .c-offcanvas--right {
        transform: translate3d(560px, 0, 0);
    }
}

.t4-offcanvas .t4-off-canvas-header .close {
    width:44px;
    height:44px;
    background:transparent;
    opacity:1 !important;
}

.t4-offcanvas .t4-off-canvas-header span {
    color:#000;
    font-size: 30px;
    line-height: 44px !important;
}

.t4-offcanvas .t4-off-canvas-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.t4-section.gutter-big > .container {
    padding-right: 15px;
    padding-left: 15px;
}


/*      POPULAR        */

.t4-section-module .module-title {
    font-family: Source Serif Pro;
    font-weight: bold;
    font-size: 18px;
    color:#000;
}

.popular-slider .col-md-4, .popular-slider .col-md-8 {
    width:100%;
    max-width:100%;
    flex:0 0 100%;
}

.popular-slider .uk-position-small {
    border-radius: 50%;
    background: black;
    width: 44px;
    height: 44px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    display:inline-block;
}

.popular-slider .left-arrow,
.popular-slider .right-arrow {
    margin-right:0px;
    margin-left:10px;
}


.popular-slider .slider-position {
    margin-top:-75px;
}

.popular-slider .uk-slider-item {
    margin-left:0px;
}

.popular-slider .uk-slider-items {
    margin-top:80px !important;
}

.popular-slider .slider-position .uk-slider .title-cont {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 16px;
    bottom: 88px;
    z-index: 1;
}

.popular-slider .slider-position .uk-slider .uk-card-title {
    color: #fff;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 500;
    font-family: "Helvetica","Arial",sans-serif;
    border-bottom: 1px solid #fff;
    margin-bottom: 0px;
}

.popular-slider .slider-position .uk-slider .uk-card-footer {
    position: absolute;
    border: 0;
    bottom: 0px;
    padding: 25px;
    z-index: 1;
    left: 0;
}

.slider-position .uk-slider .uk-card-footer a {
    color: #fff;
}

@media (min-width:1024px) {
    .popular-slider .slider-position .uk-slider .uk-card-body {
        height: 450px;
    }
}

@media (max-width:1023px) {
    .popular-slider .slider-position .uk-slider .uk-card-body {
        height: 315px;
    }
}

.popular-slider {
    margin-bottom:140px;
}

.popular-slider .uk-card-body,
.popular-slider .uk-card-body a {
    padding:0px;
}

.popular-slider .uk-card-body a {
    height:100%;
}

.popular-slider li {
    overflow:hidden;
}

.popular-slider .uk-card-body .img-bkg-cover {
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-position: 50% 50%; object-fit: cover;';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
    transition: transform 1s cubic-bezier(0.35, 0, 0.08, 1);
}

.popular-slider .uk-card-body a:hover .img-bkg-cover {
    transform: scale3d(1.06, 1.06, 1.06);
}

.popular-slider .uk-card-body .article-count {
    color:#fff;
}

.popular-slider li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 1;
    transition: opacity 0.3s linear;
}

.popular-slider li a:hover::before {
    opacity:0;
}

.popular-slider li a h4 {
    font-family: "Bebas Neue",Verdana,Helvetica,Arial,sans-serif;
    position: relative;
    display: inline-block;
    margin: 0 0 20px;
    line-height: 1;
    overflow: hidden;
    font-weight: normal;
    font-size: 65px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom:18px;
    display:block;
}

.popular-slider li .title-text {
    will-change: transform;
    transition: transform 0.8s cubic-bezier(0.35, 0, 0.08, 1);
    transition-delay: 0s;
    position: relative;
    display: block;
}

.popular-slider li .title {
    position:relative;
}

.popular-slider li a:hover .title-text {
    transform: translate3d(0, 8px, 0);
}

.popular-slider li .article-count {
    will-change: transform;
    transition: transform 0.8s cubic-bezier(0.35, 0, 0.08, 1);
    transition-delay: 0s;
    display:block;
}

.popular-slider li a:hover .article-count {
    transform: translate3d(0, -8px, 0);
}

.popular-slider li .title .hr {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform: scale3d(1, 1, 1);
}

.popular-slider li a:hover .title .hr {
    transform: scale3d(1, 2, 1);
}

.popular-slider li .title .hr:before,
.popular-slider li .title .hr:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 1px;
    background-color: #fff;
}

.popular-slider li .title .hr:before {
    width: 25px;
}

.popular-slider li .title .hr:after {
    width: 100%;
    will-change: transform;
    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.35, 0, 0.08, 1);
}

.popular-slider li a:hover .title .hr::after {
    transform: translateX(0%);
}

@media (min-width:960px) {
    .popular-slider .left-arrow.trd {
        display:none;
    }
}

@media (max-width:959px) {
    .popular-slider .left-arrow.fst {
        display:none !important;
    } 
    
    .popular-slider .slider-position .uk-position-top-right {
        top:50%;
        z-index:1;
    }
    
    .popular-slider .slider-position .right-arrow,
    .popular-slider .slider-position .left-arrow {
        display:block;
        margin:10px 15px 0;
        background:#fff;
        color:#000;
    }
}

@media (min-width:551px) and (max-width:767px) {    
    .slider-position .uk-slider-container {
        overflow:visible;
    }

    .slider-position .uk-slider-container li {
        width:100%;
    }
}

@media (max-width:550px) {    
    .slider-position .uk-slider-container {
        overflow:visible;
    }

    .slider-position .uk-slider-container li {
        width:75%;
    }
}

@media (max-width:767px) { 
    .slider-position .uk-slider-container li.uk-active .uk-card-footer {
        opacity:1;
        transition: 0.4s;
    } 

    .slider-position .uk-slider-container li .uk-card-footer {
        opacity:0;
        transition: 0.4s;
    } 
    
    .popular-slider .row {
        margin-left:-15px !important;
        margin-right:-15px !important;
    }
    
    .popular-slider .col-md-8 {
        overflow:hidden;
        padding-left:15px !important;
        padding-right:15px !important;
    }
    
    .popular-slider .col-md-4 {
        padding-left:15px !important;
        padding-right:15px !important;        
    }
}

@media (max-width:1366px) {
    .popular-slider li a h4 {
        font-size:45px !important;
    }
}

/*         Highlights Slider       */

.highlights-slide .module-head-group,
.highlights-slide .module-ct {
    width:100%;
    max-width: 100% !important;
    flex: 0 0 100%;
    padding:0px;
}

.highlights-slide .uk-slideshow-items .sp-image{
    z-index:-1;
}

.highlights-slide .uk-slideshow-items .img-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0,0,0,0.5);
    transition: opacity 0.3s linear;
}

.uk-offcanvas-container .highlights-slide .uk-slideshow-items .img-wrapper::after {
    opacity:1 !important;
}

.highlights-slide .uk-slideshow-items .news-category,
.highlights-slide .uk-slideshow-items .news-caption .news-title,
.highlights-slide .uk-slideshow-items .news-caption .plus-btn, 
.highlights-slide .uk-thumbnav,
.highlights-slide .news-text-contaier .new-cont,
.highlights-slide .thumb-bottom-menu .container {
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.highlights-slide .thumb-bottom-menu .container {
    position:relative;
}



.highlights-slide .uk-slideshow-items .news-category a {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    opacity: 0.7;
    color: #fff;
}

.highlights-slide .uk-slideshow-items {
    min-height:90vh !important;
}

.highlights-slide .module-head-group {
    position:absolute;
    z-index:1;
}

.highlights-slide .uk-slideshow-items .news-caption .uk-offcanvas-bar {
    background:#fff;
    color: #000;
}

.highlights-slide .uk-offcanvas-bar button,
.highlights-slide .uk-offcanvas-bar .readmore {
    color:#000;
}

.uk-offcanvas-flip #t4-header {
    position: fixed;
    width: 100%;
    top: 0px;
}

.uk-offcanvas-flip #t4-header + #t4-hero {
    margin-top: -19px;
}

@media (min-width:768px) {
    .highlights-slide .news-text-contaier .new-cont{
        padding:0px !important;
    }
    
    .highlights-slide .module-head-group {
        top:60px;
    }
    
    .highlights-slide .uk-slideshow-items .news-category {
        margin-top:85px;
    }
    
    .highlights-slide .uk-slideshow-items .news-caption {
        top: 35%;
        bottom: auto;
    }

    .highlights-slide #offcanvas-usage {    
        right:20px;
        top: 20px;
        bottom: unset;
        left: auto;
        width: 400px;   
        padding: 32px 0;
        position:absolute;
    }
    
    .highlights-slide #offcanvas-usage .uk-offcanvas-bar {
        background:transparent;
        padding:32px 0;
    }

    .uk-offcanvas-container .highlights-slide .news-text-contaier {  
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0) !important;
        transition: opacity 0.3s linear,visibility 0.3s linear,transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .highlights-slide .uk-slideshow-items .news-text-contaier {
        top: 20px;
        left: auto;
        right: 20px;
        width: 400px;
        bottom: 20px;
        transform: translate3d(calc(100% + 30px), 0, 0);
    }
    
    .highlights-slide .uk-slideshow-items .news-title a {
        font-size: 50px;
        max-width: 60%;
        line-height: 52px;
    }

}

.highlights-slide .uk-slideshow-items .news-text-contaier  {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background:#fff;
    color:#000;
    position: absolute;
    z-index: 999;
    padding: 60px;
    transition: opacity 0.3s linear,visibility 0.3s linear,transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.highlights-slide .thumb-bottom-menu .uk-slidenav {
    border-radius: 50%;
    background: #fff;
    width: 44px;
    height: 44px;
    line-height: 47px;
    text-align: center;
    color: #000;
    font-size: 20px;
    display: inline-block;
    margin-right: 0px;
    margin-left: 10px;
    padding:0px;
}

.highlights-slide .thumb-bottom-menu .uk-slidenav svg {
    display:none;
}

.uk-offcanvas-container .highlights-slide .thumb-bottom-menu,
.uk-offcanvas-container .highlights-slide .module-head-group,
.uk-offcanvas-container .highlights-slide .uk-slideshow-items .news-category {
    opacity:0;
}

@media (min-width:768px) and (max-width:991px) {
    .uk-offcanvas-flip #t4-header + #t4-hero {
        margin-top: -80px;
    }
    
    .highlights-slide .uk-slideshow-items .news-caption {
        bottom: 80px !important ;
        top: unset !important;
    }
}

@media (max-width:767px) {
    .uk-offcanvas-container .t4-sticky.t4-palette-dark {
        position: fixed !important;
    }
    
    .highlights-slide #offcanvas-usage {    
        opacity:0;
    }
    
    .highlights-slide #offcanvas-usage .uk-offcanvas-bar {
        background:transparent;
    }
    
    .uk-offcanvas-container .highlights-slide .uk-slideshow-items .news-caption .news-title {
        display:none;
    }
    
    .highlights-slide .thumb-bottom-menu .container .uk-position-bottom-right {
        right:15px;
    }
    
    .highlights-slide .uk-slideshow-items .news-title a {
        font-size: 40px;
        max-width: 80%;
        line-height: 45px;
    }
    
    .highlights-slide .thumb-bottom-menu {
        bottom:11px !important;
    }
    
    .uk-offcanvas-flip #t4-header + #t4-hero {
        margin-top: 0px;
    }
    
    .highlights-slide .uk-slideshow-items .news-text-contaier {
        top: auto;
        left: 20px;
        right: 20px;
        width: auto;
        bottom: 90px;
        transform: translate3d(0, calc(100% + 120px), 0);
    } 
    
    .uk-offcanvas-container .highlights-slide .news-text-contaier {  
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0) !important;
        transition: opacity 0.3s linear,visibility 0.3s linear,transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .highlights-slide .module-head-group {
        top:40px;
    }
    
    .highlights-slide .uk-slideshow-items .news-category {
        margin-top:65px;
    }
    
    .highlights-slide .uk-slideshow-items .news-caption {
        bottom: 30px;
    }
}

.highlights-slide .module-head-group h3 {
    color:#fff;
    padding: 0 1rem;
    margin:0 auto;
}

@media (min-width:1200px) {
    .highlights-slide .module-head-group h3 {
       max-width: 1260px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .highlights-slide .module-head-group h3 {
       max-width: 960px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .highlights-slide .module-head-group h3 {
       max-width: 760px;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .highlights-slide .module-head-group h3 {
       max-width: 540px;
    }
}

.highlights-slide .uk-slideshow-items .news-caption {
    position: absolute;
    width: 100%;
}

.highlights-slide .uk-slideshow-items .news-title a {
    font-family: Athiti;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0px;
    color: #fff;
    display: block;
    text-decoration:none;
}

.highlights-slide .uk-slideshow-items .plus-btn {
    margin-top:20px;
}

.highlights-slide .uk-slideshow-items .plus-btn .uk-button {
    border-radius: 50%;
    padding: 0px;
    width: 32px;
    height: 32px;
    line-height: 28px;
    border-width: 2px;
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.08, 1);
}

.highlights-slide .uk-slideshow-items .plus-btn .uk-button svg {
    color: #fff;
    width: 16px;
}



.highlights-slide .uk-thumbnav li {
    flex-basis: 25%;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    display: flex;
    padding-right: 50px;
}

.highlights-slide .uk-thumbnav li .sp-thumbnail-title {
    font-size: 14px;
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 0.3em;
    color: #fff;
    font-weight: 300;
}

.highlights-slide .uk-thumbnav li .sp-thumbnail-title:before {
    height: 1px;
    background-color: currentColor;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.highlights-slide .uk-thumbnav li .sp-thumbnail-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #20a7de;
    transform: scaleY(0);
    will-change: transform;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.highlights-slide .uk-thumbnav li:hover .sp-thumbnail-title:after {
    transform: scaleY(1);
}

.highlights-slide .uk-thumbnav > * > ::after {
    background:transparent;
}

.highlights-slide .uk-thumbnav li .news-category a {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    color: #fff;
}

.highlights-slide .thumb-bottom-menu {
    bottom: 60px;
    width:100%;
}

@media (max-width:991px) {
    .highlights-slide .uk-thumbnav {
        display:none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .highlights-slide .module-head-group h3 {
        padding: 0 2rem !important;
    }
}

.uk-offcanvas-container .highlights-slide .uk-slideshow-items .plus-btn .uk-button {
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.08, 1);
}


/*      EDITOR'S PICK        */

.editors-selection .col-md-12 {
    padding:0px;
}

.editors-selection .page-subheader .sub-title {
    font-family: Athiti;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0px;
    font-size: 40px;
    line-height: 45px;
}

.editors-selection .uk-card {
    box-shadow:none;
}

.editors-selection .uk-card .mod-articles-category-category {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
}

.editors-selection .uk-card .mod-articles-category-category a {
    opacity: 0.7;
    color: #000;
}

.editors-selection .uk-card .mod-articles-category-title {
    font-size: 28px;
    line-height: 31px;
}

.editors-selection .uk-card-media-top {
    width: 100%;
    min-height: 205px;
    overflow: hidden;
    height: 205px;
    position: relative;
    margin-bottom: 16px;
}

.editors-selection .uk-card-media-top img {
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-position: 50% 50%; object-fit: cover;';
    position: absolute;
    top: 0;
    left: 0;
        width: 100%;
    height: 100%;
    will-change: transform;
    transition: transform 1s cubic-bezier(0.35, 0, 0.08, 1);;
}

.editors-selection .uk-card-media-top img:hover {
    opacity: 1;
    transform: scale(1.2, 1.2);
}