/*.col-a {width:652px}*/

.olymplist {position:relative; overflow:hidden; margin:-20px -15px 2em; padding:0 1.5em; border-top:1.5em solid transparent; background:#EFF3F9}
.dark .olymplist {background-color:#263238}
.olymplist:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#E8B332}
.olymplist-nav .ico-prev, .olymplist-nav .ico-next {position:absolute; bottom:1px; z-index:4; width:3em; height:100%; background:url('/u/icon/137/arrow1-right.svg') no-repeat 50% 50% / 2em 2em, linear-gradient(90deg, rgba(239,243,249,0) 0%, #EFF3F9 100%); cursor:pointer}
.olymplist-nav .ico-prev {left:0; transform:rotate(180deg)}
.olymplist-nav .ico-next {right:0}
.dark .olymplist-nav .ico-prev, .dark .olymplist-nav .ico-next {background:url('/u/icon/fff/arrow1-right.svg') no-repeat 50% 50% / 2em 2em, linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 100%);}
.olymplist ul {display:flex; clear:both; width:10000% !important; min-height:1em; list-style:none; overflow:visible}
.olymplist li {float:left; display:block; width:10em; margin:0 4px 1px 0}
.olymplist li.act {position:relative; z-index:3}
.olymplist li a {position:relative; display:block; width:100%; height:100%; padding:1em 1em .5em; border:1px solid transparent; border-radius:6px 6px 0 0; text-align:center; text-decoration:none; color:#102447; background:#FFF; opacity:.8; box-sizing:border-box}
.olymplist li a:hover {opacity:1}
.olymplist li a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2}
.olymplist li.act a {position:relative; border-color:#E8B332; border-bottom-color:#FFF; opacity:1; box-shadow:0 .25em 1em 0 rgba(0,0,0,0.16)}
.olymplist li.act a:after {content:''; position:absolute; top:100%; left:0; z-index:1; width:100%; height:5px; margin-top:-1px; background:#FFF}
.dark .olymplist li a, .dark .olymplist li.act a:after {color:#000; background:#FFF}
.olymplist li u {position:relative; display:block; width:100%; height:0; margin:0 0 .5em; padding:4.5em 0 0; background:transparent no-repeat 50% 50%; background-size:contain}
.olymplist h3 {font-weight:600; font-size:87.5%; font-family:inherit; text-transform:none}
.olymplist p {line-height:1.4; font-size:62.5%; color:#546E7A}
.olymplist .actual {display:inline-block; margin:4px auto 0; padding:.1em .5em; border-radius:2px; font-weight:800; font-size:75%; line-height:1.2; text-transform:uppercase; color:#FFF; background:#E8B332}
.olymplist .medal {display:inline-block; margin:4px auto 0; padding:0 0 0 1.4em; background:url('/u/icon/233/medal.svg') no-repeat 0 50% / 1em 1em; font-size:75%; color:#263238}
#wrapper .olymplist {margin:-1em -1em 1em; padding:0; border-top-width:1em}
#wrapper .olymplist-nav .ico-prev, #wrapper .olymplist-nav .ico-next {font-size:75%}
#wrapper .olymplist li {font-size:80%}

h1.list-tit2 {margin-bottom:.25rem; font-size:225%; line-height:1.2; text-transform:uppercase; color:inherit}
#wrapper h1.list-tit2 {font-size:175%}

.taglist {overflow:hidden; margin:0 0 .5em 10px}
.taglist li {float:left; display:block; margin:0 .25em .5em 0}
.taglist a {position:relative; overflow:hidden; display:block; width:auto; height:auto; padding:4px 7px; border:1px solid #cfd8dc; border-radius:3px; font-weight:600; font-size:87.5%; line-height:1.6; color:#102447; background:#FFF; box-sizing:border-box}
.taglist a:hover {text-decoration:none; background:#ECEFF1}
.dark .taglist a {border-color:#37474F; color:#FFF; background-color:#000}
#wrapper .taglist {margin:0 0 .5em}

.list-art-menu {margin-top:1rem; margin-bottom:1rem}

.group {clear:both; margin:0 0 1px 10px}
.group:after {content:''; display:block; clear:both}
.group .art {position:relative; box-sizing:border-box}
.group .art-link {color:#102447}
.dark .group .art-link {color:#ECEFF1}
.group .art-img u, .group .art-img img {width:100%; height:100%}
#wrapper .group {margin:0 0 1em}
#wrapper .group .art-link {padding:0}

.opener-vidw {padding:0; color:#FFF; background:#102447}
.opener-vidw:after {display:none}
.opener-vidw .art-link {display:block; color:inherit}
.opener-vidw-group, .opener-vidw h3 {position:absolute; left:20px; bottom:20px; right:20px; z-index:3}
.opener-vidw .opener-vidw-group h3 {position:static}
.opener-vidw h4 {top:1em; left:20px; margin:0}
.opener-vidw h3 {margin:0; padding:0; font-weight:700; font-size:168.75%; text-shadow:0 0 20px rgba(38,50,56,.80)}
.opener-vidw .img-brisk {margin:0 0 .3em}
.opener-vidw .mark-video span {display:none}
.opener-vidw .art-img {float:none; position:static; display:block; width:100%; height:0; margin:0; padding:56.19% 0 0; background:none}
.opener-vidw .art-img:after {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; margin:0; background:linear-gradient(rgba(38,50,56,0) 50%, rgba(38,50,56,.6) 90%)}
.opener-vidw .art-img img, .opener-vidw .art-img u {position:absolute; top:0; left:0; bottom:0; right:0; transition:opacity .3s}
.opener-vidw .art-link:hover img, .opener-vidw .art-link:hover u {opacity:.8}
.opener-vidw .rub {position:absolute; top:1em; left:20px; z-index:5; height:2em; line-height:2; font-weight:700; font-size:112.5%}
.opener-vidw .rub a, .opener-vidw .rub a:hover {padding:0 1em; color:#FFF; background:rgba(0,0,0,.5)}
.opener-vidw .rub a:hover {background:rgba(0,0,0,.8)} 
#wrapper .opener-vidw h3 {font-size:131.25%}

.group-row2colum {clear:both}
.group-row2colum:after {content:''; display:block; clear:both}
.group-row2colum .art {float:left; width:calc(50% - 10px); min-height:117px; padding:0 0 1px 138px; border:0}
.group-row2colum .art ~ .art {margin-left:20px}
.group-row2colum .art h4 {position:static; height:auto; margin:0 0 .25em; line-height:1.375; font-weight:400; font-size:75%}
.group-row2colum .art h4 a {display:inline; padding:0; color:#678AC6; background:none}
.group-row2colum .art h3 {display:block; margin:0 0 0 -10px; padding:0 0 0 10px; font-size:100%}
.group-row2colum .art .art-img {position:absolute; top:0; left:0; z-index:1; width:128px; height:96px}
.group-row2colum .art .art-img u, .group-row2colum .art .art-img img {display:block; width:100%; height:100%}
#wrapper .group-row2colum .art {float:none; width:100%; min-height:96px; margin:1em 0}