header:hover {
  background:#fff!important;
  transition:all 0.5s
}

header:hover .name {
  color:#000!important;
  transition:all 1s
}

header:hover span.arrow {
    color: #000;
}

header:hover .logo-boreas img  {
  filter: invert(50%) sepia(87%) saturate(7488%) hue-rotate(2deg) brightness(109%) contrast(113%);
  z-index:5555;
  position:relative;
}

body{
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration:none!important;
    transition: all 1s;
}

a.page-link {
    color: #ccc!important;
    border-color:#ccc!important
}

figure.left.item-image img {
    display: none;
}



div.item-content p strong {
    font-weight: 600;
}


.com-content-article__body  {
    font-size: 17px;
    font-weight:300;
    padding-right:50px!important
}

.com-content-article__body  p{
   margin-bottom:30px;
}

div.item-content p {
    font-size: 17px!important;
    font-weight:300!important;
    padding-right:50px!important;
    margin-bottom:30px;
}





.container-header {
    position: relative;
    z-index: 10;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    box-shadow: none;
    padding:20px;
    margin-bottom:-130px;
    margin-top:-20px
}

.container-header.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
  background: none;
}

.glavni-logo img  {
  transition: all 50ms ;
  top:-10px;
}
  

.container-header.scrolled .logo-boreas img  {
  filter: invert(50%) sepia(87%) saturate(7488%) hue-rotate(2deg) brightness(109%) contrast(113%);
  z-index:5555;
  position:relative;
}

.brendovi-main .container-header .logo-boreas img  {
  filter: invert(50%) sepia(87%) saturate(7488%) hue-rotate(2deg) brightness(109%) contrast(113%);
  z-index:5555;
  position:relative;
}

.brendovi-main .container-header {
    background: none;
}

.brendovi{
  background:#F7F7F8;
  padding:50px 0
}

.brendovi img{
  mix-blend-mode: multiply;
}

.container-nav {
    padding: 0!important;
}

.dj-megamenu a{
    color:#fff!important;
}

.brendovi-main .dj-megamenu a{
    color:#000!important;
}


body.dj-megamenu-overlay .dj-megamenu a{
  color:#000!important;
} 


.container-header.scrolled .dj-megamenu a{
  color:#000!important;
} 

body.dj-megamenu-overlay .logo-boreas img  {
  filter: invert(50%) sepia(87%) saturate(7488%) hue-rotate(2deg) brightness(109%) contrast(113%);
  z-index:5555;
  position:relative;

}

.dj-megamenu-clean li a.dj-up_a {
    font-size: 14px;
    padding:0px 10px; 
}

.izbornik .dj-submenu a{
    color:#000!important
}

.izbornik .dj-subwrap {
    padding-top:18px!important;
    padding-left:15px!important;
    }


img.dj-image{
  height:100%!important;
  width:auto!important;
  min-width:100%;
  object-fit: crop!important;
  object-position: center!important; 
}


.slide-desc-in {
    width: 100%;
}

.slide-desc-bg-default {
    background: RGBA(0,0,0,0.0)!important;
}

.djslider-default .slide-desc {
    position: absolute;
    background: RGBA(0,0,0,0.0);
    min-height: 100%;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
}



div.slide-text h1 {
    font-weight: 900;
    font-size: 65px;
    color: #fff;
    text-shadow: 0px 0px 0px #2c3e50;
    margin:0 0 0px 0;

}

.slide-text h2 {
    color: #fff;
    font-size: 75px;
    font-weight:900!important;
    padding:5px 0px;
    margin:0 0 20px 0;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.72);  
}

.slide-text a:hover {
    background-color:#000000;
    color:#fff;  
}

.slide-text p {
    max-width:500px; 
}

.slide-text h6 {
    font-weight: 300;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.slide-text h6 span::before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    vertical-align: middle;
    width: 100px;
    left: -100px;
    top: 8px
;
}

.slide-text h6 span::after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    vertical-align: middle;
    width: 150px;
    left: 150px;
    top: 8px;
}

.slide-text h6 span {
    position: absolute;
    transform: rotate(90deg);
    text-align: center;
    width: 140px;
    left: 100%;
    top: 70px;
    margin-left:-150px;
}

.slide-text h6 a {
    color: #fff;
}

.banner-in {
    width: 1305px;
    max-width: 80%;
    margin: auto;
}

.dd-in  .row {
    margin-top: 30px;
}

.dd-in .col-lg-6 img {
    float: left;
    width: 70px;
    margin-right: 10px;
    top:-5px;
    position:relative;
    filter: invert(50%) sepia(87%) saturate(7488%) hue-rotate(2deg) brightness(109%) contrast(113%);
}

.dd-in  .col-lg-6{
    margin: 20px 0 0 0;
}

.dd-in  .col-lg-6 h3 {
    font-size: 20px;
    font-weight:900;
    margin: 7px 0 0 0;
}

.dd-in  .col-lg-6 h4 {
    font-size: 14px;
    color: #848688;
    font-weight: normal;
}

.prev-button {
    left:100%!important;
    margin-left:-130px!important;
    top:-150px!important;

}

.next-button {
  top:-150px!important;

}

#navigation90{
  top:100%!important;
  margin:0px 20px 0px 0px!important;
  position:relative!important;
  }

.dj-megamenu-wrapper {
    width:100%
}

li.dj-up {
    position: relative;
    display: inline-block;
}

a.ikona {
    padding-left: 5px!important;
    padding-right: 0!important;
}

li.dj-up {
    float: right;
    position: relative;
    display: block;
}

.dj-up a:hover{
    color:#b90504!important;
}

.ikone{
  color:#888888;
  font-weight:900;
  margin-top:50px
}

a.back-to-top-link.visible {
    background-color: #000;
    color: #fff;
    border-style: none;
    transition:all 1s;
}

a.back-to-top-link.visible:hover {
    background-color: #bc8567;
}


.slika img {
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius:20px 20px 0px 0px ;
  background:#f3f3f3
}

.sivo{
  background-color:#f3f3f3;
  padding:20px 20px 10px 20px;
  margin-bottom:20px;
  border-radius: 0px 0px 20px 20px;
  text-align:center;
}

a.mod-articles-category-title {
    font-weight: 700;
    font-size:22px;
    margin-bottom:10px;
    color:#000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.oglasi a.mod-articles-category-title {
    font-weight: 400!important;
    font-size:14px!important;
    margin-bottom:10px;
    color:#000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3!important;
}


.mod-articles-category-title {
    margin-bottom:10px
}

p.mod-articles-category-introtext {
    font-size: 14px;
}

.dole {
    background:  rgba(232,236,241,1);
    color:#000;
    padding:50px 0;
    font-size:14px;
    margin-top:-15px;
    text-align:center;
}

.dole .linkovi{
  margin-top:20px;
  border-top: solid 1px #fff;
  padding-top:30px;
  font-size:17px;
}

.dole .linkovi a{
  margin:0 10px;
}

.dole .smm{
  margin:20px 0;
}

.dole .uvjeti {
  color:#ababab!important
  
}

.dole .uvjeti a{
  color:#ababab!important 
}


.dole p{
  margin:0px 0 0px 0;
}



.dole h5 {
  color:#000;
  font-weight:normal;
  font-size:20px;
}

.dole li{
  padding:5px 0;
}

span.fa-li {
    font-size: 18px;
    position:relative;
    top:-1px;
    color:#fff;
    padding:0;
    margin-right:-15px
}

.dole a{
  color:#000!important;
  font-weight:normal;
  }

.dole a:hover{
  color:#000!important;
  font-weight:normal;
  }

/* mobile menu open buttons */
.dj-megamenu-select-dark .dj-mobile-open-btn,
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn,
.dj-megamenu-accordion-dark .dj-mobile-open-btn {
	font-size            : 26px;
	padding              : 12px 8px;
	background           : none;
}

.com-content-article h2 {
    font-weight: 300;
    color:#000;
    font-size:40px;
    margin: 20px 0 15px 0;
    text-align:left!important;

}

.com-content-article h3 {
    font-weight: normal;
    color:#be100f;
    margin: 20px 0 20px 0;
    text-align:left!important;
    font-size:18px;

}

div.page-header h1 {
    margin-top: 30px;
    margin-bottom:20px;
    color: #fff;
    z-index: 5;
    position: relative;
    font-size: 35px;
  font-weight:300;
}

div.page-header h2 {
    font-weight: normal;
    margin:40px 0
}



 .brend  {
    text-align:center;
   margin-bottom:80px;
   margin-left:auto;
   margin-right:auto;
   background:#f1f1f1;
   border-radius:20px;
   padding:220px 50px 20px 50px;
   margin-top:-250px;
   width:80%;
   font-size:15px;
   box-shadow:#c5c5c5 0px 0px 50px 0px
}

 .brend h1 {
    margin-top: 40px!important;
    margin-bottom:0px;
    color: #fff;
    z-index: 5;
    position: relative;
    font-size: 60px;
   text-align:center!important
}

tr.header {
    font-size:13px;
    text-align:center;
    background-color:#bc8567;
    padding: 15px;
    margin-top:50px!important
    }

.header td {
    color:#fff;
    padding: 10px 0;
    }

.sidebar-right  {
    border-style: none!important;
}

label.cf-label {
    margin-left: 5px;
}

div.cf-content-text.cf-col h1 {
    font-weight: 900;
    color:#bc8567
}

div.cf-content-text.cf-col p {
    font-size: 14px;
    margin-bottom:30px
}

div.cf-content-text.cf-col h6 {
    background-color: #eee;
    color: #bc8567;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-left: solid #bc8567 20px;
    border-radius: 3px;
    transition: all 1s
}

div.cf-content-text.cf-col h6:hover {
    padding-left: 20px; 
}

div.cf-content-text.cf-col h5 {
    background-color: #eee;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-left: solid #000 20px;
    border-radius: 3px;
    transition: all 1s;
    font-size: 16px
}

div.cf-content-text.cf-col h5:hover {
    padding-left: 20px; 
}

p.form-sivo {
  color:#b3b3b3;
  margin: 40px 0 0 0;
}

p.dostava {
    font-weight: bold;
    color:#bc8567;
    font-size:17px!important
}

.unutra span.field-value {
    font-size: 14px!important;
    font-weight: bold!important;
    color: #000;
}

.dobrodosli h1{
  color:#C60202;
  font-size:20px;
}

.dobrodosli a.mod-articles-category-image img {
    width: 420px;
    height: 420px;
    object-fit:cover;
    border-radius:100%;
    margin-bottom:-100px
}

.dobrodosli h2{
  color:#000;
  font-size:60px;
  font-weight:900;
}

.dobrodosli p{
  max-width:800px;
  margin-top:0px;
}

.dobrodosli span{
  font-size:50px;
  font-weight:900;
  color:#C60202;
  margin-right:20px;
}

.dobrodosli h3{
  color:#000;
  font-size:16px;
  font-weight:normal;
  margin:20px 0 0 0;
}

.dobrodosli h4{
  color:#000;
  font-size:16px;
  font-weight:normal;
  margin:0;
}

.dobrodosli{
  font-size:14px;
  background-color:#F7F7F8;
  padding:150px 0;
  background-image: url('../../../images/valovi2.png');
  background-repeat: no-repeat, repeat;
  background-position:center bottom;
  margin-top:-55px
}

.dobrodosli a{
  color:#fff;
}

a.sik-naslov {
    color: #000;
    font-size: 45px;
    font-weight: 900;
}

.dobrodosli span.field-value {
    font-size: 25px;
    margin-bottom: 20px;
}

.dobrodosli p {
    margin-top: 20px;
}

.brojevi span{
  float:left;
}

span.field-value {
    color: #c60202;
    font-size: 20px;
    font-weight: 900;
}

li.field-entry.podnaslov-novosti.mod_articles_category {
    list-style: none;
    background-image: none;
    background-repeat: none;
    background-position: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.com-content-article  .fields-container{
    left: 0;
    margin: 0;
    padding: 0;
    }

.container-banner {
  margin:0;
}

.novosti{
  background-color:#e8ecf1;
  padding:50px 0;
}

.novosti h1{
  color:#c60202;
  padding:30px 0;
  font-size:25px;
  font-weight:700;
  position:relative;
  margin-left:20px
  
}

.novosti .unutra{
  padding:10px;
}

.novosti .sivo{
  background-color: #fff;
  border-radius:0px 0px  20px 20px;
}

.novosti .slika img{
  background-color: #fff;
  border-radius:20px 20px  0px 0px;
}

p.mod-articles-category-introtext {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height:37px
}


.sadrzaj{
  padding:50px 0
}

.sidebar-right .slika img {
    width: 30%;
    height: 90px;
    float: left;
   border-radius: 20px 0px 0px 20px;
}

.sidebar-right .sivo {
    width: 70%;
    float: right;
    height: 90px;
    padding: 5px 10px;
  border-radius: 0px 20px 20px 0px;
}

.sidebar-right a.mod-articles-category-title {
    font-weight: 700;
    font-size: 16px;
    margin:7px 0 0 0;
    color:#000;
}

.sidebar-right {
    padding-top:45px
}

span.load-button.load-button-active {
    width: 30px!important;
    height: 30px!important;
    background-color: #b90504!important;
}

span.load-button {
    height: 30px!important;
    width: 30px!important;
    border-style: none!important;
    background-color: #fff!important;
}

.navigation-container-custom {
    padding: 30px!important;
}

.izdvojeni{
  background:black;
  padding:50px 0;
}

.owl-carousel{
  background:#fff;
}

.owl-dots {
    display: none;
}

button.owl-next span {
    font-size: 28px;
    padding: 11px 28px;
    background-color: #BDBFC1;
    border-radius:100%;
    color:#fff;
}

button.owl-prev span{
    font-size: 28px;
    padding: 11px 28px;
    background-color: #BDBFC1;
    border-radius:100%;
    margin-right:10px;
    color:#fff;
}

.container-banner button.owl-next span {
    font-size: 0px;
    padding: 28px;
    background-color: #BDBFC1;
    border-radius:100%;
    color:none;
    background-image: url('../../../images/ar2.png');
    background-repeat: no-repeat, repeat;
}

.container-banner button.owl-prev span{
    font-size: 00px;
    padding: 28px;
    background-color: #BDBFC1;
    border-radius:100%;
    margin-right:10px;
    color:#fff;
    background-image: url('../../../images/ar1.png');
    background-repeat: no-repeat, repeat;
}

.owl-nav {
    text-align: right;
    padding: 0 40px 53px 0;
    margin-top:-95px;
    position:relative;
}

video::-webkit-media-controls-panel {
display: none !important;
opacity: 1 !important;
}

.lijevo-in {
    position: relative;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    padding:30px;
    color:#fff;
}

.lijevo-in h2{
    font-size:45px;
}

.lijevo-in h3{
    color:#000;
    font-size:45px;
}

.lijevo-in a{
    color:#000;
}

.lijevo-in a::before {
  content: "> ";
  color:#fff;
}

.lijevo {
    left:-8px;
}

.heineken .lijevo {
    position: relative;
    background: rgb(74,189,34);
    background: radial-gradient(circle, rgba(74,189,34,1) 0%, rgba(14,72,31,1) 100%);
}

.heineken .desno h1{
    font-size:50px;
    font-weight:900;
    color:#000
}

.heineken .desno h2{
    font-size:25px;
    font-weight:300;
    color:#0E481F;
    margin-bottom:20px;
}

.heineken .desno a{
    color:#fff;
    background-color:#C60202;
    padding:5px 20px;
    border-radius:50px;
    line-height:5
}

.jw .lijevo {
    position: relative;
    background: rgb(0,0,34);
    background: radial-gradient(circle, rgb(84 83 83) 0%, rgb(13 13 13) 100%);
}

.jw .desno h1{
    font-size:50px;
    font-weight:900;
    color:#000
}

.jw .desno h2{
    font-size:25px;
    font-weight:300;
    color:#980000;
    margin-bottom:20px;
}

.jw .desno a{
    color:#fff;
    background-color:#C60202;
    padding:5px 20px;
    border-radius:50px;
    line-height:5
}

.maraska .lijevo {
    position: relative;
    background: rgb(0,0,34);
    background: radial-gradient(circle, #bc4542 0%, #95040a 100%);
}

.maraska .desno h1{
    font-size:50px;
    font-weight:900;
    color:#000
}

.maraska .desno h2{
    font-size:25px;
    font-weight:300;
    color:#980000;
    margin-bottom:20px;
}

.maraska .desno a{
    color:#fff;
    background-color:#C60202;
    padding:5px 20px;
    border-radius:50px;
    line-height:5
}

.juicy .lijevo {
    position: relative;
    background: #448344;
    background: radial-gradient(circle, #c6d541 0%, rgb(0 85 24) 100%);
}

.juicy .desno h1{
    font-size:50px;
    font-weight:900;
    color:#000
}

.juicy  .desno h2{
    font-size:25px;
    font-weight:300;
    color:#0E481F;
    margin-bottom:20px;
}

.juicy  .desno a{
    color:#fff;
    background-color:#C60202;
    padding:5px 20px;
    border-radius:50px;
    line-height:5
}

.dj-offcanvas-top{
  background-color:#C60202!important
}

.dj-offcanvas-dark {
	background: #C60202;
}

ul.dj-mobile-dark li.dj-mobileitem>a {
	background: #C60202;
}

ul.dj-mobile-dark li.dj-mobileitem:hover>a,
ul.dj-mobile-dark li.dj-mobileitem.active>a {
	background: #00000020;
}

.dj-offcanvas-dark .dj-offcanvas-top {
	background: #C60202;
}

ul.dj-mobile-dark li.dj-mobileitem>a {
	border-top        : 5px solid #00000010;
}

/* 2nd level */
ul.dj-mobile-dark ul li.dj-mobileitem>a {
	color       : #fff;
	background  : #C60202;
	border-top  : 1px solid #ffffff10;
	padding-left: 50px;
}

ul.dj-mobile-dark ul li.dj-mobileitem:hover>a,
ul.dj-mobile-dark ul li.dj-mobileitem.active>a {
	color     : #fff;
	background: #C60202;
}

/* 3rd level */
ul.dj-mobile-dark ul ul li.dj-mobileitem>a {
	background: #C60202;
	border-top  : 1px solid #ffffff10;
	padding-left: 55px;
}

.left.item-image {
    float: none;
}

.brendovi-ac .slika img{
    object-fit:contain;
}

.brendovi-ac .sivo{
  background-color:#fff;
  text-align:center;
  border-bottom:solid 0px #ededed;
}

a.mod-articles-category-title {
    font-weight: 700;
    font-size:18px;
    margin-bottom:10px;
    color:#c60202;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

  div.com-content-article__body h1 {
    color: #000;
    text-align:center;
    margin:100px 0;
}

 div.com-content-article__body .brend  h1  {
    color: #000;
    text-align:left;
    margin:0;
    font-size:60px;
}

figure.item-image  {
    color: #000;
    text-align:center;
    margin:50px 0;
}

 div.com-content-article__body .brend  h2  {
    font-weight:300;
    font-size:30px;
    margin:0;
}

  a.tf-gallery-lightbox-item.gallery0 img {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

 div.com-content-article__body   h4  { 
    margin:50px 0 10px  0;
   color:#c60202;
}

.main-banner{
    position: relative; 
}

.main-banner .slide-container .slide{
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 2;    
}

.main-banner .slide-container .slide video{
    position: absolute;
    top:0; left: 0;
    z-index: -1;
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.main-banner .slide-container .slide .content{
    min-height:100vh;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    background: rgb(0,0,0,0.3);
}

.container-banner .owl-stage {
    background-color: #000;
    height: 100vh;
}

.container-banner .owl-stage-outer {
    height: 100vh;
}


div.slide-container h1 {
    font-weight: 900;
    font-size: 75px;
    color: #fff;
    text-shadow: 0px 0px 0px #2c3e50;
    margin:0 0 -5px 0;
}

div.slide-container p {
    font-weight: normal;
    font-size:15px;
    color: #fff;
    margin-top:30px!important;
}

.slide-container h2 {
    color: #fff;
    font-size: 75px;
    font-weight:900!important;
    padding:5px 0px;
    margin:0 0 20px 0;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.72);  
}

.slide-container a:hover {
    background-color:#000000;
    color:#fff;  
}

.slide-container p {
    max-width:500px; 
    color:#fff
}

.slide-container h6 {
    font-weight: 300;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.slide-container h6 span::before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    left:50%;
    width: 100px;
    left: -100px;
    top: 8px;
}

.slide-container h6 span::after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    vertical-align: middle;
    width: 150px;
    left: 150px;
    top: 8px;
}

.slide-container h6 span {
    position: absolute;
    transform: rotate(90deg);
    text-align: center;
    width: 140px;
    left: 100%;
    top: calc(50% - 100px);;
    margin-left:-150px;
}

.slide-container h6 a {
    color: #fff;
}

.banner-in {
    width: 1305px!important;
    max-width: 80%!important;
    margin: auto!important;
    padding-top:150px
}

.banner-in .col-lg-3 img {
    float: left!important;
    width: 60px!important;
    margin-right: 10px!important;
}

.banner-in .col-lg-3 h3 {
    font-size: 20px;
    margin: 7px 0 0 0;
    color:#fff;
}

.banner-in .col-lg-3 h4 {
    font-size: 15px!important;
    color: #848688;
    font-weight: normal;
}

.novosti span.field-value {
    display: none;
}

.sadrzaj span.field-value {
    display: none;
}

a.tf-gallery-lightbox-item.gallery1 img {
    height: 300px;
    width: 300px;
    object-fit:cover;
}

div.gslide-description.description-bottom {
    background-color: #c60202!important;
    padding:0px 20px!important;
}

div.caption {
    color: #fff!important;
}



div.gslide-description.description-bottom {
    margin-top: -50px;
}

div.gslide-description.description-bottom {
    border-radius: 20px;
}

div.gslide-media.gslide-image {
    box-shadow: 0px 0px #888888;
}


body .dj-megamenu-overlay-box {
  background: rgba(255, 255, 255, 1)!important;
  height:110px!important
}


body .dj-megamenu-overlay-box {
  background: rgba(255, 255, 255, 1);
  height:0px
}
  
.glavni-logo img {
  position:relative;
  z-index:55555;
}

.logo-boreas{
  width:32%
}

.logo-boreas img{
  width:150px
}

.izbornik-boreas{
    float:right;
    position:absolute!important;
    right:0%
  }

.logo-mobile{
    display:none;
  }

.cover-image{
  margin-top:-150px;
  position:relative;
}

.cover-image img{
  border-radius:20px
}

.profile-image{
  margin-top:-200px;
  position:relative;
}

.profile-image img{
  background:#fff;
  border-radius:50%;
  box-shadow: #000 0px 0px 50px
}

.dj-offcanvas small.subtitle {
    color: #000!important;
    font-size:14px!important
}

.brendovi-main .page-header h1 {
    color: #000;
    font-weight: 300;
    font-size:35px;
}

span.page-link {
    background-color: #fff;
    color: #dbdbdb!important;
}

.page-link {
    margin-bottom:50px;
}

p.com-content-category-blog__counter.counter.float-end.pt-3.pe-2 {
    display: none;
}

div.item-content p {
    text-align:justify
}

div.cf-control-group {
    padding-left: 0!important;
}

label.cf-label {
    margin-left: 0;
}

.com-content-article__body  {
    padding:20px 0 70px 0!important;
  text-align:justify;
}

.subtitle{
  display:none!important
}

.dj-subwrap-in{
  margin-top:5px;
  background:#fff!important;
  border-style:solid;
  border-color: rgba(0,0,0,0.15);
  border-width: 0px ;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}


.dj-megamenu-clean li ul.dj-submenu > li > a:hover, .dj-megamenu-clean li ul.dj-submenu > li > a.active {
  background: none!important;
}

.dj-submenu li{
  padding:8px 0px;
}

.name{
  font-size:15px;
  transition:all 0.7s
}

.name:hover{
  color:#c60202
}

.dj-offcanvas .name:hover{
  color:#000;
}
  
.dj-subcol .name:hover{
  padding-left:10px;
}

img.dd-firma {
    border-radius:50%;
    margin-bottom:-130px;
}

.slike-desno img {
  border-radius:20px
}

.timeline-nav-button--prev:before{background-image:url(../images/arrow-left1.svg)!important}
.timeline-nav-button--next:before{background-image:url(../images/arrow-right1.svg)!important}

.sidebar-right .sivo{
  text-align:left;
}

.petredova{
  width:20%;
}

.com-content-article__body h4 {
    color: #000!important;
    font-weight: normal;
}

.distribucija-desno{
  padding-top:122px;
  padding-left:50px
}

.distribucija-dole{
  background:#e8ecf1;
  padding:30px;
  border-radius:20px;
}

.distribucija-dole h3{
  margin-bottom:30px
}

.icon-pet{
  width:20%;
  text-align:center;
  font-family: 'Poppins', sans-serif;
  font-weight:normal;
  font-size:15px;
  color:#ba100f;
  font-weight:bold;
}

  
.icon-cetiri{
  text-align:center;
  font-family: 'Poppins', sans-serif;
  font-weight:normal;
  font-size:15px;
}

  h3.distribucija {
    font-weight: normal;
    font-size: 20px;
    text-align:center!important;
    margin-bottom:40px
}

div.col-lg-3.icon-pet span {
    font-weight: bold;
  background-color: #e8ecf1;
  color: #ba100f;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: inline-block;
  line-height:100px;
  font-size:50px;
  margin-bottom:-20px;
  border: solid 1px #dddddd
   
}


h4.distribucija {
text-align:center!important;
  margin-bottom:50px!important;
}

div.col-lg-3.icon-cetiri span {
  font-weight: bold;
  background-color: #ba100f;
  color: #fff;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: inline-block;
  line-height:100px;
  font-size:45px;
  margin-bottom:-10px   
}


.profil-tvrtke{
  text-align:center
}

.profil-tvrtke h3{
  text-align:center!important;
  margin-top:-20px!important;
  font-weight:900;
  font-size:30px
}

.profil-tvrtke  span {
  font-weight: bold;
  background-color: #ba100f;
  color: #fff;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  display: inline-block;
  line-height:100px;
  font-size:45px;
  margin-bottom:-10px   
}

.kontakt-glavni{
  line-height:0.43;
}

.kontakt-glavni h2{
  margin-top:40px!important;
  margin-bottom:40px
}

.kontakt-glavni strong{
  font-weight:600!important
}

.grid-galerija{
  margin-top:80px
}

.grid-galerija img{
  border-radius:20px;
}
  
@media screen and (min-width: 1200px) and (max-width: 5400px) {
  div.timeline__content  {
    height:290px;
}
  }
  
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.distribucija-desno{
  padding-top:95px;
}

  
    .logo-boreas{
  width:21%
}
.banner-in .row {
    margin-top: 70px;
}

.lijevo-in h2{
    font-size:32px;
}


.lijevo-in h3{
    font-size:32px;
}


}

@media screen and (min-width: 992px) and (max-width: 1200px) {
.distribucija-desno{
  padding-top:152px;
  padding-left:50px
}

  
  .logo-boreas{
  width:15%
}

  .name{
    font-size:13px;
  }
  
.banner-in .row {
    margin-top: 70px;
}

.dj-megamenu-clean li a.dj-up_a {
    font-size: 13px;
    padding:0px 10px; 
}

.glavni-logo img {
    width: 135px;
    position: absolute;
    top: 0px;
}

.lijevo-in h2{
    font-size:28px;
}


.lijevo-in h3{
    font-size:28px;
}
}



@media screen and (max-width: 992px) {
.icon-pet{
  width:50%;
}

.icon-pet:last-child{
  width:100%;
}

.distribucija-desno{
  padding-top:0px;
  padding-left:10px
}

  
.petredova{
  width:50%;
}

.com-content-article__body  {
    padding-right:0px!important
}



div.item-content p {
    padding-right:0px!important;

}
  
.dole-kontakt{
  padding-left:0px
}
  
.dd-in{
  text-align:left;
}
  
.in-modal{
  width:100%!important;
}

.in-modal.row {
    --gutter-x: 0em!important;
}

.modal__close {
  position: absolute;
  top: 0px!important;
  left: 100%;
  margin-left:-42px!important;
  background:black;
  padding:14px!important;
  border-radius:0%!important;
  width:35px!important;
  height:30px!important;
  line-height:3px!important;
  color:white;
  font-weight:bold;
}

  .in-modal .col-md-8{
  padding:30px!important;
  position:relative;
  z-index:1002
}

.in-modal p{
  font-size:12px!important;
      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.in-modal img{
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
  
.com-content-article h2 {
    max-width:100%;
  font-size:25px;
}

.com-content-article h3 {
    max-width:100%;
  font-size:18px;
}
  
.container-header {
    margin-bottom:-90px;
}

.djslider-default {
	opacity: 0;	height:200px!important;
}  

ul.djslider-in > li {
	text-align: center;	
    height:200px!important;
	background:blue;
}

.podstranice img{
  min-height:200px;
  width:auto;
  object-fit:cover
}
  

.logo-mobile{
  display:initial;
  position:absolute;
  z-index:555;
  left:100%;
  margin-left:-150px;
  top:20px;
  }

.logo-mobile img{
  width:120px
  }

.brendovi-main .logo-mobile img{
  width:140px;
    filter: invert(50%) sepia(87%) saturate(7488%) hue-rotate(2deg) brightness(109%) contrast(113%);
  }


.cover-image{
  margin-top:-50px;
  position:relative;
}

.cover-image img{
  border-radius:10px;
  width:100%!important
}

.profile-image{
  margin-top:-40px;
  position:relative;
}

 .brend  {
  text-align:center;
   margin-bottom:80px;
   margin-left:auto;
   margin-right:auto;
   background:#f1f1f1;
   border-radius:20px;
   padding:220px 20px 20px 20px;
   margin-top:-250px;
   width:100%;
   font-size:13px;
   box-shadow:#c5c5c5 0px 0px 0px 0px
}

.profile-image img{
  background:#fff;
  border-radius:50%;
  box-shadow: #000 0px 0px 50px;
  max-width:30%;
  margin-bottom:30px
}

div.gslide-description.description-bottom {
    border-radius: 0px;
}


span.load-button.load-button-active {
    width: 10px!important;
    height: 10px!important;
    background-color: #b90504!important;
}

span.load-button {
    height: 10px!important;
    width: 10px!important;
    border-style: none!important;
    background-color: #fff!important;
}

.navigation-container-custom {
    padding: 0px!important;
}
  
.sidebar-right {
    padding-top:5px
}

.banner-in{
  padding-top:100px!important
}

.slide-text h1 {
    font-size:35px!important;
}

.slide-text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size:14px;
    max-width:100%!important
}

.slide-text a{
    padding:3px!important;
    font-size:13px;
}


.sivo{
  margin-bottom:20px;
  padding:15px;
  border-radius:0px 0px  20px 20px;
}

.dole{
  padding:50px 20px;
  font-size:13px;
	text-align:center;
}

.dobrodosli{
	text-align:center;
}

.dole-prvi{
  padding:0;
  margin-bottom:20px;
}

span.field-value.mod_articles_category {
    font-weight: normal;
    font-size: 13px;
}

.container-component{
  padding:0 20px;
  font-size:14px;
  font-weight:300;
}

.text-white{
  font-size:13px!important
}

.dobrodosli{
  padding:120px 30px 50px 30px;
}

.dobrodosli h1{
  margin-top:30px;
}

.dobrodosli h2{
  font-size:45px;
}

.novosti{
  padding:30px 0;
  }

.novosti h1{
  padding:0 0 20px 0;
  text-align:center;
}

.dobrodosli span{
  width:50%;
  text-align:right
}


	
.banner-in h1{
  font-size:40px!important;
}

  .banner-in p{
  font-size:15px!important;
}

  
.sakrij{
  display:none;
}

.glavni-logo img {
    width: 145px;
    position: absolute;
    top: 0px;
}

  a.sik-naslov {
    color: #000;
}

.dobrodosli a.mod-articles-category-image img {
    width: 200px;
    height: 200px;
    object-fit:cover;
    border-radius:100%;
    margin-bottom:-100px
}

a.sik-naslov {
    font-size: 30px;
}

.dobrodosli a.mod-articles-category-image img {
    width: 200px;
    height: 200px;

}



/* SLIDER RESPONSIVE */
  
 .container-banner  .djslider-loader-default {
	position: initial;
	overflow: visible!important;
	background-color:#fff!important;
}

 .container-banner .slide-desc-bg-default {
    background: RGBA(0,0,0,0.0)!important;
}

 .container-banner .djslider-default .slide-desc {
	position: initial!important;
}

 .container-banner .djslider-default .slide-desc {
	position: initial!important;
}

 .container-banner .djslider-loader-default {
	position: initial!important;
	overflow: visible!important;
}
 .container-banner .djslider-default {
	position: initial!important;
}
 .container-banner .djslider-default .slider-container {
	position: initial!important;
	overflow: visible!important;
}
 .container-banner .djslider-default ul.djslider-in {
	position: relative!important;
}
 .container-banner .djslider-default ul.djslider-in > li {
	position: absolute!important;
	overflow: visible!important;
}

 .container-banner img.dj-image   {
  width: 200%!important;
  height: 100vw!important;
  object-fit: cover;
  object-position: top left!important;
}

 .container-banner .slide-desc-text{
  padding-top:0px;
  top:-100vw;
}

 .container-banner .banner-in{
  padding:40px 0
}

 .container-banner .djslider-default{
  height: calc(100vw + 50px)!important;
  }


 .container-banner .slide-text h6 span {
    position: absolute;
    transform: rotate(0deg);
    text-align: right;
    width: 100%;
    left: 0%;
    top: 100%;
    margin-left:0px;
    padding:20px;
}

 .container-banner .slide-text h6 span::before {
    display:none;
}

 .container-banner .slide-text h6 span::after {
    display:none;
}

#navigation90{
  display:none;
  }

 .container-banner .banner-in .row {
    margin-top: 10px;
}

 .container-banner .slide-text  {
    height: 100vw;
    position: relative;
}

 .container-banner .banner-in .col-lg-3 img {
    width: 40px;
 }

 .container-banner .banner-in .col-lg-3 h3 {
    font-size: 15px;
    margin: 0px 0 0 0;
}

.container-banner .banner-in .col-lg-3 h4 {
    font-size: 13px;
}

.container-banner .banner-in .col-lg-3 {
    margin-bottom:10px
}

/* SLIDER RESPONSIVE END */

.lijevo {
    left:8px;
	text-align:center;
    top:-1px;
}

.banner .container{
  padding:0;
}

.desno{
  padding:30px
}

.desno img{
  height:400px;
  width:auto!important;
  display:block;
  margin:auto;
}

button.owl-next span {
    font-size: 30px;
    padding: 0 18px;
}

button.owl-prev span{
    font-size: 30px;
    padding: 0 18px;
    margin-right:3px;
}

.owl-nav {
    text-align: right;
    padding: 0 10px 10px 0;
    margin-top:-95px;
    position:relative;
}

div.page-header h1 {
    margin-top: 0px;
    margin-bottom:30px;
    color: #fff;
    z-index: 555;
    position: relative;
    font-size: 30px;
    text-align:center;
}

  div.com-content-article__body h1 {
    color: #000;
    text-align:center;
    margin:0px 0;
}

figure.item-image  {
    margin:0px 0;
}

figure.item-image img  {
    width:70%
}

.brend h1 {
    margin-top: 0px!important;
    text-align:center!important;
}

.galerija h3 {
    margin-top: 0px!important;
    text-align:center!important;
}

.brend {
    text-align:center;
}

.slide-container h6 {
    display:none;
}
}
  
body:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  background: rgba(198,2,2,1) 100%;
  transition: all 1.5s;
  z-index: 100000;
  animation: mymove 1s;
  animation-iteration-count: 1!important;
  animation-delay: 0s; 
  opacity:0.5;
  background-image: url('../../../images/logo-white.png');
  background-repeat: no-repeat;
  background-position: 50% 50vh;
}

@keyframes mymove {
  0% {height: 100%;}
  50% {height: 50%;}
  100% {height: 0%;}
  0% {opacity:1.0}
  95% {opacity:1.0}
  100% {opacity:0.0}
  
}

.dj-offcanvas-wrapper:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  background: #000;
  transition: all 1.5s;
  z-index: 99999;
  animation: mymove2 1s;
  animation-iteration-count: 1!important;
  animation-delay: 0s;  
  opacity:0.3
}

@keyframes mymove2 {
  0% {height: 100%;}
  50% {height: 50%;}
  100% {height: 0%;}
  0% {opacity:1.0}
  95% {opacity:1.0}
  100% {opacity:0.0}
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,.9);
    display: flex;
    justify-content: center;
    align-items: center;
    transition:linear 0.3s;
    z-index:1001!important;
}

.zatvori{
  position: fixed;
  top: 0;
  left: 0;
  height:100%;
  width:100%;
  z-index:1000!important;
}

.modal__window {
  position: relative;
  background-color: white;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.10) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.modal__window p{
  font-size:15px;
  color:#a8a8a8
}

.modal__window .col-md-8 a{
  font-size:15px;
  background-color:#b90504;
  padding:7px 15px;
  border-radius:5px;
  color:#fff;
  line-height:3
}

.modal__window a:hover{
  background-color:#000;
}

.modal__close {
  position: absolute;
  top: -30px;
  left: 100%;
  margin-left:-20px;
  background:black;
  padding:20px;
  border-radius:50%;
  width:50px;
  height:50px;
  line-height:12px;
  color:white;
  font-weight:bold;
}

.modal:not(:target) {
    visibility: hidden;
    opacity: 0;
}

.in-modal{
  width:900px;
}

.in-modal .col-md-8{
  padding:50px;
  position:relative;
  z-index:1002
}



.brendovi-in img{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition:all 1s;
  background:#fff;
  border-radius:15px;
}

.brendovi-in .col-md-3 {
  margin-bottom:15px
} 

.brendovi-in .col-md-4 img{
  box-shadow: rgba(100, 100, 111, 0.0) 0px 7px 29px 0px;
  background:none!important;
} 
.brendovi-in img:hover{
box-shadow: rgba(185, 5, 4, 0.50) 0px 48px 100px 0px;
}

.brendovi-in .col-md-4 img:hover{
  box-shadow: rgba(100, 100, 111, 0.0) 0px 7px 29px 0px;
  background:none!important;
} 

div.timeline__content img {
    height:50px;
    object-fit:contain;
}



  
div.timeline__content {
    text-align: center!important;
}

div.timeline__content p {
    font-size: 13px!important;
}

div.timeline__content h3 {
    font-weight: bold!important;
    font-size: 18px!important;
    text-align: center!important;
    min-width: 100%!important;

}

div.timeline__content h2 {
    text-align: center!important;
    min-width: 100%!important;
}

div.timeline__content img {
    margin:10px 0!important;
}

.newsletter .col-md-3{
  padding:0 40px 
}

.newsletter .col-md-3 img{
  transition: all 1s;
  top:0px;
  position:relative;
  border: solid 1px #ccc;
  padding:10px;
}

.newsletter .col-md-3 img:hover{
  top:-30px;
  position:relative;
  border-color:#c60202
}



a.link1 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 22px;
    padding-right: 22px;
    background-color: #fff;
    color:#000;
    border-radius:5px;
  line-height: 3
}

a.link2 {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 22px;
    padding-right: 22px;
    background-color: #c60202;
    color:#fff;
    border-radius:5px;  
    line-height: 3;
  margin-left:10px
}

.fa.fa-bars {
    color: #c60202!important;
  position:relative;z-index:1001
}

.kontakt-in{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding:1px 20px 20px 20px;
  border-radius:20px;
  margin-bottom:20px;
  line-height:1.7;
}

.kontakt-in p{
  margin-bottom:0px
}

.kontakt-in h4{
  margin-bottom:20px!important
}


.kontakt-in strong{
  font-weight:600!important
}

  
.kontakt-in a{
  font-weight:600!important;
  line-height:3;
  font-size:16px
}
  
.brojevi-in{
  text-align:center;
}

.brojevi-in h2{
  text-align:center!important;
  min-width:100%!important;
  color:#c60202;
  font-weight:900;
}

/*PROVJERA STAROSNE DOBI*/
  #age-verification {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(40, 40, 40, 0.8);
  -webkit-transition: 500ms;
  transition: 500ms;
  z-index: 90000001;
  
  display: none;
}

.age-verification-main {
  background-color: #c60202;
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  font-size: 13pt;
  text-align: center;
  padding: 25px;
  
  position: relative;
  top: 10px;
  width: 500px;
  max-width: 80%;
  margin: 0 auto;
  -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
}
  
@media only screen and (min-height: 400px) {
  .age-verification-main {
    top: 40%;
  }
}

.age-title, .age-main-text {
  display: block;
  margin-bottom: 1em;
}
.age-title {
  font-size: 24pt;
  margin-bottom: 0.5em;
}

.age-button {
  -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
}

.age-button {
  font-family: "Source Sans Pro", sans-serif;
  background-color: white;
  border: none;
  font-size: 16pt;
  
  color: #c60202;
  
  display: inline-block;
  width: 150px;
  padding: 10px;
  margin: 5px 10px;
}

.age-credits {
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  display: block;
  font-size: 12px;
  text-decoration: normal;
  text-align: right;
  margin-top: 20px;
  margin-bottom: -15px;
}
.age-credits a {
  color: white;
}