@import url(https://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300&subset=latin,latin-ext);

@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v39/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

a {
  text-decoration: none;
  color: #069;
}
a:hover {
  color: blue;
}
a:active {
  color: red;
}

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #FFF;    }
    49%{    color: #FFF; }
    60%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: #FFF;    }
}

body {
  background-color: #f3f3f3;
}

.nav-icon {
  width: 25px !important;
  color: #F39;
  cursor: pointer;
  font-size: 1rem;
}
.nav-icon-bottom {
  font-variation-settings: 'FILL' 0, 'wght' 450, 'GRAD' 0, 'opsz' 20;
}

.nav-ttl {
  font: normal .875rem Roboto;
  cursor: pointer;
}

.hc-offcanvas-nav ul.bottom-nav {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:10;
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  background-color: #fffce3;
  border: 0 !important;
}
.hc-offcanvas-nav ul.bottom-nav li {
  flex: auto;
}
.hc-offcanvas-nav ul.bottom-nav li a {
  display: flex;
  color: black;
}
.hc-offcanvas-nav ul.bottom-nav li a:hover {
  color: white;
}
.hc-offcanvas-nav ul.bottom-nav li a:active {
  color: red;
}

.hc-offcanvas-nav ul.bottom-nav li a span {
  margin: auto;
}

.button_master, .button_silver, .button_dark, .button_yellow, .button_black, .button_green, .button_blue, .button_light, .button_violet {
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: normal 14px Roboto; padding: 3px 10px; text-decoration:none; display:inline-block; margin-left: 4px;
}

.button_master {
  border: 1px solid #df0909; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
  background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
  background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
  background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
  background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
  background-image: -o-linear-gradient(top, #f62b2b, #d20202);
  background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.button_master:hover {
  cursor: pointer;
  border: 1px solid #b30808; color: yellow;
  background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
  background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
  background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
  background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}

.button_silver {
  border: 1px solid #c7caca; text-shadow: -1px -1px 0 rgba(255,255,255,0.3); color: #333;
  background-color: #eeefef; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeefef), to(#d1d0d0));
  background-image: -webkit-linear-gradient(top, #eeefef, #d1d0d0);
  background-image: -moz-linear-gradient(top, #eeefef, #d1d0d0);
  background-image: -ms-linear-gradient(top, #eeefef, #d1d0d0);
  background-image: -o-linear-gradient(top, #eeefef, #d1d0d0);
  background-image: linear-gradient(to bottom, #eeefef, #d1d0d0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeefef, endColorstr=#d1d0d0);
}

.button_silver:hover {
  cursor: pointer;
  border: 1px solid #afb4b4; color: #000078;
  background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
  background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
  background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

.button_dark {
  border: 1px solid #777a7a; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #ffffff;
  background-color: #8e8f8f; background-image: -webkit-gradient(linear, left top, left bottom, from(#7e7f7f), to(#515050));
  background-image: -webkit-linear-gradient(top, #8e8f8f, #515050);
  background-image: -moz-linear-gradient(top, #8e8f8f, #515050);
  background-image: -ms-linear-gradient(top, #8e8f8f, #515050);
  background-image: -o-linear-gradient(top, #8e8f8f, #515050);
  background-image: linear-gradient(to bottom, #8e8f8f, #515050);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8e8f8f, endColorstr=#515050);
}

.button_dark:hover {
  cursor: pointer;
  border: 1px solid #5f4444; color: #fff7e0;
  background-color: #797676; background-image: -webkit-gradient(linear, left top, left bottom, from(#797676), to(#464343));
  background-image: -webkit-linear-gradient(top, #797676, #464343);
  background-image: -moz-linear-gradient(top, #797676, #464343);
  background-image: -ms-linear-gradient(top, #797676, #464343);
  background-image: -o-linear-gradient(top, #797676, #464343);
  background-image: linear-gradient(to bottom, #797676, #464343);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#797676, endColorstr=#464343);
}

.button_yellow {
  border: 1px solid #ffc826; text-shadow: -1px -1px 0 rgba(255,255,255,0.3); color: #000;
  background-color: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
  background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
  background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
  background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
  background-image: -o-linear-gradient(top, #ffd65e, #febf04);
  background-image: linear-gradient(to bottom, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);
}

.button_yellow:hover {
  cursor: pointer;
  border: 1px solid #f7b800; color: #300;
  background-color: #ffc92b; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), to(#ce9a01));
  background-image: -webkit-linear-gradient(top, #ffc92b, #ce9a01);
  background-image: -moz-linear-gradient(top, #ffc92b, #ce9a01);
  background-image: -ms-linear-gradient(top, #ffc92b, #ce9a01);
  background-image: -o-linear-gradient(top, #ffc92b, #ce9a01);
  background-image: linear-gradient(to bottom, #ffc92b, #ce9a01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);
}

.button_black {
  border: 1px solid #3a3c40; text-shadow: -1px -1px 0 rgba(176,9,9,0.3); color: #FFFFFF;
  background-color: #55585D; background-image: -webkit-gradient(linear, left top, left bottom, from(#55585D), to(#000000));
  background-image: -webkit-linear-gradient(top, #55585D, #000000);
  background-image: -moz-linear-gradient(top, #55585D, #000000);
  background-image: -ms-linear-gradient(top, #55585D, #000000);
  background-image: -o-linear-gradient(top, #55585D, #000000);
  background-image: linear-gradient(to bottom, #55585D, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#55585D, endColorstr=#000000);
}

.button_black:hover {
  cursor: pointer;
  border: 1px solid #242628; color: #FFD800;
  background-color: #3d3f42; background-image: -webkit-gradient(linear, left top, left bottom, from(#3d3f42), to(#1a1a1a));
  background-image: -webkit-linear-gradient(top, #3d3f42, #1a1a1a);
  background-image: -moz-linear-gradient(top, #3d3f42, #1a1a1a);
  background-image: -ms-linear-gradient(top, #3d3f42, #1a1a1a);
  background-image: -o-linear-gradient(top, #3d3f42, #1a1a1a);
  background-image: linear-gradient(to bottom, #3d3f42, #1a1a1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3d3f42, endColorstr=#1a1a1a);
}

.button_green {
  border: 1px solid #B1D43A; display:inline-block; color: #000000;
  background-color: #b6e026; background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e026), to(#8BBC08));
  background-image: -webkit-linear-gradient(top, #b6e026, #8BBC08);
  background-image: -moz-linear-gradient(top, #b6e026, #8BBC08);
  background-image: -ms-linear-gradient(top, #b6e026, #8BBC08);
  background-image: -o-linear-gradient(top, #b6e026, #8BBC08);
  background-image: linear-gradient(to bottom, #b6e026, #8BBC08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b6e026, endColorstr=#8BBC08);
}

.button_green:hover {
  cursor: pointer;
  border: 1px solid #819C24; color: white; text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
  background-color: #95b91a; background-image: -webkit-gradient(linear, left top, left bottom, from(#95b91a), to(#678b06));
  background-image: -webkit-linear-gradient(top, #95b91a, #678b06);
  background-image: -moz-linear-gradient(top, #95b91a, #678b06);
  background-image: -ms-linear-gradient(top, #95b91a, #678b06);
  background-image: -o-linear-gradient(top, #95b91a, #678b06);
  background-image: linear-gradient(to bottom, #95b91a, #678b06);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#95b91a, endColorstr=#678b06);
}

.button_blue {
  border: 1px solid #25729a; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFF;
  background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
  background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
  background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
  background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
  background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
  background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

.button_blue:hover {
  cursor: pointer;
  border: 1px solid #1c5675; color: #FFD800;
  background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
  background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
  background-image: -moz-linear-gradient(top, #26759e, #133d5b);
  background-image: -ms-linear-gradient(top, #26759e, #133d5b);
  background-image: -o-linear-gradient(top, #26759e, #133d5b);
  background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

.button_light {
  border: 1px solid #c8c9ca; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); color: #212529;
  background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa));
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: linear-gradient(to bottom, #ffffff, #fafafa);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#fafafa);
}

.button_light:hover {
  cursor: pointer;
  border: 1px solid #aab0b5; color: #000000;
  background-color: #f2f6fa; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d2d6da));
  background-image: -webkit-linear-gradient(top, #fafafa, #d2d6da);
  background-image: -moz-linear-gradient(top, #fafafa, #d2d6da);
  background-image: -ms-linear-gradient(top, #fafafa, #d2d6da);
  background-image: -o-linear-gradient(top, #fafafa, #d2d6da);
  background-image: linear-gradient(to bottom, #fafafa, #d2d6da);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#d2d6da);
}

.button_violet {
  border: 1px solid #6c428e; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #ffffff;
  background-color: #8c62ae; background-image: -webkit-gradient(linear, left top, left bottom, from(#8c62ae), to(#7c529e));
  background-image: -webkit-linear-gradient(top, #8c62ae, #7c529e);
  background-image: -moz-linear-gradient(top, #8c62ae, #7c529e);
  background-image: -ms-linear-gradient(top, #8c62ae, #7c529e);
  background-image: -o-linear-gradient(top, #8c62ae, #7c529e);
  background-image: linear-gradient(to bottom, #8c62ae, #7c529e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8c62ae, endColorstr=#7c529e);
}

.button_violet:hover {
  cursor: pointer;
  border: 1px solid #4c226e; color: #ffffff;
  background-color: #6c428e; background-image: -webkit-gradient(linear, left top, left bottom, from(#6c428e), to(#5c327e));
  background-image: -webkit-linear-gradient(top, #6c428e, #5c327e);
  background-image: -moz-linear-gradient(top, #6c428e, #5c327e);
  background-image: -ms-linear-gradient(top, #6c428e, #5c327e);
  background-image: -o-linear-gradient(top, #6c428e, #5c327e);
  background-image: linear-gradient(to bottom, #6c428e, #5c327e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6c428e, endColorstr=#5c327e);
}

.top-menu-btn {
  font: normal .875rem Oswald;
  background-color: #234;
  color: white;
}
.top-menu-btn:hover {
  background-color: #07f;
  color: white;
}
.top-menu-btn:active, .top-menu-btn:focus, .top-menu-btn:target, .top-menu-btn:active:focus {
  background-color: #bd3330;
  color: #ffd800;
}

.top-menu-btn-a, .top-menu-btn-a:hover, .top-menu-btn-a:active, .top-menu-btn-a:focus, .top-menu-btn-a:target, .top-menu-btn-a:active:focus {
  font: normal .875rem Oswald;
  background-color: #6cf;
  color: black;
}

.cn-menu-btn {
  font: normal .875rem Oswald;
  background-color: black;
  color: #ccc;
}
.cn-menu-btn:hover {
  background-color: #444;
  color: #bdf;
}
.cn-menu-btn:active, .cn-menu-btn:focus, .cn-menu-btn:target, .cn-menu-btn:active:focus {
  background-color: white;
  color: black;
}

.cn-menu-btn-a, .cn-menu-btn-a:hover, .cn-menu-btn-a:active, .cn-menu-btn-a:focus, .cn-menu-btn-a:target, .cn-menu-btn-a:active:focus {
  font: normal .875rem Oswald;
  background-color: #ccc;
  color: black;
}

.cn-menu-btn-dis {
  font: normal .875rem Oswald;
  background-color: black;
  color: #666;
  cursor: default;
}

.cnCompany {
  font: 300 1rem Oswald;
}

.cnCompany a {
  text-decoration: none;
  color: black;
}

.cnCompany a:hover {
  color: blue;
}
.cnCompany a:active {
  color: red;
}

.cnCompanyData {
  font: normal .875rem Oswald;
}

.cnResponse {
  font: 500 1.25rem Oswald;
}

.cnNodis {
  display: none;
}

.ftSocTitle {
  background-color: #333;
  color: #9CF;
  padding: 4px 10px;
  font: normal .875rem Oswald;
}

.ftSoc {
  background-color: #345;
}

.ftDark {
  background-color: #000;
}

.ftLogo a {
  opacity: .9;
  filter: alpha(opacity=90);
}

.ftLogo a:hover {
  opacity: .95;
  filter: alpha(opacity=95);
}

.ftLogo a:active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ftHList {
  font: normal .875rem Oswald;
  color: #F15477;
  border-bottom: 1px dotted #F15477;
}

.ftLList, .ftLListData {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3px;
  padding-bottom: 5px;
  font: 100 .875rem Oswald;
  color: #ccc;
}

.ftLList a {
  color: #ccc;
  text-decoration: none;
}

.ftLList a:hover {
  color: #9CF;
}

.ftLList a:active {
  color: #0BF;
}

.ftLListData {
 color: #FFF;
}

.ftSocIcons {
  padding-top: 14px;
  margin-bottom: 13px;
  border-top: 1px dotted #F15477;
}

.usH2 {
  font: bold 1.25rem Oswald;
  border-bottom: 1px dotted black;
}

.usAlert {
  font: normal 1rem Oswald;
}

.ftCopy { font: normal .875rem Oswald; }

.toggle{
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  top: 20px;
  z-index: 1050;
  width: 35px;
  min-height: 26px;
  position: relative;
  width: auto;
  top: auto;
  left: auto;
  float: left;
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  font-size: 18px;
  padding-left: 40px;
  line-height: 22px;
  margin-top: 6px;
  margin-bottom: auto;
  font: normal 18px Oswald;
  color:#333;
  text-align: left;
  text-decoration:none
}
.toggle span{width:35px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}
.toggle span,
.toggle span::before,
.toggle span::after{display:block;position:absolute;left:0;height:4px;background:#182631;transition:all .25s ease;}
.toggle span::before,
.toggle span::after{content:'';width:100%}
.toggle span::before{top:-11px}
.toggle span::after{bottom:-11px}
.toggle.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}
.toggle.toggle-open span::before{transform:translate3d(0, 11px, 0)}
.toggle.toggle-open span::after{transform:rotate(-90deg) translate3d(11px, 0, 0)}
.toggle:hover span,
.toggle:hover span::before,
.toggle:hover span::after{background:#dab977}
.toggle i{font-size:10px;display:block;line-height:10px;opacity:.7}

a.subCat {
  font: bold 15px oswald;
  color: #444;
}
a.subCat:hover {
  color: #00C;
}

.bcrumb {
  font: normal .875rem Oswald;
  padding: 0;
  margin: 0;
}

.bcrumbHome {
  font-size: 13px;
}

.bcrumb a, a.bcrumbHome {
  color: #333;
}

.bcrumb a:hover, a.bcrumbHome:hover {
  color: #00C;
}

.bcrumb a:active, a.bcrumbHome:active {
  color: blue;
}

.pages {
  font: normal .875em Oswald;
  background-color: #333;
  color: #FFD800;
}
.pages:hover {
  background-color: #FFD800;
  color: #C00;
}
.pages:active, .pages:focus, .pages:target, .pages:active:focus {
  background-color: #C00;
  color: #FFD800;
}

.pages-dis {
  font: normal .75em Oswald;
  background-color: #333;
  color: #999;
}

.oswald-12 {
  font: normal .75rem Oswald;
}

.oswald-12b {
  font: bold .875rem Oswald;
}

.oswald-14 {
  font: normal .875rem Oswald;
}

.oswald-14b {
  font: bold .875rem Oswald;
}

.oswald-16 {
  font: normal 1rem Oswald;
}

.oswald-16b {
  font: bold 1rem Oswald;
}

.oswald-18 {
  font: normal 1.125rem Oswald;
}

.oswald-18b {
  font: bold 1.125rem Oswald;
}

.oswald-20 {
  font: normal 1.25rem Oswald;
}

.oswald-20b {
  font: bold 1.25rem Oswald;
}

.oswald-24 {
  font: normal 1.5rem Oswald;
}

.oswald-24b {
  font: bold 1.5rem Oswald;
}

.oswald-30 {
  font: normal 1.875rem Oswald;
}

.oswald-30b {
  font: bold 1.875rem Oswald;
}

.oswald-30 {
  font: normal 2.25rem Oswald;
}

.oswald-36b {
  font: bold 2.25rem Oswald;
}

.lightbox-carousel-control {
  width: 10% !important;
}

.lightbox-control-icon {
  background-image: none !important;
  font-size: 24px !important;
  color: #79B !important;
}

.thin {
    max-width:80px;    
}

.carousel > .window {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 249px;
}

/*
    This is the item wrapper,
    it will be animated.
*/
.carousel ul {
    list-style: none;
    height: 10000px;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0px;
}

/*
    These are the items
*/
.carousel li {
    margin: 3px 0 0;
    text-align: center;
    width: 80px;
    height: 80px;
}
.prev, .next {
    display: block;
    font-size: 20px;
    width: 100%;
    left: 50%;
    text-align: center;
}
.carousel li:first-child {
    margin: 0;
}

.ratio-1x1_5 {
  --bs-aspect-ratio: 150%;
}

.ratio-1x2 {
  --bs-aspect-ratio: 200%;
}

.ratio-1x2_5 {
  --bs-aspect-ratio: 250%;
}

.sectionTitle {
  border-bottom: 2px solid #C00;
  font: normal 1rem Oswald;
}
.sectionInner {
  background-color: #F30;
  color: #FFF;
}

#button-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  opacity: .7;
  z-index: 100000;
  display: none;
}
#button-back-to-top:hover {
  opacity: 1;
}
#button-back-to-top:active {
  background-color: black;
  border-color: black;
  color: #F90;
}

/* Definicija prilagođenih CSS varijabli za narandžastu boju */
:root {
  --bs-orange: #FB7034; /* Glavna narandžasta */
  --bs-orange-rgb: 251, 112, 52; /* RGB vrednost glavne narandžaste */
  --bs-orange-bg-subtle: #FFF3ED; /* NOVA: Suptilna pozadinska narandžasta (svetlija i manje crvena) */
  --bs-orange-border-subtle: #fbd6c7; /* Ostaje ista, jer se dobro uklapa */
  --bs-orange-text-emphasis: #c95929; /* Ostaje ista */
}

.btn-orange {
  --bs-btn-color: #fff; /* Boja teksta dugmeta (bela) */
  --bs-btn-bg: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-border-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-hover-color: #fff; /* Boja teksta pri prelasku mišem (bela) */
  --bs-btn-hover-bg: #e2652f; /* Tamnija pozadinska boja pri prelasku mišem */
  --bs-btn-hover-border-color: #e2652f; /* Tamnija boja okvira pri prelasku mišem */
  --bs-btn-focus-shadow-rgb: var(--bs-orange-rgb); /* Koristi RGB varijablu */
  --bs-btn-active-color: #fff; /* Boja teksta kada je dugme aktivno (bela) */
  --bs-btn-active-bg: var(--bs-orange-text-emphasis); /* Koristi postojeću text-emphasis varijablu */
  --bs-btn-active-border-color: var(--bs-orange-text-emphasis); /* Koristi postojeću text-emphasis varijablu */
  --bs-btn-disabled-color: #fff; /* Boja teksta kada je dugme onemogućeno (bela) */
  --bs-btn-disabled-bg: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-disabled-border-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
}

.btn-outline-orange {
  --bs-btn-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-border-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-hover-color: #fff; /* Boja teksta pri prelasku mišem (postaje bela) */
  --bs-btn-hover-bg: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-hover-border-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-focus-shadow-rgb: var(--bs-orange-rgb); /* Koristi RGB varijablu */
  --bs-btn-active-color: #fff; /* Boja teksta kada je dugme aktivno (bela) */
  --bs-btn-active-bg: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-active-border-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-disabled-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-btn-disabled-bg: transparent; /* Pozadina transparentna kada je dugme onemogućeno */
  --bs-btn-disabled-border-color: var(--bs-orange); /* Koristi glavnu narandžastu varijablu */
  --bs-gradient: none; /* Uklanjanje gradijenta */
}

/* Pozadine */
.bg-orange {
  --bs-bg-opacity: 1; /* Osigurava punu neprovidnost */
  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}

.bg-orange-subtle {
  background-color: var(--bs-orange-bg-subtle) !important;
}

/* Obrubi */
.border-orange {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important;
}

.border-orange-subtle {
  border-color: var(--bs-orange-border-subtle) !important;
}

/* Tekst */
.text-orange {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important;
}

.text-orange-subtle {
  color: var(--bs-orange-text-emphasis) !important; /* Koristimo text-emphasis nijansu za suptilni tekst radi čitljivosti */
}

:root {
  --bs-vermilion: #FA2A1E; /* Glavna vermilion boja */
  --bs-vermilion-rgb: 250, 42, 30; /* RGB vrednost glavne vermilion boje */
  --bs-vermilion-bg-subtle: #fbe6e4; /* Suptilna pozadinska nijansa (svetlija, manje intenzivna) */
  --bs-vermilion-border-subtle: #fbd6d3; /* Suptilna nijansa za obrub */
  --bs-vermilion-text-emphasis: #c82218; /* Tamnija nijansa za naglašeni tekst */
}

/* Osnovno Vermilion dugme */
.btn-vermilion {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-vermilion);
  --bs-btn-border-color: var(--bs-vermilion);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e0251a; /* Tamnija nijansa za hover */
  --bs-btn-hover-border-color: #e0251a;
  --bs-btn-focus-shadow-rgb: var(--bs-vermilion-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c61f15; /* Još tamnija nijansa za active */
  --bs-btn-active-border-color: #c61f15;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-vermilion);
  --bs-btn-disabled-border-color: var(--bs-vermilion);
}

/* Konturno Vermilion dugme */
.btn-outline-vermilion {
  --bs-btn-color: var(--bs-vermilion);
  --bs-btn-border-color: var(--bs-vermilion);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-vermilion);
  --bs-btn-hover-border-color: var(--bs-vermilion);
  --bs-btn-focus-shadow-rgb: var(--bs-vermilion-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-vermilion);
  --bs-btn-active-border-color: var(--bs-vermilion);
  --bs-btn-disabled-color: var(--bs-vermilion);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-vermilion);
  --bs-gradient: none;
}

/* Pozadine */
.bg-vermilion {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-vermilion-rgb), var(--bs-bg-opacity)) !important;
}

.bg-vermilion-subtle {
  background-color: var(--bs-vermilion-bg-subtle) !important;
}

/* Obrubi */
.border-vermilion {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-vermilion-rgb), var(--bs-border-opacity)) !important;
}

.border-vermilion-subtle {
  border-color: var(--bs-vermilion-border-subtle) !important;
}

/* Tekst */
.text-vermilion {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-vermilion-rgb), var(--bs-text-opacity)) !important;
}

.text-vermilion-subtle {
  color: var(--bs-vermilion-text-emphasis) !important;
}

:root {
  --bs-lime: #BBDD66; /* Glavna lime boja */
  --bs-lime-rgb: 187, 221, 102; /* RGB vrednost glavne lime boje */
  --bs-lime-bg-subtle: #f6fadd; /* Suptilna pozadinska nijansa (veoma svetla) */
  --bs-lime-border-subtle: #ddecb2; /* Suptilna nijansa za obrub */
  --bs-lime-text-emphasis: #94ad52; /* Tamnija nijansa za naglašeni tekst */
}

/* Osnovno Lime dugme */
.btn-lime {
  --bs-btn-color: #333; /* Boja teksta dugmeta (tamno siva/crna za bolji kontrast) */
  --bs-btn-bg: var(--bs-lime);
  --bs-btn-border-color: var(--bs-lime);
  --bs-btn-hover-color: #333; /* Boja teksta pri prelasku mišem (tamno siva/crna) */
  --bs-btn-hover-bg: #a6c45c; /* Tamnija nijansa za hover */
  --bs-btn-hover-border-color: #a6c45c;
  --bs-btn-focus-shadow-rgb: var(--bs-lime-rgb);
  --bs-btn-active-color: #333; /* Boja teksta kada je dugme aktivno (tamno siva/crna) */
  --bs-btn-active-bg: #90ab4d; /* Još tamnija nijansa za active */
  --bs-btn-active-border-color: #90ab4d;
  --bs-btn-disabled-color: #333; /* Boja teksta kada je dugme onemogućeno (tamno siva/crna) */
  --bs-btn-disabled-bg: var(--bs-lime);
  --bs-btn-disabled-border-color: var(--bs-lime);
}

/* Konturno Lime dugme */
.btn-outline-lime {
  --bs-btn-color: var(--bs-lime); /* Boja teksta u normalnom stanju (ista kao boja okvira) */
  --bs-btn-border-color: var(--bs-lime);
  --bs-btn-hover-color: #333; /* Boja teksta pri prelasku mišem (postaje tamno siva/crna) */
  --bs-btn-hover-bg: var(--bs-lime); /* Pozadinska boja pri prelasku mišem (popunjava se) */
  --bs-btn-hover-border-color: var(--bs-lime);
  --bs-btn-focus-shadow-rgb: var(--bs-lime-rgb);
  --bs-btn-active-color: #333; /* Boja teksta kada je dugme aktivno (tamno siva/crna) */
  --bs-btn-active-bg: var(--bs-lime);
  --bs-btn-active-border-color: var(--bs-lime);
  --bs-btn-disabled-color: var(--bs-lime);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-lime);
  --bs-gradient: none;
}

/* Pozadine */
.bg-lime {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-lime-rgb), var(--bs-bg-opacity)) !important;
}

.bg-lime-subtle {
  background-color: var(--bs-lime-bg-subtle) !important;
}

/* Obrubi */
.border-lime {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-lime-rgb), var(--bs-border-opacity)) !important;
}

.border-lime-subtle {
  border-color: var(--bs-lime-border-subtle) !important;
}

/* Tekst */
.text-lime {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important;
}

.text-lime-subtle {
  color: var(--bs-lime-text-emphasis) !important;
}

/* Osnovno AViolet dugme */
.btn-violet {
  --bs-btn-color: #fff; /* Boja teksta dugmeta (bela) */
  --bs-btn-bg: var(--bs-violet);
  --bs-btn-border-color: var(--bs-violet);
  --bs-btn-hover-color: #fff; /* Boja teksta pri prelasku mišem (bela) */
  --bs-btn-hover-bg: #734e91; /* Tamnija nijansa za hover */
  --bs-btn-hover-border-color: #734e91;
  --bs-btn-focus-shadow-rgb: var(--bs-violet-rgb);
  --bs-btn-active-color: #fff; /* Boja teksta kada je dugme aktivno (bela) */
  --bs-btn-active-bg: #604078; /* Još tamnija nijansa za active */
  --bs-btn-active-border-color: #604078;
  --bs-btn-disabled-color: #fff; /* Boja teksta kada je dugme onemogućeno (bela) */
  --bs-btn-disabled-bg: var(--bs-violet);
  --bs-btn-disabled-border-color: var(--bs-violet);
}

:root {
  --bs-violet: #8159A2; /* Glavna violet boja */
  --bs-violet-rgb: 129, 89, 162; /* RGB vrednost glavne violet boje */
  --bs-violet-bg-subtle: #f0ebf4; /* Suptilna pozadinska nijansa (veoma svetla) */
  --bs-violet-border-subtle: #d6cae1; /* Suptilna nijansa za obrub */
  --bs-violet-text-emphasis: #674782; /* Tamnija nijansa za naglašeni tekst */
}

/* Konturno Violet dugme */
.btn-outline-violet {
  --bs-btn-color: var(--bs-violet); /* Boja teksta u normalnom stanju (ista kao boja okvira) */
  --bs-btn-border-color: var(--bs-violet);
  --bs-btn-hover-color: #fff; /* Boja teksta pri prelasku mišem (postaje bela) */
  --bs-btn-hover-bg: var(--bs-violet); /* Pozadinska boja pri prelasku mišem (popunjava se) */
  --bs-btn-hover-border-color: var(--bs-violet);
  --bs-btn-focus-shadow-rgb: var(--bs-violet-rgb);
  --bs-btn-active-color: #fff; /* Boja teksta kada je dugme aktivno (bela) */
  --bs-btn-active-bg: var(--bs-violet);
  --bs-btn-active-border-color: var(--bs-violet);
  --bs-btn-disabled-color: var(--bs-violet);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-violet);
  --bs-gradient: none;
}

/* Pozadine */
.bg-violet {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-violet-rgb), var(--bs-bg-opacity)) !important;
}

.bg-violet-subtle {
  background-color: var(--bs-violet-bg-subtle) !important;
}

/* Obrubi */
.border-violet {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-violet-rgb), var(--bs-border-opacity)) !important;
}

.border-violet-subtle {
  border-color: var(--bs-violet-border-subtle) !important;
}

/* Tekst */
.text-violet {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-violet-rgb), var(--bs-text-opacity)) !important;
}

.text-violet-subtle {
  color: var(--bs-violet-text-emphasis) !important;
}

:root {
  --bs-pink: #CC3399; /* Glavna pink boja */
  --bs-pink-rgb: 204, 51, 153; /* RGB vrednost glavne pink boje */
  --bs-pink-bg-subtle: #f9eaf4; /* Suptilna pozadinska nijansa (veoma svetla) */
  --bs-pink-border-subtle: #e6cce0; /* Suptilna nijansa za obrub */
  --bs-pink-text-emphasis: #a3297a; /* Tamnija nijansa za naglašeni tekst */
}

/* Osnovno Pink dugme */
.btn-pink {
  --bs-btn-color: #fff; /* Boja teksta dugmeta (bela) */
  --bs-btn-bg: var(--bs-pink);
  --bs-btn-border-color: var(--bs-pink);
  --bs-btn-hover-color: #fff; /* Boja teksta pri prelasku mišem (bela) */
  --bs-btn-hover-bg: #b32d88; /* Tamnija nijansa za hover */
  --bs-btn-hover-border-color: #b32d88;
  --bs-btn-focus-shadow-rgb: var(--bs-pink-rgb);
  --bs-btn-active-color: #fff; /* Boja teksta kada je dugme aktivno (bela) */
  --bs-btn-active-bg: #992673; /* Još tamnija nijansa za active */
  --bs-btn-active-border-color: #992673;
  --bs-btn-disabled-color: #fff; /* Boja teksta kada je dugme onemogućeno (bela) */
  --bs-btn-disabled-bg: var(--bs-pink);
  --bs-btn-disabled-border-color: var(--bs-pink);
}

/* Konturno Pink dugme */
.btn-outline-pink {
  --bs-btn-color: var(--bs-pink); /* Boja teksta u normalnom stanju (ista kao boja okvira) */
  --bs-btn-border-color: var(--bs-pink);
  --bs-btn-hover-color: #fff; /* Boja teksta pri prelasku mišem (postaje bela) */
  --bs-btn-hover-bg: var(--bs-pink); /* Pozadinska boja pri prelasku mišem (popunjava se) */
  --bs-btn-hover-border-color: var(--bs-pink);
  --bs-btn-focus-shadow-rgb: var(--bs-pink-rgb);
  --bs-btn-active-color: #fff; /* Boja teksta kada je dugme aktivno (bela) */
  --bs-btn-active-bg: var(--bs-pink);
  --bs-btn-active-border-color: var(--bs-pink);
  --bs-btn-disabled-color: var(--bs-pink);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-pink);
  --bs-gradient: none;
}

/* Pozadine */
.bg-pink {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important;
}

.bg-pink-subtle {
  background-color: var(--bs-pink-bg-subtle) !important;
}

/* Obrubi */
.border-pink {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important;
}

.border-pink-subtle {
  border-color: var(--bs-pink-border-subtle) !important;
}

/* Tekst */
.text-pink {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-pink-rgb), var(--bs-text-opacity)) !important;
}

.text-pink-subtle {
  color: var(--bs-pink-text-emphasis) !important;
}

.text-justify {
  text-align: justify !important;
}