File: /home/l2pbkn5l6xav/public_html/wp-content/themes/bizberg/assets/css/component.css
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slider-nav .image, .slider-nav-2 .image {
padding: 0;
border: 1px solid transparent;
opacity: 1;
transition: all 300ms ease;
position: relative;
}
.slider-nav .slick-center .image:after, .slider-nav-2 .slick-center .image:after{
background: rgba(0, 0, 0, 0);
}
.slider-nav .image:after, .slider-nav-2 .image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
/* Icons */
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'fontawesome';
font-size: 36px;
line-height: 1;
opacity: .75;
color: #999;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#room-list .slick-prev:before,
#room-list .slick-next:before{
font-size: 28px;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: 0px;
left: auto;
}
.slick-prev:before{
content: '\f104';
}
[dir='rtl'] .slick-prev:before{
content: '\f105';
}
.slick-next {
right:-25px;
}
[dir='rtl'] .slick-next {
right: auto;
left:0px;
}
.slick-next:before{
content: '\f105';
}
[dir='rtl'] .slick-next:before, {
content: '\f105';
}
/* Dots */
.slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'fontawesome';
font-size: 10px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '\f111';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width: 767px) {
.slick-next {
right:25px;
}
.slick-prev {
left:25px;
}
}
/*Photo gallery instagram style*/
.noscroll{
overflow: hidden;
position: fixed;
width: 100%;
}
.tx-pxa-social-feed{
position: relative;
}
.tx-pxa-social-feed .btn{
margin: 50px auto;
text-align: center;
width: auto;
display: inline-block;
}
.carouselGallery-button{
text-align: center;
}
.carouselGallery-left,
.carouselGallery-right{
font-size: 8rem;
color: #f7f7f7;
cursor: pointer;
position: absolute;
width: 100px;
height: 100px;
z-index: 2;
top: 50%;
transform: translate(-50%, -50%);
}
.carouselGallery-right{
right: -170px;
}
.carouselGallery-left{
left: 0px;
}
.carouselGallery-left.disabled,
.carouselGallery-right.disabled{
cursor: auto;
opacity: 0.3;
}
.carouselGallery-grid{
padding: 80px 0;
max-width: 3000px;
}
.carouselGallery-col-60{
float: left;
width: 100%;
}
.carouselGallery-col-40{
width: 40%;
float: left;
}
.carouselGallery-grid .carouselGallery-col-1{
width: 33.3%;
padding-bottom: 33.3%;
margin: 0;
cursor: pointer;
}
.carouselGallery-grid .carouselGallery-col-2{
width: 100%;
padding-bottom: 99.9%;
margin: 0;
cursor: pointer;
}
.carouselGallery-item-meta{
background-color:rgba(0,0,0,0.6);
height: 40px;
width: 100%;
position: absolute;
padding: 5px 10px;
padding-right: 15px;
color: #fff;
bottom: -40px;
/*font-family: "SwedenSans", Helvetica, Arial, sans-serif;*/
font-weight: bold;
font-size: 16px;
transition: bottom 0.2s;
-moz-transition: bottom 0.2s;
-webkit-transition:bottom 0.2s;
-o-transition: bottom 0.2s;
}
.carouselGallery-item-meta .icon-heart{
top: 5px;
font-size: 24px;
color: yellow;
line-height: 20px;
}
.carouselGallery-col-1:hover .carouselGallery-item-meta,
.carouselGallery-col-2:hover .carouselGallery-item-meta{
bottom: 0;
}
.carouselGallery-item-meta{
right: 0;
}
.carouselGallery-grid .carouselGallery-col-1,
.carouselGallery-grid .carouselGallery-col-2{
background-position: center center;
float: left;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.carouselGallery-grid .carouselGallery-col-1{
border: 3px solid #fff;
}
.carouselGallery-item-meta-user,
.carouselGallery-item-meta-likes{
display: block;
text-align: center;
/*width: 60%;*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.carouselGallery-item-meta-likes{
width: 40%
}
.carouselGallery-item-meta-likes{
text-align: right;
}
.carouselGallery-wrapper{
z-index: 1111;
width: 100%;
position: fixed;
top: 0;
background-color: rgba(12,12,12,0.8);
width: 100vw;
height: 100%;
}
.carouselGallery-wrapper > div {
z-index: 2;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
width: auto;
}
.carouselGallery-scrollbox {
display: block;
// max-height - set by javascript
overflow-x: hidden;
overflow-y: auto;
}
.carouselGallery-modal .container{
padding: 0;
font-size: 18px;
color: #000;
position: relative;
border-radius: 2px;
padding-right: 334px;
position: relative;
width: 930px;
}
.carouselGallery-modal p{
font-size: 13px;
font-weight: normal;
max-height: 290px;
text-overflow: ellipsis;
overflow: hidden;
/*letter-spacing: 0.04em;*/
}
.carouselGallery-modal a {
color: #00BCD4;
font-weight: bold;
font-size: 21px;
margin-bottom: 15px;
display: inline-block;
border-bottom: 1px dashed #ccc;
pointer-events: none;
cursor: pointer;
}
.carouselGallery-modal-image,
.carouselGallery-modal-text{
width: 100%;
float: left;
}
.carouselGallery-modal-text{
position: absolute;
bottom: 0;
right: 0;
width: 335px;
height: 100%;
}
.carouselGallery-modal-text:hover { // ie10 transform glitch fix
background-color: #fffffe;
}
.carouselGallery-modal-image img{
max-width: 100%;
width: 100%;
}
.carouselGallery-modal-location{
margin-top: -3px;
font-size: 16px;
}
.carouselGallery-item-modal-likes{
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
}
.carouselGallery-item-modal-likes .icon-heart{
top: 3px;
font-size: 25px;
color: #F44336;
float: left;
margin-right: 5px;
}
.carouselGallery-modal-text{
background-color: #fff;
padding: 20px;
}
.carouselGallery-modal-text span{
display: block;
}
.carouselGallery-modal .iconscircle-cross {
cursor: pointer;
right: -15px;
top: -22px;
position: absolute;
z-index: 1;
font-size: 28px;
color: #000;
background: #f7f7f7;
border-radius: 50%;
height: 40px;
width: 40px;
text-align: center;
line-height: 1.4;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.54);
}
@media (min-width: 3000px){
.carouselGallery-grid{
margin: 0 auto;
}
}
@media (max-width: 1200px){
.carouselGallery-modal .container{
padding-right: 0;
width: 100%;
}
.carouselGallery-modal-image{
width: 100%;
}
.carouselGallery-item-modal-likes{
margin-bottom: 10px;
}
.carouselGallery-modal p{
max-height: 100%;
}
.carouselGallery-modal-text{
text-align: left;
position: relative;
bottom: auto;
right: auto;
width: 100%;
}
}
@media only screen and (min-width: 940px) and (max-width: 1200px) and (orientation: landscape) {
.carouselGallery-modal .container{
padding-right: 334px;
width: 850px;
}
.carouselGallery-modal-text {
position: absolute;
bottom: 0;
right: 0;
width: 335px;
height: 100%;
}
.carouselGallery-right{
right: -130px;
}
.carouselGallery-left{
left: -10px;
}
}
@media (max-width: 1100px){
.carouselGallery-grid{padding:30px 0;}
}
@media (max-width: 991px){
.carouselGallery-grid{padding:10px 0;}
}
@media (max-width: 767px){
.carouselGallery-modal-text{
width: 100%;
}
.carouselGallery-wrapper > div {
width: 60%;
}
.carouselGallery-grid{padding: 0;}
.carouselGallery-grid .carouselGallery-col-1{width: 50%;}
}
.icons {
font-family: 'fontawesome';
speak: none;
position: relative;
top: 1px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons() {
font-family: 'fontawesome';
speak: none;
position: relative;
top: 1px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-star-full:before {
content: "\e905";
}
.icon-star-half:before {
content: "\e903";
}
.icon-star-empty:before {
content: "\e906";
}
.icon-price-tag:before {
content: "\e904";
}
.icon-star:before {
content: "\e903";
}
.icon-price-tag:before {
content: "\e904";
}
.icon-heart:before {
content: "\f004";
}
.icon-Home-icon:before {
content: "\e600";
}
.icon-mail_icon:before {
content: "\e603";
}
.icon-Phone_icon:before {
content: "\e605";
}
.icon-cabinet2:before {
content: "\e601";
}
.icon-suitcase:before {
content: "\e602";
}
.icon-suitcase3:before {
content: "\e604";
}
.icon-chart:before {
content: "\e608";
}
.icon-chart2:before {
content: "\e609";
}
.icon-chart3:before {
content: "\e60a";
}
.icon-chart4:before {
content: "\e60b";
}
.icon-gamepad:before {
content: "\e60c";
}
.icon-phone:before {
content: "\e60d";
}
.icon-map:before {
content: "\e610";
}
.icon-box:before {
content: "\e612";
}
.icon-box2:before {
content: "\e613";
}
.icon-auction:before {
content: "\e615";
}
.icon-stats:before {
content: "\e617";
}
.icon-attachment:before {
content: "\e619";
}
.icon-hourglass:before {
content: "\e61a";
}
.icon-abacus:before {
content: "\e61b";
}
.icon-pig:before {
content: "\e61d";
}
.icon-addressbook:before {
content: "\e61f";
}
.icon-safe:before {
content: "\e621";
}
.icon-book:before {
content: "\e62b";
}
.icon-checked:before {
content: "\e630";
}
.icon-error:before {
content: "\e631";
}
.icon-add:before {
content: "\e632";
}
.icon-minus:before {
content: "\e633";
}
.icon-tags:before {
content: "\e635";
}
.icon-phone2:before {
content: "\e640";
}
.icon-paperclip:before {
content: "\e641";
}
.icon-user:before {
content: "\e642";
}
.icon-compass:before {
content: "\e645";
}
.icon-location:before {
content: "\e646";
}
.icon-thumbsup:before {
content: "\e648";
}
.icon-comment:before {
content: "\e649";
}
.icon-quote:before {
content: "\e64a";
}
.icon-tools:before {
content: "\e64d";
}
.icon-camera:before {
content: "\e64e";
}
.icon-music:before {
content: "\e64f";
}
.icon-hourglass2:before {
content: "\e651";
}
.icon-gauge:before {
content: "\e652";
}
.icon-earth:before {
content: "\e654";
}
.icon-cart:before {
content: "\e656";
}
.icon-box3:before {
content: "\e657";
}
.icon-statistics:before {
content: "\e658";
}
.icon-pie:before {
content: "\e659";
}
.icon-logout:before {
content: "\e65a";
}
.icon-login:before {
content: "\e65b";
}
.icon-minus2:before {
content: "\e65c";
}
.icon-plus:before {
content: "\e65d";
}
.icon-cross:before {
content: "\e65e";
}
.icon-minus3:before {
content: "\e65f";
}
.icon-plus2:before {
content: "\e660";
}
.icon-cross2:before {
content: "\e661";
}
.icon-info3:before {
content: "\e662";
}
.icon-info4:before {
content: "\e663";
}
.icon-help:before {
content: "\e665";
}
.icon-warning:before {
content: "\e666";
}
.icon-pictures:before {
content: "\e667";
}
.icon-folder:before {
content: "\e669";
}
.icon-archive:before {
content: "\e66a";
}
.icon-upload:before {
content: "\e66c";
}
.icon-download:before {
content: "\e66d";
}
.icon-arrow-left:before {
content: "\e66e";
}
.icon-arrow-down:before {
content: "\e66f";
}
.icon-arrow-up:before {
content: "\e670";
}
.icon-arrow-right:before {
content: "\e671";
}
.icon-arrow-left2:before {
content: "\e672";
}
.icon-arrow-down2:before {
content: "\e673";
}
.icon-arrow-up2:before {
content: "\e674";
}
.icon-uniE675:before {
content: "\e675";
}
.icon-cc:before {
content: "\e676";
}
.icon-mobile2:before {
content: "\32";
}
.icon-mail3:before {
content: "\35";
}
.icon-users:before {
content: "\3f";
}
.icon-location2:before {
content: "\43";
}
.icon-map2:before {
content: "\44";
}
.icon-house:before {
content: "\53";
}
.icon-search:before {
content: "\55";
}
.icon-briefcase:before {
content: "\75";
}
.icon-network:before {
content: "\7a";
}
.icon-bars:before {
content: "\a2";
}
.icon-graph:before {
content: "\a3";
}
.icon-flow-tree:before {
content: "\eb";
}
.icon-arrow-left5:before {
content: "\fe";
}
.icon-arrow-down5:before {
content: "\ff";
}
.icon-arrow-up4:before {
content: "\100";
}
.icon-arrow-right5:before {
content: "\101";
}
.icon-arrow-left6:before {
content: "\f104";
}
.icon-arrow-down6:before {
content: "\103";
}
.icon-arrow-up5:before {
content: "\f104";
}
.icon-arrow-right6:before {
content: "\f105";
}
.icon-vimeo:before {
content: "\123";
}
.icon-vimeo2:before {
content: "\f105";
}
.icon-twitter3:before {
content: "\125";
}
.icon-twitter4:before {
content: "\126";
}
.icon-facebook3:before {
content: "\127";
}
.icon-facebook4:before {
content: "\128";
}
.icon-googleplus3:before {
content: "\12a";
}
.icon-googleplus4:before {
content: "\12b";
}
.icon-pinterest:before {
content: "\12c";
}
.icon-pinterest2:before {
content: "\12d";
}
.icon-linkedin2:before {
content: "\130";
}
.icon-linkedin3:before {
content: "\131";
}
.icon-play:before {
content: "\e67b";
}
.icon-books:before {
content: "\e67e";
}
.icon-folder2:before {
content: "\e67f";
}
.icon-folder-open:before {
content: "\e680";
}
.icon-tag:before {
content: "\e681";
}
.icon-map3:before {
content: "\e686";
}
.icon-clock:before {
content: "\e687";
}
.icon-screen2:before {
content: "\e688";
}
.icon-mobile:before {
content: "\e689";
}
.icon-tablet:before {
content: "\e68a";
}
.icon-drawer:before {
content: "\e68c";
}
.icon-drawer2:before {
content: "\e68d";
}
.icon-bubble:before {
content: "\e68e";
}
.icon-bubbles:before {
content: "\e68f";
}
.icon-users2:before {
content: "\e691";
}
.icon-quotes-left:before {
content: "\e694";
}
.icon-aid:before {
content: "\e696";
}
.icon-bug:before {
content: "\e697";
}
.icon-pie2:before {
content: "\e698";
}
.icon-gift:before {
content: "\e69b";
}
.icon-trophy:before {
content: "\e69c";
}
.icon-mug:before {
content: "\e69d";
}
.icon-list:before {
content: "\e6a2";
}
.icon-list2:before {
content: "\e6a3";
}
.icon-numbered-list:before {
content: "\e6a4";
}
.icon-earth2:before {
content: "\e6a6";
}
.icon-attachment2:before {
content: "\e6a8";
}
.icon-info5:before {
content: "\e6a9";
}
.icon-info6:before {
content: "\e6aa";
}
.icon-cancel-circle:before {
content: "\e6ab";
}
.icon-checkmark-circle:before {
content: "\e6ac";
}
.icon-checkmark:before {
content: "\e6af";
}
.icon-checkmark2:before {
content: "\e6b0";
}
.icon-Castle:before {
content: "\e607";
}
.icon-facebook .path1:before {
content: "\e611";
color: rgb(255, 255, 255);
}
.icon-facebook .path2:before {
content: "\e614";
color: rgb(61, 92, 156);
margin-left: -1em;
}
.icon-Shopping:before {
content: "\e60f";
}
.icon-flower:before {
content: "\e60e";
}
.icon-Bed1:before {
content: "\e606";
}
.iconsarrow-right2:before {
content: "\e616";
}
.iconsarrow-right3:before {
content: "\e61c";
}
.iconsarrow-right5:before {
content: "\101";
}
.iconsarrow-right-thick:before {
content: "\e618";
}
.iconscircle-cross:before {
content: "\f00d";
}
.icon-badplats:before {
content: "\e61e";
}
.icon-branning:before {
content: "\f00d";
}
.icon-camping:before {
content: "\e622";
}
.icon-farja:before {
content: "\e623";
}
.icon-fjallstation:before {
content: "\e624";
}
.icon-fyr:before {
content: "\e625";
}
.icon-gasthamn:before {
content: "\e626";
}
.icon-lagenhet:before {
content: "\e627";
}
.icon-rikrose:before {
content: "\e628";
}
.icon-ruin:before {
content: "\e629";
}
.icon-stuga:before {
content: "\e62a";
}
.icon-stugby:before {
content: "\e62c";
}
.icon-utsikt:before {
content: "\e62d";
}
.icon-spinner6:before {
content: "\e97f";
}
.icon-spinner4:before {
content: "\e97d";
}
.icon-spinner3:before {
content: "\e97c";
}
.icon-spinner2:before {
content: "\e97b";
}
.icon-play2:before {
content: "\ea15";
}
.icon-snow:before {
content: "\e62e";
}
.icon-skidown:before {
content: "\e62f";
}
.icon-skiflat:before {
content: "\e634";
}
.icon-scooter:before {
content: "\e636";
}
@charset "UTF-8";
/*!
* ImageHover.css - http://www.imagehover.io
* Version 1.0
* Author: Ciarán Walsh
* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php
*/
[class^='imghvr-'], [class*=' imghvr-'] {
position: relative;
display: inline-block;
margin: 0;
max-width: 100%;
background-color: #2266a5;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
vertical-align: top;
max-width: 100%;
}
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
background-color: #000000;
padding: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #ffffff;
text-align: center;
}
[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-'] a, [class*=' imghvr-'] a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
[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;
-moz-transition: all 0.35s ease;
transition: all 0.35s ease;
}
/* imghvr-fade-*
----------------------------- */
[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);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/* imghvr-fade
----------------------------- */
/* imghvr-fade-in-up
----------------------------- */
.imghvr-fade-in-up figcaption {
-webkit-transform: translate(0, 15%);
-moz-transform: translate(0, 15%);
-ms-transform: translate(0, 15%);
-o-transform: translate(0, 15%);
transform: translate(0, 15%);
}
/* imghvr-fade-in-down
----------------------------- */
.imghvr-fade-in-down figcaption {
-webkit-transform: translate(0, -15%);
-moz-transform: translate(0, -15%);
-ms-transform: translate(0, -15%);
-o-transform: translate(0, -15%);
transform: translate(0, -15%);
}
/* imghvr-fade-in-left
----------------------------- */
.imghvr-fade-in-left figcaption {
-webkit-transform: translate(-15%, 0);
-moz-transform: translate(-15%, 0);
-ms-transform: translate(-15%, 0);
-o-transform: translate(-15%, 0);
transform: translate(-15%, 0);
}
/* imghvr-fade-in-right
----------------------------- */
.imghvr-fade-in-right figcaption {
-webkit-transform: translate(15%, 0);
-moz-transform: translate(15%, 0);
-ms-transform: translate(15%, 0);
-o-transform: translate(15%, 0);
transform: translate(15%, 0);
}
/* imghvr-push-*
----------------------------- */
[class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/* imghvr-push-up
----------------------------- */
.imghvr-push-up figcaption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-push-up:hover > img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* imghvr-push-down
----------------------------- */
.imghvr-push-down figcaption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
/* imghvr-push-left
----------------------------- */
.imghvr-push-left figcaption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-push-left:hover > img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
/* imghvr-push--right
----------------------------- */
.imghvr-push-right figcaption {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/* imghvr-slide-*
----------------------------- */
[class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
/* imghvr-slide-up
----------------------------- */
.imghvr-slide-up figcaption {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
/* imghvr-slide-down
----------------------------- */
.imghvr-slide-down figcaption {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* imghvr-slide-left
----------------------------- */
.imghvr-slide-left figcaption {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/* imghvr-slide-right
----------------------------- */
.imghvr-slide-right figcaption {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
/* imghvr-slide-top-left
----------------------------- */
.imghvr-slide-top-left figcaption {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* imghvr-slide-top-right
----------------------------- */
.imghvr-slide-top-right figcaption {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
/* imghvr-slide-bottom-left
----------------------------- */
.imghvr-slide-bottom-left figcaption {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
/* imghvr-slide-bottom-right
----------------------------- */
.imghvr-slide-bottom-right figcaption {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* imghvr-reveal-*
----------------------------- */
[class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: rgba(0, 0, 0, 0.60);
}
[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);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-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;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* imghvr-reveal-up
----------------------------- */
.imghvr-reveal-up:before {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
/* imghvr-reveal-down
----------------------------- */
.imghvr-reveal-down:before {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
/* imghvr-reveal-left
----------------------------- */
.imghvr-reveal-left:before {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/* imghvr-reveal-right
----------------------------- */
.imghvr-reveal-right:before {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
/* imghvr-reveal-top-left
----------------------------- */
.imghvr-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
-moz-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
-o-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
/* imghvr-reveal-top-right
----------------------------- */
.imghvr-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
-moz-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
-o-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
/* imghvr-reveal-bottom-left
----------------------------- */
.imghvr-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
/* imghvr-reveal-bottom-right
----------------------------- */
.imghvr-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-moz-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
-o-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
/* imghvr-hinge-*
----------------------------- */
[class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] {
-webkit-perspective: 50em;
-moz-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;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
/* imghvr-hinge-up
----------------------------- */
.imghvr-hinge-up img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
/* imghvr-hinge-down
----------------------------- */
.imghvr-hinge-down img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-moz-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
-o-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
/* imghvr-hinge-left
----------------------------- */
.imghvr-hinge-left img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
/* imghvr-hinge-right
----------------------------- */
.imghvr-hinge-right img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
/* imghvr-flip-*
----------------------------- */
[class^='imghvr-flip-'], [class*=' imghvr-flip-'] {
-webkit-perspective: 50em;
-moz-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;
-moz-transition-delay: 0.14s;
transition-delay: 0.14s;
}
/* imghvr-flip-horiz
----------------------------- */
.imghvr-flip-horiz figcaption {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* imghvr-flip-vert
----------------------------- */
.imghvr-flip-vert figcaption {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-flip-vert:hover > img {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* imghvr-flip-diag-1
----------------------------- */
.imghvr-flip-diag-1 figcaption {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
-moz-transform: rotate3d(1, -1, 0, 100deg);
-ms-transform: rotate3d(1, -1, 0, 100deg);
-o-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);
-moz-transform: rotate3d(-1, 1, 0, 100deg);
-ms-transform: rotate3d(-1, 1, 0, 100deg);
-o-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);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-flip-diag-2
----------------------------- */
.imghvr-flip-diag-2 figcaption {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-ms-transform: rotate3d(1, 1, 0, 100deg);
-o-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);
-moz-transform: rotate3d(-1, -1, 0, 100deg);
-ms-transform: rotate3d(-1, -1, 0, 100deg);
-o-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);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
/* imghvr-shutter-out-*
----------------------------- */
[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
background: rgba(0, 0, 0, 0.60);
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
-moz-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;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
/* imghvr-shutter-out-horiz
----------------------------- */
.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-diag-1
----------------------------- */
.imghvr-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
}
/* imghvr-shutter-in-out-diag-1
----------------------------- */
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-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%);
-moz-transform: skew(-45deg) translateX(-150%);
-ms-transform: skew(-45deg) translateX(-150%);
-o-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
-moz-transform: skew(-45deg) translateX(150%);
-ms-transform: skew(-45deg) translateX(150%);
-o-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
-moz-transform: skew(-45deg) translateX(-50%);
-ms-transform: skew(-45deg) translateX(-50%);
-o-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
-moz-transform: skew(-45deg) translateX(50%);
-ms-transform: skew(-45deg) translateX(50%);
-o-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
}