@charset "UTF-8";

/*=============== Template 1 ================*/
.header-top {z-index:10;}

.template1 {padding-top: 73px;}
.demohp.template1 {padding-top: 0px !important;}
html {
    scroll-padding-top: 100px; /* Отступ для якорей */
}

/*
.ba-item-main-menu ul.mod-menu > li.nav-item:hover,
.ba-item-main-menu ul.mod-menu > li.nav-item:focus-within  {
	background-color: var(--secondary) !important;}
.ba-item-main-menu ul.mod-menu li.nav-item.megamenu-item li:hover,
.ba-item-main-menu ul.mod-menu li.nav-item.megamenu-item li:focus-within  {
	background-color: unset !important;}
*/



/*=============== Template styles ================*/

.gal-br-20 .ba-image, .gal-br-20 .ba-image .ba-caption{ border-radius:20px;}

.map-black {filter: grayscale(1) brightness(1) invert(0);}

.page .header.fixed-header .fixed {position:fixed; top:0px; width:100%;transition: 0.4s;}
.editor .header.fixed-header .fixed {position:unset !important;width:auto !important;}




/*===============builder=============*/
.header {transition: 0.4s;}
@media (max-width: 1024px) {
/*--start-media--*/	
  .ba-hamburger-menu.ba-collapse-submenu li.deeper > span, .ba-hamburger-menu.ba-collapse-submenu li.deeper > a {
    box-sizing: border-box;
    padding-right: 15px !important;
  }
  
  
/*--end-media---*/		  
  }
  .ba-button-wrapper a i {cursor: auto !important;}
/*-----*/



/*===============blog================*/
.com-content-category-blog .item-content .page-header h1 {font-size:22px;line-height: 25px; margin: 0px; font-weight:500;}
.com-content-category-blog .item-content .page-header h2 {font-size:18px;line-height: 25px; margin: 0px; font-weight:500;}
.com-content-category-blog .item-content .page-header h3 {font-size:16px;line-height: 25px; margin: 0px; font-weight:500;}
.com-content-category-blog .item-content .page-header h4 {font-size:15px;line-height: 25px; font-weight:500;}
.com-content-category-blog .item-content .page-header h5 {font-size:14px;line-height: 25px; font-weight:500;}
.com-content-category-blog .item-content p, .com-content-category-blog .item-content h1, .com-content-category-blog .item-content h2, .com-content-category-blog .item-content h3, .com-content-category-blog .item-content span, .com-content-category-blog .item-content b, .com-content-category-blog .item-content strong {font-size:16px;line-height: 25px;}

.com-content-category-blog .items-leading figure img{width: 100% ;height: auto ;object-fit: contain;}
.com-content-category-blog h1, .com-content-category-blog h2, .com-content-category-blog h3, .com-content-category-blog h4, .com-content-category-blog h5, .com-content-article.item-page h1,.com-content-article.item-page h2,.com-content-article.item-page h3,.com-content-article.item-page h4,.com-content-article.item-page h5{text-align:left;}

.com_content .page-item .page-link [class^="icon-"] {font-family: Font Awesome\ 6 Free;}

/*.com_content .body {margin: 50px 0 !important;}*/
.breadcrumbs {font-size: 15px !important;}
.mod-articlesnews-horizontal .readmore a {text-transform: none;}

.blog-items {
  flex-wrap:wrap;
  width:100%;
  margin-bottom:1em;
  margin-left:-.5em;
  margin-right:-.5em;
  padding:0;
  display:flex
}

@media (width>=992px) {
  .blog-items.columns-2>div {
    width:50%
  }
  .blog-items.columns-3>div {
    width:33.3333%
  }
  .blog-items.columns-4>div {
    width:25%
  }
}
.blog-item {
  flex-direction:column;
  padding:0 .5em 1em;
  display:flex;
  overflow:hidden
}
.boxed .blog-item {
  box-shadow:0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color:#fff
}
.boxed .blog-item .item-content {
  padding:25px
}
.blog-item .item-image {
  margin-top:3px;
  margin-bottom:15px;
  overflow:hidden
}
.boxed .blog-item .item-image {
  margin-bottom:0
}
@media (width>=992px) {
  .image-right .blog-item .item-image {
    order:1
  }
}
.image-bottom .blog-item .item-image {
  order:1;
  margin-top:-15px
}
.image-left .blog-item .item-content {
  padding-left:25px
}
.image-right .blog-item .item-content {
  padding-right:25px
}
.image-left .blog-item,
.image-right .blog-item {
  flex-direction:column
}
@media (width>=992px) {
  .image-left .blog-item,
  .image-right .blog-item {
    flex-direction:row
  }
  .image-left .blog-item .item-image,
  .image-right .blog-item .item-image {
    flex:1 0 40%
  }
  .image-left .blog-item .item-content,
  .image-right .blog-item .item-content {
    flex:1 0 60%
  }
}
.article-info dd {
  padding:0
}
@supports (display:grid) {
  .blog-items {
    grid-gap:1em;
    grid-template-columns:1fr;
    grid-auto-flow:row;
    margin:0 0 1em;
    display:grid
  }
  .blog-items .blog-item {
    padding:0
  }
  .blog-items[class^=columns-]>div,
  .blog-items[class*=\ columns-]>div {
    flex:0 auto;
    width:auto;
    max-width:none
  }
  @media (width>=992px) {
    .blog-items.columns-2 {
      grid-template-columns:1fr 1fr
    }
    .blog-items.columns-3 {
      grid-template-columns:1fr 1fr 1fr
    }
    .blog-items.columns-4 {
      grid-template-columns:1fr 1fr 1fr 1fr
    }
  }
}
.com-content-article.item-page {position:relative;}

.blog-items[class^=masonry-],
.blog-items[class*=\ masonry-] {
  column-gap:1em;
  display:block
}
.blog-items[class^=masonry-] .blog-item,
.blog-items[class*=\ masonry-] .blog-item {
  page-break-inside:avoid;
  break-inside:avoid;
  margin-bottom:1em;
  display:inline-flex
}
@media (width>=992px) {
  .blog-items.masonry-2 {
    column-count:2
  }
  .blog-items.masonry-3 {
    column-count:3
  }
  .blog-items.masonry-4 {
    column-count:4
  }
}
.image-alternate .blog-item:nth-of-type(odd) .item-image {
  order:0
}
.image-alternate.image-left .blog-item:nth-of-type(odd) .item-image {
  order:1;
  margin-left:25px;
  margin-right:0
}
.image-alternate.image-top .blog-item:nth-of-type(odd) .item-image {
  order:1
}




.img-fluid {
  max-width:100%;
  height:auto
}
.img-thumbnail {
  background-color:var(--body-bg);
  border:var(--border-width)solid var(--border-color);
  border-radius:var(--border-radius);
  max-width:100%;
  height:auto;
  padding:.25rem
}
.figure {
  display:inline-block
}
.figure-img {
  margin-bottom:.5rem;
  line-height:1
}
.figure-caption {
  color:var(--secondary-color);
  font-size:.875em
}



figure {
  margin:0 0 2em
}
figure.float-start {
  margin-right:1em
}
figure.float-end {
  margin-left:1em
}
figcaption {
  color:#6d757e;
  font-size:.9em
}




.com-content-category-blog img {
  max-width:100%;
  height:auto
}



.breadcrumb {
  --breadcrumb-padding-x:0;
  --breadcrumb-padding-y:0;
  --breadcrumb-margin-bottom:1rem;
  --breadcrumb-bg: ;
  --breadcrumb-border-radius: ;
  --breadcrumb-divider-color:var(--secondary-color);
  --breadcrumb-item-padding-x:.5rem;
  --breadcrumb-item-active-color:#484f56;
  padding:var(--breadcrumb-padding-y)var(--breadcrumb-padding-x);
  margin-bottom:var(--breadcrumb-margin-bottom);
  font-size:var(--breadcrumb-font-size);
  background-color:var(--breadcrumb-bg);
  border-radius:var(--breadcrumb-border-radius);
  flex-wrap:wrap;
  list-style:none;
  display:flex
}
.breadcrumb-item+.breadcrumb-item {
  padding-left:var(--breadcrumb-item-padding-x)
}
.breadcrumb-item+.breadcrumb-item:before {
  float:left;
  padding-right:var(--breadcrumb-item-padding-x);
  color:var(--breadcrumb-divider-color);
  content:var(--breadcrumb-divider,"/")
}
.breadcrumb-item.active {
  color:var(--breadcrumb-item-active-color)
}


.com_content  .intro-text, .mod-articlesnews-horizontal .intro-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  /*height: 6em;*/
}
.com_content  .intro-text p, .mod-articlesnews-horizontal .intro-text p {
	padding:0px !important;
	margin:0px !important;
}



/*============image blog==========*/

.com-content-category-blog .page-header, .com-content-category-blog.blog h1 {
  margin: 0px;
padding-bottom: 50px;
}
.item-content .page-header {
margin: 0px;
padding-bottom: 0px;
}

.com-content-category-blog .item-image, .mod-articlesnews-horizontal .item-image {
  margin: -20px -20px 20px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}



.com-content-category-blog .item-image, .mod-articlesnews-horizontal .item-image{
  margin: -20px -20px 20px -20px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}

.com-content-category-blog .item-image, .mod-articlesnews-horizontal .item-image	{
  border-radius: 10px 10px 0px 0px !important;
  position: relative;
  overflow: hidden;
  width: auto;
  height: 300px;
  }
  
.com-content-category-blog .item-image img, .mod-articlesnews-horizontal .item-image img {
  min-height: 250px;
  object-fit: cover;
  width: 100%;
  height: 300px;
  border-radius: 3px 3px 0 0;
  transition: all 300ms ease-in;
}

.com-content-category-blog .item-image:hover img, .mod-articlesnews-horizontal .item-image:hover img {
  transform: translateX(3px) scale(1.05);
  transition: all 300ms ease-in;
}

.com-content-category-blog .blog-item:hover img, .mod-articlesnews-horizontal .item-image:hover img {
  transform: translateX(3px) scale(1.05);
  transition: all 300ms ease-in;
}


.com-content-category-blog__item.blog-item, .mod-articlesnews-horizontal li {
  position: relative;
  border-radius: 12px;
  /*box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);*/
  background-color: #fff;
  transition: all 300ms linear 0ms;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #e8e8e8; 
}
.com-content-category-blog__item.blog-item:hover, .mod-articlesnews-horizontal li:hover  {
  box-shadow: 0 5px 15px 0 rgba(50, 50, 50, 0.3);
  transition: all 300ms linear 0ms;
}

.mod-articlesnews-horizontal li:hover .item-image img {
  transform: translateX(3px) scale(1.05);
  transition: all 300ms ease-in;
  }


/*============article==============*/

.mod-articlesnews-horizontal {
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
}
	
.com-content-article.item-page h1 {font-size:30px;line-height: 40px; margin: 0px; font-weight:500;}
.com-content-article.item-page figure.item-image img {
  height: 100%; 
}

.com_content .article-info.text-muted {margin: 10px 0px !important;}

.com-content-article.item-page figure.h400.item-image img {
	height: 400px;
	width: 100%;
	object-fit: cover;
	object-position: 0px -500px; /*center img 1000х1000*/
}

.com-content-article__body p{font-size:17px;line-height: 26px;}

.com_content .article-info dd {
  font-size: 13px !important;
}

/*============tags blog==============*/

.com-content-article.item-page .tags {
  list-style: none;
  padding: 0px;
  margin: 10px;
  display: flex;
  flex-wrap: wrap;
}
.com-content-article.item-page .tags > li, .com-content-category-blog__item.blog-item .tags > li {
  display: inline-block;
  list-style: none;
  margin-right:10px;
  /*padding: 0px 0px 30px 0px;*/
}

.com-content-article.item-page .tags > li a, .com-content-category-blog__item.blog-item .tags > li a {
  font-size: 12px !important;
  text-transform: none;
  display: block;
  font-size: 0.755rem;
  padding: 0.3rem 0.8rem;
  border-radius: 6.25rem;
  color: #404040;
  /*background: #1267977a;*/
  list-style: none;
  font-weight: 400;
  
}
.com-content-article.item-page .tags.list-inline, .com-content-category-blog__item.blog-item .tags.list-inline  {margin-left: 0px;}


.com-content-category-blog__navigation li,.com-content-category-blog__navigation p {
font-size: 15px;
line-height: 25px;
}

.com-content-category-blog__navigation .page-item .page-link {
  padding: 5px 10px;
}


/*==================modules==================*/

.mod-articlesnews-horizontal .article-info.text-muted {font-size: 14px;}

.mod-articlesnews-horizontal h1, .mod-articlesnews-horizontal h2, .mod-articlesnews-horizontal h3, .mod-articlesnews-horizontal h4, .mod-articlesnews-horizontal h5{
  font-size: 18px;
  line-height: 25px;
  margin: 0px;
  font-weight: 300;
  text-align: left;
  }
.mod-articlesnews-horizontal .intro-text p{
font-size: 16px;
  line-height: 25px;
}
.mod-articlesnews-horizontal .readmore {
padding-top: 30px;
}

@supports (display:grid) {
  .mod-articlesnews-horizontal {
    grid-gap: 1rem;
	margin: 0;	
  }
}

ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list .readmore {
    margin-top: auto; /* размещает кнопку внизу */
}
.com-content-category-blog__item .readmore {
    margin-top: auto; padding-top: 10px;
}
.com-content-category-blog__item.blog-item .item-content{
display: flex;
  flex-direction: column;
  flex-grow: 1;
}


/*=========Standart Forms========*/

.com_users .control-group .control-label {
  float: left;
  line-height: 2em;
  padding-top: 5px;
  text-align: right;
  width: 100% !important;
}

.com_users  meter {width:100%}

.com_users .control-group, .com_users .input-group  {
  display: flex !important;
}
.com_users fieldset{padding-bottom: 30px;}
.com_users input {border-radius: 5px;}

.com_users .control-group .input-group input {width: 100% !important;}

.com_users .icon-eye.icon-fw, .icon-fw.icon-eye-slash {
  display: block !important;
}

.com_users fieldset {
display: grid;
  grid-template-columns: 1fr 1fr; /* Две колонки одинаковой ширины */
  gap: 30px; /* Пробел между элементами */
}
/* Первый элемент занимает всю строку */
.com_users  .control-group.field-spacer {
  grid-column: span 2; /* Занимает обе колонки */
}

.com_users .controls {
    position: relative;
}

.com_users #jform\[password1\]-rules {
    position: absolute;
    top: 100%; /* Расположить ниже элемента .password-group */
    margin-top: 10px; /* Отступ от meter */
}

.com_users .password-group {
    margin-bottom: 0px; /* Добавить место для текста */
}

.com_users input {border: 1px solid #cacaca;}
.com_users .com-users-login__options {margin-top: 50px;}
.com_users .com-users-login__options a{display: flex;width: fit-content;}
.com_users .com-users-login__submit {text-align: right;}
.com_users .com-users-login__submit button {width: 200px;border-radius: 10px;}

.com_users .body .login > form {margin: 0 auto;width: 100% !important;}


.com_users .com-users-login__remember .form-check {
  display: flex;
  align-items: center; /* Выравнивание по вертикали, если нужно */
  gap: 10px; /* Отступ между input и label */
}

.com_users .com-users-login__remember .form-check-input {
  order: 1;
  width: 20px;
  height: 20px;
}

.com_users .com-users-login__remember .form-check-label {
  order: 2; /* label будет вторым элементом */
}

.com_users legend {font-size: 18px;}

.com_users.reset fieldset, .com_users.remind fieldset{grid-template-columns: auto;}


.com_users fieldset.com-users-profile__multifactor {
grid-template-columns: auto;}


 dl.dl-horizontal dt {
    grid-column: 1/2; min-width: 180px;width: auto;
  }
  
  dl.dl-horizontal {
    grid-template-columns: auto 1fr;
    display: grid;
  }



 dl.dl-horizontal dd {
    grid-column: 2/3;
    margin-bottom: 0;
    padding: 0 0 0 1em;
	margin-left: 30px;
  }

.com-users-profile__edit.btn-toolbar {text-align: right;}







/*====joomla search-----*/

 .com_finder .icon-calendar,  .com_finder .icon-search-plus, .com_finder .icon-search.icon-white  {display: initial !important;}

#finder-filter-select-dates, .filter-branch {
display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

ul#finder-filter-select-dates li.filter-date {width: auto;}
ul#finder-filter-select-dates li .field-calendar {display:inline-block;}
ul#finder-filter-select-dates button {margin-left: 10px;height: fit-content;}
ul#finder-filter-select-dates button span {font-size: 18px;}


.com_users .body, .com_content .body, .com_finder .body {margin-top: 200px !important;}
.cpoint a i {cursor:pointer !important;}
.form-horizontal .controls {margin-left: 0px !important;}


.result__item {
  display: flex;
  gap: 20px; /* Отступ между изображением и текстовым блоком */
}

.result__image {
  flex-shrink: 0; /* Фиксирует изображение в первой колонке */
}

.result__title,
.result__description,
.result__taxonomy {
  display: block; /* Убедитесь, что элементы идут по порядку вниз */
  margin: 0;
}

/* Создаем вторую колонку и элементы идут по вертикали */
.result__content {
  display: flex;
  flex-direction: column; /* Устанавливает вертикальный поток внутри второй колонки */
  gap: 10px; /* Отступы между элементами внутри второй колонки */
}
.com_finder figure img {
min-height: 250px;
  object-fit: cover;
  width: 300px;
  height: 300px;
  border-radius: 10px;
  transition: all 300ms ease-in;
}
.com_finder .form-inline .input-group {display: flex;}

.com_finder .awesomplete {flex: fit-content;display: flex;}
.com_finder #q {flex: fit-content;margin-right: 10px;}
.com_finder #q {border-radius: 10px;}
.com_finder .dropdown-menu.show {display:block !important;}
.com_finder .sorting {text-align: right;}
.com_finder .result__item + .result__item {color: #ececec;}

/*==============builder==============*/

.editor .library-title {font-size: 12px;}
.editor .ba-library-item .zmdi.zmdi-apps {font-size: 25px; padding-right: 10px;}

















/*-----MEDIA add----*/


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
/*==============*/

.com_finder #q {margin-bottom: 20px;}

/*==============*/
}/* End */



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
/*==============*/  

  
/*==============*/
}/* End */

  
  
  
@media (max-width: 767.98px) {
/*==============*/	
.com_users fieldset {
display: block;}
.com_users #jform\[password1\]-rules {
position: relative;}

.com_users .body, .com_content .body, .com_finder .body {
  margin-top: 100px !important;
}
.com_content h1, .com_finder h1 {
font-size: 28px;
line-height: 30px;
}

.body .remind > form, .body .reset > form, .body .login > form {padding: 30px !important;}

#finder-filter-select-dates, .filter-branch {
  display: grid;  
grid-template-columns: auto;}

.com_finder .form-inline .input-group {
  display: block;
}

  
/*==============*/
}/* End */




/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
/*==============*/	

  
/*==============*/
}/* End */



@media (max-width: 991.98px) { 
/*==============*/


/*==============*/
}/* End */



/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
/*==============*/
 

/*==============*/
}/* End */



@media (max-width: 1199.98px) {
/*==============*/
  
  
/*==============*/
}/* End */


@media (min-width: 1199.98px) and (max-width: 1260px) { 
/*==============*/

  
/*==============*/
}/* End */





/* Big (over desktops, 1200px and up) */
@media (min-width: 1200px) {
/*==============*/



  
/*==============*/
}/* End */




@media (min-width: 1200px) and (max-width: 1460px) { 
/*==============*/

  
/*==============*/
}/* End */

  
@media (min-width: 1400px) {
/*==============*/  

  
/*==============*/
}/* End */
 
  


/* Big (over desktops, 1460px and up) */   
@media (max-width: 1460px) {
/*==============*/
 

 
  
/*==============*/
}/* End */





/* Big (over desktops, > 2000 px and up) */
@media (min-width: 2000px) {      
/*==============*/

  
/*==============*/
}/* End


/*-----MEDIA END-----*/












/*-------------casiopea-----------*/