@import url("https://fonts.googleapis.com/css?family=Merriweather");
html { -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block;  vertical-align: baseline;  }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit;  font: inherit;  margin: 0;  }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer;  }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 0;  }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield;  -moz-box-sizing: content-box; -webkit-box-sizing: content-box;  box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0;  padding: 0;  }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
@font-face { font-family: 'Din Pro'; font-weight: bold; font-style: normal; src: url("/static/fonts/dinpro/DINPro-Bold.eot"); src: url("/static/fonts/dinpro/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/dinpro/DINPro-Bold.ttf") format("truetype"), url("/static/fonts/dinpro/DINPro-Bold.svg") format("svg"); }
@font-face { font-family: 'DIN Pro'; src: url("/static/fonts/dinpro/DINPro.eot"); src: url("/static/fonts/dinpro/DINPro.eot?#iefix") format("embedded-opentype"), url("/static/fonts/dinpro/DINPro.ttf") format("truetype"), url("/static/fonts/dinpro/DINPro.svg?#iefix") format("svg"); font-weight: normal; font-style: normal; }
* { margin: 0; padding: 0; }
html, body { height: 100%; }
@media (max-width: 1023px) { html, body { height: auto; } }
html { font-size: 100.01%; }
body { font-size: 62.5%; }
.layout { height: auto !important; height: 100%; min-height: 100%; position: relative; min-width: 300px; overflow: hidden; }
.layout__background { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: url("/static/blocks/trend-mosul/cover/bg1.jpg") no-repeat 50% 0 fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.layout__wrapper { position: relative; z-index: 1; }
.layout__header { height: 160px; }
.header__wrapper { padding: 39px 45px 29px 12vw; }
@media (max-width: 1023px) { .header__wrapper { padding: 20px; } }
@media (max-width: 486px) { .header__wrapper { padding: 10px 10px 25px; } }
.header__logo { display: inline-block; text-decoration: none; font-family: 'Din Pro'; overflow: hidden; font-weight: bold; line-height: 59px; font-size: 52px; vertical-align: top; color: #A00000; margin-left: 250px; text-decoration: none; }
@media (max-width: 1023px) { .header__logo { width: 100%; text-align: center; margin-left: 0; } }
@media (max-width: 760px) { .header__logo { text-align: left; font-size: 40px; line-height: normal; } }
@media (max-width: 486px) { .header__logo { font-size: 30px; } }
.header__logo span { font-family: 'Din Pro'; font-weight: normal; }
.header__info { display: inline-block; vertical-align: top; text-align: right; width: 50%; float: right; font-size: 20px; line-height: 25px; font-family: 'Merriweather', serif; }
@media (max-width: 1023px) { .header__info { margin-top: -94px; font-size: 18px; } }
@media (max-width: 760px) { .header__info { margin-top: -74px; font-size: 14px; line-height: normal; } }
@media (max-width: 486px) { .header__info { margin-top: -55px; font-size: 11px; } }
.header__info strong { font-size: 60px; line-height: 75px; }
@media (max-width: 1023px) { .header__info strong { font-size: 50px; } }
@media (max-width: 760px) { .header__info strong { font-size: 40px; line-height: 63px; } }
@media (max-width: 486px) { .header__info strong { font-size: 32px; line-height: 52px; } }
.cover__media { position: relative; }
.cover__media_ratio { height: 0; width: 100%; padding-bottom: 56.25%; }
.cover__image { background-color: #fff; width: 100%; height: auto; display: block; }
.nav { white-space: nowrap; }
@media (max-width: 1023px) { .nav { display: table; width: 100%; } }
.nav .router-link-active { background-color: #730D11; }
.nav__item { list-style: none; color: #fff; display: inline-block; line-height: 1; font-family: 'Merriweather', serif; font-size: 20px; }
@media (max-width: 1023px) { .nav__item { display: table-cell; width: auto; text-align: center; font-size: 18px; line-height: normal; } }
@media (max-width: 684px) { .nav__item { font-size: 14px; } }
@media (max-width: 479px) { .nav__item { font-size: 12px; } }
.nav__item a { color: inherit; text-decoration: none; display: block; padding: 1em; }
@media (max-width: 1023px) { .nav__item a { padding: 10px; } }
@media (max-width: 486px) { .nav__item a { padding: 5px; } }
.nav__item a:hover { background-color: rgba(115, 13, 17, 0.8); transition: .5s ease-in-out; }
.childli { position: relative; padding: 34vh 0; width: 12.5%; }
@media (max-width: 1023px) { .childli { width: 70%; padding: 0; margin: 0 auto; } }
@media (max-width: 684px) { .childli { width: 100%; padding: 0; } }
.childli .listing__card { position: absolute; left: 0; width: 100%; height: 0; margin: 0; }
@media (max-width: 1480px) { .childli .listing__card { transform: scale(0.9); } }
@media (max-width: 1380px) { .childli .listing__card { transform: scale(0.8); } }
@media (max-width: 1290px) { .childli .listing__card { transform: scale(0.7); } }
@media (max-width: 1150px) { .childli .listing__card { transform: scale(0.6); } }
@media (max-width: 1023px) { .childli .listing__card { position: relative !important; width: 100% !important; left: auto !important; top: auto !important; bottom: auto !important; height: 0 !important; padding-bottom: 56.25% !important; transform: scale(1); } }
@media (min-height: 1100px) { .childli .listing__card { transform: scale(0.9); } }
@media (min-height: 1200px) { .childli .listing__card { transform: scale(0.8); } }
.childli:nth-child(8n+1) {  }
@media (min-width: 1023px) { .childli:nth-child(8n+1) { padding: 22vh 0; } }
.childli:nth-child(8n+1) .listing__card { left: 3vw; top: 11.5vh; width: 25.5vw; width: -moz-calc(32.8vh * 1.33); width: calc(32.8vh * 1.33); padding-bottom: 0; height: 32.8vh; z-index: 8; }
.childli:nth-child(8n+2) .listing__card { left: -4.5vw; top: 46vh; width: 17vw; width: -moz-calc(21.5vh * 1.33); width: calc(21.5vh * 1.33); padding-bottom: 0; height: 21.5vh; z-index: 7; }
@media (min-width: 1023px) { .childli:nth-child(8n+3) { padding: 14vh 0; } }
.childli:nth-child(8n+3) .listing__card { top: 5vh; left: 6.5vw; width: 18vw; width: -moz-calc(18vh * 1.33); width: calc(18vh * 1.33); padding-bottom: 0; height: 18vh; z-index: 6; }
.childli:nth-child(8n+4) .listing__card { left: -5vw; bottom: 6vh; width: 15.5vw; width: -moz-calc(20.5vh * 1.33); width: calc(20.5vh * 1.33); padding-bottom: 0; height: 20.5vh; z-index: 5; }
@media (min-width: 1023px) { .childli:nth-child(8n+5) { padding: 15vh 0; } }
.childli:nth-child(8n+5) .listing__card { left: -3.5vw; top: 0; width: 23vw; width: -moz-calc(30vh * 1.33); width: calc(30vh * 1.33); padding-bottom: 0; height: 30vh; z-index: 4; }
.childli:nth-child(8n+6) .listing__card { bottom: 11vh; left: -12vw; width: 19.5vw; width: -moz-calc(26vh * 1.33); width: calc(26vh * 1.33); padding-bottom: 0; height: 26vh; z-index: 3; }
@media (min-width: 1023px) { .childli:nth-child(8n+7) { padding: 17vh 0; } }
.childli:nth-child(8n+7) .listing__card { top: 11.5vh; left: -2vw; width: 17vw; width: -moz-calc(22vh * 1.33); width: calc(22vh * 1.33); padding-bottom: 0; height: 22vh; z-index: 2; }
.childli:nth-child(16n+8) .listing__card { bottom: 1vh; left: -13.5vw; width: 23.5vw; width: -moz-calc(31vh * 1.33); width: calc(31vh * 1.33); padding-bottom: 0; height: 31vh; z-index: 1; }
.childli:nth-child(16n+9) .listing__card { left: 2vw; top: 6vh; width: 15.5vw; width: -moz-calc(20.5vh * 1.33); width: calc(20.5vh * 1.33); padding-bottom: 0; height: 20.5vh; z-index: 5; }
@media (min-width: 1023px) { .childli:nth-child(16n+10) { padding: 14vh 0; } }
.childli:nth-child(16n+10) .listing__card { bottom: 5vh; left: -10vw; width: 18vw; width: -moz-calc(18vh * 1.33); width: calc(18vh * 1.33); padding-bottom: 0; height: 18vh; z-index: 6; }
@media (min-width: 1023px) { .childli:nth-child(16n+11) { padding: 15vh 0; } }
.childli:nth-child(16n+11) .listing__card { top: 11vh; left: -1.5vw; width: 19.5vw; width: -moz-calc(26vh * 1.33); width: calc(26vh * 1.33); padding-bottom: 0; height: 26vh; z-index: 3; }
.childli:nth-child(16n+12) .listing__card { left: -16vw; bottom: 0; width: 23vw; width: -moz-calc(30vh * 1.33); width: calc(30vh * 1.33); padding-bottom: 0; height: 30vh; z-index: 4; }
.childli:nth-child(16n+14) .listing__card { bottom: 4.5vh; left: -7vw; width: 17vw; width: -moz-calc(22vh * 1.33); width: calc(22vh * 1.33); padding-bottom: 0; height: 22vh; z-index: 2; }
.childli:nth-child(16n+15) .listing__card { top: 2vh; left: 0; width: 19.5vw; width: -moz-calc(26vh * 1.33); width: calc(26vh * 1.33); padding-bottom: 0; height: 26vh; z-index: 3; }
.childli:nth-child(16n+16) .listing__card { bottom: 8vh; left: -11.5vw; width: 23.5vw; width: -moz-calc(31vh * 1.33); width: calc(31vh * 1.33); padding-bottom: 0; height: 31vh; z-index: 1; }
.childli .listing__card:hover { z-index: 9999; }
.cover-background { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; position: absolute; -webkit-filter: sepia(100%); filter: sepia(100%); transition: filter 1.5s ease; }
.cover-background a { display: block; width: 100%; height: 100%; text-decoration: none; position: relative; }
.cover-background:hover { -webkit-filter: none; filter: none; }
.cover-background:hover .cover-background__heading { opacity: 1; }
.cover-background__heading { transition: opacity .5s ease; position: absolute; width: 100%; left: 0; bottom: 0; font-size: 15px; font-family: 'Merriweather', serif; color: #fff; white-space: normal; padding: 1em 0.5em 0.5em; background: -moz-linear-gradient(top, transparent 0%, black 94%, black 95%);  background: -webkit-linear-gradient(top, transparent 0%, black 94%, black 95%);  background: linear-gradient(to bottom, transparent 0%, black 94%, black 95%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );  box-sizing: border-box; }
@media (min-width: 1900px) { .cover-background__heading { font-size: 17px; } }
@media (min-width: 1023px) { .cover-background__heading { opacity: 0; } }
@media (max-width: 684px) { .cover-background__heading { font-size: 12px; } }
.arrow { position: absolute; top: 50%; background: #BC4C4C; border-radius: 50%; width: 70px; height: 70px; opacity: 0.8; display: block; text-indent: -9999em; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; border: 0; z-index: 9999; margin-top: -35px; }
@media (max-width: 1023px) { .arrow { display: none !important; } }
.arrow:hover { opacity: 1; }
.arrow:focus { outline: none; }
.arrow:hover { cursor: pointer; }
.prev { left: 40px; background-image: url("/static/blocks/trend-mosul/cover/arrow_left.png"); background-image: -webkit-linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/cover/arrow_left.svg"); background-image: -o-linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/cover/arrow_left.svg"); background-image: linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/cover/arrow_left.svg"); }
.next { right: 40px; background-image: url("/static/blocks/trend-mosul/cover/arrow_right.png"); background-image: -webkit-linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/cover/arrow_right.svg"); background-image: -o-linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/cover/arrow_right.svg"); background-image: linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/cover/arrow_right.svg"); }
.arrow_timeline { margin-top: -9px !important; }
.listing__menu { background-color: #A00000; padding-left: 12.5vw; position: relative; z-index: 1; display: inline-block; }
@media (max-width: 1023px) { .listing__menu { display: block; width: 100%; padding: 0 20%; box-sizing: border-box; z-index: 9999999; transition: top 100ms; } }
@media (max-width: 684px) { .listing__menu { padding: 0; } }
.listing__column_trend-mosul_news { width: 35%; display: inline-block; }
@media (max-width: 1023px) { .listing__column_trend-mosul_news { width: 100%; padding: 0; display: block; } }
.listing__card_trend-mosul_news { margin: 0 9px; }
.listing__wrapper { position: relative; }
.listing__content_news { margin: 17vh 0 3vh; }
.listing__content { position: relative; width: 100%; overflow: hidden; }
@media (max-width: 1023px) { .listing__content { margin: 30px auto 0; width: 90%; } }
.listing__card { webkit-filter: sepia(100%); filter: sepia(100%); transition: filter 1.5s ease; }
.listing__card:hover { -webkit-filter: none; filter: none; }
.listing__card:hover .card__heading a { opacity: 1; }
.listing__rows { white-space: nowrap; width: 100%; max-width: 1900px; transition: margin-left 250ms; }
@media (max-width: 1023px) { .listing__rows { white-space: normal !important; } }
.listing__column { list-style: none; display: inline-block; margin-bottom: 20px; vertical-align: top; }
@media (max-width: 1023px) { .listing__column { display: block; } }
.listing__content_timeline { margin: 14vh 0 3vh; }
@media (max-width: 1023px) { .listing__content_timeline { margin: 30px auto 0; width: 90%; } }
.listing__rows_timeline::after { content: ""; border-top: 4px dotted #000; width: 100%; position: absolute; top: 15px; padding: 0px 8px; left: 0; margin: 0px -9px; }
@media (max-width: 1023px) { .listing__rows_timeline::after { border-left: 4px dotted #000; width: auto; position: absolute; height: 100%; top: 0; padding-left: 9px; margin: 0; left: 0; } }
.listing__column_trend-mosul_timeline { vertical-align: bottom; width: 35%; margin-bottom: 20px; position: relative; z-index: 3; }
@media (max-width: 1023px) { .listing__column_trend-mosul_timeline { width: 100%; display: block; } }
.listing__card_trend-mosul_timeline { margin: 0 9px; }
.card__cover { margin: 0 auto; position: relative; }
@media (max-width: 1023px) { .card__cover { width: 70%; } }
@media (max-width: 684px) { .card__cover { width: 100%; } }
.card__cover_date__show { padding-top: 35px; }
@media (max-width: 1023px) { .card__date { position: absolute; left: 0; right: 0; } }
.card__heading { position: absolute; width: 100%; left: 0; bottom: 0; font-size: 15px; font-family: 'Merriweather', serif; color: #fff; white-space: normal; }
@media (max-width: 684px) { .card__heading { font-size: 12px; } }
.card__heading a { display: block; color: inherit; text-decoration: none; transition: opacity .5s ease; padding: 1em 0.5em 0.5em; background: -moz-linear-gradient(top, transparent 0%, black 94%, black 95%);  background: -webkit-linear-gradient(top, transparent 0%, black 94%, black 95%);  background: linear-gradient(to bottom, transparent 0%, black 94%, black 95%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );  }
@media (min-width: 1023px) { .card__heading a { opacity: 0; } }
.date_timeline { position: relative; }
.date__show_timeline { font-family: 'Merriweather', serif; background-color: #000; color: #fff; font-size: 16px; padding: 6px 9px; display: inline-block; margin-bottom: 9px; position: relative; z-index: 10; }
.icon-video, .icon-360 { display: block; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 10px; top: 10px; }
.icon-video { background-image: url(/static/blocks/trend-mosul/cover/Video_icon.svg); width: 40px; height: 40px; }
.icon-360 { background-image: url(/static/blocks/trend-mosul/cover/360_icon.svg); width: 76px; height: 40px; }
.dialog__wrapper { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; }
.dialog__content { color: #ddd; font-size: 22px; line-height: 34px; text-align: center; max-width: 756px; margin: 0 auto; position: absolute; top: 185px; box-sizing: border-box; padding: 0 20px; width: 100%; }
@media (min-width: 760px) { .dialog__content { left: 50%; margin-left: -378px; } }
@media (max-width: 684px) { .dialog__content { font-size: 18px; line-height: 24px; top: 74px; } }
.dialog__cover { content: ''; background: url("/static/blocks/trend-mosul/about/map.png") no-repeat 0 0; height: 152px; width: 152px; margin: 0 auto 62px; }
@media (max-width: 684px) { .dialog__cover { height: 107px; width: 107px; background-size: cover; margin-bottom: 30px; } }
.dialog__overlay { z-index: 9999999; background-color: #252525; height: 100%; width: 100%; left: 0; top: 0; position: fixed; }
.dialog__overlay::after { background-image: url("/static/blocks/trend-mosul/about/cross.png"); background-image: -webkit-linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/about/cross.svg"); background-image: -o-linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/about/cross.svg"); background-image: linear-gradient(transparent, transparent), url("/static/blocks/trend-mosul/about/cross.svg"); content: ' '; height: 40px; width: 40px; position: fixed; right: 70px; top: 70px; cursor: pointer; }
@media (max-width: 684px) { .dialog__overlay::after { height: 18px; width: 18px; right: 20px; top: 20px; background-size: cover; } }
.fade-enter-active, .fade-leave-active { transition-property: opacity, transform, position; transition-duration: .3s; }
.fade-enter-active { transition-delay: .3s; }
.fade-enter, .fade-leave-active { opacity: 0; -webkit-transform: scale(2); transform: scale(2); position: fixed; }
.simple-page { min-height: 100%; background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; background-size: cover; font-family: 'Merriweather', serif; line-height: 1.8; }
.simple-page_bg1 { background-image: url("/static/blocks/trend-mosul/cover/bg1.jpg"); }
.simple-page_bg2 { background-image: url("/static/blocks/trend-mosul/cover/bg2.jpg"); }
.simple-page_bg3 { background-image: url("/static/blocks/trend-mosul/cover/bg3.jpg"); }
.simple-page_bg4 { background-image: url("/static/blocks/trend-mosul/cover/bg4.jpg"); }
.simple-page__header { padding: 10px 30px; background: #FFF; }
.simple-page__logo { font-size: 4em; overflow: visible; line-height: 1; text-decoration: none; display: inline-block; font-family: 'Din Pro'; font-weight: bold; vertical-align: top; color: #A00000; }
.simple-page__logo:hover { text-decoration: none !important; }
.simple-page__logo span { font-weight: normal; }
.simple-page__social { float: right; margin-top: 5px; }
.simple-page__social .at-icon-wrapper { border-radius: 50% !important; }
.simple-page__content { max-width: 975px; margin: 0 auto; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7); }
.simple-page__cover { height: 0; padding-bottom: 56.25%; position: relative; background: #FFF; }
.simple-page__cover-image { position: absolute; width: 100%; max-width: 100%; height: auto; display: block; z-index: 2; }
.simple-page__cover-description { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; list-style: none; padding: 2em 1em 0.5em; font-size: 1.2em; color: rgba(255, 255, 255, 0.7); background: -moz-linear-gradient(top, transparent 0%, black 94%, black 95%);  background: -webkit-linear-gradient(top, transparent 0%, black 94%, black 95%);  background: linear-gradient(to bottom, transparent 0%, black 94%, black 95%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );  }
.simple-page__text-wrapper { padding: 2em 10em 10em; background: #FFF; }
.simple-page__cover-text { display: inline-block; }
.simple-page__date { font-size: 1.5em; text-align: center; color: #999; }
.simple-page__title { font-size: 3.5em; font-weight: bold; margin: 0.3em 0; line-height: 1.2; }
.simple-page__summary { font-weight: bold; font-size: 1.5em; }
.simple-page__tag { text-transform: uppercase; font-size: 1em; font-weight: normal; margin-right: 2em; }
.simple-page__text { padding: 1em 0; font-size: 1.5em; }
.simple-page__text p { margin: 0 0 2em; }
.simple-page__text h1, .simple-page__text h2, .simple-page__text h3, .simple-page__text h4, .simple-page__text h5, .simple-page__text h6 { margin: 1.2em 0 .4em; }
.simple-page__text h2 { font-size: 1.15em; font-weight: bold; }
.simple-page__text h3 { font-size: 1.1em; font-weight: bold; }
.simple-page__text h4 { font-size: 1em; font-weight: bold; }
.simple-page__text blockquote { position: relative; margin: 3.8em/1.5em 2em/1.5em 2.2em/1.5em; padding: 1.6em 2em 1em; border: .1em/1.5em solid #333; font-style: normal; color: #666; }
.simple-page__text blockquote:after, .simple-page__text blockquote:before { font-family: 'iconfonts'; position: absolute; color: #000; background-color: #fff; line-height: normal; }
.simple-page__text blockquote:after { content: 'Q'; bottom: -.9em/1.7em; right: -.1em/1.7em; font-size: 1.7em/1.5em; line-height: normal; padding-top: .7em/1.7em; padding-left: .7em/1.7em; }
.simple-page__text blockquote:before { content: 'q'; top: -2.2em/3.3em; left: -1.7em/3.3em; font-size: 3.3em/1.5em; padding-bottom: .5em/3.3em; padding-right: .6em/3.3em; }
.simple-page__text img, .simple-page__text iframe { display: block; max-width: 100%; }
.simple-page__text .media__title { font-size: 1.4em/1.5em; }
.simple-page__text .link { color: inherit; }
.simple-page__text .link:hover { color: inherit; }
.simple-page__text .rtcode { margin-bottom: 2em; }
.simple-page__text .rtcode .twitter-tweet { margin-left: auto; margin-right: auto; }
.simple-page__footer { text-align: center; min-height: 25em; border-top: 1px solid #d4d4d4; padding: 2em; background: #FFF; }
.simple-page__copyright { font-size: 1.2em; margin: 1em 0; color: #999; }
.simple-page__logo-footer { display: inline-block; max-width: 40px; }
.simple-page a { color: #A00000; text-decoration: none; }
.simple-page a:hover { text-decoration: underline; }
.simple-page .video-iframe { clear: both; overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.simple-page .video-iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
@media (max-width: 970px) { .simple-page__text-wrapper { padding: 2em; margin-right: 10em; margin-left: 10em; }
  .simple-page__footer { margin-right: 10em; margin-left: 10em; } }
@media (max-width: 680px) { .simple-page__text-wrapper { margin-right: 2em; margin-left: 2em; }
  .simple-page__footer { margin-right: 2em; margin-left: 2em; }
  .simple-page__logo { font-size: 3em; }
  .simple-page__social { display: none; }
  .simple-page__title { font-size: 3em; } }
@media (max-width: 490px) { .simple-page__title { font-size: 2em; }
  .simple-page__summary { font-size: 1.3em; }
  .simple-page__text { font-size: 1.3em; }
  .simple-page__logo-footer { max-width: 40px; } }
.back-arrow { display: inline-block; border-left: 0.1em solid #A00000; border-top: 0.1em solid #A00000; height: 0.45em; width: 0.45em; transform: rotate(-45deg); vertical-align: 10%; }
.read-more { float: left; clear: both; position: relative; width: 40%; margin: 1em 1em 1em 0; padding: 0.6em 0.5em 0.4em; background: #FFF; border: 1px solid #ccc; }
.read-more__title { font-weight: bold; padding: 0 0 0.3em; margin: 0; font-size: 1em; }
.read-more__link { display: block; text-decoration: none; outline: none; border: none !important; font-size: 1em; }
.read-more__cover { display: block; width: 100%; margin-bottom: 0.3em; }
.read-more:hover .read-more__cover { background-color: #FFF; opacity: 0.9; }
@media screen and (max-width: 900px) { .read-more { float: none; margin-right: auto; margin-left: auto; width: auto; max-width: 500px; } }
.quotation { overflow: hidden; font-size: 1.2em; color: #999; font-style: italic; margin: 0 -3em; }
.quotation img { float: right; border-radius: 50%; margin: 0.5em 0 0 1.2em; }
.quotation cite { display: block; text-align: right; font-size: 0.8em; font-weight: bold; padding-top: 0.5em; }
@media (max-width: 970px) { .quotation { margin: 0; } }
@media (max-width: 680px) { .quotation { font-size: 1.1em; }
  .quotation img { float: none; max-width: 40%; margin: 0 auto 1em; } }
.media { position: relative; }
.media__youtube, .media #mediaspace_wrapper, .media__video, .media__image { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; width: 100%; }
.media__image_ration-100 { padding-bottom: 100%; }
.media__image_all-authors { padding-bottom: 7em; }
.media__youtube-frame { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.media #mediaspace_wrapper iframe, .media #mediaspace_wrapper object, .media__video iframe, .media__video object { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.media__item { display: block; width: 100%; height: auto; max-width: 100%; }
.media__item { display: block; width: 100%; height: auto; max-width: 100%; }
.media__item_ratio { position: absolute; left: 0; top: 0; width: auto; height: 100%; max-width: none; }
.media__footer_size { font-size: .95em; min-height: 5/.95em; }
.media__footer_bottom { border-top: .1em solid #fff; width: 100%; background-color: #3f3f3f; color: #fff; }
.media__title { font-size: 1.4em; display: block; line-height: 18/14em; margin: 10/14em 0; }
.media__title_footer, .media__title_arcticle { padding: 4/14em  6/14em; margin-top: 0; }
.media__title_mainepisodes { font-size: 1.6em; line-height: 2.2em/1.6em; padding: 4/14em  6/14em; font-weight: bold; margin-top: 0; }
.media__image_type_video:after { content: ''; height: 2.8em; width: 2.8em; top: .5em; left: .5em; border-radius: .3em; position: absolute; background: rgba(221, 221, 221, 0.7); }
.media__image_type_video:before { content: ''; position: absolute; border-style: solid; border-width: .7em 0 .7em 1.2em; border-color: transparent transparent transparent #5e5c5b; width: 0; height: 0; top: 1.9em; left: 1.9em; margin-left: -.5em; margin-top: -.7em; z-index: 1; }
@media (max-width: 864px) { .media__title_arcticle { font-size: 2em; } }
@media (max-width: 684px) { .media_med_float-left { width: 49%; float: left; margin-right: 2%; }
  .media__title_arcticle { font-size: 1.7em; } }
@media (max-width: 479px) { .media_med_float-left { float: none; margin-right: 0; width: 100%; }
  .media_low_float-left { width: 49%; float: left; margin-right: 2%; }
  .media__footer_bottom { border-top: 0; color: inherit; background-color: transparent; }
  .media__image_low-left, .media__image_low-main-left { overflow: hidden; margin-bottom: 1em; }
  .media__image_low-left .media__image, .media__image_low-main-left .media__image { padding-bottom: 56.25% / 2; width: 100% /2; float: left; }
  .media__image_low-left .media__title_footer, .media__image_low-main-left .media__title_footer { padding: 0; margin-left: 52%; }
  .media__title_footer, .media__title_arcticle { padding: 4em/14em  0; } }
.cover__image { background-color: #fff; width: 100%; max-width: 100%; height: auto; display: block; }
.cover__media { position: relative; overflow: hidden; }
.cover__footer { margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 1.6em; color: #888; }
.cover__footer > li:first-child { padding-left: 0; }
.cover__footer > li:first-child:before { content: ''; }
.cover__title, .cover__copyright, .cover__video-author { display: inline-block; position: relative; padding-left: 1em; padding-right: 0.5em; }
.cover__title:before, .cover__copyright:before, .cover__video-author:before { content: '/'; position: absolute; left: 0; top: 0; }
.cover__media_ratio { height: 0; width: 100%; padding-bottom: 56.25%; }
.cover__video { width: 100%; height: 100%; }
.cover__video, .cover__image_ratio { position: absolute; top: 0; left: 0; }
.cover__image_type_video-big:after { content: ''; height: 4em; width: 4em; top: 1em; left: 1em; position: absolute; background: rgba(221, 221, 221, 0.7); }
.cover__image_type_video-big:before { content: ''; position: absolute; border-style: solid; border-width: .8em 0 .8em 1.6em; border-color: transparent transparent transparent #5e5c5b; width: 0; height: 0; top: 3em; left: 3em; margin-left: -.5em; margin-top: -.8em; z-index: 1; }
.cover__count-images { position: absolute; left: 10px; top: 42px; z-index: 5; margin-top: 4px; clear: both; opacity: 0.6; border-radius: 7px; background-color: white; display: inline-block; font-size: 11px; text-align: center; line-height: 14px; color: black; width: 28px; }
.cover__count-images::after { content: ''; left: 6px; top: -24px; position: absolute; }
.cover__count-images::before { content: ''; top: -32px; position: absolute; left: 0; height: 28px; width: 28px; background-color: #fff; }
@media all and (max-width: 684px) { .cover__media_shading:after { display: none; } }
@media all and (max-width: 684px) { .cover__count-images { left: 10px; top: 50px; margin-top: 4px; width: 40px; }
  .cover__count-images::after { top: -33px; left: 8px; }
  .cover__count-images::before { top: -44px; height: 40px; width: 40px; } }
.cover__image_type_video:after, .cover__image_type_video-normal:after { content: ''; height: 2.8em; width: 2.8em; top: 1em; left: 1em; position: absolute; background: rgba(221, 221, 221, 0.7); }
.cover__image_type_video:before, .cover__image_type_video-normal:before { content: ''; position: absolute; border-style: solid; border-width: .7em 0 .7em 1.2em; border-color: transparent transparent transparent #5e5c5b; width: 0; height: 0; top: 2.4em; left: 2.4em; margin-left: -.5em; margin-top: -.7em; z-index: 1; }
@media all and (max-width: 479px) { .cover__image_type_video:after { content: ''; height: 4em; width: 4em; top: 1em; left: 1em; position: absolute; background: rgba(221, 221, 221, 0.7); }
  .cover__image_type_video:before { content: ''; position: absolute; border-style: solid; border-width: .8em 0 .8em 1.6em; border-color: transparent transparent transparent #5e5c5b; width: 0; height: 0; top: 3em; left: 3em; margin-left: -.8em; margin-top: -.8em; z-index: 1; } }
.cover__image_type_video-main-news:after, .cover__image_type_video-main-news:before { content: ''; position: absolute; }
.cover__image_type_video-main-news:after { height: 2.8em; width: 2.8em; top: 1em; left: 1em; background: rgba(221, 221, 221, 0.7); }
.cover__image_type_video-main-news:before { border-style: solid; border-width: .7em 0 .7em 1.2em; border-color: transparent transparent transparent #5e5c5b; width: 0; height: 0; top: 2.4em; left: 2.4em; margin-left: -.5em; margin-top: -.7em; z-index: 1; }
.cover__count-images_xxx { left: 10px; top: 50px; margin-top: 4px; width: 40px; }
.cover__count-images_xxx::after { top: -33px; left: 8px; }
.cover__count-images_xxx::before { top: -44px; height: 40px; width: 40px; }