* { margin: 0; padding: 0;}
   
html, body {
   height: 100%;
   min-height: 100%;
   background: #eaeaea;
   font: 16px "Trebuchet MS","Helvetica CY",sens-serif;
           }
           

#thispage {
        background: #0e75ad;
              } 
              
.background {
   position: relative;
   max-width: 1000px;
   min-width: 660px;
   float: none;
   margin: 0 auto;
   padding: 0;
   display: block;
   background: #ffffff;
   height: 100%;
   min-height: 100%;
   text-align: center;
}

.page {
   position: relative;
   background: inherit;
   min-height: 100%;
}
.section1 {
   border: 10px solid white;
}
.section1 p {
   text-align: center;
}
.section1 H1 {
   text-align: center;
}
.section1 ul {
   font: 18px "Georgia", "Century Schoolbook L", serif;
   text-align: left;
   margin-left: 25%;
 }

 .section2 {
	 background: #d7e6ff;
	 border: 50px solid #d7e6ff;
 }
 .section2 H2{
	 text-align: center;
 }
 .section2 p{
	 text-align: justify;
 } 

 .section3 {
	 border: 50px solid white;
 }
 .section3 H2{
	 text-align: center;
 }
 .section3 p{
	 text-align: justify;
 } 
 
  .section4 {
	 background-image: url(wall1000.jpg);
 }
 .section4 H3{
	 text-align: center;
	 color: black;
 }
 .section4 p{
	 text-align: justify;
 } 

.blog {
    border: 10px solid #ffffff;
    font-family: "Trebuchet MS", "Helvetica CY", sens-serif;
    }
 .blog article {
    border: 2px solid #eaeaea;
    } 
/* Кат статьи - начало */

.alone {
	position: relative;
}

/*  Стиль ссылки открытие статьи отдельно */
/*.opentitle a {
	text-decoration: none; Убрали подчеркивание ссылок!
} */

.opentitle a:link {
   color:gray;
  }
.opentitle a:visited {
   color:gray;
  }
.opentitle a:hover {
   color:black;
   /* text-decoration: underline; */  
  }
.opentitle a:active {
   color:gray;	
   /* text-decoration:underline; */
  }
    
.limiter {
  max-height: 400px;
  overflow: hidden;
  position: relative;
    }
.limiter .bottom { /* Это работает только в новых браузерах, не работает в Safary - от сих*/
  position: absolute;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgb(255 255 255 / 0%),
    rgb(200 200 200)99%);
  width: 100%;
  height: 100px;
  opacity: 1;
  transition: 0.3s; /* Это работает только в новых браузерах, не работает в Safary - до сих*/
}
.read-more-checker {
  opacity: 0;
  position: absolute;
}

.read-more-button {
  font-family:Ariel, "Helvetica CY", "Nimbus Sans L", Sans-serif;
  cursor: pointer;
  display: inline-block;
  color: #777;
  text-decoration: underline;
}
/* Кат статьи - конец */ 

.blog H1{
     font-family:"Georgia", "Century Schoolbook L", serif;
     text-align: center;
    }
.blog H2{
     font-family:"Georgia", "Century Schoolbook L", serif;
     text-align: center;
    }
.blog H3{
     font-family:"Georgia", "Century Schoolbook L", serif;
     text-align: center;
    }
.blog p{
     border: 10px solid #ffffff;
     text-align: justify;
    }
.blog ul{
/*    font: 18px "Trebuchet MS","Helvetica CY",sens-serif; */
    text-align: left;
    margin-left: 30px;
        }
.blog ul>li {
    margin-top: 10px;
    }

.blog ol{
/*    font: 18px "Trebuchet MS","Helvetica CY",sens-serif; */
    text-align: left;
    margin-left: 30px;
        }
.blog ol>li {
    margin-top: 10px;
    }

.filler {
  height: 3em;
  background: inherit;
}

  nav {
    background: #0e75ad;
    border-top: 3px solid #0e75ad;
    line-height: 3em;
  }
  nav>ul {
    list-style  : none;
    margin      : 0 auto;
    padding: 0;
    line-height: inherit;
  }
  nav > ul > li {
    display: inline-block; /*Выровняли в одну линию!*/
    padding: 0, 0, 0, 0;
    width: 16%; /*Ширина пунктов в процентах от контейнера*/
    text-align: center;
    color     : white;
    line-height: inherit;
  }
  nav > ul > li:first-child {
   border-left: none;
   text-align: center;
   width:32%;
   min-width: 200px;
  }
  
  nav a {
    line-height: inherit;
    text-decoration: none; /*Убрали подчеркивание ссылок!*/
   }
  nav a:link {
   color:white;
  }
  nav a:visited {
   color:white;
  }
  nav a:hover {
   color:white;
   text-decoration: underline;   
  }
  nav a:active {
   color: yellow;
   text-decoration:underline;

  }
  header {
    margin: 0;
    padding: 0;
    background: #a0bffa;
    border: 5px solid #a0bffa;
  }
  header > ul {
    list-style  : none;
    padding-left: 0;
    margin: 0;   
  }
  header > ul > li {
    display: inline-block;
    width: 49%;
  }
  
     
.menu {
   display: block;
   position: absolute;
   width: 200px;
   top: 85px;
   background: #f5f5f5;
   text-align: left;
   font: 12px "Trebuchet MS","Helvetica CY",sens-serif;
   line-height: 1.2em;
   border-bottom: 1px solid #0e75ad;
}
.menu ul {
   display: block;
   position: relative;
   list-style: none;
}
.menu ul>li>ul {
   position: relative;
   margin: 20px;
   display: none;
}
.menu li{
   border-color: #0e75ad;
   border-width: 2px;
   border-bottom: 2px solid white;
   background: #0e75ad;
   color: #f5f5f5;
   padding-left: 20px;
}
.menu li:hover ul{
  display: block;
}

.menu a{
   text-decoration: none;
   color: white;
}
.menu a:hover {
   text-decoration: underline;
}

.description {
   position:static;
   height: 100%;
   border: 8px solid #f5f5f5;
   margin-top: 40px;
   margin-left: 210px;
   background: #f5f5f5;
   font: 18px "Trebuchet MS","Helvetica CY",sens-serif;
   text-align: center;
}
.description p {
   text-align: justify;
}
.description ul {
   margin-left: 40px;
   text-align: justify;
}

.footer {
   position: absolute;
   background: #a0bffa;
   border: 5px solid #a0bffa;
   bottom: 0;
   left: 0;
   right: 0; 
   text-align: right; 
      }
      

    .slider {
        width: 90%;
        margin: 50px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

/* Стиль для гостевой книги */


.wrapper
{
   position: relative;
   float: none;
   margin: 0 auto;
}

.wrapper H1{
     font-family:"Georgia", "Century Schoolbook L", serif;
     text-align: center;
    }
.wrapper H2{
     font-family:"Georgia", "Century Schoolbook L", serif;
     text-align: center;
    }
.wrapper H3{
     font-family:"Georgia", "Century Schoolbook L", serif;
     text-align: center;
    }

.publish
{  
   margin: 5px;
   border: 1px solid black;
   padding: 5px;
   background: #eaeaea;
}

.list
{
   margin: 0px;
   padding: 5px;
   border: 1px solid black;
   background: #dce9ff;
   width: 100%;
   text-align: left;
}

.list td
{
   margin: 2px;
   padding: 3px;
   border: 1px solid black;
}

.list td:first-child {
   width:200px;
   text-align: center;
}

.dropsort {
   position: absolute;
   right: 50px;
   display: inline-block;
   color: gray;
   text-align: left;
}

.dropsort span {
	text-decoration:underline;
}


.dropsort-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropsort:hover .dropsort-content {
  display: block;
  text-align: left;
}

.fguest {
  max-height: 0px;
  width: 400px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  text-align: right;
    }



/* КОНЕЦ стилей Гостевой */





/* НАЧАЛО Стили для Статей Слайдером*/

.slidera{
	width: 600px;
	height: 500px;
	border: 5px gray solid;
	overflow: hidden;
}	

.sliderw1{
	width: 600px;
	position: relative;
	left: 0px;
}

.sliderw2{
	width: 1200px;
	position: relative;
	left: 0px;
}

.sliderw3{
	width: 1800px;
	position: relative;
	left: 0px;
}

.sliderw4{
	width: 2400px;
	position: relative;
	left: 0px;
}

.mem{
    float: left;
    width: 600px;
    height: 500px;
    white-space: normal;
    background-repeat: no-repeat;
    }

 .navLink {
    text-align: center;
    width: 600px;
    }
 .navLink ul {
        margin: 0px;
        padding: 0px;
        display: inline-block;
        margin-top: 6px;
       }
        .navLink ul li {
            float: left;
            text-align: center;
            margin: 10px;
            list-style: none;
            cursor: pointer;
            background-color: #CCCCCC;
            padding: 5px;
            border-radius: 50%;
            border: black 5px solid;
        }
            .navLink ul li:hover {
                background-color: #FFFF00;
            }
            .navLink ul li.active {
                background-color: #333333;
                color: #FFFFFF;
                outline-width: 7px;
            }
                .navLink ul li.active:hover {
                    background-color: #484848;
                    color: #FFFFFF;
                }


/**
  * SimpleAdaptiveSlider by itchief (https://github.com/itchief/ui-components/tree/master/simple-adaptive-slider)
  * Copyright 2020 - 2022 Alexander Maltsev
  * Licensed under MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
  */

/* стили для корневого элемента слайдера */

.itcss {
  position: relative;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}

/* стили для wrapper */
.itcss__wrapper {
  position: relative;
  overflow: hidden;
  background-color: #eee;
}

/* стили для элемента, в котором непосредственно расположены элементы (слайды) */
.itcss__items {
  display: flex;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: transform 0.5s ease;
  will-change: transform;
}

/* стили для элементов */
.itcss__item {
  position: relative;
  flex: 0 0 100%;
  max-width: 100%;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}

/* кнопки Prev и Next */
.itcss__btn {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 4rem;
  color: #fff;
  background: rgb(0 0 0 / 10%);
  border: none;
  outline: none;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.5;
  user-select: none;
}

.itcss__btn_hide {
  display: none;
}

.itcss__btn:hover,
.itcss__btn:focus {
  color: #fff;
  text-decoration: none;
  border: none;
  opacity: 0.7;
}

.itcss__btn_prev {
  left: 0;
}

.itcss__btn_next {
  right: 0;
}

.itcss__btn::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.itcss__btn_prev::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.itcss__btn_next::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Индикаторы */
.itcss__indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  display: flex;
  justify-content: center;
  margin: 0 15%;
  padding-left: 0;
  list-style: none;
  user-select: none;
}

.itcss__indicator {
  flex: 0 1 auto;
  width: 30px;
  height: 2px;
  margin-right: 3px;
  margin-left: 3px;
  background-color: rgb(255 255 255 / 50%);
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  cursor: pointer;
}

.itcss__indicator_active {
  background-color: #fff;
}

/* класс для отключения transition */
.transition-none {
  transition: none;
}


/* КОНЕЦ Стили для Статей Слайдером*/