.clearfix:after{ content: ''; display: block; width: 0; height: 0; float: none; clear: both; } html { height: 100%; } body{ height: 100%; min-height: 100%; background-image: /*url('/web/20200119124803im_/http://warletters.aif.ru/img/bottom-shadow.png'),*/ url('/web/20200119124803im_/http://warletters.aif.ru/img/bg.jpg'); background-repeat: repeat-x, no-repeat; background-position: 0 bottom, 0 0; background-size: cover; background-attachment: fixed; color: #fff; } header.page-header { width: 100%; position: absolute; top: 0; left: 0; z-index: 110; } body.index header.page-header { height: 290px; } body.inner header.page-header { height: 140px; } .header-inner{ width: 1200px; margin: 0 auto; padding-top: 30px; } .content { position: relative; box-sizing: border-box; height: 100%; overflow: hidden; } body.index .content { padding: 340px 0 70px; } body.inner .content { padding: 230px 0 50px; height: auto; } .content-wrapper { height: auto !important; min-height: 100%; margin-bottom: -60px; } .push { height: 60px; } body.inner footer { position: static; } .top-wrapper{ margin-bottom: 40px; padding: 0 40px; height: 102px; position: relative; } .top-col-l { float: left; } .top-col-r { float: right; } .joint-project{ font-family: 'robotoregular', Arial; font-size: 12px; line-height: 12px; padding-top: 25px; margin-right: 20px; float: left; } .aif-logo{ float: left; display: block; padding-top: 22px; margin-right: 23px; } .mkrf-logo { display: block; float: left; } .searchers-logo { display: block; float: left; margin-top: 10px; } .letters-logo { display: block; position: absolute; left: 50%; top: 0; margin-left: -10%; } .letters-logo img { display: block; } .socials { float: right; margin-left: 35px; padding-top: 24px; } .s-clear{ display: none; } .contents-link { padding-top: 26px; color: #fff; text-decoration: underline; display: block; float: right; } .contents-link:hover { text-decoration: none; color: #fff; } .socials > a { width: 23px; height: 23px; background-color: #fff; margin-left: 10px; float: left; } .socials > a:first-child { margin-left: 0; } .socials > a:hover { color: #fff; } .fa { display: inline-block; width: 100%; height: 100%; line-height: 23px; text-align: center; font-size: 11px; } .fa:before { color: #000; } .fa:hover::before { color: #fff; } .acc_soc { width: 23px; height: 15px; line-height: 15px; font-size: 10px; text-align: center; display: none; color: #fff; margin-top: 5px; } .share-link:hover .acc_soc { display: block; } .h_fb:hover{ background-color: #2d4373; } .h_vk:hover{ background-color: #466482; } .h_ok:hover{ background-color: #ee7808; } .h_tw:hover{ background-color: #2795e9; } .h_mail:hover{ background-color: #2795e9; } .fa-vk::before { content: "Ð’"; font-family: Arial; font-weight: bold; } .header-line{ width: 205px; height: 3px; background-color: #fff; margin: 0 auto 35px; } .header-text{ font-family: 'pt_serifregular'; font-size: 15px; line-height: 19px; width: 860px; margin: 0 auto 20px; text-align: center; box-sizing: border-box; } .header-text .bold{ font-family: 'pt_serifbold'; } .lenta { overflow: hidden; margin: -8px 0; height: 100%; position: relative; } .lenta .line{ font-size: 0; height: 50%; display: block; list-style-type: none; } .letter-bg { width: auto; height: 100%; display: block; -webkit-transition: transform 0.8s; -moz-transition: transform 0.8s; -o-transition: transform 0.8s; transition: transform 0.8s; } .letter { display: block; float: left; box-sizing: border-box; padding: 8px; height: 100%; } .letter-inner{ height: 100%; position: relative; overflow: hidden; } .letter-inner > a, .letter-inner > a:hover{ display: block; color: #fff; text-decoration: none; height: 100%; overflow: hidden; position: relative; } .letter-text-block { position: absolute; width: 100%; left: 0; bottom: 0; box-sizing: border-box; padding: 20px; background-color: rgba(62, 44, 33, 0.82); white-space: normal; max-height: 100%; } .letter-text-block .addressee { font-size: 17px; line-height: 20px; padding-bottom: 15px; } .letter-text-block .addressee .surname { font-family: 'pt_serifbold'; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .letter-text-block .addressee .name-patronymic { font-family: 'pt_serifregular'; font-size: 16px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sender:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 34%; height: 2px; background-color: #fff; } .letter-text-block .sender { padding-top: 15px; position: relative; font-family: 'pt_serifregular'; font-size: 13px; line-height: 17px; display: none; } .letter-overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); z-index: 5; } .letter.seen .letter-overlay { display: block; } /*.letter-inner:hover .sender { display: block; }*/ footer { padding: 10px 0; width: 100%; position: absolute; z-index: 110; display: block; overflow: hidden; bottom: 0; height: 60px; box-sizing: border-box; } .cont_center { width: 1200px; margin: 0 auto; padding: 0 50px; position: relative; box-sizing: border-box; } .count_bottom_block { margin: 0 auto; float: left; overflow: hidden; } .counter_block { float: left; overflow: hidden; margin-bottom: 16px; } .counter_block:last-child { margin-right: 0; } .copyright { font-family: 'robotoregular'; font-size: 12px; } .count_box_nodisplay, .top_hidden_count_block { position: absolute; width: 0; height: 0; } .about-link { font-family: 'roboto_condensedregular'; font-size: 20px; color: #fff; text-decoration: underline; margin: 0 70px; padding-top: 5px; display: block; float: left; } .about-link:hover { text-decoration: none; } .counters_wrapper { text-align: center; margin: 0 -10px; font-size: 0; } .counter_block > div, .counter_block > span, .counter_block > p, .counter_block > a { padding: 0 10px; display: block; } .screen-overlay { position: absolute; width: 100%; height: 100%; z-index: 120; opacity: 0.5; top: 0; left: 0; background-color: #000000; display: none; } /******** Contents popup ********/ .popup { width: 1060px; height: 100%; box-sizing: border-box; background-color: #fff; padding: 0 65px 0 60px; position: fixed; top: 0; left: 50%; margin-left: -530px; z-index: 200; color: #000; display: none; } .close-popup { position: absolute; top: 20px; right: 20px; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; } .close-popup:hover { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .popup h3 { font-family: 'pt_serifbold'; font-weight: normal; font-size: 37px; margin-bottom: 25px; } .popup p { font-family: 'pt_serifregular'; font-size: 16px; line-height: 20px; color: #030303; margin-bottom: 10px; } .popup header { height: 100px; position: absolute; left: 60px; top: 50px; width: auto; padding-right: 40px; } .table-content-head { border-top: 4px solid #000; border-bottom: 2px solid #000; border-left: none; border-right: none; border-collapse: collapse; width: 100%; position: absolute; } .table-content-head th { width: 50%; box-sizing: border-box; padding-left: 30px; height: 40px; vertical-align: middle; text-align: left; font-family: 'pt_serifbold'; font-weight: normal; font-size: 16px; color: #030303; cursor: pointer; } .sort-icon { height: 7px; width: 14px; display: inline-block; background: url("/web/20200119124803im_/http://warletters.aif.ru/img/sort-icon.png") no-repeat 0 0; } .sort-icon.asc { background-position: 0 0; } .sort-icon.desc { background-position: 0 -7px; } .table-content-head th span { padding-left: 15px; } .popup-content-wrapper { height: 100%; padding-top: 150px; padding-bottom: 80px; box-sizing: border-box; position: relative; } .about-popup .popup-content-wrapper { padding-top: 80px; } about-popup .popup-content-wrapper h3 { margin-bottom: 30px; } .table-content-list { width: 100%; } .table-content-list td { height: 55px; border-top: 1px solid #ccc; font-size: 18px; font-family: 'pt_serifregular'; vertical-align: middle; width: 50%; box-sizing: border-box; padding: 0 30px; cursor: pointer; } .table-content-list .tc-surname { font-family: 'pt_serifbold'; } .table-content-list-wrapper { height: 100%; padding-top: 43px; box-sizing: border-box; } .table-content-list-inner-wrapper { height: 100%; overflow: auto; position: relative; border-bottom: 4px solid #000; } .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0,0,0,0.3); } .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .table-content-list tr:hover td { background-color: #ff9900; } .letters-carousel.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: block; width: 28px; height: 52px; font-size: 0; text-indent: -9999px; margin: 0; padding: 0; border-radius: 0; opacity: 0.3; position: absolute; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; } .letters-carousel.owl-carousel .owl-nav .owl-prev { background: url('/web/20200119124803im_/http://warletters.aif.ru/img/arrows.png') no-repeat 0 0 transparent; } .letters-carousel.owl-carousel .owl-nav .owl-prev:hover { background: url('/web/20200119124803im_/http://warletters.aif.ru/img/arrows.png') no-repeat 0 0 transparent; -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); opacity: 0.5; } .letters-carousel.owl-carousel .owl-nav .owl-next { background: url('/web/20200119124803im_/http://warletters.aif.ru/img/arrows.png') no-repeat 0 -52px transparent; } .letters-carousel.owl-carousel .owl-nav .owl-next:hover { background: url('/web/20200119124803im_/http://warletters.aif.ru/img/arrows.png') no-repeat 0 -52px transparent; -moz-transform: translateX(5px); -ms-transform: translateX(5px); -webkit-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); opacity: 0.5; } .letters-carousel .owl-theme .owl-nav { position: absolute; top: 50%; margin-top: -26px; left: 50%; } .slide { position: relative; } .slideHeader { opacity: 0; padding: 0 35px 0 20px; height: 120px; overflow: hidden; } .letters-carousel .owl-item.active.current .slideHeader{ opacity: 1; } .slide-pic{ -webkit-filter: blur(5px); -moz-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5); /*filter: url('/web/20200119124803im_/http://warletters.aif.ru/img/blur.svg#blur');*/ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0.6; } .letters-carousel .owl-item.active.current .slide-pic { filter: none; -webkit-filter: none; -moz-filter: none; opacity: 1; } .slideHeader-surname, .slideHeader-name-patronymic { font-family: 'pt_serifbold'; font-size: 27px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slideHeader-from{ margin-top: 15px; font-family: 'pt_serifregular'; font-size: 14px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } .slider-close { position: absolute; display: inline-block; z-index: 150; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; } .slider-close:hover { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .details-btn-wrapper { text-align: center; margin-top: 25px; } .details-btn { font-family: 'robotoregular'; font-size: 13px; padding: 12px 35px; text-align: center; display: inline-block; border: 3px solid #fff; border-radius: 25px; text-decoration: none; color: #fff; } .details-btn:hover { text-decoration: none; color: #fff; text-shadow: 0 0 4px #ffff00; } .popup-content { height: 100%; } .scr-hr{ width: 25%; height: 4px; background-color: #000; } .popup .script-prologue{ margin: 30px 0; } .popup .script-prologue p { font-family: 'pt_serifitalic'; font-size: 16px; line-height: 20px; } .popup .script-prologue .scrprb { font-family: 'pt_serifbold_italic'; } .script-pics{ float: left; width: 40%; margin: 0 30px 30px 0; position: relative; } .script-text .script-text p { margin-bottom: 25px; } .script-body{ margin-top: 35px; } .popup-bottom-wrapper { width: 100%; position: relative; } .popup-bottom { position: absolute; width: 100%; height: 80px; bottom: 0; border-top: 4px solid #000; text-align: center; } .popup-bottom .socials { float: none; margin-left: 0; display: inline-block; padding-top: 30px; } .letter-popup .popup-content-wrapper { padding-bottom: 120px; padding-top: 170px; } .letter-popup .socials > a { background-color: #000; } .letter-popup .fa::before { color: #fff; } .letter-popup .h_fb:hover { background-color: #2d4373; } .letter-popup .h_vk:hover { background-color: #466482; } .letter-popup .h_ok:hover { background-color: #ee7808; } .letter-popup .h_tw:hover { background-color: #2795e9; } .letter-popup .h_mail:hover { background-color: #2795e9; } .close-btn { font-family: 'robotoregular'; font-size: 13px; padding: 12px 35px; text-align: center; display: inline-block; border: 3px solid #000; border-radius: 25px; text-decoration: none; color: #000; } .close-btn:hover { text-decoration: none; color: #000; text-shadow: 0 0 20px #3399ff; } .close-btn-wrapper { text-align: center; margin-top: 25px; display: none; } .script-pics.owl-carousel .owl-nav { position: absolute; top: 50%; margin-top: -32px; width: 100%; } .script-pics.owl-carousel .owl-nav > div { width: 64px; height: 64px; font-size: 0; text-indent: -9999px; margin: 0; padding: 0; border-radius: 0; position: absolute; -webkit-transition: transform 0.2s; -moz-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; opacity: 1; cursor: pointer; opacity: 0.8; } .script-pics.owl-carousel .owl-nav > div:hover { opacity: 1; } .script-pics.owl-carousel .owl-nav > div.disabled { opacity: 0.3; } .script-pics.owl-carousel .owl-nav .owl-prev { background: url('/web/20200119124803im_/http://warletters.aif.ru/img/pic-slider-arrows.png') no-repeat transparent 0 0; left: 20px; } .script-pics.owl-carousel .owl-nav .owl-next { background: url('/web/20200119124803im_/http://warletters.aif.ru/img/pic-slider-arrows.png') no-repeat transparent 0 -64px; right: 20px; } .script-text .left{ text-align: left; } .script-text .right{ text-align: right; } .script-text .center{ text-align: center; } .script-text .italic{ font-style: italic; color: #ccc; } .ghost-name { visibility: hidden; } html.no-scroll, html.no-scroll body { overflow: hidden; position: relative; } .about-popup h4 { font-size: 24px; margin: 0 0 20px; } .about-popup h5 { font-size: 18px; margin: 0 0 20px; } .about-popup ul li { display: block; list-style-type: none; font-size: 16px; line-height: 20px; font-family: 'pt_serifregular'; } .about-popup ul { margin: 0 0 20px; } .counter_top_block { height: 0; } /* FILE ARCHIVED ON 12:48:03 Jan 19, 2020 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:35:42 Nov 16, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.715 exclusion.robots: 0.029 exclusion.robots.policy: 0.021 esindex: 0.009 cdx.remote: 6.705 LoadShardBlock: 173.618 (3) PetaboxLoader3.resolve: 83.625 (2) PetaboxLoader3.datanode: 150.463 (4) load_resource: 68.616 */