* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
a,
.roll-link {
display: inline-block;
}
.checkbox-single,
.mobile-nav {
user-select: none
}
.btn,
.site-header .container,
.view {
overflow: hidden
}
.btn,
.header-icons ul li a,
.heading a,
.searchform .close-search,
a,
a.link-grey,
a.link-no-td,
h1 a,
h2 a,
h3 a,
.h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none
}
body.is-loaded.is-open,
body.is-loaded.snapjs-left,
body.is-mobile.mobile-nav-visible {
overflow-x: hidden
}
#logo img,
.blogroll-nav .bn-page.disabled,
.thumb-preview-post {
visibility: hidden
}
@font-face {
font-family: 'ProximaLight';
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaLight.eot);
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaLight.eot) format('embedded-opentype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaLight.woff2) format('woff2'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaLight.woff) format('woff'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaLight.ttf) format('truetype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaLight.svg#ProximaNovaLight) format('svg');
}
@font-face {
font-family: 'ProximaRegular';
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaRegular.eot);
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaRegular.eot) format('embedded-opentype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaRegular.woff2) format('woff2'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaRegular.woff) format('woff'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaRegular.ttf) format('truetype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaRegular.svg#ProximaNovaRegular) format('svg');
}
@font-face {
font-family: 'ProximaBold';
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaBold.eot);
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaBold.eot) format('embedded-opentype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaBold.woff2) format('woff2'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaBold.woff) format('woff'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaBold.ttf) format('truetype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaBold.svg#ProximaNovaBold) format('svg');
}
@font-face {
font-family: 'ProximaExtrabld';
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaExtrabld.eot);
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaExtrabld.eot) format('embedded-opentype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaExtrabld.woff2) format('woff2'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaExtrabld.woff) format('woff'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaExtrabld.ttf) format('truetype'), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/ProximaNovaExtrabld.svg#ProximaNovaExtrabld) format('svg');
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
box-sizing: border-box
}
html {
line-height: 1
}
body {
font-family: ProximaRegular, '-apple-system', BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 15px;
line-height: 1.4;
background: #fff;
color: #737373;
-webkit-font-smoothing: optimizeLegibility;
text-rendering: optimizeLegibility;
}
ol,
ul {
list-style: none
}
caption,
td,
th {
text-align: left;
font-weight: 400;
vertical-align: middle
}
.block-heading.bh-centered,
.t-center {
text-align: center
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
b,
strong {
font-family: ProximaBold, sans-serif;
font-weight: 400
}
img {
max-width: 100%;
height: auto;
border: none;
display: inline-block
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
box-sizing: border-box
}
:focus {
outline: 0
}
#nav .nav-trigger:after,
#nav .nav-trigger:before,
#nav li:after,
#nav li:before,
.blogroll-nav .bn-page:before,
.blogroll-post figure:before,
.blogroll-post.blogroll-post-author:after,
.blogroll-post.blogroll-post-author:before,
.blogroll-post.blogroll-post-big figure:after,
.blogroll-post.blogroll-post-full:before,
.blogroll-post.blogroll-post-fullbig:before,
.blogroll-post.blogroll-post-half figure:after,
.blogroll-post.blogroll-post-long figure:after,
.blogroll-post.blogroll-post-medium figure:after,
.blogroll-post.blogroll-post-megabig figure:after,
.blogroll-quest-post .article-quest a:after,
.blogroll-quest-post .article-quest a:before,
.blogroll-quest-post .slick-dots li button:after,
.blogroll-quest-post .slick-dots li button:before,
.calendar-head:before,
.calendar-table table td a:before,
.checkbox-single label:before,
.cs-head nav li:before,
.cs-head nav li:nth-child(4):after,
.cs-head:before,
.home-heading a:before,
.mobile-nav li:before,
.mobile-nav:before,
.new-bp figure:before,
.new-bp.nbp-post-nothumb .nbp-tag .nbp-line:after,
.new-bp.nbp-post-nothumb .nbp-tag .nbp-line:before,
.ng-carousel-dots button:after,
.ng-carousel-dots button:before,
.question-gallery slide a:after,
.question-gallery slide a:before,
.styling dl dd:before,
.styling ul li:before,
.tag-list dl dd a ins:before,
.tag-list dl:before {
content: '';
display: block;
position: absolute
}
#page,
.block-heading,
.container,
body {
position: relative
}
.nb-row,
.ng-social,
.post-author-info,
.standart-likes,
.tag-list {
display: table;
font-size: 0 !important;
width: 100%
}
.blogroll-post.blogroll-post-mini:after,
.calendar-head nav ul:after,
.cs-head nav ul:after,
.flowGrid:after,
.tag-list dl:after {
content: '';
display: table;
clear: both
}
.blogroll-post,
.blogroll-post.bp-author-archive a,
.btn,
.checkbox-single label,
.new-bp,
.single-post-tags .sf-content,
.single-post-tags .sf-heading,
.styling .wp-caption figcaption,
.styling .wp-caption img,
.tag-list dl {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.slide {
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.multiSelect .checkboxLayer .multiSelectItem .acol,
.post-author-info .centered-info,
.post-author-info .pai-link {
display: inline-block;
vertical-align: middle
}
@font-face {
font-family: icon;
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/icon/icon.eot?eb13q6);
src: url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/icon/icon.eot?#iefixeb13q6) format("embedded-opentype"), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/icon/icon.woff?eb13q6) format("woff"), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/icon/icon.ttf?eb13q6) format("truetype"), url(//nogibogi.com/wp-content/themes/nogibogi/assets/fonts/icon/icon.svg?eb13q6#icon) format("svg");
font-weight: 400;
font-style: normal
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.svg-icon {
width: 1em;
height: 1em
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #009bff
}
.svg-icon circle {
stroke: #009bff;
stroke-width: 1
}
.bn-page .svg-icon,
.single-post-nav .svg-icon {
transition: all .3s
}
.bn-page .svg-icon path,
.bn-page .svg-icon polygon,
.bn-page .svg-icon rect,
.single-post-nav .svg-icon path,
.single-post-nav .svg-icon polygon,
.single-post-nav .svg-icon rect {
fill: #918f8f
}
.bn-page .svg-icon circle,
.single-post-nav .svg-icon circle {
stroke: #918f8f
}
.breadcrumbs .svg-icon path,
.breadcrumbs .svg-icon polygon,
.breadcrumbs .svg-icon rect {
fill: #fff
}
.breadcrumbs .svg-icon circle {
stroke: #fff
}
.calendar-head .svg-icon path,
.calendar-head .svg-icon polygon,
.calendar-head .svg-icon rect,
.calendar-single .svg-icon path,
.calendar-single .svg-icon polygon,
.calendar-single .svg-icon rect {
fill: #00B367
}
.calendar-head .svg-icon circle,
.calendar-single .svg-icon circle {
stroke: #00B367
}
[class*=" icon-"],
[class^=icon-] {
font-family: icon;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-calendar:before {
content: "\e600"
}
.icon-views:before {
content: "\e601"
}
.icon-twitter:before {
content: "\e602"
}
.icon-thin-arrow-right:before {
font-size: 21px;
content: "\e603"
}
.icon-thin-arrow-left:before {
content: "\e604";
font-size: 21px;
}
.icon-search:before {
content: "\e605"
}
.icon-quote:before {
content: "\e606"
}
.icon-ok:before {
content: "\e607"
}
.icon-lock:before {
content: "\e608"
}
.icon-list:before {
content: "\e609"
}
.icon-googleplus:before {
content: "\e60a"
}
.icon-fullscreen-on:before {
content: "\e60b"
}
.icon-facebook:before {
content: "\e60c"
}
.icon-comments:before {
content: "\e60d"
}
.icon-close:before {
content: "\e60e"
}
.icon-arrow-right:before {
content: "\e60f"
}
.icon-vk:before {
content: "\f189"
}
.icon-telegram {
width: 28px;
height: 28px;
display: inline-block;
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/telegram-logo.svg) calc(50% + -1px) no-repeat;
background-size: 14px 14px;
}
.icon-strava {
width: 28px;
height: 28px;
display: inline-block;
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/strava-logo.svg) calc(50% + -1px) no-repeat;
background-size: 14px 14px;
}
.icon-youtube {
width: 28px;
height: 28px;
display: inline-block;
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/youtube-logo.svg) calc(50% + -1px) no-repeat;
background-size: 14px 14px;
}
html body {
background-color: #fff
}
html #page,
html body.seo-body {
background: #fff
}
html.windowload .spinner-loader {
display: none
}
body {
z-index: 0
}
body.is-open {
width: 100vw;
height: 100vh
}
body.is-loaded .site-preloader {
visibility: hidden;
opacity: 0
}
body.is-mobile #page {
transform: translate3d(0, 0, 0);
transition: all .2s linear
}
body.is-mobile.mobile-nav-visible #page {
transform: translate3d(230px, 0, 0)
}
#page {
min-height: 100vh;
padding: 0 0 65px
}
.is-mobile #page {
margin-bottom: 0
}
.container {
display: block;
margin: 0 auto;
width: 100%;
max-width: 1000px;
height: 100%
}
.clear:after,
.container:after {
content: "";
display: table;
clear: both
}
.block-heading {
font-size: 22px;
display: block;
font-family: ProximaBold, sans-serif;
color: #000;
line-height: 1;
padding: 20px 0 0;
margin: 0 0 30px
}
.block-heading.bh-archive {
padding-top: 30px
}
.block-heading.bh-centered.bn-ttu {
padding-top: 30px;
text-transform: uppercase;
font-family: ProximaExtrabld, sans-serif;
font-size: 18px
}
.block-heading:first-letter {
text-transform: capitalize
}
.block-heading.bh-fl {
padding-top: 30px;
margin-bottom: 20px
}
.block-heading .bh-mini-link {
color: #3d3d3d;
display: inline-block;
margin-left: 15px;
vertical-align: baseline;
font-size: 12px;
text-decoration: none;
text-transform: uppercase
}
.block-heading .bh-mini-link:hover {
color: #fa5f00
}
.block-heading br~.bh-mini-link {
margin-left: 0;
margin-right: 10px
}
.block-heading span:not(.vcard) {
position: absolute;
bottom: 0;
right: 0;
color: #3d3d3d;
font-size: 12px;
font-family: ProximaRegular, sans-serif
}
.block,
.view {
position: relative
}
.block-heading span:not(.vcard) b,
.heading,
h1,
h2,
h3,
.h3,
h4,
h5,
h6 {
vertical-align: top;
font-family: 'ProximaBold', sans-serif;
font-weight: 400
}
h1 .vcard {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.block {
padding: 20px 0
}
.block.dark-block {
background: #222
}
.block.dark-block .block-heading {
color: #fff
}
.block.grey-block {
background: #EDEDED
}
article.seo-article {
width: 100%;
max-width: 600px;
margin: 30px auto;
padding: 0 20px
}
article.seo-article h1 {
margin-bottom: 20px
}
article.seo-article nav {
margin: 30px 0
}
article.seo-article nav:after {
content: "";
display: table;
clear: both
}
article.seo-article nav a {
max-width: 48%;
float: left
}
article.seo-article nav a.seo-next-post {
float: right;
text-align: right
}
.aligncenter,
.btn,
.heading-center,
form:not(.searchform) input[type=text].center-input,
form:not(.searchform) input[type=password].center-input,
form:not(.searchform) input[type=number].center-input,
form:not(.searchform) input[type=email].center-input,
form:not(.searchform) textarea.center-input,
table td {
text-align: center
}
.seo-content,
.seo-metadata {
margin: 0 0 30px
}
.seo-thumb {
display: none
}
.view {
background: #fff;
width: 100%;
height: 200px;
padding: 200px 0 0
}
.view:after {
content: '';
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/logo.png) no-repeat;
width: 32px;
height: 32px;
display: block;
margin: -16px 0 0 -15px;
position: absolute;
top: 50%;
left: 50%
}
.view.view-loaded {
height: auto;
background: 0 0;
padding: 0
}
.view.view-loaded:after {
display: none
}
.heading,
h1,
h2,
h3,
.h3,
h4,
h5,
h6 {
margin-bottom: 30px;
position: relative;
color: #3d3d3d;
}
.heading.aligncenter,
h1.aligncenter,
h2.aligncenter,
h3.aligncenter,
.h3.aligncenter,
h4.aligncenter,
h5.aligncenter,
h6.aligncenter {
padding: 0 30px
}
.post-article .heading a,
.post-article h1 a,
.post-article h2 a,
.post-article h3 a,
.post-article h4 a,
.post-article h5 a,
.post-article h6 a {
border-bottom: 1px solid transparent;
transition: color .3s, border-color .3s
}
.post-article .heading a:hover,
.post-article h1 a:hover,
.post-article h2 a:hover,
.post-article h3 a:hover,
.post-article .h3 a:hover,
.post-article h4 a:hover,
.post-article h5 a:hover,
.post-article h6 a:hover {
border-color: #00B367
}
.heading-1,
h1 {
font-size: 42px;
line-height: 1.2
}
.heading-2,
h2 {
font-size: 32px;
line-height: 1.2
}
.heading-3,
.h3,
h3 {
font-size: 24px
}
.h3 h2 {
font-size: inherit;
margin: 0;
}
.heading-4,
h4 {
font-size: 21px
}
article:not(.nb-post) .heading-5,
article:not(.nb-post) h5 {
position: relative;
font-size: 22px !important;
line-height: 30px !important;
color: #737373;
margin: 0 0 30px;
font-family: ProximaRegular, sans-serif
}
.subheading,
form:not(.searchform) label {
font-family: ProximaBold, sans-serif
}
.subheading {
height: 60px;
line-height: 60px;
font-size: 16px;
text-transform: uppercase;
color: #222;
margin-bottom: 0
}
.widget .subheading {
font-size: 12px
}
a {
color: #00B367;
transition: all .2s linear
}
a:hover {
color: #009a58
}
a.link-grey {
color: #C5C5C5
}
a.link-grey:hover {
color: #929292
}
.text-white {
color: #fff
}
.text-grey {
color: #C5C5C5
}
.text-green {
color: #00D27C
}
p {
margin: 0 0 25px
}
em,
i {
font-style: italic
}
.alignleft {
float: left;
margin: 0 20px 10px 0
}
.alignright {
float: right;
margin: 0 0 10px 20px
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block
}
table {
border-spacing: 0;
margin: 0 0 30px;
border-collapse: collapse;
width: 100%;
color: #737373;
font-size: 16px;
border: 2px solid #E7E7E7
}
table tr {
border-bottom: 1px solid #E7E7E7
}
table tr:nth-child(even) {
background: #F6F6F6
}
table td {
width: auto;
padding: 17px 15px 15px;
line-height: 1.2;
border-right: 1px solid #E7E7E7
}
.single-post-content {
font-size: 17px;
line-height: 1.5;
color: #000
}
.single-post-content a {
color: #00D27C !important
}
.single-post-content a:hover {
color: #00b96d
}
.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content .h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
margin-bottom: 15px
}
.single-post-content ol,
.single-post-content ul {
list-style: none;
counter-reset: item;
margin: 40px 0 40px 30px
}
.single-post-content ol li,
.single-post-content ul li {
padding: 0 0 0 50px;
position: relative;
margin: 0 0 20px
}
.single-post-content ol li:before,
.single-post-content ul li:before {
display: block;
content: counter(item);
counter-increment: item;
width: 24px;
height: 24px;
line-height: 24px;
position: absolute;
left: 0;
top: 3px;
text-align: center;
font-family: ProximaBold, sans-serif;
color: #F1CC7B;
border: 3px solid #F1CC7B;
border-radius: 30px
}
.checkbox-single,
form:not(.searchform),
form:not(.searchform) fieldset {
position: relative
}
.single-post-content ul li:before {
content: '';
width: 8px;
height: 8px;
left: 9px;
top: 4px
}
form:not(.searchform) .form-field {
position: relative;
margin: 0 0 20px
}
form:not(.searchform) .form-field:after {
content: "";
display: table;
clear: both
}
form:not(.searchform) .form-field .field-desc {
font-size: 13px;
color: #C5C5C5;
font-style: italic;
padding: 8px 0 0;
display: block
}
form:not(.searchform) label {
font-size: 14px;
color: #000;
margin: 0 0 5px;
line-height: 1;
display: block
}
form:not(.searchform) label .req {
color: #DE3315;
margin: 0 0 0 4px
}
form:not(.searchform) input[type=text],
form:not(.searchform) input[type=password],
form:not(.searchform) input[type=number],
form:not(.searchform) input[type=email],
form:not(.searchform) textarea {
border: 1px solid #E7E7E7;
padding: 0 15px;
display: block;
width: 100%;
height: 44px;
font-size: 14px;
border-radius: 2px;
transition: all .2s linear
}
form:not(.searchform) input[type=text]:focus,
form:not(.searchform) input[type=password]:focus,
form:not(.searchform) input[type=number]:focus,
form:not(.searchform) input[type=email]:focus,
form:not(.searchform) textarea:focus {
border: 1px solid #c1c1c1
}
form:not(.searchform) input[type=text].error,
form:not(.searchform) input[type=password].error,
form:not(.searchform) input[type=number].error,
form:not(.searchform) input[type=email].error,
form:not(.searchform) textarea.error {
border-color: #DE3315
}
form:not(.searchform) textarea {
padding: 15px;
height: auto
}
.checkbox-single {
display: block;
margin-bottom: 15px;
-moz-user-select: none;
user-select: none
}
.checkbox-single input {
position: absolute;
top: 0;
left: -10000px
}
.btn,
.checkbox-single label {
position: relative;
font-size: 14px;
cursor: pointer
}
.checkbox-single input:checked+label:before {
border-color: transparent #00B367 #00B367 transparent;
width: 5px;
margin: -8px 0 0 5px;
transform: rotate(35deg)
}
.checkbox-single label {
padding-left: 20px;
line-height: 25px;
height: 20px
}
.checkbox-single label:before {
top: 50%;
left: 0;
width: 10px;
height: 10px;
margin-top: -5px;
background-color: transparent;
border: 2px solid #dcdcdc;
z-index: 1;
transition: border .1s, transform .1s, width .1s, margin .1s
}
.btn,
.searchform input {
transition: all .2s linear;
outline: 0
}
.btn {
background: 0 0;
color: #202020;
font-family: ProximaRegular, sans-serif;
height: 38px;
padding: 0 10px;
border: none;
min-width: 200px;
margin-right: 5px;
border-radius: 0
}
.loader,
.searchform {
position: absolute;
top: 50%
}
#nav li a,
.btn.btn-full {
font-family: ProximaBold, sans-serif;
text-transform: uppercase
}
.btn.btn-icon {
text-align: left
}
.btn.btn-icon .svg-icon {
margin-right: 4px
}
.btn.btn-full {
width: 100%;
text-align: center;
margin: 0;
padding: 0;
min-width: 100%;
font-size: 12px;
color: #fff
}
.btn.btn-border {
border: 2px solid #e7e7e7
}
.btn.btn-border:hover {
border-color: #dadada
}
.btn.btn-border.btn-green {
border-color: #00B367;
color: #00B367
}
.btn.btn-border.btn-green:hover {
border-color: #009a58;
color: #009a58
}
.btn.btn-grey {
background-color: #f3f3f3
}
.btn.btn-grey:hover {
background-color: #e6e6e6
}
.btn.btn-blue {
background-color: #047ee5
}
.btn.btn-blue:hover {
background-color: #0470cc
}
.btn:active:not(.btn-disabled) {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1)
}
.btn.btn-disabled {
cursor: default;
opacity: .5
}
.loader {
display: none;
left: 50%;
transform: translate(-50%, -50%)
}
.loader .loader-circle {
float: left;
width: 8px;
height: 8px;
margin: 0 4px;
background: #fff;
display: block;
border-radius: 50%;
opacity: 0;
animation: loadingFade 1s infinite
}
.loader .loader-circle:nth-child(1) {
animation-delay: 0s
}
.loader .loader-circle:nth-child(2) {
animation-delay: .1s
}
.loader .loader-circle:nth-child(3) {
animation-delay: .2s
}
.loader .loader-circle:first-child {
margin-left: 0
}
.loader .loader-circle:last-child {
margin-right: 0
}
@keyframes loadingFade {
0%,
100% {
opacity: 0
}
50% {
opacity: .8
}
}
.searchform {
right: 0;
transform: translate(0, -50%)
}
.searchform fieldset {
position: relative;
display: block
}
.searchform fieldset i {
width: 28px;
height: 28px;
line-height: 29px;
position: absolute;
right: 2px;
top: 0;
text-align: center;
color: #C5C5C5;
font-size: 12px;
cursor: pointer
}
.searchform input {
height: 28px;
padding: 0 15px;
border: none;
margin: 0;
width: 170px;
display: block;
font-size: 11px;
background: #2E2E2E;
color: #C5C5C5;
border-radius: 28px
}
.searchform input.focused,
.searchform input:focus {
background: #fff;
color: #737373;
width: 270px
}
.searchform .close-search {
display: none;
position: absolute;
top: 5px;
right: 5px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
background: #C5C5C5;
font-size: 9px;
color: #fff;
border-radius: 50%
}
.searchform .close-search:hover {
background: #b8b8b8
}
.searchform .close-search:active {
background: #b1b1b1
}
.mobile-nav .searchform {
position: relative;
top: 0;
transform: none;
display: block;
width: 100%;
padding: 2px 15px 0
}
.mobile-nav .searchform i {
font-size: 15px;
top: 0;
left: 0;
line-height: 55px
}
#nav li a,
.header-icons ul li a {
font-size: 11px;
text-align: center
}
.mobile-nav .searchform input {
height: 55px;
border: 0;
width: 100%;
padding: 0 0 0 35px;
border-bottom: 1px solid #444;
border-radius: 0;
box-sizing: border-box
}
.mobile-nav .searchform input.focused,
.mobile-nav .searchform input:focus {
background: 0 0;
color: #fff;
width: 100%;
border: 0;
border-bottom: 1px solid #444
}
.site-preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: none;
background: #222
}
.site-preloader .preload-icon {
position: relative;
top: 50%;
left: 50%;
width: 129px;
transform: translate(-50%, -50%)
}
.site-preloader .preload-icon:before {
content: '';
display: inline-block;
width: 129px;
height: 80px;
position: relative;
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/logo.png) no-repeat;
top: 0
}
#nav ul:after,
.header-icons ul:after {
content: "";
clear: both
}
.site-preloader .preload-icon:after {
height: 26px;
background-position: 0 -57px
}
.site-header {
background: #222;
height: 155px;
position: relative;
display: block;
padding: 0 0 46px
}
.site-header.seo-header {
height: 109px;
padding: 0 !important;
position: relative !important
}
#logo,
.header-banner {
position: relative;
display: block
}
.header-banner {
width: 100%;
background: #222;
}
.header-banner .holder-banner-wide.banner-exists {
margin: 20px 0
}
#logo {
font-size: 0;
width: 129px;
height: 80px;
margin: 0 auto;
top: 14px;
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/logo.png) center no-repeat;
background-size: 129px 80px;
}
.header-icons {
position: absolute;
left: 0;
top: 50%;
margin-top: -15px
}
.header-icons ul:after {
display: table
}
.header-icons ul li {
float: left;
margin: 0 5px 0 0
}
.header-icons ul li a {
display: block;
background-color: #2E2E2E;
color: #BFBFBF;
width: 28px;
height: 28px;
position: relative;
border-radius: 50%;
transition: background-color .3s
}
.header-icons ul li a i {
line-height: 29px
}
.header-icons ul li a:hover {
background-color: #3b3b3b
}
.header-navigation {
position: absolute;
left: 0;
width: 100%;
height: 47px;
line-height: 46px;
border-top: 1px solid #2E2E2E;
background: #222
}
#nav {
position: relative;
border-left: 1px solid #2E2E2E
}
#nav .logo {
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/nb-logo.svg) no-repeat;
width: 62px;
height: 55px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -27px;
margin-left: -31px;
display: none
}
#nav .logo.visible {
display: inline-block
}
#nav .nav-trigger {
vertical-align: middle;
width: 55px;
height: 55px;
background: 0 0;
padding: 0;
top: -1px;
position: relative;
border: none;
cursor: pointer;
display: none;
transition: background-color .3s
}
#nav .nav-trigger span,
#nav .nav-trigger:after,
#nav .nav-trigger:before {
left: 50%;
width: 20px;
height: 2px;
margin-left: -10px;
background-color: #f0f0f0
}
#nav .nav-trigger.visible {
display: inline-block
}
#nav .nav-trigger:after,
#nav .nav-trigger:before {
top: 20px;
transition: top .3s, bottom .3s, transform .3s
}
#nav .nav-trigger span {
position: absolute;
top: 50%;
margin-top: -1px;
display: block;
transition: opacity .3s, transform .3s
}
#nav li,
#nav li a,
#nav ul {
position: relative
}
#nav .nav-trigger:after {
top: auto;
bottom: 19px
}
.mobile-nav-visible #nav .nav-trigger {
background-color: #2d2d2d
}
.mobile-nav-visible #nav .nav-trigger span {
opacity: 0;
transform: scale(.001)
}
.mobile-nav-visible #nav .nav-trigger:before {
top: 28px;
transform: rotate(45deg)
}
.mobile-nav-visible #nav .nav-trigger:after {
bottom: 25px;
transform: rotate(-45deg)
}
#nav li a,
#nav li:after,
#nav li:before {
transform-style: preserve-3d;
backface-visibility: hidden
}
#nav ul {
display: block;
width: 100%
}
#nav ul:after {
display: table
}
#nav li a,
.mobile-nav li a {
display: block;
text-decoration: none
}
#nav li {
float: left;
width: 12.5%;
border-right: 1px solid #2E2E2E
}
#nav li:after,
#nav li:before {
height: 1px;
width: 100%;
left: 0;
top: 0;
z-index: 1;
transition: opacity .3s
}
#nav li:after {
height: 46px;
opacity: 0
}
#nav li:active:after {
opacity: .7
}
#nav li.cat-green:after,
#nav li.cat-green:before {
background-color: #00B022
}
#nav li.cat-red:after,
#nav li.cat-red:before {
background-color: #FD0000
}
#nav li.cat-laurel:after,
#nav li.cat-laurel:before {
background-color: #008E00
}
#nav li.cat-grey:after,
#nav li.cat-grey:before {
background-color: #8A8A8A
}
#nav li.cat-scarlet:after,
#nav li.cat-scarlet:before {
background-color: #FF4600
}
#nav li.cat-azure:after,
#nav li.cat-azure:before {
background-color: #0094FF
}
#nav li.cat-turquoise:after,
#nav li.cat-turquoise:before {
background-color: #00CAC7
}
#nav li.cat-pink:after,
#nav li.cat-pink:before {
background-color: #F60086
}
#nav li.cat-9:after,
#nav li.cat-9:before {
background-color: #EEDA00
}
#nav li.cat-10:after,
#nav li.cat-10:before {
background-color: #A700BD
}
#nav li a {
color: #fff;
padding: 0;
z-index: 2;
}
#nav li.active:after,
#nav li:hover:after {
opacity: 1
}
#nav .header-icons {
left: auto;
right: 0;
line-height: 1
}
#nav .header-icons li {
line-height: 1;
height: auto;
width: auto;
border: none
}
#nav .header-icons li a {
height: auto
}
.mobile-nav {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 0;
background-color: #2d2d2d;
-moz-user-select: none;
user-select: none;
overflow-y: scroll;
opacity: 0;
z-index: -1;
transition: width .3s;
-webkit-overflow-scrolling: touch
}
.breadcrumbs,
.roll-link {
user-select: none
}
.mobile-nav:before {
top: 0;
left: 0;
width: 2px;
height: 100%;
background-color: #005999
}
.mobile-nav li {
position: relative;
border: 0;
padding: 0;
color: #fff;
border-bottom: 1px solid #2e2e2e;
transition: padding .3s
}
.roll-link span,
.roll-link span:before {
border-radius: 2px;
padding: 0 8px;
height: 18px;
color: #fff
}
.mobile-nav li a {
font-size: 15px;
color: currentColor;
padding: 12px 15px;
position: relative;
z-index: 2
}
.mobile-nav li.active.cat-color,
.mobile-nav li:hover.cat-color {
padding: 0 0 0 5px
}
.mobile-nav li:before {
top: 0;
left: 0;
width: 2px;
height: 100%;
z-index: 1;
transition: width .3s
}
.mobile-nav li.cat-green:after,
.mobile-nav li.cat-green:before {
background-color: #00B022
}
.mobile-nav li.cat-red:after,
.mobile-nav li.cat-red:before {
background-color: #FD0000
}
.mobile-nav li.cat-laurel:after,
.mobile-nav li.cat-laurel:before {
background-color: #008E00
}
.mobile-nav li.cat-grey:after,
.mobile-nav li.cat-grey:before {
background-color: #8A8A8A
}
.mobile-nav li.cat-scarlet:after,
.mobile-nav li.cat-scarlet:before {
background-color: #FF4600
}
.mobile-nav li.cat-azure:after,
.mobile-nav li.cat-azure:before {
background-color: #0094FF
}
.mobile-nav li.cat-turquoise:after,
.mobile-nav li.cat-turquoise:before {
background-color: #00CAC7
}
.mobile-nav li.cat-pink:after,
.mobile-nav li.cat-pink:before {
background-color: #F60086
}
.mobile-nav li.cat-9:after,
.mobile-nav li.cat-9:before {
background-color: #EEDA00
}
.mobile-nav li.cat-10:after,
.mobile-nav li.cat-10:before {
background-color: #A700BD
}
.mobile-nav li:hover:before {
width: 8px
}
.mobile-nav li.active:before {
width: 100%
}
.is-mobile.mobile-nav-visible .mobile-nav {
opacity: 1;
z-index: 3;
width: 230px;
overflow-x: hidden
}
.headroom--pinned {
top: 0
}
.headroom--pinned.headroom--top {
bottom: 0;
top: auto
}
.headroom--not-top {
position: fixed;
top: 0;
bottom: auto;
z-index: 1777;
transform: translate3d(0, 0, 0);
border-top: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
transition: transform .3s
}
.headroom--not-top.headroom--unpinned {
transform: translate3d(0, -70px, 0)
}
.headroom--not-top.headroom--pinned {
transform: translate3d(0, 0, 0)
}
.archive-heading {
padding-top: 0 !important
}
.archive-heading span {
font-family: ProximaRegular, sans-serif
}
.breadcrumbs {
background-color: #fa5f00;
height: 35px;
font-family: Arial;
font-size: 15px;
text-transform: uppercase;
color: #fff;
line-height: 35px;
-moz-user-select: none;
user-select: none;
margin-bottom: 20px
}
.blogroll-post h3,
.blogroll-post .h3,
.blogroll-post.blogroll-post-small h3,
.blogroll-post.blogroll-post-small .h3,
.blogroll-post.blogroll-post-small h3 .no-roll-link,
.blogroll-post.blogroll-post-small .h3 .no-roll-link {
font-family: ProximaBold, sans-serif
}
.breadcrumbs a {
text-decoration: none;
color: inherit;
border-bottom: 1px solid rgba(255, 255, 255, 0);
transition: border-color .3s
}
.breadcrumbs a:hover {
border-color: rgba(255, 255, 255, .5)
}
.breadcrumbs a,
.breadcrumbs span {
font-size: 10px
}
.breadcrumbs svg {
margin: 0 2px;
vertical-align: text-bottom
}
.roll-link {
display: inline-block;
vertical-align: top;
font-size: 11px;
color: #fff;
height: 18px;
line-height: 18px;
z-index: 10;
-moz-user-select: none;
user-select: none
}
.blogroll-nav,
.question-gallery {
user-select: none
}
.roll-link span {
background-color: #8A8A8A;
line-height: 19px;
position: relative;
display: block;
transition: transform .4s, background-color .4s
}
.roll-link span:before {
content: attr(data-title);
display: none;
position: absolute;
font-size: inherit;
left: 0;
top: 0;
width: 100%;
line-height: 18px;
box-sizing: border-box;
background-color: #717171
}
.roll-link:hover span {
background-color: #979797
}
.roll-link.green_2 span {
background-color: #00B022
}
.roll-link.green_2 span:after {
background-color: #007d18
}
.roll-link.red span {
background-color: #FD0000
}
.roll-link.red span:after {
background-color: #ca0000
}
.roll-link.green span {
background-color: #008E00
}
.roll-link.green span:after {
background-color: #005b00
}
.roll-link.grey span {
background-color: #8A8A8A
}
.roll-link.grey span:after {
background-color: #717171
}
.roll-link.orange span {
background-color: #FF4600
}
.roll-link.orange span:after {
background-color: #cc3800
}
.roll-link.blue span {
background-color: #0094FF
}
.roll-link.blue span:after {
background-color: #0076cc
}
.roll-link.green_3 span {
background-color: #00CAC7
}
.roll-link.green_3 span:after {
background-color: #009795
}
.roll-link.pink span {
background-color: #F60086
}
.roll-link.pink span:after {
background-color: #c3006a
}
.blogroll-list {
display: block;
font-size: 0;
width: 100%;
}
.sidebar .blogroll-list {
margin-left: 0;
margin-bottom: 15px;
width: 100%
}
.sidebar .blogroll-list .blogroll-post-mini {
margin-bottom: 15px
}
.blogroll-list.blogroll-list-featured .blogroll-post:nth-child(3) {
position: absolute;
top: 233px;
right: 0
}
.blogroll-post {
width: 320px;
height: 360px;
overflow: hidden;
position: relative;
font-size: 15px;
margin-left: 20px;
margin-bottom: 20px;
}
.blogroll-post.blogroll-banner {
border: 1px solid #ddd;
padding: 9px;
height: auto !important;
margin: 0 0 20px;
}
.blogroll-post .blogroll-post-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3
}
.blogroll-post figure {
margin-bottom: 15px;
position: relative;
overflow: hidden;
background: rgba(128, 128, 128, 0.15)
}
.blogroll-post figure:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .4);
z-index: 1;
transition: transform .3s, background-color .3s, opacity .3s
}
.blogroll-post figure figcaption {
position: absolute;
bottom: -20px;
transition: bottom .3s ease;
left: 20px;
width: calc(100% - 40px);
z-index: 3;
color: #eee;
font-size: 12px
}
.blogroll-post figure figcaption .icon-comments,
.blogroll-post figure figcaption .icon-views {
font-size: 10px
}
.blogroll-post figure figcaption span {
margin: 0 10px 0 0
}
.blogroll-post img {
object-fit: cover;
height: 100%;
width: 100%;
}
.blogroll-post.blogroll-post-big figure:before,
.blogroll-post.blogroll-post-big:hover figure:before,
.blogroll-post.blogroll-post-half figure:before,
.blogroll-post.blogroll-post-half:hover figure:before,
.blogroll-post.blogroll-post-item figure:before,
.blogroll-post.blogroll-post-long figure:before,
.blogroll-post.blogroll-post-long.blogroll-post-a figure:before,
.blogroll-post.blogroll-post-long:hover figure:before,
.blogroll-post.blogroll-post-medium figure:before,
.blogroll-post.blogroll-post-medium:hover figure:before,
.blogroll-post.blogroll-post-megabig figure:before,
.blogroll-post.blogroll-post-megabig:hover figure:before {
display: none
}
.blogroll-post .h3,
.blogroll-post h3 {
margin-bottom: 15px;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
z-index: 4;
transition: color .3s
}
.blogroll-post .h3 .bpl,
.blogroll-post h3 .bpl {
color: #3d3d3d
}
.blogroll-post .roll-link {
position: absolute;
top: -45px;
left: 10px;
transition: top .3s
}
.blogroll-post p {
color: #7c7c7c;
font-size: 16px;
line-height: 1.45
}
.blogroll-post:hover figcaption {
bottom: 15px
}
.blogroll-post:hover figure:before {
background-color: rgba(0, 0, 0, .2)
}
.blogroll-post:hover .bpl {
color: #00B367
}
.blogroll-post.blogroll-post-item figure {
height: 213px
}
.blogroll-post.blogroll-post-item .roll-link {
left: 15px
}
.blogroll-post.blogroll-post-item:hover .roll-link {
top: -70px
}
.blogroll-post.blogroll-post-item.fc-no-exists:hover .roll-link {
top: -45px
}
.blogroll-post.blogroll-post-big .roll-link,
.blogroll-post.blogroll-post-megabig .roll-link {
left: 0;
top: -25px
}
.blogroll-post.blogroll-post-big {
width: 660px
}
.blogroll-post.blogroll-post-big .bpl {
font-size: 44px
}
.blogroll-post.blogroll-post-big figure {
height: 100%;
height: 360px
}
.blogroll-post.blogroll-post-big figcaption {
color: rgba(255, 255, 255, .8)
}
.blogroll-post.blogroll-post-big .bpl,
.blogroll-post.blogroll-post-big:hover .bpl,
.blogroll-post.blogroll-post-half .bpl,
.blogroll-post.blogroll-post-half h3 .bpl,
.blogroll-post.blogroll-post-half .h3 .bpl,
.blogroll-post.blogroll-post-half:hover .bpl,
.blogroll-post.blogroll-post-long .bpl,
.blogroll-post.blogroll-post-long:hover .bpl,
.blogroll-post.blogroll-post-medium .bpl,
.blogroll-post.blogroll-post-medium h3 .bpl,
.blogroll-post.blogroll-post-medium .h3 .bpl,
.blogroll-post.blogroll-post-medium:hover .bpl,
.blogroll-post.blogroll-post-megabig .bpl,
.blogroll-post.blogroll-post-megabig:hover .bpl {
color: #fff
}
.blogroll-post.blogroll-post-megabig {
width: 660px;
height: 446px
}
.blogroll-post.blogroll-post-megabig .bpl {
font-size: 44px;
line-height: 46px
}
.blogroll-post.blogroll-post-megabig figure {
height: 100%;
height: 446px
}
.blogroll-post.blogroll-post-long .h3,
.blogroll-post.blogroll-post-long h3 {
text-align: center
}
.blogroll-post.blogroll-post-long figure {
height: 360px
}
.blogroll-post.blogroll-post-long figcaption {
text-align: center
}
.blogroll-post.blogroll-post-long .roll-link {
top: -30px;
left: 50%;
transform: translateX(-50%)
}
.blogroll-post.blogroll-post-big figure,
.blogroll-post.blogroll-post-half figure,
.blogroll-post.blogroll-post-long figure,
.blogroll-post.blogroll-post-medium figure,
.blogroll-post.blogroll-post-megabig figure {
margin-bottom: 0;
background: #555
}
.blogroll-post.blogroll-post-big figure:after,
.blogroll-post.blogroll-post-half figure:after,
.blogroll-post.blogroll-post-long figure:after,
.blogroll-post.blogroll-post-medium figure:after,
.blogroll-post.blogroll-post-megabig figure:after {
height: 100%;
bottom: 0;
left: 0;
width: 100%;
background-image: radial-gradient(transparent, rgba(0, 0, 0, .6));
transition: transform .3s
}
.blogroll-post.blogroll-post-big h3,
.blogroll-post.blogroll-post-big .h3,
.blogroll-post.blogroll-post-half h3,
.blogroll-post.blogroll-post-half .h3,
.blogroll-post.blogroll-post-long h3,
.blogroll-post.blogroll-post-long .h3,
.blogroll-post.blogroll-post-medium h3,
.blogroll-post.blogroll-post-medium .h3,
.blogroll-post.blogroll-post-megabig h3,
.blogroll-post.blogroll-post-megabig .h3 {
position: absolute;
bottom: 0px;
padding: 0;
left: 15px;
width: calc(100% - 30px);
color: #fff;
transition: bottom .3s ease;
z-index: 4
}
.blogroll-post.blogroll-post-half h3 .roll-link,
.blogroll-post.blogroll-post-half .h3 .roll-link,
.blogroll-post.blogroll-post-medium h3 .roll-link,
.blogroll-post.blogroll-post-medium .h3 .roll-link {
left: 0;
z-index: 1;
top: -25px;
position: absolute
}
.blogroll-post.blogroll-post-big figcaption,
.blogroll-post.blogroll-post-half figcaption,
.blogroll-post.blogroll-post-long figcaption,
.blogroll-post.blogroll-post-medium figcaption,
.blogroll-post.blogroll-post-megabig figcaption {
bottom: -20px
}
.blogroll-post.blogroll-post-big:hover figure:after,
.blogroll-post.blogroll-post-half:hover figure:after,
.blogroll-post.blogroll-post-long:hover figure:after,
.blogroll-post.blogroll-post-medium:hover figure:after,
.blogroll-post.blogroll-post-megabig:hover figure:after {
transform: scale(1.6)
}
.blogroll-post.blogroll-post-big:hover h3,
.blogroll-post.blogroll-post-half:hover h3,
.blogroll-post.blogroll-post-long:hover h3,
.blogroll-post.blogroll-post-medium:hover h3,
.blogroll-post.blogroll-post-megabig:hover h3,
.blogroll-post.blogroll-post-big:hover .h3,
.blogroll-post.blogroll-post-half:hover .h3,
.blogroll-post.blogroll-post-long:hover .h3,
.blogroll-post.blogroll-post-medium:hover .h3,
.blogroll-post.blogroll-post-megabig:hover .h3 {
bottom: 35px
}
.blogroll-post.blogroll-post-big:hover figcaption,
.blogroll-post.blogroll-post-half:hover figcaption,
.blogroll-post.blogroll-post-long:hover figcaption,
.blogroll-post.blogroll-post-medium:hover figcaption,
.blogroll-post.blogroll-post-megabig:hover figcaption {
bottom: 15px
}
.blogroll-post.blogroll-post-big.fc-no-exists h3,
.blogroll-post.blogroll-post-half.fc-no-exists h3,
.blogroll-post.blogroll-post-long.fc-no-exists h3,
.blogroll-post.blogroll-post-medium.fc-no-exists h3,
.blogroll-post.blogroll-post-megabig.fc-no-exists h3,
.blogroll-post.blogroll-post-big.fc-no-exists .h3,
.blogroll-post.blogroll-post-half.fc-no-exists .h3,
.blogroll-post.blogroll-post-long.fc-no-exists .h3,
.blogroll-post.blogroll-post-medium.fc-no-exists .h3,
.blogroll-post.blogroll-post-megabig.fc-no-exists .h3 {
bottom: 20px
}
.blogroll-post.blogroll-post-big.fc-no-exists figcaption,
.blogroll-post.blogroll-post-half.fc-no-exists figcaption,
.blogroll-post.blogroll-post-long.fc-no-exists figcaption,
.blogroll-post.blogroll-post-medium.fc-no-exists figcaption,
.blogroll-post.blogroll-post-megabig.fc-no-exists figcaption {
bottom: -20px
}
.blogroll-post.blogroll-post-medium,
.blogroll-post.blogroll-post-medium figure {
height: 213px
}
.blogroll-post.blogroll-post-half {
width: 490px;
height: 330px
}
.blogroll-post.blogroll-post-half figure {
height: 330px
}
.blogroll-post.blogroll-post-small {
height: 100px
}
.blogroll-post.blogroll-post-small figure {
margin-bottom: 0;
height: 100px
}
.blogroll-post.blogroll-post-small:nth-child(3n+1) {
color: #000
}
.blogroll-post.blogroll-post-small:nth-child(3n+2) {
color: #854003
}
.blogroll-post.blogroll-post-small:nth-child(3n+3) {
color: #0684b8
}
.blogroll-post.blogroll-post-small figure:before {
background-color: currentColor;
opacity: .5
}
.blogroll-post.blogroll-post-small .h3,
.blogroll-post.blogroll-post-small h3 {
position: absolute;
z-index: 4;
bottom: 15px;
left: 15px;
color: #fff;
line-height: 1;
font-size: 16px;
text-transform: uppercase;
margin: 0
}
.blogroll-post.blogroll-post-small h3 a,
.blogroll-post.blogroll-post-small .h3 a {
color: currentColor
}
.blogroll-post.blogroll-post-small h3 .no-roll-link,
.blogroll-post.blogroll-post-small .h3 .no-roll-link {
display: block;
position: absolute;
font-size: 10px;
text-transform: uppercase;
top: -25px;
z-index: 1
}
.blogroll-post.blogroll-post-small:hover a {
color: #fff
}
.blogroll-post.blogroll-post-small:hover figure:before {
opacity: .8
}
.blogroll-post.blogroll-post-mini {
height: auto;
min-height: 87px;
overflow: visible;
padding-left: 140px
}
.blogroll-post.blogroll-post-mini figure {
position: absolute;
top: 0;
left: 0;
width: 130px;
margin: 0 10px 0 0
}
.blogroll-post.blogroll-post-mini figure img {
max-width: 100%;
height: auto
}
.blogroll-post.blogroll-post-mini figcaption {
left: 10px;
bottom: 10px !important;
white-space: nowrap
}
.blogroll-post.blogroll-post-mini h3,
.blogroll-post.blogroll-post-mini .h3 {
position: relative;
padding-top: 20px;
font-family: ProximaRegular, sans-serif;
font-size: 18px;
color: #535353;
z-index: 4
}
.blogroll-post.blogroll-post-mini h3 .bpl,
.blogroll-post.blogroll-post-mini .h3 .bpl {
color: #535353
}
.blogroll-post.blogroll-post-mini h3 .no-roll-link,
.blogroll-post.blogroll-post-mini .h3 .no-roll-link {
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
color: #c3c3c3;
font-size: 10px;
font-family: ProximaExtrabld, sans-serif;
z-index: 1
}
.blogroll-post.blogroll-post-mini:hover .bpl {
color: #00B367
}
.blogroll-post.blogroll-post-mini:hover .no-roll-link {
color: #909090
}
.sidebar .blogroll-post {
width: 100%;
margin-left: 0;
margin-bottom: 30px
}
.blogroll-post.blogroll-post-author {
overflow: visible;
min-height: 120px;
width: 320px;
margin: 0 0 20px 20px;
padding: 20px 0;
height: 100%;
position: relative;
border-top: 2px solid #f2f2f2
}
.blogroll-post.blogroll-post-author:after,
.blogroll-post.blogroll-post-author:before {
width: 0;
height: 2px;
top: -2px;
left: 0;
z-index: 2;
background-color: #00B367;
transition: width .3s
}
.blogroll-post.blogroll-post-author:after {
left: auto;
right: 0;
background-color: #eb1e00;
z-index: 3
}
.blogroll-post.blogroll-post-author h3,
.blogroll-post.blogroll-post-author .h3 {
position: relative;
bottom: auto;
left: auto;
font-family: ProximaRegular, sans-serif;
font-size: 20px;
margin-bottom: 65px
}
.blogroll-post.blogroll-post-author h3 .bpl,
.blogroll-post.blogroll-post-author .h3 .bpl {
color: #202020
}
.blogroll-post.blogroll-post-author h3 .no-roll-link,
.blogroll-post.blogroll-post-author .h3 .no-roll-link {
position: relative;
top: auto;
left: auto;
color: #b8b8b8;
font-size: 10px;
font-family: ProximaExtrabld, sans-serif;
text-transform: uppercase;
display: block;
margin-bottom: 15px;
transition: color .3s
}
.blogroll-post.blogroll-post-author aside {
position: absolute;
left: 0;
bottom: 0;
padding: 7px 0 0 60px;
color: #7c7c7c;
font-size: 12px;
height: 45px
}
.blogroll-post.blogroll-post-author aside b {
font-weight: 400;
font-family: ProximaBold, sans-serif;
display: block;
transition: color .3s
}
.blogroll-post.blogroll-post-author aside i {
font-style: normal
}
.blogroll-post.blogroll-post-author aside img {
position: absolute;
max-width: 45px;
top: 0;
left: 0;
border-radius: 25px
}
.blogroll-post.blogroll-post-author:hover .no-roll-link,
.blogroll-post.blogroll-post-author:hover aside b {
color: #00B367
}
.blogroll-post.blogroll-post-author:hover .bpl {
color: #3d3d3d
}
.blogroll-post.blogroll-post-author:hover:before {
width: 100%
}
.blogroll-post.blogroll-post-author:active .no-roll-link,
.blogroll-post.blogroll-post-author:active aside b {
color: #eb1e00
}
.blogroll-post.blogroll-post-author:active:after {
width: 100%
}
.blogroll-post.blogroll-post-full,
.blogroll-post.blogroll-post-fullbig {
width: 100%;
height: auto;
padding: 70px 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0
}
.blogroll-post.blogroll-post-full:before,
.blogroll-post.blogroll-post-fullbig:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, .7);
transition: background-color .3s
}
.blogroll-post.blogroll-post-full .container,
.blogroll-post.blogroll-post-fullbig .container {
position: relative;
z-index: 5;
height: auto
}
.blogroll-post.blogroll-post-full .blogroll-post-link,
.blogroll-post.blogroll-post-fullbig .blogroll-post-link {
z-index: 4
}
.blogroll-post.blogroll-post-full h2,
.blogroll-post.blogroll-post-fullbig h2 {
display: inline;
position: relative;
z-index: 6;
line-height: 1;
margin: 0 0 15px 0;
}
.blogroll-post.blogroll-post-full .roll-link,
.blogroll-post.blogroll-post-fullbig .roll-link {
position: relative;
top: auto;
left: 0
}
.blogroll-post.blogroll-post-full .bpl,
.blogroll-post.blogroll-post-fullbig .bpl {
color: #fff;
display: block;
font-size: 60px;
line-height: 62px
}
.blogroll-post.blogroll-post-full aside span,
.blogroll-post.blogroll-post-fullbig aside span {
font-size: 12px;
color: #ccc;
margin-right: 10px
}
.blogroll-post.blogroll-post-full aside .svg-icon,
.blogroll-post.blogroll-post-fullbig aside .svg-icon {
vertical-align: middle
}
.blogroll-post.blogroll-post-full aside .svg-icon.svg-icon-eye,
.blogroll-post.blogroll-post-fullbig aside .svg-icon.svg-icon-eye {
position: relative;
top: -1px
}
.blogroll-post.blogroll-post-full aside .svg-icon path,
.blogroll-post.blogroll-post-full aside .svg-icon polygon,
.blogroll-post.blogroll-post-full aside .svg-icon rect,
.blogroll-post.blogroll-post-fullbig aside .svg-icon path,
.blogroll-post.blogroll-post-fullbig aside .svg-icon polygon,
.blogroll-post.blogroll-post-fullbig aside .svg-icon rect {
fill: currentColor
}
.blogroll-post.blogroll-post-full aside .svg-icon circle,
.blogroll-post.blogroll-post-fullbig aside .svg-icon circle {
stroke: currentColor
}
.blogroll-post.blogroll-post-full p,
.blogroll-post.blogroll-post-fullbig p {
line-height: 24px;
color: #fff;
font-size: 20px;
margin-top: 15px
}
.blogroll-post.blogroll-post-full:hover:before,
.blogroll-post.blogroll-post-fullbig:hover:before {
background-color: rgba(0, 0, 0, .5)
}
.blogroll-post.blogroll-post-fullbig {
padding: 100px 0
}
.blogroll-post.blogroll-post-fullbig .bpl {
font-size: 45px
}
.blogroll-post.blogroll-post-fullbig .container {
transform: translateY(0)
}
.blogroll-post.no-term .roll-link {
display: none
}
.blogroll-post.bp-author-archive {
width: 660px;
height: auto;
min-height: 213px;
padding: 20px 20px 20px 200px;
background-color: #f0f0f0
}
.blogroll-post.bp-author-archive figure {
position: absolute;
display: block;
width: 150px;
height: 150px;
top: 20px;
left: 20px
}
.blogroll-post.bp-author-archive figure:before,
body.is-mobile .blogroll-post.blogroll-post-big figure:before,
body.is-mobile .blogroll-post.blogroll-post-half figure:before,
body.is-mobile .blogroll-post.blogroll-post-long figure:before,
body.is-mobile .blogroll-post.blogroll-post-medium figure:before,
body.is-mobile .blogroll-post.blogroll-post-megabig figure:before {
display: none
}
.blogroll-post.bp-author-archive figure img {
border-radius: 50%;
width: 100%;
height: auto
}
.blogroll-post.bp-author-archive figure+p {
margin-top: 0
}
.blogroll-post.bp-author-archive p {
font-family: ProximaRegular, sans-serif;
font-size: 16px;
line-height: 23px;
margin: 20px 0 0;
color: #555
}
.blogroll-post.bp-author-archive a {
text-decoration: none;
font-size: 30px
}
.blogroll-post.bp-author-archive a .svg-icon path,
.blogroll-post.bp-author-archive a .svg-icon polygon,
.blogroll-post.bp-author-archive a .svg-icon rect {
fill: #00B367
}
.blogroll-post.bp-author-archive a .svg-icon circle {
stroke: #00B367
}
.blogroll-post.bp-author-archive a:hover {
transform: scale(1.1)
}
.blogroll-post.bp-author-archive a:active {
opacity: .6
}
body.is-mobile .blogroll-post figcaption {
bottom: 15px
}
body.is-mobile .blogroll-post figure:before {
background-color: rgba(0, 0, 0, .2)
}
body.is-mobile .blogroll-post.blogroll-post-big figure:after,
body.is-mobile .blogroll-post.blogroll-post-half figure:after,
body.is-mobile .blogroll-post.blogroll-post-long figure:after,
body.is-mobile .blogroll-post.blogroll-post-medium figure:after,
body.is-mobile .blogroll-post.blogroll-post-megabig figure:after {
transform: scale(1.6)
}
body.is-mobile .blogroll-post.blogroll-post-big .bpl,
body.is-mobile .blogroll-post.blogroll-post-half .bpl,
body.is-mobile .blogroll-post.blogroll-post-long .bpl,
body.is-mobile .blogroll-post.blogroll-post-medium .bpl,
body.is-mobile .blogroll-post.blogroll-post-megabig .bpl {
color: #fff
}
body.is-mobile .blogroll-post.blogroll-post-big h3,
body.is-mobile .blogroll-post.blogroll-post-half h3,
body.is-mobile .blogroll-post.blogroll-post-long h3,
body.is-mobile .blogroll-post.blogroll-post-medium h3,
body.is-mobile .blogroll-post.blogroll-post-megabig h3,
body.is-mobile .blogroll-post.blogroll-post-big .h3,
body.is-mobile .blogroll-post.blogroll-post-half .h3,
body.is-mobile .blogroll-post.blogroll-post-long .h3,
body.is-mobile .blogroll-post.blogroll-post-medium .h3,
body.is-mobile .blogroll-post.blogroll-post-megabig .h3 {
bottom: 35px
}
body.is-mobile .blogroll-post.blogroll-post-big figcaption,
body.is-mobile .blogroll-post.blogroll-post-half figcaption,
body.is-mobile .blogroll-post.blogroll-post-long figcaption,
body.is-mobile .blogroll-post.blogroll-post-medium figcaption,
body.is-mobile .blogroll-post.blogroll-post-megabig figcaption {
bottom: 15px
}
body.is-mobile .blogroll-post.blogroll-post-big.fc-no-exists h3,
body.is-mobile .blogroll-post.blogroll-post-half.fc-no-exists h3,
body.is-mobile .blogroll-post.blogroll-post-long.fc-no-exists h3,
body.is-mobile .blogroll-post.blogroll-post-medium.fc-no-exists h3,
body.is-mobile .blogroll-post.blogroll-post-megabig.fc-no-exists h3,
body.is-mobile .blogroll-post.blogroll-post-big.fc-no-exists .h3,
body.is-mobile .blogroll-post.blogroll-post-half.fc-no-exists .h3,
body.is-mobile .blogroll-post.blogroll-post-long.fc-no-exists .h3,
body.is-mobile .blogroll-post.blogroll-post-medium.fc-no-exists .h3,
body.is-mobile .blogroll-post.blogroll-post-megabig.fc-no-exists .h3 {
bottom: 20px
}
body.is-mobile .blogroll-post.blogroll-post-big.fc-no-exists figcaption,
body.is-mobile .blogroll-post.blogroll-post-half.fc-no-exists figcaption,
body.is-mobile .blogroll-post.blogroll-post-long.fc-no-exists figcaption,
body.is-mobile .blogroll-post.blogroll-post-medium.fc-no-exists figcaption,
body.is-mobile .blogroll-post.blogroll-post-megabig.fc-no-exists figcaption {
bottom: -20px
}
.blogroll-nav {
display: table;
position: relative;
width: 100%;
font-size: 0 !important;
text-align: center;
margin-bottom: 30px;
padding-top: 20px;
border-top: 1px solid #ececec;
-moz-user-select: none;
user-select: none
}
.blogroll-nav * {
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.blogroll-nav .bn-page {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
position: relative;
width: 30px;
height: 30px;
line-height: 32px;
font-size: 12px;
color: #7c7c7c;
text-decoration: none;
transition: color .3s
}
.blogroll-nav .bn-page.bn-page-dot:before,
.blogroll-nav .bn-page.bn-page-next:before,
.blogroll-nav .bn-page.bn-page-prev:before,
.section-dark.section-dark-slider .home-heading a:before {
display: none
}
.blogroll-nav .bn-page:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #009bff;
box-sizing: border-box;
border-radius: 25px;
opacity: 0;
transform: scale(.7);
transition: transform .3s, opacity .3s;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.blogroll-nav .bn-page.bn-page-dot {
margin: 0 10px
}
.blogroll-nav .bn-page.bn-page-next,
.blogroll-nav .bn-page.bn-page-prev {
font-size: 25px;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
margin-top: -2px;
margin-left: 0;
margin-right: 0;
left: 0
}
.blogroll-nav .bn-page.bn-page-next:hover path,
.blogroll-nav .bn-page.bn-page-next:hover polygon,
.blogroll-nav .bn-page.bn-page-next:hover rect,
.blogroll-nav .bn-page.bn-page-prev:hover path,
.blogroll-nav .bn-page.bn-page-prev:hover polygon,
.blogroll-nav .bn-page.bn-page-prev:hover rect {
fill: #009bff
}
.blogroll-nav .bn-page.bn-page-next:hover circle,
.blogroll-nav .bn-page.bn-page-prev:hover circle {
stroke: #009bff
}
.blogroll-nav .bn-page.bn-page-next {
left: auto;
right: 0
}
.blogroll-nav .bn-page.bn-page-current,
.blogroll-nav .bn-page:hover {
color: #009bff
}
.blogroll-nav .bn-page.bn-page-current:before,
.blogroll-nav .bn-page:hover:before {
opacity: 1;
transform: scale(1)
}
.blogroll-nav .bn-page:active:before {
opacity: 0;
transform: scale(1.5)
}
.section-dark {
background-color: #222;
padding: 30px 0
}
.section-dark .blogroll-list {
margin-bottom: 0
}
.section-dark.section-dark-slider .home-heading,
.section-dark.section-dark-slider .slick-track {
margin-bottom: 30px
}
.section-dark.section-dark-slider {
padding: 20px 0 40px
}
.section-dark.section-dark-slider .slick-dots {
padding: 0
}
.section-grey {
padding: 30px 0 0;
background-color: #EDEDED
}
.section-grey .blogroll-list {
margin-bottom: 0
}
.home-heading {
font-family: ProximaExtrabld, sans-serif;
font-size: 22px;
margin-bottom: 20px;
padding-top: 20px;
color: #202020
}
.home-heading a {
color: #202020;
text-decoration: none;
display: inline-block;
vertical-align: top;
position: relative
}
.home-heading a:before {
bottom: -3px;
height: 1px;
width: 100%;
left: 0;
background-color: #202020;
transition: height .3s, background-color .3s
}
.home-heading a:hover {
color: #009a58
}
.home-heading a:hover:before {
height: 3px;
background-color: #00B367
}
.home-heading a:first-child~a {
font-size: 12px;
text-transform: uppercase;
margin-right: 15px;
vertical-align: baseline;
color: #3d3d3d;
transition: color .3s
}
.home-heading a:first-child~a:before {
display: none
}
.home-heading a:first-child~a:hover {
color: #EA1D2F
}
.section-dark .home-heading {
color: #fff;
padding-top: 10px;
text-align: center
}
.section-dark .home-heading a {
color: #fff
}
.section-dark .home-heading a:before {
background-color: #fff
}
.section-dark .home-heading a:hover {
color: #00B367
}
.section-dark .home-heading a:hover:before {
background-color: #00B367
}
.home-heading br {
display: block
}
.home-heading br+a {
margin-left: 0
}
@media screen and (min-width: 1024px) {
.home-heading br {
display: none
}
.home-heading br+a {
margin-left: 15px
}
}
.blogroll-quest-post {
margin-left: -10px;
margin-right: -10px
}
.blogroll-quest-post .slick-slide {
margin: 0 10px
}
.blogroll-quest-post .article-quest a {
display: block;
padding-top: 20px;
border-top: 2px solid #eb1e00;
position: relative;
text-decoration: none;
color: #969696;
font-size: 16px;
transition: color .3s
}
.blogroll-quest-post .article-quest a:after,
.blogroll-quest-post .article-quest a:before {
width: 0;
height: 2px;
top: -2px;
left: 0;
z-index: 2;
background-color: #fff;
transition: width .3s
}
.blogroll-quest-post .article-quest a:after {
left: auto;
right: 0;
background-color: #00B367;
z-index: 3
}
.blogroll-quest-post .article-quest a:hover {
color: #fff
}
.blogroll-quest-post .article-quest a:active:after,
.blogroll-quest-post .article-quest a:hover:before {
width: 100%
}
.blogroll-quest-post .slick-dots {
text-align: center;
display: table;
width: 100%;
font-size: 0 !important;
padding: 30px 0
}
.blogroll-quest-post .slick-dots li {
display: inline-block;
width: 16px;
height: 16px
}
.blogroll-quest-post .slick-dots li button {
width: 16px;
height: 16px;
text-indent: 100px;
font-size: 0;
line-height: 16px;
overflow: hidden;
background: 0 0;
border: none;
position: relative;
cursor: pointer
}
.blogroll-quest-post .slick-dots li button:before {
top: 50%;
left: 50%;
background-color: rgba(255, 255, 255, .5);
width: 8px;
height: 8px;
margin-top: -4px;
margin-left: -4px;
z-index: 3;
border-radius: 5px;
transition: background-color .3s
}
.blogroll-quest-post .slick-dots li button:after {
top: 50%;
left: 50%;
border: 2px solid #fff;
width: 12px;
height: 12px;
margin-top: -6px;
margin-left: -6px;
z-index: 2;
border-radius: 6px;
box-sizing: border-box;
opacity: 0;
transform: scale(.4);
transition: transform .3s, opacity .3s
}
.blogroll-quest-post .slick-dots li button:hover:before {
background-color: rgba(255, 255, 255, .3)
}
.blogroll-quest-post .slick-dots li button:hover:after {
transform: scale(.8);
opacity: 1
}
.blogroll-quest-post .slick-dots li.slick-active button:before {
background-color: rgba(255, 255, 255, 0)
}
.blogroll-quest-post .slick-dots li.slick-active button:after {
transform: scale(1);
opacity: 1
}
.spinner-loader {
width: 40px;
height: 40px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
display: block
}
.spinner-loader .double-bounce1,
.spinner-loader .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: .6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out
}
.spinner-loader .double-bounce2 {
animation-delay: -1s
}
body.error .block,
body.error .site-content {
background-color: #F7CAA0
}
.not-found img {
float: right;
margin: 57px 0 0 50px
}
.not-found h2 {
font-family: ProximaLight, sans-serif;
font-size: 400px;
color: #047ee5;
clear: none;
line-height: 1;
letter-spacing: -40px;
margin-bottom: 0
}
.not-found p {
color: #333;
font-size: 18px;
margin-bottom: 10px;
text-align: center
}
.not-found p a {
text-decoration: none;
color: #333;
border-bottom: 1px solid rgba(51, 51, 51, .2);
transition: border-color .3s
}
.not-found p a:hover {
border-color: rgba(51, 51, 51, .5)
}
.not-found p+p {
margin-bottom: 40px
}
@media screen and (max-width: 1024px) {
.not-found h2 {
text-align: center;
margin-bottom: 300px
}
.not-found img {
position: absolute;
top: 410px;
left: 30px;
float: none;
margin: 0
}
.not-found .nf-text {
position: absolute;
top: 410px;
left: 360px;
right: 0;
padding-top: 25px
}
.not-found .nf-text p {
text-align: left
}
}
@media screen and (max-width: 800px) {
.not-found h2 {
margin-bottom: 0;
letter-spacing: -30px;
font-size: 300px
}
.not-found img {
display: none
}
.not-found .nf-text {
position: relative;
top: 0;
left: 0;
padding-top: 0
}
.not-found .nf-text p {
text-align: center
}
}
@media screen and (max-width: 600px) {
.not-found h2 {
font-size: 200px;
letter-spacing: -20px
}
}
.loading-posts {
background: #fff;
position: relative;
width: 100%;
height: 80px;
padding: 80px 0 0;
overflow: hidden
}
.loading-posts:after {
content: '';
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/logo.png) no-repeat;
width: 32px;
height: 32px;
display: block;
margin: -16px 0 0 -15px;
position: absolute;
top: 50%;
left: 50%
}
.post:after,
.posts-list:after {
content: "";
clear: both
}
.post,
.posts-list {
position: relative
}
@keyframes bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0)
}
50% {
transform: scale(1);
-webkit-transform: scale(1)
}
}
.posts-list {
margin: 0 0 20px
}
.posts-list:after {
display: table
}
.posts-list.packery-posts .post {
transition: transform opacity .2s linear;
transform: scale(.9);
opacity: 0 !important
}
.posts-list.packery-posts .post.loaded {
transform: scale(1);
opacity: 1 !important
}
.posts-list.packery-posts .post.resized {
opacity: 0 !important;
transform: scale(.7)
}
.posts-list.no-float .post {
float: none;
margin: 0 0 25px
}
.packery-grid-sizer {
width: 300px
}
.packery-gutter {
width: 20px
}
.post .post-link {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2
}
.post:hover .post-thumb:after {
background: rgba(0, 0, 0, .4)
}
.post:hover .post-heading {
color: #00D27C
}
.post.post-fixed .post-thumb {
height: 187px
}
.post.post-fixed .post-thumb img {
position: relative;
top: 50%;
left: 50%;
width: auto;
height: 100%;
min-width: 100%;
max-width: inherit;
transform: translate(-50%, -50%)
}
.post .post-thumb {
display: block;
position: relative;
background: #F2F3F2;
overflow: hidden;
height: auto;
max-height: 500px;
margin: 0 0 10px
}
.post .post-thumb img {
height: auto;
min-width: 100%;
max-width: 100%;
display: block
}
.post .post-thumb:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: 0 0;
transition: all .2s linear
}
.post .post-thumb:hover:after {
background: rgba(0, 0, 0, .4)
}
.post .post-author {
padding: 0 20px;
position: relative;
height: 38px;
display: block;
font-size: 14px
}
.post .post-author span.post-author-name {
line-height: 1;
position: relative;
top: 50%;
left: 0;
transform: translate(0, -50%)
}
.post .post-author span.post-author-name span {
margin: 5px 0 0;
display: block;
font-size: 9px;
text-transform: uppercase;
font-family: ProximaBold, sans-serif
}
.post .post-author a {
display: inline-block;
color: #000;
text-decoration: none;
padding-left: 50px;
position: relative;
z-index: 3
}
.post .post-author a:hover {
color: #00D27C
}
.post .post-author img {
position: absolute;
left: 0;
top: 0;
display: block;
max-width: 38px;
height: auto;
border-radius: 48px
}
.post .post-data {
position: relative;
display: block
}
.post .post-cat {
position: relative;
line-height: 1;
margin: 0 0 5px;
display: block
}
.post .post-cat a {
display: inline-block;
position: relative;
z-index: 3
}
.post .post-meta span.post-views,
.post.post-small .post-data .post-meta {
display: none
}
.post .post-heading {
margin: 0 0 10px;
line-height: 1.3
}
.post .post-heading a {
color: #000
}
.post .post-heading a:hover {
color: #00D27C
}
.post.post-big .post-cat a,
.post.post-big .post-heading,
.post.post-big .post-meta,
.post.post-medium.post-dark .post-cat a,
.post.post-medium.post-dark .post-meta,
.post.post-medium_dark.post-dark .post-cat a,
.post.post-medium_dark.post-dark .post-meta {
color: #fff
}
.post .post-meta {
font-size: 10px
}
.post .post-meta .post-date {
text-transform: lowercase
}
.aside-head,
.ng-social .ng-social-text,
.ng-social li.ng-social-pocket a,
.post-photo-info b,
.sf-heading,
.single-post-nav .spn-link,
.single-post-tags a {
text-transform: uppercase
}
.post .post-meta span {
margin-right: 15px
}
.post .post-meta span i {
font-size: 10px;
margin: 0 3px 0 0
}
.post.post-small .post-thumb {
float: left;
width: 130px;
height: 80px
}
.post.post-small .post-thumb img {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.post.post-small .post-data {
float: right;
width: 160px
}
.post.post-small .post-data .post-cat {
margin-top: 0
}
.post.post-small .post-data .post-heading {
font-size: 15px;
margin: 0;
font-family: ProximaRegular, sans-serif
}
.post.post-medium .post-thumb,
.post.post-medium_dark .post-thumb {
height: 185px
}
.post.post-medium.post-dark:hover .post-thumb:after,
.post.post-medium_dark.post-dark:hover .post-thumb:after {
background: rgba(0, 0, 0, .5)
}
.post.post-medium.post-dark .post-thumb,
.post.post-medium_dark.post-dark .post-thumb {
margin: 0
}
.post.post-medium.post-dark .post-thumb:after,
.post.post-medium_dark.post-dark .post-thumb:after {
background: rgba(0, 0, 0, .3)
}
.post.post-big:hover .post-thumb:after,
.post.post-medium.post-dark .post-thumb:hover:after,
.post.post-medium_dark.post-dark .post-thumb:hover:after {
background: rgba(0, 0, 0, .5)
}
.post.post-medium.post-dark .post-data,
.post.post-medium_dark.post-dark .post-data {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 0 20px 20px
}
.post.post-medium.post-dark .post-cat,
.post.post-medium_dark.post-dark .post-cat {
margin-bottom: 10px
}
.post.post-medium.post-dark .post-heading,
.post.post-medium_dark.post-dark .post-heading {
font-size: 17px;
color: #fff
}
.post.post-big {
width: 620px
}
.post.post-big .post-thumb {
margin: 0
}
.post.post-big .post-thumb img {
width: auto;
max-width: 100%;
}
.post.post-big .post-thumb:after {
background: rgba(0, 0, 0, .3)
}
.post.post-big .post-thumb:hover:after {
background: rgba(0, 0, 0, .5)
}
.post.post-big .post-data {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 0 20px 20px
}
.post.post-quote {
padding: 20px 0;
background: #F7FAEF;
transition: all .2s linear
}
.post.post-quote .post-cat {
margin: 20px 0 15px
}
.post.post-quote .post-data {
padding: 0 20px
}
.post.post-quote .post-data .post-heading {
margin: 0;
font-size: 17px
}
.post.post-quote .post-data .post-heading a {
color: inherit
}
.post.post-blog {
padding: 17px 0 72px;
border: 3px solid #EFF2E1;
transition: all .2s linear
}
.post.post-blog:hover {
border-color: #00D27C
}
.post.post-blog .post-author {
position: absolute;
bottom: 17px;
left: 0
}
.post.post-blog .post-cat {
margin: 0 0 20px
}
.post.post-blog .post-data {
padding: 0 20px
}
.post.post-blog .post-data .post-heading {
margin: 0;
font-size: 17px
}
.load-more-action {
height: 48px;
position: relative;
display: block;
margin: 0 0 40px;
text-align: center
}
.extra-post {
right: 0;
top: 0
}
.extra-content {
display: none
}
.grd-wrap {
width: 100%;
position: relative
}
.sidebar {
height: 100%;
position: static
}
.aside-head {
color: #535353;
font-size: 18px;
margin-bottom: 25px;
font-family: ProximaExtrabld, sans-serif
}
.sidebar-widget {
margin: 0 0 30px
}
.sidebar-widget.social-app {
border: 2px solid #efefef;
padding: 17px
}
.sidebar-widget.social-app .twitter-follow-button {
margin-top: 20px
}
.sidebar-heading {
margin: 0 0 20px
}
.flip-widget .side-foot .blogroll-list,
.flip-widget .side-foot .blogroll-list .blogroll-post-mini h3,
.flip-widget .side-foot .blogroll-list .blogroll-post-mini .h3,
.flip-widget .side-foot .blogroll-list+.blogroll-post-small {
margin-bottom: 0
}
.flip-widget {
display: block;
position: absolute
}
.flip-widget .super-flip-wrap {
width: 320px;
height: 558px;
perspective: 15000px
}
.flip-widget.fxd {
position: fixed;
top: 80px
}
.flip-widget.abs {
position: absolute;
top: auto;
bottom: 20px
}
.flip-widget .super-flip {
top: 0;
left: 0;
height: 558px;
width: 320px;
transform-style: preserve-3d;
transition: transform .3s;
position: absolute
}
.flip-widget.flip-common .super-flip,
.flip-widget.flipped .super-flip {
transform: rotateY(180deg)
}
.flip-widget .blogroll-post-a {
height: 520px;
padding: 9px;
border: 1px solid #ddd
}
.single-post-nav,
.single-post-tags {
border-top: 1px solid #E7E7E7
}
.flip-widget .blogroll-post-a,
.flip-widget .side-foot {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
transform: rotateY(0);
backface-visibility: hidden;
z-index: 1
}
.ngdialog-content,
.ngdialog-overlay,
.ngdialog.ngdialog-closing .ngdialog-content,
div.jx-image {
backface-visibility: hidden
}
.flip-widget .side-foot {
transform: rotateY(180deg);
color: #fff;
background-color: #fff;
z-index: 10;
margin: 0;
padding: 0
}
.flip-widget .side-foot .blogroll-list .blogroll-post-mini figure {
height: 87px;
overflow: hidden
}
.flip-widget .side-foot .blogroll-list .blogroll-post-mini .bpl {
line-height: 20px;
max-height: 60px;
display: block;
overflow: hidden
}
@-moz-document url-prefix() {
.flip-widget.flip-common .side-foot,
.flip-widget.flip-common .super-flip,
.flip-widget.flipped .side-foot,
.flip-widget.flipped .super-flip {
transform: none
}
}
.widget-social {
margin: 0 0 35px
}
.fixed-widget.now-fixed {
position: fixed;
top: 30px;
width: 320px
}
.fixed-widget.end-fixed {
position: absolute;
bottom: 20px;
width: 320px
}
#single,
.single-header {
position: relative
}
.fixed-widget .blogroll-post-small {
margin: 0;
}
.single-header {
height: 390px;
width: 100%;
overflow: hidden;
}
.single-header .single-thumb,
.single-header:before {
top: 0;
height: 100%;
position: absolute;
left: 0;
width: 100%
}
.single-header:before {
z-index: 2;
background: rgba(0, 0, 0, .5)
}
.single-header .single-thumb {
overflow: hidden;
display: block;
z-index: 1;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: multiply;
background-color: rgba(0, 0, 0, 0.5);
}
.single-header .single-thumb img {
display: inline-block
}
.single-header .single-header-metadata {
z-index: 3;
position: relative;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.flex-left-bottom {
display: flex;
align-items: flex-end;
padding: 3rem 0;
}
.single-header .single-post-title {
width: 100%;
}
.sh-post-author {
color: #eb1e00
}
.single-header-metadata {
font-size: 11px;
color: #737373
}
.single-header-metadata a {
text-decoration: none;
color: #fff;
padding: 0 3px
}
.single-header-metadata a:hover {
background-color: #DE3315
}
.single-header-metadata i {
margin: 0 5px 0 0;
vertical-align: middle;
font-size: 12px;
}
.single-header-metadata .sh-meta {
margin: 0 0 10px;
font-size: 13px;
color: silver
}
.post-content,
.post-wrapper {
line-height: 1.5;
color: #202020
}
.single-header-metadata .sh-post-author,
.single-header-metadata .sh-post-comments,
.single-header-metadata .sh-post-views {
margin: 0 0 0 15px
}
.single-header-metadata .sh-post-comments i {
position: relative;
top: 3px
}
.single-header-metadata .sh-shares {
width: 650px
}
.single-header-metadata .sh-shares .ng-social .ng-social-button {
background: rgba(0, 0, 0, .3)
}
.single-post-share,
.single-post-share .single-post-socials {
background: #F1F6F6
}
.post-container {
padding: 40px 0
}
.post-container:after {
content: "";
display: table;
clear: both
}
.post-wrapper {
float: left;
width: 650px;
font-size: 20px
}
.post-content {
font-size: 17px
}
.post-content img {
max-width: 100%;
height: auto
}
.post-content .post-excerpt,
.post-content blockquote {
position: relative;
font-size: 22px;
line-height: 1.4;
color: #737373;
margin: 0 0 30px
}
.post-content blockquote {
padding: 50px 30px 0;
margin: 0 0 40px;
text-align: center
}
.post-content blockquote:before {
content: "\e605";
font-family: icon;
line-height: 1;
font-size: 22px;
color: #EA1D2F;
position: absolute;
left: 50%;
top: 10px;
transform: translate(-50%, 0)
}
.sf-heading,
.single-post-footer-meta a,
.single-post-nav .spn-link {
font-family: ProximaBold, sans-serif
}
.post-content blockquote p:last-child {
margin: 0
}
.single-post-nav:after {
content: "";
display: table;
clear: both
}
.single-post-nav .spn-link {
width: 50%;
height: 80px;
line-height: 80px;
display: block;
float: left;
text-decoration: none;
color: #C5C5C5;
font-size: 12px
}
.single-post-nav .spn-link:hover {
color: #737373
}
.single-post-nav .spn-link:hover .svg-icon path,
.single-post-nav .spn-link:hover .svg-icon polygon,
.single-post-nav .spn-link:hover .svg-icon rect {
fill: currentColor
}
.single-post-nav .spn-link:hover .svg-icon circle {
stroke: currentColor
}
.single-post-nav .spn-link.spn-next {
float: right;
text-align: right
}
.single-post-nav .spn-link.spn-next .svg-icon {
margin-left: 10px;
margin-right: 0
}
.single-post-nav .spn-link .svg-icon {
font-size: 25px;
vertical-align: middle;
position: relative;
top: -2px;
margin-right: 10px
}
.sf-heading {
font-size: 11px;
color: #000;
line-height: 1
}
.single-post-footer-meta {
padding: 30px 0 40px;
font-size: 12px
}
.single-post-footer-meta a {
color: #7C7C7C;
text-decoration: none
}
.single-post-footer-meta a:hover {
color: #0094FF
}
.single-post-footer-meta a.spf-meta-author {
position: relative;
margin: 0 30px 0 0;
padding: 0 0 0 50px
}
.single-post-footer-meta a.spf-meta-author .spf-author-avatar {
max-width: 40px;
height: auto;
display: block;
position: absolute;
left: 0;
top: 50%;
border-radius: 50%;
transform: translate(0, -50%)
}
.single-post-footer-meta .sf-heading {
margin: 0 20px 0 0
}
.single-post-share {
position: relative;
margin-top: 30px;
border-radius: 4px
}
.single-post-share .sp-box {
padding: 15px 20px
}
.single-post-share .sp-box .sps-likes {
margin-top: 10px
}
.single-post-share .single-post-subscription .sf-subscription-heading {
font-size: 16px;
margin: 0 0 10px;
color: #000
}
.single-post-share .single-post-subscription form .sf-subsc-input {
float: left;
width: 75%
}
.single-post-share .single-post-subscription form .sf-subsc-submit {
float: right;
width: 23%
}
.single-post-share .single-post-subscription form .sf-subsc-submit .btn {
height: 46px;
border-radius: 2px
}
.single-post-share .sf-heading {
font-size: 16px
}
.single-post-tags {
padding: 20px 0
}
.post-article,
.post-article+.sidebar {
padding-top: 20px
}
.single-post-tags .sf-heading {
vertical-align: baseline;
width: 180px;
font-size: 12px
}
.single-post-tags .sf-content {
width: calc(100% - 190px)
}
.single-post-tags a {
text-decoration: none;
color: #7C7C7C;
font-size: 12px;
margin: 0 5px 0 0
}
.single-post-tags a:hover {
color: #0084e3
}
.sps-likes {
margin: 40px 0 0
}
.post-article header .sps-likes {
margin-bottom: 40px
}
.post-article img {
max-width: 100% !important;
height: auto !important
}
.post-article img[data-responsive-image].disabled {
max-width: 100% !important
}
@media screen and (min-width: 1023px) {
.post-article img[data-responsive-image] {
max-width: inherit !important;
width: calc(100% + 150px);
margin-left: -150px;
}
}
.post-article header aside {
font-size: 12px;
color: #c3c3c3;
margin-bottom: 20px;
line-height: 20px
}
.post-article header aside .svg-icon {
vertical-align: middle
}
.post-article header aside .svg-icon path,
.post-article header aside .svg-icon polygon,
.post-article header aside .svg-icon rect {
fill: #c3c3c3
}
.post-article header aside .svg-icon circle {
stroke: #c3c3c3
}
.post-article header aside span {
margin-right: 10px
}
.post-article header aside a {
color: #eb1e00;
text-decoration: none;
margin-right: 10px;
border-bottom: 1px solid transparent;
transition: border-color .3s
}
.post-article header aside a:hover {
border-bottom-color: #eb1e00
}
.post-article header aside a+span .svg-icon {
position: relative;
top: -1px
}
.post-article header h1 {
font-family: ProximaExtrabld, sans-serif;
font-size: 44px;
line-height: 46px;
color: #202020;
margin-bottom: 30px
}
.post-article header img {
margin-bottom: 30px
}
.styling {
color: #202020
}
.styling blockquote,
.styling dl,
.styling h2,
.styling h3,
.styling .h3,
.styling h4,
.styling img,
.styling ol,
.styling p,
.styling table,
.styling ul {
margin: 15px auto;
color: inherit
}
.styling a {
position: relative;
display: inline-block;
margin-left: -3px;
margin-right: -3px;
padding: 0 3px;
text-decoration: none;
color: #00B367;
border-bottom: 1px solid transparent;
transition: background-color .3s, color .3s, border-color .3s
}
.styling a:hover {
color: #00B367; background-color: rgba(144, 144, 144, .05)
}
.styling a:active {
color: #eb1e00;
border-color: #eb1e00;
background-color: rgba(235, 30, 0, .05)
}
.styling a.img-inside:before {
display: none
}
.styling a.img-inside:hover {
background-color: transparent
}
.styling p,
.styling span {
font-size: 18px;
line-height: 30px;
margin: 17px 0
}
.styling h2,
.styling h3,
.styling .h2,
.styling .h3 {
line-height: 36px;
font-family: ProximaExtrabld, sans-serif;
padding-top: 10px
}
.styling p img,
.styling span img {
margin-bottom: 15px !important;
margin-top: 15px !important;
display: inline-block;
vertical-align: top;
position: relative;
z-index: 2
}
.styling h2 {
font-size: 32px
}
.styling h3,
.styling .h3 {
font-size: 24px
}
.styling h5 {
font-family: ProximaLight, sans-serif;
font-size: 22px;
line-height: 1.4;
text-align: left
}
.styling blockquote {
margin: 30px 0;
padding: 0
}
.styling blockquote:before {
content: '”';
font-family: ProximaExtrabld, sans-serif;
font-size: 60px;
display: block;
text-align: center;
line-height: 1;
color: #EA1D2F;
margin-bottom: -10px
}
.styling blockquote p {
margin-bottom: 0;
font-size: 22px;
line-height: 30px;
text-align: center
}
.styling b,
.styling strong {
font-weight: 400;
font-family: ProximaBold, sans-serif
}
.styling iframe {
max-width: 100%
}
.styling .table-wrap {
overflow-x: auto
}
.styling em,
.styling i {
font-style: italic
}
.styling ul {
margin-left: 20px
}
.styling ul li {
padding-left: 20px;
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
position: relative
}
.styling ul li:before {
display: block;
width: 8px;
height: 8px;
background-color: #00B367;
border-radius: 5px;
top: 10px;
left: 0
}
.styling ul li:last-child {
margin-bottom: 0
}
.styling ol {
list-style-type: decimal;
margin-left: 40px
}
.styling ol li {
font-size: 18px;
line-height: 1.4;
margin-bottom: 10px
}
.styling ol li:last-child {
margin-bottom: 0
}
.styling dl {
margin-bottom: 10px;
padding: 0
}
.styling dl dt {
display: block;
font-size: 18px;
line-height: 30px
}
.styling dl dd {
padding-left: 20px;
font-size: 14px;
color: #2d2d2d;
margin: 10px;
position: relative
}
.styling dl dd:before {
width: 10px;
height: 10px;
border: 2px solid #00B367;
border-top: 0;
border-right: 0;
position: absolute;
top: -1px;
left: -1px
}
.styling img {
margin: 30px auto;
}
.styling img.alignnone {
display: block
}
.styling .wp-caption {
position: relative;
line-height: 1;
margin: 30px 0;
z-index: 1;
}
.styling .wp-caption a:before {
display: none
}
.styling .wp-caption img {
margin: 0
}
.styling .wp-caption figcaption {
text-align: left;
font-size: 14px;
padding: 10px 0 0;
font-style: oblique;
width: 100%;
max-width: 660px;
line-height: 1.3;
color: #737373;
float: none;
display: block
}
.styling .wp-caption figcaption.figcaption-full {
max-width: 980px;
margin-left: -320px
}
@media screen and (max-width: 1440px) {
.styling .wp-caption figcaption.figcaption-full {
max-width: 880px;
margin-left: -220px
}
}
@media screen and (max-width: 1360px) {
.styling .wp-caption figcaption.figcaption-full {
max-width: 840px;
margin-left: -180px
}
}
@media screen and (max-width: 1280px) {
.styling .wp-caption figcaption.figcaption-full {
max-width: 800px;
margin-left: -140px
}
}
@media screen and (max-width: 1152px) {
.styling .wp-caption figcaption.figcaption-full {
max-width: 736px;
margin-left: -76px
}
}
.styling .wp-caption.wp-caption-big {
text-align: right
}
@media screen and (max-width: 1024px) {
.styling .wp-caption figcaption.figcaption-full {
max-width: 100%;
margin-left: 0;
padding-left: 0
}
.styling .wp-caption.wp-caption-big {
max-width: 100%;
margin-left: 0
}
.styling .wp-caption.wp-caption-big figcaption {
max-width: 100%
}
}
.styling .wp-big-thumb {
max-width: 980px;
margin-left: -320px;
text-align: right
}
.styling .wp-big-thumb img {
display: inline-block !important
}
@media screen and (max-width: 1440px) {
.styling .wp-big-thumb {
max-width: 880px;
margin-left: -220px
}
}
@media screen and (max-width: 1360px) {
.styling .wp-big-thumb {
max-width: 840px;
margin-left: -180px
}
}
@media screen and (max-width: 1280px) {
.styling .wp-big-thumb {
max-width: 800px;
margin-left: -140px
}
}
@media screen and (max-width: 1152px) {
.styling .wp-big-thumb {
max-width: 736px;
margin-left: -76px
}
}
@media screen and (max-width: 1024px) {
.styling .wp-big-thumb {
max-width: 100%;
margin-left: 0
}
}
.styling table {
width: 100% !important
}
.post-author-info {
padding: 20px 0;
border-top: 1px solid #ececec;
margin-top: 30px
}
.post-author-info figure {
display: block
}
.post-author-info figure img {
display: block;
margin-bottom: 10px;
max-width: 100%;
border-radius: 50px;
transition: opacity .2s
}
.post-author-info figure figcaption {
font-family: ProximaBold, sans-serif;
font-size: 14px;
text-align: center;
color: #202020;
transition: color .2s
}
.post-author-info .pai-link {
width: 95px;
margin-right: 20px;
font-size: 14px;
text-decoration: none
}
.post-author-info .pai-link:hover img {
opacity: .8
}
.post-author-info .pai-link:hover figcaption {
color: #00B367
}
.post-author-info .centered-info {
position: relative;
width: calc(100% - 115px)
}
.post-author-info p {
font-size: 16px;
line-height: 22px;
color: #202020;
margin-bottom: 20px
}
.post-author-info p+p {
margin: 0;
padding: 0
}
.post-author-info p a {
text-decoration: none;
font-size: 30px
}
.post-author-info p a .svg-icon {
transition: transform .3s
}
.post-author-info p a:hover .svg-icon path,
.post-author-info p a:hover .svg-icon polygon,
.post-author-info p a:hover .svg-icon rect {
fill: #00B367
}
.post-author-info p a:hover .svg-icon circle {
stroke: #00B367
}
.post-author-info p a:active .svg-icon {
transform: scale(1.1)
}
.post-author-info .svg-icon path,
.post-author-info .svg-icon polygon,
.post-author-info .svg-icon rect {
fill: #c1c1c1;
transition: fill .3s
}
.post-author-info .svg-icon circle {
stroke: #c1c1c1;
transition: stroke .3s
}
.post-photo-info {
border-top: 1px solid #ececec;
padding: 20px 0 0;
vertical-align: baseline;
font-size: 12px
}
.post-photo-info b {
font-weight: 400;
font-family: ProximaExtrabld, sans-serif;
color: #7c7c7c;
margin-right: 30px
}
.post-photo-info a,
.post-photo-info span {
color: #202020;
font-family: ProximaBold, sans-serif
}
.post-photo-info a {
text-decoration: none;
transition: color .3s
}
.post-photo-info a:hover {
color: #eb1e00
}
.thumb-box {
position: relative
}
.thumb-box .clone-thumb {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
transition: max-width .3s, max-height .3s, top .3s, left .3s, transform .3s, opacity .3s
}
.thumb-box .clone-thumb.anim-start {
position: fixed;
top: 50%;
left: 50%;
max-width: 90vw !important;
max-height: 90vh;
transform: translate(-50%, -50%)
}
.thumb-box .clone-thumb.anim-start.clone-thumb-hide {
opacity: 0
}
.thumb-preview-post {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1d1d1d;
overflow: hidden;
opacity: 0;
z-index: 100;
transition: opacity .3s ease, visibility .3s ease, transform .3s
}
.show-post-thumb .ng-carousel {
display: block;
width: 100%;
height: 100vh;
white-space: nowrap;
position: relative;
overflow: hidden
}
.show-post-thumb .ng-carousel slidecontainer {
display: block;
position: absolute;
top: 0;
width: 100vw;
height: 100vh;
z-index: 1;
font-size: 0
}
.show-post-thumb .ng-carousel slidecontainer.carousel-ignore-first-slide {
transform: translate(-100%, 0)
}
.show-post-thumb .ng-carousel slidecontainer.carousel-animate {
transition: transform .5s ease-out 0s
}
.show-post-thumb .ng-carousel slide {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
width: 100%;
height: 100%;
text-align: center;
line-height: 100vh;
background-size: cover;
background-position: center
}
.show-post-thumb .ng-carousel slide img {
display: inline-block;
vertical-align: middle;
margin: 0;
max-width: 90vw;
max-height: 90vh;
position: relative;
z-index: 2
}
.show-post-thumb .ng-carousel .carousel-arrow {
display: inline-block;
position: absolute;
top: 50%;
margin-top: -50px;
bottom: 0;
z-index: 1;
width: 100px;
height: 100px;
text-align: center;
border: 0;
background-color: transparent;
cursor: pointer
}
.show-post-thumb .ng-carousel .carousel-arrow svg {
fill: #fff;
transition: fill .3s
}
.show-post-thumb,
.show-post-thumb .ng-carousel {
opacity: 0;
visibility: hidden;
transition: opacity .3s ease, visibility .3s ease, transform .3s
}
.show-post-thumb .ng-carousel .carousel-arrow:hover svg {
fill: #00D27C
}
.ng-social li.ng-social-pocket a .svg-icon path,
.ng-social li.ng-social-pocket a .svg-icon polygon,
.ng-social li.ng-social-pocket a .svg-icon rect,
.post-slider .carousel-arrow svg path {
fill: #fff
}
.show-post-thumb .ng-carousel .carousel-arrow.carousel-arrow-left {
left: 0
}
.show-post-thumb .ng-carousel .carousel-arrow.carousel-arrow-left svg {
transform: rotate(180deg)
}
.show-post-thumb .ng-carousel .carousel-arrow.carousel-arrow-right {
right: 0
}
.show-post-thumb {
position: fixed;
z-index: 100000;
background-color: #1d1d1d;
top: 0;
left: 0;
width: 100vw;
height: 100vh
}
.show-post-thumb .ng-carousel {
transform: scale(.8)
}
.is-gallery-open .show-post-thumb {
opacity: 1;
visibility: visible
}
.is-gallery-open .show-post-thumb .ng-carousel {
transform: scale(1);
opacity: 1;
visibility: visible
}
.post-slider slidecontainer.carousel-ignore-first-slide,
.question-gallery slidecontainer.carousel-ignore-first-slide {
transform: translate(-100%, 0)
}
.holder-hidden,
.slick-loading .slick-track,
.slick-slide.slick-loading .slick-slide {
visibility: hidden
}
.standart-likes {
width: calc(100% + 20px);
margin-left: -20px;
margin-bottom: 30px
}
.standart-likes .sl-share-item {
display: inline-block;
vertical-align: top;
margin-left: 20px;
width: 85px;
position: relative;
z-index: 3
}
.standart-likes .sl-share-item iframe {
width: auto !important
}
.standart-likes .sl-share-item.sl-fb {
width: 87px
}
.standart-likes .sl-share-item.sl-tweet {
width: 77px
}
.standart-likes .sl-share-item.sl-vk {
width: 81px
}
.standart-likes .sl-share-item.sl-google {
width: 60px
}
.post-slider {
display: block;
width: 100%;
min-height: 440px;
white-space: nowrap;
overflow: hidden
}
.post-slider .wp-big-thumb {
max-width: initial !important;
margin-left: 0 !important;
text-align: center
}
.post-slider .wp-big-thumb img {
max-width: 100%
}
.post-slider slidecontainer {
display: block;
position: relative;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
font-size: 0
}
.post-slider slidecontainer.carousel-animate {
transition: transform .5s ease-out 0s
}
.post-slider slide {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
width: 100%;
text-align: center
}
.post-slider slide img {
vertical-align: middle
}
.post-slider .carousel-arrow {
display: inline-block;
position: absolute;
top: 50%;
margin-top: -22px;
bottom: 0;
z-index: 1;
width: 44px;
height: 44px;
text-align: center;
border: 0;
cursor: pointer;
border-radius: 22px;
background-color: #1d1d1d;
transition: background-color .3s
}
.post-slider .carousel-arrow svg {
width: 26px;
height: 26px
}
.post-slider .carousel-arrow:hover {
background-color: #444
}
.post-slider .carousel-arrow.carousel-arrow-left {
left: 3px
}
.post-slider .carousel-arrow.carousel-arrow-right {
right: 3px
}
.post-slider .post-galery-info {
position: absolute;
bottom: 30px;
width: 220px;
left: 50%;
line-height: 50px;
margin-left: -110px;
font-size: 16px;
z-index: 5;
height: 50px;
text-align: center;
background-color: rgba(255, 255, 255, .7);
border-radius: 25px
}
.question-gallery {
display: block;
width: 100%;
white-space: nowrap;
position: relative;
overflow: hidden;
-moz-user-select: none;
user-select: none;
}
.multiSelect button,
.ng-social {
user-select: none
}
.question-gallery .slidecontainer {
display: block;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
font-size: 0;
margin-bottom: 30px;
}
.question-gallery .slidecontainer.carousel-animate {
transition: transform .5s ease-out 0s
}
.question-gallery .slidecontainer.qg-medium .article-quest {
width: calc((100% - 40px)/ 3)
}
.question-gallery .slidecontainer.qg-small .article-quest {
width: calc((100% - 20px)/ 2)
}
.question-gallery .slide {
position: relative;
display: inline-block;
vertical-align: top;
height: 100%;
white-space: normal;
width: 100%;
}
@media screen and (min-width: 591px) {
.question-gallery .slide {
width: calc((100% - 30px) / 2);
}
}
@media screen and (min-width: 768px) {
.question-gallery .slide {
width: calc((100% - 75px) / 3);
}
}
@media screen and (min-width: 1023px) {
.question-gallery .slide {
width: calc((100% - 105px) / 4);
}
}
.question-gallery .slide {
margin: 0 15px
}
.question-gallery .slide:first-child {
margin-left: 0;
}
.question-gallery .slide:last-child {
margin-right: 0;
}
.question-gallery .slide a {
display: block;
padding-top: 20px;
border-top: 2px solid #eb1e00;
position: relative;
text-decoration: none;
color: #969696;
font-size: 16px;
transition: color .3s
}
.question-gallery .slide a:after,
.question-gallery .slide a:before {
width: 0;
height: 2px;
top: -2px;
left: 0;
z-index: 2;
background-color: #fff;
transition: width .3s
}
.question-gallery .slide a:after {
left: auto;
right: 0;
background-color: #00B367;
z-index: 3
}
.question-gallery .slide a:hover {
color: #fff
}
.question-gallery .slide a:active:after,
.question-gallery .slide a:hover:before {
width: 100%
}
.ng-carousel-dots {
display: table;
display: none;
text-align: center;
width: 100%;
font-size: 0;
padding: 20px 0 0;
position: relative;
z-index: 1
}
.ng-carousel-dots button {
width: 20px;
height: 20px;
margin: 0 3px;
position: relative;
background-color: rgba(255, 255, 255, 0);
border: 0;
cursor: pointer
}
.ng-carousel-dots button:after,
.ng-carousel-dots button:before {
width: 12px;
height: 12px;
left: 50%;
border-radius: 20px;
transform: translate(-50%, -50%);
top: 50%
}
.ng-carousel-dots button:before {
background-color: rgba(255, 255, 255, .5);
transition: transform .3s, background-color .3s
}
.ng-carousel-dots button:after {
box-sizing: border-box;
border: 2px solid rgba(255, 255, 255, 0);
transition: width .3s, height .3s, border-color .3s
}
.ng-carousel-dots button:hover:before {
background-color: rgba(255, 255, 255, .8)
}
.ng-carousel-dots button.active:before {
background-color: rgba(255, 255, 255, .2)
}
.ng-carousel-dots button.active:after {
width: 16px;
height: 16px;
border-color: rgba(255, 255, 255, .8)
}
.juxtapose {
max-width: 880px;
margin-left: -220px
}
div.jx-slider {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
cursor: pointer
}
div.jx-handle {
position: absolute;
height: 100%;
width: 40px;
cursor: col-resize;
z-index: 15;
margin-left: -20px
}
.vertical div.jx-handle {
height: 40px;
width: 100%;
cursor: row-resize;
margin-top: -20px;
margin-left: 0
}
div.jx-control {
height: 100%;
margin-right: auto;
margin-left: auto;
width: 3px;
background-color: #fff
}
.vertical div.jx-control {
height: 3px;
width: 100%;
background-color: #fff;
position: relative;
top: 50%;
transform: translateY(-50%)
}
div.jx-controller {
position: absolute;
margin: auto auto auto -3px;
top: 0;
bottom: 0;
height: 60px;
width: 9px;
background-color: #fff
}
.vertical div.jx-controller {
height: 9px;
width: 100px;
margin-left: auto;
margin-right: auto;
top: -3px;
position: relative
}
.vertical div.jx-arrow,
div.jx-arrow {
width: 0;
height: 0;
transition: all .2s ease
}
div.jx-arrow {
position: absolute;
margin: auto;
top: 0;
bottom: 0
}
.vertical div.jx-arrow {
position: absolute;
margin: 0 auto;
left: 0;
right: 0
}
div.jx-arrow.jx-left {
left: 2px;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent #FFF transparent transparent
}
div.jx-arrow.jx-right {
right: 2px;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #FFF
}
.vertical div.jx-arrow.jx-left {
left: 0;
top: 2px;
border-style: solid;
border-width: 0 8px 8px;
border-color: transparent transparent #FFF
}
.vertical div.jx-arrow.jx-right {
right: 0;
top: initial;
bottom: 2px;
border-style: solid;
border-width: 8px 8px 0;
border-color: #FFF transparent transparent
}
div.jx-handle:active div.jx-arrow.jx-left,
div.jx-handle:hover div.jx-arrow.jx-left {
left: -1px
}
div.jx-handle:active div.jx-arrow.jx-right,
div.jx-handle:hover div.jx-arrow.jx-right {
right: -1px
}
.vertical div.jx-handle:active div.jx-arrow.jx-left,
.vertical div.jx-handle:hover div.jx-arrow.jx-left {
left: 0;
top: 0
}
.vertical div.jx-handle:active div.jx-arrow.jx-right,
.vertical div.jx-handle:hover div.jx-arrow.jx-right {
right: 0;
bottom: 0
}
div.jx-image {
position: absolute;
height: 100%;
display: inline-block;
top: 0;
overflow: hidden
}
.vertical div.jx-image {
width: 100%;
left: 0;
top: initial
}
div.jx-image img {
height: 100% !important;
z-index: 5;
position: absolute;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
max-width: initial
}
.vertical div.jx-image img {
height: initial;
width: 100%
}
div.jx-image.jx-left {
left: 0;
background-position: left
}
div.jx-image.jx-left img {
left: 0
}
div.jx-image.jx-right {
right: 0;
background-position: right
}
div.jx-image.jx-right img {
right: 0;
bottom: 0
}
.veritcal div.jx-image.jx-left {
top: 0;
background-position: top
}
.veritcal div.jx-image.jx-left img {
top: 0
}
.vertical div.jx-image.jx-right {
bottom: 0;
background-position: bottom
}
.veritcal div.jx-image.jx-right img {
bottom: 0
}
div.jx-image div.jx-label {
font-size: 1em;
padding: .25em .75em;
position: relative;
display: inline-block;
top: 0;
background-color: #000;
background-color: rgba(0, 0, 0, .7);
color: #fff;
z-index: 10;
white-space: nowrap;
line-height: 18px;
vertical-align: middle
}
div.jx-image.jx-left div.jx-label {
float: left;
left: 0
}
div.jx-image.jx-right div.jx-label {
float: right;
right: 0
}
.vertical div.jx-image div.jx-label {
display: table;
position: absolute
}
.vertical div.jx-image.jx-right div.jx-label {
left: 0;
bottom: 0;
top: initial
}
div.jx-credit {
line-height: 1.1;
font-size: .75em
}
div.jx-credit em {
font-weight: 700;
font-style: normal
}
div.jx-image.transition {
transition: width .5s ease
}
div.jx-handle.transition {
transition: left .5s ease
}
.vertical div.jx-image.transition {
transition: height .5s ease
}
.vertical div.jx-handle.transition {
transition: top .5s ease
}
a.jx-knightlab {
background-color: #000;
background-color: rgba(0, 0, 0, .25);
bottom: 0;
height: 14px;
line-height: 14px;
padding: 1px 4px 1px 5px;
position: absolute;
right: 0;
text-decoration: none;
z-index: 10;
display: none
}
a.jx-knightlab div.knightlab-logo {
display: inline-block;
vertical-align: middle;
height: 8px;
width: 8px;
background-color: #c34528;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: -1.25px;
position: relative;
cursor: pointer
}
a.jx-knightlab:hover {
background-color: #000;
background-color: rgba(0, 0, 0, .35)
}
a.jx-knightlab:hover div.knightlab-logo {
background-color: #ce4d28
}
a.jx-knightlab span.juxtapose-name {
display: table-cell;
margin: 0;
padding: 0 0 0 .375em;
font-family: Helvetica, Arial, sans-serif;
font-weight: 300;
color: #fff;
font-size: 10px;
vertical-align: middle;
line-height: normal
}
a.jx-knightlab:focus,
div.jx-controller:focus,
div.jx-image.jx-left div.jx-label:focus,
div.jx-image.jx-right div.jx-label:focus {
background: #eae34a;
color: #000
}
a.jx-knightlab:focus span.juxtapose-name {
color: #000;
border: none
}
.ng-social {
-moz-user-select: none;
user-select: none;
margin-left: -15px;
width: calc(100% + 15px)
}
.ng-social li {
display: inline-block;
vertical-align: top;
width: calc((100% / 4) - 15px);
margin-left: 15px;
position: relative
}
.ng-social li.ng-social-facebook a {
background: #1E51A1
}
.ng-social li.ng-social-facebook a:hover {
background: #2057ae !important
}
.ng-social li.ng-social-facebook a:active {
background: #1c4b94 !important
}
.ng-social li.ng-social-facebook .ng-social-icon:before {
content: '\e60c'
}
.ng-social li.ng-social-twitter a {
background: #00C3EE
}
.ng-social li.ng-social-twitter a:hover {
background: #00d0fd !important
}
.ng-social li.ng-social-twitter a:active {
background: #00b6df !important
}
.ng-social li.ng-social-twitter .ng-social-icon:before {
content: '\e602'
}
.ng-social li.ng-social-google-plus a {
background: #dc001e
}
.ng-social li.ng-social-google-plus a:hover {
background: #eb0020 !important
}
.ng-social li.ng-social-google-plus a:active {
background: #cd001c !important
}
.ng-social li.ng-social-google-plus .ng-social-icon:before {
content: '\e609'
}
.ng-social li.ng-social-vk a {
background: #4e729a
}
.ng-social li.ng-social-vk a:hover {
background: #537aa4 !important
}
.ng-social li.ng-social-vk a:active {
background: #496a90 !important
}
.ng-social li.ng-social-vk .ng-social-icon:before {
content: "\f189"
}
#subscription fieldset:after,
.footer-cols:after,
.ng-social .ng-social-text:after {
content: "";
clear: both
}
.ng-social li.ng-social-pocket a {
background: #ED4256;
color: #fff;
text-decoration: none
}
.ng-social li.ng-social-pocket a:hover {
background: #ee5062 !important
}
.ng-social li.ng-social-pocket a:active {
background: #ec344a !important
}
.ng-social li.ng-social-pocket a .svg-icon {
position: absolute;
left: 13px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px
}
.ng-social li.ng-social-pocket a .svg-icon circle {
stroke: #fff
}
.ng-social li.ng-social-pocket .ng-social-icon:before {
display: none
}
.ng-social .ng-social-button {
padding: 0 0 0 50px;
height: 40px;
width: 100%;
display: block;
line-height: 40px;
text-decoration: none;
position: relative;
background: #fff;
overflow: hidden;
cursor: pointer;
top: 0;
border-radius: 2px;
transition: all .2s linear
}
.ng-social .ng-social-button:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.ng-social .ng-social-text {
width: 100%;
padding: 0 40px;
color: #fff;
line-height: 41px;
text-align: left;
font-size: 11px;
display: block;
position: absolute;
left: 0;
top: 0;
height: 40px
}
.ng-social .ng-social-text:after {
display: table
}
.ng-social .ng-social-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0 15px;
text-align: left;
background: 0 0;
z-index: 1;
line-height: 40px;
font-size: 13px
}
.ng-social .ng-social-icon:before {
color: #fff;
font-family: icon
}
#subscription .subscrioption-desc .subscription-heading,
.btn-more,
.calendar-head nav li,
.footer-heading {
font-family: ProximaBold, sans-serif
}
.ng-social .ng-social-counter {
border: none;
padding: 0 15px 0 0;
position: absolute;
right: 0;
top: 0;
color: #fff;
display: block;
text-align: center;
font-size: 12px;
border-left: none;
height: 40px;
line-height: 40px
}
.holder-hidden {
width: 1px;
height: 1px;
overflow: hidden
}
#subscription {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #0071F1;
color: #fff;
height: 65px
}
#subscription fieldset:after {
display: table
}
#subscription .subscrioption-desc {
padding: 17px 0;
float: left;
width: 55%;
font-size: 10px;
text-transform: uppercase;
line-height: 1
}
#subscription .subscrioption-desc .subscription-heading {
font-size: 12px;
display: block;
margin: 0 0 8px
}
#subscription .subscription-form {
float: right;
width: 40%;
position: relative;
padding: 17.5px 0
}
#subscription .subscription-form input[type=text],
#subscription .subscription-form input[type=email] {
padding: 0 20px;
height: 30px;
color: #fff;
text-transform: lowercase;
font-size: 12px;
width: 100%;
border: none;
box-sizing: border-box;
background: #005ec8;
border-radius: 30px
}
.btn-more,
.calendar-head nav li,
.calendar-table table th,
.footer-heading {
text-transform: uppercase
}
#subscription .subscription-form input[type=text]:focus,
#subscription .subscription-form input[type=email]:focus {
background: #0054b4
}
#subscription .subscription-form .subscription-button {
position: absolute;
right: 0;
top: 50%;
background: 0 0;
border: none;
outline: 0;
color: #fff;
cursor: pointer;
padding: 0;
height: 30px;
width: 30px;
line-height: 30px;
margin: -15px 0 0;
text-align: center;
border-radius: 50%;
transition: all .2s linear
}
#subscription .subscription-form .subscription-button i {
font-size: 23px;
line-height: 30px
}
#subscription .subscription-form .subscription-button:hover {
background: #fff;
color: #005ec8
}
#subscription .subscription-form .subscription-button:active {
background: #fff;
color: #005ec8;
transform: scale(.9)
}
#footer {
background: #222;
height: 420px;
position: relative;
bottom: 0;
left: 0;
width: 100%;
padding: 0 0 45px;
z-index: -2;
font-size: 14px
}
#footer .container {
position: fixed;
left: 50%;
margin-left: -500px;
height: 400px;
bottom: 0
}
#footer a {
color: #C5C5C5;
text-decoration: none
}
#footer a:hover {
color: #fff
}
.footer-copyrights {
position: absolute;
padding: 0 0 0 110px;
width: 450px;
left: 0;
bottom: 25px
}
.footer-logo {
font-size: 0;
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/all/footer-logo.png) no-repeat;
width: 73px;
height: 45px;
display: block;
position: absolute;
left: 10px;
top: 50%;
margin: -22.5px 0 0;
transition: opacity .2s
}
.footer-logo:hover {
opacity: .9
}
.footer-cols {
padding: 50px 0 10px;
position: relative
}
.footer-cols:after {
display: table
}
.footer-cols .footer-col {
float: left;
width: 20%;
padding: 30px 40px 0;
position: relative;
border-top: 1px solid #363636
}
.footer-cols .footer-col:after {
content: '';
width: 1px;
height: 10px;
background: #363636;
display: block;
position: absolute;
right: 0;
top: 0
}
.footer-cols .footer-col.footer-col-1 {
padding-left: 0
}
.footer-cols .footer-col.footer-col-5 {
padding-right: 0
}
.footer-cols .footer-col.footer-col-5:after {
display: none
}
.footer-nav {
display: block;
margin: 0 0 25px
}
.footer-nav li {
margin: 0 0 5px
}
.footer-nav li a {
transition-duration: .1s
}
.footer-nav.footer-socials {
position: relative;
left: -8px
}
.footer-nav.footer-socials:after {
content: "";
display: table;
clear: both
}
.footer-nav.footer-socials li {
float: left
}
.footer-nav.footer-socials li a {
display: block;
width: 30px;
height: 24px;
text-align: center
}
.footer-nav.footer-socials li a i {
line-height: 24px
}
.footer-heading {
position: absolute;
height: 50px;
line-height: 50px;
top: -50px;
color: #fff;
font-size: 10px;
white-space: nowrap
}
.footer-heading.footer-heading-social {
position: relative;
top: 0;
line-height: 1;
height: auto;
margin: 0 0 15px
}
.btn-more {
display: block;
width: 30%;
max-width: 300px;
height: 40px;
line-height: 36px;
margin: 20px auto;
border: 3px solid #EEE;
text-align: center;
text-decoration: none;
font-size: 11px;
color: #737373;
background: 0 0;
position: relative;
border-radius: 40px
}
.btn-more:hover {
color: #737373;
background: #EEE
}
.btn-more:active {
background: #ddd;
border-color: #ddd;
top: 1px
}
.btn-more.disabled {
background: 0 0 !important;
color: #999 !important;
top: 0 !important;
border-color: #fbfbfb !important;
cursor: default
}
.banner {
display: block;
background: #222
}
.banner.full-banner {
width: 100%;
text-align: center
}
.banner a {
display: block
}
.banner a:hover {
opacity: .7
}
.banner img {
display: block;
max-width: 100%;
height: auto
}
#loading-bar,
#loading-bar-spinner {
pointer-events: none;
-webkit-pointer-events: none;
transition: 350ms linear all
}
.slick-slide img,
.slick-slide.dragging img {
pointer-events: none
}
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active,
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active {
opacity: 0
}
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave,
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave {
opacity: 1
}
#loading-bar .bar {
transition: width 350ms;
background: #29d;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100%;
height: 3px;
border-bottom-right-radius: 1px;
border-top-right-radius: 1px
}
.calendar-head,
.cs-head {
background-position: center;
background-size: cover
}
#loading-bar .peg {
position: absolute;
width: 70px;
right: 0;
top: 0;
height: 3px;
opacity: .45;
box-shadow: #29d 1px 0 6px 1px;
border-radius: 100%
}
#loading-bar-spinner,
.fcf-loading-spinner {
display: block;
position: fixed;
z-index: 999999;
top: 14px;
right: 10px
}
.calendar-head,
.fcf-loading-spinner {
position: relative
}
#loading-bar-spinner .spinner-icon,
.fcf-loading-spinner .spinner-icon {
width: 12px;
height: 12px;
border: 2px solid transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
animation: loading-bar-spinner .4s linear infinite
}
@keyframes loading-bar-spinner {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.calendar-page .btn-more {
margin-top: 40px
}
.calendar-head {
height: 230px;
border-bottom: 1px solid #646464
}
.calendar-head:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3);
z-index: 1
}
.calendar-head nav {
position: absolute;
width: 100%;
height: 55px;
bottom: 0;
left: 0;
z-index: 2;
background-color: rgba(34, 34, 34, .7)
}
.calendar-head nav ul {
margin: 0 auto;
width: 100%;
max-width: 1000px;
padding-left: 200px
}
.calendar-head nav li {
padding: 20px 0 17px;
font-size: 12px;
color: #fff;
float: left;
margin: 0;
width: 180px;
text-align: center
}
.calendar-table table th,
.cs-head nav li {
font-family: ProximaRegular, sans-serif
}
.calendar-head nav li:first-child {
width: calc(100% - 560px);
text-align: left;
padding: 20px 0 17px 10px
}
.calendar-head nav li:nth-child(2),
.calendar-head nav li:nth-child(5) {
width: 100px
}
.calendar-head nav li svg {
width: 1.3em;
height: 1.3em;
vertical-align: middle;
margin-right: 3px
}
.calendar-aside,
.calendar-table {
display: block;
margin: 0;
float: left
}
.calendar-aside {
width: 200px;
padding-right: 30px
}
.calendar-table {
width: calc(100% - 200px);
padding-bottom: 50px
}
.calendar-table table {
border: none;
margin-bottom: 0
}
.calendar-table table td,
.calendar-table table th {
border: none;
border-bottom: 1px solid #efefef;
vertical-align: middle
}
.calendar-table table th {
text-align: center;
font-size: 26px;
font-weight: 400;
height: 60px
}
.calendar-table table th i {
font-style: normal;
color: #00B367
}
.calendar-table table tbody tr:nth-child(2n+2) td {
background-color: #fff
}
.calendar-table table tbody tr.m-cool td {
background-color: #fff588
}
.calendar-table table td {
height: 45px;
font-size: 14px;
color: #7c7c7c;
text-align: center;
background-color: #f6f6f6;
padding: 0;
width: 180px
}
.calendar-table table td:first-child {
width: calc(100% - 560px);
text-align: left;
padding: 0 10px
}
.calendar-table table td:nth-child(2),
.calendar-table table td:nth-child(5) {
width: 100px
}
.calendar-table table td a {
display: inline-block;
position: relative;
text-decoration: none;
color: #0d6699;
transition: color .3s
}
.calendar-table table td a:before {
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #1185c8;
transition: width .3s, background-color .3s
}
.calendar-table table td a:hover:before {
width: 100%
}
.calendar-table table td a:active {
color: #EA1D2F
}
.calendar-table table td a:active:before {
background-color: #EA1D2F
}
.widget .multiSelect {
margin-bottom: 15px
}
.cs-head {
position: relative;
height: 360px;
margin-bottom: 20px
}
.cs-head:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 1
}
.cs-head nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 75px;
background-color: rgba(34, 34, 34, .7);
z-index: 2
}
.cs-head nav li:before,
.cs-head nav li:nth-child(4):after {
height: 40px;
background-color: rgba(234, 232, 232, .1);
z-index: 1
}
.cs-head nav ul {
margin: 0 auto;
width: 100%;
max-width: 1000px
}
.cs-head nav li {
padding: 27px 0 23px;
font-size: 18px;
color: #fff;
float: left;
margin: 0;
width: calc((100% - 400px)/ 2);
text-align: center;
position: relative
}
.cs-head nav li:before {
top: 17px;
left: 0;
width: 1px
}
.cs-head nav li i {
font-style: normal;
color: #00B367
}
.cs-head nav li:first-child,
.cs-head nav li:nth-child(4) {
width: 200px
}
.cs-head nav li:nth-child(4) i {
font-size: 26px;
position: relative;
top: -8px
}
.cs-head nav li:nth-child(4) i span {
border-bottom: 1px dashed;
cursor: pointer;
transition: color .3s
}
.cs-head nav li:nth-child(4) i small {
font-size: 18px
}
.cs-head nav li:nth-child(4) i:hover span {
color: #00e684
}
.cs-head nav li:nth-child(4):after {
top: 17px;
right: 0;
width: 1px
}
.cs-head nav li svg {
vertical-align: text-top;
margin-right: 3px
}
.cs-head div {
text-align: center;
position: relative;
z-index: 2;
top: calc(50% - 35px);
color: #fff;
transform: translateY(-50%)
}
.cs-head div aside {
position: absolute;
top: -30px;
left: 0;
width: 100%
}
.cs-head div aside time+span:after,
.cs-head div aside time+span:before {
content: '  /  '
}
.cs-head div h1 {
color: inherit;
margin-bottom: 0;
font-family: ProximaExtrabld, sans-serif;
font-size: 50px
}
.marathon-info {
margin-top: 60px
}
.marathon-info li {
margin-bottom: 15px;
font-size: 14px
}
.marathon-info li a {
text-decoration: none;
color: #00B367;
border-bottom: 1px solid transparent
}
.marathon-info li a:hover {
border-color: #00B367
}
.calendar-single hr {
border: none;
height: 1px;
background-color: #efefef;
margin: 20px 0 10px
}
.calendar-single figcaption {
padding-top: 10px;
text-align: center;
font-size: 16px;
color: #202020
}
.big-slider {
padding: 30px 0;
background-color: #202020
}
.post-slider {
position: relative;
margin-bottom: 30px
}
.post-slider div {
min-height: 400px
}
.post-slider img,
.post-slider ul {
margin-bottom: 0 !important
}
.custom-paging {
position: absolute;
bottom: 30px;
left: 50%;
width: 210px;
margin-left: -105px !important;
z-index: 100;
height: 50px;
text-align: center;
background-color: rgba(255, 255, 255, .7);
border-radius: 25px
}
.custom-paging li {
display: none;
text-align: center;
padding: 0;
margin: 0;
line-height: 50px;
font-size: 14px;
color: #202020
}
.custom-paging li.slick-active,
.multiSelect {
display: block
}
.multiSelect {
position: relative
}
.multiSelect .vertical {
float: none
}
.multiSelect button {
display: inline-block;
width: 100%;
position: relative;
text-align: left;
cursor: pointer;
border: 2px solid #dcdcdc;
font-family: ProximaRegular, sans-serif;
padding: 1px 25px 1px 10px;
font-size: 12px;
height: 38px;
color: #7c7c7c;
background-color: #fff;
-moz-user-select: none;
user-select: none;
border-radius: 0;
transition: border-color .3s
}
.multiSelect button .svg-icon {
position: absolute;
top: 50%;
right: 10px;
font-size: 14px;
margin-top: -.5em
}
.multiSelect button .svg-icon path,
.multiSelect button .svg-icon polygon,
.multiSelect button .svg-icon rect {
fill: grey
}
.multiSelect button .svg-icon circle {
stroke: grey
}
.multiSelect button:hover {
border-color: #c3c3c3
}
.multiSelect.buttonClicked button {
border-color: #00B367;
z-index: 50
}
.multiSelect.buttonClicked button .svg-icon path,
.multiSelect.buttonClicked button .svg-icon polygon,
.multiSelect.buttonClicked button .svg-icon rect {
fill: #00B367
}
.multiSelect.buttonClicked button .svg-icon circle {
stroke: #00B367
}
.multiSelect.buttonClicked button:hover {
border-color: #00B367
}
.multiSelect .buttonLabel {
display: inline-block;
padding: 5px 0
}
.multiSelect .checkboxLayer {
background-color: #fff;
position: absolute;
z-index: 49;
top: 36px;
left: 0;
border: 2px solid #dcdcdc;
width: 100%;
display: none
}
.multiSelect .checkboxLayer.show {
display: block
}
.multiSelect .checkboxLayer .checkBoxContainer {
display: block;
padding: 0;
overflow: hidden
}
.multiSelect .checkboxLayer .multiSelectItem {
display: block;
padding: 3px 10px;
color: #444;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: none;
position: relative;
min-height: 32px;
transition: background-color .3s;
cursor: pointer
}
.grey-select .multiSelect button:hover,
.grey-select .multiSelect.buttonClicked .checkboxLayer,
.grey-select .multiSelect.buttonClicked button {
border-color: #b6b6b6
}
.multiSelect .checkboxLayer .multiSelectItem .acol {
min-width: 12px;
cursor: pointer
}
.multiSelect .checkboxLayer .multiSelectItem .acol label {
display: inline-block;
padding-right: 30px;
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: normal;
cursor: pointer
}
.multiSelect .checkboxLayer .multiSelectItem .tickMark {
display: inline-block;
position: absolute;
right: 10px;
top: 7px;
font-size: 10px;
font-weight: 700;
color: #00B367
}
.multiSelect .checkboxLayer .multiSelectItem:hover {
background-color: #f6f6f6
}
.multiSelect .checkbox {
color: #ddd !important;
position: absolute;
left: -9999px;
cursor: pointer
}
.ngdialog,
.ngdialog-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0
}
.grey-select .multiSelect button {
background-color: #dcdcdc
}
.grey-select .multiSelect.buttonClicked button .svg-icon path,
.grey-select .multiSelect.buttonClicked button .svg-icon polygon,
.grey-select .multiSelect.buttonClicked button .svg-icon rect {
fill: grey
}
.grey-select .multiSelect.buttonClicked button .svg-icon circle {
stroke: grey
}
@keyframes ngdialog-fadeout {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes ngdialog-fadein {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.ngdialog,
.ngdialog *,
.ngdialog:after,
.ngdialog:before {
box-sizing: border-box
}
.ngdialog {
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 10000;
left: 0
}
.new-bp,
.new-bp figure,
.slick-list,
body.ngdialog-open {
overflow: hidden
}
.ngdialog-overlay {
background: rgba(0, 0, 0, .4);
left: 0;
animation: ngdialog-fadein .5s
}
.ngdialog.ngdialog-closing .ngdialog-overlay {
animation: ngdialog-fadeout .5s
}
.ngdialog-content {
background: #fff;
animation: ngdialog-fadein .5s
}
.ngdialog.ngdialog-closing .ngdialog-content {
animation: ngdialog-fadeout .5s
}
.ngdialog-close:before {
font-family: Helvetica, Arial, sans-serif;
content: '\00D7';
cursor: pointer
}
.ngdialog-dark .ngdialog-overlay {
background: rgba(0, 0, 0, .8)
}
.ngdialog-dark .ngdialog-content {
position: relative;
top: calc((100vh - 360px)/ 2);
padding: 30px;
width: 640px;
margin: 0 auto;
background-color: #363636;
box-shadow: 0 0 32px rgba(0, 0, 0, .75);
border-radius: 4px;
text-align: center
}
.ngdialog-dark .ngdialog-content h4 {
font-family: ProximaRegular, sans-serif;
font-weight: 400;
font-size: 30px;
color: #fff;
line-height: 1.3;
margin-bottom: 20px
}
.new-bp .nbp-tag .nbp-tagname,
.tag-list dl dt,
.tag-page .entry-header {
font-family: ProximaBold, sans-serif
}
.ngdialog-dark .ngdialog-content p {
color: #acabab;
font-size: 14px;
margin-bottom: 0
}
.ngdialog-dark .ngdialog-content .nd-row {
display: table;
font-size: 0 !important;
width: 100%
}
.ngdialog-dark .ngdialog-content .nd-row a {
display: inline-block;
vertical-align: top;
margin: 0 25px 25px;
font-size: 20px;
color: #fff;
text-decoration: none
}
.ngdialog-dark .ngdialog-content .nd-row a:hover i {
box-shadow: 0 0 0 5px #fff
}
.ngdialog-dark .ngdialog-content .nd-row a:active i {
box-shadow: 0 0 0 2px #fff
}
.ngdialog-dark .ngdialog-content .nd-row i {
display: block;
width: 136px;
height: 136px;
margin: 0 auto 15px;
border-radius: 78px;
background: url(//nogibogi.com/wp-content/themes/nogibogi/assets/img/all/fsprite.png) no-repeat;
transition: box-shadow .2s
}
.ngdialog-dark .ngdialog-content .nd-row i.icon-run {
background-position: -1px -1px
}
.ngdialog-dark .ngdialog-content .nd-row i.icon-bicycle {
background-position: -140px -1px
}
.ngdialog-dark .ngdialog-content .nd-row i.icon-triathlon {
background-position: -280px -1px
}
.ngdialog-dark .ngdialog-close {
display: none
}
.slick-list,
.slick-slider,
.slick-track {
position: relative;
display: block
}
.slick-slider {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: pan-y;
touch-action: pan-y;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.slick-list {
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slide,
.slick-slide img,
.slick-slider .slick-list,
.slick-track {
transform: translate3d(0, 0, 0)
}
.slick-track {
left: 0;
top: 0;
zoom: 1
}
.slick-track:after,
.slick-track:before {
content: '';
display: table
}
.slick-track:after {
clear: both
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
button.ss-next,
button.ss-prev {
position: absolute;
width: 40px;
height: 40px;
bottom: 35px;
left: 50%;
z-index: 120;
border: none;
cursor: pointer;
border-radius: 20px;
background-color: #232323;
line-height: 40px;
font-size: 23px;
transition: background-color .3s
}
button.ss-next:hover,
button.ss-prev:hover {
background-color: #000
}
button.ss-next:active,
button.ss-prev:active {
background-color: #444
}
button.ss-next .svg-icon path,
button.ss-next .svg-icon polygon,
button.ss-next .svg-icon rect,
button.ss-prev .svg-icon path,
button.ss-prev .svg-icon polygon,
button.ss-prev .svg-icon rect {
fill: #fff
}
button.ss-next .svg-icon circle,
button.ss-prev .svg-icon circle {
stroke: #fff
}
button.ss-prev {
margin-left: -100px
}
button.ss-next {
margin-left: 60px
}
.tag-page .entry-header {
margin: 30px 0;
font-size: 22px;
font-weight: 400;
color: #222
}
.tag-list {
width: calc(100% + 50px);
margin-left: -50px;
margin-bottom: 50px
}
.tag-list .tag-list-item {
width: 300px
}
.tag-list dl {
padding: 15px 0;
margin: 0 0 40px 50px;
position: relative;
border-top: 2px solid #e9e9e9
}
.tag-list dl:before {
top: -2px;
left: 0;
width: 0;
height: 2px;
z-index: 1;
background-color: #EA1D2F;
transition: width .3s
}
.tag-list dl dt {
float: left;
width: 40px;
margin: 0;
font-size: 30px;
color: #3d3d3d;
transition: color .3s
}
.tag-list dl dd {
width: 260px;
float: left;
margin: 0;
font-size: medium
}
.tag-list dl dd a {
font-size: 14px;
color: #222;
border-bottom: 1px solid #e9e9e9;
display: block;
text-decoration: none;
line-height: 1.35;
padding: 9px 20px 8px 0;
position: relative;
transition: color .3s
}
.tag-list dl dd a ins {
text-decoration: none;
display: block;
position: absolute;
top: 9px;
height: 18px;
right: 1px;
line-height: 1;
min-width: 18px;
text-align: center;
padding: 3px 5px 0;
z-index: 1;
color: #9f9b9b;
transition: color .3s
}
.tag-list dl dd a ins i {
position: relative;
z-index: 2;
font-style: normal
}
.tag-list dl dd a ins:before {
top: -1px;
left: -1px;
z-index: 1;
width: calc(100% + 2px);
height: calc(100% + 2px);
background-color: #EA1D2F;
opacity: 0;
border-radius: 2px;
transform: scale(.001);
transition: transform .3s cubic-bezier(.23, 1.51, .38, 1.36), opacity .3s
}
.tag-list dl dd a:hover {
color: #EA1D2F
}
.tag-list dl dd a:hover ins {
color: #fff
}
.tag-list dl dd a:hover ins:before {
transform: scale(1);
opacity: 1
}
.tag-list dl:hover dt {
color: #EA1D2F
}
.tag-list dl:hover:before {
width: 100%
}
.nb-feat {
padding: 20px 0 0
}
.nb-feat .nbp-c-2 {
position: absolute;
bottom: 0;
right: 0
}
.nb-row,
.new-bp {
position: relative
}
.nb-row {
width: calc(100% + 20px);
margin-left: -20px
}
.new-bp {
width: 320px;
height: 213px;
margin-left: 20px;
margin-bottom: 20px;
}
.new-bp .nbp-link {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
cursor: pointer
}
.new-bp header {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 2;
transition: bottom .3s, left .3s, right .3s
}
.new-bp header h3,
.new-bp header .h3 {
font-size: 20px;
line-height: 1.24;
color: #fff;
display: inline;
position: relative
}
.new-bp figure {
position: relative
}
.new-bp figure:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
opacity: .3;
z-index: 1;
transition: opacity .3s
}
.new-bp figure img {
display: block;
max-width: 100%;
object-fit: cover;
min-height: 220px;
}
.new-bp figure figcaption {
position: absolute;
bottom: -30px;
left: 10px;
right: 10px;
transition: bottom .3s;
color: #eee;
z-index: 9;
line-height: 1
}
.new-bp .nbp-tag .nbp-line,
.new-bp .nbp-tag .nbp-tagname {
position: absolute;
top: 0;
right: 0;
z-index: 2;
transition: transform .3s;
display: block
}
.new-bp figure figcaption .icon-comments,
.new-bp figure figcaption .icon-views {
font-size: 10px
}
.new-bp figure figcaption span {
margin: 0 10px;
font-size: 12px
}
.new-bp .nbp-tag {
position: absolute;
top: 0;
right: 0
}
.new-bp .nbp-tag .nbp-line {
width: 60px;
height: 1px;
background-color: #fff;
transform: rotate(-60deg) translateX(-15px) translateY(25px)
}
.new-bp .nbp-tag .nbp-tagname {
font-size: 12px;
text-transform: uppercase;
color: #fff;
transform: translateX(-30px) translateY(55px)
}
.new-bp .nbp-desc {
font-size: 16px;
line-height: 22px;
color: #696969
}
.new-bp:hover figure:before {
opacity: .1
}
.new-bp:hover .nbp-line {
transform: rotate(-30deg) translateX(20px) translateY(15px)
}
.new-bp:hover .nbp-tagname {
transform: translateX(-35px) translateY(20px)
}
.new-bp.nbp-post-nothumb {
height: auto
}
.new-bp.nbp-post-nothumb .nbp-tag {
position: static;
margin-bottom: 5px;
top: auto;
right: auto
}
.new-bp.nbp-post-nothumb .nbp-tag .nbp-tagname {
color: #333;
position: static;
top: auto;
right: auto;
transform: translateX(0) translateY(0)
}
.new-bp.nbp-post-nothumb .nbp-tag .nbp-tagname span {
display: block;
font-size: 16px;
margin-bottom: 5px;
color: #D5D5D5
}
.new-bp.nbp-post-banner figure:before,
.new-bp.nbp-post-special .nbp-tag .nbp-line {
display: none
}
.new-bp.nbp-post-nothumb .nbp-tag .nbp-line {
width: 0;
background-color: rgba(186, 186, 186, 0);
left: 0;
transform: rotate(-60deg) translateX(-100px) translateY(0);
transition: transform .3s, background-color .3s, left .3s
}
.new-bp.nbp-post-nothumb .nbp-tag .nbp-line:before {
top: 400px;
left: 50px;
width: 200px;
height: 1px;
background-color: #bababa;
transition: width .3s
}
.new-bp.nbp-post-nothumb .nbp-tag .nbp-line:after {
top: 80px;
right: -150px;
width: 200px;
height: 1px;
background-color: #bababa;
transition: width .3s
}
.new-bp.nbp-post-nothumb header {
position: relative;
left: 0;
bottom: auto;
right: 0;
padding: 15px 20px
}
.new-bp.nbp-post-nothumb header h3,
.new-bp.nbp-post-nothumb header .h3 {
font-size: 30px;
color: #333
}
.new-bp.nbp-post-nothumb:hover .nbp-tag .nbp-tagname {
transform: translateX(0) translateY(0)
}
.new-bp.nbp-post-nothumb:hover .nbp-tag .nbp-line {
left: -100px;
background-color: rgba(186, 186, 186, 0);
transform: rotate(-60deg) translateX(-100px) translateY(0)
}
.new-bp.nbp-big {
width: 660px;
height: 446px;
background: lightgray;
}
.new-bp.nbp-big img {
width: 100%;
min-height: 445px;
}
.new-bp.nbp-big h3,
.new-bp.nbp-big .h3 {
font-size: 40px
}
.new-bp.nbp-big .nbp-tag .nbp-line {
width: 150px;
transform: rotate(-50deg) translateX(-20px) translateY(57px)
}
.new-bp.nbp-big .nbp-tag .nbp-tagname {
transform: translateX(-100px) translateY(120px)
}
.new-bp.nbp-big:hover.no-meta header {
bottom: 20px
}
.new-bp.nbp-big:hover.no-meta figcaption {
bottom: -30px
}
.new-bp.nbp-big:hover header {
bottom: 45px
}
.new-bp.nbp-big:hover figcaption {
bottom: 12px
}
.new-bp.nbp-banner {
border: 1px solid #ddd;
padding: 9px;
height: auto !important
}
.new-bp.nbp-post-banner,
.new-bp.nbp-post-desc,
.new-bp.nbp-post-long {
height: 360px
}
.new-bp.nbp-post-long figcaption,
.new-bp.nbp-post-long header {
text-align: center
}
.new-bp.nbp-post-long:hover.no-meta header {
bottom: 20px
}
.new-bp.nbp-post-long:hover.no-meta figcaption {
bottom: -30px
}
.new-bp.nbp-post-long:hover header {
bottom: 45px
}
.new-bp.nbp-post-long:hover figcaption {
bottom: 12px
}
.new-bp.nbp-post-desc header {
position: relative;
left: 0;
bottom: auto;
right: 0;
padding: 15px 0
}
.new-bp.nbp-post-desc header h3,
.new-bp.nbp-post-desc header .h3 {
color: #333
}
.new-bp.nbp-post-desc:hover.no-meta figcaption {
bottom: -30px
}
.new-bp.nbp-post-desc:hover figcaption {
bottom: 12px
}
.new-bp.nbp-post-special {
height: 100px
}
.new-bp.nbp-post-special header {
bottom: 15px
}
.new-bp.nbp-post-special header h3,
.new-bp.nbp-post-special header .h3 {
font-size: 16px;
line-height: 1.25
}
.new-bp.nbp-post-special .nbp-tag {
right: auto;
left: 20px;
top: 20px
}
.new-bp.nbp-post-special .nbp-tag .nbp-tagname {
right: auto;
left: 0;
transform: translateX(0) translateY(0)
}
.new-bp.nbp-post-special:hover .nbp-tag .nbp-tagname {
transform: translateX(0) translateY(0)
}
.new-bp.nbp-post-desc h3,
.new-bp.nbp-post-nothumb h3,
.new-bp.nbp-post-desc .h3,
.new-bp.nbp-post-nothumb .h3 {
transition: color .3s
}
.new-bp.nbp-post-desc:hover h3,
.new-bp.nbp-post-nothumb:hover h3,
.new-bp.nbp-post-desc:hover .h3,
.new-bp.nbp-post-nothumb:hover .h3 {
color: #00B367
}
.new-bp.nbp-medium:hover.no-meta header {
bottom: 20px
}
.new-bp.nbp-medium:hover.no-meta figcaption {
bottom: -30px
}
.new-bp.nbp-medium:hover header {
bottom: 45px
}
.new-bp.nbp-medium:hover figcaption {
bottom: 12px
}
.new-bp.nbp-c-0:hover .nbp-line {
transform: rotate(-54deg) translateX(30px) translateY(60px)
}
.new-bp.nbp-c-0:hover .nbp-tagname {
transform: translateX(-60px) translateY(80px)
}
.new-bp.nbp-color-green figure:before {
background-color: #00B022
}
.new-bp.nbp-color-red figure:before {
background-color: #FD0000
}
.new-bp.nbp-color-laurel figure:before {
background-color: #008E00
}
.new-bp.nbp-color-grey figure:before {
background-color: #8A8A8A
}
.new-bp.nbp-color-scarlet figure:before {
background-color: #FF4600
}
.new-bp.nbp-color-azure figure:before {
background-color: #0094FF
}
.new-bp.nbp-color-turquoise figure:before {
background-color: #00CAC7
}
.new-bp.nbp-color-pink figure:before {
background-color: #F60086
}
.new-bp.nbp-color-9 figure:before {
background-color: #EEDA00
}
.new-bp.nbp-color-10 figure:before {
background-color: #A700BD
}
body.is-mobile .new-bp figure:before {
opacity: .1 !important
}
body.is-mobile .new-bp .nbp-line {
transform: rotate(-30deg) translateX(20px) translateY(15px) !important
}
body.is-mobile .new-bp .nbp-tagname {
transform: translateX(-35px) translateY(20px) !important
}
body.is-mobile .new-bp.nbp-big header {
bottom: 45px !important
}
body.is-mobile .new-bp.nbp-big figcaption {
bottom: 12px !important
}
body.is-mobile .new-bp.nbp-big.no-meta header {
bottom: 20px !important
}
body.is-mobile .new-bp.nbp-big.no-meta figcaption {
bottom: -30px !important
}
body.is-mobile .new-bp.nbp-post-nothumb .nbp-tag .nbp-tagname {
transform: translateX(0) translateY(0) !important
}
body.is-mobile .new-bp.nbp-post-nothumb .nbp-tag .nbp-line {
left: -100px !important;
background-color: rgba(186, 186, 186, 0) !important;
transform: rotate(-60deg) translateX(-100px) translateY(0) !important
}
body.is-mobile .new-bp.nbp-medium header {
bottom: 45px !important
}
body.is-mobile .new-bp.nbp-medium figcaption {
bottom: 12px !important
}
body.is-mobile .new-bp.nbp-medium.no-meta header {
bottom: 20px !important
}
body.is-mobile .new-bp.nbp-medium.no-meta figcaption {
bottom: -30px !important
}
body.is-mobile .new-bp.nbp-post-desc h3,
body.is-mobile .new-bp.nbp-post-nothumb h3,
body.is-mobile .new-bp.nbp-post-desc .h3,
body.is-mobile .new-bp.nbp-post-nothumb .h3 {
color: #333 !important;
transition: none !important
}
body.is-mobile .new-bp.nbp-post-desc:hover h3,
body.is-mobile .new-bp.nbp-post-nothumb:hover h3,
body.is-mobile .new-bp.nbp-post-desc:hover .h3,
body.is-mobile .new-bp.nbp-post-nothumb:hover .h3 {
color: #333 !important
}
body.is-mobile .new-bp.nbp-post-desc figcaption {
bottom: 12px !important
}
body.is-mobile .new-bp.nbp-post-desc.no-meta figcaption {
bottom: -30px !important
}
body.is-mobile .new-bp.nbp-post-special .nbp-tag .nbp-tagname {
transform: translateX(0) translateY(0) !important
}
body.is-mobile .new-bp.nbp-post-long header {
bottom: 45px !important
}
body.is-mobile .new-bp.nbp-post-long figcaption {
bottom: 12px !important
}
body.is-mobile .new-bp.nbp-post-long.no-meta header {
bottom: 20px !important
}
body.is-mobile .new-bp.nbp-post-long.no-meta figcaption {
bottom: -30px !important
}
.flowGrid .flowGridItem {
margin-left: 0
}
.flowGrid .flowGridColumn {
float: left;
margin: 0;
padding-left: 20px
}
.is-mobile .snap-content,
.is-mobile .x-snap-content,
.is-mobile [data-snap-content],
.is-mobile [snap-content],
.is-mobile [snap\:content],
.is-mobile [x-snap-content],
.is-mobile snap-content {
position: absolute;
height: auto;
top: 0;
bottom: 0;
width: auto;
left: 0;
right: 0
}
.no-mobile .snap-content,
.no-mobile .x-snap-content,
.no-mobile [data-snap-content],
.no-mobile [snap-content],
.no-mobile [snap\:content],
.no-mobile [x-snap-content],
.no-mobile snap-content {
position: relative;
z-index: 1
}
#wpadminbar {
top: 0;
position: fixed;
}
body.admin-bar .mobile-nav {
top: 46px;
}
@media screen and (max-width: 1024px) { .site-header {
top: 0;
left: 0;
width: 100%;
height: 55px
}
#page {
padding: 0;
position: relative;
margin-bottom: 0
}      .site-header {
padding: 0;
bottom: 0;
z-index: 100;
transition: left .3s
}
.site-header .container {
display: block;
position: static;
padding: 0;
max-width: 100%;
min-height: 55px
}
.site-header #nav {
height: 55px
}
.site-header #nav .header-icons {
left: auto;
margin: -15px 0 0;
width: auto;
bottom: auto;
top: 50%;
right: 10px
}
.site-header #nav .header-icons li {
display: block;
float: left;
width: auto
}
.site-header #nav .header-icons li a {
display: block;
margin: 0
}
.site-header #nav .logo {
background-size: cover;
width: 40px;
height: 35px;
margin-top: -18px;
margin-left: -20px;
top: 28px
}
.site-header .header-navigation.headroom--not-top,
.site-header .header-navigation.headroom--top {
transform: translate3d(0, 0, 0) !important;
position: absolute;
top: 0 !important;
bottom: 0 !important;
line-height: 1 !important;
height: 100% !important
}
.container {
max-width: 670px
}
.section-dark-slider .container {
max-width: 100%;
padding: 0 20px
}
.container.container-for-post {
max-width: 100%;
padding: 0 20px;
height: auto
}
.container.container-for-post:after {
display: none
}
.container.container-for-post .single-header-metadata {
left: 20px;
width: calc(100% - 40px)
} .blogroll-list {
width: 100%;
}
.blogroll-list .blogroll-post {
margin-right: 0;
}
#footer {
display: none;
}
#subscription {
display: none;
}
.styling iframe {
max-width: 100%;
width: 100%
}
.styling figure {
max-width: 100%
}
.blogroll-post.blogroll-post-author,
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-item,
.blogroll-post.blogroll-post-long,
.blogroll-post.blogroll-post-medium,
.blogroll-post.blogroll-post-small {
width: 320px
}
.blogroll-post.blogroll-post-big,
.blogroll-post.blogroll-post-megabig {
width: 660px
}
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-half figure {
height: 216px
}
.blogroll-post.blogroll-post-full,
.blogroll-post.blogroll-post-fullbig {
height: auto;
padding: 50px 0
}
.blogroll-post.blogroll-post-half h3,
.blogroll-post.blogroll-post-half .h3 {
font-size: 20px;
line-height: 1.2
}
.blogroll-post.blogroll-post-full .bpl,
.blogroll-post.blogroll-post-fullbig .bpl {
font-size: 48px
}
.blogroll-post.blogroll-post-full .container {
top: 0;
transform: translateY(0)
}
.blogroll-post.blogroll-post-fullbig .container {
top: 0
}
.blogroll-post.blogroll-post-megabig+.blogroll-post+.blogroll-post {
top: 0;
position: relative
}
}
@media screen and (max-width: 960px) {
.block.grey-block {
padding: 20px 15px
}
.blogroll-post.blogroll-post-full,
.blogroll-post.blogroll-post-fullbig {
padding: 50px 0;
height: auto
}
.container {
max-width: 660px
}
.container-for-post {
height: auto
}
.ng-social li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
width: auto;
float: none;
min-width: 120px
}
.blogroll-post.blogroll-post-author,
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-item,
.blogroll-post.blogroll-post-long,
.blogroll-post.blogroll-post-medium,
.blogroll-post.blogroll-post-small {
width: 320px
}
.blogroll-post.blogroll-post-big,
.blogroll-post.blogroll-post-megabig {
width: 660px
}
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-half figure {
height: 216px
}
.blogroll-post.blogroll-post-half h3,
.blogroll-post.blogroll-post-half .h3 {
font-size: 20px;
line-height: 1.2
}
.blogroll-post.blogroll-post-full .bpl,
.blogroll-post.blogroll-post-fullbig .bpl {
font-size: 48px
} .blogroll-post.blogroll-post-item figure {
height: 213px
}
.blogroll-post.blogroll-post-full .container {
top: 0;
transform: translateY(0)
}
.blogroll-post.blogroll-post-fullbig .container {
top: 0
}
.blogroll-post.blogroll-post-megabig+.blogroll-post+.blogroll-post {
top: 0;
position: relative
}
#subscription {
height: auto;
padding: 20px 0 0
}
#subscription .subscrioption-desc {
text-align: center;
line-height: 16px
}
#subscription .subscrioption-desc,
#subscription .subscription-form {
width: 80%;
margin: 0 auto 20px;
padding: 0;
float: none
}
.single-post-share .ng-social li {
display: block;
float: left;
width: 32%;
min-width: 32%;
margin: 0 1.2% 0 0 !important
}
.single-post-share .ng-social li:last-child {
margin-right: 0
}
.btn-more {
width: 60%
}
}
@media screen and (max-width: 800px) {
.single-header {
height: auto
}
.single-header .single-header-metadata {
position: relative;
bottom: auto;
left: 0 !important;
width: 100% !important;
padding: 80px 0;
}
.single-header .single-header-metadata .single-post-title {
width: 100%;
font-size: 30px;
line-height: 1
}
.post-article header h1 {
font-size: 30px;
line-height: 1
}
}
@media screen and (max-width: 760px) {
.container {
max-width: 590px
}
.btn-more {
width: 100%
}
.single-header-metadata {
padding: 50px 0 30px
}
.single-header-metadata .ng-social li {
min-width: 120px;
display: inline-block
}
.blogroll-post.blogroll-post-author,
.blogroll-post.blogroll-post-big,
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-item,
.blogroll-post.blogroll-post-long,
.blogroll-post.blogroll-post-medium,
.blogroll-post.blogroll-post-megabig,
.blogroll-post.blogroll-post-small {
width: 280px
}
.blogroll-post.blogroll-post-small .bpl {
font-size: 14px
}
.blogroll-post.blogroll-post-big .bpl,
.blogroll-post.blogroll-post-megabig .bpl {
font-size: 24px
}
.blogroll-post.blogroll-post-item figure {
height: 186px
}
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-half figure {
height: 189px
}
.blogroll-post.blogroll-post-long {
height: 315px
}
.blogroll-post.blogroll-post-medium {
height: 186px
}
.blogroll-post.blogroll-post-megabig {
width: 580px;
height: 392px
}
.blogroll-post.blogroll-post-big {
width: 580px;
height: 316px
}
.new-bp {
width: 280px
}
.new-bp.nbp-big {
width: 580px;
height: 316px
}
.new-bp.nbp-big h3,
.new-bp.nbp-big .h3 {
font-size: 30px
}
.new-bp.nbp-post-desc figure {
height: 186px
}
.new-bp.nbp-post-banner,
.new-bp.nbp-post-long {
height: 315px
}
.new-bp.nbp-medium,
.new-bp.nbp-post-medium {
height: 186px
}
.single-post-share .ng-social li .ng-social-icon {
width: 40px;
text-align: center;
padding: 0
}
.single-post-share .ng-social li .ng-social-text {
padding-left: 35px;
padding-right: 0
}
.single-post-share .single-post-subscription form .sf-subsc-input,
.single-post-share .single-post-subscription form .sf-subsc-submit {
width: 100%;
float: none;
margin: 0 0 10px
}
.single-post-share .single-post-subscription form .sf-subsc-submit {
margin-bottom: 0
}
.single-post-tags .sf-content,
.single-post-tags .sf-heading {
display: block;
width: 100%
}
.single-post-tags .sf-heading {
margin-bottom: 10px
}
.styling h2 {
font-size: 26px;
line-height: 1
}
.styling h3,
.styling .h3 {
font-size: 22px
}
.styling h4 {
font-size: 18px
}
.styling a {
white-space: normal
}
.post-slider div {
min-height: 200px
}
}
@media screen and (max-width: 640px) {
.post-slider div {
min-height: 150px
}
.styling p,
.styling span {
font-size: 19px;
line-height: 1.7;
}
.post-article header h1 {
margin-bottom: 20px;
}
.post-article header h1,
.styling h3,
.styling h2 {
font-family: 'ProximaBold', sans-serif;
line-height: 1.1;
}
}
@media screen and (max-width: 590px) {
.blogroll-post.blogroll-post-author,
.blogroll-post.blogroll-post-big,
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-item,
.blogroll-post.blogroll-post-long,
.blogroll-post.blogroll-post-medium,
.blogroll-post.blogroll-post-megabig,
.blogroll-post.blogroll-post-small,
.new-bp {
width: 320px
}
.new-bp.nbp-big .nbp-tag .nbp-line,
.new-bp.nbp-big .nbp-tag .nbp-tagname {
display: block;
position: absolute;
right: 0;
z-index: 2;
transition: transform .3s;
top: 0
}
.single-header .ng-social li {
min-width: 100px
}
.single-header .ng-social li.ng-social-facebook {
min-width: 110px
}
.single-header .ng-social-text {
font-size: 10px
}
.blogroll-post.blogroll-post-big .bpl,
.blogroll-post.blogroll-post-megabig .bpl {
font-size: 20px
}
.container {
max-width: 320px
}
.blogroll-post.blogroll-post-long {
height: 360px
}
.blogroll-post.blogroll-post-item figure,
.blogroll-post.blogroll-post-medium {
height: 213px
}
.blogroll-post.blogroll-post-megabig {
height: 216px
}
.blogroll-post.blogroll-post-big {
height: 175px
}
.blogroll-post.blogroll-post-full .bpl,
.blogroll-post.blogroll-post-fullbig .bpl {
font-size: 30px
}
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-half figure {
height: 216px
}
.new-bp.nbp-big {
width: 320px;
height: 175px
}
.new-bp.nbp-big h3,
.new-bp.nbp-big .h3 {
font-size: 20px
}
.new-bp.nbp-big .nbp-tag {
position: absolute;
top: 0;
right: 0
}
.new-bp.nbp-big .nbp-tag .nbp-line {
width: 60px;
height: 1px;
background-color: #fff;
transform: rotate(-60deg) translateX(-15px) translateY(25px)
}
.new-bp.nbp-big .nbp-tag .nbp-tagname {
font-family: ProximaBold, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #fff;
transform: translateX(-30px) translateY(55px)
}
.new-bp.nbp-big:hover .nbp-line {
transform: rotate(-30deg) translateX(20px) translateY(15px)
}
.new-bp.nbp-big:hover .nbp-tagname {
transform: translateX(-35px) translateY(20px)
}
.new-bp.nbp-post-desc figure {
height: 213px
}
.new-bp.nbp-post-banner,
.new-bp.nbp-post-long {
height: 360px
}
.new-bp.nbp-medium,
.new-bp.nbp-post-medium {
height: 213px;
position: relative;
top: 0;
bottom: auto;
left: 0;
right: auto
}
}
@media screen and (max-width: 320px) {
.blogroll-post.blogroll-post-author,
.blogroll-post.blogroll-post-big,
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-item,
.blogroll-post.blogroll-post-long,
.blogroll-post.blogroll-post-medium,
.blogroll-post.blogroll-post-megabig,
.blogroll-post.blogroll-post-small,
.new-bp {
width: 280px
}
.container {
max-width: 280px
}
.blogroll-post.blogroll-post-long {
height: 315px
}
.blogroll-post.blogroll-post-item figure,
.blogroll-post.blogroll-post-medium {
height: 186px
}
.blogroll-post.blogroll-post-half,
.blogroll-post.blogroll-post-half figure,
.blogroll-post.blogroll-post-megabig {
height: 189px
}
.blogroll-post.blogroll-post-big {
height: 146px
}
.ng-social li {
margin: 0 0 10px
}
.ng-social li .ng-social-text {
display: none
}
.ng-social li .ng-social-icon {
left: 50%;
margin-left: -20px
}
.single-header-metadata .ng-social li {
min-width: 90px !important
}
.new-bp.nbp-big {
width: 280px;
height: 153px
}
.new-bp.nbp-big h3,
.new-bp.nbp-big .h3 {
font-size: 18px
}
.new-bp.nbp-post-desc figure {
height: 186px
}
.new-bp.nbp-post-banner,
.new-bp.nbp-post-long {
height: 315px
}
.new-bp.nbp-medium,
.new-bp.nbp-post-medium {
height: 186px;
position: relative;
top: 0;
bottom: auto;
left: 0;
right: auto
}
}
.block-heading .cat-item {
display: inline;
margin-left: 15px;
vertical-align: top;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}
.block-heading .cat-item a {
color: #3d3d3d;
}
.block-heading .cat-item a:hover {
color: #fa5f00;
}
.block-heading .cat-item-none {
display: none;
}
.wp-pagenavi {
display: table;
position: relative;
width: 100%;
font-size: 0 !important;
text-align: center;
margin-bottom: 30px;
padding-top: 20px;
border-top: 1px solid #ececec;
-moz-user-select: none;
user-select: none;
}
.wp-pagenavi>span,
.wp-pagenavi>.page {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
position: relative;
width: 30px;
height: 30px;
line-height: 32px;
font-size: 12px;
color: #7c7c7c;
text-decoration: none;
transition: color .3s;
}
.wp-pagenavi>span:before,
.wp-pagenavi>.page:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #009bff;
box-sizing: border-box;
border-radius: 25px;
opacity: 0;
content: '';
display: block;
position: absolute;
transform: scale(.7);
transition: transform .3s, opacity .3s;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.wp-pagenavi>span.current,
.wp-pagenavi>.page:hover {
color: #009bff;
}
.wp-pagenavi>span.current:before,
.wp-pagenavi>.page:hover:before {
opacity: 1;
transform: scale(1);
}
.wp-pagenavi .previouspostslink {
font-size: 25px;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
margin-top: -2px;
margin-left: 0;
margin-right: 0;
left: 0;
}
.wp-pagenavi .nextpostslink {
font-size: 25px;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
margin-top: -2px;
margin-left: 0;
margin-right: 0;
right: 0;
}
[type="email"]::-webkit-input-placeholder {
color: white;
}
[type="email"]::-moz-placeholder {
color: white;
}
[type="email"]:-ms-input-placeholder {
color: white;
}
[type="email"]:-moz-placeholder {
color: white;
}
.my-position {
position: absolute;
left: -5000px;
}
.visually-hidden,
.widget-title {
border: 0;
padding: 0;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
clip: rect(0 0 0 0);
clip-path: inset(50%);
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
.h1:before,
.h1:after {
content: " ";
display: table;
}
.h1:after {
clear: both;
}
figure {
max-width: 100%;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap
}
#header .site-header-top {
display: none;
}
#nav .nav-trigger {
display: block;
}
#nav ul {
display: none;
}
#nav .logo {
display: block;
}
@media screen and (min-width: 1024px) {
#header .site-header-top {
display: block;
}
#nav .nav-trigger {
display: none;
}
#nav ul {
display: block;
}
#nav .logo {
display: none;
}
}
.gallery a {
position: static;
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
color: #00B367;
border: none;
}
.gallery img {
margin: 0 0;
width: 100%;
}
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
padding: 0 5px 5px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: none;
}
.inherit {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
padding: 0;
margin: 0;
}
@media (max-width:767px) {
.fb_iframe_widget {
width: 100%;
}
.fb_iframe_widget span {
width: 100% !important;
}
.fb_iframe_widget iframe {
width: 100% !important;
}
._8r {
margin-right: 5px;
margin-top: -4px !important;
}
}
.text_size_0 {
font-size: 0;
}
.icon-thin-arrow-right {
font-size: 0;
}
.icon-thin-arrow-left {
font-size: 0;
}
.grid-row {
display: block;
font-size: 0;
width: 100%;
position: relative;
}
.grid-row [class^=gr-] {
display: inline-block;
vertical-align: top;
max-width: 100%;
width: 100%;
font-size: medium;
margin-bottom: 20px;
}
.grid-row .gr-3 {
width: 320px;
display: block;
margin: 0 auto;
padding-bottom: 20px;
}
.s-widget.blogroll-post.blogroll-post-small {
display: block;
}
@media screen and (min-width: 960px) {
.grid-row {
display: table;
}
.grid-row .gr-3 {
width: 320px;
display: inline-block;
padding-top: 20px;
margin-left: 20px;
}
.grid-row .gr-7 {
width: 560px;
}
}
@media screen and (min-width: 1024px) {
.grid-row .gr-3 {
margin-left: 30px;
}
.grid-row .gr-7 {
width: 635px;
}
}
.last-posts .blogroll-post.blogroll-post-medium .h3,
.last-posts .blogroll-post.blogroll-post-medium h3 {
bottom: 0;
} .social-sharing {
width: 100%;
clear: both;
display: flex;
align-items: center;
justify-content: center;
}
.social-sharing a {
width: 100%;
text-shadow: none;
border-radius: 2px;
overflow: hidden;
}
.social-sharing span {
display: inline-block;
font-size: 110%;
}
.social-sharing span.top,
.social-sharing span.bottom {
width: 100%;
}
.social-sharing span.right {
display: inline;
}
a.button-facebook,
a.button-googleplus,
a.button-twitter,
a.button-linkedin,
a.button-pinterest,
a.button-xing,
a.button-reddit {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: normal;
margin: 1% 1% 1% 0;
padding: 5px 1%;
padding: .5rem 1%;
text-align: center;
display: inline-block;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
border: 0px;
}
a.button-facebook {
background-color: #2b4170;
background: -moz-linear-gradient(top, #3b5998, #2b4170);
background: -ms-linear-gradient(top, #3b5998, #2b4170);
background: -webkit-linear-gradient(top, #3b5998, #2b4170);
text-shadow: 0 -1px -1px #1f2f52;
}
a.button-facebook:hover {
background-color: #3b5998;
background: -moz-linear-gradient(top, #2b4170, #3b5998);
background: -ms-linear-gradient(top, #2b4170, #3b5998);
background: -webkit-linear-gradient(top, #2b4170, #3b5998);
color: #fff;
}
a.button-googleplus {
background-color: #c33219;
background: -moz-linear-gradient(top, #e64522, #c33219);
background: -ms-linear-gradient(top, #e64522, #c33219);
background: -webkit-linear-gradient(top, #e64522, #c33219);
text-shadow: 0 -1px -1px #972412;
}
a.button-googleplus:hover {
background-color: #e64522;
background: -moz-linear-gradient(top, #c33219, #e64522);
background: -ms-linear-gradient(top, #c33219, #e64522);
background: -webkit-linear-gradient(top, #c33219, #e64522);
color: #fff;
}
a.button-twitter {
background-color: #0081ce;
background: -moz-linear-gradient(top, #00aced, #0081ce);
background: -ms-linear-gradient(top, #00aced, #0081ce);
background: -webkit-linear-gradient(top, #00aced, #0081ce);
text-shadow: 0 -1px -1px #005ea3;
}
a.button-twitter:hover {
background-color: #00aced;
background: -moz-linear-gradient(top, #0081ce, #00aced);
background: -ms-linear-gradient(top, #0081ce, #00aced);
background: -webkit-linear-gradient(top, #0081ce, #00aced);
color: #fff;
}
a.button-linkedin {
background-color: #0073b2;
background: -moz-linear-gradient(top, #009cda, #0073b2);
background: -ms-linear-gradient(top, #009cda, #0073b2);
background: -webkit-linear-gradient(top, #009cda, #0073b2);
text-shadow: 0 -1px -1px #005486;
}
a.button-linkedin:hover {
background-color: #009cda;
background: -moz-linear-gradient(top, #0073b2, #009cda);
background: -ms-linear-gradient(top, #0073b2, #009cda);
background: -webkit-linear-gradient(top, #0073b2, #009cda);
color: #fff;
}
a.button-pinterest {
background-color: #a0171c;
background: -moz-linear-gradient(top, #cb2027, #a0171c);
background: -ms-linear-gradient(top, #cb2027, #a0171c);
background: -webkit-linear-gradient(top, #cb2027, #a0171c);
text-shadow: 0 -1px -1px #761114;
}
a.button-pinterest:hover {
background-color: #cb2027;
background: -moz-linear-gradient(top, #a0171c, #cb2027);
background: -ms-linear-gradient(top, #a0171c, #cb2027);
background: -webkit-linear-gradient(top, #a0171c, #cb2027);
color: #fff;
}
a.button-xing {
background-color: #135353;
background: -moz-linear-gradient(top, #006464, #135353);
background: -ms-linear-gradient(top, #006464, #135353);
background: -webkit-linear-gradient(top, #006464, #135353);
text-shadow: 0 -1px -1px #1e7677;
}
a.button-xing:hover {
background-color: #006464;
background: -moz-linear-gradient(top, #135353, #006464);
background: -ms-linear-gradient(top, #135353, #006464);
background: -webkit-linear-gradient(top, #135353, #006464);
color: #fff;
}
a.button-reddit {
background-color: #c33219;
background: -moz-linear-gradient(top, #f04b23, #c33219);
background: -ms-linear-gradient(top, #f04b23, #c33219);
background: -webkit-linear-gradient(top, #f04b23, #c33219);
text-shadow: 0 -1px -1px #972412;
}
a.button-reddit:hover {
background-color: #f04b23;
background: -moz-linear-gradient(top, #c33219, #f04b23);
background: -ms-linear-gradient(top, #c33219, #f04b23);
background: -webkit-linear-gradient(top, #c33219, #f04b23);
color: #fff;
}
.ss-social-sharing a {
text-indent: -99999px;
}
a.ss-button-facebook,
a.ss-button-googleplus,
a.ss-button-twitter,
a.ss-button-linkedin,
a.ss-button-pinterest,
a.ss-button-xing,
a.ss-button-reddit {
background-image: url(//nogibogi.com/wp-content/themes/nogibogi/socialshare.png);
width: 45px;
height: 45px;
background-repeat: no-repeat;
padding: 0px;
border: 0px;
margin: 1% 1% 1% 0;
display: inline-block;
}
a.ss-button-twitter {
background-position: 0px -45px;
}
a.ss-button-twitter:hover {
background-position: 0px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.ss-button-googleplus {
background-position: -45px -45px;
}
a.ss-button-googleplus:hover {
background-position: -45px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.ss-button-facebook {
background-position: -90px -45px;
}
a.ss-button-facebook:hover {
background-position: -90px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.ss-button-linkedin {
background-position: -135px -45px;
}
a.ss-button-linkedin:hover {
background-position: -135px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.ss-button-pinterest {
background-position: -180px -45px;
}
a.ss-button-pinterest:hover {
background-position: -180px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.ss-button-xing {
background-position: -225px -45px;
}
a.ss-button-xing:hover {
background-position: -225px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.ss-button-reddit {
background-position: -270px -45px;
}
a.ss-button-reddit:hover {
background-position: -270px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
} @media (max-width: 480px) {
.social-sharing a {
font-size: 12px;
}
}
.gallery {
margin-bottom: 1.5em;
visibility: hidden;
opacity: 0;
overflow: hidden;
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
}
body .swiper-button-next,
body .swiper-button-prev {
bottom: 0;
z-index: 1;
min-width: 44px;
min-height: 44px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border: 0;
cursor: pointer;
border-radius: 50%;
background: #1d1d1d;
transition: background-color .3s;
background-image: none;
}
.swiper-container {
max-width: 635px;
margin-left: auto;
margin-right: auto;
}
.swiper-slide img {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 26px;
height: 26px;
}
.swiper-button-next svg path,
.swiper-button-prev svg path {
fill: #fff;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
background-color: #444
}
body .swiper-container-horizontal>.swiper-pagination-bullets,
body .swiper-pagination-custom,
body .swiper-pagination-fraction {
bottom: 16px;
text-shadow: 0px 0px 3px #525252;
font-size: 12px;
color: #fff;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
width: 100% !important;
}
#holder_990x90_5:not(:empty) {
margin: 20px 0;
}
.wp-caption-text {
position: static;
}
.sticky {
position: sticky;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.commentlist .bypostauthor {
background: #e7f8fb;
}
.commentlist li ul.children li.bypostauthor {
background: #e7f8fb;
}
.question-gallery::-webkit-scrollbar {
height: 0;
}
@media (min-width: 992px) {
.container {
max-width: 1000px
}
}
.reset {
padding: 0;
margin: 0;
}
.grid .blogroll-post {
margin: 0 0 20px 0;
}
.grid .info {
height: 600px;
overflow: visible;
text-align: center;
}
@media screen and (min-width: 591px) {
.grid {
display: -ms-grid;
display: grid;
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-template-columns: 280px 280px;
-ms-grid-columns: 280px 280px;
grid-template-rows: 360px 600px 360px 190px 190px;
-ms-grid-rows: 360px 600px 360px 190px 190px;
margin-bottom: 20px;
}
.grid .blogroll-post {
margin: 0;
}
.grid .info {
margin: 0 auto;
height: auto;
grid-column: span 2;
}
}
@media screen and (min-width: 761px) {
.grid {
grid-template-columns: 320px 320px;
-ms-grid-columns: 320px 320px;
grid-template-rows: 360px 360px 360px 214px;
-ms-grid-rows: 360px 360px 360px 214px;
}
.grid .info {
height: auto;
grid-row: span 2;
grid-column: span 1;
}
}
@media screen and (min-width: 1000px) {
.grid {
grid-template-rows: 360px 360px 330px;
-ms-grid-rows: 360px 360px 330px;
grid-template-columns: 320px 320px 320px;
-ms-grid-columns: 320px 320px 320px;
}
.grid .info {
overflow: visible;
text-align: center;
}
}
.ml-10 {
margin-left: -10px;
}
@media screen and (min-width: 340px) {
.ml-10 {
margin-left: auto;
margin-right: auto;
}
}
.content-b {
display: block;
}
.sidebar-b {
display: none;
}
@media screen and (min-width: 960px) {
.content-b {
display: none;
}
.sidebar-b {
display: block;
}
}
.styling a[href$=".pdf"],
.styling a[href$=".pdf"]:hover {
background: transparent;
text-decoration: none;
border: none;
}
.full-with {
position: static;
}
.full-with .swiper-container {
margin: 0;
}
@media screen and (min-width: 675px) {
.full-with article:not(.nb-post) .size-full {
max-width: calc(100vw - 40px) !important
}
}
@media screen and (min-width: 992px) {
.full-with article:not(.nb-post) .size-full {
max-width: 1000px !important
}
}
.full-with .gallery-size-full+.swiper-container {
max-width: 100%;
}
.post-article-right {
text-align: center;
margin: 0 auto 15px;
}
@media screen and (min-width: 730px) {
.post-article-right {
float: right;
margin-left: 20px;
}
}
.full-with header,
.full-with .entry-content p,
.full-with .entry-content h1,
.full-with .entry-content h2,
.full-with .entry-content h3,
.full-with .entry-content h4,
.full-with .entry-content h5,
.full-with .entry-content blockquote,
.full-with .entry-content h6 {
max-width: 635px;
margin-left: 0;
}
.full-with .fixed-widget.fixedsticky {
display: none;
}
.full-with .s-widget.blogroll-post.blogroll-post-small {
margin: 0 auto;
}
.styling a:empty {
font-size: 0;
padding: 0;
margin: 0;
height: 1px;
width: 1px;
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap
}
div#admixer_038a21bffdad45d191450c4e9a33bb79_zone_23463_sect_7152_site_5990 div {
margin: 10px auto !important;
}
[id^="admixer_"]:not(:empty) {
margin: 20px auto !important;
overflow: hidden;
box-sizing: border-box;
}
.top-nav {
display: none;
}
@media (min-width: 768px) {
.top-nav {
display: block;
background-color: #2e2e2e;
padding: 0px 10px;
border-bottom: 1px solid #2e2e2e;
}
.top-nav__ul {
font-size: 0;
}
.top-nav__li {
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: normal;
color: rgba(227, 227, 227, 0.5);
font-family: 'ProximaRegular', sans-serif;
display: inline-block;
vertical-align: middle;
}
.top-nav__li:first-child {
margin-right: 24px;
}
.top-nav__li:not(:first-child) {
margin-right: 30px;
}
.top-nav__li:last-child {
margin-right: 0;
}
.top-nav__a {
color: rgba(255, 255, 255, 0.8);
line-height: 1.6;
padding: 5px 0;
font-family: 'ProximaRegular', sans-serif;
}
.top-nav__a img,
.top-nav__a svg {
margin-right: 7px;
display: inline-block;
vertical-align: middle;
transform: translateY(-1px);
}
}
.admin-bar:not(.post-template-single-tilda) {
margin-top: 32px !important;
}
html[lang="ru-RU"],
html[lang="ua"],
html {
margin-top: 0 !important;
}
.blogroll-post>a {
display: block;
}
.blogroll-post p:empty {
padding: 0;
margin: 0;
}
.wpml-ls-current-language a{
text-decoration: none;
cursor: default;
}
.mobile-nav .wpml-ls-legacy-list-horizontal>ul {
display: flex;
align-items: center;
padding-bottom: 5px;
width: 198px;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
padding: 0;
}
.top-nav .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
float: right;
}
.top-nav span.wpml-ls-native a.wpml-ls-link{
color: #fff;
font-size: 14px;
text-decoration: underline;
}
.wpml-ls-item span.wpml-ls-native{
text-decoration: underline;
color: #fff;
}
.wpml-ls-current-language span.wpml-ls-native{
text-decoration: none;
}
.wpml-ls-link {
float: left;
}
.wpml-ls-first-item:after {
content: '|';
float: right;
padding: 0px 10px;
}
.top-nav .wpml-ls-first-item:after {
content: '|';
float: right;
padding: 4px 10px  0px;
}
.mobile-nav .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
padding: 6px 0 0;
border-bottom: 1px solid #444;
margin: 0 15px;
}
.mobile-nav li a.wpml-ls-link {
padding:  0px;
}
.top-nav .wpml-ls-legacy-list-horizontal .wpml-ls-item {
float: left;
font-size: 14px;
}
.l-text-name{
padding: 5px 15px 0px 15px;
margin-top: 10px;
display: block;
width: 198px;
}