/* PVII Magic Box scripts
 Copyright (c) Project Seven Development
 Version: 1.3.2 -build 29
*/
.p7MBX-01.dark.p7mbx-overlay.transparency {background-color: rgba(36, 23, 121, .7);}
.mbx-external img:hover {z-index: 10;}
.mbx-external img {height: auto !important; width: auto !important; max-width: 100%;}
.p7mbx-loading {background-color: #fff; background-image: url("img/p7mbx_loading.gif"); border-radius: 8px; box-shadow: 0 0 30px #000; display: none; height: 50px; left: 50%; margin-left: -25px; margin-top: -25px; opacity: 0.6; position: fixed; top: 50%; width: 50px; z-index: 99999919;}
/* In-Box Close Button */
.p7MBX-01 .p7mbx-ex {position: absolute; z-index: 99999991; top: 6px; right: 6px;}
.p7MBX-01 .p7mbx-ex.set-low {top: 14px; right: 14px;}
.p7MBX-01.matting .p7mbx-ex.set-low {top: 18px; right: 18px;}
.p7MBX-01 .p7mbx-ex a {display: block; background-repeat: no-repeat; background-size: contain; height: 28px; width: 28px; text-decoration: none; opacity: .75; -webkit-transition: opacity linear .2s 0s; transition: opacity linear .2s 0s;}
.p7MBX-01.dark .p7mbx-ex a {background-image: url(img/mbx-ex-dark.png);}
.p7MBX-01 .p7mbx-ex a:hover {opacity: 1;}
/* Large Arrows */
.p7MBX-01 {display: block;}
.p7MBX-01 .arrow-left, .p7MBX-01 .arrow-right {position: absolute; top: 45%; z-index: 99999991;}
.p7MBX-01 .arrow-left {left: 0px;}
.p7MBX-01 .arrow-right {right: 0px;}
.p7MBX-01 .arrow-left a, .p7MBX-01 .arrow-right a {display: block; text-decoration: none; font-size: 0px; opacity: .6; height: 48px; width: 48px; background-repeat: no-repeat; background-size: cover;}
.p7MBX-01 .p7mbx-arrows a {-webkit-transition: opacity linear .35s .1s; transition: opacity linear .35s .1s;}
.p7MBX-01.matting .arrow-left {left: 0px;}
.p7MBX-01.matting .arrow-right {right: 0px;}
.p7MBX-01 .arrow-left a:hover, .p7MBX-01 .arrow-right a:hover {opacity: 1;}
.p7MBX-01.dark .arrow-left a {background-image: url(img/mbx-arrow-l-dark.png);}
.p7MBX-01.dark .p7mbx-arrows .arrow-right a {background-image: url(img/mbx-arrow-r-dark.png);}
/*Slide*/
.p7MBX-01.matting .mbx-slide {padding: 12px;}
.p7MBX-01.dark.border .mbx-slide {border: 1px solid #000;}
.p7MBX-01.dark .mbx-slide {background-color: #fff;}
.p7MBX-01 img {vertical-align: bottom;}
/* Content Slide */
.mbx-slide.mbx-cnt h1, .mbx-slide.mbx-cnt h2, .mbx-slide.mbx-cnt h3 {margin: 0px;}
.p7MBX-01 .mbx-slide .p7mbx-content-slide {padding: 20px 42px 16px 42px;}
.p7MBX-01.dark .mbx-slide .p7mbx-content-slide {background-color: #fff;}
.p7MBX-01 .mbx-slide .p7mbx-content-slide img {display:block; height: auto !important; width: auto !important; max-width: 100%; margin-left:auto; margin-right:auto;}
.p7MBX-01.dark .mbx-slide.mbx-cnt {background-color: #fff;}
/* Caption and Description */
.p7MBX-01 .mbx-caption {padding: 12px 10px 12px 10px; text-align: center;}
.p7MBX-01.matting .mbx-caption.caption-bottom {padding: 12px 10px 0px 10px;}
.p7MBX-01 .mbx-description {padding: 12px 10px 0px 10px; text-align: left;}
.p7MBX-01 .mbx-description {padding: 12px 10px 12px 10px;}
.p7MBX-01 .mbx-description p {margin: .35em 0;}
.p7MBX-01.matting .mbx-description.description-bottom {padding: 12px 10px 0px 10px;}
/*Shadow */
.p7MBX-01.shadow .mbx-slide {box-shadow: 0px 0px 30px #000;}
/* iFrame Video rules */
.video-wrapper {position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0px; overflow: hidden;}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* DO NOT EDIT */
.p7mbx-list {display: none;}
.mbx-image a img {border: none;}
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {-webkit-text-size-adjust: none;}
.mbx-slide-box {margin: 0 !important;}
.mbx-slide-container.mbx-cnt {width: auto !important; max-width: none !important;}
}
@media only screen and (max-device-width: 480px) {body {-webkit-text-size-adjust: none;}}
@media only screen and (max-device-width: 480px) and (orientation : landscape) {body {-webkit-text-size-adjust: none;}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.mbx-external img {-webkit-transition: none !important; transition: none !important;}
.mbx-external img:hover {-webkit-transform: none !important; transform: none !important; position: static !important;}
}