#header{
    background-color: #090037;
    padding: 0px;
}
.main-content {
background-color: #fff;
}
.dodadi-cena-popust{
    display: none;
}
.kontakt-heder{
    display: flex;
    align-items: center;
    width: 100%;
    height: 153px;
    background-image: url("../public/storage/main/kontakt-heder-pozadina.png");
}
@media all and (min-width: 758px){
    .header-sodrzina{
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        padding-left: 7px;
        padding-right: 7px;
    }
}
.header-kontakt-sodrzina{
    display: block;
}
.kontakt-head{
    flex-direction: row;
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 2.25em;
}
.kontakt-subhead{
    display: flex;
    font-family: 'Roboto', sans-serif;
    color: #3C3C3C;
    font-size: 1.35em;
}
.sodrzina-product{
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-right: 7px;
}
#kontakt-forma{
    position: relative;
    overflow: hidden;
}
#kontakt-forma input,
#kontakt-forma textarea{
    font-family: 'Myraid Pro', sans-serif;
    color: #1D1D1D;
    font-size: 1.35em;
    padding: 10px;
    border: solid 1px #DDDDDD;
}
.lev-div-forma{
    float: left;
}
.desen-div-forma{
    float: right;
}
.zadolzitelno{
    background-color: #ECF5FC;
    border: solid 1px #C1C1C1;
}
.ime-kontakt,
.prezime-kontakt,
.ime-kontakt-kosnicka,
.prezime-kontakt-kosnicka,
.email-kontakt-kosnicka,
.telefon-kontakt-kosnicka,
.datum-vrabotuvanje,
.grad-vrabotuvanje{
    width: 49%;
}

.ime-kontakt,
.ime-kontakt-kosnicka,
.email-kontakt-kosnicka,
.datum-vrabotuvanje{
    margin-right: 0.65%;
}
.prezime-kontakt,
.prezime-kontakt-kosnicka,
.telefon-kontakt-kosnicka,
.grad-vrabotuvanje{
    margin-left: 0.65%;
}

.email-kontakt,
.telefon-kontakt,
.grad-kontakt{
    width: 100%;
}
.submit-poraka{
    font-family: 'Myraid Pro', sans-serif;
    font-size: 1.2em;
    color: #FFFFFF !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0489F3;
    border: none;
    float: right;
}

.submit-poraka:hover{
    opacity: 0.8;
}
.kontakt-tekst{
    padding-bottom: 35px;
    border-bottom: solid 1px #EEEEEE;
}
.tim-naslov{
    font-family: 'Roboto', sans-serif;
    color: #1D1D1D;
}
.adresa-div,
.telefoni-div{
    display: inline-block;
    padding: 0px;
}
.telefoni-div{
    padding-left: 50px;
}
.mob-span{
    display: block;
    padding-left: 35px;
    height: 100%;
}
.kontakt-ico{
    color: #0489F3;
    font-size: 1.5em;
    padding-right: 10px;
    padding-bottom: 10px;
}
.adresa-red{
    font-family: 'Roboto', sans-serif;
    color: #1D1D1D;
    font-size: 1.4em;
    padding-bottom: 10px;
}
.grad,
.drzava{
    display: block;
    padding-left: 30px;
}
.adresa-span,
.tel-span{
    display: inline-block;
}
.sliki-reklami-div{
    display: block;
    padding-top: 40px;
    padding-bottom: 30px;
}
.klimi-red{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.red-sliki-reklami{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.filtri-glyph{
    font-size: 1.6em;
    color: #FFFFFF;
    background-color: #090037;
    padding: 6px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 10px;
}

.top-header-bar{
    display: flex;
    align-items: center;
    background-color: #090037;
    height: 108px;
    overflow: hidden;
}

.logo-div{
    padding: 0px !important;
}

.navigacija{
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    width: 100% !important;
}

.meni-heder{
    list-style: none;
    float: left;
    display: inline-block;
    padding-right: 5px;
}

.linkovi-meni-heder{
    float: right;
    margin-bottom: 0px !important;
}

.kontakt-tel,
.link-meni-heder{
    display: flex;
    align-items: center;
    height: 108px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    border-bottom: solid 5px #090037;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    padding-bottom: 0px;
}


.kontakt-tel{
    padding-left: 0px;
    padding-right: 0px;
}

.link-meni-heder:hover{
    border-bottom: solid 5px #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
}

.link-meni-heder-active{
    background-color: #2D9DFB;
    border-bottom: solid 5px #2D9DFB;
}

.kosnicka-glyph{
    font-size: 1.4em;
}

.text-poveke{
    display: block;
    font-size: 0.7em;
    color: #FFFFFF;
    margin-bottom: 4px;
}
.div-tel-heder{
    border: solid 1px #FFFFFF;
}

.tel-heder{
    /*font-size: 1.4em;*/
    color: #FFFFFF;
    /*padding-top: 3px;*/
    /*padding-bottom: 4px;*/
    padding-left: 15px;
    padding-right: 15px;
    /*border: solid 1px #FFFFFF;*/
}

.div-slajder{
    height: 405px !important;
    background-image: url('/public/storage/main/slajder-pozadina.png') !important;
    /*background-image: url('/public/storage/main/slajder-pozadina-zimo.png') !important;*/
    background-repeat: no-repeat !important;
    background-size: 125% 100% !important;
    /*background-size: 100% 100% !important;*/
    background-position: 60%;
}

.slajdovi-slajder-heder{
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.strelka-slajder-levo,
.strelka-slajder-desno{
    display: flex;
    align-items: center;
}

.strelka-slajder-nav{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.strelka-slajder-thumb{
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.carousel-inner>.item{
    /*width: 80% !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
}

.slajder-lev-del{
    display: inline-block;
    height: 405px;
    background-image: url('/public/storage/main/bela-pozadina-grad.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.slajder-desen-del{
    display: inline-block;
    /*margin-top: 240px;*/
    position: absolute;
    bottom: 40px;
}

.slika-klima-slajder{
    display: block;
    position: relative;
    z-index: 100;
    /*width: 360px;*/
    /*width: 50%;*/
    /*width: 75%;*/
    height: auto;
    /*margin-left: 11%;*/
    margin-bottom: -3%;
    /*margin-bottom: -15px;*/
}

.slika-logo-slajder-heder{
    display: inline-block;
    /*max-height: 30px;
    height: auto;
    max-width: 40%;
    width: auto;*/
    height: 20px;
    width: auto;
}

.info-klima-slajder{
    display: block;
    height: 60%;
    position: absolute;
    bottom: 5%;
    /*margin-top: 150px;*/
    /*margin-top: 20%;*/
    /*margin-left: 105px;*/
    /*margin-left: 28%;*/
}

.model{
    font-family: 'Roboto', sans-serif;
    /*letter-spacing: 0.8px;*/
    font-size: 2.0em;
    padding-left: 5px;
    color: #000000;
    display: inline-block;
    /*width: 230px;*/
    width: 60%;
    overflow: visible;
    white-space: nowrap;
}

.promotivna-cena{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 2.5em;
    letter-spacing: 0.8px;
    color: #8F8F8F;
}

.cena-slajder{
    font-family: 'Roboto', sans-serif;
    font-size: 6.4em;
    color: #0489F3;
    display: block;
    margin-top: -20px;
    font-weight: bold;
}

.cena-detali{
    display: inline-block;
    /*width: 60%;*/
    width: 55%;
    border-right: solid 1px #CECECE;
    font-family: 'Roboto', sans-serif;
    font-size: 3.4em;
    color: #0489F3;
    padding-top: 25px;
    padding-bottom: 40px;
}

.slika-klima-slajder{
    position: relative;
    z-index: 100;
}

.senka-slika-klima{
    position: relative;
    z-index: 50;
    /*width: 80%;*/
    width: 85%;
    margin-left: 4%;
}

.prebaruvanje{
    display: block;
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.filtri-prebaruvanje,
.rezultat-prebaruvanje{
    width: 70%;
    margin-left: auto;
    margin-right: auto;

}

/*.filter-naslov{
    border: solid 1px #e8e8e8;
    border-left: none;
}*/

.filter-div-box{
    margin: 0px !important;
    padding: 0px;
    border-left: solid 1px #e8e8e8;
}

.filter-div-box:first-of-type{
    /*border-bottom: solid 1px #e8e8e8;*/
    border-left: none !important;
}

/*.filter-div-box:first-child .filter-naslov{
    /!*border-left: solid 1px #e8e8e8 !important;*!/
    border-bottom: solid 1px #e8e8e8;
    border-left: none !important;
}*/

.filtri-kontejner:last-child .filter-naslov {
    border-right: none;
}

.naslov-prebaraj{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 2.1em;
    color: #090037;
    /*padding-left: 15px;*/
    margin-bottom: 25px;
    margin-top: 35px;
}

.rezultat-prebaruvanje{
    display: none;
    margin-top: 10px;
}

.carousel-control-prev,
.carousel-control-next{
    background: none !important;
    color: #090037;
    opacity: 1 !important;
}

.filter-naslov{
    display: block;
    padding-left: 17px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    color: #0489F3;
    border-bottom: solid 1px #e8e8e8;
    border-top: solid 1px #e8e8e8;
    border-left: none;
    /*border-left: solid 1px #E8E8E8;*/
}

.filtri-vrednosti-box{
    padding-left: 17px;
    padding-top: 17px;
    /*border-left: solid 1px #E8E8E8;*/
}

.filter-div-box:first-child .filtri-vrednosti-box{
    border-left: none;
}

.filtri-kontejner{
    padding: 0px 0px 10px 0px;
    border-left: solid 1px #E8E8E8;
    border-right: solid 1px #E8E8E8;
    border-bottom: solid 1px #E8E8E8;
}

.proizvoditel-filter-input{
    padding: 0px;
}

.panel-body{
    padding-top: 0px;
    padding-bottom: 15px;
}

#amount,
.proizvoditel,
.moknost,
.tip-klima
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
}

#amount{
    display: block;
    margin-left: -10px;
}

.minCena,
.maxCena{
    visibility: hidden;
}

.header-box{
    height: 80px;
}

.klimi-info-section{
    margin-top: 10px;
}

.klima-naslovna{
    padding-left: 0px;
    padding-right: 0px;
}

.klimi-red{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: auto !important;
}

.klima-box{
    /*padding: 25px;*/
    border-bottom: solid 1px #EEEEEE;
    /*padding-top: 3%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 3%;*/
    /*padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1%;*/
}

.klima-box-border{
    border-left: solid 1px #EEEEEE;
    border-right: solid 1px #EEEEEE;
}

.slika-klima-box{
    /*display: block;
    height: 80px;
    width: auto;
    /!*margin-left: auto;
    margin-right: auto;*!/*/
    display: block;
    max-height: 80px;
    max-width: 100%;
    height: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.proizvoditel-model{
    display: flex;
    align-items: baseline;
    width: 100%;
    height: 18px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
    white-space: nowrap;
}

.logo-box-klima{
    display: inline-block;
    /*height: 15px;*/
    height: 13px;
    width: auto;
    margin-right: 5px;
    float: left;
}

.opis-model{
    display: inline-block;
    font-size: 1.15em;
    text-transform: uppercase;
    width: auto;
    overflow: hidden;
    font-weight: bold;
    height: 24px;
}

.osnovni-podatoci-div{
    height: 210px;
    overflow: hidden;
    text-align: left;
}

.osnovni-info{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px !important;
}

.sodrzina-klimi-naslovna{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.cena-div{
    /*margin-top: 40px;*/
    margin-top: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: solid 1px #EEEEEE;
}

.cena-box-naslovna{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 2.8em;
    color: #0489f3;
    /*font-weight: 600;*/
}


.cena-box-naslovna sup{
    font-size: 60% !important;
    margin-bottom: -10px !important;
}

.btn-poveke,
.btn-naracaj{
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    display: inline-block;
    float: left;
}

.btn-poveke:hover,
.btn-naracaj:hover{
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #FFFFFF;
    text-decoration: none;
}

.btn-poveke{
    padding-top: 11px;
    padding-left: 24px;
    padding-bottom: 11px;
    padding-right: 24px;
    text-decoration: none;
    background-color: #090037;
    margin-right: 2px;
}

.btn-naracaj{
    padding-top: 11px;
    padding-left: 22px;
    padding-bottom: 11px;
    padding-right: 22px;
    text-decoration: none;
    background-color: #0489F3;
    cursor: pointer;
}

.pozadina-promotiven{
    background-image: url("/public/storage/main/pozadina-promotivni.png");
    background-size: 100% 100%;
}

.slika-loader{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#footer{
    display: block;
    width: 100%;
    /*height: 170px;*/
    background-color: #1D1D1D;
}

.goren-del-footer{
    display: block;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.linkovi-footer{
    display: inline-block;
    float: left;
    height: 68px;
}

.logo-footer{
    display: inline-block;
    /*margin-left: auto;
    margin-right: 0px;*/
}

.footer-sodrzina{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 7px;
    padding-right: 7px;
}

.ul-linkovi-footer{
    padding-left: 0px;
    height: 70px;
    display: flex;
    align-items: center;
}

.ul-linkovi-footer li{
    list-style: none;
    display: inline-block;
    float: left;
    margin-right: 40px;
}

.ul-linkovi-footer:last-child li.li-linkovi-footer{
    nargin-right: 0px;
}

.link-footer{
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    color: #FFFFFF;
    text-decoration: none;
}

.link-footer:hover{
    color: #FFFFFF;
}

.dolen-del-footer{
    border-top: solid 1px #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
}

.lev-dolen-del{
    display: inline-block;
    float: left;
}

.logo-dolen-del{
    display: inline-block;
    float: right;
}

.copyright,
.razvieno-od{
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    color: #FFFFFF;
}
.copyright{
    display: inline-block;
    padding-right: 10px;
    border-right: solid 1px #FFFFFF;
}

.razvieno-od{
    display: inline-block;
    padding-left: 10px;
}

.slika-div{
    /*padding: 0px !important;
    margin: 0px !important;*/
}

.info-funkcii{
    max-height: 40% !important;
    height: auto;
    overflow: hidden;
}

.najgore{
    width:50px;
    height:50px;
    padding:10px;
    text-align:center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    bottom:30px;
    right:25px;
    display:none;
    background: url('/public/storage/main/strelka.png') no-repeat;
    z-index: 200;
}
.najgore:hover{
    text-decoration:none;
}
.scroll-elementi{
    width:auto;
    height:65px;
    position:fixed;
    bottom:5px;
    right:100px;
    display:block;
    z-index: 200;
}

.kosnicka{
    display:none;
    background-color: #090037;
    position:fixed;
    top: 180px;
    right:10px;
    border: solid 1px #ECECEC;
    border-radius: 50%;
    width: 110px;
    padding: 10px 0px 20px 0px;
    cursor: pointer;
}

.produkti{
    display:none;
    background-color: #090037;
    color:#FFFFFF;
    position:fixed;
    top: 293px;
    right:10px;
    border: solid 1px #ECECEC;
    /*border-radius: 50%;*/
    /*width: 145px;*/
    /*padding: 10px 20px 10px 20px;*/
    z-index: 1000;
}
.tabela-klimi-kosnicka-stranicno{
    color: #FCFCFC;
}
.kolicina-span-kosnicka-stranicno,
.vk-cena-span-kosnicka-stranicno{
    display: block;
    font-weight: bold;
    /*font-size: 1.4em;*/
    font-size: 1em;
    color: #FCFCFC;
    text-align: center;
}

.kosnicka-stranicno{
    display: block;
    font-weight: bold;
    /*font-size: 3.5em;*/
    font-size: 3em;
    color: #FCFCFC;
    text-align: center;
}

.produkti{
    display: none;
}

#filter{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.red-sliki-reklami{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.sodrzina-header-product{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 7px;
    padding-top: 65px;
}

.proizvoditel-model-header,
.tip-proizvoditel{
    padding-top: 5px;
    display: flex;
    align-items: baseline;
}

.tip-proizvoditel-span{
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #3C3C3C;
    font-size: 1.3em;
}

.tip-klima{
    border-right: solid 1px #3c3c3c;
    padding-right: 7px;
    margin-right: 7px;
}

.header-product{
    height: 190px;
    background-image: url('/public/storage/main/slajder-pozadina.png');
    /*    background-image: url('/public/storage/main/slajder-pozadina-zimo.png');*/
    background-size: 100% auto;
    /*background-position-y: 50%;*/
    background-position-y: 85%;
}

.slika-logo{
    display: inline-block;
}

.slika-logo-heder{
    /*max-height: 30px;
    max-width: 160px;
    height: auto;*/
    height: 23px;
    width: auto;
}

.sodrzina-product{
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-right: 7px;
}

.karak-naslov{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.slika-logo-karak-naslov{
    /*max-height: 13px;*/
    /*max-height: 13px;
    max-width: 64px;
    height: auto;
    width: auto;*/
    height: 16px;
    width: auto;
}

.model-product-heder{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 2.25em;
    padding-left: 10px;
    padding-top: 2px;
}

.model-product-karak-naslov{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 1.4em;
    padding-left: 10px;
    padding-top: 2px;
}

.karakteristiki{
    padding-bottom: 25px;
}

.karakteristika{
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #121212;
    font-size: 1.2em;
    margin-top: 2px;
    margin-bottom: 1px;
}

.cena-naracaj{
    /*display: flex;
    align-items: center;*/
    border-top: solid 1px #eeeeee;
    width: 100%;
}

.btn-naracaj-detali{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 1.2em;
    /*padding-left: 25px;
    padding-right: 20px;*/
    padding-left: 47px;
    padding-right: 42px;
    padding-top:10px;
    padding-bottom: 10px;
    background-color: #090037;
    float: right;
    cursor: pointer;
    margin-top: 35px;
    margin-bottom: 20px;
}

.btn-naracaj-detali:hover{
    opacity: 0.8;
}

.sliki-klima-div{
    padding-left: 0px !important;
}

/*.slika-product-golema{
    display: block;
    max-width: 100%;
    max-height: 170px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}*/

.slika-product-golema-gore{
    display: block;
    /*max-width: 100%;*/
    /*max-height: 300px;*/
    max-height: 310px;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.slika-product-golema-dole{
    display: block;
    /*max-width: 100%;
    max-height: 200px;*/
    max-height: 270px;
    max-width: 100%;
    height: auto;
    width: auto;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.no-image-slika-klima{
    border: solid 1px #CECECE;
}

.sliki-spec{
    padding-right: 0px;
}
.sodrzina-produkt-detali {
    border-bottom: solid 1px #CECECE;
    margin-left: 0px;
    margin-right: 0px;
}
.specifikacii-klima-div{
    padding-right: 0px;
}

.karakteristiki-spec-dimenzii{
    padding-left: 0px;
    padding-right: 0px;
}

.karakteristiki-div,
.slika-kuka-div,
.spec-dimenzii-div{
    padding: 0px;
}

.slika-kukicka{
    width: 100%;
    height: auto;
    margin-top: 75px;
}

.spec-dimenzii-div{
    display: block;
    /*height: 220px;*/
    /*align-items: center;*/
}

.span-dim{
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #878787;
}

.dim-x{
    left: 33%;
    top: 6px;
    /*height: 10px;*/
}

.dim-y{
    right: 11%;
    top: 60px;
}

.dim-z{
    top: 81%;
    left: 34%;
}

.img-klimi-dimenzii{
    display: block;
    width: 100%;
}

.opis-naslov{
    display: block;
    font-family: 'Roboto', sans-serif;
    color: #090037;
    font-size: 2em;
    margin-top: 40px;
    margin-bottom: 40px;
}

.opis-tekst{
    display: block;
}

.sliki-reklami-div{
    display: block;
    padding-top: 40px;
    padding-bottom: 30px;
}

.klima-box-slicni{
    border-bottom: none !important;
}

.slicni-proizvodi-div{
    margin-bottom: 20px;
}


.sodrzina-product{
    padding-left: 7px !important;
}

.submit-poraka,
.submit-kosnicka{
    font-family: 'Myraid Pro', sans-serif;
    font-size: 1.2em;
    color: #FFFFFF !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0489F3;
    border: none;
    float: right;
}

.submit-poraka:hover{
    opacity: 0.8;
}

.kosnicka-header{
    padding-left: 0px !important;
}

.desen-div-forma{
    padding-right: 0px;
}

.submit-lenta{
    padding-left: 0px;
    padding-right: 0px;
}

.adresa-prv-red{
    /*background-image: url('../img/kukicka.png');*/
    display: flex;
    align-items: center;
}

.adresa-red{
    font-family: 'Roboto', sans-serif;
    color: #1D1D1D;
    font-size: 1.4em;
    padding-bottom: 10px;
}

.tim-naslov{
    font-family: 'Roboto', sans-serif;
    color: #1D1D1D;
}

.grad,
.drzava{
    display: block;
    padding-left: 30px;
}

.adresa-span,
.tel-span{
    display: inline-block;
}

.adresa-div,
.telefoni-div{
    display: inline-block;
    padding: 0px;
}

.telefoni-div{
    padding-left: 50px;
}

.mob-span{
    display: block;
    padding-left: 35px;
    height: 100%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.slika-klima-kosnicka{
    display: block;
    max-width: 180px;
    max-height: 55px;
    width: auto;
    height: auto;
}

.logo-proizvoditel-kosnicka,
.model-kosnicka,
.kod-proizvod-kosnicka{
    display: block;
}

.logo-proizvoditel-kosnicka{
    max-height: 13px;
    max-width: 64px;
    height: auto;
    width: auto;
    margin-left: 10px;
}

.model-kosnicka{
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 1.4em;
    margin-top: 5px;
}

.kod-proizvod-kosnicka{
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 1.2em;
    margin-left: 10px;
    margin-top: 5px;

}

.sodrzina-kosnicka{
    margin-left: auto;
    margin-right: auto;
}

.kosnicka-klimi-tabela td{
    vertical-align: middle !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.cena-kosnicka{
    font-family: 'Roboto', sans-serif;
    color: #090037;
    font-size: 2em;
}

.vkupna-cena{
    color: #0489F3;
}

.spinner-kosnicka{
    width: 50px;
    text-align: center;
    border: solid 1px #E2E2E2;
    font-size: 1.3em;
}

.odstrani-glyph{
    color: #000000;
    display: block;
    padding: 5px;
    height: 23px;
    width: 23px;
    background-color: #E2E2E2;
    cursor: pointer;
}
.delete-item:hover{
    text-decoration: none !important;
    color: #000000;
}

.kosnicka-form{
    display: block;
    margin-top: 50px;
}

.kosnicka-form th{
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #353535;
    font-size: 1.4em;
}

.linkovi-kosnicka{
    display: inline-block;
    margin-left: 5px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Myraid Pro', sans-serif;
    font-size: 1.2em;
    color: #FFFFFF;
}

.linkovi-kosnicka:hover{
    opacity: 0.8;

}

.link-prodolzi-kupuvanje{
    background-color: #090037;
    text-decoration: none;
}

.link-prodolzi-kupuvanje:hover{
    color: #FFFFFF;
    text-decoration: none;
}

.prodolzi-kosnicka{
    background-color: #0489F3;
    cursor: pointer;
}
.kontakt-podatoci-kosnicka{
    display: none;
}
.address-klasa{
    margin-bottom: 0px !important;
}

.submit-lenta-kosnicka{
    margin-bottom: 40px;
}

.submit-kosnicka:hover{
    opacity: 0.8;
}

.div-metod-plakanje{
    padding: 5px 0px 10px 5px !important;
}

.slika-na-raka,
.slika-online,
.slika-faktura,
.slika-iute{
    width: 90%;
    height: auto;
    opacity: 0.4;
    cursor: pointer;
}

.slika-na-raka:hover,
.slika-online:hover,
.slika-faktura:hover,
.slika-iute:hover {
    opacity: 0.8 !important;
}

.tekst-ok-kosnicka,
.tekst-prazna-kosnicka{
    font-family: 'Roboto', sans-serif;
    font-size: 1.7em;
    text-align: center;
    padding-left: 15px;
}

.glyph-ok-naracka,
.glyph-kosnicka{
    font-size: 1.7em;
}

.izvestuvanje-uspesno,
.izvestuvanje-prazna-kosnicka{
    margin-top: 30px;
    margin-bottom: 30px;
}

.link-comodo{
    padding: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 30px;
}

.karakteristika-naslov{
    display: inline-block;
    float: left;
}

.karakteristika-vrednost{
    display: inline-block;
    float: right;
    font-weight: bold;
}

.fb-like-box-transp{
    position: absolute !important;
    margin-left: -73px;
    margin-top: 3px;
    opacity: 0.3;
    z-index: 1000;
    height: 21px !important;
    width: 69px !important;
    overflow: hidden;
}

.fb-custom-btns{
    float: right;
    margin-top: -20px;
    margin-bottom: 10px;
}

.fb-like-img {
    width: 70px;
    height: 23px;
    cursor: pointer;
}

.fb-share-img{
    width: 80px;
    height: 23px;
    cursor: pointer;
}

/*.fb-likebox-fanstrana{*/
    /*display:none !important;*/
/*    position: fixed !important;*/
/*    left: 0px;*/
/*    top: 50px;*/
/*}*/

.sodrzina-politika-privatnost{
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
}

.info-karticka{
    display: block;
    font-size: 0.8em;
    color: #64A9F3;
    margin-bottom: 10px;
}

@media all and (max-width: 425px){
    /*.logo-div{
        margin-top: 15px;
    }*/

    .div-slajder{
        height: 32vh !important;
        background-size: auto 100% !important;
    }

    .header-sodrzina{
        padding-right: 0px !important;
    }

    .top-header-bar{
        height: 95px;
        /*display: block;*/
    }

    .info-klima-slajder{
        /*height: 92%;*/
        height: 60%;
        width: 100%;
    }

    .slika-logo-slajder-heder{
        /*max-height: 20px;
        max-width: 25%;*/
        height: 15px;
        width: auto;
    }

    .model{
        display: inline-block;
        font-size: 1em;
        height: 20px;
        /*width: 70%;*/
        margin-top: -3px;
        overflow: visible;
    }

    .cena-slajder{
        font-size: 3.2em;
        margin-top: 15px;
        text-align: center;
        /* background-image: url('../img/bela-pozadina-grad-mob.png'); */
        background-size: 90% 115%;
        background-position-y: -40%;
        background-repeat: no-repeat;
    }

    .promotivna-cena{
        font-size: 1.8em;
    }

    .superscript-slider{
        top: -20px !important;
        font-size: 0.5em;
    }

    .slajder-lev-del{
        display: block;
        height: 65px;
        /* background-image: url('../img/bela-pozadina-grad-mob.png'); */
        background-size: 110% 135%;
        background-position-x: 30%;
        background-position-y: 40%;
        background-repeat: no-repeat;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .slajder-desen-del{
        display: block;
        /*margin-top: 240px;*/
        height: auto;
        position: relative;
        bottom: 0px;
    }

    .strelka-slajder-nav{
        margin-top: -60px;
    }

    .strelka-slajder-desno img{
        width: 25%;
        margin-right: 0px !important;
    }

    .strelka-slajder-levo img{
        width: 25%;
        margin-left: 0px !important;
    }

    .slika-klima-slajder{
        /*height: 110px;
        width: auto;*/
        display: block;
        max-height: 90px;
        height: auto;
        max-width: 80%;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .senka-slika-klima{
        display: none;
    }

    .sodrzina-klimi-naslovna{
        width: 100%;
    }

    .klimi-red{
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin: auto !important;
    }

    .klima-box{
        padding: 15px;
        border: solid 1px #DEDEDE;
        margin-bottom: 5px;
    }

    .proizvoditel-model{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .osnovni-podatoci-div{
        height: 130px;
    }

    .info-funkcii{
        max-height: none;
    }

    #footer{
        height: 160px;
    }

    .li-linkovi-footer{
        margin-right: 10px;
    }

    .link-footer{
        font-size: 0.6em;
    }

    .kopcinja{
        display: flex;
        margin-top: -10px;
        align-items: center;
    }

    .btn-poveke{
        padding-top: 6px;
        padding-bottom: 6px;
        margin-left: auto;
    }

    .btn-naracaj{
        padding-top: 6px;
        padding-bottom: 6px;
        margin-right: auto;
    }

    .btn-sporedi{
        padding-top: 4px !important;
        padding-bottom: 5px !important;
        padding-left: 36px !important;
        padding-right: 31px !important;
    }

    .cena-div{
        margin-top: 10px;
        padding-top: 0px;
        padding-bottom: 5px;
        text-align: center !important;
    }

    .slika-div{
        padding: 0px !important;
    }

    .slika-info{
        width: 100% !important;
        height: auto;
    }

    .linkovi-footer{
        height: 40px;
    }

    .ul-linkovi-footer{
        height: 20px;
    }

    .ul-linkovi-footer li{
        margin-right: 17px;
    }

    .logo-footer{
        height: 50px;
        /*display: none;
        float: none;
        margin-left: auto;
        margin-right: auto;*/
    }

    .copyright{
        font-size: 0.6em;
    }

    .razvieno-od{
        font-size: 0.6em;
    }

    .logo-uhost-inline{
        height: 21px !important;
    }

    .logo-dolen-del{
        display: none;
    }

    .link-comodo{
        padding: 10px 10px 10px 0px;
        left: 0px;
        bottom: 25px;
        z-index: 100;
    }

    .najgore{
        width: 50px;
        height: 50px;
        padding: 10px 0px 10px 10px;
        /*bottom: 25px;*/
        right: 15px;
    }
    .scroll-elementi{
        /*bottom: 25px;*/
        right: 85px;
        /*height: 60px;*/
    }
    /*.scroll-elementi img:first-child{*/
    /*    height: 40px !important;*/
    /*}*/
    
    /* .scroll-elementi a>img:first-child{*/
    /*    height: 60px !important;*/
    /*}*/

    .link-comodo img{
        width: 60px;
    }

    .header-product{
        height: 90px;
        background-size: 130% auto;
        background-position-y: 40%;
    }

    .sodrzina-header-product{
        padding-top: 0px;
    }

    .slika-logo-heder{
        height: 19px;
    }

    .model-product-heder{
        font-size: 1.25em;
    }

    .sodrzina-product{
        padding-top: 20px;
    }

    .sliki-spec{
        padding-left: 0px;
    }

    .sliki-klima-div{
        padding: 0px !important;
    }

    .slika-product-golema-gore,
    .slika-product-golema-dole{
        width: 100%;
        height: auto;
    }

    .specifikacii-klima-div{
        margin-top: 15px;
        padding-left: 0px;
    }

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

    .cena-detali{
        /*width: 52%;*/
        width: 42%;
        font-size: 2.3em;
    }

    .btn-naracaj-detali{
        padding-left: 40px;
        padding-right: 35px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .fb-custom-btns{
        margin-top: -25px;
    }

    .opis-naslov{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .spec-dimenzii-div{
        border-top: solid 1px #DEDEDE;
        margin-top: 30px;
        padding-top: 10px;
    }

    /*.lev-div-forma{
        padding-right: 0px;
    }*/

    .desen-div-forma{
        padding-left: 0px;
    }

    .submit-lenta{
        margin-top: 10px;
    }

    .telefoni-div{
        padding-left: 0px;
    }

    .kolona-mobilni-model{
        display: flex;
        align-items: baseline;
        padding-left: 5px !important;
    }

    .kosnicka-form{
        margin-top: 10px !important;
        padding: 10px !important;
    }

    .cena-kosnicka{
        font-size: 1.4em;
    }

    .spinner-kosnicka{
        padding-right: 0px;
    }

    .odstrani-glyph{
        display: block;
        padding-top: 0%;
        width: auto;
        height: 13px;
        float: right;
    }

    .linkovi-kosnicka{
        font-size: 0.8em;
        padding-left: 15px;
        padding-right: 15px;
    }

    .btns-kosnicka{
        border: none !important;
    }

    .logo-proizvoditel-kosnicka{
        display: inline-block !important;
        margin-left: 0px !important;
    }

    .model-kosnicka{
        display: inline-block !important;
        margin-left: 10px;
        margin-top: 5px;
        font-size: 1.1em;
    }

    .slika-klima-kosnicka{
        margin-left: auto;
        margin-right: auto;
    }

    .kod-proizvod-kosnicka{
        font-size: 0.9em;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 5px 5px 0px 5px !important;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { border: 1px solid #ccc; }

    td {
        /* Behave  like a "row" */
        border: none !important;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .filter-naslov{
        font-size: 1.2em;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .div-tip-filter{
        padding-left: 0px;
        padding-right: 0px;
    }

    .tip_klima{
        width: 20px;
    }

    .cena-panel-body{
        padding-bottom: 0px;
    }

    .filtri-kontejner{
        margin-bottom: 10px;
    }

    .filtri-glyph{
        cursor: pointer;
    }

    /*.btn-baraj{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
    }*/

    .filtri-prebaruvanje{
        width: 100%;
    }

    .naslov-prebaraj{
        font-size: 1.5em;
        padding-left: 45px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .filtri-vrednosti-box{
        padding: 3px !important;
    }

    .proizvoditel-filter-input{
        padding: 0px;
        font-size: 0.83em;
        overflow: hidden;
    }

    .radio-moknost{
        padding-left: 0px;
        padding-right: 0px;
        /*font-size: 0.9em;*/
    }

    .rezultat-prebaruvanje{
        width: auto;
    }

    .kosnicka{
        top: 60px;
        width: 70px;
        padding: 5px 0px 10px 0px;
    }

    .kolicina-span-kosnicka-stranicno,
    .vk-cena-span-kosnicka-stranicno{
        font-size: 0.8em;
    }

    .kosnicka-stranicno{
        font-size: 2em;
    }
    /* .promo-cena {
        margin-left: 72% !important;
        margin-bottom: -75px !important;
        top: -10px !important;
    }
    .nova-cena {
        margin-left: 74% !important;
        top: -30px !important;
    } */
    .produkt-heder-cena {
        width: 25%;
        top: -105px !important;
    }
    .nova-cena-detali {
        font-size: 2.4em !important;
    }
    .stara-cena-detali {
        font-size: 1.8em !important;
    }
    .tabela-sporedi>tbody>tr>td {
        display: inline-block !important;
    }

}

@media all and (min-width: 426px) and (max-width: 767px){
    .div-slajder{
        height: 285px;
        background-position: 60% 0%;
        background-size: 140% 100% !important;
    }
    /* .nova-cena {
        margin-left: 73% !important;
        top: -10px !important;
    }
    .promo-cena {
        margin-left: 74% !important;
        top: -57px !important;
    }
    .nova-cena-sporedba {
        font-size: 2.0em !important;
    }
    .procent-sporedba {
        right: 9px !important;
        top: -32px !important;
    } */
    .slika-logo-slajder-heder{
        height: 20px;
        width: auto;
    }
    .model {
        display: inline-block;
        font-size: 1.25em;
        height: 20px;
        width: auto;
        margin-top: -2px;
        overflow: visible;
    }
    .slajder-lev-del{
        display: block;
        height: 65px;
        background-image: url('../img/bela-pozadina-grad-mob.png');
        background-size: 110% 135%;
        background-position-x: 30%;
        background-position-y: 40%;
        background-repeat: no-repeat;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .slajder-desen-del{
        display: block;
        margin-top: 23px;
        height: auto;
        position: relative;
        bottom: 0px;
    }
    .slika-klima-slajder{
        /*height: 110px;
        width: auto;*/
        display: block;
        max-height: 130px;
        height: auto;
        max-width: 80%;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .cena-slajder{
        font-size: 3.2em;
        margin-top: 0px;
        text-align: center;
        background-image: url('../img/bela-pozadina-grad-mob.png');
        background-size: 90% 115%;
        background-position-y: -40%;
        background-repeat: no-repeat;
    }
    .senka-slika-klimi {
        display: none;
    }
    .slika-info {
        width: 100% !important;
        height: auto;
    }
}

@media all and (min-width: 992px) and (max-width: 1362px){
    .slika-klima-slajder{
        display: block;
        position: relative;
        z-index: 100;
        /*width: 360px;*/
        /*width: 50%;*/
        width: 75%;
        /*height: auto;*/
        margin-left: -5%;
        /*margin-bottom: -3%;*/
        /*margin-bottom: -15px;*/
    }

    .info-klima-slajder{
        margin-left: 28%;
    }

    .slika-info{
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        margin-left: -4px !important;
        height: auto;
        width: 100%;
    }

    .slika-info:first-of-type{
        margin-left: 0px !important;
    }

    .slika-div{
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
    }

    .specifikacii-klima-div{
        padding-left: 70px;
    }

}

@media all and (min-width: 992px) and (max-width: 1072px){

    .header-sodrzina,
    .sodrzina-header-product,
    .sodrzina-product,
    .sodrzina-kosnicka,
    .footer-sodrzina,
    .cookie-accept{
        width: 80%;
    }

    .klima-box{
        padding-top: 2%;
        padding-left: 1%;
        padding-bottom: 2%;
        padding-right: 1%;
    }

    .osnovni-info{
        font-size: 0.8em;
    }

    .btn-sporedi,
    .btn-poveke,
    .btn-naracaj{
        font-size: 0.9em !important;
        /*display: inline-block;*/
    }

    .slika-info{
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        margin-left: -4px !important;
        height: auto;
        width: 100%;
    }

    .slika-info:first-of-type{
        margin-left: 0px !important;
    }

    .slika-div{
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
    }

    .karakteristika{
        font-size: 1.1em;
    }

    .specifikacii-klima-div{
        padding-left: 5px;
    }
}

@media all and (min-width: 1073px) and (max-width: 1210px){

    .header-sodrzina,
    .sodrzina-header-product,
    .sodrzina-product,
    .sodrzina-kosnicka,
    .footer-sodrzina{
        width: 80%;
    }

    .kontakt-tel,
    .link-meni-heder{
        font-size: 1em;
    }

    /*    .navigacija{
            margin-left: auto;
            width: 100% !important;
        }*/

    .strelka-slajder-desno,
    .strelka-slajder-levo{
        width: 72px !important;
    }

    .info-klima-slajder{
        margin-left: 15%;
    }

    .klima-box{
        padding-top: 2%;
        padding-left: 1%;
        padding-bottom: 2%;
        padding-right: 1%;
    }

    .osnovni-info{
        font-size: 0.8em;
    }

    .btn-sporedi,
    .btn-poveke,
    .btn-naracaj{
        font-size: 0.9em !important;
        /*display: inline-block;*/
    }

    .slika-info{
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        margin-left: -4px !important;
        height: auto;
        width: 100%;
    }

    .slika-info:first-of-type{
        margin-left: 0px !important;
    }

    .slika-div{
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
    }

    .specifikacii-klima-div{
        padding-left: 5px;
    }

    .karakteristika{
        font-size: 1em;
    }
}

/*@media all and (min-width: 1072px) and (max-width: 1190px){
    .osnovni-info{
        font-size: 0.8em;
    }

    .btn-poveke,
    .btn-naracaj{
        font-family: 'Roboto', sans-serif;
        color: #FFFFFF;
        font-size: 0.9em;
        display: inline-block;
        float: left;
    }
}*/

@media all and (min-width: 1210px) and (max-width: 1361px){
    .header-sodrzina,
    .sodrzina-header-product,
    .sodrzina-product,
    .sodrzina-kosnicka,
    .footer-sodrzina{
        width: 70%;
    }

    .klima-box{
        padding-top: 3%;
        padding-left: 3%;
        padding-bottom: 3%;
        padding-right: 3%;
    }

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

    .osnovni-info{
        font-size: 0.9em;
    }

    .slika-info{
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        margin-left: -4px !important;
        height: auto;
        width: 100%;
    }

    .slika-info:first-of-type{
        margin-left: 0px !important;
    }

    .slika-div{
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
    }

    .specifikacii-klima-div{
        padding-left: 0px;
    }

    .karakteristika{
        font-size: 1.1em;
    }

}

@media all and (min-width: 1362px) and (max-width: 1474px){
    .header-sodrzina,
    .sodrzina-header-product,
    .sodrzina-product,
    .sodrzina-kosnicka,
    .footer-sodrzina{
        width: 71%;
    }
    .slika-klima-slajder{
        display: block;
        position: relative;
        z-index: 100;
        /*width: 360px;*/
        /*width: 50%;*/
        width: 60%;
        /*height: auto;*/
        margin-left: 11%;
        /*margin-bottom: -3%;*/
        /*margin-bottom: -15px;*/
    }

    .info-klima-slajder{
        margin-left: 28%;
    }

    .klima-box{
        padding-top: 3%;
        padding-left: 3%;
        padding-bottom: 3%;
        padding-right: 3%;
    }

    .osnovni-info{
        font-size: 1em;
    }

    .slika-info{
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        margin-left: -4px !important;
        height: auto;
        width: 100%;
    }

    .slika-info:first-of-type{
        margin-left: 0px !important;
    }

    .slika-div{
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
    }

    .specifikacii-klima-div{
        padding-left: 20px;
    }

}

@media all and (min-width: 1475px){

    .header-sodrzina,
    .sodrzina-header-product,
    .sodrzina-product,
    .sodrzina-kosnicka,
    .footer-sodrzina{
        width: 71%;
    }
    .slika-klima-slajder{
        display: block;
        position: relative;
        z-index: 100;
        /*width: 360px;*/
        /*width: 50%;*/
        width: 60%;
        /*height: auto;*/
        margin-left: 11%;
        /*margin-bottom: -3%;*/
        /*margin-bottom: -15px;*/
    }

    .info-klima-slajder{
        margin-left: 28%;
    }

    .osnovni-info{
        font-size: 1.1em;
    }

    .klima-box {
        padding-top: 3%;
        padding-left: 3%;
        padding-bottom: 3%;
        padding-right: 3%;
    }

    .slika-info{
        display: inline-block;
        margin: 0px !important;
        padding: 0px !important;
        margin-left: -4px !important;
        height: auto;
        width: 100%;
    }

    .slika-info:first-of-type{
        margin-left: 0px !important;
    }

    .slika-div{
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
    }

    .specifikacii-klima-div{
        padding-left: 100px;
    }

}
.ikoni-hover + .tooltip > .tooltip-inner {
    background-color: #2D9DFB;
    color: #FFFFFF;
    width: 250px;
    padding: 15px !important;
}
.ikoni-hover + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #2D9DFB;
}
.ikoni-hover:hover{
    cursor: help;
}
.selected img {
    opacity:0.5;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    margin: auto;
    width: 100%;
    height: 450px;
}
.thumb-slika{
    height: 100px;
    margin: auto;
    display: inline-block;
}
.ikoni-hover{
    height: 50px;
    display: block;
    margin: auto;
    width: auto;
}
@media screen and (max-width: 480px) {
    .ikoni-hover{
        height: 30px;
        display: block;
        margin: auto;
        width: auto;
    }
}
.ramka-nova-cena {
    border: 2px solid #1D95F4;
    margin-bottom: 2px;
}
.ramka-promo-cena {
    margin-bottom: 2px;
    color: #ffffff;
    background-color: #1D95F4;
}
.stara-cena-linija {
    position: relative;
}
.stara-cena-linija:before {
    color: #090037;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform:rotate(-10deg);
    -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);
    z-index: 100;
}
.produkt-heder-cena {
    float: right;
    margin-bottom: -130px;
    top: -162px;
    position: relative;
    z-index: 100;
}
.nova-cena-detali{
    display: inline-block;
    width: 63%;
    font-family: 'Roboto', sans-serif;
    /* font-size: 3.4em; */
    color: #ffffff;
    background-color: #0489f3;
    padding-bottom: 13px;
    padding-left: 13px;
    /*padding-right: 15px;*/
}
.stara-cena-detali {
    display: inline-block;
    width: 37%;
    font-family: 'Roboto', sans-serif;
    /* font-size: 2.4em; */
    color: #8b8b8b;
    background-color: #efefef;
    padding-bottom: 13px;
    padding-left: 13px;
    /*padding-right: 15px;*/
    padding-top: 20px;
}
.procent {
    float: right;
    font-size: 0.4em;
    right: -42px;
    position: relative;
}
@media all and (max-width: 340px){
    .procent{
        top: -43px !important;
        right: 5px !important;
    }
    .nova-cena-detali {
        padding-bottom: 0px !important;
    }
    .stara-cena-detali {
        padding-bottom: 16px !important;
        padding-left: 13px !important;
        padding-top: 12px !important;
    }
}
@media all and (min-width: 341px) and (max-width: 425px){
    .procent{
        top: 3px !important;
        right: -36px !important;
    }
    .stara-cena-detali {
        padding-bottom: 13px !important;
        padding-left: 13px !important;
        padding-top: 12px !important;
    }
}
@media all and (min-width: 426px) and (max-width: 470px){
    .procent{
        top: -66px !important;
        right: 1px !important;
    }
    .nova-cena-detali {
        padding-bottom: 0px !important;
    }
    .stara-cena-detali {
        padding-bottom: 22px !important;
        padding-left: 13px !important;
        padding-top: 20px !important;
    }
}
@media all and (min-width: 471px) and (max-width: 991px){
    .procent{
        top: 3px !important;
        right: -42px !important;
    }
    .stara-cena-detali {
        padding-bottom: 13px !important;
        padding-left: 13px !important;
        padding-top: 20px !important;
    }
}
@media all and (min-width: 992px) and (max-width: 1131px){
    .procent{
        top: -66px !important;
        right: 1px !important;
    }
    .nova-cena-detali {
        padding-bottom: 0px !important;
    }
    .stara-cena-detali {
        padding-bottom: 22px !important;
        padding-left: 13px !important;
        padding-top: 20px !important;
    }
}
@media all and (min-width: 1210px) and (max-width: 1276px){
    .procent{
        top: -66px !important;
        right: 0px !important;
    }
    .nova-cena-detali {
        padding-bottom: 0px !important;
    }
    .stara-cena-detali {
        padding-bottom: 22px !important;
        padding-left: 13px !important;
        padding-top: 20px !important;
    }
}
@media all and (min-width: 1277px) and (max-width: 1474px){
    .procent{
        top: 0px !important;
        right: -41px !important;
    }
    .stara-cena-detali {
        padding-bottom: 13px !important;
        padding-left: 13px !important;
        padding-top: 20px !important;
    }
}
@media all and (min-width: 1475px) and (max-width: 1539px){
    .procent{
        top: -66px !important;
        right: 0px !important;
    }
    .nova-cena-detali {
        padding-bottom: 0px !important;
    }
    .stara-cena-detali {
        padding-bottom: 22px !important;
        padding-left: 13px !important;
        padding-top: 20px !important;
    }
}
.div-ikoni {
    margin-top: 20px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
@media all and (min-width: 769px) and (max-width: 1328px){
    /* .nova-cena{
        margin-left: 72% !important;
        top: -33px !important;
    }
    .promo-cena {
        margin-left: 72% !important;
        top: -58px !important;
    } */
    .btn-sporedi-obicna {
        margin-left: 100px !important;
    }
}
.btn-sporedi-detali{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    color: #128FF3;
    font-size: 1.2em;
    /*padding-left: 25px;
    padding-right: 20px;*/
    padding-left: 43px;
    padding-right: 38px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #FFFFFF;
    float: right;
    cursor: pointer;
    margin-top: -43px;
    margin-bottom: 20px;
    border: 2px solid #128FF3;
}
.btn-sporedi a {
    text-decoration: none !important;
}
.btn-sporedi a:hover {
    color: #128FF3;
}
.btn-sporedi-detali:hover{
    opacity: 0.8;
}
@media all and (max-width: 482px) {
    .fb-custom-btns {
        margin-top: 0px !important;
        width: 100% !important;
    }
    .kopcinja-detali {
        width: 100% !important;
    }
}
/* .nova-cena-sporedba {
    display: inline-block;
    width: 63%;
    font-family: 'Roboto', sans-serif;
    font-size: 2.0em;
    color: #ffffff;
    background-color: #0489f3;
    
    padding-left: 2px;
}
.procent-sporedba {
    float: right;
    font-size: 0.4em;
    right: 8px;
    position: relative;
    top: -32px;
}
.stara-cena-sporedba {
    display: inline-block;
    width: 37%;
    font-family: 'Roboto', sans-serif;
    font-size: 1.7em;
    color: #8b8b8b;
    background-color: #efefef;
    padding-bottom: 11px;
    padding-left: 2px;
    padding-top: 8px;
}*/
.cena-sporedba{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 2.4em;
    color: #0489F3;
    padding-top: 15px;
    padding-bottom: 10px;
}
.tabela-sporedi>tbody>tr>td {
    min-width: 260px !important;
    max-width: 270px !important;
}
/* @media all and (min-width: 1685px) {
    .procent-sporedba {
        top: 8px !important;
        right: -33px !important;
    }
    .nova-cena-sporedba {
        padding-bottom: 11px !important;
    }
} */
.search-pole {
    float: right;
    padding-right: 15px;
    margin-bottom: 25px;
    margin-top: 38px;
}
#printDiv{
    display: none;
}
img.img.img-responsive.slika-prev-edit {
    height: 40px !important;
}
.slika-prev {
    opacity: 0.5;
}
.slika-fb-admin-edit,
.slika-admin-edit,
.slika-nadv-admin-edit{
    display: block;
    max-height: 80px;
    max-width: 100%;
    height: auto;
    width: auto;
}
.link-comodo a>img{
    width: auto;
    height: 55px;
}
.disabled-naracaj,
.disabled-naracaj:hover{
    cursor: not-allowed;
    opacity: 0.3;
}
.inputGrad{
    font-family: 'Myraid Pro', sans-serif;
    /*color: #1D1D1D;*/
    font-size: 1.35em;
    padding: 10px;
    border: solid 1px #DDDDDD;
}
.empty {
    color: grey;
}
.full {
    color: #1D1D1D;
}
.tooltipCSS + .tooltip > .tooltip-inner {
        background-color: #2D9DFB;
        color: #FFFFFF;
        width: 250px;
        padding: 15px !important;
        font-weight: bold;
}
.tooltipCSS {
    cursor: pointer;
}
.heder-mobilen{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 5px;
}

.link-meni-heder-mobilen{
    /*display: flex;
    align-items: center;*/
    height: 50px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    border-bottom: solid 5px #090037;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.5em;
    /*float: right;*/
    padding-bottom: 0px;
}

.link-str-meni-heder-mobilen{
    /*display: flex;
    align-items: center;*/
    /*height: 50px;*/
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    /* border-bottom: solid 5px #090037; */
    /* padding-top: 10px !important; */
    /*padding-left: 15px;
    padding-right: 15px;*/
    text-align: left;
    font-size: 1em;
    /*float: right;*/
    /*padding-bottom: 0px;*/
}

.link-meni-heder-mobilen:hover,
.link-meni-heder-mobilen:active{
    border-bottom: solid 5px #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
}

.text-info-mobilen{
    display: block;
    font-size: 0.6em;
    color: #FFFFFF;
    margin-bottom: 4px;
}


.tel-heder-mobilen{
    font-size: 1em;
    color: #FFFFFF;
    padding-top: 3px;
    /*padding-bottom: 4px;*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    /*border: solid 1px #FFFFFF;*/
}

.div-kontakt-info-heder-mobilen{
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*height: 45px;*/
}

.suma-heder-mobilen{
    font-size: 0.8em !important;
}

.meni-mobilen-lenta{
    padding-left: 0px !important;
    padding-right: 1% !important;
}

.meni-mobilen{
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*height: 52px;*/
}

.kosnicka-mobilen-meni{
    /*float: left;*/
    display: inline-block;
}

.glyph-mobilen-meni,
.glyph-mobilen-meni-sokrij{
    float: right;
    cursor: pointer;
    font-size: 2em;
    color: #9F9F9F;
    padding-top: 10px;
    /*padding-right: 5px;*/
}

.slika-logo-mobilen{
    width: 100%;
}

.div-meni-mobilen{
    display: none;
    position: absolute;
    right: 0px;
    top: 95px;
    padding: 0px !important;
    z-index: 101 !important;
}

.linkovi-div-mobilen{
    background-color: #090037;
    padding: 0px !important;
}

.kosnicka-glyph-mobilen{
    font-size: 1em;
}

.navigacija-mobilen{
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    /*width: 100% !important;*/
}
@media all and (max-width: 576px){
    #navbarSupportedContent{
        position: fixed;
        background-color: #090037;
        z-index: 99999;
        /*right: 0;*/
        /*left: 0;*/
        width: 100%;
    }
}
@media all and (min-width: 576px) and (max-width: 757px){
    .header-sodrzina{
        display: flex !important;
    }
    #navbarSupportedContent{
        position: relative;
        font-size: 0.8em;
    }
    .div-logo{
        margin: auto;
    }
}
@media all and (min-width: 768px) and (max-width: 991px){
    .slika-div{
        padding: 0px !important;
    }
}

span.nova-cena-sporedba-new {
    display: inline-block;
    /* width: 63%; */
    font-family: 'Roboto', sans-serif;
    font-size: 2.0em;
    color: #ffffff;
    background-color: #0489f3;
    padding-bottom: 5px;
    padding-left: 2px;
    position: relative;
}
.stara-cena-sporedba-new {
    display: inline-block;
    /* width: 37%; */
    font-family: 'Roboto', sans-serif;
    font-size: 1.7em;
    color: #8b8b8b;
    background-color: #efefef;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-top: 10px;
    position: absolute;
    padding-right: 2px;
}
.procent-sporedba-new {
    font-size: 0.4em;
    position: absolute;
    top: 7px;
    right: 10px;
}
.nova-cena-detali-new{
    display: inline-block;
    width: 63%;
    font-family: 'Roboto', sans-serif;
    font-size: 3.4em; 
    color: #ffffff;
    background-color: #0489f3;
    padding-bottom: 13px;
    padding-left: 13px;
    /*padding-right: 15px;*/
    position: relative;
}
.stara-cena-detali-new {
    display: inline-block;
    width: 37%;
    font-family: 'Roboto', sans-serif;
    font-size: 2.4em; 
    color: #8b8b8b;
    background-color: #efefef;
    padding-bottom: 13px;
    padding-left: 13px;
    /*padding-right: 15px;*/
    padding-top: 20px;
    position: absolute;
}
.procent-new {
    position: absolute;
    font-size: 0.4em;
    right: 0px;
}
.promo-cena-new{
    position: absolute; 
    z-index: 100; 
    bottom: 120px; 
    right: 0;
}
.nova-cena-new{
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 0px;
}
@media all and (max-width: 425px){
    .nova-cena-detali-new{
        font-size: 2.6em;
    }
    .stara-cena-detali-new {
        font-size: 2.0em;
        padding-top: 13px;
    }
    .promo-cena-new{
        bottom: 60px;
    }
}
.card{
    border: none;
}
.thumb-active{
    border: 2px solid #0489F3;
    opacity: 1 !important;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.fb_dialog .fb_dialog_content > iframe{
    right: 72px !important;
}
 .js-cookie-consent-agree.cookie-consent__agree{
    padding-top: 6px;
    padding-left: 12px;
    padding-bottom: 6px;
    padding-right: 12px;
    text-decoration: none;
    background-color: #090037;
    color: #fff;
    border: none;
    margin-right: 5px;
}
 .js-cookie-consent-more.cookie-consent__more{
    padding-top: 5px;
    padding-left: 12px;
    padding-bottom: 5px;
    padding-right: 12px;
    text-decoration: none;
    background-color: #fff;
    color: #090037;
    border: 1px solid #090037;
}
.js-cookie-consent.cookie-consent{
    text-align: justify;
}
.cookie-consent__message>p:nth-child(2){
    display: none;
}

@media all and (min-width: 1073px) and (max-width: 1439px){
    .cookie-accept{
        width: 60%;
    }
}
@media all and (min-width: 1440px){
    .cookie-accept{
        width: 50%;
    }
}