@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@300;400;500&display=swap');


.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.ikona {
    width: auto !important;
    height: 25px !important;
}
.icon{position:relative;display: inline-block;width: 50px;}

body {
	width:100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13.5pt;line-height: 1.3;
	color: black;
	font-weight: 100;
	text-align:center;
	background-image: url("images/pozadina.png");
background-repeat: repeat;}

p {
  line-height: 1.3;   /* within paragraph */
  margin:0;
  margin-bottom: 16px !important; /* between paragraphs */
  
  text-align: justify;
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

#desk{display:inline-block;}
#mob{display:none;}

.z1MNE, .z1ENG{display:inline-block; position: relative; padding:0 10px 0 0; margin:-9px 20px; width:0px; color: rgba(0,0,0,0);}

.z1MNE a {display:inline-block; position: relative;
    font-size: 12pt;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    color: rgba(0,0,0,0) !important;
    font-style: normal !important;
    padding: 1px 2px 0 1px;
    margin: 8px 7px 7px 0;
    background-image: url("mne-flag.jpg");
    height: 24px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    filter: opacity(0.7);


}

.z1ENG a {display:inline-block; position: relative;
  font-size: 12pt;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
  color: rgba(0,0,0,0)!important;
  font-style:normal !important;
  padding:1px 2px 0 1px;
  margin: 8px 7px 7px 0;
  background-image: url("eng-flag.jpg"); /* The image used */
  height: 21px;
  background-position: left; 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  filter: opacity(0.7);

}

.z1MNE a.is-active, .z1ENG a.is-active, .z1MNE a:hover, .z1ENG a:hover {opacity: 1;filter: opacity(1);}

.noview{display: none;}

/*slider*/
#layout-slider{overflow: hidden; text-align: center; position:relative; display:inline-block; width:100%;max-width:1140px;
height:auto; z-index:5; visibility:hidden;margin: 0; padding:0;}
.bxslider{vertical-align:top;text-align:center;height:auto;width:100%;padding:0;margin:0;z-index:0;}
.bxslider li img{height:auto; width:100%;}

.ispred-slidera{position:relative; display: inline-block;vertical-align: top; 
	width: 100%; height:15px; padding:0; margin: 0;}	

/* heder */
.layout-strana{position:relative; display: inline-block;vertical-align: top;overflow: hidden; 
	width: 100%; max-width:1140px; height:auto; text-align: center;padding:0 10px 0 10px; margin: 0;
	background-color:rgba(255, 255, 255, .5); z-index:5;}

#visina{min-height: 700px;}


a.detail, a.detail:link, a.detail:visited, a.detail:active {display: inline-block; font-size: 13pt; font-weight: 400;
    color: #fff; text-align: center; background-color: #660066; border: solid 1px #660066; cursor: pointer; 
 padding: 13px 25px; margin-top: 11px;
    border-radius: 0px; font-family: 'Source Sans Pro', sans-serif;line-height: 1.25em;text-decoration: none;}
a.detail:hover {color: #660066; background-color:#ffffff; text-decoration:none;}

#ispod-hedera{margin: -5px 0 0 0;}

.boja-slider{height:auto;  margin:0 ; padding:0;}/** gradient pozadina - background: linear-gradient(90deg, rgba(251,251,255,1) 0%, rgba(128,128,129,1) 50%, rgba(251,251,255,1) 100%); **/
.siva{background-color: rgba(236,239,241,0);background-color: white; border: solid 1px #660066;border-top: 0px;}
.siva1{background-color: rgba(236,239,241,0);background-color: white; border: solid 1px #66bb46;height:100%;}
.uvuceno{padding:5% !important;}
.uvucenostranelijevo{padding:0 0 0 5% !important;}

.svijetlosiva{background-color: lightgray; color: black !important;}
.crna{color:white;background: black;}
.tamnosiva{background-color: gray; color: white !important;}
.tamnosiva a:link {color: white; text-decoration:none; font-style: italic;}
.tamnosiva a:visited {color: white; text-decoration:none;font-style: italic;}
.tamnosiva a:hover {color: white; text-decoration:none;font-style: italic;}
.tamnosiva a:active {color: white; text-decoration:none;font-style: italic;}


.sijenka{box-shadow: 5px 5px 30px rgb(0 0 0 / 20%);}

.black{background-color: black;color:white; padding: 10px 0 10px 0;}

.bijela{background-color: white;color:black;vertical-align: top;}
.bijela-kontakt{background-color: white;color:black;border-style: solid;  border-color: gray white white white; border-width:10px 0 0 0;}
.divcenter{text-align:center !important;}


.novosti-naslov{min-height:110px;}
.novosti-tekst{min-height:144px;}
.novosti-tekst p{text-align:left !important;}
.novostiokvir{width:90%; margin:0; background-color: white; border: solid 0 #660066;border-top: 0px;padding:5% !important;}


.reference{display: inline-block; width:auto; font-family: 'Encode Sans Condensed', sans-serif;font-weight: 400; font-size: 17pt;margin:4px; background-color: white; color: #660066; border: 1px solid #660066; padding:5px;}
.reference:hover{display: inline-block; width:auto; margin:4px; background-color: #660066; color:white; border: 1px solid #660066; padding:5px;}

/** sirina strane box-shadow:0 5px 15px rgb(0 0 0 / 30%); **/

.heder_strana{position:relative;display: inline-block;width: 100%; max-width: 1140px; height:145px;text-align: left; vertical-align:top;}
.heder100{position:relative; display: inline-block; z-index: 100; margin: 0; padding: 0; 
	width: 100%; height:145px; text-align: center;
background-color:#660066;    
background-image: url("images/header--simtex.png");
background-repeat: repeat-x;
background-position: center bottom;}

.heder80{position:relative;display: inline-block;margin:0;padding: 50px 0 0 0;width: 68%; height:85px;text-align: right;vertical-align:top;}
.heder80 div{position: relative; display: inline-block;}

.heder20{position:relative;display: inline-block; margin:0; padding: 30px 0 0 0; width: 31%; height:115px;text-align: left;vertical-align:top;}
.heder20 img{width: 100%; height:auto; padding: 0;margin:0;}
.heder20 a{text-decoration:none;}

.sivenje{position:relative;display: inline-block;margin: 0 0 -5px 0; padding: 0;	width: 100%; height:22px; 
background-color:none;    
background-image: url("images/header--simtex-2.png");
background-repeat: repeat-x;
background-position: center bottom;}

/** podesavanja za search **/

a{text-decoration:none;}

.log-nav:hover{background-color: #ea2323;}


.ispod-hedera{position:relative;display: inline-block; margin: 20px 0 0 0; padding: 0; 
	background-color: white;
	width: 100%; height:30px; text-align: right;vertical-align: bottom;
	border-style: solid; border-color: white white gray white; border-width:0 0 2px 0;}


#menu__toggle{display:none;}

#nav {position: relative;width: 100%; margin:0; z-index: 900; text-align:center;}
#nav a {display: none;}

ul{list-style-type: none;}
ul, menu, dir {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

#nav ul {margin: 0;}
#nav ul li {position:relative; width: auto; height:auto; border-top:0;	background: rgba(6,62,117,0);}
#nav ul li, #nav ul li a {display: inline-block;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size: 16pt;
margin: 0; padding:0; text-align: center; color:white;}

#nav ul li:hover, #nav ul li:hover a {color: white;}
#nav ul li a{width:100%;height:auto; padding: 7px;}

#nav ul li a.is-active {width:100%;color: white; padding:7px;}

/** dodato **/

li > a:after { content: ' \25BE'; } /* Change this in order to change the Dropdown symbol */
li > a:only-child:after { content: ''; }

#nav ul li ul {
background: white;
visibility: hidden;
opacity: 0;
display: none;
position: absolute;
transition: all 0.5s ease;
margin-top: 0;
left: 0px;
width: 200px;
border: 1px solid #660066;

}

#nav ul li ul li {
position: relative;
color: #660066;
border-bottom: 1px solid #660066;
margin: 0; padding:0; text-align: center;
clear: both;
width: 100%;

}

#nav ul li ul li, #nav ul li ul li a {display: inline-block;font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size: 16pt;
margin: 0; padding:0; text-align: left; color:#660066 !important;}

#nav ul li ul li:hover, #nav ul li ul li:hover a {color:#660066;background-color: #d5d5d5;}
#nav ul li ul li a{width:90%;height:auto; padding: 5%;}

#nav ul li ul li a.is-active {width:90%;color: #660066; padding:5%;}


#nav ul li:hover > ul,
#nav ul li:focus-within > ul,
#nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.menu-item #izbor-kolekcije, .menu-item #our-collections{display:none;}

/* breadcrumbs */

.podmeni0-nav {display: inline-block;font-family: 'Signika', sans-serif; color: gray; 
	font-size: 10pt;font-weight: normal; padding:2px 7px 2px 7px; width:auto; 
	border-radius: 0;
	border-left: 3px solid gray; text-transform: uppercase;
	margin:0 0 10px 0;}

.podmeni1-nav {display: inline-block;font-family: 'Signika', sans-serif; color: gray; 
	font-size: 10pt;font-weight: normal; padding:2px 7px 2px 7px; width:auto; 
	border-radius: 0;
	border-left: 3px solid #660066; text-transform: uppercase;
	margin:0 0 10px 0;}

.podmeni2-nav {display: inline-block;font-family: 'Signika', sans-serif; color: gray; 
	font-size: 10pt;font-weight: normal; padding:2px 7px 2px 7px; width:auto; 
	border-radius: 0;
	border-left: 3px solid #d5d5d5; text-transform: uppercase;
	margin:0 0 10px 0;}

.kocka, a .kocka{position: relative; display: inline-block; height:0;width:100%;padding-bottom:100%;background-color:rgba(255, 255, 255, 1);}
.kocka img{opacity:1;}
.kocka:hover{background-color:#d5ab44;}
.kocka:hover img{opacity:1;}

.kocka25{position: relative; display: inline-block;width:24.5%;padding:0;margin:0;}
.kocka50{position: relative; display: inline-block;width:49%;padding:0;margin:0;}



.kockacetiri, a .kockacetiri{position: relative; display: inline-block; height:0;width:100%;padding-bottom:85%;vertical-align: top;color:#660066;
font-family: 'Encode Sans Condensed', sans-serif;font-weight: 300;}
.kockacetiri img{opacity:1;}
.kockacetiri:hover{background-color:#d5ab44;}
.kockacetiri:hover img{opacity:1;}

.kockacetiri1, .kockacetiri2, .kockacetiri3, .kockacetiri4{position: relative; display: inline-block;width:16.48%;padding:0;margin:0;border: solid 1px #660066; vertical-align: top;}
.kockacetiri1 img, .kockacetiri2 img, .kockacetiri3 img, .kockacetiri4 img{width:33%;  padding: 20px 32%;}
.kockacetiri3 img{width:50%;  padding: 20px 22%;}
.kockacetiri1{background-color: #e0dfdf;}
.kockacetiri2{background-color: #eeeded;}
.kockacetiri3{background-color: #e0dfdf;}
.kockacetiri4{background-color: #eeeded;}
.kockacetiri1 h3, .kockacetiri2 h3, .kockacetiri3 h3, .kockacetiri4 h3{color:#660066;}

.w100center{display: inline-block;position: relative; height:auto !important; vertical-align: top;width: 99%;
	padding:0;margin:0; text-align: center;}

.pozovi{display: inline-block;position: relative; height:auto !important; vertical-align: top;width: 99%;
	padding:10px;margin:0; text-align: center;background-color: #660066;}	
.pozovi h3, .pozovi h3 a{color:#ffffff !important;font-size: 16pt !important;}


.galerijadesktop{display: inline-block;position: relative; vertical-align: top;width: 100%;
	padding:0;margin:0; text-align: justify;}
.galerijamobilni{display: none;position: relative; vertical-align: top;width: 100%;
	padding:0;margin:0; text-align: justify;}



.w100{display: inline-block;position: relative; vertical-align: top;width: 100%;
	padding:0;margin:0; text-align: justify;}

.w100kralj, .w100memories{display: inline-block;position: relative; vertical-align: top;width: 100%; padding:0;margin:0; text-align: center;}
.w100kralj #block-webatelje-content, .w100memories #block-webatelje-content{display: inline-block;position: relative; vertical-align: top;width: 75%;margin:0 0 20px 0;}

.w66m90{display: inline-block; position: relative; vertical-align: top; width: 66%; padding:0; margin:0; text-align: justify;}	

	.w100 img{width:100%;height:auto;}
	.w100 ul{padding-inline-start: 0px;}
	.w100 ul li{display: inline-block;width: 23%;height:auto; margin:1%; }
	.w100 ul li img{width:100%;height:auto;}


	.d33 img{width:100%;height:auto;}
	.d33 ul{padding-inline-start: 0px;}
	.d33 ul li{display: inline-block;width: 100%;height:auto; margin:1%; border: 0;border-radius: 0;}
	.d33 ul li img{width:100%;height:auto;}

.w90text{position:absolute; bottom:8px; left: 8px;  vertical-align: top;max-width: 80%;
	padding:0;margin:0; text-align: left; font-family: 'Signika', sans-serif; color: #660066; font-size: 19pt;font-weight: 400;}

.w95{position:relative; display: inline-block;vertical-align: top;width: 95%;
	padding:0;margin:0; text-align: justify;}
.w90{position:relative; display: inline-block;vertical-align: top;width: 89%;
	padding:0;margin:0; text-align: justify;}
.w80{display: inline-block;vertical-align: top;width: 79%;
	padding:0;margin:0; text-align: justify;}

.w80kolekcije{display: inline-block;vertical-align: top;width: 75%; padding:0 2% 2% 0;
	margin:0; text-align: justify;}

.w70{display: inline-block;vertical-align: top;width: 74%;
	padding:0;margin:0; text-align: justify;}

.w66{display: inline-block;vertical-align: top;width: 66%;
	padding:0;margin:0; text-align: left;}	
.w50{display: inline-block;vertical-align: top;width: 49.5%;
	padding:0;margin:0; text-align: left;}
.w50 ul li{width: 95%;}

.w50r{display: inline-block;vertical-align: top;width: 47%;
	padding:0;margin:0 0 0 0; text-align: right;}	

.w50kompanije{display: inline-block;vertical-align: top;width: 49%;
	padding:0;margin:0; text-align: left;}

	.w50kompanije a:link, .w50kompanije a:visited, .w50kompanije a:hover, .w50kompanije a:active {color: white; text-decoration:none;}

.naziv66{display: inline-block;vertical-align: top;width: 56%; padding:0;margin:0 0 0 10px; text-align: left;}
.detalj33{display: inline-block;vertical-align: top;width: 36%;	padding:0;margin:0 10px 0 0; text-align: right; color:#b939bb;}	


.w33{display: inline-block;vertical-align: top;width: 33%;
	padding:0;margin:0; text-align: left;}

.w25{display: inline-block;vertical-align: top;width: 17%;
	padding:0;margin:1%; text-align: left; opacity:100%;}
	.w25:hover img{opacity:66%;}	

.w100novosti{display: inline-block;vertical-align: top;width: 98%;
	padding:0;margin:20px 1% 20px 1%; text-align: left;}

.w50kralj{display: inline-block;vertical-align: top;width: 40%;
	padding:0;margin:0; text-align: justify;}
.w30kralj{display: inline-block;vertical-align: top;width: 17%;
	padding:0;margin:0; text-align: justify;}


.w20{display: inline-block;vertical-align: top;width: 19%;
	padding:0;margin:0; text-align: justify;}

.w10{display: inline-block;vertical-align: top;width: 5%; max-width:15px;
	padding:0;margin:0; text-align: justify;}
.w10ugasi{display: inline-block;vertical-align: top;width: 9%; cursor: pointer;
	padding:0;margin:0; text-align: right;font-size: 50px;color: black;}		

.d33{display: inline-block;vertical-align: top;width: 31%;
	padding:0;margin:1%;text-align: left;}

.d50{display: inline-block;vertical-align: top;width: 43%;
	padding:0;margin:2%;text-align: left;}


.kontakt33bijeli{display: inline-block;vertical-align: top;width: 28%;
	padding:2%;margin:0%; border: 0px solid #d9d9d9;border-radius: 1px;
    text-align: left;}
    .kontakt33bijeli a:link, .kontakt33bijeli a:visited, .kontakt33bijeli a:hover, .kontakt33bijeli a:active {color:black;}
    .kontakt33bijeli h3{text-align: left;}


.kontakt33{display: inline-block;vertical-align: top;width: 28%;
	padding:2%;margin:0%; border: 0px solid #d9d9d9;border-radius: 1px;
    text-align: left;}
    .kontakt33 a:link, .kontakt33 a:visited, .kontakt33 a:hover, .kontakt33 a:active {color:white;}
    .kontakt33 h3-bijela{text-align: left;}

.wd100{display: inline-block;vertical-align: top;width: 96%;
	padding:1.9%;margin:0; border: 0px solid #d9d9d9;text-align: justify;}
    .wd100 img{width:100%;height:auto;}
    
.wd100column{display: inline-block;vertical-align: top;width: 93%;
	padding:2%;margin:1%; border: 0px solid #d9d9d9;border-radius: 7px;
    text-align: justify;column-count: 3;column-gap: 40px;column-rule: 1px solid gray;}

.pmw100{display: inline-block;vertical-align: top;width: 100%;
	padding:2% 0 2% 0; margin:0; text-align: left;}

.zd100{display: inline-block;vertical-align: top;width: 99%;
	padding:0;margin:0; border: 0px solid #d9d9d9;border-radius: 7px;
    text-align: justify;}
    .zd100 img{width:100%;height:auto;} 

   .views-row h2{font-family: 'Source Sans Pro', sans-serif; font-size: 16pt !important; color:gray;}      

.z60left{display: inline-block;vertical-align: middle;width: 52%; height: 114px;
	padding: 20px 0 0 0;margin:1%; }
.z60left h3{text-align:left !important;}

.z60right{display: inline-block;vertical-align: middle;width: 52%; height: 114px;
	padding: 20px 0 0 0;margin:1%; }
.z60right h3{text-align:right !important;}

.z40{display: inline-block;vertical-align: top;width: 39%; height: 114px;
	padding: 0;margin:1%; }	

 .d66{display: inline-block;vertical-align: top;width: 63.3%;
	padding:0%;margin:1%;border: 0px solid #d9d9d9;border-radius: 7px;
    text-align: justify;}

.kolone2{display: inline-block;vertical-align: top;
	padding:0;margin:0;text-align: justify;column-count: 2;column-gap: 40px;}

.datum {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	color: #6f8998;
	/**text-shadow: 2px 2px 10px #b0b1b1;**/
	font-weight: normal;
	line-height: auto;
	text-align: left;	
}


.opsirnije {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt;
	/**text-shadow: 2px 2px 10px #b0b1b1;**/
	font-weight: bold;
	line-height: auto;
	width:100%;
	text-align: right;
	cursor: pointer;	
}


.galerija30 {display: inline-block;width: 19%;}
.galerija30 img{width:90%;height:auto;}

.colorbox, .cboxElement {outline : none;}


.d100 {display: inline-block; position: relative;vertical-align: top; text-align: left;width: 100%;margin: 0;padding: 0;}
.d100 img, .d100 a img{width: 100%;height: auto;}

.d100text {position: absolute; top:50px; right:50px; vertical-align: top; text-align: left;width: 20%;min-width:300px; height:auto; margin: 0;padding: 5%;
			background-color:rgba(0,0,0,0.6);color:white;text-shadow: 2px 2px 6px black;}
			.d100text h1{color:white !important;text-shadow: 2px 2px 6px black;font-size: 35px;}
			.d100text h3{color:#66bb46 !important;text-shadow: 2px 2px 6px black;font-size: 50px;}
			.d100text h4, h4 a{font-size: 18px; color: white !important;}
			.d100text a.detail, .d100text a.detail:link, .d100text a.detail:visited, .d100text a.detail:active{text-shadow: 0px 0px 0px black;}
			.d100text a.detail:hover{text-shadow: 0px 0px 0px black;background-color: rgba(0,0,0,.7);}
#d100 {display: inline-block; vertical-align: top; text-align: left;
		padding: 20px 0 20px 0;margin: 0;width: 100%; height: 100%; position: relative;}


.opsirnije,.opsirnije a {width:100%;text-align:right;}


/* login strana, create new, reset - sakriva*/
#block-webatelje-local-tasks{display:none;}

.user-login-form{width:33%;}

.strana{width:100%;
	height: 100%;
	min-height:700px;}

/* heder */

.layout-header{position:relative;display: inline-block;width:100%;margin:24px 0 40px 0;z-index:999;
background-color: black;
}

.header{position:relative; display:inline-block;width:100%;max-width:1100px;height:64px; 
	text-align: right;padding: 0;margin: 0; background-color: black;}

.logo-header{position:absolute; top:0;left:0;height:86px;width: 30%; padding: 0;margin: 0;}
.logo-header img{height:86px;}


.menu-header{position:absolute; top:0px;right:0;height:auto;width: 67%; text-align: center;padding:0;margin: 0; }

.ispod-headera{position:relative; display:inline-block; font-family: 'Source Sans Pro', sans-serif;
color:#a7a9ac; font-size: 27pt; font-weight:normal; height:auto; width: 79%; 
text-align: center; padding:0px 10% 15px 10%;margin: 0; }


.dugme{position:relative; display:inline-block; height:auto; width: auto; 

font-family: 'Source Sans Pro', sans-serif;	font-size: 15pt;font-weight:600;
padding:0;margin: 10px; border-color: gray; border-width:0 2px 0 0;}


/** sirina strane **/

.layout-footer{position:relative; display: inline-block; margin:0; height:105px; padding:50px 0 10px 0;
	border-top: 1pt solid #660066; width:100%;z-index:5; background: #c3c3c3;
background-image: url("../images/footer-simtex.png");
background-repeat: repeat-x;}

.footer-strana{position:relative; display: inline-block;width:100%; max-width: 1140px;}	

.footer33, .footer33l, .footer33r {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12pt; color:#660066;
	position:relative;
	display: inline-block;
	text-align: center;
	vertical-align:top;
	width:32%;
  }
 .footer33l {text-align:left;padding:0;}
 .footer33r {text-align:right;padding:0;}
 .footer33 a:link, .footer33 a:visited, .footer33 a:hover, .footer33 a:active, 
 .footer33l a:link, .footer33l a:visited, .footer33l a:hover, .footer33l a:active,
 .footer33r a:link, .footer33r a:visited, .footer33r a:hover, .footer33r a:active {color:#660066;}

 .footer33l img{margin:-20px 0 0 0; width:auto; height:100px;}

.icon-footer{display: inline-block;position: relative;width: 18%;margin:0 10px;}
.icon-footer img, .icon-footer img a{width: 90%;opacity: 1;}
.icon-footer img:hover{opacity: 0.7;}


a:link {color: black; text-decoration:none;}
a:visited {color: black; text-decoration:none;}
a:hover {color: black; text-decoration:none;}
a:active {color: black; text-decoration:none;}

		
			
hr {
	margin:0; padding:0;
	border-color: rgba(102,0,102,0.25);
	width: 100%;
	}


h2 div{display:inline-block;}


h1,h1-bijela, h2, h2-bijela, h3, h3-bijela, h4, h5 {
    display: inline-block;
    font-family: 'Encode Sans Condensed', sans-serif;font-weight: 500;
    font-size: 12pt;
    text-align: left;
    
    margin:0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}			

h1 {font-size: 31px;
	color: gray;
	text-transform: uppercase;
}
h1-bijela {font-size: 31px;
	color: white;
	text-transform: uppercase;
}

h2 {font-size: 31px;
	color: #660066;
	/**text-shadow: 2px 2px 10px #b0b1b1;**/
}

h2-bijela{font-size: 31px;
	color: white;
	/**text-shadow: 2px 2px 10px #b0b1b1;**/
}

h3-bijela{font-size: 25px;
	color: white;
	text-align: center;
	/**text-shadow: 2px 2px 10px #b0b1b1;**/
}
h3-bijela, h3-bijela :active, h3-bijela a:hover, h3-bijela a:visited, h3-bijela a:link {color: white; font-weight: 300;}

h3, h3 :active, h3 a:hover, h3 a:visited, h3 a:link {font-size: 25px;color: gray; font-weight: 300;}

h4, h4 a{font-size: 18px; color: gray;font-weight: normal; padding: 0; margin: 0; font-weight: 300;}


.w100 h4{margin: 0 0 25px 0;}

h5{font-size: 19px;color: gray; padding: 0; margin: 0; font-weight: 300;}


.strana100 {display: inline-block;vertical-align: top;padding: 0px;	margin: 0px;
			width: 100%;max-width:1200px;text-align: center;}

.cijela100 {position:relative;display: inline-block;vertical-align: middle;
			width: 100%;height:400px;text-align: center;}


.colorbox, .cboxElement {outline : none;}


 .pregled_close {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	text-align: right;
	padding: 0px;
	margin: 0px;
  }

 .d50-1 img{width: 49%;}
 .d50-2 {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	text-align: left;
	padding: 0 0 0 20px;
	margin: 0px;
  }

 .contact_strana {display: inline-block; width: 80%; text-align: left; }

 .contact100 {display: inline-block; width: 100%;text-align: center; color:black; }

 .contact50 {display: inline-block; width: 49%; text-align: left;}
 .contact50-2 {display: inline-block; width: 49%; text-align: left; vertical-align:top;}

 .contact33l {display: inline-block; width: 31%; text-align: left;}
 .contact33c {display: inline-block; width: 31%; text-align: center;}
 .contact33r {display: inline-block; width: 31%; text-align: right;}

 .contact_icon {display: inline-block; width: auto; padding:5px;}
 .contact50 input, .contact50 textarea {font-family: 'Source Sans Pro', sans-serif; font-size: 14pt; text-align: left;}

.web-atelje-contact-style{display: inline; width:100%;}
.web-atelje-contact-style label{ display:none; width:100%;}

#edit-field-your-email-0-value, #edit-field-subject-0-value, #edit-field-message-0-value, 
#edit-field-ime-0-value, #edit-field-prezime-0-value, #edit-field-telefon-0-value{
	display: inline;font-size: 15pt;width:100%;margin:0 0 20px 0;}


 #edit-submit{
 	cursor: pointer;
 	font-family: 'Source Sans Pro', sans-serif;
 	width: 100%;
	font-size: 18pt;
	line-height: 30px;
	text-align:center;
	color: #fff; background-color: #660066; border: solid 1px #660066;padding:5px 0;
 }
 #edit-submit:hover{color: #660066; background-color:#fff; text-decoration:none;}



#block-webatelje-content{
display: inline;
text-align: left;	
}

 
#edit-preview{display:none;}


#block-reference{width: 100%;margin:0;}


#pager ul li {width:auto !important;}
/* 1. Osnovni nosač - uklanjamo mu default stilove */
.pager__item {
    display: inline-block;
    margin: 0 5px; /* Razmak između brojeva */
    padding: 0;
    vertical-align: middle;
}

/* 2. Glavni stil za dugmiće (linkove) */
.pager__item a {
    display: inline-block;
    padding: 8px 15px;
    color: #660066;
    border: 1px solid #660066;
    border-radius: 5px;
    font-size: 16pt;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* 3. Hover efekat - samo na linku */
.pager__item a:hover {
    background-color: #660066;
    color: #ffffff;
}

/* 4. Aktivna stranica (onaj broj na kojem smo trenutno) */
/* Drupal obično na aktivnom elementu nema link, pa ga ciljamo direktno */
/* 1. Sređujemo aktivni element (li koji nema link u sebi) */
.pager__item.is-active {
    display: inline-block;
    padding: 8px 15px;
    background-color: #660066;
    color: #ffffff !important;
    border: 1px solid #660066;
    border-radius: 5px;
    font-size: 16pt;
    font-weight: bold;      /* Opciono, da se bolje istakne */
}

/* 2. Za svaki slučaj, ako Drupal ipak ostavi <a> unutar is-active */
.pager__item.is-active a {
    color: #ffffff !important;
    background: transparent;
    padding: 0;
}


/** whatsapp **/

.floating-wpp{position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom .2s}
.floating-wpp .floating-wpp-button{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden}
.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.floating-wpp:hover{bottom:17px}.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}
.floating-wpp .floating-wpp-popup{border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}
.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px;width:260px;height:auto;bottom:82px;opacity:1}
.floating-wpp .floating-wpp-popup .floating-wpp-message{color:black;background-color:#fff;padding:8px;border-radius:0 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity .2s}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:.2s}
.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff;background-color: #25d366;margin:0 -15px 10px;padding:6px 12px;
	display:flex;justify-content:space-between;cursor:pointer; font-size:15px; font-weight: bold;}
.floating-wpp-head span{text-align: center;}
	.close2{padding: 3px;font-size:15px; font-weight: bold;}
.floating-wpp .floating-wpp-input-message{background-color:#fff;margin:10px -15px -15px;padding:0 15px;display:flex;align-items:center}
.floating-wpp .floating-wpp-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none}
.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}







@media only screen and (max-width: 1150px){

.heder80{position:relative;display: inline-block;margin:0;padding: 57px 0 0 0;width: 75%; height:85px;text-align: right;vertical-align:top;}
.heder80 div{position: relative; display: inline-block;}

.heder20{position:relative;display: inline-block; margin:0; padding: 50px 0 0 0; width: 24%; height:115px;text-align: left;vertical-align:top;}
.heder20 img{width: 100%; height:auto; padding: 0;margin:0;}
.heder20 a{text-decoration:none;}	

#nav ul li, #nav ul li a {font-size: 14pt;}
#nav ul li ul li a{padding: 3%;}
#nav ul li ul li a.is-active {padding:3%;}

}






@media only screen and (max-width: 900px){


html, body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16pt;line-height: auto;
	min-width:350px;
	}

p {
  line-height: 25px;   /* within paragraph */
  margin-bottom: 22px !important; /* between paragraphs */
  }

#block-reference{width: 90%;margin:0 5% 0 5%;}

.d100text {display:inline-block; position: relative; text-align: left;width: 94%;margin: 0;padding: 3%;
			top:0; right:0;background-color:rgba(255,255,255,0.7);color:black;text-shadow: 0px 0px 0px white;}
			.d100text p{text-align: left !important;}

			.d100text h1{color:gray !important;text-shadow: 0px 0px 0px white;font-size: 25px;}
			.d100text h3{color:#66bb46 !important;text-shadow: 0px 0px 0px white;font-size: 40px;}
			.d100text a.detail, .d100text a.detail:link, .d100text a.detail:visited, .d100text a.detail:active{font-size: 14pt;text-shadow: 0px 0px 0px black;}
			.d100text a.detail:hover{font-size: 14pt;text-shadow: 0px 0px 0px black;background-color: rgba(0,0,0,.7);}

a.detail, a.detail:link, a.detail:visited, a.detail:active, a.detail:hover {font-size: 14pt;}

.ispred-slidera, .ispred-slidera-2, .ispred-slidera-2-sivi{height:15px;display:none;}

#desk{display:none;}
#mob{display:inline-block;margin: 20px 0 0 0;}


.z1MNE, .z1ENG{display:inline-block; position: relative; padding:0; margin:0; width:auto;color: rgba(0,0,0,0)!important;}

.z1MNE a {display:inline-block; position: relative;
    font-size: 12pt;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    color: rgba(0,0,0,0)!important;
    font-style: normal !important;
    padding: 1px 2px 0 1px;
    margin: 8px 0 7px 3px;
    background-image: url("mne-flag.jpg");
    height: 24px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    filter: opacity(0.7);


}

.z1ENG a {display:inline-block; position: relative;
  font-size: 12pt;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
  color:rgba(0,0,0,0)!important;
  font-style:normal !important;
  padding:1px 2px 0 1px;
  margin: 8px 3px 7px 0;
  background-image: url("eng-flag.jpg"); /* The image used */
  height: 24px;
  background-position: left; 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  filter: opacity(0.7);

}

.z1MNE a.is-active, .z1ENG a.is-active, .z1MNE a:hover, .z1ENG a:hover {color:rgba(0,0,0,0);opacity: 1;filter: opacity(1);}



.heder100{position:relative; display: inline-block; margin: 0; padding:  25px 0 25px 0; background-color:#660066;
	width: 100%; height:auto; box-shadow:0 0 0 rgb(0 0 0 / 0%);vertical-align:top;}

.heder_strana{width: 99%; height:auto;text-align: center;vertical-align:top;margin: 0; padding: 0;}

.heder20{margin:0 !important; padding:0; width: 80% !important; height:auto;vertical-align:top;}
.heder20 img{width: 95%; height:auto; padding: 0 2% 0 2%;}
.heder80{width: auto; min-width:19%; height:auto; padding: 26px 0 0 0; text-align:center;vertical-align:top;}

.novosti-naslov, .novosti-tekst{min-height:auto;}

.reference{font-size: 15pt;}


.kolone2{display: inline-block;vertical-align: top;width: 99%;
	padding:0%;margin:0%;text-align: left;column-count: 1;column-gap: 0px;}
	.kolone2 p{text-align: left;}

.pmw100{padding:2% 5% 2% 5%;}

	
.crvena-uvod{margin: -5px 0 0 0;}
.crvena{margin: 0;}

.uvod{font-size: 14pt; width: 90%; 
padding:10px 5% 10px 5%;margin: 0;}


.kocka25, .kocka50{width:49%;}


.kockacetiri1, .kockacetiri2, .kockacetiri3, .kockacetiri4{width:49.3%;text-align: center;}
.kockacetiri1 img, .kockacetiri2 img, .kockacetiri3 img, .kockacetiri4 img{width:25%; padding: 10px 35%;}
.kockacetiri3 img{width:40%;  padding: 10px 32%;}
.kockacetiri1{background-color: #e0dfdf;}
.kockacetiri2{background-color: #eeeded;}
.kockacetiri3{background-color: #e0dfdf;}

.d50{text-align:left; width: 100%; padding:10px 0 10px 0;margin: 0;}


.galerijadesktop{display: none;}
.galerijamobilni{display: inline-block;}


.wd100{text-align:left !important; width: 94%; padding:10px 3% 10px 3%;margin: 0;}
.wd100 p{text-align:left;}

.g33, .d33, .w33novosti, .d66, .w100,.w100kralj, .w100memories, .w20, .w80, .w95, .w80kolekcije, .w70, .zd100, .kontakt33, .kontakt33bijeli {text-align:left; width: 99.7%; padding:0;margin: 0;}

.w100kralj #block-webatelje-content, .w100memories #block-webatelje-content{width: 100%;margin:0 0 20px 0;}

.w95 a span{display: block; margin:10px; font-size: 19pt;}
.kontakt33bijeli{margin-top: 20px;}

.uvucenostranelijevo{padding:0 !important;} 

.w66m90{width: 90%;padding:5%;margin:0; text-align: left;}

.pozovi h3{padding:10px;margin:0; text-align: center;}
.pozovi h3 a{margin:10px; font-size: 19pt !important;}

.d33{margin: 5px 0 5px 0;}

.w10 {display:none;}

.w100 p{text-align:left;}

.w100 ul li{display: inline-block;width: 98%;height:auto; margin:1%; padding:0;}
.wd100column{column-count: 1;column-gap: 0;column-rule: 0px solid gray;}


.u100 {width: 90%;margin: 0;padding: 5%;}

#visina{min-height: 300px;}

.layout-strana{max-width:600px; padding: 0 0 0 0;}

.w33, .w50, .w66{width: 99%;}
.w25{width: 47%;}
.w50r{width: 99%;margin:0;}

.w30kralj, .w50kralj{width: 37%;}

.stavka-podmeni, .stavka-podmeni-aktivna, .sivi-podmeni  {padding:15px 0px 15px 15px; width:89%;margin:0 0 2px 0;}

h1, h1-bijela, h2, h2-bijela {font-size: 26px;}

h3, h3-bijela{font-size: 22px;}


.galerija30 {width: 49%;}
.galerija30 img{width:99%;height:auto;}
	
.podjela50, .podjela50c {width: 95%; margin: 0 0 20px 0;}

.strana {min-width:340px;}
.layout-container{width:90%;padding:0;min-height:400px;}


.layout-containerleft, .layout-containerright{width:90%;}
.prikaz_ponude125{width:100%;}


.pregled70 {margin: 0;width: 90%;}
.pregled70text {margin: 0; width: 90%;}
.pregled30 {margin: 0%;width: 90%;}

.pregled70 img {margin:0 0 20px 0;}



.email_okvir{width: 90%; border-style: none; border-width: 0;}


#footer {height: auto; padding: 20px 0 0 0;}

.contact_strana, .contact50, .contact50-2 {width: 100%;}


.layout-footer{margin:0; padding: 10px 0 30px 0;height:auto;}

.footer33, .footer33l, .footer33r {
	font-size: 17pt;
	text-align: center;
	width:95%;
	padding: 20px 0 0 0;
  }
 .footer33r a{line-height: 2.6;}

 .footer33l img{margin:0; width:auto; height:100px;}

.icon-footer{width: 17%;}

.podjela25 {width: 99%;margin:5px 0 5px 0;}


.contact50red {width: 99%;padding:3px 0px 3px 5px;}
.contact15 {width: 99%; text-align: center;}
.contact85 {width: 99%;}
.contact33l {width: 99%;}
.contact33c {width: 99%;}

#block-webatelje-main-menu{max-height:335px;}



#nav {display:none;position: relative;width: 100%; margin:0; padding:0; z-index: 0;
background-color: #660066;}
ul{list-style-type: none;}

#nav ul,#nav ul li {height: auto; margin:0;padding:0;border-bottom: 1px solid white;box-shadow: none;}
#nav ul li, #nav ul li a {display: inline-block; width: 100%; font-family: 'Source Sans Pro', sans-serif; 
font-size: 19pt; padding:5px 0 5px 0; text-align: center; color:white;}
#nav ul li:hover a, #nav ul li a.is-active {width: 90%; color:white;margin:0;padding:5px 0 5px 0;}
#nav ul li a.is-active {width: 90%; color:white; padding:none; border-bottom: 0px;}

#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {transform: rotate(45deg);}
#menu__toggle:checked + .menu__btn > span::before {top: 0; transform: rotate(0deg);}
#menu__toggle:checked + .menu__btn > span::after {top: 0; transform: rotate(90deg);}

#menu__toggle:checked ~ #nav {right: 0 !important;display: block;}



.menu__btn {
  position: relative;
  display:inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 1;
  }
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  z-index:1000;
  background-color: white;
  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}


#nav {
  display: none;
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  margin: 0;
  list-style: none;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
  padding: 0 0 20px 0;

}

/** dodato **/
li > a:after { content: ' \25BE'; } /* Change this in order to change the Dropdown symbol */
li > a:only-child:after { content: ''; }

#nav ul li ul {
display: block;
visibility: visible;
opacity: 1;


background: #510051;
position: relative;
transition: all 0.5s ease;
margin-top: 0;
left: 0;
clear: both;
width: 100%;
margin: 0; padding:0;
border: 0;
width:100%;
text-align:left;
}


#nav ul li:hover > ul,
#nav ul li:focus-within > ul,
#nav ul li ul:hover {
  display: block;
  visibility: visible;
  opacity: 1;
  
}
.menu-item #izbor-kolekcije, .menu-item #our-collections{display: inline-block;}


#nav ul li ul li {display: inline-block;
  clear: both; width: 100%;
border-bottom: 0;
margin: 0; padding:0; text-align: center;
}

#nav ul li ul li, #nav ul li ul li a {
	font-weight: 400; font-size: 21pt; color:white !important;
	margin: 0; padding:0 0 0 0; text-align: center; 
	 border-bottom: 0;}

#nav ul li ul li:hover, #nav ul li ul li:hover a {color:white;}
#nav ul li ul li a{width:100%;}
#nav ul li ul li a.is-active {width:100%;padding:0;border-bottom: 0;}

}