html.pm-popup-open {
overflow: hidden;
}
.pm-popup svg {
display: block;
width: 100%;
}
@supports (object-fit: cover) {
.pm-popup svg {
height: auto;
}
}
.pm-popup.pm-popup-nojs {
display: none !important;
}
.pm-popup-full {
width: 100%;
height: 100%;
padding: 2em 0;
position: fixed;
top: 0;
left: 0;
z-index: 1000000;
background: rgba( 0, 0, 0, .6 );
text-align: center;
overflow-y: auto;
overflow-x: hidden;
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: pm-fade-in 2s ease;
animation: pm-fade-in 2s ease;
}
.pm-popup-full.pm-popup-nojs,
.pm-popup-full.pm-popup-hide {
opacity: 0; padding: 0;
pointer-events: none;
}
.pm-popup-full:before,
.pm-popup-full:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.pm-popup-full .pm-popup-wrapper {
display: inline-block;
vertical-align: middle;
width: 90%;
max-width: 600px;
margin: 0 auto;
padding: 1em;
position: relative;
background: white;
box-shadow: 0 0 3px 1px rgba( 0, 0, 0, .3 );
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: pm-turn-in 2s ease;
animation: pm-turn-in 2s ease;
}
.pm-popup-partial .pm-popup-wrapper {
width: 96%;
max-width: 600px;
margin: 0 auto;
position: relative;
}
.pm-popup-full img {
display: block;
width: 100%;
height: auto;
} 
.pm-popup-full img + .pm-popup-text {
margin-top: 1em;
}
.pm-popup-full .pm-popup-wrapper:after,
.pm-popup-full .pm-popup-wrapper:before {
display: block;
width: 50%;
padding-bottom: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: center center no-repeat;
-webkit-transform: translate( -50%, -50% );
-moz-transform: translate( -50%, -50% );
-ms-transform: translate( -50%, -50% );
transform: translate( -50%, -50% );
}
.pm-popup-full .pm-popup-wrapper:before {
bottom: 0;
top: auto;
left: auto;
right: 0;
-webkit-transform: translate( 50%, 50% );
-moz-transform: translate( 50%, 50% );
-ms-transform: translate( 50%, 50% );
transform: translate( 50%, 50% );
}
.pm-popup-partial .pm-popup-wrapper:after,
.pm-popup-partial .pm-popup-wrapper:before {
content: '';
display: block;
width: 1000px;
height: 100%;
position: absolute;
top: 0;
background: center center no-repeat;
background-size: contain;
}
.pm-popup-partial .pm-popup-wrapper:after {
right: 100%;
}
.pm-popup-partial .pm-popup-wrapper:before {
left: 100%;
}
.pm-popup .pm-popup-text :last-child {
margin-bottom: 0 !important;
}
.pm-popup-close {
display: block;
width: 2em;
height: 2em;
padding: 0;
position: absolute;
top: -1em;
right: -1em;
z-index: 50;
background: #3E3D40;
border: 2px solid white;
border-radius: 50%;
color: transparent;
}
.pm-popup-partial .pm-popup-close {
top: 0.5em;
right: 0.5em;
}
.pm-popup-close:after,
.pm-popup-close:before {
content: '';
display: block;
width: 1em;
height: 0.125em;
position: absolute;
top: 50%;
left: 50%;
margin: -0.0625em 0 0 -.5em;
background: white;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pm-popup-close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pm-popup-partial {
display: none;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
background: white;
pointer-events: none;
box-shadow: 0 0 30px -10px rgba(0,0,0,.5);
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
transition: all ease 1.5s;
}
.pm-popup-partial.pm-popup-js {
display: block;
opacity: 0;
-webkit-transform: translate( 0, 100% );
-moz-transform: translate( 0, 100% );
-ms-transform: translate( 0, 100% );
transform: translate( 0, 100% );
}
.pm-popup-partial.pm-popup-show {
pointer-events: auto;
opacity: .95;
-webkit-transform: translate( 0, 0 );
-moz-transform: translate( 0, 0 );
-ms-transform: translate( 0, 0 );
transform: translate( 0, 0 );
}
.pm-popup-partial.pm-popup-show.pm-popup-hide {
opacity: 0;
pointer-events: none;
transform: translate(0,100%);
}
.pm-popup-partial .pm-popup-text {
padding-bottom: 10px;
}
.pm-popup-partial .pm-popup-image {
display: block;
margin: 10px auto;
width: 40%;
vertical-align: middle;
}
.pm-popup-partial .pm-popup-image img {
width: 100%;
height: auto;
vertical-align: middle;
}
.pm-popup p,
.pm-popup h1,
.pm-popup h2,
.pm-popup h3,
.pm-popup h4,
.pm-popup h5,
.pm-popup h6,
.pm-popup li,
.pm-popup th,
.pm-popup td.
.pm-popup-wrapper > a {
color: inherit !important;
}
@media screen and (min-width: 400px) {
.pm-popup-partial .pm-popup-image {
display: inline-block;
vertical-align: middle;
width: 150px;
margin: 0;
}
.pm-popup-partial .pm-popup-text {
display: inline-block;
vertical-align: middle;
width: 60%;
padding: 20px;
}
}
@-webkit-keyframes pm-fade-in {
0% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes pm-fade-in {
0% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes pm-turn-in {
0% {
transform: perspective(600px) rotate3D( 1, 0, 0, 15deg );
}
75% {
transform: perspective(600px) rotate3D( 1, 0, 0, 15deg );
}
100% {
transform: perspective(600px) rotate3D( 1, 0, 0, 0 );
}
}
@keyframes pm-turn-in {
0% {
transform: perspective(600px) rotate3D( 1, 0, 0, 15deg );
}
75% {
transform: perspective(600px) rotate3D( 1, 0, 0, 15deg );
}
100% {
transform: perspective(600px) rotate3D( 1, 0, 0, 0 );
}
}