*{
	padding: 0;
	margin: 0;
}

header {
	background: black;
	width: 100%;
	height: 200px;
  
}

.logo_Pinivais{
  position: absolute;
  width: 200px;
  height: 200px;
}

.logo_Pinivais img{
  width: 400px;
  height: 400px;
  margin-top: 70px;
}

.logo img{
	width: 200px;
	height: 200px;
  margin: 0 0 0 780px;
}


.logo h1{
	color: #FF0202;
	margin: 25px 0 0 310px;
	padding: 0 0 0 0;
	position: absolute;
	font-size: 115px;
	font-family: BatangChe;
}

.logo p{
  background: black;
  color: #fff;
  position: absolute;
  margin: 20px 0 0 250px;
}

.logo_2 h1{
  color: #fff;
  margin: 150px 0 0 530px;
  font-size: 30px;
  font-family: Batang;
}

.logo_2 {
  position: relative;
}

.logo_2 h1 {
  margin: 150px 0 0 530px;
  font-size: 30px;
  font-family: Batang, serif;
}

.logo_2 h1 a {
  color: #fff;
  text-decoration: none; /* убираем подчёркивание */
}

.logo_2 h1 a:hover {
  text-decoration: underline; /* эффект при наведении */
}

.header_slideshow h1{
  color: #3DF33D;
  font-family: Segoe Print;
  text-align: center;
  margin: 55px auto;
}

/* -------------------Началa блокa со слайдерами---------------------- */
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  display: flex;
  justify-content: center;

}

.slideshow-container img{
  border-radius: 5px;
}



/* Number text (1/3 etc) */
.numbertext {
  color: #fafafa;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* -------------------конец блоку со слайдерами---------------------- */


/* -------------------Блок начало---------------------- */
.mySlides a img{

}

.blog-container{
  background: #fafafa;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.2) 0 4px 2px -2px;
  font-weight: 100;
  margin: 130px 0 0 180px;
  width: 900px;
}

.blog-container a:hover{
  border-color: #4DFF6F;
  color: #4DFF6F;
}

.blog-cover img{
  width: 900px;
  border-radius: 5px 5px 0 0;
  height: 25rem;
  box-shadow: inset rgba(0,0,0,0.2) 0 64px 64px 16px;
}
.blog-body{
  margin: 0 auto;
  width: 80%;
}
.blog-title h1 a{
  color: #333;
  font-weight: 100;
  font-family: Segoe Print;
  text-decoration: none;
}
.blog-text p{

  color: #4d4d4d;
}


.blog-tags a{
  border: 1px solid #999999;
  border-radius: 3px;
  color: #999999;
  font-size: .75rem;
  width: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 1px;
  padding: 0 .5rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 5rem;
}

.blog-footer{
  border-top: 1px solid #e6e6e6;
  margin: 12px auto;
  padding-bottom: .125rem;
  width: 80%;
}

.blog-footer ul{

  list-style: none;
  display: flex;
  flex: row wrap;
  justify-content: flex-end;
  padding-left: 0;
}

.text{
  bottom: 8px;
  font-size: 25px;
  background: #fff;
  width: 100%;
  border-radius: 15px;
  color: black;
  text-align: center;
}

.text a{
  text-decoration: none;
  color: black;
}

.text a:hover{
  color: #3AE677;
}

.mySlides a img{
  width:500px;
  height: 190px;
}

/* -------------------Блок конец---------------------- */

/* -------------------начало Sport---------------------- */

.sport_container{
  background: #fafafa;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.2) 0 4px 2px -2px;
  font-weight: 100;
  margin: 48px auto;
  width: 70rem;
}

.sport_container a:hover{
  border-color: #ff4d4d;
  color: #ff4d4d;
}

.polet_video iframe{
  width: 1000px;
  height: 350px;
padding-left: 200px;
}

.monstr_cover{
  background: url(img/monstr.jpg);
  background-size: cover;
  background-position:  center;
  height: 15rem;
}

.darkness_cover{
  background: url(img/capybara2.jpg);
  background-size: cover;
  background-position:  center;
  height: 15rem;
}

.present_cover {
  background: url(img/2026.jpg);
  background-size: cover;
  background-position: center bottom;
  height: 15rem;
}


.casino_cover{
  background: url(img/money.jpg);
  background-size: cover;
  background-position:  center;
  height: 15rem;
}


.extreme_cover{
  background: url(img/extreme/extreme%205.jpg);
  background-size: cover;
  background-position:  center;
  height: 15rem;
}

.history_cover{
  background: url(img/gorki%202.jpg);
  background-size: cover;
  background-position:  center;
  height: 15rem;
}

.dgoker_cover{
  background: url(img/halk.jpg);
  height: 15rem;
  background-size: cover;
  box-shadow: inset rgba(0,0,0,0.2) 0 54px 54px 16px;
}

.Life_cover{
  background: url(img/Life.jpg);
  background-size: cover;
  background-position: center;
  height: 15rem;
}

.sport_cover{
  background: url(img/volleyball.jpg);
  background-size: cover;
  border-radius: 5px 5px 0 0;
  height: 15rem;
  box-shadow: inset rgba(0,0,0,0.2) 0 64px 64px 16px;
}

.komp_cover{
  background: url(img/Kartinka%207.jpg) no-repeat center center fixed;
  background-size: cover;
  border-radius: 5px 5px 0 0;
  height: 15rem;
  box-shadow: inset rgba(0,0,0,0.2) 0 64px 64px 16px;
}

.kostroma_cover{
  background: url(img/Kartinka%208.jpg) no-repeat center center fixed;
  border-radius: 5px 5px 0 0;
  height: 15rem;
}

.dream_cover{
  background: url(img/dream.jpg);
  background-position: center;
  border-radius: 5px 5px 0 0;
  height: 15rem;
}

.dream_Throw{
  background: url(img/Throw.jpg) no-repeat;
  background-position: center; 
  border-radius: 5px 5px 0 0;
  height: 15rem;
}

.sport_body{
  margin: 0 auto;
  width: 80%;
}

.sport_title h1{
  color: #333;
  font-weight: 100;
  font-size: 30px;
  text-align: center;
  margin: 30px auto;
}

.sport_text p{
  color: #4d4d4d;
  font-size: 20px;
  margin: 30px auto;
}

.sport_tags ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}
.sport_tags li+li{
  margin-left: .5rem;
}

.sport_tags a{
  border: 1px solid #999999;
  border-radius: 3px;
  color: #999999;
  font-size: .75rem;
  width: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 1px;
  padding: 0 .5rem;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 5rem;
}

.sport_footer{
  border-top: 1px solid #e6e6e6;
  margin: 0 auto;
  padding-bottom: .125rem;
  width: 80%;
}

.sport_footer ul{
  list-style: none;
  display: flex;
  flex: row wrap;
  justify-content: flex-end;
  padding-left: 0;
}

.pekarn a img{
  border-radius: 15px;
}

/* -------------------конец Sport---------------------- */

@media screen and (min-width: 1300px) {
 .blog-container{
  background: #fafafa;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.2) 0 4px 2px -2px;
  font-weight: 100;
  margin: 77px 0 0 380px;
  width: 900px;
}

.logo img{
  width: 200px;
  height: 200px;
  margin: 0 0 0 1000px;
}


.logo h1{
  color: #FF0202;
  margin: 25px 0 0 550px;
  padding: 0 0 0 0;
  position: absolute;
  font-size: 115px;
  font-family: BatangChe;
}

.logo p{
  background: black;
  color: #fff;
  position: absolute;
  margin: 20px 0 0 530px;
}

.logo_2 h1{
  color: #fff;
  margin: 150px 0 0 770px;
  font-size: 30px;
  font-family: Batang;
}
}

@media screen and (max-width: 765px){

  .slideshow-container{
    width: 350px;
    height: 200px;
    margin: 50px 0 0 20px;
    justify-content: center;
  }

  .header_slideshow{
    width: auto;
    text-align: center;
  }

  .logo_Pinivais img{
    width: 150px;
    height: 150px;
    margin: 30px 0 0 215px;
  }

  .logo h1{
  color: #FF0202;
  margin: 15px 0 0 30px;
  padding: 0 0 0 0;
  position: absolute;
  font-size: 45px;
  font-family: BatangChe;
}

.logo p{
  display: none;
}

.logo_2 h1{
 display: none;
}

.logo img{
  width: 110px;
  height: 110px;
  margin: 75px 0 0 65px;
}

.blog-cover img{
  width: 100%;
  border-radius: 5px 5px 0 0;
  height: 15rem;
}



.blog-container{
  background: #fafafa;
  border-radius: 5px;
  box-shadow: rgba(0,0,0,0.2) 0 4px 2px -2px;
  font-weight: 100;
  margin: 130px 20px 0 20px;
  width: 340px;
}

.mySlides a img{
  width: 100%;
}

.text{
  text-align: center;
  width: 100%;
}

.sport_container{
  width: 100%;
}

.sport_text p{
  font-size: 19px;
}

.blog-title h1 a{
  color: #333;
  font-weight: 100;
  font-family: Segoe Print;
  text-decoration: none;
  font-size: 15px;
}

.pekarn a img{
  border-radius: 15px;
  width: 100%;
}


}