.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
} @-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.hvr-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
-webkit-animation-name: hvr-pulse-grow;
animation-name: hvr-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.hvr-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.hvr-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
} .hvr-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
} .hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
} .hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.hvr-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
-webkit-animation-name: hvr-hang-sink, hvr-hang;
animation-name: hvr-hang-sink, hvr-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .hvr-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
-webkit-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
-webkit-animation-name: hvr-wobble-to-bottom-right;
animation-name: hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
-webkit-animation-name: hvr-wobble-to-top-right;
animation-name: hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
-webkit-animation-name: hvr-wobble-top;
animation-name: hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
-webkit-animation-name: hvr-wobble-bottom;
animation-name: hvr-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
} .hvr-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}  .hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098D1;
color: white;
} @-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.hvr-back-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
-webkit-animation-name: hvr-back-pulse;
animation-name: hvr-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098D1;
background-color: #2098d1;
color: white;
} .hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
-webkit-transform: scale(2);
transform: scale(2);
} .hvr-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
} .hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
} .hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
} .hvr-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}  .hvr-border-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; } .hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background: none;
} .hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-trim:before {
content: '';
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity: 1;
} @-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.hvr-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-ripple-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
-webkit-animation-name: hvr-ripple-out;
animation-name: hvr-ripple-out;
} @-webkit-keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.hvr-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-ripple-in:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
-webkit-animation-name: hvr-ripple-in;
animation-name: hvr-ripple-in;
} .hvr-outline-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-outline-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
} .hvr-outline-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-outline-in:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
} .hvr-round-corners {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius: 1em;
} .hvr-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right: 0;
} .hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left: 0;
right: 0;
} .hvr-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
left: 0;
} .hvr-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
right: 0;
} .hvr-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
left: 0;
right: 0;
} .hvr-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
left: 0;
} .hvr-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098D1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
} .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
} .hvr-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}  .hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
} .hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
} .hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
} .hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; }
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; } .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); } .hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
opacity: 1;
}  .hvr-bubble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
} .hvr-bubble-float-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-float-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-float-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}  .hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-back:before {
content: "\f137";
position: absolute;
left: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
} .hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-forward:before {
content: "\f138";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
-webkit-transform: translateX(4px);
transform: translateX(4px);
} @-webkit-keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
} .hvr-icon-down {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-down:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
-webkit-animation-name: hvr-icon-down;
animation-name: hvr-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
} .hvr-icon-up {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-up:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
-webkit-animation-name: hvr-icon-up;
animation-name: hvr-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-spin:before {
content: "\f021";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} @-webkit-keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
} .hvr-icon-drop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-drop:before {
content: "\f041";
position: absolute;
right: 1em;
opacity: 1;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: hvr-icon-drop;
animation-name: hvr-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-icon-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
color: #0F9E5E;
} @-webkit-keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
} .hvr-icon-float-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
content: "\f055";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
}
.hvr-icon-float-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
-webkit-animation-name: hvr-icon-float-away;
animation-name: hvr-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
} .hvr-icon-sink-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
content: "\f056";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-sink-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
-webkit-animation-name: hvr-icon-sink-away;
animation-name: hvr-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow:before {
content: "\f118";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .hvr-icon-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
content: "\f119";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
-webkit-transform: scale(0.8);
transform: scale(0.8);
} @-webkit-keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
-webkit-animation-name: hvr-icon-pulse;
animation-name: hvr-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.hvr-icon-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
-webkit-animation-name: hvr-icon-pulse-grow;
animation-name: hvr-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
-webkit-animation-name: hvr-icon-pulse-shrink;
animation-name: hvr-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
.hvr-icon-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-push:before {
content: "\f006";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.hvr-icon-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-pop:before {
content: "\f005";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
-webkit-animation-name: hvr-icon-pop;
animation-name: hvr-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
content: "\f087";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-icon-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
} .hvr-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
} .hvr-icon-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
} .hvr-icon-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
-webkit-transform: translateY(4px);
transform: translateY(4px);
} @-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.hvr-icon-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.hvr-icon-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
animation-name: hvr-icon-hang-sink, hvr-icon-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
-webkit-animation-name: hvr-icon-wobble-horizontal;
animation-name: hvr-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
-webkit-animation-name: hvr-icon-wobble-vertical;
animation-name: hvr-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-icon-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
-webkit-animation-name: hvr-icon-buzz;
animation-name: hvr-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-icon-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
-webkit-animation-name: hvr-icon-buzz-out;
animation-name: hvr-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .hvr-curl-top-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-top-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
left: 0;
background: white; background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
width: 25px;
height: 25px;
} .hvr-curl-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-top-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
right: 0;
background: white; background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
right: 0;
background: white; background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
left: 0;
background: white; background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
width: 25px;
height: 25px;
}body {padding:0; margin:0; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size:16px; line-height:160%;}
a { color:#311333;}
a:hover { color:#311333;}
.politicas-de-recursos-humanos {background-color: #f1f1f1; color: #740793; padding: 60px 0;}
.politicas-de-sustentabilidad {background-color: #FFF; color: #740793; padding: 60px 0;}
body.page-id-6675 div.repeat-noticias {}
body.page-id-6675 div.repeat-noticias div.thumb {height: 350px;}
#ninja-slider .caption {bottom: 40%;} .legal { position:fixed; top:0; left:0; z-index: 10000; background-color: rgba(50,20,53,0.8); width:100vw; height:100vh; padding-top: 120px;}
.container-legal {border:1px solid #EDE0C4; background-color: #321435; text-align: center; colo:#EDE0C4; padding: 60px 30px; min-height: 360px;}
.legal-title { font-size:18px; text-transform:uppercase; margin-bottom:15px; color:#EDE0C4;}
.legal-title-es { font-size:14px; margin-bottom:30px; opacity:0.8; color:#EDE0C4;}
a.btn-legal { display:inline-block; border:1px solid #EDE0C4; font-size:14px; padding:10px 36px; text-align:center; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;color:#EDE0C4; opacity:0.8; margin-right:30px; cursor:pointer;}
a.btn-legal span {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;}
a.btn-legal:hover { background-color:#EDE0C4; text-decoration:none; opacity:1; color: #321435;}  header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 0;
z-index: 1000;
transition: all 0.2s ease-in-out;
height: 140px;
background-color:#311333;
}
header h1 { margin:0; padding:0; height:120px; width:120px; margin-top:12px; float:left;}
header h2 { float:left; margin-left:20px; font-size:32px; color:#FFF; font-family: "AvertaPE-Semibold", Arial, Helvetica, sans-serif; font-weight:normal; margin-top:18px;}
header h1 a { height:100%; width:100%; text-indent:-9000px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-vspt-wine-group-2021.png); display:block; background-size:contain;}
header.header-scroll { 
background-color:#311333; }
header.header-scroll h1 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-vspt-wine-group-2021.png);}
header.header-scroll h2 { color:#FFF;} .menu-desktop { padding-left:0; margin-left:30px; margin-top:60px; float:left;}
.menu-desktop li { float:left; margin-right:30px; font-size:15px; list-style: none; }
.menu-desktop li a { color:#EDE0C4; padding-bottom:5px; opacity:0.8;}
.menu-desktop li a:hover {text-decoration:none; opacity:1;}
.menu-desktop li.current_page_parent a { opacity:1;}
.menu-desktop li.current_page_item a {opacity:1;} header.header-scroll .menu-desktop li a { color: #EDE0C4;}
header.header-scroll .menu-desktop li a:hover { color:#EDE0C4; text-decoration:none; opacity:1;}
header.header-scroll .menu-desktop li.current_page_parent a { color:#EDE0C4;}
header.header-scroll .menu-desktop li.current_page_item a { color:#EDE0C4;} .page-item-17 {}
header .page-item-17 a { padding-RIGHT:12px; border-RIGHT:1px solid #EDE0C4; margin-left: 60px;;} ul.language-chooser { float:left; padding-left:0; margin-top:60px;}
ul.language-chooser li { list-style:none; margin-left:10px; float:left;}
ul.language-chooser li a { text-transform:uppercase; color:#EDE0C4; font-size:12px;}
ul.language-chooser li a:hover { color:#EDE0C4; text-decoration:none;}
header.header-scroll ul.language-chooser li a { color:#9EDE0C499;}
header.header-scroll ul.language-chooser li a:hover { color:#EDE0C4; text-decoration:none;}
ul.language-chooser li.active a { opacity:0.7;} header a.btn-top-menu { height:50px; width:50px; cursor:pointer; display:none; position:absolute; top:30px; right:30px; color:#EDE0C4; font-size:36px; text-align:center;}
header a.btn-top-menu#boton-cerrar-menu { color:#EDE0C4;}
header a.btn-top-menu#boton-cerrar-menu:hover { color:#EDE0C4;}
header a.btn-top-menu:hover {color:#EDE0C4;}
a.close-menu-global { }
header.header-scroll a.btn-top-menu {color:#EDE0C4;}
div.mobile-menu { position:absolute; top:120px; left:0; width:100%; background-color:#311333; z-index:200; text-align:center; padding-bottom:30px; border-bottom:1px solid #EDE0C4; height:700px;}
div.mobile-menu ul { margin:0; padding:20px 15px 15px 15px;}
div.mobile-menu ul li { border-bottom:1px solid rgba(237,224,196,0.3); padding:15px 0; margin-left:0; list-style:none; text-align:left; font-size: 18px;}
div.mobile-menu ul li a { color:#EDE0C4;}
div.mobile-menu ul li ul li:last-child { border-bottom:none;}
div.mobile-menu div.social-icons { text-align:center;}
div.mobile-menu #qtranslate-chooser li { margin-right:20px;} div.awards-home { position:absolute; top:16%; right:10%; width:189px; height:189px; z-index:1000;}
div.awards-home a {background-attachment:scroll; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-2019.png); display:block; background-size:contain; background-position:center center; width:100%; height:100%; opacity:0.8; background-repeat:no-repeat;}
div.awards-home a:hover { opacity:1;} body.home { background-color:#FFF;}
section.slider-home-2021 {width: 100%; height: auto; z-index: 90; background-color: #FFF; margin-top: 140px;}
section.slider-home-2021 div.item-destacado {width: 100%; height: auto; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #311333;}
section.slider-home-2021 div.item-destacado img {}
section.slider-home-2021 div.item-destacado div.container {top: 100px; position: absolute; width: 100%; padding-right: 20%; color: #FFF; text-align: right;}
section.slider-home-2021 div.item-destacado div.container h2 {font-family: "AvertaPE-SemiBold", Arial, Helvetica, sans-serif; font-size: 48px; padding-left: 30%; margin-bottom: 60px;}
section.slider-home-2021 div.item-destacado div.container p {text-transform: uppercase;  letter-spacing: 2px; font-size: 14px;}
.u-shadow {
text-shadow: 0 0 30px rgba(0, 0, 0, 0.3), 10px 0 30px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3), 10px 10px 30px rgba(0, 0, 0, 0.3);}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas {padding: 3px 5px; color:#FFF; text-align: right; text-transform: lowercase; letter-spacing: 0; font-size: 18px;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a { color:#FFF;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a:hover { color:#FFF; text-decoration: none;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 32px; vertical-align: sub;} section.quienes-somos-home-2021 { padding:30px 0; height: 500px;}
section.quienes-somos-home-2021 h2 { font-size:36px; color:#000000; margin-bottom:60px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}	
section.quienes-somos-home-2021 p {padding-right: 30px;}
section.quienes-somos-home-2021 img.botella {margin-top: -500px; z-index: 100; position: absolute; margin-top: -400px; width: 80%;}
section.quienes-somos-home-2021 a.btn-ver-mas-home { color:#000; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.quienes-somos-home-2021 a.btn-ver-mas-home a:hover { color:#000; text-decoration: none;}
section.quienes-somos-home-2021 a.btn-ver-mas-home i { color:#000; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} .marcas-home {background-color: #311333; color: #FFF; height: 700px;}
section.marcas-home h2 { font-size:36px; color:#FFF; margin-bottom:30px; margin-top:90px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: right;}	
section.marcas-home p {padding-left: 90px; text-align: right; color: #FFF;}
section.marcas-home img.marcas {margin-top: -100px; z-index: 100; margin-bottom: 60px;}
section.marcas-home a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.marcas-home a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.marcas-home a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;}
section.marcas-home .bx-wrapper .bx-viewport {background-color: transparent;}
section.marcas-home .bx-wrapper .bx-prev {left: -100px;}
section.marcas-home .bx-wrapper .bx-next {right: -100px;} section.sustentabilidad-home-2021 {background-color: #FFF; color: #000; height: 700px; background-attachment: scroll; background-repeat: no-repeat; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/sustentabilidad-1.jpg); background-size: contain; background-position: 0 100px;}
section.sustentabilidad-home-2021 h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:180px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: right;}	
section.sustentabilidad-home-2021 p {padding-left: 90px; text-align: right; color: #000;}
section.sustentabilidad-home-2021 img.marcas {margin-top: -100px; z-index: 100; margin-bottom: 60px;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home { color:#000; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home a:hover { color:#000; text-decoration: none;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home i { color:#000; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.inversionistas-home-2021 {background-color: #311333; color: #FFF; height: auto;}
section.inversionistas-home-2021 h2 { font-size:36px; color:#FFF; margin-bottom:30px; margin-top:120px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left;}	
section.inversionistas-home-2021 p {text-align: left; color: #FFF;}
section.inversionistas-home-2021 img.bodega {margin-top: -100px; z-index: 100; margin-bottom: 60px;}
section.inversionistas-home-2021 a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.inversionistas-home-2021 a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.inversionistas-home-2021 a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.turismo-home-2021 {background-color: #311333; color: #FFF; height: auto;}
section.turismo-home-2021 h2 { font-size:36px; color:#FFF; margin-bottom:30px; margin-top:120px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: right;}	
section.turismo-home-2021 p {text-align: right; color: #FFF; padding-left: 30px;}
section.turismo-home-2021 img.vinamar {margin-top: -100px; z-index: 100; margin-bottom: 60px;}
section.turismo-home-2021 a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.turismo-home-2021 a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.turismo-home-2021 a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;}
section.sustentabilidad-home { padding:30px 0 0;}
section.sustentabilidad-home h2 { font-size:36px; color:#000000; margin-bottom:30px; margin-top:30px;}	
section.sustentabilidad-home ul { padding-left:40px; margin-top:60px; margin-bottom:60px;}	
section.sustentabilidad-home ul li { list-style:none; margin-bottom:40px; font-size:24px;}
section.sustentabilidad-home ul li a { padding:5px 0; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:center left; opacity:0.8; background-size:contain;}
section.sustentabilidad-home ul li a:hover { text-decoration:none; opacity:1;}
section.sustentabilidad-home ul li.page-item-28 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/videos.png);}
section.sustentabilidad-home ul li.page-item-30 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/pilares.png);}
section.sustentabilidad-home ul li.page-item-32 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/reportes.png);}
section.sustentabilidad-home ul li.page-item-343 a {background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/nuestra-meta.png);}
section.sustentabilidad-home ul li.page-item-4631 a {background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/iniciativas.png);}
section.sustentabilidad-home ul li.page-item-5430 a {background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/bbbien.png);}
section.prensa-home { padding:30px 0; min-height:700px;}
section.prensa-home h2 { font-size:36px; color:#000000; margin-bottom:30px; margin-top:60px;}	
a.link-press-kit { display:block; margin-bottom:30px; background-attachment:scroll; background-repeat:no-repeat; background-size:contain; background-position:center left; padding-left:30px; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/press-kit.png); font-size:18px;}
a.link-facts-sheet { display:block; margin-bottom:30px;background-attachment:scroll; background-repeat:no-repeat; background-size:contain; background-position:center left; padding-left:30px; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/facts-sheet.png);font-size:18px;}
a.link-noticias-anteriores { display:block; margin-bottom:30px;background-attachment:scroll; background-repeat:no-repeat; background-size:contain; background-position:center left; padding-left:30px; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/noticias-anteriores.png);font-size:18px;}
div.repeat-noticias { background-color:#FFFFFF; padding:20px; height:500px; overflow:hidden; margin-bottom:30px;}
div.repeat-noticias div.thumb { width:100%; height:190px; overflow:hidden; background-color:#F1F1F1; margin-bottom:30px;}
div.repeat-noticias img { width:100%; height:auto;}
div.repeat-noticias h3 { font-size:15px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; line-height:150%; margin-top:0;}
div.repeat-noticias h3 a { color:#000000; text-decoration:none;}
div.repeat-noticias h3 a:hover { text-decoration:none;}
div.repeat-noticias p { font-size:12px; line-height:145%;}
span.dia { color:#752e8a; font-size:36px; text-align:center; width:100%; display:block; margin-bottom:5px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
span.mes { color:#752e8a; font-size:18px; text-align:center; width:100%; display:block; margin-bottom:5px; text-transform:uppercase;}
span.ano { color:#752e8a;  font-size:14px; text-align:center; width:100%; display:block; margin-bottom:5px;}
div.repeat-noticias:hover { background-color:#781f58;}
div.repeat-noticias:hover a { color:#FFF;}
div.repeat-noticias:hover p { color:#FFF;}
div.repeat-noticias:hover span { color:#FFF;}
section.container-flow-flow h3 {font-size:36px; color:#000; margin-bottom:30px; margin-top:30px; text-align: center; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; }
section.contacto-home { padding:30px 0 60px;}
section.contacto-home h2 { font-size:36px; color:#000000; margin-bottom:30px; margin-top:30px;}	
form.wpcf7-form { margin-top:30px;}
form.wpcf7-form label { margin-bottom:10px; color:#752e8a;}
form.wpcf7-form input { background-color:rgb(255,255,255); padding:6px; border:none; width:100%; color:#666666;}
form.wpcf7-form textarea { background-color:rgb(255,255,255); padding:6px; border:none; width:160%; height:140px; color:#666666;}
form.wpcf7-form select { background-color:rgb(255,255,255); padding:6px; border:none; width:100%; height:35px; color:#666666;}
form.wpcf7-form input.wpcf7-submit { color:#FFFFFF; background-color:#752e8a; width:120px; padding:10px; text-align:center;}
#form-contactenos { margin-top:30px;}
#form-contactenos label { margin-bottom:10px; color:#752e8a;}
#form-contactenos input { background-color:rgb(255,255,255); padding:6px; border:none; width:100%; color:#666666;}
#form-contactenos textarea { background-color:rgb(255,255,255); padding:6px; border:none; width:100%; height:140px; color:#666666;}
#form-contactenos select { background-color:rgb(255,255,255); padding:6px; border:none; width:100%; height:35px; color:#666666;}
#form-contactenos input.enviar_form { color:#FFFFFF; background-color:#752e8a; width:120px; padding:10px; text-align:center;}
span.msg { display:block; margin-top:10px; color:#FFFFFF; background-color:#752e8a; padding:5px;} .content {
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 0;
z-index: 90;
height:900px;
} section.imagen-page { z-index:90; position:relative; top:120px; left:0; width:100%; padding:0; background-attachment:scroll; background-repeat:no-repeat; background-position:top center; text-align:center; padding-top:180px; color:#FFFFFF; font-size:15px; padding-bottom:240px; height: 720px;}
body.page-id-7 section.imagen-page { padding-bottom:60px;}
section.imagen-page p { text-align:center;}
section.imagen-page h2 { letter-spacing:1px; font-size:54px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;} body.page-id-6841 {background-color: #F2F0EC;}
.repeat-marca {height: 320px; background-attachment: scroll; background-position: center center; display: block; width: 100%; margin-bottom: 30px; background-repeat: no-repeat; background-size: cover;}
.repeat-marca span {opacity: 0; width: 100%; text-align: center; padding-top: 120px; height: 320px; background-color: #7C205A; color: #FFF; display: block; font-size: 18px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;  }
.repeat-marca:hover  span {opacity: 1; width: 100%; text-align: center; padding-top: 120px; height: 320px; background-color: #7C205A; color: #FFF;}
.repeat-marca:hover {text-decoration: none;} body.page-template-page-marca-php {background-color: #F2F0EC;}
body.page-template-page-marca-php h2.h2-icon {height: 120px; margin: 0 0; background-repeat: no-repeat; background-attachment: scroll;background-position: top left; background-size: contain; text-indent: -9000px; margin-top:20px; width:70%; margin-bottom: 30px;}
p.p-marca {text-transform: uppercase;     font-size: 14px;
margin-bottom: 30px;
font-family: 'AvertaPE-Regular';}
p.p-marca a:hover {text-decoration: none;}
div.thumb-marca-page {height: 540px; background-attachment: scroll; background-position: center center; margin-bottom: 30px; background-repeat: no-repeat; background-size: cover;}
p.p-marca a {color: #000;}
div.container-text-marca p {padding-right: 30px;}
.wine-meta-data {padding: 60px 0 0;}
.wine-meta-data p {margin-bottom: 30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color: #7E7E7E}
.wine-meta-data p span {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; color: #000}
div.container-vina-marca { padding-bottom: 60px;}
div.container-vina-marca p {text-align: justify}
div.container-vina-marca p.website-link {text-align: center}
div.container-vina-marca h3 {text-align: center;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; margin-bottom: 30px; color:#000; font-size: 36px; background-attachment: scroll; background-position: top center; background-size: contain; height: 120px; text-indent:-9000px; background-repeat: no-repeat;} body.page-id-7 {background-color:#faf8f5;}
.content-page-text {position: relative;
height: 120px;
background-color: #F2F0EC;
margin-top: 80px;
padding-top: 30px;
text-align: center;
font-size: 16px;
z-index: 90;}
.content-page-text p {padding: 15px 60px;}
section.page-links {width: 100%; background-color: #f2f0ec; padding-top: 30px; padding-bottom: 30px;}
.repeat-page-link {text-align: center; }
.repeat-page-link-a {background-color: #FFF; background-attachment: scroll; background-position: center center; background-size: 50%; background-repeat: no-repeat; display: block; margin-bottom: 15px; height: 180px;;}
.repeat-page-link h3 {font-size: 18px;     line-height: 120%;} section#proposito {padding:30px 0; height: 500px; padding-bottom: 30px;}
body.page section#proposito h2 {font-size:36px; color:#000; margin-bottom:30px; margin-top:120px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/proposito-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 50px; background-size: contain;}
section#proposito p {padding-right: 30px;}
section#proposito img.proposito {margin-bottom: 30px; } section#por-que-vspt {padding:30px 0; height: 900px; padding-bottom: 60px;}
body.page section#por-que-vspt h2 {font-size:36px; color:#000; margin-bottom:30px; margin-top:120px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/por-que-vspt-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 50px; background-size: contain;}
section#por-que-vspt p {padding-right: 30px;}
section#por-que-vspt img.proposito {margin-bottom: 30px; }
div.scroll-div {height: 400px; overflow-y: scroll; margin-bottom: 60px;} section#mision-y-vision {padding:30px 0; height: 600px; padding-bottom: 60px;}
body.page section#mision-y-vision h2 {font-size:36px; color:#000; margin-bottom:60px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/mision-vision-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 50px; background-size: contain;}
section#mision-y-vision p {padding-right: 30px;}
section#mision-y-vision img.mision-y-vision {margin-bottom: 30px; }
body.page section#mision-y-vision h3 {margin: 15px 0; text-transform: uppercase; letter-spacing: 2px; font-size: 14px;} section.quienes-somos-nuestros-valores { width:100%; padding:60px 0;}
section.quienes-somos-nuestros-valores h2 { font-size:36px; color:#000; margin-bottom:60px; margin-top:120px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/valores-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 60px; background-size: contain;}
section#mision-y-vision p {padding-right: 30px;}
.repeat-valores { height:172px; width:31%; float:left; margin-right:10px; margin-bottom:10px;}
.repeat-valores a { text-align:left; display:block; height:100%; padding:10px; color:#FFFFFF; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size:18px; vertical-align:bottom; padding-top:118px; cursor:pointer;}
.repeat-valores img { width:100%; height: 172px;}
.repeat-valores a:hover { opacity:1; text-decoration:none;}
#valor-232 { background-color:#eb742c;}
#valor-234 { background-color:#f8bf3e;}
#valor-236 { background-color:#99a222;}
#valor-238 { background-color:#571b49;}
#valor-240 { background-color:#e41a3c;}
#repeat-valores-240 { display:none;}
.popover-title {
font-size: 14px;
font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; 
} .popover-content {
font-size: 12px;
font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; 
}
.color-gris {background-color: #efece8;} section.quienes-somos-valles { width:100%; padding: 60px 0; height: 800px; margin-bottom: 60px;}
section.quienes-somos-valles h2 {  font-size:36px; color:#000; margin-bottom:60px; margin-top:0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/valles-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 40px; background-size: contain;}
div.container-thumb-valle {height: 360px; margin-bottom: 30px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%;}
section.quienes-somos-valles p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;}
section.quienes-somos-valles h3 { color:#571b49; font-size:24px; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; margin-bottom:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; }
div.slide-valles {}
section.quienes-somos-valles a.prev { position: absolute;font-size: 48px;color: #000;top: 50%;left: 0;text-decoration: none;z-index: 200;width: 50px;text-align: center;}
section.quienes-somos-valles a.next {position: absolute;font-size: 48px;color: #000;top: 50%;right: 0;text-decoration: none;z-index: 200;width: 50px;text-align: center;} .sustentabilidad-pilares a.prev { left:-68px;}
.sustentabilidad-pilares a.next { right:-68px;} section#equipo-de-excelencia {padding:30px 0; height: auto; padding-bottom: 60px; background-color: #f2f0ec;}
body.page section#equipo-de-excelencia h2 {font-size:36px; color:#000; margin-bottom:30px; margin-top:120px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/equipo-excelencia-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 50px; background-size: contain;}
section#equipo-de-excelencia p {padding-right: 30px;}
section#equipo-de-excelencia img.equipo-de-excelencia {margin-bottom: 30px; } body.page-id-9 section.imagen-page { padding-bottom:60px;}
body.page-id-9 section.imagen-page h3 { display:inline-block; margin:10px 30px; width:160px;}
body.page-id-9 section.imagen-page h3 a { color:rgb(255,255,255); background-position: center center; background-size: contain;background-repeat: no-repeat; display:block; text-indent:-9000px;} section.imagen-page-vina { z-index:90; position:relative; top:0; left:0; width:100%; padding:0; background-attachment:scroll; background-repeat:no-repeat; background-position:top center; text-align:center; padding-top:180px; color:#FFFFFF; font-size:15px; padding-bottom:120px;}
section.imagen-page-vina p { text-align:left; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;}
h2.h2-icon {height: 240px; margin: 0 auto; background-repeat: no-repeat; background-attachment: scroll;background-position: center -0; background-size: contain; text-indent: -9000px; margin-top:-40px; width:100%;}
p.website-link a { border:1px solid #000; padding:10px 20px; text-align:center; display:inline-block; width:160px; opacity:0.8; color:#000; margin-top:20px;}
p.website-link a { opacity:1;}
section.productos-vinas { width:100%; text-align:center; background-color:#f1f1f1; padding-top:30px;}
div.repeat-producto { background-color: rgb(255,255,255); text-align:center; margin-bottom:30px;}
div.repeat-producto a { display:block; width:100%; height:100%; text-align:center; opacity:0.8; cursor:pointer;}
div.repeat-producto a:hover { opacity:1;}
div.repeat-producto a img { width:100%; height:auto; margin:0 auto;}
.modal-content { border-radius:0;}
.modal-body h3 { color:#752e8a; margin-bottom:30px;}
.container-p-modal p { padding-right:30px;}
.align-center { text-align:center;}
p.website-link-modal a { border:1px solid #666; padding:5px 10px; text-align:center; display:inline-block; width:120px; opacity:0.8; color:#666; margin-top:10px;}
p.website-link-modal a { opacity:1;} body.page-id-6358 section.imagen-page-vina {background-size: cover;}
body.page-id-6358 h2.h2-icon {height: 180px;} body.page-id-7945 {background-color: #FAF8F5;}
body.page-id-7945 section.imagen-page { padding-bottom:30px; background-size: cover;}
body.page-id-7945 a.btn-top { background-color: #99a222;}
body.page-id-7945 section.imagen-page h2 {height: auto; margin: 0 auto; background-repeat: no-repeat; background-attachment: scroll;background-position: center -0; background-size: contain; text-indent: 0; margin-top:100px; width: 500px} body.page-id-7945 section.sustentabilidad-nuestra-meta { width:100%; background-color:#FAF8F5; height:auto; padding:30px 0;}
body.page-id-7945 section.sustentabilidad-nuestra-meta h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:120px; background: none;font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; padding-left: 0; padding-right: 0;}
body.page-id-7945 section.sustentabilidad-nuestra-meta h2 span {font-weight: 200; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;}
section.sustentabilidad-nuestra-meta p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 18px; padding-right: 60px;}
body.page-id-7945 section.sustentabilidad-nuestra-meta .bx-wrapper .bx-pager.bx-default-pager a { background: #9ba13d; opacity: 0.5;}
body.page-id-7945 section.sustentabilidad-nuestra-meta .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;}
body.page-id-7945 section.sustentabilidad-nuestra-meta .bx-wrapper .bx-prev {left: -60px;}
body.page-id-7945 section.sustentabilidad-nuestra-meta .bx-wrapper .bx-next {right: -60px;}
body.page-id-7945 section.definicion {background-color:#FAF8F5; padding: 60px 0;}
body.page-id-7945 section.definicion .container-definition { margin-top: 30px; padding: 30px 60px; background-color: #311734; color:#EDE7D8; }
body.page-id-7945 section.definicion .container-definition h3 { font-size: 30px; margin-top: 0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
body.page-id-7945 section.definicion .container-definition h3 span { font-size: 30px; font-weight: 200; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;}
body.page-id-7945 section.definicion .container-definition p { font-size: 24px; line-height: 140%;}
body.page-id-7945 section.personas {background-color:#FAF8F5; padding: 60px 0 90px 0;}
body.page-id-7945 section.personas h2 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#000;}
body.page-id-7945 section.personas div.primer-texto-personas {color:#000;}
body.page-id-7945 section.personas div.primer-texto-personas h3 {color:#000; margin-bottom: 30px; line-height: 140%;}
body.page-id-7945 section.personas div.segundo-texto-personas p {color:#000; margin-bottom: 30px; margin-top: 25px;}
body.page-id-7945 section.personas div.segundo-texto-personas ul {color:#000; margin-bottom: 30px; padding-left: 0;}
body.page-id-7945 section.personas div.segundo-texto-personas ul li {color:#000; margin-bottom: 13px; list-style: none;}
body.page-id-7945 section.personas div.segundo-texto-personas ul li::before {
content: '';
display: inline-block;
vertical-align: bottom;
height: 25px;
width: 25px;
background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2023/10/list.jpg);
background-size: contain;
margin-right: 10px;
background-position: top left;	
}
body.page-id-7945 section.pilares {background-color:#FAF8F5; padding: 60px 0 90px 0;}
body.page-id-7945 section.pilares .slide-pilares {padding: 60px; width: 100%; background-color: #EFECE8;}
body.page-id-7945 section.pilares .slide-pilares h2 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#000; margin-bottom: 30px;}
body.page-id-7945 section.pilares .slide-pilares h3 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#000; margin-bottom: 15px; font-size: 20px;}
body.page-id-7945 section.pilares .slide-pilares p { margin-bottom: 30px;}
body.page-id-7945 section.pilares .slide-pilares ul { padding-left: 15px; margin-bottom: 30px;}
body.page-id-7945 section.pilares .slide-pilares ul li {color:#000; margin-bottom: 13px; list-style: none;}
body.page-id-7945 section.pilares .slide-pilares ul li::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 15px;
width: 15px;
background-color: #99A222;
border-radius: 50%;
margin-right: 10px;	
}
.cycle-pager-pilares {width: 100%; text-align: center; margin-top: 20px; margin-bottom: 30px; }
.cycle-pager-pilares span {color: #99A222; font-size: 96px; opacity: 0.5; cursor: pointer;}
.cycle-pager-pilares span.cycle-pager-active { opacity: 1;}
a.prev-pilar { position: absolute; font-size: 48px; color: #000; top: 50%; left: -80px; text-decoration: none; z-index: 200; width: 50px; text-align: center; opacity: 0.5;}
a.prev-pilar:hover {opacity: 1;}
a.next-pilar { position: absolute; font-size: 48px; color: #000;  top: 50%; right: -80px; text-decoration: none; z-index: 200; width: 50px; text-align: center; opacity: 0.5;}
a.next-pilar:hover {opacity: 1;}
body.page-id-7945 section.recorrido {padding: 60px 0 90px 0; min-height: 480px; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/11/foto-01-sustentabilidad.jpg); background-size: cover; background-position: center center;}
body.page-id-7945 section.recorrido h2 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#FFF; margin-bottom: 60px;}
body.page-id-7945 section.recorrido .slide-recorrido {color:#FFF; font-size: 22px;}
body.page-id-7945 section.recorrido .slide-recorrido p.number {color:#FFF; margin-bottom: 10px; font-size: 18px;}
body.page-id-7945 section.recorrido .slide-recorrido span.linea {display: block; height: 1px; background-color: #FFF; width: 50%; margin-bottom: 10px;}
a.prev-recorrido { position: absolute; font-size: 48px; color: #FFF; top: 50%; left: -80px; text-decoration: none; z-index: 200; width: 50px; text-align: center; opacity: 1;}
a.prev-recorrido:hover {opacity: 1;}
a.next-recorrido { position: absolute; font-size: 48px; color: #FFF;  top: 50%; right: -80px; text-decoration: none; z-index: 200; width: 50px; text-align: center; opacity: 1;}
a.next-recorrido:hover {opacity: 1;}
.cycle-pager-recorrido {width: 100%; text-align: center; margin-top: 20px; margin-bottom: 30px; }
.cycle-pager-recorrido span {color: #FFF; font-size: 96px; opacity: 0.5; cursor: pointer;}
.cycle-pager-recorrido span.cycle-pager-active { opacity: 1;}
body.page-id-7945 section.gobernanza {background-color:#FAF8F5; padding: 90px 0 90px 0;}
body.page-id-7945 section.gobernanza .container-gobernanza {background-color: #321435; padding: 60px; color:#EBDEC4; min-height: 480px;}
body.page-id-7945 section.gobernanza .container-gobernanza h2 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#EBDEC4; margin-bottom: 30px; margin-top: 60px;}
a.prev-gobernanza { position: absolute; font-size: 48px; color: #000; top: 50%; left: -80px; text-decoration: none; z-index: 200; width: 50px; text-align: center; opacity: 1;}
a.prev-gobernanza:hover {opacity: 1;}
a.next-gobernanza { position: absolute; font-size: 48px; color: #000;  top: 50%; right: -80px; text-decoration: none; z-index: 200; width: 50px; text-align: center; opacity: 1;}
a.next-gobernanza:hover {opacity: 1;}
.cycle-pager-gobernanza {width: 100%; text-align: center; margin-top: 20px; margin-bottom: 30px; }
.cycle-pager-gobernanza span {color: #9ba13d; font-size: 96px; opacity: 0.5; cursor: pointer;}
.cycle-pager-gobernanza span.cycle-pager-active { opacity: 1;}
body.page-id-7945 section.gobernanza .container-info-gobernanza { padding: 60px; margin-top: 30px; background-color: #EFECE8; min-height: 390px; }
body.page-id-7945 section.gobernanza .container-info-gobernanza h3 {color:#311734; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; margin-bottom: 15px; padding-left: 50px;
background-position: left -7px;
background-size: 10%;
background-repeat: no-repeat;
height: 35px;}
.slide-gobernanza-1 h3 {background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2023/10/01-2.jpg);}
.slide-gobernanza-2 h3 {background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2023/10/02-2.jpg);}
.slide-gobernanza-3 h3 {background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2023/10/03-2.jpg);}
.slide-gobernanza-4 h3 {background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2023/10/04-2.jpg);}
.slide-gobernanza-5 h3 {background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2023/10/05-2.jpg);}
a.btn-reportabilidad { border:1px solid #333; padding: 10px 30px; cursor: pointer; border-radius: 5px; width: 100%; display: inline-block;}
a.btn-reportabilidad:hover {text-decoration: none;}
a.btn-reportabilidad i {float: right; margin-top: 5px;}
.menu-reportabilidad {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 0; overflow: hidden; position: absolute;
width: 100%;
background-color: #EFECE8;}
.menu-reportabilidad ul { padding-left: 0; margin-top: 5px;}
.menu-reportabilidad ul li {padding: 5px; list-style: none;}
.menu-reportabilidad ul li a { text-decoration: none; display: block; padding: 2px 20px;}
.menu-reportabilidad ul li a:hover { text-decoration: none;}
a.btn-politicas { border:1px solid #333; padding: 10px 30px; cursor: pointer; border-radius: 5px; width: 100%; display: inline-block;}
a.btn-politicas:hover {text-decoration: none;}
a.btn-politicas i {float: right; margin-top: 5px;}
.menu-politicas {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 0; overflow: hidden; position: absolute;
width: 100%;
background-color: #EFECE8;}
.menu-politicas ul { padding-left: 0; margin-top: 5px;}
.menu-politicas ul li { list-style: none;}
.menu-politicas ul li a { text-decoration: none; display: block; padding: 2px 20px;}
.menu-politicas ul li a:hover { text-decoration: none;}
body.page-id-7945 section.gobernanza .container-info-gobernanza p {color:#313131; margin-bottom: 30px;}
body.page-id-7945 section.certificaciones {background-color:#FAF8F5; padding: 60px 0 90px 0;}
body.page-id-7945 section.certificaciones h2 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#000; margin-bottom: 60px; text-align: center;}
body.page-id-7945 section.certificaciones h2 span {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;}
body.page-id-7945 section.certificaciones .bx-wrapper .bx-pager.bx-default-pager a { background: #9ba13d; opacity: 0.5;}
body.page-id-7945 section.certificaciones .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;}
body.page-id-7945 section.certificaciones .bx-wrapper .bx-prev {left: -60px;}
body.page-id-7945 section.certificaciones .bx-wrapper .bx-next {right: -60px;}
body.page-id-7945 section.credenciales {background-color:#FAF8F5; padding: 60px 0 90px 0;}
body.page-id-7945 section.credenciales h2 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#000; margin-bottom: 60px; text-align: left;}
body.page-id-7945 section.credenciales h2 span {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;} body.page-id-11 {background-color: #faf8f5;}
body.page-id-11 section.imagen-page { padding-bottom:30px; background-size: cover;}
body.page-id-11 a.btn-top { background-color: #99a222;}
body.page-id-11 section.imagen-page h2 {height: auto; margin: 0 auto; background-repeat: no-repeat; background-attachment: scroll;background-position: center -0; background-size: contain; text-indent: 0; margin-top:100px; width: 500px} section.sustentabilidad-nuestra-meta { width:100%; background-color:#FFF; height:auto; padding:30px 0;}
section.sustentabilidad-nuestra-meta h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:120px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/eje-sustenyabilidad-gris@2x.png); background-size:8%; padding-left: 50px;  padding-right: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;     font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-nuestra-meta p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 18px; padding-right: 60px;} section.sustentabilidad-foto-01 { width:100%; background-color:#FFF; height:auto; padding:180px 0; background-size: cover; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; color:#FFF; min-height: 600px;}
section.sustentabilidad-foto-01 h2 {font-size:36px; margin-bottom: 30px;     font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-foto-01 p {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 18px; } section.sustentabilidad-foto-02 { width:100%; background-color:#FFF; height:auto; padding:60px 0; color:#000;}
section.sustentabilidad-foto-02 p {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 30px; margin-top: 30px;}
section.sustentabilidad-foto-02 h4 {color:#502047; width: 50%; font-size: 20px; margin-bottom: 30px; font-weight: 900; line-height: 130%; position: relative; }
section.sustentabilidad-foto-02 h4::before { width: 40px; height: 2px; background-color: #502047; position: absolute; top: -5px; left: 0; content: '';} section.sustentabilidad-foto-03 { width:100%; background-color:#FFF; height:auto; padding:90px 0; background-size: cover; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; color:#000; min-height: 600px;}
section.sustentabilidad-foto-03 h2 {font-size:36px; margin-bottom: 30px; }
section.sustentabilidad-foto-03 h2 span {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-foto-03 p {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 30px; }
section.sustentabilidad-foto-03 img.carbono-neutralidad {width: 60%; height: auto; margin-top: 30px;} section.gestion-huella-de-carbono { width:100%; background-color:#FFF; height:auto; padding:30px 0; color:#000; min-height: 600px;}
section.gestion-huella-de-carbono h2 {font-size:36px; margin-bottom: 30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.gestion-huella-de-carbono h3 {margin-bottom: 60px; background-repeat: no-repeat; background-position: top left; background-size: contain; color:#939a3b; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; line-height: 130%; padding-left: 50px; padding-top: 30px;}
section.gestion-huella-de-carbono h3 span {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; display: block;}
section.gestion-huella-de-carbono h4 {font-size: 24px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; margin-top: 30px;}
section.gestion-huella-de-carbono h5 {font-style: italic; font-size: 20px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; margin-bottom: 60px; padding-right: 60px; }
section.gestion-huella-de-carbono p {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 15px; margin-bottom: 30px; padding-right: 60px;}
section.gestion-huella-de-carbono .onu {background-color: #ede7d8; min-height: 478px;}
section.gestion-huella-de-carbono .onu h4 { margin-left: 15px;}
section.gestion-huella-de-carbono .onu h5 { margin-left: 15px;}
section.gestion-huella-de-carbono .onu p { margin-left: 15px; padding-right: 30px;}
section.gestion-huella-de-carbono p a { font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; font-style: italic; position: relative; color: #000;}
section.gestion-huella-de-carbono p a::before { width: 30px; height: 1px; background-color: #000; position: absolute; top: -5px; left: 0; content: '';} section.sustentabilidad-foto-04 { width:100%; background-color:#FFF; height:auto; padding:180px 0; background-size: cover; background-attachment: scroll; background-position: top right; background-repeat: no-repeat; color:#FFF; min-height: 600px;}
section.sustentabilidad-foto-04 h2 {font-size:36px; margin-bottom: 30px;     font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-foto-04 p {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 18px; } section.sustentabilidad-foto-05 { width:100%; background-color:#FFF; height:auto; padding:180px 0; background-size: cover; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; color:#2e1633; min-height: 600px;}
section.sustentabilidad-foto-05 h2 {font-size:36px; margin-bottom: 30px;     font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-foto-05 p {font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 18px; }
section.sustentabilidad-foto-05 p a {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; font-style: italic; color:#2e1633;} section.sustentabilidad-hitos { width:100%; background-color:#FFF; height:auto; padding:60px 0; background-size: cover; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; color:#000; }
section.sustentabilidad-hitos h2 {font-size:36px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;margin-bottom:30px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/11/Hitos.png); background-size:contain; padding-bottom: 10px; padding-top: 10px;} section.sustentabilidad-pilares { width:100%; background-color:#faf8f5; height:auto; padding-top:40px; position: relative;}
body.page section.sustentabilidad-pilares h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:60px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/eje-sustenyabilidad-verde.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-pilares p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; line-height: 180%; font-size: 16px; font-size: 14px; height: 220px;}
div.img-pilares img { float:right;}
section.sustentabilidad-pilares h3 { color:#99a222; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; margin-bottom:10px; line-height: 130%;}
section.sustentabilidad-pilares h4 { color:#99a222; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; margin-bottom:10px; line-height: 130%; margin-top: 30px; font-size: 24px;}
section.sustentabilidad-pilares div.slide-valles p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; margin-bottom: 30px;}
section.sustentabilidad-pilares h2.h2-4622, section.sustentabilidad-pilares h2.h2-4624, section.sustentabilidad-pilares h2.h2-4626, section.sustentabilidad-pilares h2.h2-4628  { background-image:none; padding-left:0;}
section.sustentabilidad-pilares div.slide-valles { margin-top:0; width: 100%; position: relative; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: contain; text-align: left;}
section.sustentabilidad-pilares div.slide-valles div img { width:100%; height: auto;}
section.sustentabilidad-pilares div.slide-valles a.popover-modelo {background-color: rgba(0,255,255,0.4); position: absolute; width: 100px; height: 50px}
section.sustentabilidad-pilares div.slide-valles a#modelo-4622 {top: 0; left: 45%;} section.sustentabilidad-pilares div.slide-valles a#modelo-4624 {} section.sustentabilidad-pilares div.slide-valles a#modelo-4626 {} section.sustentabilidad-pilares div.slide-valles a#modelo-4628 {} section.sustentabilidad-pilares div.slide-valles a#modelo-5856 {}   section.reconocimientos-sustentabilidad {background: #FFF;}
section.reconocimientos-sustentabilidad { color:#5d1f76; height:auto; width:100%; padding-bottom:120px; min-height: 550px; position: relative;}
body.page section.reconocimientos-sustentabilidad h2 { font-size:36px; color:#99a222; margin-bottom:60px; margin-top:0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.reconocimientos-sustentabilidad h3 { color:#000; margin-bottom:30px; margin-top:-0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.reconocimientos-sustentabilidad p { color:#000; font-size:16px; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; line-height:180%;}
.slide-awards { width:100%; min-height:300px; position: relative;}
.slide-awards a { color:#5d1f76; opacity:0.6;}
.slide-awards a:hover { color:#5d1f76; opacity:1;}
.slide-awards a.prev, .slide-awards a.next { top:50px;}
.slide-awards .cycle-slide { width:100%;}
.img-thumb-reconocimiento { text-align:center; background-color: #99a222; min-height: 450px;}
.img-thumb-reconocimiento img { width:75%; height:auto; margin-top: 16%; margin-bottom: 20px;}
section.reconocimientos-sustentabilidad a.prev { left:-15px;}
section.reconocimientos-sustentabilidad a.next { right:-15px;}
.texto-reconocimiento p { padding-left:0;} section.reconocimientos-sustentabilidad .cycle-pager { 
text-align: center; z-index: 500; position: absolute; bottom: 15%; overflow: hidden; left: 10%;
}
section.seccion-acciones-sustentabilidad .cycle-pager-acciones { 
text-align: center; z-index: 500; position: absolute; bottom: 15%; overflow: hidden; left: 10%;
}
section.seccion-transparencia-sustentabilidad .cycle-pager-transparencia { 
text-align: center; z-index: 500; position: absolute;     bottom: 25%;
overflow: hidden;
left: 20%;
}
.cycle-pager span { 
font-family: arial; font-size: 50px; width: 36px; height: 36px; 
display: inline-block; color: #ddd; cursor: pointer; 
margin: 7px;
}
.cycle-pager span.cycle-pager-active { color: #99a222;}
.cycle-pager > * { cursor: pointer;}
.cycle-pager-acciones span { 
font-family: arial; font-size: 50px; width: 36px; height: 36px; 
display: inline-block; color: #ddd; cursor: pointer; 
margin: 7px;
}
.cycle-pager-acciones span.cycle-pager-active { color: #99a222;}
.cycle-pager-acciones > * { cursor: pointer;}
.cycle-pager-transparencia span { 
font-family: arial; font-size: 50px; width: 36px; height: 36px; 
display: inline-block; color: #ddd; cursor: pointer; 
margin: 7px;
}
.cycle-pager-transparencia span.cycle-pager-active { color: #99a222;}
.cycle-pager-transparencia > * { cursor: pointer;}
section.seccion-acciones-sustentabilidad {background: #FFF;}
section.seccion-acciones-sustentabilidad { color:#5d1f76; height:auto; width:100%; padding-bottom:120px; min-height: 550px; position: relative;}
body.page section.seccion-acciones-sustentabilidad h2 { font-size:36px; color:#99a222; margin-bottom:60px; margin-top:0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.seccion-acciones-sustentabilidad h3 { color:#000; margin-bottom:30px; margin-top:-0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; font-size: 32px;}
section.seccion-acciones-sustentabilidad p { color:#000; font-size:16px; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; line-height:180%;} section.sustentabilidad-transparencia { width:100%; background-color:#FFF; height:auto; padding:60px 0; background-size: cover; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; color:#000; }
section.sustentabilidad-transparencia h2 {font-size:36px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;margin-bottom:30px; padding-left:80px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/11/Trans-y-Cumplimiento.png); background-size:contain; padding-bottom: 10px; padding-top: 10px;}
section.seccion-transparencia-sustentabilidad {background: #FFF;}
section.seccion-transparencia-sustentabilidad { color:#5d1f76; height:auto; width:100%; padding-bottom:120px; min-height: 550px; position: relative;}
body.page section.seccion-transparencia-sustentabilidad h2 { font-size:36px; color:#99a222; margin-bottom:60px; margin-top:0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.seccion-transparencia-sustentabilidad h3 { color:#000; margin-bottom:30px; margin-top:-0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; font-size: 32px;}
section.seccion-transparencia-sustentabilidad p { color:#000; font-size:16px; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; line-height:180%;}
.container-imagen-transparencia-logos {text-align: center;}
.container-imagen-transparencia-logos img {width: 60%; margin: 30px auto;}
section.sustentabilidad-politicas { width:100%; background-color:#FFF; height:auto; padding:60px 0; background-size: cover; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; color:#000; }
section.sustentabilidad-politicas h2 {font-size:36px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;margin-bottom:30px;}
body.page-id-11 .politicas-de-recursos-humanos {background-color: #FFF;}
body.page-id-11 div.repeat-noticias {height: auto;}
body.page-id-11 div.repeat-noticias:hover { background-color:#FFF;}
body.page-id-11 div.repeat-noticias:hover a { color:#000;}
body.page-id-11 div.repeat-noticias:hover p { color:#000;}
body.page-id-11 div.repeat-noticias:hover span { color:#000;}
body.page-id-11 div.repeat-noticias div.thumb {height: 300px;} .cycle-pager-modelo { 
text-align: center; z-index: 500; position: absolute; bottom: 5%; overflow: hidden; left: 20%;
}
.cycle-pager-modelo span { 
font-family: arial; font-size: 50px; width: 24px; height: 24px; 
display: inline-block; color: #ddd; cursor: pointer; 
margin: 12px;
}
.cycle-pager-modelo span.cycle-pager-active { color: #99a222;}
.cycle-pager-modelo > * { cursor: pointer;} .cycle-pager-iniciativas { 
text-align: center; z-index: 500; position: absolute; bottom: 20%; overflow: hidden; right: 20%;
}
.cycle-pager-iniciativas span { 
font-family: arial; font-size: 50px; width: 24px; height: 24px; 
display: inline-block; color: #ddd; cursor: pointer; 
margin: 7px;
}
.cycle-pager-iniciativas span.cycle-pager-active { color: #99a222;}
.cycle-pager-iniciativas > * { cursor: pointer;}
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
} section.sustentabilidad-iniciativas { width:100%; background-color:#efece8; height:600px; padding:30px 0; text-align:center; position: relative;}
section.sustentabilidad-iniciativas h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:0; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/Iniciativas-verde.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-iniciativas p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;}
section.sustentabilidad-iniciativas h3 { color:#99a222; font-size:24px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; margin-bottom:30px;}
section.sustentabilidad-iniciativas div.slide-valles { margin:20px auto; width:100%; height:auto; text-align:left;}
.thumb-iniciativas img { width:100%; height:auto; margin-top:0;}
.popover { border-radius:0; border:1px solid #CCC;}
.popover-title {
color: #000;
background-color:#FFFFFF;
font-size: 18px;
font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; 
border-bottom:1px solid #FFF;
padding-top:20px;
margin-bottom:0;
padding-bottom:10px;
}
.popover-content {
color: #666;
font-size: 12px;
line-height:155%;
padding-bottom:20px;
font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; 
} section.sustentabilidad-reportes { width:100%; height:auto; padding:60px 0; background-color: #FFF}
body.page section.sustentabilidad-reportes h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:30px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/reporte-gris.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-reportes p { }
div.img-reportes { text-align:center;}
div.img-reportes img { float:none; height:auto; margin-top:30px;}
section.sustentabilidad-reportes h3 { color:#99a222; font-size:24px;font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif;margin-bottom: 10px; padding-bottom: 20px; }
section.sustentabilidad-reportes h3 a { color:#99a222; opacity:1; text-decoration: underline;}
section.sustentabilidad-reportes h3 a:hover { color:#99a222; opacity:1; text-decoration:none;}
.repeat-reportes { margin-bottom:20px;}
section.sustentabilidad-reportes .repeat-reportes p { font-size:12px;}
section.sustentabilidad-reportes a.download { background-color:#99a222; padding:3px 6px; color:#FFFFFF; text-align:center;} section.sustentabilidad-videos { width:100%; background-color:#efece8; padding:30px 0; text-align:left;}
body.page section.sustentabilidad-videos h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:60px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/videos-verde.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.sustentabilidad-videos div.repeat-noticias {height:400px; margin-bottom: 30px;}
section.sustentabilidad-videos div.repeat-noticias:hover {background-color: #99a222;}
section.sustentabilidad-videos div.repeat-noticias div.thumb {height: 236px;} div.logo-down-jones { position:absolute; z-index:90; top: 25%; right: 10%; width: 160px; height:180px; background-repeat:no-repeat; background-position:top left; background-attachment:scroll; background-size:contain;} body.page-id-11 section.imagen-page h3 {margin: 30px 15px; font-size: 16px; width: 140px;}
section.imagen-page h3.h3-sustentabilidad-5430 a {background-size: 60%;}
li.page-item-5430 {}
li.li-video a { background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/videos.png);}
body.page-id-5430 section.imagen-page h2 { background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: contain; text-indent: -9000px; width: 360px; height: 180px; text-align: center; margin: 0 auto;} 
section.video-bbbien { background-color: #6e1f76; width: 100%; padding: 120px 0; text-align: center;}
section.que-es-bbbien { width: 100%; margin-top: 30px; padding-bottom: 30px;}
body.page section.que-es-bbbien h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:60px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/bbbien-verde.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;} 
section.que-es-bbbien p { font-size:16px; margin-bottom: 30px;}
section.que-es-bbbien ul { padding-left: 20px; margin-top: 60px;}
section.que-es-bbbien ul li { list-style: none; margin-bottom: 20px;}
section.que-es-bbbien ul li a {color:#000; font-size: 18px; display: block; padding: 10px 0 10px 60px; background-attachment: scroll; background-position: left center; background-repeat: no-repeat; background-size: contain; opacity: 1;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.que-es-bbbien ul li a:hover {color:#000; text-decoration: none; opacity: 1;}
section.que-es-bbbien ul li.li-5434 a { background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/bbbien-verde.png);}
section.que-es-bbbien ul li.li-5436 a { background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/bondades-verde.png);}
section.que-es-bbbien ul li.li-5438 a { background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/Iniciativas-verde-1.png);}
div.img-que-es-bbbien { overflow: hidden;}
div.img-que-es-bbbien img { width: 100%; height: auto;}
section.consumidor-responsable {width:100%; background-color:#f1f1f1; height:auto; padding:60px 0;}
section.consumidor-responsable h3 {background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/consumidor-responsable-icono-x1.png); background-attachment: scroll; background-repeat: no-repeat; padding-left: 80px; font-size: 36px; margin-bottom: 20px; margin: 20px auto; text-align: center; padding-top: 20px; padding-bottom: 20px; width: 70%;}
section.consumidor-responsable p { text-align: center; width: 70%; margin: 20px auto 40px;}
section.consumidor-responsable div.slider-consumo-responsable {width: 100%; }
section.consumidor-responsable div.slide-consumo-responsable { width: 100%;}
section.consumidor-responsable div.slide-consumo-responsable p { font-size: 24px; text-align: left; line-height: 140%; width: 100%; margin: 45% 0 0;}
section.consumidor-responsable div.slide-consumo-responsable span { background-color:#9a65ab; text-align:center; display: block; padding-top: 20px; font-size: 52px; vertical-align: middle; color: #FFF; border-radius: 60px; width: 60px; height: 60px;  margin: 148% 0 0;}
section.bondades-del-vino {width:100%; background-color:#FFFFFF; height:auto; padding:60px 0;}
section.bondades-del-vino h3 {background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/bondades-vino-icono-x1.png); background-attachment: scroll; background-repeat: no-repeat; padding-left: 80px; font-size: 36px; margin-bottom: 20px; padding-top: 10px; padding-bottom: 30px}
section.bondades-del-vino p { font-size: 16px;}
section.bondades-del-vino div.img-bondades img { width: 100%; height: auto;}
section.bondades-del-vino ul { padding-left: 30px;}
section.bondades-del-vino ul li { margin-bottom: 20px; font-size:17px; color:#752e8a; padding-right: 20px;}
section.iniciativas-bbbien {width:100%; background-color:#f1f1f1; height:auto; padding:60px 0; text-align: center;}
section.iniciativas-bbbien h3 {background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iniciativa-colorx1.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left;  padding-left: 80px; font-size: 36px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; text-align: center; width: 440px; margin: 20px auto; color:#87118e;}
div.slider-imagenes-iniciativas { width: 100%;}
div.slider-imagenes-iniciativas div { width: 100%;}
div.slider-imagenes-iniciativas div a img { width: 100%; height: auto;}
div.slider-imagenes-iniciativas div p { margin-top: -20px; font-size: 12px; color: #FFF;}
section.iniciativas-bbbien p { font-size: 16px;}
section.iniciativas-bbbien h4 {text-align: left; margin: 20px 0 40px; font-size: 36px;}
section.iniciativas-bbbien ul { color:#87118e;}
section.iniciativas-bbbien ul li { margin-bottom: 20px; text-align: left; font-size: 18px;}
div.linea-de-tiempo-iniciativas { text-align: center; width: 100%; padding: 60px 0;}
div.lamina-linea-de-tiempo { min-height: 300px;}
a.link-linea-de-tiempo { cursor: pointer; display: inline-block; width: 100px; text-align: center; color: #808080; background-attachment: scroll; background-repeat: no-repeat; background-position: top center; background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/bg-link-linea-de-tiempo.png); padding-top: 60px; font-size: 16px; letter-spacing: 1px; margin: 0 -3px;}
a.link-linea-de-tiempo:hover { background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/bg-link-linea-de-tiempo-hover.png); color:#87118e; text-decoration: none;}
section.mandamientos  {width:100%; background-color:#FFF; height: auto; padding:60px 0;text-align:center;} 
section.mandamientos h3 {font-size: 28px; margin-bottom: 20px; text-align:center; padding: 0 30%;}
section.mandamientos ul li img { margin-bottom:10px; }
section.mandamientos ul li { text-align: center; font-size: 16px; line-height: 150%;}
section.mandamientos ul li span { background-color:#9a65ab; border-radius:40px; height:40px; width:40px; text-align:center; color: #FFF; display: block; margin-bottom: 10px; margin: 0 auto 10px; padding-top: 10px; font-size: 18px;  }
.bx-wrapper .bx-viewport { box-shadow:none; border:none; left:0;}
.bx-wrapper .bx-pager { top:220px;}
.bx-wrapper .bx-pager.bx-default-pager a { width:20px; height:20px; margin:0 10px; border-radius:10px;}
.bx-wrapper .bx-prev { left:-20px; top:30%;}
.bx-wrapper .bx-prev { right:-20px; top:30%;}
.bx-wrapper .bx-controls-direction a {z-index: 999;}
div.tips-bbbien { position: fixed; bottom: 0; width: 100%; z-index: 999; padding: 0; color: #FFF; background-color: #6e1f76; min-height: 80px; overflow: hidden;}
div.slider-tips-bbbien {width:100%;}
div.slide-tip-bbbien {width:100%;}
div.slide-tip-bbbien p { margin-bottom: 0; padding-top: 24px; line-height: 130%; font-size: 14px; min-height: 60px; padding-left: 30px;}
div.icon-tip { background-attachment: scroll; background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/uvas.png); background-position: center center; background-repeat: no-repeat; min-height: 60px; margin-top: 8px;}
div.cita-tip p { background-attachment: scroll; background-repeat: no-repeat; background-position: left top, right bottom; background-image: url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/comilla-01.png), url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/comilla-02.png); display: inline-block; margin-top: 5px; }
div.share-tip p { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
div.share-tip p a { color: #FFF; opacity: 0.8; display: inline-block; margin-left: 10px;}
div.share-tip p a:hover { opacity: 1;}
div.share-tip p a i { font-size: 24px;} body.page-id-15 {background-color: #FAF8F5;}
body.page-id-15 section.imagen-page {}
section#noticias {}
section#noticias h2  {font-size:36px; color:#000; margin-bottom:30px; margin-top:60px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/proposito-morado@2x.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
.repeat-news {}
.repeat-news h3 {}
.repeat-news h3 a {color:#7D205A; font-family: 'AvertaPE-Semibold';}
.repeat-news p {color:#313131; font-size: 14px;}
.repeat-news p.news-date {font-size: 12px; letter-spacing: 1px; text-transform: uppercase;} section.press-kit { width:100%; background-color:#FFF; padding-bottom:60px;}
section.press-kit h2 { font-size:36px; color:#000; margin-bottom:30px; margin-top:60px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/por-que-vspt-morado@2x.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section.press-kit p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; margin-bottom:30px;}
div.img-press-kit { }
section.press-kit h3 { color:#752e8a; font-size:30px; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; margin-bottom:30px;}
section.press-kit p.repeat-press-kit { margin-bottom:15px; padding: 15px 10px; background-color:#FAF8F5;}
p.repeat-press-kit a { display:block; padding-left:30px;background-attachment:scroll; background-repeat:no-repeat; background-position:0 0; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/press-kit.png); background-size:contain; padding-bottom:0; padding-top:0; opacity:0.8;}
p.repeat-press-kit a:hover { opacity:1; text-decoration:none;} section#harvest-reports {background-color: #FAF8F5;}
section#harvest-reports h2 {  font-size:36px; color:#000; margin-bottom:60px; margin-top:60px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/mision-vision-morado@2x.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}
section#harvest-reports p.repeat-press-kit { margin-bottom:15px; padding: 12px; border: 1px solid #000; font-size: 20px;} section#facts-sheet {padding: 60px 0 120px; background-color: #F2F0EC; text-align: center; }
section#facts-sheet  h2 {  font-size:36px; color:#000; margin:60px auto 60px; padding-left:50px; background-attachment:scroll; background-repeat:no-repeat; background-position:left top; background-image:url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/mision-vision-morado@2x.png); background-size:contain; padding-left: 50px;  font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; width: 280px;}
section#facts-sheet  a { display:inline-block; padding:15px 30px 15px 30px;background-attachment:scroll; background-repeat:no-repeat; background-position:20px center; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/iconos-color/press-kit.png); background-size:15%; opacity:0.8; border:1px solid #000; width: 240px; margin: 0 auto; }
p.repeat-press-kit a:hover { opacity:1; text-decoration:none;} .content-single { margin-top:180px; margin-bottom:100px;}
.content-single div p {margin-bottom: 30px;}
body.single { background-color:#FAF8F5;}
body.single .contacto-home { padding-top:100px;}
body.single header { 
background-color:#311333;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
body.single header h1 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-vspt-wine-group-2021.png);}
body.single header ul.language-chooser li a { color:#EDE0C4;}
body.single header ul.language-chooser li a:hover { color:#EDE0C4; text-decoration:none;}
body.single h2 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#7D205A; font-size: 36px;}
body.single h3 {font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; color:#7D205A; margin-bottom: 30px;}
body.single header .menu-desktop li a { color: #EDE0C4;}
body.single header .menu-desktop li a:hover { color:#EDE0C4; text-decoration:none; opacity:1;}
body.single header .menu-desktop li.current_page_parent a { color:#EDE0C4;}
body.single header .menu-desktop li.current_page_item a { color:#EDE0C4;}
p.date-single { margin-bottom:30px; font-size:11px;}
p.date-single a { display:inline-block; font-size:18px; margin:0;}
.sidebar-single { padding-top:0;}
.sidebar-single hr { border-top:1px solid #CCC;}
.sidebar-single p { font-size:11px;}
.thumb-single { margin-bottom:30px;}
.thumb-single img { width:100%; height:auto;} body.page-id-17 { background-color:#f1f1f1;}
body.page-id-17 .contacto-home { padding-top:140px;}
body.page-id-17 header { 
background-color:#311333;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
body.page-id-17 header h1 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-vspt-wine-group-2021.png);}
body.page-id-17 header ul.language-chooser li a { color:#EDE0C4;}
body.page-id-17 header ul.language-chooser li a:hover { color:#EDE0C4; text-decoration:none;} body.page-id-17 header .menu-desktop li a { color: #EDE0C4;}
body.page-id-17 header .menu-desktop li a:hover { color:#EDE0C4; text-decoration:none; opacity:1;}
body.page-id-17 header .menu-desktop li.current_page_parent a { color:#EDE0C4;}
body.page-id-17 header .menu-desktop li.current_page_item a { color:#EDE0C4;} body.page-id-19 { background-color:#f1f1f1;}
body.page-id-19 .contacto-home { padding-top:140px;}
body.page-id-19 header { 
background-color:#311333;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
body.page-id-19 header h1 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-vspt-wine-group-2021.png);}
body.page-id-19 header ul.language-chooser li a { color:#EDE0C4;}
body.page-id-19 header ul.language-chooser li a:hover { color:#EDE0C4; text-decoration:none;}
body.page-id-19 { background-color:#f1f1f1;}
body.page-id-19 .contacto-home { padding-top:200px;}
body.page-id-19 header h1 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/vspt-wine-group-2021.png);}
body.page-id-19 header ul.language-chooser li a { color:#EDE0C4;}
body.page-id-19 header ul.language-chooser li a:hover { color:#EDE0C4; text-decoration:none;}
body.page-id-19 header .menu-desktop li a { color: #EDE0C4;}
body.page-id-19 header .menu-desktop li a:hover { color:#EDE0C4; text-decoration:none; opacity:1;}
body.page-id-19 header .menu-desktop li.current_page_parent a { color:#EDE0C4;}
body.page-id-19 header .menu-desktop li.current_page_item a { color:#EDE0C4;}
.img-work img { width:100%; height:auto;}  body.page-id-5632 { background-color:#f1f1f1;}
body.page-id-5632 .contacto-home { padding-top:140px;}
body.page-id-5632 header { 
background-color:#311333;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
body.page-id-5632 header h1 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-vspt-wine-group-2021.png);}
body.page-id-5632 header ul.language-chooser li a { color:#EDE0C4;}
body.page-id-5632 header ul.language-chooser li a:hover { color:#EDE0C4; text-decoration:none;}
body.page-id-5632 header .menu-desktop li a { color: #EDE0C4;}
body.page-id-5632 header .menu-desktop li a:hover { color:#EDE0C4; text-decoration:none; opacity:1;}
body.page-id-5632 header .menu-desktop li.current_page_parent a { color:#EDE0C4;}
body.page-id-5632 header .menu-desktop li.current_page_item a { color:#EDE0C4;}
body.page-id-5632 {}
body.page-id-5632 section.visitas-internas {margin: 100px auto; width: 60%;}
body.page-id-5632 h2 { font-size: 36px; color: #311333; margin: 30px 0; margin-top: 90px; font-weight: 900; }
body.page-id-5632 h3 { font-size: 20px; color: #6c2d88; margin: 40px 0; padding-bottom: 20px; border-bottom: 2px solid #6c2d88;}
body.page-id-5632 div.contenedor-forms {}
body.page-id-5632 div.contenedor-forms div.form-group { margin-bottom: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group input {width: 100%; max-width: 100%; padding: 6px;}
body.page-id-5632 div.contenedor-forms div.form-group label {display: block; margin-bottom: 5px; width: 100%; font-size: 16px;}
body.page-id-5632 div.contenedor-forms div.form-group.clasificacion-group label { margin-bottom: 12px; width: 40%; display: inline-block; margin-left: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group.clasificacion-group input {padding: 6px; display: inline-block; width: 15px;}
body.page-id-5632 div.contenedor-forms div.form-group.actividades-group label { margin-bottom: 12px; width: 40%; display: inline-block; margin-left: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group.actividades-group input {padding: 6px; display: inline-block; width: 15px;}
body.page-id-5632 div.contenedor-forms div.form-group.regimen_visita-group label { margin-bottom: 12px; width: 40%; display: inline-block; margin-left: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group.regimen_visita-group input {padding: 6px; display: inline-block; width: 15px;}
body.page-id-5632 div.contenedor-forms div.form-group.importador_actual-group label.radio { margin-bottom: 12px; width: 100%; display: block; margin-left: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group.importador_actual-group input {padding: 6px; display: inline-block; width: 15px;}
body.page-id-5632 div.contenedor-forms div.form-group.primera_vez-group label.radio { margin-bottom: 12px; width: 100%; display: block; margin-left: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group.primera_vez-group input {padding: 6px; display: inline-block; width: 15px;}
body.page-id-5632 div.contenedor-forms div.form-group input.hora_llegada {font-size: 24px;}
body.page-id-5632 div.contenedor-forms div.form-group.requiere_enologo-group label.radio { margin-bottom: 12px; width: 100%; display: block; margin-left: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group.requiere_enologo-group input {padding: 6px; display: inline-block; width: 15px;}
body.page-id-5632 div.contenedor-forms div.form-group.requiere_sommelier-group label.radio { margin-bottom: 12px; width: 100%; display: block; margin-left: 30px;}
body.page-id-5632 div.contenedor-forms div.form-group.requiere_sommelier-group input {padding: 6px; display: inline-block; width: 15px;}
body.page-id-5632 div.contenedor-forms div.form-group input.enviar_btn { color: #FFF; text-transform: uppercase; text-align: center; letter-spacing: 1px; background-color: #6c2d88; padding: 10px; width: 200px; margin: 30px auto;}
body.page-id-5632 div.contenedor-forms div.form-group select {display: block; margin-bottom: 5px; width: 100%; padding: 6px; font-size: 18px;}
body.page-id-5632 div.contenedor-forms div.form-group textarea {display: block; margin-bottom: 30px; width: 100%; padding: 6px; font-size: 18px;}
body.page-id-5632 header h1 a { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logo-vspt-wine-group-2021.png);}
body.page-id-5632 header ul.language-chooser li a { color:#999;}
body.page-id-5632 header ul.language-chooser li a:hover { color:#740793; text-decoration:none;}
body.page-id-5632 header .menu-desktop li a { color: #666;}
body.page-id-5632 header .menu-desktop li a:hover { color:#740793; text-decoration:none; opacity:1;}
body.page-id-5632 header .menu-desktop li.current_page_parent a { color:#740793;}
body.page-id-5632 header .menu-desktop li.current_page_item a { color:#740793;}
input[type="date"] {
position: relative;
} input[type="date"]:after {
content: "\25BC"; 
color: #555;
padding: 0 5px;
} input[type="date"]:hover:after {
color: #740793;
} input[type="date"]::-webkit-calendar-picker-indicator {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
color: transparent;
background: transparent;
} input[type="date"]::-webkit-inner-spin-button {
z-index: 1;
} input[type="date"]::-webkit-clear-button {
z-index: 1;
}
input[type="time"] {
position: relative;
} input[type="time"]:after {
content: "\25BC"; 
display: none;
color: #555;
padding: 0 5px;
} input[type="time"]:hover:after {
color: #740793;
} input[type="time"]::-webkit-calendar-picker-indicator {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
color: transparent;
background: transparent;
} input[type="time"]::-webkit-inner-spin-button {
z-index: 1;
} input[type="time"]::-webkit-clear-button {
z-index: 1;
} section.marcas-footer { background-color:#321435; width:100%; padding:30px 0; color:#FFF;}
section.marcas-footer p { margin-bottom:5px;}
section.marcas-footer a { display:inline-block; text-indent:-9000px; margin-right:20px; background-attachment:scroll; background-position:center center; background-repeat:no-repeat; height:90px; width:120px; opacity:1; background-size: contain;}
section.marcas-footer a:hover { opacity:1;}
section.marcas-footer a.logo-san-pedro-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/san-pedro.png);background-size: 100%;}
section.marcas-footer a.logo-vina-tarapaca-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/tarapaca.png);background-size: 100%;}
section.marcas-footer a.logo-santa-helena-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/santa-helena.png);background-size: 83%;}
section.marcas-footer a.logo-leyda-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/leyda.png);}
section.marcas-footer a.logo-misiones-de-rengo-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/misiones-de-rengo.png);}
section.marcas-footer a.logo-vinamar-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/vinamar.png);}
section.marcas-footer a.logo-casa-rivas-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/casa-rivas.png);}
section.marcas-footer a.logo-la-celia-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/la-celia.png);}
section.marcas-footer a.logo-graffigna-footer { background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/logos-2021/graffigna.png); background-position: 0 14px;} section.ante-footer { background-color:#321435; width:100%; text-align:center; padding:0 0 30px 0;}
section.ante-footer p { text-align:center; color:#FFFFFF; margin-bottom:30px;}
section.ante-footer p a { color:#FFFFFF; opacity:0.8;}
section.ante-footer p a:hover { color:#FFFFFF; opacity:1;}
section.ante-footer p span { font-family: "AvertaPE-Semibold", Arial, Helvetica, sans-serif;}
section.ante-footer ul { text-align:center; padding-left:0; margin-bottom:30px;}
section.ante-footer ul li { list-style:none; display:inline-block; border-right: 1px solid #d1c5d7;}
section.ante-footer ul li:last-child { border-right: none;}
section.ante-footer ul li a { color:#FFFFFF; opacity:0.6; padding:0 15px;}
section.ante-footer ul li a:hover { color:#FFFFFF; opacity:0.8; text-decoration:none;} footer { background-color:#3C1F3E; width:100%; padding:15px 0;}
.container-logo-wines-of-chile { }
a.logo-wines-of-chile { width:110px; height:32px; text-indent:-9000px; display:inline-block; background-attachment:scroll; background-position:left top; background-repeat:no-repeat; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/wines-of-chile.png); float:left; background-size: contain;}
.container-logo-footer { text-align:right;}
a.logo-footer {width:180px; height:32px; text-indent:-9000px; display:inline-block; background-attachment:scroll; background-position:left top; background-repeat:no-repeat; background-image:url(//vsptwinegroup.com/wp/wp-content/themes/vspt-wine-group-02/img/vspt-logo-footer.gif); margin-right:10px;}
.container-logo-footer a { color:#FFFFFF; margin-right:10px; height:32px; vertical-align:middle;}
.container-logo-footer a i { font-size:20px;}
a.social-link { opacity:0.8;}
a.social-link:hover { opacity:1;}
img.sustainable-passion-for-wine {width: 30%;}
.marcas-footer hr {    border-top: 1px solid #817385;}
.ante-footer hr {    border-top: 1px solid #817385;} a.btn-top { position: fixed; bottom:0; right:48%; display:none; width:50px; height:50px; color:#FFFFFF; text-decoration:none; text-align:center; font-size:32px; opacity:1; background-color:#311333;}
a.btn-top:hover { text-decoration:none; color:#FFFFFF; opacity:1; background-color:#311333;} @media (min-width: 1200px) { 
.modal-dialog { width: 900px;}
div.container { width:90%;}
#valles a.prev { left:-60px;}
#valles a.next { right:-60px;}
} @media (min-width: 980px) and (max-width: 1199px) { 
section.marcas-footer a { margin-right:10px;}
.menu-desktop li { margin-right:10px; font-size:13px;}
header .page-item-17 a { padding-left:15px;}
header h1 { width:220px;}
header h1 a { width:220px;}
.modal-dialog { width: 720px;}
div.container { width:98%;}
body.page-id-5632 section.visitas-internas {width: 90%;}
} @media (min-width: 768px) and (max-width: 979px) { 
section.marcas-footer { text-align:center;}
header h1 { width:220px;}
header h1 a { width:220px;}
header a.btn-top-menu { display:block;}
section.imagen-page-vina p { text-align:center;}
div.container { width:95%;}
body.page-id-5632 section.visitas-internas {width: 95%;}
body.page-id-5632 div.contenedor-forms div.form-group.clasificacion-group label { width: 100%; display: block;}
body.page-id-5632 div.contenedor-forms div.form-group.actividades-group label { width: 100%; display: block;}
body.page-id-5632 div.contenedor-forms div.form-group.regimen_visita-group label { width: 100%; display: block;}	
div.img-nuestra-meta img { float:none; width:100%; height:auto; margin: 0;}	
img.sustainable-passion-for-wine {width: 60%;}	
} @media (min-width: 481px) and (max-width: 767px) { 
section.marcas-footer { text-align:center;}
header h1 { width:220px;}
header h1 a { width:220px;}
header a.btn-top-menu { display:block;}
section.imagen-page-vina p { text-align:center;}
body { overflow-x: hidden;}
section.marcas-footer { text-align:center;}
header {height: 120px;}
header h1 { width:180px; float:none; height:90px;}
header h1 a { width:100%;}
header h2 { font-size:20px; margin-left:0; margin-top:0;}
header a.btn-top-menu { display:block;}
section.imagen-page-vina p { text-align:center;}
.container-logo-footer span { display:block; font-size:8px;} section.slider-home-2021 {width: 100%; height: auto; z-index: 90; background-color: #FFF; margin-top: 120px;}
section.slider-home-2021 div.item-destacado {width: 100%; height: auto; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #FFF;}
section.slider-home-2021 div.item-destacado img {}
section.slider-home-2021 div.item-destacado div.container {top: 0; position: absolute; width: 100%; padding-right: 10%; color: #FFF; text-align: right;}
body.page section.slider-home-2021 div.item-destacado div.container h2 {font-family: "AvertaPE-SemiBold", Arial, Helvetica, sans-serif; font-size: 24px; padding-left: 30%; margin-bottom: 30px; margin-top: 0;}
section.slider-home-2021 div.item-destacado div.container p {text-transform: uppercase;  letter-spacing: 2px; font-size: 10px;}
.u-shadow {
text-shadow: 0 0 30px rgba(0, 0, 0, 0.3), 10px 0 30px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3), 10px 10px 30px rgba(0, 0, 0, 0.3);}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas {padding: 3px 5px; color:#FFF; text-align: right; text-transform: lowercase; letter-spacing: 0; font-size: 12px;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a { color:#FFF;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a:hover { color:#FFF; text-decoration: none;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.quienes-somos-home-2021 { padding:30px 0; height: 400px;}
body.page section.quienes-somos-home-2021 h2 { font-size:24px; color:#000000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}	
section.quienes-somos-home-2021 p {padding-right: 0; font-size: 14px;}
section.quienes-somos-home-2021 img.botella {margin-top: -100px; z-index: 100; position: absolute;}
section.quienes-somos-home-2021 a.btn-ver-mas-home { color:#000; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; display: inline-block; font-size: 12px;}
section.quienes-somos-home-2021 a.btn-ver-mas-home a:hover { color:#000; text-decoration: none;}
section.quienes-somos-home-2021 a.btn-ver-mas-home i { color:#000; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} .marcas-home {background-color: #311333; color: #FFF; height: 600px;}
body.page section.marcas-home h2 { font-size:24px; color:#FFF; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left;}	
section.marcas-home p {padding-left: 0; text-align: left; color: #FFF; font-size: 14px;}
section.marcas-home img.marcas {margin-top: -15px; z-index: 100; margin-bottom: 30px;}
section.marcas-home a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; display: inline-block; font-size: 12px; margin-bottom: 30px;}
section.marcas-home a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.marcas-home a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;}
section.marcas-home .bx-wrapper .bx-viewport {background-color: transparent;}
section.marcas-home .bx-wrapper .bx-prev {left: 0;}
section.marcas-home .bx-wrapper .bx-next {right: 0;} section.sustentabilidad-home-2021 {background-color: #FFF; color: #000; height: 700px; background-attachment: scroll; background-repeat: no-repeat; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/sustentabilidad-1.jpg); background-size: contain; background-position: -100px 100px; padding-bottom: 60px;}
body.page section.sustentabilidad-home-2021 h2 { font-size:24px; color:#000; margin-bottom:30px; margin-top:240px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: right; padding-right: 30px;}	
section.sustentabilidad-home-2021 p {padding-left: 10px; text-align: right; color: #000; font-size: 14px; padding-right: 30px;}
section.sustentabilidad-home-2021 img.marcas {margin-top: -100px; z-index: 100; margin-bottom: 60px;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home { color:#000; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home a:hover { color:#000; text-decoration: none;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home i { color:#000; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.inversionistas-home-2021 {background-color: #311333; color: #FFF; height: auto; padding-bottom: 60px}
body.page section.inversionistas-home-2021 h2 { font-size:24px; color:#FFF; margin-bottom:30px; margin-top:20px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left;}	
section.inversionistas-home-2021 p {text-align: left; color: #FFF; font-size: 14px;}
section.inversionistas-home-2021 img.bodega {margin-top: -20px; z-index: 100; margin-bottom: 60px;}
section.inversionistas-home-2021 a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.inversionistas-home-2021 a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.inversionistas-home-2021 a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.turismo-home-2021 {background-color: #522756; color: #FFF; height: auto; padding-bottom: 60px;}
body.page section.turismo-home-2021 h2 { font-size:24px; color:#FFF; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left;}	
section.turismo-home-2021 p {text-align: left; color: #FFF; padding-left: 0; font-size: 14px;}
section.turismo-home-2021 img.vinamar {margin-top: -30px; z-index: 100; margin-bottom: 60px;}
section.turismo-home-2021 a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.turismo-home-2021 a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.turismo-home-2021 a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;}    
section.container-flow-flow h3 {font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; text-align: center; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; }    
.content-page-text {height: 200px;} section#proposito {padding:30px 0; height: auto; padding-bottom: 30px;}
body.page section#proposito h2 {font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/proposito-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section#proposito p {padding-right: 30px; font-size: 14px;}
section#proposito img.proposito {margin-bottom: 30px; margin-top: 30px; } section#por-que-vspt {padding:30px 0; height: auto; padding-bottom: 60px;}
body.page section#por-que-vspt h2 {font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/por-que-vspt-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section#por-que-vspt p {padding-right: 30px; font-size: 14px;}
section#por-que-vspt img.por-que-vspt {margin-bottom: 30px; }
div.scroll-div {height: auto; overflow-y: visible; margin-bottom: 0;} section#mision-y-vision {padding:30px 0; height: auto; padding-bottom: 30px;}
body.page section#mision-y-vision h2 {font-size:24px; color:#000; margin-bottom:60px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/mision-vision-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section#mision-y-vision p {padding-right: 30px; font-size: 14px;}
section#mision-y-vision img.mision-y-vision {margin-bottom: 30px; }
body.page section#mision-y-vision h3 {margin: 15px 0; text-transform: uppercase; letter-spacing: 2px; font-size: 14px;} section.quienes-somos-nuestros-valores { width:100%; padding:30px 0;}
body.page section.quienes-somos-nuestros-valores h2 { font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/valores-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section.quienes-somos-nuestros-valores p {padding-right: 30px; font-size: 14px;}
.repeat-valores { height:172px; width:31%; float:left; margin-right:10px; margin-bottom:10px;}
.repeat-valores a { text-align:left; display:block; height:100%; padding:10px; color:#FFFFFF; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size:18px; vertical-align:bottom; padding-top:118px; cursor:pointer;}
.repeat-valores img { width:100%; height: 172px;}
.repeat-valores a:hover { opacity:1; text-decoration:none;}
#valor-232 { background-color:#eb742c;}
#valor-234 { background-color:#f8bf3e;}
#valor-236 { background-color:#99a222;}
#valor-238 { background-color:#571b49;}
#valor-240 { background-color:#e41a3c;}
#repeat-valores-240 { display:none;}
.popover-title {
font-size: 14px;
font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; 
} .popover-content {
font-size: 12px;
font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; 
}
.color-gris {background-color: #efece8;} section.quienes-somos-valles { width:100%; padding: 60px 0; height: auto; margin-bottom: 60px;}
body.page  section.quienes-somos-valles h2 {  font-size:24px; color:#000; margin-bottom:30px; margin-top:0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/valles-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 40px; background-size: contain;}
div.container-thumb-valle {height: 360px; margin-bottom: 30px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%;}
section.quienes-somos-valles p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 14px;}
section.quienes-somos-valles h3 { color:#571b49; font-size:24px; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; margin-bottom:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; }
div.slide-valles {}
section.quienes-somos-valles a.prev { position: absolute;font-size: 48px;color: #FFF;top: 50%;left: 0;text-decoration: none;z-index: 200;width: 50px;text-align: center;}
section.quienes-somos-valles a.next {position: absolute;font-size: 48px;color: #FFF;top: 50%;right: 0;text-decoration: none;z-index: 200;width: 50px;text-align: center;} body.page-id-11 section.imagen-page h2 {margin-top: 200px;}
body.page-id-11 .content-page-text { height: 260px;}
body.page-id-11 section.sustentabilidad-nuestra-meta h2 {font-size: 24px; margin-top:30px;}
body.page-id-11 section.sustentabilidad-nuestra-meta p {font-size: 14px; margin-bottom:30px;}
body.page section.sustentabilidad-pilares h2 {font-size: 24px; margin-top:30px; padding-left: 35px;}
body.page section.sustentabilidad-pilares p {font-size: 14px; margin-bottom:30px;}    
.cycle-pager-modelo {bottom: -10%; right: 32%}
body.page section.reconocimientos-sustentabilidad h2  {font-size: 24px; margin-top:30px; padding-left: 35px;}   
body.page-id-11 section.reconocimientos-sustentabilidad p {font-size: 14px; margin-bottom:30px;}
body.page section.reconocimientos-sustentabilidad h3  {font-size: 18px; margin-top:30px;}   
section.reconocimientos-sustentabilidad .cycle-pager {bottom: 0; left:0;}
body.page  section.sustentabilidad-iniciativas h2 {font-size: 24px; margin-top:30px; padding-left: 35px;}
body.page  section.sustentabilidad-iniciativas h3 {font-size: 18px; margin-bottom:15px;}    
body.page section.sustentabilidad-iniciativas p {font-size: 14px; margin-bottom:30px;}
.cycle-pager-iniciativas {left: 7%; bottom: 10%;}  
body.page section.que-es-bbbien h2 {padding-left: 35px; font-size: 24px; margin-top: 30px;}    
body.page section.que-es-bbbien p {font-size: 14px; margin-bottom: 30px;}
section.que-es-bbbien ul {margin: 30px 0;}    
body.page section.sustentabilidad-reportes h2 {padding-left: 35px; font-size: 24px; margin-top: 30px;}    
body.page section.sustentabilidad-reportes p {font-size: 14px; margin-top: 30px;}
body.page section.sustentabilidad-videos h2 {font-size: 24px; padding-left: 35px;}        
body.page section#noticias h2  {font-size:24px; padding-left: 35px;}
body.page section.press-kit h2 { font-size:24px; padding-left: 35px;}
body.page section#harvest-reports h2 {  font-size:24px; padding-left: 35px;}
body.page section#facts-sheet  h2 {  font-size:24px; padding-left: 35px;}    
img.sustainable-passion-for-wine {width: 70%;}	    
body.page h2 { font-size:54px; margin-top: 90px;}
.img-contacto-home img { margin-top:20px; width:100%; height:auto; margin-left:0;}
section.ante-footer ul li { border-right:none; display:block; margin-bottom:5px;}
ul#qtranslate-chooser { float:none; padding-top:0; padding-left:20px; font-size:24px;}
section.imagen-page { padding-top:90px;}
section.imagen-page h3 { width:70px; margin:10px; margin-top:30px; font-size:14px;}
section.imagen-page h3 a { padding-top:40px;}
div.select-year select { font-size:14px;}
form.wpcf7-form textarea { width:90%;}
div.awards-home { width:90px; height:90px;}
section.quienes-somos-home ul { padding-left:10px;}
section.quienes-somos-home ul li { font-size:18px;} 
section.portafolio-home h2 { margin-top:30px;}
section.sustentabilidad-home ul { padding-left:10px;}
section.sustentabilidad-home ul li { font-size:18px;}
section.prensa-home h2 { margin-top:30px}
form.wpcf7-form input.wpcf7-submit { margin-bottom:30px;}
section.quienes-somos-grupo-vitivinicola p { width:100%; padding-right:0;}
div.img-5-col-center img { width:100%;}
.repeat-valores { width:46%; height:130px;}
.repeat-valores a { padding-top:60px; font-size:14px; line-height:130%;}
div.img-valles div.cycle-slideshow { float:none;}
div.img-valles div.cycle-slideshow img { width:100%; height:auto;}
a.prev { left:-50px;}
a.next { right:-50px;}
body.page-id-9 section.imagen-page h3 { margin:10px; width:60px; height:40px;}
body.page-id-9 section.imagen-page h3 a {} div.logo-down-jones { width: 100px; height: 100px; top: 24%;}
body.page-id-11 section.imagen-page h3 { width:70px; margin:15px; font-size:13px;}
body.page-id-11 section.imagen-page h3 a {background-size: 50%;}
section.imagen-page h3.h3-sustentabilidad-5430 a {background-size: 78%;}	
body.page-id-11 section.imagen-page { padding-bottom:40px;}
section.reconocimientos-sustentabilidad h3 { margin-top:0;}
.img-thumb-reconocimiento img { display:none;}
div.img-pilares img { width:100%; height:auto; margin-bottom:20px;}
div.img-nuestra-meta img { float:none; width:100%; height:auto; margin: 0;}		
section.sustentabilidad-iniciativas { height:1400px;}
section.sustentabilidad-iniciativas a.prev { left:-20px;}
section.sustentabilidad-iniciativas a.next { right:-28px;}
div.img-reportes img { float:none; width:100%; height:auto;}
section.sustentabilidad-videos div.repeat-noticias { height:auto;}
div.repeat-noticias { height:auto;}
body.page-id-5632 section.visitas-internas {width: 95%;}
body.page-id-5632 div.contenedor-forms div.form-group.clasificacion-group label { width: 100%; display: block;}
body.page-id-5632 div.contenedor-forms div.form-group.actividades-group label { width: 100%; display: block;}
body.page-id-5632 div.contenedor-forms div.form-group.regimen_visita-group label { width: 100%; display: block;}		
} @media (max-width: 480px) {
section.marcas-footer { text-align:center;}
header h1 { width:220px;}
header h1 a { width:220px;}
header a.btn-top-menu { display:block;}
section.imagen-page-vina p { text-align:center;}
body { overflow-x: hidden;}
section.marcas-footer { text-align:center;}
header {height: 120px;}
header h1 { width:180px; float:none; height:90px;}
header h1 a { width:100%;}
header h2 { font-size:20px; margin-left:0; margin-top:0;}
header a.btn-top-menu { display:block;}
section.imagen-page-vina p { text-align:center;}
.container-logo-footer span { display:block; font-size:8px;} section.slider-home-2021 {width: 100%; height: auto; z-index: 90; background-color: #FFF; margin-top: 120px;}
section.slider-home-2021 div.item-destacado {width: 100%; height: auto; background-attachment: scroll; background-position: top center; background-repeat: no-repeat; background-size: cover; background-color: #FFF;}
section.slider-home-2021 div.item-destacado img {}
section.slider-home-2021 div.item-destacado div.container {top: 0; position: absolute; width: 100%; padding-right: 10%; color: #FFF; text-align: right;}
body.page section.slider-home-2021 div.item-destacado div.container h2 {font-family: "AvertaPE-SemiBold", Arial, Helvetica, sans-serif; font-size: 24px; padding-left: 10%; margin-bottom: 30px; margin-top: 0;}
section.slider-home-2021 div.item-destacado div.container p {text-transform: uppercase;  letter-spacing: 2px; font-size: 10px;}
.u-shadow {
text-shadow: 0 0 30px rgba(0, 0, 0, 0.3), 10px 0 30px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3), 10px 10px 30px rgba(0, 0, 0, 0.3);}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas {padding: 3px 5px; color:#FFF; text-align: right; text-transform: lowercase; letter-spacing: 0; font-size: 12px;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a { color:#FFF;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a:hover { color:#FFF; text-decoration: none;}
section.slider-home-2021 div.item-destacado div.container p.btn-ver-mas a i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.quienes-somos-home-2021 { padding:30px 0; height: 400px;}
body.page section.quienes-somos-home-2021 h2 { font-size:24px; color:#000000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif;}	
section.quienes-somos-home-2021 p {padding-right: 0; font-size: 14px;}
section.quienes-somos-home-2021 img.botella {margin-top: -100px; z-index: 100; position: absolute;}
section.quienes-somos-home-2021 a.btn-ver-mas-home { color:#000; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; display: inline-block; font-size: 12px;}
section.quienes-somos-home-2021 a.btn-ver-mas-home a:hover { color:#000; text-decoration: none;}
section.quienes-somos-home-2021 a.btn-ver-mas-home i { color:#000; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} .marcas-home {background-color: #311333; color: #FFF; height: 600px;}
body.page section.marcas-home h2 { font-size:24px; color:#FFF; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left;}	
section.marcas-home p {padding-left: 0; text-align: left; color: #FFF; font-size: 14px;}
section.marcas-home img.marcas {margin-top: -15px; z-index: 100; margin-bottom: 30px;}
section.marcas-home a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; display: inline-block; font-size: 12px; margin-bottom: 30px;}
section.marcas-home a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.marcas-home a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;}
section.marcas-home .bx-wrapper .bx-viewport {background-color: transparent;}
section.marcas-home .bx-wrapper .bx-prev {left: 0;}
section.marcas-home .bx-wrapper .bx-next {right: 0;} section.sustentabilidad-home-2021 {background-color: #FFF; color: #000; height: 700px; background-attachment: scroll; background-repeat: no-repeat; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/sustentabilidad-1.jpg); background-size: contain; background-position: -100px 100px; padding-bottom: 60px;}
body.page section.sustentabilidad-home-2021 h2 { font-size:24px; color:#000; margin-bottom:30px; margin-top:240px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: right; padding-right: 30px;}	
section.sustentabilidad-home-2021 p {padding-left: 10px; text-align: right; color: #000; font-size: 14px; padding-right: 30px;}
section.sustentabilidad-home-2021 img.marcas {margin-top: -100px; z-index: 100; margin-bottom: 60px;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home { color:#000; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home a:hover { color:#000; text-decoration: none;}
section.sustentabilidad-home-2021 a.btn-ver-mas-home i { color:#000; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.inversionistas-home-2021 {background-color: #311333; color: #FFF; height: auto; padding-bottom: 60px}
body.page section.inversionistas-home-2021 h2 { font-size:24px; color:#FFF; margin-bottom:30px; margin-top:20px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left;}	
section.inversionistas-home-2021 p {text-align: left; color: #FFF; font-size: 14px;}
section.inversionistas-home-2021 img.bodega {margin-top: -20px; z-index: 100; margin-bottom: 60px;}
section.inversionistas-home-2021 a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.inversionistas-home-2021 a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.inversionistas-home-2021 a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;} section.turismo-home-2021 {background-color: #522756; color: #FFF; height: auto; padding-bottom: 60px;}
body.page section.turismo-home-2021 h2 { font-size:24px; color:#FFF; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left;}	
section.turismo-home-2021 p {text-align: left; color: #FFF; padding-left: 0; font-size: 14px;}
section.turismo-home-2021 img.vinamar {margin-top: -30px; z-index: 100; margin-bottom: 60px;}
section.turismo-home-2021 a.btn-ver-mas-home { color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; display: inline-block; font-size: 12px;}
section.turismo-home-2021 a.btn-ver-mas-home a:hover { color:#FFF; text-decoration: none;}
section.turismo-home-2021 a.btn-ver-mas-home i { color:#FFF; display: inline-block; margin-left: 5px; font-size: 24px; vertical-align: sub;}    
section.container-flow-flow h3 {font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; text-align: center; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; }    
.content-page-text {height: 200px;} section#proposito {padding:30px 0; height: auto; padding-bottom: 30px;}
body.page section#proposito h2 {font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/proposito-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section#proposito p {padding-right: 30px; font-size: 14px;}
section#proposito img.proposito {margin-bottom: 30px; margin-top: 30px; } section#por-que-vspt {padding:30px 0; height: auto; padding-bottom: 60px;}
body.page section#por-que-vspt h2 {font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/por-que-vspt-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section#por-que-vspt p {padding-right: 30px; font-size: 14px;}
section#por-que-vspt img.por-que-vspt {margin-bottom: 30px; }
div.scroll-div {height: auto; overflow-y: visible; margin-bottom: 0;} section#mision-y-vision {padding:30px 0; height: auto; padding-bottom: 30px;}
body.page section#mision-y-vision h2 {font-size:24px; color:#000; margin-bottom:60px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/mision-vision-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section#mision-y-vision p {padding-right: 30px; font-size: 14px;}
section#mision-y-vision img.mision-y-vision {margin-bottom: 30px; }
body.page section#mision-y-vision h3 {margin: 15px 0; text-transform: uppercase; letter-spacing: 2px; font-size: 14px;} section.quienes-somos-nuestros-valores { width:100%; padding:30px 0;}
body.page section.quienes-somos-nuestros-valores h2 { font-size:24px; color:#000; margin-bottom:30px; margin-top:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/valores-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 35px; background-size: contain;}
section.quienes-somos-nuestros-valores p {padding-right: 30px; font-size: 14px;}
.repeat-valores { height:172px; width:31%; float:left; margin-right:10px; margin-bottom:10px;}
.repeat-valores a { text-align:left; display:block; height:100%; padding:10px; color:#FFFFFF; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size:18px; vertical-align:bottom; padding-top:118px; cursor:pointer;}
.repeat-valores img { width:100%; height: 172px;}
.repeat-valores a:hover { opacity:1; text-decoration:none;}
#valor-232 { background-color:#eb742c;}
#valor-234 { background-color:#f8bf3e;}
#valor-236 { background-color:#99a222;}
#valor-238 { background-color:#571b49;}
#valor-240 { background-color:#e41a3c;}
#repeat-valores-240 { display:none;}
.popover-title {
font-size: 14px;
font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; 
} .popover-content {
font-size: 12px;
font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; 
}
.color-gris {background-color: #efece8;} section.quienes-somos-valles { width:100%; padding: 60px 0; height: auto; margin-bottom: 60px;}
body.page  section.quienes-somos-valles h2 {  font-size:24px; color:#000; margin-bottom:30px; margin-top:0; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(https://vsptwinegroup.com/wp/wp-content/uploads/2021/04/valles-morado@2x.png); background-attachment: scroll; background-repeat: no-repeat; background-position: center left; padding-left: 40px; background-size: contain;}
div.container-thumb-valle {height: 360px; margin-bottom: 30px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%;}
section.quienes-somos-valles p { font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; font-size: 14px;}
section.quienes-somos-valles h3 { color:#571b49; font-size:24px; font-family: "AvertaPE-Regular", Arial, Helvetica, sans-serif; margin-bottom:30px; font-family: "AvertaPE-Bold", Arial, Helvetica, sans-serif; }
div.slide-valles {}
section.quienes-somos-valles a.prev { position: absolute;font-size: 48px;color: #FFF;top: 50%;left: 0;text-decoration: none;z-index: 200;width: 50px;text-align: center;}
section.quienes-somos-valles a.next {position: absolute;font-size: 48px;color: #FFF;top: 50%;right: 0;text-decoration: none;z-index: 200;width: 50px;text-align: center;} body.page-id-11 section.imagen-page h2 {margin-top: 200px;}
body.page-id-11 .content-page-text { height: 260px;}
body.page-id-11 section.sustentabilidad-nuestra-meta h2 {font-size: 24px; margin-top:30px;}
body.page-id-11 section.sustentabilidad-nuestra-meta p {font-size: 14px; margin-bottom:30px;}
body.page section.sustentabilidad-pilares h2 {font-size: 24px; margin-top:30px; padding-left: 35px;}
body.page section.sustentabilidad-pilares p {font-size: 14px; margin-bottom:30px;}    
.cycle-pager-modelo {bottom: -10%; right: 32%}
body.page section.reconocimientos-sustentabilidad h2  {font-size: 24px; margin-top:30px; padding-left: 35px;}   
body.page-id-11 section.reconocimientos-sustentabilidad p {font-size: 14px; margin-bottom:30px;}
body.page section.reconocimientos-sustentabilidad h3  {font-size: 18px; margin-top:30px;}   
section.reconocimientos-sustentabilidad .cycle-pager {bottom: 0; left:0;}
body.page  section.sustentabilidad-iniciativas h2 {font-size: 24px; margin-top:30px; padding-left: 35px;}
body.page  section.sustentabilidad-iniciativas h3 {font-size: 18px; margin-bottom:15px;}    
body.page section.sustentabilidad-iniciativas p {font-size: 14px; margin-bottom:30px;}
.cycle-pager-iniciativas {left: 7%; bottom: 10%;}  
body.page section.que-es-bbbien h2 {padding-left: 35px; font-size: 24px; margin-top: 30px;}    
body.page section.que-es-bbbien p {font-size: 14px; margin-bottom: 30px;}
section.que-es-bbbien ul {margin: 30px 0;}    
body.page section.sustentabilidad-reportes h2 {padding-left: 35px; font-size: 24px; margin-top: 30px;}    
body.page section.sustentabilidad-reportes p {font-size: 14px; margin-top: 30px;}
body.page section.sustentabilidad-videos h2 {font-size: 24px; padding-left: 35px;}    
body.page section#noticias h2  {font-size:24px; padding-left: 35px;}
body.page section.press-kit h2 { font-size:24px; padding-left: 35px;}
body.page section#harvest-reports h2 {  font-size:24px; padding-left: 35px;}
body.page section#facts-sheet  h2 {  font-size:24px; padding-left: 35px;}
img.sustainable-passion-for-wine {width: 70%;}	    
body.page h2 { font-size:54px; margin-top: 90px;}
.img-contacto-home img { margin-top:20px; width:100%; height:auto; margin-left:0;}
section.ante-footer ul li { border-right:none; display:block; margin-bottom:5px;}
ul#qtranslate-chooser { float:none; padding-top:0; padding-left:20px; font-size:24px;}
section.imagen-page { padding-top:90px;}
section.imagen-page h3 { width:70px; margin:10px; margin-top:30px; font-size:14px;}
section.imagen-page h3 a { padding-top:40px;}
div.select-year select { font-size:14px;}
form.wpcf7-form textarea { width:90%;}
div.awards-home { width:90px; height:90px;}
section.quienes-somos-home ul { padding-left:10px;}
section.quienes-somos-home ul li { font-size:18px;} 
section.portafolio-home h2 { margin-top:30px;}
section.sustentabilidad-home ul { padding-left:10px;}
section.sustentabilidad-home ul li { font-size:18px;}
section.prensa-home h2 { margin-top:30px}
form.wpcf7-form input.wpcf7-submit { margin-bottom:30px;} div.logo-down-jones { width: 100px; height: 100px; top: 24%;}
body.page-id-11 section.imagen-page h3 { width:70px; margin:15px; font-size:13px;}
body.page-id-11 section.imagen-page h3 a {background-size: 50%;}
section.imagen-page h3.h3-sustentabilidad-5430 a {background-size: 78%;} section.quienes-somos-grupo-vitivinicola p { width:100%; padding-right:0;}
div.img-5-col-center img { width:100%;}
.repeat-valores { width:46%; height:172px;}
.repeat-valores a { padding-top:60px; font-size:14px; line-height:130%;}
div.slide-valles { height:500px;}
div.img-valles div.cycle-slideshow { float:none;}
div.img-valles div.cycle-slideshow img { width:100%; height:auto;}
a.prev { left:-50px;}
a.next { right:-50px;}
body.page-id-9 section.imagen-page h3 { margin:10px; width:60px; height:40px;}
body.page-id-9 section.imagen-page h3 a {}
body.page-id-11 section.imagen-page { padding-bottom:40px;}
section.reconocimientos-sustentabilidad h3 { margin-top:0;}
div.img-pilares img { width:100%; height:auto; margin-bottom:20px;}
div.img-nuestra-meta img { float:none; width:100%; height:auto; margin: 0;}	
section.sustentabilidad-iniciativas { height:1000px;}
section.sustentabilidad-iniciativas a.prev { left:-20px;}
section.sustentabilidad-iniciativas a.next { right:-28px;}
div.img-reportes img { float:none; width:100%; height:auto;}
section.sustentabilidad-videos div.repeat-noticias { height:auto;}
div.repeat-noticias { height:auto;}
body.page-id-5632 section.visitas-internas {width: 95%;}
body.page-id-5632 div.contenedor-forms div.form-group.clasificacion-group label { width: 100%; display: block;}	
body.page-id-5632 div.contenedor-forms div.form-group.actividades-group label { width: 100%; display: block;}
body.page-id-5632 div.contenedor-forms div.form-group.regimen_visita-group label { width: 100%; display: block;} body.page-id-7945 {overflow-x: hidden;}	
body.page-id-7945 section.imagen-page {}
body.page-id-7945 section.imagen-page h2 {width: 100%; font-size:48px;}
body.page-id-7945 section.imagen-page h3 { width:70px; margin:15px; font-size:13px;}
body.page-id-7945 section.imagen-page h3 a {background-size: 50%;}	
}#sb_instagram {width: 100%;margin: 0 auto;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}#sb_instagram:after{content: "";display: table;clear: both;}#sb_instagram.sbi_fixed_height{overflow: hidden;overflow-y: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}#sb_instagram #sbi_images{width: 100%;float: left;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}#sb_instagram .sbi_header_link {-webkit-box-shadow: none;box-shadow: none;}#sb_instagram .sbi_header_link:hover {border: none;}#sb_instagram #sbi_images .sbi_item{display: inline-block;float: left;vertical-align: top;zoom: 1;padding: inherit !important;margin: 0 !important;text-decoration: none;opacity: 1;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity: 0;}#sb_instagram.sbi_col_1 #sbi_images .sbi_item{width: 100%;}#sb_instagram.sbi_col_2 #sbi_images .sbi_item{width: 50%;}#sb_instagram.sbi_col_3 #sbi_images .sbi_item{width: 33.33%;}#sb_instagram.sbi_col_4 #sbi_images .sbi_item{width: 25%;}#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width: 20%;}#sb_instagram.sbi_col_6 #sbi_images .sbi_item{width: 16.66%;}#sb_instagram.sbi_col_7 #sbi_images .sbi_item{width: 14.28%;}#sb_instagram.sbi_col_8 #sbi_images .sbi_item{width: 12.5%;}#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width: 11.11%;}#sb_instagram.sbi_col_10 #sbi_images .sbi_item{width: 10%;}#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item{width: 100%;}#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item{width: 50%;}#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item{width: 33.33%;}#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item{width: 25%;}#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width: 20%;}#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item{width: 16.66%;}#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item{width: 14.28%;}#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item{width: 12.5%;}#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item{width: 11.11%;}#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item{width: 10%;}#sb_instagram .sbi_photo_wrap{position: relative;}#sb_instagram .sbi_photo{display: block;text-decoration: none;}#sb_instagram .sbi_photo img{width: 100%;height: auto;}#sb_instagram .sbi_no_js img{display: none;}#sb_instagram a, #sb_instagram a:hover, #sb_instagram a:focus, #sb_instagram a:active{outline: none;}#sb_instagram img{display: block;padding: 0 !important;margin: 0 !important;max-width: 100% !important;opacity: 1 !important;}#sb_instagram .sbi_link{display: none;position: absolute;bottom: 0;right: 0;width: 100%;padding: 10px 0;background: rgba(0,0,0,0.5);text-align: center;color: #fff;font-size: 12px;line-height: 1.1;}#sb_instagram .sbi_link a{padding: 0 6px;text-decoration: none;color: #fff;font-size: 12px;line-height: 1.1;display: inline-block;vertical-align: top;zoom: 1;}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom: 5px;}#sb_instagram .sbi_link a:hover, #sb_instagram .sbi_link a:focus{text-decoration: underline;}#sb_instagram .sbi_photo_wrap:hover .sbi_link, #sb_instagram .sbi_photo_wrap:focus .sbi_link{display: block;}#sb_instagram svg:not(:root).svg-inline--fa {height: 1em;display: inline-block;}#sb_instagram .sbi_type_video .sbi_playbtn, #sb_instagram .sbi_type_carousel .sbi_playbtn, .sbi_type_carousel .fa-clone, #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play, #sb_instagram .sbi_type_video .svg-inline--fa.fa-play{display: block !important;position: absolute;z-index: 1;color: #fff;color: rgba(255,255,255,0.9);font-style: normal !important;text-shadow: 0 0 8px rgba(0,0,0,0.8);}#sb_instagram .sbi_type_video .sbi_playbtn, #sb_instagram .sbi_type_carousel .sbi_playbtn {z-index: 2;top: 50%;left: 50%;margin-top: -24px;margin-left: -19px;padding: 0;font-size: 48px;}#sb_instagram .sbi_type_carousel .fa-clone{right: 12px;top: 12px;font-size: 24px;text-shadow: 0 0 8px rgba(0,0,0,0.3);}.sbi_type_carousel svg.fa-clone, #sb_instagram .sbi_type_video .svg-inline--fa.fa-play, #sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play{-webkit-filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );filter: drop-shadow( 0px 0px 2px rgba(0,0,0,.4) );}#sb_instagram .sbi_loader{width: 20px;height: 20px;position: relative;top: 50%;left: 50%;margin: -10px 0 0 -10px;background-color: #000;background-color: rgba(0,0,0,0.5);border-radius: 100%;-webkit-animation: sbi-sk-scaleout 1.0s infinite ease-in-out;animation: sbi-sk-scaleout 1.0s infinite ease-in-out;}#sb_instagram br {display: none;}#sbi_load p {display: inline;padding: 0;margin: 0;}#sb_instagram #sbi_load .sbi_loader{position: absolute;margin-top: -11px;background-color: #fff;opacity: 1;}@-webkit-keyframes sbi-sk-scaleout {0% {-webkit-transform: scale(0) }100% {-webkit-transform: scale(1.0);opacity: 0;}}@keyframes sbi-sk-scaleout {0% {-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100% {-webkit-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);opacity: 0;}}#sb_instagram .fa-spin, #sbi_lightbox .fa-spin{-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear }#sb_instagram .fa-pulse, #sbi_lightbox .fa-pulse{-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8) }@-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }100% {-webkit-transform: rotate(359deg);transform: rotate(359deg) }}@keyframes fa-spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg) }100% {-webkit-transform: rotate(359deg);transform: rotate(359deg) }}.sbi-screenreader{text-indent: -9999px !important;display: block !important;width: 0 !important;height: 0 !important;line-height: 0 !important;text-align: left !important;overflow: hidden !important;}#sb_instagram .sb_instagram_header, .sb_instagram_header{float: left;clear: both;margin: 0 0 15px 0;padding: 0;line-height: 1.2;width: 100%;}#sb_instagram .sb_instagram_header a, .sb_instagram_header a {float: left;display: block;min-width: 100%;text-decoration: none;transition: color 0.5s ease;}.sb_instagram_header.sbi_header_outside{float: none;margin-left: auto !important;margin-right: auto !important;display: flex;}.sbi_no_avatar .sbi_header_img{background: #333;color: #fff;width: 50px;height: 50px;position: relative;}.sbi_no_avatar .sbi_header_hashtag_icon {display: block;color: #fff;opacity: .9;-webkit-transition: background .6s linear,color .6s linear;-moz-transition: background .6s linear,color .6s linear;-o-transition: background .6s linear,color .6s linear;transition: background .6s linear,color .6s linear }.sbi_no_avatar:hover .sbi_header_hashtag_icon {display: block;opacity: 1;-webkit-transition: background .2s linear,color .2s linear;-moz-transition: background .2s linear,color .2s linear;-o-transition: background .2s linear,color .2s linear;transition: background .2s linear,color .2s linear }@media all and (min-width: 480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img{width: 80px;height: 80px;border-radius: 40px;}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img, .sb_instagram_header.sbi_medium .sbi_header_img img{width: 80px;height: 80px;border-radius: 40px;}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3{font-size: 20px;}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{font-size: 14px;}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio{margin-left: 95px !important;line-height: 1.4 }#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3{margin-right: -85px !important;}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{margin-top: 4px !important;}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3, .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{padding-top: 20px !important;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img, .sb_instagram_header.sbi_large .sbi_header_img{width: 120px;height: 120px;border-radius: 60px;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img, .sb_instagram_header.sbi_large .sbi_header_img img {width: 120px;height: 120px;border-radius: 60px;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3, .sb_instagram_header.sbi_large .sbi_header_text h3{font-size: 28px;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{font-size: 16px;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3, #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_large .sbi_header_text h3, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio{margin-left: 140px !important;line-height: 1.5;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3, .sb_instagram_header.sbi_large .sbi_header_text h3{margin-right: -120px !important;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{margin-top: 12px !important;}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3, .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3{padding-top: 32px !important;}}#sb_instagram .sb_instagram_header .sbi_header_img, .sb_instagram_header .sbi_header_img{float: left;position: relative;width: 50px;margin: 0 0 0 -100% !important;overflow: hidden;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}#sb_instagram .sb_instagram_header .sbi_header_img img, .sb_instagram_header .sbi_header_img img{float: left;margin: 0 !important;padding: 0 !important;border: none !important;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}#sb_instagram .sb_instagram_header .sbi_header_img_hover, .sb_instagram_header .sbi_header_img_hover{opacity: 0;position: absolute;width: 100%;top: 0;bottom: 0;left: 0;text-align: center;color: #fff;background: rgba(0,0,0,0.75);}#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo, #sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo, .sb_instagram_header .sbi_header_img_hover .sbi_new_logo, .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo{position: absolute;top: 50%;left: 50%;margin-top: -12px;margin-left: -12px;width: 24px;height: 24px;font-size: 24px;}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo, .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{margin-top: -18px;margin-left: -18px;width: 36px;height: 36px;font-size: 36px }#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo, .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo {margin-top: -24px;margin-left: -24px;width: 48px;height: 48px;font-size: 48px }#sb_instagram .sb_instagram_header .sbi_header_img_hover i {overflow: hidden;}#sb_instagram .sb_instagram_header .sbi_header_img_hover, .sb_instagram_header .sbi_header_img_hover{z-index: 2;transition: opacity 0.4s ease-in-out;}#sb_instagram .sb_instagram_header .sbi_fade_in, .sb_instagram_header .sbi_fade_in{opacity: 1;transition: opacity 0.2s ease-in-out;}#sb_instagram .sb_instagram_header .sbi_header_img_hover, .sb_instagram_header .sbi_header_img_hover{position: absolute;width: 100%;top: 0;bottom: 0;left: 0;text-align: center;color: #fff;background: rgba(0,0,0,0.75);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;border-radius: 40px;transition: opacity 0.2s;}#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover, #sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover, .sb_instagram_header a:hover .sbi_header_img_hover, .sb_instagram_header a:focus .sbi_header_img_hover{opacity: 1;}#sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text{float: left;width: 100%;padding-top: 5px;}#sb_instagram .sb_instagram_header a, .sb_instagram_header a{text-decoration: none;}#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio, #sb_instagram .sb_instagram_header .sbi_header_text h3, .sb_instagram_header .sbi_header_text .sbi_bio, .sb_instagram_header .sbi_header_text h3{float: left;clear: both;width: auto;margin: 0 0 0 60px !important;padding: 0 !important;}#sb_instagram .sb_instagram_header h3, .sb_instagram_header h3{font-size: 16px;line-height: 1.3;}#sb_instagram .sb_instagram_header p, .sb_instagram_header p{font-size: 13px;line-height: 1.3;margin: 0;padding: 0;}#sb_instagram p:empty {display: none;}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji, .sb_instagram_header .sbi_header_text img.emoji{margin-right: 3px !important;}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3, .sb_instagram_header .sbi_header_text.sbi_no_bio h3{padding-top: 9px !important;}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info, .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear: both;}#sb_instagram #sbi_load{float: left;clear: both;width: 100%;text-align: center;}#sb_instagram #sbi_load .fa-spinner{display: none;position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -7px;font-size: 15px;}#sb_instagram #sbi_load{opacity: 1;transition: all 0.5s ease-in;}#sb_instagram .sbi_load_btn .sbi_btn_text, #sb_instagram .sbi_load_btn .sbi_loader{opacity: 1;transition: all 0.1s ease-in;}#sb_instagram .sbi_hidden{opacity: 0 !important;}#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a{display: inline-block;vertical-align: top;zoom: 1;padding: 7px 14px;margin: 5px auto 0 auto;background: #333;border: none;color: #fff;text-decoration: none;font-size: 13px;line-height: 1.5;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}#sb_instagram #sbi_load .sbi_load_btn {position: relative;}#sb_instagram .sbi_follow_btn{display: inline-block;vertical-align: top;zoom: 1;text-align: center;}#sb_instagram .sbi_follow_btn.sbi_top{display: block;margin-bottom: 5px;}#sb_instagram .sbi_follow_btn a{background: #408bd1;color: #fff;}#sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn{transition: all 0.1s ease-in;}#sb_instagram #sbi_load .sbi_load_btn:hover{outline: none;box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.25);}#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus{outline: none;box-shadow: inset 0 0 10px 20px #359dff;}#sb_instagram .sbi_follow_btn a:active, #sb_instagram #sbi_load .sbi_load_btn:active{box-shadow: inset 0 0 10px 20px rgba(0,0,0,0.3);}#sb_instagram .sbi_follow_btn .fa, #sb_instagram .sbi_follow_btn svg{margin-bottom: -1px;margin-right: 7px;font-size: 15px;}#sb_instagram .sbi_follow_btn svg{vertical-align: -.125em;}#sb_instagram #sbi_load .sbi_follow_btn{margin-left: 5px;}#sb_instagram .sb_instagram_error{width: 100%;text-align: center;line-height: 1.4;}#sbi_mod_error{display: none;border: 1px solid #ddd;background: #eee;color: #333;margin: 10px 0 0;padding: 10px 15px;font-size: 13px;text-align: center;clear: both;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}#sbi_mod_error br {display: initial !important;}#sbi_mod_error p{padding: 5px 0 !important;margin: 0 !important;line-height: 1.3 !important;}#sbi_mod_error ol, #sbi_mod_error ul{padding: 5px 0 5px 20px !important;margin: 0 !important;}#sbi_mod_error li{padding: 1px 0 !important;margin: 0 !important;}#sbi_mod_error span{font-size: 12px;}#sb_instagram.sbi_medium .sbi_playbtn, #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top: -12px;margin-left: -9px;font-size: 23px;}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right: 8px;top: 8px;font-size: 18px;}#sb_instagram.sbi_small .sbi_playbtn, #sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play{margin-top: -9px;margin-left: -7px;font-size: 18px;}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right: 5px;top: 5px;font-size: 12px;}@media all and (max-width: 640px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item{width: 50%;}#sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item, #sb_instagram.sbi_col_10 #sbi_images .sbi_item{width: 25%;}#sb_instagram.sbi_width_resp{width: 100% !important;}}@media all and (max-width: 480px){#sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item, #sb_instagram.sbi_col_10 #sbi_images .sbi_item{width: 100%;}#sb_instagram.sbi_mob_col_10 #sbi_images .sbi_item{width: 10%;}#sb_instagram.sbi_mob_col_9 #sbi_images .sbi_item{width: 11.11%;}#sb_instagram.sbi_mob_col_8 #sbi_images .sbi_item{width: 12.5%;}#sb_instagram.sbi_mob_col_7 #sbi_images .sbi_item{width: 14.28%;}#sb_instagram.sbi_mob_col_6 #sbi_images .sbi_item{width: 16.66%;}#sb_instagram.sbi_mob_col_5 #sbi_images .sbi_item {width: 20%;}#sb_instagram.sbi_mob_col_4 #sbi_images .sbi_item {width: 25%;}#sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item {width: 33.33%;}#sb_instagram.sbi_mob_col_2 #sbi_images .sbi_item {width: 50%;}#sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item {width: 100%;}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing: border-box;position: relative;overflow: hidden;}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before {content: "";display: block;padding-top: 100%;z-index: -300;}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition {opacity: 1;}#sb_instagram.sbi_no_js .sbi_photo img, #sb_instagram.sbi_no_js .sbi_load_btn{display: none;}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo, #sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom: 0 !important;}#sb_instagram #sbi_mod_error .sb_frontend_btn {display: inline-block;padding: 6px 10px;background: #ddd;background: rgba(0,0,0,.1);text-decoration: none;border-radius: 5px;margin-top: 10px;color: #444 }#sb_instagram #sbi_mod_error .sb_frontend_btn:hover {background: #ccc;background: rgba(0,0,0,.15) }#sb_instagram #sbi_mod_error .sb_frontend_btn .fa {margin-right: 2px }.sbi_header_outside.sbi_header_palette_dark, #sb_instagram.sbi_palette_dark, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close{background-color: rgba(0,0,0,.85);color: rgba(255,255,255,.75);}#sb_instagram.sbi_palette_dark .sbi_caption, .sbi_header_palette_dark, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p{color: rgba(255,255,255,.75);}.sbi_header_palette_dark .sbi_bio, #sb_instagram.sbi_palette_dark .sbi_meta {color: rgba(255,255,255,.75);}.sbi_header_palette_dark a, #sb_instagram.sbi_palette_dark .sbi_expand a, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a, #sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter {color: #fff;}.sbi_header_outside.sbi_header_palette_light, #sb_instagram.sbi_palette_light, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip, #sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close{color: rgba(0,0,0,.85);background-color: rgba(255,255,255,.75);}#sb_instagram.sbi_palette_light .sbi_caption, .sbi_header_palette_light, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p{color: rgba(0,0,0,.85);}.sbi_header_palette_light .sbi_bio, #sb_instagram.sbi_palette_light .sbi_meta {color: rgba(0,0,0,.85);}.sbi_header_palette_light a, #sb_instagram.sbi_palette_light .sbi_expand a, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a, #sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p, #sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter {color: #000;}@media all and (max-width: 480px){#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item{width: 100%;}#sb_instagram.sbi_mob_col_2 #sbi_images .sbi_item{width: 50%;}#sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item{width: 33.33%;}#sb_instagram.sbi_mob_col_4 #sbi_images .sbi_item{width: 25%;}#sb_instagram.sbi_mob_col_5 #sbi_images .sbi_item{width: 20%;}#sb_instagram.sbi_mob_col_6 #sbi_images .sbi_item{width: 16.66%;}#sb_instagram.sbi_mob_col_7 #sbi_images .sbi_item{width: 14.28%;}}@media all and (max-width: 800px){#sb_instagram.sbi_tab_col_10 #sbi_images .sbi_item{width: 10%;}#sb_instagram.sbi_tab_col_9 #sbi_images .sbi_item{width: 11.11%;}#sb_instagram.sbi_tab_col_8 #sbi_images .sbi_item{width: 12.5%;}#sb_instagram.sbi_tab_col_7 #sbi_images .sbi_item{width: 14.28%;}#sb_instagram.sbi_tab_col_6 #sbi_images .sbi_item{width: 16.66%;}#sb_instagram.sbi_tab_col_5 #sbi_images .sbi_item {width: 20%;}#sb_instagram.sbi_tab_col_4 #sbi_images .sbi_item {width: 25%;}#sb_instagram.sbi_tab_col_3 #sbi_images .sbi_item {width: 33.33%;}#sb_instagram.sbi_tab_col_2 #sbi_images .sbi_item {width: 50%;}#sb_instagram.sbi_tab_col_1 #sbi_images .sbi_item {width: 100%;}}@media all and (max-width: 480px){#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images .sbi_item, #sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item{width: 100%;}#sb_instagram.sbi_mob_col_2 #sbi_images .sbi_item{width: 50%;}#sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item{width: 33.33%;}#sb_instagram.sbi_mob_col_4 #sbi_images .sbi_item{width: 25%;}#sb_instagram.sbi_mob_col_5 #sbi_images .sbi_item{width: 20%;}#sb_instagram.sbi_mob_col_6 #sbi_images .sbi_item{width: 16.66%;}#sb_instagram.sbi_mob_col_7 #sbi_images .sbi_item{width: 14.28%;}#sb_instagram.sbi_mob_col_8 #sbi_images .sbi_item{width: 12.5%;}#sb_instagram.sbi_mob_col_9 #sbi_images .sbi_item{width: 11.11%;}#sb_instagram.sbi_mob_col_10 #sbi_images .sbi_item{width: 10%;}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display: none !important;}body:after {content: url(//vsptwinegroup.com/wp/wp-content/plugins/instagram-feed/img/sbi-sprite.png);display: none;}.sbi_lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 99999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.9;display: none;}.sbi_lightbox {position: absolute;left: 0;width: 100%;z-index: 100000;text-align: center;line-height: 0;font-weight: normal;}.sbi_lightbox .sbi_lb-image {display: block;height: auto;max-width: inherit;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;object-fit: contain;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-ms-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;}.sbi_lightbox a:hover, .sbi_lightbox a:focus, .sbi_lightbox a:active{outline: none;}.sbi_lightbox a img {border: none;}.sbi_lb-outerContainer {position: relative;background-color: #000;*zoom: 1;width: 250px;height: 250px;margin: 0 auto 5px auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}.sbi_lb-outerContainer:after {content: "";display: table;clear: both;}.sbi_lb-container-wrapper{height: 100%;}.sbi_lb-container {position: relative;padding: 4px;top: 0;left: 0;width: 100%;height: 100%;bottom: 0;right: 0;}.sbi_lb-loader {position: absolute;width: 100%;top: 50%;left: 0;height: 20px;margin-top: -10px;text-align: center;line-height: 0;}.sbi_lb-loader span {display: block;width: 14px;height: 14px;margin: 0 auto;background: url(//vsptwinegroup.com/wp/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat;}.sbi_lb-nav {top: 0;left: 0;width: 100%;z-index: 10;}.sbi_lb-container > .nav {left: 0;}.sbi_lb-nav a {position: absolute;z-index: 100;top: 0;height: 90%;outline: none;background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);}.sbi_lb-prev, .sbi_lb-next {height: 100%;cursor: pointer;display: block;}.sbi_lb-nav a.sbi_lb-prev {width: 50px;left: -70px;padding-left: 10px;padding-right: 10px;float: left;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);opacity: 0.5;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}.sbi_lb-nav a.sbi_lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.sbi_lb-nav a.sbi_lb-next {width: 50px;right: -70px;padding-left: 10px;padding-right: 10px;float: right;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5);opacity: 0.5;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}.sbi_lb-nav a.sbi_lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.sbi_lb-nav span{display: block;top: 55%;position: absolute;left: 20px;width: 34px;height: 45px;margin: -25px 0 0 0;background: url(//vsptwinegroup.com/wp/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat;}.sbi_lb-nav a.sbi_lb-prev span{background-position: -53px 0;}.sbi_lb-nav a.sbi_lb-next span{left: auto;right: 20px;background-position: -18px 0;}.sbi_lb-dataContainer {margin: 0 auto;padding-top: 10px;*zoom: 1;width: 100%;font-family: "Open Sans", Helvetica, Arial, sans-serif;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{position: relative;padding-right: 300px;background: #fff;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper {position: relative;background: #000;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer {width: 300px !important;position: absolute;top: 0;right: -300px;height: 100%;bottom: 0;background: #fff;line-height: 1.4;overflow: hidden;overflow-y: auto;text-align: left;}.sbi_lb-dataContainer:after, .sbi_lb-data:after, .sbi_lb-commentBox:after {content: "";display: table;clear: both;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display: block !important;width: 100%;margin-top: 20px;padding: 4px;}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number {padding-bottom: 0;}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption {width: 100%;max-width: 100%;margin-bottom: 20px;}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text {display: inline-block;padding-top: 10px;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{display: block !important;width: 100%;min-width: 100%;float: left;clear: both;font-size: 12px;padding: 3px 20px 3px 0;margin: 0 0 1px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter {font-weight: 700;margin-right: 5px;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align: left;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing: border-box;padding: 15px 20px;}.sbi_lb-data {padding: 0 4px;color: #ccc;}.sbi_lb-data .sbi_lb-details {width: 85%;float: left;text-align: left;line-height: 1.1;}.sbi_lb-data .sbi_lb-caption {float: left;font-size: 13px;font-weight: normal;line-height: 1.3;padding-bottom: 3px;color: #ccc;word-wrap: break-word;word-break: break-word;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}.sbi_lb-data .sbi_lb-caption a{color: #ccc;font-weight: bold;text-decoration: none;}.sbi_lb-data .sbi_lb-caption a:hover, .sbi_lb-commenter:hover{color: #fff;text-decoration: underline;}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{float: left;width: 100%;color: #ccc;padding-bottom: 0;display: block;margin: 0 0 5px 0;}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p{color: #fff;text-decoration: underline;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter {color: #333;}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a, #sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p, .sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p{color: #333;}.sbi_lightbox .sbi_lightbox_username img {float: left;border: none;width: 32px;height: 32px;margin-right: 10px;background: #666;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;}.sbi_lightbox_username p{float: left;margin: 0;padding: 0;color: #ccc;line-height: 32px;font-weight: bold;font-size: 13px;}.sbi_lb-data .sbi_lb-number {display: block;float: left;clear: both;padding: 5px 0 15px 0;font-size: 12px;color: #999999;}.sbi_lb-data .sbi_lb-close {display: block;float: right;width: 30px;height: 30px;font-size: 18px;color: #aaa;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}.sbi_lb-data .sbi_lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;color: #fff;}.sbi_lb-nav {height: auto;}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video {position: relative !important;}.sbi_lb-container{padding: 0;}