.animation-popup.mfp-bg { 	transition: 0.3s ease; } .animation-popup.mfp-ready { 	.mfp-content { 		>div { 			opacity: 1; 		} 	}    }   .animation-popup.mfp-removing { 	.mfp-content { 		>div { 			opacity: 0; 		} 	}  } .animation-popup.mfp-removing.mfp-bg { 	opacity: 0; } .mfp-conten video {     width: 100%;     height: 100%; } .animation-popup .mfp-content > div {   opacity:0;   transition:0.5s ease;   transform:translatey(-20px); } .animation-popup.mfp-bg {    transition:0.3s ease; } .animation-popup.mfp-ready .mfp-content > div {   opacity:1;   transform:translatey(0); }  .animation-popup.mfp-removing .mfp-content > div {   transform:translatey(20px);   opacity:0; } .animation-popup.mfp-removing.mfp-bg { opacity:0; }   .mfp-bg {   top:0;   left:0;   width:100%;   height:100%;   z-index:1042;   overflow:hidden;   position:fixed;   background:#000000;   opacity:.7; }  .mfp-wrap {   top:0;   left:0;   width:100%;   height:100%;   z-index:1043;   position:fixed;   outline:0 !important;   -webkit-backface-visibility:hidden; }  .mfp-container {   text-align:center;   position:absolute;   width:100%;   height:100%;   left:0;   top:0;   padding:0 8px;   box-sizing:border-box; }  .mfp-container:before {   content:'';   display:inline-block;   height:100%;   vertical-align:middle; }  .mfp-align-top .mfp-container:before {   display:none; }  .mfp-content {   position:relative;   display:inline-block;   vertical-align:middle;   margin:0 auto;   text-align:left;   z-index:1045; }  .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {   width:100%;   cursor:auto; }  .mfp-ajax-cur {   cursor:progress; }  .mfp-close {   cursor:-moz-zoom-out;   cursor:-webkit-zoom-out;   cursor:zoom-out;   font-size: 0 !important; }  .mfp-zoom {   cursor:pointer;   cursor:-webkit-zoom-in;   cursor:-moz-zoom-in;   cursor:zoom-in; }  .mfp-auto-cursor .mfp-content {   cursor:auto; }  .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {   -webkit-user-select:none;   -moz-user-select:none;   user-select:none; }  .mfp-loading.mfp-figure {   display:none; }  .mfp-hide {   display:none !important; }  .mfp-preloader {   color:#ccc;   position:absolute;   top:50%;   width:auto;   text-align:center;   margin-top:-.8em;   left:8px;   right:8px;   z-index:1044; }  .mfp-preloader a {   color:#ccc; }  .mfp-preloader a:hover {   color:#fff; }  .mfp-s-ready .mfp-preloader {   display:none; }  .mfp-s-error .mfp-content {   display:none; }  .html_inline {   background:#fff;   max-width:700px;   margin:0 auto; }  button.mfp-arrow, button.mfp-close {   overflow:visible;   cursor:pointer;   border:0;   -webkit-appearance:none;   display:block;   outline:0;   padding:0;   z-index:1046;   box-shadow:none;   touch-action:manipulation; }  button.mfp-arrow {   color:#fff;   font-size:22px;   background:#000;   width:50px; }  button::-moz-focus-inner {   padding:0;   border:0; }  .mfp-close {   position:fixed;   right:0;   top:0;   font-family:Arial,Baskerville,monospace;   font-size:0px; }  .mfp-close:before {     content: '\f642';     font-family: "jws_icon";     font-size: 25px; }  .mfp-close:focus, .mfp-close:hover {   opacity:1; }  .mfp-close-btn-in .mfp-close {     color: #ffffff;     background: var(--main);     width: 35px;     height: 35px;     line-height: 35px; }  .mfp-close {     right: 0;     text-align: center;     background: transparent; }  .mfp-coucontent:"\eb51"nter {   position:absolute;   top:0;   right:0;   color:#ccc;   font-size:12px;   line-height:18px;   white-space:nowrap; }  .mfp-arrow {   position:absolute;   opacity:.65;   margin:0;   top:50%;   margin-top:-55px;   padding:0;   width:90px;   height:110px;   -webkit-tap-highlight-color:transparent; }  .mfp-arrow:after {   font-family:jws_icon !important; }  .mfp-arrow:focus, .mfp-arrow:hover {   opacity:1; }  .mfp-arrow-left {   left:0; }  .mfp-arrow-right {   right:0; }  .mfp-arrow-left:after {   content:'\e82c'; }  .mfp-arrow-right:after {   content:'\e82d'; }  .mfp-iframe-holder {   padding-top:40px;   padding-bottom:40px; }  .mfp-iframe-holder .mfp-content {   line-height:0;   width:100%;   max-width:900px; }  .mfp-close {  top: 0; }  .mfp-iframe-scaler {   width:100%;   height:0;   padding-top:56.25%; }  .mfp-iframe-scaler iframe {   position:absolute;   display:block;   top:0;   left:0;   width:100%;   height:100%;   box-shadow:0 0 8px rgba(0,0,0,.6);   background:#000; }  img.mfp-img {   width:auto;   max-width:100%;   height:auto;   display:block;   line-height:0;   box-sizing:border-box;   margin:0 auto; }  .mfp-figure {   line-height:0; }  .mfp-figure:after {   content:'';   position:absolute;   left:0;   top:40px;   bottom:40px;   display:block;   right:0;   width:auto;   height:auto;   z-index:-1;   box-shadow:0 0 8px rgba(0,0,0,.6);   background:#444; }  .mfp-figure small {   color:#bdbdbd;   display:block;   font-size:12px;   line-height:14px; }  .mfp-figure figure {   margin:0; }  .mfp-bottom-bar {     margin-top: 25px;     position: absolute;     top: 100%;     left: 0;     width: 100%;     cursor: auto;     color: #ffffff; }  .mfp-title {   text-align:left;   line-height:18px;   color:#f3f3f3;   word-wrap:break-word;   padding-right:36px; }  .mfp-image-holder .mfp-content {      max-width: 1170px;      animation: fadeInLeft 0.7s both; }  .mfp-gallery .mfp-image-holder .mfp-figure {   cursor:pointer; }  @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {   .mfp-img-mobile .mfp-image-holder {     padding-left:0;     padding-right:0;   }   .mfp-img-mobile img.mfp-img {     padding:0;   }   .mfp-img-mobile .mfp-figure:after {     top:0;     bottom:0;   }   .mfp-img-mobile .mfp-figure small {     display:inline;     margin-left:5px;   }   .mfp-img-mobile .mfp-bottom-bar {     background:rgba(0,0,0,.6);     bottom:0;     margin:0;     top:auto;     padding:3px 5px;     position:fixed;     box-sizing:border-box;   }   .mfp-img-mobile .mfp-bottom-bar:empty {     padding:0;   }   .mfp-img-mobile .mfp-counter {     right:5px;     top:3px;   }   .mfp-img-mobile .mfp-close {     top:0;     right:0;     width:35px;     height:35px;     line-height:35px;     background:rgba(0,0,0,.6);     position:fixed;     text-align:center;     padding:0;   } }  @media all and (max-width:900px) {   .mfp-arrow {     -webkit-transform:scale(.75);     transform:scale(.75);   }   .mfp-arrow-left {     -webkit-transform-origin:0;     transform-origin:0;   }   .mfp-arrow-right {     -webkit-transform-origin:100%;     transform-origin:100%;   }   .mfp-container {     padding-left:6px;     padding-right:6px;   } }