.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}#lightbox{position:absolute;left:0;width:100%;z-index:10100;text-align:center;line-height:0}#jqlb_loading{height:32px;background-image:url(https://tiktokgid.ru/wp-content/plugins/wp-lightbox-2/styles/images/ru_RU/loading.gif);background-repeat:no-repeat;background-position:center center}#jqlb_closelabel{height:22px;background-image:url(https://tiktokgid.ru/wp-content/plugins/wp-lightbox-2/styles/images/ru_RU/closelabel.gif);background-repeat:no-repeat;background-position:center center}#lightbox a img{border:none}#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#imageContainer{padding:10px}#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#imageContainer>#hoverNav{left:0}#hoverNav a{outline:none}#prevLink,#nextLink{width:45%;height:100%;background:transparent url(https://tiktokgid.ru/wp-content/plugins/wp-lightbox-2/styles/images/ru_RU/blank.gif) no-repeat;display:block}#prevLink{left:0;float:left}#nextLink{right:0;float:right}#prevLink:hover,#prevLink:visited:hover{background:url(https://tiktokgid.ru/wp-content/plugins/wp-lightbox-2/styles/images/ru_RU/prev.gif) left 50% no-repeat}#nextLink:hover,#nextLink:visited:hover{background:url(https://tiktokgid.ru/wp-content/plugins/wp-lightbox-2/styles/images/ru_RU/next.gif) right 50% no-repeat}#nextLinkText,#prevLinkText{color:#ff9834;font-weight:bold;text-decoration:none}#nextLinkText{padding-left:20px}#prevLinkText{padding-right:20px}.ontop #imageData{padding-top:5px}#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em}#imageData{padding:0 10px}#imageData #imageDetails{width:70%;float:left;text-align:left}#imageData #caption{font-weight:bold}#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em}#imageData #bottomNavClose{width:86px;float:right;padding-bottom:.7em}#imageData #helpDisplay{clear:left;float:left;display:block}#overlay{position:absolute;top:0;left:0;z-index:10090;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;display:none}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html>body .clearfix{display:inline-block;width:100%}* html .clearfix{/*\*/height:1%;/**/}#lightboxIframe{display:none}html, body {
height: 100%;
}
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: 'Ubuntu', sans-serif;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
button:focus{
outline: 0;
}
p {
font-family: 'Ubuntu', sans-serif;
line-height: 24px;
font-weight: 400;
font-style: normal;
color: #282828;
font-size: 15px;
}
h1, h2, h3, h4, h5, h6, .post-title {
color: #282828;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
h2{
font-size: 18px;
}
.single-content-wrap p, .entry p {
display: block;
margin-bottom: 15px;
text-align: justify;
}
img.aligncenter, .wp-caption.aligncenter {
clear: both;
margin-top: 12px;
margin-bottom: 12px;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
height: auto;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin-bottom: 20px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-right: 0px!important;
padding-left: 0px!important;
}
.entry iframe{
display: block;
margin: 0 auto 15px;
width: 100%;
}
.entry ul li {
position: relative;
margin: 0 0 5px 0;
padding-left: 5px;
font-size: 15px;
line-height: 22px;
}
.entry ol, .entry ul {
margin: 5px 0 25px 15px;
}
.entry ul li:before {
position: absolute;
top: 7px;
left: -15px;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #4387d2;
content: "";
line-height: 8px;
}
.entry ul ul{
margin-left: 0px;
}
.entry ul ul li{
padding-left: 0px;
}
.entry ul ul li:before {
display: none;
}
* {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
outline: none;
color: #000;
text-decoration: none!important;
line-height: inherit;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.page-wrap {
position: relative;
min-height: 100%;
background: #f9f9f9;
}
.main-menu-inner, .off-canvas-nav-inner {
font-family: 'Ubuntu', sans-serif;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 700;
font-style: normal;
font-size: 15px;
}
ol, ul {
list-style: none;
}
.head-menu{
right: auto;
left: auto;
display: block;
background-color: #fff;
-webkit-box-shadow: 0 4px 6px 0 rgba(28,28,28,.05);
-moz-box-shadow: 0 4px 6px 0 rgba(28,28,28,.05);
box-shadow: 0 4px 6px 0 rgba(28,28,28,.05);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
position: fixed;
top: 0px;
width: 100%;
height: 50px;
z-index: 999;
height: 52px;
}
.main-menu-inner{
text-transform:uppercase;
font-weight:700;
font-size:15px;
font-family:'Ubuntu',sans-serif
}
.main-menu-inner>li{
position:relative;
display:inline-block
}
.main-menu-inner>li>a{
position:relative;
display:block;
padding:0 15px;
white-space:nowrap;
line-height:52px;
color: #000;
-webkit-transition:color .2s;
-moz-transition:color .2s;
-ms-transition:color .2s;
-o-transition:color .2s;
transition:color .2s
}
.main-menu-inner>li:hover>a,.main-menu-inner>li:focus>a{
background-color:rgba(28,28,28,.03);
text-decoration: none;
}
.main-menu-inner>.current-menu-item>a{
background-color:rgba(28,28,28,.03)
}
.main-menu-inner .sub-menu .current-menu-item>a{
background-color:rgba(255,255,255,.15);
color:#fff
}
.main-menu-inner i{
margin-right:7px
}
.main-menu-inner .sub-menu .sub-menu{
top:0;
left:100%;
-webkit-transition:-webkit-transform .15s ease-in-out;
-moz-transition:-moz-transform .15s ease-in-out;
-ms-transition:-ms-transform .15s ease-in-out;
-o-transition:-o-transform .15s ease-in-out;
transition:transform .15s ease-in-out;
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:100% 0%;
-ms-transform-origin:100% 0%;
transform-origin:100% 0%;
pointer-events:none;
backface-visibility:hidden;
-webkit-backface-visibility:hidden
}
.main-menu-inner .sub-menu>li:hover>.sub-menu,.main-menu-inner .sub-menu>li:focus>.sub-menu{
visibility:visible;
opacity:1;
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1);
pointer-events:auto
}
.main-menu-inner .sub-menu>li>.sub-menu>li:hover>.sub-menu,.main-menu-inner .sub-menu>li>.sub-menu>li:focus>.sub-menu{
visibility:visible;
opacity:1;
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-o-transform:scaleY(1);
transform:scaleY(1);
pointer-events:auto
}
.header-style-5 .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-6 .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-7 .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-9 .mega-col-menu.mega-menu-wrap.sub-menu{
left:50%;
transform:translate(-50%,0) scaleY(0)
}
.header-style-5 .is-col-mega-menu:hover .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-5 .is-col-mega-menu:focus .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-6 .is-col-mega-menu:hover .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-6 .is-col-mega-menu:focus .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-7 .is-col-mega-menu:hover .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-7 .is-col-mega-menu:focus .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-9 .is-col-mega-menu:hover .mega-col-menu.mega-menu-wrap.sub-menu,.header-style-9 .is-col-mega-menu:focus .mega-col-menu.mega-menu-wrap.sub-menu{
transform:translate(-50%,0) scaleY(1)
}
.blog-wrap{
padding-top: 45px;
}
.sub-menu li{
position:relative;
display:block
}
.main-menu-inner .sub-menu:not(.mega-menu-wrap) a {
display:block;
padding:10px 20px 10px 15px;
width:100%;
white-space:nowrap;
line-height:1;
color: #fff;
}
.main-menu-inner .sub-menu:not(.mega-menu-wrap) a:hover{
text-decoration: none;
}
.main-menu-inner .sub-menu a:hover {
background-color: rgba(255,255,255,.15);
}
.sub-menu.mega-category-menu>.sub-menu>li{
margin:0 10px
}
.sub-menu.mega-category-menu>.sub-menu>li a{
padding-right:0;
padding-left:0
}
.sub-menu.mega-category-menu>.sub-menu>li a:hover,.sub-menu.mega-category-menu>.sub-menu>li a:focus{
background:none;
opacity:.7
}
.mega-menu-wrap .ajax-pagination.ajax-nextprev{
margin-bottom:0;
padding:0;
border:none
}
.main-menu-inner .sub-menu:not(.mega-menu-wrap) li:last-child a, 
.main-menu-inner .sub-menu .sub-menu li: last-child a {
border-bottom: none
}
.main-menu-inner>li.menu-item-has-children>a:after,
.main-menu-inner>li.is-mega-menu>a:after {
display: inline-block;
margin-left: 7px;
content: "\f107";
font-size: 15px;
font-family: 'Font Awesome 5 Free';
opacity: .7
}
.main-menu-inner .sub-menu li.menu-item-has-children > a:after {
position: absolute;
font-family: 'Font Awesome 5 Free'!important;
top: 50%;
right: 15px;
display: block;
margin-top: -10px;
height: 20px;
content: "\f105";
line-height: 20px;
}
.main-menu-inner>li.is-mega-menu>a:before,
.main-menu-inner>li.menu-item-has-children>a:before {
position: absolute;
bottom: 0;
left: 20px;
z-index: 200;
border-right: 5px solid transparent;
border-bottom: 6px solid transparent;
border-left: 5px solid transparent;
content: '';
-webkit-transition: all .05s ease-in-out;
-moz-transition: all .05s ease-in-out;
-ms-transition: all .05s ease-in-out;
-o-transition: all .05s ease-in-out;
transition: all .05s ease-in-out
}
.main-menu-inner>li.is-mega-menu:hover>a:before,
.main-menu-inner>li.is-mega-menu:focus>a:before,
.main-menu-inner>li.menu-item-has-children:hover>a:before,
.main-menu-inner>li.menu-item-has-children:focus>a:before {
border-bottom-color: #000;
}
.main-menu-inner .sub-menu {
position: absolute;
top: -99999px;
right: auto;
left: auto;
z-index: 9999;
display: block;
visibility: hidden;
padding: 5px 0;
min-width: 180px;
background-color: #000;
-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 7px rgba(0, 0, 0, .1);
color: #fff;
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
opacity: 0;
pointer-events: none
}
.main-menu-inner .is-mega-bg .sub-menu {
background: none
}
.mega-category-menu .post-meta-info,
.mega-category-menu .post-meta-info .vcard {
color: rgba(255, 255, 255, .8)
}
.main-menu-inner>li>.sub-menu {
text-align: left;
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-ms-transition: -ms-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden
}
.main-menu-inner>li:hover>.sub-menu {
top: 100%;
bottom: auto;
visibility: visible;
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
pointer-events: auto
}
.blog-content-inner {
position: relative;
display: block;
overflow: hidden;
padding-top: 25px!important;
}
.post-wrap {
position: relative;
display: block;
overflow: hidden;
margin-right: 15px;
margin-bottom: 30px;
margin-left: 15px;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.post-thumb-outer {
position: relative;
display: block;
}
.thumbnail-resize {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
line-height: 0;
}
.thumbnail-image {
position: relative;
display: block;
}
.post-thumb:not(.is-bg-thumb) img {
max-width: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.thumbnail-image:after {
position: absolute;
top: 0;
left: 0;
z-index: 2;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(28,28,28,.7);
content: '';
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.post-wrap:hover .is-image .thumbnail-image:after {
visibility: visible;
opacity: 1
}
.post-cat-info.is-absolute {
bottom: 15px;
left: 15px;
margin: 0;
padding: 0;
}
.post-cat-info {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 11px;
font-family: 'Ubuntu', sans-serif
}
.post-cat-info.is-absolute {
bottom: 15px;
left: 15px;
margin: 0;
padding: 0
}
.is-absolute {
position: absolute!important;
z-index: 10;
}
.cat-info-el {
position: relative;
display: block;
float: left;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 5px;
padding: 0 12px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #55acee;
color: #fff;
text-shadow: none;
font-size: inherit;
line-height: 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
pointer-events: auto
}
.cat-info-el:first-child {
margin-left: 0
}
.post-cat-info .cat-info-el:hover,
.post-cat-info .cat-info-el:focus {
background-color: #282828
}
.is-light-text .cat-info-el:hover,
.is-light-text .cat-info-el:focus,
.is-absolute .cat-info-el:hover,
.is-absolute .cat-info-el:focus {
background-color: #fff!important;
color: #282828
}
.post-body {
position: relative;
padding: 20px 15px 30px 15px;
}
.post-title.is-size-3 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-style: normal;
color: #282828;
font-size: 21px;
}
.post-title.is-size-3> {
line-height: 1.26;
}
.post-title> {
margin: 0;
padding: 0;
color: inherit;
text-transform: inherit;
letter-spacing: inherit;
font-weight: inherit;
font-family: inherit;
line-height: 1.3;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.post-excerpt {
display: block;
margin-top: 13px;
color: #666;
font-size: 14px;
line-height: 1.6
}
.post-list-content .post-meta-info{
margin-bottom: 13px;
}
.sidebar-inner {
display: block;
overflow: hidden;
margin-bottom: 20px;
padding-right: 15px;
padding-left: 35px;
padding-top: 10px;
}
.sidebar-inner .widget {
position: relative;
display: block;
margin-bottom: 15px;
}
.widget-content-wrap {
display: block;
}
.widget-content{
position: relative;
display: block;
padding: 30px 20px;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(28,28,28,.1);
box-shadow: 0 2px 5px 0 rgba(28,28,28,.1);
}
.widget-title{
display: block;
padding: 0;
margin-bottom: 15px;
border-bottom: 3px solid #000;
color: #000;
text-decoration: none!important;
text-transform: uppercase;
text-shadow: none;
font-weight: 600;
font-size: 21px;
line-height: 37px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.widget-content .post-wrap.post-list-4 {
margin-right: 0;
margin-left: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.post-list-4 .post-thumb-outer {
float: left;
margin-bottom: 0;
max-width: 92px;
width: 92px;
height: 70px;
}
.post-list-4 .post-body {
margin-left: 92px;
padding: 0 0 0 15px;
}
.post-title.is-size-6 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-style: normal;
color: #282828;
font-size: 13px;
letter-spacing: -.02em;
}
.post-meta-info, .single-post-top, .counter-element {
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-style: normal;
color: #999;
font-size: 12px;
position: relative;
display: block;
margin-top: 8px;
line-height: 14px;
}
.meta-info-el {
display: inline;
vertical-align: middle;
line-height: inherit;
}
.sb-widget-social-counter .counter-element-inner {
text-transform: capitalize;
line-height: 22px
}
.sb-social-counter.style-1 {
display: block;
overflow: hidden;
margin: -5px
}
.sb-widget-social-counter .style-1 .counter-element {
position: relative;
display: block;
float: left;
padding: 5px;
width: 33.33%;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
font-size: 14px
}
.sb-widget-social-counter .style-1 .counter-element>a {
display: block;
color: #fff;
overflow: hidden;
padding: 15px 5px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.sb-widget-social-counter .style-1 .counter-element i {
display: block;
margin-right: 0;
vertical-align: middle;
font-size: 40px;
line-height: 40px
}
.style-1 .counter-element-inner .num-count {
display: block;
text-transform: uppercase;
letter-spacing: -.03em;
font-weight: 600;
font-size: 18px;
line-height: 24px
}
.style-1 .counter-element-inner .text-count {
display: block;
text-shadow: none;
font-size: 13px;
line-height: 19px
}
.sb-widget-social-counter .counter-element:hover a {
background-color: #282828;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3)
}
.sb-widget-social-counter .bg-facebook a {
background-color: #899dce
}
.sb-widget-social-counter .bg-instagram a {
background-color: #709cbf
}
.sb-widget-social-counter .bg-youtube a {
background-color: #ef464b
}
.sb-widget-social-counter .bg-vk a {
background-color: #42678e
}
.footer-wrap {
position: relative;
display: block;
}
.footer-inner {
background-color: #282828;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center center;
}
.column-footer-wrap {
display: block;
padding-top: 20px;
}
.bottom-footer-wrap {
position: relative;
display: block;
}
.sidebar-footer {
padding-right: 30px!important;
padding-left: 30px!important;
}
.sidebar-footer:first-child{
padding-left: 0px!important;
}
footer .widget-title {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 25px;
border-bottom: 1px solid #3e3e3e;
}
footer .widget-title h3 {
position: relative;
display: inline-block;
line-height: 32px;
border-bottom: 3px solid;
font-weight: 700;
border-color: #aaa;
color: #aaa;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-style: normal;
font-size: 14px;
margin-bottom: 0px
}
span.screen-reader-text{
display: none;
}
.widget_search label{
display: block;
width: 75%;
float: left;
}
.widget_search button[type="submit"]{
position: relative;
display: block;
float: left;
width: 25%;
height: 40px;
}
.widget_search input[type="search"] {
background-color: rgba(255,255,255,.07);
color: #fff;
width: 100%;
}
.widget_search input[type="search"] {
padding: 8px 15px;
height: 40px;
border: none;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
color: #282828
}
.widget_search input[type="search"] {
background-color: rgba(255, 255, 255, .07);
color: #fff
}
.widget_search button[type="submit"] {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.widget_search button[type="submit"]:hover {
background-color: #282828!important
}
.widget_search button[type="submit"]:hover {
background-color: rgba(255, 255, 255, .15)!important
}
.widget_search button[type="submit"] {
border: 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
background-color: #55acee;
color: #fff;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
footer .post-wrap{
background: none;
box-shadow: none;
}
footer .post-title.is-size-6{
color: #fff;
}
footer .post-meta-info{
color: #fff;
}
.footer-logo {
display: block;
float: left;
margin-right: 10px;
height: 50px;
line-height: 50px;
}
.footer-logo img {
max-width: 180px;
max-height: 50px;
width: auto;
height: auto;
}
.footer-menu-wrap {
display: block;
float: left;
overflow: hidden;
height: 50px;
}
.footer-social-wrap {
display: block;
float: right;
margin: 5px 0;
line-height: 1;
}
.footer-menu-inner {
position: static;
display: inline-block;
margin: 0;
}
.footer-menu-inner>li {
display: block;
float: left;
}
.footer-menu-inner li a,.footer-menu-inner li span {
color: #ddd;
}
.footer-menu-inner li a,.footer-menu-inner li span {
display: inline-block;
float: left;
margin: 5px 0;
padding: 0 10px;
text-transform: capitalize;
white-space: nowrap;
line-height: 40px;
font-size: 14px;
}
.footer-social-wrap a {
display: block;
float: left;
margin: 2px;
width: 34px;
height: 34px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: rgba(28,28,28,.07);
color: #282828;
text-align: center;
font-size: 18px;
line-height: 34px;
}
.footer-social-wrap .is-color.icon-facebook {
background-color: #899dce;
}
.footer-social-wrap .is-color.icon-youtube{
background-color: #ef464b
}
.footer-social-wrap .is-color.icon-vk{
background-color: #42678e
}
.footer-social-wrap a.is-color i {
color: #fff;
}
.footer-copyright-wrap {
position: relative;
z-index: 1;
display: block;
padding-top: 15px;
padding-bottom: 15px;
background-color: #242424;
text-align: center;
font-size: 13px;
line-height: 1.6;
}
.footer-copyright-wrap p{
margin-bottom: 0px;
color: #ddd;
font-size: 10px;
}
.bottom-footer-nav{
padding: 15px 15px;
border-top: 1px solid #373737;
}
.footer-menu-inner li a:hover, .footer-menu-inner li a:focus {
opacity: .7;
}
.post-title a:hover, .post-title a:focus {
opacity: .8;
color: inherit;
}
.single-inner {
padding: 0px 15px;
}
.single-box {
position: relative;
display: block;
margin: 0;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(28,28,28,.05);
-wekit-box-shadow: 0 1px 3px 0 rgba(28,28,28,.05);
padding-bottom: 15px;
margin-bottom: 50px;
}
.single-post-header {
position: relative;
display: block;
padding: 10px 30px;
}
.single-post-top {
position: relative;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid rgba(28,28,28,.07);
font-size: 12px;
}
.breadcrumb-wrap {
font-family: 'Ubuntu', sans-serif;
text-transform: none;
font-weight: 400;
font-style: normal;
color: #777;
font-size: 12px;
display: block;
width: 100%;
line-height: 20px;
}
.post-title.is-size-1 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-style: normal;
color: #282828;
font-size: 20px;
letter-spacing: -.04em;
}
.post-title.is-size-1> {
line-height: 1.15;
}
.single-post-thumb-outer {
position: relative;
display: block;
text-align: center;
}
.post-thumb:not(.is-bg-thumb) img {
max-width: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-post-thumb-outer .post-meta-info{
position: absolute;
bottom: 0;
padding: 15px 20px;
color: #fff;
background: rgba(0,0,0,.5);
width: 100%;
text-align: left;
font-size: 14px;
}
.single-post-action {
position: relative;
display: block;
overflow: hidden;
padding: 15px 30px;
border-top: 1px solid rgba(28,28,28,.07);
border-bottom: 1px solid rgba(28,28,28,.07);
}
.single-post-counter {
position: relative;
display: block;
}
.single-post-counter>:last-child {
margin-right: 0;
}
.single-post-counter> {
position: relative;
display: block;
float: left;
margin-right: 20px;
text-align: center;
line-height: 34px;
}
.single-post-action .icon-view, .single-post-action .icon-share {
position: relative;
display: block;
float: left;
margin-right: 12px;
text-align: center;
font-size: 26px;
line-height: 34px;
}
.single-post-action .total-content {
display: block;
float: left;
}
.single-post-action .total-number {
display: block;
text-transform: uppercase;
font-weight: 700;
font-size: 22px;
line-height: 22px;
}
.single-post-action .total-caption {
display: block;
margin-top: 2px;
color: #999;
text-transform: uppercase;
font-size: 10px;
line-height: 10px;
font-family: 'Ubuntu', sans-serif;
}
.single-post-body {
position: relative;
display: block;
padding: 30px 30px;
margin-bottom: 40px;
}
.single-content-wrap {
margin-left: 10px;
}
.single-post-box-related {
margin-top: 30px;
padding: 0 15px;
}
.block-header-wrap {
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-weight: 600;
font-style: normal;
font-size: 18px;
position: relative;
display: block;
margin-bottom: 25px;
border-bottom: 1px solid rgba(28,28,28,.07);
letter-spacing: -.02em;
line-height: 40px;
}
.block-header-inner {
position: relative;
display: block;
}
.block-title {
position: relative;
display: inline-block;
line-height: 0;
}
.block-title h3 {
display: inline-block;
border-bottom: 3px solid;
color: inherit;
text-transform: inherit;
letter-spacing: inherit;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
line-height: 37px;
margin-bottom: 0px;
}
.single-inner .box-related-content {
margin-right: -15px;
margin-left: -15px;
}
.block-content-wrap {
position: relative;
margin-bottom: 15px;
}
.box-related-2 .post-outer:nth-child(2n+1), .box-related-4 .post-outer:nth-child(2n+1) {
clear: both;
}
.post-wrap {
position: relative;
display: block;
overflow: hidden;
margin-right: 15px;
margin-bottom: 30px;
margin-left: 15px;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.widget-content .post-wrap:last-child{
margin-bottom: 0px;
}
.post-feat-4 .post-thumb-outer {
margin-bottom: 0;
height: 250px;
}
.post-thumb-outer {
position: relative;
display: block;
}
.post-feat-4.post-wrap .is-header-overlay {
padding: 0 15px 15px 15px;
}
.post-wrap .is-header-overlay {
top: auto;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 15px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.is-light-text, .is-light-text>, .is-light-text .cat-info-el {
color: #fff;
}
.is-absolute {
position: absolute!important;
z-index: 10;
}
.post-thumb-overlay {
position: absolute;
top: 45%;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.75) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(30%,rgba(0,0,0,.2)),color-stop(100%,rgba(0,0,0,.75)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.75) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.75) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.75) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.75) 100%);
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.single-post-1 .post-thumb {
display: inline-block;
}
.post-thumb.is-bg-thumb {
z-index: 1;
display: block;
width: 100%;
height: 100%;
}
.post-feat-4 .thumbnail-resize img {
min-width: 390px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-bg-thumb .thumbnail-resize img {
position: absolute;
right: -9999px;
left: -9999px;
margin: 0 auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.thumbnail-image:after {
position: absolute;
top: 0;
left: 0;
z-index: 2;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(28,28,28,.7);
content: '';
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.post-thumb-outer .is-image img:after {
position: absolute;
top: 0;
left: 0;
z-index: 2;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(28,28,28,.7);
content: '';
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.is-header-overlay.is-light-text .post-title {
text-shadow: 1px 1px 2px rgba(28,28,28,.1);
}
.post-title.is-size-4 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-style: normal;
color: #282828;
font-size: 18px;
}
.is-light-text .post-title {
color: #fff!important;
}
.off-canvas-btn{
position:relative;
display:block;
float:left;
overflow:hidden;
width:24px;
height:52px;
cursor:pointer;
margin-left: 15px;
}
.ruby-is-stick .off-canvas-btn{
width:24px;
height:42px
}
.off-canvas-btn .ruby-trigger{
position:absolute;
top:50%;
left:0;
display:block;
margin-top:-26px;
width:24px;
height:52px
}
.off-canvas-btn .ruby-trigger:hover,.off-canvas-btn .ruby-trigger:focus{
opacity:.7
}
.ruby-trigger .icon-wrap{
position:absolute;
top:50%;
left:0;
display:block;
margin-top:-1px;
width:24px;
height:2px;
background-color:#1d4a7b;
font-size:0;
-webkit-transition:background-color .2s ease-in-out;
-moz-transition:background-color .2s ease-in-out;
-ms-transition:background-color .2s ease-in-out;
-o-transition:background-color .2s ease-in-out;
transition:background-color .2s ease-in-out;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.ruby-close-btn {
position: relative;
display: block;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.ruby-close-btn:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -2px;
margin-left: -10px;
width: 20px;
height: 2px;
background-color: #fff;
content: '';
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ruby-close-btn:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -2px;
margin-left: -10px;
width: 20px;
height: 2px;
background-color: #fff;
content: '';
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ruby-trigger .icon-wrap:before,.ruby-trigger .icon-wrap:after{
position:absolute;
left:0;
width:100%;
height:100%;
background-color:#1d4a7b;
content:'';
-webkit-transition:-webkit-transform .35s;
transition:transform .35s
}
.ruby-trigger .icon-wrap:before{
-webkit-transform:translateY(-300%);
transform:translateY(-300%)
}
.ruby-trigger .icon-wrap:after{
-webkit-transform:translateY(300%);
transform:translateY(300%)
}
.mobile-js-menu .ruby-trigger .icon-wrap{
background-color:transparent
}
.mobile-js-menu .ruby-trigger .icon-wrap:before{
-webkit-transform:translateY(0) rotate(45deg);
transform:translateY(0) rotate(45deg)
}
.mobile-js-menu .ruby-trigger .icon-wrap:after{
-webkit-transform:translateY(0) rotate(-45deg);
transform:translateY(0) rotate(-45deg)
}
.off-canvas-wrap{
position:fixed;
top:0;
bottom:0;
left:0;
z-index:10001;
visibility:hidden;
overflow-x:hidden;
overflow-y:auto;
width:300px;
background-color:#282828;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-transform:translate3d(-100%,0,0);
-moz-transform:translate3d(-100%,0,0);
-o-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000;
-moz-perspective:1000;
-ms-perspective:1000;
perspective:1000
}
.off-canvas-inner{
position:relative;
display:block;
padding:60px 30px
}
.canvas-sidebar-inner .widget{
margin-bottom:30px;
padding-bottom:30px;
border-bottom:2px solid rgba(0,0,0,.1)
}
.canvas-sidebar-inner .widget_search .search-input input[type="text"]{
background-color:#fafafa
}
.canvas-sidebar-inner .widget:last-child{
margin-bottom:0;
border:none
}
.canvas-sidebar-inner .widget-title.block-title{
display:block;
margin-bottom:20px
}
.canvas-sidebar-inner .widget-title.block-title span{
background:none!important;
color:inherit!important
}
.off-canvas-wrap .sidebar-inner{
padding:0
}
.off-canvas-wrap.is-dark-text{
background-color:#fff
}
.admin-bar .off-canvas-wrap{
top:32px
}
.mobile-js-menu .off-canvas-wrap{
visibility:visible;
-webkit-transition:-webkit-transform .2s;
transition:transform .2s;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.main-site-mask{
position:fixed;
top:0;
left:0;
z-index:1000;
display:block;
visibility:hidden;
width:100%;
height:100%;
background:transparent;
-webkit-transition:background .2s ease-in-out , visibility .2s ease-in-out;
-moz-transition:background .2s ease-in-out , visibility .2s ease-in-out;
transition:background .2s ease-in-out , visibility .2s ease-in-out;
backface-visibility:hidden;
-webkit-backface-visibility:hidden
}
.mobile-js-menu .main-site-mask{
visibility:visible;
background:rgba(28,28,28,.9)
}
.off-canvas-wrap::-webkit-scrollbar{
width:6px;
background:#eee
}
.off-canvas-wrap.is-light-text::-webkit-scrollbar{
background:#333
}
.off-canvas-wrap::-webkit-scrollbar-corner{
display:block;
border-radius:4px;
background-color:#55acee
}
.off-canvas-wrap::-webkit-scrollbar-thumb{
border-radius:4px;
background-color:#55acee
}
.off-canvas-wrap.is-light-text::-webkit-scrollbar-corner,.off-canvas-wrap.is-light-text::-webkit-scrollbar-thumb{
background-color:#aaa
}
#ruby-off-canvas-close-btn{
position:absolute;
top:20px;
right:10px;
display:block;
width:40px;
height:40px;
color:#fff;
text-align:center;
line-height:40px;
opacity:.5
}
.off-canvas-wrap.is-dark-text #ruby-off-canvas-close-btn{
color:#282828
}
#ruby-off-canvas-close-btn:hover,#ruby-off-canvas-close-btn:focus{
opacity:1
}
.off-canvas-social-wrap{
display:block;
padding-top:30px;
border-top:3px solid rgba(28,28,28,.07);
text-align:center
}
.off-canvas-widget-section-wrap{
margin-top:30px;
padding-top:30px;
border-top:3px solid rgba(28,28,28,.07)
}
.is-light-text .off-canvas-social-wrap,.is-light-text .off-canvas-widget-section-wrap,.is-light-text .canvas-sidebar-inner .widget{
border-color:rgba(255,255,255,.5)
}
.off-canvas-social-wrap a{
display:inline-block;
padding:0 7px;
color:#fff;
font-size:18px;
line-height:30px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.off-canvas-social-wrap a:hover,.off-canvas-social-wrap a:focus{
opacity:.7
}
.off-canvas-wrap.is-dark-text .off-canvas-social-wrap a{
color:#282828
}
.off-canvas-wrap.is-light-text .off-canvas-nav-wrap{
color:#fff
}
.is-dark-text .ruby-close-btn:before,.is-dark-text .ruby-close-btn:after{
background-color:#282828
}
.off-canvas-nav-wrap{
display:block;
margin-top:0;
margin-bottom:30px
}
.off-canvas-nav-wrap .sub-menu{
display:none
}
.off-canvas-nav-wrap a{
position:relative;
display:block;
width:100%;
border-top:1px solid rgba(255,255,255,.05);
line-height:42px;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-ms-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out
}
.no-menu p{
display:block;
padding:15px 0;
color:#999;
letter-spacing:0;
font-weight:400;
font-size:14px;
line-height:1.4
}
.no-menu a{
display:inline-block;
width:auto;
border:none;
text-decoration:underline
}
.no-menu a:hover{
color:#282828
}
.off-canvas-nav-wrap a:hover{
opacity:.7
}
.is-dark-text .off-canvas-nav-wrap a{
border-color:#f8f8f8
}
.off-canvas-nav-inner>li:first-child>a{
border-top:none
}
.off-canvas-nav-wrap .explain-menu{
z-index:999;
display:block;
float:right;
width:42px;
height:42px;
text-align:center;
opacity:.7;
cursor:pointer;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.off-canvas-nav-wrap .explain-menu:hover{
opacity:1
}
.off-canvas-nav-wrap .explain-menu-inner{
text-align:center;
font-size:15px
}
.off-canvas-nav-wrap .show-sub-menu>.sub-menu{
display:block!important
}
.off-canvas-nav-wrap .sub-menu{
padding-left:15px;
font-size:.85em
}
.off-canvas-nav-wrap .sub-menu .sub-menu{
font-size:inherit
}
.no-menu p{
display:block;
padding:15px 0;
color:#999;
letter-spacing:0;
font-weight:400;
font-size:14px;
line-height:1.4
}
.no-menu a{
display:inline-block;
width:auto;
border:none;
text-decoration:underline
}
.no-menu a:hover{
color:#282828
}
.off-canvas-nav-wrap a:hover{
opacity:.7
}
.is-dark-text .off-canvas-nav-wrap a{
border-color:#f8f8f8
}
.off-canvas-nav-inner>li:first-child>a{
border-top:none
}
.off-canvas-nav-wrap .explain-menu{
z-index:999;
display:block;
float:right;
width:42px;
height:42px;
text-align:center;
opacity:.7;
cursor:pointer;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.off-canvas-nav-wrap .explain-menu:hover{
opacity:1
}
.off-canvas-nav-wrap .explain-menu-inner{
text-align:center;
font-size:15px
}
.off-canvas-nav-wrap .show-sub-menu>.sub-menu{
display:block!important
}
.off-canvas-nav-wrap .sub-menu{
padding-left:15px;
font-size:.85em
}
.off-canvas-nav-wrap .sub-menu .sub-menu{
font-size:inherit
}
.comments-area{
padding: 20px 25px;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(28,28,28,.05);
-wekit-box-shadow: 0 1px 3px 0 rgba(28,28,28,.05);
margin-bottom: 50px;
}
.section-comment{
padding: 0 15px;
}
.vcard cite {
position: relative;
display: block;
overflow: hidden;
color: #282828;
text-transform: capitalize;
font-size: 16px;
float: left;
margin-right: 10px;
font-weight: 100;
}
.vcard a{
clear: both;
}
.comment-content{
padding: 13px 0;
}
.reply a {
position: absolute;
bottom: 15px;
right: 15px;
display: block;
padding: 3px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #55acee;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
line-height: 9px;
}
.edit-link a {
position: absolute;
bottom: 15px;
right: 100px;
display: block;
padding: 3px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #e91e63;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
line-height: 9px;
}
a#cancel-comment-reply-link{
display: inline-block;
padding: 3px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #e91e63;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
line-height: 9px;
}
.reply a:hover, .reply a:focus, .edit-link a:hover, .edit-link a:focus {
background-color: #282828;
}
.commentlist li{
position: relative;
box-shadow: 0 1px 3px 0 rgba(28, 28, 28, .05);
-wekit-box-shadow: 0 1px 3px 0 rgba(28, 28, 28, .05);
margin-bottom: 20px;
padding: 15px;
}
.comment-form-comment textarea{
display: block;
width: 100%;
height: 100px;
}
.comment-form-author, .comment-form-email{
display: inline-block;
width: calc(50% - 10px);
float: left;
margin: 10px 0;
}
.comment-form-author{
margin-right: 20px;
}
.comment-form-author label, .comment-form-email label{
display: block;
}
.comment-form-author input, .comment-form-email input{
width: 100%;
}
button, input[type=button], input[type=submit] {
background: #000;
font-size: 16px;
border: 0;
color: #fff;
padding: 6px 10px;
margin-top: 10px;
}
#tToTop i{
position:fixed;
bottom:16px;
right:16px;
width: 38px;
height: 38px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #4387d2;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 36px;
opacity: .5;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index: 9999;
}
#tToTop i:hover{
opacity: 1;
}
#toc {
border-left: 3px solid #000;
padding: 15px 30px;
margin-bottom: 25px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#toc p {
font-size: 20px;
margin-bottom: 0;
}
#toc a[title=H2] {
padding: 5px 10px 0px;
}
#toc a[title=H3] {
margin-left: 30px;
}
#toc a {
display: block;
color: #2898fb;
text-decoration: underline!important;
}
#toc a[title=H3]:before {
content: '';
background: #000;
height: 5px;
position: absolute;
width: 5px;
border-radius: 50%;
margin-left: -20px;
margin-top: 9px;
}
#toc a[title=H2]:hover, #toc a[title=H3]:hover{
color: #000;
text-decoration: none!important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.post-wrap.post-list-1 {
padding-right: 15px;
padding-left: 15px;
}
.post-list-inner {
margin-right: -15px;
margin-left: -15px;
}
.post-list-1 .post-body {
padding: 30px;
}
.post-list-1 .post-list-content {
display: block;
overflow: hidden;
height: 220px;
}
.post-meta-info-share {
display: block;
margin-top: 20px;
text-align: left;
line-height: 0;
}
.nav-links {
display: block;
float: left;
color: #fff;
margin: 0 auto;
}
.page-numbers {
display: block;
float: left;
margin-right: 4px;
margin-left: 4px;
width: 34px;
height: 34px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
color: #282828;
text-align: center;
font-size: 14px;
line-height: 34px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.page-numbers.current, a.page-numbers:hover, a.page-numbers:focus {
border-color: #55acee;
background-color: #55acee;
color: #fff;
}
.next.page-numbers, .prev.page-numbers{
width: auto;
padding: 0 10px;
}
.screen-reader-text{display: none;}
.navigation.pagination{ padding: 0 10px; }
#true_loadmore{
display: inline-block;
padding: 0 20px;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: rgba(0,0,0,.4);
color: #fff;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
font-size: 13px;
line-height: 28px;
opacity: .4;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin: 0 auto 15px;
cursor: pointer;
}
#true_loadmore:hover{
background-color: #282828;
}
.comment-respond #submit[disabled="disabled"] {opacity: 0.7;}
.form-submit{
text-align: right;
margin-bottom: 30px;
}
.entry blockquote p {
padding: 0 18px;
border-left: 3px solid #4387d2;
color: #282828;
text-transform: none;
letter-spacing: -.03em;
font-style: italic;
font-size: 18px;
line-height: 1.5;
opacity: .8;
}
.entry ol li {
margin: 0 0 7px 0;
padding-left: 5px;
list-style: outside decimal;
font-size: 15px;
}
.entry table {
margin-top: 2em;
margin-bottom: 2em;
width: 100%;
border-bottom: 1px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
}
.entry th, .entry td {
padding: 7px 15px;
border-top: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@media(max-width: 480px){
.single-content-wrap {
margin-left: 0px!important;
}
.sidebar-inner{
padding: 0px 15px!important;
}
.sidebar-footer:first-child{
padding-left: 30px!important;
}
.single-inner{
padding: 0;
}
.single-post-header {
padding: 10px 15px;
}
.single-post-body{
padding: 30px 15px 0px;
margin-bottom: 0px;
}
.post-list-1 .post-body{
padding: 15px;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.sidebar-inner .post-list-4 .post-thumb-outer {
float: left;
margin-bottom: 0;
max-width: 100%; 
width: 100%;
height: 100%;
}
.sidebar-inner .post-list-4 .post-body{
margin-left: 0px;
padding: 120px 0px 0px 0px;
}
.single-content-wrap {
margin-left: 0px!important;
}
.sb-widget-social-counter .style-1 .counter-element i{
font-size: 25px;
line-height: 25px;
}
}
.button-st-fix-st2 {
text-align: center;
margin: 20px 0;
}
.button-st-fix-st2 a, .form-submit input[type=submit] {
background: #4387D2;
color: #fff !important;
padding: 10px 30px;
border-radius: 5px;
margin: 10px 0!important;
font-size: 18px;
text-decoration: none;
cursor: pointer;
}
.button-st-fix-st2 a:before {
content: "\f358";
display: inline-block;
font: 14px/1 FontAwesome;
font-size: inherit;
font-family: 'Font Awesome 5 Free';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: .5em;
}
.button-st-fix-st2 a:hover , .form-submit input[type=submit]:hover {
opacity: 0.7;
}
.after__h1__hotfix h1 {
margin-bottom:15px;
}
.search_btn{
position: absolute;
right: 30px;
top: 14px;
color: #000;
cursor: pointer;
}
.header-search-popup {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
display: none;
width: 100%;
background-color: #fff;
color: #282828;
}
.header-search-popup-wrap {
position: relative;
}
.ruby-close-search {
position: absolute;
top: 10px;
right: 15px;
z-index: 9;
width: 34px;
height: 34px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height: 34px;
opacity: .3;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header-search-popup-inner {
display: block;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0px;
}
.header-search-popup-inner input[type="search"] {
width: 100%;
background: rgba(28,28,28,.07);
border: none;
padding: 5px 15px;
}
.header-search-popup-inner label {
width: calc(100% - 75px);
}
.header-search-popup .search-form {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
}
.head-menu button, input[type=button], input[type=submit]{
background: transparent;
color: #000;
}
.head-menu [type=search] {
-webkit-appearance: searchfield;
}
.ruby-close-search{
background-color: #000;;
}
.entry a{
color: #2898fb;
}
.admin_menu{
top: 32px;
}
.is-light-text .post-title.entry-title.is-size-4 a{
color: #fff;
}
.for_sod img {
border: 1px solid #4387d2;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.for_sod img:hover {
box-shadow: 0 0 6px 2px #4387d2;
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
opacity: 0.2;
background-color: #ffffff;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
.lazy-loaded {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1 !important;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}