/* UNIVERSAL */

body {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */

}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}


.noradi {border-radius:0 !important}

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

hr.hrfull {background:#ddd;}
.bigtar:hover {cursor:pointer;}

.breadcrumb {
background-color: transparent !important;
border-radius: 4px;
list-style: outside none none;
margin-bottom: 5px;
padding: 8px 0px !important;
font-size:14px;
font-weight:400;
color:#fff;
}

.breadcrumb > li + li::before {content: none}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {color:#fff; text-decoration:none;}
.breadcrumb a:hover {color:#fff; text-decoration:underline}

.glavna-tekst {text-align:left;}
.glavna-tekst img {display:block; max-width:100%; height:auto;}

.glavna-tekst-katalog {text-align:left; font-size:18px;}
.glavna-tekst-katalog p {text-align:left; font-size:18px;}
.glavna-tekst-katalog img {display:block; max-width:100%; height:auto;}

.glavna-tekst-katalog2 {text-align:left; font-size:14px;}
.glavna-tekst-katalog2 p {text-align:left; font-size:14px;}
.glavna-tekst-katalog2 img {display:block; max-width:100%; height:auto;}

.cart5error .help-block {color:#d2322d;}
.error_message p {font-size:0.8em; color:#d2322d;}
.success_message p {font-size:2em; font-weight:700; color:#67d187;}
.success_message2 p {font-size:2em; font-weight:700; color:#67d187;}
.alert-darksuccess {background-color: #d6e9c6;border-color: #d6e9c6;border-radius: 0;color: #3c763d;}


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 {font-size:26px;}
h2.entry a:link, h2.entry a:visited, h2.entry a:active {color:#111; text-decoration:none;}
h2.entry a:hover {color:#111; text-decoration:underline}

h2.entrykatalog {font-size:30px;}
h2.entrykatalog a:link, h2.entrykatalog a:visited, h2.entrykatalog a:active {color:#111; text-decoration:none;}
h2.entrykatalog a:hover {color:#111; text-decoration:underline}

/* fix za blurry owl images */

.owl-carousel .owl-item img {transform-style:flat; -webkit-backface-visibility: hidden;}

/* 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; }


/* Ovo je za videe embedane u wygwam, dodan je js plugin za wygwam koji oko videa automatski stavi div video-container */
.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%;
}

/* SPECIFIC */

body {color:#111; font-family: 'Lora', serif; font-weight: 400; letter-spacing:0; font-style:italic; font-size:16px; line-height:1.6em;}
p {color:#111; font-family: 'Lora', serif; font-weight: 400; letter-spacing:0; font-style:italic; font-size:16px; line-height:1.6em;}

.marginbottom30 {margin-bottom: 30px;}

.img-center {margin: 0 auto !important; float:none !important; text-align:center !important; position:relative !important;}

#header .header-top ul.nav-top li a {padding: 4px 6px;}

#footer {
    background: #666167 none repeat scroll 0 0;
    border-top: 4px solid #666167;
    margin-top:0;
    color:#d3cdc7;
}

#footer p {color:#d3cdc7;}

#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;}

#footer .footer-copyright {
    background: #423c43 none repeat scroll 0 0;
    border-top: 4px solid #423c43;
	font-size:14px !important;
    margin-top:0;
}

#footer .footer-copyright p {
    color: #d3cdc7;
    font-size:14px !important;
}

.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:#484848 !important;}

.posaljite-upit {padding:60px 0 40px 0;}

.slider-gumb {padding:15px; font-size:18px; font-weight:600;}


a:link, a:visited, a:active {text-decoration: none !important;}
a:hover {text-decoration: none !important;}

a.crni:link, a.crni:visited, a.crni:active {color: #111 !important; text-decoration: none !important;}
a.crni:hover {color: #111 !important; text-decoration: none !important;}

.marginbottom0 {margin-bottom:0 !important;}

#header .header-body {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid transparent;
    border-top: 5px solid #fff;
    min-height: 125px;
    padding: 8px 0;
    transition: min-height 0.3s ease 0s;
    width: 100%;
    z-index: 1001;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Lora', serif; font-weight: 400; letter-spacing:0 !important; font-style:italic;}

h1 {font-size: 28px; line-height: 36px; margin: 0 0 20px 0;}

.headernaslov {min-height: 105px; float:right;}
.headernaslov p, .headernaslov h1 {margin:0; padding:30px 0 0 0; text-align:right; line-height:1.2em; letter-spacing:0px; font-size:28px; color:#111; font-weight:400 !important; font-family: 'Lora', serif !important; font-style:italic;}

#header .header-nav-bar .header-nav-main {
    float: right;
    margin-bottom: 0;
}

#header .header-nav-main nav > ul > li > a {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 10px;
	font-family: 'Lora', serif;
	letter-spacing:0px;
	font-style:italic;
	text-transform: none;
}

#header .header-logo {
	position: absolute !important;
	top:0;
	left:15px;
	z-index:888;
}

#header .header-logo img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

html.sticky-header-negative.sticky-header-active #header .header-logo,
html.sticky-header-negative.sticky-header-active #header .header-logo img {width:70px !important; height:70px !important;}

.slider-container {
    background: #e2d4c7 none repeat scroll 0 0;
    height: 650px;
}
.slider-container .bottom-label {
margin:0; padding:0; text-align:right; line-height:1.4em; letter-spacing:0px; font-size:30px; color:#fff; font-weight:400 !important; font-family: 'Lora', serif !important; font-style:italic; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

section.section-poc {margin:0 !important; padding:0 !important; border:0 !important; background:#fff !important;}
.slikavodoravnapoc {margin:-90px 0 0 0 !important;}
.tekstuvodnivodoravni {width: 415px;}
.tekstuvodnivodoravni p {padding:30px 0 0 30px;}

span.velikitelefon {font-size:30px; font-weight:700;}

.spustanje {position: relative; top:130px;}
h1.napodlozi {color:#fff !important; font-size:28px !important; line-height:1.2em !important; padding:0 !important; margin:0 !important;}
.podlogaslika {height:320px; width:100%; background:url(https://gostinjacbsm.com/slike/podloga-ostale.jpg) top center no-repeat; margin:0 0 50px 0 !important;}

.trgovinebox {width: 100% !important; height: 200px; background: #f0f0f0; font-size:14px;}
.trgovinebox p {padding:0 20px !important; margin:0 !important; line-height:1.4em; font-size:14px;}
h2.trgovineboxnaslov {color:#000 !important; font-size:18px !important; line-height:1.2em !important; margin:0 !important; padding: 15px 20px 10px 20px !important; font-weight:600;}
h3.trgovineboxnaslov {color:#000 !important; font-size:18px !important; line-height:1.2em !important; margin:0 !important; padding: 15px 20px 10px 20px !important; font-weight:600;}

.katalogproizvodabox {width: 100% !important; height: 130px; background: #fff; font-size:14px; text-align:center !important;}
.katalogproizvodabox p {padding:0 20px !important; margin:0 !important; line-height:1.5em; font-size:15px;}
h2.katalogproizvodaboxnaslov {color:#000 !important; font-size:20px !important; line-height:1.2em !important; margin:0 !important; padding: 15px 20px 10px 20px !important; font-weight:600;}
h3.katalogproizvodaboxnaslov {color:#000 !important; font-size:20px !important; line-height:1.2em !important; margin:0 !important; padding: 15px 20px 10px 20px !important; font-weight:600;}

.smallbox {margin-bottom:30px; font-size:14px;}
.smallbox p {font-size:14px;}

aside ul.nav-list > li > a {
    color: #666;
    font-size: 14px;
    padding: 8px 0 8px 18px;
}

.google-map {
    height: 500px;
}

.jezici-velikerezolucije {float:right; margin:35px 0 0 20px; padding:0;}
.jezikizbornik {float:left !important; margin:0 8px 0 0 !important;}

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