/* Theme Name: netgusevu.ru */ /* Normalize & reset ===================================================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-weight: normal; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } 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; } figure { margin: 1em 40px; } 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; } [type="search"] { -webkit-appearance: textfield; -moz-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 silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } textarea { overflow: auto; vertical-align: top; } optgroup { font-weight: bold; } input:focus, button:focus, select:focus, textarea:focus { outline: none; } table { border-collapse: collapse; border-spacing: 0; } /* end normalize & reset */ body { font: 15px/19px 'PT Sans', sans-serif; color: #000; background: #fff; } .main { overflow: hidden; position: relative; min-width: 303px; } p { margin: 0 0 25px 0; } a { text-decoration: none; color: #00c7bd; transition: color ease-out 0.8s; } a:hover { color: #f24941; transition: color ease; } ul li { list-style: none; } .aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; } .alignleft { float: left; margin: 5px 15px 15px 0 !important; } .alignright { float: right; margin: 5px 0 15px 15px !important; } .wrapper { width: 100%; max-width: 1140px; margin: 0 auto; } .wrapper:after { content: ''; display: block; clear: both; visibility: hidden; } .content-wrapper:after { content: ''; display: block; clear: both; visibility: hidden; } .content { float: left; width: 847px; min-height: 550px; clear: both; } .content:after { content: ''; display: block; clear: both; visibility: hidden; } .tac { clear: both; text-align: center; } .d-l { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .d-l:hover { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .b-s { display: inline-block; color: #fff; padding: 8px 20px; cursor: pointer; text-decoration: none !important; box-sizing: border-box; background: #f24941; border-radius: 25px; border: 0; font-size: 14px; line-height: normal; font-weight: bold; text-transform: uppercase; } .b-s:hover { color: #fff; background: #00c7bd; } /* Header ===================================================================================================*/ .header { padding: 25px 0; } .header:after { content: ''; display: block; clear: both; visibility: hidden; } .header .social-icon { display: none; } .m-nav .popular-cats, .m-nav .section-subscription { display: none; } .logo { display: block; float: left; margin-bottom: 25px; width: 400px; height: 60px; box-sizing: border-box; padding: 0px 0px 0px 5px; color: #000; font-size: 12px; line-height: 17px; } .logo:hover { color: #000; } .search-form { margin-top: 12px; float: right; text-align: left; height: 40px; width: 260px; box-sizing: border-box; background: #fff; border: 1px solid #cfdddd; border-radius: 5px; position: relative; box-shadow: 1px 1px 4.9px 0px rgba(0, 0, 0, 0.1); } .search-form .search-form__field { width: 100%; height: 40px; font-size: 14px; line-height: normal; border: none; padding: 0 40px 0 15px; box-sizing: border-box; background: none; color: #444444; } .search-form .search-form__field::-webkit-input-placeholder { color: #7c7c7c; } .search-form .search-form__field::-moz-placeholder { color: #7c7c7c; } .search-form .search-form__field:-moz-placeholder { color: #7c7c7c; } .search-form .search-form__field:-ms-input-placeholder { color: #7c7c7c; } .search-form .search-form__button { position: absolute; right: 0; top: 0; border: none; width: 40px; height: 40px; box-sizing: border-box; text-indent: -9999px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAY1BMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUFGVre9AAAAIXRSTlMA/WP6V7AK3sKhI8ebge7nuZR5a05GPfHoj4NqZS4sBwFYOmQ1AAAAeUlEQVQI12WNWRKEIAxECWEVGLfRWVzvf0qBoH7YH5163V0VFvWWX9RtxUhKohVD75ATS73mO4HIY1zK8F+rVHtWpF5pkI0k22gwXGxtND1fbEI0706sYEyOPeFmTL4cg0p5Ax0Vov401oHpgJfH4ufDuDNOwa1noA/rKwPFqwoyNQAAAABJRU5ErkJggg==) center no-repeat; } .header-menu { clear: both; background: #00c7bd; padding: 10px 0; border-radius: 5px; } .header-menu__items { text-align: center; } .header-menu__items > .item_sub-menu { padding: 10px 35px 10px 12px; } .header-menu__items > .current-menu-item { background: #f24941; } .header-menu__items > .current-post-parent { background: #f24941; } .header-menu__items > li { position: relative; display: inline-block; padding: 10px 12px; font-size: 13px; line-height: 16px; border-radius: 5px; margin: 0 5px; } .header-menu__items > li:hover { background: #f24941; } .header-menu__items > li:last-child > ul { left: auto; right: 0; } .header-menu__items > li > a, .header-menu__items > li > span { color: #fff; font-weight: bold; text-transform: uppercase; } .header-menu__items > li > a:after, .header-menu__items > li > span:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .header-menu__items > li > .menu-arrow { position: absolute; right: 13px; top: 10px; text-indent: -9999px; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADBAMAAACpGNjLAAAAFVBMVEX///////////8AAAD///////////+qLbQKAAAABnRSTlPcJBUAu7iaV7lhAAAAFElEQVQI12NwSwtgUEhQYDBkNAAADl8B//zUsN8AAAAASUVORK5CYII=) center no-repeat; cursor: pointer; z-index: 1; } .header-menu__items > li > ul { display: none; position: absolute; left: 0; top: 90%; background: #f24941; z-index: 111; min-width: 150px; text-align: left; border-radius: 5px; overflow: hidden; } .header-menu__items > li > ul > .current-menu-item { background: #f35851; } .header-menu__items > li > ul > .current-post-parent { background: #f35851; } .header-menu__items > li > ul > li { padding: 10px 12px; font-size: 13px; } .header-menu__items > li > ul > li > a, .header-menu__items > li > ul > li > span { color: #fff; } .header-menu__items > li > ul > li > a:hover, .header-menu__items > li > ul > li > span:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .header-menu__items > li > ul > li > span:hover { border: 0; } .slide-out-open, .slide-out-close { display: none; } /* Home * ===================================================================================================*/ .slider-bl-box li { display: none; } .slider-bl-box .bx-wrapper li, .slider-bl-box li:first-child { display: block; } .slider-bl-box .bx-wrapper{ margin-top: -18px !important; } .slider-bl-box { background: #cfdddd; margin-bottom: 25px; overflow: hidden; border-radius: 5px; position: relative; padding: 14px 65px 14px 14px; } .slider-bl-box .bx-controls-direction { position: absolute; right: 10px; top: 50%; margin-top: -10px; } .slider-bl-box .bx-controls-direction .bx-prev, .slider-bl-box .bx-controls-direction .bx-next { float: left; display: block; height: 20px; width: 30px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJBAMAAADjtECuAAAALVBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUG92+l8AAAADnRSTlMAIuK+tCAK9OCtq318FBVkNNwAAAApSURBVAjXY2BgnMDAIPSagVHvCYPQOzMGu+cXGCKANCuQzyD0Bii/AACsXwn/dG/ulwAAAABJRU5ErkJggg==); text-indent: -9999px; } .slider-bl-box .bx-controls-direction .bx-prev:hover, .slider-bl-box .bx-controls-direction .bx-next:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJBAMAAADjtECuAAAAJ1BMVEUAAAACC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0U8fxtsAAAADHRSTlMAIuK9tqx8CgP0wRRl3CGHAAAAJElEQVQI12NgYIxgYBA6xsCoc4RB6Iw5w5qTG0A0iA8SB8kDAJZqCJRreg0cAAAAAElFTkSuQmCC); } .slider-bl-box .bx-controls-direction .bx-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJBAMAAADjtECuAAAAKlBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUGwui6cAAAADXRSTlMA4iAivLStfArzwSQUh55FgQAAAClJREFUCNdjYDNgYKgVYmCIvajA0HJXiIFn7i0QDeQbMNQKMzCwbWAAAJ1eCSF6JHTrAAAAAElFTkSuQmCC); border-left: 1px solid #f24941; } .slider-bl-box .bx-controls-direction .bx-next:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJBAMAAADjtECuAAAAKlBMVEUAAAACC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UxxvTnAAAADXRSTlMA4iAivLStfArzwSQUh55FgQAAAClJREFUCNdjYDNgYKgVYmCIvajA0HJXiIFn7i0QDeQbMNQKMzCwbWAAAJ1eCSF6JHTrAAAAAElFTkSuQmCC); } .slider-bl li { font-size: 14px; } .slider-bl li a{ font-weight: bold; color: #000; margin-left: 162px; } .slider-bl-box__title{ font-weight: bold; } .slider-bl li a:hover{ color: #f24941; } .slider-bl li p { margin-bottom: 0; font-weight: bold; } .title-text { background: #00c7bd; padding: 15px; color: #fff; border-radius: 6px; font-size: 16px; font-weight: bold; } .title-text_mb { margin-bottom: 20px; } .slider { overflow: hidden; } .slider li { position: relative; overflow: hidden; border-radius: 6px; z-index: 2; } .slider li:nth-child(2n+2) { margin-right: 1.8%; } .slider li img { width: 100%; height: auto; vertical-align: bottom; } .slider_first { float: left; width: 32.2%; margin-right: 1.8%; } .slider_first .slider__title { font-size: 18px; line-height: 23px; } .slider_second { float: left; width: 32.1%; margin-bottom: 30px; } .slider_second .slider__title { font-size: 14px; } .slider__text { z-index: 1; position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 14px; box-sizing: border-box; background: #000000; background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); } .post-date { display: block; font-size: 12px; line-height: 15px; font-weight: bold; position: relative; padding-left: 22px; } .post-date:after { position: absolute; content: ''; left: 0; top: 0; width: 15px; height: 16px; } .post-date_white { color: #fff; } .post-date_white:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPBAMAAAAfXVIcAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA5kpJG2qUMwAAADNJREFUCNdjMHRgcXFxYBFmEIEwHBlcoAAbw4EBCFhADBcWIIIziJJCmCMCoR0ZFCEMIQBBmhe2cNcdxgAAAABJRU5ErkJggg==) no-repeat; } .post-date_slider { margin-bottom: 10px; } .slider__title a { color: #fff; font-weight: bold; } .slider__title a:hover { color: #00c7bd; } .slider__title a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; } .posts-box { background: #ddf0f0; margin-bottom: 30px; border: 1px solid #cfdddd; border-radius: 6px; } .title-text_new { padding-left: 40px; position: relative; } .title-text_new:after { position: absolute; content: ''; left: 15px; top: 15px; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMA+VSyQQzxw3sW1NKGbAjE0M6pgkSloxrLApQAAACESURBVBjTVY5ZDsMgDEQ9Zichezv3v2kt1KDkfQz4SV5EtOJYxFgOVLWaaGWegO0sDVSpuDSyE/VCFTQlnQ/BO1Ib5Fsis3QyY/nIctJZkZKF42zjN3r7kxaekyUYumCSQAyRyPUvJmvp3C0z3S1sqOV7rRjPw6TDgdwi78Ceh0jr4/0BcwYH+NzkdmgAAAAASUVORK5CYII=) no-repeat; } .posts { overflow: hidden; padding: 25px; } .posts .posts__item { position: relative; overflow: hidden; } .posts .posts__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .posts .posts__item img { max-width: 100%; height: auto; border-radius: 5px; } .posts__item_first { float: left; width: 33%; margin-right: 4%; } .posts__item_first img { margin-bottom: 10px; vertical-align: bottom; } .posts__item_first .posts__item-title { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .posts__item_first .posts__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 263px; height: 200px; } .posts__item_second { float: right; width: 63%; margin-bottom: 15px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfdddd; } .posts__item_second img { float: left; margin-right: 15px; } .posts__item_second .posts__item-box { padding-left: 112px; } .posts__item_second .post-info { margin-bottom: 10px; } .posts__item_second .posts__item-title { font-size: 12px; line-height: 16px; } .posts__item_second .posts__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 98px; height: 70px; } .post-info { margin-bottom: 15px; } .post-info__item { display: inline-block; font-size: 12px; line-height: 15px; font-weight: bold; position: relative; } .post-info__item_date { margin-right: 10px; padding-left: 25px; } .post-info__item_date:after { position: absolute; content: ''; left: 0; top: 0; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPBAMAAAAfXVIcAAAAD1BMVEUAAAACC0UCC0UCC0UCC0XtPNwTAAAABHRSTlMA5kpJG2qUMwAAADNJREFUCNdjMHRgcXFxYBFmEIEwHBlcoAAbw4EBCFhADBcWIIIziJJCmCMCoR0ZFCEMIQBBmhe2cNcdxgAAAABJRU5ErkJggg==) no-repeat; } .post-info__item_comment { padding-left: 25px; } .post-info__item_comment:after { position: absolute; content: ''; left: 0; top: 0; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAAACC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0W3/eSAAAAADnRSTlMA7pAU6YoGqztUBPl3bmsFaIEAAABhSURBVAjXY2DgUnz37t1DNQYGpncg8JQBDJhvP2RIkgPyhXLeMeiBZYLfMcg1AKX6BN4xvAOp4XuAyXgCYzyFKY5i0Hti7PfuXQAD0MByoIEJQGH2dwVQe1wMGCBgJpgEAKX7LmJh/zXVAAAAAElFTkSuQmCC) no-repeat; } .posts__item-title a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: bold; } .posts__item-title a:hover { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .posts__item-text { font-size: 14px; } .cat-home { overflow: hidden; } .cat-home__item { margin-bottom: 30px; } .title-text { overflow: hidden; } .title-text_cat-home { padding-bottom: 5px; } .title-text__link { float: left; font-size: 16px; margin-bottom: 10px; } .title-text__link a { font-weight: bold; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .title-text__link a:hover { border-bottom: 0; } .title-text__toggle { display: none; } .title-text__child { float: right; } .title-text__child.active{ text-align: center; } .title-text__child_hidden{ display: none; } .title-text__child_more{ font-size: 14px; margin: 0 5px 10px 5px; display: inline-block; } .title-text__child_more span{ border-bottom: 1px dashed #fff; cursor: pointer; } .title-text__child_more span:hover{ border-bottom: 1px dashed #00c7bd; } .title-text__child_more.active{ display: block; } .title-text__child-item { display: inline-block; font-size: 14px; margin: 0 5px 10px 5px; } .title-text__child-item a { color: #fff; } .title-text__child-item a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .posts-home { padding-top: 25px; overflow: hidden; } .posts-home .posts-home__item { float: left; width: 31%; margin-right: 3.5%; position: relative; overflow: hidden; } .posts-home .posts-home__item:last-child { margin-right: 0; } .posts-home .posts-home__item img { width: 100%; height: auto; margin-bottom: 14px; vertical-align: bottom; border-radius: 6px; } .posts-home__item-title { margin-bottom: 20px; font-size: 16px; line-height: 20px; } .posts-home__item-title a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: bold; } .posts-home__item-title a:hover { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .posts-home__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 263px; height: 170px; } .posts-home__item-text { font-size: 14px; } .title-text_float { font-size: 16px; margin-bottom: 7px; } .title-text_float a { font-weight: bold; color: #fff; } .title-text_float a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .cat-float { overflow: hidden; } .cat-float .cat-float__item { float: left; width: 31.3%; margin-right: 3%; position: relative; overflow: hidden; } .cat-float .cat-float__item:nth-child(3n+3) { margin-right: 0; } .cat-float .cat-float__item:nth-child(3n+4) { clear: both; } .cat-float__item-img { width: 100%; height: auto; } .posts-row { padding-top: 20px; } .posts-row .posts-row__item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfdddd; position: relative; } .posts-row .posts-row__item img{ border-radius: 6px; margin-bottom: 10px; } .posts-row .posts-row__item:last-child { border-bottom: 0; } .posts-row__item-title { font-size: 16px; line-height: 20px; } .posts-row__item-title a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: bold; } .posts-row__item-title.posts-row__item-title_img a:after{ position: absolute; content: ''; left: 0; top: 0; width: 263px; height: 170px; } .posts-row__item-title a:hover { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .description { margin-bottom: 20px; font-size: 14px; color: #7a7a7a; } .description .description__title { margin-bottom: 20px; color: #000; font-size: 20px; line-height: 25px; font-weight: bold; text-transform: uppercase; } /* Sidebar * ===================================================================================================*/ .sidebar { float: right; width: 261px; margin-top: -35px; } .sidebar:after { content: ''; display: block; clear: both; visibility: hidden; } .sidebar .section { margin-bottom: 30px; position: relative; overflow: hidden; border-radius: 6px; padding-bottom: 20px; } .sidebar .section_bg-borde { background: #ddf0f0; border: 1px solid #e9e9e9; } .email-form{ background: #ddf0f0; border: 1px solid #e9e9e9; } .sidebar.sidebar_home { margin-top: 0; } .section__title { padding: 12px; background: #00c7bd; margin-bottom: 15px; color: #fff; font-size: 16px; font-weight: bold; } .section__title_calc { padding-left: 35px; } .section__title_calc:after { position: absolute; content: ''; left: 10px; top: 12px; width: 18px; height: 18px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAJFBMVEX///9m3dcAx73p+vnS9fPR9fNt39la29VL19BK19A61Mw308uzCyCMAAAAM0lEQVQI12MgCJjTDKAsdqUCKItDqQHKYt0dgKbeURAERJBYqIB1FUwHp9IEhMlIthECAIPtBy226aFxAAAAAElFTkSuQmCC) no-repeat; } .section-calc { overflow: hidden; padding: 0 20px; } .section-calc .section-calc__item { position: relative; padding: 3px 0 20px 40px; font-size: 14px; } .section-calc .section-calc__item a { font-weight: bold; color: #000; } .section-calc .section-calc__item a:hover { color: #00c7bd; } .section-calc .section-calc__item a:after { position: absolute; content: ''; left: 0; top: 50%; margin-top: -23px; width: 28px; height: 28px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAVFBMVEUAAAAAx70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax72Xphf4AAAAG3RSTlMAzMOWhvXuuKprVHfd07OSWefCRBq+o3x7OAsodqPgAAAApElEQVQoz6WT6Q6DIBCEB3cBBW/t6fu/Z21TXNIE0uD8m3zZK5OF2kQEUGQVtkgVUMX+D6htBjIuKaj5AUcCyXvP+gst3jIBmo+1oa118EoqVV3XVmYSVOYUk72zAJISNUATWUKxsm0Lts1A07btdMB+0LfugOaJXXOAC1bcpbJxzo1TgB2w6tTMEcAg8MrMgw6Qx27pt5+wE9vOe9j9uciy7/ACeNU1CfJEmzUAAAAASUVORK5CYII=) no-repeat; } .link-all { padding: 0 5px; } .link-all a { color: #020b45; font-weight: bold; border-bottom: 1px solid rgba(2, 11, 69, 0.3); } .link-all a:hover { color: #f24941; border-bottom: 0; } .section__title_video { padding-left: 40px; } .section__title_video:after { position: absolute; content: ''; left: 10px; top: 9px; width: 23px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAMAAABRYFY8AAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA+ubyHNe/aBDv656KfXcMzKGRcjAl4dqqpUw6NCIKBNDNy7i1jodgVkEoFfmb+REAAACzSURBVBjTvZDpEoIwDISTlnJTlEuRy/vM+z+fNCgK/nd/ZGe/6XQzgY/aSKEImjHnOrzEAO4Wl2ko5O2FI8KCRA1rL+tTbPsu4yuFLeQ7PyOHs4Up+8I2s0GbLBhAyYaaTfkjD9hEYmbnleM/gyfyzuX1u1cMva6SiT6ScjTynl7Vw40FlaSJzgDWgRTsaSp8OOYlIM204gn0o/9wOSeRYB7M1+zcJRFCHPhfFO3cnKE4PQGT+S4RvV5eIgAAAABJRU5ErkJggg==) no-repeat; } .section-video { overflow: hidden; } .section-video .section-video__item { width: 227px; margin: 0 auto 20px auto; position: relative; overflow: hidden; } .section-video .section-video__item:hover .section-video__item-img:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAoCAMAAACcjsm3AAAAYFBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUH4YSw9AAAAH3RSTlMAaRHsx75a8euAcPbknQT63Hl2QSILYCrNupOPTkoPVetO8wAAALxJREFUSMed1lcKwzAQRdFnufcSl/TZ/y6DEn8aHN37fxiBQCP53JTk9md5MjntZYUFVWQ/V1pw5XeegTLJxQTGTpWhKqUMpmoYjNXbUe1wJmWHRcsDQukyQKjlDqEfCqGWlkE/tIFQ7xZB36uBUK5F0PcsGOzKHsHtio7ajbURuCXoOrqpNgLnxAzArqqNwDk1IzCqjUA/jsBbbqcQph5C/CDjFYCXDl5zdLHyVe5bQz8Pq/bcGPJdGZ03Hwi678FMsjPJAAAAAElFTkSuQmCC) 50% 35% no-repeat; } .section-video__item-img { position: relative; } .section-video__item-img:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAoCAMAAACcjsm3AAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMAaewRx7138HD75IBeWUEL+PSgm0wnIQTe3NnNwJOPfmosD8TzXTUAAAC0SURBVEjHndZHDoMwFEXRF5teQwmkt7//PUZWMkQi3Ds/MhKCZ4V8EqX2Z2mUeP2qnG3KVV9X2ubK4GoD1ZJ3BDqvzFCZYgZjFQw65bZUf16TssV27T1nUGpOEKq9QSg1RwjVDhBKTQGh3gOE0lhAKN9DKI2OwfmRI/i6oEedk70ReIjY6wjHARiOIzDrjMDpyj6rZ2cETrEZgXFqqxCmHEL8Q8YTgEcHzxwdVjzl/PKArysfESAOA0o9fsQAAAAASUVORK5CYII=) 50% 35% no-repeat; } .section-video__item-img img { vertical-align: bottom; } .section-video__item-title { position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 10px; font-size: 14px; background: rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 23%, #000000 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(23%, rgba(0, 0, 0, 0.39)), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 23%, #000000 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 23%, #000000 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 23%, #000000 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.39) 23%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); } .section-video__item-title a { color: #fff; font-weight: bold; } .section-video__item-title a:after { position: absolute; content: ''; left: 0; top: -200px; width: 100%; height: 300px; } .title { font-size: 20px; line-height: 25px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; } .last-comments { overflow: hidden; margin-bottom: 30px; } .last-comments a { border-bottom: 1px solid rgba(0,0,0, 0.2); } .last-comments a:hover { border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .last-comments .last-comments__item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cfdddd; font-size: 14px; } .last-comments .last-comments__item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .last-comments__item-author { color: #00c7bd; font-weight: bold; display: inline-block; margin-right: 10px; } .last-comments__item-post { font-weight: bold; color: #000; } .last-comments__item-text { font-style: italic; margin-top: 10px; } .title-red { background: #f24941; padding: 12px; color: #fff; border-radius: 6px; font-size: 16px; font-weight: bold; } .section__title_question span { display: inline-block; margin-right: 8px; font-weight: bold; } .section-question .section-question__item { position: relative; overflow: hidden; padding: 0 20px 20px 52px; border-bottom: 1px solid #cfdddd; margin-bottom: 20px; } .section-question__item-title { font-size: 14px; } .section-question__item-title a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .section-question__item-title a:hover { color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .section-question__item-title a:after { position: absolute; content: ''; left: 12px; top: 0; width: 25px; height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAb1BMVEUAAAAAx70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax73////d9POc4t3F7erR8e+q5uJ929Qmy8K46uaN3tlr19BY08uGIuseAAAAGHRSTlMACPHVy6ItEPXs2oFAp6qOeV5WUU8Dk5Fx1aUVAAAAt0lEQVQoz22QVw6DMBAF39qYTnpZUwIp9z9jSIS9Rnj+RqNnS4sFOhmtWGlzIoTQoWBHcQhaqjlEpy7Uiteoeln4IOm/opK3lASg4hgVQCpaFOHoZRysHSZnRzS+tHamd9ZA/v+M3NnWWYmcA3rZ5AjD07aTFxQS3rYVKZCIdPYlkuDOcW6ow81DpMZVR4u+AmeOccZMEwk7/MiSTUgySIoFgParsCcIqcndvUyKNdmlMjtTXfxDX4kILIBV3eKAAAAAAElFTkSuQmCC) no-repeat; } .section-question__item-cat { margin-top: 10px; font-size: 12px; line-height: 16px; } .section-question__item-cat a { color: #00c7bd; border-bottom: 1px solid rgba(0, 199, 189, 0.2); } .section-question__item-cat a:hover { border-bottom: 0; color: #f24941; } .section-subscription { padding: 20px; } .subscription__text { text-align: center; margin-bottom: 10px; font-size: 13px; } .subscription__field { width: 100%; padding: 7px 10px; box-sizing: border-box; border: 0; margin-bottom: 15px; font-size: 13px; line-height: normal; color: #222222; border-radius: 5px; } .subscription__button { width: 100%; } .section__title_money-box { padding-left: 43px; } .section__title_money-box:after { position: absolute; content: ''; left: 10px; top: 7px; width: 25px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAMAAAA4a6b0AAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMA+QXFJ8q6Lxn16+fBrp6AAqt0bmZgW1FKLCEL8ePd0KOhh2tDPzPHtJOQVTw3HtakiXgQzAdCSwAAAQpJREFUKM9tkVdigzAMQD0AmxkIe4ad0aZT9z9bsduEkFofkqxnSZaFbvJ6NI8zUoiGAaDiCrIDIaGC9JLsFWQW1bCmavRiQ539+T7ZMhbv+jAr8tC16EPYTyiY706DAazA0VfAHdyNogaZGUK0vYO3Wtce8huHiNmFS/USaZ4NlTEKlFf9ol3iTYlZoBTrQxp3icwaMEfImAyPeggl65TagVjLae/aFFIZWQkK3MVeRw4MPUmET/JlwBQ/LPQ3TP9IBtLY0VOcRM4v+aBbUOqm+yW9HF/8TROruK/AbG91rhlheFhvpVCem1PbxSHALgK+kgLOluEFum0Yl+1uSXCoY9EQPkvG5Up/ANqOFdoxaaOwAAAAAElFTkSuQmCC) no-repeat; } .money-box { padding: 0 15px; } .money-box .money-box__item { overflow: hidden; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #cfdddd; position: relative; } .money-box .money-box__item:last-child { border-bottom: 0; } .money-box .money-box__item img { float: left; margin-right: 15px; border-radius: 5px; } .money-box__item-title { padding-left: 96px; font-size: 16px; } .money-box__item-title a { color: #000; font-weight: bold; } .money-box__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; } .money-box__item-title a:hover { color: #f24941; } .section__title_popular_cats { padding-left: 30px; margin-bottom: 0; position: relative; border-radius: 5px 5px 0 0; border-bottom: 1px solid #fff; } .section__title_popular_cats:after { position: absolute; content: ''; left: 10px; top: 14px; width: 14px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMABKnv5Xpv1aavhhAJ00dGISBGNYBCAAAAUUlEQVQI103LRw7AIAxEUeMCoaTN/Q8bhAnir/w0Mnkx0lZTbRsjsM2vAvqM884Js5QvCowVB6Jw/Dq6unlpZE4jb648mSBmgtMVpFSiWqT/foKmBKu5w84VAAAAAElFTkSuQmCC) no-repeat; } .popular-cats { background: #ddf0f0; border-radius: 5px; overflow: hidden; margin-bottom: 30px; } .popular-cats__items li { position: relative; overflow: hidden; border-bottom: 1px solid #fff; font-size: 14px; } .popular-cats__items li:last-child { border-bottom: 0; } .popular-cats__items li a, .popular-cats__items li .current { display: block; padding: 15px 45px 15px 15px; color: #000; font-weight: bold; } .popular-cats__items li a:hover, .popular-cats__items li .current:hover { background: #f24941; color: #fff; } .popular-cats__items li .current { background: #f24941; color: #fff; } .popular-cats__items li .posts-count { font-weight: bold; position: absolute; right: 10px; top: 13px; } /* Crumbs * ===================================================================================================*/ .breadcrumbs { overflow: hidden; padding-bottom: 15px; width: 847px; } .breadcrumbs li { display: inline-block; position: relative; margin-right: 10px; padding-bottom: 3px; font-size: 14px; line-height: 17px; color: #f24941; } .breadcrumbs li:after { position: absolute; content: '-'; position: relative; right: -6px; color: #000; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs li a { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.3); } .breadcrumbs li a:hover { border-bottom: 0; } /* Category * ===================================================================================================*/ .cat-children-box { overflow: hidden; margin-bottom: 30px; background: #ddf0f0; border-radius: 6px; } .cat-children__title { cursor: pointer; } .cat-children__title span { position: relative; font-weight: bold; } .cat-children__title span:after { position: absolute; content: ''; right: -24px; top: 2px; border: 1px solid #fff; width: 15px; height: 15px; border-radius: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADBAMAAACpGNjLAAAAFVBMVEX///////////8AAAD///////////+qLbQKAAAABnRSTlPcJBUAu7iaV7lhAAAAFElEQVQI12NwSwtgUEhQYDBkNAAADl8B//zUsN8AAAAASUVORK5CYII=) center no-repeat; } .cat-children__title.active span:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADBAMAAACpGNjLAAAAFVBMVEX///////////8AAAD///////////+qLbQKAAAABnRSTlPbJBUAurnpTogOAAAAFElEQVQI12MwZDRgUEhQYHBLCwAACY8B/xDZAO8AAAAASUVORK5CYII=) center no-repeat; } .cat-children { display: none; padding: 20px 20px 5px 20px; overflow: hidden; } .cat-children .cat-children__item { float: left; width: 30%; margin-right: 5%; margin-bottom: 15px; position: relative; box-sizing: border-box; padding-left: 15px; } .cat-children .cat-children__item:nth-child(3n+3) { margin-right: 0; } .cat-children .cat-children__item:nth-child(3n+4) { clear: both; } .cat-children a { color: #000; } .cat-children a:after { position: absolute; content: ''; left: 0; top: 5px; width: 5px; height: 9px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJBAMAAAAIg/utAAAAHlBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUEULWayAAAACXRSTlMAusylFwwGjYyAhoX5AAAAIklEQVQI12NoYGBgmJzAwDBTFIgnOTDMnCkAoUUh4gUMDACa2whLDuq+CAAAAABJRU5ErkJggg==) no-repeat; } .cat-children a:hover { color: #00c7bd; } .cat-posts { overflow: hidden; } .cat-posts .cat-posts__item { float: left; width: 31%; margin-right: 3.5%; position: relative; overflow: hidden; margin-bottom: 30px; } .cat-posts .cat-posts__item:nth-child(3n+3) { margin-right: 0; } .cat-posts .cat-posts__item:nth-child(3n+4) { clear: both; } .cat-posts .cat-posts__item:hover .cat-posts__item-img_video:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAwCAMAAACffixXAAAAUVBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUGzDIKTAAAAGnRSTlMALdNBn0k+lBAL9uXfokwC7Nt5eAGdTsC3d6HCJb0AAADfSURBVEjHvddRDoIwEEXRsRTEIhREUGf/C1VsdP4IeBvfAk5uCB9TeS923vW6c73zXZTvCqc/zhUf46Jgl2Q8FG1cjErhKpGro4i7Sql4pUwc8eI44mTlHwsbkSBrn73dqKwhB5mbDIjULUde6xqOWAxALAYiUnuIpJUNQSyGIRbDEakngljMGSAWc+PI6chLqkEBYhkAsQyAWAZBirMCxDIAYhkAsQyApAyEWAZAUgZD7qoc0f8iPTdCntPCc8RnObdyHH4xzwkqMjJjzHeW8wdCWuzaIewFwtDOUZY9AWqiJyMchveKAAAAAElFTkSuQmCC) center no-repeat; } .cat-posts__item-img { margin-bottom: 14px; position: relative; overflow: hidden; } .cat-posts__item-img img { width: 100%; height: auto; vertical-align: bottom; border-radius: 6px; } .cat-posts__item-title { margin-bottom: 20px; font-size: 16px; line-height: 20px; } .cat-posts__item-title a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: bold; } .cat-posts__item-title a:hover { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .cat-posts__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 263px; height: 170px; } .cat-posts__item-text { font-size: 14px; margin-bottom: 15px; } .cat-posts__item-cat { font-size: 14px; } .cat-posts__item-cat a { font-weight: bold; } .more-box { text-align: center; margin: 10px 0 30px; } .more { transition: all 0.1s linear 0s; cursor: pointer; display: inline-block; background: #f24941; padding: 8px 20px 8px 40px; border-radius: 25px; color: #fff; font-size: 14px; position: relative; box-sizing: border-box; min-width: 155px; } .more:before { position: absolute; content: ''; left: 14px; top: 8px; width: 20px; height: 19px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMA+u3GHxXUyoFxEAvOjiMcBeW6DvXow62fnJMI2KFnZV5TLhpU0DKPAAAAo0lEQVQY012QVwKDMAxD7YQ9yiyru9X9z1hDoeDox8nLsCX66RRZw1UXefRXOmIV55eVFcG8DeuMpYb+whph53sqqyQ2gC1nOGzHIi8AcqlvoBK2dTRgTw4HftKuGIjm+ikPMGFYeUBaGQxR0BcK1gD5QBuXzs0XRF2q/5yE3Rqne9irOYtlzoRG19Hi/SreH8r7llJrVUqS58Q6zz15GLsm/wXKcA9sQ9U/DQAAAABJRU5ErkJggg==) no-repeat; } .more:hover { background: #00c7bd; } .more.loading:before { -webkit-animation: loading 1s infinite linear; animation: loading 1s infinite linear; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Category video * ===================================================================================================*/ .cat-video .cat-posts__item { margin-bottom: 10px; } .cat-video .cat-posts__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; } .cat-posts__item-img_video:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAwCAMAAACffixXAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMALaFBST7SnpQQC/bl39RMAux51XgB3Nq8Tne+W2wRAAAA30lEQVRIx73XSw6CQBBF0bL5qY3Q+Nfa/z4VX2RIwNvxLeDkhjCots9SH7rBV27oQp9sWtH5j+uKr3F0sKOMp6OdR6NyuMrsUlOkvljpeKU1HGms5sjJZv6xuBCJNvfZw0JlDtnYo82A2C5w5L2+5YhiIKIYiigGIlrZQkQxDUYUQxHFUEQxB4go5s6R/ZaXVFdniDIQogyGKIMixcEZogyEKIMhykCIMiCiDIgogyF3d474f5GBGzHLaZHlyMlybuU4/FKeE9TsjI9hfpbzB8KpsGmpD7e4Foi38Eg27gVZrTLOctMPPQAAAABJRU5ErkJggg==) center no-repeat; } /* Category calc * ===================================================================================================*/ .cat-calc { overflow: hidden; } .cat-calc .cat-calc__item { float: left; width: 31%; margin-right: 3.5%; overflow: hidden; position: relative; margin-bottom: 25px; border-radius: 5px; min-height: 265px; background: #ddf0f0; } .cat-calc .cat-calc__item:nth-child(3n+3) { margin-right: 0; } .cat-calc .cat-calc__item:nth-child(3n+4) { clear: both; } .cat-calc__item-title { position: relative; background: #00c7bd; color: #fff; padding: 12px 10px 12px 46px; font-weight: bold; } .cat-calc__item-title:after { position: absolute; content: ''; left: 10px; top: 50%; margin-top: -14px; width: 28px; height: 28px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAV1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////+ORg7oAAAAHHRSTlMAzMOWhvXuuKprVHfd07ORWefClUQavqN8ezgLB4EaPgAAAKRJREFUKM+lk+kKwyAQhMe4aqK5j56+/3M2LTUrBaWY+Td87MWwEJ4lARlZAR+pAqrY/wGVyUDCJQUVPWAXhotzjtQXGrylA9Qfa0JbY+EEV4q6rg3PlBCZU3T2zgIoBasBmshKFCvbtmDbDNRt204H7Ad16w6on9g1B7hiw50rG2vtOAXYAZtKzRwBDAyvRDSoAGns1t7/hJ3Ydt7D7s9Fln2HF8Z1NwXq+DLSAAAAAElFTkSuQmCC) no-repeat; } .cat-calc__item-content { padding: 20px; } .cat-calc__item-text { margin-bottom: 15px; } .cat-calc__item-link { text-align: center; font-size: 14px; } .cat-calc__item-link a { color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.3); } .cat-calc__item-link a:hover { border-bottom: 0; } /* Category money box * ===================================================================================================*/ .cat-money { overflow: hidden; } .cat-money .cat-money__item { background: #ddf0f0; position: relative; overflow: hidden; margin-bottom: 20px; padding: 20px; border: 1px solid #cfdddd; } .cat-money .cat-money__item img { float: left; margin-right: 20px; box-sizing: border-box; border: 1px solid #cfdddd; } .cat-money__item-content { padding-left: 263px; } .cat-money__item-title { margin-bottom: 15px; font-size: 18px; line-height: 23px; } .cat-money__item-title a { font-weight: bold; color: #000; } .cat-money__item-title a:after { position: absolute; content: ''; left: 20px; top: 20px; width: 243px; height: 160px; } .cat-money__item-title a:hover { color: #00c7bd; } .cat-money__item-text { margin-bottom: 15px; } /* Category question * ===================================================================================================*/ .cat-question:after { content: ''; display: block; clear: both; visibility: hidden; } .cat-question .cat-question__item { position: relative; margin-bottom: 5px; } .cat-question .cat-question__item:after { content: ''; display: block; clear: both; visibility: hidden; } .question-btn { float: right; } .cat-question__item-top { border-radius: 5px; padding: 15px 15px 15px 50px; position: relative; } .cat-question__item-top.active { background: #f3f3f3; } .cat-question__item-top.active .cat-question__item-title { border-bottom: 0; color: #f24941; border-bottom: 1px dashed #f24941; } .cat-question__item-top.active .cat-question__item-title:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAbFBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUH////84+L4rav7zs382df5ubf2lZLzW1T6xML3oZ72iIT1enXgueYqAAAAF3RSTlMA8dUQB6j17NrNoJBaUEArCsekg395MAlXXrcAAAC9SURBVCjPbZJZEoMgEAUfKBp3s+jgEs1y/ztGY2Aw0n9dXTBTFPhR56kUJGSa13AJm5gMcRNyqCS5yMqEUtAeUW6htYFT+51xoiOnddaNfNyAWniLqJFbmUatx9lYDmVLpxcGYwo8/z1Rrzu7AyJyGPhMBDc8dDdbQczhpTuWGAlLr58sCTLyk6F0z9xZSkB6iwRQkI8CC8oTFFaC5BCSAFs6/4VzYD9Itl84BFNdIvNelwp7guKaqvRa2Is+CGYrCwKLlMEAAAAASUVORK5CYII=) no-repeat; } .cat-question__item-title { margin-bottom: 10px; font-weight: bold; border-bottom: 1px dashed #000; display: inline; cursor: pointer; } .cat-question__item-title:hover { border-bottom: 0 !important; } .cat-question__item-title:after { position: absolute; content: ''; left: 10px; top: 13px; width: 25px; height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAclBMVEUCC0X////4+PoRGVANFU1YXoTx8vXd3uLU1uDQ0trAwtGwssWcnqxgZoo0O2orMmMnLmAVHVPFxs6JjKXz9Pbs7fGqrcCipbqqrLiBhaJ9gp9yd5duc5V9gJNcYoc6QW4vNmYpL1gGD0i4ucNsb4ZZXHgqKsBJAAAAx0lEQVQoz22S2Q6CMBQFz20pq4CIooCs6v//opdAKUvn7cykaQIFzYgi7iVkHxdiMZh9nkGT5cIUP8WW1NcldLDHCecSSByRwVTEFWeugksJGyXhLq1F3vFcRxPwncMy2Ku1eMTc9FIw9/8aXMhbBnsHG27rmb3Hh7zBrAwrX/K2PjHjQrkZCd6wwj7cnnmZEYJSa0kJFMFGxIWUJSiaipucQuLO//TRHUL30O9A1CMMYy1oKYzfOvp7tT6RKYwbVbGKq8jV4g94PgbysKaYZgAAAABJRU5ErkJggg==) no-repeat; } .cat-question__item-category { margin-top: 10px; font-size: 14px; } .cat-question__item-category a { color: #00c7bd; font-weight: bold; border-bottom: 1px solid rgba(0, 199, 189, 0.4); } .cat-question__item-category a:hover { border-bottom: 0; } .cat-question__item-bottom { display: none; background: #f3f3f3; margin: 10px 10px 10px 40px; padding: 15px; border-radius: 5px; } .cat-question__item-img { float: left; margin-right: 20px; position: relative; } .cat-question__item-img img { border-radius: 6px; cursor: pointer; } .auth-info { display: none; background: #fff; width: 210px; padding: 10px 21px 10px 5px; box-sizing: border-box; border: 1px solid #f2efef; position: absolute; left: 50%; bottom: 115%; margin-left: -105px; border-radius: 6px; box-shadow: 2px 2px 5px 0px #ebebeb; } .auth-info:after { position: absolute; content: ''; left: 50%; bottom: -14px; margin-left: -18px; width: 36px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAOCAMAAABw6U76AAAAV1BMVEUAAAAAAAANDQ3s6env7Ozu6+vt6urt6urr6Ojq5+fk4eHf3Nzd2trX1NTQzs6urKzv7Ozv7Ozo5eXp5+fk4eHo5eX////z8fH8+/v6+fn5+Pj18/P39fWEURtnAAAAFnRSTlMAAwaSvLKpn4uCVkxDOC0ZyMdycGNgPuD4cwAAAIRJREFUKM+F0FkOhDAMA9A07PvsLoX7n3OiAoqACPz9FNmh8LtNoATjNRmREHeFMosUHZNjbrLJ28RPWcMsyAn7PoUZ5PFhiSNa2Bvz0cx4ReIEbaxC2E1CpWRVwoYSQUk5RLIZZb38Y13dn4iyNof3yFuTaLU6TetDGeuaccVgkVzHIH+R5hRF8KHZVAAAAABJRU5ErkJggg==) no-repeat; } .auth-info__close{ position: absolute; right: 4px; top: 5px; color: #fff; cursor: pointer; background: #F24941; border-radius: 50%; width: 18px; height: 18px; font: bold 14px/15px Tahoma, Geneva, sans-serif; text-align: center; } .auth-info__close:hover{ background: #D1292C; } .cat-question__item-text { padding-left: 117px; } .cat-question__item-text-title { font-weight: bold; margin-bottom: 10px; } .cat-question__item-text-content { font-style: italic; } .auth-info__name { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 5px; } .auth-info__spec { font-size: 14px; text-align: center; } .arcticmodal-overlay, .arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; } .arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; } *:first-child + html .arcticmodal-container { height: 100%; } .arcticmodal-container_i { height: 100%; margin: 0 auto; } .arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; } .arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; } .arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; } .modal-hidden { display: none; } .modal-form { position: relative; } .arcticmodal-container_i { width: 700px; } .modal_close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMA3yIH9vLIw6YbwLSw2tPLuKt8dykV6ufjn4uIbWRgD+y5l5BxWFEyMS3ZA8mdAAAAz0lEQVQoz22RVxaDMAwEF4jphJqeQHrR/Q+YZ1kYApkPZI14a4MhuHWZKZWldYMx0Y4soTv4x4LGnCAcaUJl/JNmtNqv6A8RgNAsz75+5lvTXYDIrFSk3yjQrU3voubq6DMGuU7OWOyRcvVhiUU4xJQQrqbfoP+2wNPaK6Rd2MHSDPx+0EclEMo+KhFvCWTzimu+AlDEOmzJ4gaXmHWHHVEIT6IbIJXNQz6b+ADmn8zgy2rn/gimmvoDhNOvv8PSpINO3hjzOcSOUtt4/xLxBYHOORQkkxL4AAAAAElFTkSuQmCC) no-repeat; width: 24px; height: 24px; position: absolute; right: 10px; top: 10px; cursor: pointer; text-indent: -9999px; } .wpcf7-response-output { background: #ddf0f0; } /* Single * ===================================================================================================*/ .single-wrap { background: #f5fbfb; padding: 20px; margin-bottom: 25px; border-radius: 0 0 6px 6px; } .single-text{ background: #f5fbfb; padding: 20px; border-radius: 5px 5px 0 0; } .post-info__item-right { float: right; } .post-info__item_views { margin-left: 10px; padding-left: 20px; } .post-info__item_views:after { position: absolute; content: ''; left: 0; top: 0; width: 16px; height: 14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAXVBMVEUAAAACC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0UCC0XVemWBAAAAHnRSTlMA9gvi7Lo3A8+liG08IRHUyb+be3hTTkYtGgbxrKv3cfT1AAAAcElEQVQI12WPSRaDMAxDnYlQpra0zPDvf0wIyWMTbWzZT7IsAfpfKvWpV0koDDfebeKKvdF6ctg58NZSx02F6a7ieF0u1lRevqEdoBDpgJ+M0EgJ3isAIwu4bBAlPY8kmup+s9E0O5uCHU+wPHr23AnZVAqKf7HoPgAAAABJRU5ErkJggg==) no-repeat; } .single:after { content: ''; display: block; clear: both; visibility: hidden; } .single a { text-decoration: underline; } .single a:hover { text-decoration: none; } .single .table-box { overflow-x: auto; } .single td, .single th { padding: 10px; border: 1px solid #ccc; } .single #ya-site-results td { border: none; } .single h1, .single h2, .single h3, .single h4, .single h5, .single h6 { margin: 20px 0 10px; font-weight: bold; } .single h2 span, .single h3 span, .single h4 span, .single h5 span, .single h6 span { font-weight: bold; } .single .single__title{ margin: 0 0 20px 0 !important; } .single h1 { font-size: 26px; line-height: 31px; text-transform: uppercase; } .single h2 { font-size: 24px; line-height: 29px; } .single h3 { font-size: 22px; line-height: 27px; } .single h4 { font-size: 20px; line-height: 25px; } .single h5 { font-size: 19px; line-height: 24px; } .single h6 { font-size: 18px; line-height: 23px; } .single blockquote, .single .blockquote_1, .single .bl { overflow: hidden; padding-left: 40px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAMAAAD+MweGAAAAaVBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUGXMUuGAAAAInRSTlMA+eZL69LKhQ/wvqt4RTjXk490My8rIBwYBwXxpJ+dZlc+UXfTuAAAAI1JREFUCNctjlkWgzAMA52wJBDWUih0r+5/yMox/tG8xG9kyRO7JDZFa+GBRWFrAc0OQFMQhpLEvDDqG2FtgEfBDwdUkQ/3EXA/Qg3gKuduUCsz+w9K3E54qSVQ06t/6kUqAkXWyK1VtDCbJoMg3mCQ2WCWZBDla/CRxWm+eU42+siOuhzDwdb96X3a5A/CWRAY1/YiHgAAAABJRU5ErkJggg==); margin: 20px 0; background-position: 0 5px; background-repeat: no-repeat; box-sizing: border-box; min-height: 35px; font-style: italic; } .single blockquote p:last-child, .single .blockquote_1 p:last-child, .single .bl p:last-child { margin-bottom: 0; } .single .blockquote_1, .single .bl { background-color: #fff; padding: 20px 20px 20px 60px; border-radius: 6px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAAaVBMVEUAAADxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0vxU0s2SgHYAAAAInRSTlMA+3xG39nLwKcdEwTHb+/u48+0mIyLZi4mGA0IzHRxVVE8gc4ihwAAAKZJREFUGNNtjlkSgyAQBR9iVMB9X7LO/Q8ZENCo6Z/p6npVAM+UFEUy4cR8I81tPuWWVtpjHZnNbDzkmiju+5io/q1cDzMg04fvVZn3OqAzryp4nqRJgMTczFeZkyYFUnNz6XJDhhIoV2lsHZj9m1JOBhhisgjhJDb1RY4g8PYGlpAuhAu2SSVE5f2BbRxgn4RgXiMpI+8Md/pDBM6ulXGAp+wUow++68QhBnpVq1EAAAAASUVORK5CYII=); background-position: 15px 25px; } .single ul { margin: 20px 0; text-align: left; } .single ul li { overflow: hidden; min-height: 22px; list-style: none; padding: 3px 0 20px 35px; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAAjVBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUGjqymtAAAALnRSTlMA+d718atmPe3ETOdqYUUzBYlkD8+RFdOzCpaOcV1STti7n4J7VysiG6eZeEk3ECap+AAAAZVJREFUKM9tktlyqzAQRFsSqzEYMBDjLd7iPf3/n3dnMFC+Sc4LmjpUV6tGeOODwgf+QqW1f8jPNRAuHedzumUIrD/fnGERk7Rta0nGBc1oJ8Y4siobHZqyIp0xk9GlYZIC+Wy7/c6BNAnTwZ7ozZCjqSMK0f0qw8zjCR01LfCM6Bar1cLRewKWNV7ELJFJp7kO80ITS8YvF7JCE3GDni96V1QMoaxYopaYkYIHlFzKab+P2OSR03tkvj/RZM/LG0b7PUhafNNXR0Fv70umJQkmlyu2PAJYMNhwIYejFLheEpFWpk0vs7BreZIWeh2N3UnhW1dT0NIHZthprLWO89ZFLYDUmEA+eWJ0PVYz7/ySfx8QPA/Cmr6kHKBkjHFxJhtk6LwLYj6HFzBBSrN+yaljisn4IgptHBiGKs80U21avFy/u9sgF/2OoQR02bnaxlw+nHusWG2rc+YYoGNKl/A/EkfJHiwT+kHPTQZ1o60D7vyeHae1uDfamCNxix8UPM46TlzhJyUj2xFx/UvmS48d5p6j5x8T9y+CayhwUQAAAABJRU5ErkJggg==) no-repeat; } .single ul li:last-child { padding-bottom: 5px; } .single ul li ol, .single ul li ul { margin-bottom: 0; } .single ul li ol li:last-child, .single ul li ul li:last-child { padding-bottom: 10px; } .single ol { margin: 20px 0; counter-reset: li; list-style: none; text-align: left; } .single ol li { overflow: hidden; background: none; position: relative; padding: 0 0 20px 25px; } .single ol li:last-child { padding-bottom: 5px; } .single ol li:before { content: counters(li, ".") '.'; counter-increment: li; position: absolute; left: 2px; top: 4px; font-size: 15px; line-height: 1; font-weight: bold; color: #f24941; } .single ol li ol, .single ol li ul { margin-bottom: 0; } .single ol li ol li:last-child, .single ol li ul li:last-child { padding-bottom: 5px; } .single ol li ol li:before, .single ol li ul li:before { font-size: 10px; top: 7px; } .single img { max-width: 100%; height: auto; vertical-align: bottom; } .single iframe { width: 100%; position: relative; } .single .wp-caption { text-align: center; margin-bottom: 20px; max-width: 100%; overflow: hidden; position: relative; background: #fff; } .single .wp-caption-text { padding: 14px; font-size: 14px; } .toc_img { max-width: 100%; height: auto; } #toc_container { margin: 20px 0; overflow: hidden; } #toc_container .toc_title { margin-bottom: 15px; color: #222222; padding-left: 23px; position: relative; } #toc_container .toc_title:after { position: absolute; content: ''; left: 0; top: 2px; width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAElBMVEUAAAAZI1cZI1cZI1cZI1cZI1f/GwLRAAAABXRSTlMA7pE7iaDMNsEAAAA0SURBVAjXY2ASDQWCQAUG1VAwCGEQNWAAAuZAhlAGMAgFQSAAUiSLQBlggGDArYBbCncGABXzFSOry3suAAAAAElFTkSuQmCC) no-repeat; } #toc_container .toc_title a { color: #020b45; } #toc_container > ul { margin: 0; text-align: left; } #toc_container > ul > li { padding: 0 0 16px 15px; background: none !important; position: relative; font-size: 14px; } #toc_container > ul > li:last-child { padding-bottom: 0; } #toc_container > ul > li:before { display: none; } #toc_container > ul > li a { border-bottom: 1px solid #cfdddd; color: #222222; text-decoration: none; } #toc_container > ul > li a:after { position: absolute; content: ''; left: 0; top: 8px; width: 5px; height: 5px; background: #020b45; border-radius: 50%; } #toc_container > ul > li a:hover { color: #f24941; text-decoration: none; border-bottom: 0; } #toc_container > ul > li a:hover .toc_number { color: #f24941; } #toc_container > ul > li a .toc_number { display: none; } #toc_container > ul > li > ul { margin: 8px 0 0 19px; } #toc_container > ul > li > ul > li { position: relative; padding-bottom: 8px; padding-left: 15px; background: none !important; } #toc_container > ul > li > ul > li:last-child { padding-bottom: 0; } #toc_container > ul > li > ul > li a:hover:after { background: #f24941; } #toc_container > ul > li > ul > li a:after { position: absolute; content: ''; left: 0; top: 8px; width: 5px; height: 5px; background: #020b45; border-radius: 50%; } .single-tags { overflow: hidden; margin-bottom: 10px; } .single-tags .single-tags__title { font-weight: bold; margin-right: 7px; display: inline-block; font-size: 16px; vertical-align: top; } .single-tags a { display: inline-block; font-size: 11px; line-height: 14px; font-weight: bold; color: #fff; background: #f24941; padding: 4px 5px; margin: 0 5px 10px 5px; vertical-align: middle; } .single-tags a:hover { background: #00c7bd; } .post-meta { margin: 15px 0; padding: 15px 0 25px 0; color: #858585; font-size: 12px; line-height: 14px; border-top: 1px solid #dbdbdb; } .post-meta:after { content: ''; display: table; clear: both; } .post-rating { float: left; margin-top: 5px; } .post-rating__title, .post-share__title { margin-bottom: 6px; } .post-ratings img { vertical-align: middle; padding: 0 5px 0 0 !important; } .post-ratings .post-ratings-text { position: relative; top: 5px; } .post-share { float: right; text-align: center; } .yarpp-related { margin-bottom: 30px; } .yarpp-related:after { content: ''; display: block; clear: both; visibility: hidden; } .related-items { padding: 0 1px; } .related-items:after { content: ''; display: block; clear: both; visibility: hidden; } .related-items li { float: left; position: relative; padding-bottom: 2px; width: 31%; margin-right: 3.5%; font-size: 16px; } .related-items li:last-child { margin-right: 0; } .related-items li img { vertical-align: top; margin-bottom: 10px; border-radius: 5px; width: 100%; height: auto; } .related-items li a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: bold; } .related-items li a:hover { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.2); } .related-items li a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; } .post-info_single { margin-top: 15px; } /* Comments * ===================================================================================================*/ .respond__title, .q-form__title { font-size: 20px; line-height: 25px; font-weight: bold; text-transform: uppercase; margin-bottom: 12px; color: #222222; } .respond, .q-form { background: #ddf0f0; padding: 20px 25px; clear: both; margin: 0 0 30px 0; overflow: hidden; border-radius: 7px; } .respond input, .q-form input, .respond textarea, .q-form textarea { margin: 6px 0; color: #333; box-sizing: border-box; background-color: #fff; border: 0; font-size: 14px; line-height: normal; border: none; } .respond input::-webkit-input-placeholder, .q-form input::-webkit-input-placeholder { color: #9c9fa6; } .respond input::-moz-placeholder, .q-form input::-moz-placeholder { color: #9c9fa6; } .respond input:-moz-placeholder, .q-form input:-moz-placeholder { color: #9c9fa6; } .respond input:-ms-input-placeholder, .q-form input:-ms-input-placeholder { color: #9c9fa6; } .respond textarea::-webkit-input-placeholder, .q-form textarea::-webkit-input-placeholder { color: #9c9fa6; } .respond textarea::-moz-placeholder, .q-form textarea::-moz-placeholder { color: #9c9fa6; } .respond textarea:-moz-placeholder, .q-form textarea:-moz-placeholder { color: #9c9fa6; } .respond textarea:-ms-input-placeholder, .q-form textarea:-ms-input-placeholder { color: #9c9fa6; } .respond .respond-form__field, .q-form .respond-form__field { width: 49%; padding: 11px; } .respond .respond-form__name, .q-form .respond-form__name { margin-right: 1.3%; } .respond .respond-form__textarea, .q-form .respond-form__textarea, .respond .q-form__text, .q-form .q-form__text { width: 100%; padding: 11px; } .respond .respond-form__button, .q-form .respond-form__button, .respond .q-form__button, .q-form .q-form__button { display: inline-block; color: #fff; padding: 8px 20px; cursor: pointer; text-decoration: none !important; box-sizing: border-box; background: #f24941; border-radius: 25px; border: 0; font-size: 14px; line-height: normal; font-weight: bold; text-transform: uppercase; } .respond .respond-form__button:hover, .q-form .respond-form__button:hover, .respond .q-form__button:hover, .q-form .q-form__button:hover { color: #fff; background: #00c7bd; } .respond .q-form-box, .q-form .q-form-box { width: 49%; float: left; } .respond .q-form__field, .q-form .q-form__field { padding: 11px; width: 100%; box-sizing: border-box; } .respond .q-form-box_name, .q-form .q-form-box_name { margin-right: 2%; } .comment-title { font-size: 20px; line-height: 25px; font-weight: bold; margin-bottom: 12px; text-transform: uppercase; color: #222222; } .commentlist .comment { font-size: 14px; margin-bottom: 15px; padding: 25px 21px; background: #ddf0f0; border-radius: 5px; } .commentlist .comment .gravatar { float: left; margin-right: 24px; } .commentlist .comment p { margin-bottom: 15px; } .commentlist .comment .cauthor { margin-bottom: 10px; } .commentlist .comment .fn, .commentlist .comment .fn a, .commentlist .comment .comment_date { color: #000; font-weight: bold; } .commentlist .comment .reply a { text-decoration: none; color: #f24941; border-bottom: 1px solid rgba(242, 73, 65, 0.5); } .commentlist .comment .reply a:hover { border-bottom: 0; text-decoration: none; } .commentlist .children { margin-left: 20px; } .commentlist .comment_content { padding-left: 75px; } /* Footer * ===================================================================================================*/ .footer { background: #00c7bd; padding: 30px 0; margin-top: 30px; text-align: center; overflow: hidden; } .wrap { width: 1140px; margin: 0 auto; } .f-logo { text-align: left; width: 336px; height: 60px; float: left; padding: 0px 0 0 0px; font-size: 10px; line-height: 14px; color: #fff; box-sizing: border-box; } .footer-nav { display: inline-block; margin-top: 23px; } .footer-nav ul { overflow: hidden; } .footer-nav ul li { display: inline-block; font-size: 14px; line-height: 17px; margin-right: 20px; margin-bottom: 10px; } .footer-nav ul li:last-child { margin-right: 0; } .footer-nav ul li a { text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .footer-nav ul li a:hover { border-bottom: 0; } .footer-nav ul li span { color: #fff; } .social-icon { float: right; margin-top: 20px; } .social-icon:after { content: ''; display: block; clear: both; visibility: hidden; } .social-icon a { width: 30px; height: 30px; display: block; box-sizing: border-box; float: left; text-indent: -9999px; margin-right: 10px; background-repeat: no-repeat; background-position: center; } .social-icon a:last-child { margin-right: 0; } .social-icon .fb { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAMAAACeNWzcAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMADeb17dycOLOqd1zn3sajj35sZV00CAKtyvooAAAAUklEQVQI16XLWQ6AMAhFUVoLnZzH7n+lPhqN/vf+cEiAkI/skKorNTCUl+eAEfeciUwPetIuCx6qedKvICIEPP25LrpIShuuLUg10073cWRmxQ3MSQgsIG3gLQAAAABJRU5ErkJggg==); } .social-icon .fb:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAMAAACeNWzcAAAASFBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUFQoD/bAAAAF3RSTlMADef17dycOOWzqndoXN7Go49+XTQIAnqc2LcAAABTSURBVAjXpcxJDoAwDARBA7FDNnbI/3/KDALBnb6kItkW5KM6RHX1Cgz14T7giWspIk0LemFHD27UPHErmJkAd1/mhR9LKWOaa4J47Dfdy1FViROswQfmKBwCvgAAAABJRU5ErkJggg==); } .social-icon .tw { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAZlBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+yxU8tAAAAInRSTlP8AP7378JnR/S6Pw7oiQbr1bByFd/T0bKonZN8X006NzUjGsglvAAAAIVJREFUGNNVy0cOwzAQQ1Fy1CV3p/fc/5KBChD7Lx9IDCtbN63GPi1PxO5d5SoCge8crHib5atQ0j0cBCaSDrUwgKe8P8znRo5wIT9E0IpExC6/EjSyEZlIMBm1oXsmmo2MqZDF/2pZiJ/QrnJho1eogJmF7FFDMoheWGl4mM4rpac+sfYDgYYEF9oGPzIAAAAASUVORK5CYII=); } .social-icon .tw:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAYFBMVEXySUEAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHlwBVLAAAAIHRSTlP8AP7478L06WZHPw6JBtXSvbiweG1NOBXfsqidk181I6SNL9UAAACDSURBVBjTTci3AQMhEATA3QMe997Kq/8uhYCACQfDxeqlle7jfiDYs8xTEnTWw0nnmHyVIBHdw0NgAnkIcs0DOEnK23pH4Qm/KAAiUisQAS3pLoJG2hqZKhrV1PYvmmZszLVDUIljLn5mVefBWudSQlbmcpOWQm8sNbyN7ZTSYx9Z/ACK9wQvHpJRIgAAAABJRU5ErkJggg==); } .social-icon .yt { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAMAAABIkLa5AAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMALs6YJBD28+uMRbSnUzrv6L6gWVZCNCgcCQT45uDTy8WufWNPTD7VnJCFg3dvazcY2od1H3w820cAAADsSURBVBjTfYtHbsNAFEP/yDOyerd6b+4lhfe/WkYwAglZ5K3IB5IWzCO5Ov1lBAMXI1Gav7JVH8suLzVLqEl5WO0VzCgYHLDCWK0DsivuOVribbYxaKgydfaEttkayGL43jdabLZiyCkMOD0ekaD/+PpQVVdRlHqvLPi3RXaw+ssnJDu8MYls2XK6AKhJBQpIQjoBGGKE3c1is648nQo40XKLGIQ+61MfH+zsLs+/lgWhbptGxO7NYgMAIwffGefJdBLd94GAegATxzNNLcbsc0oWcCWhAXsNbu1CawGzkfVFxNu9DHijytgk9AMP7yAlrkMyeAAAAABJRU5ErkJggg==); } .social-icon .yt:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAMAAABIkLa5AAAAjVBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUGjqymtAAAALnRSTlMALffO8+iYVRC0pkUk79Sej1knHettUUM5CQTgy8XAi4aBd2NMPzUyrnw8GNq6mI+wFQAAAOhJREFUGNN9jFlygzAQREcCjBACs5sds3tJ+v7Hi1SuFE4+/L5mXnU3GbyQgoj+U4BBiYIorZ/VoUPHq51MCp44l8OO2H3O8ADj/mFLkNsopwz+ZDfQ3FR8dUT2lvVR7eidFB3esmKuKZaK8jwW9Inpi/PAsqzQtgz9ZOQNcrxeoTnhhUfk6q8mY0PiADc6pjOAeUN8myRbB2srG+BMpuYyiGgdlvt+catcl38tO8eR6/kuy1tjzUKRQJ38aPEeydB/m4U7gEWhTFPJWBGlJIGRRADYGewwQNYBXqvfJ5HqbH3gBddnm9APbK8cUAjZINUAAAAASUVORK5CYII=); } .social-icon .gp { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAMAAABsDg4iAAAAhFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8g2+bRAAAAK3RSTlMA+t+tDtsp9OLCqk4f7ujFsaCcZz0tCQTLuLeXjod+WlFIFROiYlNCMyQX3AdXiAAAAL5JREFUGNNNj+d6wjAMAOURshMgQNgt0H3v/3619KWk98O2zraGJL7XLvfesx/lyYsjAyg3s1vAqzySNjexpE3rBnqNmmjSk+tWUKjjzWSA2u6C5Vqa3ELXyA2aFIycxBiA4IpPqUN1pKjC2upfOu1ALkxMrUJ5lzHGL0KMO1XvBwd023S8sxLl5uFwziDfafV+Kr7S92cYROK1VtmTiXHEfhruT1Zc/42O9fUBP0/52IMry9aGnRmqHNrTYja/TwMTFjVx4DsAAAAASUVORK5CYII=); } .social-icon .gp:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAMAAABsDg4iAAAAe1BMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHwmPzEAAAAKHRSTlMA+t/DKA7b766qn2ZOLx/26rGYUUY9FQkF5OHIuLesoo6HWs1/fhcTfX6LZQAAALxJREFUGNNNj9m2wiAMAAOULnZVa6273usy//+FQk61zgOHDAlJJJAsTGut5TDKlz9DCuA2s0tgLUPQ6iaWZOHcwCFGjVdpVcqOXXRcVOZQ6Vuufy1V1tA10kMTgpGVKCWQm30v1bk4sS9y9cmtixPIjYlpVHCDjN7XnL3fav3RAF0drgMLifQWjtcU2m3s7qbml5h/hVLEP6ooHakoJ7RSMR9ZcP9ZHc1Yw/MrX/9gnMt02ZmyaCFbJbN5A3cgEeES4FbaAAAAAElFTkSuQmCC); } .social-icon .vk { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAMAAADaFm2tAAAAclBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+As+VLAAAAJnRSTlPkAPLp5+/sy9PH2eGikQf3272fmDkmIdDEUUMOwKuMf2FeVUgwFwh9vkUAAACYSURBVAjXPc5XDoQwDATQceyYJST0zvZy/ytuCBLz92RrNCguKVPTLkSESkSYWdSatiQYoKhdoQCq107Jxt/wEMB2OzmnmIxhwsntIjDv9Dx91uXG4O6ogqrVpIM2RlA0a6ILIXgnsNKfzd9o4xPL3d6C5/NKV4Y2adUwDn2rgLkfm2tIlHUjKhZWZWZr8p7gspR89s+N6A91nwbyj386BgAAAABJRU5ErkJggg==); } .social-icon .vk:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAMAAADaFm2tAAAAb1BMVEXySUEAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUEj4X/WAAAAJXRSTlPkAPLpyufv7NOh4dvZkQf3vZhSOSYhzsQOA8CrjH9hXkhEQzAXu4REIwAAAJdJREFUCNc9zlcOxCAMRdEHxvaQQHqd3va/xglklPt3ZMl6KE65qfHdagxqZiYiVrG+MrBAUZaFAqgfiezG73BjQNpEcmbLEWw8uJwYtkvk6fnuLgRq91dQFc3aKVuMonllhhijLxnC/fH5ExjWZ1bJXkDzcV3PBG3yqmEceq+Avf43gzdJGFETkyoRiXW9QXB7s78vxvwAVFIGmwjiVPMAAAAASUVORK5CYII=); } .social-icon .ok { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAYAAABbLMdoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARpJREFUeNpi+P//PwMUmwDxuf+YYA0Qs4HUwBSq/ccPLgExM0zxJTTJxUC8AU2sGqRQD0ngJxBbIjmtCUnuDkggGElgC5JCGP4GlfvHxMDA8JUBARQYUAGIzwJlfwHpFEJz21IgNgZiByC+jSS+HWZVzX/CwBzZbUvxKExADmcYtoR68g4Q3wDimUAsCJMHESVAfB+I5wAxB5bQ0AHiE0B8lfE/WAsKOAnEd4CYFYj1gVgdLgNUO/c/ceAvzKoQIF4PdSs6OAM10AjdfauxKM5E9iAMz8DjhEhkxTPRJBcB8TF0DSCF1WiCa6EGMAPxY2QJUEISQwq2dUAcDGX/BWJDIH4AkwSFMy+Qrgfi30BcyYAJJKHiNwECDACPT4+FhqGgkQAAAABJRU5ErkJggg==); } .social-icon .ok:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAMAAABs8jdaAAAAbFBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHOigq3AAAAI3RSTlMA3qTUrlYF2ci1q52ZkHs4MxL69Got487Mh4J0YEhAJiAZDabfsksAAACESURBVAjXLc1HEsQgEENRgXM2DpOz7n/HUWPegv4UUACYz5S2VL55yLTJNH2uZcROLhNwIx0KsoGsJJ66qfwsXBHs+vyq4vHIRK/gj3zATI2r+qC4u66E7HUGSu3bSgMdEzWK3FlcuhnSWm8wPaMipa9tE7/NUZ40MFgCwal/wxXmO2x/DCIQxuIyrWwAAAAASUVORK5CYII=); } .social-icon .in { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMA4fLL9+XQEQbZ+twC1s4W7FgLeGNCIQ+4oY98VCkTvYRoZ15KNzAu4Zn6sQAAALhJREFUGNN9ztmOgzAMheGTkISQQFgL3WefOe//hINLW8FN/yvrkywbQ7YqOZeyHo7rjCEVspWEc57/6a3pGkC0L62pFPnt/dg8dsOp9tOgTVFoxtlCIE+QWkoRyfy2bCbcqthflIUz2NFhac9PVGL+h9YvlviFQmzyigOkXTDjYjneqVs/k+UB5d26PVm9JdJdnwZ/bEiawxV36zBXnz/aEZLcDZd8rivLspOhlv9o9CZa9FFti8d/EjYWYF7VKQUAAAAASUVORK5CYII=); } .social-icon .in:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAbFBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHOigq3AAAAI3RSTlMA4cvy0BH35dgG3Pp5FuxYD9VjQgu4oY9nVC8pIb2BXko3IgW6LhMAAACsSURBVBjTfctXEoMwDEVRGbe4UEPoqW//e4zAQwZ+cn8knRlRkx1TSmWRFI4ZAwjKDhJGrSd5NpkTkbd/ragF8HJuKfbfEHNXNdJcvIRnCwGItFaCY1NmKlFUtFUjzsKy0RWKUjcMdFnNvWFdsgzPZJUTaDa6BvNJpukBWTomi452a29AfVeA0j8j1xcATMdrsoq4fBzKhWeyMGuu5avVXC7YYOQpWIpenPP9F1ldE1HaFIWEAAAAAElFTkSuQmCC); } .up { overflow: hidden; position: fixed; margin-left: 1155px; top: 80%; cursor: pointer; z-index: 100; text-indent: -9999px; width: 41px; height: 42px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAqCAMAAAAZKoJqAAAATlBMVEUAAAAAx70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70N2TN3AAAAGXRSTlMA7hFVBMy8hwndmXfDoSIMt6mNZjOylIJEYDAhNgAAAQ9JREFUOMvt00GOwyAMBVAbElJCS5smbfLvf9GxywjUCoVsuhnNlzALP4xYQJWsKx3LChyjAyTDMXiM3vGbexsW2obnc5M+E7xeE302IVGDjhlmOu5AdyLap12BKSeXaPcJLxl+0EtXgzeFhd4yrcEGLbBOKcdC8ugq73xAYumNKqzSBAudBFbpZOk/fzBgKQzzDWkd4IwFwJZoAPpoMHjZLDxZTIQUM2sNKqURAKFGq5AJwbPJ0kTaMFoEYkcOG/Vs4GmRZZgRyu2LEz/Y9Bu8biJ7aUlfWrFIz2RVBuoRdWaMKjdZCxhjkYw8EzFoHQ00enTxWLKcgeAnlTy/3u7mlxwoyMBZRu/EvLW/IX8ArK0h1KxyblIAAAAASUVORK5CYII=) no-repeat; } .up:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAqCAMAAAAZKoJqAAAATlBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUFzrMorAAAAGXRSTlMA7hFVBMy8hwndmXfDoSIMt6mNZjOylIJEYDAhNgAAAQ9JREFUOMvt00GOwyAMBVAbElJCS5smbfLvf9GxywjUCoVsuhnNlzALP4xYQJWsKx3LChyjAyTDMXiM3vGbexsW2obnc5M+E7xeE302IVGDjhlmOu5AdyLap12BKSeXaPcJLxl+0EtXgzeFhd4yrcEGLbBOKcdC8ugq73xAYumNKqzSBAudBFbpZOk/fzBgKQzzDWkd4IwFwJZoAPpoMHjZLDxZTIQUM2sNKqURAKFGq5AJwbPJ0kTaMFoEYkcOG/Vs4GmRZZgRyu2LEz/Y9Bu8biJ7aUlfWrFIz2RVBuoRdWaMKjdZCxhjkYw8EzFoHQ00enTxWLKcgeAnlTy/3u7mlxwoyMBZRu/EvLW/IX8ArK0h1KxyblIAAAAASUVORK5CYII=) no-repeat; } .menu-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; z-index: 99; text-indent: -9999px; } .js-nav .menu-overlay { display: block; background: rgba(255, 255, 255, 0.7); } /* Media queries * ===================================================================================================*/ @media screen and (max-width: 1160px) { .wrapper, .wrap { width: 98%; } .breadcrumbs { width: 100%; box-sizing: border-box; padding-right: 276px; } .content { width: 100%; box-sizing: border-box; padding-right: 276px; } .sidebar { margin-left: -261px; } .header-menu__items > li { margin: 0 4px; padding: 10px 9px; } .up { margin-left: 0; top: 82%; right: 1%; } } @media screen and (min-width: 1160px) { .header-menu__items li:hover > ul { display: block; } } @media screen and (max-width: 1023px) { .wrapper, .wrap { width: 96%; } .breadcrumbs { padding-right: 0; } .header { padding-bottom: 0; margin-bottom: 20px; } .content { width: 100%; float: none; padding: 0; } .js-nav .m-nav { left: 0; } .js-nav .content { min-height: 1500px; } .logo { margin-bottom: 15px; } .slide-out-open-box { clear: both; height: 50px; background: #00c7bd; border-radius: 5px; box-sizing: border-box; padding: 13px 0 0 15px; } .slide-out-open { display: block; clear: both; height: 50px; width: 100px; height: 22px; position: relative; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWBAMAAABTd4N3AAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA37+fNqsoNQAAACdJREFUGNNjMEYDDC5oAFNAEA0w0AQooQHCDsPUQguA4X3CDsMIZADzyyZBHRY0eAAAAABJRU5ErkJggg==) no-repeat; font-size: 13px; line-height: 23px; color: #fff; font-weight: bold; text-transform: uppercase; box-sizing: border-box; padding-left: 40px; } .slide-out-close { display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAclBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUFdWehcAAAAJXRSTlMA+hfNHhq65sWocxPu4FYp6dLKwZ2OOKGYU9yFTz4jINaZXAMFmURgkwAAATNJREFUOMuVlOmSgyAQhNsDj3jgGWNi7p33f8UtWBkhrknl+2GNY9vADACLsDxEQRwH0aEM8R/7NCcmT/crwaXzyMHrLnCYClpRTLDYsYVjtLMUtAFrJvZY+YzQyJg2qSQUHb1h0PVYhilWAXlnACm/9qL9C5Kw52QKiMro+x9kiYoagefJeFcCJZtnqk01UX0FkB1NvsSdLVtfaYI6VIqI03csMQXqo++rR0JMhIAszdw5kdhJOHWrBZRHY+diVPbrTUvEzSmwM1AtobnaNsEyXbPa7GUykdWhROh5NHpJLac7PLh0ZrWJCjJu0wNhbhpweiJTP2sNNyAPnTb688Ra4bQR52UzHDlwNwMGekMKhay2FflcqXF7e5efD8k3Rw0Y47UiHuEgh9djP8gvLo/PV9AvVPBrgOjcx5sAAAAASUVORK5CYII=) no-repeat; width: 34px; height: 34px; position: absolute; right: 15px; top: 12px; padding: 0; cursor: pointer; text-indent: -9999px; } .slide-out-close.rotate { -moz-transform: rotate(2160deg); -ms-transform: rotate(2160deg); -webkit-transform: rotate(2160deg); -o-transform: rotate(2160deg); transform: rotate(2160deg); -webkit-transition: -webkit-transform 900ms ease, opacity 500ms ease; -moz-transition: -moz-transform 900ms ease, opacity 500ms ease; -o-transition: -o-transform 900ms ease, opacity 500ms ease; transition: transform 900ms ease, opacity 500ms ease; } .m-nav { display: block; margin: 0; height: 100%; width: 50%; padding-top: 75px; box-sizing: border-box; position: absolute; left: -53%; top: 0; background: #00c7bd; z-index: 2000; box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.5); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .m-nav:after { content: ''; display: block; clear: both; visibility: hidden; } .m-nav .social-icon { display: block; margin: 0 auto 20px auto; padding-bottom: 16px; overflow: hidden; text-align: center; float: none; } .m-nav .social-icon a { display: inline-block; float: none; margin: 0 6px; } .m-nav .search-form { float: none; display: block; width: 90%; margin: 0 auto 30px auto; border-radius: 0; border-radius: 6px; } .m-nav .popular-cats { display: block; width: 90%; margin: 0 auto 30px auto; box-sizing: border-box; } .m-nav .section__title_popular_cats { background: #ddf0f0; color: #000; border-bottom: 1px solid #fff; } .m-nav .section__title_popular_cats:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAANlBMVEUAAAAAx70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70Ax70o3Z+JAAAAEXRSTlMABqnv5Xpv1aavhhDTR0YhIHnq2AAAAABPSURBVAjXTcxJCgAxCETRMtGMPdX9L9sQJeSt/BQIVwoOoipHFvKYPyX1XefTK0PtNyRxSwJIY2iy3qZdi3kaXKwpsjKbZV5ekscE5sgC/GNJBF7rmtiUAAAAAElFTkSuQmCC) no-repeat; } .m-nav .section-subscription { display: block; background: #ddf0f0; width: 90%; margin: 0 auto 30px auto; border-radius: 6px; box-sizing: border-box; } .header-menu { background: none; padding: 0; border-radius: 0; margin-bottom: 30px; } .header-menu__items { text-align: left; position: relative; } .header-menu__items:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAABlBMVEWc19Qtq6Tx/TUQAAAADElEQVQI12NoYGAAAAGEAIEo3XrXAAAAAElFTkSuQmCC) repeat-x; } .header-menu__items > li { display: block; border-radius: 0; margin: 0; position: relative; padding: 0 !important; font-size: 16px; } .header-menu__items > li:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAABlBMVEWc19Qtq6Tx/TUQAAAADElEQVQI12NoYGAAAAGEAIEo3XrXAAAAAElFTkSuQmCC) repeat-x; } .header-menu__items > li > a, .header-menu__items > li > span { display: block; padding: 10px 30px 10px 30px; } .header-menu__items > li > a:after, .header-menu__items > li > span:after { display: none; } .header-menu__items > li .menu-arrow { z-index: 4; } .header-menu__items > li .menu-arrow.active { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADBAMAAACpGNjLAAAAFVBMVEX///////////8AAAD///////////+qLbQKAAAABnRSTlPbJBUAurnpTogOAAAAFElEQVQI12MwZDRgUEhQYHBLCwAACY8B/xDZAO8AAAAASUVORK5CYII=) center no-repeat; } .header-menu__items > li > .ul_block { display: block; } .header-menu__items > li > ul { position: static; min-width: 1px; width: 100%; box-sizing: border-box; border-radius: 0; } .header-menu__items > li > ul > li { font-size: 16px; padding: 15px 15px 15px 40px; } .sidebar { display: none; } .posts { padding: 15px; } .posts-home { max-width: 850px; margin: 0 auto; } .cat-float { width: 100%; margin: 0 auto; max-width: 850px; } .cat-posts { width: 100%; margin: 0 auto; max-width: 850px; } .toc_img { display: block; margin: 0 auto 20px auto; } .related-items { width: 100%; margin: 0 auto; max-width: 850px; } .footer { overflow: hidden; } .footer .social-icon { display: none; } .footer-nav { float: right; display: block; margin-top: 20px; } } @media screen and (max-width: 760px) { .m-nav { width: 80%; left: -83%; } .slider-box { margin-bottom: 30px; position: relative; } .slider-box .bx-wrapper { width: 376px !important; margin: 0 auto; position: static; } .slider-box .bx-prev, .slider-box .bx-next { position: absolute; left: 0; top: 58%; display: block; width: 13px; height: 21px; text-indent: -9999px; z-index: 2; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAMAAACqsJS4AAAAUVBMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUGzDIKTAAAAGnRSTlMAxRcRCwW9lWZd2dbRzbawpo2Gdm1hHQh+fdISZO0AAABeSURBVBjTZdBXDsAgDAPQTkr3Xrn/QZtKCQ6CvycEsZOFUy+twUx0Ku6JiBpB5RirImdsgvLHoxgZu6AYGIeiZ3jB1ZEZ5HQO7pAJ79I/Mc9meVXImXZAP9vdx3v5ALOQCCyrJ3FKAAAAAElFTkSuQmCC) no-repeat; } .slider-box .bx-next { left: auto; right: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAVCAMAAACqsJS4AAAAS1BMVEUAAADySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUHySUFmtaizAAAAGHRSTlMADAbPxGUXvZXb17avpoyGfnVtX1wdEgENcmWdAAAAV0lEQVQY023QWQ7AIAgEUOxmd7uX+59U/GFC0L8XouNA9GwN6emZV3Bk5kX578IYdJqEHXhYnsL2U16FA3KEM3gLp9fkRjfDPf8m8vxfEoAO6Beq3e1eMl1PB49oFNnzAAAAAElFTkSuQmCC) no-repeat; } .slider_first { max-height: 258px; } .slider_first .slider__title { font-size: 14px; line-height: 20px; } .posts__item_first { float: none; width: 100%; margin-bottom: 20px; text-align: center; } .posts__item_first .posts__item-box { text-align: left; } .posts__item_first img { width: 100%; max-width: 326px !important; } .posts__item_first .posts__item-title a:after { left: 50%; margin-left: -131px; } .posts__item_second { float: none; width: 100%; } .posts-home { max-width: 548px; } .posts-home .posts-home__item { width: 48%; margin-right: 4%; } .posts-home .posts-home__item:nth-child(3) { display: none; } .posts-home .posts-home__item:nth-child(2) { margin-right: 0; } .title-text { position: relative; padding-right: 40px; } .title-text__link { float: none; } .title-text__child { float: none; clear: both; display: none; } .title-text__toggle { display: block; position: absolute; right: 15px; top: 19px; text-indent: -9999px; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADBAMAAACpGNjLAAAAFVBMVEX///////////8AAAD///////////+qLbQKAAAABnRSTlPcJBUAu7iaV7lhAAAAFElEQVQI12NwSwtgUEhQYDBkNAAADl8B//zUsN8AAAAASUVORK5CYII=) center no-repeat; cursor: pointer; } .title-text__toggle.active { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADBAMAAACpGNjLAAAAFVBMVEX///////////8AAAD///////////+qLbQKAAAABnRSTlPbJBUAurnpTogOAAAAFElEQVQI12MwZDRgUEhQYHBLCwAACY8B/xDZAO8AAAAASUVORK5CYII=) center no-repeat; } .cat-float { max-width: 550px; } .cat-float .cat-float__item { width: 48%; } .cat-float .cat-float__item:nth-child(odd) { clear: both; margin-right: 4%; } .cat-float .cat-float__item:nth-child(even) { clear: none; margin-right: 0; } .cat-children .cat-children__item { width: 48%; } .cat-children .cat-children__item:nth-child(odd) { clear: both; margin-right: 4%; } .cat-children .cat-children__item:nth-child(even) { clear: none; margin-right: 0; } .cat-posts { max-width: 550px; } .cat-posts .cat-posts__item { width: 48%; } .cat-posts .cat-posts__item:nth-child(odd) { margin-right: 4%; clear: both; } .cat-posts .cat-posts__item:nth-child(even) { margin-right: 0; clear: none; } .cat-calc .cat-calc__item { width: 48%; } .cat-calc .cat-calc__item:nth-child(odd) { clear: both; margin-right: 4%; } .cat-calc .cat-calc__item:nth-child(even) { margin-right: 0; clear: none; } .cat-money .cat-money__item img { max-width: 177px; height: auto; } .cat-money__item-content { padding-left: 197px; } .single-wrap { padding: 15px; } .post-meta { text-align: center; } .post-rating { float: none; margin: 0 0 10px; } .post-share { float: none; } .single table { min-width: 500px; } .arcticmodal-container_i { width: 100%; } .respond .q-form-box, .q-form .q-form-box { width: 100%; float: none; } .related-items { max-width: 548px; } .related-items li { width: 48%; margin-right: 0; } .related-items li:first-child { margin-right: 4%; } .related-items li:nth-child(3) { display: none; } .respond .respond-form__field, .q-form .respond-form__field { width: 100%; } .footer { padding: 10px 0; } .f-logo { float: none; margin: 0 auto 15px auto; } .footer-nav { float: none; width: 100%; max-width: 100%; } .footer-nav ul { display: inline-block; } } @media screen and (max-width: 480px) { .wrapper, .wrap { width: 94%; } .m-nav { width: 95%; left: -98%; } .header { padding-top: 10px; } .logo { padding: 44px 0 0 77px; width: 250px; height: auto; } .slider-box .bx-wrapper { width: 240px !important; } .slider_first { height: 165px; } .m-nav .social-icon a { margin: 0 3px; } .posts-home { max-width: 263px; } .posts-home .posts-home__item { width: 100%; float: none; margin: 0 0 15px 0; } .posts-home .posts-home__item:nth-child(3) { display: block; } .cat-float { max-width: 263px; } .cat-float .cat-float__item { float: none; width: 100%; } .cat-children .cat-children__item { float: none; width: 100%; margin-right: 0; } .cat-posts { max-width: 263px; } .cat-posts .cat-posts__item { width: 100%; float: none; } .cat-calc .cat-calc__item { width: 100%; margin-right: 0; min-height: 1px; } .cat-money .cat-money__item img { float: none; max-width: 243px; display: block; margin: 0 auto 15px auto; } .cat-money__item-content { padding-left: 0; } .cat-money__item-title a:after { left: 50%; margin-left: -122px; } .question-btn { float: none; display: block; text-align: center; width: 200px; margin: 15px auto; } .arcticmodal-container_i2 { padding: 0 4%; } .alignleft, .alignright { float: none; display: block; margin-left: auto !important; margin-right: auto !important; } .post-meta { padding-bottom: 10px; } .related-items { max-width: 263px; } .related-items li { width: 100%; float: none; margin: 0 0 15px 0; box-sizing: border-box; } .related-items li:last-child { display: block; } .related-items li img { width: 100%; height: auto; } #respond, .q-form { padding: 12px; } #respond .respond-form__field, .q-form .respond-form__field, #respond .respond-form__textarea, .q-form .respond-form__textarea, #respond .q-form__field, .q-form .q-form__field, #respond .q-form__text, .q-form .q-form__text { width: 100%; } .up { top: 78%; } .f-logo { width: 245px; } } .single__thumb{ text-align: center; padding-bottom: 20px; } .single__thumb img{ border-radius: 5px; } .sidebar-rek{ width: 240px; margin: 0 auto; } /* Реклама рядом с содержанием*/ .adv_sod { width:300px;float:right; } .table-of-content { float:left; } h2 { clear:both; } p { overflow:hidden; } .box { overflow:hidden;float:none;clear:both; } .clear { clear:both; }