.container-portfolio-item .wtbx-navigation.wtbx-page-nav {
margin-top: 0;
}
.portfolio-item-media .portfolio-audio-wrapper {
text-align: center;
}
.portfolio-item-media .portfolio-audio-wrapper .audio-embed {
box-shadow: none;
display: block;
}
.portfolio-item-media .portfolio-audio-wrapper .audio-embed iframe {
border-radius: 6px;
overflow: hidden;
box-shadow: 0 15px 55px -5px rgba(9, 31, 67, 0.15);
}
#container.container-portfolio-custom #content {
padding: 0;
}
#container.container-portfolio-custom .wtbx-width {
max-width: 100%;
}
.portfolio-item-media + .row-content-width .wtbx-width,
#container.container-portfolio-custom + .row-content-width .wtbx-width {
max-width: 100%;
}
.container-twocol ~ .row-content-width .wtbx-width,
.container-twocol .wtbx-width,
#container.container-portfolio-custom ~ .row-content-width .wtbx-width,
#container.container-portfolio-custom .wtbx-width {
max-width: 100%;
}
.portfolio-video-wrapper .video-embed {
position: relative;
padding-bottom: 56.25%;
height: 0;
z-index: 1;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 15px 55px -5px rgba(9, 31, 67, 0.15);
}
.portfolio-video-wrapper .video-embed.video-embed-noconsent {
height: auto;
padding-bottom: 0;
}
.portfolio-video-wrapper .video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.container-fullwidth .row-inner, #container.width-full .row-inner {
max-width: none;
}
.container-fullwidth .portfolio-item-gallery-grid,
.container-fullwidth .portfolio-item-gallery-masonry, #container.width-full .portfolio-item-gallery-grid,
#container.width-full .portfolio-item-gallery-masonry {
max-width: none;
}
.container-fullwidth .portfolio-item-gallery-grid > div,
.container-fullwidth .portfolio-item-gallery-masonry > div, #container.width-full .portfolio-item-gallery-grid > div,
#container.width-full .portfolio-item-gallery-masonry > div {
padding: 0;
}
.container-fullwidth .portfolio-item-gallery-grid .portfolio-image-wrapper,
.container-fullwidth .portfolio-item-gallery-masonry .portfolio-image-wrapper, #container.width-full .portfolio-item-gallery-grid .portfolio-image-wrapper,
#container.width-full .portfolio-item-gallery-masonry .portfolio-image-wrapper {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.container-fullwidth .portfolio-item-slider, #container.width-full .portfolio-item-slider {
padding-left: 0;
padding-right: 0;
}
.container-fullwidth .portfolio-item-slider > div, #container.width-full .portfolio-item-slider > div {
padding: 0;
}
.container-fullwidth .portfolio-item-slider .wtbx-slider-gallery, #container.width-full .portfolio-item-slider .wtbx-slider-gallery {
box-shadow: none;
border-radius: 0;
}
.container-fullwidth .portfolio-item-slider .portfolio-slider .slick-list, #container.width-full .portfolio-item-slider .portfolio-slider .slick-list {
border-radius: 0 !important;
}
.container-fullwidth .portfolio-item-slider .portfolio-slider .slick-list.wtbx-lazy, #container.width-full .portfolio-item-slider .portfolio-slider .slick-list.wtbx-lazy {
border-radius: 0 !important;
}
.portfolio-item-media {
margin-bottom: 4em;
margin-left: auto;
margin-right: auto;
}
.portfolio-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}  .portfolio-item-media.portfolio-item-carousel {
margin-bottom: 2em;
max-width: 100%;
}
.carousel-buttons {
position: absolute;
top: 50%;
left: 0;
right: 0;
}
.carousel-buttons .slider-prev, .carousel-buttons .slider-next {
position: absolute;
top: 0;
margin-top: -30px;
width: 40px;
height: 60px;
cursor: pointer;
opacity: .5;
-webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0s;
-moz-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0s;
-ms-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0s;
-o-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0s;
transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0s;
}
.carousel-buttons .slider-prev:hover, .carousel-buttons .slider-next:hover {
opacity: 1;
}
.carousel-buttons .slider-prev.slick-disabled, .carousel-buttons .slider-next.slick-disabled {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0.2s;
-moz-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0.2s;
-ms-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0.2s;
-o-transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0.2s;
transition: opacity 0.2s ease-in-out 0s, visibility 0s ease-in-out 0.2s;
}
.carousel-buttons .slider-prev {
left: 45px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.carousel-buttons .slider-prev:before {
content: '';
position: absolute;
top: 50%;
left: 60%;
width: 22px;
height: 22px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
border-bottom-left-radius: 6px;
-moz-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.carousel-buttons .slider-next {
right: 45px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.carousel-buttons .slider-next:before {
content: '';
position: absolute;
top: 50%;
left: 40%;
width: 22px;
height: 22px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-top-right-radius: 6px;
-moz-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-o-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
@media only screen and (max-width: 1024px) {
.slider-buttons .slider-prev {
left: 35px;
}
.slider-buttons .slider-next {
right: 35px;
}
}
@media only screen and (max-width: 767px) {
.portfolio-carousel .portfolio-slide-wrapper {
padding: 0 10px;
}
.portfolio-carousel .slider-buttons {
display: none;
}
}  .portfolio-item-slider .portfolio-slider-container {
position: relative;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider {
padding: 0;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider .slick-slide {
height: auto;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider .wtbx-arrow:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
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);
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider.arrows-skin-light .wtbx-arrow:before {
border-color: #000;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider.arrows-skin-light .wtbx-arrow:after {
background-color: #fff;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider.bullets-skin-light .slick-dots li:before {
background-color: #fff;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider.arrows-skin-dark .wtbx-arrow:before {
border-color: #fff;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider.arrows-skin-dark .wtbx-arrow:after {
background-color: #000;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider.bullets-skin-dark .slick-dots li:before {
background-color: #000;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider .slick-list .portfolio-slide-wrapper .portfolio-slide-inner {
position: relative;
}
.portfolio-item-slider .portfolio-slider-container .portfolio-slider .slick-list .portfolio-slide-wrapper .portfolio-slide-inner .portfolio-slide {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}  .portfolio-item-gallery-vertical .portfolio-image-wrapper {
font-size: 0;
line-height: 0;
display: block;
position: relative;
border-radius: 3px;
overflow: hidden;
}
.portfolio-item-gallery-vertical .portfolio-image-wrapper:first-child {
margin-top: 0 !important;
}
.portfolio-item-gallery-vertical .portfolio-image-wrapper:last-child {
margin-bottom: 0 !important;
}  .portfolio-item-gallery-grid .portfolio-item-grid-wrapper {
display: grid;
}
@media only screen and (max-width: 767px) {
.portfolio-item-gallery-grid .portfolio-item-grid-wrapper {
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0;
}
}
.portfolio-item-gallery-grid .portfolio-image-wrapper {
padding: 0;
-webkit-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
overflow: hidden;
z-index: 1;
-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);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.portfolio-item-gallery-grid .portfolio-image-wrapper a {
display: block;
}  .container-portfolio-item .portfolio-item-title {
margin-bottom: 4em;
}
.container-portfolio-item .portfolio-item-title h1 {
margin: 0;
font-size: 2em;
font-weight: 700;
line-height: 1.5;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-description > p:first-child {
margin-top: 0;
}
.container-portfolio-item .portfolio-item-details,
.container-portfolio-item .portfolio-item-description {
margin-bottom: 4em;
}
.container-portfolio-item.container-twocol + .portfolio-item-media .wtbx-width {
max-width: 100%;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-media,
.container-portfolio-item #content.content-top-twocol .portfolio-content-wrapper, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-media,
.container-portfolio-item #content.content-bottom-twocol .portfolio-content-wrapper, .container-portfolio-item #content.content-bottom-onecol .portfolio-item-media,
.container-portfolio-item #content.content-bottom-onecol .portfolio-content-wrapper, .container-portfolio-item #content.content-top-onecol .portfolio-item-media,
.container-portfolio-item #content.content-top-onecol .portfolio-content-wrapper {
float: none;
}
.container-portfolio-item #content.content-top-twocol .item-fields .item-label, .container-portfolio-item #content.content-bottom-twocol .item-fields .item-label, .container-portfolio-item #content.content-bottom-onecol .item-fields .item-label, .container-portfolio-item #content.content-top-onecol .item-fields .item-label {
line-height: 2.2em;
}
.container-portfolio-item #content.content-top-twocol .item-fields .item-value, .container-portfolio-item #content.content-bottom-twocol .item-fields .item-value, .container-portfolio-item #content.content-bottom-onecol .item-fields .item-value, .container-portfolio-item #content.content-top-onecol .item-fields .item-value {
line-height: 2.2em;
}
.container-portfolio-item #content .wtbx-width {
padding-left: 0;
padding-right: 0;
}
.container-portfolio-item #content.content-top-twocol .wtbx-width, .container-portfolio-item #content.content-bottom-twocol .wtbx-width {
max-width: 100%;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-description, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-description {
margin-top: 0;
width: 55%;
float: left;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-details, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-details {
margin-top: 0;
width: 45%;
float: left;
padding-right: 60px;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-details .item-fields, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-details .item-fields {
display: block;
width: 100%;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-details .item-fields .item-field, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-details .item-fields .item-field {
display: table;
width: 100%;
padding: 0;
margin-bottom: 1em;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-details .item-fields .item-field:last-child, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-details .item-fields .item-field:last-child {
margin-bottom: 0;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-details .item-fields .item-field .item-label,
.container-portfolio-item #content.content-top-twocol .portfolio-item-details .item-fields .item-field .item-value, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-details .item-fields .item-field .item-label,
.container-portfolio-item #content.content-bottom-twocol .portfolio-item-details .item-fields .item-field .item-value {
display: table-cell;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-content.onecol .portfolio-item-description,
.container-portfolio-item #content.content-top-twocol .portfolio-item-content.onecol .portfolio-item-details, .container-portfolio-item #content.content-bottom-twocol .portfolio-item-content.onecol .portfolio-item-description,
.container-portfolio-item #content.content-bottom-twocol .portfolio-item-content.onecol .portfolio-item-details {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.container-portfolio-item #content.content-bottom-onecol .portfolio-content-wrapper .portfolio-item-title, .container-portfolio-item #content.content-top-onecol .portfolio-content-wrapper .portfolio-item-title {
text-align: center;
}
.container-portfolio-item #content.content-bottom-onecol .portfolio-item-content, .container-portfolio-item #content.content-top-onecol .portfolio-item-content {
margin-bottom: 0;
}
.container-portfolio-item #content.content-bottom-onecol .portfolio-item-description, .container-portfolio-item #content.content-top-onecol .portfolio-item-description {
margin-bottom: 4em;
}
.container-portfolio-item #content.content-bottom-onecol .portfolio-item-description,
.container-portfolio-item #content.content-bottom-onecol .portfolio-item-details, .container-portfolio-item #content.content-top-onecol .portfolio-item-description,
.container-portfolio-item #content.content-top-onecol .portfolio-item-details {
padding-left: 0;
padding-right: 0;
}
.container-portfolio-item #content.content-bottom-onecol .portfolio-item-details, .container-portfolio-item #content.content-top-onecol .portfolio-item-details {
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.container-portfolio-item #content.content-top-twocol .portfolio-item-content > div:last-child, .container-portfolio-item #content.content-top-onecol .portfolio-item-content > div:last-child {
margin-bottom: 2em;
}
.container-portfolio-item #content.content-left .portfolio-item-media, .container-portfolio-item #content.content-left-sticky .portfolio-item-media {
float: right;
}
.container-portfolio-item #content.content-left .portfolio-content-wrapper, .container-portfolio-item #content.content-left-sticky .portfolio-content-wrapper {
padding-right: 45px;
float: left;
clear: none;
}
.container-portfolio-item #content.content-right .portfolio-item-media, .container-portfolio-item #content.content-right-sticky .portfolio-item-media {
float: left;
}
.container-portfolio-item #content.content-right .portfolio-item-media + div, .container-portfolio-item #content.content-right-sticky .portfolio-item-media + div {
float: right;
}
.container-portfolio-item #content.content-right .portfolio-content-wrapper, .container-portfolio-item #content.content-right-sticky .portfolio-content-wrapper {
padding-left: 45px;
float: right;
clear: none;
}
.container-portfolio-item #content.content-right, .container-portfolio-item #content.content-right-sticky, .container-portfolio-item #content.content-left, .container-portfolio-item #content.content-left-sticky {
margin-bottom: 3em;
}
.container-portfolio-item #content.content-right .wtbx-width, .container-portfolio-item #content.content-right-sticky .wtbx-width, .container-portfolio-item #content.content-left .wtbx-width, .container-portfolio-item #content.content-left-sticky .wtbx-width {
max-width: 100%;
}
.container-portfolio-item #content.content-right .wtbx-col-sm-12, .container-portfolio-item #content.content-right-sticky .wtbx-col-sm-12, .container-portfolio-item #content.content-left .wtbx-col-sm-12, .container-portfolio-item #content.content-left-sticky .wtbx-col-sm-12 {
padding-left: 0;
padding-right: 0;
}
.container-portfolio-item #content.content-right .portfolio-item-media, .container-portfolio-item #content.content-right-sticky .portfolio-item-media, .container-portfolio-item #content.content-left .portfolio-item-media, .container-portfolio-item #content.content-left-sticky .portfolio-item-media {
width: 65%;
margin-top: 0;
margin-bottom: 0;
}
.container-portfolio-item #content.content-right .portfolio-item-media .portfolio-item-grid-wrapper, .container-portfolio-item #content.content-right-sticky .portfolio-item-media .portfolio-item-grid-wrapper, .container-portfolio-item #content.content-left .portfolio-item-media .portfolio-item-grid-wrapper, .container-portfolio-item #content.content-left-sticky .portfolio-item-media .portfolio-item-grid-wrapper {
padding: 0;
}
.container-portfolio-item #content.content-right .portfolio-content-wrapper, .container-portfolio-item #content.content-right-sticky .portfolio-content-wrapper, .container-portfolio-item #content.content-left .portfolio-content-wrapper, .container-portfolio-item #content.content-left-sticky .portfolio-content-wrapper {
width: 35%;
position: static;
}
.container-portfolio-item #content.content-right .portfolio-item-details .item-field, .container-portfolio-item #content.content-right-sticky .portfolio-item-details .item-field, .container-portfolio-item #content.content-left .portfolio-item-details .item-field, .container-portfolio-item #content.content-left-sticky .portfolio-item-details .item-field {
display: block;
margin: 0 0 2em;
padding: 0;
}
.container-portfolio-item #content.content-right .portfolio-item-details .item-field:last-child, .container-portfolio-item #content.content-right-sticky .portfolio-item-details .item-field:last-child, .container-portfolio-item #content.content-left .portfolio-item-details .item-field:last-child, .container-portfolio-item #content.content-left-sticky .portfolio-item-details .item-field:last-child {
margin-bottom: 0;
}
.container-portfolio-item #content.content-right .portfolio-item-details .item-field .item-label, .container-portfolio-item #content.content-right .portfolio-item-details .item-field .item-value, .container-portfolio-item #content.content-right-sticky .portfolio-item-details .item-field .item-label, .container-portfolio-item #content.content-right-sticky .portfolio-item-details .item-field .item-value, .container-portfolio-item #content.content-left .portfolio-item-details .item-field .item-label, .container-portfolio-item #content.content-left .portfolio-item-details .item-field .item-value, .container-portfolio-item #content.content-left-sticky .portfolio-item-details .item-field .item-label, .container-portfolio-item #content.content-left-sticky .portfolio-item-details .item-field .item-value {
display: block;
}
.container-portfolio-item #content.content-right .portfolio-item-content > div:last-child, .container-portfolio-item #content.content-right-sticky .portfolio-item-content > div:last-child, .container-portfolio-item #content.content-left .portfolio-item-content > div:last-child, .container-portfolio-item #content.content-left-sticky .portfolio-item-content > div:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
.container-portfolio-item #content.content-right .portfolio-item-content > div:last-child, .container-portfolio-item #content.content-right-sticky .portfolio-item-content > div:last-child, .container-portfolio-item #content.content-left .portfolio-item-content > div:last-child, .container-portfolio-item #content.content-left-sticky .portfolio-item-content > div:last-child {
margin-bottom: 4em;
}
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details {
text-align: start;
width: 100%;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields {
display: table;
margin: 0 auto;
max-width: 100%;
width: 100%;
table-layout: fixed;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field {
position: relative;
display: table-cell;
padding: 0 15px;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field .item-label, .container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field .item-value {
display: block;
vertical-align: top;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field .item-label {
padding-right: 1em;
font-size: 1em;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field .item-value {
margin-top: 1em;
font-weight: 400;
}
@media only screen and (max-width: 479px) {
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field {
display: block !important;
margin-bottom: 2em !important;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field:last-child {
margin-bottom: 0 !important;
}
.container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field .item-label, .container-portfolio-item .portfolio-item-content .portfolio-item-details .item-fields .item-field .item-value {
display: block !important;
}
}.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)}