.clear {clear:both; height:0px;}
.clear5 {clear:both; height:5px;}
.clear10 {clear:both; height:10px;}
.clear13 {clear:both; height:13px;margin-bottom:0 !important}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}
.clear70 {clear:both; height:70px;}
.clear90 {clear:both; height:90px;}
.clear120 {clear:both; height:235px;}

.container-xl {
	width: 100%;
	max-width: 1630px;
}

body {
    font-family: 'Lora', serif;
    font-weight: 400;
    color:#000;
    font-size:16px;
}

p {
    font-family: 'Lora', serif;
    font-weight: 400;
    color:#000;
    font-size:16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
    font-weight: 500;
    letter-spacing: 0px;
	font-style:italic;
    letter-spacing:-1px;
}

.embed-responsive-4by3{padding-bottom:75%;}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;}
.video-container{padding-top:25px;padding-bottom:50.5%;margin-bottom:10px;position:relative;overflow:hidden;height:0;}
.video-container.vimeo{padding-top:0;padding-bottom:56.4%;}
.video-container embed, .video-container iframe, .video-container object, .video-container video{position:absolute;top:0;left:0;width:100%;height:100%;}
.pozadina-obavijest {background: #004859;padding: 50px 0;color: #d2ac67;font-size: 1.3em;text-align: center;font-style: italic;font-weight: 100;line-height: 25px;}

a:hover, a:active, a:focus {text-decoration: none; }
.glavna-tekst p a {color:#004859;}

.pad-left-0 {padding-left:0}
.pad-right-0 {padding-right:0}
.no-margin {margin:0}

.pad-left-02 {padding-left:0}
.pad-right-02 {padding-right:0}

.pad-left-30 {padding-left:30px}
.pad-right-30 {padding-right:30px}
.marg-r25 {margin-right: 25px;}

.width100p {width:100%}
.noradi {border-radius:0 !important}

.righttoleft {text-align:right;}
.centertoleft {text-align:center;}

hr.hrfull {background:#ddd;}
hr.hrorder {margin: 8px 0 8px 0;}
.bigtar:hover {cursor:pointer;}


.slika-desno {float:right}

.breadcrumb > li + li::before {content: none}
.breadcrumb {font-size:12px;background-color: transparent;}
.breadcrumb {color:#777;}

.glavna-tekst {text-align:justify;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}
.glavna-tekst ul, .glavna-tekst ol {display:table}
h4.glavna {color: #004859;font-size: 1.2em;font-weight: 600;}

.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}


ul.ul-ref {list-style-type: none; counter-reset: section; width:100%;font-size:13px; padding:0;-moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2; -webkit-column-gap: 20px;column-count: 2;column-gap: 20px;}
ul.ul-ref li { padding-left: 10px; position: relative; line-height:35px; border-bottom:1px dotted #ddd;}
ul.ul-ref li:hover {background:#E8E8E8;}
ul.ul-ref li a {display:block;}
ul.ul-ref li a i.fa {color:#67d187;}

h2.entry {color:#004859;font-size:50px;  letter-spacing: normal;  line-height: 1.1; }
h2.index {color:#004859;font-size:40px;  letter-spacing: normal;  line-height: 1.1; }
.glavna-tekst {}

/* Cookie skripta */

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

a.crveni {color: #004859 !important;}
a.crveni:hover, a.crveni:active, a.crveni:focus {color: #016d87 !important;text-decoration: none !important; }


/* SPECIFIC */

.narudzba-napomena {color: #004859;font-style: italic;}
.input-sm {    height: 51px;border-radius: 0px;}


#header {min-height:63px !important}
#header .header-top {background-color: #004859;border-bottom: 1px solid #004859;    padding: 16px 0;}
#header .header-top ul.nav-top li a {padding: 4px 6px;}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {color:#d2ac67;font-size:15px;font-weight:500}
#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {background: transparent; }
#header .header-nav-top .nav > li > a .fa, #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span .fa, #header .header-nav-top .nav > li > span .icons {font-size: 21px;}
#header .header-body {background: rgba(25, 12, 12, 0.70); border-top: none;border-bottom: 1px solid #d2ac67;padding: 8px 0 0 0;}
#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {color: #fff;background: rgba(210, 172, 103, 1);}
#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {padding: 278px 15px 49px;margin: -230px 0 0;border-radius:0}
#header .header-nav.header-nav-stripe nav > ul > li:hover > a {color: #fff;background: rgba(210, 172, 103, 1);}
#header .header-nav.header-nav-stripe nav > ul > li > a  {color: #d2ac67;}
#header .header-nav-main nav > ul > li > a {font-size: 16px;font-weight: 500; letter-spacing:1px;}
html.sticky-header-active #header .header-body {border-bottom-color:#d2ac67}

.pocetna-pomak-header {margin-bottom:-130px; }
#header.header-semi-transparent .header-nav-main nav > ul > li:hover > a {color: #fff !important;}
#header.header-semi-transparent .header-nav-main nav > ul > li > a {color: #d2ac67 !important;}
#header .header-nav.header-nav-stripe nav > ul > li.active > a {color: #fff !important;}
#header.header-semi-transparent .header-body {background: rgba(0, 0, 0, 0.75) !important;border-bottom: 1px solid #d2ac67 !important}
.sticky-header-active #header.header-semi-transparent .header-body:before {background: rgba(0, 0, 0, 1) !important}


.sjena {-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);}

.izbornik-dostava {font-size: 20px;font-style: italic;color: #d2ac67;font-weight: 100;}
.box-order {background: #807f2d;margin-top:0;height:auto;padding: 20px;}
.box-order h2 {color:#fff;font-size:3.8em}
.box-tradicija {background:#f8f6ee;padding:45px;height: 363px}
.box-tradicija h2 {color:#004859; font-size: 50px;   letter-spacing: normal;  line-height: 1.1;    margin: 0 0 15px 0;}
.box-tradicija p {color:#000;font-size:16px;line-height:24px}


.tparrows {background: #190c0c !important;background: rgba(25,12,12,0.7) !important}
.tparrows:hover {background: #190c0c !important;}
.slider-container .tparrows {border-radius:0 !important}
.pozadina-jelovnik {}
.pozadina-jelovnik-backup {background: url('https://pizzeria-bjelovar.hr/slike/podloga-cuvar-2023-04.png') top center no-repeat;background-size: auto;}
.pozadina-ponuda {height: 120px;overflow: hidden;}
h2.jelovnik {color:#004859;font-size:50px;  letter-spacing: normal;  line-height: 1.1;    margin: 0 0 15px 0;    text-align: center;}
h3.narudzba {    font-size: 22px;color: #004859;font-weight: 700;text-align: center;}

.pomak-gore {margin: -440px auto 0;position: relative;z-index: 4;}
.btn-naruci {text-shadow: none !important;color: #381e1d  !important;font-weight: 700;font-size: 18px;padding: 15px 20px;}
.btn-saznaj-smedi {text-shadow: none !important;color: #fff  !important;font-weight: 600;font-size: 18px;padding: 15px 40px;}
.btn-saznaj-crveni {text-shadow: none !important;color: #fff  !important;font-weight: 600;font-size: 18px;padding: 15px 40px;}
.btn-saznaj-zeleni {text-shadow: none !important;color: #381e1d  !important;font-weight: 600;font-size: 18px;padding: 15px 40px;}
 
.box-izdvojeno {background:#fff;padding:45px;height: 310px;}
.box-izdvojeno h2 {color:#004859 !important;font-size:50px !important;letter-spacing: normal;line-height: 1.1;margin: 0 0 30px 0;}
.box-izdvojeno h3 {font-size:18px; color:#004859;font-weight: 700;margin-bottom: 18px;}
.box-izdvojeno p {color:#000;font-size:16px;line-height:24px}
.box-izdvojeno-tekst {height:120px;overflow:hidden}
.trokut-right {border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #fff;height: 0;right: -25px;position: absolute;top: 50px;width: 0;z-index: 4;}
.trokut-left {border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 25px solid #fff;height: 0;left: -25px;position: absolute;top: 50px;width: 0;}

.box-radno {background:#fff;padding:45px;}
.box-radno h2 {color:#004859 !important;font-size:50px;letter-spacing: normal;  line-height: 1.1;    margin: 0 0 15px 0;}
.box-radno p {color:#004859;font-size:16px;line-height:24px}
.box-rezervacija {background:#d2ac67;padding:45px;}
.box-rezervacija h2 {color:#ffffff;font-size:50px; letter-spacing: normal;  line-height: 1.1;    margin: 0 0 15px 0;}
.box-rezervacija p {color:#fff;font-size:16px;line-height:24px;font-weight:100}

.tab-pane h3 {color:#fff;font-size:50px;     text-transform: none; letter-spacing: normal;  line-height: 1.1;    margin: 0 0 15px 0;}
.tekst-jelovnik {color: #004859;text-transform: uppercase;font-weight: 600;font-size: 18px;}
.tekst-jelovnik-cijena {color: #004859;font-weight: 600;font-size: 18px;}


.tabs .nav-tabs2 li.active a {color: #d2ac67 !important;border-top: none;background: #004859;border-radius: 0;padding-top: 20px;padding-bottom: 20px;font-size: 18px;text-transform: uppercase;}
.tabs .nav-tabs2.nav-justified a:hover, .tabs .nav-tabs2.nav-justified a:focus {border-top: none;background: #004859;border-radius: 0;}
.nav-tabs2.nav-justified li.active a, .nav-tabs2.nav-justified li.active a:hover, .nav-tabs2.nav-justified li.active a:focus  {border-top: none;background: #004859;border-radius: 0;}
.nav-tabs2 li a, .nav-tabs2 li a:hover {background: #d2ac67;border-bottom: 0;border-left: 0;border-right: 0;border-top: 0;color: #000;padding-top: 20px;padding-bottom: 20px;font-size: 18px;text-transform: uppercase;}
.tabs .nav-tabs2 a {color: #000 !important}
.tabs .nav-tabs2 a:hover {color: #d2ac67 !important}
.nav-tabs.nav-justified li a {border-bottom: 0;margin-right:1px}
.tab-content {    border-radius: 0 ;box-shadow: none;background-color: #004859;border: 0;border-top: 0;padding: 45px 30px 15px 30px;margin-top:0;}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {border:0}
.nav-tabs.nav-justified li.active a {border:0}
.nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus {    border-left: 0;border-right: 0;border-bottom: 0;}
.nav-tabs.nav-justified li.active a:hover {border:0}
.nav-tabs.nav-justified li:last-child a, .nav-tabs.nav-justified li:last-child a:hover {border-radius:0 !important}
.nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover {border-radius:0 !important}

.tabs-content-order {background-color:#fff !important;border-radius: 0 !important}
.tabs-padding {padding: 48px 20px 15px 20px}
.tabs-left .nav-tabs > li:first-child a {border-radius: 0 0 0 0;}
.tabs-left .nav-tabs > li:last-child a {border-radius: 0 0 0 0;}
.tekst-order {color: #004859;text-transform: uppercase;font-weight: 600;font-size: 18px;}
.tekst-order-opis {font-size:11px;font-style:italic}



.page-header {min-height: 400px;padding: 300px 0 50px 0;    background: url('https://pizzeria-bjelovar.hr/slike/bg-section-2023-10.jpg') bottom right no-repeat;background-size: cover;    border-bottom: 5px solid #004859;margin:0}
.page-header .breadcrumb {color:#fff}
.page-header .breadcrumb a {color:#fff}
.page-header h2 {
	border-bottom: 0;
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 37px;
	font-size: 2.6em;
	line-height: 46px;
	padding: 0 0 17px;
	position: relative;
}
.page-header h1 {border-bottom: 0;}

.panel-group .panel {    border-radius: 0;}
.panel {    -webkit-box-shadow: none;box-shadow: none;border:0}
.panel-default>.panel-heading {background-color: #f8f6ee;}
.panel-group .panel-heading a {padding: 15px 20px;}

.kontakt-rez {color:#004859 !important;text-transform:uppercase;font-weight: 600;}
.jelovnik-cjenik {background:#004859; padding:30px 20px}
.jelovnik-cjenik h2 {color: #fff !important;font-size: 18px;text-transform: uppercase;margin:0;font-weight:600 !important; line-height: 24px; font-style:normal !important; letter-spacing:1px !important;}
a.jelovnik-index {color: #fff;}
a.jelovnik-index:hover, a.jelovnik-index:active, a.jelovnik-index:focus {color: #d2ac67;text-decoration: none; }
.jelovnik-text {color: #d2ac67;font-weight: 100;}
.jelovnik-entry {background-color: #004859;padding: 45px 30px 15px 30px;disply:inline-table}
.jelovnik-entry h2 {color: #fff;font-size: 50px;text-transform: none;letter-spacing: normal;line-height: 1.1;margin: 0 0 15px 0;}
.jelovnik-entry-text {color: #004859;font-weight: 600;font-size: 15px;}



.thumb-info {    background-color: #004859;border-radius: 0;border: 0;}
.thumb-info img {border-radius: 0;}
.thumb-info .thumb-info-wrapper {border-radius: 0;}
.thumb-info .thumb-info-title {background: rgba(25, 12, 12, 0.70);font-size: 16px;font-weight: 600;}
.thumb-info:hover .thumb-info-title {background: #004859;}
.itemdiary {width: 23%;}
.slikadiary {width:100% !important; height:auto !important; min-height:auto !important; margin-bottom:20px; border:1px solid #ddd;}
.gutter-sizer {width: 2%;}
.itemdiary-manja {width: 48%;}


/*smaller*/
.box-order-smaller {background: #807f2d; padding-top: 50px;    padding: 30px 20px;text-align: center;}
.box-order-smaller h4 {color:#fff;font-size:2.8em}

.box-news-smaller {background: #004859; padding-top: 50px;    padding: 30px 20px;text-align: center;}
.box-news-smaller h4 {color:#d2ac67; font-size:2.8em}
.box-news-smaller p {color:#d2ac67; font-size: 13px;}

.newsfield {
    font-weight: 300 !important;
    border: 0 !important;
    background: #f4e3bd;
    font-size: 15px;
    text-align: center;
    font-style: italic;
    height: 46px;
    padding: 6px 6px 6px 6px;
}

.btn-news {
    text-shadow: none !important;
    color: #381e1d !important;
    background: #ecb744;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 20px;
}

.box-galerija-smaller {background:#004859; padding: 30px 20px 20px 20px; text-align:center}
.box-galerija-smaller h4 {color:#fff;font-size:2.8em}

.box-izdvajamo-smaller {background:#004859; padding: 30px 20px 20px 20px; }
.box-izdvajamo-smaller h4 {color:#d2ac67;font-size:2.8em}
ul.nav-list2 li a:before {border-left: 4px solid #d2ac67;}
ul.nav-list2 li {color: #d2ac67;}
ul.nav-list2 li a {border-bottom: 1px solid #015b70;}
ul.nav-list2 li a:hover {background-color: #015b70;}
aside ul.nav-list > li > a {color: #d2ac67;}


.footer2 {background: url('https://pizzeria-bjelovar.hr/slike/bg-izdvojeno-ostalo-2023.jpg') top center no-repeat #004859 !important; padding: 90px 0 0;}

.footer-onama p {    font-size: 14px;color: #fff;}
#footer {margin-top:60px; background: #004859;border-top: 0;background: url('https://pizzeria-bjelovar.hr/slike/bg-izdvojeno-2023.jpg') top center no-repeat #004859;    padding: 90px 0 0;}
#footer .footer-copyright nav ul li {    border-left: 1px solid #006982;}
#footer .footer-copyright {    background: #003744;border-top: 4px solid #003744;padding:28px 0 0}
#footer .footer-copyright p {color: #fff;}
#footer a {    color: #fff;}
#footer ul.simple-post-list li {padding:5px 0; border:none;}
#footer .contact i {float:right; margin:7px 0 10px 8px;}
#footer ul.simple-post-list .post-meta {font-style:italic; font-size:1em;}

.usluge-naslov {height:81px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:300;}
.usluge-tekst {height:75px; line-height:25px; font-size:14px; font-weight:300; margin-top:10px}
ul.footerprojekti {list-style-type:none; padding:0}
ul.footerprojekti li {line-height:36px; color:#fff;}
ul.footerprojekti li span {color:#fff !important;}


.posaljite-upit {padding:60px 0 40px 0;}
.slider-gumb {padding:15px; font-size:18px; font-weight:600;}


/* SHOP */
.product-title {font-size:16px; line-height:18px; height:36px; overflow:hidden;}
.product-thumb-info .product-thumb-info-content {background:#dedede}
.product-cart-icon {width:auto !important;}
.shop-index-short {font-size:12px; line-height:16px; height:48px; overflow:hidden;}
.store_product_out_of_stock {display:none;}

.mega-menu-shop {position:static;}
#dropdowncartspecial {left: auto !important; right: 0 !important; width: 500px;}

.table-cijena {width:100%}
.cijena-left {font-weight:700; font-size:18px; background:#f1f1f1; border-right:1px solid #fff; text-align:center; width:20%; padding:23px 5px;}
.cijena-right {background:#f1f1f1; padding:23px 10px 23px 20px;}
.zacijenu {font-weight:700; font-size:24px; color:#ae0001;}

.nedostupno {cursor:not-allowed;}
.naakciji {color:#47a447}

.input-quantity {width:60px}
.btn-plusminus {width:35px;}

.product-iframe {}
.product-left {padding: 0; width: 450px; margin-right:40px;}
.product-right {padding: 0; width: 450px;}



.shop table.cart img {width: 70px;}

.cart-img {float: left; margin-right: 5px;}
.cart-input-promocode {width:200px; display:inline;}
.cart-input-kom {width:50px}

tr.cart-sveukupno th {
    border-bottom: 1px solid #DCDCDC;
}

.width320px {width:320px;}
.control-group {margin-bottom:9px}

.cartbg {
    background-color: #fff;
    margin-bottom: 35px;
    padding-bottom: 15px;
}

.alert-darkgrey {
    color: #666;
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    border-radius: 0;
}

.fonts12em {
    font-size: 1.2em;
}

.well-simple {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}


.notification {background: #ffffff;border:1px solid #47a447;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color: #444;font-size: 12px;line-height: 12px;white-space: normal;z-index: 1000;letter-spacing:0; position:relative;
    min-width: 350px;
    max-width: 80%;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}
.notification-content {padding: 0;}
.notification-title {display: block;text-align: center;background:#47a447;margin: 0;padding: 10px;font-size: 16px;line-height: 16px;font-weight: bold; color:#fff;}

/* --------------------------------------------------------	*/
/*	SuperNotice Notifications */
/* --------------------------------------------------------	*/



.superNotice
{
    position:absolute !important;
    font-family: Arial,Verdana;
    margin: 10px;
    z-index: 1000;
    margin-top: 70px;
    top: 30% !important;
    right: 44% !important;
}

.fancybox-skin .superNotice {top: 20% !important; right: 30% !important;}

.superNotice a.superNotice-close
{
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 14px;
    margin-right: -4px;
    margin-top: 3px;
    background-image: url('https://pizzeria-bjelovar.hr/slike/close.png');
    background-repeat: no-repeat;
    outline: none;
}
.superNotice a.superNotice-close:hover
{
    opacity: 0.6;
}
.superNotice .superNotice-content a.superNotice-close
{
    margin-top: -6px;
    margin-right: -7px;
}
.superNotice .superNotice-content
{    
    clear: left;
    font-size: 14px;    
    line-height: 18px;
    padding: 12px;
    vertical-align: middle;
}
.superNotice .superNotice-content-table td {
    vertical-align: top;
}
.superNotice.default
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
.superNotice.default .superNotice-header a.superNotice-close
{
    margin-top: 6px;
}
.superNotice.default .superNotice-content
{
    color: #000000;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   
}


ul.payment-steps {float:left; width:100%; margin-top:1px; margin-bottom:30px; padding:0; list-style-type:none; background:#AE0001; border-bottom:1px solid #A97C3C; color:#ffffff;font-size:12px;}
ul.payment-steps li {float:left; width:20%; text-align:center; padding:10px 0; background:#C1985E; display:block; list-style:none outside none; position:relative;}
ul.payment-steps li.active {background:#AE0001; font-weight:bold;}
ul.payment-steps li.active:after {background:#AE0001; border:solid #A97C3C; border-width:0 0 1px 1px;  bottom:-5px; content:' '; display:block; width:10px; height:10px; position:absolute; left:48%; z-index:2;
 -webkit-transform: rotate(-45deg);
 -webkit-transform-origin: 50% 50%;
 -moz-transform: rotate(-45deg);
 -moz-transform-origin: 50% 50%;
 -ms-transform: rotate(-45deg); /* IE 9 */
 -ms-transform-origin:50% 50%; /* IE 9 */
 -o-transform: rotate(-45deg);
 -o-transform-origin: 50% 50%;
 transform: rotate(-45deg);
 transform-origin: 50% 50%
}


.control-group select {
    width: 100%;
    height: 32px;
    padding: 3px 10px;
    color: #333;
    border: 1px solid #CCC;
    border-radius: 4px;
    outline: medium none;
}

.control-group {
    margin-bottom: 9px;
    margin-left: 0;
}

#forgpass-trigger {
    cursor: pointer;
}


.control-group input[type="text"], .control-group input[type="email"], .control-group input[type="password"] {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:100%;
}

.control-group input[type="text"]:focus, .control-group input[type="email"]:focus, .control-group input[type="password"]:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.control-group input[type="text"]::-moz-placeholder,  .control-group input[type="email"]::-moz-placeholder,  .control-group input[type="password"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}


.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #CC0000;
    color: #CC0000;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953B39;
    box-shadow: 0 0 6px #D59392;
}
.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline, .well.error .help-block, .well.error .help-inline {
    color: #CC0000;
}


.tablica table {
  width: 100%;
  margin-bottom: 18px;
  color:#000000;
  border:1px solid #F0F0F0;}
.tablica table p {margin:0;}

.tablica table th,
.tablica table td {
  padding: 5px 7px;
  line-height: 16px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #F0F0F0;}
.tablica table td {vertical-align:middle; font-size: 13px;}
.tablica table th {
  font-weight: 400;
  font-size: 1.2em;
  color: #fff ;
  background:#ca5b58 !important;}
.tablica table thead th {
  vertical-align: bottom;
     border-bottom: 1px solid #dddddd;
    color: #000;
    border-top: 1px solid #dddddd !important;
    border-right: 1px solid #f0f0f0 !important;
    background: #F0F0F0 !important;
  font-family:open sans
  font-weight: 600;
  font-size: 16px;}

.tablica table colgroup + thead tr:first-child th,
.tablica table colgroup + thead tr:first-child td,
.tablica table thead:first-child tr:first-child th,
.tablica table thead:first-child tr:first-child td {  border-top: 0;}

.tablica table tbody + tbody {  border-top: 2px solid #F0F0F0;}

.tablica table td {border-right:1px solid #F0F0F0}
.tablica table tbody tr:hover td,
.tablica table tbody tr:hover th {  background-color: #F0F0F0;}

.tablica table a {color: #088b2a;font-weight: bold;}

.tablica table ul {color: #000000; margin: 0 0 0 25px}

// Responsive tables
//
// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
// by enabling horizontal scrolling. Only applies <768px. Everything above that
// will display normally.

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)

  @media screen and (max-width: @screen-xs-max) {
    width: 100%;
    margin-bottom: (@line-height-computed * 0.75);
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid @table-border-color;

    // Tighten up spacing
    > .table {
      margin-bottom: 0;

      // Ensure the content doesn't wrap
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th,
          > td {
            white-space: nowrap;
          }
        }
      }
    }

    // Special overrides for the bordered tables
    > .table-bordered {
      border: 0;

      // Nuke the appropriate borders so that the parent can handle them
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th:first-child,
          > td:first-child {
            border-left: 0;
          }
          > th:last-child,
          > td:last-child {
            border-right: 0;
          }
        }
      }

      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
      // chances are there will be only one `tr` in a `thead` and that would
      // remove the border altogether.
      > tbody,
      > tfoot {
        > tr:last-child {
          > th,
          > td {
            border-bottom: 0;
          }
        }
      }

    }
  }
}

.dostavnibox {padding: 30px 0;}
.dostavnibox h2{font-size: 3em;}
.dostavnibox a {font-size: 1.6em;}

.img-sredina {margin:30px auto !important;}

.bijelapozadina1 {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95.6%, rgba(255,255,255,0) 95.6%, rgba(255,255,255,0) 100%);
}

.bijelapozadina2 {
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(210,172,103,1) 30%, rgba(210,172,103,1) 100%);
}