@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400&display=swap'); 

body {
    font-family: 'Montserrat', sans-serif; 
    color:#000;  
} 
body.wrapper-fluid .site-grid {
    grid-gap: 0 1em;
}
body.wrapper-fluid footer>.grid-child,body.wrapper-fluid header>.grid-child {
    padding-left: 1em;
    padding-right: 1em;
}
.site-grid {
  overflow-x: hidden;
}
.container-component>*+* {
    margin-top: 0;
}
.mod-breadcrumbs__wrapper {
    margin-top: .5rem!important;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat', sans-serif;      
    font-weight: 500;
} 
h1 {
    font-size: calc(1.34rem + 0.7vw); 
}
h2, .h2 {
    font-size: calc(1.08rem + 0.7vw);
}
li {margin-bottom: .3em}
a.net, a.lined, .blog-items h2 a {
    text-decoration: none;
}
a.lined:hover {
    text-decoration: underline;
}
.fs-4 {
    font-size: calc(1.2rem + .2vw) !important;
}
.fs-5 {
    font-size: calc(1rem + 0.2vw) !important;
}


/*---------base-----------*/
body.wrapper-fluid .grid-child {
    max-width: 1600px;
    width: 100%;
}
.bg-tiffany, .tif-hover:hover,
.btn-primary, .btn-primary:hover,
.back-to-top-link:focus, .back-to-top-link:hover, 
.btn-tiffany {    
    background-color: #00e3cc;    
}
.bg-tiflight, .footer, #gde-kupit .shoplink img:hover, 
.form-search .form-control, .btn-info, .back-to-top-link, 
.form-select, .custom-select, .btn-tiffany:hover {
    background-color: #e9f9f8;
}
.bg-tifdark, .bg-tifbright {
    background-color: #c8f9f1;
} 
.white, .btn-tiffany, .sovety a:hover, .black-w:hover {
    color:#fff;
}
.tiffany {
    color: #00e3cc; 
}
a, .darktif, .list-group-item.list-group-item-action h3 a:hover, .btn-info, .footer.footer-info a:hover, a.white:hover, a.black:hover, 
.metismenu.mod-menu .metismenu-item.current.active, .sitemap a:hover, 
.back-to-top-link, .news .page-header h2 a:hover, .blog-items h2 a:hover, .btn-border:hover, .btn-secondary:hover, .btn-secondary:focus, ul.tif li::marker, .footer a:not(.btn):hover,.footer a:not(.btn):focus,.footer .btn-link:hover,.footer .btn-link:focus {
    color: #00bbb4;
}
.bg-darktif, .bg-hover-darktif:hover, .btn-info:hover,.btn-info:focus {
    background-color: #00bbb4;   
}
a:focus, .icontyf {
    color: #999;
}
a:hover,.list-group-item.list-group-item-action h3 a, .black, .black-w, .btn-tiffany:hover, 
.news .page-header h2 a, .blog-items h2 a, 
.sitemap a, .footer {
    color: #000;    
}

a:hover {
    cursor: grabbing;
}
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;
}
.mod-menu a:focus-visible,.mod-menu button:focus-visible, a, .brand-logo {
    outline-offset: 0px;
    outline: 0px solid;    
}
.container-header {
    background-color: white;
    background-image: none;
}
.container-header .metismenu > li > a::after,
.container-header .metismenu > li > button::before {    
    display: none;   
  }
/*--------- menu-----------*/
.container-header nav {
    margin-top: .7em;
}
.icon-menu {
    padding: 0!important;
}
.metismenu.mod-menu .metismenu-item {
    color: #000;
    margin-right: 0;
    padding: 0;
    border-radius: 24px ;
}
.metismenu.mod-menu .metismenu-item a {     
    padding: .6em 1.4em ;
    font-size: 1rem;
    border-radius: 24px;
}
.metismenu.mod-menu .metismenu-item:hover, 
.metismenu.mod-menu .metismenu-item.current.active,
.metismenu.mod-menu .metismenu-item.current {
    background: #e9f9f8;
}
.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus, 
li.level-1.active>a {
    outline: none;
}

.container-header .navbar-toggler {
    border: 0px;
    color: #000;
    background-color:#fff;
}
 .navbar-toggler .icon-menu {
    font-size: 1.4em;  
} 

/*---------breadcrumbs-----------*/
.breadcrumb {
    background-color: #fff;
    padding-left: .5em !important;
}  
.breadcrumb li,.pathway,
.breadcrumb-item + .breadcrumb-item::before { 
    color: #999;
    font-size: .9em;
}
.breadcrumb .icon-location {
    display:none;
}

/*---------home top-new carousel-----------*/
@media (min-width: 768px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%); /* Смещение на 1/4 (так как 4 элемента) */
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {
    .carousel-inner .carousel-item-end,
    .carousel-inner .carousel-item-start { 
        transform: translateX(0);
    }
}
/*---------home top carousel-----------*/
.top-slider .card-body {padding:0}
.carousel-caption {
    bottom: 40px;
    color: #fff;
    left: 17%;
    right:0;
    padding-bottom: 1.25rem;
    padding-top: 0;
    position: absolute;
    text-align:left;
    z-index: 10000;
}
.carousel-indicators [data-bs-target] {
    background-color: #00e3cc;
    height: 16px;
    width: 16px;
    border-radius:50%;
    padding: 0;
}
.carousel-indicators {    
    margin: .5rem 0;   
    position: relative;   
}
.carousel-control-prev-icon,.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;   
}
.carousel-control-prev,.carousel-control-next {
    width: 8%;
}
/*---------home links to catalog-----------*/
.overlay-image {     
    padding: .5em;
}
.overlay-image h3 {
    font-size:calc(1.5rem + 0.5vw);
    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;  
}

/*-----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;
}

/*-----hits-novelty home----*/

.btn-hit {
    padding: 10px;
    border-radius: 0;
}
.container-header {
    background-color: white;
    background-image: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}
/*---------home news-----------*/
.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}
.novosti h4 {margin-top: 10px}
@container (width>=500px) {
   .novosti .mod-articles-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@container (width>=768px) {
   .novosti .mod-articles-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 767px) { 
.novosti .grid-cols-3.mod-list li:nth-child(2), .novosti .grid-cols-3.mod-list li:nth-child(3) {display:none}
}
@media (max-width: 1023px) { 
.novosti .grid-cols-3.mod-list li:nth-child(2) {display:none}
}
/*---------news-----------*/
.newsitem h2, 
.newsitem h4 {
  font-size: calc(1rem + 0.1vw);
}
.blog .article-info {display: none;}
 .newsitem h4 a {
    font-size: 18px;
    color: #000;
}
.newsitem h4 a {
    font-size: 18px;
    color: #000;
}
.newsitem h4 a:hover {
    text-decoration: none; color: #00bbb4;
    }
/*---------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;  
}
@media (max-width: 992px) {
    .com-tags-tag__category.list-group {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .com-tags-tag__category.list-group {
        grid-template-columns: 1fr;
    }
}

.products-catalog .tag-category h1, 
.products-catalog .com-content-category-blog h1 {
  padding-left: .3em
}
.catalog_menu ul,
.main-bottom.card .card-body {
    padding: 0;
}
.catalog_menu ul li {
    margin: 2px 2px 6px 0;
}
.catalog_menu ul li a {  
    display: block;
    color: #000;
    background: #e9f9f8;
    padding: .4em 1.2em; 
    border-radius: 1.5em;  
    text-decoration: none;
}
.catalog_menu ul li a:hover,
.catalog_menu ul li a:active,
.catalog_menu ul li a:focus {
    color: #fff;
    background: #00e3cc; 
}
.mod-tagspopular.tagspopular ul {
  list-style:none;
  display: flex;
  flex-direction: row; 
  flex-wrap: wrap;
}

/*---------page product catalog-----------*/
.product-package {max-width:260px;}
/*---------form feedback-----------*/
.form-floating>.form-control,.form-floating>.form-select,.form-floating>.custom-select {
    height: 38px;
    border-radius:18px;
    min-height: 38px;
    line-height: 1
}
.form-floating.message>.form-control {
    height: 130px !important;
    min-height: 100px;
    line-height: 1
}
.form-floating>label {    
    padding: 6px 1rem;   
}
.btn-submit {
    border: 2px solid #fff;
     border-radius: 20px;
    color: #fff;
    font-size: 18px;    
}
.btn-submit {
    border: 2px solid #fff;
     border-radius: 20px; 
}
.btn-submit:hover {     
    background: #fff; 
    color: #000
}
/*---------footer-----------*/
.feedback  {
  z-index:10;
}
.footer {
    background-image: none;
    padding: 1.5rem 1em 0;  
    margin-top: -2.4rem;
}
.footer .logo {
    width: 130px;
}
.copyright {
    font-size: .5em;
}
.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}


/*---------responsive-----------*/

@media (max-width: 586px) { 
  .brand-logo img {
    width: 160px;
  }
  .container-header .container-nav nav {
     margin-top: .4em;
  }   
  
  .catalog_menu ul li a {  
    font-size: 1em;
    padding: .3em .8em; 
    border-radius: 1.3em;
  }
  .container-header .navbar-brand {
    padding-top: .5rem;
  }
}

@media (max-width: 991px) { 
    
  #navbar1 {margin-top:10px}
   .container-header .grid-child {
    padding: 0 .5em .7em 1em;
   }
   .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;
  }
   
  .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 ;
  }

}

@media (min-width: 587px) {
  .blog-items.columns-3, .blog-items.columns-4 {
       grid-template-columns: 1fr 1fr;
    }
    
}
@media (min-width: 768px) {       
    .blog-items.columns-3, .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr;
    } 
     
}
@media (min-width: 992px) {       
     .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }  
    
}