/* Magnific Popup CSS */
.mfp-bg {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#000;
    opacity:.9;
    filter:alpha(opacity=90)
    }

.mfp-wrap {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    outline:none !important;
    -webkit-backface-visibility:hidden
    }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    }

.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%
    }

.mfp-ajax-cur {
    cursor:progress
    }

.mfp-zoom {
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
    }

.mfp-auto-cursor .mfp-content {
    cursor:auto
    }

.mfp-arrow:focus{
    outline:none;
    cursor:pointer
    }

.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:#cccccc;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-0.8em;
    left:8px;
    right:8px;
    z-index:1044
    }

.mfp-preloader a{
    color:#cccccc
    }

.mfp-preloader a:hover{
    color:#ffffff
    }

.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content{
    display:none
    }

button.mfp-arrow {
    overflow:visible;
    cursor:pointer;
    background: transparent;
    border:0;
    -webkit-appearance: none;
    display:block;
    padding:0;
    z-index:1046;
    -webkit-box-shadow:none;
    box-shadow:none
    }

button::-moz-focus-inner {
    padding:0;
    border:0
    }

.mfp-close{
    display:none
    }

.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#cccccc;
    font-size:12px;
    line-height:18px
    }

.mfp-arrow {
    position:absolute;
    opacity:.5;
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

.mfp-arrow:active {
    margin-top:-54px
    }

.mfp-arrow:hover,
.mfp-arrow:focus{
    opacity:1
    }

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin:35px 0 0 35px;
    border:medium inset transparent}

.mfp-arrow:after,
.mfp-arrow .mfp-a{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
    }

.mfp-arrow:before,
.mfp-arrow .mfp-b{
    border-top-width:21px;
    border-bottom-width:21px
    }

.mfp-arrow-left {
    left:0
    }

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right:17px solid white;
    margin-left:31px
    }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b{
    margin-left:25px
    }

.mfp-arrow-right {
    right:0
    }

.mfp-arrow-right:after,
.mfp-arrow-right.mfp-a {
    border-left:17px solid white;
    margin-left:39px
    }

.mfp-iframe-holder {
    padding:40px 0
    }

.mfp-iframe-holder .mfp-content {
    line-height:0;
    width:100%;
    max-width:900px
    }

.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
    }

/* Main image in popup */
img.mfp-img {
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    padding: 40px 0 40px;
    margin: 0 auto
    }

.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:#444444
    }

.mfp-figure{
    line-height:0
    }

.mfp-bottom-bar {
    margin:-36px 0 0 0;
    position:absolute;
    top:100%;
    left:0;
    width:100%
    }

.mfp-title {
    text-align:left;
    line-height:18px;
    color:#f3f3f3;
    word-wrap:break-word;
    padding:0 36px 0 0
    }

.mfp-figure small {
    color:#bdbdbd;
    display:block;
    font-size:12px;
    line-height:14px
    }

.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:0
    }

.mfp-img-mobile img.mfp-img {
    padding:0
    }

  /* The shadow behind the image */

.mfp-img-mobile .mfp-figure:after {
    top:0;
    bottom:0
    }

.mfp-img-mobile .mfp-bottom-bar {
    position:fixed;
    top:auto;
    bottom:0;
    margin:0;
    padding:3px 5px;
    background: rgba(0, 0, 0, 0.6)
    }

.mfp-img-mobile .mfp-bottom-bar:empty {
    padding:0
    }

.mfp-img-mobile .mfp-counter {
    top:3px;
    right:5px
    }

.mfp-img-mobile .mfp-figure small {
    display:inline;
    margin-left:5px
    }
    }

@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:0 6px
    }
    
    }

.mfp-ie7 .mfp-img {
    padding:0
    }

.mfp-ie7 .mfp-bottom-bar {
    width:600px;
    left:50%;
    margin:5px 0 0 -300px;
    padding:0 0 5px 0
    }

.mfp-ie7 .mfp-container {
    padding:0
    }

.mfp-ie7 .mfp-content {
    padding:44px 0 0 0
    }

.mfp-fade .mfp-bg {
    opacity:0
    }

.mfp-fade.mfp-bg.mfp-ready {
    opacity:.9
    }

.mfp-fade.mfp-bg.mfp-removing {
    opacity:0
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity:0
    }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity:1
    }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity:0
    }