body {
	font-family: 'Century Gothic';
	cursor: url(cat.png), auto;
}

a {
	
}

.bg {
	animation:slide 8s ease-in-out infinite alternate;
	background-image: linear-gradient(-20deg, rgba(196, 233, 255, 0.289) 50%, rgb(255, 255, 255) 50%);
	bottom:0;
	left:-50%;
	opacity:.5;
	position:fixed;
	right:-25%;
	top:0;
	z-index:-1;
  }
  
  .bg2 {
	animation-direction:alternate-reverse;
	animation-duration:14s;
  }
  
  .bg3 {
	animation-duration:12s;
  }
  
  .content {
	background-color:rgba(255,255,255,.8);
	border-radius:.25em;
	box-shadow:0 0 .25em rgba(0,0,0,.25);
	box-sizing:border-box;
	left:50%;
	padding:10vmin;
	position:fixed;
	text-align:center;
	top:50%;
	transform:translate(-50%, -50%);
  }

  @keyframes slide {
	0% {
	  transform:translateX(-25%);
	}
	100% {
	  transform:translateX(25%);
	}
  }



a:hover {

	.header_fixed {
		position: fixed;
		left: 0;
		top: 0;
	  }	
}

.textcols-item {
	white-space: normal;
	display: inline-block;
	width: 63%;
	text-align: justify;

	margin-left: 1%;
	font-size: 25px;
}

.textcols-item2 {
	white-space: normal;
	display: inline-block;
	width: 15%;

	margin-left: 2%;
	font-size: 25px;
}


.d33 {
	width: 10%;
	margin-left: 5%;
	background: #75d6ec48;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius  8px;
	font-size: 2.3px;
                padding: 1px;
                color: #75d6ec00;
}

.d33:before {
	content: "";
	position: absolute;
	right: 100%;
	top: 55%;
	border-top: 16px solid transparent;
	border-right: 16px solid #75d6ec48;
}

.d33:hover {
	width: 250%;
	margin-left: 5%;
	background: #def9ff;
	position: relative;
	border-radius: 15px;
	font-size: 16px;
                padding: 8px;
                color: #6e6d6d;
}

.d44:hover {
	width: 50%;
	margin-left: 45%;
	background: #c4f4ff;
	position: relative;
	border-radius: 15px;
	font-size: 16px;
                padding: 8px;
                color: #6e6d6d;
}

.d44 {
	width: 10%;
	margin-left: 85%;
	background: #75d6ec48;
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius  8px;
	font-size: 4px;
                padding: 8px;
                color: #75d6ec00;
}

.d44:before {
	content: "";
	position: absolute;
	left: 100%;
	top: 60%;
	border-top: 16px solid transparent;
	border-left: 16px solid #75d6ec48;
}



}
.div-shadow {

	background: rgba(46, 205, 253, 0.175);
	text-align: center;
	box-shadow:5px 5px 10px rgba(70, 151, 167, 0.7);
}

/*=========================================================================*/
.adaptivny-slayder {  /*====блок фото======*/
	position: relative;
	max-width: 680px;
	margin: 50px auto;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);
  }
  
  .adaptivny-slayder input[name="kadoves"] {
	display: none;
  }
  
  .kadoves { /*====точки положение======*/
	position: absolute;
	left: 0;
	bottom: -40px;
	text-align: center;
	width: 100%;
  }
  
  .kadoves label {
	display: inline-block;
	width: 8px;
	height: 8px;
	cursor: pointer;
	margin: 0 3px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
	border-radius: 50%;
	border: 5px solid #2f363c;
	background-color: #5981a7;
	
  }
  
  #slaid1:checked~.kadoves label[for="slaid1"] {
	background-color: white;
  }
  
  #slaid2:checked~.kadoves label[for="slaid2"] {
	background-color: white;
  }
  
  #slaid3:checked~.kadoves label[for="slaid3"] {
	background-color: white;
  }
  
  #slaid4:checked~.kadoves label[for="slaid4"] {
	background-color: white;
  }
  
  #slaid5:checked~.kadoves label[for="slaid5"] {
	background-color: white;
  }
  
  .adaptivny-slayder-lasekun {
	overflow: hidden;
	 
  }
  
  .abusteku-deagulus {
	display: flex;
	width: 100%;
	transition: all 0.5s;
  }
  
  .abusteku-deagulus img {
	width: 100%;
	flex-shrink:0;
	border-radius: 10px;
  }
  
  #slaid1:checked~adaptivny-slayder-lasekun abusteku-deagulus {
	transform: translate(0);
  }
  
  #slaid2:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
	transform: translateX(-100%);
  }
  
  #slaid3:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
	transform: translateX(-200%);
  }
  #slaid4:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
	transform: translateX(-300%);
  }
  
  #slaid5:checked~.adaptivny-slayder-lasekun .abusteku-deagulus {
	transform: translateX(-400%);
  }