@font-face {
    font-family: 'Eurostile';
    src: url('/lib/fonts/eurosti-webfont.eot');
    src: url('/lib/fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
        url('/lib/fonts/eurosti-webfont.woff') format('woff'),
        url('/lib/fonts/eurosti-webfont.ttf') format('truetype'),
        url('/lib/fonts/eurosti-webfont.svg#Eurostile') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Eurostile';
    src: url('/lib/fonts/eurostib-webfont.eot');
    src: url('/lib/fonts/eurostib-webfont.eot?#iefix') format('embedded-opentype'),
        url('/lib/fonts/eurostib-webfont.woff') format('woff'),
        url('/lib/fonts/eurostib-webfont.ttf') format('truetype'),
        url('/lib/fonts/eurostib-webfont.svg#EurostileBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'EurostileX';
    src: url('/lib/fonts/eurostixb-webfont.eot');
    src: url('/lib/fonts/eurostixb-webfont.eot?#iefix') format('embedded-opentype'),
        url('/lib/fonts/eurostixb-webfont.woff') format('woff'),
        url('/lib/fonts/eurostixb-webfont.ttf') format('truetype'),
        url('/lib/fonts/eurostixb-webfont.svg#EurostileMN-ExtendedBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

html,body {
	margin: 0;
	padding: 0;
	font-family: Eurostile,"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size: 11px;
	color: #000000;
	background: #FFFFFF;
	min-width: 320px;
}
body { overflow-y: scroll; }
body>iframe { border: none; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

form { font-size: 15px; }
input[type=file]::-webkit-file-upload-button { display: none; }

.ftb { font-weight: bold; }
.ttn { text-transform: none; }

.cl_roug { color: #e0011c !important; }
.cl_rose { color: #ec95a0 !important; }
.cl_vert { color: #008734 !important; }
.cl_jaun { color: #FFC107 !important; }
.cl_gris { color: rgba(0,0,0,0.54) !important; }
.cl_gric { color: rgba(0,0,0,0.30) !important; }
.cl_blan { color: #ffffff !important; }

.wrp { position: relative; text-align: left; margin: auto; }
.sep { display: block; padding: 16px; }

header { width: 100%; height: 166px; background-color: #FFFFFF; padding-top: 15px; margin-bottom: 25px; box-sizing: border-box; position: relative; }
header .hdr_lgo { position: absolute; left: 0; }
header .hdr_lgo img { height: 90px; }
header .hdr_lgo img+img { display: none; }
header .hdr_fnd { position: absolute; top: 44px; left: 235px; width: calc(100% - 645px); height: 42px; }
header .hdr_fnd input, body .fnd { width: 100%; height: 42px; padding: 8px 16px; box-sizing: border-box; border: 1px solid #666; outline: none; font-size: 1.1em; }
header .hdr_fnd button { position: absolute; top: 0; right: -6px; }
header .hdr_fnd input.ng-empty~*, header .hdr_fnd input:not(:focus)~div:not(:hover) { display: none; }
header .hdr_acp { background: #fff; position: absolute; width: 100%; box-sizing: border-box; z-index: 9; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border-style: solid; border-width: 0 1px 1px; }
header .hdr_acp a { display: block; padding: 8px 16px; color: #000000; }
header .md-button.pub_btn { position: absolute; top: 44px; right: 270px; width: 120px; height: 42px; margin: 0; padding: 3px; box-shadow: none; border: 1px solid; }
header .mnu_rub { position: absolute; top: 102px; left: 0; right: 270px; height: 48px; overflow: hidden; }
header md-tabs .md-tab, header .mnu_rub a, .rub_btn { color: #000; padding: 10px 18px 3px; text-align: left; font-size: 17px; font-weight: bold; text-decoration: none; text-transform: uppercase; border-right: 1px solid rgba(0,0,0,0.12); border-left: 1px solid rgba(0,0,0,0.12); }
header .md-tab:before, .rub_btn:before { content: "ZOOM"; display: block; font-size: 13px; line-height: 11px; color: #1d181e; }
header .md-tab.md-active { color: #e30118; }
header .mnu_rub a.md-active { border-bottom: 2px solid rgb(255,149,162); }
header .mnu_rub a:active { background: rgba(255,124,139,0.3); border-bottom: 2px solid rgb(255,124,139); }
header .ann_fav { margin-top: 7px; display: flex; align-items: flex-end; }
header .ann_fav b { line-height: 17px; margin-right: 8px; }
header .ann_fav md-icon { color: inherit; }
header .mnu_top { position: absolute; right: 270px; font-size: 1.2em; z-index: 70; }
header .mnu_top a { color: #000; }
header .mnu_top input { position: absolute; visibility: hidden; opacity: 0; }
header .mnu_cpt { width: 300px; transition: all 0.3s; outline: none; }
header .mnu_cpt>* { color: #1a151b; display: block; text-decoration: none; height: 32px; display: flex; align-items: center; transition: all 0.3s; }
header .mnu_cpt div, header .mnu_cpt>a:nth-last-child(-n+4) { border-top: 1px solid #ccc; }
header .mnu_cpt label { text-align: right; z-index: 1; position: relative; cursor: pointer; outline: none; color: #999; margin-left: auto; }
header .mnu_cpt:not(.opn) label { max-width: calc(100vw - 252px); }
header .mnu_cpt:not(.opn) label:hover { text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
header .mnu_cpt>*:not(:first-child) { margin-top: -48px; padding: 8px 12px; opacity: 0; transition: all 0.3s; }
header .mnu_cpt a:hover { background: #ccc; }
header .mnu_cpt b { font-size: 1.2em; color: #008734; }
header .mnu_cpt span { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
header .mnu_cpt .md-button.md-icon-button { margin-right: -8px; color: #1a151b; }
header .mnu_cpt label img { margin-left: 8px; height: 32px; }
header .mnu_cpt a img { margin-right: 8px; height: 32px; border-radius: 50%; }
.mnu_cpt.opn { box-shadow: 0 0 4px #999; margin: -8px; width: 324px; background: #fff; }
.mnu_cpt.opn>* { padding: 8px; color: #1a151b !important; }
.mnu_cpt.opn>*:not(:first-child) { margin-top: 0; opacity: 1; }
.mnu_cpt:not(.opn)>a { pointer-events: none; }
header .pub_hdr { position: absolute; right: 0; width: 250px; height: 250px; max-height: 250px; overflow: hidden; z-index: 5; }

.ctn_ban { margin-bottom: 16px; }

.ctn { background: linear-gradient(180deg,#fff,#eeeeee); padding-bottom: 30px; min-height: calc(100vh - 375px); }
.ctn_tit { padding: 8px 16px; margin-top: 36px; background: linear-gradient(rgb(97, 47, 47),rgb(130, 53, 53)); color: #fff; font-size: 1.8em; font-weight: bold; text-transform: uppercase; }
.ctn_nor { font-size: 1.4em; font-family: "Trebuchet MS"; }
.ctn_pad { padding: 10px 16px; }
.dlg_tit { margin: 0; padding: 8px 16px; background: linear-gradient(rgb(97, 47, 47),rgb(130, 53, 53)); color: #fff; font-size: 1.5em; font-weight: bold; }

.ctn+.pub_hdr { display: flex; justify-content: center; margin: 8px 0; }
.ctn+.pub_hdr img { width: calc(100vw - 46px); min-width: 250px; height: auto; }

.sel_ftr { font-size: 0.8em; }

footer { width: 100%; background: #eeeeee; color: #939598; text-align: center; padding: 20px 0; }
footer p { text-align: center; margin-top: 15px; }
footer div { text-align: center; margin-top: 8px; }
footer ul { margin: 0; padding: 0; text-align: center; }
footer ul a { color: #939598; font-size: 13px; }
footer li { list-style-type: none; display: inline-block; padding: 0 15px; border-right: 1px solid black; }
footer li:last-child { border-right: none; }

.bck_top { position: fixed; right: 16px; bottom: 24px; }
body:not(.scr) .bck_top { display: none; }

.cok { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; box-shadow: 0 0 5px; padding: 8px 16px; z-index: 99999; }
.cok p { margin: 0; }
.cok a { float: right; display: block; padding: 8px; font-size: 1.5em; background: #e2001a; color: #fff; z-index: 1; position: relative; }

.abo_pop { position: fixed; bottom: 0; left: calc(50% - 515px); width: 1030px; max-width: 100vw; box-sizing: border-box; background: #fff; color: #333; box-shadow: 0 0 5px; padding: 16px; z-index: 99998; display: flex; align-items: center; font-size: 1.5em; }
.abo_pop span { flex: 1; text-align: center; }
.abo_pop a { padding: 4px 8px; }
.abo_pop a.ftb { font-size: 1.1em; background: #e0011c; color: #fff; }

.ann_sid { margin-right: 20px; min-width: 220px; width: 220px; font-size: 1.5em; line-height: 1.4em; background: transparent; bottom: unset; }
.ann_sid:not(.md-locked-open) { margin-left: -3%; }
body.rub md-backdrop.md-opaque { background: transparent; }
.ann_sid md-input-container { margin: 0; min-height: 58px; }
.ann_sid_hdr { background: linear-gradient(black,red); padding: 16px 0; }
.ann_cat { margin-top: 4px; }
.ann_cat:first-child { margin-bottom: 14px; }
.ann_cat a { display: block; padding: 0 19px; color: #fff; cursor: pointer; }
.ann_cat.ng-scope a:first-child { text-transform: uppercase; }
.ann_cat a.ann_sct { padding-left: 32px; background: rgba(255,255,255,0.25); }
.ann_cat a.sel { background: #e0001b; }
.ann_sid_det { padding: 0 16px; font-size: 0.8em; }
.ann_sid_det>div:first-child { margin-top: 32px; }
.ann_sid_det .fnd { width: calc(100% + 32px); padding: 8px 16px; margin: -8px -16px 24px; box-sizing: border-box; border: 1px solid #666; outline: none; }
.ann_sid_det md-select .md-select-value.md-select-placeholder { color: rgba(0,0,0,0.87); }
.ann_sid_det md-datepicker { margin: 0 0 0 -16px; }
.ann_sid_det .md-datepicker-input { min-width: 72px; max-width: 72px; }
.ann_sid_det .md-icon-button+.md-datepicker-input-container { margin-left: 0; }
.ann_hdr { width: 100%; margin: 0 0 16px; }
.ann_hdr md-select { margin: 0; }
.ann_lst { display: flex; flex-wrap: wrap; margin: 10px -20px -20px 0; font-size: 11px; }
.ann_lst>div { flex: 1; min-width: 196px; max-width: 196px; min-height: 196px; margin-right: 20px; margin-bottom: 20px; background: #fff; overflow: hidden; box-shadow: 0 0 2px #777, 0 0 0 #ccc; position: relative; transition: transform 0.3s, box-shadow 0.3s; }
.ann_lst>div.new:before { content: ''; position: absolute; right: 0; border: 12px solid red; border-left: 12px solid transparent; border-bottom: 12px solid transparent; }
.ann_lst>div agc-tag[agc="35"] { position: absolute; left: 8px; top: 8px; width: 62px; height: 40px; background: url(../img/eqconews-tag.png) center/contain; }
.ann_lst>div parution { position: absolute; right: 0; top: 0; background: #fff; padding: 5px 4px 3px 0; font-size: 14px; border-bottom: 1px solid; z-index: 1; }
.ann_lst>div parution:before { content: ''; position: absolute; top: 0; left: -12px; width: 88px; height: calc(100% + 1px); background: red; transform: skewX(45deg); }
.ann_lst>div parution b { position: relative; margin-right: 16px; color: #fff; }
.ann_lst>div parution b md-icon { display: inline-block; margin: -9px 4px -4px 0; }
.ann_lst>div a { text-decoration: none; color: #333; }
.ann_lst>div figure { position: relative; width: 196px; height: 196px; background:url(../img/img.svg) center no-repeat #ddd; background-size: cover; margin: 0; }
.ann_lst>div figure b { position: absolute; bottom: 8px; right: 8px; padding: 2px 4px 0 2px; background: rgba(0,0,0,0.3); color: #fff; border-radius: 8px; font-size: 1.4em; }
.ann_lst>div figure b md-icon { transform: scale(0.7); }
.ann_lst>div div { padding: 0 8px 8px; font-size: 1.1em; line-height: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ann_lst>div a>div { font-size: 1.4em; font-weight: bold; }
.ann_lst>div div a { color: #e0001b; }
.ann_lst>div div time { color: #999; }
.ann_lst>div .fav, .ann_lst>div badge { position: absolute; right: -8px; bottom: -4px; color: #777; }
.ann_lst>div badge { border-radius: 8px; background: #e0011c; color: #fff; text-align: center; font-size: 1.6em; font-weight: bold; line-height: 22px; width: 28px; height: 22px; padding: 4px 0; margin: 4px 10px; }
.ann_lst det { display: none; position: absolute; top: 100px; left: 210px; width: calc(100% - 330px); border-bottom: 1px solid #eee; table-layout: fixed; }
.ann_lst det-itm { display: table-row; font-size: 12px; }
.ann_lst det-itm>* { display: table-cell; padding: 2px 16px 2px 0; border-top: 1px solid #eee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ann_lst det big { display: -webkit-box; max-height: 75px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.ann_lst det-tit { color: #777; width: 92px; }
.ann_lst rem { position: absolute; left: 14px; top: 14px; font-size: 2em; font-weight: bold; color: #fff; text-shadow: -1px -1px 1px #e30118, 1px 1px 1px #e30118; }
.ann_lst>div.vue_grd figure { width: 100%; height: auto; padding-top: 100%; }
.ann_lst>div.vue_grd a>div { padding: 8px; }
.ann_lst>div.vue_lst { min-width: calc(100% - 20px); max-width: calc(100% - 20px); min-height: 150px; }
.ann_lst>div.vue_lst a div { position: absolute; max-height: 48px; top: 26px; left: 204px; right: 0; font-size: 1.8em; line-height: 1; white-space: normal; }
.ann_lst>div.vue_lst>div { position: absolute; top: 8px; left: 204px; }
.ann_lst>div.vue_lst>parution+a>div, .ann_lst>div.vue_lst>parution+a+div { margin-top: 44px; }
.ann_lst>div.vue_lst det { display: table; }
.ann_lst>div.vue_grd:hover, .ann_lst>div.vue_lst:hover { box-shadow: 0 0 1px #777, 0 0 10px #ccc; /*transform: scale(1.01);*/ }
.ann_lst>pub { display: block; min-width: calc(100% - 20px); max-width: calc(100% - 20px); height: 90px; margin-right: 20px; margin-bottom: 20px; text-align: center; }
.ann_lst>div.vue_grd+pub { display: none; }
.ann_lst>pub div { margin: auto; }
.ann_act>div div { padding-right: 48px; }
.ann_sel { margin-bottom: 8px !important; }
.ann_sel>div { box-shadow: none; min-width: 161px; max-width: 161px; min-height: 116px; }
.ann_sel>div figure { width: 161px; height: 97px; }
.ann_sel>div a div { padding-top: 3px; }
.ann_sel>div.pmo { background-color: #FFC107; }
.ann_sel>div.pmo a { color: #e30118; }
.ann_agd { align-items: center; max-height: 1020px; }
.ann_agd>div { max-width: 250px; min-height: 190px; background: transparent; box-shadow: none; }
.ann_agd>div figure { width: 250px; height: 150px; border-radius: 16px; }
.ann_agd>div div { padding: 0; }
.ann_agd>div a div { color: #fff; padding: 8px 0 0; line-height: 1.2; }
.ann_agd>div div a { color: rgba(255,255,255,0.8); }
.ann_agd>div md-icon { transform: scale(0.7); transform-origin: top left; margin-top: -3px; }
.ann_agd>div small { font-size: 0.8em; }
.ann_nws>div { min-width: 334px; max-width: 334px; background-color: transparent; box-shadow: none; margin-right: 12px; margin-bottom: 12px; }
.ann_nws>div figure { height: 230px; width: 334px; background-color: #000; }
.ann_nws>div>a>div { position: absolute; width: 100%; box-sizing: border-box; bottom: 20px; padding: 16px 8px 6px; background: linear-gradient(transparent,rgba(0,0,0,0.5)); color: #fff; text-shadow: 0 0 3px black, 0 0 3px black; overflow: visible; white-space: normal; font-size: 1.8em; line-height: 1 }
.ann_nws>div>a>div>span { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.ann_nws>div>a>cat { position: absolute; top: 0; right: 8px; color: #e0001b; font-size: 1.7em; font-weight: bold; text-shadow: 0 0 1px white, 0 0 2px white, 0 0 2px white; line-height: 32px; }
.ann_nws>div div { padding: 8px 8px 1px; }
.ann_nws>div div a { color: #EE8370; }

/* Rubrique ACTUS */
.ann_lst[rub="7"]>div { box-shadow: none; }
.ann_lst[rub="7"]>div.vue_grd a>div { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 39px; padding: 8px 8px 0; margin: 0 0 8px; white-space: normal; }


.ann_sld { flex-wrap: nowrap; margin: -2px; padding: 2px; overflow: hidden; overflow-anchor: none; }
.ann_sld:not([vert]) { /*-webkit-mask-image: linear-gradient(90deg,#fff 90%,transparent); mask-image: linear-gradient(90deg,#fff 90%,transparent);*/ }
.ann_sld:not([vert])>div { margin: 0 12px 0 0; }
.ann_sld[vert] { /*-webkit-mask-image: linear-gradient(180deg,#fff 90%,transparent); mask-image: linear-gradient(180deg,#fff 90%,transparent);*/ flex-direction: column; }
.ann_sld[vert]>div { margin: 0 0 18px 0; }

.ann_ari { margin: 0 0 16px; font-size: 1.4em; }
.ann_ari a { color: #333; }
.ann_ari a:not(:last-child) { text-transform: uppercase; }
.ann_ari a:not(:last-child):after { content: ''; display: inline-block; margin: 0 8px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #e0011c; }
.ann_tit { border-top: 3px solid #e0011c; border-bottom: 3px solid #e0011c; margin-bottom: 16px; }
.ann_tit h2 { margin: 8px 0; }
.ann_tit h2:last-child { font-family: EurostileX; text-align: right; }
.ann_tit rem { color: #e0011c; }
.ann_tit rem+span { text-decoration: line-through #e0011c; float: left; order: -1; }
.ann_tit rem+span:not(:empty) { margin-right: 16px; }
.ann_aff { min-width: 50%; }
.ann_aff rem { position: absolute; color: #fff; padding: 8px 16px; font-size: 4em; font-weight: bold; text-shadow: -1px -1px 1px #e0011c, 1px 1px 1px #e0011c; z-index: 1; }
.ann_aff h2 { margin: 22px 0; }
.ann_aff md-content { margin-top: 8px; box-shadow: 0 0 5px #ddd; font-size: 1.4em; }
.ann_aff .ann_det>div { margin-bottom: 4px; padding-top: 4px; border-top: 1px solid #ddd; }
.ann_aff .ann_det>div:last-child { padding-bottom: 4px; border-bottom: 1px solid #ddd; }
.ann_aff .ann_det>div>small { text-align: right; color: #777; padding-right: 12px; }
.ann_aff .ann_det>div>div { padding: 0 8px; word-break: break-word; }
.ann_aff .ann_det>div>div.det_blk { padding: 8px; background: linear-gradient(90deg,#eee,transparent); }
.ann_aff .ann_det>div>div>a>span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ann_aff .det_blk dl { margin: 0; display: flex; }
.ann_aff .det_blk dt { flex: 1; color: #999; font-size: 0.8em; }
.ann_aff .det_blk dd { flex: 2; }
.ann_ivd { background: url(../img/img.svg) center 25% no-repeat; background-size: auto 75%; min-height: 200px; }
.ann_img { position: relative; overflow: hidden; }
.ann_img .img_big { overflow: hidden; white-space: nowrap; font-size: 0; }
.ann_img .img_big:empty { padding: 30%; }
.ann_img .img_big>div { display: inline-block; width: 100%; }
.ann_img .img_big i { transition: all 0.3s; }
.ann_img .img_big img { width: 100%; cursor: url("/lib/Intense/plus_cursor.png") 25 25, auto; background: #fff; }
.ann_img .img_big legend { position: absolute; max-width: 100%; width: 100%; bottom: 0; box-sizing: border-box; transition: all 0.3s; background: linear-gradient(90deg, rgba(0,0,0,0.3) 80%, transparent); display: flex; align-items: flex-end; }
.ann_img .img_big legend span, .ann_img .img_big legend textarea { padding: 4px 8px; margin: 0px; border: 0px; outline: 0px; background: transparent; color: #fff; font-size: 16px; font-family: inherit; white-space: normal; }
.ann_img .img_big legend textarea { width: 100%; }
.ann_img .img_big button { position: absolute; margin-left: calc(50% - 28px - 36px); top: calc(50% - 12px); }
.ann_img .img_cnt { position: absolute; top: 8px; right: 8px; color: #fff; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 5px #000, 0 0 1px #000, 0 0 2px #000, 0 0 5px #000; font-size: 1.2em; }
.ann_img .img_thb { position: absolute; left: 0; right: 0; bottom: -58px; padding-left: 4px; white-space: nowrap; overflow: hidden; background: rgba(0,0,0,0.3); transition: all 0.3s; }
.ann_img .img_thb a { position: relative; display: inline-block; height: 50px; margin: 4px 4px 4px 0; cursor: pointer; }
.ann_img .img_thb a.sel { outline: 2px solid #e0011c; }
.ann_img .img_thb md-icon { position: absolute; width: 100%; height: 100%; line-height: 50px; background: rgba(255,255,255,0.3); color: #e0011c; text-align: center; }
.ann_img .img_thb img { height: 50px; }
.ann_img>a { position: absolute; height: 48px; top: calc(50% - 24px); padding: 0 6px; background: rgba(0,0,0,0.3); display: flex; text-decoration: none; user-select: none; }
.ann_img>a:first-of-type { left: 0; }
.ann_img>a:last-of-type { right: 0; }
.ann_img>a md-icon { color: #fff; }
.ann_img>button { position: absolute; margin-left: calc(50% - 28px + 36px); top: calc(50% - 12px); }
.ann_img.ann_ivd>button { margin-left: calc(100% - 56px); top: calc(100% - 97px); }
.ann_txt { font-size: 1.2em; line-height: 1.4; }
.ann_shr { min-height: 40px; }
.ann_inf { min-width: 45%; }
.ann_inf h2 { margin: 0 0 14px; text-align: right; }
.ann_inf md-content { box-shadow: 0 0 5px #ddd; margin: 8px 0; }
.ann_inf>md-list>md-list-item { border-bottom: 1px solid #ccc; }
.ann_inf>md-list>md-list-item>md-icon:first-child:not(.md-avatar-icon) { margin-top: 14px; margin-bottom: 14px; }
.ann_inf>md-list>md-list-item:not(.cl_roug) .md-button md-icon { color: rgba(0,0,0,0.54); }
.ann_dis { border-bottom: 1px solid #e0e0e0; }
.ann_dis img { width: 24px; border-radius: 50%; }
.ann_dis b { vertical-align: super; margin: 0 8px; font-size: 1.1em; }
.ann_dis md-tab-item { padding: 0; }
.ann_dis md-tab-item>div:first-child { padding: 12px 16px; /*background: linear-gradient(145deg, #fff 60%, rgba(255,255,255,0.05)) rgba(0,0,0,0.05);*/ }
.ann_dis md-tab-item>div.ntf { color: black; /*animation: bgc_ntf 1.8s infinite;*/ }
md-tabs.ann_dis md-ink-bar { color: red; }
.ann_mes { overflow-y: auto; max-height: 500px; }
.ann_mes md-list-item.md-2-line { min-height: 0; margin-bottom: 16px; }
.ann_mes md-list-item.md-2-line:before { display: none; }
.ann_mes md-list-item.md-2-line .md-list-item-text { margin: auto  16px; padding: 4px 8px; background: #eee; border-radius: 6px; }
.ann_mes md-list-item.md-2-line .md-list-item-text p { font-size: 0.8em; }
.ann_mes md-list-item.md-2-line .md-list-item-text h3 { white-space: pre-wrap; }
.ann_mes md-list-item.md-2-line:not(.own)>a:first-of-type { display: none; }
.ann_mes md-list-item.md-2-line:not(.own) .md-list-item-text { text-align: right; background: #ec95a0; }
.ann_mes md-list-item.md-2-line:not(.own) .md-list-item-text h3 { color: #fff; }

cmt-box { position: relative; font-size: 1.4rem; }
.cmt_lck { position: absolute; left: 0; right: 0; top: 56px; padding: 20px; background: inherit; opacity: 0; }
.cmt_lck:hover { opacity: 1; }
md-list.cmt_lst md-list-item.md-3-line .md-list-item-text p { color: inherit; }
md-list.cmt_lst md-list-item.md-3-line .md-list-item-text div { white-space: pre-line; }
.cmt_lst md-list-item:not(:hover) p a { display: none; }

.dep_frm md-input-container { margin: 8px 0 0; min-height: 54px; }
.dep_frm md-input-container .md-input-messages-animation { text-align: right; }
.dep_frm input::-webkit-outer-spin-button, .dep_frm input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.dep_frm .typ_btn { font-size: 1.1em; }

.pfl_onl img { animation: pfl_onl 1.8s infinite; }

.pfl_lst { display: flex; flex-wrap: wrap; justify-content: space-between; }
.pfl_lst a { display: flex; align-items: flex-end; width: 200px; height: 200px; background-position: center; background-size: cover; margin-bottom: 16px; box-shadow: 0 0 2px #999; }
.pfl_lst a:hover { text-decoration: none; box-shadow: 0 0 10px #999; }
.pfl_lst a span { padding: 10px; background: rgba(0,0,0,0.5); color: #fff; }

.pfl_top { text-align: center; margin-top: 16px; }
.pfl_hdr>div:first-child { margin: 0 48px 0 0; }
.pfl_hdr .md-button { margin: 0; font-size: 1.75em; }
.pfl_avt { border-radius: 16px; margin: 0 0 32px; width: 220px; height: 220px; }
.pfl_tri { position: relative; border-style: solid; border-width: 34px 157px 0 157px; border-color: transparent; }
.pfl_tp1 .pfl_tri { border-top-color: #edb49e; }
.pfl_tp2 .pfl_tri { border-top-color: #c4161c; }
.pfl_tri div { position: absolute; color: #fff; left: -117px; right: -117px; top: -28px; font-size: 1.4em; }
.pfl_crd>div { margin-top: 16px; font-size: 1.2em; }
.pfl_crd>div b { font-size: 1.2em; color: #777; }
.pfl_cdv { font-size: 1.6em; }
.pfl_psd { font-family: EurostileX; font-size: 2.4em; margin: 0 0 4px; }
.pfl_tp1 .pfl_psd { color: #d9755b; }
.pfl_tp2 .pfl_psd { color: #e0011c; }
.pfl_met { font-size: 1.5em; color: #888; font-weight: bold; }
.pfl_img { position: relative; background: center/cover; }
.pfl .pfl_img { padding-top: 33%; }
.pfl_img>img { display: block; width: 100%; }
.pfl_img>div { position: absolute; top: 0; padding: 16px; color: #fff; text-shadow: 0 0 2px #000; font-size: 2em; }
.pfl_dsc { margin: 16px 0 0; font-size: 1.5em; }
.pfl_dsc p { margin: 0 0 1em; }
.pfl_adr { border: 1px solid rgba(0,0,0,0.12); color: #777; text-align: center; padding: 8px; margin: 32px 0; font-size: 1.5em; }
.pfl_adr>b:first-child { font-size: 0.8em; color: #000; }
.pfl_mnu a { padding: 8px 50px; color: #fff; font-size: 1.5em; letter-spacing: 1px; text-align: center; }
.pfl_tp1 .pfl_mnu a { background: #edb49e; }
.pfl_tp2 .pfl_mnu a { background: #c4161c; }

.alb_lst a { padding: 8px; margin-top: 16px; color: #555; border: 2px solid; }
.alb_lst a:hover { text-decoration: none; box-shadow: 0 0 10px #999; }

.acc .bgc { background: linear-gradient(black,#d11118,#ca1512,black); color: #fff; }
.acc header, .acc .ctn, .acc footer { background: transparent; }
body.acc .ctn, body.acc .ctn h2, body.acc footer, body.acc footer a, .acc header .mnu_top a { color: #fff; }
.acc header .mnu_rub a { color: #ccc; border-right: 1px solid rgba(255,255,255,0.5); border-left: 1px solid rgba(255,255,255,0.5); }
.acc header .mnu_rub a:before { color: #999; }
.acc header .hdr_lgo img:first-of-type { display: none; }
.acc header .hdr_lgo img+img { display: block; }
.acc h1 { font-family: Eurostile, sans-serif; text-shadow: 1px 1px 4px rgba(0,0,0,1); font-size: 2em; margin: 0.5em 0; }
.acc h2 { font-family: sans-serif; text-shadow: 1px 1px 4px rgba(0,0,0,1); }

.cpt_mnu { padding-top: 16px; }
.cpt_mnu div { padding: 5px 10px; margin: 0 0 8px 20px; border: 1px solid; border-radius: 4px; font-size: 16px; }
.cpt_mnu a { padding: 5px 20px; font-size: 1.4em; }
.cpt_mnu a.sel { font-weight: bold; color: #e0011c; }
.cpt_ctn { padding: 20px 20px 20px 0; font-size: 1.4em; }
.cpt_ctn .cuz_btn { min-width: 150px; padding: 16px; line-height: 1.3; background-color: #fff; }
.cpt_ctn .cuz_btn md-icon { font-size: 48px; height: 48px; width: 48px; margin: 0 0 8px; }
.cpt_ctn table.alt { width: 100%; border-collapse: collapse; font-size: 0.9em; }
.cpt_ctn table.alt tr:nth-child(odd) { background: #eee; }
.cpt_ctn table.alt tr:first-child { background: #fff; border-top: 1px solid; border-bottom: 1px solid; }
.cpt_ctn table.alt td, .cpt_ctn table.alt th { padding: 4px; }
.cpt_ctn .ntf_aff { padding: 16px; border: 1px solid #ccc; }
.cpt_ctn .ctn_flt { margin: 0 16px 26px 0; }
.cpt_ctn .ann_lst>div.vue_lst { min-height: 90px; }
.cpt_ctn .ann_lst>div.vue_lst a div, .cpt_ctn .ann_lst>div.vue_lst>div { left: 155px; }
.cpt_ctn .ann_lst>div.vue_grd { min-width: 150px; max-width: 150px; min-height: 120px; }
.cpt_ctn .ann_lst>div.vue_grd>div { padding: 4px 8px 8px; }
.cpt_ctn .ann_lst>div.vue_lst figure { width: 150px; height: 90px; }
.cpt_ctn .ann_lst>div.vue_grd figure { padding-top: 60%; }
.cpt_ctn .cpt_avt { width: 64px; height: 64px; margin-right: 16px }
.cpt_ctn .pfl_img { width: 130px; height: 130px; background: center; background-size: cover; position: relative; overflow: hidden; }
.cpt_ctn .pfl_img img { width: 100%; height: 100%; }
.cpt_ctn .pfl_img.img_avt { background-image: url(img/unknow-user.png); border-radius: 10%; }
.cpt_ctn .pfl_img.img_img { background-image: url(img/unknow-user.png); width: 100%; height: 250px; }
.cpt_ctn .pfl_img input { position: absolute; visibility: hidden; }
.cpt_ctn .pfl_img button { position: absolute; bottom: 6px; right: 0; }
.cpt_ctn .pfl_img:not(:hover) button { opacity: 0; }
.cpt_pfc md-input-container { height: 30px; margin: 16px 0; }
.cpt_pfc md-divider { border-top-width: 4px; }
.cpt_ctn form md-input-container { margin-bottom: 0; }
.cpt_ctn .alb_phl { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); grid-row-gap: 12px; }
.cpt_ctn .alb_phl>div { width: 130px; height: 130px; border-radius: 4px; box-shadow: inset 0px 56px 20px rgb(255 255 255 / 70%); }
.cpt_ctn .alb_img { border-radius: 4px; border: 1px solid red; background: #f3c0c6; box-sizing: border-box; }
.cpt_ctn .alb_img button { bottom: 0; width: calc(100% - 12px); height: 100%; opacity: 1 !important; }

.cuz_dlg { max-width: 380px; }
.cuz_dlg .pay_img { max-width: 100%; margin-top: 48px; }
.cuz_dlg form input, .cuz_dlg form button, .cuz_dlg #paypal-button { margin: 6px 0; }
.cuz_dlg form input { padding: 8px; }
.cuz_dlg md-icon, .cuz_dlg md-progress-circular { margin: 0 16px 0 0; font-size: 36px; min-width: 36px; height: 36px; }
.cuz_dlg form+div div+div { margin-top: 16px; }

.abo_lst { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); grid-gap: 24px; padding: 24px 0 0; }
.abo_lst a { min-width: 96px; display: flex; flex-direction: column; font-size: 0.8em; transition: 0.3s; }
.abo_lst a:hover { text-decoration: none; transform: scale(1.02); }
.abo_lst a b { font-size: 1.8rem; }

.fnd_box { border: 3px solid red; padding: 16px 116px 32px; margin-top: 120px; min-height: 400px; }
.fnd_box .ann_hdr { position: absolute; margin: -72px 0 64px -93px; }

.err_mes, .cnf_mes { padding: 16px; border: 3px solid; border-radius: 8px; margin-top: 32px; font-size: 1.2em; font-weight: bold; }
.err_mes { /*background: #ffc2c9;*/ color: #e2001a; }
.cnf_mes { /*background: #d1f0dd;*/ color: #008734; }

.bor_btm { border-bottom: 1px solid #ccc; }

.sharethis-inline-share-buttons { z-index: 0 !important; }

/*md-content { font-size: 1.4em; }*/
.md-subheader { background-color: transparent; }
.md-headline { font-size: 22px; }
md-tabs .md-tab, .md-button { text-transform: none; }
md-icon { color: inherit; }
.md-select-value md-icon, md-select-menu md-icon { font-size: 1.4em !important; }

.shw_640 { display: none; }

@media only screen and (min-width: 1350px){
	.wrp { width: 1300px; }
	.fnd_box .ann_hdr { margin-left: -118px !important; }
}
@media only screen and (min-width: 1070px) and (max-width: 1349px){
	.wrp { width: 1030px; }
	header md-tabs { left: 0; }
	.fnd_box { padding-left: 90px; padding-right: 90px; }
	.ann_lst>div.vue_grd { min-width: calc(25% - 20px); }
}
@media only screen and (min-width: 961px){
	.cpt_ctn .cel_146 { width: 146px; }
	.ann_tit h2:last-child { margin-left: 2em; }
	.cpt_mnu { width: 200px; }
}
@media only screen and (min-width: 940px){
	.ann_lst>div.vue_lst figure { background-size: contain; }
}
@media only screen and (min-width: 851px){
	.ctn+.pub_hdr { display: none; }
	.ann_tit, .ctn_tit, .ctn_ban { margin-right: 270px; }
	.pfa_shr { transform: translateY(35px); padding-right: 250px; }
	.acc section h1 { margin-bottom: 2em; }
}
@media only screen and (min-width: 600px){
	.ann_img:hover .img_thb { bottom: 0; }
	.ann_img:hover .img_big legend { bottom: 58px; }
    .ctn+.pub_hdr img { max-width: 334px; }
}
@media only screen and (max-width: 1069px){
	.wrp { width: 94%; }
	header input { width: calc(100% - 235px); }
	header md-tabs { left: 0; right: 0; }
	header md-tabs .md-tab, header .mnu_rub a, .rub_btn { /*padding: 10px calc(7% - 25px) 3px; font-size: 14px;*/ }
	.fnd_box { padding-left: 16px; padding-right: 16px; }
	.fnd_box .ann_hdr { margin-left: -20px; }
	.ann_lst>pub { display: none; }
	.ann_lst>div.vue_grd { min-width: 140px; }
	.abo_pop { left: 0; flex-direction: column; }
}
@media only screen and (max-width: 960px){
    header md-tabs .md-tab, header .mnu_rub a, .rub_btn { padding: 10px 8px 3px; }
    .ann_nws { justify-content: center; }
	.ann_tit h2 { text-align: center; }
	.ann_tit h2:last-child { margin-top: -6px; display: flex; justify-content: center; }
	.cpt_ctn { padding-left: 20px; }
	/*.img_avt { position: absolute !important; right: -32px; top: 90px; }*/
	.pfl_hdr>div:first-child { margin: 0 auto 48px; }
	/*.pfl_img { padding-top: 70%; }*/
}
@media only screen and (max-width: 850px){
	header .mnu_top, header .md-button.pub_btn, header .mnu_rub { right: 0; }
	header .pub_hdr { display: none; }
	header .hdr_fnd { width: calc(100% - 375px); }
	.fnd_box { margin-top: 72px; }
	.ctn_ban { margin-top: 48px; }
}
@media only screen and (max-width: 639px){
	.flx_640_col { flex-direction: column; }
	.hid_640 { display: none; }
	.shw_640 { display: unset; }
	header { height: 210px; }
	header .hdr_fnd { top: 100px; left: 0; width: 100%; }
	header .mnu_rub { top: 160px; }
    header md-tabs .md-tab, header .mnu_rub a, .rub_btn { padding: 0 12px; }
    body:not(.rub) header .md-tab:before, body:not(.rub) .rub_btn:before { content: none; }
	.ann_lst>div.vue_lst figure { max-width: 30%; }
	.ann_lst>div.vue_lst a div, .ann_lst>div.vue_lst>div { left: calc(33% - 8px); }
	.ann_lst>div.vue_lst det { left: 33%; width: calc(67% - 8px); }
	.acc .ann_lst { margin-left: 0; margin-right: 0; }
	.acc .ann_nws>div { min-width: calc(100% - 16px); max-width: calc(100% - 16px); margin-right: 0; }
	.acc .ann_nws>div figure { width: 100%; }
	.acc .ann_agd { max-height: 1242px; }
	.pfl_top, .pfl_crd>div { text-align: center; }
}
@media only screen and (max-width: 599px){
	.ann_sid { box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); }
	header .md-button.pub_btn { width: 100px; }
}

@keyframes pfl_onl
{
  0%   { box-shadow: 0 0 5px 1px green; }
  50%  { box-shadow: 0 0 10px 1px green; }
  100% { box-shadow: 0 0 5px 1px green; }
}

@keyframes bgc_ntf
{
  0%   {background-color: rgba(0,0,0,0.05)}
  50%  {background-color: rgba(255, 0, 0, 0.3);}
  100% {background-color: rgba(0,0,0,0.05)}
}