body {max-width:100%; height:100%; overflow-x: hidden;}

a, img {color:#523055; transition: all 0.4s ease;}
a img:hover {opacity: 0.8;}

img {max-width: 100% !important;}

.clearfix::after {clear:both; content:''; display:block;}

/* BUTTONS */



a.more_btn, input.more_btn {padding:15px; color:#FFF; background:#208ec5; border-radius: 3px; display: inline-block; text-decoration:none; outline:none; border:none;}
a.more_btn:hover, input.more_btn:hover {background:#65bbe6}
a.blue {background:#24417C;}
a.blue i {padding-right: 7px; display: inline-block; font-size: 20px; float: left;}
a.blue:hover {background:#2c4f96;}

a.green, input.green {background:#4db1e2;}
a.green i {padding-right: 7px; display: inline-block; font-size: 20px; float: left;}
a.green:hover, input.green:hover {background:#1e9ddc;}

h1#title {background:#4db1e2; color:#FFF; padding:10px 15px; border-right: 20px solid #0f8bc7; margin-top:7.5px;margin-bottom: 7.5px; border-radius: 4px;}

.gmnoprint img {
    max-width: none !important; 
}

#comment_form textarea {
    width: 100%;
    border:1px solid #CCC;
    border-radius: 4px;
    outline: none;
    padding:10px;
    font-size: 14px;
    font-family: Arial;
    box-sizing: border-box;
    margin-bottom: 15px;
}
#comment_success {
    padding:15px;
    border:1px solid #CCC;
    background:#e1fcdf;
    border-radius: 4px; 

}
/* SITE CLASSES */

.no-gutter { padding: 0 !important; margin: 0 !important; }

#cookies {background: #523055; border-bottom: 1px solid #f2f2f2; min-height: 0px;}
#cookies p {padding-bottom: 0px; color:#FFF; margin-bottom: 0; padding: 15px;}
#cookies p a {color:#FFF; font-weight: bold;}
#cookies p a:hover {text-decoration: underline;}

.whiteHolder {background:#FFF; border:1px solid #CCC; padding:20px; border-radius: 4px;min-height: 337px}
.visina {min-height: 180px}

.searchTop {font-size: 14px;float: right}

#logo {padding:15px; }
#logo img {height: 100px;}


#search {border:2px solid #492F92; border-radius: 3px; background:#4db1e2; margin-top: 15px;transition: all 0.4s ease;}
#search input[type="text"] {border-radius: 3px 0 0 3px;float:left; width: 40%; height: 44px; outline: none; border:0 none; border-right: 1px solid #dedede; box-sizing: border-box; padding: 0 10px;}
#search select {float:left; width: 30%; height: 44px; outline: none; border: 0 none; padding:0 none; box-sizing: border-box; }
#search input[type="submit"] {float:left; width: 30%; cursor: pointer; color:#FFF; background:#4db1e2; outline: none; height: 44px; border:0 none; border-radius: 0 1px 1px 0;}

#socials {padding-right: 58px;transition: all 0.4s ease;}
#socials a {font-size:25px; padding:10px 5px; color:#FFF;float: right;}
.cookiesHeader {padding-right: 58px;padding-top: 20px;min-height: 53px;position: relative;text-align: right}
.cookiesHeader p, .cookiesHeader a {font-size: 15px;color: #FFF;text-align: right;}

.newsletterForma, .loginForma {
    position:fixed;
    height:100%;
    width:100%;
    background: rgba(185,2,174,0.8);
    box-sizing: border-box;
    padding:20px;
    z-index: 9999;
}

.newsletterForma, .loginForma {display:none;}

.holderLoginForm {width:300px; margin:40px auto; padding-left:30px; border-left:1px solid #FFF; position:relative;}
.holderLoginForm h3 {color:#FFF; font-size:26px; line-height:50px;}
.holderLoginForm input {width:100%; height:35px; border-radius: 4px; margin-bottom: 15px; border:0 none; outline: none; padding: 0 10px;}
.holderLoginForm a {color:#FFF;}
.holderLoginForm a.closer {position:absolute; top:15px; right:0px; font-size: 20px; }

/* END HEADER */

/* FULL HOLDER */

#full_holder {height: auto; overflow: hidden;}

/* ASIDE */

div.left {width: 250px; float: left; }

aside {border-right: 1px solid #dedede; height: 100%; }
aside ul {padding-top: 20px; padding-left: 0;}
aside ul li {list-style-type: none;}

aside ul li a {padding: 7px 15px 7px 10px; display: block; font-size: 15px; border-bottom: 1px solid #dedede; width: 100%;}
aside ul li a:hover {text-decoration: none; color:#FFF; background:#65bbe6;}
aside ul li a i {padding-right: 10px;}
aside ul li.active a {background:#4db1e2; color:#FFF;}

#city_change {padding:15px 15px 0 15px;}
#city_change select {width:100%; height:30px;}

#switcher {background:#FAFAFA; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-top: 15px;}
#switcher a {display:block; font-size: 11px; text-decoration: none; color:#454545; padding:10px 0;}
#switcher a:hover {color:#F36523;}
#switcher a.active {background:#6900B2; color:#FFF; }
#switcher > div:first-child {border-right: 1px solid #CCC;}

/* END ASIDE */

/* CONTENT */

div.right {float: none; width: auto; overflow: hidden;  }

main::after {clear:both; content:''; display: block;}
main {padding:7.5px; background: #e2e2e2; -webkit-box-shadow: inset 3px 3px 24px 1px rgba(204,204,204,1); -moz-box-shadow: inset 3px 3px 24px 1px rgba(204,204,204,1); box-shadow: inset 3px 3px 24px 1px rgba(204,204,204,1); width: 100%; box-sizing: border-box;}

main .holderMain {padding:0 7.5px;}
main .holderOffer {padding:7.5px 0 7.5px 0; border-top:1px solid #CCC;}

main h3 {background:#492F92; color:#FFF; border-right:20px solid #F36523; padding:15px 10px; font-size: 16px; font-weight: bold;}

#offers::after {clear:both; content:''; display: block;}

.width25 {width:25%;}

.box { float: left; outline: none;  }
.box > div {padding: 4px; margin: 10px; background:#FFF; -webkit-box-shadow: 2px 2px 5px 5px #CCC; box-shadow: 2px 2px 5px 5px #CCC; border-radius: 3px;}
.box img {max-width: 100%;}
.box h2 a {display: block; font-size: 15px; line-height: 20px; padding: 0px 15px 5px;}
.box h2 a:hover {color:#492F92; text-decoration: none;}
.box i {padding-right: 5px; display:inline-block;}
.box p span {color:#AAA;}

#offerTitle {font-size: 24px; line-height: 30px; padding:0px; margin:0px; }

#underOffer h4 {font-size:24px; margin-top:25px;display: inline-block;padding-right: 20px;background: #FFF;color: #F36523;}
#underOffer h3 {font-size: 14px;line-height: 1.42857143;color: #333;background: none;border-right:none;padding: 0px;}
#underOffer hr {margin-top: -23px;margin-bottom: 30px;}
#underOffer .col-sm-9 h2 {margin-top: 0px;}



.price-box strong {font-size:20px; display:block; color:#320059; line-height: 1em;}
.price-box i {text-decoration: line-through; color:#CCC;}

.offers_in_dealer > a {border:1px solid #BBB; border-radius:3px; background: #FAFAFA; margin-bottom: 10px; display: block; padding:10px 0; position: relative; font-size:12px;}
.offers_in_dealer > a:hover {color:#FFFFFF; text-decoration: none; background:#6B03B2;}
.offers_in_dealer > a:last-child {margin-bottom: 0;}

.small_offer .col-md-9 {margin-right:0 !important; padding-right: 0 !important; }

.small_price_box {background:#F36523; border-radius:3px; position:absolute; top:-6px; right:-6px; text-align: center;}
.small_price_box span b {display:block; font-size: 10px; text-decoration: line-through; color:#FFF;}
.small_price_box strong {display:block; font-size: 16px; color:#FFF; line-height: 1em; padding:10px 0;}
.small_price_box span strong {display:block; font-size: 16px; color:#FFF; line-height: 1em !important; padding:2px 0;}
.small_price_box span em {color:#FFF; font-size: 11px;}

#loader_offers {margin-bottom:10px;}
#loader_offers.disabled {background:#BBB;}

#content {background:#FFF; border:1px solid #CCC; border-radius:3px; padding:20px; margin:0 7.5px 7.5px 7.5px; }

ul.breadcrumb {margin-bottom:7.5px; margin-top: 7.5px;}

#map-canvas {width: 100%; height:350px;}

#distance {padding:10px; background:#CCC; color:#454545; font-size:12px;}

.dealer_details p {border-bottom:1px dashed #CCC; padding:10px; margin-bottom:0; overflow:hidden;}
.dealer_details p i {display:inline-block; padding-right: 5px; padding-top: 3px; line-height:1.5em;}
.working-hours {margin-bottom: 20px;}
.working-hours ul {border:1px solid #CCC; margin:0 !important; padding:0 !important;}
.working-hours ul li {text-decoration:none; list-style-type: none; border-bottom: 1px solid #CCC; background:#fafafa; padding:5px 15px;}

.working-hours ul li.active {background:#F36523; color:#FFF;}



.offer-row { border-bottom: 1px solid #CCC; padding-bottom:20px;}

.dealerOffers {border:1px solid #CCC; background:#FFF; padding:10px; margin:15px 7.5px 7.5px 7.5px; border-radius: 3px;}

.holderRowOffer {border-top:1px solid #CCC; margin-top:25px;}
a.little_img_holder {display:block;}
a.little_img_holder img {max-width:120px !important;}
.holderRowOffer a.little_img_holder:hover {background:#d4fcf0;}
.holderRowOffer a.little_img_holder strong {font-size:16px; display:block; }
.holderRowOffer a.little_img_holder span span {font-size: 11px;}
.holderRowOffer a.little_img_holder span.col-sm-3 strong {font-size:30px;} 
.holderRowOffer a.little_img_holder span.col-sm-3 i {text-decoration: line-through;}
.holderRowOffer a.little_img_holder span.col-sm-2 strong {display:inline-block; padding:15px 20px; border-radius: 5px; background:#F36523; color:#FFF; text-align: center;}
.holderRowOffer a.little_img_holder span.col-sm-2 strong i {padding-right: 10px;}
.holderRowOffer a.little_img_holder span.col-sm-2 strong:hover {background:#492F92;}

/* ACCOUNT */

#reg_form p label, #edit_info p label {width:15%; display:inline-block; color:#888; padding-right: 15px;}
#reg_form p input, #reg_form p select, #edit_info p input, #edit_info p select {width: 40%; display: inline-block; border-radius: 3px; padding: 10px 30px; border:1px solid #CCC; padding-left: 10px;}
#reg_form p select,  #edit_info p select {margin-left: -5px;}
/* FOOTER */

footer {display:block; border-radius: 3px 0 0 3px; margin:15px 0; background:#000000;}

.cd-top.cd-is-visible { visibility: visible; opacity: 1; background:#492F92; color:#FFF; padding:15px; position: fixed; bottom: 15px; right: 15px; z-index: 999; border-radius: 3px;}
.cd-top.cd-is-visible:hover {opacity:1;}
.cd-top.cd-fade-out {opacity: .5; }

.puInCart {color: #FFF;padding: 10px 32px;font-size: 16px;}
.puInCart i {font-size: 25px !important;padding-right: 10px !important;}

div#uplatnica {margin-left: -10px;margin-right: -10px;}
div#uplatnica #country{border: 1px solid #cfcfcf;padding: 10.2px 20px;display: block;width: 100%;margin-bottom: 15px;}
div#uplatnica{padding: 0 0 10px 0;}
div#uplatnica{padding-left: 0 !important; margin-top:10px;}
div#uplatnica label{display: block;width: 100%;margin-bottom: 15px;}
div#uplatnica input[type="text"]{border: 1px solid #cfcfcf;padding: 10px 20px;border-radius: 3px;color: #383838;margin-bottom: 15px;width: 100%;display: block}
div#uplatnica p {width: 20%;box-sizing: border-box;float: left;padding: 0 10px}
div#uplatnica p:last-of-type:after {clear: both;content: "";display: table}

#submit_uplatnica {margin-left: 10px;color:#FFF;padding: 10px 40px;}

.kupi-ponuda {width:100%; margin:0 auto 20px auto; border:1px dotted #454545; padding:20px;border-radius: 4px;}
.kupi-slika {display:block; width:20%; border:1px solid #ececec; float:left; padding:10px;border-radius: 3px 0 0 3px}
.kupi-naslov {overflow:hidden; display:block; width:20%; height:103px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; border-right:1px solid #ececec; float:left; padding:10px; font-size:16px; font-style:italic;}
.kupi-kolicina {display:block; width:20%; height:103px; border:1px solid #ececec; float:left; padding:10px;}
.kupi-kolicina span {font-size:16px; font-style:italic;}
.kupi-kolicina select {width:20%;}
.kupi-cena {display:block; width:20%; height:103px; border:1px solid #ececec; float:left; padding:10px;}
.kupi-cena span {font-style:italic; font-size:18px; color:#8B5354;}
.kupi-ukupna-cena {display:block; width:20%; height:103px; border:1px solid #ececec; float:left; padding:10px;border-radius: 0 3px 3px 0;}
.kupi-ukupna-cena span {font-style:italic; font-size:18px; color:#8B5354; margin-bottom:10px;}

#notificator {display:none; width:100%; position:fixed; height:100%; background: url("/images/trpx.png") top left repeat; z-index: 9999;}

#uplatnica {

    color: #000000;

    height: 379px;

    margin: 0 auto;

    position: relative;

    width: 828px;

}



#uplatnica {

    color: #000000;

    height: 379px;

    margin: 0 auto;

    position: relative;

    width: 828px;

}

#slika {

    height: 379px;

    position: absolute;

    width: 828px;

    z-index: 1;

}

#slika1{width: 600px !important;height: 315px;}

#uplatitelj {

    color: #000000;

    height: 47px;

    left: 27px;

    padding: 5px;

    position: absolute;

    top: 37px;

    width: 342px;

    z-index: 2;

}

#svrha {

    color: #000000;

    height: 47px;

    left: 27px;

    padding: 5px;

    position: absolute;

    top: 118px;

    width: 342px;

    z-index: 2;

}

#primatelj {

    color: #000000;

    height: 47px;

    left: 28px;

    padding: 5px;

    position: absolute;

    top: 203px;

    width: 342px;

    z-index: 2;

}

#iznos {

    color: #000000;

    height: 26px;

    left: 604px;

    line-height: 26px;

    position: absolute;

    top: 53px;

    width: 200px;

    z-index: 2;

}

#broj_racuna {

    color: #000000;

    height: 26px;

    left: 529px;

    line-height: 26px;

    position: absolute;

    top: 108px;

    width: 275px;

    z-index: 2;

}

#poziv_na_broj {

    color: #000000;

    height: 26px;

    left: 529px;

    line-height: 26px;

    position: absolute;

    top: 162px;

    width: 275px;

    z-index: 2;

}

.btn.uplatnica {display:inline-block; padding:15px 20px; border-radius: 5px; background:#F36523; color:#FFF; text-align: center;margin-left: 30px;}
.btn.uplatnica i {padding-right: 10px;font-size: 18px;}
.btn.uplatnica:hover {background:#492F92;}

#sign {display: block;width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5) repeat;z-index: 9999;}
#sign .innerSign {width: 60%;margin: 200px auto 0;padding: 20px;border-radius: 4px;background: #FFF;position: relative}
#sign .innerSign h1 {text-align: center;padding-top: 0px;margin-bottom: 15px;}
#sign .innerSign .btn {position: absolute;top: -15px;right: -15px;height: 40px;width: 40px;line-height: 40px;text-align: 40px;padding: 0px;}
#sign .innerSign .btn:hover {opacity: 1;background: #655E93;}

.offers_in_dealer > a.dajGa {background: #FFF;}
.offers_in_dealer > a.dajGa:hover {background: #6B03B2;}
.offers_in_dealer > a.dajGa i {padding-left: 10px;font-size: 13px;}

.offercena i {text-decoration: line-through;}
.offercena h2 {margin-top: 0px;font-weight: bold;}
.offercena span {color: #666;}

footer {color: #FFF;padding: 20px;}
footer .col-md-5 {padding: 0 20px;border: 1px solid #FFF;border-width: 0 1px}
footer h4 {margin-bottom: 20px;}
footer p {font-size: 13px}
footer .korisnaLista li {margin-bottom: 5px;font-size: 13px;line-height: 22px;width: 48%;float: left}
footer .socialFooter li {display: inline-block;float: left}
footer .socialFooter a {font-size: 35px;margin-right: 10px}
footer #logo_fotter img {height: auto;}
footer #logo_fotter p {padding-top: 15px}

footer ul {padding-left: 0px;}
footer li {list-style: none;}
footer a {color: #FFF; text-decoration: none}

footer form {border: 3px solid #6900B2;border-radius: 3px;}
footer input {float: left;border: 0;padding: 7px;box-sizing: border-box;}
footer input[type="text"] {width: 71%;color:#454545;}
footer input[type="submit"] {width: 29%;color: #6900B2;transition: all 0.4s ease;}
footer input[type="submit"]:hover {background: #6900B2;color: #FFF;}

#logs .more_btn.login_button {margin-right: 5px;}
#logs .more_btn {padding: 12px 8px;}

.newsletterHeader {font-size: 11px;color: rgb(255, 255, 255);margin-top: 12px;background: #F36523 none repeat scroll 0% 0%;text-align: center;padding: 4px 20px;display: inline-block; border-radius: 3px;}
.newsletterHeader:hover {color: #FFF;text-decoration: none;background: #F36523;}

.newsletterForma h4 {color: #FFF;font-size: 26px;line-height: 50px;}
.newsletterForma p {color:#FFF}
.newsletterForma input[type="text"] {color: #575757}
.newsletterForma .holderLoginForm {margin-top: 130px;}

#kontaktforma {margin: 0 -20px;}
#kontaktforma p {width: 33.33333%;box-sizing: border-box;padding: 5px 20px;float: left}
#kontaktforma p:nth-of-type(4) {width: 100%;}
#kontaktforma input, #kontaktforma textarea {width: 100%;box-sizing: border-box;padding: 10px 20px;border-radius: 3px;border: 1px solid #cecece}
#kontaktforma input[type="submit"] {color: #FFF}

.emRed {color: red}

.headerButton a {float: left;}
.headerButton a.more_btn {padding: 8px 11px;border-radius: 3px;font-size: 14px;margin-top: 17px;margin-right: 20px;}
.headerButton a.more_btn:nth-child(2) {margin-right: 5px}

.headerButton #search input[type="submit"] {height: 36px;width: 24%;}
.headerButton #search input[type="text"] {height: 36px;width: 43%;padding: 0 7px}
.headerButton #search select {height: 36px;width: 32%}
.searchHedaer {padding-right: 0px}
.registerHeader {padding-left: 20px;}

.offerDealer p {width: 75%;}
.offerDealer h2 {font-size: 24px;}
@media (min-width: 768px){
    .offerDealer .col-sm-3 {width: 22%}
    .offerDealer .col-sm-9 {width: 78%}
}

#accountMenu {display: none;background: #FFF;width: 200px;position: fixed; left: 50%; top: 21%;z-index: 9999;border-radius: 3px;box-shadow: 0px 0px 5px 2px #9C9C9C;}
#accountMenu a {display: block;color: #4D4D4D;text-align: center;padding: 5px 0;}

.ponudaHref {color: #FFF}

header{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #FFF;
}
header::after {
    clear:both;
    display:block;
    content:'';
}

header .headerMaster {
    position: absolute;
    width: 100%;
    z-index: 9997;
    top: 0px;
    border-bottom: 1px solid #dedede;  background: #FFF url("/images/header-bg.jpg") right center no-repeat;
}

.headerMaster.stickyHeader #logo {
    padding: 0px 15px;
}
.headerMaster.stickyHeader #logo img {
    height: 80px;
}
.headerMaster.stickyHeader .cookiesHeader a {
    display: inline-block;
    margin-top: 4px;
}
.cookiesHeader > a {border-radius: 3px; background: #F36523;padding: 6px 10px;}
.headerMaster.stickyHeader #search {margin-top: 9px;}
.headerMaster.stickyHeader .headerButton a.more_btn {margin-top: 11px;}
.headerMaster.stickyHeader .socialStycky {margin-top: 9px;}

.catImgageLeftSide {float: left;padding: 5px 0px;}

.komentar {padding: 15px 0;border-bottom: 1px solid #CCC;}
.komentar img {float: left;width: 50px;border-radius: 50%;margin-right: 15px;background: #e3e3e3;height: 50px;}
.komentar p {font-size: 15px;line-height: 13px;}
.quest {margin-bottom: 15px;}
.response {padding-left: 66px;}

.divAsideCatMenu {display: none;}
.divAsideCat {background: #FFF;}

@media handheld, only screen and (max-width: 992px) {
    header .headerMaster {position: relative;background: #FFF url("/images/header-bg.jpg") left center no-repeat;}
    .searchHedaer {padding: 0 15px;}
    .headerMaster .row .col-md-3 {width: 30%;float: left}
    .headerButton {width: 70%;float: left}
    .headerMaster .row .col-md-3 .col-md-12 {display: none}
    .registerHeader {padding-left: 15px}
    .offers .box {max-width: 100%;}
    .cookiesHeader{padding-left: 30px;text-align: left;}
}

@media handheld, only screen and (max-width: 768px) {
    .divAsideCat {display: none;height: 100%}
    .divAsideCatMenu {border-radius: 3px;border: 1px solid #505050;padding: 6px 6px 2px 6px;display: block;position: fixed;top:40px; right: 0px;z-index: 9998;background: #FFF;}
    .icon-list:before {content: "\f03a";text-decoration: inherit;display: inline-block;speak: none;font-size: 20px;text-align: right;line-height: normal;font-family: FontAwesome;font-weight: normal;font-style: normal;color: #505050;}
    .offers .box {width: 50%;}
    .newsletterHeader {display: none}
    .headerMaster .row .col-md-3 {width: 30%;float: left}
    .headerMaster .row .col-md-3 {text-align: center;width: 100%;float: none;}
    .headerButton {width: 100%;float: none;}
    header .headerMaster {background: #FFF url("/images/header-bg.jpg") no-repeat left center / cover;}
    #logo {padding: 10px 15px 0 15px;}
    .newsletterForma, .loginForma {padding: 0px;}
    #reg_form p label, #edit_info p label {display: block}
    #reg_form p input, #reg_form p select, #edit_info p input, #edit_info p select {width: 100%;}
    .cookiesHeader {text-align: center;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;}
    .cookiesHeader.accountMenuLoged {padding: 0px;min-height: 15px !important;}
    .ispodInfo {width: 100% !important;}
    div#uplatnica p {width: 100%;box-sizing: boder-box;}

    .kupi-slika {width:100%; }
    .kupi-naslov {width:100%; height:auto;}
    .kupi-kolicina {width:100%; height:auto;}
    .kupi-kolicina select {width:100%;}
    .kupi-cena {width:100%; height:auto;}
    .kupi-ukupna-cena {width:100%; height:auto;}

    #cookies p {display: none;}

    .cookiesHeader {margin-left: 30px;margin-right: 30px;}
    #accountMenu {left: 0;top: 40%;width:94%;margin: 0 3%;position: absolute;}
   
}

@media handheld, only screen and (max-width: 500px) {
    .offers .box {width: 100%;}
}

.podelIText {padding-left: 220px;}
@media handheld, only screen and (max-width: 1000px) {
    .podelIText {padding-left: 0px; display: block; padding-bottom: 10px;}
    .addthis_native_toolbox .addthis_button_facebook:before {content:''; display:blocck; clear:all;}
}
.errroActiveOffer {color: red;font-size: 11px;}
.errroActiveKupi {color: red;font-size: 20px;}


.cookiesHeader.accountMenuLoged{ display:none !important}
.preCookiesHeader{text-align:center}
.preCookiesHeader a {
    display: inline-block;
	color:#FFF;
	margin-top:4px;
}
.preCookiesHeader > a {border-radius: 3px; background: #F36523;padding: 6px 10px;}
#leftLinks{
	padding-left:10px;
	padding-bottom: 25px;
    border-bottom: 1px solid #dedede;
}
#leftLinks a {
    display: inline-block;
	color:#FFF;
}
#leftLinks > a {border-radius: 3px; background: #F36523;padding: 6px 10px;}
.sticky-wrapper{
	overflow: hidden;
	position:fixed; 
	height:100% !important; 
	z-index: 99999; 
	width:249px; 
	top:35px; 
	background-color:#FFF;
}
#sticky{
	max-height:100%;
	position:absolute;
	z-index:99999;
	/*overflow-y:scroll;*/
	/*overflow-x:hidden;*/
	/*right:-20px;*/
}
#sticky:hover { overflow-y: scroll;}
/* STYLE za scroll bar navigacije*/

#sticky::-webkit-scrollbar {
    width: 0.7em;
}
#sticky::-webkit-scrollbar-thumb {

    background-color: #1a8cff;
    outline: 1px solid slategrey;
}
@media (max-width: 414px){
#sticky {
    overflow: scroll;
}
}
/* KRAJ SCROLL BARA */
div.right {
    margin-top: 10px;
}
@media (min-width: 1246px){
#socials a {
    font-size: 30px;
}
}
@media (min-width: 992px){
.headerButton {
    width: 64%;
}
.div_socials{
	width:15%;
}
#socials{
	padding-right:35px;
}
}
@media (min-width: 992px) and (max-width: 1177px){
.headerButton {
    width: 77%;
}
.div_socials{
	float:right;
	width:22%;
}
div.right {
    margin-top: 40px;
}
}
@media (min-width: 992px) and (max-width: 1073px){
.headerButton {
    width: 74%;
}
#accountMenu{top:100px !important}
}
@media (min-width: 769px) and (max-width: 992px){
.headerButton {
    width: 70%;
	float:right;
}
header{height: 215px !important;}
}
@media (max-width: 368px){
header{height: 240px !important;}
}

.title-pay{font-size: 20px; clear: both; padding: 0 0 15px 10px;}

/* RADIO BUTTON */
.radio_submit{clear: both; box-sizing: border-box; padding: 0 30px;}
.checkbox-c{padding-top: 15px;}
/* The container */
label.container-r {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 19px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    display: inline-block !important;
    width: auto!important;
    padding-right: 50px !important;
}
label.container-r.checkbox-l{margin-left: 30px; font-size: 16px;}

/* Hide the browser's default checkbox */
.container-r input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}
.radiobtn.check{border-radius: 0; width: 20px; height: 20px;}

/* On mouse-over, add a grey background color */
.container-r:hover input ~ .radiobtn {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-r input:checked ~ .radiobtn {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-r input:checked ~ .radiobtn:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-r .radiobtn::after {
    top: 8px;
    left: 8px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: white;
}
.container-r .radiobtn.check::after{border-radius: 0; top: 6px; left: 6px;}
.message-text{color: #F36523; padding-left: 30px;}

.submit-uplatnica{}

/* Card confirmation */
.confirm_card{}
.confirm_card{padding:30px; width:100%; float:left;box-sizing: border-box;}
.confirm_card .row{margin:0;}

#card_logo{}
#card_kombank{float: right;}
.white_box{display:inline-block; border:1px solid #ddd;  padding:35px 20px 10px; background:#FFF; text-align:center; vertical-align:top; width: 33%; box-sizing:border-box;}
.white_box h2{font-size:20px; text-transform:uppercase; color:#65667F; padding-bottom:20px; line-height:120%;}
.white_box .logo{}
.white_box .logo a{}
.white_box .logo a img{margin:0 auto; display:block; margin-bottom:16px}
#card_kombank.white_box .logo.intesa{padding-bottom: 7px;}
#card_kombank.white_box .logo.intesa a img{margin-bottom: 0;}
#card_kombank.white_box h2{padding-bottom:10px;}
.white_box .logo.inline a{display:inline-block;}
.white_box .logo.inline a img{display:inline-block; margin:0 20px 30px; }

#card_btn{ text-align:center; display:inline-block; padding:90px 50px 30px; width: 33%; box-sizing:border-box;}
#card_btn .text.blue{color:#65667f;  font-size: 20px; line-height: 140%; margin-bottom:30px; }
#card_btn .btn-success{color:#FFF; background:#F36523; border:none; font-size: 17px; padding:12px 18px; cursor:pointer; }
#card_btn .btn-success:hover, #card_btn .btn-success:focus{background:#13a79d;}

@media (max-width: 768px){
    .payment-type{display: block; width: 100%; float: left}
}
@media (max-width: 414px){
    .white_box{display: block; width: 100%;}
}

.napomeneUplatnica > h5{font-weight: bold;}
.napomeneUplatnica > h5:first-child{
    font-size: 30px;
    display: block;
    clear: both;
    padding-top: 30px;
    color: #F36523;
}

#uplatnica.card{height: auto;}

a.terms{color: #F36523;}

/* Logo znakovi kartice */
.logotype{display: block; width: 100%; padding: 5px 2px;}
.logotype .box-3{display: inline-block;}
.logotype .box-3 a{display: inline-block; padding: 0 2px; font-size: 0;}
.logotype .box-3 a img{max-width: 100%;}

.logotype .box-3:nth-child(1){width: 30%; }
.logotype .box-3:nth-child(2){width: 44%; text-align: center;}
.logotype .box-3:nth-child(3){width: 25%; text-align: right;}

@media (max-width: 992px){
    .logotype .box-3{text-align: center !important; width: 100% !important; padding: 12px;}
}
@media (max-width: 360px){
    .logotype .box-3:nth-child(1) img{width: 58px !important;}
}