.dsm-grow {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-grow:active,
.dsm-grow:focus,
.dsm-grow:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.dsm-shrink {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-shrink:active,
.dsm-shrink:focus,
.dsm-shrink:hover {
-webkit-transform: scale(.9);
transform: scale(.9)
}
@-webkit-keyframes dsm-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
75% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@keyframes dsm-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
75% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
.dsm-pulse {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-pulse:active,
.dsm-pulse:focus,
.dsm-pulse:hover {
-webkit-animation-name: dsm-pulse;
animation-name: dsm-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 dsm-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@keyframes dsm-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
.dsm-pulse-grow {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-pulse-grow:active,
.dsm-pulse-grow:focus,
.dsm-pulse-grow:hover {
-webkit-animation-name: dsm-pulse-grow;
animation-name: dsm-pulse-grow;
-webkit-animation-duration: .3s;
animation-duration: .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 dsm-pulse-shrink {
to {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@keyframes dsm-pulse-shrink {
to {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
.dsm-pulse-shrink {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-pulse-shrink:active,
.dsm-pulse-shrink:focus,
.dsm-pulse-shrink:hover {
-webkit-animation-name: dsm-pulse-shrink;
animation-name: dsm-pulse-shrink;
-webkit-animation-duration: .3s;
animation-duration: .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 dsm-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes dsm-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
to {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.dsm-push {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-push:active,
.dsm-push:focus,
.dsm-push:hover {
-webkit-animation-name: dsm-push;
animation-name: dsm-push;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes dsm-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
@keyframes dsm-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}
.dsm-pop {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-pop:active,
.dsm-pop:focus,
.dsm-pop:hover {
-webkit-animation-name: dsm-pop;
animation-name: dsm-pop;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.dsm-bounce-in {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.dsm-bounce-in:active,
.dsm-bounce-in:focus,
.dsm-bounce-in:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}
.dsm-bounce-out {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.dsm-bounce-out:active,
.dsm-bounce-out:focus,
.dsm-bounce-out:hover {
-webkit-transform: scale(.8);
transform: scale(.8);
-webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}
.dsm-rotate {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-rotate:active,
.dsm-rotate:focus,
.dsm-rotate:hover {
-webkit-transform: rotate(4deg);
transform: rotate(4deg)
}
.dsm-grow-rotate {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-grow-rotate:active,
.dsm-grow-rotate:focus,
.dsm-grow-rotate:hover {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg)
}
.dsm-float {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-float:active,
.dsm-float:focus,
.dsm-float:hover {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.dsm-sink {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-sink:active,
.dsm-sink:focus,
.dsm-sink:hover {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
@-webkit-keyframes dsm-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
to {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
@keyframes dsm-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
to {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
@-webkit-keyframes dsm-bob-float {
to {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
@keyframes dsm-bob-float {
to {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}
.dsm-bob {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-bob:active,
.dsm-bob:focus,
.dsm-bob:hover {
-webkit-animation-name: dsm-bob-float, dsm-bob;
animation-name: dsm-bob-float, dsm-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 dsm-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
to {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
@keyframes dsm-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
to {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
@-webkit-keyframes dsm-hang-sink {
to {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
@keyframes dsm-hang-sink {
to {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
.dsm-hang {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-hang:active,
.dsm-hang:focus,
.dsm-hang:hover {
-webkit-animation-name: dsm-hang-sink, dsm-hang;
animation-name: dsm-hang-sink, dsm-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
}
.dsm-skew {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-skew:active,
.dsm-skew:focus,
.dsm-skew:hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg)
}
.dsm-skew-forward {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.dsm-skew-forward:active,
.dsm-skew-forward:focus,
.dsm-skew-forward:hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg)
}
.dsm-skew-backward {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.dsm-skew-backward:active,
.dsm-skew-backward:focus,
.dsm-skew-backward:hover {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
@-webkit-keyframes dsm-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)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.dsm-wobble-vertical {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-wobble-vertical:active,
.dsm-wobble-vertical:focus,
.dsm-wobble-vertical:hover {
-webkit-animation-name: dsm-wobble-vertical;
animation-name: dsm-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 dsm-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)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.dsm-wobble-horizontal {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-wobble-horizontal:active,
.dsm-wobble-horizontal:focus,
.dsm-wobble-horizontal:hover {
-webkit-animation-name: dsm-wobble-horizontal;
animation-name: dsm-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 dsm-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)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
.dsm-wobble-to-bottom-right {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-wobble-to-bottom-right:active,
.dsm-wobble-to-bottom-right:focus,
.dsm-wobble-to-bottom-right:hover {
-webkit-animation-name: dsm-wobble-to-bottom-right;
animation-name: dsm-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 dsm-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)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
.dsm-wobble-to-top-right {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-wobble-to-top-right:active,
.dsm-wobble-to-top-right:focus,
.dsm-wobble-to-top-right:hover {
-webkit-animation-name: dsm-wobble-to-top-right;
animation-name: dsm-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 dsm-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)
}
to {
-webkit-transform: skew(0);
transform: skew(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: skew(0);
transform: skew(0)
}
}
.dsm-wobble-top {
display: inline-block;
-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%
}
.dsm-wobble-top:active,
.dsm-wobble-top:focus,
.dsm-wobble-top:hover {
-webkit-animation-name: dsm-wobble-top;
animation-name: dsm-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 dsm-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)
}
to {
-webkit-transform: skew(0);
transform: skew(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: skew(0);
transform: skew(0)
}
}
.dsm-wobble-bottom {
display: inline-block;
-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
}
.dsm-wobble-bottom:active,
.dsm-wobble-bottom:focus,
.dsm-wobble-bottom:hover {
-webkit-animation-name: dsm-wobble-bottom;
animation-name: dsm-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 dsm-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)
}
to {
-webkit-transform: skew(0);
transform: skew(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: skew(0);
transform: skew(0)
}
}
.dsm-wobble-skew {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-wobble-skew:active,
.dsm-wobble-skew:focus,
.dsm-wobble-skew:hover {
-webkit-animation-name: dsm-wobble-skew;
animation-name: dsm-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 dsm-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
to {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}
@keyframes dsm-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
to {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}
.dsm-buzz {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-buzz:active,
.dsm-buzz:focus,
.dsm-buzz:hover {
-webkit-animation-name: dsm-buzz;
animation-name: dsm-buzz;
-webkit-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes dsm-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)
}
to {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
.dsm-buzz-out {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent
}
.dsm-buzz-out:active,
.dsm-buzz-out:focus,
.dsm-buzz-out:hover {
-webkit-animation-name: dsm-buzz-out;
animation-name: dsm-buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.dsm-forward {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-forward:active,
.dsm-forward:focus,
.dsm-forward:hover {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
.dsm-backward {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-backward:active,
.dsm-backward:focus,
.dsm-backward:hover {
-webkit-transform: translateX(-8px);
transform: translateX(-8px)
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color
}
.dsm-fade:active,
.dsm-fade:focus,
.dsm-fade:hover {
background-color: #2098d1;
color: #fff
}
@-webkit-keyframes dsm-back-pulse {
50% {
background-color: rgba(32, 152, 209, .75)
}
}
@keyframes dsm-back-pulse {
50% {
background-color: rgba(32, 152, 209, .75)
}
}
.dsm-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: .5s;
transition-duration: .5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color
}
.dsm-back-pulse:active,
.dsm-back-pulse:focus,
.dsm-back-pulse:hover {
-webkit-animation-name: dsm-back-pulse;
animation-name: dsm-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098d1;
color: #fff
}
.dsm-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
}
.dsm-sweep-to-right,
.dsm-sweep-to-right:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-sweep-to-right:active,
.dsm-sweep-to-right:focus,
.dsm-sweep-to-right:hover {
color: #fff
}
.dsm-sweep-to-right:active:before,
.dsm-sweep-to-right:focus:before,
.dsm-sweep-to-right:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.dsm-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
}
.dsm-sweep-to-left,
.dsm-sweep-to-left:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-sweep-to-left:active,
.dsm-sweep-to-left:focus,
.dsm-sweep-to-left:hover {
color: #fff
}
.dsm-sweep-to-left:active:before,
.dsm-sweep-to-left:focus:before,
.dsm-sweep-to-left:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.dsm-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
}
.dsm-sweep-to-bottom,
.dsm-sweep-to-bottom:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-sweep-to-bottom:active,
.dsm-sweep-to-bottom:focus,
.dsm-sweep-to-bottom:hover {
color: #fff
}
.dsm-sweep-to-bottom:active:before,
.dsm-sweep-to-bottom:focus:before,
.dsm-sweep-to-bottom:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.dsm-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
}
.dsm-sweep-to-top,
.dsm-sweep-to-top:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-sweep-to-top:active,
.dsm-sweep-to-top:focus,
.dsm-sweep-to-top:hover {
color: #fff
}
.dsm-sweep-to-top:active:before,
.dsm-sweep-to-top:focus:before,
.dsm-sweep-to-top:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.dsm-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
}
.dsm-bounce-to-right,
.dsm-bounce-to-right:before {
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-bounce-to-right:active,
.dsm-bounce-to-right:focus,
.dsm-bounce-to-right:hover {
color: #fff
}
.dsm-bounce-to-right:active:before,
.dsm-bounce-to-right:focus:before,
.dsm-bounce-to-right:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.dsm-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
}
.dsm-bounce-to-left,
.dsm-bounce-to-left:before {
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-bounce-to-left:active,
.dsm-bounce-to-left:focus,
.dsm-bounce-to-left:hover {
color: #fff
}
.dsm-bounce-to-left:active:before,
.dsm-bounce-to-left:focus:before,
.dsm-bounce-to-left:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.dsm-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
}
.dsm-bounce-to-bottom,
.dsm-bounce-to-bottom:before {
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-bounce-to-bottom:active,
.dsm-bounce-to-bottom:focus,
.dsm-bounce-to-bottom:hover {
color: #fff
}
.dsm-bounce-to-bottom:active:before,
.dsm-bounce-to-bottom:focus:before,
.dsm-bounce-to-bottom:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.dsm-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
}
.dsm-bounce-to-top,
.dsm-bounce-to-top:before {
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-bounce-to-top:active,
.dsm-bounce-to-top:focus,
.dsm-bounce-to-top:hover {
color: #fff
}
.dsm-bounce-to-top:active:before,
.dsm-bounce-to-top:focus:before,
.dsm-bounce-to-top:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.dsm-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
}
.dsm-radial-out,
.dsm-radial-out:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-radial-out:active,
.dsm-radial-out:focus,
.dsm-radial-out:hover {
color: #fff
}
.dsm-radial-out:active:before,
.dsm-radial-out:focus:before,
.dsm-radial-out:hover:before {
-webkit-transform: scale(2);
transform: scale(2)
}
.dsm-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
}
.dsm-radial-in,
.dsm-radial-in:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-radial-in:active,
.dsm-radial-in:focus,
.dsm-radial-in:hover {
color: #fff
}
.dsm-radial-in:active:before,
.dsm-radial-in:focus:before,
.dsm-radial-in:hover:before {
-webkit-transform: scale(0);
transform: scale(0)
}
.dsm-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
}
.dsm-rectangle-in,
.dsm-rectangle-in:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-rectangle-in:active,
.dsm-rectangle-in:focus,
.dsm-rectangle-in:hover {
color: #fff
}
.dsm-rectangle-in:active:before,
.dsm-rectangle-in:focus:before,
.dsm-rectangle-in:hover:before {
-webkit-transform: scale(0);
transform: scale(0)
}
.dsm-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
}
.dsm-rectangle-out,
.dsm-rectangle-out:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-rectangle-out:active,
.dsm-rectangle-out:focus,
.dsm-rectangle-out:hover {
color: #fff
}
.dsm-rectangle-out:active:before,
.dsm-rectangle-out:focus:before,
.dsm-rectangle-out:hover:before {
-webkit-transform: scale(1);
transform: scale(1)
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-shutter-in-horizontal:active,
.dsm-shutter-in-horizontal:focus,
.dsm-shutter-in-horizontal:hover {
color: #fff
}
.dsm-shutter-in-horizontal:active:before,
.dsm-shutter-in-horizontal:focus:before,
.dsm-shutter-in-horizontal:hover:before {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-shutter-out-horizontal:active,
.dsm-shutter-out-horizontal:focus,
.dsm-shutter-out-horizontal:hover {
color: #fff
}
.dsm-shutter-out-horizontal:active:before,
.dsm-shutter-out-horizontal:focus:before,
.dsm-shutter-out-horizontal:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-shutter-in-vertical:active,
.dsm-shutter-in-vertical:focus,
.dsm-shutter-in-vertical:hover {
color: #fff
}
.dsm-shutter-in-vertical:active:before,
.dsm-shutter-in-vertical:focus:before,
.dsm-shutter-in-vertical:hover:before {
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-shutter-out-vertical:active,
.dsm-shutter-out-vertical:focus,
.dsm-shutter-out-vertical:hover {
color: #fff
}
.dsm-shutter-out-vertical:active:before,
.dsm-shutter-out-vertical:focus:before,
.dsm-shutter-out-vertical:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}
.dsm-border-fade:active,
.dsm-border-fade:focus,
.dsm-border-fade:hover {
box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}
.dsm-hollow:active,
.dsm-hollow:focus,
.dsm-hollow:hover {
background: none
}
.dsm-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
}
.dsm-trim:before {
content: "";
position: absolute;
border: 4px solid #fff;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity
}
.dsm-trim:active:before,
.dsm-trim:focus:before,
.dsm-trim:hover:before {
opacity: 1
}
@-webkit-keyframes dsm-ripple-out {
to {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0
}
}
@keyframes dsm-ripple-out {
to {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0
}
}
.dsm-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
}
.dsm-ripple-out:before {
content: "";
position: absolute;
border: 6px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.dsm-ripple-out:active:before,
.dsm-ripple-out:focus:before,
.dsm-ripple-out:hover:before {
-webkit-animation-name: dsm-ripple-out;
animation-name: dsm-ripple-out
}
@-webkit-keyframes dsm-ripple-in {
to {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1
}
}
@keyframes dsm-ripple-in {
to {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1
}
}
.dsm-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
}
.dsm-ripple-in:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.dsm-ripple-in:active:before,
.dsm-ripple-in:focus:before,
.dsm-ripple-in:hover:before {
-webkit-animation-name: dsm-ripple-in;
animation-name: dsm-ripple-in
}
.dsm-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
}
.dsm-outline-out:before {
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left
}
.dsm-outline-out:active:before,
.dsm-outline-out:focus:before,
.dsm-outline-out:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px
}
.dsm-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
}
.dsm-outline-in:before {
pointer-events: none;
content: "";
position: absolute;
border: 4px solid #e1e1e1;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left
}
.dsm-outline-in:active:before,
.dsm-outline-in:focus:before,
.dsm-outline-in:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: border-radius;
transition-property: border-radius
}
.dsm-round-corners:active,
.dsm-round-corners:focus,
.dsm-round-corners:hover {
border-radius: 1em
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-underline-from-left:active:before,
.dsm-underline-from-left:focus:before,
.dsm-underline-from-left:hover:before {
right: 0
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-underline-from-center:active:before,
.dsm-underline-from-center:focus:before,
.dsm-underline-from-center:hover:before {
left: 0;
right: 0
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-underline-from-right:active:before,
.dsm-underline-from-right:focus:before,
.dsm-underline-from-right:hover:before {
left: 0
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-overline-from-left:active:before,
.dsm-overline-from-left:focus:before,
.dsm-overline-from-left:hover:before {
right: 0
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-overline-from-center:active:before,
.dsm-overline-from-center:focus:before,
.dsm-overline-from-center:hover:before {
left: 0;
right: 0
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-overline-from-right:active:before,
.dsm-overline-from-right:focus:before,
.dsm-overline-from-right:hover:before {
left: 0
}
.dsm-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
}
.dsm-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 0 solid #2098d1;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-reveal:active:before,
.dsm-reveal:focus:before,
.dsm-reveal:hover:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-underline-reveal:active:before,
.dsm-underline-reveal:focus:before,
.dsm-underline-reveal:hover:before {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.dsm-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
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-overline-reveal:active:before,
.dsm-overline-reveal:focus:before,
.dsm-overline-reveal:hover:before {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow
}
.dsm-glow:active,
.dsm-glow:focus,
.dsm-glow:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow
}
.dsm-shadow:active,
.dsm-shadow:focus,
.dsm-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform
}
.dsm-grow-shadow:active,
.dsm-grow-shadow:focus,
.dsm-grow-shadow:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow
}
.dsm-box-shadow-outset:active,
.dsm-box-shadow-outset:focus,
.dsm-box-shadow-outset:hover {
box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
}
.dsm-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: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent
}
.dsm-box-shadow-inset:active,
.dsm-box-shadow-inset:focus,
.dsm-box-shadow-inset:hover {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent
}
.dsm-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-property: transform;
transition-property: transform
}
.dsm-float-shadow,
.dsm-float-shadow:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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, .35) 0, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity
}
.dsm-float-shadow:active,
.dsm-float-shadow:focus,
.dsm-float-shadow:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
.dsm-float-shadow:active:before,
.dsm-float-shadow:focus:before,
.dsm-float-shadow:hover:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px)
}
.dsm-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
}
.dsm-shadow-radial:after,
.dsm-shadow-radial:before {
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: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity
}
.dsm-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, transparent 80%)
}
.dsm-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, transparent 80%)
}
.dsm-shadow-radial:active:after,
.dsm-shadow-radial:active:before,
.dsm-shadow-radial:focus:after,
.dsm-shadow-radial:focus:before,
.dsm-shadow-radial:hover:after,
.dsm-shadow-radial:hover:before {
opacity: 1
}
.dsm-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
}
.dsm-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px
}
.dsm-bubble-top:active:before,
.dsm-bubble-top:focus:before,
.dsm-bubble-top:hover:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.dsm-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
}
.dsm-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px
}
.dsm-bubble-right:active:before,
.dsm-bubble-right:focus:before,
.dsm-bubble-right:hover:before {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
.dsm-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
}
.dsm-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0
}
.dsm-bubble-bottom:active:before,
.dsm-bubble-bottom:focus:before,
.dsm-bubble-bottom:hover:before {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
.dsm-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
}
.dsm-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0
}
.dsm-bubble-left:active:before,
.dsm-bubble-left:focus:before,
.dsm-bubble-left:hover:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
.dsm-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
}
.dsm-bubble-float-top,
.dsm-bubble-float-top:before {
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-bubble-float-top:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
top: 0;
border-color: transparent transparent #e1e1e1;
border-style: solid;
border-width: 0 10px 10px
}
.dsm-bubble-float-top:active,
.dsm-bubble-float-top:focus,
.dsm-bubble-float-top:hover {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
.dsm-bubble-float-top:active:before,
.dsm-bubble-float-top:focus:before,
.dsm-bubble-float-top:hover:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.dsm-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
}
.dsm-bubble-float-right,
.dsm-bubble-float-right:before {
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: "";
border-color: transparent transparent transparent #e1e1e1;
border-style: solid;
border-width: 10px 0 10px 10px
}
.dsm-bubble-float-right:active,
.dsm-bubble-float-right:focus,
.dsm-bubble-float-right:hover {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
.dsm-bubble-float-right:active:before,
.dsm-bubble-float-right:focus:before,
.dsm-bubble-float-right:hover:before {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
.dsm-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
}
.dsm-bubble-float-bottom,
.dsm-bubble-float-bottom:before {
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: "";
left: calc(50% - 10px);
bottom: 0;
border-color: #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 0
}
.dsm-bubble-float-bottom:active,
.dsm-bubble-float-bottom:focus,
.dsm-bubble-float-bottom:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.dsm-bubble-float-bottom:active:before,
.dsm-bubble-float-bottom:focus:before,
.dsm-bubble-float-bottom:hover:before {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
.dsm-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
}
.dsm-bubble-float-left,
.dsm-bubble-float-left:before {
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.dsm-bubble-float-left:before {
position: absolute;
z-index: -1;
content: "";
top: calc(50% - 10px);
left: 0;
border-color: transparent #e1e1e1 transparent transparent;
border-style: solid;
border-width: 10px 10px 10px 0
}
.dsm-bubble-float-left:active,
.dsm-bubble-float-left:focus,
.dsm-bubble-float-left:hover {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
.dsm-bubble-float-left:active:before,
.dsm-bubble-float-left:focus:before,
.dsm-bubble-float-left:hover:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
.dsm-icon-back {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em
}
.dsm-icon-back,
.dsm-icon-back:before,
.dsm-icon-back:after {
-webkit-transition-duration: .1s;
transition-duration: .1s
}
.dsm-icon-back:before,
.dsm-icon-back:after {
position: absolute;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-back:active:before,
.dsm-icon-back:focus:before,
.dsm-icon-back:hover:before,
.dsm-icon-back:active:after,
.dsm-icon-back:focus:after,
.dsm-icon-back:hover:after {
-webkit-transform: translateX(-4px);
transform: translateX(-4px)
}
.dsm-icon-forward {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-forward,
.dsm-icon-forward:before,
.dsm-icon-forward:after {
-webkit-transition-duration: .1s;
transition-duration: .1s
}
.dsm-icon-forward:before,
.dsm-icon-forward:after {
position: absolute;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-forward:active:before,
.dsm-icon-forward:focus:before,
.dsm-icon-forward:hover:before,
.dsm-icon-forward:active:after,
.dsm-icon-forward:focus:after,
.dsm-icon-forward:hover:after {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
@-webkit-keyframes dsm-icon-down {
0%,
50%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}
@keyframes dsm-icon-down {
0%,
50%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}
.dsm-icon-down {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-down:before,
.dsm-icon-down:after {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-down:active:before,
.dsm-icon-down:focus:before,
.dsm-icon-down:hover:before,
.dsm-icon-down:active:after,
.dsm-icon-down:focus:after,
.dsm-icon-down:hover:after {
-webkit-animation-name: dsm-icon-down;
animation-name: dsm-icon-down;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes dsm-icon-up {
0%,
50%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}
@keyframes dsm-icon-up {
0%,
50%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}
.dsm-icon-up {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-up:before,
.dsm-icon-up:after {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-up:active:before,
.dsm-icon-up:focus:before,
.dsm-icon-up:hover:before,
.dsm-icon-up:active:after,
.dsm-icon-up:focus:after,
.dsm-icon-up:hover:after {
-webkit-animation-name: dsm-icon-up;
animation-name: dsm-icon-up;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.dsm-icon-spin {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-spin:before,
.dsm-icon-spin:after {
-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
}
.dsm-icon-spin:active:before,
.dsm-icon-spin:focus:before,
.dsm-icon-spin:hover:before,
.dsm-icon-spin:active:after,
.dsm-icon-spin:focus:after,
.dsm-icon-spin:hover:after {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
@-webkit-keyframes dsm-icon-drop {
0% {
opacity: 0
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
51%,
to {
opacity: 1
}
}
@keyframes dsm-icon-drop {
0% {
opacity: 0
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
51%,
to {
opacity: 1
}
}
.dsm-icon-drop {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-drop:before,
.dsm-icon-drop:after {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-drop:active:before,
.dsm-icon-drop:focus:before,
.dsm-icon-drop:hover:before,
.dsm-icon-drop:active:after,
.dsm-icon-drop:focus:after,
.dsm-icon-drop:hover:after {
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-animation-name: dsm-icon-drop;
animation-name: dsm-icon-drop;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: .3s;
animation-delay: .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(.52, 1.64, .37, .66);
animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.dsm-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
}
.dsm-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: .5s;
transition-duration: .5s;
-webkit-transition-property: color;
transition-property: color
}
.dsm-icon-fade:active:before,
.dsm-icon-fade:focus:before,
.dsm-icon-fade:hover:before {
color: #0f9e5e
}
@-webkit-keyframes dsm-icon-float-away {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em)
}
}
@keyframes dsm-icon-float-away {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em)
}
}
.dsm-icon-float-away {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-float-away:after,
.dsm-icon-float-away:before {
}
.dsm-icon-float-away:before,
.dsm-icon-float-away:after {
opacity: 0;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.dsm-icon-float-away:active:before,
.dsm-icon-float-away:focus:before,
.dsm-icon-float-away:hover:before,
.dsm-icon-float-away:active:after,
.dsm-icon-float-away:focus:after,
.dsm-icon-float-away:hover:after {
-webkit-animation-name: dsm-icon-float-away;
animation-name: dsm-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes dsm-icon-sink-away {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em)
}
}
@keyframes dsm-icon-sink-away {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em)
}
}
.dsm-icon-sink-away {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-sink-away:after,
.dsm-icon-sink-away:before {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-sink-away:before,
.dsm-icon-sink-away:after {
opacity: 0;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.dsm-icon-sink-away:active:before,
.dsm-icon-sink-away:focus:before,
.dsm-icon-sink-away:hover:before,
.dsm-icon-sink-away:active:after,
.dsm-icon-sink-away:focus:after,
.dsm-icon-sink-away:hover:after {
-webkit-animation-name: dsm-icon-sink-away;
animation-name: dsm-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.dsm-icon-grow {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-grow,
.dsm-icon-grow:before,
.dsm-icon-grow:after {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-grow:before,
.dsm-icon-grow:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-grow:active:before,
.dsm-icon-grow:focus:before,
.dsm-icon-grow:hover:before,
.dsm-icon-grow:active:after,
.dsm-icon-grow:focus:after,
.dsm-icon-grow:hover:after {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0)
}
.dsm-icon-shrink {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-shrink,
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-shrink:before,
.dsm-icon-shrink:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-shrink:active:before,
.dsm-icon-shrink:focus:before,
.dsm-icon-shrink:hover:before,
.dsm-icon-shrink:active:after,
.dsm-icon-shrink:focus:after,
.dsm-icon-shrink:hover:after {
-webkit-transform: scale(.8);
transform: scale(.8)
}
@-webkit-keyframes dsm-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
75% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@keyframes dsm-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
75% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
.dsm-icon-pulse {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-pulse:before,
.dsm-icon-pulse:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-pulse:active:before,
.dsm-icon-pulse:focus:before,
.dsm-icon-pulse:hover:before,
.dsm-icon-pulse:active:after,
.dsm-icon-pulse:focus:after,
.dsm-icon-pulse:hover:after {
-webkit-animation-name: dsm-icon-pulse;
animation-name: dsm-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 dsm-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
}
@keyframes dsm-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
}
.dsm-icon-pulse-grow {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pulse-grow:before,
.dsm-icon-pulse-grow:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-pulse-grow:active:before,
.dsm-icon-pulse-grow:focus:before,
.dsm-icon-pulse-grow:hover:before,
.dsm-icon-pulse-grow:active:after,
.dsm-icon-pulse-grow:focus:after,
.dsm-icon-pulse-grow:hover:after {
-webkit-animation-name: dsm-icon-pulse-grow;
animation-name: dsm-icon-pulse-grow;
-webkit-animation-duration: .3s;
animation-duration: .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 dsm-icon-pulse-shrink {
to {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
@keyframes dsm-icon-pulse-shrink {
to {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}
.dsm-icon-pulse-shrink {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-pulse-shrink:before,
.dsm-icon-pulse-shrink:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-pulse-shrink:active:before,
.dsm-icon-pulse-shrink:focus:before,
.dsm-icon-pulse-shrink:hover:before,
.dsm-icon-pulse-shrink:active:after,
.dsm-icon-pulse-shrink:focus:after,
.dsm-icon-pulse-shrink:hover:after {
-webkit-animation-name: dsm-icon-pulse-shrink;
animation-name: dsm-icon-pulse-shrink;
-webkit-animation-duration: .3s;
animation-duration: .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 dsm-icon-push {
50% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}
@keyframes dsm-icon-push {
50% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}
.dsm-icon-push {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-push,
.dsm-icon-push:before,
.dsm-icon-push:after {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-push:before,
.dsm-icon-push:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-push:active:before,
.dsm-icon-push:focus:before,
.dsm-icon-push:hover:before,
.dsm-icon-push:active:after,
.dsm-icon-push:focus:after,
.dsm-icon-push:hover:after {
-webkit-animation-name: dsm-icon-push;
animation-name: dsm-icon-push;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes dsm-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@keyframes dsm-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
.dsm-icon-pop {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.dsm-icon-pop,
.dsm-icon-pop:before,
.dsm-icon-pop:after {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-pop:before,
.dsm-icon-pop:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-pop:active:before,
.dsm-icon-pop:focus:before,
.dsm-icon-pop:hover:before,
.dsm-icon-pop:active:after,
.dsm-icon-pop:focus:after,
.dsm-icon-pop:hover:after {
-webkit-animation-name: dsm-icon-pop;
animation-name: dsm-icon-pop;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.dsm-icon-bounce {
display: inline-block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em
}
.dsm-icon-bounce,
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-bounce:before,
.dsm-icon-bounce:after {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-bounce:active:before,
.dsm-icon-bounce:focus:before,
.dsm-icon-bounce:hover:before,
.dsm-icon-bounce:active:after,
.dsm-icon-bounce:focus:after,
.dsm-icon-bounce:hover:after {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}
.dsm-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
}
.dsm-icon-rotate,
.dsm-icon-rotate:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-rotate:active:before,
.dsm-icon-rotate:focus:before,
.dsm-icon-rotate:hover:before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg)
}
.dsm-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
}
.dsm-icon-grow-rotate,
.dsm-icon-grow-rotate:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-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-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-grow-rotate:active:before,
.dsm-icon-grow-rotate:focus:before,
.dsm-icon-grow-rotate:hover:before {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg)
}
.dsm-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
}
.dsm-icon-float,
.dsm-icon-float:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-float:active:before,
.dsm-icon-float:focus:before,
.dsm-icon-float:hover:before {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
.dsm-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
}
.dsm-icon-sink,
.dsm-icon-sink:before {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.dsm-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.dsm-icon-sink:active:before,
.dsm-icon-sink:focus:before,
.dsm-icon-sink:hover:before {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
@-webkit-keyframes dsm-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
to {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}
@keyframes dsm-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
to {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}
@-webkit-keyframes dsm-icon-bob-float {
to {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}
@keyframes dsm-icon-bob-float {
to {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-bob:active:before,
.dsm-icon-bob:focus:before,
.dsm-icon-bob:hover:before {
-webkit-animation-name: dsm-icon-bob-float, dsm-icon-bob;
animation-name: dsm-icon-bob-float, dsm-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 dsm-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px)
}
to {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}
@keyframes dsm-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px)
}
to {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}
@-webkit-keyframes dsm-icon-hang-sink {
to {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}
@keyframes dsm-icon-hang-sink {
to {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-hang:active:before,
.dsm-icon-hang:focus:before,
.dsm-icon-hang:hover:before {
-webkit-animation-name: dsm-icon-hang-sink, dsm-icon-hang;
animation-name: dsm-icon-hang-sink, dsm-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 dsm-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)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-wobble-horizontal:active:before,
.dsm-icon-wobble-horizontal:focus:before,
.dsm-icon-wobble-horizontal:hover:before {
-webkit-animation-name: dsm-icon-wobble-horizontal;
animation-name: dsm-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 dsm-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)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-wobble-vertical:active:before,
.dsm-icon-wobble-vertical:focus:before,
.dsm-icon-wobble-vertical:hover:before {
-webkit-animation-name: dsm-icon-wobble-vertical;
animation-name: dsm-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 dsm-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
to {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}
@keyframes dsm-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
to {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-buzz:active:before,
.dsm-icon-buzz:focus:before,
.dsm-icon-buzz:hover:before {
-webkit-animation-name: dsm-icon-buzz;
animation-name: dsm-icon-buzz;
-webkit-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes dsm-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)
}
to {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
@keyframes dsm-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)
}
to {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
.dsm-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: .3s;
transition-duration: .3s
}
.dsm-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.dsm-icon-buzz-out:active:before,
.dsm-icon-buzz-out:focus:before,
.dsm-icon-buzz-out:hover:before {
-webkit-animation-name: dsm-icon-buzz-out;
animation-name: dsm-icon-buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.dsm-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
}
.dsm-curl-top-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
left: 0;
background: #fff;
background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#000000");
z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width, height;
transition-property: width, height
}
.dsm-curl-top-left:active:before,
.dsm-curl-top-left:focus:before,
.dsm-curl-top-left:hover:before {
width: 25px;
height: 25px
}
.dsm-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
}
.dsm-curl-top-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
top: 0;
right: 0;
background: #fff;
background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width, height;
transition-property: width, height
}
.dsm-curl-top-right:active:before,
.dsm-curl-top-right:focus:before,
.dsm-curl-top-right:hover:before {
width: 25px;
height: 25px
}
.dsm-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
}
.dsm-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
right: 0;
background: #fff;
background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width, height;
transition-property: width, height
}
.dsm-curl-bottom-right:active:before,
.dsm-curl-bottom-right:focus:before,
.dsm-curl-bottom-right:hover:before {
width: 25px;
height: 25px
}
.dsm-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
}
.dsm-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: "";
height: 0;
width: 0;
bottom: 0;
left: 0;
background: #fff;
background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width, height;
transition-property: width, height
}
.dsm-curl-bottom-left:active:before,
.dsm-curl-bottom-left:focus:before,
.dsm-curl-bottom-left:hover:before {
width: 25px;
height: 25px
}
@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot);src:url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff2) format("woff2"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff) format("woff"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.ttf) format("truetype"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot);src:url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff) format("woff"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.ttf) format("truetype"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot);src:url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff) format("woff"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.ttf) format("truetype"),url(//olympiamedic.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg")}.et_pb_blog_grid{position:relative}.et_pb_blog_grid.et_pb_text_align_left{text-align:left}.et_pb_blog_grid.et_pb_text_align_center{text-align:center}.et_pb_blog_grid.et_pb_text_align_right{text-align:right}.et_pb_blog_grid.et_pb_text_align_justified{text-align:justify}.et_pb_blog_grid .column{float:left;max-width:100%}.et_pb_blog_grid .et_pb_post{border:1px solid #d8d8d8;padding:19px;background-color:#fff;word-wrap:break-word}.et_pb_blog_grid .et_pb_image_container{position:relative}.et_pb_blog_grid .et_audio_content,.et_pb_blog_grid .et_main_video_container,.et_pb_blog_grid .et_pb_post .et_pb_slider{margin:-20px -20px 29px;overflow:visible}.et_pb_blog_grid .et_pb_image_container img{min-width:100%;max-width:100%;height:auto}.et_pb_blog_grid .et_pb_no_thumb .entry-title,.et_pb_blog_grid .et_pb_no_thumb h2{margin-top:0}.et_pb_blog_grid .et_audio_content{margin-bottom:0}.et_pb_blog_grid h2{font-size:18px}.et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before{display:none;opacity:0;line-height:0}.et_pb_blog_grid .et_pb_salvattore_content[data-columns] .et_pb_post{opacity:0}.et_pb_blog_grid .et_pb_salvattore_content[data-columns] .column .et_pb_post{opacity:1}.et_pb_blog_grid .et_main_video_overlay:hover:before{background:rgba(0,0,0,.6)}.et_pb_blog_grid .et_audio_content h2{margin-bottom:9px;margin-top:0}.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_quote_content{padding:35px 30px 32px}.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_audio_content,.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_link_content{padding:35px 20px}.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_audio_content h2,.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_link_content h2,.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_quote_content blockquote p{font-size:18px;line-height:26px}.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_link_content a.et_link_main_url,.et_pb_blog_grid_wrapper .et_pb_blog_grid .et_quote_content blockquote cite{font-size:14px}.et_pb_blog_grid .et_link_content,.et_pb_blog_grid .et_quote_content{margin:-20px -20px 19px}.et_pb_posts.et_pb_module article .et_pb_row{width:100%}.et_pb_posts.et_pb_module article .et_pb_with_background .et_pb_row{width:80%}.et_pb_post .entry-featured-image-url{border:0 solid #333}@media (min-width:981px){.et_pb_column_4_4 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before{content:"3 .column.size-1of3"}.et_pb_column_2_3 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_3_4 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before{content:"2 .column.size-1of2"}.et_pb_column_1_2 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_1_3 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_1_4 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_1_5 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_1_6 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_2_5 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_3_4 .et_pb_column_3_8 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before,.et_pb_column_3_5 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before{content:"1 .column.size-1of1"}}@media (min-width:981px) and (max-width:1100px){.et_pb_blog_grid .et_quote_content{padding:35px 25px 32px}.et_pb_blog_grid .et_pb_post .et_pb_slide{min-height:155px}}@media (max-width:980px){.et_pb_blog_grid .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_pb_blog_grid.et_pb_text_align_left-tablet{text-align:left}.et_pb_blog_grid.et_pb_text_align_center-tablet{text-align:center}.et_pb_blog_grid.et_pb_text_align_right-tablet{text-align:right}.et_pb_blog_grid.et_pb_text_align_justified-tablet{text-align:justify}.et_pb_column .et_pb_blog_grid .column.size-1of2{margin:0 5.5% 7.5% 0;width:47.25%;clear:none;float:left}.et_pb_column .et_pb_blog_grid .column.size-1of2:nth-child(2n){margin-right:0}.et_pb_column .et_pb_blog_grid .column.size-1of2:nth-child(odd){clear:both}.et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post{margin-bottom:16.21%}.et_pb_column .et_pb_blog_grid .column.size-1of1,.et_pb_column .et_pb_blog_grid .column.size-1of2{margin-bottom:0}.et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post:last-child,.et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post:last-child{margin-bottom:30px}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of2,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of2,.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of2,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of2,.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of2,.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of2,.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of2,.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1,.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of2,.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of1,.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of2,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of2,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of1,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of2,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of2{margin:0 0 11.5%;width:100%}}@media (min-width:768px) and (max-width:980px){.et_pb_blog_grid .et_quote_content{padding:35px 30px!important}.et_pb_blog_grid .et_quote_content blockquote p{font-size:20px!important;line-height:26px!important}.et_pb_blog_grid .et_quote_content blockquote cite{font-size:14px!important}.et_pb_blog_grid .et_link_content h2{font-size:20px!important;line-height:26px!important}.et_pb_blog_grid .et_link_content a.et_link_main_url{font-size:14px!important}.et_pb_blog_grid>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_post .et_pb_slide{min-height:182px!important}.et_pb_blog_grid .et_audio_content h2{font-size:20px!important;line-height:26px!important}.et_pb_column .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before{content:"2 .column.size-1of2"}}@media (max-width:767px){.et_pb_blog_grid.et_pb_text_align_left-phone{text-align:left}.et_pb_blog_grid.et_pb_text_align_center-phone{text-align:center}.et_pb_blog_grid.et_pb_text_align_right-phone{text-align:right}.et_pb_blog_grid.et_pb_text_align_justified-phone{text-align:justify}.et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post{margin-right:0;margin-bottom:9.5%;width:100%}.et_pb_blog_grid .column{float:none}.et_pb_column .et_pb_blog_grid .et_pb_salvattore_content[data-columns]:before{content:"1 .column.size-1of1"}.et_pb_blog_grid .et_quote_content{padding:35px 30px!important}.et_pb_blog_grid .et_quote_content blockquote p{font-size:20px!important;line-height:26px!important}.et_pb_blog_grid .et_quote_content blockquote cite{font-size:14px!important}.et_pb_blog_grid .et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:222px!important}}@media (max-width:479px){.et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post{margin-right:0;margin-bottom:11.5%;width:100%}.et_pb_blog_grid h2{font-size:16px;padding-bottom:0}.et_pb_blog_grid .et_audio_content,.et_pb_blog_grid .et_main_video_container,.et_pb_blog_grid .et_pb_post .et_pb_slider,.et_pb_blog_grid .et_pb_post.format-link>*,.et_pb_blog_grid .et_pb_post.format-quote>*,.et_pb_blog_grid .et_pb_post>.et_pb_image_container,.et_pb_blog_grid .et_pb_post>.post-meta,.et_pb_blog_grid .et_pb_post>h2{display:block}.et_pb_blog_grid .et_pb_post .post-meta{display:block!important;padding:0}.et_pb_blog_grid .et_link_content,.et_pb_blog_grid .et_quote_content{padding:35px 20px!important}.et_pb_blog_grid>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_post .et_pb_slide{min-height:156px!important}}.et_ie9 .et_pb_blog_grid .et_pb_salvattore_content[data-columns] .et_pb_post{opacity:1}
.et_pb_post{margin-bottom:60px;word-wrap:break-word}.et_pb_fullwidth_post_content.et_pb_with_border img,.et_pb_post_content.et_pb_with_border img,.et_pb_with_border .et_pb_post .et_pb_slides,.et_pb_with_border .et_pb_post img:not(.woocommerce-placeholder),.et_pb_with_border.et_pb_posts .et_pb_post,.et_pb_with_border.et_pb_posts_nav span.nav-next a,.et_pb_with_border.et_pb_posts_nav span.nav-previous a{border:0 solid #333}.et_pb_post .entry-content{padding-top:30px}.et_pb_post .entry-featured-image-url{display:block;position:relative;margin-bottom:30px}.et_pb_post .entry-title a,.et_pb_post h2 a{text-decoration:none}.et_pb_post .post-meta{font-size:14px;margin-bottom:6px}.et_pb_post .more,.et_pb_post .post-meta a{text-decoration:none}.et_pb_post .more{color:#82c0c7}.et_pb_posts a.more-link{clear:both;display:block}.et_pb_posts .et_pb_post{position:relative}.et_pb_has_overlay.et_pb_post .et_pb_image_container a{display:block;position:relative;overflow:hidden}.et_pb_image_container img,.et_pb_post a img{vertical-align:bottom;max-width:100%}@media (min-width:981px) and (max-width:1100px){.et_pb_post{margin-bottom:42px}}@media (max-width:980px){.et_pb_post{margin-bottom:42px}.et_pb_bg_layout_light_tablet .et_pb_post .post-meta,.et_pb_bg_layout_light_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_light_tablet .et_pb_post p{color:#666}.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta,.et_pb_bg_layout_dark_tablet .et_pb_post .post-meta a,.et_pb_bg_layout_dark_tablet .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_tablet .comment_postinfo a,.et_pb_bg_layout_dark_tablet .comment_postinfo span{color:#fff}}@media (max-width:767px){.et_pb_post{margin-bottom:42px}.et_pb_post>h2{font-size:18px}.et_pb_bg_layout_light_phone .et_pb_post .post-meta,.et_pb_bg_layout_light_phone .et_pb_post .post-meta a,.et_pb_bg_layout_light_phone .et_pb_post p{color:#666}.et_pb_bg_layout_dark_phone .et_pb_post .post-meta,.et_pb_bg_layout_dark_phone .et_pb_post .post-meta a,.et_pb_bg_layout_dark_phone .et_pb_post p{color:inherit}.et_pb_bg_layout_dark_phone .comment_postinfo a,.et_pb_bg_layout_dark_phone .comment_postinfo span{color:#fff}}@media (max-width:479px){.et_pb_post{margin-bottom:42px}.et_pb_post h2{font-size:16px;padding-bottom:0}.et_pb_post .post-meta{color:#666;font-size:14px}}
.et_audio_content,.et_link_content,.et_quote_content{background-color:#2ea3f2}.et_pb_post .et-pb-controllers a{margin-bottom:10px}.format-gallery .et-pb-controllers{bottom:0}.et_pb_blog_grid .et_audio_content{margin-bottom:19px}.et_pb_row .et_pb_blog_grid .et_pb_post .et_pb_slide{min-height:180px}.et_audio_content .wp-block-audio{margin:0;padding:0}.et_audio_content h2{line-height:44px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_3_5 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2{margin-bottom:9px;margin-top:0}.et_pb_column_1_2 .et_audio_content,.et_pb_column_3_5 .et_audio_content{padding:35px 40px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_3_5 .et_audio_content h2{line-height:32px}.et_pb_column_1_3 .et_audio_content,.et_pb_column_1_4 .et_audio_content,.et_pb_column_1_5 .et_audio_content,.et_pb_column_1_6 .et_audio_content,.et_pb_column_2_5 .et_audio_content,.et_pb_column_3_8 .et_audio_content{padding:35px 20px}.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2{font-size:18px;line-height:26px}article.et_pb_has_overlay .et_pb_blog_image_container{position:relative}.et_pb_post>.et_main_video_container{position:relative;margin-bottom:30px}.et_pb_post .et_pb_video_overlay .et_pb_video_play{color:#fff}.et_pb_post .et_pb_video_overlay_hover:hover{background:rgba(0,0,0,.6)}.et_audio_content,.et_link_content,.et_quote_content{text-align:center;word-wrap:break-word;position:relative;padding:50px 60px}.et_audio_content h2,.et_link_content a.et_link_main_url,.et_link_content h2,.et_quote_content blockquote cite,.et_quote_content blockquote p{color:#fff!important}.et_quote_main_link{position:absolute;text-indent:-9999px;width:100%;height:100%;display:block;top:0;left:0}.et_quote_content blockquote{padding:0;margin:0;border:none}.et_audio_content h2,.et_link_content h2,.et_quote_content blockquote p{margin-top:0}.et_audio_content h2{margin-bottom:20px}.et_audio_content h2,.et_link_content h2,.et_quote_content blockquote p{line-height:44px}.et_link_content a.et_link_main_url,.et_quote_content blockquote cite{font-size:18px;font-weight:200}.et_quote_content blockquote cite{font-style:normal}.et_pb_column_2_3 .et_quote_content{padding:50px 42px 45px}.et_pb_column_2_3 .et_audio_content,.et_pb_column_2_3 .et_link_content{padding:40px 40px 45px}.et_pb_column_1_2 .et_audio_content,.et_pb_column_1_2 .et_link_content,.et_pb_column_1_2 .et_quote_content,.et_pb_column_3_5 .et_audio_content,.et_pb_column_3_5 .et_link_content,.et_pb_column_3_5 .et_quote_content{padding:35px 40px}.et_pb_column_1_2 .et_quote_content blockquote p,.et_pb_column_3_5 .et_quote_content blockquote p{font-size:26px;line-height:32px}.et_pb_column_1_2 .et_audio_content h2,.et_pb_column_1_2 .et_link_content h2,.et_pb_column_3_5 .et_audio_content h2,.et_pb_column_3_5 .et_link_content h2{line-height:32px}.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_3_5 .et_link_content a.et_link_main_url,.et_pb_column_3_5 .et_quote_content blockquote cite{font-size:14px}.et_pb_column_1_3 .et_quote_content,.et_pb_column_1_4 .et_quote_content,.et_pb_column_1_5 .et_quote_content,.et_pb_column_1_6 .et_quote_content,.et_pb_column_2_5 .et_quote_content,.et_pb_column_3_8 .et_quote_content{padding:35px 30px 32px}.et_pb_column_1_3 .et_audio_content,.et_pb_column_1_3 .et_link_content,.et_pb_column_1_4 .et_audio_content,.et_pb_column_1_4 .et_link_content,.et_pb_column_1_5 .et_audio_content,.et_pb_column_1_5 .et_link_content,.et_pb_column_1_6 .et_audio_content,.et_pb_column_1_6 .et_link_content,.et_pb_column_2_5 .et_audio_content,.et_pb_column_2_5 .et_link_content,.et_pb_column_3_8 .et_audio_content,.et_pb_column_3_8 .et_link_content{padding:35px 20px}.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_1_4 .et_audio_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_column_1_5 .et_audio_content h2,.et_pb_column_1_5 .et_link_content h2,.et_pb_column_1_5 .et_quote_content blockquote p,.et_pb_column_1_6 .et_audio_content h2,.et_pb_column_1_6 .et_link_content h2,.et_pb_column_1_6 .et_quote_content blockquote p,.et_pb_column_2_5 .et_audio_content h2,.et_pb_column_2_5 .et_link_content h2,.et_pb_column_2_5 .et_quote_content blockquote p,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_3_8 .et_quote_content blockquote p{font-size:18px;line-height:26px}.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_column_1_5 .et_link_content a.et_link_main_url,.et_pb_column_1_5 .et_quote_content blockquote cite,.et_pb_column_1_6 .et_link_content a.et_link_main_url,.et_pb_column_1_6 .et_quote_content blockquote cite,.et_pb_column_2_5 .et_link_content a.et_link_main_url,.et_pb_column_2_5 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_quote_content blockquote cite{font-size:14px}.et_pb_post .et_pb_gallery_post_type .et_pb_slide{min-height:500px;background-size:cover!important;background-position:top}.format-gallery .et_pb_slider.gallery-not-found .et_pb_slide{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.1);box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.format-gallery .et_pb_slider:hover .et-pb-arrow-prev{left:0}.format-gallery .et_pb_slider:hover .et-pb-arrow-next{right:0}.et_pb_post>.et_pb_slider{margin-bottom:30px}.et_pb_column_3_4 .et_pb_post .et_pb_slide{min-height:442px}.et_pb_column_2_3 .et_pb_post .et_pb_slide{min-height:390px}.et_pb_column_1_2 .et_pb_post .et_pb_slide,.et_pb_column_3_5 .et_pb_post .et_pb_slide{min-height:284px}.et_pb_column_1_3 .et_pb_post .et_pb_slide,.et_pb_column_2_5 .et_pb_post .et_pb_slide,.et_pb_column_3_8 .et_pb_post .et_pb_slide{min-height:180px}.et_pb_column_1_4 .et_pb_post .et_pb_slide,.et_pb_column_1_5 .et_pb_post .et_pb_slide,.et_pb_column_1_6 .et_pb_post .et_pb_slide{min-height:125px}.et_pb_portfolio.et_pb_section_parallax .pagination,.et_pb_portfolio.et_pb_section_video .pagination,.et_pb_portfolio_grid.et_pb_section_parallax .pagination,.et_pb_portfolio_grid.et_pb_section_video .pagination{position:relative}.et_pb_bg_layout_light .et_pb_post .post-meta,.et_pb_bg_layout_light .et_pb_post .post-meta a,.et_pb_bg_layout_light .et_pb_post p{color:#666}.et_pb_bg_layout_dark .et_pb_post .post-meta,.et_pb_bg_layout_dark .et_pb_post .post-meta a,.et_pb_bg_layout_dark .et_pb_post p{color:inherit}.et_pb_text_color_dark .et_audio_content h2,.et_pb_text_color_dark .et_link_content a.et_link_main_url,.et_pb_text_color_dark .et_link_content h2,.et_pb_text_color_dark .et_quote_content blockquote cite,.et_pb_text_color_dark .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark.et_audio_content h2,.et_pb_text_color_dark.et_link_content a.et_link_main_url,.et_pb_text_color_dark.et_link_content h2,.et_pb_text_color_dark.et_quote_content blockquote cite,.et_pb_text_color_dark.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark.et_audio_content,.et_pb_text_color_dark.et_link_content,.et_pb_text_color_dark.et_quote_content{background-color:#e8e8e8}@media (min-width:981px) and (max-width:1100px){.et_quote_content{padding:50px 70px 45px}.et_pb_column_2_3 .et_quote_content{padding:50px 50px 45px}.et_pb_column_1_2 .et_quote_content,.et_pb_column_3_5 .et_quote_content{padding:35px 47px 30px}.et_pb_column_1_3 .et_quote_content,.et_pb_column_1_4 .et_quote_content,.et_pb_column_1_5 .et_quote_content,.et_pb_column_1_6 .et_quote_content,.et_pb_column_2_5 .et_quote_content,.et_pb_column_3_8 .et_quote_content{padding:35px 25px 32px}.et_pb_column_4_4 .et_pb_post .et_pb_slide{min-height:534px}.et_pb_column_3_4 .et_pb_post .et_pb_slide{min-height:392px}.et_pb_column_2_3 .et_pb_post .et_pb_slide{min-height:345px}.et_pb_column_1_2 .et_pb_post .et_pb_slide,.et_pb_column_3_5 .et_pb_post .et_pb_slide{min-height:250px}.et_pb_column_1_3 .et_pb_post .et_pb_slide,.et_pb_column_2_5 .et_pb_post .et_pb_slide,.et_pb_column_3_8 .et_pb_post .et_pb_slide{min-height:155px}.et_pb_column_1_4 .et_pb_post .et_pb_slide,.et_pb_column_1_5 .et_pb_post .et_pb_slide,.et_pb_column_1_6 .et_pb_post .et_pb_slide{min-height:108px}}@media (max-width:980px){.et_pb_bg_layout_dark_tablet .et_audio_content h2{color:#fff!important}.et_pb_text_color_dark_tablet.et_audio_content h2{color:#bbb!important}.et_pb_text_color_dark_tablet.et_audio_content{background-color:#e8e8e8}.et_pb_bg_layout_dark_tablet .et_audio_content h2,.et_pb_bg_layout_dark_tablet .et_link_content a.et_link_main_url,.et_pb_bg_layout_dark_tablet .et_link_content h2,.et_pb_bg_layout_dark_tablet .et_quote_content blockquote cite,.et_pb_bg_layout_dark_tablet .et_quote_content blockquote p{color:#fff!important}.et_pb_text_color_dark_tablet .et_audio_content h2,.et_pb_text_color_dark_tablet .et_link_content a.et_link_main_url,.et_pb_text_color_dark_tablet .et_link_content h2,.et_pb_text_color_dark_tablet .et_quote_content blockquote cite,.et_pb_text_color_dark_tablet .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark_tablet.et_audio_content h2,.et_pb_text_color_dark_tablet.et_link_content a.et_link_main_url,.et_pb_text_color_dark_tablet.et_link_content h2,.et_pb_text_color_dark_tablet.et_quote_content blockquote cite,.et_pb_text_color_dark_tablet.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark_tablet.et_audio_content,.et_pb_text_color_dark_tablet.et_link_content,.et_pb_text_color_dark_tablet.et_quote_content{background-color:#e8e8e8}}@media (min-width:768px) and (max-width:980px){.et_audio_content h2{font-size:26px!important;line-height:44px!important;margin-bottom:24px!important}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:384px!important}.et_quote_content{padding:50px 43px 45px!important}.et_quote_content blockquote p{font-size:26px!important;line-height:44px!important}.et_quote_content blockquote cite{font-size:18px!important}.et_link_content{padding:40px 40px 45px}.et_link_content h2{font-size:26px!important;line-height:44px!important}.et_link_content a.et_link_main_url{font-size:18px!important}}@media (max-width:767px){.et_audio_content h2,.et_link_content h2,.et_quote_content,.et_quote_content blockquote p{font-size:20px!important;line-height:26px!important}.et_audio_content,.et_link_content{padding:35px 20px!important}.et_audio_content h2{margin-bottom:9px!important}.et_pb_bg_layout_dark_phone .et_audio_content h2{color:#fff!important}.et_pb_text_color_dark_phone.et_audio_content{background-color:#e8e8e8}.et_link_content a.et_link_main_url,.et_quote_content blockquote cite{font-size:14px!important}.format-gallery .et-pb-controllers{height:auto}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:222px!important}.et_pb_bg_layout_dark_phone .et_audio_content h2,.et_pb_bg_layout_dark_phone .et_link_content a.et_link_main_url,.et_pb_bg_layout_dark_phone .et_link_content h2,.et_pb_bg_layout_dark_phone .et_quote_content blockquote cite,.et_pb_bg_layout_dark_phone .et_quote_content blockquote p{color:#fff!important}.et_pb_text_color_dark_phone .et_audio_content h2,.et_pb_text_color_dark_phone .et_link_content a.et_link_main_url,.et_pb_text_color_dark_phone .et_link_content h2,.et_pb_text_color_dark_phone .et_quote_content blockquote cite,.et_pb_text_color_dark_phone .et_quote_content blockquote p{color:#666!important}.et_pb_text_color_dark_phone.et_audio_content h2,.et_pb_text_color_dark_phone.et_link_content a.et_link_main_url,.et_pb_text_color_dark_phone.et_link_content h2,.et_pb_text_color_dark_phone.et_quote_content blockquote cite,.et_pb_text_color_dark_phone.et_quote_content blockquote p{color:#bbb!important}.et_pb_text_color_dark_phone.et_audio_content,.et_pb_text_color_dark_phone.et_link_content,.et_pb_text_color_dark_phone.et_quote_content{background-color:#e8e8e8}}@media (max-width:479px){.et_pb_column_1_2 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_1_3 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_2_3 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_2_5 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_3_5 .et_pb_carousel_item .et_pb_video_play,.et_pb_column_3_8 .et_pb_carousel_item .et_pb_video_play{font-size:1.5rem;line-height:1.5rem;margin-left:-.75rem;margin-top:-.75rem}.et_audio_content,.et_quote_content{padding:35px 20px!important}.et_pb_post>.et_pb_gallery_post_type>.et_pb_slides>.et_pb_slide{min-height:156px!important}}.et_full_width_page .et_gallery_item{float:left;width:20.875%;margin:0 5.5% 5.5% 0}.et_full_width_page .et_gallery_item:nth-child(3n){margin-right:5.5%}.et_full_width_page .et_gallery_item:nth-child(3n+1){clear:none}.et_full_width_page .et_gallery_item:nth-child(4n){margin-right:0}.et_full_width_page .et_gallery_item:nth-child(4n+1){clear:both}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .4s;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}
.et_pb_blog_grid .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et_audio_container .mejs-container{width:auto!important;min-width:unset!important;height:auto!important}.et_audio_container .mejs-container,.et_audio_container .mejs-container .mejs-controls,.et_audio_container .mejs-embed,.et_audio_container .mejs-embed body{background:none;height:auto}.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-loaded,.et_audio_container .mejs-time.mejs-currenttime-container{display:none!important}.et_audio_container .mejs-time{display:block!important;padding:0;margin-left:10px;margin-right:90px;line-height:inherit}.et_audio_container .mejs-android .mejs-time,.et_audio_container .mejs-ios .mejs-time,.et_audio_container .mejs-ipad .mejs-time,.et_audio_container .mejs-iphone .mejs-time{margin-right:0}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5);border-radius:5px;height:4px;margin:8px 0 0;top:0;right:0;left:auto}.et_audio_container .mejs-controls>div{height:20px!important}.et_audio_container .mejs-controls div.mejs-time-rail{padding-top:0;position:relative;display:block!important;margin-left:42px;margin-right:0}.et_audio_container span.mejs-time-total.mejs-time-slider{display:block!important;position:relative!important;max-width:100%;min-width:unset!important}.et_audio_container .mejs-button.mejs-volume-button{width:auto;height:auto;margin-left:auto;position:absolute;right:59px;bottom:-2px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;height:4px;border-radius:5px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-handle{display:block;border:none;width:10px}.et_audio_container .mejs-time-rail .mejs-time-handle-content{border-radius:100%;-webkit-transform:scale(1);transform:scale(1)}.et_pb_text_color_dark .et_audio_container .mejs-time-rail .mejs-time-handle-content{border-color:#666}.et_audio_container .mejs-time-rail .mejs-time-hovered{height:4px}.et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{background:#fff;border-radius:5px;height:10px;position:absolute;top:-3px}.et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_audio_container .mejs-controls a.mejs-horizontal-volume-slider{display:block!important;height:19px;margin-left:5px;position:absolute;right:0;bottom:0}.et_audio_container .mejs-controls div.mejs-horizontal-volume-slider{height:4px}.et_audio_container .mejs-playpause-button button,.et_audio_container .mejs-volume-button button{background:none!important;margin:0!important;width:auto!important;height:auto!important;position:relative!important;z-index:99}.et_audio_container .mejs-playpause-button button:before{content:"E"!important;font-size:32px;left:0;top:-8px}.et_audio_container .mejs-playpause-button button:before,.et_audio_container .mejs-volume-button button:before{color:#fff}.et_audio_container .mejs-playpause-button{margin-top:-7px!important;width:auto!important;height:auto!important;position:absolute}.et_audio_container .mejs-controls .mejs-button button:focus{outline:none}.et_audio_container .mejs-playpause-button.mejs-pause button:before{content:"`"!important}.et_audio_container .mejs-volume-button button:before{content:"\E068";font-size:18px}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark .mejs-container .mejs-controls .mejs-time span{color:#999}.et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px}.et_audio_container .mejs-container .mejs-controls{padding:0;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:unset!important;position:relative}@media (max-width:980px){.et_pb_column_1_3 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_4 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_1_6 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_2_5 .et_audio_container .mejs-container .mejs-controls .mejs-time span,.et_pb_column_3_8 .et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:18px}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#fff}.et_pb_bg_layout_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_bg_layout_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et_pb_bg_layout_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#fff}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark_tablet .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark_tablet .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark_tablet .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark_tablet .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark_tablet .mejs-container .mejs-controls .mejs-time span{color:#999}}@media (max-width:767px){.et_audio_container .mejs-container .mejs-controls .mejs-time span{font-size:14px!important}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,100%,.5)}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#fff}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-playpause-button button:before,.et_pb_bg_layout_dark_phone .et_audio_container .mejs-volume-button button:before{color:#fff}.et_pb_bg_layout_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_bg_layout_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#fff}.et_pb_bg_layout_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#fff}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{background:hsla(0,0%,60%,.5)}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current{background:#999}.et_pb_text_color_dark_phone .et_audio_container .mejs-playpause-button button:before,.et_pb_text_color_dark_phone .et_audio_container .mejs-volume-button button:before{color:#666}.et_pb_text_color_dark_phone .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,.et_pb_text_color_dark_phone .mejs-controls .mejs-time-rail .mejs-time-handle{background:#666}.et_pb_text_color_dark_phone .mejs-container .mejs-controls .mejs-time span{color:#999}}
.et_pb_video_box{display:block;position:relative;z-index:1;line-height:0}.et_pb_video_box video{width:100%!important;height:auto!important}.et_pb_video_overlay{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;cursor:pointer}.et_pb_video_play:before{font-family:ETmodules;content:"I"}.et_pb_video_play{display:block;position:absolute;z-index:100;color:#fff;left:50%;top:50%}.et_pb_column_1_2 .et_pb_video_play,.et_pb_column_2_3 .et_pb_video_play,.et_pb_column_3_4 .et_pb_video_play,.et_pb_column_3_5 .et_pb_video_play,.et_pb_column_4_4 .et_pb_video_play{font-size:6rem;line-height:6rem;margin-left:-3rem;margin-top:-3rem}.et_pb_column_1_3 .et_pb_video_play,.et_pb_column_1_4 .et_pb_video_play,.et_pb_column_1_5 .et_pb_video_play,.et_pb_column_1_6 .et_pb_video_play,.et_pb_column_2_5 .et_pb_video_play,.et_pb_column_3_8 .et_pb_video_play{font-size:3rem;line-height:3rem;margin-left:-1.5rem;margin-top:-1.5rem}.et_pb_bg_layout_light .et_pb_video_play{color:#333}.et_pb_video_overlay_hover{background:transparent;width:100%;height:100%;position:absolute;z-index:100;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.et_pb_video .et_pb_video_overlay_hover:hover{background:rgba(0,0,0,.6)}@media (min-width:768px) and (max-width:980px){.et_pb_column_1_3 .et_pb_video_play,.et_pb_column_1_4 .et_pb_video_play,.et_pb_column_1_5 .et_pb_video_play,.et_pb_column_1_6 .et_pb_video_play,.et_pb_column_2_5 .et_pb_video_play,.et_pb_column_3_8 .et_pb_video_play{font-size:6rem;line-height:6rem;margin-left:-3rem;margin-top:-3rem}}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et_pb_video_play{color:#333}}@media (max-width:768px){.et_pb_column_1_2 .et_pb_video_play,.et_pb_column_2_3 .et_pb_video_play,.et_pb_column_3_4 .et_pb_video_play,.et_pb_column_3_5 .et_pb_video_play,.et_pb_column_4_4 .et_pb_video_play{font-size:3rem;line-height:3rem;margin-left:-1.5rem;margin-top:-1.5rem}}@media (max-width:767px){.et_pb_bg_layout_light_phone .et_pb_video_play{color:#333}}
.et_pb_slider{position:relative;overflow:hidden}.et_pb_slide{padding:0 6%;background-size:cover;background-position:50%;background-repeat:no-repeat}.et_pb_slider .et_pb_slide{display:none;float:left;margin-right:-100%;position:relative;width:100%;text-align:center;list-style:none!important;background-position:50%;background-size:100%;background-size:cover}.et_pb_slider .et_pb_slide:first-child{display:list-item}.et-pb-controllers{position:absolute;bottom:20px;left:0;width:100%;text-align:center;z-index:10}.et-pb-controllers a{display:inline-block;background-color:hsla(0,0%,100%,.5);text-indent:-9999px;border-radius:7px;width:7px;height:7px;margin-right:10px;padding:0;opacity:.5}.et-pb-controllers .et-pb-active-control{opacity:1}.et-pb-controllers a:last-child{margin-right:0}.et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_slides .et_pb_temp_slide{display:block}.et_pb_slides:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;width:0}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_light_tablet .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et_pb_bg_layout_light_tablet .et_pb_slide_content{color:#333}.et_pb_bg_layout_dark_tablet .et_pb_slide_description{text-shadow:0 1px 3px rgba(0,0,0,.3)}.et_pb_bg_layout_dark_tablet .et_pb_slide_content{color:#fff}.et_pb_bg_layout_dark_tablet .et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_bg_layout_dark_tablet .et-pb-controllers a{background-color:hsla(0,0%,100%,.5)}}@media (max-width:767px){.et-pb-controllers{position:absolute;bottom:5%;left:0;width:100%;text-align:center;z-index:10;height:14px}.et_transparent_nav .et_pb_section:first-child .et-pb-controllers{bottom:18px}.et_pb_bg_layout_light_phone.et_pb_slider_with_overlay .et_pb_slide_overlay_container,.et_pb_bg_layout_light_phone.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper{background-color:hsla(0,0%,100%,.9)}.et_pb_bg_layout_light_phone .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_dark_phone.et_pb_slider_with_overlay .et_pb_slide_overlay_container,.et_pb_bg_layout_dark_phone.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper,.et_pb_bg_layout_light_phone .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et_pb_bg_layout_dark_phone .et-pb-controllers .et-pb-active-control{background-color:#fff}.et_pb_bg_layout_dark_phone .et-pb-controllers a{background-color:hsla(0,0%,100%,.5)}}.et_mobile_device .et_pb_slider_parallax .et_pb_slide,.et_mobile_device .et_pb_slides .et_parallax_bg.et_pb_parallax_css{background-attachment:scroll}
.et-pb-arrow-next,.et-pb-arrow-prev{position:absolute;top:50%;z-index:100;font-size:48px;color:#fff;margin-top:-24px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0}.et_pb_bg_layout_light .et-pb-arrow-next,.et_pb_bg_layout_light .et-pb-arrow-prev{color:#333}.et_pb_slider:hover .et-pb-arrow-prev{left:22px;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:22px;opacity:1}.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_light .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et-pb-arrow-next:hover,.et-pb-arrow-prev:hover{text-decoration:none}.et-pb-arrow-next span,.et-pb-arrow-prev span{display:none}.et-pb-arrow-prev{left:-22px}.et-pb-arrow-next{right:-22px}.et-pb-arrow-prev:before{content:"4"}.et-pb-arrow-next:before{content:"5"}.format-gallery .et-pb-arrow-next,.format-gallery .et-pb-arrow-prev{color:#fff}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-prev{left:0}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-next{right:0}.et_pb_column_1_4 .et_pb_slider .et_pb_slide,.et_pb_column_1_5 .et_pb_slider .et_pb_slide,.et_pb_column_1_6 .et_pb_slider .et_pb_slide{min-height:170px}.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-next{right:0}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et-pb-arrow-next,.et_pb_bg_layout_light_tablet .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_tablet .et-pb-arrow-next,.et_pb_bg_layout_dark_tablet .et-pb-arrow-prev{color:#fff}}@media (max-width:767px){.et_pb_slider:hover .et-pb-arrow-prev{left:0;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:0;opacity:1}.et_pb_bg_layout_light_phone .et-pb-arrow-next,.et_pb_bg_layout_light_phone .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_phone .et-pb-arrow-next,.et_pb_bg_layout_dark_phone .et-pb-arrow-prev{color:#fff}}.et_mobile_device .et-pb-arrow-prev{left:22px;opacity:1}.et_mobile_device .et-pb-arrow-next{right:22px;opacity:1}@media (max-width:767px){.et_mobile_device .et-pb-arrow-prev{left:0;opacity:1}.et_mobile_device .et-pb-arrow-next{right:0;opacity:1}}
.et_post_gallery{padding:0!important;line-height:1.7!important;list-style:none!important}.et_gallery_item{float:left;width:28.353%;margin:0 7.47% 7.47% 0}.blocks-gallery-item,.et_gallery_item{padding-left:0!important}.blocks-gallery-item:before,.et_gallery_item:before{display:none}.et_gallery_item:nth-child(3n){margin-right:0}.et_gallery_item:nth-child(3n+1){clear:both}@font-face {
font-family: 'icomoon';
src: url(//olympiamedic.com/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.eot?5l53jq);
src: url(//olympiamedic.com/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.eot?5l53jq#iefix) format('embedded-opentype'),
url(//olympiamedic.com/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.ttf?5l53jq) format('truetype'),
url(//olympiamedic.com/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.woff?5l53jq) format('woff'),
url(//olympiamedic.com/wp-content/plugins/wp-post-author/assets/css/fonts/icomoon.svg?5l53jq#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="awpa-icon"],
[class*=" awpa-icon"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.awpa-icon-website:before {
content: "\e901";
}
.awpa-icon-linkedin:before {
content: "\e902";
}
.awpa-icon-twitter:before {
content: "\e905";
}
.awpa-icon-facebook:before {
content: "\e904";
}
.awpa-icon-instagram:before {
content: "\ea92";
}
.awpa-icon-youtube:before {
content: "\ea9d";
}
.awpa-icon-email:before {
content: "\e900";
}
.awpa-img.awpa-author-block {
flex: 0 1 150px;
align-self: flex-start;
}
.wp-post-author-meta.awpa-author-block {
flex: 1;
min-width: 200px;
}
.wp_post_author_widget .awpa-img.round img {
border-radius: 50%;
}  .wp-post-author-wrap { width: 100%;
display: block;
overflow: hidden;
word-wrap: break-word;
}
.wp-post-author {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px; box-sizing: border-box;
}
.awpa-img img {
height: auto;
width: 100%;
}
.wp-post-author-meta h4,
.wp-post-author-meta p,
.wp-post-author-meta a,
.wp-post-author-meta ul {
margin: 5px 0;
}
.wp-post-author-meta .wp-post-author-meta-more-posts a {
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 5px 30px;
display: inline-block;
color: inherit;
transition: all 300ms ease-out;
}
.wp-post-author-meta .wp-post-author-meta-more-posts a:hover {
color: #404040;
border-color: #404040;
}
.wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts a {
text-decoration: none;
}
.wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts.none a {
border: none;
padding: 0;
}
.wp-post-author-meta .wp-post-author-meta-more-posts .awpa-more-posts.round a {
-webkit-border-radius: 50px;
border-radius: 50px;
}
.wp-post-author-wrap.right .wp-post-author {
flex-direction: row-reverse;
text-align: right;
}
.wp-post-author-wrap.center .wp-post-author {
flex-direction: column;
justify-content: center;
text-align: center;
}
.wp-post-author-wrap.center .wp-post-author .awpa-img {
align-self: center;
}
.wp-post-author .awpa-img.round img {
border-radius: 50%;
} .wp-post-author .awpa-display-name,
.wp-post-author .awpa-role {
margin: 5px 0;
}
.wp-post-author .awpa-email {
margin: 5px 0;
}
.wp-post-author .awpa-contact-info {
margin: 0;
padding: 0;
}
.wp-post-author .awpa-contact-info li {
display: inline-block;
padding-right: 5px;
margin: 0;
padding-top: 5px;
}
.wp-post-author .awpa-role {
text-transform: capitalize;
font-weight: bold;
}
.wp-post-author .awpa-contact-info> :first-child {
padding-left: 0;
}
.wp-post-author .awpa-contact-info> :last-child {
padding-right: 0;
}
.wp-post-author .awpa-bio {
margin-top: 10px;
font-size: 100%;
} .wp_post_author_widget .awpa-img.awpa-author-block {
width: 150px;
height: 150px; -webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
.wp_post_author_widget .awpa-img.awpa-author-block.round {
border-radius: 50%;
}
.wp_post_author_widget .awpa-img img {
max-width: 150px;
} .wp_post_author_widget .wp-post-author-meta p {
line-height: 1.5;
}
.wp_post_author_widget .awpa-display-name {
color: #4a4a4a;
font-size: 24px;
font-weight: 400;
margin: 0;
}
.wp_post_author_widget .awpa-display-name a {
display: inline-block;
color: #4a4a4a;
margin: 0;
}
.wp_post_author_widget .wp-post-author-meta-bio {
margin: 15px 0;
opacity: .75;
}
.wp_post_author_widget ul.awpa-contact-info li a {
display: inline-block;
color: #FFF;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background-color: #555;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-facebook-li a {
background-color: #3b5999;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-twitter-li a {
background-color: #000;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-linkedin-li a {
background-color: #0077B5;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-instagram-li a {
background-color: #3F729B;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-youtube-li a {
background-color: #cd201f;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-website-li a {
background-color: #ce1126;
}
.wp_post_author_widget ul.awpa-contact-info li.awpa-email-li a {
background-color: #dd4b39;
}
.wp_post_author_widget .wp-post-author-meta p.awpa-more-posts {
margin: 10px 0;
} .wp_post_author_widget .wp-post-author-wrap.left .awpa-img.awpa-author-block {
margin-left: 0;
}
.wp_post_author_widget .wp-post-author-wrap.left .awpa-img.awpa-author-block {
text-align: left;
}
.wp_post_author_widget .wp-post-author-wrap.left .wp-post-author-meta.awpa-author-block {
text-align: left;
}
.wp_post_author_widget .wp-post-author-wrap.left .awpa-contact-info li {
padding: 0 10px 0 0;
} .wp_post_author_widget .wp-post-author-wrap.right .awpa-img.awpa-author-block {
margin-right: 0;
}
.wp_post_author_widget .wp-post-author-wrap.right .awpa-img.awpa-author-block {
text-align: right;
}
.wp_post_author_widget .wp-post-author-wrap.right .wp-post-author-meta.awpa-author-block {
text-align: right;
}
.wp_post_author_widget .wp-post-author-wrap.right .awpa-contact-info li {
padding: 0 0 0 10px;
} .wp_post_author_widget .wp-post-author-wrap.center .awpa-img.awpa-author-block {
text-align: center;
}
.wp_post_author_widget .wp-post-author-wrap.center .wp-post-author-meta.awpa-author-block {
text-align: center;
}
.wp_post_author_widget .wp-post-author-wrap.center .awpa-contact-info li {
padding: 0 0 0 10px;
} .wp-post-author .awpa-display-name {
color: inherit;
font-size: 24px;
font-weight: 400;
margin: 0;
}
.wp-post-author .wp-post-author-meta-bio {
margin: 15px 0;
opacity: .75;
}
.wp-post-author ul.awpa-contact-info li a {
display: inline-block;
color: #FFF;
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background-color: #555;
text-decoration: none;
}
.wp_post_author_widget ul.awpa-contact-info.round li a,
.wp-post-author ul.awpa-contact-info.round li a {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.wp-post-author ul.awpa-contact-info li.awpa-facebook-li a {
background-color: #3b5999;
}
.wp-post-author ul.awpa-contact-info li.awpa-twitter-li a {
background-color: #000;
}
.wp-post-author ul.awpa-contact-info li.awpa-linkedin-li a {
background-color: #0077B5;
}
.wp-post-author ul.awpa-contact-info li.awpa-instagram-li a {
background-color: #3F729B;
}
.wp-post-author ul.awpa-contact-info li.awpa-youtube-li a {
background-color: #cd201f;
}
.wp-post-author ul.awpa-contact-info li.awpa-website-li a {
background-color: #ce1126;
}
.wp-post-author ul.awpa-contact-info li.awpa-email-li a {
background-color: #dd4b39;
}
.wp_post_author_widget ul.awpa-contact-info.none li a,
.wp-post-author ul.awpa-contact-info.none li a {
height: unset;
width: unset;
line-height: unset;
background-color: transparent;
color: #555;
padding: 0 3px;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-facebook-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-facebook-li a {
background-color: transparent;
color: #3b5999;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-twitter-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-twitter-li a {
background-color: transparent;
color: #000;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-linkedin-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-linkedin-li a {
background-color: transparent;
color: #0077B5;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-instagram-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-instagram-li a {
background-color: transparent;
color: #3F729B;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-youtube-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-youtube-li a {
background-color: transparent;
color: #cd201f;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-website-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-website-li a {
background-color: transparent;
color: #ce1126;
}
.wp_post_author_widget ul.awpa-contact-info.none li.awpa-email-li a,
.wp-post-author ul.awpa-contact-info.none li.awpa-email-li a {
background-color: transparent;
color: #dd4b39;
}  .wp-block-awpa-user-profile-dashboard:not(:has(.awpa-loign-from-area)) {
display: grid;
grid-template-columns: max-content 1fr;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
border-radius: 5px;
overflow: hidden;
} .wp-block-awpa-user-profile-dashboard .left-container {
display: flex;
flex-direction: column;
width: auto !important;
background: #eee;
margin: 0 !important;
} .wp-block-awpa-user-profile-dashboard .left-container .nav {
text-decoration: none;
cursor: pointer;
width: 100%;
font-family: inherit;
font-size: 16px;
color: #777;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
border-left: 2px solid transparent;
box-sizing: border-box;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav::before {
font-family: "Font Awesome 5 Free";
font-size: 16px;
color: #777;
display: inline-block;
font-weight: 700;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(1):before {
content: "\f015";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(2):before {
content: "\f07a";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(3):before {
content: "\f161";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:nth-child(4):before {
content: "\f2f5";
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:hover {
color: #2d1286;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav.active,
.wp-block-awpa-user-profile-dashboard .left-container:not(:has(.active)) .nav:first-child {
color: #2d1286;
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(169, 208, 113, 0));
border-left: 2px solid #2d1286;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav:hover::before,
.wp-block-awpa-user-profile-dashboard .left-container .nav.active::before,
.wp-block-awpa-user-profile-dashboard .left-container:not(:has(.active)) .nav:first-child::before {
color: #2d1286;
} .wp-block-awpa-user-profile-dashboard .right-container {
width: auto !important;
background-color: #fff;
padding: 30px;
border-top: 1px solid #eee;
overflow: auto;
} .wp-block-awpa-user-profile-dashboard .wp-post-author {
padding: 20px;
display: flex;
gap: 20px;
grid-row: 1/2;
grid-column: 1/-1;
} .wp-block-awpa-user-profile-dashboard .right-container .aft-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.wp-block-awpa-user-profile-dashboard .right-container .awpa-imput-content-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wp-block-awpa-user-profile-dashboard .right-container .awpa-field {
width: min(250px, 100%);
flex: 1 1 auto;
}
.wp-block-awpa-user-profile-dashboard .awpa-field label {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.wp-block-awpa-user-profile-dashboard .awpa-field input {
display: block;
border: none;
color: #333;
font-size: 16px;
width: 100%;
min-height: 40px;
padding: 0 8px;
outline: 1px solid #adb5bd;
border-radius: 3px;
box-sizing: border-box;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .awpa-field input:focus-visible {
outline: 2px solid #2d1286;
}
.wp-block-awpa-user-profile-dashboard .awpa-field .error-message span {
font-size: 14px;
color: #cd201f;
}
.wp-block-awpa-user-profile-dashboard .btn {
align-self: flex-start;
min-height: 40px;
font-size: 14px;
font-weight: 600;
background-color: #2d1286;
color: #fff;
border: none;
padding: 0 30px;
box-sizing: border-box;
border-radius: 3px;
cursor: pointer;
transition: all .3s;
}
.wp-block-awpa-user-profile-dashboard .btn:hover {
background-color: #230e68;
color: #fff;
} .wp-block-awpa-user-profile-dashboard .aft-order-container {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 5px;
overflow: hidden;
}
.wp-block-awpa-user-profile-dashboard nav>div select {
min-width: auto;
} .wp-block-awpa-user-profile-dashboard .right-container .aft-container-plans h2 {
margin: 30px 0;
font-size: 24px;
font-weight: 700;
}
.wp-block-awpa-user-profile-dashboard .aft-container-plans .awpa-current-plan {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.awpa-mem-plans {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.awpa-mem-plan {
width: 280px;
padding: 30px;
box-shadow: rgba(99, 99, 99, 0.05) 0px 2px 8px 0px;
border-radius: 5px;
display: flex;
flex-direction: column;
gap: 20px;
box-sizing: border-box; border: 1px solid #eee !important;
color: #333;
}
.awpa-plan-header {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.awpa-plan-header h4 {
margin: 0;
font-size: 20px;
font-weight: 600;
}
.awpa-plan-header h4 span {
display: block;
font-size: 16px;
font-weight: 400;
color: #777;
}
.awpa-plan-header p {
margin: 0;
margin-top: 5px;
font-size: 16px !important;
color: #777;
}
.awpa-plan-body {
margin-top: auto;
}
.awpa-plan-body ul {
margin: 0 !important;
padding: 0 !important;
text-align: left;
list-style: none !important;
display: flex;
flex-direction: column;
gap: 5px;
}
.awpa-plan-body ul li {
margin: 0 !important;
padding: 0 !important;
font-size: 14px;
color: #777;
}
.awpa-plan-body ul li span {
font-weight: 500; }
.awpa-plan-body h6 {
margin: 0;
font-size: 32px;
font-weight: 700;
line-height: 1;
margin-bottom: 20px;
}
.awpa-plan-footer .btn {
width: 100%;
}
.awpa-modal-popup>div {
width: 100%;
min-width: 350px;
padding: 40px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
border-radius: 5px;
position: relative;
}
.awpa-modal-popup h4 {
font-size: 20px;
font-weight: 700;
border-bottom: 2px solid #eee;
padding-bottom: 5px;
margin: 0 0 20px 0;
}
.awpa-modal-popup .awpa-form-inputs label {
display: block;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 5px;
}
.awpa-modal-popup .awpa-form-inputs select,
.awpa-modal-popup .awpa-form-inputs input {
margin-bottom: 20px;
}
.awpa-modal-popup .awpa-form-inputs select,
.awpa-modal-popup .awpa-form-inputs input {
display: block;
border: none;
color: #333;
font-size: 16px;
width: 100%;
min-height: 40px;
padding: 0 8px;
outline: 1px solid #adb5bd;
border-radius: 3px;
box-sizing: border-box;
transition: all .3s;
}
.awpa-modal-popup .awpa-form-inputs select:focus-visible,
.awpa-modal-popup .awpa-form-inputs input:focus-visible {
outline: 2px solid #2d1286;
}
.awpa-modal-popup .awpa-imput-content-wrapper .error-message {
margin-bottom: 20px;
font-size: 14px;
color: #cd201f;
}
.awpa-modal-popup .awpa-form-inputs .awpa-button {
min-height: 40px;
background-color: #2d1286;
color: #fff;
font-size: 16px;
padding: 7px 30px;
font-weight: 600;
border-radius: 3px;
cursor: pointer;
display: inline-block;
box-sizing: border-box;
transition: all .3s;
}
.awpa-modal-popup .awpa-form-inputs .awpa-button:not(.awpa-form-disabled):hover {
background-color: #230e68;
color: #fff;
}
.awpa-modal-popup .awpa-form-inputs .awpa-button.awpa-form-disabled {
background-color: #eee;
color: #333;
cursor: initial;
}
.awpa-modal-popup .awpa-form-inputs>.awpa-form-inputs {
text-align: right;
}
.awpa-modal-popup>div>a,
.awpa-payment-modal>a {
text-decoration: none;
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
background: #eee;
border-radius: 50%;
display: flex;
justify-content: center;
font-size: 18px;
cursor: pointer;
transition: all .3s;
}
.awpa-modal-popup>div>a:hover,
.awpa-payment-modal>a:hover {
background-color: #c7c7c7;
}
.awpa-payment-modal {
background-color: #fff;
border-radius: 5px;
padding: 40px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
width: 100%;
box-sizing: border-box;
position: relative;
} .awpa-content-restrict {
border: 1px solid #eee;
padding: 20px;
color: #333;
box-sizing: border-box;
}
.awpa-content-restrict p {
font-size: 16px;
margin: 0 0 20px 0;
}
.awpa-content-restrict p:last-child {
display: flex;
margin: 0;
gap: 10px;
flex-wrap: wrap;
}
.awpa-content-restrict a {
display: inline-block;
text-decoration: none;
border: 1px solid #eee;
padding: 5px 15px;
border-radius: 100px;
color: #777;
cursor: pointer;
box-sizing: border-box;
transition: all .3s;
}
.awpa-content-restrict a:last-child {
background-color: #2d1286;
color: #fff;
border: 1px solid #2d1286;
}
.awpa-content-restrict a:first-child:hover {
border: 1px solid #2d1286;
color: #2d1286;
}
.awpa-content-restrict a:last-child:hover {
background-color: #230e68;
} .awpa-loign-from-area {
max-width: 400px;
margin: 0 auto;
}
.awpa-loign-from-area .awpa-field {
margin-bottom: 20px;
}
.awpa-loign-from-area .awpa-password-field {
position: relative;
}
.awpa-loign-from-area .awpa-password-field input {
padding-right: 45px;
}
.awpa-loign-from-area .awpa-password-field button {
position: absolute;
top: 0;
right: 15px;
height: 100%;
width: 30px;
border: none;
border-left: none;
background: transparent;
padding: 0 20px;
border-radius: 0px 3px 3px 0;
font-size: 0;
cursor: pointer;
}
.awpa-loign-from-area .awpa-password-field button::after {
font-family: "Font Awesome 5 Free";
font-size: 20px;
display: inline-block;
color: #2d1286;
font-weight: 700;
transition: all .3s;
}
.awpa-loign-from-area .awpa-password-field button.show::after {
content: '\f06e';
}
.awpa-loign-from-area .awpa-password-field button.hide::after {
content: '\f070';
}
.awpa-loign-from-area .awpa-remember-field {
display: flex;
align-items: center;
gap: 5px;
}
.awpa-loign-from-area .awpa-remember-field input {
width: 20px;
min-height: 20px;
accent-color: #2d1286;
margin: 0;
outline: none;
border: 1px solid #adb5bd;
}
.awpa-loign-from-area .awpa-remember-field label {
margin: 0;
}
.awpa-loign-from-area .integration-card>.btn {
width: 100%;
}
.awpa-loign-from-area .integration-card>a {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #2d1286;
margin-top: 20px;
}
.awpa-loign-from-area #login_error {
font-size: 16px;
margin-bottom: 20px;
}   .awpa-review-field .awpa-review-item .awpa-smiley-rating {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div {
display: flex;
gap: 5px;
align-items: center;
flex-direction: column;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div p {
margin: 0;
font-size: 14px;
font-weight: 400;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div button {
font-size: 14px;
font-weight: 600;
padding: 0;
border: none;
background: none;
width: 30px;
height: 30px;
}
.awpa-review-field .awpa-review-item .awpa-smiley-rating>div button svg {
width: 100%;
height: 100%;
} .awpa-review-field .star-review-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.awpa-review-field .star-review-title {
flex: 1.4;
min-width: 300px;
display: flex;
flex-direction: column;
gap: 15px;
}
.awpa-review-field h4 {
margin: 0;
}
.awpa-review-field .title-avg-review {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px;
}
.awpa-review-field .title-avg-review > span:first-child {
font-size: 32px;
font-weight: 700;
}
.awpa-review-field .title-avg-review .awpa-pro-rating-review  {
display: flex;
align-items: center;
gap: 5px;
}  .awpa-review-field .star-review-wrapper .awpa-review-item {
display: flex !important;
flex-direction: column;
gap: 5px;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review {
display: flex !important;
align-items: center;
gap: 10px;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review .counter-back{
flex: 1;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review > span:first-child{
min-width: 12px;
}
.awpa-review-field .star-review-wrapper .awpa-review-item > .awpa-pro-rating-review > span:last-child{
min-width: 60px;
}
.awpa-review-field .star-review-wrapper .awpa-pro-single-rating-review,
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review {
display: flex;
align-items: center;
gap: 10px;
}  .awpa-review-field .star-review-wrapper .right-star {
flex: 1;
}
.awpa-review-field .star-review-wrapper .right-star h4{
text-transform: uppercase;
font-size: 12px;
}
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review{
margin-top: 10px;
}
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review span {
font-size: 32px !important;
}
.awpa-review-field .star-review-wrapper .right-star .awpa-pro-rating-review span {
font-size: 32px !important;
}
.awpa-review-field .right-star .awpa-rating-button{
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 5px 30px;
font-size: inherit;
line-height: inherit;
display: inline-block;
background-color: transparent;
text-decoration: none;
color: inherit;
border-radius: 50px;
cursor: pointer;
transition: all 300ms ease-out;
margin-top: 15px;
margin-right: 10px;
}
.awpa-review-field .right-star .awpa-rating-button:disabled{
cursor: not-allowed;
opacity: 0.5;
} .awpa-review-field .awpa-rating-message {
margin-top: 10px;
}
.awpa-review-field .awpa-login-message {
margin: 5px 0 0;
}
.awpa-review-field .awpa-rating-button-wrapper {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
row-gap: 20px;
margin-top: 20px;
}
.awpa-review-field .awpa-rating-button-wrapper .awpa-rating-button {
margin-top: 0;
} .awpa-review-field .awpa-review-item .awpa-yes-no-rating {
display: flex;
align-items: center;
gap: 30px;
}
.awpa-review-field .awpa-review-item .awpa-yes-no-rating>div {
display: flex;
flex-direction: column; gap: 2px;
}
.awpa-review-field .awpa-review-item .awpa-yes-no-rating>div p {
margin: 0;
font-size: 16px;
font-weight: 400;
}
.awpa-review-field .awpa-review-item .awpa-yes-no-rating>div label {
margin: 0;
font-weight: 700;
font-size: 16px;
display: flex;
align-items: center;
gap: 5px;
} .awpa-rating-review+.post-item-metadata {
padding: 10px 0;
}
.awpa-rating-review+.post-item-metadata .post-edit-link {
display: inline-block;
font-size: 16px;
color: inherit;
border-bottom: 1px solid currentColor;
}
.awpa-rating-review+.post-item-metadata .post-edit-link:hover {
border-color: transparent;
} .awpa-author-post-star-variation {
margin-top: 5px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px;
}
.awpa-author-post-star-variation .rating-avg{
font-size: inherit;
font-weight: 600;
order: -1;
}
.awpa-author-post-star-variation .awpa-pro-rating-review {
display: flex;
gap: 5px;
}
.wp-post-author-wrap.right .awpa-author-post-star-variation {
justify-content: flex-end;
}
.wp-post-author-wrap.center .awpa-author-post-star-variation {
justify-content: center;
} .awpa-single-post-star-variation .awpa-pro-rating-review  {
display: inline-block;
}
.awpa-single-post-star-variation .awpa-pro-rating-review > span  {
display: inline-block !important;
font-size: max(12px, .5em) !important;
}
.awpa-single-post-star-variation .awpa-pro-rating-review > span:not(:last-child)  {
margin-right: 5px;
}
.awpa-top-rated-posts {
text-align: left;
}
.wp-post-author + .awpa-top-rated-posts {
padding: 20px 0;
}
.wp-post-author + .awpa-top-rated-posts h2 {
margin-top: 0;
}
.awpa-top-rated-posts ul.awpa-posts-list {
container-type: inline-size;
list-style-type: none;
margin: 0 !important;
padding: 0;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 20px;
}
.wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list{
flex-direction: row-reverse;
}
.awpa-top-rated-posts ul.awpa-posts-list li{
padding: 0 !important;
display: flex;
gap: 15px;
align-items: flex-start;
width: calc(50% - 10px);
}
@container (max-width: 480px) {
.awpa-top-rated-posts ul.awpa-posts-list li{
width: 100%;
}
}
.wp-post-author-wrap.center .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: column;
text-align: center;
align-items: center;
}
.wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: row-reverse;
text-align: right;
}
.awpa-top-rated-posts .awpa-top-post-img {
position: relative;
width: 25%;
aspect-ratio: 1/1;
overflow: hidden;
}
.awpa-top-rated-posts .awpa-top-post-img img {
margin: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.awpa-top-rated-posts .awpa-top-post-img a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.awpa-top-rated-posts .awpa-top-post-img a:hover {
border: none;
}
.awpa-post-count {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
background-color: #ffb900;
color: #000;
font-weight: 700;
font-size: 16px;
}
.awpa-post-count.awpa-post-count-inside-image {
position: absolute;
top: 0;
left: 0;
}
.awpa-top-rated-posts .awpa-top-post-title {
flex: 1;
align-self: center;
}
.awpa-top-rated-posts .awpa-top-post-title a,
.awpa-top-rated-posts .awpa-top-post-title a:hover, 
.awpa-top-rated-posts .awpa-top-post-title a:focus, 
.awpa-top-rated-posts .awpa-top-post-title a:active, 
.awpa-top-rated-posts .awpa-top-post-title a:visited {
color: inherit;
}  .awpa-tabs {
position: relative;
display: flex;
gap: 20px;
transition: opacity .3s;
overflow-x: auto;
}
.wp-post-author-wrap.center .awpa-tabs{
justify-content: center;
}
.wp-post-author-wrap.right .awpa-tabs{
flex-direction: row-reverse;
}
.awpa-tabs::before{
position: absolute;
right: 0;
left: 0;
bottom: 0;
border-bottom: 1px solid #f0f0f0;
content: '';
}
.awpa-tabs .awpa-tab {
position: relative;
display: inline-flex;
align-items: center;
padding: 8px 0;
background: 0 0;
border: 0;
cursor: pointer;
outline: none;
transition: all .3s;
opacity: 0.75;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.awpa-tabs .awpa-tab::after{
position: absolute;
left: 0px;
bottom: 0;
display: inline-block;
height: 2px;
width: 100%;
content: '';
pointer-events: none; }
.awpa-tabs .awpa-tab.active {
text-shadow: 0 0 .25px currentcolor;
opacity: 1;
}
.awpa-tabs .awpa-tab.active::after{
background: currentColor;
}
.awpa-tab-content {
display: none;
padding:  20px 0;
}
.awpa-tab-content.active {
display: block;
} body.rtl .awpa-top-rated-posts {
text-align: right;
}
body.rtl .wp-post-author-wrap.left .awpa-tabs {
flex-direction: row-reverse;
}
body.rtl .wp-post-author-wrap.right .awpa-tabs {
flex-direction: row;
}
body.rtl .wp-post-author-wrap.left .wp-post-author {
flex-direction: row-reverse;
text-align: left;
}
body.rtl .wp-post-author-wrap.right .wp-post-author {
flex-direction: row;
}
body.rtl .awpa-post-count.awpa-post-count-inside-image {
left: auto;
right: 0;
}
body.rtl .wp-post-author-wrap.left .awpa-author-post-star-variation {
justify-content: flex-end;
}
body.rtl .wp-post-author-wrap.right .awpa-author-post-star-variation {
justify-content: flex-start;
}
body.rtl .wp-post-author-wrap .awpa-author-post-star-variation .awpa-pro-rating-review span::before{
left: auto;
right: 0;
}
body.rtl .wp-post-author-wrap.left .awpa-top-rated-posts ul.awpa-posts-list{
flex-direction: row-reverse;
}
body.rtl .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list{
flex-direction: row;
}
body.rtl .wp-post-author-wrap.left .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: row-reverse;
text-align: left;
}
body.rtl .wp-post-author-wrap.right .awpa-top-rated-posts ul.awpa-posts-list li{
flex-direction: row;
} .awpa-user-rating-list{
list-style-type: none;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 40px; 
}
.entry-content ul.awpa-user-rating-list {
padding: 0;
}
.awpa-pro-single-rating-review {
line-height: 1;
}
.awpauser-rating-item{
display: flex;
align-items: center;
}
.awpa-user-gravatar {
display: flex;
}
.awpa-user-gravatar img{
border-radius: 50%;
margin-right: 25px;
}
.awpa-user-info{
display: flex;
flex-wrap: wrap;
flex-direction:column;
}
.awpa-user-name{
font-weight: normal;
margin-bottom: 5px;
}
.awpa-rating-stars{
display: flex;
flex-wrap: wrap;
align-items:center;
} .awpa-review-field {
container-type: inline-size;
}
@container (width > 1400px) {
.awpa-user-rating-list {
grid-template-columns: repeat(4, 1fr);
}
}
@container (width < 1200px) {
.awpa-user-rating-list {
grid-template-columns: repeat(3, 1fr);
}
}
@container (width < 780px) {
.awpa-user-rating-list {
grid-template-columns: repeat(2, 1fr);
}
}
@container (width < 480px) {
.awpa-user-rating-list {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 600px) {
.wp-post-author .awpa-img.awpa-author-block {
margin-top: unset;
}
.wp-block-awpa-user-profile-dashboard .left-container .nav {
font-size: 0;
}
}
@media screen and (max-width: 480px) { .awpa-user-rating-list {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 450px) {
.wp-block-awpa-user-profile-dashboard .right-container {
padding: 10px;
}
.wp-block-awpa-user-profile-dashboard .aft-container-plans .awpa-mem-plan {
width: 100%;
padding: 20px;
}
}