body { margin:0; padding:0;font-size: 12px; font-family: 'Roboto Slab', serif, Arial; background: #fafafa;color:#333; line-height: 150%; } * { margin: 0; padding: 0; } html { margin: 0; color:#222; padding: 0 0 20px 0 } html, body {height: 100%; margin: 0; padding: 0;} img { border: 0} a { color: #222; cursor: pointer; text-decoration: none; } .red { color: #ba3030} .bold { font-weight: bold;} .shadow { box-shadow: 1px 1px 20px #ccc, -1px -1px 20px #ccc;} .bold { font-weight: bold} .block { position: relative; margin: 0 auto; width: 1280px; padding: 0;position:relative;} .indexLenta { position: relative; background: #fff } #header { position: relative; z-index: 10; background: #ba3030; box-shadow: 0 0 11px 1px rgba(0,0,0,0.21);} #whiteheader { position: relative; z-index: 10; background: #fff; box-shadow: 0 0 11px 1px rgba(0,0,0,0.21);} #commenting { position: relative; padding: 20px; background: #fff;} #newsrating { position: relative; padding: 20px; background: #fff;} #newsrating h3 span { float: right;} #newsrating h3 span a { color: #999; font-weight: normal; font-size: 12px; padding: 5px 10px; } #newsrating h3 span a.selected { color: #ba3030; border-bottom: 2px solid #ba3030;} #commenting h3 span { float: right;} #commenting h3 span a { color: #999; font-weight: normal; font-size: 12px; padding: 5px 10px; } #commenting h3 span a.selected { color: #ba3030; border-bottom: 2px solid #ba3030;} #header .block { padding: 10px 0; box-sizing: border-box;} #whiteheader .block { padding: 10px;} .archive-icon { width: 16px; height: 16px; background: url('../img/svg/archive.svg') center center; background-repeat: no-repeat; display: inline-block; background: url(../img/svg/archive.svg) bottom; background-repeat: no-repeat; /* background-position: 3px; */ background-size: 16px 16px; background-size: 16px 16px; } .companyBanner { margin-top: 20px;} .lentaYandex { padding: 0; border: none; margin-bottom: 20px; } @media screen and (max-width: 2480px) { .resp-container { background: #fff; } .resp-container iframe { max-height: 100px; /* max-width: 100%; */ height: 100px; width: 1000px; margin: 0 auto; display: block; } } @media screen and (max-width: 480px) { .resp-container { position: relative; overflow: hidden; padding-top: 10%; max-width: 1000px; max-height: 100px; margin: 0 auto; } .resp-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } } .age { border: 1px solid #fff; padding: 2px 5px; font-weight: normal; border-radius: 3px; } .seealso_banner { float: right; min-width: 200px; max-width: 240px; margin: 10px 20px 10px 20px; } .parent { position: relative} .header-social-icons { text-align: center} .header-social-vk { background: url('../img/social/svg/red/vk.svg') center center; background-repeat: no-repeat; background-position: 3px; } .header-social-fb { background: url('../img/social/svg/red/fb.svg') center center; background-repeat: no-repeat; background-position: 3px; } .header-social-tw { background: url('../img/social/svg/red/twitter.svg') center center; background-repeat: no-repeat; background-position: 3px; } .header-social-ok { background: url('../img/social/svg/red/ok.svg') center center; background-repeat: no-repeat; background-position: 3px; } .header-social-inst { background: url('../img/social/svg/red/instagram.svg?1') center center; background-repeat: no-repeat; background-position: 3px; } .header-social-zen { background: url('../img/social/svg/red/zen.svg?2') center center; background-repeat: no-repeat; background-size: 20px; } .header-social-telegram { background: url('../img/social/svg/red/telegram.svg') center center; background-repeat: no-repeat; background-position: -3px -3px; } .header-social-icons a { display: inline-block; width: 32px; height: 20px; } h1 { color: #ba3030; font-size: 48px; line-height: 120%; text-shadow: 1px 1px 1px #fff;} h1 span { color: #999} h3 { margin-bottom: 15px; font-family: 'PT Sans'; color: #ba3030; font-size: 1.5em;text-transform: uppercase; font-weight: bold; } h3 a { color: #ba3030} #logo { height: 28px; margin: 2px 0 2px 0; } .comment { opacity: 0.5; color: #000; /* height: 12px; */ margin: 0 5px; display: inline-block; background: url('../img/comment.png') top; background-size: 16px 16px; background-position: 0px 50%; font-weight: normal; padding-left: 25px; /* baseline-shift: super; */ background-repeat: no-repeat;} .newshead h3.section { margin-bottom: 0} .newshead .ya-share2 { padding-left: 20px;} .views { opacity: 0.5; color: #000; font-weight: normal; /* height: 12px; */ margin: 0 5px; display: inline-block; background: url('../img/svg/views.svg') center center; background-repeat: no-repeat; background-size: 20px 20px; background-position: 0px 50%; padding-left: 25px; /* baseline-shift: super; */ background-repeat: no-repeat;} .row { display: table;} .cell { display: table-cell; vertical-align: top;} h2 { line-height: 120%; } .header-phones { text-align: center; font-size: 32px; margin: 20px 0; } .header-phones a { color: #333} #header .cell { vertical-align: middle; } #header ul { display: table; margin-left: 20px;} #header li { display: table-cell; text-align: center; } #header li a { opacity: 0.6; transition: colorchange 0.5s ease;padding: 18px 12px; color: #fff; font-size: 1.5em} #header li a.selected { opacity: 1;} #header ul:hover a { opacity: 0.6} #header ul:hover a:hover { opacity: 1} #header .search { cursor: pointer; width: 24px; height: 24px; display: block; position: absolute; top: 15px; right: 20px; background: url('../img/svg/search.svg') center center; background-size: 24px 24px; background-repeat: no-repeat;} #whiteheader .cell { vertical-align: middle} #whiteheader li { display: inline-block; } #whiteheader li a { opacity: 0.6; transition: colorchange 0.5s ease;padding: 18px 16px; color: #ba3030; font-size: 1.5em} #whiteheader li a.selected { opacity: 1;} #whiteheader ul:hover a { opacity: 0.6} #whiteheader ul:hover a:hover { opacity: 1} #whiteheader .search { cursor: pointer; width: 24px; height: 24px; display: block; position: absolute; top: 15px; right: 10px; background: url('../img/search.png') center center; background-size: 24px 24px; background-repeat: no-repeat;} .dategrid a { display: table-cell} .dategrid { width: 100%; display: table; box-sizing: border-box; margin-bottom: 40px; } .dategrid div { display: table-cell; box-sizing: border-box; padding: 10px 20px;} .dategrid div span.day { display: block} .dategrid div span.w { font-size: 22px; } .dategrid div span.day { font-size: 14px; font-family: 'PT Sans'; padding-top: 10px; } .dategrid div span.cut { display: none} .dategrid div.selected { background: #fff; box-shadow: 1px 1px 20px #ccc, -1px -1px 20px #ccc; color: #ba3030} .dategrid div.selected a { color: #ba3030 } .dategrid .arrow-left { background: url('../img/svg/arrow-left.svg') center center; background-repeat: no-repeat; } .dategrid .arrow-right { background: url('../img/svg/arrow-right.svg') center center; background-repeat: no-repeat; } .lenta img { max-width: 300px; height: auto; margin-bottom: 5px} span.lightning { width: 14px; height: 14px; margin: 0 3px; display: inline-block; background: url('../img/svg/lightning.svg') center center; background-size: 40px 40px; background-repeat: no-repeat;} span.photo { width: 16px; height: 14px; margin: 0 3px; display: inline-block; background: url('../img/svg/photo.svg') center center; background-size: 16px 14px; background-repeat: no-repeat;} span.video { width: 20px; height: 14px; margin: 0 3px; display: inline-block; background: url('../img/svg/video.svg') center center; background-size: 18px 18px; background-repeat: no-repeat;} span.audio { width: 12px; height: 16px; margin: 0 3px; display: inline-block; background: url('../img/svg/audio.svg') center center; background-size: 12px 16px; background-repeat: no-repeat;} span.blog { width: 16px; height: 14px; margin: 0 3px; display: inline-block; background: url('../img/svg/blog.svg') center center; background-size: 18px 18px; background-repeat: no-repeat;} span.article { width: 18px; height: 16px; margin: 0 3px; display: inline-block; background: url('../img/svg/article.svg') center center; background-size: 18px 16px; background-repeat: no-repeat;} span.online { width: 18px; height: 14px; margin: 0 3px; display: inline-block; background: url('../img/svg/online.svg') center center; background-size: 18px 16px; background-repeat: no-repeat;} span.comment { opacity: 0.5; color: #000; /* height: 12px; */ margin: 0 5px; display: inline-block; background: url('../img/svg/comments.svg') center center; background-size: 14px 14px; background-position: 0px 50%; padding-left: 20px; /* baseline-shift: super; */ background-repeat: no-repeat;} a:hover h2 { color: #ba3030; transition: color .2s;} #header .menu { cursor: pointer; width: 24px; height: 24px; display: block; position: absolute; top: 15px; right: 70px; background: url('../img/svg/menu.svg') center center; background-size: 24px 24px; background-repeat: no-repeat; z-index: 10;} #header .weather { font-family: 'PT Sans';cursor: pointer; width: 110px; height: 24px; display: block; position: absolute; top: 7px; right: 120px; color: #fff} #header .weather .temp { font-family: 'Roboto Slab', serif; font-size: 1.5em} #header .weather .icon { display: block; width: 40px; height: 40px; float: left; margin-right: 10px; background-size: 32px 32px; background-repeat: no-repeat; } #header .weather .icon img { width: 40px; height: 40px; margin: 0} #whiteheader .menu { cursor: pointer; width: 24px; height: 24px; display: block; position: absolute; top: 15px; right: 70px; background: url('../img/menu.png') center center; background-size: 24px 24px; background-repeat: no-repeat;} .weather img { width: 48px;height: 48px; margin: 20px 0} #header .clock { font-family: 'PT Sans';cursor: pointer; width: 110px; height: 24px; display: block; position: absolute; top: 7px; right: 80px; color: #fff} #header .clock .clock-time { font-family: 'Roboto Slab', serif; font-size: 1.5em} #whiteheader .weather { font-family: 'PT Sans';cursor: pointer; width: 100px; height: 24px; display: block; position: absolute; top: 7px; right: 120px; color: #ba3030} #whiteheader .weather .temp { font-family: 'Roboto Slab', serif; font-size: 1.5em} #whiteheader .weather .icon { display: block; width: 32px; height: 32px; float: left; background: url('../img/weather.png') bottom; margin-right: 10px; background-size: 32px 32px; background-repeat: no-repeat; } #main {position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } #main .block { background: #fff; position: relative; height: 400px; overflow: hidden; } #main .big { position: relative; width: 800px; height: 400px; overflow: hidden;} #main .big .inscription { position: absolute; color: #fff; padding: 10px; font-size: 16px; bottom: 20px; left: 20px; z-index: 15; text-shadow: 1px 1px 1px #000;border-radius: 3px; background: #cc0400 } #main .big .info { position: absolute; color: #fff; padding: 10px; font-size: 16px; bottom: 20px; right: 20px; z-index: 15; text-shadow: 1px 1px 1px #000;border-radius: 3px; background: rgba(0,0,0,0.4) } #main .big .info .comment { opacity: 1; color: #fff; background: url('../img/svg/comments_white.svg') center center no-repeat; background-size: 14px 14px; background-position: 0px 50%;} #main .big .info .views { opacity: 1; color: #fff; background: url('../img/svg/views_white.svg') center center no-repeat; background-size: 20px 20px; background-position: 0px 50%;} #main .big img { position: absolute; top: 0; left: 0; width: 800px; opacity: 1; height: auto; z-index: 9; } #main .big h2{ display: none; position: absolute; bottom: 40px; left: 0; z-index: 30; z-index: 100; color: #fff; font-weight: normal; font-size: 2.5em; text-shadow: 1px 1px 1px #000; line-height: 120%; width: 720px; padding: 40px; box-sizing: border-box; } #main #image { overflow: hidden; height: 400px;} #main .side { width: 480px; height: 400px; position: absolute; top: 0; left: 800px; z-index: 1111;} #main .side .mini { display: table; height: 80px; width: 100%; box-sizing: border-box; padding: 0 20px; } #main .side .mini div { display: table-cell; vertical-align: middle;} #main .side .mini:last-child { border-color: #fff} #main .side .selected { background: #ba3030 } #main .side .selected h2 { color: #fff} #main .side .mini h2 { color: #333; line-height: 120%} #main .side .selected h2 { color: #fff; } #main .gradient { position: absolute; top: 0; left: 501px; z-index: 20; width: 299px; height: 400px; } #content {position: relative; z-index: 9; margin-top: 0; } #content .block { position: relative; } #content .table { display: table; width: 100%} #content .table .cell { display: table-cell; vertical-align: top;} #content .one { width: 300px; padding-right: 20px; padding: 20px; } .three { padding: 0 0 0 20px;} .threeIndex { padding: 0 0 0 20px;} .pr40 { padding-right: 40px } #content .lenta { position: relative} #content .lenta div {padding: 10px 0; font-size: 1.4em; line-height: 120%;border-bottom: 1px solid #ececec; } #content .lenta div .date { font-size: 0.8em; color: #ba3030; padding-right: 5px} #content .tvsar { background: #fff; padding: 20px 0 20px 20px; } #content .tvsar .table { display: table; } #content .tvsar .video { display: table-cell; width: 33%; padding-right: 20px; vertical-align: top; position:relative} #content .tvsar .video .img { position: relative; margin-bottom: 10px } #content .tvsar .video:hover a { color: #ba3030; transition: color .5s;} #content .tvsar .video .play { position: absolute; top:40px; left: 100px; width:64px; height: 64px; opacity: 0.3; background: url('../img/play.png') no-repeat; background-size: 64px; z-index: 100} #content .tvsar .video .duration { position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.5); color: #fff; font-family: 'PT Sans'; padding: 2px 5px; z-index: 100; font-size: 10px; font-weight: bold;} #content .tvsar .video .duration img { height: 16px; width: 16px; margin-bottom: 0 } #content .tvsar .video img { width: 100%; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; height: auto; max-height: 150px;margin-bottom: 10px; } #content .tvsar .video h2 { margin-bottom: 10px} #content .tvsar .video p { font-family: 'PT Sans'; font-size: 14px; color: #333 } #content .tvsar p.date { margin-top: 10px; font-family: 'PT Sans'; color: #999} #content .table2 { display: table; width: 100% } #content .table2 .cell2 { display: table-cell; vertical-align: top; padding-right: 20px;} #content .table2 .cell1 { display: table-cell; vertical-align: top; width:300px; } #content .column { padding: 20px; background: #fff; margin-top: 20px; position:relative; vertical-align: middle} #content .column img { width: 260px; float: right; margin-left: 20px;} #content .column { padding: 20px; vertical-align: middle} #content .column h2 { font-size: 1.75em} .nondisplay { display: none} #content .column p { margin-top: 10px; color: #666; font-weight: normal; font-size: 1.2em; font-family: 'PT Sans'; } #content .column h3 { } #content .column .avatar { display: none } .feedback { margin-top: 20px; background: #fcf4e2; padding: 20px; font-size: 1.3em} .feedback p { font-family: 'PT Sans'; margin-bottom: 10px} .feedback a { color: #ba3030} a.btn { font-family: 'PT Sans'; padding: 5px 10px; font-weight: bold; border: 1px solid #d4d4d4; color: #aaaaaa; text-transform: uppercase} #photo { line-height: 90%; margin-top: 20px; position:relative; } #photo img { width: 100%; height: auto; opacity: 0.9} #photo:hover img { opacity: 1} #photo div.gallery { background: #000} #photo div.gallery div { position: absolute; box-sizing: border-box;bottom: 0; width: 80%; left: 0; padding: 40px;} #photo div.gallery div h3 { color: #fff; font-weight: bold;text-shadow: 1px 1px 1px #000; text-transform: uppercase; font-size: 1.25em; margin: 0} #photo div.gallery div h3 a { color: #fff} #photo div.gallery div h2 { color: #fff; font-size: 3em; text-shadow: 1px 1px 1px #000; line-height: 120%; font-weight: bold; } #photo .other { top: 0} #articles { box-sizing: border-box; padding: 20px; background: #fff; margin-top: 20px; position:relative; } #articles .table-row div img { width: 100%; height: auto; margin-bottom: 10px; opacity: 1} #articles .big-one { position: relative; margin-bottom: 20px; } #articles .big-one img { width: 100%; height: auto; opacity: 0.75; background: #000} #articles .big-one .caption { width: 100%; position: absolute; bottom:0; left: 0; padding: 40px; box-sizing: border-box; } #articles .big-one .caption .comment { opacity: 1; color: #fff; margin: 0 5px; display: inline-block; background: url('../img/svg/comments_white.svg') center center; background-size: 14px 14px; background-position: 0px 50%; font-weight: normal; padding-left: 25px; /* baseline-shift: super; */ background-repeat: no-repeat; } #articles .big-one .caption .views { opacity: 1; color: #fff; margin: 0 5px; display: inline-block; background: url('../img/svg/views_white.svg') center center; background-size: 20px 20px; background-position: 0px 50%; font-weight: normal; padding-left: 25px; /* baseline-shift: super; */ background-repeat: no-repeat; } .newshead .comment { background-size: 18px 18px; font-size: 18px; padding-left: 25px;} .newshead .views { background-size: 22px 22px; font-size: 18px; padding-left: 25px;} #articles .big-one:hover img { opacity: 1;} #articles .big-one .caption h2 { color: #fff; font-size: 2em; text-shadow: 1px 1px 1px #000; line-height: 120%;width: 100%; font-weight: bold; } #articles .big-one .news h2 { font-size: 2em} #articles .big-one p { margin-top: 10px; font-size: 1.5em; color: #fff;text-shadow: 1px 1px 1px #000; line-height: 120%} #articles .big-one .caption p.date { color: #fff; } #articles .table-row div { display: table-cell; width: 50%; box-sizing: border-box; } .table-row { display: table !important; width: 100% !important; padding: 0 !important } #articles .table-row div:first-child { padding-right: 10px;} #articles .table-row div:last-child { padding-left: 10px;} #articles .table-row div h2 { margin-bottom: 10px; line-height: 120%; } #articles div p { color: #666; font-family: 'PT Sans'; font-size: 14px; } #articles div p.date { margin-top: 10px; font-family: 'PT Sans'; color: #999} .newslist { padding-right: 40px; } .newslist div { display: table; margin-bottom: 40px} .newslist .main { margin-bottom: 20px; } .newslist div .cell { display: table-cell; vertical-align: top;} .newslist div .cell p { color: #666; font-family: 'PT Sans'; font-size: 18px; } .newslist div .cell p.date { margin-top: 10px; font-family: 'PT Sans'; color: #999} .newslist div .cell p.author { margin-top: 10px; font-family: 'PT Sans'; color: #999} .newslist div .cell img { width: 160px; margin-right: 40px;} .newslist div .imgBlogcell img, .newslist div.main .cell.imgBlogcell img { width: 100px; height: 100px; border-radius: 50%; margin-right: 40px;} .newslist h2 { font-size: 1.5em; margin-bottom: 10px; line-height: 120%; } .newslist div .date { padding-right: 40px; font-size: 20px; color: #666} .newslist div.main .cell img { width: 320px; } .newslist div.main h2 { color: #ba3030; font-size: 2.5em;} #articles .table-row div h2 { margin-bottom: 10px; line-height: 120%; } #articles div p { color: #666; font-family: 'PT Sans'; font-size: 14px; } #articles div p.date { margin-top: 10px; font-family: 'PT Sans'; color: #999} #projects { box-sizing: border-box; padding: 20px; background: #fff; margin-top: 20px; position:relative; } #projects div img { width: 100%; height: auto; margin-bottom: 10px; opacity: 1} #projects div { display: table-cell; width: 33%; padding: 0 20px 20px 0; } .table-row { display: table !important; width: 100% !important; padding: 0 !important } #projects div:last-child {padding-right: 20px;} #projects div h2 { margin-bottom: 10px; line-height: 120%; font-size: 1.2em } #projects div p { color: #666; font-family: 'PT Sans'; font-size: 14px; } #projects div p.date { margin-top: 10px; font-family: 'PT Sans'; color: #999} #blogs { margin-top: 20px; font-family: 'PT Sans'; line-height: 100%; } #blogs td { padding: 0 0 20px 0} #blogs table { margin-top: 20px; } #blogs img { border-radius: 50%; margin-bottom: 10px; width: 75px; } #blogs p { font-size: 14px; line-height: 120%; } #digital { border: 1px solid #000; padding: 20px; margin-top: 20px} #digital .number { text-align: center; font-size: 5em;line-height: 100%; } #digital .units { text-align: center; font-size: 2em; line-height: 120%; } #digital .text { text-align: center; font-size: 1em; line-height: 120%; padding: 10px 0 0 0;} .digital { font-size: 1.4em; text-align: center; border: 1px solid #000; padding: 10px !important; border: 1px solid #000 !important; margin: 0 0 10px 0} .digital .number { font-size: 5em !important; line-height: 100% !important; padding: 0 !important; border: none !important; } .digital .units { font-size: 2em !important; line-height: 120%; border: none !important; padding: 0 !important; } .digital .text { font-size: 1em !important; line-height: 120% !important; padding: 10px 0 0 0 !important; border: none !important;} #content #online { margin-top: 20px; } #content #online div { } #content #online img { height: 100px; border-radius: 50%; float: left; margin-right: 20px; } #content #online h2 { font-weight: normal; font-size: 1.5em} #content #online p { margin-top: 10px; color: #666; font-size: 1.2em} #content #online p span{ font-weight: bold} span.btn { font-family: 'PT Sans'; font-weight: bold; padding: 5px 10px; border: 1px solid #d4d4d4; color: #aaaaaa; text-transform: uppercase} #content #online h3 { } #content #editor { margin-top: 20px; } #content #editor div { } #content #editor img { height: 100px; border-radius: 50%; margin-right: 20px; } #content #editor h2 { font-weight: normal; font-size: 1.5em} #content #editor p { margin-top: 10px; color: #666; font-weight: normal; font-size: 1.2em} #content #editor p span{ font-weight: bold} #content #editor h3 { } #pop div { position: relative; margin-bottom: 20px;} #pop div img { width: 260px; float: left; margin-right: 20px;} #pop { position:relative; background: #fff; margin-top: 20px; padding: 20px;} #pop p { margin-top: 10px; color: #666; font-family: 'PT Sans'; font-size: 14px; } div.other { position: absolute !important; margin: 0 !important; top: 20px; right: 10px;} div.other a { color: #ccc; font-family: 'PT Sans'; font-size: 1em; text-transform: uppercase; padding: 5px 10px;} div.tabs { position: absolute !important; margin: 0 !important; top: 0; right: 0;} #pop .tabs { top: 20px; right: 20px} div.tabs a { color: #999; font-family: 'PT Sans'; font-size: 1em; text-transform: uppercase; padding: 5px 10px;} div.tabs a.selected { color: #ba3030; border-bottom: 2px solid #ba3030} .clear { height: 1px; clear: both} #stories { margin-top: 20px;} #stories div.story {line-height: 90%; margin-bottom: 20px; position:relative; background: #000;} #stories div.story:last-child { margin-bottom: 0} #stories div.root img { width: 100%;opacity: 0.75; padding-bottom: 150px;} #stories div.reference { position: absolute; bottom: 0; left: 0; width: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+68&0+0,1+69 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.99) 68%, rgba(0,0,0,1) 69%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.99) 68%,rgba(0,0,0,1) 69%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.99) 68%,rgba(0,0,0,1) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ padding-top: 150px; } .reference h2 { padding: 20px; color: #fff; font-size: 3em; } #stories div.reference div h2 { padding: 0;} #stories div.reference div { display: table-cell;width: 33%; box-sizing: border-box; padding: 0 20px 20px 20px;} #stories div.reference div h2 { color: #fff;font-weight: normal; font-size: 14px; padding: 0; width: 100% } #stories div.reference div p { font-family: 'PT Sans'; margin-top: 10px; color: #fff } #stories div.reference div span { color: #fff } #stories div:hover img { display: block; opacity: 1} #stories div.root h2{ /* min-height: 30%; */ /* max-height: 50%; */ overflow: auto; margin: auto; overflow-y: hidden; overflow-x: hidden; position: absolute; z-index: 100; bottom: 150px; left: 0; /* bottom: 0; */ /* right: 0; */ padding: 0 20px; box-sizing: border-box; color: #fff; font-size: 3em; width: 100%; text-align: center; text-shadow: 1px 1px 5px #000; line-height: 120%; font-weight: bold; } .photoweek { margin-top:20px} .photoweek img { width: 100%; height: auto;} .photoweek a { display: inline-block; line-height: 100%; } .photoweek .description { padding: 20px; background: #fff;} #footer .logo { width: 360px;box-sizing: border-box; padding: 0 20px; text-align: center } #footer .row { display: table-row;} #footer .cell { vertical-align: middle; border-bottom: 1px solid #666; width: 33%; padding: 20px 0} #footer { font-family: 'PT Sans'; background: #1f2125; margin-top: 20px; color: #fff; padding: 0 0} #footer .apps { width: 300px; text-align: center} .footer-social-icons { text-align: center} .footer-social-vk { background: url('../img/social/svg/vk.svg') center center; background-repeat: no-repeat; background-position: 3px; } .footer-social-fb { background: url('../img/social/svg/fb.svg') center center; background-repeat: no-repeat; background-position: 3px; } .footer-social-tw { background: url('../img/social/svg/twitter.svg') center center; background-repeat: no-repeat; background-position: 3px; } .footer-social-ok { background: url('../img/social/svg/ok.svg') center center; background-repeat: no-repeat; background-position: 3px; } .footer-social-inst { background: url('../img/social/svg/instagram.svg?12') center center; background-repeat: no-repeat; background-position: 3px; } .footer-social-zen { background: url('../img/social/svg/zen.svg?12') center center; background-repeat: no-repeat; background-size: 20px; } .footer-social-telegram { background: url('../img/social/svg/telegram.svg') center center; background-repeat: no-repeat; background-position: -3px -3px; } .footer-social-icons a { display: inline-block; width: 32px; height: 20px; opacity: 0.7; } .footer-email { text-align: center; padding-top: 20px; opacity: 0.7; font-size: 1.4em;} .footer-email a { opacity: 0.7; padding: 0 10px; color: #fff} .footer-phones { text-align: center; padding-top: 20px; opacity: 0.7; font-size: 2em;} .footer-phones a { color: #fff} .footer-menu { color: #fff; text-align: center} .footer-menu a { opacity: 0.7; font-size: 1.4em; padding: 0 10px; color: #fff} .footer-menu a:hover { opacity: 1} .footer-social-icons a:hover { opacity: 1} .reg { padding: 20px; opacity: 0.7; text-align: center; width: 70%; margin: 0 auto; font-size: 1.4em;} .footer-correct { opacity: 0.7; text-align: right; font-size: 1.4em} .footer-editor { opacity: 0.7; font-size: 1.4em} .footer-editor a { opacity: 0.7; color: #fff} .footer-editor a:hover { opacity: 1} .footer-editor p { margin-bottom: 10px;} .newshead .social { margin: 0; vertical-align: bottom; margin-bottom: -3px; margin-left: 20px; } .ya-share2__container { display: inline} .newshead { padding: 0 0 20px 0; width: 900px; position: relative; } .newshead h1 { font-size: 36px; color: #000; margin-bottom: 20px; margin-left: 50px; font-weight: normal; } .newshead h2 { font-size: 24px; color: #555; margin-bottom: 20px; margin-left: 50px; font-weight: normal; } .articlehead h1 { font-weight: bold; } .articlehead h2 { } .newshead p { margin-left: 50px; font-size: 18px; color: #777} .newshead div.add { float: right; } .newshead .articleauthor { text-align: left; margin-left: 50px; font-family: 'Roboto Slab', serif; padding-top: 10px; font-size: 16px; color: #999 } .newshead .photoauthor { text-align: right; font-family: 'Roboto Slab', serif; padding-top: 10px; font-size: 16px; color: #999 } .newshead .img { width: 100%; margin-top: 20px;} div.smallImg { float: left; margin: 20px 20px 20px 0 } .newshead video { max-width: 100%; margin-top: 20px;} .blogAuthor .bloger { margin-left: 0 !important} .newslist .aboutBloger { margin-top: 0; margin-left: 0; margin-bottom: 0} .newslist .aboutBloger .bloger { width: 96px !important; height: 96px; margin-left: 0} .aboutBloger .bloger { height: 96px; width: 96px !important; border-radius: 50%; margin-left: 50px; margin-right: 20px;} .aboutBloger { display: table; margin-top: 20px; margin-bottom: 20px} .aboutBloger h2 { margin-left: 0;} .aboutBloger p { margin-left: 0;} .aboutBloger div { float: none; vertical-align: middle; display: table-cell} #scoring { white-space: nowrap;padding-left: 10px;} .newshead .author { opacity: 0.5; color: #000; /* height: 12px; */ margin: 0 5px; display: inline-block; margin-bottom: 20px; /* baseline-shift: super; */ background-repeat: no-repeat;} .newshead .authorArticle { opacity: 0.5; color: #000; /* height: 12px; */ display: inline-block; margin-bottom: 20px; /* baseline-shift: super; */ background-repeat: no-repeat;} .readalso { width: 300px; float: right; margin: 0 40px 20px 20px; padding: 20px; content-box: border; } .readalso img { width: 100%} .readalso p { color: #999; margin-left: 0; font-size: 16px} .func .cell { vertical-align: middle !important;} .func { margin: 0 0 20px 0; background: #fff; background: #fff; padding: 20px; content-box: border} .func .vote a { transition: background .2s; padding: 3px; background: #fff; border: 1px solid #ddd; color: #666; display: inline-block; width: 18px; text-align: center; border-radius: 3px;} .func .vote a:hover { background: #ba3030; border-color: #ba3030; color: #fff } .func .vote span { } .func .vote span span { font-weight: bold;} .func .vote div { display: inline} .func .tar { text-align: right } a.button { padding: 10px 20px; color: #fff; border-radius: 3px; background: #ba3030; font-size: 18px; font-weight: bold; display: inline; white-space: nowrap; text-align: center; position: relative; top: 0px; transition: all ease 0.3s;} a.button:hover {background: #9b1f1f } a.button:active { top: 3px; } #ratingResult { font-weight: bold;} .recommend img { height: auto; max-height: none !important} .full a { border-bottom: 1px solid #ba3030; -webkit-transition: 0.1s linear color; -o-transition: 0.1s linear color; -moz-transition: 0.1s linear color; transition: 0.1s linear color; color: #ba3030; padding-top: 2px;} .full p { font-family: 'PT Sans'; color: #000; font-size: 20px; width:70%; margin-left: 50px; line-height: 130%; margin-bottom: 1em;} .full .textauthor { color: #666; font-size: 15px; } .full ul { font-family: 'PT Sans'; color: #000; font-size: 20px; width:70%; margin-left: 50px;margin-bottom: 1em; } .full ol { font-family: 'PT Sans'; color: #000; font-size: 20px; width:70%; margin-left: 50px;margin-bottom: 1em; } .full li { font-family: 'PT Sans'; color: #000; font-size: 20px; width:70%; margin-left: 50px;margin-bottom: 1em; line-height: 130% } .full table { font-family: 'PT Sans'; color: #000; font-size: 20px; width:70%; margin-left: 50px;margin-bottom: 1em; } .full a:hover { color: #ba3030 } .full p { font-size: 19px} .full p.pre { font-size: 22px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dfdfdf} .full h2 { font-size: 24px; width:70%; margin-left: 50px; line-height: 120%; margin-bottom: 1em; } .full blockquote { font-size: 24px; width: 100%; line-height: 150%; margin-bottom: 1em; padding: 0 20px; color: #000; border-left: 3px solid #ba3030} .full .bl15 { box-sizing: border-box; font-size: 24px; font-family: Georgia; width:100%; line-height: 150%; margin: 40px 0; color: #000; padding: 0 20px; border-left: 3px solid #ba3030} .full .br15 { box-sizing: border-box; font-size: 24px; font-family: Georgia; width:100%; line-height: 150%; margin: 40px 0; color: #000; padding: 0 20px; border-left: 3px solid #ba3030} .full p img { width: auto; clear: both; margin: 0 auto 20px auto; display: block } .full .caption { margin: 10px 0; margin-bottom: 20px; } .full .caption img { margin-bottom: 5px;} .full .caption span { color: #999; font-size: 16px} .tags { font-family: 'PT Sans'; color: #000; font-size: 20px; width:70%; margin-left: 50px; line-height: 160%; margin-bottom: 1em; color: #999; } .tags p {font-size: 16px; color: #ccc } .tags span { color: #ba3030} .tags a { color: #999; background: #eee; font-size: 13px;white-space: nowrap; padding: 5px 10px; /* font-weight: bold; */ border-radius: 3px;} .wrapper { height: 0; padding-top: 25px; padding-bottom: 56.34%; margin-bottom: 10px; position: relative; overflow: hidden; } .wrapper.widescreen { padding-bottom: 56.34%; } .wrapper.vimeo { padding-top: 0; } .wrapper embed, .wrapper iframe, .wrapper object, .wrapper video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .imgleft { height: auto; margin: 0 30px 30px 0; float: left; } .imgright { height: auto; margin: 0 0 30px 30px; float: right; } .readalso h2 { font-size: 1.5em !important; margin: 20px 0 0 0; width: 100%} .left { float: left; margin: 0 20px 20px 0; } #searchBox { display: none; position: fixed; top:0; left: 0; width: 100%; background: #fff; z-index: 200;box-shadow: 1px 1px 30px #666 } #searchBox .block { width: 1280px; margin: 0 auto; padding: 50px 0 50px 0; text-align: center; position: relative;} #searchBox #closeSearch { cursor: pointer; height: 32px; position: absolute; top: 70px; right: 0;} #searchBox input { padding: 11px 20px; width: 50%; vertical-align: top; border: 2px solid #ccc; font-family: 'Roboto Slab', serif; font-size: 24px; color: #ba3030} #searchBox button { padding: 11px 20px; vertical-align: top; background: #ba3030; border: 2px solid #ba3030; font-size: 24px; color: #fff; font-family: 'Roboto Slab', serif;} .searchBox { width: 100%; clear: both; margin-bottom: 20px;} .searchBox input { padding: 11px 20px; width: 100%; box-sizing: border-box; vertical-align: top; border: 2px solid #ccc; font-family: 'Roboto Slab', serif; font-size: 24px; color: #ba3030} .searchBox button { padding: 11px 20px; vertical-align: top; background: #ba3030; border: 2px solid #ba3030; font-size: 24px; color: #fff; font-family: 'Roboto Slab', serif;} .searchResults { margin-bottom: 40px; font-size: 16px; } .searchResults a { color: #ba3030} .searchResults p { margin-bottom: 20px;} .searchResults .tags { margin-left:0 } .searchResults .tags a { color: #999} #menuBox { display: none; position: fixed; top:0; left: 0; width: 100%; background: #fff; z-index: 200;box-shadow: 1px 1px 30px #666 } #menuBox .block { width: 1280px; margin: 0 auto; padding: 50px 0 50px 0; text-align: center; position: relative;} #menuBox #closeMenu { cursor: pointer; height: 32px; position: absolute; top: 70px; right: 0;} #menuBox input { padding: 11px 20px; width: 50%; vertical-align: top; border: 2px solid #ccc; font-family: 'Roboto Slab', serif; font-size: 24px; color: #ba3030} #menuBox button { padding: 11px 20px; vertical-align: top; background: #ba3030; border: 2px solid #ba3030; font-size: 24px; color: #fff; font-family: 'Roboto Slab', serif;} #menuBox .table { border-top: 5px solid #eee; padding: 20px 0; display: table; width: 80%; margin: 20px auto 0 auto;} #menuBox .table div { display: table-cell; width: 25%; text-align: left; } #menuBox .table div li { list-style: none; font-size: 26px; font-weight: bold; line-height: 50px } #menuBox .table div a { color: #ba3030} #bgLayer { display: none; position: fixed; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.3; } #weatherBox { display: none; position: fixed; top:0; left: 0; width: 100%; background: #fff; z-index: 200;box-shadow: 1px 1px 30px #666 } #weatherBox .block { width: 1280px; margin: 0 auto; padding: 50px 0 50px 0; text-align: center; position: relative;} #weatherBox #closeSearch { cursor: pointer; height: 32px; position: absolute; top: 30px; right: 0;} #weatherBox input { padding: 11px 20px; width: 50%; vertical-align: top; border: 2px solid #ccc; font-family: 'Roboto Slab', serif; font-size: 24px; color: #ba3030} #weatherBox button { padding: 11px 20px; vertical-align: top; background: #ba3030; border: 2px solid #ba3030; font-size: 24px; color: #fff; font-family: 'Roboto Slab', serif;} #weatherBox h1 { font-size: 24px;} #weatherBox h2 { margin: 20px 0} #weatherBox { width: 100%;font-family: 'PT Sans'; font-size: 16px; } #weatherBox .table { display: table; width: 100%; } #weatherBox .forecast { display: table-cell; width: calc(100%/7) } #weatherBox .forecast .days { color: #000; } #weatherBox .forecast .days span { color: #999} .column1 { width: 360px;box-sizing: border-box; padding: 0 20px; text-align: center} .column2 { width: 300px; text-align: right} .w300 { width: 300px; } .pt35 { padding-top: 35px} .mb20 { margin-bottom: 20px } .newsdate { text-align: center; color: #999; padding: 40px 20px 0 20px } .newsdate h2 span { font-size: 96px; color: #999} .newsdate h2 { font-size: 26px } .newscell { padding: 20px 20px; vertical-align: middle} .newscell img { float: left; height: 150px; margin-right: 20px } .newscell .comment { opacity: 0.5; color: #000; /* height: 12px; */ margin: 0 5px; display: inline-block; background: url('../img/comment.png') top; background-size: 16px 16px; background-position: 0px 50%; padding-left: 25px; /* baseline-shift: super; */ background-repeat: no-repeat;} .newscell .views { opacity: 0.5; color: #000; /* height: 12px; */ margin: 0 5px; display: inline-block; background: url('../img/view.png') top; background-size: 20px 20px; background-position: 0px 50%; padding-left: 25px; /* baseline-shift: super; */ background-repeat: no-repeat;} .newscell h2 { font-size: 24px} .newscell .anons { padding: 10px 0 } .newscell p.date span.date { color: #cc0400} .newslist .articles h2 { color: #000 !important} .newslist .articles p.short { font-family: 'Roboto Slab', serif;font-size: 16px; } .newslist .articles p.questions { font-family: 'Roboto Slab', serif;font-size: 16px; margin: 20px 0 } .newslist .articles a.category { font-weight: bold; color: #ba3030} .newslist .articles span.category { font-weight: bold; color: #ba3030} .row {display: table-row} .box { display: none} .visible { display: block;} figure { position: relative; width: 100%; margin: 0; overflow: hidden; } figure img { display:block; /*remove inline-block spaces*/ width:100%; /*make image streatch*/ margin:-21.875% 0; } .datepickerTimeField { width: 1px; height: 1px; overflow: hidden; border: none} #comments { display: none; margin-bottom: 20px} #tolstoyComments { display: none; margin-bottom: 20px;} .loader{ width: 100px; height:100px; border-radius: 100%; position: relative; margin: 0 auto; } #loader-2 span{ display: inline-block; width: 10px; height: 10px; border-radius: 100%; background-color: #ba3030; margin: 15px 5px; } #loader-2 span:nth-child(1){ animation: bounce 1s ease-in-out infinite; } #loader-2 span:nth-child(2){ animation: bounce 1s ease-in-out 0.33s infinite; } #loader-2 span:nth-child(3){ animation: bounce 1s ease-in-out 0.66s infinite; } @keyframes bounce{ 0%, 75%, 100%{ -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 25%{ -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } } .big-article { width: 100%;} .big-article .pd { width: 100%; background: #000; line-height: 90%; position: relative; } .big-article .pd img { width: 100%; opacity: 0.8;} .big-article .pd:hover img { opacity: 1;} .big-article .pd .caption { position: absolute; bottom: 80px; left: 80px; margin-bottom: 0} .big-article .pd .caption h2 { color: #fff; font-size: 3em; text-shadow: 1px 1px 1px #000; line-height: 120%; width: 70%; font-weight: bold;} .big-article .pd .caption h3 { color: #fff; font-size: 2em; text-shadow: 1px 1px 1px #000; line-height: 120%; width: 70%; font-family: Georgia; font-weight: normal; text-transform: none;} .big-article .pd .caption h4 { color: #fff; font-size: 16px; margin-bottom: 10px; text-shadow: 1px 1px 1px #000; line-height: 120%; width: 70%; font-family: 'PT Sans'; font-weight: normal; text-transform: none;} .big-article .pd p.date { color: #ccc} .big-article .pd .caption .comment { opacity: 1; color: #ccc; margin: 0 5px;width: 16px; height: 16px; display: inline-block; background: url(../img/comment_white.png) top; background-size: 16px 16px; background-position: 0px 50%; font-weight: normal; padding-left: 25px; /* baseline-shift: super; */ background-repeat: no-repeat; } .newshead .video { margin-top: 20px} a:focus { outline: none } .gallery { margin-top: 20px;} .gallery .mainImg { margin-bottom: 5px; } .gallery .mainImg img { width: 100%; display: block } .gallery .vertical { text-align: center; background: #ccc; } .gallery .vertical img { margin: 0 auto; max-height: 480px; width: auto; } .gallery .scrollImg { display: table; width: 100%} .gallery .mini { display: table; width: auto; margin: 0 auto;} .gallery .thumb { display: table-cell; vertical-align: top; position: relative; box-sizing: border-box; border: 5px solid #fff; z-index: 1; } .gallery .thumb:first-child { border-left: 0 } .gallery .thumb:last-child { border-right: 0 } .gallery .lastPhoto { border-right: 0 } .gallery .thumb .counterPhoto { background-color: rgba(0,0,0,0.7); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; color: #fff; border-right: 0 left: 0; width: 100%; height: 100%;} .gallery .thumb .counterPhoto span { padding: 10px; border: 5px solid #fff; color: #fff; font-weight: bold;font-size: 22px} .gallery .thumb .over { overflow: hidden; position: relative; height: 120px;} .gallery .thumb img { width: 105%; display: block} .gallery .thumb a { cursor: zoom-in;} #partnerNews { margin-top: 20px; } #partnerNews .date{ font-size: 14px !important} .load { text-align: center; margin-bottom: 40px;} .load a.button { display: inline} #posts .post { padding: 20px 0; border-bottom: 1px solid #eee} #posts .post img { margin-left: 50px; margin-bottom: 20px;} #posts .post .date { color: #ba3030} #posts .post .date span { color: #ccc } .head { background: #fff; margin-top: -10px; margin-bottom: 30px; padding: 20px} .head h1 { color: #000; margin: 10px 0; font-size: 32px; } .head h1:first-letter { text-transform: uppercase; } .head .aboutBloger { margin-bottom: 0} .head .aboutBloger .bloger { margin-left: 0} .head .aboutBloger h2 { font-size: 24px; color: #555; margin-bottom: 20px; margin-left: 30px; font-weight: normal; } .head .aboutBloger p { margin-left: 30px; font-size: 18px; color: #999; } .pl0 { padding-left: 0} .qa p.author { color: #999} .qa span.author { font-weight: bold; color: #ba3030} .qa span.date { float: right} .qa .question { font-family: 'PT Sans'; color: #000; font-size: 20px; width: 70%; font-weight: bold; margin-left: 50px; line-height: 130%; margin-bottom: 1em; } .qa .answer { font-family: 'PT Sans'; color: #000; font-size: 20px; width: 70%; padding: 20px; margin-left: 50px; line-height: 130%; margin-bottom: 1em; background: #fcf4e2; } .error h1 { color: #000 } .error { text-align: center; padding: 0 0 100px 0; } .error a { border-bottom: 1px solid #ba3030; -webkit-transition: 0.1s linear color; -o-transition: 0.1s linear color; -moz-transition: 0.1s linear color; transition: 0.1s linear color; color: #ba3030; padding-top: 2px;} .error p { font-family: 'PT Sans'; color: #000; font-size: 20px; width: 100%; text-align: center; line-height: 130%; margin-bottom: 1em;} .counters { text-align: center; padding-bottom: 20px;} #vote { box-sizing: border-box; padding: 20px; background: #fff } #vote .question { font-size: 16px; margin-bottom: 20px; line-height: 150%; font-weight: bold; } #vote .answer span { font-size: 14px;} #vote .details { background: #ccc; height: 10px; } #vote .answer td { vertical-align: top; font-size: 12px;} #vote .answer table span { font-size: 12px;} #vote .answer table { margin-top: 5px; margin-bottom: 10px;} #vote .answer td:last-child { width: 70px; white-space: nowrap; text-align: right} #vote .voters { text-align: center;} .bigVote { background: none; padding: 0;} .voting { cursor: pointer; padding: 10px 0; border-top: 1px solid #ccc} .valign { vertical-align: middle !important} .banner img { display: block; margin: 0 auto;} .banner object { display: block; margin: 0 auto;} .banner { text-align: center; } .lentaBanner { width: 100%; height: auto;} .bf { background: #fff; } .mt { margin-top: 20px;} .zeroPixel { height: 1px !important; width: 1px !important; display: none !important;} .page { width: 700px; margin: 0 auto; } .page h1 { color: #000; text-align: center; } .page ul { font-family: 'PT Sans'; color: #000; font-size: 20px; margin-left: 20px;margin-bottom: 1em; } .page ol { font-family: 'PT Sans'; color: #000; font-size: 20px; margin-left: 20px;margin-bottom: 1em; } .page li { font-family: 'PT Sans'; color: #000; font-size: 20px; margin-left: 20px;margin-bottom: 1em; line-height: 130% } .page img { width: auto; max-width: 100%; height: auto} .page p { font-family: 'PT Sans'; color: #000; font-size: 20px; line-height: 130%; margin-bottom: 1em;} .page p span { color: #999 } .page a { border-bottom: 1px solid #ba3030; -webkit-transition: 0.1s linear color; -o-transition: 0.1s linear color; -moz-transition: 0.1s linear color; transition: 0.1s linear color; color: #ba3030; padding-top: 2px;} .page a:hover { color: #ba3030 } h2.story { padding: 0 40px 20px 40px } .story a:hover h2 { color: #fff} .innerNews { padding-right: 40px;} .scrollToTop{ width:64px; cursor: pointer; height:64px; box-sizing: border-box; border-radius: 50%; text-align:center; position:fixed; bottom: 20px; right: 20px; display:none; background: #ffffff; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojYmEzMDMwO308L3N0eWxlPjxnPjxnIGlkPSJJY29uLUNoZXZyb24tTGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM3LjAwMDAwMCwgMzM1LjAwMDAwMCkiPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBpZD0iRmlsbC0zNSIgcG9pbnRzPSItMTkxLjMsLTI5Ni45IC0xOTMuMywtMjk0LjkgLTIwNSwtMzA2LjYgLTIxNi43LC0yOTQuOSAtMjE4LjcsLTI5Ni45IC0yMDUsLTMxMC42ICAgICAgLTE5MS4zLC0yOTYuOSAgICAiLz48L2c+PC9nPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: 64px; background-position: 50%; z-index: 1000 } .scrollToTop:hover{ text-decoration:none; } .form h1 { font-size: 32px; text-align: center; color: #000 } .form { background: #fff; padding: 40px; box-sizing: border-box; margin-bottom: 40px; margin-top: 40px; } .form p { width: 50%; margin: 0 auto 20px auto; text-align: center; } .form #errors p { color: #ba3030} .form div { text-align: center; margin-bottom: 20px; } .form a { border-bottom: 1px solid #ba3030; -webkit-transition: 0.1s linear color; -o-transition: 0.1s linear color; -moz-transition: 0.1s linear color; transition: 0.1s linear color; color: #ba3030; padding-top: 2px; } .form input { padding: 10px; box-sizing: border-box; width: 500px; font-family: 'Roboto Slab', serif; font-size: 18px; } .form textarea { padding: 10px; box-sizing: border-box; width: 500px; height: 150px; font-family: 'Roboto Slab', serif; font-size: 18px; } .form button { cursor: pointer; border: none; padding: 10px; background: #ba3030; color: #fff; box-sizing: border-box; width: 300px; font-family: 'Roboto Slab', serif; font-size: 18px; } .socialIcons { display: inline-block; width: 24px; height: 24px; border-radius: 3px; vertical-align: bottom;} .socialPhone { font-size: 22px; } a.phone { color: #333; text-decoration: none; } .telegram { background: #64a9dc; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 20px; background-repeat: no-repeat } .whatsapp { background: #65bc54; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.794c0 4.304-3.517 7.794-7.855 7.794a7.87 7.87 0 0 1-3.796-.97L4 20l1.418-4.182a7.714 7.714 0 0 1-1.127-4.024C4.29 7.489 7.807 4 12.145 4S20 7.49 20 11.794zm-7.855-6.553c-3.641 0-6.603 2.94-6.603 6.553 0 1.434.467 2.762 1.258 3.842l-.825 2.433 2.537-.806a6.6 6.6 0 0 0 3.633 1.084c3.642 0 6.604-2.94 6.604-6.553s-2.962-6.553-6.604-6.553zm3.967 8.348c-.049-.08-.177-.128-.37-.223-.192-.095-1.139-.558-1.315-.621-.177-.064-.305-.096-.434.095a10.92 10.92 0 0 1-.61.749c-.112.128-.224.143-.416.048-.193-.096-.813-.297-1.549-.948a5.76 5.76 0 0 1-1.07-1.323c-.113-.191-.013-.295.084-.39.086-.086.192-.223.289-.334.096-.112.128-.191.192-.319s.032-.239-.016-.335c-.048-.095-.433-1.035-.594-1.418-.16-.382-.32-.318-.433-.318-.112 0-.24-.016-.369-.016a.71.71 0 0 0-.513.239c-.177.19-.674.653-.674 1.593s.69 1.848.786 1.976c.096.127 1.332 2.119 3.289 2.884 1.958.764 1.958.51 2.31.477.353-.031 1.14-.461 1.3-.908.16-.446.16-.829.113-.908z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 20px; background-repeat: no-repeat } .viber { background: #7b519d; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M18.434 15.574c-.484-.391-1.002-.743-1.511-1.102-1.016-.718-1.945-.773-2.703.38-.426.648-1.021.677-1.644.392-1.718-.782-3.044-1.989-3.821-3.743-.344-.777-.34-1.473.465-2.022.425-.29.854-.634.82-1.268-.045-.828-2.043-3.593-2.832-3.885a1.429 1.429 0 0 0-.984 0C4.373 4.95 3.606 6.48 4.34 8.292c2.19 5.405 6.043 9.167 11.349 11.463.302.13.638.183.808.23 1.208.012 2.623-1.158 3.032-2.318.393-1.117-.438-1.56-1.096-2.093zM12.485 4.88c3.879.6 5.668 2.454 6.162 6.38.045.363-.09.909.426.919.538.01.408-.528.413-.89.045-3.699-3.163-7.127-6.888-7.253-.281.04-.863-.195-.9.438-.024.427.466.357.787.406z'/%3E%3Cpath d='M13.244 5.957c-.373-.045-.865-.222-.953.299-.09.546.458.49.811.57 2.395.538 3.23 1.414 3.624 3.802.057.349-.057.89.532.8.436-.066.278-.53.315-.802.02-2.293-1.936-4.38-4.329-4.669z'/%3E%3Cpath d='M13.464 7.832c-.249.006-.493.033-.585.3-.137.4.152.496.446.544.983.158 1.5.74 1.598 1.725.027.268.195.484.452.454.356-.043.389-.361.378-.664.017-1.106-1.227-2.385-2.289-2.359z'/%3E%3C/g%3E%3C/svg%3E"); background-size: 20px; background-repeat: no-repeat } .hc__message__txt a { word-wrap: break-word; } .fastLine { padding: 15px 0; z-index: 20; position: relative; background: #fff; text-align: center; box-shadow: 0 0 11px 1px rgba(0,0,0,0.21);} .fastLine h2 { display: inline-block} .subscribeBox { margin: 0 0 20px 0; background: #fcf4e2; padding: 20px; font-size: 18px; } .subscribeBox input { /* padding: 10px; */ border: none; padding: 10px 20px; color: #fff; border-radius: 3px; /* background: #ba3030; */ font-size: 18px; font-weight: bold; display: inline; white-space: nowrap; /* text-align: center; */ position: relative; top: 0px; outline: none; transition: all ease 0.3s; color: black; } .subscribeBox button { cursor: pointer; padding: 10px 20px; color: #fff; border: none; border-radius: 3px; background: #ba3030; font-size: 18px; font-weight: bold; display: inline; white-space: nowrap; text-align: center; position: relative; top: 0px; outline: none; transition: all ease 0.3s; } .subscribeBox .errors { display: block; text-align: center;color: #ba3030; font-size: 14px;} .subscribeBox .cell:last-child { text-align: right} .subscribeBoxIndex { margin: 20px 0 20px 0; background: #fcf4e2; padding: 20px; font-size: 18px; line-height: 120% } .subscribeBoxIndex div { margin-top: 10px;} .subscribeBoxIndex input { /* padding: 10px; */ border: none; padding: 10px 20px; color: #fff; border-radius: 3px; /* background: #ba3030; */ font-size: 18px; font-weight: bold; display: inline; white-space: nowrap; /* text-align: center; */ position: relative; top: 0px; outline: none; transition: all ease 0.3s; color: black; } .subscribeBoxIndex button { cursor: pointer; padding: 10px 20px; color: #fff; border: none; border-radius: 3px; background: #ba3030; font-size: 18px; font-weight: bold; display: inline; white-space: nowrap; text-align: center; position: relative; top: 0px; outline: none; transition: all ease 0.3s; } .subscribeBoxIndex .errors { display: block; text-align: center;color: #ba3030; font-size: 14px;} .subscribeBoxIndex .cell:last-child { text-align: right} .top-news-xs-wrapper { box-sizing: border-box; display: flex; flex-wrap: wrap; } .responsive { max-width: 100%; height: auto; } .top-news-item { width: 50%; }