/* {transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;} */

:root {
    --orangehsm:#EC9840;
    --graytexthsm: #66686D;
    --purplehsm: #951B81;
    --bluehsm: #007DC2;
}

/* Heading titles */








/* Background colors */
.bg-museum-red {
    background-color: #E4002B;
}
.bg-museum-green {
    background-color: #008D37;
}
.bg-museum-purple {
    background-color: #951B81;
}
.bg-museum-blue {
    background-color: #007DC2;
}

.bg-museum-light-gray {
    background-color: #F1F1F1;
}
.bg-museum-orange {
    background-color: var(--orangehsm);
}


/* Foreground colors */
.text-museum-red {
    color: #E4002B;
}
.text-museum-green {
    color: #008D37;
}
.text-museum-purple {
    color: #951B81;
}
.text-museum-blue {
    color: #007DC2;
}
.text-museum-orange {
    color: var(--orangehsm);
}
.text-museum-gray {
    color: #66686D;
}
.museum-content p {
    color: #66686D;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.2px;
}

.btn-museum-purple {
    border: 2px solid #951B81;
    padding: 15px 10px 15px 55px;
    color: #951B81;
    background: transparent;
    background-image: linear-gradient(135deg,  #951B81 50%, transparent 51%);
    background-size: 100px 100px; /* some initial size to get the slanted appearance */
    background-position: -50px -50px; /* negative positioning to hide it initially */
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}

.btn-museum-purple:hover {
    background-size: 200% 200%; /* 200% because gradient is colored only for 50% */
    background-position: 0px 0px; /* bring it fully into view */
    color: #FFF;
  }



.btn-museum-red {
    border: 2px solid #E4002B;
    padding: 15px 10px 15px 55px;
    color:#E4002B;
    background: transparent;
    background-image: linear-gradient(135deg,  #E4002B 50%, transparent 51%);
    background-size: 100px 100px; /* some initial size to get the slanted appearance */
    background-position: -50px -50px; /* negative positioning to hide it initially */
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
.btn-museum-red:hover {
    background-size: 200% 200%; /* 200% because gradient is colored only for 50% */
    background-position: 0px 0px; /* bring it fully into view */
    color: #FFF;
  }
.btn-museum-green {
    border: 2px solid #008D37;
    padding: 15px 10px 15px 55px;
    color: #008D37;
    background-image: linear-gradient(135deg,  #008D37 50%, transparent 51%);
    background-size: 100px 100px; /* some initial size to get the slanted appearance */
    background-position: -50px -50px; /* negative positioning to hide it initially */
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
.btn-museum-green:hover {
    background-size: 200% 200%; /* 200% because gradient is colored only for 50% */
    background-position: 0px 0px; /* bring it fully into view */
    color: #FFF;
  }
.btn-museum-white {
    border: 2px solid #ffffff;
    padding: 15px 10px 15px 55px;
    color: #fff;
    background-image: linear-gradient(135deg,  #fff 50%, transparent 51%);
    background-size: 100px 100px; /* some initial size to get the slanted appearance */
    background-position: -50px -50px; /* negative positioning to hide it initially */
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
.btn-museum-white:hover {
    background-size: 200% 200%; /* 200% because gradient is colored only for 50% */
    background-position: 0px 0px; /* bring it fully into view */
    color: #E4002B;
  }
.btn-museum-white-submit {
    border: 2px solid #ffffff;
    padding: 10px 5px 10px 5px;
    color: #ffffff;
    background-image: linear-gradient(135deg,  #fff 50%, transparent 51%);
    background-size: 100px 100px; /* some initial size to get the slanted appearance */
    background-position: -50px -50px; /* negative positioning to hide it initially */
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
.btn-museum-white-submit:hover {
    background-size: 200% 200%; /* 200% because gradient is colored only for 50% */
    background-position: 0px 0px; /* bring it fully into view */
    color: #E4002B;
  }

.btn-museum-orange {
    border: 2px solid #EC9840;
    padding: 15px 10px 15px 55px;
    color: #EC9840 !important;
    background-image: linear-gradient(135deg, #EC9840 50%, transparent 51%);
    background-size: 100px 100px; /* some initial size to get the slanted appearance */
    background-position: -50px -50px; /* negative positioning to hide it initially */
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
.btn-museum-orange:hover {
    background-size: 200% 200%; /* 200% because gradient is colored only for 50% */
    background-position: 0px 0px; /* bring it fully into view */
    color: #FFF !important;
  }
.btn-museum-blue {
    border: 2px solid #007DC2;
    padding: 15px 10px 15px 55px;
    color: #007DC2;
    background-image: linear-gradient(135deg, #007DC2 50%, transparent 51%);
    background-size: 100px 100px; /* some initial size to get the slanted appearance */
    background-position: -50px -50px; /* negative positioning to hide it initially */
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
.btn-museum-blue:hover {
    background-size: 200% 200%; /* 200% because gradient is colored only for 50% */
    background-position: 0px 0px; /* bring it fully into view */
    color: #FFF;
  }

.text-museum-blog-paragraph {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    letter-spacing: 0.2px;
}


.height-800px {
    height: 800px;
}

.widget-hsm-no-paragraph-margin p {
    margin: 0px;
}



.border-museum-box {
border: 1px solid #E4E4E4;
}
.top-minus-box {
    top:  -110px;
}
.link-museum-red {
    color: #E4002B;
    display: inline-block;
}
.link-museum-red:hover {
    color: #E4002B;
    display: inline-block;
}
.link-museum-red span {
    display: inline-block;
}
.link-museum-red span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background:  #E4002B;
    transition: ease-out .3s;
}
.link-museum-red:hover span::after {    
    width: 100%;
    //transition: ease-out .3s;
}


.link-museum-white {
    color: #fff;
    display: inline-block;
}
.link-museum-white:hover {
    color: #fff;
    display: inline-block;
}
.link-museum-white span {
    display: inline-block;
}
.link-museum-white span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background:  #fff;
    transition: ease-out .3s;
}
.link-museum-white:hover span::after {    
    width: 100%;
    //transition: ease-out .3s;
}

.link-museum-white-only {
    color: #fff !important;
    display: inline-block;
}
.link-museum-white-only:hover {
    color: #fff !important;
    display: inline-block;
}

.link-museum-white-only:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background:  #fff;
    transition: ease-out .3s;
}
.link-museum-white-only:hover::after {    
    width: 100%;
    //transition: ease-out .3s;
}




.link-museum-purple {
    color: #951B81;
    display: inline-block;
}
.link-museum-purple:hover {
    color:#951B81;
    display: inline-block;
}
.link-museum-purple span {
    display: inline-block;
}
.link-museum-purple span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background:  #951B81;
    transition: ease-out .3s;
}
.link-museum-purple:hover span::after {    
    width: 100%;
    //transition: ease-out .3s;
}

.link-museum-blue {
    color: #007DC2;
    display: inline-block;
}
.link-museum-blue:hover {
    color:#007DC2;
    display: inline-block;
}
.link-museum-blue span {
    display: inline-block;
}
.link-museum-blue span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background:  #007DC2;
    transition: ease-out .3s;
}
.link-museum-blue:hover span::after {    
    width: 100%;
    transition: ease-out .3s;
}


.link-museum-green {
    color: #008D37;
    display: inline-block;
}
.link-museum-green:hover {
    color:#008D37;
    display: inline-block;
}
.link-museum-green span {
    display: inline-block;
}
.link-museum-green span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background:  #008D37;
    transition: ease-out .3s;
}
.link-museum-green:hover span::after {    
    width: 100%;
    transition: ease-out .3s;
}
.tags-hsm-before {
    position: relative;
    display: inline-block;
}

.tags-hsm-before:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #A1A1A1;
    position: absolute;
    top: 40%;
    left: -9px;
    transform: rotate(
45deg
);
}

.icon-museum-medium {
    font-size: 35px;
    /* line-height: 0px; */
}
.height-280px {
    height: 280px;
}
.border-hsm-menu {
    border-bottom: 1px solid white;
}
.border-hsm-box {
    border-bottom: 1px solid #E4E4E4;
}
.top-50-percent {
    top: 50%;
}
.no-border-all {
    border: 0px solid transparent;
}
.border-hsm-menu:after {
    content: '';
    border-right: 1px solid white;
    transform: rotate(45deg);
    top: -47px;
    right: -39px;
    position: absolute;
    height: 150px;
}




 
nav.navbar.navbar-default ul.nav > li > a {
    transition: padding-top .2s ease-in-out, padding-bottom .2s ease-in-out;    
    /* transition-timing-function: ease-in-out; 
    -ms-transition-timing-function: ease-in-out; 
    -moz-transition-timing-function: ease-in-out; 
    -webkit-transition-timing-function: ease-in-out; 
    -o-transition-timing-function: ease-in-out; 
    transition-duration: .2s; 
    -ms-transition-duration: .2s; 
    -moz-transition-duration: .2s; 
    -webkit-transition-duration: .2s; 
    -o-transition-duration: .2s; */
    /* transition: letter-spacing .0s ease-in-out; */
    padding: 44px 0px 19px 0px;
    margin: 0 30px;
    color: #66686D;
    border-bottom: 9px solid transparent; 
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: inherit;
    font-weight: 500;
   
     
} 
header .logo .logo-dark.default, header .logo .logo-light.default {
  
    height: 100px;
}
header a.logo img {
    max-height: 100px;
}
header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover {
    color: #66686D;
    border-bottom: 9px solid #e4002b;
    font-weight: 600;
    letter-spacing: 0.74px;
}


.sticky a.logo img  {
    max-height: 92px !important; 
   transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -ms-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
}

.sticky .logo .logo-dark.default, header .logo .logo-light.default {
   display: none;
    /* height: 81px !important;  */
   transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -ms-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
}
.logo .logo-dark.default, header .logo .logo-light.default {
   max-height: 92px !important; 
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -ms-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
}

.sticky .logo-red-skewed { 
   top:-400px !important;
   /* height: 250px !important;
   width: 160px !important; */
   transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -ms-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
}
.logo-red-skewed {
   height: 300px !important;
   width: 180px !important;
   transition-duration: 0.3s;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   -ms-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
}

.logo-red-hsm {
    display: none;
    height: 40px !important;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.sticky .logo-red-hsm {
    display: block !important;
    height: 40px !important;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}
.sticky .nav-hsm-top-minus {
    top:-10px;
}
.simple-dropdown .dropdown-menu > li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #C7C7C7;


}
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {
    border-bottom: 1px solid #C7C7C7;
}
ul .dropdown-menu {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li {
    padding-left: 10px; 
    padding-right: 10px; 
}

.simple-dropdown .dropdown-menu > li > a {
    font-size: 14px;
    color: #66686D;
    padding-right: 25px;
    letter-spacing: 1px;

}
.simple-dropdown .dropdown-menu {
  
    background: rgb(241 241 241);
    min-width: 264px;
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;
    color: #1a1a1a;
    /* background: unset; */
    left: 0px; 
}
.icon-right-hsm-menu {
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    background-color:  #66686D;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 6px 7px 6px;


} 
.icon-menu-padding {
    background-color: #66686D;
    padding: 1px 5px;
}

header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {
    color: #66686d;
}

nav.navbar.bootsnav li.dropdown .mega-menu-full {
    background: rgba(0, 0, 0, 0.8);
}
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
    background: transparent
}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {
    color: #F1F1F1;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    border-bottom: 1px solid #C7C7C7;
    padding: 3px 10px;
    text-transform: none;
    background-image: linear-gradient(
135deg
, #fff 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -58px -58px;
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li {
    padding: 0px 20px 0px 20px;
}
.padding-right-menu-calc {
    padding-right: calc((100vw - 1210px)/2) !important;
}
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {
   float: right;
}
header nav.nav-box-width {
 padding: 0 0;
}


@media (max-width: 991px) {
  .logo-red-skewed {
       height: 250px !important;
       width: 160px !important;
       top: -160px !important;
  }
a.logo img  {
   height: 80px !important;
       }
.sm-nav-top-0 {
   top: 5px;
}


nav.navbar.bootsnav .navbar-nav {
    background-color: rgb(0, 0, 0, 0.8);
    padding-top: 50px;
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu {
    background-color: rgb(265 265 265);
}
nav.navbar.navbar-default ul.nav > li > a {
    margin: 0 0px;
    color: #F1F1F1;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    border-bottom: 1px solid #C7C7C7;
    padding: 3px 10px;
    text-transform: none;
    background-image: linear-gradient(
135deg
, #fff 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -58px -58px;
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a {
    color: #66686D;
    padding: 9px 15px 8px;
}
.simple-dropdown .dropdown-menu > li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar-nav > li.dropdown > .fas {
    display: block;
    position: absolute;
    right: 0px;
    top: 33%;
    background-color: transparent;
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    padding: 8px 7px 5px;
} 

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li:hover > a {
    color: #252525;
}
header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;
    color: #1a1a1a;
    border-bottom: 1px solid #fff;
}
nav.navbar.bootsnav li.dropdown.show .mega-menu-full {
    padding-top: 0px;
}
nav.navbar.bootsnav .navbar-nav li {
    border: 0px solid transparent;
}
nav.navbar.bootsnav .navbar-nav > li > a {
   border-top: 0px solid transparent;
}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a {
    color: #ffffff;
}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a:hover {
    color: #1a1a1a;
}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {
    margin-bottom: 0px;
}
nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li:hover .fas {
    color: #1a1a1a;
}


}
@media (max-width: 768px) {
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li {
        padding: 0px 00px 0px 0px;
    }
}

@media (min-width: 1920px) {
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {

      width: auto;
}
}

/* HEADER 









 END HEADER */






.feature-box-museum {
    padding-left: 75px;
}

.feature-box-museum > i {
    position: absolute;
    top: 10px;
    left: 5px;
}
.box-shadow-museum {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.18);
}
.museum-box-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 96px 96px 0 0;
    border-color: #E4002B transparent transparent transparent;
    }
.museum-box-triangle-down {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 96px 96px;
        border-color: transparent transparent #E4002B  transparent;
        }
.museum-box-triangle-green {
             width: 0;
            height: 0;
            border-style: solid;
            border-width: 96px 96px 0 0;
            border-color: #008D37 transparent transparent transparent;  
           
            }
.museum-box-triangle-green-down {
             width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 96px 96px;
                border-color: transparent transparent #008D37 transparent; 
            }
.museum-box-triangle-blue {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 96px 96px 0 0;
                border-color: #007DC2 transparent transparent transparent;
                display: none
                }
.museum-box-triangle-blue-down {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 0 96px 96px;
                border-color: transparent transparent #007DC2 transparent;
                }


.card-plus {
     display: block; 
 
}
.card-exhibits-hover:hover .card-plus {
    display: block;      
}
.card-exhibits-hover-red {
    display: inline-block;
    cursor: unset;
    background-image: linear-gradient(-45deg, #E4002B 50%, transparent 50%);
    background-size: 96px 96px;
    background-position: bottom -50px right -50px;
    background-repeat: no-repeat;
    transition: all ease 0.3s;
}
.card-exhibits-hover-red:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #FFF;
}
.card-exhibits-hover-white {
    display: inline-block;
    cursor: unset;
    background-image: linear-gradient(-45deg, #fff 50%, transparent 50%);
    background-size: 96px 96px;
    background-position: bottom -50px right -50px;
    background-repeat: no-repeat;
    transition: all ease 0.3s;
}
.card-exhibits-hover-white:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #f7f7f7;
}
.card-exhibits-hover-green {
    display: inline-block;
    cursor: unset;
    background-image: linear-gradient(-45deg, #008D37 50%, transparent 50%);
    background-size: 96px 96px;
    background-position: bottom -50px right -50px;
    background-repeat: no-repeat;
    transition: all ease 0.3s;
}
.card-exhibits-hover-green:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #FFF;
}
.card-exhibits-hover-purple {
    display: inline-block;
    cursor: unset;
    background-image: linear-gradient(-45deg, #951B81 50%, transparent 50%);
    background-size: 96px 96px;
    background-position: bottom -50px right -50px;
    background-repeat: no-repeat;
    transition: all ease 0.3s;
}
.card-exhibits-hover-purple:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #FFF;
}
.card-exhibits-hover-blue {
    display: inline-block;
    cursor: unset;
    background-image: linear-gradient(-45deg, #007DC2 50%, transparent 50%);
    background-size: 96px 96px;
    background-position: bottom -50px right -50px;
    background-repeat: no-repeat;
    transition: all ease 0.3s;
}
.card-exhibits-hover-blue:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #FFF;
}


.margin-calc-container-museum {
    margin-left: calc((100vw - 1180px)/2);
}
.museum-margin-top {
    margin-top: -100px;
}
.minus-margin-zbirka-img-desktop {
    margin-top: -400px;
}
.margin-in-minus-izlozbe-100px-sm-none {
    margin-top: -100px;
}
.museum-minus-margin-thiry-bottom {
    margin-bottom: -30%
}


.mobile-map-museum-position {
    margin-top: -95%;
    transform: translatey(95%);
}
.pattern-hsm-position {
    position: absolute;
    z-index: 0;  
    left: 115px;
    top: 370px;
    mix-blend-mode: multiply;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .margin-calc-container-museum {
        margin-left: calc((100vw - 970px)/2);
    }  
}
@media (min-width: 768px) and (max-width: 991px) {
    .margin-calc-container-museum {
        margin-left: calc((100vw - 758px)/2);
    }  
}
@media (max-width: 768px) {
    .margin-calc-container-museum {
        margin-left: 5px;
    }  
    .museum-margin-bottom-mobile {
        margin-bottom: 60px
    }
    .sm-max-height-100 {
        max-height: 100% !important;
    }
    .museum-margin-top-sm-thirty {
        margin-top: 30%;
    }
    .margin-in-minus-izlozbe-100px-sm-none {
        margin-top: 0px;
    }
    .pattern-hsm-position {
        position: absolute;
        z-index: 0;
        left: 10px;
        top: 370px;
        mix-blend-mode: multiply;
    }

}
@media (max-width: 767px) {
 
    .flex-column-reverse-museum-mobile {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important;
    }
  
    .museum-location i:before { 
        /* left: 0px !important;       */
      
    }

    .pattern-hsm-position {
        position: absolute;
        z-index: 0;
        left: -170px;
        top: 200px;
        mix-blend-mode: multiply;
    }
    
}

@media (max-width: 575px) {
.museum-margin-top-mobile {
    margin-top: 130px;
}
.sm-museum-margin-bottom-minus {
    margin-bottom: -100px;
}
.museum-margin-top {
    margin-top: 0px;
}
.mobile-map-museum-position {
    margin-top: -15%;
    transform: translatey(15%);
}
.google-map-museum iframe {
    height: 370px;
}
.minus-margin-zbirka-img-desktop {
    margin-top: 0px;
}


}



@media (min-width: 768px) {
    .height-360px-museum {
        min-height: 360px;
    }
}



.swiper-button-next, .swiper-button-prev {
    height: 50px;
    width: 50px;  
    top: 45%;
    border: 1px solid #C7C7C7;
    padding: 0 0 0 14px;
}

.icon-museum-small {
  font-size: 20px;
}
.icon-text-gray {
    color: #C7C7C7;;
}
@media (min-width: 300px) and (max-width: 991px) {
    .swiper-button-next, .swiper-button-prev {
        width: 35px !important;
        height: 38px !important;
        padding: 0 0 0 7px;
}
}


.gm-style .place-card-large {
    display: none !important;
}


.social-icon-museum a {
    font-size: 18px;
    width: 32px;
    height: 32px;
    line-height: 35px;
    background-color: #E4002B;
    text-align: center;
    display: inline-block;
    color: white;
}


.social-icon-museum li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
}
.social-icon-museum ul {
    padding-left: 0px;
}
.social-icon-museum-footer a {
    font-size: 18px;
    width: 32px;
    height: 32px;
    line-height: 35px;
    background-color: #E4002B;
    text-align: center;
    display: inline-block;
    color: white;
}


.social-icon-museum-footer li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
}
.social-icon-museum-footer ul {
    padding-left: 0px;
    padding-top: 30px;
    border-top: 1px solid #66686D;
}
.social-icon-museum-footer a {
    font-size: 18px;
    width: 32px;
    height: 32px;
    line-height: 35px;
    background-color: #ffffff;
    text-align: center;
    display: inline-block;
    color: #404246;
}
.museum-box-shadow {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}


input, textarea, select { 
   background: #E4E4E4;
   height: 48px;

}
::placeholder {
    color: #A1A1A1;
    font-size: 16px;
}

.width-65-percent {
    width: 65%
}

.textwidget p {
    line-height: 25px;
    font-size: 16px;
    letter-spacing: 0.5px;
}


.museum-slider-title {  
        border-bottom: 4px solid #E4002B;
}
.museum-slider-title-purple {  
    border-bottom: 4px solid #951B81;;
}
.museum-slider-title-blue {  
    border-bottom: 4px solid #007DC2;
}

.swiper-pagination-bullet {
    height: 12px;
    width: 12px;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 0%;
    background: transparent;
    opacity: 1;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: transparent;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: white;
}

.museum-onpage-submenu {
    list-style: none;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.museum-onpage-submenu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    color: white;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    background-image: linear-gradient( 
        135deg
         , rgb(0, 0, 0, 0.1) 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    transition: all ease 0.7s;
}
.museum-onpage-submenu li:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;
    color: #E4002B;

}
.museum-onpage-submenu i {
    position: absolute;
    right: 10px;
    font-size: 36px;
    text-align: center;
}
.museum-onpage-submenu li > a {
    color: white;
    display: flex;
    align-items: center;
    padding: 18px 48px 18px 10px;
}

.museum-skew-border-decoration {
    position: absolute;
    z-index: 0;
    border: 6px solid #D20028;
    width: 100%;
    height: 179px;
    transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    left: -188px;
    top: 250px;
    max-width:100%;
    mix-blend-mode: normal;
}
.museum-skew-border-decoration-purple {
    position: absolute;
    z-index: 0;
    border: 6px solid #7E166D;
    width: 100%;
    height: 179px;
    transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    left: -188px;
    top: 250px;
    max-width:100%;
    mix-blend-mode: normal;
}
.breadcrumb {
    letter-spacing: 0.5px;
    padding: 14px;
}

/* START OF TIMELINE */
.timeline {
    position: relative;
    max-width: 1200px;
    padding-left: 110px
  
  }
  
  /* The actual timeline (the vertical ruler) */
  .timeline:after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #E4002B;;
    top: 0;
    bottom: 0;
    left: 0%;
    margin-left: 107px;
  }
  
  /* Container around content */
  .container-timeline {
    padding: 0px 40px;
    position: relative;
    background-color: inherit;
    width: 100%;
  }
  
  /* The circles on the timeline */
  .container-timeline:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -17px;
    background-color: white;
    border: 2px solid #E4002B;
    box-sizing: border-box;
    transform: rotate(45deg);
    top: 0px;
    z-index: 1;
  }
  
  /* Place the container to the left */
  
  /* Place the container to the right */
  .right {
    left: 0%;
  }
  
  
  
  /* Fix the circle for containers on the right side */
  .right:after {
    left: -15px;
  }
  
  /* The actual content */
  .content {
    padding: 0px;
    background-color: white;
    position: relative;
    border-radius: 6px;
  }
  
  /* Media queries - Responsive timeline on screens less than 600px wide */
  @media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .timeline:after {
    left: 31px;
    }
    
    /* Full-width containers */
    .container-timeline {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    }
    
    /* Make sure that all arrows are pointing leftwards */
    .container-timeline:before {
    left: 60px;
    border: medium solid #E4002B;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
    }
  
    /* Make sure all circles are at the same spot */
    .left:after, .right:after {
    left: 15px;
    }
    
    /* Make all right containers behave like the left ones */
    .right {
    left: 0%;
    }
  }
.timeline p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
}
.active-timeline:before {
    content: '';
    position: absolute;
    width: 11.4px;
    height: 11.4px;
    background-color: #E4002B;
    border: 2px solid #E4002B;
    box-sizing: border-box;
    transform: rotate(45deg);
    top: 7px;
    z-index: 2;
    left: -8px;

}
  /* END OF TIMELINE */

  .accordion-style2 .panel .panel-heading {
    background: #f1f1f1;
    border-radius: 0;
    padding: 11px 11px 11px;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid transparent;
}
.accordion-style2 .panel-body {
    padding: 35px 0px 0px 0px;
}
.museum-box-triangle-purple {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 96px 96px 0 0;
    border-color: #951b81 transparent transparent transparent;
    display: none
}
.museum-box-triangle-down-purple {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 96px 96px;
    border-color: transparent transparent #951b81 transparent;
}

.dokumenti-content ul  {
   padding-left: 0px;

}
.dokumenti-content ul > li {
    list-style-type: none;
     margin: 0 0 10px 0;
    padding: 0;
    background-color: #F1F1F1;
}
.dokumenti-content ul > li > a {
   color: var(--graytexthsm);
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 0.2px;
   position: relative;
   display: flex;
   padding-right: 25px;
   padding: 15px 25px 15px 15px;
   background: transparent;
   background-image: linear-gradient(
135deg
, #E4002B 50%, transparent 51%);
   background-size: 100px 100px;
   background-position: -50px -50px;
   background-repeat: no-repeat;
   transition: all ease 0.7s;

}

.dokumenti-content ul > li > a:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;
    color: #FFF;

}
.dokumenti-content a[href$=".pdf"]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    padding-right: 10px;
    font-size: 20px;
    /* line-height: 0; */
 
}
.dokumenti-content a[href$=".csv"]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c3";
    padding-right: 10px;
    font-size: 20px;
    /* line-height: 0; */
 
}
.dokumenti-content a[href$=".xls"]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c3";
    padding-right: 10px;
    font-size: 20px;
    /* line-height: 0; */
 
}
.dokumenti-content a[href$=".xlsx"]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c3";
    padding-right: 10px;
    font-size: 20px;
    /* line-height: 0; */
 
}
.dokumenti-content a[href$=".doc"]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c2";
    padding-right: 10px;
    font-size: 20px;
    /* line-height: 0; */
}
.dokumenti-content a[href$=".docx"]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c2";
    padding-right: 10px;
    font-size: 20px;
    /* line-height: 0; */
 
}
.dokumenti-content ul > li > a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0c7";
    font-size: 20px;
    position: absolute;
    right: 15px;
    animation-name: fade-out;
    animation-duration: 0.4s;
    animation-delay: 0.3s;
    animation-fill-mode: both;
    display: none;
    
}
.dokumenti-content ul > li > a:hover:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0c7";
    font-size: 20px;
    position: absolute;
    right: 15px;
    animation-name: fade-in;
    animation-duration: 0.4s;
    animation-delay: 0.3s;
    animation-fill-mode: both;
    display: block;
}




/* ANIMATION FADE-IN FADE-OUT */
      @keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(0px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* .swiper-slide-active div {
        animation-name: fade-in;
        animation-duration: 3s;
        animation-delay: 0.7s;
        animation-fill-mode: both;
 
}  */

@keyframes fade-out {
    from {
        opacity: 1;
        transform: translateY(0px);
    }

    to {
        opacity: 0;
        transform: translateY(0);
    }
}
/* .swiper-slide-prev div {
        animation-name: fade-out;
        animation-duration: 6s;
        animation-delay: -1s;
        animation-fill-mode: both;
 
}  */









.breadcrumbs-white a {
    color: white;
}
.breadcrumbs-gray a {
    color: #66686D;
}
.museum-zbirke-list {
    padding-left: 0px;   
  }
.museum-zbirke-list li {
  list-style: none;
  font-size: 16px;
  line-height: 20px;  
  color: #66686D;
  font-weight: 400;
  letter-spacing: 1px;
  padding-left: 5px;
  padding-bottom: 18px;
  padding-top: 13px;
  border-bottom: 1px solid #C7C7C7;
}

.museum-zbirke-list span {
    letter-spacing: 0.4px;
    line-height: 33px;
    list-style-image: none;
    margin-bottom: 10px;
}

.mix-blend-mode {
    mix-blend-mode: multiply;
}
.aside-museum-date-box {
        width: 158px;
        height: 158px;
        border: 1px solid #66686D;
        top: 100px;
}
.aside-museum-box-day {
    font-size: 30px;
    line-height: 32px;
    color: #66686D;
    letter-spacing: 1px;
    font-weight: 300;
}
.aside-museum-box-month-year {
    font-size: 12px;
    line-height: 16px;
    color: #66686D;
    letter-spacing: 2px;
    font-weight: 300;
}
.museum-date-size {
    width: 56px;
}
.aside-museum-box-border {
    border: 1px solid #66686D;
    transform: rotate(135deg);
}
.padding-15px-left-important {
    padding-left: 15px;
}
.museum-social-share {
    width: 40px;
    height: 40px;
    border: 1px solid #951B81;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    color: #951B81;
}
.museum-social-share:hover {
    background: #951B81;
    color: white;
}
.museum-content-izlozbe p {
    color: #66686D;
}
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 16px; }
.wp-caption:after {
    content: '';
    background: #9B94A3;
    height: 1px;
    width: 20%;
    position: absolute;
}
blockquote {
    margin: 80px 0 80px 0;
}
.museum-content-izlozbe blockquote p {
    font-size: 32px;
    line-height: 44px;
    color: #951B81;
    font-weight: 300;
    position: relative;
}
.museum-content-izlozbe blockquote p:after {
    width: 115px;
    height: 88px;
    content: "";
    background: url(../images/blockquote-museum-up.svg);
    position: absolute;
    top: -57px;
    left: -90px;

}
.museum-content-izlozbe blockquote p:before {
    width: 115px;
    height: 88px;
    content: "";
    background: url(../images/blockquote-museum-up.svg);
    position: absolute;
    bottom: -57px;
    right: -90px;
    transform: rotate(180deg);
}
@media (max-width: 991px) {
    .museum-content-izlozbe blockquote p {
        font-size: 22px;
        line-height: 31px;
    }
    .museum-content-izlozbe blockquote p:after {
        width: 115px;
        height: 88px;
        content: "";
        background-size: 60px;
        position: absolute;
        top: -57px;
        left: 0px;
        background-repeat: no-repeat;
    
    }
    .museum-content-izlozbe blockquote p:before {
        width: 115px;
        height: 88px;
        content: "";
        background-size: 60px;
        position: absolute;
        bottom: -57px;
        right: 0px;
        transform: rotate(180deg);
        background-repeat: no-repeat;
    }
    .timeline {
      padding-left: 0px; 
    }
    .timeline:after {
        margin-left: -4px;
    }


}
.gallery-thumbs .swiper-slide {
    text-align: center;
}

.gallery-thumbs .swiper-slide img {
    object-fit: cover; 
    height: 106px;
    width: 106px;
}
.img-swiper-height-custom {
    object-fit: cover; 
    width: 100%; 
    height:422px
}
.swiper-portfolio-prev:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.swiper-portfolio-next:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.swiper-next-1 {
    padding: 40px 12px 40px 12px;
    top: 91%;
}
.swiper-prev-1 {
    padding: 40px 12px 40px 12px;
    top: 91%;
}

.museum-location i:before {
    position: absolute;
    top: 8px;
    left: -38px;
    font-size: 24px;
}
.author-intro-museum:after {
    content: '';
    background: #9B94A3;
    height: 1px;
    width: 40%;
    position: absolute;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.museum-author-box {
    background: url(../images/dots-purple.png);
    width: 480px;
    height: 480px;
    content: "";
    background-size: 480px;
    position: absolute;
    z-index: 0;
    top: -70px;
    left: -174px;
    background-repeat: no-repeat;

}
.social-border-up:before {
    width: 220px;
    background-color: #E4E4E4;
    content: "";
    height: 1px;
    position: absolute;
    margin-top: -15px;
}
.padding-20px-left-important {
    padding-left: 20px !important;
}
.icon-before-button:before {
    width: 57px;
    height: 58px;
    background: #951B81;
    content: "";
    position: absolute;
    left: -85px;
    top: -2px;
    background-image: url(../images/icon-monitor.svg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-before-button-file:before {
    width: 57px;
    height: 58px;
    background: #951B81;
    content: "";
    position: absolute;
    left: -85px;
    top: -2px;
    background-image: url(../images/icon-file.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

.museum-blog img {
    height: 280px; 
    object-fit: cover;
    width: 100%;
    -webkit-transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    -ms-transition: all 1.1s ease;
    transition: all 1.1s ease;
}
.museum-blog img:hover {
        transform: scale(1.1);
        -webkit-transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    -ms-transition: all 1.1s ease;
    transition: all 1.1s ease;
    }
.top-44-percent {
    top: 38% !important;
}
.img-blog-hover {
-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-ms-transition: all 1.1s ease;
transition: all 1.1s ease;
}

.img-blog-hover:hover {
    transform: scale(1.1);
    -webkit-transition: all 1.1s ease;
    -moz-transition: all 1.1s ease;
    -ms-transition: all 1.1s ease;
    transition: all 1.1s ease;
}
.wp-caption {
    max-width: 100%;
}


.bg-zbirke-hover {
    background: #f7f7f7;
    background-image: linear-gradient(135deg, #E4002B 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    transition: all ease 1.3s;
    color: #E4002B;
}
.bg-zbirke-hover a {
    color: #E4002B;
    transition: all ease 1.3s;
}
.bg-zbirke-hover:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;

}
.bg-zbirke-hover:hover a {
    color: #f7f7f7;
} 
.plus-zbirke path {
    stroke: #f7f7f7;
    transition: all ease 0.7s;
}

.bg-zbirke-hover:hover .plus-zbirke path {
    stroke: #E4002B;
}

.event-tax-orange .bg-dogadjanja-hover {
    background-image: linear-gradient(135deg, var(--orangehsm) 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    transition: all ease 1.3s;
    color: var(--orange);
}
.event-tax-orange .bg-dogadjanja-hover a {
    color: var(--graytexthsm);
    transition: all ease 1.3s;
}
.event-tax-orange .bg-dogadjanja-hover a:hover {
    color: white;
    transition: all ease 1.3s;
}
.event-tax-orange .bg-dogadjanja-hover span {
    color: var(--orangehsm);
    transition: all ease 1.3s;
}
.event-tax-orange .bg-dogadjanja-hover:hover span {
    color: white;
}
.event-tax-orange .bg-dogadjanja-hover:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;
}
.event-tax-orange .bg-dogadjanja-hover .border-dogadjanja-3px {
    border-bottom: 3px solid var(--orangehsm);
    transition: all ease 1.3s;
}
.event-tax-orange .bg-dogadjanja-hover:hover .border-dogadjanja-3px {
    border-bottom: 3px solid white;
    transition: all ease 1.3s;
}

.event-tax-orange .bg-dogadjanja-hover:hover a {
    color: #f7f7f7;
} 

.event-tax-orange .plus-dogadjanja path {
    stroke: #f7f7f7;
    transition: all ease 0.7s;
}

.event-tax-orange .bg-dogadjanja-hover:hover .plus-dogadjanja path {
    stroke: var(--orangehsm);
}
.event-tax-orange .bg-dogadjanja-hover .box-date-dogadjanja {
    width: 90px;
    height: 90px;
    border: 1px solid var(--orangehsm);
    color: var(--graytexthsm);
    transition: all ease 1.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.event-tax-orange .bg-dogadjanja-hover .dogadjanja-date {
    color: var(--graytexthsm);
}
.event-tax-orange .bg-dogadjanja-hover:hover .box-date-dogadjanja {
    border: 1px solid white;
    transition: all ease 1.3s;
}
.event-tax-orange .bg-dogadjanja-hover .dogadjanja-small-icons {
    color: #A1A1A1;
}
.event-tax-orange .bg-dogadjanja-hover:hover .dogadjanja-date-box-effect {
    display: none;
    color: white;
    transition: all ease 1.8s;
}
.event-tax-orange .bg-dogadjanja-hover .dogadjanja-date-box-effect {
    transition: all ease 1.8s;
    display: block;
    
}
.event-tax-orange .bg-dogadjanja-hover .dogadjanja-date-box-effect-on-hover {
    display: none;
    transition: all ease 1.3s;
}
.event-tax-orange .bg-dogadjanja-hover:hover .dogadjanja-date-box-effect-on-hover {
    display: block;
    transition: all ease 1.3s;
}

.event-tax-blue .bg-dogadjanja-hover {
    background-image: linear-gradient(135deg, var(--bluehsm) 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    transition: all ease 1.3s;
    color: var(--orange);
}
.event-tax-blue .bg-dogadjanja-hover a {
    color: var(--graytexthsm);
    transition: all ease 1.3s;
}
.event-tax-blue .bg-dogadjanja-hover a:hover {
    color: white;
    transition: all ease 1.3s;
}
.event-tax-blue .bg-dogadjanja-hover span {
    color: var(--bluehsm);
    transition: all ease 1.3s;
}
.event-tax-blue .bg-dogadjanja-hover:hover span {
    color: white;
}
.event-tax-blue .bg-dogadjanja-hover:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;
}
.event-tax-blue .bg-dogadjanja-hover .border-dogadjanja-3px {
    border-bottom: 3px solid var(--bluehsm);
    transition: all ease 1.3s;
}
.event-tax-blue .bg-dogadjanja-hover:hover .border-dogadjanja-3px {
    border-bottom: 3px solid white;
    transition: all ease 1.3s;
}

.event-tax-blue .bg-dogadjanja-hover:hover a {
    color: #f7f7f7;
} 

.event-tax-blue .plus-dogadjanja path {
    stroke: #f7f7f7;
    transition: all ease 0.7s;
}

.event-tax-blue .bg-dogadjanja-hover:hover .plus-dogadjanja path {
    stroke: var(--bluehsm);
}
.event-tax-blue .bg-dogadjanja-hover .box-date-dogadjanja {
    width: 90px;
    height: 90px;
    border: 1px solid var(--bluehsm);
    color: var(--graytexthsm);
    transition: all ease 1.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.event-tax-blue .bg-dogadjanja-hover .dogadjanja-date {
    color: var(--graytexthsm);
}
.event-tax-blue .bg-dogadjanja-hover:hover .box-date-dogadjanja {
    border: 1px solid white;
    transition: all ease 1.3s;
}
.event-tax-blue .bg-dogadjanja-hover .dogadjanja-small-icons {
    color: #A1A1A1;
}
.event-tax-blue .bg-dogadjanja-hover:hover .dogadjanja-date-box-effect {
    display: none;
    color: white;
    transition: all ease 1.8s;
}
.event-tax-blue .bg-dogadjanja-hover .dogadjanja-date-box-effect {
    transition: all ease 1.8s;
    display: block;
    
}
.event-tax-blue .bg-dogadjanja-hover .dogadjanja-date-box-effect-on-hover {
    display: none;
    transition: all ease 1.3s;
}
.event-tax-blue .bg-dogadjanja-hover:hover .dogadjanja-date-box-effect-on-hover {
    display: block;
    transition: all ease 1.3s;
}

.event-tax-purple .bg-dogadjanja-hover {
    background-image: linear-gradient(135deg, var(--purplehsm) 50%, transparent 51%);
    background-size: 100px 100px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    transition: all ease 1.3s;
    color: var(--orange);
}
.event-tax-purple .bg-dogadjanja-hover a {
    color: var(--graytexthsm);
    transition: all ease 1.3s;
}
.event-tax-purple .bg-dogadjanja-hover a:hover {
    color: white;
    transition: all ease 1.3s;
}
.event-tax-purple .bg-dogadjanja-hover span {
    color: var(--purplehsm);
    transition: all ease 1.3s;
}
.event-tax-purple .bg-dogadjanja-hover:hover span {
    color: white;
}
.event-tax-purple .bg-dogadjanja-hover:hover {
    background-size: 200% 200%;
    background-position: 0px 0px;
}
.event-tax-purple .bg-dogadjanja-hover .border-dogadjanja-3px {
    border-bottom: 3px solid var(--purplehsm);
    transition: all ease 1.3s;
}
.event-tax-purple .bg-dogadjanja-hover:hover .border-dogadjanja-3px {
    border-bottom: 3px solid white;
    transition: all ease 1.3s;
}

.event-tax-purple .bg-dogadjanja-hover:hover a {
    color: #f7f7f7;
} 

.event-tax-purple .plus-dogadjanja path {
    stroke: #f7f7f7;
    transition: all ease 0.7s;
}

.event-tax-purple .bg-dogadjanja-hover:hover .plus-dogadjanja path {
    stroke: var(--purplehsm);
}
.event-tax-purple .bg-dogadjanja-hover .box-date-dogadjanja {
    width: 90px;
    height: 90px;
    border: 1px solid var(--purplehsm);
    color: var(--graytexthsm);
    transition: all ease 1.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.event-tax-purple .bg-dogadjanja-hover .dogadjanja-date {
    color: var(--graytexthsm);
}
.event-tax-purple .bg-dogadjanja-hover:hover .box-date-dogadjanja {
    border: 1px solid white;
    transition: all ease 1.3s;
}
.event-tax-purple .bg-dogadjanja-hover .dogadjanja-small-icons {
    color: #A1A1A1;
}
.event-tax-purple .bg-dogadjanja-hover:hover .dogadjanja-date-box-effect {
    display: none;
    color: white;
    transition: all ease 1.8s;
}
.event-tax-purple .bg-dogadjanja-hover .dogadjanja-date-box-effect {
    transition: all ease 1.8s;
    display: block;
    
}
.event-tax-purple .bg-dogadjanja-hover .dogadjanja-date-box-effect-on-hover {
    display: none;
    transition: all ease 1.3s;
}
.event-tax-purple .bg-dogadjanja-hover:hover .dogadjanja-date-box-effect-on-hover {
    display: block;
    transition: all ease 1.3s;
}




.gg-chevron-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 0px;
    background-color: #66686D;
    color: #f1f1f1;
}
.gg-chevron-right::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 3.4px solid;
    border-right: 3.4px solid;
    transform: rotate(-45deg);
    right: 6px;
    top: 4px
}


/* MEC PLUGIN CSS */
.mec-slider-t1-wrap {
    background: #f1f1f1;
}
.mec-slider-t1 .mec-slider-t1-content {
   float: right;
   width: 40%;
}
.mec-slider-t1 .mec-slider-t1-img {
  float: left;
  width: 60%;
}
.mec-wrap h4 {
   color: unset;
   font-weight: 600;
} 
.mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover {
    color: unset;
}
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
   line-height: 0px;
   background: transparent;
   border: 1px solid #C7C7C7;
}
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i { 
    color: #c7c7c7;
}   
.mec-owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent !important;
}
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover i, .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover i {
    color: #c7c7c7;
}
.mec-events-masonry-cats a {

}
.mec-events-masonry-cats a.mec-masonry-cat-selected {
    border: 0px solid transparent;
    border-bottom: 2px solid var(--orangehsm);
    color: var(--orangehsm)
}
.mec-events-masonry-cats a:hover {
    border: 0px solid transparent;
    color: var(--graytexthsm);
    border-bottom: 2px solid var(--orangehsm);

}
.mec-masonry {
    background: #f7f7f7;
    height: auto;
    border: 0px solid #eee;
}
.mec-calendar .mec-has-event:after {
    border-radius: 0%;
    background-color: transparent !important;
    display: block;
    content: '';
    width: 25px;
    height: 25px;
    bottom: 10px;
    left: 10px;
    top: 10px;
    margin: -4px 0 0 -4px;
    position: absolute;
    transition: all .25s ease;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #ec9840 transparent transparent transparent;
}
@media (max-width: 525px) {
.mec-calendar .mec-has-event:after {
    width: 12px;
    height: 12px;
    border-width: 12px 12px 0 0;
  
}
}
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month, .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
    border-radius: 2px;
    top: 20px;
    border: 1px solid #eee;
    height: 50px;
    width: 30px;
    line-height: 50px;
    z-index: 1;
}
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
    left: 0px;
}
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
    right: 0px;
}
.mec-calendar .mec-calendar-side {
    padding: 40px 0 40px 0;
}
.mec-calendar .mec-calendar-header h2 {
    color: var(--graytexthsm);
}
.mec-calendar .mec-calendar-events-side .mec-table-side-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--graytexthsm)
}
.mec-wrap.colorskin-custom .mec-calendar .mec-calendar-events-side .mec-table-side-day {
    border-color: unset;
    border: 0px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--graytexthsm)
}
.mec-calendar .mec-event-article .mec-event-image {
    width: 100%;
}
.mec-calendar .mec-event-article .mec-event-image img {
    height: 100px;
    object-fit: cover;
}
.text-mec-gray {
    color: #A1A1A1 !important;
}
.event-title-gray a {
    color: var(--graytexthsm);
}
.mec-calendar {
   border: 1px solid transparent;
}
.mec-calendar .mec-calendar-topsec {
    background: transparent;
}
.mec-checkboxes-search .mec-searchbar-category-wrap, .mec-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-wrap .mec-totalcal-box input, .mec-wrap .mec-totalcal-box select {
    width: auto;
    min-height: 36px;
    height: unset;
    line-height: 36px;
    background: transparent;
    font-size: 13px;
    text-transform: uppercase;
    color: #4e4e4e;
    border: 1px solid #c7c7c7;
    margin: 0 0 0 -1px;
    float: left;
    padding: 13px 5px;
    font-family: 'Montserrat';
}
.mec-wrap .mec-totalcal-box {
    position: relative;
     border: 0px solid #efefef;
    padding: 20px 1px;
    margin: 0 0 20px;
    background: transparent;
    overflow: hidden;
     box-shadow: 0 0px 0px 0 rgb(0 0 0 / 1%); 
    min-height: 78px;
}
.mec-search-form .mec-dropdown-search {
    padding: 0 0px;
}
.mec-checkboxes-search .mec-searchbar-category-wrap, .mec-wrap .mec-search-form .mec-dropdown-wrap .mec-dropdown-search select {
    width: 100%;
}
.mec-search-form .mec-date-input-search, .mec-search-form .mec-date-search, .mec-search-form .mec-dropdown-search, .mec-search-form .mec-text-input-search, .mec-search-form .mec-time-input-search {
    padding: 0 0px;
}
.mec-wrap .mec-totalcal-box input[type=search] {
    width: 100%;
}
#mec_sf_s_253::placeholder { /* WebKit, Blink, Edge */
    font-size: 12px;
    padding: 0px 0px;
    }
#mec_sf_s_253 {
    padding: 4px 5px;
}
.mec-wrap .mec-totalcal-box i {
    float: left;
    margin: 0;
    /* width: 36px; */
    /* height: 36px; */
    right: 22px;
    background: transparent;
    border: 0px solid transparent;
    text-align: center;
    padding: 15px 0;
    font-size: 15px;
    color: #888;
}
.mec-skin-tile-month-navigator-container {
    display: none;
}
.mec-calendar .mec-event-footer {
    display: none;
}
#mec_sf_month_253 {
    width: 70%;
}
#mec_sf_year_253 {
    width: 30%;
}
.mec-wrap h6 {
  font-weight: 500;
}
.mec-schedule-head {
    display: none;
}

/* single-cat-colors - -localhost */
.event-tax-23 .hsm-single-border-color {
     border-color: var(--orangehsm);
}
.event-tax-23 .hsm-text-color {
    color: var(--orangehsm);
}
.event-tax-23 .hsm-background-color {
    background-color: var(--orangehsm);
}
.event-tax-23 .jssocials-share-facebook .jssocials-share-link {
    border: 1px solid var(--orangehsm);
    color: var(--orangehsm);
}
.event-tax-23 .jssocials-share-facebook .jssocials-share-link:hover {
    border: 1px solid var(--orangehsm);
    background: var(--orangehsm);
    color: white;
}
}
.event-tax-23 .jssocials-share-twitter .jssocials-share-link {
    border: 1px solid var(--orangehsm);
    color: var(--orangehsm);
}
.event-tax-23 .jssocials-share-twitter .jssocials-share-link:hover {
    border: 1px solid var(--orangehsm);
    background: var(--orangehsm);
    color: white;
}
.event-tax-23 .jssocials-share-linkedin .jssocials-share-link {
    border: 1px solid var(--orangehsm);
    color: var(--orangehsm);
}
.event-tax-23 .jssocials-share-linkedin .jssocials-share-link:hover {
    border: 1px solid var(--orangehsm);
    background: var(--orangehsm);
    color: white;
}
.event-tax-23 blockquote p {
    color: var(--orangehsm);
}
.event-tax-23 blockquote p:after {
    background:  url(../images/museum-blockquote-orange-up.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.event-tax-23 blockquote p:before {
    background:  url(../images/museum-blockquote-orange-up.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.event-tax-23 .btn-hsm-color {
    border-color: var(--orangehsm);
    background-repeat: no-repeat;
    color: var(--orangehsm);
    background-image: linear-gradient(135deg, var(--orangehsm) 50%, transparent 51%);
}
.event-tax-23 .btn-hsm-color:hover {
   color: white;
}
.event-tax-23 .icon-before-button:before {
   background-color: var(--orangehsm);
}
.event-tax-23 .icon-before-button-file:before {
    background-color: var(--orangehsm);
 }

@media (max-width: 991px) {
.event-tax-23 blockquote p:after {
    background:  url(../images/museum-blockquote-orange-up.svg);
    background-size: 60px;
    background-repeat: no-repeat;
}
.event-tax-23 blockquote p:before {
    background:  url(../images/museum-blockquote-orange-up.svg);
    background-size: 60px;
    background-repeat: no-repeat;
}


}
.mec-calendar-img > img {
  height:100px;
  object-fit: cover;
}


/* single-cat-colors - -live -izlozbe */

.event-tax-24 .hsm-single-border-color {
    border-color: var(--purplehsm);
}
.event-tax-24 .hsm-text-color {
   color: var(--purplehsm);
}
.event-tax-24 .hsm-background-color {
   background-color: var(--purplehsm);
}
.event-tax-24 .jssocials-share-facebook .jssocials-share-link {
   border: 1px solid var(--purplehsm);
   color: var(--purplehsm);
}
.event-tax-24 .jssocials-share-facebook .jssocials-share-link:hover {
   border: 1px solid var(--purplehsm);
   background: var(--purplehsm);
   color: white;
}
.event-tax-24 .jssocials-share-twitter .jssocials-share-link {
    border: 1px solid var(--purplehsm);
    color: var(--purplehsm);
 }
 .event-tax-24 .jssocials-share-twitter .jssocials-share-link:hover {
    border: 1px solid var(--purplehsm);
    background: var(--purplehsm);
    color: white;
 }
 .event-tax-24 .jssocials-share-linkedin .jssocials-share-link {
    border: 1px solid var(--purplehsm);
    color: var(--purplehsm);
 }
 .event-tax-24 .jssocials-share-linkedin .jssocials-share-link:hover {
    border: 1px solid var(--purplehsm);
    background: var(--purplehsm);
    color: white;
 }
.event-tax-24 blockquote p {
   color: var(--purplehsm);
}
.event-tax-24 blockquote p:after {
   background:  url(../images/blockquote-museum-up.svg);
   background-size: contain;
   background-repeat: no-repeat;
}
.event-tax-24 blockquote p:before {
   background:  url(../images/blockquote-museum-up.svg);
   background-size: contain;
   background-repeat: no-repeat;
}
.event-tax-24 .btn-hsm-color {
   border-color: var(--purplehsm);
   background-repeat: no-repeat;
   color: var(--purplehsm);
   background-image: linear-gradient(135deg, var(--purplehsm) 50%, transparent 51%);
}
.event-tax-24 .btn-hsm-color:hover {
  color: white;
}
.event-tax-24 .icon-before-button:before {
  background-color: var(--purplehsm);
}
.event-tax-24 .icon-before-button-file:before {
   background-color: var(--purplehsm);
}

@media (max-width: 991px) {
.event-tax-24 blockquote p:after {
   background:  url(../images/blockquote-museum-up.svg);
   background-size: 60px;
   background-repeat: no-repeat;
}
.event-tax-24 blockquote p:before {
   background:  url(../images/blockquote-museum-up.svg);
   background-size: 60px;
   background-repeat: no-repeat;
}


}


/* single-cat-colors - -live -novosti */

.event-tax-26 .hsm-single-border-color,
.event-tax-43 .hsm-single-border-color {
    border-color: var(--bluehsm);
}
.event-tax-26 .hsm-text-color,
.event-tax-43 .hsm-text-color {
   color: var(--bluehsm);
}
.event-tax-26 .hsm-background-color,
.event-tax-43 .hsm-background-color {
   background-color: var(--bluehsm);
}
.event-tax-26 .jssocials-share-facebook .jssocials-share-link,
.event-tax-43 .jssocials-share-facebook .jssocials-share-link {
   border: 1px solid var(--bluehsm);
   color: var(--bluehsm);
}
.event-tax-26 .jssocials-share-facebook .jssocials-share-link:hover,
.event-tax-43 .jssocials-share-facebook .jssocials-share-link:hover {
   border: 1px solid var(--bluehsm);
   background: var(--bluehsm);
   color: white;
}
.event-tax-26 .jssocials-share-twitter .jssocials-share-link,
.event-tax-43 .jssocials-share-twitter .jssocials-share-link {
    border: 1px solid var(--bluehsm);
    color: var(--bluehsm);
 }
 .event-tax-26 .jssocials-share-twitter .jssocials-share-link:hover,
 .event-tax-43 .jssocials-share-twitter .jssocials-share-link:hover {
    border: 1px solid var(--bluehsm);
    background: var(--bluehsm);
    color: white;
 }
 .event-tax-26 .jssocials-share-linkedin .jssocials-share-link,
 .event-tax-43 .jssocials-share-linkedin .jssocials-share-link {
    border: 1px solid var(--bluehsm);
    color: var(--bluehsm);
 }
 .event-tax-26 .jssocials-share-linkedin .jssocials-share-link:hover,
 .event-tax-43 .jssocials-share-linkedin .jssocials-share-link:hover {
    border: 1px solid var(--bluehsm);
    background: var(--bluehsm);
    color: white;
 }
.event-tax-26 blockquote p,
.event-tax-43 blockquote p {
   color: var(--bluehsm);
}
.event-tax-26 blockquote p:after,
.event-tax-43 blockquote p:after {
   background:  url(../images/museum-blockquote-blue-up.svg);
   background-size: contain;
   background-repeat: no-repeat;
}
.event-tax-26 blockquote p:before,
.event-tax-43 blockquote p:before {
   background:  url(../images/museum-blockquote-blue-up.svg);
   background-size: contain;
   background-repeat: no-repeat;
}
.event-tax-26 .btn-hsm-color,
.event-tax-43 .btn-hsm-color {
   border-color: var(--bluehsm);
   background-repeat: no-repeat;
   color: var(--bluehsm);
   background-image: linear-gradient(135deg, var(--bluehsm) 50%, transparent 51%);
}
.event-tax-26 .btn-hsm-color:hover,
.event-tax-43 .btn-hsm-color:hover {
  color: white;
}
.event-tax-26 .icon-before-button:before,
.event-tax-43 .icon-before-button:before {
  background-color: var(--bluehsm);
}
.event-tax-26 .icon-before-button-file:before,
.event-tax-43 .icon-before-button-file:before {
   background-color: var(--bluehsm);
}

@media (max-width: 991px) {
.event-tax-26 blockquote p:after,
.event-tax-43 blockquote p:after {
   background:  url(../images/museum-blockquote-blue-up.svg);
   background-size: 60px;
   background-repeat: no-repeat;
}
.event-tax-26 blockquote p:before,
.event-tax-43 blockquote p:before {
   background:  url(../images/museum-blockquote-blue-up.svg);
   background-size: 60px;
   background-repeat: no-repeat;
}


}





/* single-cat-colors - -live - predavanja - radionice */

.event-tax-20 .hsm-single-border-color,
.event-tax-22 .hsm-single-border-color {
    border-color: var(--orangehsm);
}
.event-tax-20 .hsm-text-color, 
.event-tax-22 .hsm-text-color {
   color: var(--orangehsm);
}
.event-tax-20 .hsm-background-color, 
.event-tax-22 .hsm-background-color {
   background-color: var(--orangehsm);
}
.event-tax-20 .jssocials-share-facebook .jssocials-share-link,
.event-tax-22 .jssocials-share-facebook .jssocials-share-link {
   border: 1px solid var(--orangehsm);
   color: var(--orangehsm);
}
.event-tax-20 .jssocials-share-facebook .jssocials-share-link:hover,
.event-tax-22 .jssocials-share-facebook .jssocials-share-link:hover {
   border: 1px solid var(--orangehsm);
   background: var(--orangehsm);
   color: white;
}
.event-tax-20 .jssocials-share-twitter .jssocials-share-link,
.event-tax-22 .jssocials-share-twitter .jssocials-share-link {
   border: 1px solid var(--orangehsm);
   color: var(--orangehsm);
}
.event-tax-20 .jssocials-share-twitter .jssocials-share-link:hover,
.event-tax-22 .jssocials-share-twitter .jssocials-share-link:hover {
   border: 1px solid var(--orangehsm);
   background: var(--orangehsm);
   color: white;
}
.event-tax-20 .jssocials-share-linkedin .jssocials-share-link,
.event-tax-22 .jssocials-share-linkedin .jssocials-share-link {
   border: 1px solid var(--orangehsm);
   color: var(--orangehsm);
}
.event-tax-20 .jssocials-share-linkedin .jssocials-share-link:hover,
.event-tax-22 .jssocials-share-linkedin .jssocials-share-link:hover {
   border: 1px solid var(--orangehsm);
   background: var(--orangehsm);
   color: white;
}
.event-tax-20 blockquote p,
.event-tax-22 blockquote p {
   color: var(--orangehsm);
}
.event-tax-20 blockquote p:after,
.event-tax-22 blockquote p:after {
   background:  url(../images/museum-blockquote-orange-up.svg);
   background-size: contain;
   background-repeat: no-repeat;
}
.event-tax-20 blockquote p:before,
.event-tax-22 blockquote p:before {
   background:  url(../images/museum-blockquote-orange-up.svg);
   background-size: contain;
   background-repeat: no-repeat;
}
.event-tax-20 .btn-hsm-color,
.event-tax-22 .btn-hsm-color {
   border-color: var(--orangehsm);
   background-repeat: no-repeat;
   color: var(--orangehsm);
   background-image: linear-gradient(135deg, var(--orangehsm) 50%, transparent 51%);
}
.event-tax-20 .btn-hsm-color:hover,
.event-tax-22 .btn-hsm-color:hover {
  color: white;
}
.event-tax-20 .icon-before-button:before,
.event-tax-22 .icon-before-button:before {
  background-color: var(--orangehsm);
}
.event-tax-20 .icon-before-button-file:before,
.event-tax-22 .icon-before-button-file:before {
   background-color: var(--orangehsm);
}

@media (max-width: 991px) {
.event-tax-20 blockquote p:after,
.event-tax-22 blockquote p:after {
   background:  url(../images/museum-blockquote-orange-up.svg);
   background-size: 60px;
   background-repeat: no-repeat;
}
.event-tax-20 blockquote p:before,
.event-tax-22 blockquote p:before {
   background:  url(../images/museum-blockquote-orange-up.svg);
   background-size: 60px;
   background-repeat: no-repeat;
}


}
/* cards - predavanja radionice  */
.event-tax-orange .museum-box-triangle-blue {
    border-color: var(--orangehsm) transparent transparent transparent;
}
.event-tax-orange .text-hsm-color-cat {
    color: var(--orangehsm) ;
}
.event-tax-orange .link-museum-card {
   color: var(--orangehsm) ;
}
.event-tax-orange .link-museum-card:hover {
   color: var(--orangehsm) ;
}
.event-tax-orange .link-museum-card span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--orangehsm) ;
    transition: ease-out .3s;
}
.event-tax-orange .link-museum-card:hover span::after  {
    width: 100%;
}
.event-tax-orange .card-exhibits-hover-tax {
    background-image: linear-gradient(-45deg, var(--orangehsm) 50%, transparent 50%);
}
.event-tax-orange .card-exhibits-hover-tax:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #FFF;
}



/* cards - novosti  */

.event-tax-blue .museum-box-triangle-blue {
    border-color: var(--bluehsm) transparent transparent transparent;
}
.event-tax-blue .text-hsm-color-cat {
    color: var(--bluehsm) ;
}
.event-tax-blue .link-museum-card {
   color: var(--bluehsm) ;
}
.event-tax-blue .link-museum-card:hover {
   color: var(--bluehsm) ;
}
.event-tax-blue .link-museum-card span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--bluehsm) ;
    transition: ease-out .3s;
}
.event-tax-blue .link-museum-card:hover span::after  {
    width: 100%;
}
.event-tax-blue .card-exhibits-hover-tax {
    background-image: linear-gradient(-45deg, var(--bluehsm) 50%, transparent 50%);
}
.event-tax-blue .card-exhibits-hover-tax:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #FFF;
}




/* cards - izložbe  */


.event-tax-purple .museum-box-triangle-purple {
    border-color: var(--purplehsm) transparent transparent transparent;
}
.event-tax-purple .text-hsm-color-cat {
    color: var(--purplehsm) ;
}
.event-tax-purple .link-museum-card {
   color: var(--purplehsm) ;
}
.event-tax-purple .link-museum-card:hover {
   color: var(--purplehsm) ;
}
.event-tax-purple .link-museum-card span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--purplehsm) ;
    transition: ease-out .3s;
}
.event-tax-purple .link-museum-card:hover span::after  {
    width: 100%;
}
.event-tax-purple .card-exhibits-hover-tax {
    background-image: linear-gradient(-45deg, var(--purplehsm) 50%, transparent 50%);
}
.event-tax-purple .card-exhibits-hover-tax:hover {
    background-size: 96px 96px;
    background-position: bottom 0px right 0px;
    color: #FFF;
}

/* category filter plugin  */

.data-target-div1 #caf-filter-layout1 li a {
    text-transform: uppercase !important;
    font-size: 16px !important;
    line-height: 23px;
    font-weight: 600;
    color: var(--graytexthsm) !important;
    padding: 3px 5px;
    margin: 4px;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    background: transparent !important;

}
.data-target-div1 #caf-filter-layout1 li a:hover {
    background: transparent;
    border-bottom: 2px solid var(--orangehsm);
    color:  var(--orangehsm) !important;
}
.data-target-div1 #caf-filter-layout1 li a.active {
    background: transparent;
    border-bottom: 2px solid var(--orangehsm) !important;
    color:  var(--orangehsm) !important;


}


.page-numbers {
    min-width: 40px;
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 1.6;
    border: 1px solid #C7C7C7;
    padding: 10px;
    text-decoration: none;
    color: #C7C7C7;
    background: white;
}
ul#caf-layout-pagination.post-layout1 span.page-numbers.current {
    background: transparent !important;
    padding: 6px 10px;
    border-radius: 0;
    color: var(--orangehsm) !important;
    border: 1px solid var(--orangehsm);
    font-weight: 500;
    position: relative;
    margin-right: 1px;
    font-size: 16px;
}
ul#caf-layout-pagination.post-layout1 li a {
    text-decoration: none;
    background: transparent !important;
    color: #c7c7c7 !important;
    padding: 6px 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    margin-right: 1px;
}


}
.page-numbers:hover {
background-size: 200% 200%;
background-position: 0px 0px;
color: #FFF !important;
background: var(--orangehsm) !important;
}
.page-numbers.current {
    background-image: linear-gradient( 
        135deg
         , #EC9840 50%, transparent 51%);
            background-size: 200px 200px;
            background-position: -50px -50px;
            background-repeat: no-repeat;
            /* color: white !important; */
            color: var(--orangehsm);
    
}


/* START JS SOCIAL MEDIA SHARE  */
.jssocials-shares {
    display: flex;
    justify-content: space-between; 
}
.jssocials-share-label {
    display: none;
}
.jssocials-share-facebook .jssocials-share-link {
    background: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid #951B81;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #951B81;
}
.jssocials-share-facebook .jssocials-share-link:hover {
    background: #951B81;
    color: #fff;

}
.jssocials-share-twitter .jssocials-share-link {
    background: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid #951B81;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #951B81;
}
.jssocials-share-twitter .jssocials-share-link:hover {
    background: #951B81;
    color: #fff;

}
.jssocials-share-linkedin .jssocials-share-link {
    background: transparent;
    width: 40px;
    height: 40px;
    border: 1px solid #951B81;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #951B81;
}
.jssocials-share-linkedin .jssocials-share-link:hover {
    background: #951B81;
    color: #fff;
}
#shares > .jssocials-shares {
    justify-content: flex-start;
}
#shares .jssocials-share {
    margin: 0.3em 1.6em 0.3em 0;
}


/* END JS SOCIAL MEDIA SHARE  */

/* START SLIDER AKTUALNE IZLOŽBE SLUG DA SE NE PRIKAŽE - NE PRIKAZUJE TU KLASU SAMO */
.slider-hr {
    display: none;
}
.slider-en {
    display: none;
}
/* END SLIDER AKTUALNE IZLOŽBE SLUG DA SE NE PRIKAŽE - NE PRIKAZUJE TU KLASU SAMO */

.museum-content-izlozbe iframe {
    width: 100%;
    height: 380px;
}

@media (min-width: 768px) {
.img-outside-of-container {
position: absolute; 
right: 0;
}
}