@font-face {    font-family: 'OpenSans';    src:  url('../assets/fonts/OpenSans-VariableFont.ttf') format('truetype'),}@font-face {    font-family: 'Oswald';    src:  url('../assets/fonts/Oswald-VariableFont.ttf') format('truetype'),}body {    font-family: 'OpenSans';    background-color: #fff;}h1, h2, h3, h4, h5, h6 {    font-family: 'Oswald';}a {    text-decoration: none;    color: #212529;    padding: 0;}@media (min-width: 576px) {	.container {		width:100%;		max-width: 1140px;	}}@media (min-width: 768px) {	.container {		width:100%;		max-width: 1140px;	}}a:hover {    text-decoration: none !important;}.text-black {    color: #212529 !important;}.text-brand {    color: #f3ebe2;}.title-large {    font-size: 56px;    font-weight: 700;}@media(min-width: 768px) {	.title-large {		font-size: 86px;	}}.p12 {    padding-top: 80px;    padding-bottom: 80px;}@media (min-width: 768px) {    .p12 {        padding-top: 120px;        padding-bottom: 120px;    }}.pb60 {    padding-bottom: 60px;}.mw-600 {    max-width: 600px;    width: 100%;    margin: 0 auto;}.first {    position: relative;    z-index: 1;}.w25 {    width: 100%;}@media (min-width: 768px) {    .w25 {        width: 50%    }}@media (min-width: 1200px) {    .w25 {        width: 25%    }}.link-hover {    position: absolute;}.link-hover:after {    transition: ease-in .3;}.nav-bg {    background-color: rgba(0, 0, 0, 0.6);}.navbar .container {	max-width: 1140px;}.navbar-toggler:focus {	box-shadow: none !important;}@media (min-width: 992px) {    li.nav-item a {        color: #f3ebe2 !important;        padding-left: 16px !important;        padding-right: 16px !important;    }    li.nav-item:hover {        color: #b96539 !important;    }    .nav-link.active {        color: #b96539 !important;    }    .footer-nav li.nav-item a {        color: #6c757d !important;    }    .footer-nav li.nav-item:hover a {        color: #b96539 !important;    }}footer {    background-color: #f2eee8;}.footer-nav li.nav-item a {    font-size: 12px;}li.nav-item a {    color: #212529;    text-transform: uppercase;    font-weight: 500;}.header-logo {    width: 100%;    max-width: 150px;    height: auto;}.hero-logo {	display: none;}
@media (min-width: 768px) {	.hero-logo {		display: inline-block;	}}.navbar-toggler {    border: none !important;    }#hero-home {    height: 80vh;    background-image: url('../assets/img/other/home-hero-01.jpg');    background-repeat: no-repeat;    background-position: center;    background-size: cover;}#hero-home:after {    content:"";    background-color: rgba(0, 0, 0, 0.2);    width: 100%;    height: 80vh;    display: block;    position: absolute;    top: 0;    left: 0;}#hero-kontakt {    width: 100%;    height: 480px;    background-image: url('../assets/img/other/page-hero.jpg');    background-repeat: no-repeat;    background-position: center;    background-size: cover;    position: relative;}@media (max-width: 767px) {	#hero-kontakt {		height: 320px;	}}#hero-kontakt:after {    content:"";    background-color: rgba(0, 0, 0, 0.2);    width: 100%;    height: 100%;    display: block;    position: absolute;    top: 0;    left: 0;}.col-bg {    background-color: #f2eee8;    padding: 8em 6em;}@media (max-width: 767px) {    .col-bg,    .col-img-bg {        padding: 40px 20px;    }}.col-img-bg {    content: "";    background-image: url('../assets/img/banner-04.jpg');    min-height: 400px;    background-repeat: no-repeat;    background-size: cover;    background-position: center;    padding: 8em 6em;}.col-img-bg:after {    content:"";    background-color: rgba(0, 0, 0, 0.4);    width: 100%;    height: 100%;    display: block;    position: absolute;}.one {    background-image: url('../assets/img/other/banner-01.jpg');    min-height: 400px;    /*width: 100%;*/    padding: 0;    background-repeat: no-repeat;    background-size: cover;    background-position: center;    background-clip: content-box;    padding: 1rem;}@media (max-width: 767px) {	.one,	.two,	.three {		flex-basis: 100%;		margin-top: 0;	}}.one:after {    content:"";    background-color: rgba(0, 0, 0, 0.2);    width: 100%;    height: 100%;    display: block;}.two {    background-image: url('../assets/img/other/banner-03.jpg');    min-height: 400px;    /*width: 100%;*/    padding: 0;    background-repeat: no-repeat;    background-size: cover;    background-position: center;    background-clip: content-box;    padding: 1rem;}.two:after {    content:"";    background-color: rgba(0, 0, 0, 0.2);    width: 100%;    height: 100%;    display: block;    /*position: absolute;*/    transition: all 0.5s ease-out;}.two:hover:after {    background-color: rgba(0, 0, 0, 0.4);}.three {    background-image: url('../assets/img/other/banner-02.jpg');    min-height: 400px;   /* width: 100%;*/     padding: 0;    background-repeat: no-repeat;    background-size: cover;    background-position: center;    background-clip: content-box;    padding: 1rem;}.three:after {    content:"";    background-color: rgba(0, 0, 0, 0.2);    width: 100%;    height: 100%;    display: block;}h3.send-msg {    z-index: 1;    font-size: 2.4rem;    font-weight: 600;}a.stretched-link {    z-index: 1;}h3.title-light {    color: #f3ebe2;}h3.title-3 {    font-size: 3rem;}.prod-gallery {    max-width: 600px;    box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    padding-top: 5rem;    z-index: 1;}@media (max-width: 768px) {    .prod-gallery {        max-width: 400px;    }}@media (min-width: 768px) {	.row-cols-md-2 > * {	  flex: 0 0 auto;	  width: 50% !important;    }}.row-cols-md-2 > * {  flex: 0 0 auto;  width: 100%;}a.round {    font-size: 22px;    font-weight:  500;    background-color: rgba(185, 101, 57, 0.8);    color: #fff;    height: 90px;    width: 90px;    border-radius: 90px;    border: 1px solid #fff;    padding: 15px;    margin: 15px;    position: absolute;    top: calc(50% + 25px);    left: calc(50% - 60px);    outline: 15px solid rgba(185, 101, 57, .7);    display: flex;    justify-content: center;    align-items: center;}.tree img {    max-width: 400px;    width: 100%;    height: auto;}.tree {    max-width: 400px;    height: auto;    margin: 0 auto;    padding-top: 5rem;}.history {    background-image: url('../assets/img/other/timeline-bg.jpg');    background-position: center;    background-repeat: no-repeat;    background-size: cover;    padding: 120px 0;}ul.timeline {    max-width: 1200px;}@media (min-width: 768px) {	ul.timeline {		max-width: 590px;	}	.timeline li::before {		width: 150px;	}}@media (min-width: 992px) {	ul.timeline {		max-width: 800px;	}}@media (min-width: 1200px) {	ul.timeline {		max-width: 980px;	}}@media (min-width: 1400px) {	ul.timeline {		max-width: 1200px;	}}.timeline {	    width: 100%;	height: 20px;	list-style: none;	text-align: justify;	margin: 100px auto;	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(45%, rgba(255,255,255,0)), color-stop(51%, rgba(84, 78, 64, 1)), color-stop(57%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(84, 78, 64, 1) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);}.timeline:after {    display: inline-block;     content: "";     width: 100%;}.timeline li {	display: inline-block;	width: 20px;	height: 20px;	background: #416718;	text-align: center;	line-height: 1.2;	position: relative;	border-radius: 50%;}.timeline li:before {    font-family: 'OpenSans';	display: inline-block;	content: attr(data-text);	font-size: 16px;	position: absolute;	left: 50%;	transform: translateX(-50%);    color: #b6afa2;    width: 200px;}.timeline li:before {	top: -70px;}.timeline li:after {    font-family: 'Oswald';	display: inline-block;	content: attr(data-year);	font-size: 26px;	position: absolute;	left: 50%;	transform: translateX(-50%);    color: #b6afa2;}.timeline li:after {	bottom: 0;	margin-bottom: -10px;	transform: translate(-50%, 100%);}/*****************************************----KONTAKT----*****************************************/.info-wrap .dbox p span {    font-weight: 600;    color: #212529;}.info-wrap .dbox p {margin-bottom: 0;}.info-wrap .dbox {    color: rgba(33, 37, 41, 0.8);    font-size: 16px;    margin-bottom: 25px;}.bg-brand {    background-color: #f2eee8;}.info-wrap .dbox .icon span {    font-size: 20px;    color: #212529;}.info-wrap .dbox .icon {    width: 50px;    height: 50px;    border-radius: 50%;    background: rgba(33, 37, 41, 0.1);}.info-wrap .dbox .text {    width: calc(100% - 50px);}.form-control {    height: 52px;    background: #fff;    color: #000;    font-size: 14px;    border-radius: 2px;    -webkit-box-shadow: none !important;    box-shadow: none !important;    border: 1px solid rgba(0, 0, 0, 0.1);    display: flex;    width: 100%;    padding: 0.375rem 0.75rem;    font-weight: 400;    line-height: 1.6;}.form-group {    margin-bottom: 1rem;}.form-group input,.form-group textarea {    border-color: #f2eee8;    background-color: #fcfcfa;}textarea.form-control {    height: inherit !important;}.form-control::placeholder {    color: rgba(0, 0, 0, 0.7) !important;}.btn-primary {    background: #69727d;    color: #fff;    border: none;    border-radius: 0;}.btn-primary:hover {    background-color: #335c1b;    border: none;}.btn-primary:active,.btn-primary:focus,.btn-primary:target {    background-color: #468025 !important;    color: #ffffff;}.btn {    padding: 12px 16px;    font-weight: 400;    width: 100%;}.form-row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}.form-row .col-md-6:first-child {    padding-right: 8px;}.form-row .col-md-6:last-child {    padding-left: 8px;}.form-row .col-md-6 {    padding-left: 0;    padding-right: 0;}@media (max-width: 767px) {    .form-row .col-md-6:first-child {        padding-right: 0;    }        .form-row .col-md-6:last-child {        padding-left: 0;    }}.products-bg {    min-height: 480px;    content: "";    background-image: url('../assets/img/other/proizvodi-bg.jpg');    background-repeat: no-repeat;    background-size: cover;    background-position: center;}@media (min-width: 768px) {    .products-bg {        content: "";        background-image: url('../assets/img/other/proizvodi-bg.jpg');        background-repeat: no-repeat;        background-size: cover;        background-position: center;        min-height: 800px;    }}.about-bg {    min-height: 480px;    content: "";    background-image: url('../assets/img/other/about-bg.jpg');    background-repeat: no-repeat;    background-size: cover;    background-position: center;}@media (min-width: 768px) {    .about-bg {        content: "";        background-image: url('../assets/img/other/about-bg.jpg');        background-repeat: no-repeat;        background-size: cover;        background-position: center;        min-height: 800px;    }}@media (min-width: 768px) {    .proizvodi-p {        padding: 120px 80px;    }}.proizvodi-p {    background: #f2eee8;}/* IMAGE GRID STYLES–––––––––––––––––––––––––––––––––––––––––––––––––– */.image-grid figure {    margin-bottom: 0;     max-height: 100%;}@media (min-width: 576px) {    .image-grid figure {        max-height: 171px;        overflow: hidden;    }}@media (min-width: 768px) {    .image-grid figure {        max-height: 151px;        overflow: hidden;    }}@media (min-width: 992px) {    .image-grid figure {        max-height: 211px;        overflow: hidden;    }}@media (min-width: 1200px) {    .image-grid figure {        max-height: 256px;        overflow: hidden;    }}  .image-grid img {     box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);     transition: box-shadow 0.2s; }  .image-grid a:hover img {      box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35); }    /* LIGHTBOX STYLES    –––––––––––––––––––––––––––––––––––––––––––––––––– */  .lightbox-modal .modal-content {    background: var(--lightbox);   }  .lightbox-modal .btn-close {     position: absolute;      top: 20px;     right: 18px;     font-size: 1.2rem;     z-index: 10; }  .lightbox-modal .modal-body {    display: flex;    align-items: center;     padding: 0;    text-align: center; }  .lightbox-modal img {    width: auto;     max-height: 100vh;     max-width: 100%; }  .lightbox-modal .carousel-caption {    left: 0;     right: 0;     bottom: 0;     background: rgba(36, 36, 36, 0.75); }  .lightbox-modal .carousel-control-prev,  .lightbox-modal .carousel-control-next {     top: 50%;    bottom: auto;     transform: translateY(-50%);     width: auto; }  .lightbox-modal .carousel-control-prev {    left: 10px;}  .lightbox-modal .carousel-control-next {    right: 10px; }