/* Theme Name: Marafon Description: Markup by Andrey Morkovin Author: Andrey Morkovin */ /* 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:.35em .625em .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: 17px/22px 'Roboto Condensed';*/ font-family: 'Source Sans Pro', sans-serif; background: #e0e2e4; color: #383838; } @font-face{font-family:'font28b7469d32122746b313ae70d3bde734';src:url('https://nomail.com.ua/files/eot/28b7469d32122746b313ae70d3bde734.eot?#iefix') format('embedded-opentype'),url('https://nomail.com.ua/files/woff/28b7469d32122746b313ae70d3bde734.woff') format('woff'),url('https://nomail.com.ua/files/woff2/28b7469d32122746b313ae70d3bde734.woff2') format('woff2');}@font-face{font-family:'PFAgoraSlabPro-Bold';src:local('PFAgoraSlabPro-Bold'),url('https://nomail.com.ua/files/woff/28b7469d32122746b313ae70d3bde734.woff') format('woff');}#pfagoraslabprobold{font-family:'PFAgoraSlabPro-Bold';}.font28b7469d32122746b313ae70d3bde734{font-family:'font28b7469d32122746b313ae70d3bde734';} @font-face{font-family:'fontd9e98320b6c349b6711fe3e1dd1b49b3';src:url('https://nomail.com.ua/files/eot/d9e98320b6c349b6711fe3e1dd1b49b3.eot?#iefix') format('embedded-opentype'),url('https://nomail.com.ua/files/woff/d9e98320b6c349b6711fe3e1dd1b49b3.woff') format('woff'),url('https://nomail.com.ua/files/woff2/d9e98320b6c349b6711fe3e1dd1b49b3.woff2') format('woff2');}@font-face{font-family:'PFAgoraSlabPro-Regular';src:local('PFAgoraSlabPro-Regular'),url('https://nomail.com.ua/files/woff/d9e98320b6c349b6711fe3e1dd1b49b3.woff') format('woff');}#pfagoraslabproregular{font-family:'PFAgoraSlabPro-Regular';}.fontd9e98320b6c349b6711fe3e1dd1b49b3{font-family:'fontd9e98320b6c349b6711fe3e1dd1b49b3';} .content-wrapper img{box-shadow: 0 2px 3px rgba(0,0,0,.1);} .content-wrapper { /*background: #fff;*/ padding:15px; width:85%; margin: 0 auto; } .description, .single { background: #fff; padding:5px 15px 15px 15px; /*margin: 0 10px 0 0;*/ /*box-shadow: 0 0 3px rgba(0,0,0,0.2);*/ } #main { overflow: hidden; position: relative; min-width: 303px; } #text-3 { margin-bottom:300px !important ; } .ddsg-xml-link { display: none; } p { margin: 0 0 25px 0; } a { text-decoration: none; color: #777; transition: color ease-out 0.8s; } a:hover { text-decoration: none; color: #1F2229; transition: color ease; } ul li { list-style: none; } .aligncenter, div.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; } .alignleft { float: left; } img.alignleft, div.alignleft { margin: 5px 15px 5px 0 !important; } .alignright { float: right; } img.alignright, div.alignright { margin: 5px 0 5px 15px !important; } .botton1 { color: #fff; font-size:12px; width:31%; border: 1px solid #fff; background: #26b; margin: 3px 3px 3px 0; padding: 4px 0; float: left; text-align:center; } .botton1:hover { color: #fff; background: #ff8c00; } .botton2 { color: #fff; /*width:14%; */ /*border: 1px solid rgb(253, 116, 5); */ margin: 7px; /*float: left;*/ text-align:center; transition: color ease-out 0.8s; } .botton2:hover { color: #000; /*background: #fd7405;*/ transition: color ease; } .social { width:25px; height:25px; margin:5px; border:1px solid #e30611; border-radius:50%; } .footer-bottons { margin-left: 5%; margin-top:10px; width:200px; float:left } .footer-bottons1 { margin-left: 5px; margin-top:10px; margin-right:70px; width:200px; float:left } .wpcf7-textarea { width:98%; } .minilogo { width: 20px; height: 20px; background: url(images/mts.png) no-repeat; background-size: cover; float: left; margin: 0 3px; } /*========цитаты=========================================*/ .phone { border: 1px solid grey; border-radius:4px; background:#ededed; font-weight:bold; padding:2px; } .citat-info { padding: 30px 30px 30px 78px; margin: 20px 0; background: rgba(247,198,22,.1) url(images/info.png) 5px 50% no-repeat; min-height: 25px; font-size: 18px; line-height: 23px; color: #666666; font-weight: 500; } .citat-denied { padding: 30px 30px 30px 78px; margin: 20px 0; background: #fcc2bd url(images/denied.png) 5px 50% no-repeat; min-height: 25px; font-size: 18px; line-height: 23px; color: #666666; font-weight: 500; } .info-blue { color: #222; border: 2px solid #56b0ee; border-left: 50px solid #56b0ee; background-color: #fff; border-radius: 5px; display: inline-block; padding: 5px; position: relative; } .info-blue1 { width:24px; height:24px; position: absolute; top:40%; left:-35px; border-radius:50%; background: #fff; color:#56b0ee; font-weight: bold; font-size: 22px; font-style:italic; text-align:center; } .perelink { background: rgba(121, 227, 150, 0.44); color: #000; border-right: 70px solid #fd7405; position: relative; padding:20px 5px; border-radius: 5px; } .perelink:after { content: "\203A"; color: black; font-weight:bold; font-size: 70px; position: absolute; bottom:-10%; right: -45px; } .bx-wrapper { width:100% !important; } /*========цитаты=========================================*/ .respond-form__site { display:none; } .comments-block { padding:15px; } .wrapper { clear: both; /*width: 1000px;*/ margin: 0 auto; } .wrapper:after { content: ''; display: block; clear: both; visibility: hidden; } .maincontent { padding:10px; background: #fff; margin:0 10px 0 0; /*box-shadow: 0 0 3px rgba(0,0,0,0.2);*/ } .content-wrapper:after { content: ''; display: block; clear: both; visibility: hidden; } .content { float: left; width: 74%; min-height: 700px; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.2); } .content:after { content: ''; display: block; clear: both; visibility: hidden; } .tac { clear: both; text-align: center; } .btn { display: inline-block; padding: 10px 40px; background: none; text-align: center; color: #fff; font-size: 16px; line-height: normal; transition: easy; background-color: #6969b3; } .btn:hover { text-decoration: none; background: #8b8ce7; color: #fff; } .link { color: #010101; } .link:hover { color: #6969b3; text-decoration: none; border-bottom: 1px solid rgba(105, 105, 179, 0.2); } /* Header ===================================================================================================*/ .header { padding-top: 12px; margin-bottom: 15px; background: #fff; width:100%; box-shadow: 0 0 3px rgba(0,0,0,0.2); } .header:after { content: ''; display: block; clear: both; visibility: hidden; } .header .slide-out-open { display: none; } .logo { margin: 10px; float: left; height:75px; } .search-form { margin: 6px 40px 16px 0; float: right; position: relative; height: 40px; width: 35%; box-sizing: border-box; background: #fff; border: 1px solid #ededed; } .search-form .search-form__field { width: 100%; height: 40px; font-size: 16px; line-height: normal; border: none; padding: 0 45px 0 15px; box-sizing: border-box; background: none; color: #333; } .search-form .search-form__field::-webkit-input-placeholder { color: #8a8a8a; } .search-form .search-form__field::-moz-placeholder { color: #8a8a8a; } .search-form .search-form__field:-moz-placeholder { color: #8a8a8a; } .search-form .search-form__field:-ms-input-placeholder { color: #8a8a8a; } .search-form .search-form__button { position: absolute; right: 0; top: 0; border: none; width: 45px; height: 36px; box-sizing: border-box; text-indent: -9999px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAdVBMVEUAAACKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqQ3xhgAAAAJnRSTlMA9zs06dAF8GJSQxsM8+C8sgGbaFxXStjVx62po5OMc3AsJ6d4d7VcW7EAAADfSURBVCjPdZDrFoIgEIQBES+plaXdb1bz/o/YCHjAc+z7NeywOwvCUj3XjazTWyJmbB81PJtVVK82COgk3B/rsi2S8nOgyobJePK0dhPMgzo1flDGOrUjp5M7ueOcKPHCFqeYcBOBhC3uXgP0IkIDpRUSeMXGCdhbwezZe1Ogs+Lo1/AYfoKy6sptI6PgkpVVPZgWvocDzv5HOFRP8eaNEKmos52xj+BKfin/djZd7i17MXNyiTnd5AxnXzl0KgMpxMQqv1/br9oysqYhgxNQcnT6f04jFijpaLHoNLr4AWPOGmKL481PAAAAAElFTkSuQmCC) center no-repeat; } .main-menu { clear: both; background: #6900b3; padding: 20px 1000%; margin: 0 -1000%; text-align: center; } .main-menu:after { content: ''; display: block; clear: both; visibility: hidden; } .main-menu__inner { position: relative; } .main-menu__inner .menu-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAMAAADAMI+zAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEnRSTlMA++8rGcxB4uDYdwzHrq1dXD7uePybAAAAOElEQVQI1yXLSQ4AIQzEQDcJ+6z//ywRlOSj6c9km3dnKDvBswa8agbW9BFKSn9U2KxK1eDw63wLLb0A/Q58WxAAAAAASUVORK5CYII=) no-repeat; width: 12px; height: 6px; text-indent: -9999px; position: absolute; right: 29px; top: 8px; z-index: 1; } .main-menu__list > .current-post-parent > a { text-decoration: underline; } .main-menu__list > li { float: left; padding-right: 50px; font-size: 17px; line-height: 20px; position: relative; text-transform: uppercase; } .main-menu__list > li > a, .main-menu__list > li > span { position: relative; z-index: 101; color: #fff; text-decoration: none; font-weight: bold; } .main-menu__list > li > a:hover, .main-menu__list > li > span:hover { text-decoration: none; color: #000; } .main-menu__list > li > span { font-weight: bold; } .main-menu__list > li > span:hover { border-bottom: 0; } .main-menu__list > li > ul { /*2*/ display: none; position: absolute; left: 0; top: 0; padding-top: 40px; z-index: 100; width: 180px; } .main-menu__list > li > ul > .current-post-parent a { background: #6969b3; } .main-menu__list > li > ul > li { font-size: 16px; line-height: 20px; } .main-menu__list > li > ul > li > a, .main-menu__list > li > ul > li > span { display: block; color: #333; padding: 12px 10px; background: #5a5aa1; /*border-bottom: 1px solid #6969b3;*/ text-decoration: none; } .main-menu__list > li > ul > li > a:hover, .main-menu__list > li > ul > li > span:hover { text-decoration: none; background: #6969b3; color: #fd7405; } .main-menu__list > li > ul > li > span { background: #6969b3; } .add-menu__toggle { background: #5a5aa1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMAA/fJIgoW8uOYPzgkHtXEuLSeUDQuEOrm3tuwraKEWEZCMNC+uqiVh2pJKol+eks7E5boYJwAAAENSURBVCjPfZFJlsIwDETLkHmAQCaSEEigGRp61P0Ph2Q7i2yoTX1L78kqG/gM/GsF1lfth+Iq9OtvrhNrCeAg0DPsBQ4grQiegRKJ9oVtHO2ZBvzZxkZ7BSzFdy5UbYZXH3w8AkjPRO2JYWy5njBEuQutRw6jfMBbeYmF1LHgpJD9F3TRlS1RJ0M9DnJTuBMrUFJnrWHX622OX6QGYpSzgDmc6QkK2wjFfBcm6QrASmCjZ68kl3vhXJ7stCbayxblCKM4shAVeKsktlCeLBRPAOpKdB4A/ZpLRybyHZmH7XwrBdUIZNNHTTlGxLOAj+lrCzxt40esVUBoJgBrgRtwb3ZZClYfBJ34fxc0IV7rBzL4ggADWwAAAABJRU5ErkJggg==) center no-repeat; width: 60px; height: 60px; position: absolute; right: 0; top: -60px; text-indent: -9999px; cursor: pointer; } .add-menu { position: absolute; right: 0; top: 40px; z-index: 1000; width: 180px; } .add-menu > ul { display: none; } .add-menu > ul > .current-post-parent a { background: #6969b3; } .add-menu > ul > li { font-size: 16px; line-height: 20px; } .add-menu > ul > li > a, .add-menu > ul > li > span { display: block; color: #333; padding: 12px 10px; background: #5a5aa1; border-bottom: 1px solid #6969b3; text-decoration: none; } .add-menu > ul > li > a:hover, .add-menu > ul > li > span:hover { text-decoration: none; background: #6969b3; color: #fd7405; } .add-menu > ul > li > span { background: #6969b3; } .slider li { display: none; } .slider li .slider__item:last-child .slider-text__title, .slider li .slider__item:nth-child(3) .slider-text__title { font-size: 14px; line-height: 20px; } .slider .bx-wrapper li, .slider li:first-child { display: block; } .slider { position: relative; margin-bottom: 20px; } .slider .bx-pager { text-align: center; margin-top: 20px; } .slider .bx-pager-item { display: inline-block; } .slider .bx-pager-item:last-child { margin-right: 0; } .slider .bx-pager-item a { width: 15px; height: 15px; display: block; text-indent: -9999px; background: #e5e5e5; border-radius: 50%; margin-right: 10px; } .slider .bx-pager-item a:hover { background: #6969b3; } .slider .bx-pager-item .active { background: #6969b3; } .slider__item { position: relative; overflow: hidden; float: left; } .slider__img { vertical-align: bottom; } .slider-text { position: absolute; left: 0; bottom: 0; box-sizing: border-box; width: 100%; padding: 0 15px 15px 15px; background: rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); } .post-info_slider { margin-bottom: 15px; } .post-info__cat { display: inline-block; margin-right: 15px; font-size: 12px; line-height: 15px; margin-bottom: 5px; position: relative; z-index: 101; } .post-info__cat a { display: block; background: #9187c4; padding: 5px 12px; color: #fff; } .post-info__cat a:hover { text-decoration: none; background: #fd7405; color: #fff; } .post-info__time { font-size: 12px; line-height: 15px; color: #fff; display: inline-block; padding-left: 25px; position: relative; } .post-info__time:after { position: absolute; content: ''; left: 0; top: -2px; width: 17px; height: 17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMALYd4DzOB9HwJzG4C7WZMNR3dg+PEm3RXUiHVIiJOAAAAgklEQVQY03WMCQ7DIAwEl6MkHIEEcvv//ywgJFq1GVleaWQvCv6ucXs0FuI1OS0l9G6yEcYYkY3ZNTytertUjFFdm17JQxBDhxH/b5xi8wgxM+WakYMdJzmNdpDNQCKPLuv35rEHB2MWhf51qEFX05ud/Lw5X52TEgJ9E4CQeCcFvAFZowmmGm9D8gAAAABJRU5ErkJggg==) no-repeat; } .slider-text__title { font-size: 16px; line-height: 20px; position: relative; } .slider-text__title a { color: #fff; font-weight: 500; } .slider-text__title a:hover { text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .slider-text__title a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; } .m-nav .social-icon { display: none; } /* Стили из хедера * ===================================================================================================*/ .single h1 { /*border-left: 3px solid;*/ } .main-menu, .sidebar-menu > ul > li:hover > a, .sidebar-menu > ul > li:hover > span, .sidebar-menu > ul > li > span, .sidebar-menu > ul li.active > a, .slider .bx-pager-item .active, .slider .bx-pager-item a:hover, .slider-posts-wrap .bx-pager-item .active, .slider-posts-wrap .bx-pager-item a:hover, .footer-bottom, .single ul li:before, .single ol li:before, .add-menu > ul > li > a:hover, .add-menu > ul > li > span:hover, .main-menu__list > li > ul > li > a:hover, .main-menu__list > li > ul > li > span:hover, .cat-children__item a:hover, .related__item-img .related__item-cat > a:hover, .main-menu__list > li > ul > li > span, .main-menu__list > li > ul > li.current-post-parent > a, .add-menu > ul > li.current-post-parent > a, .add-menu > ul > li > span, .sidebar-menu > ul > .current-post-parent > a, .sidebar-menu > ul > li .menu-arrow:before, .sidebar-menu > ul > li .menu-arrow:after, .commentlist .comment .reply a:hover { background: #e30611; } .main-menu { border-top: 2px solid #000; font-family: 'Source Sans Pro', sans-serif; } .main-menu__list:nth-child(1){ position: relative; left: 50%; margin-left: -553px; } .title { color: black; /*border-left: 2px solid gray;*/ } .description { border-top: 2px solid #000; } .description__title, .single .wp-caption-text, .more, a:hover { color: #1F2229; } .commentlist .comment, .add-menu > ul > li > a, .add-menu > ul > li > span, /*.main-menu__list > li > ul > li > a,*/ .main-menu__list > li > ul > li > span { border-bottom: 1px solid gray; } .more span { /*border-bottom: 1px dashed gray;*/ } .slider-posts-wrap .bx-prev:hover, .slider-posts-wrap .bx-next:hover { background-color: #fff; border: 1px solid gray; } #up { border-bottom-color: gray; } #up:before, .commentlist .comment .reply a { border: 1px solid gray; } .respond-form .respond-form__button { background-color: #fff; } @media screen and (min-width: 1550px){ .logo { margin-left: 20%; } } @media screen and (min-width: 1200px){ .content-wrapper { width: 1170px; } } @media screen and (max-width: 1023px){ .main-menu__list:nth-child(1){ position: relative; left: 0%; margin-left: 0; } .botton1 { display:none; } .header { border-bottom: 50px solid gray; } .m-nav { background: #199f3d; } .main-menu__list > li > ul > li > span { background: none; } .add-menu > ul > li > a, .add-menu > ul > li > span, .main-menu__list > li > ul > li > a, .main-menu__list > li > ul > li > span { border-bottom: 0; } .sidebar-menu > ul > li .menu-arrow:before, .sidebar-menu > ul > li .menu-arrow:after { background: #85ece7; } }/*2*/ .add-menu__toggle { background: gray url(/images/add-ico.png) center no-repeat; } .add-menu > ul > li > a, .related__item-img .related__item-cat > a, .main-menu__list > li > ul > li > a { background: #fff; } #up:hover { border-bottom-color: gray; } #up:hover:before { border: 1px solid gray; } .sidebar-menu > ul > li > ul > li > span, .sidebar-menu > ul > li > ul > li > a:hover, .sidebar-menu > ul > li > ul > li > span:hover, .sidebar-menu > ul > li > ul > li.current-post-parent > a, .footer-nav ul li a:hover { color: black; } .respond-form .respond-form__button:hover { background-color: #fff; } @media screen and (max-width: 1023px) { .sidebar-menu > ul > li > a, .main-menu__list li > span, .main-menu__list li > a:hover, .main-menu__list li > span:hover, .main-menu__list li > ul, .main-menu__list > li.current-post-parent > a, .sidebar-menu > ul > li > span, .sidebar-menu > ul > .current-post-parent > a { background: #1F2229; } .main-menu__list > li > ul > li > a:hover, .main-menu__list > li > ul > li > span:hover, .main-menu__list > li > ul > li.current-post-parent > a { background: none; } } /*3*/ .post-info__cat a, .post-info__comment { background: #199f3d; display: none; } .post-info__comment:after { border-color: rgba(0, 0, 0, 0) gray rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } /*<1023*/ @media screen and (max-width: 1023px){ .add-menu > ul > li > a, .sidebar-menu > ul > li > a { background-color: #fff; } .add-menu > ul > li > span, .add-menu > ul > li.current-post-parent > a, .sidebar-menu > ul > li > ul { background-color: #fff; } } /* Home * ===================================================================================================*/ .title { background: #f8f8f8; /*border-left: 4px solid #199f3d;*/ padding: 12px 15px; margin-bottom: 30px; font-size: 20px; line-height: 25px; font-weight: bold; color: #000; } .title_recommended{ background: none; } .posts { overflow: hidden; } .posts .posts__item { position: relative; overflow: hidden; margin: 0 6% 0 6%; } .posts_home .posts__item { /*float: right;*/ width: 320px; margin: 0 7% 0 7%; } .posts_home .posts__item:nth-child(odd) { float:left; clear: both; } .posts__item-img { position: relative; margin-bottom: 8px; } .posts__item-img img { vertical-align: bottom; } .posts__item-img .post-cat { position: relative; z-index: 1; } .post-info.post-info_loop { position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; margin-bottom: 0; padding: 20px; background: rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); } .posts__item.posts__item_first { width:78%; } .posts__item-title { font-size: 18px; line-height: 21px; margin-bottom: 20px; } .posts__item-title a { color: #000; font-weight: bold; font-size: 18px; } .posts__item-title a:hover { color: #e30611; text-decoration: none; /*border-bottom: 1px solid rgba(105, 105, 179, 0.2);*/ } .posts__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 320px; height: 200px; z-index: 0; } .posts__item-content { font-size: 14px; line-height: 20px; color: #666666; } .more { overflow: hidden; /*padding-bottom: 30px;*/ text-align: center; font-size: 16px; line-height: 21px; color: #fff; width: 120px; height: 20px; padding:5px; background: #fd7405; margin-bottom: 20px; margin-left:42%; border-radius: 9px; } .more:hover { background: #199f3d; } .more span { /*border-bottom: 1px dashed #6969b3;*/ cursor: pointer; } .more span:hover { border-bottom: 0; } .slider-posts-wrap li { display: none; } .slider-posts-wrap .bx-wrapper li, .slider-posts-wrap li:first-child { display: block; } .slider-posts-wrap { background: #f1f1f1; margin-bottom: 40px; overflow: hidden; padding: 9px; position: relative; } .slider-posts-wrap .bx-prev, .slider-posts-wrap .bx-next { position: absolute; left: 0; top: 41px; display: block; width: 26px; height: 65px; text-indent: -9999px; background-color: #1F2229; border: 1px solid #1F2229; box-sizing: border-box; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpi+P//PwMezA7E64FYlIUBP5gCxAFAzIXPtKT/CFCKS5EREH+DKloDxIzYFAkB8T2oohtAzA8SR1fEBMTboIq+ALE2TA5dYQOSuyKQ5ZAVeQLxX6iiCehOgjEUgfgtVNERIGbDppATiM9CFT0HYilsIQEi5kIV/QZiO1zhygQMdUakmPiPM46gVp8jxmp0zxzG5RlswdOPTyF6gIfjUwiKwu3ERCEsUdwnlChISmYkJVwYng1VuJOB2MwFEGAA5PyL04pG07UAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; content: "\203A"; } .slider-posts-wrap .bx-prev:hover, .slider-posts-wrap .bx-next:hover { background-color: #777; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpi+P//PwMezA7E64FYlIUBP5gCxAFAzIXPtKT/CFCKS5EREH+DKloDxIzYFAkB8T2oohtAzA8SR1fEBMTboIq+ALE2TA5dYQOSuyKQ5ZAVeQLxX6iiCehOgjEUgfgtVNERIGbDppATiM9CFT0HYilsIQEi5kIV/QZiO1zhygQMdUakmPiPM46gVp8jxmp0zxzG5RlswdOPTyF6gIfjUwiKwu3ERCEsUdwnlChISmYkJVwYng1VuJOB2MwFEGAA5PyL04pG07UAAAAASUVORK5CYII=); border: 1px solid #777; } .slider-posts-wrap .bx-next { left: auto; right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNpi+P//vygQrwdidiBmwIVBxM7/EDCbkMLS/wiQhE8hIxCvgSr8DsRGuBSCMD8Q34Aqvg/EQrgUgrAWEH+BKt4OxEy4FIJwOJJ7G/ApBOF+qMK/QOyJTyEbEB+GKn4LxIq4FIKwFBA/hyo+C8ScDHgC2Q6If0MVz2NiwA3+o/KwmyaJZPU5XFazInnmHT7PwILnH77gISrAiYpCPmISBdHJjOiEC8sKcwhlBaIyF0CAAQBQMasVTOhzegAAAABJRU5ErkJggg==); } .slider-posts-wrap .bx-next:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNpi+P//vygQrwdidiBmwIVBxM7/EDCbkMLS/wiQhE8hIxCvgSr8DsRGuBSCMD8Q34Aqvg/EQrgUgrAWEH+BKt4OxEy4FIJwOJJ7G/ApBOF+qMK/QOyJTyEbEB+GKn4LxIq4FIKwFBA/hyo+C8ScDHgC2Q6If0MVz2NiwA3+o/KwmyaJZPU5XFazInnmHT7PwILnH77gISrAiYpCPmISBdHJjOiEC8sKcwhlBaIyF0CAAQBQMasVTOhzegAAAABJRU5ErkJggg==); } .slider-posts-wrap .bx-pager { text-align: center; margin-top: 20px; } .slider-posts-wrap .bx-pager-item { display: inline-block; } .slider-posts-wrap .bx-pager-item:last-child { margin-right: 0; } .slider-posts-wrap .bx-pager-item a { width: 15px; height: 15px; display: block; text-indent: -9999px; background: #e5e5e5; border-radius: 50%; margin-right: 10px; } .slider-posts-wrap .bx-pager-item a:hover { background: #777; } .slider-posts-wrap .bx-pager-item .active { background: #777; } .slider-posts li { position: relative; overflow: hidden; } .slider-posts__img { position: relative; margin-bottom: 8px; } .slider-posts__img img { vertical-align: bottom; } .post-info_slider-posts { position: absolute; left: 0; bottom: 0; box-sizing: border-box; width: 100%; padding: 0 15px 15px 18px; background: rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); } .slider-posts__title { font-size: 14px; line-height: 20px; } .slider-posts__title a { color: #C882FF; } .slider-posts__title a:hover { color: #777; text-decoration: none; /*border-bottom: 1px solid rgba(105, 105, 179, 0.2);*/ } .slider-posts__title a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; } .description { border-top: 4px solid #e30611; /* padding: 30px 1000%; margin: 0 -1000%;*/ font-size: 16px !important; line-height: 24px !important; color: #383838; } .description__title { color: #6969b3; font-size: 20px !important; line-height: 25px !important; font-weight: bold !important; } /* Sidebar * ===================================================================================================*/ .sidebar { float: right; width: 25%; background: #fff; } .sidebar .section { margin-bottom: 25px; overflow: hidden; } .sidebar-menu { margin-bottom: 30px; } .sidebar-menu .title { margin-bottom: 0; } .sidebar-menu > ul > .current-menu-item > .menu-arrow:before, .sidebar-menu > ul > .current-menu-item > .menu-arrow:after { background: #85ece7; } .sidebar-menu > ul > .current-post-parent > a { background: #6969b3; color: #fff; } .sidebar-menu > ul > .current-post-parent > .menu-arrow:before, .sidebar-menu > ul > .current-post-parent > .menu-arrow:after { background: #85ece7; } .sidebar-menu > ul li.active > a { background: #6969b3; color: #fff; } .sidebar-menu > ul > li { font-size: 18px; line-height: 22px; position: relative; } .sidebar-menu > ul > li:hover .menu-arrow:before, .sidebar-menu > ul > li:hover .menu-arrow:after { background: #85ece7; } .sidebar-menu > ul > li:hover > a, .sidebar-menu > ul > li:hover > span { background: #6969b3; color: #fff; text-decoration: none; } .sidebar-menu > ul > li .menu-arrow { position: absolute; width: 20px; height: 20px; cursor: pointer; right: 8px; top: 17px; text-indent: -9999px; z-index: 101; box-sizing: border-box; } .sidebar-menu > ul > li .menu-arrow:hover { border: 1px solid #85ece7; } .sidebar-menu > ul > li .menu-arrow:before, .sidebar-menu > ul > li .menu-arrow:after { position: absolute; content: ''; left: 50%; top: 50%; margin-left: -1px; margin-top: -6px; width: 2px; height: 12px; background: #6969b3; } .sidebar-menu > ul > li .menu-arrow:after { margin-left: -6px; margin-top: -1px; width: 12px; height: 2px; background: #6969b3; } .sidebar-menu > ul > li .menu-arrow.active:before { display: none; } .sidebar-menu > ul > li .menu-arrow.active:after { background: #85ece7; } .sidebar-menu > ul > li > a, .sidebar-menu > ul > li > span { display: block; padding: 15px 25px 15px 15px; border-bottom: 1px solid #e0e0e0; color: #666666; position: relative; z-index: 1; transition: easy; } .sidebar-menu > ul > li > span { background: #6969b3; color: #fff; } .sidebar-menu > ul > li > .ul_block { display: block; } .sidebar-menu > ul > li > ul { /*2*/ display: none; background: #f8f8f8; padding: 20px; } .sidebar-menu > ul > li > ul > .current-post-parent a { color: #8b8ce7; } .sidebar-menu > ul > li > ul > li { font-size: 14px; line-height: 19px; padding-bottom: 5px; } .sidebar-menu > ul > li > ul > li:last-child { padding-bottom: 0; } .sidebar-menu > ul > li > ul > li > a, .sidebar-menu > ul > li > ul > li > span { color: #8c8c8c; } .sidebar-menu > ul > li > ul > li > a:hover, .sidebar-menu > ul > li > ul > li > span:hover { color: #8b8ce7; text-decoration: none; } .sidebar-menu > ul > li > ul > li > span { color: #8b8ce7; } .sidebar-menu > ul > li > ul > li > span:hover { border-bottom: 0; } .section-posts { overflow: hidden; } .section-posts__item { position: relative; margin-bottom: 20px; } .section-posts__item-title { font-size: 16px; line-height: 21px; margin-bottom: 10px; } .section-posts__item-title a { color: #010101; font-weight: 500; } .section-posts__item-title a:hover { color: #e30611; text-decoration: none; /*border-bottom: 1px solid rgba(105, 105, 179, 0.2);*/ } .section-posts__item-title a:after { position: absolute; content: ''; left: 0; top: 0; width: 300px; height: 180px; color: #199f3d; } .section-posts__item-text { font-size: 14px; line-height: 20px; color: #666666; margin-bottom: 12px; } .post-info__time_popular.post-info__time { color: #8a8a8a; } .post-info__time_popular.post-info__time:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAS1BMVEUAAACKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiopMWjrqAAAAGHRSTlMAhy14DzMCgsr0fB5uCe1mTDXd45t0V1KFHSciAAAAgUlEQVQY03WOiw7DIAhFURlQq9XaF///pbNmi222nhAgFy4BKpRGOBkT1dw6Na0abZO4SlWciLiqyBoh6RLl4FIKHxIXTeDUQseq+a8Q29mDmy3TR8Eh+AknHwb8uhBqtPS783iHNmsDnHTXxkO8/YNEeN3ZX51dGbLeyQDZXMnwBuRMCMdsolEgAAAAAElFTkSuQmCC) no-repeat; } /* Crumbs * ===================================================================================================*/ .breadcrumbs { overflow: hidden; padding: 10px; } .breadcrumbs li { display: inline-block; position: relative; margin-right: 14px; padding-bottom: 3px; font-size: 14px; line-height: 18px; color: #8a8a8a; } .breadcrumbs li:after { position: absolute; content: ''; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpi7OrqusnAwBAHxCeBmIEJiDdDsQxMoBWIWYB4GxDzgwTeQwV1gXgVSIABqgIEGEECwkBcAcSXgTgUJFADxF+A2AuIP4IEXKGcJyA9AAEGAD0bDp/Kpr11AAAAAElFTkSuQmCC) no-repeat; width: 4px; height: 8px; top: 5px; right: -11px; } .breadcrumbs li:last-child:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpizMzcfJOBgSEOiE8CMQMTEG+GYhmYQCsQswDxNiDmBwm8hwrqAvEqkAADVAUIMIIEhIG4AogvA3EoSKAGiL8AsRcQfwQJuEI5T0B6AAIMAC+7DoY45gcXAAAAAElFTkSuQmCC) no-repeat; } .breadcrumbs li a { text-decoration: none; color: #e30611; } .breadcrumbs li a:hover { border-bottom: 1px solid rgba(138, 138, 138, 0.2); text-decoration: none; } /* Category * ===================================================================================================*/ .cat-children { overflow: hidden; margin-bottom: 20px; } .cat-children__item { display: inline-block; font-size: 15px; line-height: 19px; margin: 0 10px 10px 0; } .cat-children__item a { display: block; padding: 8px 20px; border: 1px solid #dadada; color: #8a8a8a; } .cat-children__item a:hover { text-decoration: none; background: #fd7405; color: #fff; } .cat-posts { overflow: hidden; } .cat-posts .posts__item:nth-child(2n+3) { margin-right: 0; } .cat-posts .posts__item:nth-child(2n+4) { clear: both; } .cat-posts.cat-posts_ajax .posts__item:nth-child(odd) { clear: both; margin-right: 20px; } .cat-posts.cat-posts_ajax .posts__item:nth-child(even) { clear: none; margin-right: 0; } .posts__item_first .posts__item-title a:after { width: 660px; height: 300px; } .posts__item_second { float: left; width: 320px; margin-right: 15px; } /*.post-info__comment { font-size: 13px; line-height: 13px; color: #fff; display: inline-block; position: relative; margin-right: 15px; background: #fd7405; padding: 5px 8px; z-index: 101; } .post-info__comment:after { position: absolute; bottom: -5px; left: 0; width: 0; height: 0; content: ''; z-index: 0; border-width: 8px 10px 0px 0; border-style: solid; border-color: rgba(0, 0, 0, 0) #fd7405 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* Single * ===================================================================================================*/ .single { overflow: hidden; } .single table { margin: 20px 0; } .single th, .single td { padding: 6px 10px; border: 1px solid #d0d8db; } .single #ya-site-results td { border: none; } .single .title-img { position: relative; overflow: hidden; max-width: 660px; margin: 0 auto 20px auto; box-sizing: border-box; } .single .title-img:before { position: absolute; content: ''; left: 10%; top: 13%; width: 80%; height: 74%; background: rgba(0, 0, 0, 0.5); z-index: 2; } .single .title-img:after { position: absolute; content: ''; left: 5%; top: 5%; width: 90%; height: 90%; background: rgba(255, 255, 255, 0.4); z-index: 1; } .single .title-img img { vertical-align: bottom; } .single .title-img .single__title { position: absolute; top: 50%; left: 50%; margin-left: -265px; transform: translateY(-50%); text-align: center; font-size: 40px; line-height: 45px; font-weight: 500; color: #fff; box-sizing: border-box; width: 100%; max-width: 530px; z-index: 3; } .single h1, .single h2, .single h3, .single h4, .single h5, .single h6 { margin: 20px 0 10px; font-weight: 500; font-family: 'Source Sans Pro', sans-serif; } .single h1 span, .single h2 span, .single h3 span, .single h4 span, .single h5 span, .single h6 span { font-weight: 500; } .single h1 { font-size: 30px; line-height: 33px; padding-left: 15px; margin-top: 10px !important; margin-bottom: 20px; color: #000; font-weight: bold; } .single h2 { font-size: 24px; line-height: 29px; border-bottom: 1px solid #e30611; padding-bottom: 10px; color: #000; } .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 { padding: 30px 30px 30px 78px; margin: 20px 0; background: #f8f8f8 url(images/ok.png) 5px 50% no-repeat; min-height: 25px; font-size: 18px; line-height: 23px; color: #666666; font-weight: 500; } .single blockquote p:last-child { margin-bottom: 0; } .single ul { margin: 20px 0; } .single ul li { min-height: 22px; list-style: none; padding: 0 0 20px 30px; position: relative; } .single ul li:last-child { padding-bottom: 0; } /*.single ul li:before { position: absolute; content: ''; left: 10px; top: 6px; box-shadow: 1px 1px 3px #2e2e2e; width: 8px; height: 8px; border-radius: 50%; background: #6969b3; }*/ .single ul li:before { content: '\2714'; color: #000; font-weight:bold; padding-right:2px; padding-left:2px; margin-right: 3px; background: #fff; } .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: 0; } .single ol { padding: 20px 0; counter-reset: li; list-style: none; } .single ol li { overflow: hidden; background: none; position: relative; padding: 0 0 20px 55px; padding-top:3px; } .single ol li:last-child { padding-bottom: 5px; } .single ol li:before { content: counters(li, "."); counter-increment: li; position: absolute; margin-left:25px; left: 0; top: 0; width: 24px; height: 24px; background: #e30611; font-size: 16px; /*box-shadow: 1px 1px 3px #2e2e2e;*/ line-height: 24px; color: #fff; text-align: center; border-radius: 50%; } .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: 12px; line-height: 24px; } .single #toc_container { background: #ededed; border: 0; margin: 5px 0 25px 0; border: 1px solid #e5e5e5; padding: 0px 20px; } .single #toc_container .toc_title { padding: 12px 15px; margin-bottom: 0px; /* font-size: 20px; */ line-height: 25px; } .single #toc_container > ul { text-align: left; font-size: 16px; line-height: 20px; } .single #toc_container > ul > li { padding: 0 0 0px 0; background: none !important; position: relative; } .single #toc_container > ul > li:last-child { padding-bottom: 0; } .single #toc_container > ul > li:before { display: none; } .single #toc_container > ul > li a { color: #333; text-decoration: none; } .single #toc_container > ul > li a:hover { text-decoration: none; color: #fd7405; } .single #toc_container > ul > li a .toc_number { background: #e30611; color: #fff; } .single #toc_container > ul > li a .toc_number:before { content: '.'; color: #e30611; } .single #toc_container > ul > li a .toc_number:after { content: '.'; color: #e30611; } .single #toc_container > ul > li > ul { margin: 8px 0 0 17px; } .single #toc_container > ul > li > ul > li { position: relative; padding-bottom: 0px; padding-left: 15px; background: none !important; } .single #toc_container > ul > li > ul > li:last-child { padding-bottom: 0; } .single #toc_container > ul > li > ul > li:before { display: none; } .single img { max-width: 100%; height: auto; vertical-align: bottom; margin: 10px 0; } .single iframe { max-width: 100%; } .single .wp-caption { text-align: center; margin-bottom: 20px; max-width: 100%; overflow: hidden; position: relative; } .single .wp-caption-text { text-align: center; padding: 8px 20px; color: #6969b3; font-style: italic; } .breadcrumbs.breadcrumbs_single { padding: 8px 20px; background: #f8f8f8; width: 100%; box-sizing: border-box; } .post-meta { margin: 15px 0; padding: 15px; color: #666666; font-size: 14px; line-height: 16px; } .post-meta:after { content: ''; display: table; clear: both; } .post-rating { float: left; margin-top: 5px; } .post-rating__title, .post-share__title { margin-bottom: 4px; } .post-ratings img { vertical-align: middle; padding: 0 5px 0 0 !important; box-shadow: none; } .post-ratings .post-ratings-text { position: relative; top: 5px; } .post-share { float: right; text-align: center; } .yarpp-related { overflow: hidden; margin-bottom: 15px; padding:15px } .related li { overflow: hidden; float: left; width: 150px; position: relative; margin-right: 20px; line-height: 18px; } .related li:last-child { margin-right: 0; } .related li a { color: #010101; } .related li a:hover { color: #68979b; text-decoration: none; border-bottom: 1px solid rgba(105, 105, 179, 0.2); } .related li a:after { position: absolute; content: ''; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; } .related__item-img { position: relative; margin-bottom: 7px; } .related__item-img:after { position: absolute; content: ''; left: 0; top: 0; width: 150px; height: 95px; background: rgba(0, 0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); } .related__item-img img { vertical-align: bottom; } .related__item-img .related__item-cat { position: absolute; left: 10px; bottom: 10px; font-size: 10px; line-height: 13px; z-index: 101; border-bottom: 0; max-width: 85%; } .related__item-img .related__item-cat > a { background: #199f3d; display: block; padding: 4px 10px; color: #fff; } .related__item-img .related__item-cat > a:hover { text-decoration: none; background: #fd7405; color: #fff; border-bottom: 0; } /* Comments * ===================================================================================================*/ .respond__title { font-size: 20px; line-height: 24px; color: #000; margin-bottom: 25px; padding-left: 45px; position: relative; } .respond__title:after { position: absolute; content: ''; left: 0; top: 0; width: 36px; height: 32px; background: url(images/commentplus.png) no-repeat; background-size: cover; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAMAAABNTyq8AAAAilBMVEUAAABOUJttbcVtbcVOUJtNT5poaL5fYLJtbcVOUJttbcVtbcVOUJxKTJdeX7BmZrxxcMltbcVOUJtyccptbcVOUJtOUJttbcVtbcVtbcVHSZJRU6BtbcVOUJtnZ75tbcVOUJtNT5n///9xcMppacCPj9OHh8/i4vOnp9xLTZfo6Pa6uuN0c81sbMRO5NnBAAAAH3RSTlMA8/JJ8fjzB+s/3Lzr6/r26+Xl18G/vbScUD89IBgOG/BFUAAAAKNJREFUOMvV0scOwjAMgGFTRqGl7L3Suqx0vP/r0aCkighOVAQHvosvvywfDMqqRVqqxo8t6mhIN51GEUSJQYt8AU4RNyJeR2H/aVKeX7ERVxGTUkPhdRMZeYyS9j6ProiXv4tulQwxE5OMUENG90qOmIv5s8NjS1SM5RfMLBEL9ruBcLRE5RwkEVGCr0XT5pvC9jvbgx6FQFPRGpzYAtw24PYADghlM/gR4m8AAAAASUVORK5CYII=) no-repeat;*/ } .respond { clear: both; margin-bottom: 30px; overflow: hidden; } .respond input, .respond textarea { color: #333; box-sizing: border-box; background-color: #f8f8f8; font-size: 14px; line-height: normal; border: none; } .respond input::-webkit-input-placeholder { color: #8a8a8a; } .respond input::-moz-placeholder { color: #8a8a8a; } .respond input:-moz-placeholder { color: #8a8a8a; } .respond input:-ms-input-placeholder { color: #8a8a8a; } .respond textarea::-webkit-input-placeholder { color: #8a8a8a; } .respond textarea::-moz-placeholder { color: #8a8a8a; } .respond textarea:-moz-placeholder { color: #8a8a8a; } .respond textarea:-ms-input-placeholder { color: #8a8a8a; } .respond-form .respond-form__site { margin-right: 0; } .respond-form__field { width: 31.3%; padding: 11px; box-sizing: border-box; float: left; margin: 0 3% 15px 0; } .respond-form__textarea { width: 100%; padding: 11px; margin-bottom: 15px; } .respond-form .respond-form__button { display: inline-block; padding: 10px 40px; background: none; text-align: center; color: #fff; font-size: 16px; line-height: normal; transition: easy; background-color: #e30611; } .respond-form .respond-form__button:hover { text-decoration: none; background: #000; color: #fff; } .comment-title { font-size: 20px; line-height: 24px; color: #000; margin-bottom: 25px; padding-left: 45px; position: relative; } .comment-title:after { position: absolute; content: ''; left: 0; top: 0; width: 36px; height: 32px; background: url(images/comment.png) no-repeat; background-size: cover; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAMAAABNTyq8AAAAflBMVEUAAABOUJttbcVtbcVOUJtNT5poaL5fYLJtbcVOUJttbcVOUJttbcVKTJdtbcZgYbNiYrVeX7BmZrxra8JxcMlyccpOUJtOUJttbcVtbcVtbcVHSZJRU6BnZ75tbcVOUJtxcMrx8fppacD///+Xl9ZLTZfw8PlsbMR2dc9oaL8TNoLjAAAAHnRSTlMA8/FJ8fjzB+s/venb6+McA/r28+vXv720nFA/PQ7ToYUIAAAAnklEQVQ4y+XSSQ+CMBCG4XFFiyzue6HSiv7/P6iYGUOADjThxsvhO/CkcChg8XFk7UDIS5j+yLebqROCgEVeUXwPTOWV+T6ExOLXLn8/Ksm1ISSxtNZrOyM0lrbS+YCQVkrT4NaRyjJFg+uM6HNPTYPr/OMJhzZ4C3wGyfB2XRZFDMr3gHEnrXpDoftJYtLUJSojAUyITtAansN37mA+VZdg6/szcy8AAAAASUVORK5CYII=) no-repeat;*/ } .commentlist .comment { font-size: 14px; margin-bottom: 15px; color: #000; padding: 25px 21px; background: #ededed; /*border-bottom: 1px solid #6969b3;*/ } .commentlist .comment .gravatar { float: left; margin-right: 24px; } .commentlist .comment .gravatar img { border-radius: 50%; } .commentlist .comment p { margin-bottom: 15px; } .commentlist .comment .cauthor { margin-bottom: 10px; } .commentlist .comment .fn, .commentlist .comment .fn a { font-size: 16px; line-height: 19px; color: #000; font-weight: bold; } .commentlist .comment .comment_date { font-size: 14px; line-height: 18px; color: #666666; } .commentlist .comment .reply a { text-decoration: none; color: #199f3d; border: 1px solid #199f3d; display: inline-block; padding: 3px 17px; border-radius: 3px; } .commentlist .comment .reply a:hover { text-decoration: none; background: #fd7405; color: #fff; } .commentlist .children { margin-left: 20px; } .commentlist .comment_content { padding-left: 75px; } /* Footer * ===================================================================================================*/ .footer { background: #e0e2e4; margin: 0 -1000%; padding: 25px 1000% 0 1000%; } .footer-logo { float: left; margin-bottom: 20px; } .footer-nav { /*float: right;*/ /*margin-top: 15px;*/ margin-right: 5%; } .footer-nav ul { overflow: hidden; } .footer-nav ul li { float: left; margin-right: 20px; padding-bottom: 2px; margin-bottom: 5px; font-size: 14px; line-height: 18px; } .footer-nav ul li:last-child { margin-right: 0; } .footer-nav ul li a { text-decoration: none; color: #fff; } .footer-nav ul li a:hover { color: #000; border-bottom: 0; } .footer-nav ul li span { color: #8b8ce7; } .footer-bottom { border-top: 2px solid #e30611; clear: both; background: #adb0b3; margin: 0 -1000%; padding: 10px 1000%; overflow: hidden; } .copy { font-size: 12px; line-height: 16px; color: #fff; float: left; margin-top: 10px; margin-left:4%; width:20%; } .social-icon { float: right; } .social-icon a { width: 32px; height: 32px; display: block; float: left; text-indent: -9999px; margin-right: 12px; border-radius: 50%; } .social-icon a:last-child { margin-right: 0; } .social-icon .ok { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////94vRsEAAAAG3RSTlOAAHUSeWQERSwGYE4WaE0vDHFtPQ4YVz8zIyKvKmSiAAABKklEQVQ4y4VTV5aDMAyUKzamOSSk3P+gKy+ohN330A94NAzSWALDkdMUrPc2TCkLygRXPHD44k6E2MEpuqgJboQ/MTohPCzDVr0+iOAI9M/FmGX1xHA7IY4EDPtvB0t/ib8Eru/d1NpXb660ERyderQi4ANNCIQ5JBQ6rCh2fPYkrBjI7M9sTH8ovdixDAn+UVgZTDCBrgElQm5KFBME4Pg0z1qrH8ECiHPig8bAg4RfxUkBuQSX6n4XdXa91pAuYyp9XxIaPEs6cDmL4VgElTZROR7Tk6pqM4GE3WZU33SRCbI+3u4of9MtZLoszn8zCl0359s83IXh9MDUlrd2UIzua+RemK+74TOPnB7aLQ71uJJNhlaPvefa9dhfL8716l0vr15/gNP6/wDrVwn7w8l3mwAAAABJRU5ErkJggg==) no-repeat; } .social-icon .ok:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMA6vqbIsgZDYpXKOcI9eDQvnswXfGuRAXZw2V7FWwyAAABLUlEQVQ4y4VT2RKDIAwM4AHYeqG1yv//Z0M1CUxn6j545NpkCSBonamV1qo2roVfVOYZGU9TQYmH1bGAto8ifYg/GLIic8dmJZ/dzPmKqKcGoJkWCq4u/oEMV8qsiOXsw1LNF/54j48XWeyXgPrfUYo6xhFFqGmWRGIofMJiV9pENoNJrM8BMKb3CHCwYi24+K9CdMKQMlssUbepEnNQPzTFXEyB4aDkR3n4wuc20FGwkJICLQF75Xo8ADyLPvidA4QioOjOjKNxKHBgCmkSu2c0Ys3G7MJ2ujfkkjFdFKgVecKaN+mS1II+TfGOCJEaTOkvIwwdN/srTxF83GAzv+9UiqAmbbFyR/KfggdauWJp181352puKy1tufaLvpgXWvv7i3N/9e4v7+31/wDMyD/osgLC4wAAAABJRU5ErkJggg==) no-repeat; } .social-icon .yt { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAV1BMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////94gqYqAAAAHXRSTlOAAHsSU2kHRHZjTSw1BA9LczwwGD9wC1ciH18nHEUHKc0AAAFWSURBVDjLhZOJsoMgDEXZN2URqNrl/7/zoaxt39Sr40hylCQkADaxyUqBkJB2Yt3aAKwQaEIKfwCaZ3dHuB4BTMGXKO5AcOAfuVABLI71IwJF3giBM6Bp/qVGuAPFdAK8LIPViCzuxl2sBD8AXOOP605Xv0tDWcsFJ0DVlYSW3KUZAaAgYL0AkH4BiIEJ/AKSW43AEQNlfgAUkH2xOJCyQPERu00CUd42/7wHfCrcn36rxQKo+OGHCoEqMHEhztIqn4FnAeoWLxNd0MlB5gyEskUN0sDplr5WnjzcHm4UmxJkTXM9ADKnayHRcs7XkmYtFGvAzDmR0rISWy21eQPsjk0tNVQjsCXARhu5zYBqx/06AOvoTCSadiH2Vz7u1jAeapZuppleIWQM+twwreVoMo9aT6MemlZsli/LMs/pwe12mvB1218PzvXoXQ/vOP4qj78ax/8P/yAQjQ1H28gAAAAASUVORK5CYII=) no-repeat; } .social-icon .yt:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMAIeqlDpj50Wl4yYcvnWFX9eLDCKyKRAvYf1oG7zwYkCa9sU82JkgYjgAAAWdJREFUOMuNk4l2gyAQRYdlVEAwi2s1apPw/79YUTBqepo+PR7RCzPzGOClKkNJo4hKzCp4F9Enu+qkCex1VZHdKVLX3fTYvineLJJS+4tous6f/383VrM9QXz8Zf267cb8EGXJQ/lhiu2JifNZ0SYQxRwg5C/6MuamvJCYr7W4IDqMJGB+u5AtYDUAf/kDMTsCJw6Z3QBvK9gMcAu4HCQ3GwBBvgaC2qmKqJkcWSUhmJibxy0ls9Lbw9yDWeCLvMNBuS80AFnRdZ0zH80CPDwQQjyJoKlzliV+A32IkCSBrzOgQcO+aZnW9Uh8kqHM3gEsmS6hm0ENqvdlBqP4CiRKsYtE7nMLVpMdMJRjH6wGvQXuE4ANigKXHPS63U8HDLROmIyyknblc91uKNyrgZZPd9VWbQ/AORjfMKHlag478dq1XLVpWpqjEkIkyfRQmM+fyKe2//fBcXkUx6NXXP8+vCN4fTz+P2Y0TmfFYKQHAAAAAElFTkSuQmCC) no-repeat; } .social-icon .fb { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////+Y34OdAAAAF3RSTlOAAER8BRF0TGdkUyp6TSFZFhJ2O20wGW/YmjgAAADeSURBVDjLhZPbEoIwDES3lzStpQVB/f9PFXSAFZXuW5MzndwWZpPPmoJzIWn2e3QDpHTY1BU5AN46fMhZz4BEfCnKDgwBPxSGFbhynonrG/ARfxT9C7Ac6++11rS+7AII1z+ZRf3Wi8xA4T/NJwA18B0BZc4+rL3tE/PIINkZKGBl6BG4gKVI+yPVpfGh1kgxjNTiuiACRrgfQKClMXCb6pzN0wQGxvMiR6RzIKG02sznQKZRE8CjNuUMUF43A7xuY/8D9nhyKiI9n1zraFtn3zZO23psXmXzKpm3Yf8nyBsG4g+VK/8AAAAASUVORK5CYII=) no-repeat; } .social-icon .fb:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAMAAACrZuH4AAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAhyKY6fkJx8+l9FZDLbTYd7Ggb19NZx/4TgAAANhJREFUOMuNlFkWwyAIRUEc0mimDux/qT0ZkZrEvq/IueEpgiDykYJ1zgaKHk5kqOVDLRn4kUfHSg69TtBwoSZP01k+ke0kgwAa2bN4ZaGMtr1gHpzeKaWwr3D1cCx6LaH+ONHiQywaQBNM8y5aZhXoEAcpnQeI66f4PjlXXE0U8WDWWYOsQjKzS0p5DMDKqodNWYEsgCsI9ZdTxDAmAPiMIyvCXuxUXMI9Ef45bbwnolRdEarqQHcEye1rQt8+4DWBRReSMWYqurDWyfVpqE9UfSrrk11/Hb5DVjjyfism0AAAAABJRU5ErkJggg==) no-repeat; } .social-icon .gp { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////94vRsEAAAAG3RSTlOAAHwRBHRMFipjBndGZ0IJJGpRPC9bNzMdD1YH9P9UAAABIUlEQVQ4y4WT2ZKEIAxFExI2pcG1bfv/P3TEQRBnqri+RDhFdsCszigrhZBWmQ6zMkBKQJZQ9ADYpeuMOL4D9II/elEBtIR/JPUFULmvCfoFuLz/9MIn4Etk/aF7tD4ClE7kFjDK3XOhA1Dpfmf/RuRv5UQhdOkBg+/4j1Ndjg5MMhld/I8YTMWNAZWsgBHVZ8iDLj7AJmtDtCC5G2vAQp+s/oNsiFeY5pnCPLt0DCLHMy1njgOe0un0+LIk4j5C7UJAnx8YYumDrYEebA5Bu9UzUsztFuSV5oKf6Gzs8HW8Vvyqq1CcejaghbvMVeqAOhoyBFGX+mrWl3Gf/RZ4rZtV2j0uhBiWse4VPQYGHvLNkWsNbXPs24vTXr328jbX/wfnfAmgkjPiOgAAAABJRU5ErkJggg==) no-repeat; } .social-icon .gp:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA9+kiCwaYx4fPLRVW74+Wd15KtKBSHtNuOSngp4FoQy+3ZhcAAAEgSURBVDjLhVNXsoQgEGySoLiGNa6buP8pn1jzFHSr6A+qSdMTcUCWteaMcV2XEleIjLkdLBOIoQxzEZhR0ffcXZAHRgrufoAX+3+6v7wQpB/aj1UUPMzh2W1F6K3ZBOiEfyw8qjAWL5LR/SjNrKC6SCQDJBkoMTtXA32cDomSqES17eeV94fMgIyYxbCuC97rei8CDU3sA6UdV/IZP9DgxG4PyEHIzvVNI2zTkAoH2/15tVuMX2xY6BRBXp7AOLlYgu0SrL+PAKyOH3Do3YWl6oyE8LGFTlKYLR5ebJLIV2ssCJMSpahmX2gXovxPtUXhCbeWnVJNGi+FsXm3Vp6KdZQ7bwVg2ymulTg1jDvBJFsu1bTJtk8PTnr00sObHP8/DbxQXD+JvOgAAAAASUVORK5CYII=) no-repeat; } .social-icon .tw { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////+h8NhCAAAAGnRSTlOAAHtMdBBnA2VFKwoGd14SQXBqNxZiJBtRMtx8NgQAAAEESURBVDjLhZPhuoMgCIZJcpppudpqu/8bPW0geNb2+P0qfBEQgE4UA/remN5jiGoVwKIBkUH7AbiBjhUZXA3YC5x0sQrcevii/laAmc7PxEyAk/tPUdwbyPBT+QVY82G9TlepxR4A0vfEtrQdgZ/3leJiB9GQm3sQEKj8lRxMhMD5HLb0yrwjjQvzgBxtPIx5Ac9AqQzBM4DkODPQM3CHRB+LHbtKDlgJSpHsytqlUAH8vxsGBRKw0Op5TBrCA2s4XUBJIgghQTYQIQT9mZjYjNpCeWr/yDv7r/VwxtIsg7t7v9RzgUpYtzv5SRut7aaUfyg3R641tM2xby9Oe/Xay9tc/z/+/AgjLqCuJgAAAABJRU5ErkJggg==) no-repeat; } .social-icon .tw:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+PhEUATHAAAAIHRSTlMA+enOIpj0iAsHx1YsupYVEALw4sCNb2VNNRzc06J9RDQUmLcAAAEOSURBVDjLhZPrGoIgDIY5uDTIY1ZqJ+7/KsM2Jmo9vL94xuAbH5tYKGxllJTKVLYQezI4OOYA2Wb7mEu3QubH1XHtdujokpNyP1AnPo/7+4yM9LX7g8Y6cveX/CsgN9F7eea3zCKA65Ji3eBjt/6KuuD9Q3/O7RMTBjHTXnt0rBCW6vHHujlRINMD4zYoyEaI+qV9IuIVSMNQAnzjTTAnWGPCSk/N6m/YLBEeSUeJkR/KCbqOEy5LAv9DNUW9oxYJw7auL+AigdcXLnNwDKBRSEllvKPms8Fq/XyNglymuslq0pDV2ApPfXu4CIi/u9Nlf9+0bpZqmHTLpZs23fbpwUmPXnp4efwBxx/i8f8AcL5Kdn3VJ/UAAAAASUVORK5CYII=) no-repeat; } .social-icon .in { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////92tjP2AAAAFnRSTlOAABF3enEJKnRDTAUkZGctaBZeXBwsxiGKvAAAAP5JREFUOMuF09mygyAMBuAkQtg93c77v2ptooRqZ/ivJPnEkQWwp4TconOx5f9i1Q4oO+hxmU6gJG0bSWUEdINLbmTgHuFH4v0ApP2rIAVl1fEyRCtrEZBkkBiH8F78AHL6eIoIRxvIYsf3aRsjSzkjFJkg4hlglCkKBJF+BCzASyNA/gZEH8F8gAxtBLSNGumzggbLDqr3LxS94sv7qmBrux38ATCBhBjgAG4OFgMVV/1ENbBAM/BA2sRK+DDQIBuApL+ZwECGMAB4Vub6hAGEvtQCLfVY6r5ZHMd+5GOzbLs5DGHb7smBmR25+aGdH/v5xZlfvfnlvV7/UKz6Bnp2CTZo0oapAAAAAElFTkSuQmCC) no-repeat; } .social-icon .in:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAIfnu4ehVDZjOE8iISvSCB1q6USxDOJ6RjycAAAEGSURBVDjLhZPbssMgCEXR4xVN0pM05f//tC1eiG1n3E8qi9kqACLvQrJa2xSch2+psFLXGhSMumVNg3S+DemRvhSVxO+Wfsjee77ER0JV/1hc/y7SxaXcI/NmG57mNz7MbKA5Dh9iQr9NAq+u+YqIwHNeAPAr3wc+AbD8Yx4cm5nhAgwYDjgII6DerojYgADpCqjXLvHrG5DAVuAw5lHoCA9jzgpY0BX4J0JFLIVESwX0HLACnBCLxSmAhSTADipymXcBEgQBaCvP3EiAAO4C0L4gLq98AVz/6oMGLe2re7HQDr2CrVhSbjxc14Gt3NIweWyYejhtuVnTTtt+Pjjz0ZsP73T8n31+MD1Hf0BLAAAAAElFTkSuQmCC) no-repeat; } .social-icon .vk { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAS1BMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////+bUGJYAAAAGXRSTlOAAHwRdXpVTAtoTisHBGREbBgPJF5AFTsyf2luswAAAQ5JREFUOMuFk+EWgiAMhTcQAUGtLOv9n7TbdkSsPHz96OT9GjIGcSEnP3XGdJNPeX9aBDs4KrjBfgnjbOiAmcdasJF+iHYXrh39obtugkX+17AqjJFOiKMIM50yfwRrzgVjIQzVoj241MbAlNGfSwA9fubPluT1AoDqMiWtxLLUE983PHgwCPgrYq+VAEp4FVxgIImniaoSgwhaYCGAuCMRGTy1gmyfgwSIje5nlaKLLHVjcCcN8BHufCTRJmzn8KrS/XwQT6S49WisYiD2pKBbrLwW3mfAU6JiWBWcSVz2maTV2yqPoH0wWkNaXR8Wktj3UTbVA4MWN4+7NTDNkWsNbXPs2xenffXal7d5/d+xEAkA2eI8yQAAAABJRU5ErkJggg==) no-repeat; } .social-icon .vk:hover { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAI/r169GrmVbomx4MCMiJFdgxEaNIK72RgGN2dULX/1gtAAABHElEQVQ4y4WT65KDIAyFKUEFtUrrpZfdPe//mEsI2jKtw/cDRudwSEiiXvS2GRyRGxrbq09OLWGH2pPKOY8aGXo8Z8crfFC9mVwdvuCu+3mDr5jkca5wQCVxjDhkjBdoHKL5khY7rg5c8EYb3o+Ai58mXwNzzynF8KZp6oKUemU3p04DP7wDeKiAJwBWNeIUmIFGBOT5+w7wnyEG03G0hJkFyeAPzKAMRBj4xZ0Fkr53YIwiyWeNpguvdcfrLSWaBLipHItNYCA8VSKvj1EDBFpzxepSkA0SF6+E5yIKI9Fb7IpUXdI27gsClp96gx5e3kGLR3zqrFjQVT1XMak6oIG2XO5yw5Rbrty05bYvD0559MrDu42/0drk4/8Pd6NDTdyo0HwAAAAASUVORK5CYII=) no-repeat; } #up { width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #e30611; border-top: 0; position: fixed; margin-left: 94%; top: 78%; cursor: pointer; z-index: 100; text-indent: -9999px; } #up:hover { border-bottom-color: #000; } #up:hover:before { border: 2px solid #e30611; border-radius:50%; } #up:before { position: absolute; content: ''; left: -21px; top: -16px; width: 40px; height: 40px; border: 2px solid #000; border-radius:50%; } .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.5); } /* Media queries * ===================================================================================================*/ @media screen and (min-width: 1023px) { .main-menu__list > li:hover > ul { display: block; } .main-menu__list > li:hover > .menu-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH1JREFUeNpi+P//PwMalgbiE0B8DIgl0OXRFesA8SMg/gHEP4H4HhCr49LgCMTvgfgdENsBsSsQfwLit0Bsha4hAmrqQyDWRjJEH4ifAvE3IA6CaSgB4n9AfAGIpbD4SR6IrwLxHyDOBgk8AOItQMyHRTEMCwLxASC+CBBgAETi7lvzd1KYAAAAAElFTkSuQmCC) center no-repeat; } } @media screen and (max-width: 1023px) { .wrapper { width: 96%; } .header { border-bottom: 50px solid #e30611; margin: 0 -1000% 15px -1000%; padding: 12px 1000% 0 1000%; } .content { width: 100%; box-sizing: border-box; float: none; } .js-nav .m-nav { left: 0; } .js-nav .content { min-height: 2000px; } .m-nav { margin-top: 0; height: 100%; width: 50%; padding: 72px 0 0 0; box-sizing: border-box; position: absolute; left: -53%; top: 0; z-index: 2000; background: #e30611; 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 .slide-out-open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWBAMAAABTd4N3AAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA37+fNqsoNQAAACdJREFUGNNjMEYDDC5oAFNAEA0w0AQooQHCDsPUQguA4X3CDsMIZADzyyZBHRY0eAAAAABJRU5ErkJggg==) no-repeat; width: 32px; height: 22px; display: block; position: absolute; left: 111%; top: 130px; cursor: pointer; text-indent: -9999px; } .m-nav .slide-out-close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAPFBMVEUAAAD4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stH4stGEkFk9AAAAE3RSTlMAwbY41xhArDMusMwoDKkr81BIhlp6AQAAAJNJREFUKM990NsOhCAMBFAusqLgrmv//1+lCJnoEPsC6UmbSc1rZRuerW3O+hxJnL/LMkv6l9eKyBRuM9qy5eOdSJ3DjMrHsP0gMBaYyrcJWe6CClPNufW4bCTYiW1kQ2kJZF3GUi0+5cp25RxJCDC6W1zbTrp1MxdJYJ5FzXWDsDkKVXMmPdAOge3eqKUusFTkpU5llAyuohfzUwAAAABJRU5ErkJggg==) no-repeat; width: 26px; height: 26px; position: absolute; right: 23px; top: 44px; padding: 0; cursor: pointer; text-indent: -9999px; -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 .search-form { display: block; width: 90%; float: none; margin: 0 auto 25px auto; } .m-nav .social-icon { display: block; width: 303px; margin: 0 auto 25px auto; float: none; overflow: hidden; text-align: center; } .m-nav .social-icon a { display: inline-block; margin-right: 7px; float: none; } .m-nav .social-icon a:last-child { margin-right: 0; } .m-nav .social-icon .vk { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAI/r169GrmVbomx4MCMiJFdgxEaNIK72RgGN2dULX/1gtAAABHElEQVQ4y4WT65KDIAyFKUEFtUrrpZfdPe//mEsI2jKtw/cDRudwSEiiXvS2GRyRGxrbq09OLWGH2pPKOY8aGXo8Z8crfFC9mVwdvuCu+3mDr5jkca5wQCVxjDhkjBdoHKL5khY7rg5c8EYb3o+Ai58mXwNzzynF8KZp6oKUemU3p04DP7wDeKiAJwBWNeIUmIFGBOT5+w7wnyEG03G0hJkFyeAPzKAMRBj4xZ0Fkr53YIwiyWeNpguvdcfrLSWaBLipHItNYCA8VSKvj1EDBFpzxepSkA0SF6+E5yIKI9Fb7IpUXdI27gsClp96gx5e3kGLR3zqrFjQVT1XMak6oIG2XO5yw5Rbrty05bYvD0559MrDu42/0drk4/8Pd6NDTdyo0HwAAAAASUVORK5CYII=) no-repeat; } .m-nav .social-icon .ok { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMA6vqbIsgZDYpXKOcI9eDQvnswXfGuRAXZw2V7FWwyAAABLUlEQVQ4y4VT2RKDIAwM4AHYeqG1yv//Z0M1CUxn6j545NpkCSBonamV1qo2roVfVOYZGU9TQYmH1bGAto8ifYg/GLIic8dmJZ/dzPmKqKcGoJkWCq4u/oEMV8qsiOXsw1LNF/54j48XWeyXgPrfUYo6xhFFqGmWRGIofMJiV9pENoNJrM8BMKb3CHCwYi24+K9CdMKQMlssUbepEnNQPzTFXEyB4aDkR3n4wuc20FGwkJICLQF75Xo8ADyLPvidA4QioOjOjKNxKHBgCmkSu2c0Ys3G7MJ2ujfkkjFdFKgVecKaN+mS1II+TfGOCJEaTOkvIwwdN/srTxF83GAzv+9UiqAmbbFyR/KfggdauWJp181352puKy1tufaLvpgXWvv7i3N/9e4v7+31/wDMyD/osgLC4wAAAABJRU5ErkJggg==) no-repeat; } .m-nav .social-icon .fb { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAMAAACrZuH4AAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAhyKY6fkJx8+l9FZDLbTYd7Ggb19NZx/4TgAAANhJREFUOMuNlFkWwyAIRUEc0mimDux/qT0ZkZrEvq/IueEpgiDykYJ1zgaKHk5kqOVDLRn4kUfHSg69TtBwoSZP01k+ke0kgwAa2bN4ZaGMtr1gHpzeKaWwr3D1cCx6LaH+ONHiQywaQBNM8y5aZhXoEAcpnQeI66f4PjlXXE0U8WDWWYOsQjKzS0p5DMDKqodNWYEsgCsI9ZdTxDAmAPiMIyvCXuxUXMI9Ef45bbwnolRdEarqQHcEye1rQt8+4DWBRReSMWYqurDWyfVpqE9UfSrrk11/Hb5DVjjyfism0AAAAABJRU5ErkJggg==) no-repeat; } .m-nav .social-icon .tw { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+PhEUATHAAAAIHRSTlMA+enOIpj0iAsHx1YsupYVEALw4sCNb2VNNRzc06J9RDQUmLcAAAEOSURBVDjLhZPrGoIgDIY5uDTIY1ZqJ+7/KsM2Jmo9vL94xuAbH5tYKGxllJTKVLYQezI4OOYA2Wb7mEu3QubH1XHtdujokpNyP1AnPo/7+4yM9LX7g8Y6cveX/CsgN9F7eea3zCKA65Ji3eBjt/6KuuD9Q3/O7RMTBjHTXnt0rBCW6vHHujlRINMD4zYoyEaI+qV9IuIVSMNQAnzjTTAnWGPCSk/N6m/YLBEeSUeJkR/KCbqOEy5LAv9DNUW9oxYJw7auL+AigdcXLnNwDKBRSEllvKPms8Fq/XyNglymuslq0pDV2ApPfXu4CIi/u9Nlf9+0bpZqmHTLpZs23fbpwUmPXnp4efwBxx/i8f8AcL5Kdn3VJ/UAAAAASUVORK5CYII=) no-repeat; } .m-nav .social-icon .gp { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA9+kiCwaYx4fPLRVW74+Wd15KtKBSHtNuOSngp4FoQy+3ZhcAAAEgSURBVDjLhVNXsoQgEGySoLiGNa6buP8pn1jzFHSr6A+qSdMTcUCWteaMcV2XEleIjLkdLBOIoQxzEZhR0ffcXZAHRgrufoAX+3+6v7wQpB/aj1UUPMzh2W1F6K3ZBOiEfyw8qjAWL5LR/SjNrKC6SCQDJBkoMTtXA32cDomSqES17eeV94fMgIyYxbCuC97rei8CDU3sA6UdV/IZP9DgxG4PyEHIzvVNI2zTkAoH2/15tVuMX2xY6BRBXp7AOLlYgu0SrL+PAKyOH3Do3YWl6oyE8LGFTlKYLR5ebJLIV2ssCJMSpahmX2gXovxPtUXhCbeWnVJNGi+FsXm3Vp6KdZQ7bwVg2ymulTg1jDvBJFsu1bTJtk8PTnr00sObHP8/DbxQXD+JvOgAAAAASUVORK5CYII=) no-repeat; } .m-nav .social-icon .yt { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMAIeqlDpj50Wl4yYcvnWFX9eLDCKyKRAvYf1oG7zwYkCa9sU82JkgYjgAAAWdJREFUOMuNk4l2gyAQRYdlVEAwi2s1apPw/79YUTBqepo+PR7RCzPzGOClKkNJo4hKzCp4F9Enu+qkCex1VZHdKVLX3fTYvineLJJS+4tous6f/383VrM9QXz8Zf267cb8EGXJQ/lhiu2JifNZ0SYQxRwg5C/6MuamvJCYr7W4IDqMJGB+u5AtYDUAf/kDMTsCJw6Z3QBvK9gMcAu4HCQ3GwBBvgaC2qmKqJkcWSUhmJibxy0ls9Lbw9yDWeCLvMNBuS80AFnRdZ0zH80CPDwQQjyJoKlzliV+A32IkCSBrzOgQcO+aZnW9Uh8kqHM3gEsmS6hm0ENqvdlBqP4CiRKsYtE7nMLVpMdMJRjH6wGvQXuE4ANigKXHPS63U8HDLROmIyyknblc91uKNyrgZZPd9VWbQ/AORjfMKHlag478dq1XLVpWpqjEkIkyfRQmM+fyKe2//fBcXkUx6NXXP8+vCN4fTz+P2Y0TmfFYKQHAAAAAElFTkSuQmCC) no-repeat; } .m-nav .social-icon .in { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAIfnu4ehVDZjOE8iISvSCB1q6USxDOJ6RjycAAAEGSURBVDjLhZPbssMgCEXR4xVN0pM05f//tC1eiG1n3E8qi9kqACLvQrJa2xSch2+psFLXGhSMumVNg3S+DemRvhSVxO+Wfsjee77ER0JV/1hc/y7SxaXcI/NmG57mNz7MbKA5Dh9iQr9NAq+u+YqIwHNeAPAr3wc+AbD8Yx4cm5nhAgwYDjgII6DerojYgADpCqjXLvHrG5DAVuAw5lHoCA9jzgpY0BX4J0JFLIVESwX0HLACnBCLxSmAhSTADipymXcBEgQBaCvP3EiAAO4C0L4gLq98AVz/6oMGLe2re7HQDr2CrVhSbjxc14Gt3NIweWyYejhtuVnTTtt+Pjjz0ZsP73T8n31+MD1Hf0BLAAAAAElFTkSuQmCC) no-repeat; } .main-menu { margin: 0; padding: 0; } .main-menu__list > .current-post-parent > a { background: #5a5aa1; } .main-menu__list li { float: none; /*border-bottom: 1px solid #333;*/ font-size: 15px; line-height: 19px; padding: 0; } .main-menu__list li > .menu-arrow { z-index: 101; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMApQb25dbPxDML+e/esJd6VCsjHBYQuZyJbmBJPlepnbsAAABnSURBVAjXXcpHDoMwAAXRb4MbvabP/a+ZIFnI4S1HI4NJKu09g2rwaxEXB05zB3U846cFt0hbgGrK8dXAbdePNcCowwMYbD5GwFilHpqnTlMFIXpo3yrEmkM368/qgbDpIpnqbpV9ASfjBuBPz6DkAAAAAElFTkSuQmCC) center no-repeat;*/ background: url(images/arrow-down.png) center no-repeat; background-size: cover; width: 21px; height: 21px; right: 15px; top: 8px; cursor: pointer; } .main-menu__list li > .menu-arrow.active { /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMA9QjLGuPgxqagnDIselVPFwfm5cORgXU2CzW2nyUAAABfSURBVAjXXY5ZEoAgDENb3FhF3M39D6oMouj7y+tkUsoIzfKgH3UFoKq/0jSITHspPQOdnQHuX+kASEFBAVjzTgyOIls6XwxdUfScNm0LNOaWT2yLh3J1pIWVoJKgWZ9vKgXk3InNaAAAAABJRU5ErkJggg==) center no-repeat;*/ background: url(images/arrow-down.png) center no-repeat; background-size: cover; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .main-menu__list li > a, .main-menu__list li > span { text-transform: uppercase; display: block; padding: 10px 53px 10px 5%; border-bottom: 0; } .main-menu__list li > a:hover, .main-menu__list li > span:hover { border-bottom: 0; background: #fff; } .main-menu__list li > span { background: #fff; } .main-menu__list li > .ul_block { display: block; } .main-menu__list li > ul { /*2*/ position: static; padding: 0 0 0 18px; margin: 0; width: 100%; background: #fff; box-sizing: border-box; } .main-menu__list li > ul > .current-post-parent a { font-weight: bold; background: none; } .main-menu__list li > ul > li { border-bottom: 0; } .main-menu__list li > ul > li > a, .main-menu__list li > ul > li > span { text-transform: none; background: none; border-bottom: 0; padding: 5px; } .main-menu__list li > ul > li > a:hover, .main-menu__list li > ul > li > span:hover { background: none; } .main-menu__list li > ul > li > span { font-weight: bold; } .add-menu__toggle { display: none; } .add-menu { position: static; width: 100%; } .add-menu > ul { display: block; } .add-menu > ul > .current-post-parent a { background: #5a5aa1; font-weight: bold; } .add-menu > ul > li { border-bottom: 1px solid #5a5aa1; font-size: 15px; line-height: 19px; } .add-menu > ul > li > a, .add-menu > ul > li > span { text-transform: uppercase; display: block; padding: 10px 53px 10px 5%; border-bottom: 0; background: none; } .add-menu > ul > li > a:hover, .add-menu > ul > li > span:hover { border-bottom: 0; background: #5a5aa1; } .add-menu > ul > li > span { background: #5a5aa1; font-weight: bold; } .sidebar-menu .title { display: none; } .sidebar-menu > ul > li { border-bottom: 1px solid #5a5aa1; font-size: 15px; line-height: 19px; } .sidebar-menu > ul > li > .menu-arrow { right: 14px; top: 10px; } .sidebar-menu > ul > li > a, .sidebar-menu > ul > li > span { text-transform: uppercase; display: block; padding: 10px 53px 10px 5%; border-bottom: 0; background: #8b8ce7; color: #fff; } .sidebar-menu > ul > li > a:hover, .sidebar-menu > ul > li > span:hover { border-bottom: 0; } .sidebar-menu > ul > li > span { background: #5a5aa1; font-weight: bold; } .sidebar-menu > ul > li > ul { padding: 10px 10px 10px 20px; } .sidebar-menu > ul > li > ul > .current-post-parent a { font-weight: bold; } .sidebar-menu > ul > li > ul > li > a, .sidebar-menu > ul > li > ul > li span { color: #fff !important; } .sidebar-menu > ul > li > ul > li > span { font-weight: bold; } .sidebar { display: none; } .slider { width: 500px; margin: 0 auto 20px auto; } .slider li .slider__item:nth-child(2) { clear: both; } .slider li .slider__item:nth-child(3) { clear: both; } .posts { width: 100%; margin: 0 auto; max-width: 660px; } .slider-posts-wrap .bx-wrapper { margin: 0 auto; } .related { width: 100%; margin: 0 auto; max-width: 660px; } .related__item { margin-right: 9px; } .footer .social-icon { display: none; } .copy { /*float: none;*/ text-align: center; margin-right:15px; } } @media screen and (max-width: 760px) { .footer-bottons, .footer-bottons1 { display: none; } .copy { width:90%; } .botton2 { width:95%; } #up { width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fd7405; border-top: 0; position: fixed; margin-left: 85%; top: 78%; cursor: pointer; z-index: 100; text-indent: -9999px; } .content-wrapper { width: 100%; padding:0px; margin: 0 auto; } .m-nav { width: 80%; left: -83%; } .m-nav .slide-out-open { left: 108%; } .slider { width: 100%; max-width: 500px; } .slider__img { width: 100%; height: auto; } .slider li .slider__item:nth-child(3), .slider li .slider__item:nth-child(4) { width: 50%; } .posts .posts__item { float: none; margin-right: 0; width: 100%; } .posts__item-img { width: 320px; margin: 0 auto 8px auto; } .posts__item-title a:after { left: 50%; margin-left: -160px; } .slider-posts-wrap .bx-wrapper { width: 425px !important; } .slider-posts li { width: 210px !important; } .posts__item_first .posts__item-img { width: 100%; max-width: 660px; } .posts__item_first .posts__item-img img { max-width: 100%; height: auto; } .posts__item_first .posts__item-title a:after { left: 0; margin-left: 0; } .single .title-img .single__title { font-size: 25px; line-height: 30px; width: 100%; max-width: 70%; margin-left: 0; left: 15%; } .post-meta { text-align: center; } .post-rating { float: none; margin: 0 0 10px; } .post-share { float: none; } .related { max-width: 322px; } .related li { margin-bottom: 15px; } .related li:nth-child(odd) { clear: both; margin-right: 20px; } .related li:nth-child(even) { clear: none; margin-right: 0; } #respond .respond-form__field { width: 100%; float: none; } .footer { text-align: center; } .footer-logo { float: none; } .footer-nav { float: none; margin-top: 0; display: inline-block; } } @media screen and (max-width: 480px) { #up { width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fd7405; border-top: 0; position: fixed; margin-left: 85%; top: 78%; cursor: pointer; z-index: 100; text-indent: -9999px; } .content-wrapper { width: 100%; padding:0px; margin: 0 auto; } .wrapper { width: 94%; } .m-nav { width: 100%; left: -103%; } .slider { display: none; } .logo { max-width: 100%; height: auto; } .m-nav .slide-out-open { left: 106%; } .posts__item-img { width: 100%; max-width: 320px; } .posts__item-img img { max-width: 100%; height: auto; } .slider-posts-box { position: relative; margin-bottom: 15px; background: #f0edfc; padding: 10px; } .slider-posts-box .bx-wrapper { position: static; } .slider-posts-wrap { width: 206px; padding: 0; overflow: hidden; margin: 0 auto; background: none; position: static; } .slider-posts-wrap .bx-pager { display: none; } .slider-posts-wrap .bx-prev { left: 0; } .slider-posts-wrap .bx-next { right: 0; } .posts__item_first .posts__item-title a:after { width: 445px; height: 201px; } .single .title-img .single__title { font-size: 18px; line-height: 22px; } /*.single blockquote { background: #f8f8f8; padding: 15px; }*/ .related { max-width: 150px; } .related li { float: none; margin-right: 0; width: 100%; } #respond { padding: 12px; } .footer-logo { max-width: 100%; height: auto; } }