footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  /*justify-content: space-between;
  align-items: center; Старое выравнивание*/
  align-items: flex-start;
  text-align: justify;
  /*Добавлен новое оформление текста 16.02.2024*/
  font-family: Georgia, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
}
}


.footer {
background-color: #15578A;
margin-top: 0px;
}

.footer a {
   color: white; 
   transition: 1s; /* Время изменения */
}

.footer a:hover, a:focus{
    color: #FFCA43; 
   }

.footer1 {
  padding: 10px;
}

.footer2 {
  padding: 10px;
}
.container-topbar {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*Измнение цветов сайта*/
:root {
  --cassiopeia-color-primary: #15578A;
  --cassiopeia-color-hover: #15578A;
  --cassiopeia-color-link: blue;
}

.container-header {
    /*background-color: var(--cassiopeia-color-primary);
    background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
    background-image: linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);*/
  /*  
  background: linear-gradient(to bottom, #15578A 45px, #D3E4ED 5px);
    -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
    box-shadow: inset 0 5px 5px rgba(0,0,0,.03); градиент*/
  	background-color: var(--cassiopeia-color-primary);
    position: relative;
    z-index: 10
}
  
  .container-header .container-search {
    margin: 0px;
  }
  
  .grid-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    /* max-width:1320px; */
    width: 100%
}
  
/*Новый стиль для мобильной версии*/
.Page1 {
/*position: absolute;*/
min-width: 350px; 
width: 100%;
height: 757px;
/*left: 0px;
top: 50px;*/
display: grid;
place-items: center;
/*Обработка фона*/
/*background-image: url(https://olhonika.ru/images/mycatalog/WinterBaikal/baikal-ice-village-1-mini.jpg); Зимний фон*/
background-image: url(https://olhonika.ru/images/mycatalog/SummerLakeBaikal/SummerLakeBaikal.jpg); /*Летний фон*/
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
/*object-fit: cover;*/
}

.Page1 p{
margin-left: auto;
margin-right: auto;  
font-family: Georgia, serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 22px;
text-align: center;

color: #FFFFFF;}

.Page1 h1{
margin-left: auto;
margin-right: auto;  
font-family: Georgia, serif;
font-style: normal;
font-weight: 700;
font-size: 35px;
text-align: center;
color: #FFFFFF;
}

.Page1 a {
    transition: 1s; /* Время изменения */
  	color: white;
   }

.Page1 a:hover {
    color: #FFCA43; 
   }

.Page1 a:visited {
    color: white;
  }


.Page1 h2{
margin-left: auto;
margin-right: auto;  
font-family: Georgia, serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 22px;
text-align: center;
color: #FFFFFF;
}

.rt-article-content {
margin-left: auto; 
margin-right: auto;
min-width: 260px;
min-height: 184px;
max-width: 890px;
width: 100%; 
  
/*background-color: #FFCA43;*/
}

.Page2 {
/*position: absolute;*/
min-width: 350px; 
width: 100%;
height: 757px;
/*object-fit: cover;*/
display: grid;
place-items: center;
/*background-image: url(https://olhonika.ru/images/mycatalog/WinterBaikal/baikal-ice-1-mini.jpg); Зимний фон*/
background-image: url(https://olhonika.ru/images/mycatalog/SummerLakeBaikal/SummerLakeBaikal-mini-1.jpg); /*Летний фон*/
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;  
}

.Page3 {
/*position: absolute;*/
min-width: 350px; 
width: 100%;
height: 757px;
object-fit: cover;
display: grid;
place-items: center;
/*background-image: url(https://olhonika.ru/images/mycatalog/WinterBaikal/baikal-ice-1-mini.jpg); Зимний фон*/
background-image: url(https://olhonika.ru/images/mycatalog/SummerLakeBaikal/SummerLakeBaikal-mini-1.jpg); /*Летний фон*/
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;  
}

.headPageLine {
min-width: 350px;
width: 100%;
height: 306px;
background: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
position: relative; /*Добавлено 16.02.2024 Для того, чтобы предотвратить сдвиг внутри div*/
}

.headPageLine h1{
margin-left: auto;
margin-right: auto;  
font-family: Georgia, serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 22px;
text-align: center;
color: #000000;
}

.BodyPageLine {
    min-width: 350px;
    width: 100%;
  	/*max-width: 70%;*/
    display: grid;
    place-items: center;
  	max-width: 1080px;
  	padding: 0px 5px 0px 5px; /*Добавлено 16.02.2024 для оступов*/    
  	background-color: rgba(21, 87, 138, 0.15);
}

.BodyPageLine p{
	font-family: Georgia, serif;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	color: #FFFFFF;
}

.kontakt {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.kontakt-2 {
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.kontakt-3 {
	padding: 10px 10px 10px 10px;
  	min-width: 300px;
    /*max-width: 50%;*/
}

/*Дизайн доп. элементов*/
.triangle-left {
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 200px solid #AC644C;
    border-bottom: 100px solid transparent;
  	position: relative;
	top: -240px; /*было 200px*/
}
 
.triangle-left p{
	font-family: Georgia, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
	
	text-align: left;
    top: -20px; 
    left: -170px;
    position: relative;
    margin: 0px;
}	

.triangle-left a{
	font-family: Georgia, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
	
	text-align: left;
	text-decoration: none; 
}	
   
.triangle-right {
    width: 0;
    height: 0;
    border-top: 375px solid transparent; /*Было 187px*/
    border-right: 88px solid #FFCA43;
    border-bottom: 375px solid transparent; /*Было 187px*/
	position: relative;
	top: -153px;
}

.triangle-left-yellow {
    width: 0;
    height: 0;
    border-top: 375px solid transparent; /*Было 187px*/
    border-left: 88px solid #FFCA43;
    border-bottom: 375px solid transparent; /*Было 187px*/
	position: relative;
	top: -153px;
}

/*Адаптив*/
@media (max-width: 768px) {
  .Page1 h1{
    font-size: 25px;
  }
  
  .Page1 p{
    font-size: 20px;
    line-height: 20px;
  }
  
  .Page1 h2{
    font-size: 20px;
    line-height: 20px;
  }
  
  .mod-list li {
    font-size: 25px;
  }
 
  .BodyPageLine p{
    font-size: 20px;
    line-height: 20px;
  }
  
  .headPageLine h1 {
	font-size: 22px;
    line-height: 22px;  
  }

/*  .rt-article-content {
    background-color: #8ABCF5;
  }*/
  
  .kontakt-2 {
    flex-direction: column;
  }
  
   .triangle-right {
    border-top: 90px solid transparent;
    border-right: 30px solid #FFCA43;
    border-bottom: 180px solid transparent;
  }
  
  .triangle-left {
    border-top: 60px solid transparent;
    border-left: 200px solid #AC644C;
    border-bottom: 100px solid transparent;
    top: -170px;
  }
  
    footer div.mod-footer {
    flex-direction: column;
  }
  
  .reviews_yandex {
    width: 350px;
  }

}

@media (min-width: 768px) and (max-width: 992px) {
  .Page1 h1{
    font-size: 30px;
  }
  
  .Page1 p{
    font-size: 20px;
    line-height: 20px;
  }
  
  .Page1 h2{
    font-size: 20px;
    line-height: 20px;
  }  
  
  .mod-list li {
    font-size: 30px;
  }
 
  .BodyPageLine p{
    font-size: 22px;
    line-height: 25px;	/*Было 22px*/
  }
  .headPageLine h1 {
	font-size: 25px;
    line-height: 25px;  	/*Было 22px*/
  }
  
/*  .rt-article-content {
	background-color: #5799E9;
	}*/
  
   .kontakt-2 {
    flex-direction: row;
  }
  
  .triangle-right {
    border-top: 150px solid transparent; /*Было 187px*/
    border-right: 60px solid #FFCA43;
  }
  
   .reviews_yandex {
    width: 650px;
  }


}

@media (min-width: 992px) and (max-width: 1100px) {
  .Page1 h1{
    font-size: 35px;
  }
  
  .Page1 p{
    font-size: 25px;
    line-height: 25px;
  }
  
  .Page1 h2{
    font-size: 25px;
    line-height: 25px;
  }  
  
  .mod-list li {
    font-size: 35px;
  }
 
  
  .BodyPageLine p{
    font-size: 22px;
    line-height: 30px;	/*Было 22px*/
  }
  .headPageLine h1 {
	font-size: 25px;
    line-height: 30px;  /*Было 22px*/
  }
   
/*  .rt-article-content {
	background-color: #4C6CC0;
  }*/
  
  .kontakt-2 {
    flex-direction: row;
  }
    
  .triangle-right {
    border-top: 375px solid transparent; /*Было 187px*/
    border-right: 88px solid #FFCA43;
    border-bottom: 375px solid transparent; /*Было 187px*/
	}
  
  .reviews_yandex {
    width: 650px;
  }
}

@media (min-width: 1100px) {
  .Page1 h1{
    font-size: 35px;
  }
  
  .Page1 p{
    font-size: 25px;
    line-height: 25px;
  }
  
  .Page1 h2{
    font-size: 25px;
    line-height: 25px;
  }
  
  .mod-list li {
    font-size: 35px;
  }
  
  .BodyPageLine p{
    font-size: 22px;
    line-height: 30px; 	/*Было 22*/
  }
  .headPageLine h1 {
	font-size: 30px;	
    line-height: 30px;  /*Было 22*/
  }
  
/*  .rt-article-content {
	background-color: #3F70A2;
  }*/
    .kontakt-2 {
    flex-direction: row;
  }
  
  .triangle-right {
    border-top: 375px solid transparent; /*Было 187px*/
    border-right: 88px solid #FFCA43;
    border-bottom: 375px solid transparent; /*Было 187px*/
}
   .reviews_yandex {
    width: 650px;
  } 

}


.mod-list li {
    padding: 0.25em 0;
    font-family: Georgia, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}

/*Для виджета Тинькоф*/
    .payform-tinkoff {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 2px auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 250px;
    }
    .payform-tinkoff-row {
        margin: 2px;
        border-radius: 4px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        border: 1px solid #DFE3F3;
        padding: 15px;
        outline: none;
        background-color: #DFE3F3;
        font-size: 15px;
    }
    .payform-tinkoff-row:focus {
        background-color: #FFFFFF;
        border: 1px solid #616871;
        border-radius: 4px;
    }
    .payform-tinkoff-btn {
        background-color: #FBC520;
        border: 1px solid #FBC520;
        color: #3C2C0B;
    }
    .payform-tinkoff-btn:hover {
        background-color: #FAB619;
        border: 1px solid #FAB619;
    }



.styleLink {
  font-size: 17px; 
  line-height: 22px; 
  color: white;
  text-decoration: none;
  
}

.reviews {
  display: grid;
  place-items: center;
}

.reviews_yandex {
  min-width: 350px;
  max-width: 700px;
.