:root {
  --razdel-margin: 120px;
  --razdel-dop: 60px;
 
}
  
.aLinkBrand {
	color: blue;
    transition: 0.7s;
}

.aLinkBrand:hover {
	color: #FF0000; 
	text-decoration: none;
    transition: 0.3s;
}

.razdel {
    padding-top: var(--razdel-margin);
}

.razdel-dop {
    padding-top: var(--razdel-dop);
}
 

 .news__list__item__title {
     opacity: 1 !important;
 }
 
.img-fluid {
    max-width: 100%;
    height: auto;     
 }
 
.img-circle {
    border-radius: 50%;
}
 
.div-gallery-grid {
    margin-top: 30px;
}
 
 .grid {
    display: grid;
    grid-column-gap: 20px;
    margin-bottom: 20px;
}

.grid div {
    background-color: #D9D9D9;
}

.grid-c-c-c {
    grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.grid-c-c-c-c {
    grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr;
}

.grid-c-c-b {
    grid-template-columns: 1.5fr 1.5fr 0.667fr;
}

.grid-c-c {
    grid-template-columns: 1.5fr 1.5fr;
}

.grid-c-c-с {
    grid-template-columns: 1.5fr 1.5fr 1.5fr;
}

.grid-b-c {
    grid-template-columns: 0.667fr 1.5fr;
}

.grid-b-c-b {
    grid-template-columns: 0.667fr 1.5fr 0.667fr;
}

.grid-b-b-c {
    grid-template-columns: 0.667fr 0.667fr 1.5fr;
}

.grid-c-c-c-b {
    grid-template-columns: 1.5fr 1.5fr 1.5fr 0.667fr;
}

.grid-b-c-c-b {
    grid-template-columns: 0.667fr 1.5fr 1.5fr 0.667fr;
}

.grid-c-b-c-b {
    grid-template-columns: 1.5fr 0.667fr 1.5fr 0.667fr;
}

.grid-c-b-c-c-c {
    grid-template-columns: 1.5fr 0.667fr 1.5fr 1.5fr 1.5fr;
}

.grid-c-c-c-c-c {
    grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr;
}

.grid-c-c-c-b-c{
    grid-template-columns: 1.5fr 1.5fr 1.5fr 0.667fr 1.5fr;
}

.grid-b-b-c-c-c {
    grid-template-columns: 0.667fr 0.667fr 1.5fr 1.5fr 1.5fr;
}

.grid-b-c-c-c-c {
    grid-template-columns: 0.667fr 1.5fr 1.5fr 1.5fr 1.5fr;    
}
.grid-c-c-b-c-c {
    grid-template-columns: 1.5fr 1.5fr 0.667fr 1.5fr 1.5fr;
}
.grid-c-b-c {
     grid-template-columns: 1.5fr 0.667fr 1.5fr;     
}
.grid-b-b-b-b-b-b {
    grid-template-columns: 0.667fr 0.667fr 0.667fr 0.667fr 0.667fr 0.667fr;
}
.grid-b-b-b-b-c {
    grid-template-columns: 0.667fr 0.667fr 0.667fr 0.667fr 1.5fr;
}
.grid-b-c-c-c {
    grid-template-columns: 0.667fr 1.5fr 1.5fr 1.5fr;
}
.grid-b-b-b-c {
    grid-template-columns: 0.667fr 0.667fr 0.667fr 1.5fr;
}
.grid-b-c-c {
    grid-template-columns: 0.667fr 1.5fr 1.5fr;
}
.grid-c-b-b-c {
    grid-template-columns: 1.5fr 0.667fr 0.667fr 1.5fr;
}
.grid-b-b-b-b {
    grid-template-columns: 0.667fr 0.667fr 0.667fr 0.667fr;
}
.grid-c-b-b-b {
    grid-template-columns: 1.5fr 0.667fr 0.667fr 0.667fr;
}
.grid-b-c-b-b-b {
    grid-template-columns: 0.667fr 1.5fr 0.667fr 0.667fr 0.667fr;
}
.grid-b-b-b-b-b {
    grid-template-columns: 0.667fr 0.667fr 0.667fr 0.667fr 0.667fr;
}
.grid-c-b-b-c-b {
    grid-template-columns: 1.5fr 0.667fr 0.667fr 1.5fr 0.667fr;
}
.grid-c-b {
    grid-template-columns: 1.5fr 0.667fr;
}
.grid-c-c-b-c {
    grid-template-columns: 1.5fr 1.5fr 0.667fr 1.5fr;
}
.grid-a-b-c-c {
    grid-template-columns: 1fr 0.667fr 1.5fr 1.5fr;
}
.grid-a-c {
    grid-template-columns: 1fr 1.5fr;
}
.grid-b-b-c-c {
    grid-template-columns: 0.667fr 0.667fr 1.5fr 1.5fr;
}
.grid-c-b-b {
    grid-template-columns: 1.5fr 0.667fr 0.667fr;
}
.grid-c-c-b-b {
    grid-template-columns: 1.5fr 1.5fr 0.667fr 0.667fr;
}
.grid-c-b-c-b {
    grid-template-columns: 1.5fr 0.667fr 1.5fr 0.667fr;
}
.grid-c-b-c-c {
    grid-template-columns: 1.5fr 0.667fr 1.5fr 1.5fr;
}
.grid-b-b-b {
    grid-template-columns: 0.667fr 0.667fr 0.667fr;
}



.grid-c-c13-c {
    grid-template-columns: 1.5fr 1.3fr 1.5fr;
}

.grid-c12-c-c {
    grid-template-columns: 1.21fr 1.5fr 1.5fr;
}
.grid-c2-c2 {
    grid-template-columns: 2fr 2fr;
}
.grid-c2-c2-c2 {
    grid-template-columns: 2fr 2fr 2fr;
}
.grid-c2-c-c {
    grid-template-columns: 2fr 1.5fr 1.5fr;    
}
.grid-b-b07-c {
    grid-template-columns: 0.667fr 0.75fr 1.5fr;    
}

.grid-c155-c {
    grid-template-columns: 1.55fr 1.5fr;    
}

.grid-c118-c {
    grid-template-columns: 1.18fr 1.5fr;    
}

.grid-c175-c175 {
    grid-template-columns: 1.75fr 1.75fr;
}

.grid-c175-c175-c-c {
    grid-template-columns: 1.75fr 1.75fr 1.5fr 1.5fr;
}
.grid-c175-c {
    grid-template-columns: 1.75fr 1.5fr;
}
.grid-b-c175-c175 {
    grid-template-columns:0.667fr  1.75fr 1.75fr;
}
.grid-c13-c13-c13 {
    grid-template-columns: 1.3fr 1.3fr 1.3fr;
}

.grid-c13-c175-c13-c175 {
    grid-template-columns: 1.3fr 1.75fr 1.3fr 1.75fr;
}
.grid-c175-c175-c175-c175 {
    grid-template-columns: 1.75fr 1.75fr 1.75fr 1.75fr;
}

.grid-c13-c13 {
    grid-template-columns: 1.3fr 1.3fr;
}
.grid-c13-b-b-c-b {
    grid-template-columns: 1.33fr 0.667fr 0.667fr 1.5fr 0.667fr;
}
.grid-c-c2-c2 {
    grid-template-columns: 1.5fr 2fr 2fr;    
}
.grid-c2-c2-c2-c2 {
    grid-template-columns: 2fr 2fr 2fr 2fr;    
}
.grid-c-c175-c2 {
    grid-template-columns: 1.5fr 1.75fr 2fr;
}
.grid-2c-c {
    grid-template-columns: 2fr 1.5fr;
}
.grid-c-c-c133 {
    grid-template-columns: 1.5fr 1.5fr 1.33fr;
}
.grid-c133-c133-c133 {
    grid-template-columns: 1.33fr 1.33fr 1.33fr;
}
.grid-c13-c13-c13-c13 {
    grid-template-columns: 1.33fr 1.33fr 1.33fr 1.33fr;
}
.grid-c13-a {
    grid-template-columns: 1.33fr 1fr;
}
.grid-c-c13 {
    grid-template-columns: 1.5fr 1.33fr;
}
.grid-b08-c {
    grid-template-columns: 0.8fr 1.5fr;    
}

.grid-c125-c125-c125 {
    grid-template-columns: 1.25fr 1.25fr 1.25fr;    
}

.grid-c125-c125-c125-c125 {
    grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr;
}

.grid-b06-c125-c125 {
    grid-template-columns: 0.62fr 1.25fr 1.25fr;    
}

.grid-c125-c125-b06 {
    grid-template-columns: 1.25fr 1.25fr 0.62fr;    
}

.grid-c125-b06-c125 {
    grid-template-columns: 1.25fr 0.62fr 1.25fr;    
}

.grid-c125-b06 {
    grid-template-columns: 1.25fr 0.62fr ;    
}

.grid-a {
    aspect-ratio: 1 / 1;
}

.grid-b {
    aspect-ratio: 1 / 1.5;
}

.grid-c {
    aspect-ratio: 1.5 / 1;
}

.grid-b07 {
    aspect-ratio: 0.75;
}

.grid-b08 {
    aspect-ratio: 0.8;
}

.grid-c13 {
    aspect-ratio: 1.33;
}

.grid-c12 {
    aspect-ratio: 1.21 / 1;
}

.grid-c2 {
    aspect-ratio: 2 / 1;
}

.grid-c155 {
    aspect-ratio: 1.55;
}

.grid-c118 {
    aspect-ratio: 1.18;
}

.grid-c175 {
    aspect-ratio: 1.75;
}

.grid-c125 {
    aspect-ratio: 1.25;
}

.grid-b06 {
    aspect-ratio: 0.62;
}


.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}