
.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
 
.youtube .play {
    background: url('video_youtube/img/youtube-play-btn.png') no-repeat; /*ВАЖНО: чтобы здесь был правильно укажите путь до иконки youtube-play-btn.png*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
 
.youtube:hover .play {
    background-position: 0 0;
}
/*
@ Обрезаем текст с помощью css 
*/

.text 
{
	display: block; 
	overflow: hidden; 
	max-height:68px; 	
}

/*
@ Панелька у поста
*/

.right 
{
	text-align:right;	
}
@font-face {
font-family: 'font1';
src: url('style/font-family/16225.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font1{font-family:font1; font-size: 16px;}



@font-face {
font-family: 'font2';
src: url('style/font-family/16217.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font2{font-family:font2; font-size: 16px;}



@font-face {
font-family: 'font3';
src: url('style/font-family/15695.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font3{font-family:font3; font-size: 16px;}

@font-face {
font-family: 'font4';
src: url('style/font-family/15578.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font4{font-family:font4; font-size: 16px;}

@font-face {
font-family: 'font5';
src: url('style/font-family/15556.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font5{font-family:font5; font-size: 16px;}

@font-face {
font-family: 'font6';
src: url('style/font-family/15419.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font6{font-family:font6; font-size: 16px;}

@font-face {
font-family: 'font7';
src: url('style/font-family/15348.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font7{font-family:font7; font-size: 16px;}

@font-face {
font-family: 'font8';
src: url('style/font-family/14838.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font8{font-family:font8; font-size: 16px;}

@font-face {
font-family: 'font9';
src: url('style/font-family/16264.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font9{font-family:font9; font-size: 16px;}

@font-face {
font-family: 'font10';
src: url('style/font-family/15532.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font10{font-family:font10; font-size: 16px;}

@font-face {
font-family: 'font11';
src: url('style/font-family/15351.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font11{font-family:font11; font-size: 16px;}

@font-face {
font-family: 'font12';
src: url('style/font-family/15352.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font12{font-family:font12; font-size: 16px;}

@font-face {
font-family: 'font13';
src: url('style/font-family/18180.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font13{font-family:font13; font-size: 16px;}

@font-face {
font-family: 'font14';
src: url('style/font-family/18158.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font14{font-family:font14; font-size: 16px;}

@font-face {
font-family: 'font15';
src: url('style/font-family/18076.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font15{font-family:font15; font-size: 16px;}

@font-face {
font-family: 'font16';
src: url('style/font-family/18072.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font16{font-family:font16; font-size: 16px;}

@font-face {
font-family: 'font17';
src: url('style/font-family/18059.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font17{font-family:font17; font-size: 16px;}

@font-face {
font-family: 'font18';
src: url('style/font-family/17998.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font18{font-family:font18; font-size: 16px;}

@font-face {
font-family: 'font19';
src: url('style/font-family/17990.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font19{font-family:font19; font-size: 16px;}

@font-face {
font-family: 'font20';
src: url('style/font-family/17933.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font20{font-family:font20; font-size: 16px;}

@font-face {
font-family: 'font21';
src: url('style/font-family/128.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font21{font-family:font21; font-size: 16px;}

@font-face {
font-family: 'font22';
src: url('style/font-family/129.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font22{font-family:font22; font-size: 16px;}

@font-face {
font-family: 'font23';
src: url('style/font-family/104.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font23{font-family:font23; font-size: 16px;}

@font-face {
font-family: 'font24';
src: url('style/font-family/100.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font24{font-family:font24; font-size: 16px;}

@font-face {
font-family: 'font25';
src: url('style/font-family/91.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font25{font-family:font25; font-size: 16px;}

@font-face {
font-family: 'font26';
src: url('style/font-family/90.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font26{font-family:font26; font-size: 16px;}

@font-face {
font-family: 'font27';
src: url('style/font-family/17688.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font27{font-family:font27; font-size: 16px;}

@font-face {
font-family: 'font28';
src: url('style/font-family/17650.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font28{font-family:font28; font-size: 16px;}

@font-face {
font-family: 'font29';
src: url('style/font-family/17629.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font29{font-family:font29; font-size: 16px;}

@font-face {
font-family: 'font30';
src: url('style/font-family/17645.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font30{font-family:font30; font-size: 16px;}

@font-face {
font-family: 'font31';
src: url('style/font-family/17603.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font31{font-family:font31; font-size: 16px;}


@font-face {
font-family: 'font32';
src: url('style/font-family/17514.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font32{font-family:font32; font-size: 16px;}

@font-face {
font-family: 'font33';
src: url('style/font-family/17466.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font33{font-family:font33; font-size: 16px;}

@font-face {
font-family: 'font34';
src: url('style/font-family/17452.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font34{font-family:font34; font-size: 16px;}

@font-face {
font-family: 'font35';
src: url('style/font-family/17450.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font35{font-family:font35; font-size: 16px;}


@font-face {
font-family: 'font36';
src: url('style/font-family/17448.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font36{font-family:font36; font-size: 16px;}

@font-face {
font-family: 'font37';
src: url('style/font-family/17441.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font37{font-family:font37; font-size: 16px;}

@font-face {
font-family: 'font38';
src: url('style/font-family/17405.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font38{font-family:font38; font-size: 16px;}

@font-face {
font-family: 'font39';
src: url('style/font-family/17158.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font39{font-family:font39; font-size: 16px;}

@font-face {
font-family: 'font40';
src: url('style/font-family/16991.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font40{font-family:font40; font-size: 16px;}

@font-face {
font-family: 'font41';
src: url('style/font-family/16909.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font41{font-family:font41; font-size: 16px;}

@font-face {
font-family: 'font42';
src: url('style/font-family/16880.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font42{font-family:font42; font-size: 16px;}

@font-face {
font-family: 'font43';
src: url('style/font-family/16876.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font43{font-family:font43; font-size: 16px;}

@font-face {
font-family: 'font44';
src: url('style/font-family/16874.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font44{font-family:font44; font-size: 16px;}

@font-face {
font-family: 'font45';
src: url('style/font-family/16786.otf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font45{font-family:font45; font-size: 16px;}

@font-face {
font-family: 'font46';
src: url('style/font-family/16772.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font46{font-family:font46; font-size: 16px;}

@font-face {
font-family: 'font47';
src: url('style/font-family/16767.ttf');
font-style: normal;
font-weight: 400; 
font-display: swap;
}
.font47{font-family:font47; font-size: 16px;}

