/* UNIVERSAL */


.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;}
.clear50 {clear:both; height:50px;}
.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 > li + li::before {content: none}
.breadcrumb {font-size:12px;}
.breadcrumb {color:#777;}

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

.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 {font-weight:500;}
.glavna-tekst {text-align:justify;}

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



/* SPECIFIC */

body {color:#484848;}
p {color:#484848;}

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

#footer {margin-top:0}


#footer .footer-copyright a {color: #4e4c39 !important;}

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


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

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

/* CUSTOM */
.navbar-default {
	background-color: #000;

}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
}

.nav > li {
	border-bottom: 1px solid #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: #000;
	font-weight: 600;
	color: #4e4c39;
}

.bgimg {
	background: url(https://ddesign-studio.com/images/uploads/bg-img.jpg);
}

.nomnop {
    margin: 0;
    padding: 0;
}

#header .header-body {
	background: #000;
}

html.side-header #header {
	background: #000;
}

ul.nav-pills > li.active > a {
	background-color: #000;
}

.kontakt-side > li {
	border-bottom: none;
}

#header .header-nav-main nav > ul > li:hover > a {
	color: #4e4c39;
	background: transparent;
}

.active > a {
	color: #4e4c39 !important;
	background: transparent;
}

#header .header-nav-main nav > ul > li:focus > a {
	color: #4e4c39;
	background: transparent;
}

#header .header-nav-main nav > ul > li > a {
	color: #fff;
	background: transparent;
}

#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
	color: #4e4c39;
	background: transparent;
}

#header .header-nav-top .nav > li > span {
	color: #fff;
}

.kontakt-side {
	padding: 10px;
}

.itemdiary {width:23%;margin:1%;}
.slikadiary {width:100% !important; height:auto !important; min-height:auto !important; margin-bottom:0;}


.siva-bg {background: #ebebeb; padding-bottom: 18px;}

.rounde { 
	border-radius:50%;
	margin:0 auto 25px auto;
	border:6px solid #fff;
	transition: all 0.3s ease 0s;
}

.rounde:hover {
	border:3px solid #4e4c39;
	transform: scale(0.97, 0.97);
}

a.round-title {font:600 16px 'Open Sans';display:block;margin:0 0 12px 0;}
a.round-title:link {color:#000;}
a.round-title:visited {color:#000;}
a.round-title:hover {color:#v;}
a.round-title:active {color:#4e4c39;}
div.round-text {color:#4e4e4e;font:normal 13px 'Open Sans';width:50%; margin: 0 auto;}

.btn-krug {
	border-radius: 0;
	padding: 5px 20px;
}

.owl-carousel.stage-margin .owl-stage-outer {
	margin-left: 0px !important;
}

.naslov-krug {
	text-transform: none;
}

.e-usluge {
	background: url(https://ddesign-studio.com/images/uploads/e-usluge-poc.jpg);
	background-size: cover;
	height: 270px;
	padding: 30px 20px 20px 20px;
	color: #FFF;
}

.poklon-bon {
	background: url(https://ddesign-studio.com/images/uploads/poklonbon-poc.jpg);
	background-size: cover;
	height: 270px;
	padding: 30px 20px 20px 20px;
	color: #FFF;
}

.usluga-bon-naslov {
	color: #fff;
	text-transform: none;
	font-weight: 200;
	margin-top: -15px;
	overflow: hidden;
	position: relative;
}

#footer {
/*
	background: #252525;
	border-top: none;
*/	
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 50px 0 0;
}

#footer p {
	color: #000;
}

.form-control {
	border-radius: 0;
    padding: 20px 12px;
    /* background: #444; */
    font-style: italic;
	color: #000;
}

textarea.form-control {
	padding: 10px 12px;
}

.footer-upit-btn {
	border-radius: 0;
	color: #fff !important;
	padding: 10px 20px;
}

#footer .footer-copyright {
	margin-top: 0px;
	background: #fff;
	border-top: none;
}

.naslov-entry:hover, .naslov-entry:focus, .naslov-entry:active {
	text-decoration: none;
	color: #ccc !important;
}

.naslov-entry:link, .naslov-entry:visited {
	color: #4e4c39;
}

.projekti-sidebar:hover, .projekti-sidebar:focus, .projekti-sidebar:active {
	text-decoration: none;
	color: #4e4c39 !important;
}

.projekti-sidebar:link, .projekti-sidebar:visited {
	color: #000;
}

div.breadcrumb-novi {
    margin: 0 0 30px -35px;
}

.breadcrumb-novi h1 {float:left;margin:0 0 0 0;font-size: 14px; font-weight:bold;color:#333;line-height:24px;}
.breadcrumb-novi {
	color:#fff;  
	list-style:none;  
	float: left;  
	padding: 7px 15px 7px 35px;
	font-size: 13px; 
	margin:30px 0 168px 0;
	/*background: rgba(102, 102, 102, 0.7);*/
	min-width:50%; 
	color: #333;
}

ul.breadcrumb-novi2 {float:left;margin:0 0 0 -30px;}
ul.breadcrumb-novi2 li {display:inline; color:#333;}

a.breadboja:link, a.breadboja:visited, a.breadboja:active {color: #333; text-decoration: none;}
a.breadboja:hover {color: #333; text-decoration: underline;}

.poveznice-index {
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
}

.thumb-info {
	border-radius: 0;
}

.thumb-info .thumb-info-wrapper {
	border-radius: 0;
}

.thumb-info img {
	border-radius: 0;
}


	
.tab-content {
	background: transparent;
	border: none;
}

.social-icons li:hover.social-icons-googleplus a {
	background: #DD4C3B;
}

.ddesign-logo-tekst {
	left: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
	font-family: 'Righteous', cursive;
	font-size: 3.6em;
	color: #000;
}

h1.ddesign-logo-tekst2 {
	left: 50%;
	margin-left:-150px;	
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top:-118px;
}

.d-slovo {
	color: #4e4c39;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	display: inline-block;
}

.header-bg-img {
	float: left;
	position: relative;
}

#footer a {
	color: #4e4c39;
}

.border {
	border: 1px solid;
	height: 220px;
	position: relative;
}

.usluga-bon-naslov:before, .usluga-bon-naslov:after {
	content: "";
  position: absolute;
}

.usluga-bon-naslov:before {
	margin-right: 15px;
	right: 100%;
}

.usluga-bon-naslov:after {
	margin-left: 15px;
	left: 100%;
}

.borderpoc:hover, .borderpoc:focus {
	border: 2px solid #4e4c39;
}

.borderpoc {
	border: 2px solid #fff;
	padding: .35em .625em .75em;
	height: 220px;
}

.naslovpoc-box {
	border: none;
	color: #fff;
	text-transform: none;
	font-weight: 200;
	padding-left: 10px;
	width: 30%;
}

.boxpoc-epoklon:hover, .boxpoc-epoklon:focus {
	color: #fff;
	text-decoration: none;
}

.thumb-info .thumb-info-action-icon {
	border-radius: 0;
}

.thumbnail {
	border-radius: 0;
}

html.side-header .main .container, html.side-header #footer .container {padding: 0 10px;}

.img-thumbnail {border-radius: 0;}

.bg-header {
    height: 50vh;
    background: #000;
}

.bg-header-poc {
	height: 100vh;
	background: url(https://ddesign-studio.com/slike/ddesign-studio-05.jpg);
}

.bijeli:link, .bijeli:visited {color: #fff; text-decoration: none;}
.bijeli:hover {color: #4e4c39;}

#owl-nase-usluge .owl-carousel .owl-item img {transform-style: flat !important;}

h4.ddesign-logo-tekst-h4 {
    left: 0;
    position: absolute;
    text-align: center;
    top: 48%;
    width: 100%;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 1.6em;
    color: #000;
    font-weight: 500;
}
#footer {border-top: 0; padding: 0;}

.bannerhamag {margin:20px 0 0 20px;}


.masonry-loader {
    height: auto;
    overflow: visible;
    position: relative;
}

.masonry-loader ul.products .product {
    position: relative;
    margin-bottom: 25px;
}


.masonry-loader ul.products {
    padding: 0 0 15px 0;
    list-style: none;
}

.galerijaslikanova .thumb-info {border: 0;border-radius: 0px;}
.galerijaslikanova .thumb-info .thumb-info-wrapper {margin: 0;}
.galerijaslikanova span.naslovsp {font-weight: bold; margin-top: 5px; display: block}


.ddesign-logo-tekst{z-index:9999}
.header-kontakt {float: right}
ul.header-kontakt li {display: inline;position: relative;right: 50px;top: -50px;margin-left: 20px;}
ul.header-kontakt li .fa {color: #fff}
.socialne-ikone-nove a {margin-right: 15px}
#header .header-logo{float:none;}
@media (min-width: 992px) {
	#header .header-logo{ top: 15px;}
}
#header .header-logo img{float:none;margin:0 auto}
#header .header-body{border-top:0; min-height:85px !important}
html.sticky-header-active #header .header-body {border: 0;}
#menu-toggler{position:absolute;top:30px;left:50px;width:50px;height:45px;cursor:pointer;z-index:999}
#menu-toggler span{float:left;clear:both;position:relative;height:3px;background:#fff;margin-bottom:9px;transition:all .3s;-webkit-transition:all .3s}
#menu-toggler span:nth-child(1){width:47px}
#menu-toggler span:nth-child(2){width:38px}
#menu-toggler span:nth-child(3){width:44px}
#menu-toggler span:nth-child(4){width:47px}
#menu-toggler.toggler-close span:nth-child(2),#menu-toggler.toggler-close span:nth-child(3){opacity:0}
#menu-toggler.toggler-close span:nth-child(1){top:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
#menu-toggler.toggler-close span:nth-child(4){top:-15px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
#main-navigation{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.9);z-index:4;opacity:0;visibility:hidden;transition:all .3s;-webkit-transition:all .3s}
#main-navigation.show-menu{opacity:1;visibility:visible}
#main-menu{float:left;margin:125px 0 0 75px;list-style:none}
#main-menu > li{padding:10px 0}
#main-menu > li span {color: #fff}
#main-menu > li > a{text-transform:uppercase;font-weight:700;font-size:19px;color:#fff}
#main-menu > li.active > a,#main-menu > li > a:hover{color:#4e4c39}
#main-menu > li > ul{margin:15px 0 0;list-style:none}
#main-menu > li > ul > li > a{font-size:18px;font-weight:400;color:#afafaf}
#main-menu > li > ul > li > a:hover,#main-menu > li > ul > li.active > a{color:#4e4c39}

@media (max-width: 776px) {
	#menu-toggler {left: 15px !important;}
}