.magnific-img {width:100%; height:100%;}
.magnific-img img {width:100%; height:100%; border-radius:0px;}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {opacity:0; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container {opacity:1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity:0.8;}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {opacity:0;}
.mfp-arrow-left:before {border-right:none !important;}
.mfp-arrow-right:before {border-left:none !important;}
button.mfp-arrow, .mfp-counter {opacity:0 !important; transition:opacity 200ms ease-in, opacity 2000ms ease-out;}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter {opacity:1 !important;}
.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.9;}
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important;}
.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-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width:100%; cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-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:-0.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;}
button.mfp-close, button.mfp-arrow {overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation;}
button::-moz-focus-inner {padding:0; border:0;}
.mfp-close {width:44px; height:44px; line-height:44px; position:absolute; right:0; top:-10px; text-decoration:none; text-align:center; opacity:0.65; padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:28px; font-family:'Poppins', sans-serif;}
.mfp-close:hover, .mfp-close:focus {opacity:1;}
.mfp-close:active {top:-10px;}
.mfp-close-btn-in .mfp-close {color:#333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%;}
.mfp-counter {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; color:var(--base-color); font-size:16px; line-height:18px; white-space:nowrap; font-family:'Montserrat', sans-serif; font-weight:500; margin-top:30px;}
.mfp-iframe-holder {padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:900px;}
.mfp-iframe-holder .mfp-close {top:-40px;}
.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; 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, 0.6); background:#000;}
img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:40px 0 40px; 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, 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:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto;}
.mfp-title {text-align:left; line-height:18px; color:#F3F3F3; word-wrap:break-word; padding-right:36px;}
.mfp-image-holder .mfp-content {max-width:100%;}
.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, 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, 0.6); position:fixed; text-align:center; padding:0;}
}

@media all and (max-width: 900px) {
.mfp-arrow {-webkit-transform:scale(0.75); transform:scale(0.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;}
}

.magnific-img .image-popup-vertical-fit img a:link {text-decoration:none; border:solid 2px #000;}
.magnific-img .image-popup-vertical-fit img a:visited {text-decoration:none; border:solid 2px #000;}
.magnific-img .image-popup-vertical-fit img a:hover {text-decoration:none; border:solid 2px #000;}
.magnific-img .image-popup-vertical-fit img a:active {text-decoration:none; color:#000; border:solid 2px #000;}
.mfp-figure button.mfp-close {cursor:pointer;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {z-index:1; right:-10px !important; font-size:40px; cursor:pointer !important; color:var(--base-color)}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover {color:white; border-color:white;}
.mfp-arrow {position:absolute; opacity:0.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent;}
.mfp-arrow:active {margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus {opacity:1;}
.mfp-arrow:before, .mfp-arrow:after {content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent;}
.mfp-arrow:after {border-top-width:13px; border-bottom-width:13px; top:8px;}
.mfp-arrow:before {border-top-width:21px; border-bottom-width:21px; opacity:0.7;}
.mfp-arrow-left {background:url(../../img/icon/back-arrow.png) no-Repeat top left !important; width:110px; height:110px; left:30px;}
.mfp-arrow-right {background:url(../../img/icon/next-arrow.png) no-Repeat top left !important; width:110px; height:110px; right:30px;}
.grid:after {content:''; display:block; clear:both;}
.grid-sizer, .grid-item {width:33.333%;}
.grid-item {float:left;}
.grid-item img {display:block; max-width:100%;}

@media (max-width:992px) {
.grid-sizer, .grid-item {width:50%;}
}