/* home banner start */
.home-banner{position: relative;z-index: 1;}
.home-banner .banner-img img{width: 100%; object-fit: cover; height: 100%;}
.home-banner:before{position: absolute;bottom: 0;  content: ""; left: 0;width: 100%;height: 100%;background: linear-gradient(0deg,rgba(13, 13, 13, 1) 0%, rgba(152, 152, 152, 0) 36%, rgba(255, 255, 255, 0) 47%);}
.banner-stricker{position: absolute; top: 50%; transform: translateY(-50%);left: 0;}
.banner-text { padding: 0 15px; position: absolute; bottom: 40px; z-index: 1; max-width: 1080px; margin: 0 auto; left: 0; right: 0; text-align: center; }
.banner-text h1{color: #fff; font-size: 28px ; font-weight: 500; line-height: 36px; font-family: var(--font-popins);}
/* home banner end */

/* ful width section start  */
.full-width-section{background-color: var(--dark-bg); color: #fff; padding: 25px 0;}
.full-width-section p{color: #fff;text-align: center; font-size: 18px;}
.full-width-section .custom-container{max-width: 1090px;}
/* ful width section end  */

/* multi parking box section start  */
.multiple-brands .site-title{margin-bottom: 28px;}
.multiple-brands .custom-row{row-gap: 20px;}
.parking-box{display: flex; border-radius: 10px;box-shadow: 0 0 5px 1px #ddd;}
.parking-box span{flex-shrink: 0; font-size: 24px; font-weight: 600; width: 60px;border-right: 1px solid #C7C7C7;display: flex; align-items: center; justify-content: center; color:var(--theme-color) ;}
.parking-box p{min-height: 60px; display: flex;align-items: center;padding: 5px 18px; font-size: 24px; line-height: 30px;}
/* multi parking box section end  */

/* proizvod grid section start */
figure a{display: flex;}
.proizvod-section .site-title{margin-bottom: 30px;}
.proizvod-section .proizvod-box{position: relative; border-radius: 10px; overflow: hidden;}
.proizvod-section .proizvod-box img{width: 100%;}
.proizvod-title{     box-shadow: 0 4px 6px 1px #8f8f8f; position: absolute;bottom: 10px; width: calc(100% - 20px); transition: .5s ease;  margin: 0 auto;background-color: #fff;left: 0; right: 0;border-radius: 10px; padding: 10px 20px;}
.proizvod-title:hover{background-color: var(--theme-color); }
.proizvod-title:hover h3{color: #fff;}
.proizvod-title:hover svg path{color: #fff; fill: #fff;}
.proizvod-title svg path{transition: .5s ease;}
.proizvod-title a{display: flex;}
.proizvod-title h3{width: 100%; transition: .5s ease; font-size: 24px; line-height: 38px; font-weight: 500;  display: flex; align-items: center;}
.proizvod-title .airow{margin-left: auto;}
.proizvod-title .icon{margin-right: 15px;}
/* proizvod grid section end */

/* Latest Novosti section start  */
.latest-novosti-section{position: relative;z-index: 1;}
.latest-novosti-section::before{position: absolute; left: 0; height: 400px;width: 100%; background-color: var(--gray-bg);top: 0; content: ""; z-index: -1;}
.novosti-content{padding-top: 12px;}
.latest-novosti-section  .site-title{margin-bottom: 35px;}
.latest-novosti-section img{border-radius: 40px; width: 100%;}
.proizvod-box .date-time{font-weight: 500; font-size: 18px; font-family: var(--font-saira); display: flex; justify-content: end;}
.novosti-content h3{font-size: 30px; line-height: 40px; font-weight: 500;font-family: var(--font-saira);margin-bottom: 12px;}
/* Latest Novosti section end  */

/* Gallerry section start  */
.gallery-section{background-color: var(--gray-bg);}
.gallery-section  h2{margin-bottom: 0;}
.gallery-section  .gallery-img img,.right_content img{width: 100%;border-radius: 40px;}
.gallery-section  .custom-container{display: flex;justify-content: space-between; align-items: center;margin-bottom: 35px;}
.gallery-conteiner{padding: 0 4px;max-width: 1290px;margin: 0 auto;}
.gallery-section .custom-row, .right_content .gallery-conteiner{margin-left: -3px; margin-right: -3px;row-gap: 6px;}
.gallery-section .custom-row article, .right_content .gallery-conteiner article{padding-left: 3px; padding-right: 3px; }
.gallery-section  a{display: flex;}
.gallery-section .custom-row article .gallery-img{position: relative;}
.gallery-section .custom-row article .gallery-img em,.right_content .gallery-conteiner article .gallery-img em{position: absolute;bottom: 0;right: 0;background-color: #FF7F00;padding: 3px 8px;color:#fff;border-radius: 0 0 24px 0;}
.right_content .grid-four article{width: 33%;}
.right_content .grid-four article em{font-size: 18px;}
.right_content .gallery-container{position: relative;}
.right_content .gallery-conteiner article .gallery-img em{bottom: 8px;}
.left_content .grid-two{flex-direction: column;}
.left_content .grid-two article{width: 100%;}
.left_content .grid-two article figure img{border-radius: 40px;}
/* Gallerry section end  */

/* contact section start  */
.contact-section{padding-top: 4px;}

/* map aria start  */
.map-aria{height: 100%;}
.contact-section iframe{width: 100%;margin-bottom: -9px;height: 100%;}
/* map aria end  */

/* form start  */
.contact-form-main{padding-left: 35px; padding-right: 35px;}
.contact-title{padding-left: 15px; padding-right: 15px;}
.form-map-area{padding: 0 15px;background-color: #D9D9D9;}
.form-map-area article{padding: 0;}
.form-map-area .form-group{width: 33.33%;padding-left: 15px; padding-right: 15px;}
.contact-form{display: flex;flex-wrap: wrap;}
.contact-form .form-control::placeholder{color: #767676;}
.contact-form .form-control{width: 100%;border-radius: 6px;height: 40px;border: 0;padding: 10px 14px; margin-bottom: 20px; font-size: 16px;}
.contact-form .form-control:focus{box-shadow: none; outline: none; border: 0;}
.contact-form textarea.form-control{height: 90px;  resize: none;}
.contact-form .form-group.full-aria{width: 100%;display: flex;}
.submit-btn .common-btn{border: 0; transition: .5s ease;  cursor: pointer;  }
.submit-btn .common-btn:first-child{margin-right: 15px;background-color: #767676;}
.submit-btn .common-btn:first-child:hover{background-color: var(--theme-color);}
/* form end  */
/* contact section end  */

.multiple-brands .custom-container > article > h2{
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: var(--font-saira);
    margin-bottom: 28px;
}

/* Osnovni stilovi za izbornik */
#sample.dropdown {
    display: inline-block;
    position: relative;
    font-family: Arial, sans-serif;
    margin-left: 10px;
}
#sample dt a {
    display: flex;
    align-items: center;
    padding: 8px 14px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}
#sample dt a img {
    width: 24px;
    height: 16px;
    margin-right: 8px;
}
#sample dt a span {
    font-size: 16px;
}
#sample dd {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 180px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 100;
    margin: 0;
    padding: 0;
}
#sample dd ul {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
}
#sample dd ul li {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    transition: background 0.2s;
}
#sample dd ul li:hover {
    background: #f0f0f0;
}
#sample dd ul li img {
    width: 24px;
    height: 16px;
    margin-right: 8px;
}
#sample dd ul li a {
    text-decoration: none;
    color: #333;
    font-size: 15px;
}
.main_content.gallery_page_inner .custom-container{
    display: none;
}
.right_column_contact form .consent_data{
    width: 100%;;
}

.gdpr_aside {
	width: 80%;
	margin: 0 auto;
}