.fix {

background: white !important;

}

blockquote p {

    font-family: 'TT Masters';

    font-size: 30px;

    text-transform: none !important;

}

.footer-bottom {

display: none;

}

blockquote {

    margin: 5px 50px 5px;

}

#sv {

padding-top: 25%;

}

.zutosrce-underline {

    display: block;

    width: 60px;

    height: 8px;

    margin: 0px 0px 10px 0px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 Q 25 0, 50 5 T 100 5' stroke='%23f1c40f' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: center;

}



.akcijatxt1 { 

    font-family: 'TT CommonsM';

    text-align: left;

    color:#51a120;

    font-size: 20px;

      margin-top: 30px;

}



.tgpage {

    font-family: 'TT CommonsM';

    font-size: 20px;

    text-align: left;

  color: #003c2d;

    padding: 20px;

    

}

#page-home {

      margin-top: -20px;

  background: white;

}

@media (max-width: 480px) {

    #page-home {

      margin-top: -10px;

  

}

    }

.line {

width: 3%;

    margin-left: 2%;

    margin-top: -2%;

}

.linep {

	width: 5%;

    margin-top: -2%;

}

.lines {

	width: 8%;  

    margin-top: -3%;

}

.linev {

	width: 10%;  

    margin-top: -4%;

}

@font-face {

    font-family: 'TT Masters';

    src: url('fonts/TTMasters-Bold.otf') format('opentype');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



/* TT Commons - Regular */

@font-face {

    font-family: 'TT CommonsR';

    src: url('fonts/TTCommons-Regular.ttf') format('truetype');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



/* TT Commons - Medium */

@font-face {

    font-family: 'TT CommonsM';

    src: url('fonts/TTCommons-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



/* TT Commons - Bold */

@font-face {

    font-family: 'TT CommonsB';

    src: url('fonts/TTCommons-Bold.ttf') format('truetype');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



      .section-title .title {

   font-family: 'TT CommonsM'

}

.about__list-box .list-wrap li {

    font-family: 'TT CommonsM'

}

.about__list-box .list-wrap li {

    font-family: 'TT CommonsB'

}

.about__content-four p {

    font-family: 'TT CommonsM';

  font-size: 20px;

} 

.btn {

    font-family:'TT CommonsB'

}

.tgmenu__navbar-wrap>ul>li a {

   

    height: 40px;

}

.mb-15 {

    font-family: 'TT CommonsM'

}

.mb-45 {

    font-family: 'TT CommonsM';

  font-size: 20px;

}

/*menu icon*/

.me-1 {

         margin-top: -10px;

    height: 30px;

}

.tgmenu__navbar-wrap>ul>li a {

padding: 30px 0

}

.about__area-four {

    padding: 120px 0px 5px 0px;

}

.marketing_expert__area_six {

   

    padding: 50px 0px 100px 0 !important;

}

.tg-header__area {background: white;}

#men5 {background: white; margin-left: 10%}

@media (max-width: 1920.98px) {

#headmenu {max-width: 1920px; padding-right: 0px;}

@media (max-width: 767.98px) {

    

#headmenu {

        max-width: 100%;

          margin-right: 0px;

        padding-right: 15px;

    }

    }

}



.tg-header__top {

    background-color: #aad134;

  height: 30px;

}





.btn-share {

display: none;

}

#mape_naslov {

text-align: center;

  padding: 15px;

  background-color: #003c2d;

  font-family: 'TT Masters', Arial, sans-serif;

  color: white;

  margin-top: 10px;

  display: none;

}

#mape_naslov2 {

text-align: center;

  padding: 15px;

  background-color: #003c2d;

  font-family: 'TT Masters', Arial, sans-serif;

  color: white

}

#tq  {

text-align: center;

  padding-bottom: 30px;

}

.tqcen {

text-align: left;

    font-family:'TT CommonsM';

    font-size: 22px;

  padding: 30px;

}

.tqtitle {

    font-family: 'TT CommonsM';

    margin-top: 25px

}

.services__details-inner.shortcode-content-featured {

width: 70%;

  margin-left: 15%

}

.brand-area.shortcode-lazy-loading-loaded {

padding: 50px

}

.services__tab-wrap .nav-link {

    align-items: center;

    background: linear-gradient(90deg, #d4cc3d 13.19%, rgb(221 179 35));

}

.slider__bg {

   mix-blend-mode: revert !important;

  opacity: 1;

}

.tgmenu__navbar-wrap>ul>li a {

color: #003c2d;

  font-family: 'TT CommonsB';

  

}

.tgmenu__main-menu li.menu-item-has-children>a:after {

    color: #f9c212;

}

.slider_baner_home6 .banner__content-three {

display: none !important

}

.slider__single:after {

    background: none !important;

}

.slider__single {

    max-width: 1920px !important;

  margin-top: 100px;

      height: 800px;

  

}



/*shop*/

.currency-switcher {

display: none !important

}

.btn-compare {

  display: none !important

}

.btn-wishlist {

display: none !important

}

.btn-cart {

display: none !important

}

.btn-login {

display: none !important

}

/*end shop*/

/*banner*/

.title.aos-init.aos-animate {

text-transform: none !important

}

.banner-bg {

background-position: 95%

}



.aos-init.aos-animate {

text-transform: none

}



/*icon*/

.shortcode-about-us-information .list-wrap .icon img {

width: 50px !important;

  height: 50px !important

}

.icon {

background: transparent !important

}



.services__details-content>.title {

    text-transform: none !important;

}



.breadcrumb__content .title {

    color: white;

}

.tgmenu__navbar-wrap>ul>li {

    margin-inline-end: 40px;

}

.team__social-two {

display: none

}

.fas.fa-share-alt {

display: none !important

}

#mapamaloprodaja {

width:50px

}

#textmaloprodaja {

margin-top: -100px

}

.rv {

    margin-top: -190px;

    margin-left: 37%;

}

.about__area-eight.shortcode-about-us-information.shortcode-about-us-information-style-5 {

margin-top: 50px

}

.snizenja {

 padding: 50px 0px 50px 0px;

}

.sub2 {

    font-size: 20px;

    font-family: 'TT CommonsM';

  color: #51a120

    

}

.tit2 {

    font-family: 'TT CommonsB'

}

.p2 {

font-family: 'TT CommonsM';

  font-size: 20px;

}

#akcijaslika1 {

width: 50%;

  margin-left: 25%;

}

.col-4.lokacija {

    border-radius: 25px

}



.about__img-wrap-four {

    padding-bottom: 40px;

}

#home-prod {

width: 20%

}



/*mob*/

@media (max-width: 768px) {

 .col-4.lokacija {

    border-radius: 25px;

    width: 90% !important;

    margin-left: 5%;

    margin-right: 20px !important

}

  #home-prod {

width: 100%

}

  #akcijaslika1 {

    width: 90%;

    margin-left: 5%;

}

 .wrapper-footer-widgets {

        width: 100%;

    }

 .footer-top {

padding: 50px 0 50px;

    }

  

}

#men2 {

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);

}

#men4 {

margin-left: 5%;

}

/*home*/

 





        body {

            background: #f5f5f5;

        }



      

        .container-home {

            width: 1920px;

            max-width: 100%;

            margin: 0 auto;

            padding: 0;

              margin-top: 150px;

          background: white;

        }



       

        .row-home {

            display: grid;

            grid-template-columns: 2fr 1fr;

            gap: 20px;

            height: 650px;

            width: 100%;

            padding: 20px;

       

        }



       

        .left-image-home {

            position: relative;

            overflow: hidden;

            border-radius: 8px;

            height: 100%;

        }



        .img-home {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

        }



        .left-buttons-home {

            position: absolute;

            bottom: 20px;

            left: 20px;

            display: flex;

            flex-direction: column;

            gap: 10px;

            z-index: 2;

        }



       

        .right-images-home {

            display: grid;

            grid-template-rows: 1fr 1fr;

            gap: 20px;

            height: 100%;

        }



        .right-image-item-home {

            position: relative;

            overflow: hidden;

            border-radius: 8px;

            height: 100%;

        }



        .right-image-item-home .btn-home {

            position: absolute;

            bottom: 15px;

            left: 15px;

            z-index: 2;

        }



      

        .btn-home {

            padding: 12px 24px;

            border: none;

            border-radius: 6px;

            cursor: pointer;

            font-size: 14px;

            font-weight: 600;

            transition: all 0.3s ease;

            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

        }



        .btn-home:hover {

            transform: translateY(-2px);

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

        }



        .btn-primary-home {

            background: #f9c212;

            color: #003c2d;

          font-family: 'TT CommonsR';

        }



        .btn-primary-home:hover {

            background: #f9c212;

        }



        .btn-secondary-home {

            background: #003c2d;

            color: #f9c212;

          font-family: 'TT CommonsR';

        }



        .btn-secondary-home:hover {

            background: ##003c2d;

        }



       

        @media (max-width: 1024px) {

            .row-home {

                height: 450px;

                gap: 15px;

                padding: 15px;

            }



            .left-buttons-home {

                bottom: 15px;

                left: 15px;

            }



            .btn-home {

                padding: 10px 20px;

                font-size: 13px;

            }

        }



     

        @media (max-width: 768px) {

            .container-home {

                width: 100%;

            }



            .row-home {

                grid-template-columns: 1fr;

                height: auto;

                gap: 15px;

                padding: 10px;

            }



            .left-image-home {

                height: 400px;

            }



            .right-images-home {

                grid-template-rows: 1fr 1fr;

                gap: 15px;

            }



            .right-image-item-home {

                height: 250px;

            }



            .left-buttons-home {

                bottom: 15px;

                left: 15px;

                gap: 8px;

            }



            .btn-home {

                padding: 10px 18px;

                font-size: 13px;

            }



            .right-image-item-home .btn-home {

                bottom: 12px;

                left: 12px;

                padding: 8px 16px;

                font-size: 12px;

            }

        }



        

        @media (max-width: 480px) {

            .left-image-home {

                height: 300px;

            }



            .right-image-item-home {

                height: 200px;

            }



            .left-buttons-home {

                bottom: 12px;

                left: 12px;

            }



            .btn-home {

                padding: 8px 16px;

                font-size: 12px;

            }



            .right-image-item-home .btn-home {

                padding: 7px 14px;

                font-size: 11px;

            }

        }



/*brad*/

.breadcrumb__area.breadcrumb__bg {

    display: none !important

}

/*home sect2*/



       

        .row-sec2 {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 10px;

            width: 1920px;

            max-width: 100%;

            height: 300px;

            padding: 20px;

            margin: 0 auto;

        }



     

        .sec2-item {

            position: relative;

            overflow: hidden;

            border-radius: 8px;

            height: 100%;

        }



        .sec2-item a {

            display: block;

            width: 100%;

            height: 100%;

        }



        .sec2-item img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

            transition: transform 0.5s ease, filter 0.5s ease;

        }



       

        .sec2-item a:hover img {

            transform: scale(1.05);

            filter: brightness(0.85);

        }



      

        .sec2-overlay {

            position: absolute;

            bottom: 20px;

            left: 20px;

            color: white;

            font-size: 24px;

            font-weight: 700;

            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);

            pointer-events: none;

            z-index: 2;

        }



     

        @media (max-width: 1024px) {

            .row-sec2 {

                width: 100%;

                height: 250px;

                gap: 10px;

                padding: 10px;

            }



            .sec2-overlay {

                font-size: 20px;

                bottom: 15px;

                left: 15px;

            }

        }



      

        @media (max-width: 768px) {

            .row-sec2 {

                grid-template-columns: 1fr;

                height: auto;

                gap: 10px;

                padding: 8px;

            }



            .sec2-item {

                height: 200px;

            }



            .sec2-overlay {

                font-size: 18px;

                bottom: 12px;

                left: 12px;

            }

        }



        

        @media (max-width: 480px) {

            .sec2-item {

                height: 180px;

            }



            .sec2-overlay {

                font-size: 16px;

            }

        }



/*proizvodi*/

 



        body {

            background: #f5f5f5;

        }



       

        .main-row-prod {

            display: grid;

            grid-template-columns: 1fr 2fr;

            gap: 10px;

            width: 1920px;

            max-width: 100%;

            height: auto;

            margin: 0 auto;

            padding: 10px;

          display: none;

        }



        

        .left-image-prod {

            position: relative;

            overflow: hidden;

            border-radius: 8px;

            height: 100%;

        }



        .left-image-prod a {

            display: block;

            width: 100%;

            height: 100%;

        }



        .left-image-prod img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

            transition: transform 0.5s ease, filter 0.5s ease;

        }



      

        .right-grid-prod {

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            grid-template-rows: repeat(2, 1fr);

            gap: 10px;

            height: 100%;

        }



        .grid-item-prod {

            position: relative;

            overflow: hidden;

            border-radius: 8px;

            height: 100%;

        }



        .grid-item-prod a {

            display: block;

            width: 100%;

            height: 100%;

        }



        .grid-item-prod img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

            transition: transform 0.5s ease, filter 0.5s ease;

        }



       

        .left-image-prod a:hover img,

        .grid-item-prod a:hover img {

            transform: scale(1.05);

            filter: brightness(0.85);

        }



       

        .overlay-prod {

            position: absolute;

            bottom: 15px;

            left: 15px;

            color: white;

            font-size: 18px;

            font-weight: 700;

            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);

            pointer-events: none;

            z-index: 2;

        }



        .left-image-prod .overlay-prod {

            font-size: 28px;

            bottom: 25px;

            left: 25px;

        }



        

        @media (max-width: 1024px) {

            .main-row-prod {

                width: 100%;

                height: auto;

                grid-template-columns: 1fr;

                gap: 15px;

            }



            .left-image-prod {

                height: 400px;

            }



            .right-grid-prod {

                grid-template-columns: repeat(2, 1fr);

                grid-template-rows: repeat(3, 1fr);

                gap: 15px;

            }



            .grid-item-prod {

                height: 250px;

            }

        }



        @media (max-width: 600px) {

            .main-row-prod {

                padding: 8px;

                gap: 10px;

            }



            .left-image-prod {

                height: 300px;

            }



            .right-grid-prod {

                grid-template-columns: 1fr;

                grid-template-rows: repeat(6, 1fr);

                gap: 10px;

            }



            .grid-item-prod {

                height: 200px;

            }



            .left-image-prod .overlay-prod,

            .overlay-prod {

                font-size: 16px;

                bottom: 12px;

                left: 12px;

            }



            .left-image-prod .overlay-prod {

                font-size: 22px;

                bottom: 18px;

                left: 18px;

            }

        }

/*ponuda*/

.ponuda {

text-align: center;

  padding: 15px;

  background-color: #003c2d;

  font-family: 'TT Masters', Arial, sans-serif;

  color: white

}

#home_ponuda {

text-align: center;

  padding-bottom: 30px;

  background-color: #f9c212;

}



    .title-text-home {

        color: black;              

        font-size: 32px;

        font-weight: 700;

        margin: 0;

        letter-spacing: 0.5px;

      font-family: 'TT Masters', Arial, sans-serif;

      text-align: center;

      

    }



    /* Responsive */

    @media (max-width: 768px) {

        #title-row-home {

            padding: 20px 15px;

           background: #16a34a;  

           margin-top: 10px;

        }



        .title-text-home {

            font-size: 24px;

        }

    }



/*srce*/





       

        .row-srce {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 10px;

            width: 1920px;

            max-width: 100%;

            height: 500px;

            margin: 0 auto;

            padding: 10px;

        }



      

        .srce-item {

            position: relative;

            overflow: hidden;

            border-radius: 8px;

            height: 100%;

        }



        .srce-item a {

            display: block;

            width: 100%;

            height: 100%;

        }



        .srce-item img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

            transition: transform 0.5s ease, filter 0.5s ease;

        }



       

        .srce-item a:hover img {

            transform: scale(1.05);

            filter: brightness(0.85);

        }



      

        .srce-overlay {

            position: absolute;

            bottom: 30px;

            left: 30px;

            color: white;

            font-size: 32px;

            font-weight: 700;

            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);

            pointer-events: none;

            z-index: 2;

        }



      

        @media (max-width: 1024px) {

            .row-srce {

                width: 100%;

                height: 400px;

                gap: 10px;

                padding: 10px;

            }



            .srce-overlay {

                font-size: 26px;

                bottom: 25px;

                left: 25px;

            }

        }



        

        @media (max-width: 768px) {

            .row-srce {

                grid-template-columns: 1fr;

                height: auto;

                gap: 10px;

                padding: 8px;

            }



            .srce-item {

                height: 300px;

            }



            .srce-overlay {

                font-size: 22px;

                bottom: 20px;

                left: 20px;

            }

        }



   

        @media (max-width: 480px) {

            .srce-item {

                height: 250px;

            }



            .srce-overlay {

                font-size: 18px;

                bottom: 15px;

                left: 15px;

            }

        }



/*tq*/



.loktxt {

  font-family: 'TT CommonsM';

  text-align: left;

  margin-left: 2%;

 font-size: 20px;

  margin-top: 3%;

  color: #51a120;

}

#lok {

  text-align: center;

  margin-bottom: 30px;

  font-size: 28px;

  color: #003c2d;

  font-family:'TT CommonsB';

  text-align: left;

  margin-left: 2%;

  text-transform: uppercase;

}

 

/*deskmenu*/

.tgmenu__action ul li {

   display: none !important

}

/*soc head*/

@media (max-width: 768px) {
#soc {
  left: 5% !important;
}
.tg-header__area {
  padding: 0px !important;
    }
}

#soc {

width: 25px;

    display: inline-flex;

    gap: 5px;

  top: 2px;

    position: absolute;

  left:80%;

}

#social {

    text-align: center;

}

#cont {

    width: 35px;

    left: 80%;

    position: absolute;

      display: none;

    gap: 5px;

}

@media (max-width: 768px) {

            #cont {

                 display: none;

            }

   @media (max-width: 480px) {

             #cont {

                 display: none;

            }

            }