@charset "UTF-8";
@charset "UTF-8";
.clearfix::after {
content: "";
clear: both;
display: table;
}
.portfolio-container {
width: 1080px;
max-width: 100%;
margin: 60px auto;
padding: 0 15px;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.column-1 {
width: 100%;
float: left;
}
.column-2 {
width: calc(100% / 2);
float: left;
}
.column-2of3 {
width: 66.66667%;
}
.column-3 {
width: calc(100% / 3);
float: left;
}
.column-4 {
width: calc(100% / 4);
float: left;
}
.column-5 {
width: calc(100% / 5);
float: left;
}
.column-6 {
width: calc(100% / 6);
float: left;
}
.column-7 {
width: calc(100% / 7);
float: left;
}
.column-8 {
width: calc(100% / 8);
float: left;
}
.blog-content .blog__content h3 {
margin: 0;
}
.blog-content a {
text-decoration: none;
}
.blog-full-image-style ul.fact-list li,
.blog-card-style ul.fact-list li {
margin-left: 0;
margin-top: 0;
font-size: 18px;
} .blog-full-image-style h3 {
margin: 0;
font-size: 22px;
line-height: 1.2;
}
.blog-full-image-style h3 a {
text-decoration: none;
}
.blog-full-image-style .caption-inside {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
padding: 50px;
}
.blog-full-image-style .blog__content {
text-align: center;
}
.blog-post-item .categories,
.justify-item .categories {
display: flex;
justify-content: center;
row-gap: 5px;
column-gap: 5px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.blog-post-item .categories a,
.justify-item .categories a {
font-size: 15px;
padding: 6px 15px;
border-radius: 5px;
background-color: #585ae6;
color: #ffffff;
transition: all .3s;
}
.blog-post-item .categories a:hover,
.justify-item .categories a:hover {
background-color: #585ae6;
color: #ffffff;
transition: all .3s;
}
.blog-full-image-style .caption-inside .title-blog {
margin-bottom: 10px;
}
.blog-full-image-style .caption-inside span.date {
font-size: 15px;
font-weight: 400;
}
[class^="blog-post"].port-main-wrapper {
position: relative;
}
[class^="blog-post"] .swiper-button-next,
[class^="blog-post"] .swiper-button-prev {
background-image: none;
width: 50px;
}
[class^="blog-post"] .swiper-button-next:after,
[class^="blog-post"] .swiper-button-prev:after {
font-size: 18px;
width: 40px;
height: 40px;
background: #ffffff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
opacity: 0.8;
color: #191970;
transition: all .3s ease;
}
[class^="blog-post"] .swiper-button-next:hover:after,
[class^="blog-post"] .swiper-button-prev:hover:after {
opacity: 1;
transition: all .3s ease;
}
[class^="blog-post"].swiper-container.has-pagination .portfolio-block-item {
margin-bottom: 0;
}
[class^="blog-post"].swiper-container.has-pagination {
margin-bottom: 50px;
}
[class^="blog-post"] .swiper-pagination-bullet-active {
background: #191970;
}
.blog-full-image-style ul.fact-list {
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 15px;
}
.navigation-paging.pagination.pagination-page-template .post-navigation {
display: inline-block;
} .blog-card-style .blog__content {
padding: 30px 0;
text-align: center;
border-left: 1px solid #e2e9ed;
border-bottom: 1px solid #e2e9ed;
border-right: 1px solid #e2e9ed;
background-color: #fff;
}
.blog-card-style .blog__content h3 {
margin: 0;
font-size: 20px;
color: #000000;
}
.blog-card-style .blog__content h3 a {
text-decoration: none;
color: #000000;
}
.blog-card-style .blog__content .fact-list {
list-style: none;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.blog-card-style .caption-inside {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.blog-card-style .caption-inside .blog__content {
padding: 0 0;
text-align: center;
border-left: 0 solid #e2e9ed;
border-bottom: 0 solid #e2e9ed;
border-right: 0 solid #e2e9ed;
background-color: transparent;
}
.blog-card-style .caption-inside .blog__content a {
color: #ffffff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.blog-card-style .caption-inside .blog__content a > i {
padding: 40px;
border-radius: 50%;
border: 2px solid;
font-size: 38px;
} .unique-hiji a {
text-decoration: none;
}
.unique-hiji .btn-read-more a {
position: relative;
padding-bottom: 5px;
display: inline-block;
color: #ffffff;
}
.unique-hiji .btn-read-more a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 2px;
background: #fff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.unique-hiji .btn-read-more a:hover:after {
width: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.unique-hiji .person-title {
margin: 0;
margin-bottom: 5px;
}
.unique-hiji.container {
width: 100%;
}
.unique-hiji.container.container-selected {
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: 9999;
}
.unique-hiji .header {
width: 100%;
text-align: center;
margin-bottom: 45px;
overflow: hidden;
transition: 0.45s ease 0.05s;
max-height: 70px;
}
.unique-hiji .header-title {
width: 100%;
font-size: 3.3em;
color: #fbf9bd;
margin-bottom: 15px;
}
.unique-hiji .team-container {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
height: auto;
}
.unique-hiji .person {
cursor: pointer;
overflow: hidden;
transition: 0.45s;
position: relative;
}
.unique-hiji .person-details {
padding: 0 20px;
box-sizing: border-box;
margin-top: -25px;
transition: 0.3s;
}
.unique-hiji .person-img {
width: 100%;
}
.unique-hiji .person-title {
color: #000000;
font-size: 1.9em;
}
.unique-hiji .person-desc {
color: #000000;
margin-top: 5px;
text-transform: capitalize;
font-size: 16px;
}
.unique-hiji .person-list {
width: 100%;
}
.unique-hiji .person-list:hover .person {
opacity: 0.6;
}
.unique-hiji .person:hover {
opacity: 1 !important;
}
.unique-hiji .person:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: #ffffff;
content: "";
height: 0px;
transition: 0.45s;
}
.unique-hiji .person:after {
content: "\f060";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
font-size: 36px;
color: #282828;
position: absolute;
width: 100%;
top: 0;
height: 100%;
display: flex;
opacity: 0;
visibility: hidden;
transition: 0.3s;
text-align: center;
flex-wrap: wrap;
align-items: center;
justify-content: center;
left: 0;
flex-direction: column;
}
.unique-hiji.container-selected .header {
max-height: 0px;
}
.unique-hiji.container-selected .person {
opacity: 0 !important;
pointer-events: none;
}
.unique-hiji.container-selected .person-list .person-selected {
opacity: 1 !important;
}
.unique-hiji.container-selected .person-list .person-selected:before {
height: 100%;
}
.unique-hiji.container-selected .person-list .person-selected .person-details {
margin-top: -40px;
opacity: 0;
}
.unique-hiji .team-detail {
position: absolute;
width: calc(100% - 100px);
right: 80px;
top: 0;
height: 100%;
color: #fff;
transition: 0.15s;
opacity: 0;
visibility: hidden;
box-sizing: border-box;
}
.unique-hiji .team-detail-bio-content p {
margin-bottom: 15px;
line-height: 25px;
font-size: 16px;
}
.unique-hiji .team-detail-header {
margin-bottom: 15px;
}
.unique-hiji .team-detail-inner {
min-height: 100%;
display: flex;
flex-wrap: wrap;
}
.unique-hiji .team-detail-left {
position: relative;
width: 650px;
min-height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: top;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.unique-hiji .team-detail-left:before {
width: 100%;
height: 100%;
content: "";
background: rgba(40, 40, 40, 0.8);
position: absolute;
right: 0;
top: 0;
}
.unique-hiji .team-detail-left:after {
width: 100%;
height: 100%;
content: "";
background: linear-gradient(to right, rgba(40, 40, 40, 0) 9%, rgba(40, 40, 40, 0) 10%, rgba(40, 40, 40, 0) 38%, #282828 92%, #282828 100%);
position: absolute;
right: 0;
top: 0;
}
.unique-hiji .team-detail-photo {
position: relative;
text-align: center;
z-index: 999;
width: 100%;
font-size: 0px;
}
.unique-hiji .team-detail-photo img {
max-width: 100%;
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3);
}
.unique-hiji .team-detail-right {
box-sizing: border-box;
width: calc(100% - 650px);
min-height: 100%;
display: flex;
align-items: center;
padding-right: 10%;
position: relative;
right: 0;
flex-wrap: wrap;
background-color: #282828;
}
.unique-hiji .team-detail-right .person-title {
font-size: 2.2em;
color: #ffffff;
}
.unique-hiji .team-detail-right .person-desc {
color: #ffffff;
}
.unique-hiji.container-ready .team-detail {
transition: 0.45s ease 0.3s;
opacity: 1;
right: 0;
visibility: visible;
}
.unique-hiji.container-ready .team-detail img {
width: 75%;
margin: auto;
}
.unique-hiji.container-ready .team-container {
height: 0px;
overflow: hidden;
}
.unique-hiji.container-ready .person-selected {
left: 0px !important;
top: 0px !important;
z-index: 99;
height: 100% !important;
width: 100px !important;
pointer-events: auto;
}
.unique-hiji.container-ready .person-selected:after {
opacity: 1;
visibility: visible;
}
.unique-hiji .person-back:before {
height: 0px !important;
}
.unique-hiji .person-back .person-details {
margin-top: -15px !important;
transition-delay: 0.35s;
opacity: 1 !important;
}
.unique-hiji .social {
margin-top: 15px;
display: flex;
}
.unique-hiji .social a {
color: #191971;
font-size: 18px;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
justify-items: center;
width: 40px;
height: 40px;
background-color: #e2e2e2;
border-radius: 50%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.unique-hiji .social a:hover {
color: #e2e2e2;
background-color: #191971;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.unique-hiji .social a:last-child {
margin-right: 0;
}
@media (max-width: 1200px) {
.unique-hiji .team-detail-left {
width: 400px;
padding: 0 40px;
box-sizing: border-box;
}
.unique-hiji .team-detail-right {
padding-right: 0;
width: calc(100% - 440px);
}
.unique-hiji .person .person-title {
font-size: 1.7em;
}
.unique-hiji .person-details {
padding: 0 10px;
}
}
@media (max-width: 970px) {
.unique-hiji .team-detail-left {
width: 100%;
padding: 50px 50px 30px 50px;
}
.unique-hiji .team-detail-left:after {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #212121 83%, #282828 100%);
}
.unique-hiji .team-detail-right {
padding: 0 50px;
padding-bottom: 40px;
width: 100%;
}
.unique-hiji .team-detail-header {
text-align: center;
}
.unique-hiji.container-ready .person-selected {
width: 50px !important;
}
.unique-hiji .team-detail {
width: calc(100% - 50px);
}
}
@media (max-width: 480px) {
.unique-hiji .header {
margin-top: 50px;
}
.unique-hiji.container.container-selected {
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 999999;
}
.unique-hiji .team-detail-right {
align-items: unset;
}
.unique-hiji.container-ready .team-detail img {
width: unset;
}
.unique-hiji .person .person-title {
font-size: 1.5em;
}
.single-portfolio-style-1 .gap-12 {
grid-gap: 0;
gap: 0;
}
} .unique-dua * {
box-sizing: border-box;
transform-origin: 50% 50%;
}
.unique-dua a {
color: inherit;
text-decoration: none;
border-bottom: 0.75vw solid;
}
.unique-dua h1 {
margin: 0;
text-align: center;
font-size: calc(10px + 0.5vw);
margin-bottom: 10px;
}
.unique-dua span {
margin: 0;
text-align: center;
font-size: calc(5px + 0.5vw);
display: block;
}
.unique-dua h2 {
font-size: 6vw;
color: magenta;
text-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}
.unique-dua .defilee__main {
position: relative;
margin: 0 auto;
}
.unique-dua .defilee__outer {
width: 100%;
height: calc(100vh - 100px);
max-height: calc(100vh - 100px);
display: flex;
flex-direction: column;
justify-content: center;
perspective: 0.5px;
transform-style: preserve-3d;
overflow: hidden;
}
.unique-dua .defilee__ctnr {
transform-style: preserve-3d;
display: inline-flex;
align-items: center;
margin: 0 auto;
}
.unique-dua .defilee__div {
position: relative;
transform: translateZ(-0.1px) scale(1.4) translateX(30px) translateY(5vh);
}
.unique-dua .defilee__div:not(.defilee__div--text) {
width: 25vw;
background: white;
padding: 1vw;
border-radius: 4px;
box-shadow: 0 10px 40px -10px rgb(0 0 0 / 0.2);
}
.unique-dua .defilee__div--text {
margin: 0 0 0 10vw;
transform: translateZ(-0.25px) scale(1.4) translateX(60px) translateY(-5vh);
animation: zoom infinite 1s;
}
.unique-dua .defilee__div--special {
transform: translateZ(-0.2px) scale(1.4) translateX(30px) translateY(20vh);
}
.unique-dua .defilee__div--special1 {
transform: translateZ(-0.25px) scale(1.4) translateX(-0.3vw) translateY(0);
}
.unique-dua .defilee__div--special1 ~ .unique-dua .defilee__div--special1 {
transform: translateZ(-0.25px) scale(1.4) translateX(-0.4vw) translateY(10vh);
}
.unique-dua .defilee__div--special2 {
transform: translateZ(-0.3px) scale(1.5) translateX(-0.5vw) translateY(-5vh);
}
.unique-dua .defilee__div--special3 {
transform: translateZ(-0.5px) scale(1.5) translateX(-30px) translateY(-30vh);
}
.unique-dua .defilee__div--special4 {
transform: translateZ(-0.65px) scale(2) translateX(30px) translateY(0);
}
.unique-dua .defilee__ctnr {
transform: translate3d(-10%, 0, 0);
will-change: transform;
animation: slide 25s 0.7s linear infinite;
}
@keyframes slide {
100% {
transform: translate3d(-60%, 0, 0);
}
}
.unique-dua .defilee__div--special1.first {
animation: vertical infinite 5s -2s;
}
@keyframes vertical {
50% {
transform: translateZ(-0.25px) scale(1.6) translateX(-0.3vw)
translateY(-5vh);
}
}
@keyframes zoom {
50% {
transform: translateZ(-0.25px) scale(1.5) translateX(60px) translateY(-5vh);
}
}
.unique-dua img {
width: 100%;
margin-bottom: 0.75vw;
transition: all 1.2s;
}
.unique-dua div:nth-child(3n + 1) > img {
transition: all 1.2s;
} .unique-tilu.container {
width: 100% !important;
max-width: 100% !important;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
flex-direction: column;
}
.unique-tilu .title {
font-size: 38px;
color: #616161;
font-style: italic;
font-weight: 800;
}
.unique-tilu .timeline {
width: 100%;
background-color: #fff;
box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .2);
}
.unique-tilu .timeline .swiper-container {
height: 1000px;
width: 100%;
position: relative;
max-height: 100%;
}
.unique-tilu .timeline .swiper-wrapper {
transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.unique-tilu .timeline .swiper-slide {
position: relative;
color: #fff;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.unique-tilu .timeline .swiper-slide::after {
content: "";
position: absolute;
z-index: 1;
left: -115%;
bottom: -10%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
}
.unique-tilu .timeline .swiper-slide-content {
position: absolute;
text-align: center;
width: 80%;
max-width: 600px;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
font-size: 12px;
z-index: 2;
}
.unique-tilu .timeline .swiper-slide .timeline-year {
display: block;
font-style: italic;
font-size: 12px;
margin-bottom: 20px;
transform: translate3d(20px, 0, 0);
color: #ffffff;
font-weight: 300;
opacity: 0;
transition: 0.2s ease 0.4s;
}
.unique-tilu .timeline .swiper-slide .timeline-title {
font-weight: 800;
font-size: 34px;
margin: 0 0 30px;
opacity: 0;
transform: translate3d(20px, 0, 0);
transition: 0.2s ease 0.5s;
}
.unique-tilu .timeline .swiper-slide .timeline-text {
line-height: 1.6;
opacity: 0;
transform: translate3d(20px, 0, 0);
transition: 0.2s ease 0.6s;
font-size: 15px;
}
.unique-tilu .timeline .swiper-slide-active .timeline-year {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: 0.4s ease 1.6s;
}
.unique-tilu .timeline .swiper-slide-active .timeline-title {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: 0.4s ease 1.7s;
}
.unique-tilu .timeline .swiper-slide-active .timeline-text {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: 0.4s ease 1.8s;
}
.unique-tilu .timeline .swiper-pagination {
right: 15% !important;
height: 100%;
display: none;
flex-direction: column;
justify-content: center;
font-style: italic;
font-weight: 300;
font-size: 18px;
z-index: 1;
}
.unique-tilu .timeline .swiper-pagination::before {
content: "";
position: absolute;
right: -30px;
top: 0;
height: 100%;
width: 1px;
background-color: rgba(255, 255, 255, .2);
}
.unique-tilu .timeline .swiper-pagination-bullet {
width: 120px;
height: auto;
text-align: left;
opacity: 1;
background: transparent;
color: #aaaaaa;
margin: 15px 0 !important;
position: relative;
font-size: 16px;
font-weight: 700;
font-style: normal;
outline: 0;
}
.unique-tilu .timeline .swiper-pagination-bullet::before {
content: "";
position: absolute;
top: 50%;
left: -55px;
width: 35px;
height: 2px;
background-color: #191970;
transform: scale(0) translateY(-50%);
transition: 0.2s;
}
.unique-tilu .timeline .swiper-pagination-bullet-active {
color: #ffffff;
font-size: 20px;
font-weight: 700;
font-style: normal;
}
.unique-tilu .timeline .swiper-pagination-bullet-active::before {
transform: scale(1) translateY(-50%);
}
.unique-tilu .timeline .swiper-button-next, .unique-tilu .timeline .swiper-button-prev {
background-size: 20px 20px;
top: 15%;
width: 20px;
height: 20px;
margin-top: 0;
z-index: 2;
transition: 0.2s;
color: #fff;
background-image: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 30px;
}
.unique-tilu .timeline .swiper-button-prev {
left: 8%;
}
.unique-tilu .timeline .swiper-button-prev:hover {
transform: translateX(-3px);
}
.unique-tilu .timeline .swiper-button-next {
right: 8%;
}
.unique-tilu .timeline .swiper-button-next:hover {
transform: translateX(3px);
}
.unique-tilu .swiper-button-next:after,
.unique-tilu .swiper-button-prev:after {
font-size: 30px;
}
@media screen and (min-width: 768px) {
.unique-tilu .timeline .swiper-slide::after {
left: -30%;
bottom: -8%;
width: 500px;
height: 50%;
box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
}
.unique-tilu .timeline .swiper-slide-content {
left: 30%;
top: 50%;
transform: translateY(-50%);
width: 600px;
font-size: 11px;
text-align: left;
}
.unique-tilu .timeline .swiper-slide .timeline-year {
margin-bottom: 20px;
font-size: 12px;
font-weight: 400;
font-style: italic;
}
.unique-tilu .timeline .swiper-slide .timeline-title {
font-size: 46px;
margin: 0;
margin-bottom: 20px;
line-height: 55px;
}
.unique-tilu .timeline .swiper-pagination {
display: flex;
left: 5%;
right: unset!important;
}
.unique-tilu .timeline .swiper-button-prev {
top: 15%;
left: auto;
right: 15%;
transform: rotate(90deg) translate(0, 10px);
}
.unique-tilu .timeline .swiper-button-prev:hover {
transform: rotate(90deg) translate(-3px, 10px);
}
.unique-tilu .timeline .swiper-button-next {
top: auto;
bottom: 15%;
right: 15%;
transform: rotate(90deg) translate(0, 10px);
}
.unique-tilu .timeline .swiper-button-next:hover {
transform: rotate(90deg) translate(3px, 10px);
}
.unique-tilu .timeline .swiper-button-next {
bottom: 12%;
left: 9%;
top: unset;
}
.unique-tilu .timeline .swiper-button-prev {
bottom: 16%;
left: 9%;
top: unset;
transform: rotate(90deg) translate(0, 10px);
}
}
@media screen and (min-width: 1024px) {
.unique-tilu .timeline .swiper-slide::after {
left: -20%;
bottom: -12%;
width: 500px;
height: 50%;
box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
}
.unique-tilu .timeline .swiper-slide-content {
left: 27%;
}
.unique-tilu .timeline .swiper-pagination {
left: 7%;
}
}
@media screen and (min-width: 1140px) {
.unique-tilu .timeline .swiper-slide-content {
left: 22%;
}
.unique-tilu .timeline .swiper-pagination {
left: 8%;
}
}
@media screen and (min-width: 1280px) {
.unique-tilu .timeline .swiper-slide-content {
left: 22%;
}
.unique-tilu .timeline .swiper-pagination {
left: 8%;
}
}
@media screen and (min-width: 1440px) {
.unique-tilu .timeline .swiper-slide-content {
left: 19%;
}
.unique-tilu .timeline .swiper-pagination::before {
right: -40px;
}
}  .unique-lima .porfolio-unique-5 li:after,
.unique-lima .team-nav:after {
content: "";
display: table;
clear: both;
}
.unique-lima h3 {
font-size: 40px;
margin-top: 0;
font-weight: 300;
}
.unique-lima .porfolio-unique-5-wrapper {
background: #e4e8eb;
min-height: 1px;
position: relative;
}
.unique-lima .porfolio-unique-5 {
position: relative;
width: 100%;
height: 100%;
min-height: 1px;
list-style: none;
margin: 0;
padding: 0;
}
.unique-lima .porfolio-unique-5 li {
position: absolute;
left: 0;
top: 0;
width: 100%;
} .unique-lima .porfolio-unique-5-item {
visibility: hidden;
overflow: hidden;
z-index: 0;
margin: 0;
}
.unique-lima .porfolio-unique-5-item .porfolio-unique-5-content {
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
.unique-lima .porfolio-unique-5-item .tl-image {
-webkit-transition: 0.6s ease;
transition: 0.6s ease;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.unique-lima .porfolio-unique-5-item.tl-active {
visibility: visible;
z-index: 0;
}
.unique-lima .porfolio-unique-5-item.tl-active .porfolio-unique-5-content {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.unique-lima .porfolio-unique-5-item.tl-active .tl-image {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.unique-lima .tl-image {
float: left;
width: 70%;
}
.unique-lima .tl-image img {
display: block;
width: 100%;
height: 100%;
}
.unique-lima .porfolio-unique-5-content {
float: left;
width: 30%;
height: 100%;
position: relative;
top: 0;
right: 0;
padding: 16px;
padding: 1rem;
background: #f05c5c;
color: #fff;
}
.unique-lima .porfolio-unique-5-content:after {
content: "";
position: absolute;
top: 50px;
left: -19px;
width: 0;
height: 0;
border-style: solid;
border-width: 21px 20px 21px 0;
border-color: transparent #f05c5c transparent transparent;
}
.unique-lima .porfolio-unique-5-items-arrow-left,
.unique-lima .porfolio-unique-5-items-arrow-right {
position: absolute;
top: 75%;
width: 60px;
height: 60px;
margin-top: 0px;
z-index: 100;
bottom: 25%;
display: flex;
justify-items: center;
align-items: center;
text-decoration: none;
background: #fff;
justify-content: center;
border-radius: 50%;
font-size: 16px;
color: #555555;
}
.unique-lima .porfolio-unique-5-items-arrow-left:hover,
.unique-lima .porfolio-unique-5-items-arrow-right:hover {
background-color: #d54141;
color: #ffffff;
}
.unique-lima .porfolio-unique-5-items-arrow-left {
right: 23%;
}
.unique-lima .porfolio-unique-5-items-arrow-right {
right: 19%;
} .unique-lima .team-nav-wrapper {
position: absolute;
bottom: 42px;
left: 0;
margin: 0;
padding: 16px 0 0 0;
overflow-x: hidden;
width: 100%;
}
.unique-lima .no-csstransforms .team-nav-wrapper {
overflow-x: auto;
}
.unique-lima .team-nav {
list-style: none;
margin: 0;
padding-top: 21px;
border-top: 3px solid #f05c5c;
-webkit-transition: all .4s ease;
transition: all .4s ease;
padding-left: 40px;
z-index: 11;
position: relative;
}
.unique-lima .team-nav li {
position: relative;
display: inline-block;
cursor: pointer;
margin-right: 1rem;
font-size: 12px;
text-align: center;
margin-left: 0;
margin-top: 0;
width: 150px;
}
.unique-lima .team-nav li div {
margin: auto;
color: #555555;
padding-top: 0;
font-size: 20px;
font-style: italic;
font-weight: 500;
}
.unique-lima .team-nav li:hover div,
.unique-lima .team-nav li.tl-active div {
color: #f05c5c;
font-weight: 700;
transition: all .3s;
}
.unique-lima .team-nav li:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -33px;
left: 50%;
margin-left: -10px;
background: #fff;
border-radius: 1000px;
border: 4px solid #fff;
}
.unique-lima .team-nav li.tl-active:before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -33px;
left: 50%;
margin-left: -10px;
background: #f05c5c;
border-radius: 1000px;
border: 4px solid #fff;
}
.unique-lima .porfolio-unique-5-content-inner .team-job span{
font-style: italic;
margin-bottom: 20px;
display: block;
font-size: 20px;
}
.unique-lima .porfolio-unique-5-content-inner .team-name h1 {
font-size: 46px;
margin: 0;
margin-bottom: 20px;
line-height: 55px;
font-weight: 700;
}
.unique-lima .porfolio-unique-5-content-inner .team-bio {
line-height: 28px;
font-size: 18px;
}
.unique-lima .porfolio-unique-5-content {
padding: 6% 4%;
} .unique-lima .team-nav-arrow-left,
.unique-lima .team-nav-arrow-right {
position: absolute;
width: 12px;
height: 20px;
top: 50%;
z-index: 100;
}
.unique-lima .team-nav-arrow-left:before,
.unique-lima .team-nav-arrow-left:after,
.unique-lima .team-nav-arrow-right:before,
.unique-lima .team-nav-arrow-right:after {
content: "";
display: block;
position: absolute;
width: 14px;
height: 2px;
background: #f05c5c;
}
.unique-lima .team-nav-arrow-left {
left: 9px;
}
.unique-lima .team-nav-arrow-left:before {
top: 0;
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.unique-lima .team-nav-arrow-left:after {
bottom: 0;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.unique-lima .team-nav-arrow-right {
right: 9px;
}
.unique-lima .team-nav-arrow-right:before {
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.unique-lima .team-nav-arrow-right:after {
bottom: 0;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.unique-lima .no-csstransforms .team-nav-arrow-left,
.unique-lima .no-csstransforms .team-nav-arrow-right {
display: none;
}
@media screen and (max-width: 640px){
.unique-lima .porfolio-unique-5-items-arrow-right {
right: 8%;
}
.unique-lima .porfolio-unique-5-items-arrow-left, .unique-lima  .porfolio-unique-5-items-arrow-right {
top: 39%;
transform: translateY(-50% );
margin-top: 28px;
}
}
@media screen and (max-width: 768px) {
.unique-lima .porfolio-unique-5-content,
.unique-lima .tl-image {
width: 100%;
}
.unique-lima .porfolio-unique-5-items-arrow-left, .unique-lima  .porfolio-unique-5-items-arrow-right {
top: 46%;
}
.unique-lima  .porfolio-unique-5-items-arrow-right {
right: 11%;
}
}
@media screen and (max-width: 1024px) {
.unique-lima .porfolio-unique-5-items-arrow-left {
right: 20%;
}
.unique-lima .porfolio-unique-5-items-arrow-right {
right: 13%;
}
}
@media screen and (max-width: 1280px) {
.unique-lima .porfolio-unique-5-items-arrow-left {
right: 21%;
}
.unique-lima .porfolio-unique-5-items-arrow-right {
right: 15%;
}
}
@media screen and (max-width: 1366px) {
.unique-lima .porfolio-unique-5-items-arrow-left {
right: 21%;
}
.unique-lima .porfolio-unique-5-items-arrow-right {
right: 16%;
}
.unique-lima .porfolio-unique-5-items-arrow-left, .unique-lima .porfolio-unique-5-items-arrow-right {
margin-top: -40px;
}
}
@media screen and (max-width: 1440px) {
.unique-lima .porfolio-unique-5-items-arrow-left {
right: 22%;
}
.unique-lima .porfolio-unique-5-items-arrow-right {
right: 17%;
}
} .unique-lima .team-nav-arrow-left,
.unique-lima .team-nav-arrow-right {
position: absolute;
width: 12px;
height: 20px;
top: 50%;
z-index: 100;
}
.unique-lima .team-nav-arrow-left:before, .unique-lima .team-nav-arrow-left:after,
.unique-lima .team-nav-arrow-right:before,
.unique-lima .team-nav-arrow-right:after {
content: "";
display: block;
position: absolute;
width: 14px;
height: 2px;
background: #f05c5c;
}
.unique-lima .team-nav-arrow-left {
left: 9px;
}
.unique-lima .team-nav-arrow-left:before {
top: 0;
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.unique-lima .team-nav-arrow-left:after {
bottom: 0;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.unique-lima .team-nav-arrow-right {
right: 9px;
}
.unique-lima .team-nav-arrow-right:before {
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.unique-lima .team-nav-arrow-right:after {
bottom: 0;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.unique-lima .team-nav-wrapper:before, .unique-lima .team-nav-wrapper:after {
content: "";
width: 38px;
height: 35px;
position: absolute;
top: 29px;
background: #e4e8eb;
z-index: 50;
}
.unique-lima .team-nav-wrapper:after {
right: 0;
} .unique-tujuh {
--color-text: #000;
--color-bg: #edf2f4;
--color-link: #000;
--color-link-hover: #0e54c1;
--color-stitle: #000;
--fontsize-stitle: 8vw;
--color-sdesc: #000;
--color-slink: #000;
--color-slink-hover: #000;
--color-slink-bg: #fff;
--color-slink-hover-bg: #0e54c1;
--color-nav: #000;
--color-nav-hover: #DA0D2B;
}
.unique-tujuh {
width: 100%;
height: 100vh;
position: relative;
}
.unique-tujuh .slides {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.unique-tujuh .slide {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
pointer-events: none;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
text-align: center
}
.unique-tujuh .slide--current {
opacity: 1;
pointer-events: auto
}
.unique-tujuh .slide__img {
position: absolute;
top: -200px;
left: -200px;
width: calc(100% + 400px);
height: calc(100% + 400px);
background-size: cover;
background-position: 50% 50%
}
.unique-tujuh .slidenav__item {
border: 0;
background: 0 0;
font-weight: 700;
color: var(--color-nav);
text-decoration: none;
}
.unique-tujuh .slidenav__item:focus {
outline: none
}
.unique-tujuh .slidenav__item:hover {
color: var(--color-nav-hover)
}
.unique-tujuh .shape {
position: absolute;
width: 100%;
height: 100%;
fill: var(--color-shape-fill);
top: 0;
pointer-events: none
}
.unique-tujuh .slide__title {
position: relative;
font-size: var(--fontsize-stitle);
margin: 0;
cursor: default;
line-height: 1;
color: #fff;
z-index: 2
}
.unique-tujuh .slide__desc {
position: relative;
font-size: 1.5rem;
margin: 0 0 2em;
cursor: default;
color: #fff;
padding: 0 1em;
text-align: center;
z-index: 2
}
.unique-tujuh .slide__link {
position: relative;
font-size: 1em;
font-weight: 700;
padding: 1em 2em;
display: block;
color: var(--color-slink);
background: var(--color-slink-bg);
transition: color .3s,background .3s;
z-index: 2
}
.unique-tujuh .slide__link:hover {
color: var(--color-slink-hover);
background: var(--color-slink-hover-bg)
}
.unique-tujuh .slide__title {
font-size: 5vh;
margin-bottom: 15px
}
.unique-tujuh .slide__link {
padding: 10px 30px;
text-transform: uppercase
}
.unique-tujuh .slide__link:hover {
background: #da0d2b;
color: #fff
}
.unique-tujuh .btn-arrow span {
transition: transform 300ms ease-out
}
.unique-tujuh .slide__desc {
width: 60%
}
.unique-tujuh .slide__desc p {
position: relative;
font-size: 1.5em;
margin: 0 0 2em;
cursor: default;
color: #fff;
padding: 0 1em;
text-align: center;
opacity: 1;
transform: translateX(0px);
font-size: inherit;
margin-bottom: 0;
margin-top: 10px
}
.overlay-slider {
background: #000;
position: absolute;
content: '';
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: .4;
z-index: 1
}
.unique-tujuh .slideshow__nav {
position: absolute;
z-index: 30
}
.unique-tujuh .slideshow__nav button {
border: 0;
font-size: 16px;
margin: 0;
cursor: pointer;
font-weight: 700;
line-height: 0
}
.unique-tujuh .slideshow__nav button:hover {
color: #da0e2b
}
.unique-tujuh .slideshow__nav span {
font-size: 20px;
line-height: 0;
padding: 0;
margin: 0;
color: #000;
}
.no-js .slideshow__nav {
display: none
}
.unique-tujuh .slideshow__nav--arrows {
pointer-events: auto;
opacity: 1
}
.unique-tujuh .slideshow__nav--arrows.bottom-nav {
position: absolute;
width: 300px;
margin-left: -150px;
left: 50%;
bottom: 0;
text-align: center;
padding: 2em;
} .unique-duabelas .content__slide {
--color-text: #ff00c4;
--color-bg: #1c1423;
--color-link: #59545e;
--color-link-hover: #fff;
--color-slide-text: #fff;
--color-nav: #fff;
--font-trail-weight: 900;
--font-trail-size: 12vh;
--font-trail-lheight: 0.75;
color: var(--color-text);
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .unique-duabelas .js .loading::before {
content: '';
position: fixed;
z-index: 100000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-bg);
}
.unique-duabelas .js .loading::after {
content: '';
position: fixed;
z-index: 100000;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
pointer-events: none;
border-radius: 50%;
opacity: 0.4;
background: var(--color-link);
animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5,0.5,1);
}
}
.unique-duabelas .frame {
padding: 3rem 5vw 0;
text-align: center;
position: relative;
z-index: 1000;
}
.unique-duabelas .frame__title {
font-size: 1rem;
margin: 0 0 1rem;
font-weight: normal;
}
.unique-duabelas .frame__links {
display: inline;
}
.unique-duabelas .frame__links a:not(:last-child),
.unique-duabelas .frame__demos a:not(:last-child) {
margin-right: 1rem;
}
.unique-duabelas .frame__demos {
margin: 1rem 0;
}
.unique-duabelas .frame__demo--current,
.unique-duabelas .frame__demo--current:hover {
color: var(--color-text);
}
.unique-duabelas .content {
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'main';
height: calc(100vh - 19rem);
width: 100%;
margin: 0 auto;
position: relative;
}
.unique-duabelas .content__slide {
grid-area: main;
width: 100%;
height: 100%;
overflow: hidden;
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'inner';
align-items: center;
opacity: 0;
pointer-events: none;
}
.unique-duabelas .content__slide--current {
opacity: 1;
}
.unique-duabelas .content__img,
.unique-duabelas .content__text-wrap {
grid-area: inner;
width: 100%;
}
.unique-duabelas .content__img {
height: calc(100vh - 25rem);
width: 90%;
max-width: calc(1000px - 11rem);
max-height: 600px;
justify-self: center;
overflow: hidden;
z-index: -1;
position: relative;
}
.unique-duabelas .content__img--full::after {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
.unique-duabelas .content__img-inner {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.unique-duabelas .content__text-wrap {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.unique-duabelas .content__text {
overflow: hidden;
flex: 1;
opacity: 0;
pointer-events: none;
}
.unique-duabelas .content__text:nth-child(6) {
opacity: 1;
}
.unique-duabelas .content__text--full {
flex: none;
}
.unique-duabelas .content__text-inner {
display: block;
color: var(--color-slide-text);
text-transform: uppercase;
font-size: 3.5rem;
font-weight: var(--font-trail-weight);
line-height: var(--font-trail-lheight);
font-family: var(--font-trail-family);
}
.unique-duabelas .content__text-inner--bottom {
transform: translate3d(0,-40%,0);
}
.unique-duabelas .content__text-inner--stroke {
-webkit-text-stroke: 2px var(--color-slide-text);
text-stroke: 2px var(--color-slide-text);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
color: transparent;
}
.unique-duabelas .content__nav {
grid-area: main;
justify-self: center;
align-self: end;
width: 80%;
max-width: 900px;
height: auto;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 1.25rem;
position: relative;
}
.unique-duabelas .content__nav-button {
border: 0;
cursor: pointer;
background: none;
margin: 0.25rem 0;
padding: 0;
text-transform: lowercase;
color: var(--color-nav);
font-weight: 900;
line-height: 1;
font-size: 28px;
}
.unique-duabelas .content__nav-button:focus {
outline: none;
}
.unique-duabelas .content__nav-button--next {
transform: translateX(1rem);
}
@media screen and (min-width: 53em) {
.unique-duabelas .frame {
position: fixed;
text-align: left;
z-index: 10000;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
height: 100vh;
padding: 3rem;
pointer-events: none;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto auto;
grid-template-areas: 'title tagline'
'... ...'
'links demos';
}
.unique-duabelas .frame__title-wrap {
grid-area: title;
display: flex;
}
.unique-duabelas .frame__title {
margin: 0;
}
.unique-duabelas .frame__tagline {
grid-area: tagline;
justify-self: end;
margin: 0;
text-align: right;
}
.unique-duabelas .frame__demos {
margin: 0;
grid-area: demos;
justify-self: end;
}
.unique-duabelas .frame__links {
grid-area: links;
padding: 0;
justify-self: start;
}
.unique-duabelas .frame a {
pointer-events: auto;
}
.unique-duabelas .content {
height: 100vh;
}
.unique-duabelas .content__img {
width: calc(90% - 11rem);
height: 60vh;
}
.unique-duabelas .content__img--full {
height: calc(100vh + 20px);
width: calc(100vw + 20px);
max-width: none;
max-height: none;
}
.unique-duabelas .content__text-inner {
font-size: var(--font-trail-size);
}
.unique-duabelas .content__nav {
align-self: center;
flex-direction: column;
justify-content: flex-start;
margin-top: 30vh;
font-size: 1.75rem;
}
.unique-duabelas .demo-5 .content__text-inner--stroke {
-webkit-text-stroke: 3px var(--color-slide-text);
text-stroke: 3px var(--color-slide-text);
}
} .unique-limabelas {
--color-text: #ffffff;
--color-bg: #fff;
--color-link: #ffffff;
--color-link-hover: #ffffff;
--color-info: #ffffff;
}
.unique-limabelas .grid_blog__item {
position: relative;
display: flex;
align-items: stretch;
width: 100vw;
}
.unique-limabelas .grid_blog__item--bg {
background-color: var(--item-bg);
height: 100vw;
}
.unique-limabelas .grid_blog__item-content {
width: 100%;
padding: 8vw;
display: flex;
flex-direction: column;
overflow: hidden;
pointer-events: none;
background: var(--item-bg);
}
.unique-limabelas .grid_blog__item--bg .grid_blog__item-content {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.unique-limabelas .empty-image {
--item-bg: #6317f5;
--item-link: #b29d85;
--item-link-hover: #ffffff;
--item-meta: #ffffff;
--item-title: #ffffff;
--item-subtitle: #ffffff;
--item-text: #ffffff;
}
.unique-limabelas .grid_blog__item-img {
display: block;
height: 100%;
width: 100%;
}
.unique-limabelas .grid_blog__item-img canvas {
height: 100%;
}
.unique-limabelas .grid_blog__item-img img {
height: 100%;
display: block;
}
.unique-limabelas .grid_blog__item-img img:nth-child(2) {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s;
}
.unique-limabelas .grid_blog__item:hover .grid_blog__item-img img:nth-child(2) {
opacity: 1;
}
.unique-limabelas .grid_blog__item-img img {
display: none;
}
.unique-limabelas .grid_blog__item-title {
font-weight: 700;
font-size: 2.5rem;
line-height: 1;
margin: 2rem 0 0 0;
color: #ffffff
}
.unique-limabelas .grid_blog__item-title--small {
font-size: 1.5rem;
line-height: 1.25;
margin-bottom: 1rem;
}
.unique-limabelas .grid_blog__item-meta {
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.25rem;
font-size: 16px;
color: #ffffff
}
.unique-limabelas .grid_blog__item-subtitle {
display: block;
margin: auto 0 0 0;
font-weight: 400;
font-size: 15px;
color: #ffffff
}
.unique-limabelas .grid_blog__item-subtitle span {
display: block;
}
.unique-limabelas .grid_blog__item-text {
font-size: 16px;
line-height: 1.75;
margin: 2rem 0 0 0;
color: #ffffff
}
.unique-limabelas .grid_blog__item-link {
display: inline-block;
color: currentColor;
font-weight: 700;
font-size: 15px;
position: relative;
padding: 0 0 0.2rem;
pointer-events: auto;
color: var(--item-link);
}
.unique-limabelas .grid_blog__item-link:focus,
.unique-limabelas .grid_blog__item-link:hover {
color: var(--item-link-hover);
}
.unique-limabelas .grid_blog__item-link::before {
content: '';
position: absolute;
background: currentColor;
width: 80%;
height: 1px;
bottom: 0;
transform-origin: 0% 50%;
transform: scale3d(0,1,1);
opacity: 0;
transition: all 0.3s;
transition-property: opacity, transform;
}
.unique-limabelas .grid_blog__item-link:hover::before {
opacity: 1;
transform: scale3d(1,1,1);
}
.unique-limabelas .grid_blog__item-link + .grid_blog__item-link {
margin: 0 0 0 3rem;
}
.unique-limabelas .grid_blog__item-text + .grid_blog__item-link {
white-space: nowrap;
margin-top: 1rem;
align-self: flex-start;
margin-top: auto;
font-size: 16px;
}
.unique-limabelas .unique-limabelas .grid_blog__item-nav {
display: flex;
}
.unique-limabelas.grid_blog {
max-width: 100%;
overflow: hidden;
}
@media screen and (min-width: 85em) {
.unique-limabelas .grid_blog__item-text {
width: 80%;
}
}
@media screen and (min-width: 50em) {
.unique-limabelas.grid_blog {
display: grid;
grid-template-columns: repeat(2,50vmax);
}
.unique-limabelas .grid_blog__item {
height: 50vmax;
width: 100%;
}
.unique-limabelas .grid_blog__item-subtitle * {
opacity: 0;
transform: translate3d(100px, 0, 0);
transition: all 0.5s cubic-bezier(0.2, 1, 0.7, 1);
transition-property: transform, opacity;
}
.unique-limabelas .grid_blog__item:hover .grid_blog__item-subtitle * {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.unique-limabelas .grid_blog__item:hover .grid_blog__item-subtitle span {
transition-delay: 0.1s;
}
.unique-limabelas .grid_blog__item:hover .grid_blog__item-subtitle .grid_blog__item-link {
transition-delay: 0s;
}
.unique-limabelas .grid_blog__item-title {
font-size: 6vw;
}
.unique-limabelas .grid_blog__item-title--small {
font-size: 3vw;
}
.unique-limabelas .grid_blog__item-text {
margin-top: 2.5rem;
}
} .special-dua {
--color-text: #f1f1f1;
--color-bg: transparent;
--color-link: #1ab3de;
--color-link-hover: #f1f1f1;
--color-deco: #141414;
--color-side: #353535;
min-height: 100vh;
color: #57585c;
color: var(--color-text);
background-color: var(--color-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
}
.special-dua .slideshow {
position: relative;
overflow: hidden;
margin: 0;
height: 100vh;
width: 100%;
height: 100vh;
display: grid;
grid-template-columns: 33% 33% 33%;
grid-column-gap: 0.5%;
grid-template-rows: 100%;
grid-template-areas: '... slide ...';
}
.special-dua  .slide {
width: 100%;
display: flex;
pointer-events: none;
cursor: pointer;
position: relative;
height: 100%;
grid-area: slide;
}
.special-dua  .slideshow--previewopen .slide {
cursor: default;
}
.special-dua  .slide--current {
pointer-events: auto;
}
.special-dua .slide__img-wrap {
width: 100%;
overflow: hidden;
z-index: 1;
height: 80%;
top: 10%;
position: absolute;
}
.special-dua  .slideshow__deco {
grid-area: slide;
background: var(--color-deco);
width: 100%;
height: 80%;
align-self: center;
position: relative;
margin: -40px 0 0 0;
right: -20px;
}
.special-dua .nav {
position: absolute;
background: none;
width: 3rem;
height: 3rem;
z-index: 1000;
border: 0;
padding: 0;
margin: 0;
pointer-events: none;
transition: transform 0.8s, opacity 0.8s;
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.special-dua .nav > i {
color: #ffffff;
font-size: 30px;
}
.special-dua  .nav--next {
bottom: 1rem;
right: 1rem;
}
.special-dua  .icon--navarrow-next {
transform: rotate(45deg);
}
.nav--prev {
top: 1rem;
left: 1rem;
}
.special-dua  .icon--navarrow-prev {
transform: rotate(-135deg);
}
.special-dua  .slideshow--previewopen .nav {
opacity: 0;
transition-duration: 0.4s;
}
.special-dua  .slideshow--previewopen .nav--next {
transform: translate3d(100%, 100%, 0);
}
.special-dua  .slideshow--previewopen .nav--prev {
transform: translate3d(-100%, -100%, 0);
}
.special-dua  .slide__img {
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-position: 50% 50%;
position: absolute;
pointer-events: none;
transform: scale3d(1.01,1.01,1);
}
.special-dua  .slide__img-wrap,
.special-dua  .slide__title-wrap,
.special-dua  .slide__side {
opacity: 0;
pointer-events: none;
}
.special-dua .slide--current .slide__img-wrap {
opacity: 1;
pointer-events: auto;
}
.special-dua  .slide--visible .slide__img-wrap {
pointer-events: auto;
}
.special-dua  .slide__title-wrap {
justify-self: flex-end;
width: 100%;
position: relative;
z-index: 1000;
}
.special-dua .slide__number {
display: block;
font-size: 2rem;
font-weight: bold;
text-shadow: 5px 7px 8px #0000002b;
margin-bottom: 20px;
}
.special-dua  .slide__number::before {
content: "\2014";
display: inline-block;
margin: 0 1rem 0 0;
}
.special-dua .slide__title,
.special-dua .slide__subtitle,
.special-dua .slide__side {
display: none;
}
.special-dua .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 10rem);
pointer-events: none;
z-index: 1;
}
.special-dua .content__item {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
padding: 10vh 5vw;
overflow: auto;
}
.special-dua .slide__title {
text-shadow: 5px 7px 8px #0000002b;
}
.special-dua .content__item--current,
.special-dua .content__item--current ~ .content__close {
pointer-events: auto;
}
.content__close {
position: absolute;
top: 1rem;
left: 1rem;
background: none;
color: currentColor;
border: 0;
margin: 0;
padding: 0;
fill: #fff;
background-color: transparent!important;
cursor: pointer;
}
.icon--longarrow {
width: 35px;
}
.content__close:focus {
outline: none;
}
.content__number {
font-weight: bold;
}
.content__number::before {
content: "\2014";
display: inline-block;
margin: 0 1rem 0 0;
}
.special-dua .content__title {
margin: 0.5rem 0;
font-size: 2rem;
}
.special-dua .content__subtitle {
margin: 0 0 0.5rem;
font-size: 1rem;
font-weight: normal;
list-style: none;
}
.special-dua .content__subtitle li {
margin-left: 0;
}
.special-dua .content__text p {
font-size: 14px;
}
.special-dua .content__title,
.special-dua .content__subtitle,
.special-dua .content__number,
.special-dua .content__text,
.special-dua .content__close {
opacity: 0;
}
@media screen and (min-width: 53em) {
body {
padding: 0;
}
.special-dua .frame {
top: 0;
display: grid;
align-items: start;
justify-items: end;
grid-template-columns: 50% 50%;
grid-template-rows: 100%;
grid-template-areas: '... header';
}
.special-dua .slideshow {
height: 100vh;
grid-template-columns: 27% 27% 27%;
grid-column-gap: 9.5%;
}
.special-dua .slide {
padding: 10vh 0 7vh;
flex-direction: column;
justify-content: space-between;
}
.special-dua .slide__side {
margin: 0 0 0 -1.85rem;
}
.special-dua .slide__title-wrap {
margin: 0 0 0 -1.85rem;
}
.special-dua .slide__title,
.special-dua .slide__subtitle,
.special-dua .slide__side {
display: block;
}
.special-dua .slide__title {
font-size: 3.25rem;
margin: 0 0 0.25rem;
}
.special-dua .slide__subtitle {
font-weight: normal;
margin: 0;
min-height: 50px;
}
.special-dua .slide__side {
color: var(--color-side);
position: relative;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
transform: rotate(180deg);
z-index: 1000;
}
.special-dua .content {
top: 0;
height: 100%;
}
.special-dua .content__item {
padding: calc(10vh + 5rem) 0 7vh;
width: 50.5%;
right: 7.5%;
overflow: visible;
}
.special-dua .content__close {
left: 42%;
top: calc(10vh + -30px);
}
.special-dua .content__number {
position: absolute;
bottom: 7vh;
right: 0;
font-size: 2rem;
}
.special-dua .content__title {
font-size: 7vw;
}
.special-dua .content__subtitle {
font-size: 1.15rem;
margin-bottom: 7.5vh;
}
.special-dua .content__text p {
font-size: 14px;
column-count: 2;
column-gap: 2rem;
max-width: 600px;
text-align: justify;
}
}
@media (max-width: 640px) {
.special-dua .slideshow {
position: relative;
overflow: hidden;
margin: 0;
height: 100vh;
width: 100%;
height: 100vh;
display: grid;
grid-template-columns: 0 50%;
grid-column-gap: 25%;
grid-template-rows: 50%;
grid-template-areas: '... slide ...';
}
.special-dua .nav {
display: none;
}
.special-dua .slide__number {
position: absolute;
bottom: 0;
margin-bottom: 0;
}
} .unique-genepbelas .content__slide {
--color-text: #ff00c4;
--color-bg: #1c1423;
--color-link: #59545e;
--color-link-hover: #fff;
--color-slide-text: #fff;
--color-nav: #fff;
--font-trail-weight: 900;
--font-trail-size: 12vh;
--font-trail-lheight: 0.75;
color: var(--color-text);
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .unique-genepbelas .js .loading::before {
content: '';
position: fixed;
z-index: 100000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-bg);
}
.unique-genepbelas .js .loading::after {
content: '';
position: fixed;
z-index: 100000;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
pointer-events: none;
border-radius: 50%;
opacity: 0.4;
background: var(--color-link);
animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5,0.5,1);
}
}
.unique-genepbelas .frame {
padding: 3rem 5vw 0;
text-align: center;
position: relative;
z-index: 1000;
}
.unique-genepbelas .frame__title {
font-size: 1rem;
margin: 0 0 1rem;
font-weight: normal;
}
.unique-genepbelas .frame__links {
display: inline;
}
.unique-genepbelas .frame__links a:not(:last-child),
.unique-genepbelas .frame__demos a:not(:last-child) {
margin-right: 1rem;
}
.unique-genepbelas .frame__demos {
margin: 1rem 0;
}
.unique-genepbelas .frame__demo--current,
.unique-genepbelas .frame__demo--current:hover {
color: var(--color-text);
}
.unique-genepbelas .content {
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'main';
height: calc(100vh - 19rem);
width: 100%;
margin: 0 auto;
position: relative;
}
.unique-genepbelas .content__slide {
grid-area: main;
width: 100%;
height: 100%;
overflow: hidden;
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'inner';
align-items: center;
opacity: 0;
pointer-events: none;
}
.unique-genepbelas .content__slide--current {
opacity: 1;
}
.unique-genepbelas .content__img,
.unique-genepbelas .content__text-wrap {
grid-area: inner;
width: 100%;
}
.unique-genepbelas .content__img {
height: calc(100vh - 25rem);
width: 90%;
max-width: calc(1000px - 11rem);
max-height: 600px;
justify-self: center;
overflow: hidden;
z-index: -1;
position: relative;
}
.unique-genepbelas .content__img--full::after {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
.unique-genepbelas .content__img-inner {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.unique-genepbelas .content__text-wrap {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.unique-genepbelas .content__text {
overflow: hidden;
flex: 1;
opacity: 0;
pointer-events: none;
}
.unique-genepbelas .content__text:nth-child(6) {
opacity: 1;
}
.unique-genepbelas .content__text--full {
flex: none;
}
.unique-genepbelas .content__text-inner {
display: block;
color: var(--color-slide-text);
text-transform: uppercase;
font-size: 3.5rem;
font-weight: var(--font-trail-weight);
line-height: var(--font-trail-lheight);
font-family: var(--font-trail-family);
}
.unique-genepbelas .content__text-inner--bottom {
transform: translate3d(0,-40%,0);
}
.unique-genepbelas .content__text-inner--stroke {
-webkit-text-stroke: 2px var(--color-slide-text);
text-stroke: 2px var(--color-slide-text);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
color: transparent;
}
.unique-genepbelas .content__nav {
grid-area: main;
justify-self: center;
align-self: end;
width: 80%;
max-width: 900px;
height: auto;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 1.25rem;
position: relative;
}
.unique-genepbelas .content__nav-button {
border: 0;
cursor: pointer;
background: none;
margin: 0.25rem 0;
padding: 0;
text-transform: lowercase;
color: var(--color-nav);
font-weight: 900;
line-height: 1;
}
.unique-genepbelas .content__nav-button:focus {
outline: none;
}
.unique-genepbelas .content__nav-button--next {
transform: translateX(1rem);
}
@media screen and (min-width: 53em) {
.unique-genepbelas .frame {
position: fixed;
text-align: left;
z-index: 10000;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
height: 100vh;
padding: 3rem;
pointer-events: none;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto auto;
grid-template-areas: 'title tagline'
'... ...'
'links demos';
}
.unique-genepbelas .frame__title-wrap {
grid-area: title;
display: flex;
}
.unique-genepbelas .frame__title {
margin: 0;
}
.unique-genepbelas .frame__tagline {
grid-area: tagline;
justify-self: end;
margin: 0;
text-align: right;
}
.unique-genepbelas .frame__demos {
margin: 0;
grid-area: demos;
justify-self: end;
}
.unique-genepbelas .frame__links {
grid-area: links;
padding: 0;
justify-self: start;
}
.unique-genepbelas .frame a {
pointer-events: auto;
}
.unique-genepbelas .content {
height: 100vh;
}
.unique-genepbelas .content__img {
width: calc(90% - 11rem);
height: 60vh;
}
.unique-genepbelas .content__img--full {
height: calc(100vh + 20px);
width: calc(100vw + 20px);
max-width: none;
max-height: none;
}
.unique-genepbelas .content__text-inner {
font-size: var(--font-trail-size);
}
.unique-genepbelas .content__nav {
align-self: center;
flex-direction: column;
justify-content: flex-start;
margin-top: 30vh;
font-size: 1.75rem;
}
.unique-genepbelas .demo-5 .content__text-inner--stroke {
-webkit-text-stroke: 3px var(--color-slide-text);
text-stroke: 3px var(--color-slide-text);
}
} .unique-tujuhbelas .content__slide {
--color-text: #ff00c4;
--color-bg: #1c1423;
--color-link: #59545e;
--color-link-hover: #fff;
--color-slide-text: #fff;
--color-nav: #fff;
--font-trail-weight: 900;
--font-trail-size: 12vh;
--font-trail-lheight: 0.75;
color: var(--color-text);
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .unique-tujuhbelas .js .loading::before {
content: '';
position: fixed;
z-index: 100000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-bg);
}
.unique-tujuhbelas .js .loading::after {
content: '';
position: fixed;
z-index: 100000;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
pointer-events: none;
border-radius: 50%;
opacity: 0.4;
background: var(--color-link);
animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5,0.5,1);
}
}
.unique-tujuhbelas .frame {
padding: 3rem 5vw 0;
text-align: center;
position: relative;
z-index: 1000;
}
.unique-tujuhbelas .frame__title {
font-size: 1rem;
margin: 0 0 1rem;
font-weight: normal;
}
.unique-tujuhbelas .frame__links {
display: inline;
}
.unique-tujuhbelas .frame__links a:not(:last-child),
.unique-tujuhbelas .frame__demos a:not(:last-child) {
margin-right: 1rem;
}
.unique-tujuhbelas .frame__demos {
margin: 1rem 0;
}
.unique-tujuhbelas .frame__demo--current,
.unique-tujuhbelas .frame__demo--current:hover {
color: var(--color-text);
}
.unique-tujuhbelas .content {
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'main';
height: calc(100vh - 19rem);
width: 100%;
margin: 0 auto;
position: relative;
}
.unique-tujuhbelas .content__slide {
grid-area: main;
width: 100%;
height: 100%;
overflow: hidden;
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'inner';
align-items: center;
opacity: 0;
pointer-events: none;
}
.unique-tujuhbelas .content__slide--current {
opacity: 1;
}
.unique-tujuhbelas .content__img,
.unique-tujuhbelas .content__text-wrap {
grid-area: inner;
width: 100%;
}
.unique-tujuhbelas .content__img {
height: calc(100vh - 25rem);
width: 90%;
max-width: calc(1000px - 11rem);
max-height: 600px;
justify-self: center;
overflow: hidden;
z-index: -1;
position: relative;
}
.unique-tujuhbelas .content__img--full::after {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
.unique-tujuhbelas .content__img-inner {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.unique-tujuhbelas .content__text-wrap {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.unique-tujuhbelas .content__text {
overflow: hidden;
flex: 1;
opacity: 0;
pointer-events: none;
}
.unique-tujuhbelas .content__text:nth-child(6) {
opacity: 1;
}
.unique-tujuhbelas .content__text--full {
flex: none;
}
.unique-tujuhbelas .content__text-inner {
display: block;
color: var(--color-slide-text);
text-transform: uppercase;
font-size: 3.5rem;
font-weight: var(--font-trail-weight);
line-height: var(--font-trail-lheight);
font-family: var(--font-trail-family);
}
.unique-tujuhbelas .content__text-inner--bottom {
transform: translate3d(0,-40%,0);
}
.unique-tujuhbelas .content__text-inner--stroke {
-webkit-text-stroke: 2px var(--color-slide-text);
text-stroke: 2px var(--color-slide-text);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
color: transparent;
}
.unique-tujuhbelas .content__nav {
grid-area: main;
justify-self: center;
align-self: end;
width: 80%;
max-width: 900px;
height: auto;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 1.25rem;
position: relative;
}
.unique-tujuhbelas .content__nav-button {
border: 0;
cursor: pointer;
background: none;
margin: 0.25rem 0;
padding: 0;
text-transform: lowercase;
color: var(--color-nav);
font-weight: 900;
line-height: 1;
}
.unique-tujuhbelas .content__nav-button:focus {
outline: none;
}
.unique-tujuhbelas .content__nav-button--next {
transform: translateX(1rem);
}
@media screen and (min-width: 53em) {
.unique-tujuhbelas .frame {
position: fixed;
text-align: left;
z-index: 10000;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
height: 100vh;
padding: 3rem;
pointer-events: none;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto auto;
grid-template-areas: 'title tagline'
'... ...'
'links demos';
}
.unique-tujuhbelas .frame__title-wrap {
grid-area: title;
display: flex;
}
.unique-tujuhbelas .frame__title {
margin: 0;
}
.unique-tujuhbelas .frame__tagline {
grid-area: tagline;
justify-self: end;
margin: 0;
text-align: right;
}
.unique-tujuhbelas .frame__demos {
margin: 0;
grid-area: demos;
justify-self: end;
}
.unique-tujuhbelas .frame__links {
grid-area: links;
padding: 0;
justify-self: start;
}
.unique-tujuhbelas .frame a {
pointer-events: auto;
}
.unique-tujuhbelas .content {
height: 100vh;
}
.unique-tujuhbelas .content__img {
width: calc(90% - 11rem);
height: 60vh;
}
.unique-tujuhbelas .content__img--full {
height: calc(100vh + 20px);
width: calc(100vw + 20px);
max-width: none;
max-height: none;
}
.unique-tujuhbelas .content__text-inner {
font-size: var(--font-trail-size);
}
.unique-tujuhbelas .content__nav {
align-self: center;
flex-direction: column;
justify-content: flex-start;
margin-top: 30vh;
font-size: 1.75rem;
}
.unique-tujuhbelas .demo-5 .content__text-inner--stroke {
-webkit-text-stroke: 3px var(--color-slide-text);
text-stroke: 3px var(--color-slide-text);
}
} .unique-dalapanbelas .content__slide {
--color-text: #ff00c4;
--color-bg: #1c1423;
--color-link: #59545e;
--color-link-hover: #fff;
--color-slide-text: #fff;
--color-nav: #fff;
--font-trail-weight: 900;
--font-trail-size: 12vh;
--font-trail-lheight: 0.75;
color: var(--color-text);
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .unique-dalapanbelas .js .loading::before {
content: '';
position: fixed;
z-index: 100000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-bg);
}
.unique-dalapanbelas .js .loading::after {
content: '';
position: fixed;
z-index: 100000;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
pointer-events: none;
border-radius: 50%;
opacity: 0.4;
background: var(--color-link);
animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5,0.5,1);
}
}
.unique-dalapanbelas .frame {
padding: 3rem 5vw 0;
text-align: center;
position: relative;
z-index: 1000;
}
.unique-dalapanbelas .frame__title {
font-size: 1rem;
margin: 0 0 1rem;
font-weight: normal;
}
.unique-dalapanbelas .frame__links {
display: inline;
}
.unique-dalapanbelas .frame__links a:not(:last-child),
.unique-dalapanbelas .frame__demos a:not(:last-child) {
margin-right: 1rem;
}
.unique-dalapanbelas .frame__demos {
margin: 1rem 0;
}
.unique-dalapanbelas .frame__demo--current,
.unique-dalapanbelas .frame__demo--current:hover {
color: var(--color-text);
}
.unique-dalapanbelas .content {
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'main';
height: calc(100vh - 19rem);
width: 100%;
margin: 0 auto;
position: relative;
}
.unique-dalapanbelas .content__slide {
grid-area: main;
width: 100%;
height: 100%;
overflow: hidden;
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'inner';
align-items: center;
opacity: 0;
pointer-events: none;
}
.unique-dalapanbelas .content__slide--current {
opacity: 1;
}
.unique-dalapanbelas .content__img,
.unique-dalapanbelas .content__text-wrap {
grid-area: inner;
width: 100%;
}
.unique-dalapanbelas .content__img {
height: calc(100vh - 25rem);
width: 90%;
max-width: calc(1000px - 11rem);
max-height: 600px;
justify-self: center;
overflow: hidden;
z-index: -1;
position: relative;
}
.unique-dalapanbelas .content__img--full::after {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
.unique-dalapanbelas .content__img-inner {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.unique-dalapanbelas .content__text-wrap {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.unique-dalapanbelas .content__text {
overflow: hidden;
flex: 1;
opacity: 0;
pointer-events: none;
}
.unique-dalapanbelas .content__text:nth-child(6) {
opacity: 1;
}
.unique-dalapanbelas .content__text--full {
flex: none;
}
.unique-dalapanbelas .content__text-inner {
display: block;
color: var(--color-slide-text);
text-transform: uppercase;
font-size: 3.5rem;
font-weight: var(--font-trail-weight);
line-height: var(--font-trail-lheight);
font-family: var(--font-trail-family);
}
.unique-dalapanbelas .content__text-inner--bottom {
transform: translate3d(0,-40%,0);
}
.unique-dalapanbelas .content__text-inner--stroke {
-webkit-text-stroke: 2px var(--color-slide-text);
text-stroke: 2px var(--color-slide-text);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
color: transparent;
}
.unique-dalapanbelas .content__nav {
grid-area: main;
justify-self: center;
align-self: end;
width: 80%;
max-width: 900px;
height: auto;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 1.25rem;
position: relative;
}
.unique-dalapanbelas .content__nav-button {
border: 0;
cursor: pointer;
background: none;
margin: 0.25rem 0;
padding: 0;
text-transform: lowercase;
color: var(--color-nav);
font-weight: 900;
line-height: 1;
}
.unique-dalapanbelas .content__nav-button:focus {
outline: none;
}
.unique-dalapanbelas .content__nav-button--next {
transform: translateX(1rem);
}
@media screen and (min-width: 53em) {
.unique-dalapanbelas .frame {
position: fixed;
text-align: left;
z-index: 10000;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
height: 100vh;
padding: 3rem;
pointer-events: none;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto auto;
grid-template-areas: 'title tagline'
'... ...'
'links demos';
}
.unique-dalapanbelas .frame__title-wrap {
grid-area: title;
display: flex;
}
.unique-dalapanbelas .frame__title {
margin: 0;
}
.unique-dalapanbelas .frame__tagline {
grid-area: tagline;
justify-self: end;
margin: 0;
text-align: right;
}
.unique-dalapanbelas .frame__demos {
margin: 0;
grid-area: demos;
justify-self: end;
}
.unique-dalapanbelas .frame__links {
grid-area: links;
padding: 0;
justify-self: start;
}
.unique-dalapanbelas .frame a {
pointer-events: auto;
}
.unique-dalapanbelas .content {
height: 100vh;
}
.unique-dalapanbelas .content__img {
width: calc(90% - 11rem);
height: 60vh;
}
.unique-dalapanbelas .content__img--full {
height: calc(100vh + 20px);
width: calc(100vw + 20px);
max-width: none;
max-height: none;
}
.unique-dalapanbelas .content__text-inner {
font-size: var(--font-trail-size);
}
.unique-dalapanbelas .content__nav {
align-self: center;
flex-direction: column;
justify-content: flex-start;
margin-top: 30vh;
font-size: 1.75rem;
}
.unique-dalapanbelas .demo-5 .content__text-inner--stroke {
-webkit-text-stroke: 3px var(--color-slide-text);
text-stroke: 3px var(--color-slide-text);
}
} .unique-salapanbelas .content__slide {
--color-text: #ff00c4;
--color-bg: #1c1423;
--color-link: #59545e;
--color-link-hover: #fff;
--color-slide-text: #fff;
--color-nav: #fff;
--font-trail-weight: 900;
--font-trail-size: 12vh;
--font-trail-lheight: 0.75;
color: var(--color-text);
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .unique-salapanbelas .js .loading::before {
content: '';
position: fixed;
z-index: 100000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-bg);
}
.unique-salapanbelas .js .loading::after {
content: '';
position: fixed;
z-index: 100000;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
pointer-events: none;
border-radius: 50%;
opacity: 0.4;
background: var(--color-link);
animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5,0.5,1);
}
}
.unique-salapanbelas .frame {
padding: 3rem 5vw 0;
text-align: center;
position: relative;
z-index: 1000;
}
.unique-salapanbelas .frame__title {
font-size: 1rem;
margin: 0 0 1rem;
font-weight: normal;
}
.unique-salapanbelas .frame__links {
display: inline;
}
.unique-salapanbelas .frame__links a:not(:last-child),
.unique-salapanbelas .frame__demos a:not(:last-child) {
margin-right: 1rem;
}
.unique-salapanbelas .frame__demos {
margin: 1rem 0;
}
.unique-salapanbelas .frame__demo--current,
.unique-salapanbelas .frame__demo--current:hover {
color: var(--color-text);
}
.unique-salapanbelas .content {
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'main';
height: calc(100vh - 19rem);
width: 100%;
margin: 0 auto;
position: relative;
}
.unique-salapanbelas .content__slide {
grid-area: main;
width: 100%;
height: 100%;
overflow: hidden;
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
grid-template-areas: 'inner';
align-items: center;
opacity: 0;
pointer-events: none;
}
.unique-salapanbelas .content__slide--current {
opacity: 1;
}
.unique-salapanbelas .content__img,
.unique-salapanbelas .content__text-wrap {
grid-area: inner;
width: 100%;
}
.unique-salapanbelas .content__img {
height: calc(100vh - 25rem);
width: 90%;
max-width: calc(1000px - 11rem);
max-height: 600px;
justify-self: center;
overflow: hidden;
z-index: -1;
position: relative;
}
.unique-salapanbelas .content__img--full::after {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
}
.unique-salapanbelas .content__img-inner {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-size: cover;
}
.unique-salapanbelas .content__text-wrap {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.unique-salapanbelas .content__text {
overflow: hidden;
flex: 1;
opacity: 0;
pointer-events: none;
}
.unique-salapanbelas .content__text:nth-child(6) {
opacity: 1;
}
.unique-salapanbelas .content__text--full {
flex: none;
}
.unique-salapanbelas .content__text-inner {
display: block;
color: var(--color-slide-text);
text-transform: uppercase;
font-size: 3.5rem;
font-weight: var(--font-trail-weight);
line-height: var(--font-trail-lheight);
font-family: var(--font-trail-family);
}
.unique-salapanbelas .content__text-inner--bottom {
transform: translate3d(0,-40%,0);
}
.unique-salapanbelas .content__text-inner--stroke {
-webkit-text-stroke: 2px var(--color-slide-text);
text-stroke: 2px var(--color-slide-text);
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
color: transparent;
}
.unique-salapanbelas .content__nav {
grid-area: main;
justify-self: center;
align-self: end;
width: 80%;
max-width: 900px;
height: auto;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 1.25rem;
position: relative;
}
.unique-salapanbelas .content__nav-button {
border: 0;
cursor: pointer;
background: none;
margin: 0.25rem 0;
padding: 0;
text-transform: lowercase;
color: var(--color-nav);
font-weight: 900;
line-height: 1;
}
.unique-salapanbelas .content__nav-button:focus {
outline: none;
}
.unique-salapanbelas .content__nav-button--next {
transform: translateX(1rem);
}
@media screen and (min-width: 53em) {
.unique-salapanbelas .frame {
position: fixed;
text-align: left;
z-index: 10000;
top: 0;
left: 0;
display: grid;
align-content: space-between;
width: 100%;
max-width: none;
height: 100vh;
padding: 3rem;
pointer-events: none;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto auto;
grid-template-areas: 'title tagline'
'... ...'
'links demos';
}
.unique-salapanbelas .frame__title-wrap {
grid-area: title;
display: flex;
}
.unique-salapanbelas .frame__title {
margin: 0;
}
.unique-salapanbelas .frame__tagline {
grid-area: tagline;
justify-self: end;
margin: 0;
text-align: right;
}
.unique-salapanbelas .frame__demos {
margin: 0;
grid-area: demos;
justify-self: end;
}
.unique-salapanbelas .frame__links {
grid-area: links;
padding: 0;
justify-self: start;
}
.unique-salapanbelas .frame a {
pointer-events: auto;
}
.unique-salapanbelas .content {
height: 100vh;
}
.unique-salapanbelas .content__img {
width: calc(90% - 11rem);
height: 60vh;
}
.unique-salapanbelas .content__img--full {
height: calc(100vh + 20px);
width: calc(100vw + 20px);
max-width: none;
max-height: none;
}
.unique-salapanbelas .content__text-inner {
font-size: var(--font-trail-size);
}
.unique-salapanbelas .content__nav {
align-self: center;
flex-direction: column;
justify-content: flex-start;
margin-top: 30vh;
font-size: 1.75rem;
}
.unique-salapanbelas .demo-5 .content__text-inner--stroke {
-webkit-text-stroke: 3px var(--color-slide-text);
text-stroke: 3px var(--color-slide-text);
}
} .masonwry-wrap:after {
content: '';
display: block;
clear: both;
} [class^="blog-post-item"].pictures {
display: block;
text-align: left;
margin-bottom: -50px;
position: relative;
}
[class^="blog-post-item"].pictures .portfolio-block-item {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
display: none;
float: left;
height: 300px;
position: relative;
}
[class^="blog-post-item"].pictures .portfolio-block-item.active {
display: block;
}
[class^="blog-post-item"].pictures .image-row .portfolio-block-item {
margin-right: 25px;
}
[class^="blog-post-item"].pictures .image-row .portfolio-block-item:last-child {
margin-right: 0;
}
[class^="blog-post-item"].pictures .portfolio-block-item a {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
[class^="blog-post-item"].pictures .image-row {
zoom: 1;
margin-bottom: 25px;
}
[class^="blog-post-item"].pictures .image-row:after {
content: "";
clear: both;
display: table;
} .single-portfolio-wrap {
padding-left: 15px;
padding-right: 15px;
}
.single-portfolio-wrap .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px;
max-width: 100%;
}
.single-portfolio-wrap .column {
display: inline-block;
float: left;
}
.single-post-style-1, .single-post-blank, .single-post-showcase {
margin: auto;
}
.portfolio-shortcode {
position: relative;
overflow: hidden;
}
.single-portfolio-style-1 .port-gallery-item img {
max-width: 100%;
}
.single-portfolio-style-1 .single-title-port {
margin-top: 10px;
margin-bottom: 20px;
}
.single-portfolio-style-1 .single-title-port h1 {
font-size: 36px;
margin-bottom: 5px;
margin-top: 0;
color: #000000;
}
.single-portfolio-style-1 .portfolio-content p {
color: #555555;
font-size: 16px;
line-height: 25.6px;
word-spacing: 0px;
letter-spacing: 0px;
}
.single-portfolio-style-1 .portfolio-details .detail-item {
position: relative;
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.single-portfolio-style-1 .portfolio-details .detail-title {
font-weight: 300;
text-transform: capitalize;
}
.single-portfolio-style-1 .portfolio-details .detail-info {
margin-bottom: 0;
margin-top: 5px;
color: #191970;
font-size: 16px;
line-height: 22px;
}
.single-portfolio-style-1 span.category {
font-size: 18px;
letter-spacing: .7px;
text-decoration: none;
color: #191970;
font-weight: 700;
}
.single-portfolio-style-1 .portfolio-thumbnail img {
margin-bottom: 30px;
max-height: 100%;
height: auto;
max-width: 100%;
cursor: pointer;
}
.single-portfolio-style-1 ul.list-facts {
list-style: none;
padding-left: 0;
margin: 0;
}
.single-portfolio-style-1 ul.list-facts li {
margin-left: 0;
margin-top: 0;
}
.single-portfolio-style-1 ul li.facts-name {
font-weight: 300;
text-transform: capitalize;
}
.single-portfolio-style-1 ul li.facts-value {
margin-top: 5px;
color: #191970;
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
font-weight: 700;
}
@media only screen and (max-width: 1024px) {
.single-portfolio-wrap {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 768px) {
.single-portfolio-wrap .column-2of3,
.single-portfolio-wrap .column-3 {
width: 100%;
}
} .mobile-filter {
display: none;
}
ul.filters {
list-style: none;
padding-left: 0;
margin-bottom: 20px;
margin-left: 0;
}
ul.filters li {
display: inline-block;
margin-left: 0;
}
ul.filters li .filter-btn {
color: #000000;
background-color: transparent;
text-decoration: none;
cursor: pointer;
}
ul.filters li .filter-btn:focus {
outline: none;
}
ul.filters li.activeFilter .filter-btn,
ul.filters li:hover .filter-btn {
color: #000;
border-color: #000;
}
.filters .filter-btn {
font-size: 14px;
font-weight: 500;
margin-right: 5px;
padding: 7px 15px;
border: 1px solid transparent;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.display-none {
display: none;
}
#infscr-loading,
#infscr-loading img {
text-align: center;
margin: 0 auto;
}
.infinite-container {
position: relative;
}
#infscr-loading {
position: absolute;
top: 100%;
left: 0;
right: 0;
padding: 20px 0;
}
.justify #infscr-loading {
position: absolute;
top: 100%!important;
left: 0!important;
right: 0!important;
padding: 20px 0;
width: 100%!important;
height: auto!important;
}
.navigation-paging {
padding: 30px 0;
}
.navigation-paging.infinite-wrap {
text-align: center;
}
.navigation-paging.infinite-wrap button {
font-family: inherit;
cursor: pointer;
padding: 10px 25px;
background-color: #000;
color: #fff;
font-size: 14px;
font-weight: 500;
border-radius: 50px;
font-weight: 700;
letter-spacing: 0;
padding: 15px 50px;
text-transform: uppercase;
letter-spacing: .1em;
text-decoration: none;
border: none;
background-image: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging.infinite-wrap button:hover {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging.pagination .post-navigation a {
font-family: inherit;
cursor: pointer;
display: inline-block;
padding: 10px 25px;
background-color: #000;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .1em;
text-decoration: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging.pagination .post-navigation a:hover {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging.pagination-num {
margin-top: 5px;
}
.navigation-paging .prev-pag {
margin-right: 5px;
padding: 5px 15px
}
.navigation-paging .prev-pag.active {
color: #666;
pointer-events: none
}
.navigation-paging .btn {
display: inline-block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging .next-pag {
margin-left: 5px;
border: 1px solid #000000;
background: 0 0;
color: #000000;
padding: 10px 15px
}
.navigation-paging .next-pag:hover {
background: #000000;
color: #fff;
box-shadow: none
}
.navigation-paging .btn.current {
border: 1px solid #000000;
background-color: #000000;
color: #fff;
padding: 10px 15px;
margin-right: 1px;
margin-left: 1px
}
.navigation-paging .btn.current:hover {
box-shadow: none;
cursor: auto;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging .btn.inactive {
background-color: transparent;
color: #000000;
border: 1px solid #000000;
padding: 10px 15px;
margin-right: 1px;
margin-left: 1px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging .btn.inactive:hover {
color: #fff;
background-color: #000000;
box-shadow: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging span.btn.inactive {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.navigation-paging span.btn.inactive:hover {
cursor: auto;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navigation-paging.pagination-num .btn {
font-size: 12px;
margin: 0 2.5px;
border-radius: 5px;
}
#filter-icon {
width: 60px;
height: 52px;
line-height: 68px;
left: 0;
position: relative;
border: 0;
outline: none;
background: #222;
cursor: pointer;
}
#filter-icon .bar {
left: 18px;
top: 20px;
display: block;
position: absolute;
width: 24px;
height: 3px;
background: #fff;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
#filter-icon:hover .bar {
top: 15px;
}
#filter-icon.active .bar {
background: #222
}
#filter-icon .bar.bar-2 {
top: 25px
}
#filter-icon .bar.bar-3 {
top: 25px
}
#filter-icon .bar.bar-4 {
top: 30px
}
#filter-icon:hover .bar.bar-2 {
top: 25px
}
#filter-icon:hover .bar.bar-3 {
top: 25px
}
#filter-icon:hover .bar.bar-4 {
top: 35px
}
#filter-icon.active .bar-1 {
-webkit-transform: translateY(-22px);
-moz-transform: translateY(-22px);
-ms-transform: translateY(-22px);
-o-transform: translateY(-22px);
transform: translateY(-22px)
}
#filter-icon.active .bar-2 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
#filter-icon.active .bar-3 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
#filter-icon.active .bar-4 {
-webkit-transform: translateY(21px);
-moz-transform: translateY(21px);
-ms-transform: translateY(21px);
-o-transform: translateY(21px);
transform: translateY(21px)
}
@media only screen and (max-width: 1024px) {
.tablet-column-1 {
width: 100%;
float: left;
}
.tablet-column-2 {
width: calc(100%/2);
float: left;
}
.tablet-column-3 {
width: calc(100%/3);
float: left;
}
.tablet-column-4 {
width: calc(100%/4);
float: left;
}
.tablet-column-5 {
width: calc(100%/5);
float: left;
}
}
@media only screen and (max-width: 767px) {
.mobile-filter {
display: block;
}
.filter-wraper {
margin-bottom: 10px;
}
#portfolio-filter.container {
max-height: 0;
margin: 0;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#portfolio-filter.container.show {
max-height: 800px;
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
margin-top: 10px;
}
ul.filters li {
margin: 10px 0;
}
.mobile-column-1 {
width: 100%;
float: left;
}
.mobile-column-2 {
width: calc(100%/2);
float: left;
}
.mobile-column-3 {
width: calc(100%/3);
float: left;
}
.mobile-column-4 {
width: calc(100%/4);
float: left;
}
.mobile-column-5 {
width: calc(100%/5);
float: left;
}
}  .swiper-nav a {
position: absolute;
top: 50%;
display: block;
outline: none;
text-align: left;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-nav a.prev {
left: 0;
}
.swiper-nav a.next {
right: 0;
}
.swiper-nav.nav-circlepop a.prev {
left: 20px;
}
.swiper-nav.nav-circlepop a.next {
right: 20px;
}
.swiper-nav.nav-circlepop a {
width: 50px;
height: 50px;
}
.swiper-nav.nav-circlepop a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.swiper-nav.nav-circlepop .icon-wrap {
position: relative;
display: block;
margin: 10% 0 0 10%;
width: 80%;
height: 80%;
}
.swiper-nav.nav-circlepop a.next .icon-wrap {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.swiper-nav.nav-circlepop .icon-wrap::before,
.swiper-nav.nav-circlepop .icon-wrap::after {
position: absolute;
left: 25%;
width: 3px;
height: 50%;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-nav.nav-circlepop .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(30deg);
transform: translateX(-50%) rotate(30deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.swiper-nav.nav-circlepop .icon-wrap::after {
top: 50%;
-webkit-transform: translateX(-50%) rotate(-30deg);
transform: translateX(-50%) rotate(-30deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.swiper-nav.nav-circlepop a:hover::before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-nav.nav-circlepop a:hover .icon-wrap::before,
.swiper-nav.nav-circlepop a:hover .icon-wrap::after {
background: #191970;
}
.swiper-nav.nav-circlepop a:hover .icon-wrap::before {
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.swiper-nav.nav-circlepop a:hover .icon-wrap::after {
-webkit-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
} .swiper-nav.nav-diamond a {
margin: 0 30px;
}
.swiper-nav.nav-diamond .icon-wrap {
position: absolute;
width: 100%;
height: 100%;
z-index: 100;
display: flex;
justify-content: center;
}
.swiper-nav.nav-diamond svg.icon {
fill: #fff;
position: relative;
stroke-width: 2;
stroke: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-nav.nav-diamond div {
position: relative;
overflow: hidden;
width: 70px;
height: 70px;
background: #34495e;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-nav.nav-diamond img {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.swiper-nav.nav-diamond a.prev img {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2);
transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2);
}
.swiper-nav.nav-diamond a.next img {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2);
transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2);
}
.swiper-nav.nav-diamond a:hover div {
-webkit-transform: scale(1) rotate(-45deg);
transform: scale(1) rotate(-45deg);
}
.swiper-nav.nav-diamond a.next:hover div {
-webkit-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
}
.swiper-nav.nav-diamond a:hover img {
opacity: 0.8;
}
.swiper-nav.nav-diamond a.prev:hover img {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1);
transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1);
}
.swiper-nav.nav-diamond a.next:hover img {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1);
transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1);
} .swiper-nav.nav-fillslide .icon-wrap {
position: relative;
z-index: 100;
display: block;
padding: 65px 10px;
background: #b68dbe;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
line-height: 0;
}
.swiper-nav.nav-fillslide .icon-wrap::before {
content: '';
position: absolute;
width: 100%;
height: 110%;
background: #fff;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.swiper-nav.nav-fillslide a.prev .icon-wrap::before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.swiper-nav.nav-fillslide a.next .icon-wrap::before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.swiper-nav.nav-fillslide svg.icon,
.swiper-nav.nav-fillslide svg.icon path {
fill: #736176;
position: relative;
z-index: 100;
transition: all .3s;
}
.swiper-nav.nav-fillslide div {
position: absolute;
padding: 20px;
top: 0;
height: 154px;
background: #fff;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.swiper-nav.nav-fillslide a.prev div {
text-align: right;
border-radius: 0 6px 6px 0;
}
.swiper-nav.nav-fillslide a.next div {
border-radius: 6px 0 0 6px;
}
.swiper-nav.nav-fillslide div span {
display: inline-block;
padding: 5px;
color: #d0c2d3;
border-top: 1px solid #d8cfda;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 0.7em;
line-height: 1.2;
}
.swiper-nav.nav-fillslide h3 {
margin: 0;
padding: 8px 0 10px;
color: #736176;
font-weight: 400;
font-size: 1.35em;
line-height: 1.2;
}
.swiper-nav.nav-fillslide img {
position: absolute;
top: 20px;
border: 5px solid #736176;
}
.swiper-nav.nav-fillslide a.prev img {
right: 20px;
}
.swiper-nav.nav-fillslide a.next img {
left: 20px;
}
.swiper-nav.nav-fillslide a:hover .icon-wrap::before {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.swiper-nav.nav-fillslide a:hover div {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
[class^="blog-post-item"].swiper-container.has-pagination .swiper-nav a {
top: calc(50% - 15px);
}
[class^="blog-post-item"].swiper-container.has-pagination .swiper-nav.nav-diamond a {
top: calc(50% - 20px);
} ul.swiper-pag {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10;
width: 100%;
bottom: -37px;
}
.swiper-pag li {
position: relative;
display: inline-block;
margin: 0 16px;
width: 16px;
height: 16px;
cursor: pointer;
background-color: transparent!important;
}
.swiper-pag li:focus {
outline: 0;
}
.swiper-pag li a {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border-radius: 50%;
background-color: #191970;
text-indent: -999em; cursor: pointer;
position: absolute;
}
.swiper-pag li a:focus {
outline: none;
} .dotstyle-fillup.swiper-pag li a {
overflow: hidden;
background-color: transparent;
box-shadow: inset 0 0 0 2px #191970;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.dotstyle-fillup.swiper-pag li a::after {
content: '';
position: absolute;
bottom: 0;
height: 0;
left: 0;
width: 100%;
background-color: #191970;
box-shadow: 0 0 1px #191970;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
border-radius: 50%;
} .dotstyle-fillup.swiper-pag li.swiper-pagination-bullet-active a::after {
height: 100%;
} .dotstyle-circlegrow.swiper-pag li a {
overflow: hidden;
background-color: transparent;
box-shadow: inset 0 0 0 2px #191970;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.dotstyle-circlegrow.swiper-pag li a::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
border-radius: 50%;
background-color: #191970;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
}
.dotstyle-circlegrow.swiper-pag li a:hover,
.dotstyle-circlegrow.swiper-pag li a:focus {
opacity: 0.7;
}
.dotstyle-circlegrow.swiper-pag li.swiper-pagination-bullet-active a::after {
-webkit-transform: scale(1);
transform: scale(1);
} .dotstyle-flip.swiper-pag li {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.dotstyle-flip.swiper-pag li a {
background-color: transparent;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.dotstyle-flip.swiper-pag li a::before,
.dotstyle-flip.swiper-pag li a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #191970;
content: '';
text-indent: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dotstyle-flip.swiper-pag li a::after {
background-color: #191970;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.dotstyle-flip.swiper-pag li a:hover,
.dotstyle-flip.swiper-pag li a:focus {
opacity: 0.8;
}
.dotstyle-flip.swiper-pag li.swiper-pagination-bullet-active a {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.grid__deco {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.grid__deco path {
fill: none;
stroke: #111111;
stroke-width: 2px;
}
.grid--loading::before,
.grid--loading::after {
content: '';
z-index: 1000;
}
.grid--loading::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
}
.grid--loading::after {
position: absolute;
top: calc(50% - 20px);
left: 50%;
width: 40px;
height: 40px;
margin: 0 0 0 -20px;
border: 8px solid #383a41;
border-bottom-color: #565963;
border-radius: 50%;
animation: animLoader 0.8s linear forwards infinite;
}
.grid__reveal {
position: absolute;
z-index: 50;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
background-color: #2c2d31;
}
@keyframes animLoader {
to { transform: rotate(360deg); }
}
@media (max-width: 480px) {
.swiper-pag li {
width: 13px;
height: 13px;
margin: 0 5px;
margin-bottom: 5px;
}
ul.swiper-pag {
bottom: -30px;
}
.swiper-nav.nav-diamond a:hover div,
.swiper-nav.nav-diamond a.next:hover div {
-webkit-transform: scale(0.6) rotate(45deg);
transform: scale(0.6) rotate(45deg);
}
.swiper-nav.nav-diamond a {
margin: 0 0px;
}
}
.animated__animated {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.swiper-container-multirow>.swiper-wrapper {    
flex-wrap: wrap;
flex-direction: unset!important;        
}
.portfolio-grid-dua figcaption h3 {
margin: 0 0 5px;
width: 50%;
}
.blog-width-auto .swiper-slide {
width: auto!important;
}
.blog-content .justified-blog {
position: relative;
max-height: 100%;
}
.blog-content .justified-blog .justify-item {
display: inline-block;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.blog-content .justified-blog .jg-entry-visible {
opacity: 1;
}
.blog-content .justified-blog .jg-filtered {
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.blog-content .justify-inner {
position: relative;
height: 100%;
width: 100%;
}
.blog-content .justify-inner .item-wrap {
height: 100%;
width: 100%;
}
.blog-content .justify-inner .item-wrap > figure {
height: 100%;
width: 100%;
}
.portfolio-grid-tujuh .item-wrap-inner img, .portfolio-grid-unique .item-wrap-inner img {
width: 100%;
}
@media (min-width: 1200px) and (max-width: 1440px) {
body .portfolio-grid-tujuh .item-wrap-inner:hover figcaption, body .portfolio-grid-tujuh .item-wrap-inner.cs-hover figcaption {
height: calc(100% + 80px);
}
}
@media (min-width: 1921px) {
body .portfolio-grid-tujuh .item-wrap-inner:hover figcaption, body .portfolio-grid-tujuh .item-wrap-inner.cs-hover figcaption {
height: calc(100% + 80px);
}
}
.blog-block-wrap .caption-inside a {
text-decoration: none;
} .slider-blog .blog-post-item {
position: relative;
height: calc(100vh - 100px);
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
min-width: 100%;
min-height: 100%;
}
.slider-blog .blog-post-item .inner-slider {
padding: 150px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: auto;
max-width: 30%;
display: none;
}
.slider-blog .blog-post-item.swiper-slide-active .inner-slider {
display: block;
}
.slider-blog .blog-post-item .inner-slider {
color: #ffffff;
}
.slider-blog .blog-post-item .inner-slider h1 {
font-size: 45px;
line-height: 1.3em;
margin-top: 0;
margin-bottom: 10px;
}
.slider-blog .blog-post-item .inner-slider p {
font-size: 16px;
line-height: 1.6em;
margin-bottom: 30px;
}
.slider-blog .blog-post-item .slider-background-overlay {
background-color: rgba(0, 0, 0, 0.3);
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.slider-blog .blog-post-item .inner-slider .button-view {
display: inline-block;
line-height: 1;
background-color: transparent;
font-size: 15px;
padding: 12px 24px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: inherit;
text-align: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border: 2px solid #ffffff;
text-decoration: none;
}
.slider-blog ~ ul.swiper-pag {
bottom: 15px;
}
.slider-blog ~ ul.swiper-pag li {
margin: 0 6px;
width: 10px;
height: 10px;
}
.slider-blog .blog-post-item .inner-slider .button-view:hover {
background-color: #191970;
border-color: #191970;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.slider-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
z-index: -1;
}
.animated {
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
transform: none
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@media (max-width: 1024px) {
.slider-blog .blog-post-item .inner-slider h1 {
font-size: 35px;
}
}
@media (max-width: 768px) {
.slider-blog .blog-post-item .inner-slider h1 {
font-size: 22px;
}
.slider-blog .blog-post-item .inner-slider p {
font-size: 14px;
line-height: 1.8;
}
.slider-blog .blog-post-item .inner-slider {
padding: 50px!important;
max-width: 100%!important;
}
}
@media (max-width: 575px) {
.slider-genep .slide__desc {
width: 100%!important;
padding: 0 2em!important;
}
.slider-genep .slide__title {
padding: 0 1em;
}
.slider .slider__text-wrap {
padding: 0 40px;
text-align: center;
}
.slider-blog .blog-post-item .inner-slider {
padding: 50px 50px 70px!important;
max-width: 100%!important;
}
}
@media (min-width: 320px) {
.slider-blog .blog-post-item .inner-slider {
padding: 60px;
max-width: 70%;
}
}
@media (min-width: 640px) {
.slider-blog .blog-post-item .inner-slider {
padding: 80px;
max-width: 70%;
}
}
@media (min-width: 1024px) {
.slider-blog .blog-post-item .inner-slider {
padding: 100px;
max-width: 60%;
}
}
@media (min-width: 1200px) {
.slider-blog .blog-post-item .inner-slider {
padding: 80px;
max-width: 70%;
}
}
@media (min-width: 1440px) {
.slider-blog .blog-post-item .inner-slider {
padding: 120px;
max-width: 50%;
}
}
.slider-blog .blog-post-item .categories.hastags,
.slideshow-slider .categories.hastags {
justify-content: flex-start;
margin-bottom: 10px;
}
.slideshow-slider .categories.hastags {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
row-gap: 7px;
column-gap: 7px;
}
.slider-blog .blog-post-item .categories.hastags a,
.slideshow-slider .categories.hastags a {
font-size: 17px;
background-color: transparent;
padding: 0;
border-radius: 0;
color: #ffffff;
text-decoration: none;
}
.slider-blog .blog-post-item .categories.hastags a:before,
.slideshow-slider .categories.hastags a:before {
content: "#";
}
 [class^='imghvr-'], [class*=' imghvr-'] {
position: relative;
display: block;
margin: 0px;
max-width: 100%;
background-color: #ffffff;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
vertical-align: top;
max-width: 100%;
width: 100%;
}
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
margin: 0;
background-color: #111111;
position: absolute;
padding: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #ffffff;
}
[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {
color: #ffffff;
}
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
} [class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
opacity: 0;
}
[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img {
opacity: 0;
}
[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
opacity: 1;
}
[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}  .imghvr-fade-in-up figcaption {
-webkit-transform: translate(0, 15%);
transform: translate(0, 15%);
} .imghvr-fade-in-down figcaption {
-webkit-transform: translate(0, -15%);
transform: translate(0, -15%);
} .imghvr-fade-in-left figcaption {
-webkit-transform: translate(-15%, 0);
transform: translate(-15%, 0);
} .imghvr-fade-in-right figcaption {
-webkit-transform: translate(15%, 0);
transform: translate(15%, 0);
} [class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-push-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-push-up:hover > img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-push-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-push-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-push-left:hover > img {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-push-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} [class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-slide-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-slide-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-slide-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-slide-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-slide-top-left figcaption {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-slide-top-right figcaption {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-slide-bottom-left figcaption {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-slide-bottom-right figcaption {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #111111;
z-index: 2;
}
[class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption {
opacity: 0;
}
[class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
[class^='imghvr-reveal-']:hover figcaption .caption-inside,
[class*=' imghvr-reveal-']:hover figcaption .caption-inside {
z-index: 2;
} .imghvr-reveal-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-reveal-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-reveal-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-reveal-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img {
opacity: 0;
}
[class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-hinge-up img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-hinge-down img {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-hinge-left img {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .imghvr-hinge-right img {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} [class^='imghvr-flip-'], [class*=' imghvr-flip-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img {
backface-visibility: hidden;
}
[class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption {
opacity: 0;
}
[class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img {
opacity: 0;
}
[class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-flip-horiz figcaption {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
} .imghvr-flip-vert figcaption {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-flip-vert:hover > img {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
} .imghvr-flip-diag-1 figcaption {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-flip-diag-1:hover > img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-flip-diag-1:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} .imghvr-flip-diag-2 figcaption {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-flip-diag-2:hover > img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-flip-diag-2:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} [class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
background: #111111;
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.imghvr-shutter-out-horiz:hover:before {
left: 0;
right: 0;
} .imghvr-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.imghvr-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
} .imghvr-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
} .imghvr-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.imghvr-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
} [class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before {
background: #111111;
position: absolute;
content: '';
}
[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {
top: 0;
left: 0;
}
[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {
right: 0;
bottom: 0;
}
[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
width: 50%;
} .imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
height: 0;
width: 100%;
}
.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
height: 50%;
} .imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
width: 100%;
} .imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
height: 100%;
} .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
} .imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.imghvr-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.imghvr-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.imghvr-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
} [class^='imghvr-fold'], [class*=' imghvr-fold'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-fold'] img, [class*=' imghvr-fold'] img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption {
z-index: 1;
opacity: 0;
}
[class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img {
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
[class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-fold-up > img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-up figcaption {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-up:hover > img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
} .imghvr-fold-down > img {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-down figcaption {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-down:hover > img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
} .imghvr-fold-left > img {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-fold-left figcaption {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-left:hover > img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
} .imghvr-fold-right > img {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-right figcaption {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-fold-right:hover > img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
} .imghvr-zoom-in figcaption {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.imghvr-zoom-in:hover figcaption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
} [class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-zoom-out:hover > img {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
} .imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img {
-webkit-animation: imghvr-zoom-out-up 0.4025s linear;
animation: imghvr-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-up
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-up
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
} .imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img {
-webkit-animation: imghvr-zoom-out-down 0.4025s linear;
animation: imghvr-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-down
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-down
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
} .imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img {
-webkit-animation: imghvr-zoom-out-left 0.4025s linear;
animation: imghvr-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-left
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-left
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
} .imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img {
-webkit-animation: imghvr-zoom-out-right 0.4025s linear;
animation: imghvr-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-right
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-right
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
} .imghvr-zoom-out-flip-horiz {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-horiz figcaption {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-zoom-out-flip-vert {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-vert figcaption {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blur figcaption {
opacity: 0;
}
.imghvr-blur:hover > img {
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.imghvr-blur:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} [class^='imghvr-blocks']:before, [class^='imghvr-blocks']:after, [class^='imghvr-blocks'] figcaption:before, [class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks']:before, [class*=' imghvr-blocks']:after, [class*=' imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:after {
background-color: #111111;
opacity: 0;
position: absolute;
content: '';
height: 50%;
width: 50%;
}
[class^='imghvr-blocks']:before, [class^='imghvr-blocks']:after, [class*=' imghvr-blocks']:before, [class*=' imghvr-blocks']:after {
z-index: 1;
}
[class^='imghvr-blocks']:before, [class*=' imghvr-blocks']:before {
top: 0;
right: 0;
}
[class^='imghvr-blocks']:after, [class*=' imghvr-blocks']:after {
bottom: 0;
left: 0;
}
[class^='imghvr-blocks'] figcaption, [class*=' imghvr-blocks'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-blocks'] figcaption *, [class*=' imghvr-blocks'] figcaption * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-blocks'] figcaption:before, [class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:after {
z-index: -1;
}
[class^='imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:before {
top: 0;
left: 0;
}
[class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:after {
bottom: 0;
right: 0;
}
[class^='imghvr-blocks'] a, [class*=' imghvr-blocks'] a {
z-index: 3;
}
[class^='imghvr-blocks']:hover:before, [class^='imghvr-blocks']:hover:after, [class^='imghvr-blocks']:hover figcaption:before, [class^='imghvr-blocks']:hover figcaption:after, [class*=' imghvr-blocks']:hover:before, [class*=' imghvr-blocks']:hover:after, [class*=' imghvr-blocks']:hover figcaption:before, [class*=' imghvr-blocks']:hover figcaption:after {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
[class^='imghvr-blocks']:hover figcaption *, [class*=' imghvr-blocks']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blocks-rotate-left:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-blocks-rotate-left:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-blocks-rotate-left figcaption:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-blocks-rotate-left figcaption:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-blocks-rotate-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-blocks-rotate-right:after {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-blocks-rotate-right figcaption:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-blocks-rotate-right figcaption:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-blocks-rotate-in-left:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-blocks-rotate-in-left:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-blocks-rotate-in-left figcaption:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-blocks-rotate-in-left figcaption:after {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-blocks-rotate-in-right:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-blocks-rotate-in-right:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-blocks-rotate-in-right figcaption:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-blocks-rotate-in-right figcaption:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-blocks-in:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
.imghvr-blocks-in:after {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
.imghvr-blocks-in figcaption:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
.imghvr-blocks-in figcaption:after {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} .imghvr-blocks-out:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
.imghvr-blocks-out:after {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
.imghvr-blocks-out figcaption:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
.imghvr-blocks-out figcaption:after {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-blocks-float-up:before, .imghvr-blocks-float-up:after, .imghvr-blocks-float-up figcaption:before, .imghvr-blocks-float-up figcaption:after {
-webkit-transform: translate(0, 200%);
transform: translate(0, 200%);
}
.imghvr-blocks-float-up:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-up:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-up figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-up figcaption:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-up:hover:before {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-up:hover:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-up:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-up:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-up:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-float-down:before, .imghvr-blocks-float-down:after, .imghvr-blocks-float-down figcaption:before, .imghvr-blocks-float-down figcaption:after {
-webkit-transform: translate(0, -200%);
transform: translate(0, -200%);
}
.imghvr-blocks-float-down:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-down:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-down figcaption:before {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-down figcaption:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-down:hover:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-down:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-down:hover figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-down:hover figcaption:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-down:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-float-left:before, .imghvr-blocks-float-left:after, .imghvr-blocks-float-left figcaption:before, .imghvr-blocks-float-left figcaption:after {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
.imghvr-blocks-float-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-left:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-left figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blocks-float-left figcaption:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-left:hover:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-left:hover:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-left:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-left:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-float-right:before, .imghvr-blocks-float-right:after, .imghvr-blocks-float-right figcaption:before, .imghvr-blocks-float-right figcaption:after {
-webkit-transform: translate(-200%, 0);
transform: translate(-200%, 0);
}
.imghvr-blocks-float-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-right:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-right figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-right figcaption:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blocks-float-right:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-right:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-right:hover figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-right:hover figcaption:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-right:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-top-left:before, .imghvr-blocks-zoom-top-left:after, .imghvr-blocks-zoom-top-left figcaption:before, .imghvr-blocks-zoom-top-left figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-top-left:hover:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-left:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-zoom-top-left:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-top-left:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-top-right:before, .imghvr-blocks-zoom-top-right:after, .imghvr-blocks-zoom-top-right figcaption:before, .imghvr-blocks-zoom-top-right figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-top-right:hover:before {
-webkit-transition-delay: 0, 0s;
transition-delay: 0, 0s;
}
.imghvr-blocks-zoom-top-right:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-top-right:hover figcaption:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-right:hover figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-right:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-bottom-left:before, .imghvr-blocks-zoom-bottom-left:after, .imghvr-blocks-zoom-bottom-left figcaption:before, .imghvr-blocks-zoom-bottom-left figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-bottom-left:hover:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-bottom-left:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-zoom-bottom-left:hover figcaption:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-left:hover figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-left:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-bottom-right:before, .imghvr-blocks-zoom-bottom-right:after, .imghvr-blocks-zoom-bottom-right figcaption:before, .imghvr-blocks-zoom-bottom-right figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-bottom-right:hover:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-right:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-right:hover figcaption:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-bottom-right:hover figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-zoom-bottom-right:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} [class^='imghvr-strip-shutter']:before, [class^='imghvr-strip-shutter']:after, [class^='imghvr-strip-shutter'] figcaption:before, [class^='imghvr-strip-shutter'] figcaption:after, [class*=' imghvr-strip-shutter']:before, [class*=' imghvr-strip-shutter']:after, [class*=' imghvr-strip-shutter'] figcaption:before, [class*=' imghvr-strip-shutter'] figcaption:after {
background-color: #111111;
opacity: 0;
position: absolute;
content: '';
}
[class^='imghvr-strip-shutter']:before, [class^='imghvr-strip-shutter']:after, [class*=' imghvr-strip-shutter']:before, [class*=' imghvr-strip-shutter']:after {
z-index: 1;
}
[class^='imghvr-strip-shutter'] figcaption, [class*=' imghvr-strip-shutter'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-strip-shutter'] figcaption *, [class*=' imghvr-strip-shutter'] figcaption * {
opacity: 0;
}
[class^='imghvr-strip-shutter'] figcaption:before, [class^='imghvr-strip-shutter'] figcaption:after, [class*=' imghvr-strip-shutter'] figcaption:before, [class*=' imghvr-strip-shutter'] figcaption:after {
z-index: -1;
}
[class^='imghvr-strip-shutter'] a, [class*=' imghvr-strip-shutter'] a {
z-index: 3;
}
[class^='imghvr-strip-shutter']:hover:before, [class^='imghvr-strip-shutter']:hover:after, [class^='imghvr-strip-shutter']:hover figcaption:before, [class^='imghvr-strip-shutter']:hover figcaption:after, [class*=' imghvr-strip-shutter']:hover:before, [class*=' imghvr-strip-shutter']:hover:after, [class*=' imghvr-strip-shutter']:hover figcaption:before, [class*=' imghvr-strip-shutter']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-strip-shutter']:hover figcaption *, [class*=' imghvr-strip-shutter']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-shutter-up:before, .imghvr-strip-shutter-up:after, .imghvr-strip-shutter-up figcaption:before, .imghvr-strip-shutter-up figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
.imghvr-strip-shutter-up:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-shutter-up:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-up figcaption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-up figcaption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-shutter-down:before, .imghvr-strip-shutter-down:after, .imghvr-strip-shutter-down figcaption:before, .imghvr-strip-shutter-down figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
.imghvr-strip-shutter-down:before {
top: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-shutter-down:after {
top: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-down figcaption:before {
top: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-down figcaption:after {
top: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-shutter-left:before, .imghvr-strip-shutter-left:after, .imghvr-strip-shutter-left figcaption:before, .imghvr-strip-shutter-left figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-strip-shutter-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-shutter-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-left figcaption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-left figcaption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-shutter-right:before, .imghvr-strip-shutter-right:after, .imghvr-strip-shutter-right figcaption:before, .imghvr-strip-shutter-right figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-strip-shutter-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-shutter-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-right figcaption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-right figcaption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} [class^='imghvr-strip-horiz']:before, [class^='imghvr-strip-horiz']:after, [class^='imghvr-strip-horiz'] figcaption:before, [class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:after {
background-color: #111111;
opacity: 0;
position: absolute;
content: '';
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
[class^='imghvr-strip-horiz']:before, [class^='imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:after {
z-index: 1;
}
[class^='imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:before {
top: 0;
}
[class^='imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz']:after {
top: 25%;
}
[class^='imghvr-strip-horiz'] figcaption, [class*=' imghvr-strip-horiz'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-strip-horiz'] figcaption *, [class*=' imghvr-strip-horiz'] figcaption * {
opacity: 0;
}
[class^='imghvr-strip-horiz'] figcaption:before, [class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:after {
z-index: -1;
}
[class^='imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:before {
top: 50%;
}
[class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz'] figcaption:after {
top: 75%;
}
[class^='imghvr-strip-horiz'] a, [class*=' imghvr-strip-horiz'] a {
z-index: 3;
}
[class^='imghvr-strip-horiz']:hover:before, [class^='imghvr-strip-horiz']:hover:after, [class^='imghvr-strip-horiz']:hover figcaption:before, [class^='imghvr-strip-horiz']:hover figcaption:after, [class*=' imghvr-strip-horiz']:hover:before, [class*=' imghvr-strip-horiz']:hover:after, [class*=' imghvr-strip-horiz']:hover figcaption:before, [class*=' imghvr-strip-horiz']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-strip-horiz']:hover figcaption *, [class*=' imghvr-strip-horiz']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-horiz-up:before, .imghvr-strip-horiz-up:after, .imghvr-strip-horiz-up figcaption:before, .imghvr-strip-horiz-up figcaption:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
} .imghvr-strip-horiz-down:before, .imghvr-strip-horiz-down:after, .imghvr-strip-horiz-down figcaption:before, .imghvr-strip-horiz-down figcaption:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
} .imghvr-strip-horiz-top-left:before, .imghvr-strip-horiz-top-left:after, .imghvr-strip-horiz-top-left figcaption:before, .imghvr-strip-horiz-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-horiz-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-horiz-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-top-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-top-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-horiz-top-right:before, .imghvr-strip-horiz-top-right:after, .imghvr-strip-horiz-top-right figcaption:before, .imghvr-strip-horiz-top-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-strip-horiz-top-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-horiz-top-right:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-top-right figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-top-right figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-horiz-bottom-left:before, .imghvr-strip-horiz-bottom-left:after, .imghvr-strip-horiz-bottom-left figcaption:before, .imghvr-strip-horiz-bottom-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-horiz-bottom-left:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-horiz-bottom-left:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-bottom-left figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-bottom-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-horiz-bottom-right:before, .imghvr-strip-horiz-bottom-right:after, .imghvr-strip-horiz-bottom-right figcaption:before, .imghvr-strip-horiz-bottom-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-strip-horiz-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-horiz-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-bottom-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-bottom-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} [class^='imghvr-strip-vert']:before, [class^='imghvr-strip-vert']:after, [class^='imghvr-strip-vert'] figcaption:before, [class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:after, [class*=' imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:after {
background-color: #111111;
opacity: 0;
position: absolute;
content: '';
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
[class^='imghvr-strip-vert']:before, [class^='imghvr-strip-vert']:after, [class*=' imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:after {
z-index: 1;
}
[class^='imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:before {
left: 0;
}
[class^='imghvr-strip-vert']:after, [class*=' imghvr-strip-vert']:after {
left: 25%;
}
[class^='imghvr-strip-vert'] figcaption, [class*=' imghvr-strip-vert'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-strip-vert'] figcaption *, [class*=' imghvr-strip-vert'] figcaption * {
opacity: 0;
}
[class^='imghvr-strip-vert'] figcaption:before, [class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:after {
z-index: -1;
}
[class^='imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:before {
left: 50%;
}
[class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert'] figcaption:after {
left: 75%;
}
[class^='imghvr-strip-vert'] a, [class*=' imghvr-strip-vert'] a {
z-index: 3;
}
[class^='imghvr-strip-vert']:hover:before, [class^='imghvr-strip-vert']:hover:after, [class^='imghvr-strip-vert']:hover figcaption:before, [class^='imghvr-strip-vert']:hover figcaption:after, [class*=' imghvr-strip-vert']:hover:before, [class*=' imghvr-strip-vert']:hover:after, [class*=' imghvr-strip-vert']:hover figcaption:before, [class*=' imghvr-strip-vert']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-strip-vert']:hover figcaption *, [class*=' imghvr-strip-vert']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-vert-left:before, .imghvr-strip-vert-left:after, .imghvr-strip-vert-left figcaption:before, .imghvr-strip-vert-left figcaption:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
} .imghvr-strip-vert-right:before, .imghvr-strip-vert-right:after, .imghvr-strip-vert-right figcaption:before, .imghvr-strip-vert-right figcaption:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
} .imghvr-strip-vert-top-left:before, .imghvr-strip-vert-top-left:after, .imghvr-strip-vert-top-left figcaption:before, .imghvr-strip-vert-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-vert-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-vert-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-top-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-top-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-vert-top-right:before, .imghvr-strip-vert-top-right:after, .imghvr-strip-vert-top-right figcaption:before, .imghvr-strip-vert-top-right figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-vert-top-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-vert-top-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-top-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-top-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-vert-bottom-left:before, .imghvr-strip-vert-bottom-left:after, .imghvr-strip-vert-bottom-left figcaption:before, .imghvr-strip-vert-bottom-left figcaption:after {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-strip-vert-bottom-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-vert-bottom-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-bottom-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-bottom-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-vert-bottom-right:before, .imghvr-strip-vert-bottom-right:after, .imghvr-strip-vert-bottom-right figcaption:before, .imghvr-strip-vert-bottom-right figcaption:after {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-strip-vert-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-vert-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-bottom-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-bottom-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} [class^='imghvr-pixel']:before, [class^='imghvr-pixel']:after, [class^='imghvr-pixel'] figcaption:before, [class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel']:before, [class*=' imghvr-pixel']:after, [class*=' imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:after {
-webkit-transition: all 0.35s steps(4);
transition: all 0.35s steps(4);
background-color: #111111;
opacity: 0;
position: absolute;
content: '';
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
[class^='imghvr-pixel']:before, [class^='imghvr-pixel']:after, [class*=' imghvr-pixel']:before, [class*=' imghvr-pixel']:after {
z-index: 1;
}
[class^='imghvr-pixel']:before, [class*=' imghvr-pixel']:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-pixel']:after, [class*=' imghvr-pixel']:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-pixel'] figcaption, [class*=' imghvr-pixel'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-pixel'] figcaption *, [class*=' imghvr-pixel'] figcaption * {
opacity: 0;
}
[class^='imghvr-pixel'] figcaption:before, [class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:after {
z-index: -1;
}
[class^='imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
[class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel'] figcaption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[class^='imghvr-pixel'] a, [class*=' imghvr-pixel'] a {
z-index: 3;
}
[class^='imghvr-pixel']:hover:before, [class^='imghvr-pixel']:hover:after, [class^='imghvr-pixel']:hover figcaption:before, [class^='imghvr-pixel']:hover figcaption:after, [class*=' imghvr-pixel']:hover:before, [class*=' imghvr-pixel']:hover:after, [class*=' imghvr-pixel']:hover figcaption:before, [class*=' imghvr-pixel']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-pixel']:hover figcaption *, [class*=' imghvr-pixel']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-up:before, .imghvr-pixel-up:after, .imghvr-pixel-up figcaption:before, .imghvr-pixel-up figcaption:after {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.imghvr-pixel-up:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-up:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-up figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-up figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-pixel-down:before, .imghvr-pixel-down:after, .imghvr-pixel-down figcaption:before, .imghvr-pixel-down figcaption:after {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.imghvr-pixel-down:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-down:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-down figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-down figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-left:before, .imghvr-pixel-left:after, .imghvr-pixel-left figcaption:before, .imghvr-pixel-left figcaption:after {
width: 25.1%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-pixel-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-left figcaption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-left figcaption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-pixel-right:before, .imghvr-pixel-right:after, .imghvr-pixel-right figcaption:before, .imghvr-pixel-right figcaption:after {
width: 25.1%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-pixel-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-right figcaption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-right figcaption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-top-left:before, .imghvr-pixel-top-left:after, .imghvr-pixel-top-left figcaption:before, .imghvr-pixel-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-pixel-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-top-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-top-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-top-right:before, .imghvr-pixel-top-right:after, .imghvr-pixel-top-right figcaption:before, .imghvr-pixel-top-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-pixel-top-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-top-right:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-top-right figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-top-right figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-bottom-left:before, .imghvr-pixel-bottom-left:after, .imghvr-pixel-bottom-left figcaption:before, .imghvr-pixel-bottom-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-pixel-bottom-left:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-bottom-left:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-bottom-left figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-bottom-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-pixel-bottom-right:before, .imghvr-pixel-bottom-right:after, .imghvr-pixel-bottom-right figcaption:before, .imghvr-pixel-bottom-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-pixel-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-bottom-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-bottom-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} [class^='imghvr-pivot-in'] figcaption, [class*=' imghvr-pivot-in'] figcaption {
background-color: #111111;
}
[class^='imghvr-pivot-in']:hover figcaption, [class*=' imghvr-pivot-in']:hover figcaption {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
} .imghvr-pivot-in-top-left figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
} .imghvr-pivot-in-top-right figcaption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} .imghvr-pivot-in-bottom-left figcaption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
} .imghvr-pivot-in-bottom-right figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} [class^='imghvr-pivot-out'] > img, [class*=' imghvr-pivot-out'] > img {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
[class^='imghvr-pivot-out'] figcaption, [class*=' imghvr-pivot-out'] figcaption {
background-color: #111111;
z-index: -1;
} .imghvr-pivot-out-top-left > img {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-pivot-out-top-left:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} .imghvr-pivot-out-top-right > img {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-pivot-out-top-right:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
} .imghvr-pivot-out-bottom-left > img {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-pivot-out-bottom-left:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
} .imghvr-pivot-out-bottom-right > img {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-pivot-out-bottom-right:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} [class^='imghvr-throw-in'] figcaption, [class*=' imghvr-throw-in'] figcaption {
background-color: #111111;
}
[class^='imghvr-throw-in']:hover figcaption, [class*=' imghvr-throw-in']:hover figcaption {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
} .imghvr-throw-in-up figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-throw-in-up:hover figcaption {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} .imghvr-throw-in-down figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.imghvr-throw-in-down:hover figcaption {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
} .imghvr-throw-in-left figcaption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.imghvr-throw-in-left:hover figcaption {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
} .imghvr-throw-in-right figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0%;
transform-origin: 0 0%;
}
.imghvr-throw-in-right:hover figcaption {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} [class^='imghvr-throw-out'] > img, [class*=' imghvr-throw-out'] > img {
-webkit-transform: rotate(0);
transform: rotate(0);
}
[class^='imghvr-throw-out'] figcaption, [class*=' imghvr-throw-out'] figcaption {
background-color: #111111;
z-index: -1;
} .imghvr-throw-out-up > img {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.imghvr-throw-out-up:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} .imghvr-throw-out-down > img {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.imghvr-throw-out-down:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} .imghvr-throw-out-left > img {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-throw-out-left:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
} .imghvr-throw-out-right > img {
-webkit-transform-origin: 0% 0;
transform-origin: 0% 0;
}
.imghvr-throw-out-right:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} [class^='imghvr-blinds']:before, [class^='imghvr-blinds']:after, [class^='imghvr-blinds'] figcaption:before, [class^='imghvr-blinds'] figcaption:after, [class*=' imghvr-blinds']:before, [class*=' imghvr-blinds']:after, [class*=' imghvr-blinds'] figcaption:before, [class*=' imghvr-blinds'] figcaption:after {
background-color: #111111;
opacity: 0;
position: absolute;
content: '';
}
[class^='imghvr-blinds']:before, [class^='imghvr-blinds']:after, [class*=' imghvr-blinds']:before, [class*=' imghvr-blinds']:after {
z-index: 1;
}
[class^='imghvr-blinds']:before, [class*=' imghvr-blinds']:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-blinds']:after, [class*=' imghvr-blinds']:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-blinds'] figcaption, [class*=' imghvr-blinds'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-blinds'] figcaption *, [class*=' imghvr-blinds'] figcaption * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-blinds'] figcaption:before, [class^='imghvr-blinds'] figcaption:after, [class*=' imghvr-blinds'] figcaption:before, [class*=' imghvr-blinds'] figcaption:after {
z-index: -1;
}
[class^='imghvr-blinds'] a, [class*=' imghvr-blinds'] a {
z-index: 3;
}
[class^='imghvr-blinds']:hover:before, [class^='imghvr-blinds']:hover:after, [class^='imghvr-blinds']:hover figcaption:before, [class^='imghvr-blinds']:hover figcaption:after, [class*=' imghvr-blinds']:hover:before, [class*=' imghvr-blinds']:hover:after, [class*=' imghvr-blinds']:hover figcaption:before, [class*=' imghvr-blinds']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-blinds']:hover figcaption *, [class*=' imghvr-blinds']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.4025s;
transition-delay: 0.4025s;
} .imghvr-blinds-horiz:before, .imghvr-blinds-horiz:after, .imghvr-blinds-horiz figcaption:before, .imghvr-blinds-horiz figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.imghvr-blinds-horiz:before {
top: 0;
}
.imghvr-blinds-horiz:after {
top: 25%;
}
.imghvr-blinds-horiz figcaption:before {
top: 50%;
}
.imghvr-blinds-horiz figcaption:after {
top: 75%;
}
.imghvr-blinds-horiz:hover figcaption * {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blinds-vert:before, .imghvr-blinds-vert:after, .imghvr-blinds-vert figcaption:before, .imghvr-blinds-vert figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.imghvr-blinds-vert:before {
left: 0;
}
.imghvr-blinds-vert:after {
left: 25%;
}
.imghvr-blinds-vert figcaption:before {
left: 50%;
}
.imghvr-blinds-vert figcaption:after {
left: 75%;
}
.imghvr-blinds-vert:hover figcaption * {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blinds-up:before, .imghvr-blinds-up:after, .imghvr-blinds-up figcaption:before, .imghvr-blinds-up figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.imghvr-blinds-up:before {
top: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blinds-up:after {
top: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-up figcaption:before {
top: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-up figcaption:after {
top: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-blinds-down:before, .imghvr-blinds-down:after, .imghvr-blinds-down figcaption:before, .imghvr-blinds-down figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.imghvr-blinds-down:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blinds-down:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-down figcaption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-down figcaption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blinds-left:before, .imghvr-blinds-left:after, .imghvr-blinds-left figcaption:before, .imghvr-blinds-left figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.imghvr-blinds-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blinds-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-left figcaption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-left figcaption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-blinds-right:before, .imghvr-blinds-right:after, .imghvr-blinds-right figcaption:before, .imghvr-blinds-right figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.imghvr-blinds-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blinds-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-right figcaption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-right figcaption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} [class^='imghvr-border-reveal'], [class*=' imghvr-border-reveal'] {
background-color: #111111;
}
[class^='imghvr-border-reveal']:before, [class^='imghvr-border-reveal']:after, [class^='imghvr-border-reveal'] figcaption:before, [class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:after, [class*=' imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:after {
background-color: #ffffff;
position: absolute;
content: '';
}
[class^='imghvr-border-reveal']:before, [class^='imghvr-border-reveal']:after, [class*=' imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:after {
z-index: 1;
height: 4px;
left: 5px;
right: 5px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
[class^='imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:before {
top: 5px;
}
[class^='imghvr-border-reveal']:after, [class*=' imghvr-border-reveal']:after {
bottom: 5px;
}
[class^='imghvr-border-reveal'] figcaption, [class*=' imghvr-border-reveal'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-border-reveal'] figcaption *, [class*=' imghvr-border-reveal'] figcaption * {
opacity: 0;
}
[class^='imghvr-border-reveal'] figcaption:before, [class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:after {
z-index: -1;
width: 4px;
top: 5px;
bottom: 5px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
[class^='imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:before {
left: 5px;
}
[class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal'] figcaption:after {
right: 5px;
}
[class^='imghvr-border-reveal'] a, [class*=' imghvr-border-reveal'] a {
z-index: 3;
}
[class^='imghvr-border-reveal']:hover > img, [class*=' imghvr-border-reveal']:hover > img {
opacity: 0;
}
[class^='imghvr-border-reveal']:hover:before, [class^='imghvr-border-reveal']:hover:after, [class^='imghvr-border-reveal']:hover figcaption:before, [class^='imghvr-border-reveal']:hover figcaption:after, [class*=' imghvr-border-reveal']:hover:before, [class*=' imghvr-border-reveal']:hover:after, [class*=' imghvr-border-reveal']:hover figcaption:before, [class*=' imghvr-border-reveal']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
}
[class^='imghvr-border-reveal']:hover figcaption *, [class*=' imghvr-border-reveal']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-border-reveal-vert:before, .imghvr-border-reveal-vert:after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.imghvr-border-reveal-vert:hover:before, .imghvr-border-reveal-vert:hover:after {
-webkit-transition-delay: 0.23333s;
transition-delay: 0.23333s;
} .imghvr-border-reveal-horiz figcaption:before, .imghvr-border-reveal-horiz figcaption:after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.imghvr-border-reveal-horiz:hover figcaption:before, .imghvr-border-reveal-horiz:hover figcaption:after {
-webkit-transition-delay: 0.23333s;
transition-delay: 0.23333s;
} .imghvr-border-reveal-corners-1:before, .imghvr-border-reveal-corners-1 figcaption:before {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-corners-1:after, .imghvr-border-reveal-corners-1 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} .imghvr-border-reveal-corners-2:before, .imghvr-border-reveal-corners-2 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-corners-2:after, .imghvr-border-reveal-corners-2 figcaption:after {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .imghvr-border-reveal-top-left:before, .imghvr-border-reveal-top-left:after, .imghvr-border-reveal-top-left figcaption:before, .imghvr-border-reveal-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-top-left:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-left:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left:hover:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left:hover figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
} .imghvr-border-reveal-top-right:before, .imghvr-border-reveal-top-right:after, .imghvr-border-reveal-top-right figcaption:before, .imghvr-border-reveal-top-right figcaption:after {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.imghvr-border-reveal-top-right:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-right figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-right figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-right:hover:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:hover figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:hover figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-border-reveal-bottom-left:before, .imghvr-border-reveal-bottom-left:after, .imghvr-border-reveal-bottom-left figcaption:before, .imghvr-border-reveal-bottom-left figcaption:after {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.imghvr-border-reveal-bottom-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-left figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:hover:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-left:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:hover figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
} .imghvr-border-reveal-bottom-right:before, .imghvr-border-reveal-bottom-right:after, .imghvr-border-reveal-bottom-right figcaption:before, .imghvr-border-reveal-bottom-right figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-bottom-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-right:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-right figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right:hover:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-right:hover figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right:hover figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-border-reveal-cc-1:before, .imghvr-border-reveal-cc-1:after, .imghvr-border-reveal-cc-1 figcaption:before, .imghvr-border-reveal-cc-1 figcaption:after {
-webkit-transition-duration: 0.23333s;
transition-duration: 0.23333s;
}
.imghvr-border-reveal-cc-1:before, .imghvr-border-reveal-cc-1 figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-cc-1:after, .imghvr-border-reveal-cc-1 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-cc-1:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-cc-1:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-border-reveal-cc-1 figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-cc-1 figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-border-reveal-cc-1:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-cc-1:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-border-reveal-cc-1:hover figcaption:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-cc-1:hover figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
} .imghvr-border-reveal-ccc-1:before, .imghvr-border-reveal-ccc-1:after, .imghvr-border-reveal-ccc-1 figcaption:before, .imghvr-border-reveal-ccc-1 figcaption:after {
-webkit-transition-duration: 0.23333s;
transition-duration: 0.23333s;
}
.imghvr-border-reveal-ccc-1:before, .imghvr-border-reveal-ccc-1 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-ccc-1:after, .imghvr-border-reveal-ccc-1 figcaption:before {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.imghvr-border-reveal-ccc-1:before {
-webkit-transition-delay: 0;
transition-delay: 0;
}
.imghvr-border-reveal-ccc-1:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-border-reveal-ccc-1 figcaption:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-ccc-1 figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-border-reveal-ccc-1:hover:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-ccc-1:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-border-reveal-ccc-1:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-ccc-1:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-border-reveal-cc-2:before, .imghvr-border-reveal-cc-2 figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-cc-2:after, .imghvr-border-reveal-cc-2 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} .imghvr-border-reveal-ccc-2:before, .imghvr-border-reveal-ccc-2 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-ccc-2:after, .imghvr-border-reveal-ccc-2 figcaption:before {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .imghvr-border-reveal-cc-3:before, .imghvr-border-reveal-cc-3 figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-cc-3:after, .imghvr-border-reveal-cc-3 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-cc-3:before {
right: 14px;
left: 0;
}
.imghvr-border-reveal-cc-3:after {
left: 14px;
right: 0;
}
.imghvr-border-reveal-cc-3 figcaption:before {
top: 14px;
bottom: 0;
}
.imghvr-border-reveal-cc-3 figcaption:after {
bottom: 14px;
top: 0;
} .imghvr-border-reveal-ccc-3:before, .imghvr-border-reveal-ccc-3 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-ccc-3:after, .imghvr-border-reveal-ccc-3 figcaption:before {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.imghvr-border-reveal-ccc-3:before {
left: 14px;
right: 0;
}
.imghvr-border-reveal-ccc-3:after {
right: 14px;
left: 0;
}
.imghvr-border-reveal-ccc-3 figcaption:before {
bottom: 14px;
top: 0;
}
.imghvr-border-reveal-ccc-3 figcaption:after {
top: 14px;
bottom: 0;
} [class^='imghvr-image-'] figcaption, [class*=' imghvr-image-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-image-']:hover figcaption, [class*=' imghvr-image-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-image-zoom-center:hover > img {
-webkit-transform: scale(1.25);
transform: scale(1.25);
} .imghvr-image-zoom-out:hover > img {
-webkit-transform: scale(0.7);
transform: scale(0.7);
} .imghvr-image-rotate-left:hover > img {
-webkit-transform: scale(1.3) rotate(-15deg);
transform: scale(1.3) rotate(-15deg);
} .imghvr-image-rotate-right:hover > img {
-webkit-transform: scale(1.3) rotate(15deg);
transform: scale(1.3) rotate(15deg);
} *[class^='imghvr-book-open-'], *[class*=' imghvr-book-open-'] {
overflow: visible;
}
*[class^='imghvr-book-open-'] figcaption, *[class*=' imghvr-book-open-'] figcaption {
background-color: transparent;
border: none;
}
*[class^='imghvr-book-open-'] figcaption:before, *[class^='imghvr-book-open-'] figcaption:after, *[class*=' imghvr-book-open-'] figcaption:before, *[class*=' imghvr-book-open-'] figcaption:after {
z-index: -1;
background-color: black;
content: '';
position: absolute;
opacity: 0;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
*[class^='imghvr-book-open-']:hover figcaption:before, *[class^='imghvr-book-open-']:hover figcaption:after, *[class*=' imghvr-book-open-']:hover figcaption:before, *[class*=' imghvr-book-open-']:hover figcaption:after {
opacity: 1;
background-color: #111111;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
} .imghvr-book-open-horiz figcaption {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-horiz figcaption * {
opacity: 0;
}
.imghvr-book-open-horiz figcaption:before, .imghvr-book-open-horiz figcaption:after {
height: 100%;
width: 50%;
top: 0;
}
.imghvr-book-open-horiz figcaption:before {
background-image: -webkit-linear-gradient( left , transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
left: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-book-open-horiz figcaption:after {
background-image: -webkit-linear-gradient( right , transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%);
right: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-book-open-horiz:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-book-open-vert figcaption {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-vert figcaption * {
opacity: 0;
}
.imghvr-book-open-vert figcaption:before, .imghvr-book-open-vert figcaption:after {
height: 50%;
width: 100%;
left: 0;
}
.imghvr-book-open-vert figcaption:before {
background-image: -webkit-linear-gradient( top , transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
top: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-book-open-vert figcaption:after {
background-image: -webkit-linear-gradient( bottom , transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to top, transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%);
bottom: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-book-open-vert:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-book-open-up {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-up > img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-book-open-up figcaption {
z-index: -1;
}
.imghvr-book-open-up figcaption * {
opacity: 1;
}
.imghvr-book-open-up figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( bottom , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to top, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-up:hover > img {
-webkit-transform: rotateX(86deg);
transform: rotateX(86deg);
} .imghvr-book-open-down {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-down > img {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-book-open-down figcaption {
z-index: -1;
}
.imghvr-book-open-down figcaption * {
opacity: 1;
}
.imghvr-book-open-down figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( top , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-down:hover > img {
-webkit-transform: rotateX(-86deg);
transform: rotateX(-86deg);
} .imghvr-book-open-left {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-left > img {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-book-open-left figcaption {
z-index: -1;
}
.imghvr-book-open-left figcaption * {
opacity: 1;
}
.imghvr-book-open-left figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( right , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to left, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-left:hover > img {
-webkit-transform: rotateY(-86deg);
transform: rotateY(-86deg);
} .imghvr-book-open-right {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-right > img {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-book-open-right figcaption {
z-index: -1;
}
.imghvr-book-open-right figcaption * {
opacity: 1;
}
.imghvr-book-open-right figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( left , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-right:hover > img {
-webkit-transform: rotateY(86deg);
transform: rotateY(86deg);
} [class^='imghvr-circle-']:before, [class*=' imghvr-circle-']:before {
position: absolute;
top: -25%;
bottom: -25%;
left: -25%;
right: -25%;
content: '';
background-color: #111111;
border-radius: 50%;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
}
[class^='imghvr-circle-'] figcaption, [class*=' imghvr-circle-'] figcaption {
opacity: 0;
background-color: transparent;
}
[class^='imghvr-circle-']:hover:before, [class*=' imghvr-circle-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-circle-']:hover figcaption, [class*=' imghvr-circle-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-circle-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-circle-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-circle-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-circle-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-circle-top-left:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-circle-top-right:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-circle-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-circle-bottom-right:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-shift'], [class*=' imghvr-shift'] {
overflow: visible;
}
[class^='imghvr-shift'] figcaption, [class*=' imghvr-shift'] figcaption {
background-color: #111111;
opacity: 0;
} .imghvr-shift-top-left:hover figcaption {
opacity: 1;
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
} .imghvr-shift-top-right:hover figcaption {
opacity: 1;
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
} .imghvr-shift-bottom-left:hover figcaption {
opacity: 1;
-webkit-transform: translate(-10px, 10px);
transform: translate(-10px, 10px);
} .imghvr-shift-bottom-right:hover figcaption {
opacity: 1;
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
} [class^='imghvr-bounce'] figcaption, [class*=' imghvr-bounce'] figcaption {
background-color: #111111;
opacity: 1;
}
[class^='imghvr-bounce']:hover figcaption, [class*=' imghvr-bounce']:hover figcaption {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
} .imghvr-bounce-in figcaption {
opacity: 0;
}
.imghvr-bounce-in:hover figcaption {
-webkit-animation: imghvr-bounce-in 0.6s ease-in forwards;
animation: imghvr-bounce-in 0.6s ease-in forwards;
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 1;
}
@-webkit-keyframes imghvr-bounce-in {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes imghvr-bounce-in {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .imghvr-bounce-in-up figcaption {
opacity: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-bounce-in-up:hover figcaption {
-webkit-animation: imghvr-bounce-in-up 0.8s ease-in forwards;
animation: imghvr-bounce-in-up 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-up
{
25%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(25px);
}
65% {
-webkit-transform: translateY(10px);
}
90% {
-webkit-transform: translateY(2px);
}
}
@keyframes imghvr-bounce-in-up
{
25%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(25px);
}
65% {
transform: translateY(10px);
}
90% {
transform: translateY(2px);
}
} .imghvr-bounce-in-down figcaption {
opacity: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-bounce-in-down:hover figcaption {
-webkit-animation: imghvr-bounce-in-down 0.8s ease-in forwards;
animation: imghvr-bounce-in-down 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-down
{
25%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-25px);
}
65% {
-webkit-transform: translateY(-10px);
}
90% {
-webkit-transform: translateY(-2px);
}
}
@keyframes imghvr-bounce-in-down
{
25%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-25px);
}
65% {
transform: translateY(-10px);
}
90% {
transform: translateY(-2px);
}
} .imghvr-bounce-in-left figcaption {
opacity: 1;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-bounce-in-left:hover figcaption {
-webkit-animation: imghvr-bounce-in-left 0.8s ease-in forwards;
animation: imghvr-bounce-in-left 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-left
{
25%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
}
40% {
-webkit-transform: translateX(25px);
}
65% {
-webkit-transform: translateX(10px);
}
90% {
-webkit-transform: translateX(2px);
}
}
@keyframes imghvr-bounce-in-left
{
25%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(25px);
}
65% {
transform: translateX(10px);
}
90% {
transform: translateX(2px);
}
} .imghvr-bounce-in-right figcaption {
opacity: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-bounce-in-right:hover figcaption {
-webkit-animation: imghvr-bounce-in-right 0.8s ease-in forwards;
animation: imghvr-bounce-in-right 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-right
{
25%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
}
40% {
-webkit-transform: translateX(-25px);
}
65% {
-webkit-transform: translateX(-10px);
}
90% {
-webkit-transform: translateX(-2px);
}
}
@keyframes imghvr-bounce-in-right
{
25%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(-25px);
}
65% {
transform: translateX(-10px);
}
90% {
transform: translateX(-2px);
}
} .imghvr-bounce-out figcaption {
opacity: 0;
}
.imghvr-bounce-out:hover > img {
-webkit-animation: imghvr-bounce-out 0.4025s ease-in forwards;
animation: imghvr-bounce-out 0.4025s ease-in forwards;
}
.imghvr-bounce-out:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes imghvr-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
} .imghvr-bounce-out-up figcaption {
opacity: 0;
}
.imghvr-bounce-out-up:hover > img {
-webkit-animation: imghvr-bounce-out-up 0.4025s ease-in forwards;
animation: imghvr-bounce-out-up 0.4025s ease-in forwards;
}
.imghvr-bounce-out-up:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes imghvr-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
} .imghvr-bounce-out-down figcaption {
opacity: 0;
}
.imghvr-bounce-out-down:hover > img {
-webkit-animation: imghvr-bounce-out-down 0.4025s ease-in forwards;
animation: imghvr-bounce-out-down 0.4025s ease-in forwards;
}
.imghvr-bounce-out-down:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes imghvr-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
} .imghvr-bounce-out-left figcaption {
opacity: 0;
}
.imghvr-bounce-out-left:hover > img {
-webkit-animation: imghvr-bounce-out-left 0.4025s ease-in forwards;
animation: imghvr-bounce-out-left 0.4025s ease-in forwards;
}
.imghvr-bounce-out-left:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes imghvr-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
} .imghvr-bounce-out-right figcaption {
opacity: 0;
}
.imghvr-bounce-out-right:hover > img {
-webkit-animation: imghvr-bounce-out-right 0.4025s ease-in forwards;
animation: imghvr-bounce-out-right 0.4025s ease-in forwards;
}
.imghvr-bounce-out-right:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes imghvr-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
} *[class^='imghvr-fall-away-'], *[class*=' imghvr-fall-away-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
*[class^='imghvr-fall-away-'] img, *[class*=' imghvr-fall-away-'] img {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.455s ease-in;
transition: all 0.455s ease-in;
}
*[class^='imghvr-fall-away-'] figcaption, *[class*=' imghvr-fall-away-'] figcaption {
opacity: 0;
background-color: #111111;
}
*[class^='imghvr-fall-away-']:hover img, *[class*=' imghvr-fall-away-']:hover img {
opacity: 0;
}
*[class^='imghvr-fall-away-']:hover figcaption, *[class*=' imghvr-fall-away-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.455s;
transition-delay: 0.455s;
} .imghvr-fall-away-horiz:hover img {
-webkit-transform: rotateX(-360deg) scale(0.2);
transform: rotateX(-360deg) scale(0.2);
} .imghvr-fall-away-vert:hover img {
-webkit-transform: rotateY(-360deg) scale(0.2);
transform: rotateY(-360deg) scale(0.2);
} .imghvr-fall-away-cc:hover img {
-webkit-transform: rotate(360deg) scale(0.2);
transform: rotate(360deg) scale(0.2);
} .imghvr-fall-away-ccc:hover img {
-webkit-transform: rotate(-360deg) scale(0.2);
transform: rotate(-360deg) scale(0.2);
} [class^='imghvr-modal'] figcaption, [class*=' imghvr-modal'] figcaption {
opacity: 1;
}
[class^='imghvr-modal']:hover > img, [class*=' imghvr-modal']:hover > img {
opacity: 0.7;
}
[class^='imghvr-modal']:hover figcaption, [class*=' imghvr-modal']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-modal-slide-up figcaption {
top: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
} .imghvr-modal-slide-down figcaption {
bottom: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
} .imghvr-modal-slide-left figcaption {
left: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: translate(100%, 0%);
transform: translate(100%, 0%);
} .imghvr-modal-slide-right figcaption {
right: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
} [class^='imghvr-modal'], [class*=' imghvr-modal'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-modal'] figcaption, [class*=' imghvr-modal'] figcaption {
opacity: 1;
}
[class^='imghvr-modal']:hover > img, [class*=' imghvr-modal']:hover > img {
opacity: 0.7;
}
[class^='imghvr-modal']:hover figcaption, [class*=' imghvr-modal']:hover figcaption {
-webkit-transform: rotate(0);
transform: rotate(0);
} .imghvr-modal-hinge-up figcaption {
top: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
} .imghvr-modal-hinge-down figcaption {
bottom: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: 50% -50%;
transform-origin: 50% -50%;
} .imghvr-modal-hinge-left figcaption {
left: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: rotateY(-100deg);
transform: rotateY(-100deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
} .imghvr-modal-hinge-right figcaption {
right: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: rotateY(100deg);
transform: rotateY(100deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
} .imghvr-lightspeed-in-left figcaption {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
.imghvr-lightspeed-in-left:hover figcaption {
-webkit-animation: imghvr-lightspeed-in-left 0.4025s ease-in forwards;
animation: imghvr-lightspeed-in-left 0.4025s ease-in forwards;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-in-left {
from {
-webkit-transform: translate(100%, 0) skewX(-20deg);
transform: translate(100%, 0) skewX(-20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(10deg);
transform: translate(0, 0) skewX(10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
}
@keyframes imghvr-lightspeed-in-left {
from {
-webkit-transform: translate(100%, 0) skewX(-20deg);
transform: translate(100%, 0) skewX(-20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(10deg);
transform: translate(0, 0) skewX(10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
} .imghvr-lightspeed-in-right figcaption {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
.imghvr-lightspeed-in-right:hover figcaption {
-webkit-animation: imghvr-lightspeed-in-right 0.4025s ease-in forwards;
animation: imghvr-lightspeed-in-right 0.4025s ease-in forwards;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-in-right {
from {
-webkit-transform: translate(-100%, 0) skewX(20deg);
transform: translate(-100%, 0) skewX(20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(20deg);
transform: translate(0, 0) skewX(20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(-10deg);
transform: translate(0, 0) skewX(-10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
}
@keyframes imghvr-lightspeed-in-right {
from {
-webkit-transform: translate(-100%, 0) skewX(20deg);
transform: translate(-100%, 0) skewX(20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(20deg);
transform: translate(0, 0) skewX(20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(-10deg);
transform: translate(0, 0) skewX(-10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
} .imghvr-lightspeed-out-left figcaption {
z-index: -1;
opacity: 1;
}
.imghvr-lightspeed-out-left:hover > img {
-webkit-animation: imghvr-lightspeed-out-left 0.4025s ease-in forwards;
animation: imghvr-lightspeed-out-left 0.4025s ease-in forwards;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-out-left {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0) skewX(0deg);
transform: translate(10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
}
@keyframes imghvr-lightspeed-out-left {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0) skewX(0deg);
transform: translate(10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
} .imghvr-lightspeed-out-right figcaption {
z-index: -1;
opacity: 1;
}
.imghvr-lightspeed-out-right:hover > img {
-webkit-animation: imghvr-lightspeed-out-right 0.4025s ease-in forwards;
animation: imghvr-lightspeed-out-right 0.4025s ease-in forwards;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-out-right {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0) skewX(0deg);
transform: translate(10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
}
@keyframes imghvr-lightspeed-out-right {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(-10%, 0) skewX(0deg);
transform: translate(-10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(20deg);
transform: translate(0, 0) skewX(20deg);
}
to {
-webkit-transform: translate(150%, 0) skewX(20deg);
transform: translate(150%, 0) skewX(20deg);
}
} [class^='imghvr-grad-']:before, [class*=' imghvr-grad-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
}
[class^='imghvr-grad-'] figcaption, [class*=' imghvr-grad-'] figcaption {
z-index: 1;
opacity: 0;
background-color: transparent;
}
[class^='imghvr-grad-']:hover:before, [class*=' imghvr-grad-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-grad-']:hover figcaption, [class*=' imghvr-grad-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-grad-radial-in:before {
background-image: -webkit-radial-gradient(transparent 0%, #111111 100%);
background-image: radial-gradient(transparent 0%, #111111 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.imghvr-grad-radial-in:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
opacity: 0;
background-color: #111111;
}
.imghvr-grad-radial-in:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.imghvr-grad-radial-in:hover:after {
opacity: 0.75;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-grad-radial-out:before {
background-image: -webkit-radial-gradient(#111111 0%, transparent 100%);
background-image: radial-gradient(#111111 0%, transparent 100%);
position: absolute;
top: -75%;
bottom: -75%;
left: -75%;
right: -75%;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.imghvr-grad-radial-out:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-image: -webkit-linear-gradient( top , transparent 0%, #111111 100%);
background-image: linear-gradient(to bottom, transparent 0%, #111111 100%);
top: -75%;
} .imghvr-grad-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-image: -webkit-linear-gradient( bottom , transparent 0%, #111111 100%);
background-image: linear-gradient(to top, transparent 0%, #111111 100%);
bottom: -75%;
} .imghvr-grad-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
background-image: -webkit-linear-gradient( left , transparent 0%, #111111 100%);
background-image: linear-gradient(to right, transparent 0%, #111111 100%);
left: -75%;
} .imghvr-grad-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
background-image: -webkit-linear-gradient( right , transparent 0%, #111111 100%);
background-image: linear-gradient(to left, transparent 0%, #111111 100%);
right: -75%;
} .imghvr-grad-top-left:before {
background-image: -webkit-linear-gradient(-45deg, transparent 0%, #111111 100%);
background-image: linear-gradient(-45deg, transparent 0%, #111111 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
right: -75%;
}
.imghvr-grad-top-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-top-right:before {
background-image: -webkit-linear-gradient(-315deg, transparent 0%, #111111 100%);
background-image: linear-gradient(45deg, transparent 0%, #111111 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
left: -75%;
}
.imghvr-grad-top-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-bottom-left:before {
background-image: -webkit-linear-gradient(-135deg, transparent 0%, #111111 100%);
background-image: linear-gradient(-135deg, transparent 0%, #111111 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
right: -75%;
}
.imghvr-grad-bottom-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-bottom-right:before {
background-image: -webkit-linear-gradient(-405deg, transparent 0%, #111111 100%);
background-image: linear-gradient(135deg, transparent 0%, #111111 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
left: -75%;
}
.imghvr-grad-bottom-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} [class^='imghvr-parallax-']:hover figcaption, [class*=' imghvr-parallax-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-parallax-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-parallax-up:hover > img {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .imghvr-parallax-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-parallax-down:hover > img {
-webkit-transform: translateY(50%);
transform: translateY(50%);
} .imghvr-parallax-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-parallax-left:hover > img {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
} .imghvr-parallax-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-parallax-right:hover > img {
-webkit-transform: translateX(50%);
transform: translateX(50%);
} [class^='imghvr-stack-'] > img, [class^='imghvr-stack-'] figcaption, [class*=' imghvr-stack-'] > img, [class*=' imghvr-stack-'] figcaption {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[class^='imghvr-stack-']:hover > img, [class*=' imghvr-stack-']:hover > img {
-webkit-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.5;
}
[class^='imghvr-stack-']:hover figcaption, [class*=' imghvr-stack-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-stack-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-stack-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-stack-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-stack-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-stack-top-left figcaption {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-stack-top-right figcaption {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-stack-bottom-left figcaption {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-stack-bottom-right figcaption {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-cube-'], [class*=' imghvr-cube-'] {
-webkit-perspective: 50em;
perspective: 50em;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
overflow: visible;
background-color: transparent;
}
[class^='imghvr-cube-'] > img, [class*=' imghvr-cube-'] > img {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
[class^='imghvr-cube-'] figcaption, [class*=' imghvr-cube-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: #111111;
}
[class^='imghvr-cube-']:hover > img, [class*=' imghvr-cube-']:hover > img {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-cube-']:hover figcaption, [class*=' imghvr-cube-']:hover figcaption {
-webkit-transform: translateY(0%) rotateX(0deg);
transform: translateY(0%) rotateX(0deg);
opacity: 1;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
} .imghvr-cube-up figcaption {
-webkit-transform: translateY(50%) rotateX(-90deg);
transform: translateY(50%) rotateX(-90deg);
}
.imghvr-cube-up:hover > img {
-webkit-transform: translateY(-50%) rotateX(90deg);
transform: translateY(-50%) rotateX(90deg);
} .imghvr-cube-down figcaption {
-webkit-transform: translateY(-50%) rotateX(90deg);
transform: translateY(-50%) rotateX(90deg);
}
.imghvr-cube-down:hover > img {
-webkit-transform: translateY(50%) rotateX(-90deg);
transform: translateY(50%) rotateX(-90deg);
} .imghvr-cube-left figcaption {
-webkit-transform: translateX(-50%) rotateY(-90deg);
transform: translateX(-50%) rotateY(-90deg);
}
.imghvr-cube-left:hover > img {
-webkit-transform: translateX(50%) rotateY(90deg);
transform: translateX(50%) rotateY(90deg);
} .imghvr-cube-right figcaption {
-webkit-transform: translateX(50%) rotateY(90deg);
transform: translateX(50%) rotateY(90deg);
}
.imghvr-cube-right:hover > img {
-webkit-transform: translateX(-50%) rotateY(-90deg);
transform: translateX(-50%) rotateY(-90deg);
} [class^='imghvr-dive'] figcaption, [class*=' imghvr-dive'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-dive']:hover > img, [class*=' imghvr-dive']:hover > img {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-dive']:hover figcaption, [class*=' imghvr-dive']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
} .imghvr-dive figcaption {
-webkit-transform: scale(5);
transform: scale(5);
}
.imghvr-dive:hover > img {
-webkit-transform: scale(5);
transform: scale(5);
}
.imghvr-dive:hover figcaption {
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-dive-cc figcaption {
-webkit-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-dive-cc:hover > img {
-webkit-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-dive-cc:hover figcaption {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} .imghvr-dive-ccc figcaption {
-webkit-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-dive-ccc:hover > img {
-webkit-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-dive-ccc:hover figcaption {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} [class^='imghvr-switch-'] > img, [class^='imghvr-switch-'] figcaption, [class*=' imghvr-switch-'] > img, [class*=' imghvr-switch-'] figcaption {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[class^='imghvr-switch-']:hover figcaption, [class*=' imghvr-switch-']:hover figcaption {
-webkit-transform: translate(0 0);
transform: translate(0 0);
} .imghvr-switch-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-switch-up:hover > img {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-switch-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-switch-down:hover > img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-switch-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-switch-left:hover > img {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-switch-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-switch-right:hover > img {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} [class^='imghvr-flash-']:before, [class^='imghvr-flash-']:after, [class*=' imghvr-flash-']:before, [class*=' imghvr-flash-']:after {
opacity: 0.75;
background-color: #111111;
position: absolute;
top: -50%;
bottom: -50%;
left: -50%;
right: -50%;
content: '';
}
[class^='imghvr-flash-']:after, [class*=' imghvr-flash-']:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='imghvr-flash-'] figcaption, [class*=' imghvr-flash-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-flash-']:hover figcaption, [class*=' imghvr-flash-']:hover figcaption {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
opacity: 1;
} .imghvr-flash-top-left:before, .imghvr-flash-top-left:after {
-webkit-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-flash-top-left:hover:before {
-webkit-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-flash-top-left:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
} .imghvr-flash-top-right:before, .imghvr-flash-top-right:after {
-webkit-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-flash-top-right:hover:before {
-webkit-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-flash-top-right:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-flash-bottom-left:before, .imghvr-flash-bottom-left:after {
-webkit-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-flash-bottom-left:hover:before {
-webkit-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-flash-bottom-left:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-flash-bottom-right:before, .imghvr-flash-bottom-right:after {
-webkit-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-flash-bottom-right:hover:before {
-webkit-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-flash-bottom-right:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
}
.imghvr-center figcaption {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
[class^='imghvr-']:hover .ih-delay-xs, [class*=' imghvr-']:hover .ih-delay-xs {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='imghvr-']:hover .ih-delay-sm, [class*=' imghvr-']:hover .ih-delay-sm {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[class^='imghvr-']:hover .ih-delay-md, [class*=' imghvr-']:hover .ih-delay-md {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
[class^='imghvr-']:hover .ih-delay-lg, [class*=' imghvr-']:hover .ih-delay-lg {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
[class^='imghvr-']:hover .ih-delay-xl, [class*=' imghvr-']:hover .ih-delay-xl {
-webkit-transition-delay: 0.875s;
transition-delay: 0.875s;
}
[class^='imghvr-']:hover .ih-delay-xxl, [class*=' imghvr-']:hover .ih-delay-xxl {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
[class^='imghvr-'] [class^='ih-'], [class^='imghvr-'] [class*=' ih-'], [class*=' imghvr-'] [class^='ih-'], [class*=' imghvr-'] [class*=' ih-'] {
opacity: 0;
}
[class^='imghvr-'] .ih-fade-up, [class*=' imghvr-'] .ih-fade-up {
-webkit-transform: translate(0, 25px);
transform: translate(0, 25px);
}
[class^='imghvr-'] .ih-fade-down, [class*=' imghvr-'] .ih-fade-down {
-webkit-transform: translate(0, -25px);
transform: translate(0, -25px);
}
[class^='imghvr-'] .ih-fade-left, [class*=' imghvr-'] .ih-fade-left {
-webkit-transform: translate(25px, 0);
transform: translate(25px, 0);
}
[class^='imghvr-'] .ih-fade-right, [class*=' imghvr-'] .ih-fade-right {
-webkit-transform: translate(-25px, 0);
transform: translate(-25px, 0);
}
[class^='imghvr-'] .ih-fade-up-big, [class*=' imghvr-'] .ih-fade-up-big {
-webkit-transform: translate(0, 300%);
transform: translate(0, 300%);
}
[class^='imghvr-'] .ih-fade-down-big, [class*=' imghvr-'] .ih-fade-down-big {
-webkit-transform: translate(0, -300%);
transform: translate(0, -300%);
}
[class^='imghvr-'] .ih-fade-left-big, [class*=' imghvr-'] .ih-fade-left-big {
-webkit-transform: translate(150%, 0);
transform: translate(150%, 0);
}
[class^='imghvr-'] .ih-fade-right-big, [class*=' imghvr-'] .ih-fade-right-big {
-webkit-transform: translate(-150%, 0);
transform: translate(-150%, 0);
}
[class^='imghvr-'] .ih-zoom-in, [class*=' imghvr-'] .ih-zoom-in {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
[class^='imghvr-'] .ih-zoom-out, [class*=' imghvr-'] .ih-zoom-out {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
[class^='imghvr-'] .ih-flip-x, [class*=' imghvr-'] .ih-flip-x {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
[class^='imghvr-'] .ih-flip-y, [class*=' imghvr-'] .ih-flip-y {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
[class^='imghvr-']:hover [class^='ih-'], [class^='imghvr-']:hover [class*=' ih-'], [class*=' imghvr-']:hover [class^='ih-'], [class*=' imghvr-']:hover [class*=' ih-'] {
-webkit-transform: translate(0, 0) scale(1) rotate(0);
transform: translate(0, 0) scale(1) rotate(0);
opacity: 1;
}.keyboard-navigation-outline:not(.wp-block-surecart-column .keyboard-navigation-outline){outline-style:solid!important;outline-width:3px!important;-webkit-transition:none!important;transition:none!important}a.keyboard-navigation-outline,button:active.keyboard-navigation-outline,button:focus.keyboard-navigation-outline,input:active.keyboard-navigation-outline,input:focus.keyboard-navigation-outline,textarea:active.keyboard-navigation-outline,textarea:focus.keyboard-navigation-outline{outline-offset:5px}.et-search-form input:focus.keyboard-navigation-outline{padding-left:15px;padding-right:15px}.et_pb_tab{-webkit-animation:none!important;animation:none!important}.et_pb_scroll_top.et-visible:focus{outline-width:2px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.et_pb_scroll_top.et-visible:focus{outline-color:-webkit-focus-ring-color;outline-style:auto}}li.menu-item.menu-item-has-children>a:after{speak:none}body a{text-decoration:underline;}.et_pb_social_icon>a.icon,.et-pb-arrow-prev,.et-pb-arrow-next,.dssb-sharing-button>a{text-decoration:none!important;}#et-main-area .entry-title a,.et_pb_module_header a,.et_pb_tabs_controls li a, h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {text-decoration:none!important;}.et_pb_button,.et_pb_video_play,.wp-block-button a{text-decoration:none!important;}#main-header a,.et_pb_module.et_pb_menu a{text-decoration:none!important}#et-secondary-nav li a,#main-header .nav li a,.et_pb_menu a{text-decoration:none}.menu li.et-hover>ul,.nav li.et-hover>ul{visibility:visible!important;opacity:1!important}.menu-item-has-children li.menu-item-has-children>a+button.dropdown-toggle,nav>ul>li.menu-item-has-children>a+button.dropdown-toggle{position:absolute;height:10px;width:10px;border:none;padding:0;background:0 0;outline-offset:5px}nav>ul>li.menu-item-has-children>a+button.dropdown-toggle{top:calc(50% - 8px)}.menu-item-has-children li.menu-item-has-children>a+button.dropdown-toggle{top:calc(50% - 6px);right:42.5px!important;left:auto!important}.et_pb_search .screen-reader-text,.widget_search .screen-reader-text{display:block!important}.da-screen-reader-text,.et_pb_search .screen-reader-text,.et_pb_social_media_follow_network_name,.widget_search .screen-reader-text{clip:rect(1px,1px,1px,1px);overflow:hidden;text-shadow:none;text-transform:none;letter-spacing:normal;-webkit-font-smoothing:subpixel-antialiased}.da-screen-reader-text:focus{background:#f1f1f1;color:#00547a;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;display:block;height:auto;left:5px;padding:15px 23px 14px;text-decoration:none;top:7px;width:auto;z-index:1000000}.et_pb_toggle_open .et_pb_toggle_title:before{display:block !important;content:"\e04f"}@font-face{font-family:"Open Sans";src:url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenSans-SemiBold.woff2) format("woff2"),url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"OpenDyslexic";src:url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Regular.woff2) format("woff2"),url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Regular.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"OpenDyslexic";src:url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Italic.woff2) format("woff2"),url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Italic.woff) format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"OpenDyslexic";src:url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Bold.woff2) format("woff2"),url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Bold.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"OpenDyslexic";src:url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Bold-Italic.woff2) format("woff2"),url(//optimedien.com/wp-content/plugins/divi-modules-accessibility-bundle/plugins/divi-modules-accessibility-sidebar/extensions/fonts/OpenDyslexic-Bold-Italic.woff) format("woff");font-weight:bold;font-style:italic;font-display:swap}
#dvmd_accessibility_wrapper *{margin:0;padding:0;font-family:"Open Sans",Helvetica,Roboto,Arial,sans-serif;font-size:16px;font-size:1em;font-weight:600;font-style:normal;text-align:center;text-transform:none;text-decoration:none;letter-spacing:0;line-height:1.3;-webkit-box-sizing:border-box;box-sizing:border-box}#dvmd_acsb_sidebar{z-index:calc(var(--dvmd_acsb_sidebar_zindex) + 101);position:fixed;top:0;width:100%;max-width:30em;display:none;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;background:var(--dvmd_acsb_sidebar_background_color_tint);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3);box-shadow:0 0 30px rgba(0,0,0,0.3)}#dvmd_acsb_sidebar[data-acsb-size="1"]{font-size:10px}#dvmd_acsb_sidebar[data-acsb-size="2"]{font-size:12px}#dvmd_acsb_sidebar[data-acsb-size="3"]{font-size:14px}#dvmd_acsb_sidebar[data-acsb-size="4"]{font-size:16px}#dvmd_acsb_sidebar[data-acsb-size="5"]{font-size:18px}#dvmd_acsb_sidebar[data-acsb-position=left]{left:0}#dvmd_acsb_sidebar[data-acsb-position=right]{right:0}@media screen and (max-width:767px){#dvmd_acsb_sidebar{max-width:none}}#dvmd_acsb_sidebar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 1.5em;width:100%;max-width:none;height:3em;border:none;border-radius:1.5em;background-color:var(--dvmd_acsb_sidebar_background_color);color:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar small{display:block}#dvmd_acsb_sidebar button{all:unset;cursor:pointer;position:relative;height:3em;width:100%}#dvmd_acsb_sidebar svg{pointer-events:none;position:absolute;top:50%;width:1em;height:1em;padding:1px;-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease,-webkit-transform 0.2s ease}#dvmd_acsb_sidebar .dvmd_acsb_inner{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#dvmd_acsb_sidebar .dvmd_ac_text{pointer-events:none}#dvmd_acsb_sidebar .dvmd_acsb_select_wrapper{position:relative}#dvmd_acsb_sidebar .dvmd_acsb_select_wrapper:after{content:"";position:absolute;-webkit-transform:translateY(-25%);transform:translateY(-25%);top:50%;width:0;height:0;border:5px solid transparent;border-color:var(--dvmd_acsb_sidebar_text_color) transparent transparent transparent}#dvmd_acsb_sidebar [tabindex="0"]:focus,#dvmd_acsb_sidebar [tabindex="0"]:hover,#dvmd_acsb_sidebar a:focus,#dvmd_acsb_sidebar a:hover,#dvmd_acsb_sidebar button:focus,#dvmd_acsb_sidebar button:hover{-webkit-box-shadow:0 0 0 3px var(--dvmd_acsb_sidebar_button_color_tint);box-shadow:0 0 0 3px var(--dvmd_acsb_sidebar_button_color_tint)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar svg{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_select_wrapper:after{right:1.5em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar svg{-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_select_wrapper:after{left:1.5em}html{}@media screen and (max-width:1200px){html #dvmd_accessibility_wrapper[data-acsb-visibility="1200"]{display:none!important}}@media screen and (max-width:980px){html #dvmd_accessibility_wrapper[data-acsb-visibility="980"]{display:none!important}}@media screen and (max-width:768px){html #dvmd_accessibility_wrapper[data-acsb-visibility="768"]{display:none!important}}@media screen and (max-width:480px){html #dvmd_accessibility_wrapper[data-acsb-visibility="480"]{display:none!important}}@media screen and (max-width:320px){html #dvmd_accessibility_wrapper[data-acsb-visibility="320"]{display:none!important}}html[data-acsb-color-contrast] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-color-saturation] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-focus-ring] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-hide-images] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-large-cursor] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-line-height] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-page-structure] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-reading-guide] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-reading-mask] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-screen-reader-voice] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-screen-reader] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-stop-animations] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-text-alignment] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-text-font] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-text-size] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-text-spacing] #dvmd_acsb_button .dvmd_acsb_tick,html[data-acsb-tool-tip] #dvmd_acsb_button .dvmd_acsb_tick{display:block}html[data-acsb-profile] #dvmd_acsb_accessibility_profiles .dvmd_acsb_tick{display:block}html[data-acsb-screen-reader-voice] #dvmd_acsb_screen_reader .dvmd_acsb_tick,html[data-acsb-screen-reader] #dvmd_acsb_screen_reader .dvmd_acsb_tick{display:block}html[data-acsb-focus-ring] #dvmd_acsb_navigation_tools .dvmd_acsb_tick,html[data-acsb-large-cursor] #dvmd_acsb_navigation_tools .dvmd_acsb_tick,html[data-acsb-page-structure] #dvmd_acsb_navigation_tools .dvmd_acsb_tick{display:block}html[data-acsb-reading-guide] #dvmd_acsb_reading_tools .dvmd_acsb_tick,html[data-acsb-reading-mask] #dvmd_acsb_reading_tools .dvmd_acsb_tick,html[data-acsb-tool-tip] #dvmd_acsb_reading_tools .dvmd_acsb_tick{display:block}html[data-acsb-line-height] #dvmd_acsb_text_tools .dvmd_acsb_tick,html[data-acsb-text-alignment] #dvmd_acsb_text_tools .dvmd_acsb_tick,html[data-acsb-text-font] #dvmd_acsb_text_tools .dvmd_acsb_tick,html[data-acsb-text-size] #dvmd_acsb_text_tools .dvmd_acsb_tick,html[data-acsb-text-spacing] #dvmd_acsb_text_tools .dvmd_acsb_tick{display:block}html[data-acsb-color-contrast] #dvmd_acsb_graphics_tools .dvmd_acsb_tick,html[data-acsb-color-saturation] #dvmd_acsb_graphics_tools .dvmd_acsb_tick,html[data-acsb-hide-images] #dvmd_acsb_graphics_tools .dvmd_acsb_tick,html[data-acsb-stop-animations] #dvmd_acsb_graphics_tools .dvmd_acsb_tick{display:block}html[data-acsb-screen-reader] body #page-container .dvmd_acsb_screen_reader_active,html[data-acsb-screen-reader] body .dvmd_acsb_screen_reader_active,html[data-acsb-screen-reader] body.et-db #et-boc .et-l .dvmd_acsb_screen_reader_active{outline:3px dotted var(--dvmd_acsb_highlight_screen_reader_color)!important;outline-style:dotted!important;outline-offset:0!important}html[data-acsb-screen-reader] body #dvmd_accessibility_wrapper .dvmd_acsb_screen_reader_active,html[data-acsb-screen-reader] body #page-container #dvmd_accessibility_wrapper .dvmd_acsb_screen_reader_active,html[data-acsb-screen-reader] body.et-db #et-boc .et-l #dvmd_accessibility_wrapper .dvmd_acsb_screen_reader_active{outline-offset:0!important}html[data-acsb-color-cursor=black] body.et-db #et-boc .et-l *,html[data-acsb-large-cursor=black] body #page-container *,html[data-acsb-large-cursor=black] body *{cursor:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMzLjZweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgMzMuNiA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzMuNiA0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0ibTIuNSA0Mi40IDkuMS04LjhMMTkuMyA0OGw5LjUtNS03LjUtMTQuNUwzMy42IDI2IDAgMGwyLjUgNDIuNHoiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmZmYiLz48cGF0aCBkPSJtNS4yIDM1LjggNi45LTYuNyA4IDE0LjkgNS0yLjYtNy44LTE0LjkgOS40LTJMMy4zIDYuMmwxLjkgMjkuNnoiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZCIvPjwvc3ZnPg=="),auto!important}html[data-acsb-color-cursor=white] body.et-db #et-boc .et-l *,html[data-acsb-large-cursor=white] body #page-container *,html[data-acsb-large-cursor=white] body *{cursor:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMzLjZweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgMzMuNiA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzMuNiA0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0ibTIuNSA0Mi40IDkuMS04LjhMMTkuMyA0OGw5LjUtNS03LjUtMTQuNUwzMy42IDI2IDAgMGwyLjUgNDIuNHoiLz48cGF0aCBkPSJtNS4yIDM1LjggNi45LTYuNyA4IDE0LjkgNS0yLjYtNy44LTE0LjkgOS40LTJMMy4zIDYuMmwxLjkgMjkuNnoiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4="),auto!important}html[data-acsb-page-structure=headings] body #page-container h1.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body #page-container h2.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body #page-container h3.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body #page-container h4.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body #page-container h5.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body #page-container h6.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body h1.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body h2.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body h3.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body h4.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body h5.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body h6.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h1.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h2.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h3.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h4.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h5.dvmd_acsb_el_heading,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h6.dvmd_acsb_el_heading{outline:3px dotted var(--dvmd_acsb_highlight_headings_color)!important;outline-style:dotted!important;outline-offset:0!important}html[data-acsb-page-structure=headings] body #page-container h1.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body #page-container h1.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body #page-container h2.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body #page-container h2.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body #page-container h3.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body #page-container h3.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body #page-container h4.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body #page-container h4.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body #page-container h5.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body #page-container h5.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body #page-container h6.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body #page-container h6.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body h1.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body h1.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body h2.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body h2.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body h3.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body h3.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body h4.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body h4.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body h5.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body h5.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body h6.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body h6.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h1.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h1.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h2.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h2.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h3.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h3.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h4.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h4.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h5.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h5.dvmd_acsb_el_heading:focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h6.dvmd_acsb_el_heading.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=headings] body.et-db #et-boc .et-l h6.dvmd_acsb_el_heading:focus{outline-style:solid!important;outline-offset:0!important}html[data-acsb-page-structure=landmarks] body #page-container .dvmd_acsb_el_landmark,html[data-acsb-page-structure=landmarks] body .dvmd_acsb_el_landmark,html[data-acsb-page-structure=landmarks] body.et-db #et-boc .et-l .dvmd_acsb_el_landmark{outline:3px dotted var(--dvmd_acsb_highlight_landmarks_color)!important;outline-style:dotted!important;outline-offset:-3px!important}html[data-acsb-page-structure=landmarks] body #page-container .dvmd_acsb_el_landmark.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=landmarks] body #page-container .dvmd_acsb_el_landmark:focus,html[data-acsb-page-structure=landmarks] body .dvmd_acsb_el_landmark.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=landmarks] body .dvmd_acsb_el_landmark:focus,html[data-acsb-page-structure=landmarks] body.et-db #et-boc .et-l .dvmd_acsb_el_landmark.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=landmarks] body.et-db #et-boc .et-l .dvmd_acsb_el_landmark:focus{outline-style:solid!important;outline-offset:-3px!important}html[data-acsb-page-structure=links] body #page-container a.dvmd_acsb_el_link,html[data-acsb-page-structure=links] body a.dvmd_acsb_el_link,html[data-acsb-page-structure=links] body.et-db #et-boc .et-l a.dvmd_acsb_el_link{outline:3px dotted var(--dvmd_acsb_highlight_links_color)!important;outline-style:dotted!important;outline-offset:0!important}html[data-acsb-page-structure=links] body #page-container a.dvmd_acsb_el_link.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=links] body #page-container a.dvmd_acsb_el_link:focus,html[data-acsb-page-structure=links] body a.dvmd_acsb_el_link.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=links] body a.dvmd_acsb_el_link:focus,html[data-acsb-page-structure=links] body.et-db #et-boc .et-l a.dvmd_acsb_el_link.dvmd_acsb_page_structure_focus,html[data-acsb-page-structure=links] body.et-db #et-boc .et-l a.dvmd_acsb_el_link:focus{outline-style:solid!important;outline-offset:0!important}html[data-acsb-focus-ring] body #page-container :focus:not(#dvmd_accessibility_wrapper *),html[data-acsb-focus-ring] body :focus:not(#dvmd_accessibility_wrapper *),html[data-acsb-focus-ring] body.et-db #et-boc .et-l :focus:not(#dvmd_accessibility_wrapper *){outline:3px solid var(--dvmd_acsb_highlight_focus_ring_color)!important;outline-style:solid!important;outline-offset:0!important}html[data-acsb-tool-tip] body #page-container .dvmd_acsb_tooltip_active:not(#dvmd_accessibility_wrapper *),html[data-acsb-tool-tip] body .dvmd_acsb_tooltip_active:not(#dvmd_accessibility_wrapper *),html[data-acsb-tool-tip] body.et-db #et-boc .et-l .dvmd_acsb_tooltip_active:not(#dvmd_accessibility_wrapper *){outline:3px solid var(--dvmd_acsb_highlight_tooltip_color)!important;outline-style:solid!important;outline-offset:0!important}html body #dvmd_acsb_tooltip_tool,html body #page-container #dvmd_acsb_tooltip_tool,html body.et-db #et-boc .et-l #dvmd_acsb_tooltip_tool{z-index:calc(var(--dvmd_acsb_sidebar_zindex) + 103);display:none;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;position:fixed;top:calc(100vh - 40px);left:50vw;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);padding:0.4em 1.25em 0.5em;width:90%;max-width:400px;border-radius:0.5em;border:2px solid white;background:rgba(0,0,0,0.8);-webkit-box-shadow:0 0.25em 1em rgba(0,0,0,0.4);box-shadow:0 0.25em 1em rgba(0,0,0,0.4);color:white}html[data-acsb-tool-tip=small] body #dvmd_acsb_tooltip_tool,html[data-acsb-tool-tip=small] body #page-container #dvmd_acsb_tooltip_tool,html[data-acsb-tool-tip=small] body.et-db #et-boc .et-l #dvmd_acsb_tooltip_tool{font-size:14px}html[data-acsb-tool-tip=medium] body #dvmd_acsb_tooltip_tool,html[data-acsb-tool-tip=medium] body #page-container #dvmd_acsb_tooltip_tool,html[data-acsb-tool-tip=medium] body.et-db #et-boc .et-l #dvmd_acsb_tooltip_tool{font-size:17px}html[data-acsb-tool-tip=large] body #dvmd_acsb_tooltip_tool,html[data-acsb-tool-tip=large] body #page-container #dvmd_acsb_tooltip_tool,html[data-acsb-tool-tip=large] body.et-db #et-boc .et-l #dvmd_acsb_tooltip_tool{font-size:20px}html body #dvmd_acsb_reading_guide_tool,html body #page-container #dvmd_acsb_reading_guide_tool,html body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool{display:none;z-index:calc(var(--dvmd_acsb_sidebar_zindex) + 104);position:fixed;left:0;width:100vw;background-color:#222;pointer-events:none}html body #dvmd_acsb_reading_guide_tool span,html body #page-container #dvmd_acsb_reading_guide_tool span,html body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span{display:block;position:relative;width:0;height:0}html body #dvmd_acsb_reading_guide_tool span:after,html body #dvmd_acsb_reading_guide_tool span:before,html body #page-container #dvmd_acsb_reading_guide_tool span:after,html body #page-container #dvmd_acsb_reading_guide_tool span:before,html body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:after,html body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:before{content:"";position:absolute;width:0;height:0;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}html[data-acsb-reading-guide=small] body #dvmd_acsb_reading_guide_tool,html[data-acsb-reading-guide=small] body #page-container #dvmd_acsb_reading_guide_tool,html[data-acsb-reading-guide=small] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool{display:block;height:3px;-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff}html[data-acsb-reading-guide=small] body #dvmd_acsb_reading_guide_tool span:before,html[data-acsb-reading-guide=small] body #page-container #dvmd_acsb_reading_guide_tool span:before,html[data-acsb-reading-guide=small] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:before{border-right:solid 9px transparent;border-left:solid 9px transparent;border-bottom:solid 9px #fff}html[data-acsb-reading-guide=small] body #dvmd_acsb_reading_guide_tool span:after,html[data-acsb-reading-guide=small] body #page-container #dvmd_acsb_reading_guide_tool span:after,html[data-acsb-reading-guide=small] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:after{border-right:solid 6px transparent;border-left:solid 6px transparent;border-bottom:solid 6px #222}html[data-acsb-reading-guide=medium] body #dvmd_acsb_reading_guide_tool,html[data-acsb-reading-guide=medium] body #page-container #dvmd_acsb_reading_guide_tool,html[data-acsb-reading-guide=medium] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool{display:block;height:5px;-webkit-box-shadow:0 0 0 3px #fff;box-shadow:0 0 0 3px #fff}html[data-acsb-reading-guide=medium] body #dvmd_acsb_reading_guide_tool span:before,html[data-acsb-reading-guide=medium] body #page-container #dvmd_acsb_reading_guide_tool span:before,html[data-acsb-reading-guide=medium] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:before{border-right:solid 15px transparent;border-left:solid 15px transparent;border-bottom:solid 15px #fff}html[data-acsb-reading-guide=medium] body #dvmd_acsb_reading_guide_tool span:after,html[data-acsb-reading-guide=medium] body #page-container #dvmd_acsb_reading_guide_tool span:after,html[data-acsb-reading-guide=medium] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:after{border-right:solid 10px transparent;border-left:solid 10px transparent;border-bottom:solid 10px #222}html[data-acsb-reading-guide=large] body #dvmd_acsb_reading_guide_tool,html[data-acsb-reading-guide=large] body #page-container #dvmd_acsb_reading_guide_tool,html[data-acsb-reading-guide=large] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool{display:block;height:8px;-webkit-box-shadow:0 0 0 4px #fff;box-shadow:0 0 0 4px #fff}html[data-acsb-reading-guide=large] body #dvmd_acsb_reading_guide_tool span:before,html[data-acsb-reading-guide=large] body #page-container #dvmd_acsb_reading_guide_tool span:before,html[data-acsb-reading-guide=large] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:before{border-right:solid 22px transparent;border-left:solid 22px transparent;border-bottom:solid 22px #fff}html[data-acsb-reading-guide=large] body #dvmd_acsb_reading_guide_tool span:after,html[data-acsb-reading-guide=large] body #page-container #dvmd_acsb_reading_guide_tool span:after,html[data-acsb-reading-guide=large] body.et-db #et-boc .et-l #dvmd_acsb_reading_guide_tool span:after{border-right:solid 16px transparent;border-left:solid 16px transparent;border-bottom:solid 16px #222}html body #dvmd_acsb_reading_mask_tool,html body #page-container #dvmd_acsb_reading_mask_tool,html body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool{display:none}html body #dvmd_acsb_reading_mask_tool span:first-child,html body #page-container #dvmd_acsb_reading_mask_tool span:first-child,html body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:first-child{z-index:calc(var(--dvmd_acsb_sidebar_zindex) + 104);display:block;position:fixed;top:0;left:0;width:100vw;background-color:rgba(0,0,0,0.6);border-bottom:5px solid #fff;pointer-events:none}html body #dvmd_acsb_reading_mask_tool span:last-child,html body #page-container #dvmd_acsb_reading_mask_tool span:last-child,html body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:last-child{z-index:calc(var(--dvmd_acsb_sidebar_zindex) + 104);display:block;position:fixed;bottom:0;width:100vw;background-color:rgba(0,0,0,0.6);border-top:5px solid #fff;pointer-events:none}html[data-acsb-reading-mask=small] body #dvmd_acsb_reading_mask_tool,html[data-acsb-reading-mask=small] body #page-container #dvmd_acsb_reading_mask_tool,html[data-acsb-reading-mask=small] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool{display:block}html[data-acsb-reading-mask=small] body #dvmd_acsb_reading_mask_tool span:first-child,html[data-acsb-reading-mask=small] body #page-container #dvmd_acsb_reading_mask_tool span:first-child,html[data-acsb-reading-mask=small] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:first-child{-webkit-transform:translateY(-50px);transform:translateY(-50px)}html[data-acsb-reading-mask=small] body #dvmd_acsb_reading_mask_tool span:last-child,html[data-acsb-reading-mask=small] body #page-container #dvmd_acsb_reading_mask_tool span:last-child,html[data-acsb-reading-mask=small] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:last-child{-webkit-transform:translateY(50px);transform:translateY(50px)}html[data-acsb-reading-mask=medium] body #dvmd_acsb_reading_mask_tool,html[data-acsb-reading-mask=medium] body #page-container #dvmd_acsb_reading_mask_tool,html[data-acsb-reading-mask=medium] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool{display:block}html[data-acsb-reading-mask=medium] body #dvmd_acsb_reading_mask_tool span:first-child,html[data-acsb-reading-mask=medium] body #page-container #dvmd_acsb_reading_mask_tool span:first-child,html[data-acsb-reading-mask=medium] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:first-child{-webkit-transform:translateY(-100px);transform:translateY(-100px)}html[data-acsb-reading-mask=medium] body #dvmd_acsb_reading_mask_tool span:last-child,html[data-acsb-reading-mask=medium] body #page-container #dvmd_acsb_reading_mask_tool span:last-child,html[data-acsb-reading-mask=medium] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:last-child{-webkit-transform:translateY(100px);transform:translateY(100px)}html[data-acsb-reading-mask=large] body #dvmd_acsb_reading_mask_tool,html[data-acsb-reading-mask=large] body #page-container #dvmd_acsb_reading_mask_tool,html[data-acsb-reading-mask=large] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool{display:block}html[data-acsb-reading-mask=large] body #dvmd_acsb_reading_mask_tool span:first-child,html[data-acsb-reading-mask=large] body #page-container #dvmd_acsb_reading_mask_tool span:first-child,html[data-acsb-reading-mask=large] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:first-child{-webkit-transform:translateY(-150px);transform:translateY(-150px)}html[data-acsb-reading-mask=large] body #dvmd_acsb_reading_mask_tool span:last-child,html[data-acsb-reading-mask=large] body #page-container #dvmd_acsb_reading_mask_tool span:last-child,html[data-acsb-reading-mask=large] body.et-db #et-boc .et-l #dvmd_acsb_reading_mask_tool span:last-child{-webkit-transform:translateY(150px);transform:translateY(150px)}html[data-acsb-text-font=sansserif] body #page-container .dvmd_acsb_el_text:not(i):not(.et-pb-icon):not(.et_pb_icon),html[data-acsb-text-font=sansserif] body .dvmd_acsb_el_text:not(i):not(.et-pb-icon):not(.et_pb_icon),html[data-acsb-text-font=sansserif] body.et-db #et-boc .et-l .dvmd_acsb_el_text:not(i):not(.et-pb-icon):not(.et_pb_icon){font-family:Arial,Helvetica,sans-serif!important}html[data-acsb-text-font=dyslexic] body #page-container .dvmd_acsb_el_text:not(i):not(.et-pb-icon):not(.et_pb_icon),html[data-acsb-text-font=dyslexic] body .dvmd_acsb_el_text:not(i):not(.et-pb-icon):not(.et_pb_icon),html[data-acsb-text-font=dyslexic] body.et-db #et-boc .et-l .dvmd_acsb_el_text:not(i):not(.et-pb-icon):not(.et_pb_icon){font-family:"OpenDyslexic",Arial,Helvetica,sans-serif!important}html[data-acsb-line-height="1"] body #page-container .dvmd_acsb_el_text,html[data-acsb-line-height="1"] body .dvmd_acsb_el_text,html[data-acsb-line-height="1"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{line-height:1.5!important}html[data-acsb-line-height="2"] body #page-container .dvmd_acsb_el_text,html[data-acsb-line-height="2"] body .dvmd_acsb_el_text,html[data-acsb-line-height="2"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{line-height:2!important}html[data-acsb-line-height="3"] body #page-container .dvmd_acsb_el_text,html[data-acsb-line-height="3"] body .dvmd_acsb_el_text,html[data-acsb-line-height="3"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{line-height:2.5!important}html[data-acsb-line-height="4"] body #page-container .dvmd_acsb_el_text,html[data-acsb-line-height="4"] body .dvmd_acsb_el_text,html[data-acsb-line-height="4"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{line-height:3!important}html[data-acsb-text-spacing="1"] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-spacing="1"] body .dvmd_acsb_el_text,html[data-acsb-text-spacing="1"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{letter-spacing:0.1em!important;word-spacing:0.1em!important}html[data-acsb-text-spacing="2"] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-spacing="2"] body .dvmd_acsb_el_text,html[data-acsb-text-spacing="2"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{letter-spacing:0.2em!important;word-spacing:0.2em!important}html[data-acsb-text-spacing="3"] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-spacing="3"] body .dvmd_acsb_el_text,html[data-acsb-text-spacing="3"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{letter-spacing:0.3em!important;word-spacing:0.3em!important}html[data-acsb-text-spacing="4"] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-spacing="4"] body .dvmd_acsb_el_text,html[data-acsb-text-spacing="4"] body.et-db #et-boc .et-l .dvmd_acsb_el_text{letter-spacing:0.4em!important;word-spacing:0.4em!important}html[data-acsb-text-alignment=left] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-alignment=left] body .dvmd_acsb_el_text,html[data-acsb-text-alignment=left] body.et-db #et-boc .et-l .dvmd_acsb_el_text{text-align:left!important}html[data-acsb-text-alignment=center] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-alignment=center] body .dvmd_acsb_el_text,html[data-acsb-text-alignment=center] body.et-db #et-boc .et-l .dvmd_acsb_el_text{text-align:center!important}html[data-acsb-text-alignment=right] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-alignment=right] body .dvmd_acsb_el_text,html[data-acsb-text-alignment=right] body.et-db #et-boc .et-l .dvmd_acsb_el_text{text-align:right!important}html[data-acsb-text-alignment=justify] body #page-container .dvmd_acsb_el_text,html[data-acsb-text-alignment=justify] body .dvmd_acsb_el_text,html[data-acsb-text-alignment=justify] body.et-db #et-boc .et-l .dvmd_acsb_el_text{text-align:justify!important}html[data-acsb-color-saturation=none]{-webkit-filter:saturate(0)!important;filter:saturate(0)!important}html[data-acsb-color-saturation=none][data-acsb-color-contrast=invert]{-webkit-filter:saturate(0) invert(100%)!important;filter:saturate(0) invert(100%)!important}html[data-acsb-color-saturation=low]{-webkit-filter:saturate(0.3)!important;filter:saturate(0.3)!important}html[data-acsb-color-saturation=low][data-acsb-color-contrast=invert]{-webkit-filter:saturate(0.3) invert(100%)!important;filter:saturate(0.3) invert(100%)!important}html[data-acsb-color-saturation=high]{-webkit-filter:saturate(2)!important;filter:saturate(2)!important}html[data-acsb-color-saturation=high][data-acsb-color-contrast=invert]{-webkit-filter:saturate(2) invert(100%)!important;filter:saturate(2) invert(100%)!important}html[data-acsb-color-contrast=invert]{-webkit-filter:invert(100%)!important;filter:invert(100%)!important}html[data-acsb-color-contrast=invert] #dvmd_acsb_sidebar,html[data-acsb-color-contrast=invert] #wpadminbar{-webkit-filter:invert(100%)!important;filter:invert(100%)!important}html[data-acsb-color-contrast=dark]{-webkit-filter:saturate(0)!important;filter:saturate(0)!important}html[data-acsb-color-contrast=dark],html[data-acsb-color-contrast=dark] body{color:#fff!important;border-color:#fff!important;background-color:#222!important}html[data-acsb-color-contrast=dark] body #page-container .dvmd_acsb_el_text,html[data-acsb-color-contrast=dark] body .dvmd_acsb_el_text,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l .dvmd_acsb_el_text{color:#fff!important}html[data-acsb-color-contrast=dark] body #page-container .dvmd_acsb_el_border,html[data-acsb-color-contrast=dark] body .dvmd_acsb_el_border,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l .dvmd_acsb_el_border{border-color:#fff!important}html[data-acsb-color-contrast=dark] body #page-container .dvmd_acsb_el_background,html[data-acsb-color-contrast=dark] body .dvmd_acsb_el_background,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l .dvmd_acsb_el_background{background-color:#222!important}html[data-acsb-color-contrast=dark] body #page-container .dvmd_acsb_el_gradient,html[data-acsb-color-contrast=dark] body .dvmd_acsb_el_gradient,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l .dvmd_acsb_el_gradient{background-color:#222!important;background-image:none!important}html[data-acsb-color-contrast=dark] body #page-container input,html[data-acsb-color-contrast=dark] body #page-container textarea,html[data-acsb-color-contrast=dark] body input,html[data-acsb-color-contrast=dark] body textarea,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l input,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l textarea{border:2px solid #fff!important;color:#fff!important}html[data-acsb-color-contrast=dark] body #page-container input::-webkit-input-placeholder,html[data-acsb-color-contrast=dark] body #page-container textarea::-webkit-input-placeholder,html[data-acsb-color-contrast=dark] body input::-webkit-input-placeholder,html[data-acsb-color-contrast=dark] body textarea::-webkit-input-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l input::-webkit-input-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l textarea::-webkit-input-placeholder{color:#fff!important}html[data-acsb-color-contrast=dark] body #page-container input::-moz-placeholder,html[data-acsb-color-contrast=dark] body #page-container textarea::-moz-placeholder,html[data-acsb-color-contrast=dark] body input::-moz-placeholder,html[data-acsb-color-contrast=dark] body textarea::-moz-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l input::-moz-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l textarea::-moz-placeholder{color:#fff!important}html[data-acsb-color-contrast=dark] body #page-container input:-ms-input-placeholder,html[data-acsb-color-contrast=dark] body #page-container textarea:-ms-input-placeholder,html[data-acsb-color-contrast=dark] body input:-ms-input-placeholder,html[data-acsb-color-contrast=dark] body textarea:-ms-input-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l input:-ms-input-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l textarea:-ms-input-placeholder{color:#fff!important}html[data-acsb-color-contrast=dark] body #page-container input::-ms-input-placeholder,html[data-acsb-color-contrast=dark] body #page-container textarea::-ms-input-placeholder,html[data-acsb-color-contrast=dark] body input::-ms-input-placeholder,html[data-acsb-color-contrast=dark] body textarea::-ms-input-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l input::-ms-input-placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l textarea::-ms-input-placeholder{color:#fff!important}html[data-acsb-color-contrast=dark] body #page-container input::placeholder,html[data-acsb-color-contrast=dark] body #page-container textarea::placeholder,html[data-acsb-color-contrast=dark] body input::placeholder,html[data-acsb-color-contrast=dark] body textarea::placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l input::placeholder,html[data-acsb-color-contrast=dark] body.et-db #et-boc .et-l textarea::placeholder{color:#fff!important}html[data-acsb-color-contrast=light]{-webkit-filter:saturate(0)!important;filter:saturate(0)!important}html[data-acsb-color-contrast=light],html[data-acsb-color-contrast=light] body{color:#222!important;border-color:#222!important;background-color:#fff!important}html[data-acsb-color-contrast=light] body #page-container .dvmd_acsb_el_text,html[data-acsb-color-contrast=light] body .dvmd_acsb_el_text,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l .dvmd_acsb_el_text{color:#222!important}html[data-acsb-color-contrast=light] body #page-container .dvmd_acsb_el_border,html[data-acsb-color-contrast=light] body .dvmd_acsb_el_border,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l .dvmd_acsb_el_border{border-color:#222!important}html[data-acsb-color-contrast=light] body #page-container .dvmd_acsb_el_background,html[data-acsb-color-contrast=light] body .dvmd_acsb_el_background,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l .dvmd_acsb_el_background{background-color:#fff!important}html[data-acsb-color-contrast=light] body #page-container .dvmd_acsb_el_gradient,html[data-acsb-color-contrast=light] body .dvmd_acsb_el_gradient,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l .dvmd_acsb_el_gradient{background-color:#fff!important;background-image:none!important}html[data-acsb-color-contrast=light] body #page-container input,html[data-acsb-color-contrast=light] body #page-container textarea,html[data-acsb-color-contrast=light] body input,html[data-acsb-color-contrast=light] body textarea,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l input,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l textarea{border:2px solid #222!important;color:#222!important}html[data-acsb-color-contrast=light] body #page-container input::-webkit-input-placeholder,html[data-acsb-color-contrast=light] body #page-container textarea::-webkit-input-placeholder,html[data-acsb-color-contrast=light] body input::-webkit-input-placeholder,html[data-acsb-color-contrast=light] body textarea::-webkit-input-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l input::-webkit-input-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l textarea::-webkit-input-placeholder{color:#222!important}html[data-acsb-color-contrast=light] body #page-container input::-moz-placeholder,html[data-acsb-color-contrast=light] body #page-container textarea::-moz-placeholder,html[data-acsb-color-contrast=light] body input::-moz-placeholder,html[data-acsb-color-contrast=light] body textarea::-moz-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l input::-moz-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l textarea::-moz-placeholder{color:#222!important}html[data-acsb-color-contrast=light] body #page-container input:-ms-input-placeholder,html[data-acsb-color-contrast=light] body #page-container textarea:-ms-input-placeholder,html[data-acsb-color-contrast=light] body input:-ms-input-placeholder,html[data-acsb-color-contrast=light] body textarea:-ms-input-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l input:-ms-input-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l textarea:-ms-input-placeholder{color:#222!important}html[data-acsb-color-contrast=light] body #page-container input::-ms-input-placeholder,html[data-acsb-color-contrast=light] body #page-container textarea::-ms-input-placeholder,html[data-acsb-color-contrast=light] body input::-ms-input-placeholder,html[data-acsb-color-contrast=light] body textarea::-ms-input-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l input::-ms-input-placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l textarea::-ms-input-placeholder{color:#222!important}html[data-acsb-color-contrast=light] body #page-container input::placeholder,html[data-acsb-color-contrast=light] body #page-container textarea::placeholder,html[data-acsb-color-contrast=light] body input::placeholder,html[data-acsb-color-contrast=light] body textarea::placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l input::placeholder,html[data-acsb-color-contrast=light] body.et-db #et-boc .et-l textarea::placeholder{color:#222!important}html[data-acsb-hide-images=on] body #page-container img.dvmd_acsb_el_image,html[data-acsb-hide-images=on] body img.dvmd_acsb_el_image,html[data-acsb-hide-images=on] body.et-db #et-boc .et-l img.dvmd_acsb_el_image{visibility:hidden!important}html[data-acsb-hide-images=on] body #page-container .dvmd_acsb_el_background_image,html[data-acsb-hide-images=on] body .dvmd_acsb_el_background_image,html[data-acsb-hide-images=on] body.et-db #et-boc .et-l .dvmd_acsb_el_background_image{background-image:none!important}html[data-acsb-stop-animations=on] body #page-container *,html[data-acsb-stop-animations=on] body *,html[data-acsb-stop-animations=on] body.et-db #et-boc .et-l *{opacity:1!important}html[data-acsb-stop-animations=on] body #page-container :after,html[data-acsb-stop-animations=on] body #page-container :before,html[data-acsb-stop-animations=on] body :after,html[data-acsb-stop-animations=on] body :before,html[data-acsb-stop-animations=on] body.et-db #et-boc .et-l :after,html[data-acsb-stop-animations=on] body.et-db #et-boc .et-l :before{opacity:1!important}html[data-acsb-stop-animations-animation=on] body #page-container *,html[data-acsb-stop-animations-animation=on] body *,html[data-acsb-stop-animations-animation=on] body.et-db #et-boc .et-l *{-webkit-animation:none!important;animation:none!important}html[data-acsb-stop-animations-animation=on] body #page-container :after,html[data-acsb-stop-animations-animation=on] body #page-container :before,html[data-acsb-stop-animations-animation=on] body :after,html[data-acsb-stop-animations-animation=on] body :before,html[data-acsb-stop-animations-animation=on] body.et-db #et-boc .et-l :after,html[data-acsb-stop-animations-animation=on] body.et-db #et-boc .et-l :before{-webkit-animation:none!important;animation:none!important}html[data-acsb-stop-animations-transition=on] body #page-container *,html[data-acsb-stop-animations-transition=on] body *,html[data-acsb-stop-animations-transition=on] body.et-db #et-boc .et-l *{-webkit-transition:none!important;transition:none!important}html[data-acsb-stop-animations-transition=on] body #page-container :after,html[data-acsb-stop-animations-transition=on] body #page-container :before,html[data-acsb-stop-animations-transition=on] body :after,html[data-acsb-stop-animations-transition=on] body :before,html[data-acsb-stop-animations-transition=on] body.et-db #et-boc .et-l :after,html[data-acsb-stop-animations-transition=on] body.et-db #et-boc .et-l :before{-webkit-transition:none!important;transition:none!important}html[data-acsb-stop-animations-transform=on] body #page-container :not(#dvmd_accessibility_wrapper *),html[data-acsb-stop-animations-transform=on] body :not(#dvmd_accessibility_wrapper *),html[data-acsb-stop-animations-transform=on] body.et-db #et-boc .et-l :not(#dvmd_accessibility_wrapper *){-webkit-transform:none!important;transform:none!important}html[data-acsb-stop-animations-transform=on] body #page-container :not(#dvmd_accessibility_wrapper *):after,html[data-acsb-stop-animations-transform=on] body #page-container :not(#dvmd_accessibility_wrapper *):before,html[data-acsb-stop-animations-transform=on] body :not(#dvmd_accessibility_wrapper *):after,html[data-acsb-stop-animations-transform=on] body :not(#dvmd_accessibility_wrapper *):before,html[data-acsb-stop-animations-transform=on] body.et-db #et-boc .et-l :not(#dvmd_accessibility_wrapper *):after,html[data-acsb-stop-animations-transform=on] body.et-db #et-boc .et-l :not(#dvmd_accessibility_wrapper *):before{-webkit-transform:none!important;transform:none!important}#dvmd_acsb_button{all:unset;z-index:calc(var(--dvmd_acsb_sidebar_zindex) + 100);position:fixed;cursor:pointer;display:none;opacity:0;-webkit-transition:opacity 1s ease,-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;transition:opacity 1s ease,-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 1s ease;transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 1s ease,-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;width:var(--dvmd_acsb_button_size);height:var(--dvmd_acsb_button_size);background:var(--dvmd_acsb_button_background_color);border:var(--dvmd_acsb_button_border_width) solid var(--dvmd_acsb_button_foreground_color);border-radius:100%;font-size:16px;font-size:1em}#dvmd_acsb_button.drop_shadow{-webkit-box-shadow:0 0 8px 2px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 8px 2px var(--dvmd_acsb_button_background_color_tint)}#dvmd_acsb_button svg{width:100%;height:100%;padding:16%;fill:var(--dvmd_acsb_button_foreground_color)}#dvmd_acsb_button .dvmd_acsb_tick{display:none;position:absolute;top:50%;width:35%;height:35%;background:var(--dvmd_acsb_button_background_color);border:2px solid var(--dvmd_acsb_button_foreground_color);border-radius:100%;line-height:1}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_button.ltr_top_left{top:var(--dvmd_acsb_button_margin_vert);left:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_button.ltr_top_right{top:var(--dvmd_acsb_button_margin_vert);right:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_button.ltr_bottom_left{bottom:var(--dvmd_acsb_button_margin_vert);left:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_button.ltr_bottom_right{bottom:var(--dvmd_acsb_button_margin_vert);right:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_button .dvmd_acsb_tick{-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%);right:0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_button.rtl_top_left{top:var(--dvmd_acsb_button_margin_vert);left:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_button.rtl_top_right{top:var(--dvmd_acsb_button_margin_vert);right:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_button.rtl_bottom_left{bottom:var(--dvmd_acsb_button_margin_vert);left:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_button.rtl_bottom_right{bottom:var(--dvmd_acsb_button_margin_vert);right:var(--dvmd_acsb_button_margin_horz)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_button .dvmd_acsb_tick{-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:0}#dvmd_acsb_button:hover{-webkit-box-shadow:0 0 0 4px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 0 4px var(--dvmd_acsb_button_background_color_tint)}#dvmd_acsb_button:focus{-webkit-box-shadow:0 0 0 4px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 0 4px var(--dvmd_acsb_button_background_color_tint)}#dvmd_acsb_button:hover:focus{-webkit-box-shadow:0 0 0 7px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 0 7px var(--dvmd_acsb_button_background_color_tint)}#dvmd_accessibility_wrapper[data-acsb-sidebar=open] #dvmd_acsb_button{-webkit-box-shadow:0 0 0 7px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 0 7px var(--dvmd_acsb_button_background_color_tint)}#dvmd_accessibility_wrapper[data-acsb-sidebar=open] #dvmd_acsb_button:hover{-webkit-box-shadow:0 0 0 10px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 0 10px var(--dvmd_acsb_button_background_color_tint)}#dvmd_accessibility_wrapper[data-acsb-sidebar=open] #dvmd_acsb_button:focus{-webkit-box-shadow:0 0 0 10px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 0 10px var(--dvmd_acsb_button_background_color_tint)}#dvmd_accessibility_wrapper[data-acsb-sidebar=open] #dvmd_acsb_button:hover:focus{-webkit-box-shadow:0 0 0 13px var(--dvmd_acsb_button_background_color_tint);box-shadow:0 0 0 13px var(--dvmd_acsb_button_background_color_tint)}#dvmd_acsb_sidebar #dvmd_acsb_header{padding:1em;display:grid;grid-gap:3px;grid-template-columns:1fr}#dvmd_acsb_sidebar #dvmd_acsb_close_sidebar{background:var(--dvmd_acsb_sidebar_button_color);color:var(--dvmd_acsb_sidebar_foreground_color);border-radius:1.5em}#dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar{background:var(--dvmd_acsb_sidebar_button_color);color:var(--dvmd_acsb_sidebar_foreground_color);display:none}#dvmd_acsb_sidebar .dvmd_acsb_icon_close_sidebar{fill:var(--dvmd_acsb_sidebar_foreground_color);width:1.1em;height:1.1em}#dvmd_acsb_sidebar .dvmd_acsb_icon_reset_sidebar{fill:var(--dvmd_acsb_sidebar_foreground_color);width:1.2em;height:1.2em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_icon_close_sidebar{left:1.5em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_icon_reset_sidebar{right:0.5em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_icon_close_sidebar{right:1.5em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_icon_reset_sidebar{left:0.5em}html[data-acsb-color-contrast] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-color-saturation] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-focus-ring] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-hide-images] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-large-cursor] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-line-height] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-page-structure] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-reading-guide] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-reading-mask] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-screen-reader-voice] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-screen-reader] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-stop-animations] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-text-alignment] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-text-font] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-text-size] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-text-spacing] #dvmd_acsb_sidebar #dvmd_acsb_header,html[data-acsb-tool-tip] #dvmd_acsb_sidebar #dvmd_acsb_header{grid-template-columns:1fr 1fr}html[data-acsb-color-contrast] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-color-saturation] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-focus-ring] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-hide-images] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-large-cursor] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-line-height] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-page-structure] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-reading-guide] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-reading-mask] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-screen-reader-voice] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-screen-reader] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-stop-animations] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-alignment] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-font] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-size] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-spacing] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-tool-tip] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar{display:block}html[data-acsb-color-contrast] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-color-saturation] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-focus-ring] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-hide-images] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-large-cursor] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-line-height] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-page-structure] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-reading-guide] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-reading-mask] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-screen-reader-voice] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-screen-reader] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-stop-animations] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-alignment] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-font] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-size] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-spacing] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-tool-tip] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar{border-top-right-radius:0;border-bottom-right-radius:0}html[data-acsb-color-contrast] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-color-saturation] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-focus-ring] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-hide-images] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-large-cursor] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-line-height] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-page-structure] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-reading-guide] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-reading-mask] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-screen-reader-voice] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-screen-reader] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-stop-animations] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-alignment] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-font] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-size] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-spacing] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-tool-tip] #dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar{border-top-right-radius:1.5em;border-bottom-right-radius:1.5em}html[data-acsb-color-contrast] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-color-saturation] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-focus-ring] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-hide-images] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-large-cursor] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-line-height] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-page-structure] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-reading-guide] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-reading-mask] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-screen-reader-voice] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-screen-reader] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-stop-animations] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-alignment] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-font] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-size] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-text-spacing] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar,html[data-acsb-tool-tip] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_close_sidebar{border-top-left-radius:0;border-bottom-left-radius:0}html[data-acsb-color-contrast] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-color-saturation] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-focus-ring] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-hide-images] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-large-cursor] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-line-height] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-page-structure] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-reading-guide] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-reading-mask] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-screen-reader-voice] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-screen-reader] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-stop-animations] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-alignment] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-font] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-size] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-text-spacing] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar,html[data-acsb-tool-tip] #dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_reset_sidebar{border-top-left-radius:1.5em;border-bottom-left-radius:1.5em}#dvmd_acsb_sidebar #dvmd_acsb_footer{padding:0.5em 1em 1em 1em}#dvmd_acsb_sidebar #dvmd_acsb_plugin_credit{padding:0 0.5em;font-size:0.8em;text-decoration:underline;color:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar #dvmd_acsb_main{padding:3px 1em 3px 1em;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_container{border-radius:0.5em;margin-bottom:0.625em;background:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_container:last-child{margin-bottom:0}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_container .dvmd_acsb_h3{padding:0!important}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle{position:relative;border-radius:0.5em;color:var(--dvmd_acsb_sidebar_text_color);-webkit-box-sizing:border-box;box-sizing:border-box}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle svg{fill:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar .dvmd_acsb_accordions [aria-expanded=true]{color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar .dvmd_acsb_accordions [aria-expanded=true] svg{fill:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_feature{width:1.7em;height:1.7em}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_accessibility_profiles{margin-top:-0.05em}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_reading_tools{margin-top:-0.1em}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_text_tools{margin-top:-0.05em}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_accessibility_statement{margin-top:-0.1em}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_panel{padding:1em 1em 1.5em 1em;border-radius:0.5em}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_panel[hidden]{display:none}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_panel .dvmd_acsb_h4{color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_tick{display:none;position:absolute;top:0;width:1.75em;height:1.75em;background:var(--dvmd_acsb_sidebar_button_color);border:2px solid var(--dvmd_acsb_sidebar_foreground_color);border-radius:100%;line-height:1}#dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_tick svg{fill:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle{padding-left:3.25em;text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_arrow_vert{right:0.5em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_accordions [aria-expanded=true] .dvmd_acsb_icon_arrow_vert{-webkit-transform:translateX(-50%) translateY(-50%) rotate(179.99deg);transform:translateX(-50%) translateY(-50%) rotate(179.99deg)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_feature{left:1.5em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle_panel{padding:1em 1em 1.5em 1em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_tick{-webkit-transform:translateX(40%) translateY(-25%);transform:translateX(40%) translateY(-25%);right:0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_toggle{padding-right:3.25em;text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_arrow_vert{left:0.5em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_accordions [aria-expanded=true] .dvmd_acsb_icon_arrow_vert{-webkit-transform:translateX(50%) translateY(-50%) rotate(-179.99deg);transform:translateX(50%) translateY(-50%) rotate(-179.99deg)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_icon_feature{right:1.5em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_accordions .dvmd_acsb_tick{-webkit-transform:translateX(-40%) translateY(-25%);transform:translateX(-40%) translateY(-25%);left:0}#dvmd_acsb_sidebar .dvmd_acsb_feature{margin-bottom:1.25em}#dvmd_acsb_sidebar .dvmd_acsb_feature:last-child{margin-bottom:0}#dvmd_acsb_sidebar .dvmd_acsb_feature [aria-disabled=true]{opacity:0.5;pointer-events:none}#dvmd_acsb_sidebar .dvmd_acsb_feature .dvmd_acsb_h4{padding:0;margin-bottom:0.625em;font-size:0.875em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_feature .dvmd_acsb_h4{text-align:left}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_feature .dvmd_acsb_h4{text-align:right}#dvmd_acsb_sidebar [role=radiogroup]{display:grid;grid-gap:3px;border-radius:1.5em}#dvmd_acsb_sidebar .dvmd_acsb_columns_1{grid-template-columns:1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_2{grid-template-columns:1fr 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_3{grid-template-columns:1fr 1fr 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_4{grid-template-columns:1fr 1fr 1fr 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_off_1{grid-template-columns:3.5em 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_off_2{grid-template-columns:3.5em 1fr 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_off_3{grid-template-columns:3.5em 1fr 1fr 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_off_4{grid-template-columns:3.5em 1fr 1fr 1fr 1fr}#dvmd_acsb_sidebar .dvmd_acsb_columns_off_5{grid-template-columns:3.5em 1fr 1fr 1fr 1fr 1fr}#dvmd_acsb_sidebar [role=radio]{background:var(--dvmd_acsb_sidebar_background_color);color:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar [role=radio][aria-checked=true]{background:var(--dvmd_acsb_sidebar_button_color);color:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar [role=radio][aria-checked=true][data-acsb-value=off]{background:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar [role=radio] .dvmd_acsb_icon_off{width:1.25em;height:1.25em}#dvmd_acsb_sidebar [role=radio][aria-checked=false] svg{fill:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar [role=radio][aria-checked=true] svg.dvmd_acsb_icon_off{fill:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar [role=radio][aria-checked=false] svg.dvmd_acsb_icon_off{fill:var(--dvmd_acsb_sidebar_button_color)}#dvmd_accessibility_wrapper[dir=ltr] [role=radio]:first-child{border-top-left-radius:1.5em;border-bottom-left-radius:1.5em}#dvmd_accessibility_wrapper[dir=ltr] [role=radio]:last-child{border-top-right-radius:1.5em;border-bottom-right-radius:1.5em}#dvmd_accessibility_wrapper[dir=ltr] [role=radio] .dvmd_acsb_icon_off{left:53%}#dvmd_accessibility_wrapper[dir=rtl] [role=radio]:first-child{border-top-right-radius:1.5em;border-bottom-right-radius:1.5em}#dvmd_accessibility_wrapper[dir=rtl] [role=radio]:last-child{border-top-left-radius:1.5em;border-bottom-left-radius:1.5em}#dvmd_accessibility_wrapper[dir=rtl] [role=radio] .dvmd_acsb_icon_off{right:53%}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tablist]{display:grid;grid-gap:3px;grid-template-columns:3.5em 1fr 1fr 1fr;width:100%;margin-bottom:3px}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tab]{border-radius:0.5em 0.5em 0 0;color:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar .dvmd_acsb_tabs .dvmd_acsb_icon_off{width:1.25em;height:1.25em}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tab][aria-selected=false]{background:var(--dvmd_acsb_sidebar_background_color)}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tab][aria-selected=true]{background:var(--dvmd_acsb_sidebar_button_color);color:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tab][aria-selected=false] svg{fill:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tab][aria-selected=true] svg{fill:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tabpanel]{border-radius:0 0 0.5em 0.5em;overflow:auto;border:2px solid var(--dvmd_acsb_sidebar_background_color);color:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar .dvmd_acsb_tabs [role=tabpanel][hidden]{display:none}#dvmd_acsb_sidebar #dvmd_acsb_sidebar_language [role=radiogroup]{max-height:18.5em;padding:0.5em;overflow:auto;border-radius:0.5em;border:2px solid var(--dvmd_acsb_sidebar_background_color)}#dvmd_acsb_sidebar #dvmd_acsb_sidebar_language button:first-child{grid-column:span 2;border-radius:1em 1em 0 0}#dvmd_acsb_sidebar #dvmd_acsb_sidebar_language button:last-child:nth-child(odd){border-radius:0 0 1em 0}#dvmd_acsb_sidebar #dvmd_acsb_sidebar_language button:last-child:nth-child(2n){grid-column:span 2;border-radius:0 0 1em 1em}#dvmd_acsb_sidebar #dvmd_acsb_sidebar_language button:nth-last-child(2):nth-child(2n){border-radius:0 0 0 1em!important}#dvmd_acsb_sidebar #dvmd_acsb_hide_sidebar [role=radiogroup]{margin-bottom:0.75em}#dvmd_acsb_sidebar #dvmd_acsb_hide_sidebar_button{width:auto;margin-bottom:0.5em;border-radius:1.5em;background:var(--dvmd_acsb_sidebar_button_color);color:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar .dvmd_acsb_icon_hide_sidebar{width:1.5em;height:1.5em;fill:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar #dvmd_acsb_hide_sidebar_note{color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_hide_sidebar_button{padding-left:3.5em;padding-right:2.5em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar .dvmd_acsb_icon_hide_sidebar{left:1.75em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_hide_sidebar_button{padding-left:2.5em;padding-right:3.5em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar .dvmd_acsb_icon_hide_sidebar{right:1.75em}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode svg.dvmd_acsb_icon_pointer{width:1.45em;height:1.45em}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode svg.dvmd_acsb_icon_pause,#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode svg.dvmd_acsb_icon_play{width:1.3em;height:1.3em}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode svg.dvmd_acsb_icon_pause{display:none}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode [aria-checked=true] svg.dvmd_acsb_icon_pause{display:inline-block}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode [aria-checked=true] svg.dvmd_acsb_icon_play{display:none}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode .dvmd_acsb_paused [aria-checked=true] svg.dvmd_acsb_icon_pause{display:none}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_mode .dvmd_acsb_paused [aria-checked=true] svg.dvmd_acsb_icon_play{display:inline-block}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_voice{margin-bottom:1em}#dvmd_acsb_sidebar #dvmd_acsb_screen_reader_note{color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar #dvmd_acsb_profile [role=radiogroup]{margin-bottom:1em;border-radius:1em}#dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_odd button:first-child{grid-column:span 2}#dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:first-child{grid-column:span 1}#dvmd_acsb_sidebar #dvmd_acsb_profile #dvmd_acsb_profile_note{margin:0 0.5em;color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_odd button:first-child{border-radius:1em 1em 0 0}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:first-child{border-radius:1em 0 0 0}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:nth-child(2){border-radius:0 1em 0 0}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:nth-last-child(2),#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_odd button:nth-last-child(2){border-radius:0 0 0 1em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:last-child,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_odd button:last-child{border-radius:0 0 1em 0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_odd button:first-child{border-radius:1em 1em 0 0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:first-child{border-radius:0 1em 0 0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:nth-child(2){border-radius:1em 0 0 0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:nth-last-child(2),#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_odd button:nth-last-child(2){border-radius:0 0 1em 0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_even button:last-child,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_profile .dvmd_acsb_parity_odd button:last-child{border-radius:0 0 0 1em}#dvmd_acsb_page_structure [role=tabpanel]{max-height:30em;padding:0.5em}#dvmd_acsb_page_structure [role=tabpanel] small{padding:1.5em 0;color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_page_structure [role=tabpanel] li{cursor:pointer;position:relative;color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_page_structure [role=tabpanel] li span{display:inline-block}#dvmd_acsb_page_structure [role=tabpanel] li span.dvmd_acsb_item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}#dvmd_acsb_page_structure [role=tabpanel] li span.dvmd_acsb_colon{margin:0 0.25em}#dvmd_acsb_page_structure [role=tabpanel] li span.dvmd_acsb_heading,#dvmd_acsb_page_structure [role=tabpanel] li span.dvmd_acsb_landmark,#dvmd_acsb_page_structure [role=tabpanel] li span.dvmd_acsb_link{font-weight:bold;letter-spacing:-0.02em}#dvmd_acsb_page_structure [role=tabpanel] li:not(:last-child){margin-bottom:3px;border-bottom:1px solid var(--dvmd_acsb_sidebar_background_color)}#dvmd_acsb_page_structure [role=tabpanel] li:focus,#dvmd_acsb_page_structure [role=tabpanel] li:hover{-webkit-box-shadow:0 0 0 3px var(--dvmd_acsb_sidebar_button_color_tint);box-shadow:0 0 0 3px var(--dvmd_acsb_sidebar_button_color_tint)}#dvmd_acsb_page_structure [role=tabpanel] li:active{background:var(--dvmd_acsb_sidebar_background_color)}#dvmd_acsb_page_structure [role=tabpanel] li:after{content:"";position:absolute;display:inline-block;width:0.5em;height:0.5em;top:50%}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_page_structure [role=tabpanel] li{padding:0.7em 2.5em 0.7em 0.5em;text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_page_structure [role=tabpanel] li span{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_page_structure [role=tabpanel] li:after{border-right:2px solid var(--dvmd_acsb_sidebar_button_color);border-bottom:2px solid var(--dvmd_acsb_sidebar_button_color);right:0.5em;-webkit-transform:translate(-50%,-80%) rotate(45deg);transform:translate(-50%,-80%) rotate(45deg)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_page_structure #dvmd_acsb_links_panel li:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_page_structure [role=tabpanel] li{padding:0.7em 0.5em 0.7em 2.5em;text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_page_structure [role=tabpanel] li span{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_page_structure [role=tabpanel] li:after{border-left:2px solid var(--dvmd_acsb_sidebar_button_color);border-top:2px solid var(--dvmd_acsb_sidebar_button_color);left:0.5em;-webkit-transform:translate(50%,-80%) rotate(225deg);transform:translate(50%,-80%) rotate(225deg)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_page_structure #dvmd_acsb_links_panel li:after{-webkit-transform:translate(50%,-50%) rotate(-45deg);transform:translate(50%,-50%) rotate(-45deg)}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_font_dyslexic{font-family:"OpenDyslexic",Arial,Helvetica,sans-serif!important}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_size_1 svg{width:1em;height:1em}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_size_2 svg{width:1.15em;height:1.15em}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_size_3 svg{width:1.3em;height:1.3em}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_size_4 svg{width:1.45em;height:1.45em}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_line_height_1 svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_line_height_2 svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_line_height_3 svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_line_height_4 svg{width:1.25em;height:1.25em}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_spacing_1 svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_spacing_2 svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_spacing_3 svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_spacing_4 svg{width:auto;height:1.15em}#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_alignment_center svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_alignment_justify svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_alignment_left svg,#dvmd_acsb_sidebar #dvmd_acsb_text_tools_panel #dvmd_acsb_text_alignment_right svg{width:1.25em;height:1.25em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text{padding:1em;border-radius:0.5em;font-size:0.9em;max-height:400px;overflow:auto;color:var(--dvmd_acsb_sidebar_text_color);border:2px solid var(--dvmd_acsb_sidebar_background_color)}#dvmd_acsb_sidebar #dvmd_acsb_statement_text *{color:var(--dvmd_acsb_sidebar_text_color)}#dvmd_acsb_sidebar #dvmd_acsb_statement_text *,#dvmd_acsb_sidebar #dvmd_acsb_statement_text :after,#dvmd_acsb_sidebar #dvmd_acsb_statement_text :before{-webkit-box-sizing:inherit;box-sizing:inherit}#dvmd_acsb_sidebar #dvmd_acsb_statement_text hr{margin:1.5em 0;border:0;border-top:1px solid var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar #dvmd_acsb_statement_text a{text-decoration:underline}#dvmd_acsb_sidebar #dvmd_acsb_statement_text a:focus,#dvmd_acsb_sidebar #dvmd_acsb_statement_text a:hover{-webkit-box-shadow:none;box-shadow:none;color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar #dvmd_acsb_statement_text b,#dvmd_acsb_sidebar #dvmd_acsb_statement_text strong{font-weight:bold}#dvmd_acsb_sidebar #dvmd_acsb_statement_text em{font-style:italic}#dvmd_acsb_sidebar #dvmd_acsb_statement_text del{text-decoration:line-through}#dvmd_acsb_sidebar #dvmd_acsb_statement_text p{padding:0;margin:0;margin-bottom:0.75em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text h1,#dvmd_acsb_sidebar #dvmd_acsb_statement_text h2,#dvmd_acsb_sidebar #dvmd_acsb_statement_text h3,#dvmd_acsb_sidebar #dvmd_acsb_statement_text h4,#dvmd_acsb_sidebar #dvmd_acsb_statement_text h5,#dvmd_acsb_sidebar #dvmd_acsb_statement_text h6{padding:0;margin:0;margin-top:0.75em;margin-bottom:0.5em;color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar #dvmd_acsb_statement_text h1{font-size:2em;margin-top:0.5em;margin-bottom:0em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text h2{font-size:1.8em;margin-top:0.55em;margin-bottom:0.1em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text h3{font-size:1.6em;margin-top:0.6em;margin-bottom:0.2em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text h4{font-size:1.4em;margin-top:0.65em;margin-bottom:0.3em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text h5{font-size:1.2em;margin-top:0.7em;margin-bottom:0.4em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text h6{font-size:1em;margin-top:0.75em;margin-bottom:0.5em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text blockquote{margin:0 0 0.75em 0;padding:0 1em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text blockquote :last-child{margin-bottom:0}#dvmd_acsb_sidebar #dvmd_acsb_statement_text button{margin-bottom:0.75em;border-radius:10em;background-color:var(--dvmd_acsb_sidebar_button_color);color:var(--dvmd_acsb_sidebar_foreground_color);white-space:nowrap}#dvmd_acsb_sidebar #dvmd_acsb_statement_text button[disabled]{cursor:default;opacity:0.5}#dvmd_acsb_sidebar #dvmd_acsb_statement_text dl,#dvmd_acsb_sidebar #dvmd_acsb_statement_text ol,#dvmd_acsb_sidebar #dvmd_acsb_statement_text ul{list-style:none;margin-top:0}#dvmd_acsb_sidebar #dvmd_acsb_statement_text ol{list-style:decimal outside}#dvmd_acsb_sidebar #dvmd_acsb_statement_text ul{list-style:disc outside}#dvmd_acsb_sidebar #dvmd_acsb_statement_text table{border-spacing:0;display:block;overflow-x:auto;width:100%;margin-bottom:0.75em;border:none}#dvmd_acsb_sidebar #dvmd_acsb_statement_text th{color:var(--dvmd_acsb_sidebar_button_color)}#dvmd_acsb_sidebar #dvmd_acsb_statement_text td,#dvmd_acsb_sidebar #dvmd_acsb_statement_text th{border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--dvmd_acsb_sidebar_button_color);padding:1em 1.25em}#dvmd_acsb_sidebar #dvmd_acsb_statement_text :first-child{margin-top:0}#dvmd_acsb_sidebar #dvmd_acsb_statement_text :last-child{margin-bottom:0}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text *{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text p{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h1,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h2,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h3,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h4,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h5,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h6{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text blockquote{border-left:4px solid var(--dvmd_acsb_sidebar_button_color)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text button{text-align:center}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text dl,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text ol,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text ul{text-align:left;margin:0.75em 0 0.75em 1em;padding-left:1em}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text li{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text table{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text td,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text th{text-align:left}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text td:first-child,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text th:first-child{padding-left:0}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text td:last-child,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_text th:last-child{padding-right:0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text *{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text p{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h1,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h2,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h3,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h4,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h5,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text h6{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text blockquote{border-left:none;border-right:4px solid var(--dvmd_acsb_sidebar_button_color)}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text button{text-align:center}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text dl,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text ol,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text ul{text-align:right;margin:0.75em 1em 0.75em 0;padding-right:1em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text li{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text table{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text td,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text th{text-align:right}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text td:first-child,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text th:first-child{padding-right:0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text td:last-child,#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_text th:last-child{padding-left:0}#dvmd_acsb_sidebar #dvmd_acsb_statement_page{display:block;cursor:pointer;position:relative;margin:1.25em auto 0 auto;padding:0.75em;max-width:60%;border-radius:1.5em;background:var(--dvmd_acsb_sidebar_button_color);color:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_acsb_sidebar #dvmd_acsb_statement_page .dvmd_acsb_icon_arrow_horz{fill:var(--dvmd_acsb_sidebar_foreground_color)}#dvmd_accessibility_wrapper[dir=ltr] #dvmd_acsb_sidebar #dvmd_acsb_statement_page .dvmd_acsb_icon_arrow_horz{right:0.5em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_acsb_sidebar #dvmd_acsb_statement_page .dvmd_acsb_icon_arrow_horz{left:0.5em;-webkit-transform:scaleX(-1) translateY(-50%) translateX(-50%);transform:scaleX(-1) translateY(-50%) translateX(-50%)}html[data-actw-focus-ring] body #page-container :focus:not(#dvmd_accessibility_wrapper *),html[data-actw-focus-ring] body :focus:not(#dvmd_accessibility_wrapper *),html[data-actw-focus-ring] body.et-db #et-boc .et-l :focus:not(#dvmd_accessibility_wrapper *){outline:3px solid var(--dvmd_actw_focus_ring_color)!important;outline-style:solid!important;outline-offset:0!important}html[data-actw-focus-ring] body #main-header .dvmd_actw_search_icon:focus:before,html[data-actw-focus-ring] body #page-container #main-header .dvmd_actw_search_icon:focus:before,html[data-actw-focus-ring] body.et-db #et-boc .et-l #main-header .dvmd_actw_search_icon:focus:before{outline:3px solid var(--dvmd_actw_focus_ring_color)!important;outline-style:solid!important;outline-offset:2px!important}html[data-acsb-focus-ring] body #main-header .dvmd_actw_search_icon:focus:before,html[data-acsb-focus-ring] body #page-container #main-header .dvmd_actw_search_icon:focus:before,html[data-acsb-focus-ring] body.et-db #et-boc .et-l #main-header .dvmd_actw_search_icon:focus:before{outline:3px solid var(--dvmd_acsb_highlight_focus_ring_color)!important;outline-style:solid!important;outline-offset:2px!important}li.et-hover.et-show-dropdown>ul{visibility:visible!important;opacity:1!important}#et-menu li.mega-menu.et-hover.et-show-dropdown ul{visibility:visible!important;opacity:1!important}@media (prefers-reduced-motion){html[data-actw-reduced-motion=on] body #page-container *,html[data-actw-reduced-motion=on] body *,html[data-actw-reduced-motion=on] body.et-db #et-boc .et-l *{opacity:1!important;-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}}#dvmd_accessibility_wrapper *{margin:0;padding:0;font-family:"Open Sans",Helvetica,Roboto,Arial,sans-serif;font-size:16px;font-size:1em;font-weight:600;font-style:normal;text-align:center;text-transform:none;text-decoration:none;letter-spacing:0;line-height:1.3;-webkit-box-sizing:border-box;box-sizing:border-box}#dvmd_actw_links{display:contents}#dvmd_actw_links button{all:unset;z-index:calc(var(--dvmd-actw-links_zindex) + 102);position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.75em 1.25em;border-radius:3em;border:var(--dvmd-actw-links_border_width) solid var(--dvmd-actw-links_border_color);background:var(--dvmd-actw-links_background_color);color:var(--dvmd-actw-links_text_color);font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:16px;line-height:1;-webkit-transition:top 0.2s,opacity 0.2s ease,-webkit-box-shadow 0.2s ease;transition:top 0.2s,opacity 0.2s ease,-webkit-box-shadow 0.2s ease;transition:top 0.2s,box-shadow 0.2s ease,opacity 0.2s ease;transition:top 0.2s,box-shadow 0.2s ease,opacity 0.2s ease,-webkit-box-shadow 0.2s ease;cursor:pointer;opacity:0;top:-60px;-webkit-box-shadow:none;box-shadow:none}#dvmd_actw_links button:focus{opacity:1;top:1em}#dvmd_actw_links button.drop_shadow:focus{-webkit-box-shadow:0 0 0 4px var(--dvmd-actw-links_border_color_tint);box-shadow:0 0 0 4px var(--dvmd-actw-links_border_color_tint)}#dvmd_actw_links button.drop_shadow:hover{-webkit-box-shadow:0 0 0 4px var(--dvmd-actw-links_border_color_tint);box-shadow:0 0 0 4px var(--dvmd-actw-links_border_color_tint)}#dvmd_actw_links button:hover:focus{-webkit-box-shadow:0 0 0 4px var(--dvmd-actw-links_border_color_tint);box-shadow:0 0 0 4px var(--dvmd-actw-links_border_color_tint)}#dvmd_actw_links button.drop_shadow:hover:focus{-webkit-box-shadow:0 0 0 7px var(--dvmd-actw-links_border_color_tint);box-shadow:0 0 0 7px var(--dvmd-actw-links_border_color_tint)}#dvmd_actw_links .dvmd_ac_text{pointer-events:none;-ms-flex-negative:0;flex-shrink:0}#dvmd_actw_links .dvmd_actw_icon_enter{pointer-events:none;padding:1px;margin-bottom:-0.15em;height:1em;fill:var(--dvmd-actw-links_border_color)}#dvmd_accessibility_wrapper[data-acsb-sidebar=open] #dvmd_actw_links{display:none!important}#dvmd_accessibility_wrapper #dvmd_actw_links button,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_actw_links button{left:1em;right:auto}#dvmd_accessibility_wrapper #dvmd_actw_links .dvmd_actw_icon_enter,#dvmd_accessibility_wrapper[dir=ltr] #dvmd_actw_links .dvmd_actw_icon_enter{margin-left:1em;margin-right:0}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_actw_links button{left:auto;right:1em}#dvmd_accessibility_wrapper[dir=rtl] #dvmd_actw_links .dvmd_actw_icon_enter{margin-left:0;margin-right:1em}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}