@font-face {
    font-family: 'Certa Sans Medium';
    src: local('☺'), url('/fonts/Certa Sans Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
#video{
	display:flex;
	flex-wrap: wrap;
}

#video >div.s0{
	width:50%;
}


#key_add_news{
 
    margin:auto;
	width:70%;

    height:50px;
    border: none;
	font-size:15px;
    border-radius: 10px;
    text-decoration: none;
    color: white;
    background:#26B864;
    box-shadow: 0 5px 0 #268964;
	
	display:flex;
	justify-content:center;
	align-items:center;
	
	
}
 
 
#key_add_news:hover {
	cursor:pointer;
    background:  #268964;
    box-shadow: none;
    position: relative;
    top: 5px;
}

#docs2{  
	width:100%;
display:flex;
justify-content:center;
}

#docs2>div{
 
 max-width:400px;
 text-align:left;
}


#video >div.date{
	margin:20px 0;
	font-size:30px;
	width:100%;
	font-weight:900;
	text-align:center;
}


@media (max-width: 400px) {

#docs2>div{
 text-align:center;
}

#docs2>div>div{
display:flex;
flex-direction:column;
}

}

@media (max-width: 900px) {
#video >div.s0{
	width:98%;
}
}


#templatemo_logo{
width:380px;
	position:relative;
	overflow:hidden;
 
	text-align:center;
}

 

#all_review{
	display:flex;
	flex-wrap:wrap;
 
	justify-content: center;
	
}

#all_review > a>div{
 margin:10px;
 width: 350px;
    vertical-align: middle;
	display:flex;
	flex-direction:column;
	align-items:center;
    text-align:center;
	overflow:hidden;

}


#all_review > a>div img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
 
#all_review > a>div img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
 
 


#all_review .data{
	font-size:14pt;
	padding:15px 10px;
}

#all_review h2{
	
	font-size:14pt;	
}


#review p{
	font-size:12pt;
	text-align:justify;
}


.rev{
	   opacity: 0.6; /* Значение прозрачности */
    filter: alpha(Opacity=60); /* Прозрачность в IE */
background-color:#EF7F1B;	
 padding:10px 0 10px 0;
}
.rev a{
	
 color:#FFFFFF;
}
.rev:HOVER{
	cursor:pointer;
	   opacity: 1; /* Значение прозрачности */
    filter: alpha(Opacity=100); /* Прозрачность в IE */	
}

.rev h2,.rev p{
	
	color:#FFFFFF;
}

#templatemo_logo h2 span{
	margin:0;
	padding:-20px 0 0 0;
font-size:32px;	
top:-20px;
}
#templatemo_logo h2{
margin:30px 0 0 0;
z-index:500;
color:#000000;
font-weight:900;
 
float:right;
font-size:16px;
}

#templatemo_logo img{
	
	float:left;
margin: 4px 10px 2px 0px;
}
.pr{
    background-position: left; 
	background-repeat: no-repeat;
	padding:50px 0 20px 180px;
	margin:20px 0 20px 0;
    height:190px;
}

.pr h4{
 padding:0;
margin:0;
 }

.item{
margin:0;
padding:0;
 	 
}
 .item img{
	margin:auto; 
	 padding:0;
 }
 
 .carousel-caption p{
	   text-shadow: 1px 1px 2px black, 0 0 1em red; /* Параметры тени */
	  font-size:18px;
  }
  
.pr a,.pr a:HOVER{
color:#000000;	
	
} 

.years {
 
	background-color:#eeeeee;
  display: flex;
  justify-content: center; /* грамотно написано */
  gap: 15px; /* добавляет промежуток между элементами */
  flex-wrap: wrap; /* чтобы элементы переносились при нехватке места */
}

.years a{
	font-weight:900;
}

.years a.sel{
	color:#7BD827
}