body{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.row{
    margin: 0px;
}

section.content.nasaPreporuka.search > .row {
    display: flex;
    flex-wrap: wrap;
}

.fixed-steps {
    position: fixed;
    width: 90%;
    top: 0;
    background: white;
    padding: 29px 0;
    z-index: 100;
}

/*5 columns layout*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}

.cijena-proizvoda {
    font-size: 22px;
    color: black;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 15px;
    line-height: 1;
}

.besplatna-dostava {
    font-size: 13px;
    color: rgb(173, 173, 173);
    margin-bottom: auto;
    display: block;
}

.proizvodDetalji #pay {
    display: block;
    position: static;
    border: none;
    padding: 0;
}

.buy-buttons-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.buy-buttons-wrapper a {
    width: 33.33% !important;
    margin-top: 0 !important;
}

.viberaddtocart img {
    width: 100%;
}

.proizvodDetalji #pay div {
    padding: 0;
    border: 0;
    display: block;
    width: 100%;
}

.proizvodDetalji #pay div p {
    font-size: 19px;
}

.proizvodDetalji #pay div .btnIkona {
    padding-left: 15px;
    padding-right: 30px;
}

.proizvodDetalji a#pay div:hover {
    background: none;
    border-color: none;
}

a:hover {
    text-decoration: none;
}

.sliderItemProizvod  a#pay div {
    width: 100%;
    border: 1px solid rgb(26, 154, 	215);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    gap: 5px;
    color: white !important;
    background: rgb(26, 154, 	215);
}

.sliderItemProizvod  a#pay div:hover {
    background: #2168c1;
    color: white !important;
    border-color: #2168c1;
}

.sliderItemProizvod  a#pay div p{
    margin: 0;
    font-size: 14px;
}


.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


.text-align-center{
    text-align: center;
}

.text-align-right{
    text-align: right;
}

.margin-top-120{
    margin-top: 120px;
}

.margin-top-100{
    margin-top: 100px;
}

.margin-top-70{
     margin-top: 70px;
}

.margin-top-50{
    margin-top: 50px;
}

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

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

.margin-bottom-70{
    margin-bottom: 70px;
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.vertical-align-flex-box{
    display: flex;
    align-items: center;
}


.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

a:focus{
	outline: none !important;
}

img:focus{
	outline: none !important;
}


/*preNav*/
#preNav{
    background-color: #363636;
    color: #959595;
    font-weight: bold;
    font-size: 1.2em;
    height: 3em;
}

#preNav .col-md-2{
    text-align: center;
}




/*navbar*/

.navbar-default{
    border-radius: 0px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 9px 13px rgba(0,0,0,.09);
}

.navbar-brand {
    padding-top: 1.4em;
    padding-bottom: 0em;
    padding-left: 2.4em;
}

.topbar {
    background: rgba(246,246,246);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    gap: 50px;
}

.topbar-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.topbar-item a, .topbar-item p {
    margin: 0;
}

.topbar-item p {
    margin-right: 15px;
    color: #616262;
    font-size: 14px;
}

.topbar-item a {
    font-size: 15px;
    font-weight: bold;
    color: #337ab7;
}

.collapse.navbar-collapse{
    text-align: center;
}

#searchInput{
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background-color: rgba(228, 228, 228, 0.4);
}

#searchBtn{
    background-image: none;
    background-color: #2168c1;
    color: #fff;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.navbar-header > .row{
    display: flex;
    align-items: flex-end;
}

.navbar-form{
    width: 100%;
    text-align: center;
}

.navbar-form > .form-group{
    width: 80%;
}
#searchInput{
    width: 100%;
}

.navbar-right {
    margin-right: 6em;
}

form.search-forma {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5px;
    position: relative;
}

form.search-forma input {
    background: #f6f6f6;
    border: none;
    box-shadow: none;
    border-radius: 66px;
    font-size: 20px;
    padding: 25px 0;
    padding-left: 60px;
}

form.search-forma::before {
    position: absolute;
    left: 15px;
    top: 0;
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 33px;
    color: #c8c8c8;
}

.desniDioNavbar a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-decoration: none;
}

.desniDioNavbar a i{
    color: #1a9ad7;
    font-size: 35px;
}

.desniDioNavbar a div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-end;
}

.desniDioNavbar a div p{
    margin: 0;
    color: #616262;
    font-size: 14px;
}

.desniDioNavbar a div span{
    display: block;
    font-weight: bold;
    color: #616262;
    font-size: 18px;
}
.search-forma button {
    border: none;
    box-shadow: none;
    background: #1a9ad7;
    text-shadow: none;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px;
    padding: 15px 35px;
    margin-left: 15px;
    font-weight: bold;
}

.nav>li>a {
    padding: 10px 8px;
}


.header-navbar {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 10px;
}

.nav.navbar-nav {
    margin: 0;
}

.srednjiDioNavbar .collapse.navbar-collapse {
    padding: 0;
}

img.logoImage {
    width: 220px;
}


.navbar-brand > img {
    width: 70%;
}

@media (min-width: 768px){
    .navbar-header {
        float: none;
    }

    .container-fluid>.navbar-header{
        margin-right: -15px;
        margin-top: -1px;
    }

    .navbar-nav {
         float: none;
        margin: 0 10px 0 10px;
    }
}
.nav.navbar-nav{
    text-align: left;
    /* width: 100%; */
    display: inline-block;

}


.navbar.navbar-default{
    margin-bottom: 0px;
}

.nav.navbar-nav li a {
    color: #616262;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.navbar-brand {
    height: auto;
}

/*slider*/
.slick-prev{
    left: 50px;
    z-index: 5;
}

.slick-next {
    right: 50px;
    z-index: 5;
}

.brandsSlider .slick-next  {
    right: -25px;
}

.brandsSlider .slick-prev  {
    left: -25px;
}

.brandsSlider  .slick-next:before {
    color: #464646;
}

.brandsSlider  .slick-prev:before {
    color: #464646;
}

.sliderWrapper{
    height: 51em;
    overflow: hidden;
}

.slider {
    height: 51em;
    overflow: hidden;
}

.slider img {
    /*width: 100%;*/
    height: 66%;
    mix-blend-mode: multiply;
    object-fit: contain;
}

.slick-dots{
    bottom: 20px;
}

#dividerSlider{
    border-top: 6px solid #dcc547;
}

.slideWrapper{
    position: relative;
    /*background-color: #fff;*/
    height: 51em;
    background: -moz-linear-gradient(top, #969696 0%, #dbdbdb 17%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #969696 0%,#dbdbdb 17%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #969696 0%,#dbdbdb 17%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.sliderWrapper .col-md-6{
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
}

.trapezoid {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 25em;
    border-bottom: 25em solid #dcc54799;
    border-left: 70px solid transparent;
    right: 1em;
    padding-right: 2em;
    max-width: 600px;
}

.trapezoid h2, .trapezoid h4{
    margin-top: 1.2em;
}

.opsirnijeBtnSlider{
    background-color: #fff;
    color: #dcc547;
    background-image: none;
    border-radius: 15px;
    font-size: 16px;
    padding-left: 1em;
    padding-right: 1em;
    border: none;
}

    /*shop*/
.slideWrapper>.col-md-6>div{
    margin: 0 auto;
}

.cijenaWrapper{
	width: 100%;
}

.cijena{
    color: #115b98;
    font-size: 70px;
    font-weight: bold;
}

.cijenaLabel{
    font-size: 0.6em;
}



.staraCijenaKm{
    font-size: 50px;
    color: black;
    text-decoration: line-through;
    margin: 0;
    line-height: 1;
    margin-top: 40px;
}

.staraCijenaLabel{
    margin: 0px;
}

.proizvodNaziv{
    line-height: 39px;
    font-size: 1.5em;
    max-width: 30em;
}




.proizvodNaziv>.proizvodTip{
    color: #1f9ad5;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 40px;
}

/*Izdvojeno*/

.izdvojenoWrapper{
    color: #ffffff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    border-radius: 50px;
    overflow: hidden;
}

.showOnHoverHome .izdvojenoLink {
    display: none;
}

.showOnHoverHome {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    border-radius: 34px;
    background: transparent;
}

.izdvojenoWrapper:hover .showOnHoverHome {
    background: #202020ab;
}

.izdvojenoWrapper:hover .showOnHoverHome .izdvojenoLink{
    display: block;
}

.izdvojenoNaziv{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.izdvojenoLink {
    background: #1a9bd7;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    text-shadow: none;
    font-size: 13px;
    letter-spacing: 0.6px;
    padding: 7px 20px;
}

.izdvojenoOpis{
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

.nasaPreporuka a>.imgNasaPreporuka>img{
     max-width: 100%;
     max-height: 100%;
     margin: 0 auto;
}



.slick-slide img {
    max-width: 100%;
    max-height: 100%;
}

.nasaPreporuka .imgNasaPreporuka a{
	height: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-height: 100%;
    max-width: 100%;
}

.imgNasaPreporuka>a>img{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.imgNasaPreporuka{
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.izPonude .imgNasaPreporuka>img{
    margin: 0 auto;
 	max-width: 80%;
	max-height: 75%;
}

.vijesti .imgNasaPreporuka>img{
    max-height: unset;
    height: auto;
}

.nasaPreporuka .col-md-15{
	/* height: 43em; */
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}



.nasaPreporuka .col-md-15:hover {
    border: 1px solid #bbb;
    box-shadow: 0 0 20px 0 rgba(0,0,0, .25);
}



.naslovNasaPreporuka{
    color: #01376b;
    margin-top: 10px;
}

.naslovNasaPreporuka a{
    color: #01376b;
    font-size: 14px;
}

.opisNasaPreporuka{
    margin-bottom: 1em;
    color: #959595;
}

.specifikacije-wrapper {
    display: flex;
    flex-direction: column;
}

.specifikacija-row {
    display: flex;
    align-items: center;
    border-top: 1px solid #dee2e6;
    font-size: 16px;
}

.specifikacija-naslov {
    background: #343a40;
    color: white;
    padding: 12px;
    width: 50%;
    max-width: 200px;
}

.specifikacija-vrijednost {
    padding: 12px;
    color: #212529;
}

.izdvojeneKategorije {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.nasaPreporukaNaslov{
    padding-left: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.nasaPreporukaNaslov>h2{
    display: inline-block;
    background-color: white !important;
    color: #616262 !important;
    margin-top: 0px;
    padding: 0 40px;
    margin-bottom: 40px;
    font-size: 24px;
}

.single-news-list img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    border-radius: 30px;
    margin-bottom: 20px;
    transition: all .2s;
}

.single-news-list img:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0, .25);
}

.single-news-list {
    transition: all .2s;
}

.single-news-list:hover {
    transform: scale(1.03);
}

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}

.single-news-list a {
    font-size: 24px;
    line-height: 1.4;
    color: rgb(20, 87, 143);
}

.nasaPreporukaNaslov>h2>a {
    color: #616262 !important;
}

.korisni-linkovi-modali {
    background: rgb(241, 241, 241);
    padding: 40px 0;
}

.kakowrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kakobox {
    padding: 7px 20px;
    background: white;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 20%;
    margin: 0 20px;
    padding-right: 8px;
}

.sliderItemProizvod {
    margin: 0 10px;
    padding: 10px;
    border: 2px solid rgb(187,187,187);
    border-radius: 20px;
    display: flex !important;
    flex-direction: column;
    transition: all .2s;
}

.sliderItemProizvod:hover {
    box-shadow: 0 0 20px 0 rgba(0,0,0, .25);
}

.kakobox a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: rgb(26,87,139);
    cursor: pointer;
}

.kakobox a p {
    margin: 0;
    font-size: 19px;
    line-height: 1.2;
}

.nasaPreporukaNaslov>h2:before {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    height: 1px;
    background: #616262;
    z-index: -1;
}

.nasaPreporuka .cijenaNasaPreporuka{
    margin-bottom: 1em;
    font-size: 1.5em;
    position: absolute;
	bottom: 5%;
	width: 88%;
}

.cijenaNasaPreporuka>span:first-child{
    color: #555555;
}

.cijenaNasaPreporuka>span:nth-child(2){
    color: #125b99;
}

.nasaPreporuka .btnNasaPreporuka{
	position: absolute;
    bottom: 0px;
    width: 89%;
}

p.btnIkona i {
    vertical-align: bottom;
}

.btnNasaPreporuka p{
    text-align: center;
    background-color: #125b99;
    color: #fff;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-size: 18px;
    height: 40px;
}

/*Iz ponude izdvajamo*/

.izPonude .izdvojenoWrapper{
    color: #ffffff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
}

.vijesti .imgNasaPreporuka > img {
    margin: 0 auto;
    max-width: unset;
    max-height: unset;
}




.izPonude .izdvojenoOpis{
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

.izPonude .imgNasaPreporuka{
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
}

html {
    overflow-x: hidden;
}


.izPonude .border{
    border: 1px solid #d7d7d7;
    margin-bottom: 2em;
    min-height: 450px;
    /* display: flex;
    flex-direction: column; */
}

/* .slick-list .izPonude .border {
    justify-content: space-between;

} */





















.form-wrapper .form {
	width: 340px;
	height: 440px;
	background: #e6e6e6;
	border-radius: 8px;
	box-shadow: 0 0 40px -10px #000;
	margin: calc(50vh - 220px) auto;
	padding: 20px 30px;
	max-width: calc(100vw - 40px);
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
	position: relative
}

.form-wrapper h2 {
	margin: 10px 0;
	padding-bottom: 10px;
	width: 180px;
	color: #78788c;
	border-bottom: 3px solid #78788c
}

.form-wrapper input {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: none;
	outline: none;
	resize: none;
	border: 0;
	font-family: 'Montserrat', sans-serif;
	transition: all .3s;
	border-bottom: 2px solid #bebed2
}

.form-wrapper input:focus {
	border-bottom: 2px solid #78788c
}

.form-wrapper p:before {
	content: attr(type);
	display: block;
	margin: 28px 0 0;
	font-size: 14px;
	color: #5a5a5a
}

.form-wrapper button {
	float: right;
	padding: 8px 12px;
	margin: 8px 0 0;
	font-family: 'Montserrat', sans-serif;
	border: 2px solid #78788c;
	background: 0;
	color: #5a5a6e;
	cursor: pointer;
	transition: all .3s
}

.form-wrapper button:hover {
	background: #78788c;
	color: #fff
}

.form-wrapper div {
	content: 'Hi';
	position: absolute;
	bottom: -15px;
	right: -20px;
	background: #50505a;
	color: #fff;
	width: 320px;
	padding: 16px 4px 16px 0;
	border-radius: 6px;
	font-size: 13px;
	box-shadow: 10px 10px 40px -14px #000
}

.form-wrapper span {
	margin: 0 5px 0 15px
}

















.izPonude .imgNasaPreporuka>img{
    margin: 0 auto;
}

.izPonude .naslovNasaPreporuka{
    color: #01376b;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 1em;
    padding-left: 15px;
    font-weight: bold;
}

.izPonude .opisNasaPreporuka{
    margin-bottom: 1em;
    color: #959595;
    padding-left: 15px;
    height: 100px;
    overflow: hidden;
}



.izPonude .cijenaNasaPreporuka{
    margin-bottom: 1em;
    font-size: 1.5em;
}

.izPonude .cijenaNasaPreporuka>span:first-child{
    color: #555555;
}

.izPonude .cijenaNasaPreporuka>span:nth-child(2){
    color: #125b99;
}

.izPonude .btnNasaPreporuka p{
    text-align: center;
    background-color: #125b99;
    color: #15a086;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    width: 70%;
    margin: 0 auto;
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    transform: translateY(50%);
}

.btnNasaPreporuka a:hover{
	text-decoration: none;
}

.vijesti .btnNasaPreporuka > p{
	border: none;
}

.vijesti .imgNasaPreporuka > img {
    margin: 0 auto;
/*    max-width: 100%;
    max-height: 100%;*/
}

.vijesti .border{
	height: 40em;
	margin-bottom: unset;
}

.vijesti .btnNasaPreporuka{
	position: absolute;
	/*width: 100%;*/
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.vijesti .btnNasaPreporuka p{
	transform: unset;
}

.izPonude .btnNasaPreporuka p:hover {
    background-color: #15a086;
    color: #ffffff;
}

.vijesti .btnNasaPreporuka p:hover {
    background-color: #125b99;
    color: #ffffff;
}

/*parallax*/
.parallax{
    display: flex;
    align-items: center;
}

.parallax>.col-md-2{
    height: 60%;
    text-align: center;
}

.parallax>.col-md-2>img{
    height: 100%;
}

.parallax>.col-md-2>a{
    cursor: pointer;
}

.parallax>.col-md-2>a:hover{
    text-decoration: none;
}

.parallax>.col-md-2>a>img{
    height: 50%;
}

.parallax>.col-md-2 p{
    color: #fff;
    margin-top: 10%;
    font-size: 1.2em;
}


/*footer*/
.footerShop{
    background-color: rgba(246,246,246);
    color: black;
}

.footerwrapper {
    background-color: rgba(246,246,246);
    margin-top: 100px;
    box-shadow: 1px 20px 20px 12px #00000085;
    padding: 20px 0;
}

.titleFooter{
    color: #767676;
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 20px;
}

.footerShop a{
    color: black;
}

#logoFooter{
	width: 80%;
}



/*vijesti*/

.vijesti .col-md-4{
    padding-top: 0px !important;
}

.vijesti .naslovNasaPreporuka{
    margin-top: 1em;
    color: #363636;
    text-align: center;
}

.vijesti .imgNasaPreporuka > img{
    width: 100%;
}

.vijesti .btnNasaPreporuka  p{
    background-color: #464646;
    color: #fff;
}

.vijesti .opisNasaPreporuka{
    text-align: center;
    margin-top: 2em;
    margin-bottom: 3em;
}



/* News */
.novost .row{
    display: flex;
    align-items: center;
}

.sectionTitleText{
    font-weight: 600;
    color: #363636;
    padding-left: 1.6em;
}

hr.colored {
    border: 0;   /* in order to override TWBS stylesheet */
    height: 5px;

    background: -moz-linear-gradient(left, rgba(220,197,71,1) 0%, rgba(220,197,71,1) 30%, rgba(223,222,216,1) 30.5%);  /* FF3.6+ */
    background: -webkit-linear-gradient(left, rgba(220,197,71,1) 0%, rgba(220,197,71,1) 30%, rgba(223,222,216,1) 30.5%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(220,197,71,1) 0%, rgba(220,197,71,1) 30%, rgba(223,222,216,1) 30.5%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(220,197,71,1) 0%, rgba(220,197,71,1) 30%, rgba(223,222,216,1) 30.5%); /* IE10+ */
    background: linear-gradient(to right, rgba(220,197,71,1) 0%, rgba(220,197,71,1) 30%, rgba(223,222,216,1) 30.5%); /* W3C */

    margin-left: 4em;
}

.dateNews{
    font-size: 3em;
    font-weight: 600;
}

.textNews{
    margin: 0px;
}

.monthNews{
    font-size: 1.5em;
    font-weight: 600;
}

.headerNews{
    color: #01376b;
    font-size: 20px;
    font-weight: bold;
    padding-top: 0;
    margin-top: 0;
}

.deviderNews{
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 5px solid #dfded8;
}

.sectionIcon{
    color: #dcc547;
}

.dateWrapper{
    width: 90%;
    float: right;
    background-color: #dcc547;
    color: #fff;
    padding-right: 0.7em;
    border-radius: 6px;
}

.dateWrapperTriangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 100px 0 0;
    border-color: #fbf9e7 transparent transparent transparent;
    position: absolute;
}

.dateText{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.opsirnijeBtn{
    background-color: #01376b;
    background-image: none;
    border-radius: 15px;
    font-size: 16px;
    padding-left: 1em;
    padding-right: 1em;
}


/*Clanovi*/

.members{
    background-color: #363636;
}

.white{
    color: #fff;
}

.gold{
    color:#dcc547;
}

.membersImg{
    margin: 0 auto;
    border-radius: 50%;
    border: 6px solid #dcc547;
    height: 11em;
}

.memberName{
    padding-top: 0.5em;
    font-size: 1.3em;
    line-height: 1em;
}

.membersSide{
    height: 42em;
    background-color: #dcc547;
}

.sliderMembers .slick-dots{
    bottom: -50px;
}

.sliderMembers .slick-prev {
    left: 20px;
}

.sliderMembers .slick-next {
    right: 15px;
}

.proizvodTip>a:hover{
	text-decoration: none !important;
}


/*Kontakt forma*/

.contactForm{
    height: 8em;
}






/*Footer*/


.footer{
    padding-top: 2em;
    background-color: #363636;
}

.footer p{
    font-size: 0.9em;
}

/*Post footer*/
#postFooter{
    background-color: white;
    color: #959595;
    font-size: 14px;
    height: 40px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#postFooter p {
    margin: 0;
}

#postFooter a {
    color: rgb(30, 137, 176);
}

/*Unutrasnja strana*/

.breadcrumb{
	background-color: unset;
	padding-top: 2em;
}

#sidebar{
    background-color: #363636;
    padding-left: 0px;
    padding-right: 0px;
}

#sidebar>h3{
    background-color: #dcc547;
    text-align: center;
    padding: 0.7em;
    font-weight: bold;
    margin-top: 0px;
}

#sidebar>ul{
    color: #fff;
    list-style-type: none;
    margin-top: 3em;
    line-height: 2em;
}

#content{
     padding-left: 50px;
     padding-right: 50px;
}

.content{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.content .col-md-4{
    background-clip: content-box;
    padding-top: 15px;
    padding-bottom: 15px;
}

#content .sectionTitleText{
    padding-left: 0px;
    color: #01376b;
}

#content .colored{
    margin-left: 0px;
    width: 50%;
}

#content h3{
    color: #01376b;
}

.galleryImage{
    vertical-align: middle;
    border: 5px solid #dcc547;
    border-radius: 7px;
    width: 100%;
}

/*unutrasnja lista kategorija*/
.banner{
    height: 18em;
    background-size: cover;
    background-position: center;
}

.banner>.row{
    height: 100%;
}

.banner>.row>.col-md-3{
    height: 100%;
}

.naslovKategorije{
    position: absolute;
    bottom: 0px;
    /*width: 93%;*/
    background-color: #01376b;
    color: #ffffff;
    font-size: 3em;
    padding-left: 0.3em;
    left: 15px;
	right: 15px;
	width: unset;
}

.linijaKategorije{
    border-top: 2px solid #eee;
    width: calc(100% - 30px);
    float: left;
    margin-left: 15px;
}

.kategorije .border{
    border: 2px solid #d7d7d7;
    border-bottom: 3px solid #01376b;
    /*border-bottom-color: #01376b;*/
}

.kategorije .naslovNasaPreporuka{
    font-weight: normal;
    text-align: center;
    font-size: 2.5em;
    color: #01376b;
}

.kategorije .imgNasaPreporuka{
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    height: 320px;
}

.kategorije .btnNasaPreporuka {
    bottom: 20px;
    width: 93%;
}

.kategorije .btnNasaPreporuka p{
    border-radius: 0px;
    background-color: #01376b;
}

.listaProizvodaWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.prikaz-u-listi-wrapper {
    width: 20%;
    margin-bottom: 20px;
}

.prikaz-u-listi-wrapper #pay {
    margin-top: 25px;
}

.prikaz-u-listi {
    height: 100%;
}

/*unutrasnja lista proizvodi*/
.btnIkona{
    float: left;
    width: 20%;
    border-radius: 10px 0px 0px 10px;
    font-size: 1.15em;
}

.search .btnIkona{
    font-size: 1.16em;
}

.btnDodajKosarica{
    float: right;
    width: 80%;
    background-color: #fff !important;
    color: #125b99 !important;
    padding-bottom: 0.2em !important;
    padding-top: 0.4em !important;
    border: 2px solid;
    border-radius: 0px 10px 10px 0px;
}

.btnDodajKosarica:hover{
    background-color: #125b99 !important;
    color: #fff !important;
    border-color: #125b99;
}

.jumbotron{
    background-color: unset;
    color: #fff;
}

/*Pojedinacan proizvod*/
.proizvodSlika{
    border: 2px solid #b5bcc3;
    display: flex;
    align-items: center;
}

.proizvodSlika>img{
	max-width: 90%;
	max-height: 90%;
	/*min-width: 90%;*/
	margin: 0 auto;
	/*height: 100%;*/
}

.proizvodNaslov{
    font-size: 2.5em;
    color: #363636;
}

.proizvodCijena{
    font-size: 4em;
    color: #01376b;
}

.proizvodUslovi{
    color: #a1a1a1;
    margin-top: 1.5em;
}

.opisLabel{
    font-weight: bold;
    color: #363636;
    margin-top: 20px;
}

.proizvodOpis {
    color: #a1a1a1;
    font-size: 16px;
}

.kolicinaLabel{
    color: #363636;
}

.drustveneMreze{
    color: #01376b;
    font-size: 3em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav-tabs {
    border-bottom: 1px solid #01376b;
    margin-left: 15px;
}

.nav-tabs > li > a {
    border-radius: 0px 0px 0 0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    border: 2px solid #01376b;
    background-color: #01376b;
    color: #ffffff;
}

.nav-tabs a {
    color: #959595;
    text-decoration: none;
}

.tab-pane{
    color: #959595;
    margin-top: 0.8em;
    margin-left: 1.6em;
    width: 50%;
}

.nav-tabs > li > a:hover{
    border: 1px solid #eee;
}

.proizvodUslovi img{
    height: 2em;
    margin-right: 0.6em;
}

.proizvodUslovi a{
    text-decoration: none;
    color: #a1a1a1;
}

.proizvodUslovi a:hover{
    color: #363636;
}

.proizvodUslovi:hover{
    cursor: pointer;
}

.proizvod .btnNasaPreporuka{
    position: static;
}

.proizvod .btnDodajKosarica{
    border: 2px solid !important;
    border-radius: 0px 10px 10px 0px !important;
    float: none;
    display: inline-block;
    width: 50%;
}

.proizvod .btnDodajKosarica:hover {
    background-color: #01376b !important;
    color: #fff !important;
    border-color: #01376b !important;
}

.proizvod .btnNasaPreporuka p{
    /* width: 100%; */
    font-size: 20px;
    min-height: 48px;
}

.proizvod .btnNasaPreporuka p i {
    vertical-align: bottom;
}

.proizvod .btnIkona{
    width: 10% !important;
    border-radius: 10px 0px 0px 10px !important;
}

.nasaPreporukaNaslov.proizvod {
    border-bottom: 2px solid #363636;
    margin-left: 15px;
}

.nasaPreporukaNaslov.proizvod>h2{
    background-color: #363636;
}

.nasaPreporuka form label{
	font-weight: 100;
    margin-right: 10px;
    width: 100%;
    white-space: pre;
    padding: 0;
}

.btn-group.bootstrap-select.show-tick.col-md-9.col-sm-9.col-xs-9 {
    padding: 0;
}

.nasaPreporuka form #submit{
    margin-left: 20px;
    background-color: #2168c1;
    color: white;
    border-radius: 14px;
    width: 100%;
    margin-top: 25px;
}

/*narudzba*/

#reg_purchase:hover{
    background-color: #01376b;
    border-color: #01376b;
}

.btn-success:hover {
    background-color: #02274a !important;
    border-color: #02274a !important;
}

.help-block{
    margin-left: 2em;
}

.narudzba ul li{
    width: 33%;
    /*max-width: 28em;*/
}

.narudzba ul li>a{
    border-radius: 9px;
    background-color: #e1e1e1;
    padding-left: 2em;
}

.narudzba .nav-tabs {
    border: none;
    display: flex;
    align-items: flex-end;
}

.tab-pane{
    /* min-height: 30em; */
}

.narudzba .form-control{
    width: 100%;
    max-width: 40em;
}

.strelica {
    position: absolute;
    right: 0px;
    bottom: 6px;
    height: 70%;
    transform: translateX(40%);
    z-index: 5;
}

.narudzba .panel-default {
    border-color: #ddd;
    border: none;
    box-shadow: unset;
}

.narudzba .table > thead > tr.active > th, .narudzba .table > tbody > tr.active > td{
    background-color: unset;
}

.narudzba .tab-pane{
    width: 100%;
}

.narudzba .table img{
    width: 12em;
    padding: 1em;
}

.btn-success{
    background-image: none;
    background-color: #01376b;
    border-color: #01376b;
}

.narudzba .btn-success:active:focus{
    background-image: none;
    background-color: #01376b;
    border-color: #01376b;
}

/*prati narudzbu*/



/*modali*/

.modal.in .modal-dialog {
    width: 70%;
}

.modal-header button.close {
    margin-top: -2px;
    background-color: #01376b;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
}

.close:focus, .close:hover{
    opacity: 1;
    color: #fff;
}

.modal-header{
    text-align: center;
    height: 7em;
}

.modalIcon{
    background: #01376b;
    display: inline-block;
    padding: 2em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 10em;
    height: 10em;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.modalIcon>img{
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    transform: translate(0, 25%);
}

.close{
    opacity: 1;
    color: #fff;
    background-color: #01376b;
}

.modal-title{
    font-size: 2em;
    color: #01376b;
    text-align: left;
}

.modal-body{
    background-color: #01376b;
    color: #fff;
}

/*kontakt*/

.kontaktWrapper>.row{
    display: flex;
    align-items: center;
}

.kontaktWrapper .col-xs-1{
    padding-left: 0px !important;
}

#map{
    height: 100%;
    margin-bottom: -70px;
}

.kontaktWrapper{
    height: 56em;
    margin-bottom: -70px;
}

.kontaktWrapper>.row{
    height: 100%;
}

.mapWrapper{
    height: 100%;
    padding-right: 0px;
}

/*basket*/

.basket .table > thead > tr.active > th, .basket .table > tbody > tr.active > td{
    background-color: #01376b;
}

.productPageBasket .basketProdImg{
    display: none;
}

.productPageBasket .input-group-sm > .input-group-btn > .btn{
    background-image: none;
    background-color: #095bab;
    color: #fff;
}

.productPageBasket .input-group .form-control:not(:first-child):not(:last-child){
    background-color: #095bab;
    color: #fff;
}

.productPageBasket .table-hover > tbody > tr:hover {
    background-color: #095bab;
}

.btn-default{
    background-image: none;
}

/*o nama*/
.onamaTabs li{
    width: 16.66% !important;
}

.onamaTabs > li.active > a{
    font-size: 0.95em;
    padding-top: 2.2em;
}

.onamaTabs > li > a{
    border-radius: 0px !important;
    padding-top: 1.6em;
    padding-bottom: 1.6em;
    font-size: 0.95em;
}

.onamaTabs .fa{
    font-size: 2em;
    margin-bottom: 0.4em;
}

.onamaContent .title{
    color: #01376b;
    font-size: 3em;
    text-align: right;
}

.onamaContent .content{
    padding-top: 5em;
}

.aboutUsSquare{
    border: 3px solid #01376b;
    padding-top: 2.3em;
    padding-bottom: 2em;
}

.aboutUsSquare>h3{
    text-align: center;
}

.aboutUsSquare>h3 {
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
}

.aboutUsSquare>h3>span {
    background-color: #fff;
    padding-left: 1em;
    padding-right: 1em;
}



.aboutUsSquare ul li{
    width: 100% !important;
}

/*Responsive*/
@media (max-width: 2560px){

}

@media (max-width: 1920px){
	.nav.navbar-nav li a {
	    font-size: 14px;
	}

    .vijesti .border {
        height: 35em;
    }

    

    .kategorije .naslovNasaPreporuka{
        font-size: 2em;
    }
}

@media (max-width: 1440px){
    /*navbar*/
    .nav.navbar-nav li a {
        font-size: 1em;
    }

    .nasaPreporuka .col-md-15{
        /* height: 43em; */
        width: 25%;
    }
}

@media (max-width: 1366px){

	/*navbar*/
	.nav.navbar-nav li a {
	    font-size: 0.9em;
	}

	/*slider*/
	.proizvodNaziv > .proizvodTip {
	    font-size: 1.3em;
	    font-weight: bold;
	}

	.slider img {
	    height: 46%;
	}

	.cijenaWrapper {
	    width: 49%;
	}

	.cijena{
		font-size: 2.5em;
	}

	.slick-prev::before, .slick-next::before{
		font-size: 30px;
	}

	
	/*nasa preporuka*/
	.nasaPreporukaNaslov>h2{
		font-size: 1.4em;
	}

	.proizvodNaziv {
	    /* padding-left: 4em; */
	}

	.opisNasaPreporuka{
		/* font-size: 0.85em; */
	}

	.naslovNasaPreporuka {
    	/* font-size: 1.1em; */
	}

	.nasaPreporuka .cijenaNasaPreporuka {
	    /* font-size: 1.2em; */
	}

	.nasaPreporuka .col-md-15 {
    	/* height: 41em;
    width: 25%;
    margin-bottom: 20px; */
    width: 33.33%;
	}

	/*iz ponude izdvajamo*/
	
	.izPonude .btnNasaPreporuka p {
    	width: 66%;
	}

	/*vijesti*/
	.vijesti .btnNasaPreporuka {
	    position: absolute;
	    /*width: 92%;*/
	    bottom: 0px;
	    left: 0px;
		right: 0px;
		width: unset;
	}

	.proizvod .btnNasaPreporuka {
	    position: static;
	}

	.proizvod .proizvodNaslov {
    	font-size: 2.1em;
	}

	.vijesti .btnNasaPreporuka p {
    	/* width: 32%; */
	}

	.vijesti .proizvodCijena {
    	font-size: 3.2em;
	    margin-top: 5px;
	}

	/*footer*/
	.footerShop .row{
		padding-bottom: 1em;
	}

	.titleFooter {
    	font-size: 1.4em;
	}

	.footerShop p {
    	margin-bottom: 5px;
	}

	.kategorije .border {
    	height: 27em;
	}

	.kategorije .btnNasaPreporuka {
        bottom: 20px;
        /* width: 250px; */
	}

	.btnIkona{
		font-size: 1.14em;
	}

    .search .btnIkona{
        font-size: 1.14em;
    }

	.parallax > .col-md-2 {
    	height: 54%;
	}

    .kategorije .naslovNasaPreporuka {
        line-height: 1;
    }

	.vijesti .border {
        height: 26em;
        min-height: auto;
	}

	.izPonude .opisNasaPreporuka{
		padding-right: 15px;
	}
}

.kategorije .naslovNasaPreporuka a:hover {
    color: #125b99;
}

ul.dropdown-wrapper {
    display: none;
    position: absolute;
    background: white;
    list-style: none;
    flex-direction: column;
    padding: 0;
    border: 1px solid #d7d7d7;
    z-index: 100;
    width: max-content;
}

li.dropdown:hover .dropdown-wrapper {
    display: flex;
}

.mobile-open-dropdown {
    display: none;
}

a.dropdown-link {
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #d7d7d7;
    transition: all .2s;
}

a.dropdown-link:hover{
    background: #01376b;
    color: white !important;
    font-weight: normal !important;
}

.izPonude .imgNasaPreporuka {
    transition: all .2s;
    margin-top: 20px;
} 

.vijesti .border {
    overflow: hidden;
}

.izPonude .imgNasaPreporuka:hover {
    transform: scale(1.05);
}

@media (max-width: 1280px){
	.nav.navbar-nav li a {
    	font-size: 1em;
	}

	.sliderWrapper, .slideWrapper, .slider {
    	height: 38em;
	}

	.cijena {
    	font-size: 2em;
	}

	.slider img {
    	width: 95%;
    	height: auto;
	}

	.izdvojenoNaziv {
    	/* font-size: 1.5em; */
	}

	.izdvojenoOpis{
		/* font-size: 0.9em; */
	}

	.izdvojenoLink {
		/* font-size: 10px; */
	}

	.vijesti .border {
    	height: 29em;
	}

	.vijesti .border {
    	height: 29em;
	}

	.kategorije .naslovNasaPreporuka {
    	font-size: 1.8em;
	}

	

	.nasaPreporuka .col-md-15 {
    	/* height: 37em;
    width: 33.33%;
    margin-bottom: 50px; */
    width: 50%;
	}

	.btnIkona {
    	font-size: 1.14em;
	}

	.nasaPreporuka .cijenaNasaPreporuka {
    	bottom: 6.5%;
	}

	.nasaPreporuka .imgNasaPreporuka>img{
		width: 100%;
	}
}

@media (max-width: 1024px){
    #myresult {
        display: none;
    }
    .banner {
        height: 12em;
    }

    .naslovKategorije h2{
        font-size: 20px;
        margin-top: 13px;
    }

    /*kontakt*/
	.contactInfo{
        font-size: 11px;
    }

    .nav.navbar-nav li a {
        font-size: 1.1em;
        padding: 10px 12px;
    }

    .izdvojenoNaziv {
        /* font-size: 1.3em; */
    }

    .izdvojenoOpis {
        /* font-size: 0.8em; */
    }

    .izdvojenoLink {
        /* font-size: 9px; */
    }

    

    .naslovNasaPreporuka{
        /* font-size: 1em; */
    }


    .opisNasaPreporuka {
        /* font-size: 0.75em; */
    }

    .nasaPreporuka .col-md-15{
        /* height: auto;
        padding-bottom: 75px;
        margin-bottom: 50px;
        border-top: 1px solid #125b99;
        width: 100%; */
        width: 100%;
    }


    .nasaPreporuka .cijenaNasaPreporuka{
        /* font-size: 1em; */
    }

    .btnNasaPreporuka p{
        /* font-size: 0.8em; */
    }

    .nasaPreporuka .btnNasaPreporuka {
        bottom: -10px;
    }

    .izPonude .naslovNasaPreporuka{
        /* font-size: 1.2em; */
    }

    .parallax{
        padding-left: 0px;
        padding-right: 0px;
    }

    /*o nama*/
    .narudzba ul li>a {
        padding-left: 10px;
        padding-right: 10px;
        /* font-size: 0.85em; */
    }

    .onamaContent .title {
        font-size: 2.9em;
    }

    .onamaTabs > li.active > a {
        font-size: 0.85em;
    }

    /*lista kategorija*/
    .vijesti .border {
        height: 27em;
    }

    .unutrasnja .border {
        height: 25em !important;
    }

    .info .izPonude .naslovNasaPreporuka {
        /* font-size: 1.2em !important; */
    }

    .vijesti .opisNasaPreporuka {
        margin-top: 0px;
    }

    .info .border{
        height: 31em;
    }

    .izPonude .naslovNasaPreporuka {
        /* font-size: 1.2em; */
    }

    /*prikaz proizvoda*/
    .proizvod .proizvodNaslov {
        font-size: 1.5em;
    }

    .vijesti .proizvodCijena {
        font-size: 2.8em;
    }

    .proizvodUslovi img {
        margin-right: 4em;
    }

    .proizvodDetalji{
        /* width: 50%; */
    }

    a.viberaddtocart, a.viberaddtocart img {
        width: 100%;
    }


}

.container-fluid {
    overflow: hidden;
}

.kategorije .naslovNasaPreporuka a {
    font-size: 20px;
    color: #01376b;
    text-align: center;
}

.moja-korpa-mobile {
    display: none;
}

.toggle-button-wrapper {
    display: none;
}

@media (max-width: 767px){

    .toggle-button-wrapper {
        width: 100%;
        display: block;
        margin-top: 10px;
        margin-right: 5px;
    }

    form.search-forma::before {
        font-size: 22px;
        top: 2px;
    }

    form.search-forma input {
        font-size: 16px;
        padding: 15px 0;
        padding-left: 50px;
    }
    
    form.search-forma {
        width: 100%;
    }

    .kategorije .imgNasaPreporuka {
        height: 210px;
    }

    .nasaPreporuka form #submit {
        margin-left: 0;
    }

    .search-forma button {
        padding: 8px 22px;
    }

    .srednjiDioNavbar {
        flex-wrap: wrap;
        display: flex;
    }

    .moja-korpa-mobile {
        display: block;
    }

    .mobile-hide {
        display: none;
    }

    img.logoImage {
        width: 170px;
    }

    .lijeviDioNavbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .prikaz-u-listi-wrapper {
        width: 50%;
    }

    .showOnHoverHome .izdvojenoLink {
        display: block;
        margin-bottom: 0;
    }

    .naslovNasaPreporuka a {
        word-break: break-all;
    }

    .brandsSlider {
        margin: 0 30px;
    }

    #logoFooter {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .header-navbar {
        flex-direction: column;
        padding-bottom: 0;
    }

    .single-news-list img {
        height: 170px;
    }

    .single-news-list a {
        font-size: 19px;
    }

    .single-news-list {
        margin-bottom: 15px;
    }

    .kakobox {
        width: 76%;
        margin: 0;
    }

    .kakowrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .izdvojenoNaziv {
        font-size: 21px;
    }

    .showOnHoverHome {
        height: 200px;
    }

    .narudzba ul li {
        width: 100%;
        margin-bottom: 5px;
    }

    .strelica {
        right: 6px;
        bottom: 0px;
        height: 100%;
    }

    .dropdown {
        display: flex !important;
        flex-wrap: wrap;
    }

    ul.dropdown-wrapper {
        position: static;
        width: 100%;
    }

    .mobile-open-dropdown {
        display: block;
        font-size: 22px;
        padding: 7px;
    }

    a.dropdown-link {
        padding-left: 30px !important;
    }


    .buy-buttons-wrapper a {
        width: 100% !important;
    }

    .buy-buttons-wrapper {
        gap: 5px;
    }


    .proizvodDetalji #pay div {
        width: 100%;
    }

    .nav.navbar-nav{
        text-align: left;
        width: 100%;
        display: inline-block;
        margin-bottom: -1px;
        margin-top: 0;
    }
    
    .nav.navbar-nav li{
        border-bottom: 1px solid #eee;
    }
    
    .nav.navbar-nav li:hover{
        background: #cae7f5;
    }
    
    .izPonude .border {
        min-height: unset;
    }

    .topbar {
        display: none;
    }


	.navbar-toggle{
        margin-right: 0px;
        margin-top: 0;
	}

    .srednjiDioNavbar .collapse.navbar-collapse {
        width: 100%;
    }

	.navbar-collapse.collapsing{
		text-align: center;
	}

	.navbar-brand {
    	/* padding-top: 0.5em; */
    	padding-bottom: 0.5em;
    	padding-left: 0.5em;
	}

	.navbar-brand > img {
    	width: 9em;
        margin-left: 15px;
	}

    .search-wrapper {
        margin-top: 100px;
    }

    .search-wrapper form{
        margin: 0;
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    body > div.container-fluid > nav > div > div.navbar-header > div > div:nth-child(4) {
        display: none;
    }

	.navbar-header > .row {
		display: block;
    }
    
    .contactInfo{
        font-size: 11px;
    }

	/*slider*/

	.sliderWrapper .col-md-6 {
    	width: 100%;
    	height: 50%;
	}

	.proizvodNaziv {
    	padding-left: 0.5em;
	}

	.proizvodNaziv > .proizvodTip {
	    font-size: 1em;
    	line-height: 1.2em;
	}

	.cijena {
    	/* font-size: 1.2em; */
    	padding-top: 7px;
		padding-bottom: 5px;
		padding-left: 0px;
		margin-top: 10px;
	}

	.staraCijena{
		display: none;
	}

	.proizvodNaziv p{
		margin-bottom: 2px;
	}

	.proizvodNaziv p:nth-child(3){
		display: none;
	}

	.slider img {
    	position: relative;
    	bottom: 30px;
	}


	.vijesti .naslovNasaPreporuka {
	    margin-top: 0em;
	    margin-bottom: 0em;
	}

	.content {
    	padding-left: 10px;
    	padding-right: 10px;
	}

	.izdvojenoOpis {
    	/* font-size: 0.7em; */
	}

	.izdvojenoLink {
    	/* font-size: 7px; */
    	margin-bottom: 2em;
	}

	.izdvojenoWrapper{
		height: auto !important;
	}

	.parallax {
        display: flex;
        height: auto;
        padding-top: 3em;
        padding-bottom: 3em;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
	}

	.parallax > .col-md-2 {
    	margin-top: 2em;
	}

	.vijesti .opisNasaPreporuka {
    	margin-top: 1em;
    	margin-bottom: 1em;
	}

	.vijesti .border {
    	height: auto;
    	padding-bottom: 2em;
    	margin-top: 2em;
	}

	.footerShop{
		text-align: center;
	}

	#logoFooter {
	    width: 50%;
	}

	.titleFooter {
	    margin-top: 2em;
	}

	#postFooter{
		height: auto;
	}

	#postFooter .col-md-2, #postFooter .col-md-8{
		position: static;
		transform: unset;
		font-size: 1em;
		padding-bottom: 0.5em;
		text-align: center;
		font-size: 0.6em;
	}

	/*unutrasnje stranice*/

	.banner{
		height: 10em;
	}

	.banner{
		height: 10em;
	}

	.banner h2{
		font-size: 20px;
		margin-top: 9px;
		margin-bottom: 7px;
		margin-right: 12px;
	}

	.naslovKategorije{
		right: unset;
	}

	.breadcrumb {
    	padding: 0px 15px;
    	margin-bottom: 15px;
    	margin-top: 15px;
	}

	.unutrasnja .border{
		padding-bottom: 5em;
	}

	.unutrasnja hr{
		float: none;
	}

	.unutrasnja br{
		display: none;
	}

	.unutrasnja .row{
		margin-bottom: 0px;
	}

	.proizvodSlika {
		height: unset !important;
	}

	.proizvod .proizvodNaslov {
    	text-align: left;
        margin-top: 1em;
        width: 100%;
	}

	.vijesti .proizvodCijena {
        text-align: left;
        width: 100%;
	}

	.proizvodUslovi {
        text-align: center;
        /* width: 369px; */
	}

	.proizvodUslovi img{
		display: block;
		margin: 0 auto;
    }
    
    .proizvodOpis {
        width: 100%;
        text-align: left;
	}

	.proizvodDetalji .btnIkona {
    	font-size: 1.15em;
	}

	.vijesti .btnNasaPreporuka p {
    	width: 43%;
	}

	.proizvod .btnIkona {
    	width: 15% !important;
	}

    .nav-tabs {
        display: flex;
        flex-direction: column;
    }

	.nav-tabs > li {
	    /* font-size: 11px; */
	}

	.nav-tabs > li > a {
	    padding: 2px;
	}

	.tab-pane {
    	width: 90%;
    }

	.nasaPreporuka .imgNasaPreporuka > img {
		width: unset;
    	max-height: 100%;
    	max-width: 100%;
    	margin: 0 auto;
    }
    
    #slider {
        /* width: 367px; */
    }

    #myresult {
        display: none;
    }

    .nasaPreporuka .form-inline .bootstrap-select.btn-group {
        margin-bottom: 10px;
    }

    .modalIcon {
        width: 6em;
        height: 6em;
    }

    .modal-title {
        font-size: 1.5em;
    }

    .proizvodDetalji #pay div p {
        width: 70%;
    }

    .modal.in .modal-dialog {
        width: 100%;
        margin-left: 0;
    }

    .modal-header {
        height: 55px;
    }

    .modal-header button.close {
        right: 12px;
    }

    .modal-body {
        padding: 0 !important;
    }

    .modal-footer {
        display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    }

    .table-responsive {
        margin-bottom: 0 !important;
    }

    .navbar-form .btn-default {
        text-shadow: none;
    }

    .nav-tabs {
        margin-right: 5px;
        margin-left: 0;
    }

    div#kosarica {
        margin: 0;
    }

    div#kosarica .panel-body {
        padding: 0;
        margin-top: 10px;
    }

    div#vasipodaci {
        margin: 0;
    }

    div#isporuka {
        margin: 0;
    }

    div#placanje {
        margin: 0;
    }

    div#zavrsi {
        margin: 0;
    }

}

@media only screen and (min-width: 992px){
	.img-zoom-result {
		margin-top: 0;
		position: absolute;
		left: 105%;
		transform: translateY(-90%); 
		z-index: 9999;
		width: 100%;
	  }

	.col-overflow{
		height: 80vw;
		overflow-y: auto;
	}
	  
  }

.product-other-images {
	text-align: left;
	padding-top:10px;
}
.product-other-images img {
	width: 68px !important;
	height: 68px;
	margin: 0 12px 12px 0;
	float:left;
}
.product-other-images a:hover img,
.product-other-images a.active img {
	-webkit-box-shadow: 0 0 0 2px #c7ced5;
	        box-shadow: 0 0 0 2px #c7ced5;
}

/* ZOOM BOX */

.img-zoom-container {
	position: relative;
}
  
.img-zoom-lens {
position: absolute;
border: 1px dotted #d4d4d4;
/*set the size of the lens:*/
width: 300px;
height: 300px;
background-color: rgba(238, 238, 238, 0.473);
}

.img-zoom-result {
border: 6px solid #d4d4d4;
/*set the size of the result div:*/
margin-top: 20px;
width: 100%;
}

.no-padding{
    padding-left: 0;
    padding-right: 0;
}

#slider {
	padding-left: 0;
}
.carousel-inner {
	border: 1px solid #f1f1f1;
}
.list-inline{
	margin-left: -20px;
}
img.img-responsive.visina {
	-webkit-box-shadow: 1px 1px 2px #f1f1f1;
	        box-shadow: 1px 1px 2px #f1f1f1;
}