@charset "utf-8";
/* CSS Document */

/*PALETA*/

/**/
.bbijela{ background-color:#fff}
.cbijela{ color:#fff}

/*krem*/
.bkrem{ background-color:#fcf4f4}
.ckrem{ color:#fcf4f4}
.kkrem{ color:#fcf4f4; text-decoration:none; transition:0.5s;}
.kkrem:hover{ color:#4B3F41;}

/*roza*/
.broza{ background-color:#f9d7d6}
.croza{ color:#f9d7d6}

/*oker*/
.boker{ background-color:#d47a7e}
.coker{ color:#d47a7e}

/*braon*/
.bbraon{ background-color:#4B3F41}
.cbraon{ color:#4B3F41}

/*bela*/
.bbela{ background-color:#fff}
.cbela{ color:#fff}

.kbraon{ color:#4B3F41; text-decoration:none; transition:0.5s;}
.kbraon:hover{ color:#d47a7e; }

.koker{ color:#d47a7e; text-decoration:none; transition:0.5s;}
.koker:hover{ color:#d47a7e; }

.kcrna{ color:#333; text-decoration:none; transition:0.5s;}
.kcrna:hover{ color:#d47a7e; }

.kbela{ color:#fff; text-decoration:none; transition:0.5s;}
.kbela:hover{ color:#f9d7d6; }


/*PALETA.*/

.xbutton{width:24px; height:auto; }

/*MSG BOX*/
.f-curtain-content{ border-radius:16px; font-family: 'avenir_next_lt_proregular', sans-serif; font-size:16px; color:#4B3F41; text-align:center; background-color:#fcf4f4; padding:0px; }

.f-curtain-content .btn{text-align: center; text-decoration:none; display:inline-block; color: #fff; text-shadow: 0px 0px 1px rgba(75,63,65,0.4); box-shadow:none; background-color: #d47a7e; font-size: 16px; font-family: 'avenir_next_lt_probold', sans-serif; letter-spacing:0.5px; font-weight:600; padding:10px 30px; border-radius:8px; transition:0.5s;}
.f-curtain-content .btn:hover{background-color:#4B3F41; color:#fff;}


/**/

body{
	font-family: 'Open Sans', sans-serif;
	background-color:#fcf4f4;
  }

/*.f1{font-family: 'Poppins', sans-serif;}*/
.f1{font-family: 'avenir_next_lt_proregular', sans-serif;}
.f1bold{font-family: 'avenir_next_lt_probold', sans-serif; }
.f1demi{font-family: 'avenir_next_lt_prodemi', sans-serif; }

.f1it{font-family: 'avenir_next_lt_proitalic', sans-serif;}


h1{ font-size:42px; text-transform:uppercase; font-family: 'avenir_next_lt_prodemi', sans-serif; }
h2{ font-size:20px; text-transform:uppercase; }


.nice_scroll::-webkit-scrollbar {
    width: 8px; /* Debljina scrollbara */
}

.nice_scroll::-webkit-scrollbar-track {
    background: #f9d7d6; /* Boja pozadine scroll trake */
    border-radius: 10px; /* Zaobljeni uglovi */
}

.nice_scroll::-webkit-scrollbar-thumb {
    background: #4B3F41; /* Boja klizača */
    border-radius: 10px;
}

.nice_scroll::-webkit-scrollbar-thumb:hover {
    background: #0056b3; /* Tamnija nijansa kad se pređe preko */
}


.nice_scroll {
    scrollbar-width: thin; /* "thin", "auto" ili "none" */
    scrollbar-color: #d47a7e #f9d7d6; /* Boja klizača i trake */
}



.mpad{ padding:10px; }

.site_width{ max-width:1400px; }
.site_width2{ max-width:1150px; }

.krug{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.oval{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.oval2{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.klik_crno{text-decoration:none; color:#333}
.klik_crno:hover{ color:#777}


.klik_lila{text-decoration:none; color:#7b1f57}
.klik_lila:hover{ color:#555}

.pagination_btn{ padding:12px 0px; text-align:center; width:42px; color:#fff; background-color:#d47a7e; font-size:14px; text-decoration:none; display:inline-block; margin:10px; border-radius:8px; transition:0.5s }
.pagination_btn:hover{ background-color:#f9d7d6; color:#d47a7e; }

.pagination_btn_current_page{ padding:12px 0px; text-align:center; width:42px; color:#d47a7e; background-color:#f9d7d6; font-size:14px; text-decoration:none; display:inline-block; margin:10px; border-radius:8px; transition:0.5s }
.pagination_btn_current_page:hover{ background-color:#d47a7e; color:#f9d7d6; }

.tekst{ font-size:16px; line-height:24px; font-family: 'avenir_next_lt_proregular', sans-serif;}
.tekst p{ margin-bottom:10px}
.tekst p strong{ font-family: 'avenir_next_lt_probold', sans-serif; }
.tekst h2{ margin-top:30px}

.dugme{ text-align: center; text-decoration:none; display:inline-block; color: #4B3F41;  background-color: #f9d7d6; font-size: 16px; font-family: 'avenir_next_lt_prodemi', sans-serif; letter-spacing:0.5px; font-weight:600; padding:10px 20px; border-radius:16px; transition:0.5s; }
.dugme:hover{ background-color:#d47a7e; color:#fff; }

.dugme_kontra{ text-align: center; text-decoration:none; display:inline-block; color: #fff;  background-color: #d47a7e; font-size: 16px; font-family: 'avenir_next_lt_prodemi', sans-serif; letter-spacing:0.5px; font-weight:600; padding:10px 20px; border-radius:16px; transition:0.5s; }
.dugme_kontra:hover{ background-color:#4B3F41; color:#f9d7d6; }


.dugme_big{ text-align: center; text-decoration:none; display:inline-block; color: #fff; text-shadow: 0px 0px 1px rgba(75,63,65,0.4); background-color: #d47a7e; font-size: 18px; font-family: 'avenir_next_lt_probold', sans-serif; letter-spacing:0.5px; font-weight:600; padding:12px 30px; border-radius:16px; transition:0.5s; }
.dugme_big:hover{ background-color:#4B3F41; color:#fff; }

.dugme_big_disabled{ opacity:0.4; pointer-events:none; }

.f-curtain-content{ padding:20px; }

.wired_btn{ width:100%; font-weight:600; font-size:16px; display:block; text-decoration:none; padding: 6px; border:3px #d47a7e solid; border-radius:8px; transition:0.5s; }

.wired_btn:hover{ background-color:#d47a7e; color:#fff; }
/*
.dugme{ text-decoration:none; background-color:#7b1f57; font-size:14px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; padding:10px 20px; color:#fff; display:inline-block; border-radius:4px;  }
.btn_site{ border-radius:0px; box-shadow:none; text-decoration:none; font-size:12px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px; outline:1px rgba(255,255,255,.3) solid; outline-offset:-5px; color:#fff; background-color:#333; display:inline-block;  }
.message_btn_fld .btn{border-radius:5px; background-color:#EE3338; box-shadow:none; text-decoration:none; font-size:12px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; padding:16px 20px; color:#fff;  display:inline-block; }
.message_fld{ font-size:16px; text-align:center}
.message_btn_fld{ text-align:center}

.disabled_btn{ pointer-events:none; background-color:#ccc; }
/*


.form_label{  text-align:left; font-size:13px; padding-bottom:3px; padding-top:12px}

input, textarea, select{ background-color:#fff; font-weight:normal; font-size:14px; padding:10px 10px; border:0px; box-shadow:none; border-radius:16px; }
input[type='checkbox']{ outline:0px; outline-offset:0px}

*/

input, select, textarea{ border-radius:16px; background-color:#FFF; border:1px #4B3F41 solid; padding:12px 16px; box-shadow:none; }

input:autofill,
textarea:autofill,
select:autofill {
  box-shadow: 0 0 0 1000px #fff inset; /* tvoja boja pozadine */
 
}

input:focus {
  outline: none;
  /*border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,.2);*/
}

.password_fld{ padding-right:50px; }
.password_fld_picto{ text-decoration:none; position:absolute; top:22px; right:20px; }
.password_fld_picto_img{ width:24px; height:auto; }

select{
	appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 2rem;
  
 
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='40' width='40' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center; 
  background-size: 12px;
  
 }
 
 /*
.selectfld::after{
	content: "v";  
  position: absolute;
  right: 30px;  
  top: 20px;

  pointer-events: none;
	
}*/

.ffld{ position:relative; }
.flabel{ padding:1px 8px; font-size:12px; position:absolute; top:0px; left:30px; }

.intext_link{ color:#4B3F41; text-decoration:underline; }
.intext_link:hover{ text-decoration:none; }

.blink {
  animation: blink-animation 2s ease-in-out infinite;
}

.xl_valagn_center {
  display: flex;
  align-items: center;   /* Vertikalno centriranje */
  justify-content: center; /* (opciono) Horizontalno centriranje */
  height: 100%;          /* Važno: roditelj mora imati visinu */
}

/*item_fld_photo_fld*/
.item_cart{padding:10px}
.item_cart .item_fld_photo_fld{ position:relative;  border:0px #F00 solid;}


.item_cart .dim_fld{ float:left; }
.item_cart .dim_fld_full{ float:left; }
.item_cart .dim_fld_min{ float:none; text-align:left; }

.item_cart .price_fld{ text-align:right; display:inline-block;}
.item_cart .price_fld_full{ text-align:right; display:inline-block; }
.item_cart .price_fld_min{text-align:left; display:block; margin-top:5px; }

.item_cart .item_name{font-size:16px; line-height:20px; font-weight:600; margin:0px; margin-top:5px; padding:0px;  text-transform:none; height:45px; border:0px #F00 solid; overflow:hidden; }

.item_cart .item_price{font-size:16px; padding:3px 3px; padding-top:0px;  }
.item_cart .item_dim{ font-size:12px; position:relative; top:3px; }

.item_cart .item_var_icon{ width:18px; height:auto }

.item_cart .polje_podaci{padding: 0px 15px; padding-top:5px; text-align:left; }

.item_cart .polje_dugme{ padding: 0px 15px; text-align:left; }


/*clanak polje*/
		.subpage_element{position:relative; text-align:left;  padding:10px; padding-bottom:40px; }
		
		.image_cube{display:block; text-decoration:none; background-color:#eee; font-size:0px; position:relative; padding-bottom:60%; }
		.image_icon{border:0px #eee solid; width:100%; height:auto; position:absolute; top:0px; left:0px; }
		
		.image_cube .subpage_plast{ position:absolute; left:50%; top:50%; width:0%; height:0%; background-color:rgba(102,102,102,.8); 
		 transition: all 0.4s ease-out;
		}
		.image_cube:hover .subpage_plast{ left:0px; top:0px; width:100%; height:100%;}
		
		.h2_title{font-size:20px; padding-top:16px; text-transform:none; }
		.h2_title a{color:#4B3F41; text-decoration:none; transition:color 0.2s linear;}
		.h2_title a:hover{color:#d47a7e; }
		.subpage_description{font-size:15px; padding-top:10px; line-height:20px; text-align:left;  }
		
		.href_kontra{ text-decoration:none; font-size:14px; color:#C00; font-weight:bold; display:block; margin-top:5px;  transition: color 0.4s; }
		.href_kontra:hover{color:#333; }

@keyframes blink-animation {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}


		@media only screen and (max-width:980px){
			
			
		}
		
		
		@media only screen and (max-width:750px){
			
			.dugme{  font-size: 14px; }
			
			.f-curtain-content{ left:10% !important; width:80% !important; top:10%; max-height:80%; }
			
			.item_cart{padding:3px}
			
			.item_cart .item_fld_photo_fld{ padding-left:15px;} 
			
			.item_cart .dim_fld{ float:none; text-align:left; }
			.item_cart .price_fld{ text-align:left; display:block; margin-top:5px;}
			
			.item_cart .polje_podaci{padding: 0px 15px; padding-top:25px; text-align:left; }
			
			.item_cart .polje_dugme{ padding: 0px 15px; text-align:left; margin-top:-50px; }
			
			
		}
		
		@media only screen and (max-width:490px){
			
			.item_cart .item_dim{ font-size:10px; position:relative; top:5px; }
		}
		
		@media only screen and (max-width:325px){
			
			.dugme{ font-size:12px;}
			
			.item_cart .item_name{font-size:12px; line-height:15px; height:33px;  }
			.item_cart .item_price{font-size:12px; padding:3px 3px; padding-top:0px;  }
			.item_cart .item_dim{ font-size:8px; position:relative; top:3px; }
			
			.wired_btn{ font-size:12px;}
			
			.item_cart .item_var_icon{ width:14px; height:auto }
		}


