body{
	overflow-x: hidden!important;
}

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

.com-content-article__body h1 {
    font-weight:300!important;
	font-size:30px;
	margin:30px 0 0;
	color:#f48221
}

.com-content-article__body  {
    font-weight:300!important;
	font-size:16px;
	padding:40px 100px;
	background:#eeecec;
	border-radius:20px;
	margin-top:-50px;
	position:relative;
}

.com-content-article__body img {
    border-radius:10px;
	margin:30px 0 0;
}

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

.header{
	margin-bottom:-105px;
	background:none!important
}

.navbar-brand img{
    width:150px;
	left:20px;
}

.navbar .name{
	font-size:16px;
	color:#fff
}

.navbar .name:hover{
	color:#000
}

.dj-subwrap-in{
	border-radius:30px!important;
	background:#000!important;
	margin-left:10px

}

.dj-subcol a{
	border-radius:30px!important;
	color:red!important
}


.dj-subcol a:hover{
	background:orange!important;
	border-radius:30px!important;
	color:red!important
}
.dj-megamenu-clean li ul.dj-submenu > li > a:hover, .dj-megamenu-clean li ul.dj-submenu > li > a.active {
    background: #000;
}

header.header.container-header.full-width {
    background: #fff;
	padding:10px 0;
}

.novosti{
	padding:100px 0;
	background:#f1f1f1;
}

.novosti h3{
	padding:0 20px 20px 20px;
	font-size:40px;
    overflow: hidden;
	margin-right:20px;
	color:#000;
}

.novosti h3:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 10px;
  border-top: 5px solid #b33630;
}

.unutra{
	border-radius:20px;
	transition:all 1s;
	padding:20px;
	
}

.sivo{
	background: rgb(255,255,255);
	border-radius: 0 0 20px 20px;
	padding:10px 20px 10px 20px;
	z-index:5;
	position:relative;
	
}

.slika img{
	border-radius: 20px 20px 0 0;
	aspect-ratio: 1 / 1;
	object-fit:cover;
}

a.mod-articles-category-title {
    font-weight: bold;
    color:#000;
	font-size:20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
	line-height:1.2
}

a.mod-articles-category-title:hover {
    color:#b33630;
}

p.mod-articles-category-introtext {
    font-size: 15px;
	margin:15px 0;
	color: #96989A;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}


div.cf-form-wrap.cf-col-16 {
    background:none!important;
}

footer.container-footer.footer.full-width {
    background:#fff;
	color:#000;
	font-size:15px;
}

.sadrzaj{
	background:#fff
}

.container-banner {
  position: relative;
  color: white;
  margin:0;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width:1320px;
	max-width:90%;
	text-align:left;
}

.glavni-banner{
	background-image: url('../../../images/bg-banner.jpg');
    background-repeat: no-repeat, repeat;
	background-position: center left;
	padding: 200px 0 0 0;
}

.banner-text{
	color:#fff;
	font-size:17px
}

.banner-text h2{
	color:#fff;
	font-size:20px;
	margin-bottom:0px;
	font-weight:300;
}

.banner-text h3{
	color:#fff;
	font-size:80px;
	margin-bottom:0px;
	font-weight:900
}

.banner-text h4{
	color:#FFFFFF!important;
	font-size:80px;
	margin-top:-25px;
	font-weight:900!important;
    -webkit-text-stroke: 1px white;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.banner-text a{
	color:#fff;
	line-height:1;
	border-radius:30px;
}

.banner-text a:hover{
	color:#000;
	top:-1px;
	position:relative
}

.onama{
	padding:100px 0;
	font-size:15px;
	background-color:#0B1930;
	color:#ffff
}


.onama .col-lg-6{
	padding:0 40px 0 0;
	font-size:15px;
	background-color:#0B1930;
	color:#ffff
}

.onama h1{
	font-size:50px;
	font-weight:900;
	color:#fff
}

.onama h2{
	font-size:17px;
	font-weight:500;
	color:#F48221;
	margin:0;
}


.onama a{
	color:#fff;
	font-weight:600;
	border-bottom: 3px solid #000
}

.proizvod{
	text-align:center;
	padding:50px;
	background: rgb(241,244,251);
background: linear-gradient(180deg, rgba(241,244,251,1) 0%, rgba(241,244,251,1) 60%, rgba(211,216,227,1) 60%, rgba(211,216,227,1) 100%);
}

.proizvod h2{
	font-weight:300;
	font-size: 32px
}

.proizvod h3{
	font-weight:900;
	font-size: 32px;
	margin-bottom:20px;
	color:#F9C406;
}

.proizvod-opis{
	font-weight:normal;
	font-size: 14px;
	margin-bottom:20px;
	color:#000;
	max-width:70%;
	margin:0 auto 50px auto;
}



.dole{
	background-color:#0B1930;
	color:#fff;
	font-size:14px;
	text-align:center;
	line-height:1;
	padding:60px;
	margin-top:-20px
	
}

.dole .container{
	max-width:900px;
	width:90%;
}

.dole img{
	max-width:200px;
	width:auto;
}

.dole a{
	color:#fff;
	border-color:#fff;
	border-width:0px;
	font-weight:normal;
	padding: 0 10px;
}

.dole a:hover{
	color:#fff;
	border-color:#b33630;
	border-width:3px;
}

.dole img{
	margin-bottom:50px
}

.dole2 img{
	margin-bottom:0px
}

.dole h2{
	color:#000;
	font-size:30px;
	font-weight:600;
	margin-top:50px
}

.dole h3{
	color:#000;
	font-size:25px;
	font-weight:600;
	margin-bottom:20px
}

.dole2{
	text-align:center;
	margin-top:50px;
	border-top:solid 1px;
	padding:30px
}

div.page-header h1 {
    font-weight:900;
	font-size:50px
}

.com-content-article__body h2{
	color:#b33630;
	font-size:25px;
	font-weight:300;
}

.com-content-article__body h3{
	color:#b33630;
	font-size:22px;
	font-weight:600;
	margin-top:30px;
}

.com-content-article__body h4{
	color:#000;
	font-size:42px;
	font-weight:300;
	margin:60px 0 30px 0;
}

div.page-header h2 {
    font-size: 20px;
}

.item-content p img {
    height: 300px;
    width: auto;
    object-fit: cover;
}

.item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
	color:#000;
}

div.page-header h2 a {
    font-weight: bold;
	color:#11113D;
}



@media screen and (min-width: 100px) and (max-width: 997px) {
.com-content-article__body  {
    font-weight:300!important;
	font-size:16px;
	padding:20px 40px;
	background:#eeecec;
	border-radius:20px;
	margin-top:-50px;
	position:relative;
}
	
.com-content-article__body {
	font-size:14px;

}

.com-content-article__body p{
	font-size:14px;
	text-align:justify;
}
	
div.page-header h1 {
	font-size:30px
}

.com-content-article__body h2{
	font-size:18px;
}

.com-content-article__body h3{
	font-size:20px;
}

.com-content-article__body h4{
	font-size:25px;
}
	
.com-content-article{
	padding:0 20px;
}

.container-banner img{
  min-width:auto!important;
  height:290px;
  object-fit:cover;
}

.container-banner .col-lg-8{
	padding: 0 30px;
}

.container-banner p{
	max-width:100%;
	font-size:13px;
}

.glavni-banner{
	padding: 140px 0 0 0;
}
	
.banner-text{
	font-size:13px
}

.banner-text h2{
	font-size:20px;
	margin-bottom:0px;
}

.banner-text h3{
	font-size:35px;
	margin-bottom:20px;
}

.banner-text h4{
	font-size:35px;
	margin-bottom:10px;
}

.navbar-collapse{
    max-width:50px;
}
.dj-mobile-open-btn {
    background:none!important;
    color:##0B1930!important;
    font-size:15px!important
}
    
.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
	content: "\f0c9"!important;
	font-size: 28px!important;
}


.dj-offcanvas-top{
  background:#0B1930!important;
}


.dj-offcanvas-dark {
	background: #0B1930!important;
}


ul.dj-mobile-dark li.dj-mobileitem>a {
	background: #0B1930!important;
    color:#fff!important;
}

ul.dj-mobile-dark li.dj-mobileitem:hover>a,
ul.dj-mobile-dark li.dj-mobileitem.active>a {
	background: #1d355d!important;
}

.dj-offcanvas-dark .dj-offcanvas-top {
	background: .dj-offcanvas-top#fff!important;
}

.dj-offcanvas-close-icon{
	color:#fff
}
	
ul.dj-mobile-dark li.dj-mobileitem>a {
	border-top        : 1px solid #1d355d!important;
}

/* 2nd level */
ul.dj-mobile-dark ul li.dj-mobileitem>a {
	color       : #fff;
	background  : #0B1930!important;
	border-top  : 1px solid #1d355d!important;
	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: #1d355d!important;
}

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

p.mod-articles-category-introtext {
    font-size: 15px;
	margin:15px 0;
	color: #96989A
}


.onama{
	background:#E6E7E8;
	padding:0px 0px;
	text-align:center;
}


.onama .col-lg-6{
	font-size:14px;
	padding:0 30px;
}

.onama img{
	max-width:80%;
	margin:50px 0 50px 0
}


.onama h1{
	font-size:25px;
	margin-top:50px;
}

.onama h2{
	font-size:28px;
}

.dole{
	background:#000;
}

.proizvod-opis{
	font-size: 13px;
	max-width:100%;
}


.novosti {
	padding:30px 5px;
}

.novosti h3{
	font-size:25px;
	font-weight:normal;
	margin-bottom:5px;
	padding:0 0 20px 0;
}

.novosti h3:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 10px;
  border-top: 2px solid #b33630;
}

.slika img {
	height:150px;
	width:100%;
}

a.mod-articles-category-title {
	font-size:15px;
}

p.mod-articles-category-introtext {
    font-size: 13px;
	margin:5px 0;
}

.unutra{
	padding:5px 5px;
}

	
}

@media screen and (min-width: 997px) and (max-width: 1200px) {
.name{
	font-size:14px!important;
}

.dj-megamenu-clean li a.dj-up_a {
  padding: 0 12px;
}


.dj-subwrap-in{
	width: 1000px!important;
}

.com-content-article.item-page{
	max-width:930px;
	margin:auto;
}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
.name{
	font-size:14px;
}


.dj-subwrap-in{
	width: 1130px!important;
}

.com-content-article.item-page{
	max-width:1130px;
	margin:auto;
}
}