@charset "UTF-8";

       body.blog #container #content, body.single-post #container #content, body.search-results #container #content {
margin: 0 auto;
}
body.blog #container.no_sidebar #content, body.single-post #container.no_sidebar #content {
padding-left: 0;
padding-right: 0;
}
body.blog #container .wtbx-content-body, body.single-post #container .wtbx-content-body {
margin-bottom: 4em;
}
.post-type-archive:not(.post-type-archive-portfolio):not(.post-type-archive-post) article {
padding: 30px 0;
margin: 30px 0;
}
.post-entry .entry-title {
margin: 0;
}
#content > .wtbx_blog_grid_wrapper {
padding: 0 15px;
} p.no-posts {
margin-top: 2em;
margin-bottom: 2em;
font-size: 1em;
font-weight: 300;
}
.post-entry twitterwidget {
margin: 2em auto;
}
.read-more-wrap {
clear: both;
display: block;
margin-top: 2em;
}
.read-more-wrap .more-link {
margin-top: 0;
}
.more-link {
display: inline-block;
margin: 2em auto 0;
padding: 0 1.5em;
line-height: 3;
height: 3em;
font-weight: 600;
border-radius: 4em;
box-sizing: content-box;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.15);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.more-link:hover {
color: #fff;
}
.post-thumb-wrapper .post-thumb-inner {
position: relative;
}
.post-thumb-wrapper .post-thumb-inner .post-thumbnail.wtbx-lazy {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}  .single-post article.post-entry h1.entry-title {
font-size: 2.5em;
font-weight: 700;
text-align: center;
}
.single-post article.post-entry .entry-content {
margin: 2em 0;
font-size: 1.142857em;
}
.single-post article.post-entry .entry-meta {
margin-top: .5em;
line-height: 1.5;
font-style: italic;
clear: both;
text-align: center;
}
.single-post article.post-entry .entry-meta > span:first-child:first-letter {
text-transform: capitalize;
}
.single-post article.post-entry .entry-meta .meta-date, .single-post article.post-entry .entry-meta .meta-author-link, .single-post article.post-entry .entry-meta .category-list, .single-post article.post-entry .entry-meta a:not(.post-social-link) {
font-style: normal;
font-weight: 600;
display: inline-block;
-webkit-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.single-post article.post-entry .entry-meta .meta-author-link, .single-post article.post-entry .entry-meta .category-list {
padding: 0 2px;
}
.single-post article.post-entry .entry-meta .meta-category {
display: inline-block;
}
.single-post article.post-entry .entry-meta .category-list {
display: inline;
margin-left: .3em;
}
.single-post article.post-entry .entry-meta .meta-date {
display: inline-block;
float: right;
}
.single-post article.post-entry .post-media {
margin-top: 0;
margin-bottom: 4em;
}
.single-post article.post-entry.format-image .post-media-inner {
font-size: 0;
line-height: 0;
}
.single-post article.post-entry.format-image .post-media-inner img {
border-radius: 3px;
box-shadow: 0 15px 55px -5px rgba(9, 31, 67, 0.05);
}
.single-post article.post-entry.format-video .video-embed {
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 3px;
}
.single-post article.post-entry.format-video .video-embed.video-embed-noconsent {
height: auto;
padding-bottom: 0;
}
.post-media {
position: relative;
margin: 2em 0 3em;
text-align: center;
z-index: 1;
}
.post-media.post-audio-selfhosted .post-media-inner, .post-media.post-audio-embed .post-media-inner {
box-shadow: none;
overflow: visible;
}
.post-media.post-audio-selfhosted.post-audio-soundcloud .audio-embed, .post-media.post-audio-embed.post-audio-soundcloud .audio-embed {
width: 100%;
}
.post-media .post-media-inner {
position: relative;
z-index: 1;
}
.post-media .plyr {
outline: none !important;
}
.post-media .audio-embed {
display: inline-block;
margin: 0 auto;
font-size: 0;
line-height: 0;
border-radius: 3px;
box-shadow: none;
max-width: 100%;
overflow: hidden;
}
.post-media .audio-embed iframe {
display: block;
width: 100%;
}
.single-post article.post-entry .entry-content.content-multipage .wtbx-pagination {
padding-bottom: 0;
}
.single-post article.post-entry .entry-content.content-multipage + .post-tags-n-social {
margin-top: 0;
}
.single-post article.post-entry .post-tags-n-social {
display: inline-block;
margin: 0;
width: 100%;
}
.single-post article.post-entry .post-tags-n-social .post-social-title {
margin-bottom: .75em;
}
.single-post article.post-entry .post-tags-n-social .post-tags {
display: block;
text-align: center;
margin: 2em 0 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.6s, visibility 0s cubic-bezier(0.2, 0, 0.3, 1) 0.6s;
-moz-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.6s, visibility 0s cubic-bezier(0.2, 0, 0.3, 1) 0.6s;
-ms-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.6s, visibility 0s cubic-bezier(0.2, 0, 0.3, 1) 0.6s;
-o-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.6s, visibility 0s cubic-bezier(0.2, 0, 0.3, 1) 0.6s;
transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.6s, visibility 0s cubic-bezier(0.2, 0, 0.3, 1) 0.6s;
}
.single-post article.post-entry .post-tags-n-social .post-tags .tag-links {
display: inline-block;
}
.single-post article.post-entry .post-tags-n-social .post-tags .tag-links span {
display: inline-block;
margin: .4em .4em;
}
.single-post article.post-entry .post-tags-n-social .post-tags .tag-links span a {
line-height: 2.6;
font-size: 0.857143em;
font-weight: 600;
padding: 0 1.3em;
display: block;
border-radius: 3em;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.single-post article.post-entry .post-tags-n-social .post-tags .tag-links span a:not(:hover) {
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.15);
border-color: transparent;
background-color: #fff;
}
.single-post article.post-entry .post-tags-n-social .post-tags .tag-links span a:before {
content: "#";
}
.wtbx-grid-entry .post-social-link {
border: none;
border-radius: 0;
padding: 0;
margin-left: 0;
line-height: 20px;
box-shadow: none !important;
font-style: normal;
}
.wtbx-grid-entry .post-social-link i {
float: none;
margin-right: 0;
}
.wtbx-grid-entry .post-social-link span {
float: none;
}
.blog-masonry .wtbx-grid-entry .post-social-link span {
float: right;
} article.format-standard .post-media img {
min-width: 100%;
} article.format-gallery .post-media .post-gallery {
border-radius: 3px;
overflow: hidden;
z-index: 1;
position: relative;
}
article.format-gallery .post-media .post-gallery:hover .wtbx-arrow {
opacity: .7;
}
article.format-gallery .post-media .post-gallery:hover .slick-dots li:before {
opacity: .6;
}
article.format-gallery .post-media .post-gallery:hover .slick-dots li.slick-active:before {
opacity: 1;
}
article.format-gallery .post-media .post-gallery.gallery-skin-light .wtbx-arrow:before {
border-color: #fff;
}
article.format-gallery .post-media .post-gallery.gallery-skin-light .slick-dots li:before {
background-color: #fff;
}
article.format-gallery .post-media .post-gallery .wtbx-arrow {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
z-index: 2;
cursor: pointer;
opacity: .3;
-webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
article.format-gallery .post-media .post-gallery .wtbx-arrow:hover {
opacity: 1;
}
article.format-gallery .post-media .post-gallery .wtbx-arrow.wtbx-prev {
left: 15px;
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-webkit-transform: -webkit-translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
article.format-gallery .post-media .post-gallery .wtbx-arrow.wtbx-prev:before {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg);
}
article.format-gallery .post-media .post-gallery .wtbx-arrow.wtbx-next {
right: 15px;
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-webkit-transform: -webkit-translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
article.format-gallery .post-media .post-gallery .wtbx-arrow.wtbx-next:before {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
}
article.format-gallery .post-media .post-gallery .wtbx-arrow:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border-top-width: 2px;
border-top-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-top-right-radius: 2px;
}
article.format-gallery .post-media .slick-list .slick-track .post-slide-wrapper .post-slide-inner {
position: relative;
}
article.format-gallery .post-media .slick-list .slick-track .post-slide-wrapper .post-slide-inner .post-slide.wtbx-lazy {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
} article.format-quote .post-media .post-quote-wrapper {
position: relative;
border-radius: 6px;
overflow: hidden;
}
article.format-quote .post-media .post-quote-wrapper .post-quote-inner {
position: relative;
text-align: start;
padding: 40px 30px;
z-index: 1;
}
article.format-quote .post-media .post-quote-wrapper .post-quote-inner .post-quote-icon {
margin-top: 60px;
display: inline-block;
font-size: 32px;
color: #fff;
opacity: .2;
}
article.format-quote .post-media .post-quote-wrapper .post-quote-inner .post-quote-text {
font-size: 26px;
font-weight: 300;
line-height: 1.6;
max-width: 550px;
margin: 15px 0 15px;
color: #fff;
}
article.format-quote .post-media .post-quote-wrapper .post-quote-inner .post-quote-author {
font-size: 16px;
font-weight: 700;
color: #fff;
}
article.format-quote .post-media .post-quote-wrapper .post-quote-inner .post-quote-bg-cont {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}
article.format-quote .post-media .post-quote-wrapper .post-quote-inner .post-quote-bg-cont .post-quote-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
article.format-quote .post-media .post-quote-wrapper .post-quote-inner .wtbx-image-crop {
z-index: -1;
} .wp-audio-shortcode {
max-width: 100%;
}
.audioplayer-wrapper {
position: relative;
margin-top: 70px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s;
-moz-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s;
-ms-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s;
-o-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s;
transition: opacity 0.2s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s;
}
.audioplayer-wrapper.audio-init {
opacity: 1;
visibility: visible;
}
.audioplayer-wrapper .audio-thumbnail {
position: absolute;
top: -30px;
left: 30px;
width: 80px;
height: 80px;
z-index: 2;
}
.audioplayer-wrapper .audio-thumbnail img, .audioplayer-wrapper .audio-thumbnail div.wtbx-lazy {
box-shadow: none;
height: 80px;
border-radius: 2px;
}
.audioplayer-wrapper .audio-thumbnail div {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.audioplayer-wrapper .audio-title {
position: absolute;
left: 140px;
right: 220px;
top: -40px;
line-height: 40px;
z-index: 2;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
padding-right: 10px;
text-overflow: clip;
text-overflow: ellipsis;
text-overflow: "…";
white-space: nowrap;
overflow: hidden;
}
.audioplayer-wrapper.no-thumbnail .audio-title,
.audioplayer-wrapper.no-thumbnail .audioplayer .audioplayer-bar,
.audioplayer-wrapper.no-thumbnail .audioplayer .audioplayer-time.audioplayer-time-current {
left: 30px;
} article.format-video .post-media .video-embed {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
article.format-video .post-media .video-embed.video-embed-noconsent {
height: auto;
padding-bottom: 0;
}
article.format-video .post-media .video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
border-radius: 6px;
} .author-area {
margin: 45px 0;
border-radius: 6px;
padding: 2em 3em;
box-shadow: 0 20px 70px -10px rgba(9, 31, 67, 0.1);
}
.author-area .author-image {
float: left;
width: 60px;
border-radius: 50%;
text-align: center;
}
.author-area .author-image .author-image-inner {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.author-area .author-image .author-posts {
display: inline-block;
text-align: center;
margin: 0.714286em auto 0;
font-size: 0.714286em;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
-webkit-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.author-area .author-bio {
margin-left: 105px;
}
.author-area .author-bio .author-label {
font-size: 11px;
font-weight: 700;
line-height: 20px;
display: inline-block;
text-transform: uppercase;
}
.author-area .author-bio .author-name {
font-size: 1.142857em;
font-weight: 600;
line-height: 1.2;
display: inline-block;
-webkit-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.author-area .author-bio .author-position {
font-size: 0.714286em;
line-height: 1.2;
font-weight: 600;
text-transform: uppercase;
}
.author-area .author-bio .author-info {
font-size: 1em;
margin-top: 1em;
text-align: justify;
}
.author-area .author-bio .author-contacts {
margin-top: 1em;
}
.author-area .author-bio .author-contacts .author-contact-link {
position: relative;
display: inline-block;
margin-left: 10px;
margin-bottom: 10px;
width: 40px;
height: 40px;
float: left;
z-index: 1;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.author-area .author-bio .author-contacts .author-contact-link:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 40px;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
z-index: -1;
}
.author-area .author-bio .author-contacts .author-contact-link:hover:before {
background-color: #fff;
}
.author-area .author-bio .author-contacts .author-contact-link:first-child {
margin-left: 0;
}
.author-area .author-bio .author-contacts .author-contact-link i {
display: block;
width: 100%;
height: 100%;
line-height: 40px;
text-align: center;
font-size: 16px;
-webkit-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
} .wtbx-related-posts {
padding: 4em 0;
}
.wtbx-related-posts .wtbx-related-posts-container {
margin: 0 -20px 0 -20px;
}
.wtbx-related-posts .wtbx-related-posts-container .wtbx-related-posts-wrapper {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.wtbx-related-posts .slick-track {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wtbx-related-posts .wtbx-related-posts-title {
font-size: 1.428571em;
font-weight: 600;
line-height: 1.5;
margin: 0;
text-align: center;
}
.wtbx-related-posts .wtbx-related-post {
position: relative;
padding: 45px 20px;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 1;
}
.wtbx-related-posts .wtbx-related-post .wtbx-related-post-inner {
position: relative;
border-radius: 6px;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-related-posts .wtbx-related-post .wtbx-related-post-inner:hover {
-moz-transform: translate3d(0, -5px, 0);
-o-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
-webkit-transform: translate3d(0, -5px, 0);
-webkit-transform: -webkit-translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.15);
}
.wtbx-related-posts .wtbx-related-post-thumbnail {
border-radius: 6px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-related-posts .wtbx-related-post-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.5em;
z-index: 2;
}
.wtbx-related-posts .wtbx-related-post-content .entry-title {
font-size: 1.285714em;
font-weight: 700;
text-transform: none;
line-height: 1.2;
margin: 0;
}
.wtbx-related-posts .wtbx-related-post-content .entry-title a {
color: #fff;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-related-posts .wtbx-related-post-content .meta-categories a {
display: inline-block;
padding: 0 1em;
line-height: 2.4;
border-radius: 4em;
margin: 0 2px 5px 0;
font-size: .714286em;
font-weight: 600;
text-transform: uppercase;
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-related-posts .wtbx-related-post-content .meta-categories a:hover {
background-color: #fff;
}
.wtbx-related-posts .wtbx-related-post-thumbnail {
z-index: 1;
position: relative;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wtbx-related-posts .wtbx-related-post-thumbnail .wtbx-image-crop:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: .5;
-webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-related-posts .wtbx-related-post-thumbnail:hover .wtbx-image-crop:before {
opacity: 0;
}.post-share {
display: inline-block;
position: relative;
}
.post-share a {
margin: 0;
}
.post-share .wtbx-share {
width: auto;
padding: 0;
text-align: center;
display: inline-block;
border-radius: 4px;
overflow: hidden;
margin: 5px;
}
.post-share .wtbx-share i {
float: left;
font-size: 16px;
display: inline-block;
width: 40px;
line-height: 40px;
margin: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.post-share .wtbx-share span {
padding: 0 20px;
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 40px;
text-transform: none;
letter-spacing: normal;
float: right;
}
.post-share .wtbx-share:hover span {
color: #fff;
}
.post-share .post-share-container {
position: absolute;
right: 100%;
top: 0;
display: block;
white-space: nowrap;
width: 350px;
visibility: hidden;
}
.post-share .post-share-container .post-social-item {
float: left;
visibility: hidden;
opacity: 0;
-moz-transform: translate3d(-55px, 0, 0);
-o-transform: translate3d(-55px, 0, 0);
-ms-transform: translate3d(-55px, 0, 0);
-webkit-transform: translate3d(-55px, 0, 0);
-webkit-transform: -webkit-translate3d(-55px, 0, 0);
transform: translate3d(-55px, 0, 0);
}
.post-social-title {
display: block;
font-size: 0.857143em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.post-social-link {
border-radius: 40px;
padding: 0 20px;
margin-left: 10px;
line-height: 40px;
height: 40px;
cursor: pointer;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.post-social-link:hover i {
color: #fff;
}
.post-social-link > * {
display: inline-block;
line-height: 38px;
}
.post-social-link i {
display: inline-block;
float: left;
font-size: 20px;
margin-right: 5px;
color: #fff;
}
.post-social-link span {
float: right;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
-webkit-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: color 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.post-social-link[data-share="facebook"] {
background-color: #3b5998;
}
.post-social-link[data-share="facebook"]:hover {
background-color: #4c70ba;
box-shadow: 0 3px 15px -1px #4c70ba;
}
.post-social-link[data-share="googleplus"] {
background-color: #dd4b39;
}
.post-social-link[data-share="googleplus"]:hover {
background-color: #e47365;
box-shadow: 0 3px 15px -1px #e47365;
}
.post-social-link[data-share="linkedin"] {
background-color: #0077b5;
}
.post-social-link[data-share="linkedin"]:hover {
background-color: #0099e8;
box-shadow: 0 3px 15px -1px #0099e8;
}
.post-social-link[data-share="pinterest"] {
background-color: #bd081c;
}
.post-social-link[data-share="pinterest"]:hover {
background-color: #ee0a23;
box-shadow: 0 3px 15px -1px #ee0a23;
}
.post-social-link[data-share="twitter"] {
background-color: #1da1f2;
}
.post-social-link[data-share="twitter"]:hover {
background-color: #4db5f5;
box-shadow: 0 3px 15px -1px #4db5f5;
}
.post-social-link[data-share="vk"] {
background-color: #45668e;
}
.post-social-link[data-share="vk"]:hover {
background-color: #587fae;
box-shadow: 0 3px 15px -1px #587fae;
}
.post-social-button {
display: inline-block;
}
.wtbx-social-wrapper {
position: relative;
display: inline-block;
float: left;
margin-left: 15px;
margin-bottom: 10px;
z-index: 988;
}
@media only screen and (max-width: 400px) {
.wtbx-social-wrapper {
display: none;
}
}
.wtbx-social-wrapper .wtbx-social-trigger {
position: relative;
width: 44px;
height: 44px;
border-radius: 50%;
cursor: pointer;
z-index: 2;
-webkit-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, visibility 0s 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, visibility 0s 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, visibility 0s 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, visibility 0s 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.5s, visibility 0s 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-social-wrapper .wtbx-social-trigger:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.15);
z-index: -1;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-social-wrapper .wtbx-social-trigger i {
line-height: 16px;
font-size: 16px;
position: absolute;
left: 50%;
top: 50%;
color: #fff;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-social-wrapper .wtbx-social-trigger i.scape-ui-x {
opacity: 0;
}
.wtbx-social-wrapper .wtbx-social-trigger:hover:after {
-moz-transform: scale3d(0.95, 0.95, 1);
-o-transform: scale3d(0.95, 0.95, 1);
-ms-transform: scale3d(0.95, 0.95, 1);
-webkit-transform: scale3d(0.95, 0.95, 1);
-webkit-transform: -webkit-scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
}
.wtbx-social-wrapper .wtbx-social-trigger ~ .wtbx_bottom_navigation {
margin-top: 15px;
}
.wtbx-social-wrapper.shifted {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 0 !important;
}
.wtbx-social-wrapper .wtbx-social-container {
position: absolute;
bottom: 0;
left: 0;
width: 44px;
height: 44px;
background-color: #fff;
border-radius: 22px;
opacity: 0;
z-index: 1;
box-shadow: 0 15px 55px -5px rgba(9, 31, 67, 0.15);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.2s, opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1) 0.8s, border-radius 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.2s, opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1) 0.8s, border-radius 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.2s, opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1) 0.8s, border-radius 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.2s, opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1) 0.8s, border-radius 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.2s, opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1) 0.8s, border-radius 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner {
position: relative;
display: inline-block;
min-width: 100%;
opacity: 0;
visibility: hidden;
text-align: center;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-social-close {
position: absolute;
top: -17px;
right: -17px;
width: 34px;
height: 34px;
border-radius: 50%;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.3);
color: #fff;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-social-close:hover {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
box-shadow: 0 15px 55px -5px rgba(9, 31, 67, 0.3);
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-social-close i {
line-height: 34px;
font-size: 16px;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-share-buttons {
display: inline-block;
width: auto;
white-space: nowrap;
padding: 15px 25px 0;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-share {
display: inline-block;
margin: 0 5px;
border-radius: 36px;
color: #fff;
box-shadow: none;
cursor: pointer;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-share:hover {
-moz-transform: scale3d(1.05, 1.05, 1);
-o-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: -webkit-scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-share:first-child {
margin-left: 0;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-share:last-child {
margin-right: 0;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-share i {
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 36px;
font-size: 14px;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-like {
display: block;
cursor: default;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-like a {
font-size: .785714em;
font-weight: 600;
text-transform: uppercase;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-like a *, .wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-like a i {
display: inline-block;
line-height: 20px;
height: 20px;
margin-bottom: 15px;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-like a i {
width: auto;
margin-right: 5px;
font-size: 15px;
position: relative;
top: 2px;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner .wtbx-like:hover {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner form {
position: relative;
margin: 15px 0 0;
padding: 15px 25px;
background-color: #f9f9f9;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner form input {
font-size: 12px;
font-weight: 500;
line-height: 34px;
height: 34px;
border-radius: 6px;
padding-right: 75px;
background-color: #fff;
}
.wtbx-social-wrapper .wtbx-social-container .wtbx-social-inner form a {
position: absolute;
top: 50%;
right: 27px;
margin-top: -15px;
background: #4970ff;
color: #fff;
border-radius: 4.5px;
text-align: center;
width: 60px;
height: 30px;
padding: 0;
font-size: 11px;
text-transform: uppercase;
letter-spacing: normal;
font-weight: 600;
line-height: 30px;
cursor: pointer;
}
.wtbx-social-wrapper.active .wtbx-social-trigger {
opacity: 0;
visibility: hidden;
-moz-transform: scale3d(0.5, 0.5, 1);
-o-transform: scale3d(0.5, 0.5, 1);
-ms-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: -webkit-scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-webkit-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s 0.3s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s 0.3s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s 0.3s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s 0.3s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0s, opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1), visibility 0s 0.3s, box-shadow 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-social-wrapper.active .wtbx-social-trigger i.scape-ui-back {
opacity: 0;
}
.wtbx-social-wrapper.active .wtbx-social-trigger i.scape-ui-x {
opacity: 1;
}
.wtbx-social-wrapper.active .wtbx-social-container {
border-radius: 12px;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1), border-radius 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1), border-radius 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1), border-radius 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1), border-radius 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.1s cubic-bezier(0.2, 0, 0.3, 1), border-radius 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
}
.wtbx-social-wrapper.active .wtbx-social-container .wtbx-social-inner {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1) 0.5s;
-moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1) 0.5s;
-ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1) 0.5s;
-o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1) 0.5s;
transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1) 0.5s;
}
.wtbx-social-container {
position: absolute;
}
.wtbx-like-wrapper {
margin: 4em auto;
text-align: center;
}
.wtbx-like-wrapper .wtbx-like-inner {
display: inline-block;
margin: 0 auto;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-label {
font-size: .785714em;
font-weight: 600;
text-transform: uppercase;
margin-top: 2em;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button {
position: relative;
margin: 0 auto;
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
z-index: -1;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button i {
line-height: 30px;
font-size: 20px;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button span {
line-height: 15px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button:hover:before {
background-color: #fff;
box-shadow: 0 20px 70px -10px rgba(9, 31, 67, 0.15);
-moz-transform: scale3d(1.05, 1.05, 1);
-o-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: -webkit-scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim {
position: absolute;
width: 75px;
height: 75px;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
display: block;
opacity: 0;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:before {
content: '';
position: absolute;
top: 0;
left: 0;
margin-left: -1.5px;
width: 3px;
height: 10px;
border-radius: 10px;
moz-transform-origin: top center;
-o-transform-origin: top center;
-ms-transform-origin: top center;
-webkit-transform-origin: top center;
transform-origin: top center;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(1) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 36deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 36deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 36deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 36deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 36deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 36deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(2) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 72deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 72deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 72deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 72deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 72deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 72deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(3) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 108deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 108deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 108deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 108deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 108deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 108deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(4) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 144deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 144deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 144deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 144deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 144deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 144deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(5) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 180deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 180deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 180deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 180deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 180deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 180deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(6) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 216deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 216deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 216deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 216deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 216deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 216deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(7) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 252deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 252deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 252deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 252deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 252deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 252deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(8) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 288deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 288deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 288deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 288deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 288deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 288deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(9) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 324deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 324deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 324deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 324deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 324deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 324deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button .wtbx-like-anim span:nth-child(10) {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 360deg);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 360deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 360deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 360deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 360deg);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 360deg);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.loading:before {
-o-animation: likeButtonLoading 1s infinite cubic-bezier(0.2, 0, 0.3, 1);
-moz-animation: likeButtonLoading 1s infinite cubic-bezier(0.2, 0, 0.3, 1);
-webkit-animation: likeButtonLoading 1s infinite cubic-bezier(0.2, 0, 0.3, 1);
animation: likeButtonLoading 1s infinite cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.loading.liked .wtbx-like-anim span {
opacity: 0;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.liked {
-o-animation: likeButton 0.7s forwards ease-out;
-moz-animation: likeButton 0.7s forwards ease-out;
-webkit-animation: likeButton 0.7s forwards ease-out;
animation: likeButton 0.7s forwards ease-out;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.liked i, .wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.liked span {
color: #fff;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.liked:before {
box-shadow: none;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.liked .wtbx-like-anim {
-o-animation: likeButtonRotate 0.7s forwards ease-out;
-moz-animation: likeButtonRotate 0.7s forwards ease-out;
-webkit-animation: likeButtonRotate 0.7s forwards ease-out;
animation: likeButtonRotate 0.7s forwards ease-out;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.liked .wtbx-like-anim span {
opacity: 1;
}
.wtbx-like-wrapper .wtbx-like-inner .wtbx-like-button.liked .wtbx-like-anim span:before {
-o-animation: likeButtonBeam 0.7s forwards ease-out;
-moz-animation: likeButtonBeam 0.7s forwards ease-out;
-webkit-animation: likeButtonBeam 0.7s forwards ease-out;
animation: likeButtonBeam 0.7s forwards ease-out;
}
@-webkit-keyframes likeButtonLoading {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes likeButtonLoading {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-o-keyframes likeButtonLoading {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes likeButtonLoading {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes likeButton {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-moz-keyframes likeButton {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-o-keyframes likeButton {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes likeButton {
0% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes likeButtonRotate {
0% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
}
}
@-moz-keyframes likeButtonRotate {
0% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
}
}
@-o-keyframes likeButtonRotate {
0% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
}
}
@keyframes likeButtonRotate {
0% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0);
}
100% {
-moz-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-o-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-ms-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1.3, 1.3, 1);
}
}
@-webkit-keyframes likeButtonBeam {
0% {
opacity: 0;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
99% {
opacity: 1;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
100% {
opacity: 0;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
}
@-moz-keyframes likeButtonBeam {
0% {
opacity: 0;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
99% {
opacity: 1;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
100% {
opacity: 0;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
}
@-o-keyframes likeButtonBeam {
0% {
opacity: 0;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
99% {
opacity: 1;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
100% {
opacity: 0;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
}
@keyframes likeButtonBeam {
0% {
opacity: 0;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
99% {
opacity: 1;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
100% {
opacity: 0;
-moz-transform: scale3d(0, 0, 1);
-o-transform: scale3d(0, 0, 1);
-ms-transform: scale3d(0, 0, 1);
-webkit-transform: scale3d(0, 0, 1);
-webkit-transform: -webkit-scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
}.wtbx-preloader-el .wtbx-preloader-1,.wtbx-preloader-el .wtbx-preloader-11 .circle{border-color:#151221 !important}.wtbx-preloader-el .wtbx-preloader-2 circle{stroke:#151221 !important}.wtbx-preloader-el .wtbx-preloader-1{border-right-color:rgba(21,18,33,0.2) !important;border-bottom-color:rgba(21,18,33,0.2) !important;border-left-color:rgba(21,18,33,0.2) !important}.wtbx-preloader-el .wtbx-preloader-3 .loader-inner,.wtbx-preloader-el .wtbx-preloader-5 .ldr-blk,.wtbx-preloader-el .wtbx-preloader-6 div,.wtbx-preloader-el .wtbx-preloader-7 .sk-circle:before{background-color:#151221}.wtbx-preloader-el .wtbx-preloader-4,.wtbx-preloader-el .wtbx-preloader-4::before,.wtbx-preloader-el .wtbx-preloader-4::after{border-color:rgba(21,18,33,1) !important;border-left-color:rgba(21,18,33,0.1) !important}.wtbx-preloader-el .wtbx-preloader-8 .pulsation{background-color:#151221;border-color:#151221}.wtbx-preloader-global .wtbx-preloader-1,.wtbx-preloader-global .wtbx-preloader-11 .circle{border-color:transparent !important}.wtbx-preloader-global .wtbx-preloader-2 circle{stroke:transparent !important}.wtbx-preloader-global .wtbx-preloader-1{border-right-color:rgba(,0) !important;border-bottom-color:rgba(,0) !important;border-left-color:rgba(,0) !important}.wtbx-preloader-global .wtbx-preloader-3 .loader-inner,.wtbx-preloader-global .wtbx-preloader-5 .ldr-blk,.wtbx-preloader-global .wtbx-preloader-6 div,.wtbx-preloader-global .wtbx-preloader-7 .sk-circle:before,.wtbx-preloader-global .wtbx-preloader-9 .ball,.wtbx-preloader-global .wtbx-preloader-10 .line:before,.wtbx-preloader-global .wtbx-preloader-11 .circle,.wtbx-preloader-global .wtbx-preloader-12,.wtbx-preloader-global .wtbx-preloader-13,.wtbx-preloader-global .wtbx-preloader-14,.wtbx-preloader-global .wtbx-preloader-15 div{background-color:transparent}.wtbx-preloader-global .wtbx-preloader-4,.wtbx-preloader-global .wtbx-preloader-4::before,.wtbx-preloader-global .wtbx-preloader-4::after{border-color:rgba(,1) !important;border-left-color:rgba(,0.1) !important}.wtbx-preloader-global .wtbx-preloader-8 .pulsation{background-color:transparent;border-color:transparent}.wtbx-preloader-global .wtbx-preloader-10 span,.wtbx-preloader-global .wtbx-preloader-11 span{color:transparent}.wtbx-preloader-global .wtbx-preloader-17 #wtbx-preloader-counter{color:transparent}@font-face{font-family:scape-ui;src:url(//weboxygon.se/wp-content/themes/scape/library/fonts/fonts/scape-ui.ttf?ut1arm) format('truetype'),url(//weboxygon.se/wp-content/themes/scape/library/fonts/fonts/scape-ui.woff?ut1arm) format('woff'),url(//weboxygon.se/wp-content/themes/scape/library/fonts/fonts/scape-ui.svg?ut1arm#scape-ui) format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" scape-ui-"],[class^=scape-ui-]{font-family:scape-ui!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scape-ui-twitter-x:before{content:"\e967"}.scape-ui-filled-star:before{content:"\e968"}.scape-ui-filled-star1:before{content:"\e969"}.scape-ui-share:before{content:"\e966"}.scape-ui-shopping-bag:before{content:"\e901"}.scape-ui-shopping-bag-filled:before{content:"\e962"}.scape-ui-empty-star:before{content:"\e900"}.scape-ui-filled-star2:before{content:"\e902"}.scape-ui-edit-account:before{content:"\e903"}.scape-ui-address:before{content:"\e904"}.scape-ui-download:before{content:"\e905"}.scape-ui-orders:before{content:"\e906"}.scape-ui-page:before{content:"\e95a"}.scape-ui-comment:before{content:"\e957"}.scape-ui-back:before{content:"\e959"}.scape-ui-cart-alt:before{content:"\e955"}.scape-ui-cart-alt-filled:before{content:"\e956"}.scape-ui-quote:before{content:"\e907"}.scape-ui-star-filled:before{content:"\e908"}.scape-ui-star:before{content:"\e909"}.scape-ui-shopping-cart-filled:before{content:"\e90a"}.scape-ui-shopping-cart:before{content:"\e90b"}.scape-ui-heart:before{content:"\e90c"}.scape-ui-heart-filled:before{content:"\e90d"}.scape-ui-play:before{content:"\e90e"}.scape-ui-alert-circle:before{content:"\e90f"}.scape-ui-alert-triangle:before{content:"\e910"}.scape-ui-arrow-down:before{content:"\e911"}.scape-ui-arrow-up:before{content:"\e912"}.scape-ui-check:before{content:"\e913"}.scape-ui-chevron-down:before{content:"\e914"}.scape-ui-chevron-left:before{content:"\e915"}.scape-ui-chevron-right:before{content:"\e916"}.scape-ui-chevron-up:before{content:"\e917"}.scape-ui-clock:before{content:"\e918"}.scape-ui-copy:before{content:"\e919"}.scape-ui-corner-down-right:before{content:"\e91a"}.scape-ui-corner-up-right:before{content:"\e91b"}.scape-ui-external-link:before{content:"\e91c"}.scape-ui-eye:before{content:"\e91d"}.scape-ui-grid:before{content:"\e91e"}.scape-ui-image:before{content:"\e91f"}.scape-ui-info:before{content:"\e920"}.scape-ui-link:before{content:"\e921"}.scape-ui-link-2:before{content:"\e922"}.scape-ui-log-in:before{content:"\e923"}.scape-ui-log-out:before{content:"\e924"}.scape-ui-mail:before{content:"\e925"}.scape-ui-maximize:before{content:"\e926"}.scape-ui-maximize-2:before{content:"\e927"}.scape-ui-message-circle:before{content:"\e928"}.scape-ui-plus:before{content:"\e929"}.scape-ui-search:before{content:"\e92a"}.scape-ui-settings:before{content:"\e92b"}.scape-ui-slash:before{content:"\e92c"}.scape-ui-trash-2:before{content:"\e92d"}.scape-ui-x:before{content:"\e92e"}.scape-ui-zoom-in:before{content:"\e92f"}.scape-ui-Mail:before{content:"\e930"}.scape-ui-box:before{content:"\e931"}.scape-ui-text-box:before{content:"\e932"}.scape-ui-layers:before{content:"\e933"}.scape-ui-palette:before{content:"\e934"}.scape-ui-text-color:before{content:"\e935"}.scape-ui-play-button:before{content:"\e936"}.scape-ui-tools:before{content:"\e937"}.scape-ui-dollar-bag:before{content:"\e938"}.scape-ui-photo-library-outline:before{content:"\e939"}.scape-ui-photo-library:before{content:"\e93a"}.scape-ui-tiles-view:before{content:"\e93b"}.scape-ui-layout:before{content:"\e93c"}.scape-ui-header:before{content:"\e93d"}.scape-ui-gear:before{content:"\e93e"}.scape-ui-soundcloud:before{content:"\e93f"}.scape-ui-behance:before{content:"\e940"}.scape-ui-codepen:before{content:"\e941"}.scape-ui-dribbble:before{content:"\e942"}.scape-ui-facebook:before{content:"\e943"}.scape-ui-flickr:before{content:"\e944"}.scape-ui-foursquare:before{content:"\e945"}.scape-ui-github:before{content:"\e946"}.scape-ui-google-plus:before{content:"\e947"}.scape-ui-instagram:before{content:"\e948"}.scape-ui-linkedin:before{content:"\e949"}.scape-ui-medium:before{content:"\e94a"}.scape-ui-pinterest:before{content:"\e94b"}.scape-ui-rss:before{content:"\e94c"}.scape-ui-skype:before{content:"\e958"}.scape-ui-snapchat:before{content:"\e94d"}.scape-ui-telegram:before{content:"\e94e"}.scape-ui-tumblr:before{content:"\e94f"}.scape-ui-twitter:before{content:"\e950"}.scape-ui-vimeo:before{content:"\e951"}.scape-ui-vk:before{content:"\e952"}.scape-ui-yelp:before{content:"\e953"}.scape-ui-youtube:before{content:"\e954"}.scape-ui-tiktok:before{content:"\e965"}.scape-ui-pencil:before{content:"\e95b"}.scape-ui-pencil-outline:before{content:"\e95c"}.scape-ui-information:before{content:"\e95d"}.scape-ui-information-filled:before{content:"\e95e"}.scape-ui-warning:before{content:"\e95f"}.scape-ui-warning-filled:before{content:"\e960"}.scape-ui-gear-filled:before{content:"\e961"}.scape-ui-mail-envelope:before{content:"\e963"}.scape-ui-mail-envelope-filled:before{content:"\e964"}.header-style-9 .wtbx_hs_topbar .wtbx_hs_inner,.header-style-9 .wtbx_hs_topbar .wtbx_ha,.header-style-9 .wtbx_hs_topbar .wtbx_ha .header_button_height{height:50px;line-height:50px}.header-style-9 .wtbx_hs_header .wtbx_hs_inner,.header-style-9 .wtbx_hs_header .wtbx_ha,.header-style-9 .wtbx_hs_header .wtbx_ha .header_button_height,.header-style-9 .wtbx_hs_header .wtbx_ha .header_button_alt,.header-style-9 .wtbx_hs_header .wtbx_menu_nav > ul > li > a{height:70px;line-height:70px}.header-style-9 .wtbx_hs_header{font-size:20px;font-weight:600;text-transform:uppercase}.header-style-9 .wtbx_ha_header_center_left{padding-right:135px }.header-style-9 .wtbx_ha_header_center_right{padding-left:135px }.header-style-9 .wtbx_header_logo{width:250px;height:35px;margin-top:18px;margin-left:0}.header-style-9.header-skin-light .wtbx_hs,.header-style-9.header-skin-light .header_language_trigger:before,.header-style-9.header-skin-light .wtbx_header_login_alt a:before,.header-style-9.header-skin-light .search_button_wrapper_alt .search_button:before{border-color:rgba(231,235,239,1)}.header-style-9.header-skin-light .wtbx_header_border:before{background-color:rgba(231,235,239,1)}.header-style-9.header-skin-light .wtbx_hs_header{background-color:rgba(255,255,255,0)}.header-style-9.header-skin-light .wtbx_hs_header .wtbx_header_part,.header-style-9.header-skin-light .wtbx_hs_header .wtbx_h_text_color,.header-style-9.header-skin-light .wtbx_hs_header .header_widget a{color:rgba(148,157,173,1)}.header-style-9.header-skin-light .wtbx_hs_header .overlay_button .dot,.header-style-9.header-skin-light .wtbx_hs_header .overlay_button .dot:before,.header-style-9.header-skin-light .wtbx_hs_header .overlay_button .dot:after,.header-style-9.header-skin-light .wtbx_hs_header .sidearea_button .line{background-color:rgba(148,157,173,1)}.header-style-9.header-skin-light .wtbx_hs_header .wtbx_menu_nav > ul > li:hover,.header-style-9.header-skin-light .wtbx_hs_header .wtbx_h_text_color_hover:hover,.header-style-9.header-skin-light .wtbx_hs_header .header_widget a:hover{color:rgba(26,42,64,1)}.header-style-9.header-skin-light .wtbx_hs_header .wtbx_menu_nav > ul > li.current-menu-item,.header-style-9.header-skin-light .wtbx_hs_header .wtbx_menu_nav > ul > li.current-menu-ancestor > a,.header-style-9.header-skin-light .wtbx_hs_header .wtbx_menu_nav > ul > li.current-menu-parent > a{color:rgba(26,42,64,1)}.header-style-9.header-skin-light .wtbx_hs_header .overlay_button:hover .dot,.header-style-9.header-skin-light .wtbx_hs_header .overlay_button:hover .dot:before,.header-style-9.header-skin-light .wtbx_hs_header .overlay_button:hover .dot:after,.header-style-9.header-skin-light .wtbx_hs_header .sidearea_button:hover .line{background-color:rgba(26,42,64,1)}.header-style-9.header-skin-light .wtbx_hs_header .header_button_alt > a,.header-style-9.header-skin-light .wtbx_hs_header .header_cart_wrapper_prim .cart_product_count:before,.header-style-9.header-skin-light .wtbx_hs_header .header_wishlist_wrapper_prim .wishlist_count:before{background-color:rgba(108,99,255,1)}.header-style-9.header-skin-light .wtbx_hs_header .wtbx_menu_nav > ul > li:before{background-color:rgba(108,99,255,1)}.header-style-9.header-skin-light .wtbx_hs_topbar{background-color:rgba(255,255,255,1)}.header-style-9.header-skin-light .wtbx_hs_topbar .wtbx_header_part,.header-style-9.header-skin-light .wtbx_hs_topbar .wtbx_h_text_color,.header-style-9.header-skin-light .wtbx_hs_topbar .header_widget a{color:rgba(188,197,214,1)}.header-style-9.header-skin-light .wtbx_hs_topbar .overlay_button .dot,.header-style-9.header-skin-light .wtbx_hs_topbar .overlay_button .dot:before,.header-style-9.header-skin-light .wtbx_hs_topbar .overlay_button .dot:after,.header-style-9.header-skin-light .wtbx_hs_topbar .sidearea_button .line{background-color:rgba(188,197,214,1)}.header-style-9.header-skin-light .wtbx_hs_topbar .wtbx_menu_nav > ul > li:hover,.header-style-9.header-skin-light .wtbx_hs_topbar .wtbx_h_text_color_hover:hover,.header-style-9.header-skin-light .wtbx_hs_topbar .header_widget a:hover{color:rgba(26,42,64,1)}.header-style-9.header-skin-light .wtbx_hs_topbar .wtbx_menu_nav > ul > li.current-menu-item{color:rgba(26,42,64,1)}.header-style-9.header-skin-light .wtbx_hs_topbar .overlay_button:hover .dot,.header-style-9.header-skin-light .wtbx_hs_topbar .overlay_button:hover .dot:before,.header-style-9.header-skin-light .wtbx_hs_topbar .overlay_button:hover .dot:after,.header-style-9.header-skin-light .wtbx_hs_topbar .sidearea_button:hover .line{background-color:rgba(26,42,64,1)}.header-style-9.header-skin-light .wtbx_hs_topbar .header_button_alt > a,.header-style-9.header-skin-light .wtbx_hs_topbar .header_cart_wrapper_prim .cart_product_count:before,.header-style-9.header-skin-light .wtbx_hs_topbar .header_wishlist_wrapper_prim .wishlist_count:before{background-color:rgba(108,99,255,1)}.header-style-9.header-skin-dark .wtbx_hs,.header-style-9.header-skin-dark .header_language_trigger:before,.header-style-9.header-skin-dark .wtbx_header_login_alt a:before,.header-style-9.header-skin-dark .search_button_wrapper_alt .search_button:before{border-color:rgba(255,255,255,0.2)}.header-style-9.header-skin-dark .wtbx_header_border:before{background-color:rgba(255,255,255,0.2)}.header-style-9.header-skin-dark .wtbx_hs_header{background-color:rgba(0,0,0,0)}.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_header_part,.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_h_text_color,.header-style-9.header-skin-dark .wtbx_hs_header .header_widget a{color:rgba(255,255,255,0.9)}.header-style-9.header-skin-dark .wtbx_hs_header .overlay_button .dot,.header-style-9.header-skin-dark .wtbx_hs_header .overlay_button .dot:before,.header-style-9.header-skin-dark .wtbx_hs_header .overlay_button .dot:after,.header-style-9.header-skin-dark .wtbx_hs_header .sidearea_button .line{background-color:rgba(255,255,255,0.9)}.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_menu_nav > ul > li:hover,.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_h_text_color_hover:hover,.header-style-9.header-skin-dark .wtbx_hs_header .header_widget a:hover{color:rgba(255,255,255,1)}.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_menu_nav > ul > li.current-menu-item,.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_menu_nav > ul > li.current-menu-ancestor > a,.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_menu_nav > ul > li.current-menu-parent > a{color:rgba(255,255,255,1)}.header-style-9.header-skin-dark .wtbx_hs_header .overlay_button:hover .dot,.header-style-9.header-skin-dark .wtbx_hs_header .overlay_button:hover .dot:before,.header-style-9.header-skin-dark .wtbx_hs_header .overlay_button:hover .dot:after,.header-style-9.header-skin-dark .wtbx_hs_header .sidearea_button:hover .line{background-color:rgba(255,255,255,1)}.header-style-9.header-skin-dark .wtbx_hs_header .header_button_alt > a,.header-style-9.header-skin-dark .wtbx_hs_header .header_cart_wrapper_prim .cart_product_count:before,.header-style-9.header-skin-dark .wtbx_hs_header .header_wishlist_wrapper_prim .wishlist_count:before{background-color:rgba(104,96,247,1)}.header-style-9.header-skin-dark .wtbx_hs_header .wtbx_menu_nav > ul > li:before{background-color:rgba(104,96,247,1)}.header-style-9.header-skin-dark .wtbx_hs_topbar{background-color:rgba(0,0,0,0)}.header-style-9.header-skin-dark .wtbx_hs_topbar .wtbx_header_part,.header-style-9.header-skin-dark .wtbx_hs_topbar .wtbx_h_text_color,.header-style-9.header-skin-dark .wtbx_hs_topbar .header_widget a{color:rgba(255,255,255,0.6)}.header-style-9.header-skin-dark .wtbx_hs_topbar .overlay_button .dot,.header-style-9.header-skin-dark .wtbx_hs_topbar .overlay_button .dot:before,.header-style-9.header-skin-dark .wtbx_hs_topbar .overlay_button .dot:after,.header-style-9.header-skin-dark .wtbx_hs_topbar .sidearea_button .line{background-color:rgba(255,255,255,0.6)}.header-style-9.header-skin-dark .wtbx_hs_topbar .wtbx_menu_nav > ul > li:hover,.header-style-9.header-skin-dark .wtbx_hs_topbar .wtbx_h_text_color_hover:hover,.header-style-9.header-skin-dark .wtbx_hs_topbar .header_widget a:hover{color:rgba(255,255,255,1)}.header-style-9.header-skin-dark .wtbx_hs_topbar .wtbx_menu_nav > ul > li.current-menu-item{color:rgba(255,255,255,1)}.header-style-9.header-skin-dark .wtbx_hs_topbar .overlay_button:hover .dot,.header-style-9.header-skin-dark .wtbx_hs_topbar .overlay_button:hover .dot:before,.header-style-9.header-skin-dark .wtbx_hs_topbar .overlay_button:hover .dot:after,.header-style-9.header-skin-dark .wtbx_hs_topbar .sidearea_button:hover .line{background-color:rgba(255,255,255,1)}.header-style-9.header-skin-dark .wtbx_hs_topbar .header_button_alt > a,.header-style-9.header-skin-dark .wtbx_hs_topbar .header_cart_wrapper_prim .cart_product_count:before,.header-style-9.header-skin-dark .wtbx_hs_topbar .header_wishlist_wrapper_prim .wishlist_count:before{background-color:rgba(104,96,247,1)}