@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v31-latin-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/montserrat-v31-latin-italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/montserrat-v31-latin-500.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/montserrat-v31-latin-500italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/montserrat-v31-latin-700.woff2') format('woff2'); 
}

body {
    font-family: 'Montserrat', sans-serif; 
    color:#000;  
} 
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat', sans-serif;      
    font-weight: 500;
} 
.site-grid {
  overflow-x: hidden;
}
.container-component>*+*,
.mod-breadcrumbs__wrapper {
    margin-top: 0!important;
}
/*---------base-----------*/
h1 {
    font-size: calc(1.34rem + 0.7vw); 
}
h2, .h2 {
    font-size: calc(1.08rem + 0.7vw);
}
h5, .h5 {
    font-size: calc(1.0rem + 0.3vw);
}
li {
    margin-bottom: .3em
}
a.net, .blog-items h2 a {
    text-decoration: none;
}
.fs-4 {
    font-size: calc(1.2rem + .2vw) !important;
}
.fs-5 {
    font-size: calc(1rem + 0.2vw) !important;
}
.bg-tiffany, 
.back-to-top-link:focus,
.back-to-top-link:hover {    
    background-color: #00e3cc;    
}
.bg-tiflight, 
.footer {
    background-color: #e9f9f8;
}
.bg-tifbright {
    background-color: #c8f9f1;
} 
.bg-darktif {
    background-color: #00bbb4;   
}
.border-tif {
    border: 1px solid #00bbb4;
}
.white {
    color:#fff;
}
.tiffany {
    color: #00e3cc; 
}
.darktif, a, .hit a:hover h3,
.blog-item:hover h2 a, .blog-item:hover div,
.list-group-item-action:hover a,
.list-group-item-action:hover .tag-body, 
.newsitem li:hover h4 a,
.back-to-top-link,  
.footer a:not(.btn):hover {
    color: #00bbb4;
}
a:focus, .icontyf {
    color: #666;
}
a:hover, .footer,
.list-group-item-action a,
.blog-item h2 a,
.newsitem h4 a {
    color: #000;    
}
i {
    margin-right: 1em;
}
.card {
    border: none;
}

/*---------head-----------*/
.container-header .navbar-brand {
    position: absolute;
}
header .grid-child {
    max-width: 1320px;
    margin-left:0; 
    margin-right:0; 
    display: flex;
}
.brand-logo img {
    width: 180px;
    margin-left:.3em;  
}
a, .brand-logo,
.mod-menu a:focus-visible,
.mod-menu button:focus-visible,
.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus, 
li.level-1.active>a {
    outline-offset: 0px;
    outline: 0px solid;    
}
.container-header {
    background-color: white;
    background-image: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto 6px;
}

/*--------- menu-----------*/
.icon-menu {
    padding: 0!important;
}
.container-header .container-nav {
    padding-bottom: .5em
}
.metismenu.mod-menu .metismenu-item {
    color: #000;
    margin-right: 0;
    padding: 0;
    border-radius: 24px ;
}
.metismenu.mod-menu .metismenu-item a {     
    padding: .5em 1.2em;
    width: 100%;
}
.metismenu.mod-menu .metismenu-item:hover, 
.metismenu.mod-menu .metismenu-item.current.active,
.metismenu.mod-menu .metismenu-item.current {
    background: #e9f9f8;
}
.container-header .navbar-toggler {
    color: #000;
}
 .navbar-toggler .icon-menu {
    font-size: 1.2em;  
} 
/*---------menu catalog level 2-3-----------*/
.catalog_menu ul {
    margin-bottom: 5px;
}
.catalog_menu_3 {
    margin-bottom: 10px;
}
.catalog_menu ul,
.main-bottom.card .card-body {
    padding: 0;
}
.catalog_menu ul li, 
.catalog_menu_3 ul li {
    margin: 2px 2px 6px 0;
}
.catalog_menu ul li a, 
.catalog_menu_3 ul li a  {  
    display: block;
    color: #333;
    font-weight:500;
    border-radius: 1.5em;  
    text-decoration: none;
}
.catalog_menu ul li a {      
    background: #e9f9f8;
    padding: .4em 1.2em; 
}
.catalog_menu_3 ul li a {
    border: 1px solid rgba(0, 187, 180,.34);
    padding: .1em 1em;
}
.catalog_menu_3 ul li a:hover {
    border: 1px solid #00bbb4;
    color: #00bbb4;
    text-decoration: none;
}
.catalog_menu ul li a:hover,
.catalog_menu ul li a:active,
.catalog_menu ul li a:focus {
    color: #fff;
    background: #00bbb4; 
}
.mod-tagspopular.tagspopular ul,
.catalog_menu_3 ul {
  list-style:none;
  display: flex;
  flex-direction: row; 
  flex-wrap: wrap;
} 
/*---------breadcrumbs-----------*/
.breadcrumb {
    background-color: #fff;
    padding-left: .5em !important;
}  
.breadcrumb li,.pathway,
.breadcrumb-item + .breadcrumb-item::before { 
    color: #777;
    font-size: .9em;
}
.mod-breadcrumbs__item.breadcrumb-item {
    padding-left: 3px;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 3px;
}

/*---------home top carousel-----------*/
#TopCarousel .carousel-indicators [data-bs-target] {
    background-color: #00e3cc;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    padding: 0;
}
#TopCarousel .carousel-indicators {    
    margin: .5rem 0;   
    position: relative;   
}
#TopCarousel .carousel-control-next,
#TopCarousel .carousel-control-prev {   
    width: 7%;
}

/*---------home nav imgs to catalog-----------*/
.overlay-image {     
    padding: .5em;
}
.overlay-image h3 {
    font-size:calc(1.5rem + 0.5vw);
    width:94%!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
}
#catalog-links a.white h3{
  color: #fff;
}
#catalog-links a.white:hover h3 { 
  color: #00bbb4;
}
.hover-shadow:hover, 
.novosti li:hover, 
.list-group-item:hover, 
.list-group-item:active, 
.com-content-category-blog__item.blog-item:hover  {
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 6%), 0 4px 10px 0 rgb(0 0 0 / 6%); 
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    transition: 500ms;  
    border-radius: .25rem
}
/*-----buttons----*/
/*.btn {
  --btn-border-width: 0;
}
.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active, .btn.show {
    border-color: none;
}*/
/*---------home news-block -----------*/
.novosti, .novosti .mod-articles-item-content  {
  display: flex; 
  flex-direction: column-reverse;
}
.novosti {
  margin: 0 -12px; 
}
.novosti .mod-articles-items{
 padding: 8px;
}
.mod-articles-grid {
    --grid-layout-gap: .2rem;
}
.novosti li {padding:.4em}

/*---------news blog-----------*/
.blog .article-info {
  display: none;
}
 .newsitem h4 a {
    font-size: 18px;
}
.newsitem h4 a:hover {
    text-decoration: none; 
}

/*---------tags catalog-----------*/
.com-tags-tag__category.list-group {
    display: grid;   
    grid-template-columns: repeat(4, 1fr);  
    margin-bottom: 3em
}
.com-tags-tag__category.list-group,
.blog-items {
 grid-gap: 0px;  
}

.blog-items .blog-item,
.com-tags-tag__category .list-group-item {
 padding: 8px; 
  margin-bottom: .5em;
}
.com-tags-tag__category .list-group-item {
    display: flex;
    flex-direction: column;
    border: none;     
}
.com-tags-tag__category img {
    max-width: 100%;
    height: auto;
}
.list-group-item:hover,
.list-group-item:active {
    background-color: #fff!important;       
}
.blog-item h2, 
.list-group-item.list-group-item-action h3 { 
    font-size: calc(1em + 0.1vw);
    font-weight: 500;
    margin-bottom:.2em
}
.blog-item .item-image {
  margin-top: 0;
}
.list-group-item.list-group-item-action h3 {  
  margin-top: 15px 
}
.com-tags-tag__category .list-group-item h3 a {   
  text-decoration: none;  
}
.products-catalog .tag-category h1, 
.products-catalog .com-content-category-blog h1 {
  padding-left: .3em
}

/*---------catalog pagecounter-----------*/
.page-link.active,
.active>.page-link {    
    background-color:#00bbb4;
    border-color: #00bbb4;
}
.page-link.disabled, 
.disabled>.page-link {
    background-color: #e9f9f8;
}
.page-link, 
.page-link:hover {
    color: #00bbb4;
}
.page-link:focus {   
    box-shadow: none;   
}
/*---------page product catalog-----------*/
.product-package {
   max-width: 300px;
}
/*---------footer-----------*/
.footer {
    background-image: none;
    padding: .5em 1em 0;  
}
.footer .logo {
   width: 140px;
}
.copyright {
   font-size: .8em;
}
.back-to-top-link, .back-to-top-link:hover {
   border: 2px solid #00e3cc;      
   border-radius: 50%;
   width: 42px;height: 42px;
   position: sticky;
   left: 97%;   
   margin-right: 10px;
   bottom: 10px;
   margin-top: -45px;
}
.back-to-top-link .icon-arrow-up.icon-fw {
  font-size: 1.1em;
}

/*--------- cookiehint -----------*/
#redim-cookiehint{
	background-color: #00bbb4;    
    max-width:400px;
}
#redim-cookiehint-modal {
	padding: 10%; 
}
#redim-cookiehint .cookiebuttons .btn{
	width: 48%;
}

/*---------responsive-----------*/
@media (max-width: 586px) {   
  .brand-logo img {
    width: 160px;
  }      
  .catalog_menu ul li a {  
    font-size: 1em;
    padding: .3em .7em;    
  }
  .metismenu.mod-menu .metismenu-item {
    border-radius: 0 ;
  }
  .container-header .navbar-brand {
    padding-top: .5rem;
  }
  .com-tags-tag__category.list-group,
  .novosti .mod-articles-grid {    
    grid-template-columns: 1fr!important;
  }   
  .novosti .grid-cols-3.mod-list li:nth-child(n+2) {
    display: none;
  }
  .product-package {
    max-width: 280px;
  }
}
@media (min-width: 587px) {
  .com-tags-tag__category.list-group,
  .blog-items.columns-3, 
  .blog-items.columns-4, 
  .novosti .mod-articles-grid {
    grid-template-columns: 1fr 1fr;
  }
  .novosti .grid-cols-3.mod-list li:nth-child(n+3) {
    display: none;
  }
}
@media (min-width: 768px) {  
 .novosti .mod-articles-grid,     
  .com-tags-tag__category.list-group,
  .blog-items.columns-3, 
  .blog-items.columns-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }   
  .novosti .grid-cols-3.mod-list li:nth-child(n+3) {
     display: block;
  }
}
@media (min-width: 992px) { 
  .com-tags-tag__category.list-group, 
  .blog-items.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }      
}
@media (max-width: 991px) {     
  #navbar1 {
     margin-top:24px;
  }
  .container-header {
    background-color: white;
    background-image: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .container-header .container-nav nav {
    margin-top: .14em;
  }
  .navbar {      
    justify-content: flex-end;
    width: 100%;
  }  
  .navbar-brand {z-index:100;} 
  .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {    
     border-bottom: 42px solid #e9f9f8;
  }
   .navbar-collapse.collapse.show .metismenu-item {
     border-radius:0;
  }
  .navbar-collapse.collapse.show .metismenu-item:nth-child(odd) {
    background: #e9f9f8;
  }  
}