.col-1 {
  width: 8.33%;
}

.col-2 {
  width: 16.66%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 41.66%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33%;
}

.col-8 {
  width: 66.666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33%;
}

.col-11 {
  width: 91.66%;
}

.col-12 {
  width: 100%;
}
 @media (max-width: 992px) {
   .col-t-1 {
     width: 8.33%;
   }

   .col-t-2 {
     width: 16.66%;
   }

   .col-t-3 {
     width: 25%;
   }

   .col-t-4 {
     width: 33.333%;
   }

   .col-t-5 {
     width: 41.66%;
   }

   .col-t-6 {
     width: 50%;
   }

   .col-t-7 {
     width: 58.33%;
   }

   .col-t-8 {
     width: 66.666%;
   }

   .col-t-9 {
     width: 75%;
   }

   .col-t-10 {
     width: 83.33%;
   }

   .col-t-11 {
     width: 91.66%;
   }

   .col-t-12 {
     width: 100%;
   }

 }

 @media (max-width: 768px) {
   .col-s-1 {
     width: 8.33%;
   }

   .col-s-2 {
     width: 16.66%;
   }

   .col-s-3 {
     width: 25%;
   }

   .col-s-4 {
     width: 33.333%;
   }

   .col-s-5 {
     width: 41.66%;
   }

   .col-s-6 {
     width: 50%;
   }

   .col-s-7 {
     width: 58.33%;
   }

   .col-s-8 {
     width: 66.666%;
   }

   .col-s-9 {
     width: 75%;
   }

   .col-s-10 {
     width: 83.33%;
   }

   .col-s-11 {
     width: 91.66%;
   }

   .col-s-12 {
     width: 100%;
   }

 }

 header {
   padding: 20px 0;
   border-bottom: 1px solid #dadada;
 position: sticky;
 top: 0;
 left: 0;
 max-width: 100vw;
 width: 100%;
 z-index: 999;
 background-color: white;
 }
 .main-navigation, .social-holder {
   display: flex;
   flex-direction: row;
   align-items: center;
   align-content: center;
   justify-content: flex-start;
   padding-top: 20px;
 }

 .main-navigation .nav-link {
   padding-right: 15px;
   font-size: 14px;
   text-transform: uppercase;
   color: black;
   font-weight: bold;
 }

 .main-navigation .nav-link:hover {
   color: rgb(210, 35, 42);
 }

 .main-navigation img {
   width: 20px;
 }

 header .social {
   width: 30px;
   margin-right: 0px;
 }

 header #logo {
   max-width: 100%;
   padding-left: 15px;
 }

 header ul {
     list-style-type: none;
     padding: 5px;
     margin: 0;
     padding-bottom: 0;
 }
 header .main-menu {
     position: relative;
 }
 header .main-menu .menu-item {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     align-content: center;
 }
 header .sub-menu {
     display: none;
 }

 header .main-menu:hover .sub-menu {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     align-content: flex-start;
     justify-content: flex-start;

     position: absolute;
     bottom: 0;
     left: 0;
     width: 200px;
     height: auto;
     transform: translateY(100%);
     background-color: white;
     padding: 10px;
     border: 1px solid #dadada;

     z-index: 999;
 }
 header .main-menu .main-menu-item .sub-menu-item {
     display: block;
     width: 100%;
 }
 header .main-menu .main-menu-item .sub-menu-item:not(:first-child) {
     padding-top: 5px
 }

 header .main-menu .main-menu-item .sub-menu-item:not(:last-child) {
     padding-bottom: 5px;
     border-bottom: 1px solid #dadada;
 }

 header #search-holder {
     padding-top: 30px;
     display: none;
 }

 header #search-holder.shown {
     padding-top: 30px;
     display: flex;
 }

 .grid-right, .grid-left {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
 }

 .big-part {
   max-width: 858px;
   width: 100%;
 }

 .small-part {
   max-width: 331px;
   width: 100%;
   min-width: 300px;
 }

 .grid-right .big-part {
   padding-right: 13px;
 }
 .grid-left .big-part {
   padding-left: 13px;
 }
 .after-right, .after-bottom, .after-left, .after-right-2, .before-right-2, .before-bottom {
   position: relative;
 }
 .after-bottom {
   margin-bottom: 13px;
 }
 .after-right::after, .after-right-2::after, .before-right-2::before {
   content: '';
   display: block;
   width: 1px;
   height: 100%;
   background: #dadada;
   position: absolute;
   top: 0;
   right: 6.5px;
 }

 .after-right-2::after, .before-right-2::before {
   right: -7px;
 }

 .after-bottom::after, .before-bottom::before {
   content: '';
   display: block;
   width: 100%;
   height: 1px;
   background: #dadada;
   position: absolute;
   bottom: -7px;
   left: 0;
 }

 .main-news-big {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
   margin-bottom: 13px;
   position: relative;

 }

 .main-news-big .text-block{
   max-width: 274px;
   width: 100%;
   height: 320px;
 }

 .main-news-big .text-block .big-title{
   max-height: 170px;
   overflow: hidden;
   font-size: 23px;
   font-weight: bold;
 }

 .main-news-big .text-block .text-description {
   padding-top: 15px;
   max-height: 75px;
   overflow: hidden;
 }

 .main-news-big img, #economy-part .economy-news-big-image, #sport-part .big-news-image {
   height: 320px;
   width: 100%;
   object-fit: cover;
   object-position: center;
 }

.main-news-big .main-news-big-image {
  object-position: top;
}

 /******
 SMALL NEWS ON SLIDER
 ******/

 #main-slider .small-news-holder {
   width: 100%;
 }

 #main-slider .small-news, #bih-part .small-news, #economy-part .small-news {
   max-width: 266px;

 }


 #main-slider .small-news:nth-child(2), #bih-part .small-news:nth-child(2), #economy-part .small-news:nth-child(2) {
   margin: 0 13px;
 }

 #main-slider .small-news-image, #bih-part .small-news-image, #editor-part .small-news-image,
 #world-part .small-news-image, #economy-part .small-news-image, #ch-part .small-news-image,
 #remaining-part .small-news-image, #search-part .small-news-image {
   height: 178px;
   width: 100%;
   object-fit: cover;
   object-position: center;
 }

 #main-slider .small-news .text-block:nth-child(2), #bih-part .small-news .text-block:nth-child(2),
 #editor-part .small-news .text-block:nth-child(2), #world-part .small-news .text-block:nth-child(2),
 #world-part .smallest-news .text-block:nth-child(1), #economy-part .small-news .text-block:nth-child(1),
 #ch-part .smallest-news .text-block:nth-child(1), #sport-part .small-news .text-block:nth-child(2),
 #remaining-part .small-news .text-block:nth-child(2), #search-part .small-news .text-block:nth-child(2){
   height: 140px;
   overflow: hidden;
 }

 #world-part .big-news .text-block:nth-child(2), #ch-part .big-news .text-block:nth-child(2) {
   height: 134px;
   overflow: hidden;
 }
 #economy-part .economy-news-big .text-block {
   height: 165px;
   overflow: hidden;
   width: 100%;
 }

 #bih-part .small-part {
     display: none;
     overflow: scroll;
 }
 #editor-part .small-news, #world-part .second-row .smallest-news, #ch-part .second-row .smallest-news,
 #remaining-part .small-news, #search-part .small-news  {
   width: 25%;
 }
 #editor-part .small-news:not(:last-child), #world-part .second-row .smallest-news:not(:last-child),
 #ch-part .second-row .smallest-news:not(:last-child), #remaining-part .small-news:not(:last-child),
 #search-part .small-news:not(:last-child) {
   margin-right: 13px;
 }
 #world-part .second-row .smallest-news:nth-child(2),
 #ch-part .second-row .smallest-news:nth-child(2) {
   padding-right: 3px;
 }

 #world-part .second-row .smallest-news:nth-child(2)::after,
 #ch-part .second-row .smallest-news:nth-child(2)::after {
   right: -5px;
 }

 #world-part .second-row .smallest-news:nth-child(3),
 #ch-part .second-row .smallest-news:nth-child(3) {
   margin-right: 8px;
 }

 #world-part .second-row .smallest-news:nth-child(4),
 #ch-part .second-row .smallest-news:nth-child(4) {
   padding-left: 5px;
 }
 #world-part .col-6, #ch-part .col-6  {
   margin-right: 7px;
 }

 #world-part .col-3:nth-child(2),
 #ch-part .col-3:nth-child(2) {
   margin-left: 7px;
   padding-right: 3px;
 }

 #world-part .col-3:nth-child(3),
 #ch-part .col-3:nth-child(3) {
   padding-left: 10px;
 }


 #world-part .big-news-image,
 #ch-part .big-news-image {
   height: 327px;
   object-fit: cover;
   object-position: center;
   min-width: 100%;
 }

 #economy-part .economy-news-big {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   align-content: flex-start;
   justify-content: flex-start;
   width: 66%;
 }

 #economy-part .economy-news-small {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   align-content: flex-start;
   justify-content: flex-start;
   width: 33%;
   margin-right: 13px;
   position: relative;
 }

 #economy-part .economy-news-small::before {
   content: '';
   display: block;
   width: 1px;
   height: 100%;
   background: #aaa;
   position: absolute;
   top: 0;
   right: -7px;
 }

 #economy-part .economy-news-big .big-title  {
   height: 100px;
   overflow: hidden;
 }

 #economy-part .small-news:nth-child(1) {
     max-width: 272px;
 }

 #economy-part .small-part {
     overflow: hidden;
 }
 .picker:hover {
   color: red;
   cursor: pointer;
 }
 .picker.selected {
   color: red;
 }

 .big-news-sidebar, .economy-part-sidebar {
   display: flex;
   flex-direction: column;
   position: relative;
   overflow-y: scroll;
   height: 100%;
 }

 .big-news-sidebar .share-count {
     position: static;
 }
 .big-news-sidebar .flex-row:not(:first-child), .economy-part-sidebar .flex-row {
     background-color: #f7f7f7;
 }
 .big-news-sidebar .flex-row:not(:first-child), .economy-part-sidebar .flex-row:not(:first-child) {
   margin-top: 7.5px;
 }

 .big-news-sidebar .loader, .economy-part-sidebar .loader {
   align-self: center;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
 }

 .section-title-holder {
   padding-bottom: 13px!important;
 }
 .section-title {
   text-transform: uppercase;
   font-family: Arial;
   margin-top: 30px;
  white-space: nowrap!important;
  padding-right: 13px;
  line-height: 0.7;
  font-weight: bold;
 }
 .section-title-line {
   flex-grow: 1;
   width: 100%;
 }
 .section-title-line div {
   width: 100%;
   height: 1px;
 }

 .section-title-line.text-bih, .section-title-line.text-video,
 .section-title-line.text-faktor-specijal, .section-title-line.text-izdvojeno {
   background-color: rgb(210, 35, 42);
 }
 .section-title-line.text-svijet {
   background-color: rgb(103, 0, 0);
 }

 .section-title-line.text-ekonomija {
   background-color: rgb(45, 66, 92);
 }

 .section-title-line.text-crna-hronika {
   background-color: rgb(0, 0, 0);
 }

 .section-title-line.text-sport {
   background-color: rgb(15, 96, 35);
 }

 .section-title-line.text-magazin {
     background-color: rgb(119, 59, 88);
 }

 .section-title-line.text-lifestyle {
     background-color: rgb(236, 0, 140);
 }

 .section-title-line.text-tehnomag, .section-title-line.text-promo {
     background-color: rgb(0, 174, 239);
 }

 .section-title-line.text-zanimljivosti {
     background-color: rgb(253, 212, 140);
 }

 .section-title-line.text-foto {
     background-color: #efefef;
 }
 #category-part .section-title-line.text-foto {
     background-color: #f26522;
 }
 .weather-holder {
   max-width: 170px;
 }

 .weather-icon {
   max-width: 63px;
   padding-bottom: 13px;
 }

 #weather-input {
   min-width: 100%;
   padding: 7px 0;
   font-size: 16px;
   text-transform: uppercase;
 }

 .weather-search {
   max-width: 25px;
   position: relative;
   transform: translateX(-100%);
 }

 .border-bottom {
   border: 0px;
   border-bottom: 1px solid #aaa;
 }

 .weather-current {
   padding-top: 13px;
 }

 .road-works-holder, .currency-holder, .send-news-holder {
   padding-top: 30px;
   display: flex;
   flex-direction: column;
 }
 .road-works-image, .currency-image, .send-news-image {
   max-width: 50px;
 }
 .road-works-title, .currency-title, .send-news-title {
   text-transform: uppercase;
   padding-left: 13px;
   font-size: 18px;
 }

 .road-works-description{
   padding-right: 10px;
   padding-top: 13px;
 }

 .social-holder .social-image {
   margin: 6.5px;
   max-width: 50px;
 }

 .social-holder .social-image:nth-child(1) {
   margin-left: 0;
 }

 .economy-news-small-image, #sport-part .small-news-image {
     height: 203px;
     width: 100%;
     object-fit: cover;
     object-position: center;
 }
 #economy-part .economy-news-small .text-block {
 height: 282px;
 }

 #economy-part .economy-news-small .text-description, #sport-part .small-news .text-description{
   padding-top: 15px;
   max-height: 133px;
   overflow: hidden;
 }

 .economy-sidebar-image {
     width: 110px;
     object-fit: cover;
     object-position: center;
     height: 70px;
     align-self: center;
 }

 .economy-part-sidebar .small-title {
     max-height: 60px;
     overflow: hidden;
 }

 #sport-part .col-3:first-child {
     max-width: calc(25% - 10px);
     margin-right: 13px;
 }



 #sport-part .col-3:nth-child(3) {
     max-width: calc(25% - 13px);
     margin-left: 13px;
 }

 #sport-part .first-row .small-news .text-block:nth-child(2) {
     height: 232px;
     overflow:hidden;
 }

 #sport-part .second-row .small-news {
     max-width: 25%;
     width: 25%;
 }

 #sport-part .second-row .small-news:not(:last-child) {
     margin-right: 13px;
 }

 #sport-part .second-row .small-news:nth-child(1) {
     max-width: calc(25% + 3px);
     width: calc(25% + 3px);
 }

 #sport-part .second-row .small-news:nth-child(3) {
     max-width: calc(25% + 10px);
     width: calc(25% + 7px);
 }

 #sport-part .second-row .small-news-image {
     width: 100%;
 }

 .video-section-title {
     width: 143px;
 }

 .video-title-image {
     max-width: 80px;
     padding-right: 7px;
     display: inline;
 }


 .video-big-news-holder {
     background-color: rgb(153, 153, 153);
     padding: 20px;
     height: 430px;
 }
 .video-small-news {
     background-color: rgb(153, 153, 153);
     padding: 10px 10px 10px 0;
     height: 136px;
     display: flex;
     flex-direction: row;
 }

 .video-small-news:not(:first-child) {
     margin-top: 11px;
 }

 .video-big-news-holder *{
     max-height: 100%;
 }
 .video-big-news-image, .photo-news-image {
     width: 100%;
     height: 390px;
     object-fit: cover;
     object-position: center;
 }

 .video-big-news{
     position: relative;
 }

 #video-part .video-big-news-holder .video-text-block-big,
 #photo-part .photo-news-holder .photo-text-block {
     background-color: rgb(153, 153, 153);
     position: absolute;
     bottom: 10px;
     left: 10px;
     max-width: 264px;
     max-height: 162px;
 }
 #photo-part .photo-news-holder .photo-text-block {
   background-color: #000;
 }

 .video-text-block-big *, .photo-text-block * {
     color: white!important;
 }

 #video-part .foto-video-holder, #photo-part .foto-video-holder {
   justify-content: flex-end;
 }

 #video-part .foto-video-holder .foto-img,
 #photo-part .foto-video-holder .foto-img,
 #video-part .foto-video-holder .video-img,
 #photo-part .foto-video-holder .video-img {
   max-width: 60px!important;
   max-height: 60px!important;
 }
 .video-small-news-holder {
     padding-left: 13px;
 }

 .video-small-news-image-link {
     height: 100%;
 }
 .video-small-news-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .video-text-block-small {
     max-width: 50%;
     max-height: 109px;
     overflow:hidden;
     background-color: rgba(153, 153, 153)!important;
     padding-top: 0!important;
 }

 .video-text-block-small * {
     color: white!important;
 }

 #magazin-part .col-6:nth-child(1),
 #tehnomag-part .col-6:nth-child(1) {
     margin-right: 7.5px;
 }
 .magazin-title-image {
     max-height: 25px;
     display: inline;
     padding-right: 7px;
 }

 #magazin-part .col-6:nth-child(2),
 #tehnomag-part .col-6:nth-child(2) {
     margin-left: 7.5px;
 }

 .magazin-news-big-image,
 .lifestyle-news-big-image,
 .tehnomag-news-big-image,
 .interesting-news-big-image {
     width: 100%;
     height: 330px;
     object-fit: cover;
     object-position: center;
 }

 .magazin-news-big,
 .lifestyle-news-big,
 .tehnomag-news-big,
 .interesting-news-big  {
     height: 330px;
     width: 100%;
 }
 .magazin-text-block-big,
 .lifestyle-text-block-big,
 .tehnomag-text-block-big,
 .interesting-text-block-big {
     position: absolute;
     bottom: 10px;
     left: 10px;
     transform: translateY(-100%);
     max-width: 267px;
     max-height: 150px;

 }

 .magazin-text-block-big *,
 .lifestyle-text-block-big *{
     color: white!important;
 }

 #magazin-part .magazin-small-news-holder .small-news,
 #magazin-part .lifestyle-small-news-holder .small-news,
 #tehnomag-part .tehnomag-small-news-holder .small-news,
 #tehnomag-part .interesting-small-news-holder .small-news {
     display: flex;
     flex-direction: row;
     background-color: #f7f7f7;
     padding: 10px;
     max-width: 50%;
     max-height: 150px;
     height: 150px;
 }

 #magazin-part .magazin-small-news-holder .small-news:nth-child(1),
 #magazin-part .lifestyle-small-news-holder .small-news:nth-child(1),
 #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1),
 #tehnomag-part .interesting-small-news-holder .small-news:nth-child(1) {
     margin-right: 7px;
 }

 #magazin-part .magazin-small-news-holder .small-news:nth-child(2),
 #magazin-part .lifestyle-small-news-holder .small-news:nth-child(2),
 #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(2),
 #tehnomag-part .interesting-small-news-holder .small-news:nth-child(2) {
     margin-left: 7px;
 }
 #magazin-part .magazin-small-news-holder .small-news .text-block,
 #magazin-part .lifestyle-small-news-holder .small-news .text-block,
 #tehnomag-part .tehnomag-small-news-holder .small-news .text-block,
 #tehnomag-part .interesting-small-news-holder .small-news .text-block {
     padding: 0;
     padding-left: 10px;
     max-width: 50%;
     width: 50%;
     max-height: 130px;
     overflow: hidden;
 }


 #magazin-part .magazin-small-news-holder .small-news .small-news-image-link,
 #magazin-part .lifestyle-small-news-holder .small-news .small-news-image-link,
 #tehnomag-part .tehnomag-small-news-holder .small-news .small-news-image-link,
 #tehnomag-part .interesting-small-news-holder .small-news .small-news-image-link {
     max-width: 50%;
     width: 50%;
 }

 #magazin-part .magazin-small-news-holder .small-news .small-news-image,
 #magazin-part .lifestyle-small-news-holder .small-news .small-news-image,
 #tehnomag-part .tehnomag-small-news-holder .small-news .small-news-image,
 #tehnomag-part .interesting-small-news-holder .small-news .small-news-image {
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 #photo-part {
   background: #000;
   margin-top: 30px;
 }

 #photo-part .photo-news{
   position: relative;
 }

 #photo-part .photo-news-holder {
   padding: 20px;
   overflow: hidden;
   position: relative;
 }

 #photo-part .col-9 {
   min-width: 75%;
   width: 75%;
   margin: 0 6.5px
 }

 .slider-arrow {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   max-height: 50px;
   z-index: 9;
 }

 .slider-arrow:hover {
   cursor: pointer;
   transform: translateY(-50%) scale(0.90);
 }
 .arrow-right {
   left: 75%;
 }

 #remaining-part .container, #search-part .container:not(:first-child) {
     padding-top: 13px!important;
     position: relative;
 }

 #remaining-part .container:not(:last-child)::after,
 #search-part .container::after{
     content: '';
     display: block;
     width: calc(100% - 14px);
     position: absolute;
     bottom: -7px;
     left: 7px;
     height: 1px;
     background: #dadada;
 }
 #search-part .container:last-child::after,
 #search-part .container:first-child::after {
     height: 0;
     width: 0;
     display: none!important;
 }

 #remaining-part .container:first-child::before {
     content: '';
     display: block;
     width: calc(100% - 14px);
     position: absolute;
     top: 7px;
     left: 7px;
     height: 1px;
     background: #dadada;
 }

 #button-part {
     padding-top: 13px;
 }

 #main-slider .section-title, #main-part .section-title {
     margin-top: 0px;
 }

 #category-button-holder .loader {
     margin-bottom: 13px;
 }

 #article-part .pretitle {
   margin-top: 30px;
 }

 .post-meta-holder, .vezani-tekst-holder {
   border-top: 1px solid;
   border-bottom: 1px solid;
   border-color: #000;
   margin-top: 13px;
   padding: 7px 0;
 }
 .post-meta-holder {
     border-color: #dadada;
 }
 .post-meta-holder-bottom {
   border-top: 0;
   margin-top: 30px;
 }
 .post-text-holder p {
     font-size: 17px;
 }
 .post-content-holder::after {
     content: '';
     display: table;
     clear: both;
 }
 #article-part.big-part {
     position: relative;
 }
 #article a {
     color: rgb(210, 35, 42);
     cursor: pointer;
 }
 #article a:hover {
     color: black;
 }

 .breadcrumbs a {
     text-transform: lowercase;
 }
 #article .small-part {
     overflow: scroll;
 }
 #article .big-title {
     font-size: 28px;
     font-weight: bold;
 }
 #article-part .share-image {
   max-width: 20px;
   display: inline;
   padding-left: 5px;
 }

 #article-part .social-image {
   max-width: 30px;
 }
 #article-part .social-link:not(:last-child) {
   margin-right: 7px;
 }
 .icons-share-holder {
   margin-left: 13px;
 }

 .main-image-holder {
   padding-top: 13px;
   position: relative;
 }

 .main-image {
   max-width: 100%;
   width: 100%;
   max-height: 600px;
   object-fit: contain;
   object-position: center;
 }

 .photo-meta {
   position: absolute!important;
   background-color: rgba(0,0,0,.7);
   position: relative;
   transform: translateY(-100%);
   padding: 5px 10px;
   width: 100%;
 }
 .photo-credit, .photo-description {
   color: rgb(255, 255, 255);
   font-size: 12px;
 }

 .photo-credit {
   text-align: right;
   text-transform: uppercase;
 }

 .post-text-holder p {
   margin: 15px 0;
 }
 .post-image-inner-holder {
   text-align: center;
   position: relative;
 }
 .post-image-inner {
     display: block;
     margin: 0 auto;
     max-height: 600px;
     margin-bottom: 20px;
     height: auto;
     object-fit: initial;
     max-width: 100%;
     width: auto;
 }
 .post-image-inner-captions {
   background: rgba(0,0,0,.8);
   color: white;
   transform: translate(-50%, 0%);
   display: inline-block;
   padding: 5px 10px;
   text-align: left;
   position: absolute;
   bottom: 0;
   left: 50%;
   font-size: 12px;
 }
 .vezani-tekst-holder {
   width: 200px;
   margin: 0;
   float:left;
   margin-right: 20px;
   padding: 10px;
   overflow: auto;
 }
 .clearfix::after {
   content: "";
   clear: both;
   display: table;
 }
 .vezani-tekst-holder img {
   max-width: 100%;
   width: 100%;
   max-height: 100%;
   object-fit: contain;
   object-position: left;
 }

 .vezani-tekst-holder .small-title {
   font-weight: bold;
 }

 .vezani-tekst-holder .flex-column {
   padding-left: 20px;
 }

 .vezani-tekst-holder .pretitle {
   margin-top: 0!important;
 }
 .gallery-holder {
   position: relative;
   width: 100%;
     margin: 20px 0;
 }
 .gallery {
   width: 100%;
   background: #fff;


 }

 .gallery-holder .loader {
   background: url('/assets/img/loader.svg');
   background-size: 50px;
   background-repeat: no-repeat;
   background-position: center;
   background-color: white;

   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
 }

 .post-text-holder iframe {
   margin: 20px auto!important;
   display: block;
   max-width: 100%;
 }

 #article .small-part .big-news-sidebar {
   height: auto;
 }

 .article-sidebar-image {
   width: 110px;
   object-fit: cover;
   object-position: center;
   height: 70px;
   align-self: center;
 }

 .breadcrumbs a {
     color: black;
 }

 #article .small-part .flex-row {
   margin-top: 7px;
 }

 #article .small-part .share-count {
   position: relative;
   top: 0;
   left: 0;
   margin-top: 7px;
 }
 #article a:not(.vezani-tekst-holder), #article a:not(.breadcrumbs a) {
   color: red;
 }

 #article a:not(.vezani-tekst-holder):hover,
 #article a:not(.breadcrumbs a):hover {
   color: black;
 }
 .post-disclaimer {
   margin-top: 13px;
   font-style: italic;
 }

 .tag-list {
   display: flex;
   flex-direction: row;
   margin-top: 30px;
 }
 .tag-link {
   font-style: italic;
   padding-right: 10px;
 }

#more-stories {
    display: none;
    flex-direction: column;
    max-width: 200px;
    width: 100%;
    transform: translateY(-50%);
    position: fixed;
    top: 75vh;
    right: 10px;
    opacity: 1;

    background: white;
    padding: 13px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    animation: fadeInLeft 0.5s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

.close-more-stories {
    align-self: flex-end;
    font-weight: bold;
    cursor: pointer;
}
.title-more-stories {
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(210, 35, 42);
}

#more-stories .pretitle {
    margin-top: 7px;
}

#more-stories.closed {
    display: none!important;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

@keyframes  fadeInLeft {

    0% {
        opacity: 0;
        right: -300px;
    }

    100% {
        opacity: 1;
        right: 10px;
    }

}
 /* #article q {
     display: block;
     max-width: 90%;
     margin: 20px auto;
     font-size: 20px;
     position: relative;
     font-style: italic;
     quotes: "„" "“" "‚" "‘";
 }
 q:before {
     content: open-quote;
 }

 q:after {
     content: close-quote;
     position: relative;
     top: 10px;
 }
 q::after, q::before {
     color: rgba(0,0,0,.3);
     font-size: 40px;
     line-height: .5
 } */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: .3s;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  max-width: 100vw;
  overflow-x: hidden;
  position: relative;
}

a {
  text-decoration: none;
}

a:hover {
    color: rgb(210, 35, 42);
}

img {
  max-width: 100%;
  object-fit: contain;
  display: block;
}

input {
  padding: 5px 10px;
  font-size: 16px;
  color: black;
  font-family: inherit;
}

button {
  background: rgb(210, 35, 42);
  color: white;
  padding: 5px 10px;
  font-size: 16px;
  border: 1px solid rgb(210, 35, 42);
  font-family: inherit;
}

button:hover {
  background: rgb(150, 35, 42);
  cursor: pointer;
  border: 1px solid rgb(150, 35, 42);
}
main {
    padding: 30px 0;
}

ul, ol {
    padding-left: 40px;
    margin: 20px 0;
}


::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.big-news-sidebar::-webkit-scrollbar, .economy-part-sidebar::-webkit-scrollbar,
#article .small-part::-webkit-scrollbar, .putevi__sidebar::-webkit-scrollbar, #bih-part .small-part::-webkit-scrollbar {
    display: none;
}
.container {
  max-width: 1182px;
  width: 100%;
  display: flex;
  margin: 0 auto;
  padding: 0 7px;
}

.boxed {
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.vertical-center {
  align-items: center;
  align-content: center;
}

.vertical-end {
  align-items: flex-end;
  align-content: flex-end;
}

.horizontal-center {
  justify-content: center;
}

.horizontal-start {
  justify-content: flex-start;
}

.horizontal-end {
  justify-content: flex-end;
}

.horizontal-between {
  justify-content: space-between;
}
h1, h2, h3, h4, h5, h6 {
  color: rgba(0,0,0,.8);
  font-weight: 500;
}

p, .pretitle {
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    color: #000;
}


.text-description {
  font-size: 16px;

}

.pretitle {
  text-transform: uppercase;
  margin-bottom: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}
.big-title {
  font-size: 24px;
}

.medium-title {
  font-size: 18px;
}

.small-title {
  font-size: 16px;
}
.text-block-normal {
  background-color: #f7f7f7;
}

.text-block {
  display: flex;
  flex-direction: column;
  padding: 10px;
  position: relative;
}

.text-block.dark-block {
  background-color: #aaa;
}

.text-block.dark-block * {
  color: white!important;
}
.share-count {
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 10px;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
}

.economy-part-sidebar .share-count{
    position: relative;
    top: 0;
    bottom: 0;
    margin-top: 7px;
}

.share-count .number {
  font-size: 13px;
  padding-right: 5px;
  color: black;
}

.share-count img {
  width: 10px;
  height: 10px;
}

.text-bih, .text-video, .text-faktor-specijal, .text-izdvojeno {
  color: rgb(210, 35, 42);
}

.text-sport {
  color: rgb(15, 96, 35);
}

.text-world, .text-svijet {
  color: rgb(103, 0, 0);
}
.background-world, .background-svijet {
  background-color: rgb(103, 0, 0);
}

.background-sport {
  background-color: rgb(15, 96, 35);
}
.background-world *, .background-economy *, .background-sport * {
  color: #fff!important;
}

.text-economy, .text-ekonomija {
  color: rgb(45, 66, 92);
}
.background-economy, .background-ekonomija {
  background-color: rgb(45, 66, 92);
}

.text-crna, .text-crna-hronika {
  color: rgb(0, 0, 0);
}

.text-magazin {
    color: rgb(119, 59, 88);
}

.background-magazin {
    background-color: rgb(119, 59, 88);
}

.text-lifestyle {
    color: rgb(236, 0, 140);
}

.background-lifestyle {
    background-color: rgb(236, 0, 140);
}

.text-tehnomag, .text-promo {
    color: rgb(0, 174, 239);
}

.background-tehnomag,.background-promo {
    background-color: rgb(0, 174, 239);
}

.text-zanimljivosti {
    color: rgb(250, 168, 25);
}

.background-zanimljivosti {
    background-color: rgb(253, 212, 140);
}

.text-foto {
    color: #efefef;
}
#category-part .text-foto {
    color: #f26522;
}

.background-foto {
    background-color: rgb(0, 0, 0);
}

.loader {
  width: 40px;
  height: 40px;
}

.text-link {
  max-width: 100%;
  width: 100%;
  position: relative;
  display: flex;
}
.foto-video-holder {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  padding: 10px;
  z-index: 3;
  bottom: 0;
}

.foto-img, .video-img {
  max-width: 30px!important;
  max-height: 30px!important;
}
.video-img {
  margin-right: 6.5px;
}

#footer {
  padding: 20px 0;
  background-color: #efefef;
}

#footer .container>.col-3 {
  padding-left: 13px;
  text-align: right;
}

#footer #logo-footer {
  max-width: 75%;
  display: inline;
}
.footer-link {
  color: black;
  text-transform: uppercase;
}

.footer-link:hover {
  color: rgb(210, 35, 42);
}

#footer .info-holder {
  margin-top: 13px;
}

#footer .social-image {
  max-width: 47px;
  display: inline;
  margin: 0;

}
#footer .social-image:not(:last-child) {
  margin-right: 6.5px;
}
#footer .social-holder {
  justify-content: flex-end;
}

#footer .search-holder {
margin-top: 13px;
}

#footer .search-holder * {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}

#footer .copyright-holder {
  padding-top: 13px;
}
#footer .copyright {
  color: rgb(153, 153, 153);
  font-size: 14px;
}

#footer .copyright:last-child {
  text-align: right;
}

div[id^='div-gpt-ad'], div[id*=' div-gpt-ad'] {
    margin: 13px 0;
}
.big-news {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.big-news .text-block:nth-child(2) {
    flex-grow: 1;
}
/********************************

RESPONSIVE

********************************/
.mobile__commercial  {
    display: none;
}
#page-parts p {
    margin: 5px 0;
}

#page-parts strong {
    display: block;
    margin-top: 20px;
}
#hamburger {
  width: 33px;
  height: 20px;
  display: none;
}

#hamburger:hover {
  cursor: pointer;
}
#hamburger:hover > div {
  box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#hamburger div{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;

  background: #000;
  border-radius: 10px;
}

#close-menu {
  position: fixed;
  left: calc(40vw - 40px);
  top: 20px;
  width: 32px;
  height: 32px;
  opacity: .8;
  display: none;
  z-index: 999;
}
#close-menu {
  opacity: 1;
}
#close-menu div:first-child, #close-menu div:last-child {
  position: absolute;
  left: 15px;
  height: 33px;
  width: 2px;
  background-color: #333;
}
#close-menu div:first-child {
  transform: rotate(45deg);
}
#close-menu div:last-child {
  transform: rotate(-45deg);
}
.top-button-img {
    max-width: 20px;
}
#top-button,
#newest-button,
#popular-button {
    padding: 10px;
    background-color: rgb(210, 35, 42);
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: white;
}

.newest-button-img, .popular-button-img {
    max-height: 20px;
}

#top-button:hover,
#newest-button:hover,
#popular-button:hover {
    background-color: rgb(150, 35, 42)
}
#features {
    position: fixed;
    bottom: 0;
    z-index: 9;
    width: 100vw;
    padding-bottom: 10px;
    display: none;
}
#features .container {
    justify-content: flex-end;
}

#newest-button,
#popular-button {
    display: flex;
    margin-right: 5px;
}
.putevi__sidebar {
    max-height: 510px;
    overflow: scroll;
    padding-left: 13px;
}
.border {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    padding: 20px 0;
}
.text-bihamk p {
    margin: 20px 0;
}
.bihamk-credits {
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: 130px;
    width: 100%;
    height: auto;
    z-index: 9;
}
@media (max-width: 992px) {
    #newest-button,
    #popular-button {
        display: flex;
        margin-right: 10px;
    }

    #features .container {
        justify-content: flex-end;
    }
    .container, main, section {
        max-width: 100vw;
        width: 100vw;
    }

    header .social-holder {
        padding-top: 0;
    }

    .big-news-sidebar {
        display: none;
    }

    .container {
        padding: 0 13px;
    }
  #header-top, .main-navigation {
    display: none;
    width: 0;
    transition: .3s;
    position: fixed;
    left: 0;
    top:0;
    transform: translateX(-100%);
  }

  #hamburger {
    display: block;
  }
header .container:last-child,
header .container:last-child .col-10 {
    flex-direction: row-reverse;
}

header .container:last-child .col-10 .social-holder {
    justify-content: flex-start;
}
  header #logo {
    max-height: 30px;
  }


  .social-holder {
    padding-top: 0;
  }

  .main-navigation.visible {
    display: flex;
    flex-direction: column!important;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: left;

    position: fixed;
    left: 0;
    top: 71px;

    max-width: 100vw;
    width: 100%;
    border: 1px solid #dadada;

    z-index: 999;
    background-color: white;

    transform: translateX(0);

    padding: 20px;
    animation: left .4s linear;
  }
header ul {
    padding-bottom: 5px;
}
  .main-navigation > ul {
    margin: 7px 0;
    position: relative;
    display: block;
    width: 100%;
  }
  header .main-menu .menu-item {
      justify-content: flex-start;
      flex-direction: column;
      align-items: flex-start;
      align-content: flex-start;
  }

  .chevron {
      position: relative;
  }

  .chevron::after {
      content: '';
      display: block;
      color: black;
      width: 15px;
      height: 15px;
      background-repeat: no-repeat;
      background-image: url('/assets/img/chevd.png');
      background-position: center;
      background-size: contain;
      position: absolute;
      top: 15px;
      left: 100%;
      transform: translate(calc(-50% - 20px), -50%);

  }

  .chevron.opened::after {
      transform: translate(calc(-50% - 20px), -50%) rotate(180deg);
  }

 header .main-menu:hover .sub-menu {
     position: static;
     width: 100%;
     transform: translateY(0);
     border: 0px;
 }
 .sub-menu {
     display: none!important;
 }

 header .main-menu.opened .sub-menu {
     display: flex!important;
     flex-direction: column;
 }

 .main-navigation {
     overflow-y: scroll;
 }

 .main-navigation::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
.main-navigation {
  -ms-overflow-style: none;
}

#close-menu {
    left: calc(100% - 53px);
    top: 80px;
    width: 25px;
    height: 25px;
    overflow: hidden;
}

#close-menu div:first-child, #close-menu div:last-child {
    height: 25px;
}

 .main-navigation > ul {
     margin: 0;
 }

  .main-menu:not(:last-child) {
      border-bottom: 1px solid #dadada;
  }

  .main-navigation a:not(:first-child)::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dadada;

    position: absolute;
    bottom: -7px;
    left: 0;
  }

  .grid-right {
    flex-direction: column;
  }

  .grid-left {
    flex-direction: column-reverse;
  }

  .big-part, .small-part {
    max-width: 100%;
    width: 100%;
  }

  .grid-right .big-part {
    padding-right: 0;
  }
  .grid-left .big-part {
    padding-left: 0;
  }

  .boxed {
    border-right: 0;
    border-left: 0;
  }

  .not-mobile-right.after-right::after,
  .not-mobile-right.after-right-2::after,
  .not-mobile-right.before-right-2::before,
  .not-mobile-right.before-right::before {
    height: 0;
    width: 0;
    display: none;
  }

  #main-slider .small-news, #bih-part .small-news, #economy-part .small-news,
  #economy-part .small-news:nth-child(1) {
    max-width: 33.333333%;
    width: 33.3333333%;
  }

  #economy-part .economy-news-small {
      width: calc(33.3333333% - 7px);
  }

  #economy-part .economy-news-big {
    width: 66.6666666%;
  }

  #economy-part .small-news:nth-child(1), #economy-part .small-news:nth-child(2) {
      margin: 0;
      margin-right: 13px;
  }

  #sport-part .first-row .small-news .text-block:nth-child(2) {
      height: 266px;
  }
  #sport-part .first-row .big-news .text-block:nth-child(2) {
      height: 149px;
  }

  #magazin-part .grid-right, #tehnomag-part .grid-right {
      flex-direction: row;
  }
    .big-news-sidebar, .economy-part-sidebar {
        flex-direction: row;
        flex-wrap: wrap;

    }
  .big-news-sidebar .flex-row:not(:first-child), .economy-part-sidebar .flex-row {
      flex-direction: column;
      width: calc(25% - (39px / 4));
  }

    .big-news-sidebar .flex-row:not(:nth-child(1n+5)), .economy-part-sidebar .flex-row:not(:nth-child(1n+4))  {
      margin-right: 13px;
  }

  .big-news-sidebar .flex-row:nth-child(1n+6), .economy-part-sidebar .flex-row:nth-child(1n+5) {
    display: none;
}


  .big-news-sidebar .flex-row:first-child {
      width: 100%;
      margin-right: 0;
      margin-top: 13px;
      position: relative;
  }

  .big-news-sidebar .flex-row:first-child::before {
      content: '';
      display: block;
      height: 1px;
      width: 100%;
      background-color: #dadada;
      position: absolute;
      top: -7px;
      left: 0;
    }
    .big-news-sidebar .flex-row:first-child .picker:first-child {
        text-align: right;
    }
    .big-news-sidebar .flex-row:first-child .picker {
        margin: 0 7px;
    }
  .economy-sidebar-image {
      width: 100%;
      height: 155px;
      object-fit: cover;
  }
    #bih-part .small-part {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
  .weather-holder, .road-works-holder {
      max-width: calc(50% - 6.5px);
      width: 100%;
  }

  .currency-holder, .social-holder, .send-news-holder {
      max-width: calc(33.333333% - (26px / 3));
      width: 100%;
      padding-top: 30px;
      display: flex;
      align-items: center;
      align-content: center;
  }
  .weather-holder, .currency-holder, .social-holder {
      margin-right: 13px;
  }

  .send-news-holder, .send-news-holder .flex-row {
      justify-content: flex-end;
  }
  .social-holder .flex-row  {
      justify-content: center;
  }

    #footer .flex-row {
        flex-wrap: wrap;
    }
  #footer .col-9, #footer .col-3 {
      width: 50%;
      max-width: 50%;
  }

  #footer .social-holder {
      max-width: 100%;
      width: 100%;
  }
  #footer #logo-footer {
      max-width: 150px;
  }

  #footer .col-9>.horizontal-between {
      justify-content: flex-start;
  }

  #footer .col-9>.horizontal-between a{
      padding-right: 10px;
  }
    #footer .col-3 {
        width: 100%;
        max-width: 100%;
    }

    #article aside {
        display: none;
    }

    #category-part .small-part,
    #remaining-part .small-news:nth-child(even)::after {
        display: none;
    }

    #remaining-part .container:first-child::before,
    #remaining-part .container:not(:last-child)::after {
        max-width: calc(100% - 26px);
        left: 13px;
    }
    #remaining-part .flex-row {
        flex-wrap: wrap;
    }
    #remaining-part .small-news {
        width: calc(50% - 6.5px);
        max-width: 50%;
    }

    #remaining-part .small-news:nth-child(even) {
        margin-right: 0;
        position: relative;
    }

    #remaining-part .small-news:nth-child(odd) {
        margin-right: 13px;
        position: relative;
    }

    #remaining-part .small-news:nth-child(3n),
    #remaining-part .small-news:nth-child(4n) {
        margin-top: 13px;
    }

    #remaining-part .container .small-news:nth-child(1)::before,
    #remaining-part .container .small-news:nth-child(2)::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dadada;
        position: absolute;
        top: calc(100% + 6.5px);
        left: 0;
    }

    header #logo {
        padding-left: 0;
        padding-right: 13px;
    }

}


@media (max-width: 768px) {
    .main-news-big {
        flex-direction: column-reverse;
    }
    .main-news-big .text-block {
        max-width: 100%;
        height: auto;
    }
    .share-count {
        position: static;
    }
    .big-news-sidebar .flex-row:not(:first-child), .economy-part-sidebar .flex-row, #editor-part .small-news {
        width: calc(50% - 6.5px);
    }

    header .container:last-child .col-2 {
        justify-content: flex-start;
    }

  #editor-part .flex-row {
      flex-wrap: wrap;
  }
    .big-news-sidebar .flex-row:nth-child(3),
    .economy-part-sidebar .flex-row:nth-child(2) {
        margin-right: 0;
    }
    .economy-part-sidebar .flex-row:nth-child(2) {
        margin-top: 0;
    }
    .big-news-sidebar .flex-row .text-block,
    .economy-part-sidebar .flex-row .text-block {
        height: 112px;
        overflow: hidden;
    }
    #editor-part .flex-row .small-news:nth-child(2) {
        margin-right: 0;
    }

    #editor-part .flex-row .small-news:nth-child(2)::after,
    #world-part .first-row .flex-column:first-child .big-news::after,
    #world-part .second-row .smallest-news:nth-child(2)::after,
    #ch-part .first-row .flex-column:first-child .big-news::after,
    #ch-part .second-row .smallest-news:nth-child(2)::after,
    #sport-part .second-row .small-news:nth-child(2)::after,
    #sport-part .col-6 .big-news::after,
    .magazin-news-big::before,
    #magazin-part .col-6:first-child .flex-row:nth-child(3) .small-news:nth-child(2)::after,
    .interesting-news-big::before,
    #tehnomag-part .col-6:first-child .flex-row:nth-child(3) .small-news:nth-child(2)::after,
    #magazin-part .magazin-small-news-holder .small-news:nth-child(2)::after {
        display: none;
    }

    #editor-part .flex-row .small-news:nth-child(1)::before,
    #editor-part .flex-row .small-news:nth-child(2)::before,
    #world-part .second-row .smallest-news:nth-child(1)::before,
    #world-part .second-row .smallest-news:nth-child(2)::before,
    #ch-part .second-row .smallest-news:nth-child(1)::before,
    #ch-part .second-row .smallest-news:nth-child(2)::before,
    #sport-part .second-row .small-news:nth-child(1)::before,
    #sport-part .second-row .small-news:nth-child(2)::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dadada;
        position: absolute;
        bottom: -7px;
        left: 0;
    }
    #editor-part .flex-row .small-news:nth-child(1n + 3),
    #world-part .second-row .smallest-news:nth-child(3),
    #world-part .second-row .smallest-news:nth-child(4),
    #ch-part .second-row .smallest-news:nth-child(3),
    #ch-part .second-row .smallest-news:nth-child(4),
    #sport-part .second-row .small-news:nth-child(3),
    #sport-part .second-row .small-news:nth-child(4) {
        margin-top: 13px;
    }

    #world-part .first-row ,
    #world-part .second-row .flex-row,
    #ch-part .first-row ,
    #ch-part .second-row .flex-row,
    #sport-part .second-row .flex-row {
        flex-wrap: wrap;
    }

    #world-part .first-row .flex-column:first-child,
    #ch-part .first-row .flex-column:first-child {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    #world-part .first-row .flex-column:nth-child(2),
    #world-part .first-row .flex-column:nth-child(3),
    #world-part .second-row .smallest-news,
    #ch-part .first-row .flex-column:nth-child(2),
    #ch-part .first-row .flex-column:nth-child(3),
    #ch-part .second-row .smallest-news,
    #sport-part .second-row .small-news {
        width: calc(50% - 6.5px)!important;
        max-width: calc(50% - 6.5px)!important;
    }

    #world-part .first-row .flex-column:nth-child(2),
    #ch-part .first-row .flex-column:nth-child(2),
    #world-part .second-row .smallest-news:nth-child(3),
    #ch-part .second-row .smallest-news:nth-child(3),
    #sport-part .second-row .small-news:nth-child(3) {
        margin-right: 13px;
    }
    #world-part .col-3:nth-child(2),
    #ch-part .col-3:nth-child(2),
    #magazin-part .col-6:nth-child(2),
    #tehnomag-part .col-6:nth-child(2) {
        margin-left: 0;
        padding-right: 0;
    }
    #world-part .col-3:nth-child(3),
    #ch-part .col-3:nth-child(3) {
        padding-left: 0;
    }

    #magazin-part .col-6:first-child {
        position: relative;
    }
    #magazin-part .col-6:first-child::after {
        content: '';
        display: block;
        height: 1px;
        width: 100%;
        background-color: #dadada;
        position: absolute;
        top: calc(100% + 6.5px);
        left: 0;
    }
    #magazin-part .col-6:nth-child(2) {
        margin-top: 13px;
    }

    #world-part .second-row .smallest-news:nth-child(2),
    #world-part .second-row .smallest-news:nth-child(4),
    #ch-part .second-row .smallest-news:nth-child(2),
    #ch-part .second-row .smallest-news:nth-child(4),
    #sport-part .second-row .small-news:nth-child(2),
    #sport-part .second-row .small-news:nth-child(4) {
        padding-right: 0;
        margin-right: 0;
    }
    #world-part .second-row .smallest-news:nth-child(4),
    #ch-part .second-row .small-news:nth-child(4) ,
    #sport-part .second-row .small-news:nth-child(4) {
        padding-left: 0;
    }
    #sport-part .first-row {
        flex-wrap: wrap;
    }
    #sport-part .col-6{
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    #sport-part .col-3 {
        max-width: 50%!important;
        width: calc(50% - 6.5px);
    }

    #sport-part .col-3:nth-child(1) {
        order: 2;
    }
    #sport-part .col-3:nth-child(3) {
        order: 3;
        margin-left: 0;
    }

    #sport-part .first-row .small-news .text-block:nth-child(2) {
        height: auto;
    }

    #video-part .container:nth-child(2) {
        flex-wrap: wrap;
    }

    .video-big-news-holder, .video-small-news-holder {
        width: 100%;
        max-width: 100%;
    }
    .video-small-news-holder {
        padding-left: 0;
        margin-top: 13px;
    }
    .video-small-news-image-link {
        max-width: 215px;
    }
    .video-text-block-small {
        max-width: calc(100% - 215px);
    }

    #magazin-part .grid-right,
    #tehnomag-part .grid-right {
        flex-wrap: wrap;
    }

    #magazin-part .col-6,
    #tehnomag-part .col-6 {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    #magazin-part .col-6:nth-child(1),
    #tehnomag-part .col-6:nth-child(1) {
        margin-right: 0;
    }

    #search-part .flex-row {
        flex-wrap: wrap;
    }
    #search-part .small-news {
        max-width: 50%;
        width: calc(50% - 6.5px);
    }

    #search-part .small-news:nth-child(even) {
        margin-right: 0;
    }

    #search-part .small-news:nth-child(3n),
    #search-part .small-news:nth-child(4n) {
        margin-top: 13px;
        position: relative;
    }

    #search-part .small-news:nth-child(3n)::before,
    #search-part .small-news:nth-child(4n)::before {
        content: '';
        display: block!important;
        width: 100%;
        height: 1px;
        background-color: #dadada;
        position: absolute;
        top: -6.5px;
        left: 0;
    }

    #search-part .small-news:nth-child(even)::after {
        display: none;
    }

    #search-part .container::after {
        width: calc(100% - 26px);
        left: 13px;
    }

#more-stories {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}


}

 @media (max-width: 600px) {
     .reklama {
         display: none;
     }
      #article iframe {
          max-width: 100%;
      }
      #economy-part .economy-news-big .text-block, #economy-part .economy-news-big .big-title,
      #sport-part .first-row .big-news .text-block:nth-child(2) {
          max-height: 165px;
          height: auto;
      }

      #editor-part .small-news {
          height: 100%;
          background-color: #aaa;
      }

      #world-part .small-news {
          height: 100%;
          background-color: rgb(103, 0, 0);
      }

      #ch-part .small-news, #sport-part .col-3:nth-child(1), #sport-part .col-3:nth-child(3)  {
          height: 100%;
          background-color: #f7f7f7;
      }


     .mobile__commercial {
         display: block;
     }
     .big-title,
     #bih-part .big-part .flex-row:first-child .small-news:first-child h2 {
         font-size: 20px;
     }
     .after-right-2::after,
     header .social:not(.search-img),
     #main-slider .small-news .text-block:nth-child(3),
     #bih-part .small-news .text-block:nth-child(3),
     #editor-part .small-news .text-block:nth-child(3),
     #world-part .big-news .text-block:nth-child(3),
     #sport-part .big-news .text-block:nth-child(3),
     #ch-part .big-news .text-block:nth-child(3),
     #economy-part .big-news .text-block:nth-child(3),
     #world-part .small-news .text-block:nth-child(3),
     #world-part .smallest-news .text-block:nth-child(2),
     #economy-part .small-news .text-block:nth-child(2),
     #ch-part .small-news .text-block:nth-child(3),
     #ch-part .smallest-news .text-block:nth-child(2),
     #sport-part .small-news .text-block:nth-child(3),
     #remaining-part .small-news .text-block:nth-child(3),
     #search-part .small-news .text-block:nth-child(3),
     .big-news-sidebar .flex-row:nth-child(1n+6),
     .economy-part-sidebar .flex-row:nth-child(1n+4),
     #bih-part .small-part,
     #world-part .smallest-news,
     #ch-part .smallest-news,
     #economy-part .text-description,
     #economy-part .economy-news-small::before,
     .share-count,
     #sport-part .text-description,
     #editor-part .flex-row .small-news:nth-child(1n + 3),
     .video-small-news:nth-child(3),
     .tehnomag-small-news-holder
      {
         display: none!important;
     }
     header .col-10, header .col-2 {
         max-width: 50%;
         width: 50%;
     }

     #newest-button small, #popular-button small, #top-button small{
         font-size: 10px;
     }
     .top-button-img, .popular-button-img, .newest-button-img {
         max-height: 10px;
     }

     header .container:nth-child(2),
     header .col-10 {
         flex-direction: row-reverse;
     }

     header .col-2,
     header .col-10 {
         justify-content: flex-start;
     }

     header .col-10 .col-2 {
         justify-content: flex-end;
     }



     #main-slider .small-news .text-block:nth-child(2),
     #bih-part .small-news .text-block:nth-child(2),
     #world-part .smallest-news .text-block:nth-child(1),
     #economy-part .small-news .text-block:nth-child(1),
     #ch-part .smallest-news .text-block:nth-child(1),
     #sport-part .small-news .text-block:nth-child(2),
     #remaining-part .small-news .text-block:nth-child(2),
     #search-part .small-news .text-block:nth-child(2),
     .big-news-sidebar .flex-row .text-block,
     .economy-part-sidebar .flex-row .text-block,
     #economy-part .economy-news-small .text-block {
         height: auto;
         width: 66.66666666%;
     }
     #main-slider .small-news-image,
     #bih-part .small-news-image,
     #world-part .small-news-image,
     #economy-part .small-news-image,
     #ch-part .small-news-image,
     #remaining-part .small-news-image,
     #search-part .small-news-image,
     #economy-part .economy-news-small .text-block {
         height: 100%;
     }

     .main-news-big .main-news-big-image,
     #world-part .big-news-image,
     #economy-part .economy-news-big-image,
     #ch-part .big-news-image,
     #sport-part .big-news-image,
     .video-big-news-image,
     .magazin-news-big-image,
     .tehnomag-news-big-image,
     .interesting-news-big-image,
     #bih-part .mobile-big
       {
         height: 220px;
     }
     .small-news-holder {
         flex-direction: column;
     }
     #main-slider .small-news,
     #main-slider .small-news:nth-child(2),
     .big-news-sidebar .flex-row:not(:first-child),
     .economy-part-sidebar .flex-row,
     #bih-part .small-news,
     #bih-part .small-news:nth-child(2) {
         display: flex;
         flex-direction: row;
         width: 100%;
         max-width: 100%;
         margin: 0;
         padding: 0;
         position: relative;
          background-color: #f7f7f7;
     }

    .small-news, #bih-part .big-part>.flex-row {
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;

    }
     #main-slider .small-news:not(:first-child),
     #bih-part .small-news,
     .big-news-sidebar .flex-row:not(:first-child),
     #bih-part .small-news:not(:first-child) {
         margin-top: 13px;
     }

     #bih-part .big-part .flex-row:first-child .small-news:first-child {
         margin-top: 0;
     }


     .small-news-image-link,
     .economy-news-small-image-link {
         width: 33.3333333333%!important;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         align-content: flex-start;
         justify-content: center;
     }
     .small-news-image {
         width: 100%;
         height: 100%;
     }
     .medium-title {
         font-size: 16px;
     }

     .economy-sidebar-image
      {
         max-width: 33.3333333%;
         height: 100%;
         align-self: center;
     }
    .economy-part-sidebar .flex-row:not(:nth-child(1n+4)) {
        margin-right: 0;
    }
     .small-news .foto-video-holder,
     .economy-news-small .foto-video-holder {
         position: static;
         padding:0;
         transform: translateY(-25px);
         align-items: flex-start;
         align-content: flex-start;
         justify-content: flex-start;
         max-height: 0;
         padding-left: 5px;
     }

     .small-news .foto-video-holder .foto-img, .small-news .foto-video-holder .video-img,
     .economy-news-small .foto-video-holder .foto-img, .economy-news-small .foto-video-holder .video-img {
         max-width: 20px!important;
         max-height: 20px!important;
     }
     #bih-part .big-part .small-news::before,
     #sport-part .flex-column:first-child::after,
     #sport-part .flex-column:last-child::after,
    #main-slider .small-news::before,
    #editor-part .flex-row .after-right-2:nth-child(3)::before,
   #editor-part .flex-row .small-news:nth-child(4)::before {
         content: '';
         display: block;
         height: 1px;
         width: 100%;
         position: absolute;
         top: calc(100% + 6.5px);
         left: 0;
         background-color: #dadada;
     }

     #bih-part .big-part .flex-row:first-child .small-news:first-child {
         flex-direction: column;
     }

     #bih-part .big-part .flex-row:first-child .small-news:first-child .small-news-image-link,
     #bih-part .big-part .flex-row:first-child .small-news:first-child .text-block:nth-child(2),
     #editor-part .small-news .text-block:nth-child(2),
     #editor-part .small-news-image-link,
     #world-part .small-news-image-link,
     #ch-part .small-news-image-link,
     #sport-part .small-news-image-link,
     #sport-part .small-news .text-block:nth-child(2){
         width: 100%!important;
     }

     #bih-part .after-bottom {
         margin-bottom: 0;
     }

     #editor-part .container:first-child {
         flex-wrap: nowrap;
     }

     #editor-part .small-news .text-block:nth-child(2),
     #world-part .small-news .text-block:nth-child(2),
     #ch-part .small-news .text-block:nth-child(2) {
         height: auto;
     }

     #editor-part .small-news-image,
     #world-part .small-news-image,
     #ch-part .small-news-image,
     #sport-part .flex-column:first-child .small-news-image,
     #sport-part .flex-column:last-child .small-news-image {
         height: 120px;
     }

     #editor-part .flex-row .after-right-2:first-child::after,
     #editor-part .flex-row .after-right-2:nth-child(3)::after,
     #world-part .col-3:nth-child(2) .after-right-2:first-child::after,
     #ch-part .col-3:nth-child(2) .after-right-2:first-child::after {
         display: block!important;
     }

    #economy-part .big-part .flex-row:nth-child(2) {
        flex-wrap: wrap;
    }
    #economy-part .economy-news-big {
        order:1;
        width: 100%;
        max-width: 100%;
    }

    #economy-part .economy-news-small {
        order:2;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        flex-direction: row;
        align-items: center;
        align-content: center;
        background-color: rgb(45, 66, 92);
    }

    #economy-part .economy-news-small-image {
        height: 140px;
    }

    #economy-part .flex-row.height-stretch {
        display: none;
    }
    .economy-part-sidebar .flex-row:nth-child(2),
    .big-news-sidebar .flex-row:not(:first-child) {
        margin-top: 7px;
    }

    #sport-part .container:nth-child(3) .flex-row .small-news {
        flex-direction: row;
        width: 100%!important;
        max-width: 100%!important;
        display: flex;
        flex-wrap: nowrap;
    }

    #sport-part .flex-column:first-child,
    #sport-part .flex-column:last-child {
        position: relative;
    }
    #sport-part .flex-column:first-child::before {
        content: '';
        height: 100%;
        width: 1px;
        display: block;
        background-color: #dadada;
        position: absolute;
        top: 0;
        left: calc(100% + 6.5px);
    }

    #sport-part .second-row .small-news {
        background-color: #f7f7f7;
    }

    #sport-part .container:nth-child(3) .flex-row .small-news:nth-child(1n+3) {
        display: none;
    }

    #sport-part .container:nth-child(3) .flex-row .small-news:not(:nth-child(1n+3)) {
        margin-top: 13px;
    }

    #sport-part .second-row .small-news-image-link {
        max-width: 33.3333333%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: center;
    }

    #sport-part .second-row .small-news-image {
        height: auto;
    }

    #sport-part .second-row .small-news:not(:last-child) {
        margin-right: 0;
    }

    .video-big-news-holder,
    .magazin-news-big,
    .lifestyle-news-big,
    .tehnomag-news-big,
    .interesting-news-big {
        height: auto;
        padding: 0;
    }
    #video-part .video-big-news-holder .video-text-block-big,
    .magazin-text-block-big,
    .lifestyle-text-block-big,
    .tehnomag-text-block-big,
    .interesting-text-block-big {
        position: static;
        max-width: 100%;
        width: 100%;
        max-height: auto;
        height: auto;
        top: 0;
        left: 0;
        transform: translateY(0);
    }

    #video-part .foto-video-holder .foto-img,
    #photo-part .foto-video-holder .foto-img,
    #video-part .foto-video-holder .video-img,
    #photo-part .foto-video-holder .video-img {
        max-width: 40px!important;
        max-height: 40px!important;
    }

    .video-small-news-image-link {
        max-width: 33.3333333%;
    }
    .video-text-block-small {
        max-width: 66.666666%;
    }

    #magazin-part .video-section-title {
        width: 200px;
    }

    #magazin-part .foto-video-holder,
    #tehnomag-part .foto-video-holder {
        position: static;
        padding: 0;
        transform: translateY(-35px);
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        max-height: 0;
        padding-left: 5px;
    }

    .magazin-news-big-image-link,
    .interesting-news-big-image-link,
    .tehnomag-news-big-image-link {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        align-content: flex-end;
        justify-content: flex-end;
    }

    #magazin-part .col-6 .flex-row:nth-child(2),
    #tehnomag-part .col-6 .flex-row:nth-child(3) {
        flex-direction: column;
    }

    #magazin-part .magazin-small-news-holder .small-news,
    #magazin-part .lifestyle-small-news-holder .small-news,
    #tehnomag-part .tehnomag-small-news-holder .small-news,
    #tehnomag-part .interesting-small-news-holder .small-news {
        max-width: 100%;
        max-height: 100000px;
        height: auto;
        padding: 0;
    }
    #magazin-part .magazin-small-news-holder .small-news:nth-child(2),
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(2),
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(2),
    #tehnomag-part .interesting-small-news-holder .small-news:nth-child(2),
    #magazin-part .magazin-small-news-holder .small-news:nth-child(1),
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .interesting-small-news-holder .small-news:nth-child(1) {
        margin-right: 0;
        margin-left: 0;
    }

    #magazin-part .magazin-small-news-holder .small-news:nth-child(1),
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1),
    #tehnomag-part .interesting-small-news-holder .small-news:nth-child(1) {
        margin-bottom: 13px;
    }

    #magazin-part .magazin-small-news-holder .small-news:nth-child(1)::after,
    #magazin-part .lifestyle-small-news-holder .small-news:nth-child(1)::after,
    #tehnomag-part .tehnomag-small-news-holder .small-news:nth-child(1)::after,
    #tehnomag-part .interesting-small-news-holder .small-news:nth-child(1)::after {
        content: '';
        display: block!important;
        width: 100%;
        height: 1px;
        background: #dadada;
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
    }

    #magazin-part .magazin-small-news-holder .small-news .text-block,
    #magazin-part .lifestyle-small-news-holder .small-news .text-block,
    #tehnomag-part .tehnomag-small-news-holder .small-news .text-block,
    #tehnomag-part .interesting-small-news-holder .small-news .text-block {
        padding: 10px;
        width: 66.66666666%;
        max-width: 66.66666666%;
    }

    #photo-part .photo-news-holder {
        padding: 0;
    }

    #photo-part .container {
        overflow: hidden;
    }
    #photo-part .col-9 {
        max-width: 75vw;
        width: 75vw;
        min-width: 75vw;
        margin: 0;
        margin-right: 13px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-content: flex-start;
        justify-content: flex-start;
        padding-bottom: 13px;
    }

    #photo-part .text-link {
        max-width: 100%;

    }

    .photo-news-image {
        max-height: 180px;
    }
     #photo-part .photo-news-holder .photo-text-block {
         position: static;
         border: 1px solid #dadada;
         width: 100%;
         max-width: 100%;
     }

     .arrow-right {
         left: 75vw;
     }

     #footer .container {
         flex-direction: column-reverse;
     }

     #footer .container > .col-3,
     #footer .container > .col-9 {
         width: 100%;
         max-width: 100%;
     }

     #footer .container>.col-3 {
         padding-left: 0;
         text-align: center;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
     }

    #footer .container>.col-3 #logo-footer {
        max-width: calc(50% - 13px);
        margin-right: 13px;
    }

    #footer .social-holder {
        margin-right: 0;
        max-width: 50%;
    }

    #footer .social-image {
        max-width: 30px;
    }

     #footer .container>.col-9 {
         padding-top: 30px;
     }

     #footer .container>.col-9>.flex-row:first-child {
         justify-content: center;
     }

     #footer .container>.col-9>.flex-row:last-child>.col-3 {
         justify-content: center;
         text-align: center;
     }

     #footer .social-holder {
         padding-top: 13px;
     }

     #footer .search-holder {
         width: 100%;
     }

     #footer .copyright {
         width: 100%;
         max-width: 100%;
         text-align: center;
     }

     #footer .copyright:last-child {
         text-align: center;
     }


    .post-image-inner  {
        max-height: 320px;
    }

    .vezani-tekst-holder {
        width: 40vw;
    }

    #article #world-part .smallest-news {
        display: flex!important;
        width: 100%;
    }

    #article #world-part .smallest-news .text-block:nth-child(1) {
        max-width: 100%;
        width: 100%;
    }

    #article #world-part .smallest-news:nth-child(1)::after,
    #article #world-part .smallest-news:nth-child(3)::after {
        content: '';
        display: block!important;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: calc(100% + 6px);
    }



    .post-meta-holder {
        flex-direction: column;
    }

    .post-meta-holder .col-4,
    .post-meta-holder .col-8 {
        width: 100%;
        justify-content: flex-start;
    }

    .post-meta-holder .col-8 {
        padding-top: 13px;
    }

    .photo-meta {
        flex-direction: column;
    }
    .photo-meta .col-9,
    .photo-meta .col-3 {
        width: 100%;
        max-width: 100%;
    }

    .post-text-holder iframe {
        max-width: 100%;
        width: 100%;
        max-height: 440px;
    }

    #remaining-part .small-news-image-link,
    #remaining-part .small-news .text-block {
        width: 100%!important;
        max-width: 100%!important;
    }

    #remaining-part .small-news-image {
        height: 120px;
    }

    #remaining-part .small-news:nth-child(odd)::after {
        content: '';
        display: block!important;
        height: 100%;
        width: 1px;
        background-color: #dadada;
        position: absolute;
        top: 0;
        left: calc(100% + 6.5px);
    }

    /* #remaining-part .text-block,
    #search-part .text-block {
        height: 120px!important;
    } */

    #search-part .small-news-image-link,
    #search-part .text-block {
        max-width: 100%!important;
        width: 100%!important;
    }

    #search-part .small-news-image {
        height: 120px;
        width: 100%;
    }

    .tag-list {
        flex-wrap: wrap;
    }
 }

@keyframes left {
  0% {
    width: 20vw;
    transform: translateX(-100%);
  }

  100% {
    width: 100vw;
    transform: translateX(0);
  }
}

/*
    Reklame
*/
.ads-skin {
    display: block;
    position: sticky;
    top: 0;
    padding-top: 41px;

}
.ads-skin.left {
    float: left;
    transform: translateX(calc(50vw - 770px));
}
.ads-skin.right {
    float: right;
    transform: translateX(calc(-50vw + 770px));
}
@media (max-width: 1510px){
    .ads-skin {
        display: none!important;
    }
}

/* BREAKING */

.breaking-category .text-block{
    background-image: url('/assets/img/breaking-bg.png');

}
.breaking-category::after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    left: 100%;
    width: 200px;
    height: 30px;
    background-image: url('/assets/img/breaking-hd.png');
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-100%);
    background-color: transparent;

}
.breaking-category .pretitle {
    font-size: 18px;
    color: white;
}
.breaking-category .big-title {
    color: white;
    max-height: 244px!important
}
.breaking-category .text-description {
    display: none;
}
.breaking-category .number {
    color: white;
}
.breaking-category .share-count img {
    filter: invert(1);
}
.breaking-category .main-news-big-image-link {
    padding: 5px;
    background-color: #BB1F26;
}

.breaking-category .main-news-big-image {
    height: 310px!important;
}

.live-holder {
    padding: 5px 10px;
    background-color: #BB1F26;
    color: white;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9;
    display: flex;
    align-items: center;
    align-content: center;
}

.live-holder .cube {
    width: 10px;
    height: 10px;
    background-color: white;
    display: block;
    margin-right: 5px;
    animation: animatedCube 1s infinite;
}

.live-holder .live-text {
    line-height: 1;
}

.temp-bg {
    max-width: 1182px;
    width: 100%;
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
#editor-part.theme-cat .section-title-holder .section-title {
    margin-top: 15px;
}
@media(m#ax-width: 768px) {
    .sport-first .small-news, .sport-second .small-news {
        height: 100%;
    }
}