/* Theme Name: Anew-child Theme URI: http://alxmedia.se/themes/anew/ Version: 20.0.4 Description: Anew is a responsive 100% high resolution theme in classic tumblog style. Each post format is shown in a unique visual way and can be given any color you want. A toggle sidebar results in a great browsing experience for both tablet and mobile. Features include: Unlimited topbar, header, footer and accent colors, unlimited widget areas, 0-1 sidebars to the left or right that can be uniquely specified for each page or post, 280px width sidebar, 0-4 footer widget columns, almost zero layout images, author bio and post nav, 10 post formats, good SEO, 3 flexible custom widgets, localisation support, social links, logo or header image upload and many more useful admin panel features. Author: Alexander Agnarson Author URI: http://alxmedia.se Tags: light, one-column, two-columns, right-sidebar, left-sidebar, fixed-width, flexible-width, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging Copyright: (c) 2013 Alexander "Alx" Agnarson License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file or a child theme to add your styles. You can copy a style from this file and paste it in custom.css or the child theme's style.css and it will override the style in this file. You have been warned! :) */ @font-face { font-family: 'ArialNer'; src: url('fonts/ARIALN.eot'); src: local('O'), url('fonts/ARIALN.woff') format('woff'), url('fonts/ARIALN.ttf') format('truetype'), url('fonts/ARIALN.svg') format('svg'); font-weight: normal; font-style: normal; } /* ------------------------------------------------------------------------- * * Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 * ------------------------------------------------------------------------- */ 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%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ body { background: #edeae6 url("img/refite.jpg"); font-size: 16px; line-height: 20px; color: #000; font-weight: normal; } ::selection { background: #e8554e; color: #fff; } ::-moz-selection { background: #e8554e; color: #fff; } a { color: #333; text-decoration: none; outline: 0; } a:hover { color: #51a1d6; } .entry a { color: #51a1d6; } .entry a:hover { text-decoration: underline; } #article-used-tools > span:nth-child(6n) img { margin-right: 0; } img { max-width: 100%; height: auto; } a, a:before, a:after { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; } a img { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } address,cite,em { font-style: italic; } strong { font-weight: 600; } .left,.alignleft { float: left; } .right,.alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } /* base : clear /* ------------------------------------ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } /* base : font awesome square size /* ------------------------------------ */ .fa { width: 1em; text-align: center; } /* base : forms /* ------------------------------------ */ .themeform input, .themeform textarea, .themeform button, .themeform select, .themeform label { font-size: 14px; } .themeform input::-moz-focus-inner, .themeform button::-moz-focus-inner { border: 0; padding: 0; } .themeform input[type="text"], .themeform input[type="password"], .themeform input[type="email"], .themeform input[type="submit"], .themeform button, .themeform textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; } .themeform input, .themeform textarea, .themeform button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; } .themeform input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; } .themeform input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; } .themeform label { font-weight: 600; color: #444; } .themeform input[type="text"], .themeform input[type="password"], .themeform input[type="email"], .themeform textarea { background: #fff; border: 2px solid #ddd; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; } .themeform label .required { color: #e8554e; } .themeform input[type="submit"], .themeform button[type="submit"] { background: #e8554e; color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; } .themeform input[type="submit"]:hover, .themeform button[type="submit"]:hover { background: #444; } .themeform.searchform div { position: relative; } /* base : entry /* ------------------------------------ */ .entry img{ /*max-width:364px !important;*/ margin:0 auto;} .entry img.alter, .home .entry img{max-width:none !important;} /*.entry a[rel="lightbox"]{ position:relative;display:block;float:left;width:24%;height:90px;margin-right:1%;margin-bottom:6px; overflow:hidden; }*/ .entry a[rel="lightbox"] img{ /*position:absolute;width:100%;margin:auto;*/display:block;top:0;bottom:0;left:0;right:0; } .entry li img:last-child{margin-bottom:0;} .entry p img:last-child{margin-bottom:0;} p.clearfix a[rel='lightbox']{float:left;width:24%; height:115px; overflow:hidden;margin-right: 1%;margin-bottom:7px; } p.clearfix a[rel='lightbox'] img{min-width:100%; min-height:115px; width:auto; height:auto;} p.clearfix{width: 677px;margin-left: -20px;clear:both;margin-bottom: 30px;} .post-format+.entry{padding-top:30px;} .entry { font-size: 14px; line-height: 20px; padding-left:20px; padding-right:20px;} .entry p{margin-bottom:10px;} .entry ol, .entry ul { margin: 0; } .entry ol ol, .entry ol ul, .entry ul ul, .entry ul ol { margin: 0; } .entry li { margin: 0; } .entry ul li, .entry ol ul li { list-style: square; } .entry ol li, .entry ol ul ol li { list-style: decimal; } .entry dt { font-weight: 600;} .entry address { margin-bottom: 1em; } .entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; } .entry blockquote p { margin-bottom: 0.75em; } .entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 0; top: 0; } .entry pre { padding: 0; margin: 0; } .entry code { background: #eee; padding: 0 3px; } .entry ins { background: none; } .entry sub, .entry sup { font-size: 62.5%; } .entry sub { vertical-align: sub; } .entry sup { vertical-align: super; } /* image position & caption */ .entry img.size-auto, .entry img.size-large, .entry img.size-medium, .entry attachment img { max-width: 100%; height: auto; } .entry img.alignleft { margin: 18px 20px 18px 0; } .entry img.alignright { margin: 18px 0 18px 20px; } .entry img.aligncenter { margin: 18px auto; clear: both; display: block; } .entry img .size-full { width: 100%!important; } .entry .gallery img, .entry img.wp-smiley { margin: 0; } .entry .wp-caption { background: #fff; max-width: 100%; margin-bottom: 14px; text-align: center; } .entry .wp-caption-text { font-style: italic; } .entry .wp-caption a { border-bottom: none; } .entry .wp-caption img { margin: 0; max-width: 364px; height: auto; } .entry .wp-caption.alignleft { margin-right: 20px; } .entry .wp-caption.alignright { margin-left: 20px; } .entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; } .entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; } .entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; } /* table */ .entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; } .entry table tr.alt { background: #e9e9e9; } .entry table td { border-bottom: 1px solid #e9e9e9; text-align: center; padding: 5px; vertical-align: middle; } .entry table th { font-weight: 600; text-align: center; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 10px 5px; } /* default gallery */ .entry .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; } .entry .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; } .entry .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; margin-bottom: 10px;} .entry .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; font-weight: 400; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; } .entry .gallery .gallery-item:hover .gallery-caption { bottom: 0; } .entry .gallery-columns-5 .gallery-caption, .entry .gallery-columns-6 .gallery-caption, .entry .gallery-columns-7 .gallery-caption, .entry .gallery-columns-8 .gallery-caption, .entry .gallery-columns-9 .gallery-caption { display: none!important; } /* base : headings /* ------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 600; -ms-word-wrap: break-word; word-wrap: break-word; } .entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #bbb; } .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 { margin-bottom: 14px; font-weight: 400; line-height: 1.3em; } .entry h1 { font-size: 38px; letter-spacing: -1px; } .entry h2 { font-size: 34px; letter-spacing: -0.7px; text-transform: uppercase; font-family: 'ArialNer'; font-weight: bold;} .entry h3 { font-size: 25px; letter-spacing: -0.5px; } .entry h4 { font-size: 24px; letter-spacing: -0.3px; } .entry h5 { font-size: 20px; font-weight: 600; } .entry h6 { font-size: 18px; font-weight: 600; } .entry strong { font-weight: bold; } .heading, #reply-title { color: #222; font-weight: normal; font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 1em; } .heading i { font-size: 22px; margin-right: 6px; } /* ------------------------------------------------------------------------- * * Base Structure /* ------------------------------------------------------------------------- */ /* base : layout /* ------------------------------------ */ #wrapper { min-width: 960px; height: 100%; } .container { max-width: 960px; min-width: 960px; width: 960px; margin: 0 auto; position: relative; display: flex; } body:not(.home) #page{ max-width: 960px; } .main { position: relative; min-height: 600px; max-width: 960px; /* instead of sticky footer */ } .content { width: 100%; position: relative; } .pad.post-content, .pad.format-container { /* padding-left: 40px; padding-right: 40px; */} /* boxed */ .boxed #wrapper { max-width: 1380px; margin: 0 auto; } .boxed .container { padding: 0; } .boxed #header, .boxed #page { background: #f2f2f2; } /* base : layout columns /* ------------------------------------ */ /* 2 column, content left */ .col-2cl .main { } .col-2cl .s1 { float: right; width:270px; } .col-2cl .s2 { float: left; width:270px;} .col-2cl .s1.min { width:270px; padding-left: 10px; } .col-2cl .s2.min { width:270px;} .col-2cl .content { float: left; width:670px;} #slider_home{width:100%;} /* base : sidebar /* ------------------------------------ */ .sidebar { position: relative; z-index: 2; } .sidebar .pad { padding-left: 20px; padding-right: 20px; } .sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 50px; -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); } .sidebar-toggle i { font-size: 38px; color: #fff; padding: 5px 0; } .s1-expand .s1 {-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; } /* toggle icon */ .icon-sidebar-toggle:before { font-family: FontAwesome; } .col-2cl .s1 .icon-sidebar-toggle:before { content: "\f100"; } .col-2cr .s1 .icon-sidebar-toggle:before { content: "\f101"; } /* sidebar primary */ .s1 { width: 270px; z-index: 2; } .s1:hover { z-index: 98; /* social icons tooltip above header nav */ } .s1 .sidebar-toggle { background: #e8554e; } /* base : grid /* ------------------------------------ */ .grid { margin-right: 3.2%; float: left; display: inline; position: relative; } .last { clear: right; margin-right: 0!important; } .one-full { margin-right: 0; width: 100%; overflow: hidden; } .one-half { width: 48.4%; } .one-third { width: 31.2%; } .two-third { width: 65.6%; } .one-fourth { width: 22.6%; } .three-fourth { width: 74.2%; } .one-fifth { width: 17.4%; } .two-fifth { width: 38.1%; } .three-fifth { width: 58.7%; } .four-fifth { width: 79.4%; } /* ------------------------------------------------------------------------- * * Common /* ------------------------------------------------------------------------- */ /* common : fonts /* ------------------------------------ */ body, input, textarea, button, select, label { font-family: Arial, Helvetica, sans-serif; } .jcl_widget .jcl_count{margin-left:2px;position:relative;display:inline-block;margin-right:-4px;} .entry .youtube_gallery{width:275px;float:right;margin:0px -20px 20px 20px; background:#2c2c2c;} .entry .youtube_gallery .youtube_gallery_player{} .entry .youtube_gallery_caption{position:relative;text-align:center;background:#f86973;padding:10px 20px;color:#fff;font-size:12px;line-height:17px;} .entry .youtube_gallery .youtube_gallery_caption:before{content:"";position:absolute;background:#f86973;width:50%;left:25%;top:-15px;height:15px;} .entry .youtube_gallery .youtube_gallery_player a img{display:block;max-width:100%;margin: 0;} .entry .youtube_gallery .youtube_gallery_player>a, .youtube_gallery_center>a{position:relative;display:block;margin:0;height: 155px;} .entry .youtube_gallery .youtube_gallery_player>a:before, .youtube_gallery_center>a:before{content:"";position:absolute;display:block;width:61px;height:61px;background:url(/images/vid_min.png) 0 0 no-repeat;top:50%;margin-top:-30px;left:50%;margin-left:-30px;} .entry .youtube_gallery .youtube_gallery_player>br{display:none;margin:0;} body.error404{background:#fff;} body.error404 #wrapper{background:url(/images/404.jpg) 50% 350px no-repeat;} body.error404 #wrapper .entry{display:none;} body.error404 .page-title h2{font-size:42px;color:#51a1d6;text-transform:uppercase;line-height:50px;min-height:600px;} body.error404 .page-title h2 div{font-size:18px;color:#3e3e3d;text-transform:none;line-height:20px;} body.error404 .page-title h2 a{position:absolute;bottom:0;display:inline-block;background:#51a1d6;padding:14px 10px; color:#fff;font-size:18px;line-height:20px;text-transform:uppercase;} body.error404 .page-title h2 a:hover{background:#51a1d6 url(img/opacity-10.png) repeat;} /*home content*/ body.home .main .content .entry h2{position:relative;display:block;width:100%; /*padding: 12px 0 25px 42px; margin-bottom:35px;*/ padding: 12px 15px 15px 60px; margin-bottom:0px; margin-left:0px; min-height: 64px; font-size:20px;line-height:22px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} /*end home content*/ body.home .main .home_content.content ol {margin-bottom: 30px;} body.home .main .home_content.content ul {margin-bottom: 30px;} body.home .main .home_content.content ol li strong, body.home .main .home_content.content ul li strong, body.home .main .home_content.content ol li b, body.home .main .home_content.content ul li b{font-weight:bold; } body.home .main .home_content.content ol li em, body.home .main .home_content.content ul li em, body.home .main .home_content.content ol li i, body.home .main .home_content.content ul li i{font-style: italic; } /*body.home .main .content ol li {margin-left: 15px;}*/ body.home .main .home_content.content ul>li{list-style:none;position:relative;display:block;width:100%;/*padding-left:40px;*/margin-bottom:20px;line-height:20px;padding-left: 25px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.home .main .home_content.content ul>li:before{content:"";position:absolute;display:block;width:12px;height:12px;top:5px;left:0;background:#3f8fc5;} body.home .main .home_content.content ul>li:nth-child(odd):before{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} body.home .main .home_content.content ol>li{list-style:none;position:relative;display:block;width:100%;padding-left:40px;margin-bottom:20px;line-height:20px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.home .main .home_content.content ol>li:before{content:"1";position:absolute;display:block;width:25px;height:30px;top:-5px;left:0;background:#3f8fc5;line-height:30px;text-align:center;color:#fff;font-size:16px;} body.home .main .home_content.content ol>li:after{content:"";position:absolute;display:block;width:4px;height:16px;top:2px;left:25px;background:#3f8fc5;} body.home .main .home_content.content ol>li+li:before{content:"2";}body.home .main .home_content.content ol>li+li+li:before{content:"3";}body.home .main .home_content.content ol>li+li+li+li:before{content:"4";}body.home .main .home_content.content ol>li+li+li+li+li:before{content:"5";} body.home .main .home_content.content ol>li+li+li+li+li+li:before{content:"6";}body.home .main .home_content.content ol>li+li+li+li+li+li+li:before{content:"7";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li:before{content:"8";} body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li:before{content:"9";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li:before{content:"10";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li:before{content:"11";} body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li:before{content:"12";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"13";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"14";} body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"15";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"16";} body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"17";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"18";} body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"19";}body.home .main .home_content.content ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"20";} /*body.home .main .content ul li {margin-left: 15px;}*/ body.home .main .content article#hmh1 h1{background:#ea424e;} body.home .main .content article#hmh2 h1{background:#3f8fc5;} body.home .main .content article#hmh1 h1:before{content:"";position:absolute;top:0;left:0;display:block;width:90px;height:90px;background:url(/images/home1_h1.png) 50% 50% no-repeat;height: 104px;} body.home .main .content article#hmh2 h1:before{content:"";position:absolute;top:0;left:0;display:block;width:120px;height:90px;background:url(/images/home2_h1.png) 50% 50% no-repeat;} body.home .main .content article h1{position:relative;padding-left:90px;color:#fff;font-size:24px;text-transform:uppercase;/*line-height:90px;*/margin:0;line-height: 32px;padding-top: 20px; padding-right:20px; padding-bottom: 20px;} body.home .main .content article{position:relative;margin-bottom:20px;} body.home .main .content article .entry{position:relative;padding:20px; background:#fff;} body.home .main .content article .entry p{margin-bottom:25px;} body.home .main .content article .entry img.alignright{margin:10px;margin-right:-20px;} body.home .main .content article .entry img.alignleft{margin:10px;margin-left:-20px;} body.home .main .content article .entry blockquote{padding:0;margin:30px 40px;width:540px;font-size:12px;line-height:17px;font-style:normal;color:#3e3e3d;} body.home .main .content article .entry blockquote strong{display:block;font-size:16px;line-height:17px;font-style:normal;color:#3e3e3d;font-weight:bold;margin-bottom:10px;} body.home .main .content article .entry blockquote:before{display:none;} body.home .main .content article .entry blockquote{position:relative;display:block;width:540px;padding:30px 65px;margin-left:-20px;background:#a9d2ee;color:#3e3e3d;font-size:14px;line-height:17px;} body.home .main .content article .entry blockquote:before {content: "";position: absolute;display:block;left:20px;top:12px;width:29px;height:16px;background:url(/images/bl_left.png) 0 0 no-repeat;} body.home .main .content article .entry blockquote:after {content: "";position: absolute;display:block;right:20px;bottom:12px;width:29px;height:16px;background:url(/images/bl_right.png) 0 0 no-repeat;} body .content.cont-all{float:none;width:100%;min-height:50px;} body .content.cont-all .title{position:relative;display:block;width:100%;background:#ea424e;height:60px;line-height:60px; padding-left:120px;color:#fff;font-size:19px;text-transform:uppercase;margin:0; font-family: 'ArialNer'; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body .content.cont-all .title:before{content:"";position:absolute;top:0;left:0;display:block;width:120px;height:60px;background:url(/images/all_rubric.png) 50% 50% no-repeat;} body .content.cont-all .text{position:relative;display:block;} body .content.cont-all .text ul{position:relative;display:table;margin:0;padding:0;list-style:none; width:100%;} body .content.cont-all .text ul li{position:relative;display:table-cell;width:50%;min-height:100px;margin:0;overflow:hidden; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease; vertical-align:top;} body .content.cont-all .text ul.any li{background:#dedbd7 !important;} body .content.cont-all .text ul.any li .img{background:#f86973 !important;} body .content.cont-all .text ul.any li .img:after{background:#f86973 !important;} body .content.cont-all .text ul.any li + li .img:before{background:#dedbd7 ;} body .content.cont-all .text ul li:hover{background:#cfd5d4!important;} body .content.cont-all .text ul li:nth-child(4n-1),body .content.cont-all .text ul li:nth-child(4n-4){background:#dedbd7;} body .content.cont-all .text ul li:nth-child(4n-2),body .content.cont-all .text ul li:nth-child(4n-3){background:#fff;} body .content.cont-all .text ul li:nth-child(4n-2):after,body .content.cont-all .text ul li:nth-child(4n-4):after{content:"";position:absolute;display:block;width:16px;height:60%;top:20%;right:-1px;background:#edeae6;} body .content.cont-all .text ul li .img{position:relative;display:table-cell;vertical-align:top;margin-right:10px;width:100px;height:100px; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} body .content.cont-all .text ul li .img img{position:absolute;margin:auto;top:0;bottom:0;left:18px;right:0;} body .content.cont-all .text ul li:nth-child(4n-3) .img,body .content.cont-all .text ul li:nth-child(4n-2) .img{background:#51a1d6;} body .content.cont-all .text ul li:nth-child(4n-3):hover .img,body .content.cont-all .text ul li:nth-child(4n-2):hover .img{background:#377ead;} body .content.cont-all .text ul li:nth-child(4n-1) .img,body .content.cont-all .text ul li:nth-child(4n-4) .img{background:#f86973;} body .content.cont-all .text ul li:nth-child(4n-1):hover .img,body .content.cont-all .text ul li:nth-child(4n-4):hover .img{background:#ea424e;} body .content.cont-all .text ul li .img:before,body .content.cont-all .text ul li .img:after{content:"";position:absolute;display:block;width:16px;height:60%;top:20%; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} body .content.cont-all .text ul li:nth-child(8n-3) .img:before,body .content.cont-all .text ul li:nth-child(8n-7) .img:before{left:-1px;background:#edeae6;} body .content.cont-all .text ul li:nth-child(8n-2) .img:before,body .content.cont-all .text ul li:nth-child(8n-6) .img:before{left:-1px;/* background:#dedbd7; */background:#fff;} body .content.cont-all .text ul li:hover:nth-child(8n-3) + li .img:before,body .content.cont-all .text ul li:hover:nth-child(8n-7) + li .img:before{background:#cfd5d4;} body .content.cont-all .text ul li:nth-child(4n-3) .img:after,body .content.cont-all .text ul li:nth-child(4n-2) .img:after{right:-15px;background:#51a1d6;} body .content.cont-all .text ul li:nth-child(4n-3):hover .img:after,body .content.cont-all .text ul li:nth-child(4n-2):hover .img:after{background:#377ead;} body .content.cont-all .text ul li:nth-child(8n-1) .img:before,body .content.cont-all .text ul li:nth-child(8n-5) .img:before{left:-1px;background:#edeae6;} body .content.cont-all .text ul li:hover:nth-child(8n-1) + li .img:before,body .content.cont-all .text ul li:hover:nth-child(8n-5) + li .img:before{background:#cfd5d4;} body .content.cont-all .text ul li:nth-child(8n-8) .img:before,body .content.cont-all .text ul li:nth-child(8n-4) .img:before{left:-1px;background:#dedbd7;} body .content.cont-all .text ul li:nth-child(4n-1) .img:after,body .content.cont-all .text ul li:nth-child(4n-4) .img:after{right:-15px;background:#f86973; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} body .content.cont-all .text ul li:nth-child(4n-1):hover .img:after,body .content.cont-all .text ul li:nth-child(4n-4):hover .img:after{background:#ea424e;} body .content.cont-all .text ul li .nazv{position:relative;display:table-cell;vertical-align:top;margin-right:-4px;width: 366px; padding:11px 15px 11px 30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } body .content.cont-all .text ul li:nth-child(2n+2) .nazv{width:346px;} body .content.cont-all .text ul li .nazv h1{font-size: 14px; line-height: 18px; color: #5e5341;text-transform:uppercase;margin-bottom:1px;} body .content.cont-all .text ul li .nazv .opis{font-size:12px;line-height:15px;/* height:62px; */overflow:hidden;} body .content.cont-all .text ul li .nazv .opis a{font-size:12px;line-height:15px;} body .content.cont-right{float:right;} body.category .main .content,body.search .main .content{background:#fff;} /* common : responsive image + caption /* ------------------------------------ */ article.post-category .image-container { position: relative;display:block;width: 100%;height: 210px;overflow: hidden; } article.post-category .image-container:after{content:"";top:0;left:0;position:absolute;display:block;width:100%;height:100%;background:url(/images/fade.png) 0 0 repeat;opacity:0; -webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;transition: opacity 0.2s ease;} article.post-category:hover .image-container:after{opacity:1;} article.post-category .image-container img { position: absolute;height: 100%;width: auto;margin: auto;top: 0;left: -300px;right: -300px;bottom: 0; max-width:none;} .image-container { position: relative;min-height: 90px} .image-container img { position:relative;display:block;width:100%; margin:0 0 10px 0;} .image-caption { background: rgba(0,0,0,0.7); color: #eee; font-size: 13px; line-height: 1.4em; padding: 7px 10px; position: absolute; bottom: 4px; left: 4px; margin-right: 4px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); } /* common : responsive videos /* ------------------------------------ */ article.post-category .video-container { position: relative;display:block;width: 100%;height: 210px;overflow: hidden; } article.post-category .video-container iframe, article.post-category .video-container object, article.post-category .video-container embed, article.post-category .video-container video { position: absolute; bottom:0; right:0; top: 0; left: 0; margin:auto; width: 100%; height: 100%; } .video-container { position: relative;display:block;width: 100%;text-align:center; } .video-container iframe,.video-container object,.video-container embed,.video-container video { margin:40px auto; max-width:100%;} body .main .content article.post .post-format{position:relative;display:block;} body .main .content article.post .post-opis{position:relative;display:block;width:100%;height:210px;background:#51a1d6;padding:20px 25px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} body .main .content article.post:hover .post-opis{/*background:#377ead;*/} body .main .content article.post-left .post-opis:before,body.category .main .content article.post-right .post-opis:after{content:"";position:absolute;width:50%;height:20px;left:25%;/*background:#51a1d6*/;z-index:2; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} body .main .content article.post-left .post-opis:before{top:-19px;} body .main .content article.post-right .post-opis:after{content: ""; position: absolute; width: 50%; height: 20px; left: 25%; /*background: #51a1d6;*/ z-index: 2; bottom:-19px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} body .main .content article.post-left:hover .post-opis:before, body .main .content article.post-right:hover .post-opis:after{/*background:#377ead;*/} body .main .content article.post .post-opis .post-title{position:relative;font-size:14px;font-weight:normal;color:#fff;border-bottom: 1px solid #98bfd7;padding-bottom: 5px;} body .main .content article.post .post-opis .post-anons { font-size: 12px; color: #fff; } .popularitypostswidget { background: none !important; margin-bottom:0 !important; } .popularitypostswidget>h2 { display: none !important; } .popularitypostswidget li { position: relative; margin-bottom: 20px; max-height: 175px; overflow:hidden; } .popularitypostswidget a { /*max-height: 175px;*/ } .popularitypostswidget li a img { height: auto; width: auto; min-width: 100%; min-height: 100%; display:block; } img.wpp-thumbnail { margin-bottom: -5px !important; } .ppw-post-title { position: absolute; bottom: 0; padding: 10px; background: rgba(0,0,0,.6); display: block; width: 250px; z-index: 10000; } .ppw-post-title:before { content: ""; position: absolute; background: rgba(0,0,0,.6); width: 50%; left: 25%; top: -15px; height: 15px; } .yarpp-related .ppw-post-title a{ font-weight: normal !important; line-height:1.1; color: #fff !important; display: block; word-wrap: break-word; width: 100%; font-size: 12px; } .wpp-thumbnail { width: 300px; height: auto; } body .main .content article.post .post-opis .post-title{position:relative;/*height:105px;*/overflow: hidden;margin-bottom:10px;font-size:14px;line-height:17px;font-weight:normal;color:#fff;} body .main .content article.post .post-opis .post-meta{position:relative;font-size:13px;line-height:13px;border-top:1px solid #98bfd7;padding:20px 0 0 0;margin:0;font-style:italic;font-weight:normal;color:#fff;} body .main .content .pagination .wp-pagenavi{margin:50px 0;text-align:center; width:400px;} body .main .content .pagination .wp-pagenavi .pages{display:none;} body .main .content .pagination .wp-pagenavi a, body .main .content .pagination .wp-pagenavi .current{position:relative;display:inline-block;margin:0 4px;padding:0;border:none;width:33px;height:33px; line-height:33px;text-align:center;color:#fff;font-size:16px;font-weight:bold;} body .main .content .pagination .wp-pagenavi .current{background:url(/images/pag_li_act.png) 0 0 no-repeat;cursor:default;} body .main .content .pagination .wp-pagenavi a{background:url(/images/pag_li.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a:before{opacity:0;background:url(/images/pag_lia.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a:hover{background:url(/images/pag_lia.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a.nextpostslink{color:rgba(0,0,0,0);background:url(/images/lego_right.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a.nextpostslink:before{opacity:0;background:url(/images/lego_righta.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a.nextpostslink:hover{background:url(/images/lego_righta.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a.previouspostslink{color:rgba(0,0,0,0);background:url(/images/lego_left.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a.previouspostslink:before{opacity:0;background:url(/images/lego_lefta.png) 0 0 no-repeat;} body .main .content .pagination .wp-pagenavi a.previouspostslink:hover{background:url(/images/lego_lefta.png) 0 0 no-repeat;} body:not(.home) .content.post-page article h1.post-title{/* position:relative;display:block;width:100%;background:#ea424e;padding:40px; font-size:24px;color:#fff;text-transform:uppercase;line-height:27px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; */ position: relative; display: block; width: 100%; background: #b62e32; padding: 20px; font-family: 'ArialNer'; font-size: 24px; color: #fff; text-transform: uppercase; line-height: 27px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.54); font-size: 30px; font-weight: bold; /* text-align: center; */} #wrapper>.container .textwidget{background:#fff;position:relative;padding:0px 0px;} #wrapper>.container .textwidget *{max-width:100%;} body.single-post .content.post-page article .post-content{position:relative;display:block;padding:0;} body.single-post .content.post-page article .post-content .neob_instr .title{position:relative;display:block;padding:0 50px 0 70px; height:50px;line-height:50px;font-size:18px;color:#000;text-transform:uppercase; letter-spacing: -0.5px; font-family: 'ArialNer'; font-weight: bold; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.single-post .content.post-page article .post-content .neob_instr .title:before{content:"";position:absolute;display:block;top:0;left:0;width:70px;height:50px;background:url(/images/inst_ico.png) 50% 50% no-repeat;} body.single-post .content.post-page article .post-content .neob_instr .insts{position:relative;display:block;padding:25px 40px 15px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .post-content .neob_instr .insts span.more{text-align:right;height:15px;margin-top:65px;margin-left:40px;width:70px;padding-bottom: 5px;overflow:visible; cursor: pointer;font-weight: bold;font-size: 11px;color: #3f8fc5;line-height: 11px;text-transform: uppercase;} .post-content .neob_instr .insts span.more:after{content:"";position: absolute;display: block;top: 0;right: -30px;width: 15px;height: 20px;background: url(/images/str_btn.png) 50% 0% no-repeat;} .post-content .neob_instr .insts span.more:hover:after{background-position: 50% 70%; transition:0.5s;} .post-content .neob_instr .insts span.more.hd:after{background: url(/images/str_btnt.png) 50% 0% no-repeat;} body.single-post .content.post-page article .post-content .neob_instr .insts .more{position:absolute;display:block;padding:0;margin:0;bottom:10px;right:50px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.single-post .content.post-page article .post-content .neob_instr .insts .more.hd:hover:after{margin-top:-4px; transition:0.5s;} body.single-post .content.post-page article .post-content .post_opis{position:relative;display:block;padding:0 20px 20px 20px;font-size:16px;color:#000;line-height:20px;z-index:1; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.single-post .content.post-page article .post-content .post_opis:before{content:"";z-index:-1;opacity:1;position:absolute;display:block;width:100%;height:100%;top:0;left:0;/* background:#3f8fc5; */} body.single-post .content.post-page article .post-content .post_opis:after{content:"";z-index:2;opacity:1;position: absolute;display: block;width: 42%;height: 15px;bottom:-15px;left: 28%;/* background:#3f8fc5; */} body.single-post .content.post-page article .post-content .post_opis+img{display:block;width: 100%;} /*содержание*/ body.single-post .content.post-page article .post-content .anhors{position:relative;display:block;} body.single-post .content.post-page article .post-content .anhors .title{position:relative;display:block;padding:0 50px 0 70px; height:50px;line-height:50px;font-size:20px;color:#000;text-transform:uppercase; letter-spacing: -0.5px; font-family: 'ArialNer'; font-weight: bold; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.single-post .content.post-page article .post-content .anhors .title:before{content:"";position:absolute;display:block;top:0;left:0;width:70px;height:50px;background:url(/images/soder_ico.png) 50% 50% no-repeat;} body.single-post .content.post-page article .post-content .anhors .text{/*background:#eaeaea;*/background: #FFFFFF;} body.single-post .content.post-page article .post-content .anhors .text a{position:relative; display: block;padding:15px 50px 15px 70px;width:100%;/*font-size:12px;*/line-height:17px;font-size: 14px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} body.single-post .content.post-page article .post-content .anhors .text a:hover{/*background:#cbcac5!important;*/background: #E2E2E2!important;} body.single-post .content.post-page article .post-content .anhors .text a:nth-child(even){background:#f4f4f4;} body.single-post .content.post-page article .post-content .anhors .text a:nth-child(even):hover{color:#ea424e;} .anhors .text a:after{content:"";position:absolute;display:block;top:25%;left:50px;height:50%;width:7px;} .anhors .text a:nth-child(even):after{background:#f86973;} .anhors .text a:nth-child(odd):after{background:#51a1d6;} .anhors .text a:nth-child(even):hover:after{background:#ea424e;} .anhors .text a:nth-child(odd):hover:after{background:#3f8fc5;} .anhors .text a:before{content:"1";position:absolute;display:block;top:0;left:0;background:#51a1d6;color:#fff;height:100%;line-height:47px;width:50px;text-align:center;font-size:24px; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} .anhors .text a:hover:before{background:#3f8fc5;} .anhors .text a+a:before{content:"2";background:#f86973;} .anhors .text a+a:hover:before{background:#ea424e;} .anhors .text a+a+a:before{content:"3";background:#51a1d6;} .anhors .text a+a+a:hover:before{background:#3f8fc5;} .anhors .text a+a+a+a:before{content:"4";background:#f86973;} .anhors .text a+a+a+a:hover:before{background:#ea424e;} .anhors .text a+a+a+a+a:before{content:"5";background:#51a1d6;} .anhors .text a+a+a+a+a:hover:before{background:#3f8fc5;} .anhors .text a+a+a+a+a+a:before{content:"6";background:#f86973;} .anhors .text a+a+a+a+a+a:hover:before{background:#ea424e;} .anhors .text a+a+a+a+a+a+a:before{content:"7";background:#51a1d6;} .anhors .text a+a+a+a+a+a+a:hover:before{background:#3f8fc5;} .anhors .text a+a+a+a+a+a+a+a:before{content:"8";background:#f86973;} .anhors .text a+a+a+a+a+a+a+a:hover:before{background:#ea424e;} .anhors .text a+a+a+a+a+a+a+a+a:before{content:"9";background:#51a1d6;} .anhors .text a+a+a+a+a+a+a+a+a:hover:before{background:#3f8fc5;} .anhors .text a+a+a+a+a+a+a+a+a+a:before{content:"10";background:#f86973;} .anhors .text a+a+a+a+a+a+a+a+a+a:hover:before{background:#ea424e;} /*якоря по странице*/ body.single-post #wrapper>.container .textwidget{padding:0!important;} body.single-post .content.post-page article>.textwidget>*:first-child{margin-top:25px;} body.single-post .content.post-page article>.textwidget>*:last-child{margin-bottom:25px;} body.single-post .content.post-page article .post-content .entry{position:relative;display:block;width:100%; padding: 20px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} p:empty { display: none; } body.single-post .content.post-page article .post-content .entry h2{position:relative;display:block;width:100%; /*padding: 12px 0 25px 42px; margin-bottom:35px;*/ padding: 12px 15px 15px 60px; margin-bottom:0px; margin-left:0px; min-height: 64px; font-size:26px; line-height:22px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .entry h2:before{ background: none repeat scroll 0 0 #3F8FC5; color: #FFFFFF; content: "1"; display: block; font-size: 32px; height: 43px; left: -20px; line-height: 48px; position: absolute; text-align: center; top: 0; width: 59px; } .entry h2:after { background: none repeat scroll 0 0 #3F8FC5; bottom: 5px; content: ""; display: block; height: 11px; left: -9px; position: absolute; top: 42px; width: 38px; } .entry h2~h2:before{content:"2";background:#ea424e;} .entry h2~h2:after{background:#ea424e;} .entry h2~h2~h2:before{content:"3";background:#3f8fc5;} .entry h2~h2~h2:after{background:#3f8fc5;} .entry h2~h2~h2~h2:before{content:"4";background:#ea424e;} .entry h2~h2~h2~h2:after{background:#ea424e;} .entry h2~h2~h2~h2~h2:before{content:"5";background:#3f8fc5;} .entry h2~h2~h2~h2~h2:after{background:#3f8fc5;} .entry h2~h2~h2~h2~h2~h2:before{content:"6";background:#ea424e;} .entry h2~h2~h2~h2~h2~h2:after{background:#ea424e;} .entry h2~h2~h2~h2~h2~h2~h2:before{content:"7";background:#3f8fc5;} .entry h2~h2~h2~h2~h2~h2~h2:after{background:#3f8fc5;} .entry h2~h2~h2~h2~h2~h2~h2~h2:before{content:"8";background:#ea424e;} .entry h2~h2~h2~h2~h2~h2~h2~h2:after{background:#ea424e;} .entry h2~h2~h2~h2~h2~h2~h2~h2~h2:before{content:"9";background:#3f8fc5;} .entry h2~h2~h2~h2~h2~h2~h2~h2~h2:after{background:#3f8fc5;} .entry h2~h2~h2~h2~h2~h2~h2~h2~h2~h2:before{content:"10";background:#ea424e;} .entry h2~h2~h2~h2~h2~h2~h2~h2~h2~h2:after{background:#ea424e;} /*blockquote*/ article .post-content .entry p{margin-bottom:20px;} article .post-content .entry>div:not(.youtube_gallery_divider){margin-bottom:20px;} .sidebar .widget .jcl_widget li > a.jcl_active {font-weight:bold;} a[rel='lightbox'], .youtube_gallery_item a, .popularitypostswidget li>a{position: relative;display: block;overflow: hidden;} a[rel='lightbox']:after, .youtube_gallery_item a:after, .popularitypostswidget li > a:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:url(/images/fade.png) 0 0 repeat;opacity:0; -webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;transition: opacity 0.2s ease;} a[rel='lightbox']:hover:after, .youtube_gallery_item a:hover:after, .popularitypostswidget a:hover:after{opacity:1;} .spana { cursor: pointer; } .gallery-item { width: 24% !important; margin-right: 1% !important; } .gallery-item img { border: none !important; } body.single-post .content.post-page article .post-content .entry blockquote{position:relative;display:block;width:540px;padding:30px 65px;margin-left:-20px;background:#a9d2ee;color:#3e3e3d;font-size:14px;line-height:17px;} body.single-post .content.post-page article .post-content .entry blockquote:before {content: "";position: absolute;display:block;left:20px;top:12px;width:29px;height:16px;background:url(/images/bl_left.png) 0 0 no-repeat;} body.single-post .content.post-page article .post-content .entry blockquote:after {content: "";position: absolute;display:block;right:20px;bottom:12px;width:29px;height:16px;background:url(/images/bl_right.png) 0 0 no-repeat;} body.home .main .content article .entry p:last-of-type{margin:0;} body.single-post .content.post-page article .post-content .entry ul>li{list-style:none;position:relative;display:block;width:100%;/*padding-left:40px;*/margin-bottom:20px;line-height:20px;padding-left: 25px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.single-post .content.post-page article .post-content .entry ul li ul { margin-top: 15px; } body.single-post .content.post-page article .post-content .entry ul>li:before{content:"";position:absolute;display:block;width:12px;height:12px;top:5px;left:0;background:#3f8fc5;} body.single-post .content.post-page article .post-content .entry ul>li:nth-child(odd):before{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} body.single-post .content.post-page article .post-content .entry ol>li{ list-style:none; /*position:relative;*/ display:block; /* width:100%;*/ padding-left:40px;margin-bottom:20px;line-height:20px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .post-content .entry ol>li:before{content:"1";position:absolute;display:block;width:25px;height:30px;top:-5px;left:0;background:#3f8fc5;line-height:30px;text-align:center;color:#fff;font-size:16px;} .post-content .entry ol>li:after{content:"";position:absolute;display:block;width:4px;height:16px;top:2px;left:25px;background:#3f8fc5;} .post-content .entry ol>li+li:before{content:"2";}.post-content .entry ol>li+li+li:before{content:"3";}.post-content .entry ol>li+li+li+li:before{content:"4";}.post-content .entry ol>li+li+li+li+li:before{content:"5";} .post-content .entry ol>li+li+li+li+li+li:before{content:"6";}.post-content .entry ol>li+li+li+li+li+li+li:before{content:"7";}.post-content .entry ol>li+li+li+li+li+li+li+li:before{content:"8";} .post-content .entry ol>li+li+li+li+li+li+li+li+li:before{content:"9";}.post-content .entry ol>li+li+li+li+li+li+li+li+li+li:before{content:"10";}.post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li:before{content:"11";} .post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li:before{content:"12";}.post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"13";}.post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"14";} .post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"15";}.post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"16";} .post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"17";}.post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"18";} .post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"19";}.post-content .entry ol>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before{content:"20";} article .post-inner .post-sharrre{position:relative;display:block;width:100%;margin:0;} article .post-inner .post-sharrre .title{position:relative;display:block;width:170px;float:left;height:32px;line-height:32px;background:#ea424e;color:#fff;text-align:center;text-transform:uppercase;} article .post-inner .post-sharrre .pluso{position:relative;display:block;width:450px;float:left;height:32px;} article .post-inner .post-sharrre .pluso .pluso-more{display:none;} article .post-inner .post-sharrre .pluso .pluso-wrap a{margin:-5px 0 0 20px;width:47px;height:37px;} article .post-inner .post-sharrre .pluso .pluso-facebook{background:url(/images/ico_fb.png) 50% 0 no-repeat;} article .post-inner .post-sharrre .pluso .pluso-twitter{background:url(/images/ico_tw.png) 50% 0 no-repeat;} article .post-inner .post-sharrre .pluso .pluso-vkontakte{background:url(/images/ico_vk.png) 50% 0 no-repeat;} article .post-inner .post-sharrre .pluso .pluso-odnoklassniki{background:url(/images/ico_od.png) 50% 0 no-repeat;} article .post-inner .post-sharrre .pluso .pluso-google{background:url(/images/ico_gp.png) 50% 0 no-repeat;} #commentform .recaptcha_input_area{height: 34px!important;} #commentform #recaptcha_widget_div{width: 312px; overflow: hidden; border-radius: 5px; margin:20px 0 10px 0;} #commentform #recaptcha_area{margin:-3px; } article .post-inner .entry .shag{position:relative;display:block;margin:20px 0;padding:0 0 0 40px;font-size:16px;color:#3f8fc5; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} /*article .post-inner .entry .shag i{position:absolute;display:block;top:-5px;left:-40px;width:66px;height:31px;text-align:center;line-height:31px; font-size:14px;color:#fff;font-weight:bold;background:url(/images/lego_shag.png) 50% 50% no-repeat;background-size: 100%; padding: 0px 2px;}*/ article .post-inner .entry .shag i{ position: absolute; display: block; top: -5px; left: -20px; height: 31px; text-align: center; line-height: 31px; font-size: 14px; color: #fff; font-weight: bold; padding: 0px 5px; background: none repeat scroll 0 0 #3f8fc5; } article .post-inner .entry .shag i:before{ background:url(/images/lego_shag_top.png) 50% 50% no-repeat; background-size: contain; height: 5px; width: 100%; content: ""; position: absolute; top: -4px; margin-left: -5px; } .content .breadcrumb{position:relative;display:block;width:100%;margin:0;background:#cbcac5;color:#3e3e3d;margin:20px 0;line-height:25px;padding:10px 40px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .content .breadcrumb span{line-height:20px;} .content .alike{position:relative;display:block;background:#fff;margin-bottom:20px;} .content .alike .title{position:relative;display:block;width:100%;height:80px;padding:20px;padding-left:115px;font-size:24px;color:#fff;background:#3f8fc5;line-height:35px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .content .alike .title:before{content:"";position:absolute;display:block;width:115px;height:80px;top:0;left:0;background:url(/images/pohoz_ico.png) 50% 50% no-repeat;} .content .alike ul.stats{position:relative;display:block;width:100%;} .content .alike ul.stats li{position:relative;display:block;width:50%;float:left; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .content .alike ul.stats li .img{position: relative;display: block;width: 100%;height: 210px;overflow: hidden;} .content .alike ul.stats li .img:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:url(/images/fade.png) 0 0 repeat;opacity:0; -webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;transition: opacity 0.2s ease;} .content .alike ul.stats li:hover .img:after{opacity:1;} .content .alike ul.stats li .img img{position: absolute;height: 100%;width: auto;margin: auto;top: 0;left: -300px;right: -300px;bottom: 0;max-width:none;} .content .alike ul.stats li:hover .tit{background: #b11f29;} .content .alike ul.stats li .tit{position:relative;display:block;width: 100%;height: auto;background: #ea424e;padding: 20px 25px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} .content .alike ul.stats li .tit{position:absolute; top:0; width:100%; bottom:auto; z-index:2;} .content .alike ul.stats li .img + .tit{position:absolute; bottom:0; width:100%; top:auto; z-index:2;} .content .alike ul.stats li .tit .tt{position: relative;height: auto;overflow: hidden;margin-bottom:0px;font-size: 14px;line-height: 17px;font-weight: normal;color: #fff;} .content .alike ul.stats li .tit .dt{position: relative;font-size: 13px;line-height: 13px;border-top: 1px solid #98bfd7;padding: 20px 0 0 0;margin: 0;font-style: italic;font-weight: normal;color: #fff;} .content .alike ul.stats li:hover .tit:before{background: #b11f29;} .content .alike ul.stats li .tit:before {content: "";position: absolute;width: 50%;height: 20px;left: 25%;background: #ea424e;z-index: 2; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} .content .alike ul.stats li:first-child .tit:before{top:-20px;} .content .alike ul.stats li:last-child .tit:before{bottom:-20px;} body .sidebar .widget {background:#fff;margin-bottom:20px;padding:0;} .sidebar .widget .jcl_widget>li {position:relative;padding:0;border-bottom:none;} .sidebar .widget .jcl_widget>li>a {position:relative;display:block;color:#3e3e3d;text-transform:uppercase;font-size:14px;line-height:20px;height:auto;padding:15px 15px 15px 55px;border-bottom:none; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .sidebar .widget .jcl_widget li:hover>a {background:#cfd5d4;color:#3f8fc5;} .sidebar .widget .jcl_widget li>a{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-right:20px; font-family:'ArialNer'; line-height:20px;} .sidebar .widget .jcl_widget>li:after{content:"";position:absolute;width:100%;height:50px;top:0;left:0;z-index:0; -webkit-transition: background 0.2s ease-in-out;-moz-transition: background 0.2s ease-in-out;-o-transition: background 0.2s ease-in-out;transition: background 0.2s ease-in-out;} /* .sidebar .widget .jcl_widget>li.expanded:after{background:#cfd5d4!important;z-index:0;} */ .sidebar .widget .jcl_widget>li .jcl_link{position: absolute; top: 0; right: 0; width: 36px; color: #948878; font-weight: normal; font-size: 14px; background: none !important; padding-right:15px;} .sidebar .widget .jcl_widget>li:nth-child(odd){background:#f5f5f5;} .sidebar .widget .jcl_widget>li:last-child {border:none;} .sidebar .widget .jcl_widget>li li>a:before{content:"";position:absolute;display:block;z-index:2;} .sidebar .widget .jcl_widget>li>ul>li>a{padding-left:50px; font-size:13px; text-transform:uppercase; line-height:20px; padding:15px 20px 15px 55px;} .sidebar .widget .jcl_widget>li>ul>li>ul>li>a{padding-left:60px; height: 50px;} .sidebar .widget .jcl_widget>li>ul>li>ul>li>ul>li>a{padding-left:70px; height: 50px;} .sidebar .widget .jcl_widget>li>ul>li img{padding-left:20px !important;} .sidebar .widget .jcl_widget>li>ul>li>ul>li img{padding-left:30px !important;} .sidebar .widget .jcl_widget>li>ul>li>ul>li>ul>li img{padding-left:40px !important;} /*.sidebar .widget .jcl_widget>li>ul>li>a:before{background:url(/images/li_li.png) 50% 50% no-repeat;width:20px;height:21px;left:25px;top:7px;} .sidebar .widget .jcl_widget>li>ul>li>ul>li>a:before{background:#3f8fc5;width:12px;height:12px;top:12px;left:38px;} .sidebar .widget .jcl_widget>li>ul>li>ul>li>ul>li>a:before{background:#3f8fc5;width:12px;height:12px;top:12px;left:45px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}*/ .sidebar .widget>h2{position:relative;display:block;width:100%;padding:10px 10px 10px 60px;height:50px;line-height:30px;background:#ea424e;margin-bottom:0; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-size:14px;color:#fff;text-transform:uppercase;} .sidebar .widget>h2:after{content:"";position:absolute;top:0;left:0;display:block;width:60px;height:50px;background:url(/images/ico_razdli.png) 50% 50% no-repeat;} .jcl_widget ul>li{text-transform:none;} .jcl_widget>li a{position:relative;display:block;width:100%;padding:0;z-index:1;font-size:14px;line-height:20px;padding-top:8px;padding-bottom:8px;} .jcl_widget>li>a{height:35px;line-height:20px;} .jcl_widget>li:before{content:"";position:absolute;margin:0;top:0;left:0;width:60px;height:50px;z-index:3;} .jcl_widget>li:before{background:url(/images/ico_r1.png) 50% 50% no-repeat;} .jcl_widget>li+li:before{background:url(/images/ico_r2.png) 50% 50% no-repeat;} .jcl_widget>li+li+li:before{background:url(/images/ico_r3.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li:before{background:url(/images/ico_r4.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li:before{background:url(/images/ico_r5.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li+li:before{background:url(/images/ico_r6.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li+li+li:before{background:url(/images/ico_r7.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li+li+li+li:before{background:url(/images/ico_r8.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li+li+li+li+li:before{background:url(/images/ico_r9.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li+li+li+li+li+li:before{background:url(/images/ico_r10.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li+li+li+li+li+li+li:before{background:url(/images/ico_r11.png) 50% 50% no-repeat;} .jcl_widget>li+li+li+li+li+li+li+li+li+li+li+li:before{background:url(/images/ico_r12.png) 50% 50% no-repeat;} .jcl_widget>li>ul{position:relative;display:block;width:100%;margin:0;} .jcl_widget>li li{position:relative;display:block;width:100%;margin:0;line-height:30px;} .jcl_widget>li>ul ul{position:relative;} .jcl_widget>li>ul ul:before,.jcl_widget>li>ul ul:after{content:"";position:absolute;display:block; -webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;} .jcl_widget>li>ul ul:after{top:0;left:22px;width:1px;height:100%;/*background:#dedcd8;*/} .jcl_widget>li>ul ul:before{top:-6px;left:3px;width:20px;height:24px;/*background:url(/images/ul_bef.png) 0 0 no-repeat;*/} .jcl_widget li.expanded ul:after{opacity:0;} .jcl_widget li.expanded ul:before{opacity:0;} .last_video{position:relative;display:block;width:100%;overflow:hidden;margin-bottom:20px;} .last_video .wrap{position:relative;display:block;min-width:270px;background:#fff;height: 263px;overflow:hidden; -webkit-transition: margin 0.4s ease-in-out;-moz-transition: margin 0.4s ease-in-out;-o-transition: margin 0.4s ease-in-out;transition: margin 0.4s ease-in-out;} .last_video .left,.last_video .right{position:absolute;display:block;top:170px;width:40px;height:93px;margin:0;padding:0;z-index:9; -webkit-transition: background 0.15s ease-in-out;-moz-transition: background 0.15s ease-in-out;-o-transition: background 0.15s ease-in-out;transition: background 0.15s ease-in-out;} .last_video .left{left:0;background:#3f8fc5 url(/images/str_l.png) 50% 50% no-repeat;} .last_video .left:hover{background:#377ead url(/images/str_la.png) 50% 50% no-repeat;cursor:pointer;} .last_video .right{right:0;background:#3f8fc5 url(/images/str_r.png) 50% 50% no-repeat;} .last_video .right:hover{background:#377ead url(/images/str_ra.png) 50% 50% no-repeat;cursor:pointer;} .last_video .wrap .lst{position:relative;display:block;width:270px;float:left;height: 349px; overflow: hidden;} .last_video .wrap .lst .img{position:relative;display:block;width:270px;height:170px;overflow:hidden;} .last_video .wrap .lst .img img{position:absolute;margin:auto;top:-100px;bottom:-100px;left:-50px;right:-50px;height: 200px; width: auto !important;max-width:1000%;} .last_video .wrap .lst .img:after{position:absolute;display:block;content:"";width:76px;height:76px;top:50%;left:50%;margin-top:-38px;margin-left:-38px;background:url(/images/vid_icon.png) 0 0 no-repeat;} .last_video .wrap .lst .opis{position:relative;display:block;width:270px;padding: 8px 50px;/*background: #dedbd7;*/ -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .last_video .wrap .lst .opis .tit{color:#3f8fc5;font-size:15px;font-weight:normal;line-height:16px;margin-bottom:10px;} .last_video .wrap .lst .opis .txt{color:#3e3e3d;font-size:12px;line-height:17px;height:68px;overflow:hidden; display:none;} .svezee{position:relative;display:block;width:100%;margin-bottom:20px;} .svezee .title{padding-left:0 !important;height:50px !important; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .sidebar.min .svezee.master .title .left{line-height:30px; padding-top:10px; padding-bottom:8px;} .sidebar.min .svezee .title div{width:50%;} .svezee .title div{position:relative;display:block;width:50%;float:left;font-size:12px;padding:10px 10px 10px 45px;cursor:pointer; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; letter-spacing:-1px;} .svezee .title div{z-index:2;line-height:30px;} .sidebar.min .svezee .title .mask{width:50%;} .svezee .title .mask{position:absolute;display:block;width:50%;height:50px;background:#ea424e;top:0;left:0;z-index:1; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .svezee .title.title-big div{width:50%;} .svezee .title.title-big .mask{width:50%;} .svezee .title .left:after{content:"";position:absolute;display:block;top:0;left:0;width:55px;height:45px;background:url(/images/ico_zvezda.png) 50% 50% no-repeat;} .svezee.rubric .title .left:after{background:url(/images/ico_razdli.png) 50% 50% no-repeat;} .svezee.sveg .title .center{line-height:15px;} .svezee .title .center:after{content:"";position:absolute;display:block;top:0;left:0;width:55px;height:50px;background:url(/images/ico_video.png) 50% 50% no-repeat;} .svezee .title .right{line-height:30px;width:50%;} .sidebar.min .svezee .title .right{width:50%;} .svezee .title .right:after{content:"";position:absolute;display:block;top:0;left:0;width:55px;height:50px;background:url(/images/ico_new.png) 50% 50% no-repeat;} .svezee .wrap{position:relative;display:block;width:100%;overflow:hidden;} .sidebar.min .svezee .wrap .lsts{width:600px;} .svezee .wrap .lsts{position:relative;display:block;width:1200px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .sidebar.min .svezee .wrap .lsts > ul{width:270px;} .svezee .wrap .lsts > ul{position:relative;display:block;width:270px;float:left;padding:0;background:#fff; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .svezee.master .wrap .lsts > ul{padding-bottom:40px;} .svezee .wrap .lsts > ul.tchk{padding-bottom:40px;} .svezee .wrap .lsts > ul .all-stat{position:absolute;bottom:0;right:0;display:inline-block;width:100%;padding:15px 40px 15px 15px;background:#51a1d6 url(/images/str_r.png) 98% 50% no-repeat; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-size:10px;line-height:10px;text-transform:uppercase;color:#fff;text-align:right; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} .svezee .wrap .lsts > ul .all-stat:hover{background:#377ead url(/images/str_r.png) 97% 50% no-repeat;} .svezee .wrap .lsts > ul .all-stat:active{background:#377ead url(/images/str_r.png) 99% 50% no-repeat;} .svezee .wrap .lsts > ul li{position:relative;display:table;padding:7px 20px 7px 60px;z-index:1; min-height:56px; width:100%;} .svezee .wrap .lsts > ul li:hover{background:#dedbd7!important;} .svezee .wrap .lsts > ul a:nth-child(odd) li{background:#f5f5f5;} .svezee .wrap .lsts > ul li.mast{position:relative;display:block;padding:7px 20px;border-top:none;} .svezee.sveg .wrap .lsts > ul li:after,.svezee .wrap .lsts > ul.tchk li:after{content:"";position:absolute;display:block;width:20px;height:20px;top:50%; margin-top:-10px;left:20px;background:url(/images/li_svez.png) 50% 50% no-repeat;} .svezee .wrap .lsts > ul a:first-child li{border:none;} .svezee .wrap .lsts > ul li .img{position:relative;width:70px;height:55px;display:inline-block;vertical-align:top;margin-right:10px;margin-top:4px;overflow:hidden;} .svezee .wrap .lsts > ul li .img img{margin:auto;position:absolute;height:120%;top:0;left:0;bottom:0;right:0;} .svezee .wrap .lsts > ul li .tt{font-size:12px;line-height:12px;width:200px;display:table-cell;vertical-align:middle;margin-right:-4px; margin:8px 0;} .sidebar.min .svezee .wrap .lsts > ul li .tt{width:150px; font-size:12px; line-height:12px;} .sidebar.min .svezee.master .wrap .lsts > ul li .tt{width:185px;margin-bottom:8px;} .svezee .wrap .lsts > ul li.mast .tt{width:225px;} .svezee .wrap .lsts > ul li .dt{font-size:10px;line-height:17px;width:50px;display:none;color:#999;vertical-align:top;margin-right:-4px;text-align:right;} .sidebar.min .svezee.master .wrap .lsts > ul li .dt{font-size:10px;line-height:17px;width:180px;position:absolute;display:block;bottom:5px;right:20px;vertical-align:top;margin-right:-4px;text-align:left;} .sidebar-content.rubrics{background:#fff;} .sidebar-content.rubrics .txt>.title{display:none!important;} .sidebar-content.rubrics .txt>ul{position:relative;display:block;width:100%;} .sidebar-content.rubrics .txt>ul li:first-child{border:none;} .sidebar-content.rubrics .txt>ul li:nth-child(odd){background:#f5f5f5;} .sidebar-content.rubrics .txt>ul li{position:relative;display:block;width:100%;padding:10px 20px;/*border-top:1px solid #dedcd8;*/font-size:12px;line-height:20px;text-transform:uppercase; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #imageDataContainer { border-bottom: 10px solid #fff; } /* #slider_home{position:relative;display:block;width:100%;padding:0 40px;background:#fff;height:385px;margin-bottom:40px;overflow:hidden; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #slider_home .title{position:absolute;display:block;width:100%;height:80px;top:0;left:0;} #slider_home .title .mask{position:absolute;display:block;width:20%;height:80px;top:0;left:0;z-index:1;background:#dedbd7;cursor:pointer; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #slider_home .title .tit{position:relative;display:block;width:20%;height:80px;float:left;line-height:80px;padding-left:65px;z-index:2; font-size:14px;text-transform:uppercase;cursor:pointer; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #slider_home .title .tit:after{content:"";position:absolute;display:block;width:65px;height:80px;top:0;left:0;background:url(/images/math_icon.png) 50% 50% no-repeat;} #slider_home .title .tit+.tit:after{background:url(/images/gazon_icon.png) 50% 50% no-repeat;} #slider_home .title .tit+.tit+.tit:after{background:url(/images/shtuk_icon.png) 50% 50% no-repeat;} #slider_home .title .tit+.tit+.tit+.tit:after{background:url(/images/planir_icon.png) 50% 50% no-repeat;} #slider_home .title .tit+.tit+.tit+.tit+.tit{padding-left:50px; } #slider_home .title .tit+.tit+.tit+.tit+.tit:after{background:url(/images/elekt_icon.png) 50% 50% no-repeat;} #slider_home .wrapper{position:relative;display:block;width:100%;height:305px;top:80px;overflow:hidden;} #slider_home .wrapper .slider{position:relative;display:block;width:100%;height:305px;background:#51a1d6;top:0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #slider_home .wrapper .slider.active{opacity:1;z-index:5} #slider_home .left.dis,#slider_home .right.dis{background-image:none !important; cursor:default;} #slider_home .left,#slider_home .right{position:absolute;display:block;width:40px;height:305px;top:80px;cursor:pointer;z-index:9; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} #slider_home .left{left:0;background:#51a1d6 url(/images/slide_str_l.png) 50% 50% no-repeat; } #slider_home .left:hover{background:#377ead url(/images/slide_str_l.png) 70% 50% no-repeat; } #slider_home .left:active{background:#377ead url(/images/slide_str_l.png) 30% 50% no-repeat; } #slider_home .right{right:0;background:#51a1d6 url(/images/slide_str_r.png) 50% 50% no-repeat;} #slider_home .right:hover{background:#377ead url(/images/slide_str_r.png) 30% 50% no-repeat; } #slider_home .right:active{background:#377ead url(/images/slide_str_r.png) 70% 50% no-repeat; } #slider_home .wrapper .slider .one-post{position:relative;display:block;float:left;width:270px;height:305px;background:#fff;overflow:hidden;} #slider_home .wrapper .slider .one-post .img{position: relative;display: block;width: 270px;height: 152px;overflow: hidden;} #slider_home .wrapper .slider .one-post .img:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:url(/images/fade.png) 0 0 repeat;opacity:0; -webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;transition: opacity 0.2s ease;} #slider_home .wrapper .slider .one-post:hover .img:after{opacity:1;} #slider_home .wrapper .slider .one-post .img img{position: absolute;height: 120%;width: auto;max-width:none;margin: auto;top: 0;left: -300px;right: -300px;bottom: 0;} #slider_home .wrapper .slider .one-post:nth-child(odd) .post-opis:after {top: -17px;} #slider_home .wrapper .slider .one-post:nth-child(even) .post-opis:after {bottom: -17px;} #slider_home .wrapper .slider .one-post .post-opis:after {content: "";position: absolute;width: 130px;height: 17px;left: 70px;background: #f86973;z-index: 2; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #slider_home .wrapper .slider .one-post .post-opis{position: relative;display: block;width: 270px;height: 153px;background: #f86973;padding: 20px 15px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} #slider_home .wrapper .slider .one-post:hover .post-opis,#slider_home .wrapper .slider .one-post:hover .post-opis:after{background: #ea424e;} #slider_home .wrapper .slider .one-post .post-title{position: relative;height: 70px;overflow: hidden;margin-bottom: 10px;font-size: 12px;line-height: 17px;font-weight: normal;color: #fff;} #slider_home .wrapper .slider .one-post .post-meta{position: relative;font-size: 10px;line-height: 17px;border-top: 1px solid #98bfd7;padding: 20px 0 0 0;margin: 0;font-style: italic;font-weight: normal;color: #fff;} */ .svezee .wrap .lsts > ul li.mast{position:relative;display:block;padding:0px;border-top:none;min-height:41px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .svezee .wrap .lsts > ul li.mast:after{content:"";display:block; clear:both; background:none; height:0px; width:100%; position:relative; margin:0; padding:0;} .svezee .wrap .lsts > ul li.mast:before{content:"";position:absolute;display:block;width:60px;height:55px;top:50%;left:0;background:url(/images/li_svez.png) 50% 50% no-repeat; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .archive .svezee .wrap .lsts > ul li.mast:before,.single .svezee .wrap .lsts > ul li.mast:before{content:"";display:none;} .archive .svezee .wrap .lsts > ul li.mast,.single .svezee .wrap .lsts > ul li.mast{padding:0;} .sidebar.min .svezee.master .wrap .lsts > ul li .img{float:left;width: 90px;margin-top:0;} .sidebar.min .svezee.master .wrap .lsts > ul li.mast .tt{float:left;width: 160px;margin:0;} .svezee.sveg.master .wrap .lsts > ul{padding-bottom:0; } .svezee.sveg.master .wrap .lsts > ul li.mast .tt{font-size:12px; line-height:12px; max-height:40px; overflow:hidden; width:160px; margin:0; padding:8px 0; display:block;} .svezee.sveg.master .wrap .lsts > ul li.mast .img {width:90px; height:70px; margin-top:0; float:left;} .svezee.sveg.master .wrap .lsts > ul li.mast .img img{min-width:90px; min-height:70px; width: auto; height: auto; max-height:70px;} #wrapper .container .main .sidebar .soc_seti{position:relative;display:block;margin-bottom: 20px;height: 130px;} body.home .container .main .sidebar .alx-tabs-nav{border:none;margin-bottom:0;background:#fff;} body.home .container .main .sidebar .alx-tabs-container{border:none;margin-bottom:40px;background:#fff;padding:10px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.home .container .main .sidebar .alx-tab.group {} body.home .container .main .sidebar .alx-tab.group li{border:none;} body .container .main .sidebar .title, #wrapper .container .main .sidebar .soc_seti .title{position:relative;display:block;width:100%;background:#f86973;height:48px;line-height:48px; color:#fff;text-transform:uppercase;padding-left:50px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #wrapper .container .main .sidebar .soc_seti .title{background:#ea424e;} .soc_seti .title:before{content:"";position:absolute;display:block;top:0;left:0;width:50px;height:48px;background:url(/images/ico_glaz.png) 50% 50% no-repeat;z-index:2;} #wrapper .container .main .sidebar.min .soc_seti .text{padding:20px 15px;} #wrapper .container .main .sidebar .soc_seti .text{position:relative;display:block;background:#fff;padding:20px 15px;margin-bottom:40px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #wrapper .container .main .sidebar.min .soc_seti .text a{margin-left:1px;float:left;opacity:0.85;} #wrapper .container .main .sidebar .soc_seti .text a{margin-left:1px;float:left;opacity:0.85;} #wrapper .container .main .sidebar .soc_seti .text a:first-child{margin-left:0;} #wrapper .container .main .sidebar .soc_seti .text a:hover{opacity:1; margin-top: -5px;} #wrapper .container .main .content .page-title.pad{position:relative;display:block;margin:0;padding:0;background:transparent;} #wrapper .container .main .content .page-title.pad h1{position:relative;display:block;margin:0;padding: 0 50px 0 130px;background:#ea424e;height:112px;line-height:112px; font-size:24px;text-transform:uppercase;color:#fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #wrapper .container .main .content .page-title.pad h1:before{content:"";position:absolute;display:block;width:130px;height:112px;top:0;left:0;background:url(/images/rubrika-icon.png) 50% 50% no-repeat;} #wrapper .container .main .content .page-title.pad .cat_ul{position:relative;display:block;background:#fff;padding:25px 40px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #wrapper .container .main .content .page-title.pad .cat_ul>li{position:relative;display:inline-block;width:50%;padding:0 10px 0 30px;margin:0 -4px 15px 0;vertical-align:top;*display:inline;*zoom:1; background:url(/images/lego_li.png) 0 3px no-repeat;line-height:18px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #wrapper .container .main .content .page-title.pad .cat_ul a{font-size:12px;line-height:18px;color:#3e3e3d;} #wrapper .container .main .content .page-title.pad .cat_ul a:hover{color:#3f8fc5;} #wrapper .container .main .content .page-title.pad .k_mater{position:relative;display:inline-block;float:right;color:#3f8fc5;margin-right:18px;font-size:10px;line-height:10px;text-transform:uppercase;padding-bottom: 5px;background: url(/images/str_line.png) 0 100% repeat-x;cursor: pointer;} #wrapper .container .main .content .page-title.pad .k_mater:after {content: "";position: absolute;display: block;top: 0;right: -18px;width: 15px;height: 15px;background: url(/images/str_btn.png) 50% 0% no-repeat;} #wrapper .container .main .content .page-title.pad .category-description{position:relative;display:block;padding:0;margin:0;} #wrapper .container .main .content .page-title.pad .category-description>div{max-width:100%;} #wrapper .container .main .content .page-title.pad .category-description img{position:relative;display:block;width:100%;} #wrapper .container .main .content .page-title.pad .category-description p.wp-caption-text:after{content:"";position:absolute;display:block;width:42%;height:20px;bottom:-20px;left:29%;background:#3f8fc5;opacity:0.75;} #wrapper .container .main .content .page-title.pad .category-description p.wp-caption-text:before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:#3f8fc5;opacity:0.75;z-index:-1;} #wrapper .container .main .content .page-title.pad .category-description p.wp-caption-text{position:absolute;display:block;width:100%;padding:20px 40px;top:0;left:0;color:#fff;font-size:14px;line-height:20px;z-index:2; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #wrapper .container .main .content .page-title.pad .category-description .photo{position:relative;margin-bottom:-5px;} #wrapper .container .main .content .page-title.pad .category-description .photo img{max-width:100%} #wrapper .container .main .content .page-title.pad .category-description .photo:before{content:"";position:absolute;display:block;width:42%;height:20px;top:-1px;left:29%;background:#3f8fc5;} #wrapper .container .main .content .page-title.pad .category-description p:first-child{background:#3f8fc5;padding:25px 40px;margin:0;color:#fff;font-size:14px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} body.category article.post {position:relative;float:left;width:50%;} body.search article.post {position:relative;float:left;width:50%;} @media all and (max-width: 1200px) { #wrapper #header .nav-container .nav-wrap .nav > li > a{padding:13px 17px;} #wrapper #footer section {width:920px;min-width:920px} #wrapper #footer .pad .grid{padding-right:5%;} body.home #wrapper #page #slider_home{width:1020px;margin:0 auto 20px;} body.home #wrapper #page #slider_home .one-post,body.home #wrapper #page #slider_home .post-opis,body.home #wrapper #page #slider_home .img{width:220px;} /* body.home #wrapper #page section.content.cont-all .text ul li .nazv{width:341px;} */ body.home #wrapper #page #slider_home .post-opis:after{width:100px;left:60px} } @media all and (max-width: 1140px) { body.home #wrapper #page section.content:not(.cont-all),.col-2cl .content{width:670px;} body.single-post .content.post-page article .post-content .entry blockquote{width:540px;} article .post-inner .post-sharrre .pluso{width:510px;} body.category article.post{width:50%;} /* body.home #wrapper #page section.content.cont-all .text ul li .nazv{width:341px;} */ body.home #wrapper #page #slider_home{width:960px;margin:0 auto 20px;} body.home #wrapper #page #slider_home .one-post,body.home #wrapper #page #slider_home .post-opis,body.home #wrapper #page #slider_home .img{width:220px;} body.home #wrapper #page #slider_home .post-opis:after{width:100px;left:60px} body.home .main .content article .entry blockquote{width:540px;} } @media all and (max-width: 1100px) { body.home #wrapper #page section.content:not(.cont-all){width:950px;} .col-2cl .content{width:670px;} /* body.home #wrapper #page section.content.cont-all .text ul li .nazv{width:341px;} */ article .post-inner .post-sharrre .pluso{width:390px;} body.single-post .content.post-page article .post-content .entry blockquote{width:540px;} body.home .main .content article .entry blockquote{width:540px;} #slider_home .title .tit{font-size:12px;} /* #slider_home .title .tit:nth-child(5){font-size:12px;padding-left:40px!important;} */ /* #slider_home .title .tit:nth-child(5):after{width:40px;} */ } @media all and (max-width: 1020px) { .col-2cl .s1,.col-2cl .s2,.last_video .wrap .lst,.last_video .wrap .lst .img,.last_video .wrap .lst .opis,.svezee .wrap .lsts > ul{width:360px;} body.home #wrapper #page section.content.cont-all .text ul li .nazv{width:320px;} .col-2cl .content{width:620px;} body.single-post .content.post-page article .post-content .entry blockquote{width:470px;} .svezee .wrap .lsts > ul li .img{/* width:50px; */} .svezee.master .title>div{ font-size:12px!important; } .svezee .wrap .lsts > ul li .tt,.svezee .wrap .lsts > ul li.mast .tt{width:205px;} .last_video .title .left,.last_video .title .right{width:45px;} #wrapper .container .main .sidebar .soc_seti .text a{margin-left:10px;} #slider_home .title .tit{font-size:11px;height:60px;line-height:60px;} #slider_home .title .tit:after,#slider_home .title .mask{height:60px;} #slider_home .left,#slider_home .right,#slider_home .wrapper{top:60px;} } @media all and (max-width: 980px) { .col-2cl .s1,.col-2cl .s2,.last_video .wrap .lst,.last_video .wrap .lst .img,.last_video .wrap .lst .opis,.svezee .wrap .lsts > ul{width:360px;} body.home #wrapper #page section.content.cont-all .text ul li .nazv{width:320px;} .svezee .wrap .lsts > ul li .img{/* width:50px; */} .svezee.master .title>div{ font-size:12px!important; } .svezee .wrap .lsts > ul li .tt,.svezee .wrap .lsts > ul li.mast .tt{width:205px;} .last_video .title .left,.last_video .title .right{width:45px;} #wrapper .container .main .sidebar .soc_seti .text a{margin-left:10px;} #slider_home .title .tit{font-size:11px;height:60px;line-height:60px;} #slider_home .title .tit:after,#slider_home .title .mask{height:60px;} #slider_home .left,#slider_home .right,#slider_home .wrapper{top:60px;} } /* common : social links /* ------------------------------------ */ .social-links { float: right; text-align: center; position: relative; padding-top: 40px; font-weight: 400; } .social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; } .social-links li a { display: block!important; position: relative; text-align: center; } .social-links .social-tooltip { color: #222; font-size: 28px; display: inline; position: relative; z-index: 98; } .social-links .social-tooltip:hover { color: #444; text-decoration: none; } .social-links .social-tooltip:hover:after { top: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); } .social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #fff transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; } /* common : page title /* ------------------------------------ */ .page-title { background: #e5e5e5; font-size: 14px; margin-bottom: 50px; position: relative; } .page-title.pad { padding-top: 15px; padding-bottom: 15px; } body.search #wrapper .container .main .content .page-title.pad h1 i{display:none;} body.search #wrapper .container .main .content .page-title.pad h1:before {content: "\f002";position: absolute;display: block;width: 130px;height: 112px;top: 0;left: 0;background: none; line-height: 112px;text-align:center;font-family: FontAwesome;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:48px;} .page-title a, .page-title span { color: #fff; } .page-title a:hover { color: #222; } .page-title i { margin-right: 6px; } .page-title h1, .page-title h2, .page-title h4 { text-transform: uppercase; } .page-title .category-description { font-size: 16px; margin: 10px 0; } .page-title .themeform {/* margin: 10px 0;*/ } .page-title .themeform input[type="text"] { width: 100%; } .page-title-single { color: #222; font-size: 30px; font-weight: 600; letter-spacing: -0.5px; line-height: 1.4em; margin-bottom: 14px; } .page-title-single span { color: #999; font-weight: 300; } /* common : page image /* ------------------------------------ */ .page-image { overflow: hidden; position: relative; margin: 0 0 30px 0; } .page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; } .page-image-text .caption { color: #fff; font-size: 44px; line-height: 70px; text-transform: uppercase; font-weight: 600; text-shadow: 0 0 20px rgba(0,0,0,0.5); } .page-image-text .description { display: block; color: #fff; font-size: 14px; line-height: 36px; font-weight: 300; } .page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 6px 10px; -webkit-border-radius: 4px; border-radius: 4px; } /* common : pagination /* ------------------------------------ */ .pagination { margin: 0 auto; width:320px; overflow:hidden;} .pagination a { font-size: 18px; font-weight: 600; } /* common : thumb icon /* ------------------------------------ */ .thumb-icon { background: rgba(0,0,0,0.7); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 20px; left: 20px; -webkit-border-radius: 4px; border-radius: 4px; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4); box-shadow: 0 0 2px rgba(255,255,255,0.4); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .thumb-icon i { font-size: 18px; padding: 7px 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .thumb-icon .fa-play { margin: -1px 0 0 2px; } .thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 50%; left: 50%; margin: 0 0 -12px -12px; -webkit-border-radius: 3px; border-radius: 3px; } .thumb-icon.small .fa { font-size: 12px; line-height: 16px; padding: 5px 0; } /* common : hexagon /* ------------------------------------ */ .hex { width: 150px; height: 86px; background-color: #ccc; color: #fff; z-index: 2; background-repeat: no-repeat; background-position: 50% 50%; position: relative; float: left; text-align: center; zoom: 1; -webkit-background-size: auto 173px; -moz-background-size: auto 173px; -ms-background-size: auto 173px; -o-background-size: auto 173px; } .hex .hex-inner { position: relative; z-index: 4; } .hex a { z-index: 4; display: block; width: 100%; height: 100%; text-indent: -9999em; position: absolute; top: 0; left: 0; } .hex .corner-1, .hex .corner-2 { background: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .hex .corner-1 { z-index: -1; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } .hex .corner-2 { -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .hex .corner-1:before, .hex .corner-2:before { width: 173px; height: 173px; background: inherit; background-repeat: no-repeat; content: ''; position: absolute; top: 0; left: 0; z-index: 3; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .hex .corner-1:before { -webkit-transform: rotate(-60deg) translate(-87px, 0px); -moz-transform: rotate(-60deg) translate(-87px, 0px); -ms-transform: rotate(-60deg) translate(-87px, 0px); -o-transform: rotate(-60deg) translate(-87px, 0px); transform: rotate(-60deg) translate(-87px, 0px); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .hex .corner-2:before { bottom: 0; -webkit-transform: rotate(60deg) translate(-48px, -11px); -moz-transform: rotate(60deg) translate(-48px, -11px); -ms-transform: rotate(60deg) translate(-48px, -11px); -o-transform: rotate(60deg) translate(-48px, -11px); transform: rotate(60deg) translate(-48px, -11px); } .hex.hex-small { font-size: 14px; width: 38px; height: 22px; line-height: 21px; } .hex.hex-small .corner-1:before, .hex.hex-small .corner-2:before { width: 43px; height: 43px; } .hex.hex-medium { font-size: 24px; width: 60px; height: 34px; line-height: 33px; } .hex.hex-medium .corner-1:before, .hex.hex-medium .corner-2:before { width: 69px; height: 69px; } /* common : nav /* ------------------------------------ */ .nav-container { background: #888; font-weight: 400; z-index: 99; position: relative; } .nav-toggle { display: none; background: #777; cursor: pointer; float: right; height: 50px; width: 60px; color: #fff; text-align: center; } .nav-toggle i { font-size: 29px; padding: 10px 0; } .nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; } .nav li > a:after, .nav > li > a:after { font-family: FontAwesome; display: inline-block; } .nav-wrap { margin-top: -12px; } .nav-wrap { height: auto!important; } /* common */ .nav { font-size: 0; position: relative; } .nav li a { color: #fff; display: block; line-height: 18px; } /* dropdown arrows */ .nav li > a:after { content: "\f0da"; float: right; opacity: 1; } .nav > li > a:after {content: "\f0d7"; float:none; position:absolute; display:block; right:12px; top:12px; height:70px; line-height:70px; font-size: 14px; } .nav li > a:only-child:after {content: ""; margin: 0; } #footer .nav li > a:after { content: "\f0da"; } #footer .nav > li > a:after { content: "\f0d8"; } #footer .nav li > a:only-child:after { content: ""; } /* level 1 */ .nav > li { font-size: 14px; line-height:18px; text-transform: uppercase; border-right: 1px solid #999; display: inline-block; position: relative; } .nav > li > a { padding: 17px 28px; } .nav > li > a:hover, .nav li > a:hover, .nav li:hover > a, .nav li.current_page_item > a, .nav li.current-menu-item > a, .nav li.current-menu-ancestor > a, .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ .nav li:hover > ul { display: block; } .nav ul { display: none; background: #777; position: absolute; left: 0; top: 82px; width: 180px; padding: 0; z-index: 2; -webkit-transform: translateZ(0); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15); } .nav ul li { font-size: 13px; position: relative; display: block; padding: 0; } .nav ul li a { padding: 10px 20px; } .nav ul li:last-child { border-bottom: 0!important; } /* level 3 */ .nav ul ul { position: absolute; top: 0px; left: 180px; } /* ------------------------------------------------------------------------- * * Section: Header /* ------------------------------------------------------------------------- */ #header .pad { padding-top: 28px; padding-bottom: 30px; } .site-title { font-size: 42px; font-weight: 900; letter-spacing: -0.5px; float: left; line-height: 80px; padding: 10px 0; } .site-title a { display: block; color: #222; max-width: 100%; } .site-title a img { display: block; max-width: 100%; max-height: 80px; height: auto; padding: 0; margin: 0 auto; } .site-description { font-size: 18px; font-style: italic; color: #222; color: rgba(0,0,0,0.4); float: left; margin-left: 20px; line-height: 80px; padding: 10px 0; } .site-image { display: block; margin: 0 auto; max-height: 400px; } .light-header-text .site-title a { color: #fff; } .light-header-text .site-description { color: #fff; color: rgba(255,255,255,0.6); } .light-header-text #header .social-links .social-tooltip { color: #fff; } .light-header-text #header .social-links .social-tooltip:hover { color: rgba(255,255,255,0.8); } /* header : search /* ------------------------------------ */ .toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 13px 20px; display: block; position: absolute; right: 0; top: -50px; -webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1); box-shadow: -1px 0 0 rgba(255,255,255,0.1); } .toggle-search:hover, .toggle-search.active { background: rgba(0,0,0,0.15); color: #fff; } .search-expand { display: none; background: #222; position: absolute; top: 0; right: 0; width: 340px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.1); } .search-expand-inner { background: rgba(0,0,0,0.15); padding: 15px; } .search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; } .search-expand .themeform input:focus { } /* HEADER : NAV TOPBAR /* ------------------------------------ */ #nav-topbar.nav-container { background:#edeae6 url(/images/menu_fon_obr.png) repeat-x 50.6% -6px;position:relative;display:block;width:100%;padding-top:12px;} #nav-topbar.nav-container .nav-wrap ul.nav{ display:inline-block; } #nav-topbar.nav-container .nav-wrap ul.nav>li{ padding-top:6px;/* background: url(/images/menu_fon.jpg) repeat-x 0 0 ;*/ } #nav-topbar.nav-container .nav-wrap ul.nav>li:hover{background:#edeae6;/* background: rgba(0,0,0,0.05); *//* background: url(/images/menu_fon_hov.jpg) repeat-x 0 0; */ } #nav-topbar.nav-container .nav-wrap ul.nav>li:hover a{color:#51a1d6 ;} #nav-topbar.nav-container .nav-wrap form.searchform{ display:inline-block; float:right; vertical-align:top; margin-top:17px;} #nav-topbar.nav-container .nav-wrap form.searchform input.search{ color:#fff; width:180px; padding:4px 25px 4px 10px;border:none; line-height: 15px;height:24px; background:#93c4e5 url(/images/srch_ico.png) 160px 50% no-repeat;} #nav-topbar.nav-container .nav-wrap ul.nav>li>a{ max-width:120px; padding:13px 17px;} #nav-topbar .nav-toggle { background: transparent; color: #fff; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); } #nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); } #header{position:relative;display:block;background:#edeae6;} #header .logo{position:relative;display:block;margin-bottom:0px;} #header .blck{position:relative;display:block;min-width:960px;max-width:1160px;margin:0 auto;height:20px;margin-top: -20px; margin-bottom: -15px;z-index: 10; display:none;} #header .logo .razv,#header .logo .sver{position:absolute;display:inline-block;bottom:0;right:20px;padding-bottom:5px;background:url(/images/str_line.png) 0 100% repeat-x;cursor:pointer; font-family:Arial;font-weight:bold;font-size:11px;color:#3f8fc5;line-height:11px;text-transform:uppercase;} #header .logo .razv:after{content:""; position:absolute;display:block;top:0;right:-18px;width:15px;height:15px;background:url(/images/str_btn.png) 50% 0% no-repeat;} #header .logo .sver:after{content:""; position:absolute;display:block;top:0;right:-18px;width:15px;height:15px;background:url(/images/str_btnt.png) 50% 0% no-repeat;} #header .logo .vozvrat{position:absolute;display:inline-block;bottom:0;left:20px;padding-bottom:5px;cursor:pointer;border-bottom:1px solid #3f8fc5; font-family:Arial;font-weight:bold;font-size:11px;color:#3f8fc5;line-height:11px;text-transform:uppercase;} #header .logo .vozvrat:hover{border-bottom:1px solid #fff;} #header .logo .vozvrat:hover:after{top:-5px;} #header .logo .vozvrat:after{content:""; position:absolute;display:block;top:0;left:-18px;width:15px;height:15px;background:url(/images/str_btnt.png) 50% 0% no-repeat;} #header .l-min{position:relative;display:block;text-align:center;} #header .l-big{position:relative;display:block;height:0px;opacity:0;overflow:hidden; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} #header .l-big.active{position:relative;display:block;height:175px;opacity:1;overflow:hidden;} .full-width.admin-bar #nav-topbar.nav-container { margin-top: 0px; } #header .l-big .bl{position:relative;display:block;width:960px;margin:0 auto;height:175px;} #header .l-big img{position:absolute;display:block;max-width:none;} #header .l-big #par1,#header .l-big.dis #par1{top: -500px;left: -3px;width:338px;height:138px;opacity:0;z-index:7; -webkit-transition: all 0.4s ease-in-out 0.4s;-moz-transition: all 0.4s ease-in-out 0.4s;-o-transition: all 0.4s ease-in-out 0.4s;transition: all 0.4s ease-in-out 0.4s;} #header .l-big #par2,#header .l-big.dis #par2{top: -500px;left: 612px;width:230px;height:166px;opacity:0;z-index:7; -webkit-transition: all 0.4s ease-in-out 0.6s;-moz-transition: all 0.4s ease-in-out 0.6s;-o-transition: all 0.4s ease-in-out 0.6s;transition: all 0.4s ease-in-out 0.6s;} #header .l-big #par3,#header .l-big.dis #par3{top: -500px;left: -163px;width:252px;height:152px;opacity:0;z-index:4; -webkit-transition: all 0.4s ease-in-out 0.8s;-moz-transition: all 0.4s ease-in-out 0.8s;-o-transition: all 0.4s ease-in-out 0.8s;transition: all 0.4s ease-in-out 0.8s;} #header .l-big #par4,#header .l-big.dis #par4{top: -500px;left: -105px;width:245px;height:138px;opacity:0;z-index:5; -webkit-transition: all 0.4s ease-in-out 1s;-moz-transition: all 0.4s ease-in-out 1s;-o-transition: all 0.4s ease-in-out 1s;transition: all 0.4s ease-in-out 1s;} #header .l-big #par5,#header .l-big.dis #par5{top:-500px;left: -371px;width:171px;height:112px;opacity:0;z-index:6; -webkit-transition: all 0.4s ease-in-out 1.2s;-moz-transition: all 0.4s ease-in-out 1.2s;-o-transition: all 0.4s ease-in-out 1.2s;transition: all 0.4s ease-in-out 1.2s;} #header .l-big #par6,#header .l-big.dis #par6{top: -700px;left: 377px;width:140px;height:78px;opacity:0;z-index:7; -webkit-transition: all 0.4s ease-in-out 1.4s;-moz-transition: all 0.4s ease-in-out 1.4s;-o-transition: all 0.4s ease-in-out 1.4s;transition: all 0.4s ease-in-out 1.4s;} #header .l-big #par7,#header .l-big.dis #par7{top: -700px;left: 199px;width:641px;height:99px;opacity:0;z-index:8; -webkit-transition: all 0.4s ease-in-out 1.6s;-moz-transition: all 0.4s ease-in-out 1.6s;-o-transition: all 0.4s ease-in-out 1.6s;transition: all 0.4s ease-in-out 1.6s;} #header .l-big #par8,#header .l-big.dis #par8{top:-700px;left: 940px;width:220px;height:102px;opacity:0;z-index:5; -webkit-transition: all 0.4s ease-in-out 1.8s;-moz-transition: all 0.4s ease-in-out 1.8s;-o-transition: all 0.4s ease-in-out 1.8s;transition: all 0.4s ease-in-out 1.8s;} #header .l-big #par9,#header .l-big.dis #par9{top: -700px;left: -282px;width:64px;height:90px;opacity:0;z-index:5; -webkit-transition: all 0.4s ease-in-out 2s;-moz-transition: all 0.4s ease-in-out 2s;-o-transition: all 0.4s ease-in-out 2s;transition: all 0.4s ease-in-out 2s;} #header .l-big.active #par1{top: 28px;left: -1px;opacity:1;} #header .l-big.active #par2{top: 5px;left: 726px;opacity:1;} #header .l-big.active #par3{top: 13px;left: 344px;opacity:1;} #header .l-big.active #par4{top: 11px;left: 451px;opacity:1;} #header .l-big.active #par5{top:10px;left: 595px;opacity:1;} #header .l-big.active #par6{top: 29px;left: 278px;opacity:1;} #header .l-big.active #par7{top: 73px;left: 181px;opacity:1;} #header .l-big.active #par8{top:9px;left: 73px;opacity:1;} #header .l-big.active #par9{top: 15px;left: 874px;opacity:1;} #header .l-big.dis #par1{top: -500px;left: -3px;width:645px;height:217px;opacity:0;z-index:2; -webkit-transition: all 0.4s ease 0.4s;-moz-transition: all 0.4s ease 0.4s;-o-transition: all 0.4s ease 0.4s;transition: all 0.4s ease 0.4s;} #header .l-big.dis #par2{top: -500px;left: 612px;width:620px;height:399px;opacity:0;z-index:3; -webkit-transition: all 0.4s ease 0.6s;-moz-transition: all 0.4s ease 0.6s;-o-transition: all 0.4s ease 0.6s;transition: all 0.4s ease 0.6s;} #header .l-big.dis #par3{top: -500px;left: -163px;width:712px;height:319px;opacity:0;z-index:4; -webkit-transition: all 0.4s ease 0.8s;-moz-transition: all 0.4s ease 0.8s;-o-transition: all 0.4s ease 0.8s;transition: all 0.4s ease 0.8s;} #header .l-big.dis #par4{top: -500px;left: -105px;width:668px;height:248px;opacity:0;z-index:5; -webkit-transition: all 0.4s ease 1s;-moz-transition: all 0.4s ease 1s;-o-transition: all 0.4s ease 1s;transition: all 0.4s ease 1s;} #header .l-big.dis #par5{top:-500px;left: -371px;width:1700px;height:496px;opacity:0;z-index:6; -webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;} #header .l-big.dis #par6{top: -700px;left: 377px;width:300px;height:138px;opacity:0;z-index:7; -webkit-transition: all 0.4s ease 1.4s;-moz-transition: all 0.4s ease 1.4s;-o-transition: all 0.4s ease 1.4s;transition: all 0.4s ease 1.4s;} #header .l-big.dis #par7{top: -700px;left: 199px;width:641px;height:99px;opacity:0;z-index:8; -webkit-transition: all 0.4s ease 1.6s;-moz-transition: all 0.4s ease 1.6s;-o-transition: all 0.4s ease 1.6s;transition: all 0.4s ease 1.6s;} #header .l-big.dis #par8{top:-700px;left: 921px;width:404px;height:468px;opacity:0;z-index:9; -webkit-transition: all 0.4s ease 1.8s;-moz-transition: all 0.4s ease 1.8s;-o-transition: all 0.4s ease 1.8s;transition: all 0.4s ease 1.8s;} #header .l-big.dis #par9{top: -700px;left: -268px;width:260px;height:450px;opacity:0;z-index:10; -webkit-transition: all 0.4s ease 2s;-moz-transition: all 2s ease 0.4s;-o-transition: all 2s ease 0.4s;transition: all 2s ease 0.4s;} #header .logo .sver{display:none;} body.home #header .l-min{display:none;} body.home #header .logo .razv{display:none;} body.home #header .sver{display:block;} /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/ @media only screen and (min-width: 1025px) { /* fixed nav */ .full-width.topbar-enabled #header { } .full-width #nav-topbar.nav-container { width: 100%; z-index: 999; } .full-width.admin-bar #nav-topbar.nav-container { margin-top: 0px; } } @media only screen and (min-width: 720px) { /* common */ #nav-topbar .nav { } #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.99); } /* level 1 */ #nav-topbar .nav > li { border-right: none; } #nav-topbar .nav > li > a:hover, #nav-topbar .nav > li:hover > a { /*background-color: #377ead ;*/ } #nav-topbar .nav li > a:hover, #nav-topbar .nav li:hover > a, #nav-topbar .nav li.current_page_item > a, #nav-topbar .nav li.current-menu-item > a, #nav-topbar .nav li.current-menu-ancestor > a, #nav-topbar .nav li.current-post-parent > a { color: #fff; } /* level 2 & 3 */ #nav-topbar .nav ul { background: #51a1d6; } #nav-topbar .nav ul li {/* box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); */ -webkit-transition-property: all;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease; -moz-transition-property: all;-moz-transition-duration: 0.4s;-moz-transition-timing-function: ease; -o-transition-property: all;-o-transition-duration: 0.4s;-o-transition-timing-function: ease; transition-property: all;transition-duration: 0.4s;transition-timing-function: ease;} #nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; } #nav-topbar .nav ul li:hover { background:#377ead; } #nav-topbar .nav>li>ul>li ul{padding:0;} } @media only screen and (max-width: 719px) { /* common */ #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); } /* level 1 */ #nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; } #nav-topbar .nav li.current_page_item > a, #nav-topbar .nav li.current-menu-item > a, #nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; } } /* ------------------------------------------------------------------------- * * Page /* ------------------------------------------------------------------------- */ #page { margin: 0 auto; padding: 20px 0; } /* ------------------------------------------------------------------------- * * Section: Footer /* ------------------------------------------------------------------------- */ #footer { background: url(/images/foot_fon.png) 50% 0 no-repeat; padding-top:185px; width: 100%; font-weight: 400; padding-bottom:30px; } #footer a { color: #333; text-decoration: none; outline: 0; } #footer a:hover { color: #51a1d6; } #footer .pad { position:relative; padding-bottom: 30px; } #footer .pad .about{ position:absolute; left:34.4%; bottom:30px; } #footer .pad .about a{color:#3e3e3d;text-transform:uppercase;font-size:14px;line-height:20px;font-weight:bold;} #footer .pad .widget { overflow:visible; } #footer .pad .grid{ overflow:visible;padding-right:11.3%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } #footer .pad .widget h2{color:#3e3e3d;text-transform:uppercase;font-size:14px;line-height:20px;font-weight:bold;} #footer .pad .widget .textwidget{position:relative;color:#3e3e3d;font-size:12px;line-height:17px;} #footer .pad .widget .textwidget .live{position:absolute;top:0;right:0;} #footer .pad .widget ul li{border:none;font-size:12px;line-height:17px; padding:0 0 15px 25px; margin:0; background:url(/images/tchk.png) 0 2px no-repeat; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; } #footer .pad .widget ul li p{margin:0;padding:0;font-size:12px;line-height:17px;} #footer .foot_opis{position:relative;display:block;margin:0 0 15px 0;padding:0;font-size:12px;line-height:17px;} #footer-bottom { border-top: 6px solid #333; } #footer-bottom .pad { padding-top: 40px; padding-bottom: 40px; } #footer-bottom a { color: #fff; color: rgba(255,255,255,0.7); } #footer-bottom a:hover { color: #fff; } #footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; } #footer-bottom #copyright, #footer-bottom #credit { color: #fff; color: rgba(255,255,255,0.5); font-size: 15px; line-height: 1.5em; } #footer-bottom #back-to-top { background: #333; color: #fff; color: rgba(255,255,255,0.7); position: relative; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px; } #footer-bottom #back-to-top:before { top: 0; left: -30px; border: solid; border-color: #333 transparent; border-width: 30px 0 0 30px; content: ""; display: block; position: absolute; } #footer-bottom #back-to-top:after { top: 0; right: -30px; border: solid; border-color: #333 transparent; border-width: 30px 30px 0 0; content: ""; display: block; position: absolute; } #footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; } #footer-bottom #back-to-top:hover { color: #fff; } #footer-bottom .social-links { padding-top: 10px; } #footer-bottom .social-links a { color: rgba(255,255,255,0.6); } #footer-bottom .social-links a:hover { color: #fff; } #footer-bottom .social-links .social-tooltip { font-size: 28px; } /* footer : nav /* ------------------------------------ */ #nav-footer.nav-container { background: #333; border-top: 1px solid #363636; margin-bottom: 1px; } #nav-footer .nav-toggle { background: transparent; color: #ccc; border-left: 1px solid #222; } @media only screen and (min-width: 720px) { /* common */ #nav-footer .nav { text-align: center; } #nav-footer .nav li a { color: #999; } /* level 1 */ #nav-footer .nav > li > a { padding: 12px 18px; } #nav-footer .nav > li { border-right: 0; } #nav-footer .nav > li:first-child { border-left: 0; } #nav-footer .nav > li > a:hover, #nav-footer .nav > li:hover > a { background: #333; } #nav-footer .nav li > a:hover, #nav-footer .nav li:hover > a, #nav-footer .nav li.current_page_item > a, #nav-footer .nav li.current-menu-item > a, #nav-footer .nav li.current-menu-ancestor > a, #nav-footer .nav li.current-post-parent > a { color: #eee; } /* level 2 & 3 */ #nav-footer .nav ul { background: #333; bottom: 44px; top: auto; text-align: left; -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05); box-shadow: 0 -2px 2px rgba(0,0,0,0.05); } #nav-footer .nav ul li { border-bottom: 1px solid #404040; } #nav-footer .nav ul ul { top: -10px; } /* level 3 */ #nav-footer .nav ul ul { position: absolute; top: auto; bottom: -10px; } } @media only screen and (max-width: 719px) { /* common */ #nav-footer .nav li a { color: #999; border-top: 1px solid #222; } /* level 1 */ #nav-footer .nav li > a:hover { background: #2d2d2d; color: #eee; } #nav-footer .nav li.current_page_item > a, #nav-footer .nav li.current-menu-item > a, #nav-footer .nav li.current-post-parent > a { background: #2d2d2d; color: #eee; } } /* ------------------------------------------------------------------------- * * Post Entry /* ------------------------------------------------------------------------- */ .post-inner { background: #fff;position: relative;} .post-title { color: #222; font-size: 30px; font-weight: 600; letter-spacing: -1px; line-height: 1.4em; -ms-word-wrap: break-word; word-wrap: break-word; } .post-title strong { font-weight: 900; } .post-title i { font-style: italic; } .post-title a { color: #222; } .post-title a:hover { color: #e8554e; } .post-title.pad, .post-meta.pad { padding-top: 0; padding-bottom: 0; } .post-meta { text-transform: uppercase; font-size: 14px; font-weight: 400; color: #bbb; margin-bottom: 15px; } .post-meta a { color: #bbb; } .post-meta a:hover { color: #e8554e; } .post-meta i { margin-right: 4px; } .post-meta li { float: left; margin-right: 12px; } .more-link { display: none; } .more-link-custom { background: url(img/pattern.png) repeat-x 10px; color: #999; font-size: 13px; text-transform: uppercase; text-align: center; display: block; height: 20px; padding-top: 10px; padding-bottom: 30px; } .more-link-custom span { background: #fff; display: inline-block; padding: 0 20px; margin-top: 6px; } .more-link-custom span i { background: #f2f2f2; border: 1px solid transparent; display: block; padding: 0 10px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .more-link-custom:hover span i { background: #fff; border: 1px solid #f2f2f2; padding-left: 16px; padding-right: 16px; } /* single : post pages /* ------------------------------------ */ .post-pages { font-weight: 600; margin-bottom: 20px; } /* single : tags /* ------------------------------------ */ .post-tags { margin-bottom: 40px; } .post-tags span { font-size: 14px; color: #999; display: inline-block; margin: 0 7px 0 0; } .post-tags a { background: #f2f2f2; display: inline-block; line-height: 16px; white-space: nowrap; font-size: 12px; color: #999; padding: 3px 7px; margin: 0 5px 2px 0; -webkit-border-radius: 2px; border-radius: 2px; } .post-tags a:hover { background-color: #e8554e; color: #fff; } /* single : sharrre /* ------------------------------------ */ .post-sharrre { margin-top: 30px; } .sharrre { width: 25%; float: left; } .sharrre .box { display: block; padding: 15px 20px; border-top: 2px solid #222; } .sharrre .count { width: 50%; background: #eee; color: #fff; display: block; font-size: 15px; font-weight: 900; line-height: 30px; position: relative; text-align: center; border-radius: 6px; } .sharrre .count:after { content:''; display: block; position: absolute; right: -12px; width: 0; height: 0; border: solid 6px transparent; border-left-color: #eee; bottom: 9px; } .sharrre .share { width: 30%; margin-left: 20%; display: block; font-size: 24px; font-weight: 600; line-height: 32px; padding: 0; text-align: center; text-decoration: none; } .sharrre .share, .sharrre .count, .sharrre .count:after { float: left; -webkit-transition: all .3s ease; transition: all .3s ease; } .post-tags { margin-bottom: 40px; } .post-tags span { font-size: 14px; color: #999; display: inline-block; margin: 0 7px 0 0; } .post-tags a { background: #f2f2f2; display: inline-block; line-height: 16px; white-space: nowrap; font-size: 12px; color: #999; padding: 3px 7px; margin: 0 5px 2px 0; -webkit-border-radius: 2px; border-radius: 2px; } .post-tags a:hover { background-color: #e8554e; color: #fff; } /* single : sharrre /* ------------------------------------ */ .post-sharrre { margin-top: 30px; } .sharrre { width: 25%; float: left; } .sharrre .box { display: block; padding: 15px 20px; border-top: 2px solid #222; } .sharrre .count { width: 50%; background: #eee; color: #fff; display: block; font-size: 15px; font-weight: 900; line-height: 30px; position: relative; text-align: center; border-radius: 6px; } .sharrre .count:after { content:''; display: block; position: absolute; right: -12px; width: 0; height: 0; border: solid 6px transparent; border-left-color: #eee; bottom: 9px; } .sharrre .share { width: 30%; margin-left: 20%; display: block; font-size: 24px; font-weight: 600; line-height: 32px; padding: 0; text-align: center; text-decoration: none; } .sharrre .share, .sharrre .count, .sharrre .count:after { float: left; -webkit-transition: all .3s ease; transition: all .3s ease; } .sharrre .box:hover .share {} .sharrre .box:hover .count { color: #fff!important; } .sharrre#twitter .box:hover { background: #eef6f9; } .sharrre#twitter .box { border-top-color: #24a5db; } .sharrre#twitter .box:hover .count:after { border-left-color: #24a5db; } .sharrre#twitter .count, .sharrre#twitter .share, .sharrre#twitter .box:hover .count { color: #24a5db; } .sharrre#twitter .box:hover .count { background: #24a5db; } .sharrre#facebook .box:hover { background: #f0f2f7; } .sharrre#facebook .box { border-top-color: #3b5998; } .sharrre#facebook .box:hover .count:after { border-left-color: #3b5998; } .sharrre#facebook .count, .sharrre#facebook .share, .sharrre#facebook .box:hover .count { color: #3b5998; } .sharrre#facebook .box:hover .count { background: #3b5998; } .sharrre#googleplus .box:hover { background: #fbf1f0; } .sharrre#googleplus .box { border-top-color: #cd483c; } .sharrre#googleplus .box:hover .count:after { border-left-color: #cd483c; } .sharrre#googleplus .count, .sharrre#googleplus .share, .sharrre#googleplus .box:hover .count { color: #cd483c; } .sharrre#googleplus .box:hover .count { background: #cd483c; } .sharrre#pinterest .box:hover { background: #fbf1f0; } .sharrre#pinterest .box { border-top-color: #ca2128; } .sharrre#pinterest .box:hover .count:after { border-left-color: #ca2128; } .sharrre#pinterest .count, .sharrre#pinterest .share, .sharrre#pinterest .box:hover .count { color: #ca2128; } .sharrre#pinterest .box:hover .count { background: #ca2128; } /* single : author bio /* ------------------------------------ */ .author-bio { background: #e5e5e5; border-bottom: 1px solid #fbfbfb; position: relative; padding: 15px 15px 10px 115px; color: #888; margin-bottom: 40px; -webkit-border-radius: 2px; border-radius: 2px; } .author-bio:before { content:''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e5e5e5; position: absolute; top: -10px; left: 50%; margin-left: -10px; } .author-bio .bio-avatar { float: left; margin: 0 0 8px -100px; width: 80px; height: auto; position: relative; } .author-bio .bio-avatar:after { background: #e8554e; position: absolute; right: 0; bottom: 0; padding: 6px 6px; content: "\f040"; color: #fff; font-size: 14px; line-height: 14px; width: 14px; font-style: normal; font-family: FontAwesome; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; } .author-bio .bio-avatar img { display: block; width: 100%; height: auto; -webkit-border-radius: 100%; border-radius: 100%; } .author-bio p { margin-bottom: 8px; } .author-bio .bio-name { color: #444; font-weight: 600; margin-bottom: 4px; } .author-bio .bio-name a { color: #444; } .author-bio .bio-name a:hover { color: #e8554e; } .author-bio .bio-desc { color: #888; font-weight: 300; font-size: 16px; line-height: 1.5em; } /* single : post-nav /* ------------------------------------ */ .post-nav li { width: 100%; display: inline; float: left; text-align: center; } .post-nav li a { position: relative; min-height: 77px; display: block; padding: 16px 46px 24px; } .post-nav li i { color: #ccc; font-size: 18px; position: absolute; top: 50%; margin-top: -10px; } .post-nav li a strong { display: block; font-size: 13px; color: #bbb; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; } .post-nav li a span { font-size: 16px; color: #444; } .post-nav li a:hover span, .post-nav li a:hover i { color: #e8554e; } .post-nav li.previous i { left: 10px; } .post-nav li.next i { right: 10px; } .post-nav li a span, .post-nav li a i { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } /* content-specific */ .content .post-nav { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; margin-bottom: 40px; } .content .post-nav li { width: 50%; } .content .post-nav li.next { float: right; -webkit-box-shadow: -1px 0 0 #e5e5e5, inset 1px 0 0 #e5e5e5; box-shadow: -1px 0 0 #e5e5e5, inset 1px 0 0 #e5e5e5; } .content .post-nav li.next a { padding-left: 24px; } .content .post-nav li.previous { float: left; -webkit-box-shadow: 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5; box-shadow: 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5; } .content .post-nav li.previous a { padding-right: 24px; } /* ------------------------------------------------------------------------- * * Post Formats /* ------------------------------------------------------------------------- */ .format-standard .hex .fa, .format-aside .hex .fa, .page .hex .fa { color: #777; } .page .post-deco .hex .fa:before { content: "\f15c"; } .sticky .post-deco .hex .fa:before { content: "\f005"; } .post-deco { background: #e5e5e5; position: relative; height: 5px; width: 100%; margin-bottom: 10px; } .post-deco .hex { background: #e5e5e5; position: absolute; left: 50%; right: 50%; top: -8px; margin-left: -19px; } .post-deco .hex .fa:before { content: "\f040"; } /* post format : common /* ------------------------------------ */ .post-format { position: relative; } .post-format p { margin-bottom: 1em; } .format-container .fa { font-size: 24px; float: right; margin-top: 4px; margin-left: 20px; } /* post format : image /* ------------------------------------ */ .format-image .hex, .format-image .post-deco { background: #7eb66f; } .format-image .hex .fa:before { content: "\f030"; } /* post format : video /* ------------------------------------ */ .format-video .hex, .format-video .post-deco { background: #e8554e; } .format-video .hex .fa:before { content: "\f03d"; } /* post format : quote /* ------------------------------------ */ .format-quote .hex, .format-quote .post-deco { background: #e7ba3a; } .format-quote .hex .fa:before { content: "\f10d"; } .format-quote .format-container { background: #f8eac4; } .format-quote .post-title { display: none; } .format-quote .post-format blockquote { font-size: 22px; font-weight: 400; line-height: 1.6em; font-style: italic; } .format-quote .post-format .quote-author { font-style: italic; } /* post format : link /* ------------------------------------ */ .format-link .hex, .format-link .post-deco { background: #e8554e; } .format-link .hex .fa:before { content: "\f0c1"; } .format-link .format-container { background: #fadddc; } .format-link .post-title { display: none; } .format-link .post-format p { font-size: 22px; font-weight: 400; line-height: 1.4em; font-style: italic; margin-bottom: 10px; } .format-link .post-format a { color: #e8554e!important; display: block; } .format-link .post-format a:hover { color: #444!important; } /* post format : chat /* ------------------------------------ */ .format-chat .hex, .format-chat .post-deco { background: #69bac8; } .format-chat .hex .fa:before { content: "\f0e6"; } .format-chat .format-container { background: #d2eaee; } .format-chat .post-title { display: none; } .format-chat .post-format p { font-style: italic; } /* post format : status /* ------------------------------------ */ .format-status .hex, .format-status .post-deco { background: #ffa500; } .format-status .hex .fa:before { content: "\f0a1"; } .format-status .post-title { display: none; } .format-status .entry { font-size: 22px; line-height: 1.8em; } /* post format : aside /* ------------------------------------ */ .format-aside .post-title { display: none; } /* post format : gallery /* ------------------------------------ */ .format-gallery .hex, .format-gallery .post-deco { background: #7eb66f; } .format-gallery .hex .fa:before { content: "\f03e"; } .format-gallery .post-format .flexslider { overflow: hidden; } .format-gallery .post-format .flexslider .slides { background: #262626; overflow: hidden; position: relative; } .format-gallery .post-format .flexslider .slides img { max-height: 405px; width: auto; max-width: 100%; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); } .format-gallery .post-format .flex-direction-nav a:before { color: #fff; } /* post format : audio /* ------------------------------------ */ .format-audio .hex, .format-audio .post-deco { background: #69bac8; } .format-audio .hex .fa:before { content: "\f025"; } .format-audio .post-format a, .format-audio .post-format i { font-size: 16px; line-height: 22px; } #page .format-audio .post-format img { -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* jplayer */ .jp-interface { background-color: #262626; } .jp-play-bar, .jp-volume-bar-value { background-color: #69bac8; } .jp-progress { background-color: #111; } .jp-volume-bar { border: 1px solid #111; } .jp-seek-bar, .jp-volume-bar { background-color: #333; } .jp-interface a { color: #bbb; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); } .jp-interface a:hover { color: #eee; } .jp-progress-container, .jp-volume-bar-container { border-left: 1px solid #333; } .jp-audio, .jp-interface, .jp-progress, .jp-seek-bar { width: 100%; min-width: 100%; } .jp-interface { position: relative; overflow: hidden; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3); } .jp-interface .jp-controls { list-style-type: none; padding: 0; margin: 0; } .jp-interface .jp-controls li { display: inline; } .jp-interface .jp-controls a { position: absolute; } .jp-interface .jp-controls a i { display: block; } .jp-play, .jp-pause { width: 25px; height: 30px; z-index: 1; outline: none; margin: 12px 0 0 9px;} .jp-play, .jp-pause { top: 0; left: 0; } .jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; } .jp-progress { overflow: hidden; } .jp-progress { height: 5px; padding: 1px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.06); } .jp-seek-bar { width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; } .jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } .jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; } .jp-volume-bar { position: relative; overflow: hidden; width: 38px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); box-shadow: 0 1px 0 rgba(255,255,255,0.06); } .jp-volume-bar { top: 0; left: 0; } .jp-volume-bar-value { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); } .jp-mute, .jp-unmute { width: 17px; z-index: 1; outline: none; margin-top: 10px; } .jp-mute, .jp-unmute { top: 2px; right: 58px; } .jp-unmute { display: none; } .jp-jplayer { width:0px; height:0px; } /* ------------------------------------------------------------------------- * * Widgets /* ------------------------------------------------------------------------- */ .sidebar .widget { padding: 30px 30px 20px; } .widget { color: #777; font-size: 15px; font-weight: 400; overflow: hidden; } .widget a { color: #777; } .widget a:hover { color: #444; } .widget > h2 { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 6px; } .widget > h2, .widget > h2 a, .widget > h2 a:hover { color: #999; } .widget > h2 a img { display: none; float: left; margin: 3px 7px 0 0; } .widget select { border: 1px solid #ddd; color: #777; font-size: 15px; padding: 7px; width: 100%; max-width: 100%; } /* widgets : icons /* ------------------------------------ */ .widget > ul li a:hover:before { color: #999; } .widget_archive > ul > li a:before { content: "\f073"; } .widget_categories > ul > li a:before { content: "\f07c"; } .widget_links > ul > li a:before { content: "\f08e"; } .widget_meta > ul > li a:before { content: "\f0da"; } .widget_recent_comments > ul > li:before, .widget_recent_comments > ul > li:before { content: "\f075"; } .widget_recent_entries > ul > li a:before { content: "\f017"; } .widget_calendar caption:before { content: "\f073"; } .widget_pages ul li a:before, .widget_nav_menu ul li a:before { content: "\f068"; } /* widgets : common /* ------------------------------------ */ .widget_search > h2, .widget_text > h2, .widget_tag_cloud > h2, .widget_calendar > h2 { margin-bottom: 1em; } .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .widget_pages ul li a, .widget_nav_menu ul li a, .alx-tab li, .alx-posts li { padding: 10px 0; border-bottom: 1px solid #e4e4e4; } .widget_archive ul li, .widget_categories ul li, .widget_links ul li { color: #bbb; } .widget_recent_comments ul li, .widget_recent_entries ul li { color: #999; } .widget_recent_entries .post-date { display: block; } /* widget : pages / custom menu /* ------------------------------------ */ .widget_pages ul li a, .widget_nav_menu ul li a { display: block; } .widget_pages li li a, .widget_nav_menu li li a { padding-left: 15px; } .widget_pages li li li a, .widget_nav_menu li li li a { padding-left: 30px; } .widget_pages ul ul, .widget_pages ul ul ul, .widget_nav_menu ul ul, .widget_nav_menu ul ul ul { border: 0; } /* widget : rss /* ------------------------------------ */ .widget_rss ul li a { display: block; color: #e8554e; } .widget_rss ul li span.rss-date { color: #444; font-weight: 600; display: block; text-transform: uppercase; font-size: 12px; } .widget_rss ul li cite { color: #999; } /* widget : search /* ------------------------------------ */ .widget_search input.search { color: #999; padding-left: 26px; width: 100%; } .widget_search .screen-reader-text, .widget_search #searchsubmit { display: none; } /* widget : text /* ------------------------------------ */ .widget_text .textwidget p { margin-bottom: 1em; } /* widget : calendar /* ------------------------------------ */ .widget_calendar a { font-weight: 600; color: #e8554e; } .widget_calendar a:hover { color: #444!important; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { background: #e8554e; color: #fff; padding: 5px 10px; } .widget_calendar caption:before { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px; } .widget_calendar thead { background: #e2e2e2; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; } .widget_calendar th { font-weight: 600; } .widget_calendar th, .widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #e2e2e2; } .widget_calendar .pad { padding: 0!important; } /* custom widget : alxtabs / alxposts /* ------------------------------------ */ .alx-tabs-nav { border-bottom: 3px solid #ddd; margin-bottom: 10px; text-align: center; } .alx-tabs-nav.tab-count-1 li { width: 100%; } .alx-tabs-nav.tab-count-2 li { width: 50%; } .alx-tabs-nav.tab-count-3 li { width: 33.333%; } .alx-tabs-nav.tab-count-4 li { width: 25%; } .alx-tabs-nav li { display: block; float: left; } .alx-tabs-nav li a { font-size: 18px; display: block; padding: 8px 0; margin-bottom: -3px; border-bottom: 3px solid transparent; } .alx-tabs-nav li a:hover { border-bottom-color: #ccc; } .alx-tabs-nav li.active a { color: #222; border-bottom-color: #e8554e!important; /* background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, #fff 100%) 0 0 rgba(0,0,0, 0); */ } .alx-tabs-nav li a span { display: none; } .alx-tab li, .alx-posts li { line-height: 1.4em; overflow: hidden; } .alx-tab a, .alx-posts a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .alx-tab img { -webkit-border-radius: 100%; border-radius: 100%; } .alx-tab img, .alx-posts img { display: block; width: 100%; height: auto; opacity: 0.99; } .alx-tab.thumbs-enabled li{ padding-left: 94px; } .alx-tab .tab-item-thumbnail { width: 80px; margin-left: -94px; float: left; } .alx-tab .tab-item-thumbnail, .alx-posts .post-item-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .alx-tab.avatars-enabled li{ padding-left: 62px; } .alx-tab .tab-item-avatar { margin-left: -62px; width: 48px; float: left; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .alx-tab .tab-item-category, .alx-posts .post-item-category { color: #aaa; text-transform: uppercase; font-size: 13px; } .alx-tab .tab-item-title a, .alx-tab .tab-item-comment a, .alx-posts .post-item-title a { color: #444; } .alx-tab .tab-item-category a:hover, .alx-posts .post-item-category a:hover { color: #444!important; } .alx-tab .tab-item-title, .alx-tab .tab-item-comment, .alx-posts .post-item-title { margin: 2px 0; -ms-word-wrap: break-word; word-wrap: break-word; } .alx-tab .tab-item-date, .alx-tab .tab-item-name, .alx-posts .post-item-date { text-transform: uppercase; color: #aaa; font-size: 13px; } .alx-tab li:hover .tab-item-thumbnail, .alx-tab li:hover .tab-item-avatar, .alx-posts li:hover .post-item-thumbnail { opacity: 0.75; } .alx-tab li:hover .thumb-icon, .alx-posts li:hover .thumb-icon { background: #fff; color: #111; } .alx-tab .tab-item-category a, .alx-posts .post-item-category a, .alx-tab li:hover .tab-item-title a, .alx-tab li:hover .tab-item-comment a, .alx-posts li:hover .post-item-title a { color: #e8554e; } .alx-posts .post-item-thumbnail { margin-bottom: 10px; } .alx-posts .post-item-title { font-size: 16px; line-height: 1.5em; } .alx-posts .post-item-title { font-size: 18px; line-height: 1.4em; font-weight: 300; } .alx-posts .post-item-category, .alx-posts .post-item-date { font-size: 14px; } /* custom widget : alxvideo /* ------------------------------------ */ .widget_alx_video h2 { margin-bottom: 14px; } /* ------------------------------------------------------------------------- * * Widgets Footer /* ------------------------------------------------------------------------- */ #footer .widget { padding-bottom: 30px; } #footer .widget > h2, #footer .widget > h2 a, #footer .widget > h2 a:hover { color: #ccc; } #footer .widget select { background: transparent; } /* widgets : icons /* ------------------------------------ */ #footer .widget > ul li:before, #footer .widget > ul li a:before, #footer .widget > div > ul li a:before { color: #666; } #footer .widget > ul li a:hover:before { color: #eee; } /* widgets : common /* ------------------------------------ */ #footer .widget select, #footer .widget_archive ul li, #footer .widget_categories ul li, #footer .widget_links ul li, #footer .widget_meta ul li, #footer .widget_recent_comments ul li, #footer .widget_recent_entries ul li, #footer .widget_rss ul li, #footer .widget_pages ul li a, #footer .widget_nav_menu ul li a, #footer .alx-tab li, #footer .alx-posts li, #footer .widget_calendar th, #footer .widget_calendar td { border-color: #303030; } #footer .widget_archive ul li, #footer .widget_categories ul li, #footer .widget_links ul li { color: #666; } #footer .widget_recent_comments ul li, #footer .widget_recent_entries ul li { color: #666; } /* widget : rss /* ------------------------------------ */ #footer .widget_rss ul li a { color: #e8554e; } #footer .widget_rss ul li a:hover { color: #ccc; } #footer .widget_rss ul li span.rss-date { color: #666; } #footer .widget_rss ul li cite { color: #ccc; } /* widget : search /* ------------------------------------ */ #footer .widget_search input.search { background: #303030; border-color: #303030; } #footer .widget_search input.search:focus { color: #ccc; } /* widget : calendar /* ------------------------------------ */ #footer .widget_calendar a { color: #e8554e; } #footer .widget_calendar a:hover { color: #ccc!important; } #footer .widget_calendar thead { background: #303030; -webkit-box-shadow: 0 1px 0 #404040; box-shadow: inset 0 -1px 0 #404040; } /* custom widget : alxtabs / alxposts /* ------------------------------------ */ #footer .alx-tabs-nav li.active a { color: #eee; } #footer .alx-tabs-nav { border-bottom-color: #303030; } #footer .alx-tabs-nav li a:hover { border-bottom-color: #444; } #footer .alx-tab .tab-item-category a, #footer .alx-posts .post-item-category a { color: #e8554e; } /* ------------------------------------------------------------------------- * * Comments /* ------------------------------------------------------------------------- */ #comments { margin-top: 0px; background: #e5e5e5; /*padding: 10px 20px 0px;*/ } .comment_list_wrapper { background: #cbcac5; padding: 10px 20px 20px; } .comment-tabs { font-size: 15px; border-bottom: 2px solid #e5e5e5; margin-bottom: 20px;display: none; } .comment-tabs li { float: left; margin-bottom: -2px; } .comment-tabs li a { font-weight: 600; padding: 0 10px 10px; display: block; color: #aaa; border-bottom: 2px solid #e5e5e5; } .comment-tabs li a:hover { color: #444; border-color: #ccc; } .comment-tabs li i { margin-right: 6px; } .comment-tabs li.active a { color: #e8554e; border-bottom-color: #e8554e; } .commentlist, .pinglist { margin-bottom: 20px; } .commentlist li, .pinglist li { padding-left: 60px; font-size: 14px; line-height: 22px; font-weight: 400; } .commentlist .comment-body, .pinglist li { clear: both; position: relative; padding-bottom: 20px; } .commentlist .comment-author, .commentlist .comment-meta, .commentlist .comment-awaiting-moderation { font-size: 13px; display: block; float: left; line-height: 22px; } .commentlist .comment-author { margin-right: 6px; } .commentlist .fn, .pinglist .ping-link { color: #444; font-size: 13px; font-style: normal; font-weight: 600; } .commentlist .says { display: none; } .commentlist .avatar { position: absolute; left: -60px; top: 0; width: 48px; height: 48px; -webkit-border-radius: 100%; border-radius: 100%; } .commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: "\f017"; font-family: FontAwesome; font-size: 10px; margin-right: 3px; vertical-align: 4%; } .commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; } .commentlist .reply { font-size: 13px; line-height: 16px; } .commentlist .reply a { color: #aaa; } .commentlist .reply a:hover { color: #444; } .comment-awaiting-moderation { color: #e8554e; font-style: normal; } /*eeee*/ .comment_list_wrapper cite.fn { display: inline-block; margin: 5px 20px 10px 20px; float: left; color: #23AEF2!important; font-size: 12px!important; font-style: normal; } .comment_list_wrapper span.says { display: none; } .comment_list_wrapper img.avatar.photo { float: left; } .comment_list_wrapper .comment-meta.commentmetadata { font-size: 12px; padding-top: 5px; } .comment_list_wrapper .comment-meta.commentmetadata a, .comment_list_wrapper .comment-meta.commentmetadata .comment-edit-link { color: #a3a3a3!important; } .comment_list_wrapper .reply { text-align: right; } .comment_list_wrapper .reply a { color: #a3a3a3!important; font-size: 12px; } .comment_list_wrapper li { /*background-color: #fff; padding: 10px 10px;*/ } .comment_list_wrapper li:last-child { margin-bottom: 0px; } .comment_list_wrapper li p { display: block; margin-top: 14px; margin-left: 52px; font-size: 12px!important; color: #363636!important; } /* pings */ .pinglist li { padding-left: 0; } /* comment text */ .commentlist .comment-body p { margin-bottom: 8px; color: #777; clear: both; } .commentlist .comment-body strong { font-weight: bold; } .commentlist .comment-body em { font-style: italic; } .commentlist .comment-body ol li { list-style: decimal; margin-left: 2em; padding: 0; } .commentlist .comment-body ul li { list-style: square; margin-left: 2em; padding: 0; } /* post author & admin comment */ .commentlist li.bypostauthor > .comment-body:after, .commentlist li.comment-author-admin > .comment-body:after { background: #e8554e; display: block; position: absolute; content: "\f040"; color: #fff; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; } .commentlist li.comment-author-admin > .comment-body:after { content: "\f005"; /* star for admin */ } .commentlist li.bypostauthor > .comment-body:after, .commentlist li.comment-author-admin > .comment-body:after { top: 32px; left: -28px; font-size: 10px; padding: 3px; -webkit-border-radius: 100%; border-radius: 100%; } .commentlist li li.bypostauthor > .comment-body:after, .commentlist li li.comment-author-admin > .comment-body:after { top: 22px; left: -26px; font-size: 8px; padding: 2px; -webkit-border-radius: 100%; border-radius: 100%; } /* child comment */ .commentlist li ul { } .commentlist li li { padding-left: 48px; margin: 0; } .commentlist li li .avatar { width: 36px; height: 36px; left: -48px; top: 0; } .commentlist li li .comment-meta { left: 70px; } /* comments : nav /* ------------------------------------ */ .comments-nav { margin-bottom: 20px; } .comments-nav a { font-weight: 600; } .comments-nav .nav-previous { float: left; } .comments-nav .nav-next { float: right; } /* comments : form /* ------------------------------------ */ .logged-in-as, .comment-notes, .form-allowed-tags { display: none; } #respond { position: relative; background:#cbcac5;} #reply-title { margin-bottom: 20px; } li #reply-title { font-size: 0; margin: 0!important; padding: 0; height: 0; border-top: 0; } #cancel-comment-reply-link { color: #999; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 12px; } #cancel-comment-reply-link:hover { color: #777; } #commentform { background: #cbcac5; padding: 10px 20px 10px; } #commentform p.comment-form-author { width: 48%; float: left; margin-top: -20px;} #commentform p.comment-form-email { width: 48%; float: right; margin-top: -20px;} #commentform p.comment-form-url, #commentform p.comment-form-comment { clear: both; } #commentform label { padding: 6px 0; font-weight: 600; display: block; color: #444; font-size: 14px;} #commentform input[type="text"], #commentform textarea { max-width: 100%; width: 100%; } #commentform textarea { height: 70px; } #commentform p.form-submit { margin-top: 10px; } .logged-in #reply-title { margin-bottom: 0px; } .logged-in #commentform p.comment-form-comment { margin-top: 10px; } .logged-in #commentform p.comment-form-comment label { display: none; } /* ------------------------------------------------------------------------- * * Child Menu /* ------------------------------------------------------------------------- */ .child-menu { zoom: 1; position: relative; padding: 30px 30px 20px; } .child-menu a { color: #777; font-weight: 600; display: block; padding: 0 44px; } .child-menu a:hover { color: #e8554e; } .child-menu .current_page_item > a { color: #e8554e; } /* show only current page items */ .child-menu > li { display: none; } .child-menu > li.current_page_item, .child-menu > li.current_page_parent, .child-menu > li.current_page_ancestor { display: block; } .child-menu > li.current_page_item > ul ul, .child-menu > li.current_page_parent > ul ul, .child-menu > li.current_page_ancestor > ul ul { display: none; } .child-menu > li ul li.current_page_item ul, .child-menu > li ul li.current_page_parent ul, .child-menu > li ul li.current_page_ancestor ul { display: block; } /* level 1 */ .child-menu > li > a { font-size: 20px; display: block; padding: 0 30px 20px; } /* level 2 */ .child-menu > li > ul { background: #e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #fbfbfb; padding: 10px; } .child-menu > li > ul > li > a { font-size: 15px; background: #f2f2f2; border: 1px solid #ddd; border-top: 0; padding: 11px 20px; -webkit-box-shadow: inset 0 1px 0 #f9f9f9; box-shadow: inset 0 1px 0 #f9f9f9; } .child-menu > li > ul > li > a:before { font-family: FontAwesome; content: "\f055"; font-weight: normal; font-size: 18px; margin-right: 8px; } /* level 3 */ .child-menu > li ul ul { background: #f2f2f2; border: 1px solid #ddd; border-top: 3px solid #ebebeb; padding: 6px 0; } .child-menu > li ul ul a { font-size: 15px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; } .child-menu > li ul ul a:hover { background: #e9e9e9; -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); } .child-menu > li ul ul li.current_page_item > a { background: #fff; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04); box-shadow: 0 1px 0 rgba(0,0,0,0.04); } /* ------------------------------------------------------------------------- * * Plugins /* ------------------------------------------------------------------------- */ /* plugin : wp-pagenavi /* ------------------------------------ */ .wp-pagenavi { text-align: right; font-weight: 600; line-height: 20px; float: none; margin-right: -2px; text-align: center; } /* plugin : contact form 7 /* ------------------------------------ */ .wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; } .wpcf7 input[type="text"], .wpcf7 input[type="email"] { display: block; float: left; padding: 10px; width: 95%; } /*.wpcf7 { } .wpcf7 p { color: #222; font-weight: 600; margin: 0 0 12px; width: 100%; float: left; position: relative; } .wpcf7 p span { font-weight: 400; color: #999; } .wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; } .wpcf7 input[type="text"], .wpcf7 input[type="email"] { display: block; float: left; padding: 10px; width: 95%; } .wpcf7 textarea { display: block; float: left; padding: 10px; width: 90%; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { margin-top: 12px; } .wpcf7 input[type="submit"] { padding: 10px 20px; font-size: 18px; } .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; } .wpcf7 div.wpcf7-mail-sent-ok, .wpcf7 div.wpcf7-mail-sent-ng { border: none; } .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; } .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; border-width: 2px; color: #b94a48; padding: 4px 14px; font-size: 12px; line-height: 20px; position: absolute; left: 0; top: 12px; width: auto; right: 0; display: block; } */ /* plugin : syntax highlighter evolved /* ------------------------------------ */ body .syntaxhighlighter a, body .syntaxhighlighter div, body .syntaxhighlighter code, body .syntaxhighlighter table, body .syntaxhighlighter table td, body .syntaxhighlighter table tr, body .syntaxhighlighter table tbody, body .syntaxhighlighter table thead, body .syntaxhighlighter table caption, body .syntaxhighlighter textarea, body .syntaxhighlighter .gutter { font-size: 12px!important; line-height: 13px!important; } /* ------------------------------------------------------------------------- * * Flexslider /* ------------------------------------------------------------------------- */ /* flexslider : resets /* ------------------------------------ */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* flexslider : necessary styles /* ------------------------------------ */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html { -webkit-font-smoothing: antialiased; /* safari font rendering issue fix */ } html[xmlns] .slides { display: block; } * html .slides { height: 1%;} .no-js .slides > li:first-child { display: block; } /* flexslider : default theme /* ------------------------------------ */ .flexslider { margin: 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .flexslider .slides > li { position: relative; } .carousel li { margin-right: 5px; } /* direction nav */ .flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; z-index: 2; } .flex-direction-nav li { float: left; margin-left: 4px; } .flex-direction-nav li:first-child { float: left; } .flex-direction-nav li:last-child { float: right; } .flex-direction-nav a { background: rgba(0,0,0,0.7); opacity: 0.6; position: relative; width: 40px; height: 40px; margin: 0 0 0; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 3px; border-radius: 3px; } .flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 0.8; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* direction nav arrows */ .flex-direction-nav a:before { font-family: FontAwesome; font-size: 20px; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 9px; text-indent: 0; } .flex-direction-nav .flex-next:before { content:"\f054"; } .flex-direction-nav .flex-prev:before { content: "\f053"; } /* control nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li a { background: rgba(0,0,0,0.15); width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden; -webkit-border-radius: 100%; border-radius: 100%; } .flex-control-nav li a:hover { background: rgba(0,0,0,0.15); } .flex-control-nav li a.flex-active { background: rgba(0,0,0,0.25); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: .7; right: 0; } .flex-direction-nav .flex-next { opacity: .7; right: 0; } } /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcode : dropcap /* ------------------------------------ */ .dropcap { color: #444; display: block; float: left; font-size: 70px; line-height: 0.9em; font-weight: 600; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left, .pullquote-right { color: #444; font-weight: 600; width: 40%; } .pullquote-left { border-left: 4px solid #e5e5e5; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; } .pullquote-right { border-right: 4px solid #e5e5e5; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #222; border-bottom: 1px dotted #222; } /* shortcode : hr /* ------------------------------------ */ hr, .hr { border: 0; background: #e5e5e5; border-bottom: 1px solid #fbfbfb; height: 2px; margin: 30px 0; } /* ------------------------------------------------------------------------- * * Retina Images /* ------------------------------------------------------------------------- */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .more-link-custom { background-size: 24px 13px; background-image: url(img/pattern@2x.png); } } /* ------------------------------------------------------------------------- * * IE Fixes /* ------------------------------------------------------------------------- */ .ie8 .author-bio .bio-avatar:after, .ie8 .commentlist li.bypostauthor > .comment-body:after { display: none; } .ie8 .nav li > a:after { content: ""!important; } .ie8 .nav > li > a:after { content: ""!important; } .ie8 #nav-topbar .nav > li > a:hover, .ie8 #nav-topbar .nav > li:hover > a, .ie8 .toggle-search:hover, .ie8 .toggle-search.active, .ie8 .search-expand-inner { background: url(img/ie/opacity-15.png); } .ie8 .thumb-icon, .ie8 .image-caption, .ie8 .page-image-text .description i, .ie8 .flex-direction-nav a { background: url(img/ie/opacity-70.png); } .ie8 .entry .gallery .gallery-caption { background: url(img/ie/opacity-80-light.png); } .ie8 .hex.hex-small { height: 32px; line-height: 32px; } .ie8 .post-deco .hex { top: -12px; }ap /* ------------------------------------ */ .dropcap { color: #444; display: block; float: left; font-size: 70px; line-height: 0.9em; font-weight: 600; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left, .pullquote-right { color: #444; font-weight: 600; width: 40%; } .pullquote-left { border-left: 4px solid #e5e5e5; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; } .pullquote-right { border-right: 4px solid #e5e5e5; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #222; border-bottom: 1px dotted #222; } /* shortcode : hr /* ------------------------------------ */ hr, .hr { border: 0; background: #e5e5e5; border-bottom: 1px solid #fbfbfb; height: 2px; margin: 30px 0; } /* ------------------------------------------------------------------------- * * Retina Images /* ------------------------------------------------------------------------- */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .more-link-custom { background-size: 24px 13px; background-image: url(img/pattern@2x.png); } } /* ------------------------------------------------------------------------- * * IE Fixes /* ------------------------------------------------------------------------- */ .ie8 .author-bio .bio-avatar:after, .ie8 .commentlist li.bypostauthor > .comment-body:after { display: none; } .ie8 .nav li > a:after { content: ""!important; } .ie8 .nav > li > a:after { content: ""!important; } .ie8 #nav-topbar .nav > li > a:hover, .ie8 #nav-topbar .nav > li:hover > a, .ie8 .toggle-search:hover, .ie8 .toggle-search.active, .ie8 .search-expand-inner { background: url(img/ie/opacity-15.png); } .ie8 .thumb-icon, .ie8 .image-caption, .ie8 .page-image-text .description i, .ie8 .flex-direction-nav a { background: url(img/ie/opacity-70.png); } .ie8 .entry .gallery .gallery-caption { background: url(img/ie/opacity-80-light.png); } .ie8 .hex.hex-small { height: 32px; line-height: 32px; } .ie8 .post-deco .hex { top: -12px; } /*slider*/ .eye { background: url(/images/ico_glaz.png); background-repeat: no-repeat; display: block; width: 28px; height: 17px; z-index: 15; position: absolute !important; right: 5px; top: 5px; } .curnorm { width: 520px; height: 245px; top: 0px; left: 0px; position: absolute; overflow: hidden; -webkit-transform: perspective(2000px); } /* jssor slider thumbnail navigator skin 11 css */ /* .jssort11 .p (normal) .jssort11 .p:hover (normal mouseover) .jssort11 .pav (active) .jssort11 .pav:hover (active mouseover) .jssort11 .pdn (mousedown) */ .jssort11 { font-family: Arial, Helvetica, sans-serif; } .jssort11 .i, .jssort11 .pav:hover .i { position: absolute; top:3px; left:3px; WIDTH: 60px; HEIGHT: 30px; border: white 1px dashed; } * html .jssort11 .i { WIDTH /**/: 62px; HEIGHT /**/: 32px; } .jssort11 .pav .i { border: white 1px solid; } .jssort11 .t, .jssort11 .pav:hover .t { position: absolute; top: 3px; left: 68px; width:129px; height: 32px; line-height:32px; text-align: center; color:#fc9835; font-size:13px; font-weight:700; } .jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t { color:#fff; } .jssort11 .c, .jssort11 .pav:hover .c { position: absolute; top: 38px; left: 3px; width:197px; height: 31px; line-height:31px; color:#fff; font-size:11px; font-weight:400; overflow: hidden; } .jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c { color:#fc9835; } .jssort11 .t, .jssort11 .c { transition: color 2s; -moz-transition: color 2s; -webkit-transition: color 2s; -o-transition: color 2s; } .jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .jssort11 .p { background:#181818; } .jssort11 .pav, .jssort11 .pdn { background:#462300; } .jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover { background:#333; } /*end slider*/ .eye:hover { background: url(/images/ico_glaz_hover.png); background-repeat: no-repeat; } a[rel='lightbox']:hover:after { opacity: 0; } /*slider_home*/ #slider_home{position:relative;display:block;width:100%;padding:0 40px;background:#fff;height: 341px;margin-bottom:20px;overflow:hidden; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} #slider_home .title{position:absolute;display:block;width:100%;height: 50px;top:0;left:0;background:#dedbd7;} #slider_home .title .mask{position:absolute;display:block;width:20%;height:50px;top:0;left:0;z-index:1;background:#ffffff;cursor:pointer; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #slider_home .title .tit{position:relative;display:block;width: 20%;height:60px;float:left;padding:10px 0;padding-left: 12px;z-index:2; font-size:12px;text-transform:uppercase;cursor:pointer;line-height:30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; letter-spacing:-1px;} #slider_home .title .tit img{max-height:30px; width:auto; margin-right:10px !important;} #slider_home .title .tit:after{left:0;} #slider_home .title .tit+.tit:after{background:url(/images/razd_2.png) 50% 50% no-repeat;} #slider_home .title .tit+.tit+.tit:after{background:url(/images/razd_3.png) 50% 50% no-repeat;} #slider_home .title .tit+.tit+.tit+.tit:after{background:url(/images/razd_4.png) 50% 50% no-repeat;} #slider_home .title .tit+.tit+.tit+.tit+.tit:after{background:url(/images/razd_5.png) 50% 50% no-repeat;} #slider_home .wrapper{position:relative;display:block;width:100%;height: 242px;top: 50px;overflow:hidden;} #slider_home .wrapper .slider{position:relative;display:block;width:100%;height:325px;background: #51a1d6;top:0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: relative;} #slider_home .wrapper .slider.active{opacity:1;z-index:5} #slider_home .left.dis,#slider_home .right.dis{background-image:none !important; cursor:default;} #slider_home .left,#slider_home .right{position:absolute;display:block;width:40px;height: 242px;top: 50px;cursor:pointer;z-index:9; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} #slider_home .left{left:0;background:#51a1d6 url(/images/slide_str_l.png) 50% 50% no-repeat; } #slider_home .left:hover{background:#377ead url(/images/slide_str_l.png) 70% 50% no-repeat; } #slider_home .left:active{background:#377ead url(/images/slide_str_l.png) 30% 50% no-repeat; } #slider_home .right{right:0;background:#51a1d6 url(/images/slide_str_r.png) 50% 50% no-repeat;} #slider_home .right:hover{background: #377ead url(/images/slide_str_r.png) 30% 50% no-repeat; } #slider_home .right:active{background:#377ead url(/images/slide_str_r.png) 70% 50% no-repeat; } #slider_home .left.dis,#slider_home .right.dis{opacity:0;} #slider_home .wrapper .slider .one-post{position:relative;display:block;float:left;width:220px;height:305px;background:#fff;overflow:hidden;} #slider_home .wrapper .slider .one-post .img{position: relative;display: block;width: 220px;height: 152px;overflow: hidden;} #slider_home .wrapper .slider .one-post .img:after{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:url(/images/fade.png) 0 0 repeat;opacity:0; -webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;transition: opacity 0.2s ease;} #slider_home .wrapper .slider .one-post:hover .img:after{opacity:1;} #slider_home .wrapper .slider .one-post .img img{position: absolute;height: 120%;width: 100% !important;max-width:none;margin: auto;top: 0;left: -300px;right: -300px;bottom: 0;} #slider_home .wrapper .slider .one-post:nth-child(odd) .post-opis:after {top: -17px;} #slider_home .wrapper .slider .one-post:nth-child(even) .post-opis:after {bottom: -17px;} #slider_home .wrapper .slider .one-post .post-opis:after {content: "";position: absolute;width: 100px;height: 17px;left: 60px;/*background: #f86973;*/ z-index: 2; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} #slider_home .wrapper .slider .one-post .post-opis{position: relative;display: block;width: 220px;height: 90px;background: #f86973;padding: 20px 15px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transition: background 0.2s ease;-moz-transition: background 0.2s ease;-o-transition: background 0.2s ease;transition: background 0.2s ease;} #slider_home .wrapper .slider .one-post:hover .post-opis,#slider_home .wrapper .slider .one-post:hover .post-opis:after{background: #ea424e;} #slider_home .wrapper .slider .one-post .post-title{position: relative;height: 54px;overflow: hidden;margin-bottom: 10px;font-size: 12px;line-height: 17px;font-weight: normal;color: #fff; letter-spacing:0;} #slider_home .wrapper .slider .one-post .post-meta{position: relative;font-size: 10px;line-height: 17px;border-top: 1px solid #98bfd7;padding: 20px 0 0 0;margin: 0;font-style: italic;font-weight: normal;color: #fff; display:none;} /*end slider_home*/ /*reklama*/ .mix { background: #DBDBDB; border: 1px solid #B5B5B5; box-shadow: inset 0 0 0 1px #E4E4E4; border-radius: 5px; padding: 2px; } .mix-inner { background: #FCFCFC; border: 1px solid #D6D6D6; padding: 10px 17px 0; } .mix tr { background: #FCFCFC !important; } .mix__item { /*border-top: 1px solid #E2E2E2;*/ padding: 9px 0 9px 130px; color: #555; } .mix table table tr:first-child .mix__item { border: none; } .mix__item:after { content: ''; clear: both; display: table; } .mix__image { float: left; margin-left: -130px; } .mix__image img { vertical-align: bottom; } .mix__title { font-size: 15px; font-weight: bold; padding: 3px 0 11px; } .mix__desc { line-height: 14px; margin: 0 0 10px; } .mix__price { display: inline-block; vertical-align: middle; height: 29px; background: #2F915A; color: #FFF; text-align: center; padding: 0 9px; font: bold 14px/29px Arial, sans-serif; margin: 0 15px 8px 0; } .mix__seller { display: inline-block; font: 12px/1 Arial, Tahoma, sans-serif; vertical-align: middle; margin-top: -8px; } .mixmarket_wrapepr { padding: 15px 20px; background-color: #FFF; } .mixmarket_wrapepr table { width: 100%; } .svezee .title.title-big div.two_rows_text { line-height: 15px !important; } #gallery_widget { } #gallery_widget .title { position: relative; } #gallery_widget .title img { position: absolute; left: 12px; top: 16px; } #gallery_widget .text { } #gallery_widget .text a { height: 120px; width: 135px; overflow: hidden; float: left; display: block; position: relative; } #gallery_widget .text a img { width: 100%; height: 100%; } #gallery_widget .text a .hover_img { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; opacity: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.1);*/ background-color: rgba(255, 255, 255, 0.15); } #gallery_widget .text a:hover .hover_img { opacity: 0; } .mark_img { position: absolute; top: 42px; left: 50px; width: 37px; height: 33px; /* background-color: rgba(182, 46, 50, 0.72); */ border-radius: 50px; -webkit-border-radius: 50px; } .wrapper_gallery { width: 670px; display: table; margin-left: -40px; margin-bottom: 20px; } .wrapper_gallery .one_img_wrapper { float: left; width: 335px; height: 210px; overflow: hidden; } .wrapper_gallery .one_img_wrapper a { height: 100%; z-index: 100; } .wrapper_gallery .one_img_wrapper a img { width: 100%; /*position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;*/ } .wrapper_gallery .one_img_wrapper:nth-child(2n) { margin-right: 0px; } .wrapper_gallery .one_img_wrapper img { } .wrapper_gallery .youtube_gallery, .wrapper_gallery .youtube_gallery_center, .wrapper_gallery .youtube_gallery_item, .wrapper_gallery .youtube_gallery_player { height: 100%; } .wrapper_gallery .youtube_gallery .youtube_gallery_player>a:before { content: ""; position: absolute; display: block; width: 74px; height: 74px; background: url(/images/vid_min.png) 0 0 no-repeat; top: 50%; margin-top: -35px; left: 50%; margin-left: -35px; z-index: 10; } /*gallery*/ .gallery_wrapper_all a[rel='lightbox'] { width: 50%; float: left; height: 210px; overflow: hidden; } .gallery_wrapper_all article.post-category .image-container img { position: static; min-height: 210px; min-width: 100%; margin: auto; } #HyperComments_Box { background: #e5e5e5; padding: 15px 10px 0px 10px; } .hc .hc_comments_message { background-color: #FFF !important; padding: 7px 12px !important; } .hc #hc_container .hc_message { border-top: 0px solid #ededed!important; } .hc #hc_container .hc_reply_box .hc_reply_textarea_active, .hc #hc_container .hc_reply_box .hc_reply_textarea { border: 0px solid #c1c1c1!important; box-shadow: none !important; padding-right: 20px!important; } .hc #hc_container .hc_moderate_box { margin-top: -8px!important; margin-right: -12px !important; } .hc #hc_container .hc_comments_nick { padding-bottom: 5px !important; display: inline-block !important; color: #3F8FC5!important } .hc #hc_container .hc_name_nick { /*color: #215F3C!important*/ } .hc #hc_container .hc_reply_link_logo { top: 26px!important; } .hc #hc_container .hc_dropdawn_menu { top: 46px!important; } /* comments */ #comments h2.heading { float: right; position: relative; z-index: 1; margin-top: 19px; text-transform: capitalize; font-weight: lighter; color: #fff !important; margin-right: 20px; } #comments .comment-reply-title { text-transform: capitalize; font-weight: lighter; background-color: #3F8FC5!important; margin-left: 0px; padding-bottom: 20px; padding-left: 20px; color: #FFF; padding-top: 20px; font-size: 18px; } #commentform textarea { height: 70px; width: 100%; padding: 7px 5px; outline: none; border: none; } #commentform input[type="submit"] { color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; background: #CA6367; cursor: pointer; outline: none; font-size: 16px; margin-top: 10px; border-radius: 0px !important; margin-left:-3px; } #commentform input[type="submit"]:hover { background: #444; } .comment_list_wrapper .comment-respond #commentform textarea { width: 98.5%; color: #777; } /*eeee*/ .comment_list_wrapper { background: #cbcac5; padding: 10px 20px 20px; position: relative; z-index: 20; } .comment_list_wrapper cite.fn { display: inline-block; margin: 0px 10px 10px 0px; float: left; color: #23AEF2 !important; font-size: 14px !important; font-style: normal; font-weight: bold; } .comment_list_wrapper span.says { display: none; } .comment_list_wrapper img.avatar.photo { float: left; } .comment_list_wrapper .comment-meta.commentmetadata { font-size: 10px; padding-top: 2px; } .comment_list_wrapper .comment-meta.commentmetadata a, .comment_list_wrapper .comment-meta.commentmetadata .comment-edit-link { color: #a3a3a3!important; } .comment_list_wrapper .reply { text-align: left; } .comment_list_wrapper .reply a { color: #a3a3a3!important; font-size: 12px; } .comment_list_wrapper li { /*background-color: #fff; padding: 10px 10px;*/ margin-bottom: 20px; } .comment_list_wrapper li:last-child { margin-bottom: 0px; } .comment_list_wrapper li li{ margin-left: 20px; margin-top: 20px; } .comment_list_wrapper li p { display: block; /*margin-top: 14px; margin-left: 52px;*/ font-size: 12px!important; color: #363636!important; margin: 10px 0px; } .comments_body { background-color: #fff; padding: 10px 15px; margin-left: 50px; } .comment_body_header { /*display: table;*/ display: block; width: 100%; } .comments_ava { margin-right: 10px; } .comments_ava img { width: 40px; height: 40px; } .comment_list_wrapper #commentform { position: relative; z-index: 100; padding: 10px 0px 10px; margin-top: 10px; } .comment_list_wrapper .comment-notes { margin-bottom: 15px; display: none; } .comment-form-url { display: none !important; } .form-allowed-tags { display: none !important; } .comment-reply-title small a#cancel-comment-reply-link { z-index: 101; color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; cursor: pointer; outline: none; font-size: 16px; margin-top: 29px; background: #CA6367; text-transform: initial; margin-bottom: -5px; margin-right: -31px; } .comment-reply-title small a#cancel-comment-reply-link:hover { background: #444; } #commentform input[type="text"] { max-width: 100%; width: 100%; border: none; height: 30px; padding: 0px 5px; } .comment_list_wrapper #commentform input[type="text"] { width: 97%; color: #777; } #commentform input[type="text"], #commentform textarea { outline: none !important; } #commentform label .required, .comment-notes .required { color: #FF0000; } .comment-awaiting-moderation { font-size: 14px; } #su-footer-links{display:none;} html body > iframe{display:none;} #youtube_gallery_1 .youtube_gallery_center, #youtube_gallery_2 .youtube_gallery_center, #youtube_gallery_3 .youtube_gallery_center, #youtube_gallery_4 .youtube_gallery_center, #youtube_gallery_5 .youtube_gallery_center{width: 100%;} #youtube_gallery_1 .ytsg_play, #youtube_gallery_2 .ytsg_play, #youtube_gallery_3 .ytsg_play, #youtube_gallery_4 .ytsg_play, #youtube_gallery_5 .ytsg_play{display:none;} .entry .youtube_gallery .youtube_gallery_player a img {display:block;margin:-26px 0 0;width:275px;max-width:275px !important;transition:none;} .entry p { text-align: justify; } .wpcf7-submit{ } .wp-caption{ max-width:100%; margin: auto; } .wp-caption a img{ display: block; margin: 0 auto; } #comments { padding: 15px; } .post-date{ position: relative; display: block; width: 100%; padding: 20px; font-family: 'ArialNer'; color: #000; text-transform: uppercase; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; font-weight: bold; } #footer .pad .widget ul li{ background: none; padding: 0; } #footer .pad .widget ul li a{ border: none; } #footer .pad .widget ul li a:before{ display: none; }