.boxplusx-hidden {
    display: none !important;
}
html > body > .boxplusx-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    box-sizing: border-box;
    max-width: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: default;
    z-index: 9999;
    animation: fadein 0.8s;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.boxplusx-dialog {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    border: 0 solid transparent;
    padding: 10px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100%;
    overflow: hidden;
	
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    margin: 3vw;	
}
.boxplusx-dialog,
.boxplusx-dialog.boxplusx-dark,
.boxplusx-dialog.boxplusx-dark .boxplusx-detail {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}
.boxplusx-dialog.boxplusx-light,
.boxplusx-dialog.boxplusx-light .boxplusx-detail {
    background-color: hsla(0, 0%, 100%, 0.8);
    color: #000;
}
.boxplusx-dialog.boxplusx-square {
    padding: 10px;
}
.boxplusx-dialog.boxplusx-rounded {
    padding: 20px;
    border-radius: 20px;
}
.boxplusx-dialog.boxplusx-bordered {
    border: 10px solid rgba(0, 0, 0, 0.8);
}
.boxplusx-dialog.boxplusx-animation {
    transition-property: width, height;
    transition-duration: 0.5s, 0.5s;
}
.boxplusx-animation-linear {
    transition-timing-function: linear;
}
.boxplusx-animation-quad {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.boxplusx-animation-cubic {
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.boxplusx-animation-quart {
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.boxplusx-animation-quint {
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.boxplusx-animation-expo {
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.boxplusx-animation-circ {
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.boxplusx-animation-sine {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.boxplusx-animation-back {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.boxplusx-wrapper {
    display: flex;
    flex-flow: column;
    position: relative;
}
.boxplusx-progress {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    border-radius: 100%;
    border: 10px solid hsla(0, 0%, 100%, 0.2);
    border-top-color: #fff;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}
.boxplusx-viewport {
    position: relative;
    overflow: hidden;
}
.boxplusx-expander {
    position: absolute;
	min-width: 24px;
	min-height: 24px;
    width: 1vw;
    height: 1vw;
    top: 0.8vw;
    left: 0.7vw;
    background: rgba(0, 0, 0, 0.5) 50% no-repeat;
	background-size: contain;
    cursor: pointer;
	opacity: 0.5;	
}
.boxplusx-expander:hover {
    background-size: auto auto;
	opacity: 1.0;	
}
.boxplusx-expander.boxplusx-collapse {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' version='1,1'%3E%3Cpath d='M3.406 2L2 3.406 6.594 8H3v2h7V3H8v3.594L3.406 2zm17.188 0L16 6.594V3h-2v7h7V8h-3.594L22 3.406 20.594 2zM3 14v2h3.594L2 20.594 3.406 22 8 17.406V21h2v-7H3zm11 0v7h2v-3.594L20.594 22 22 20.594 17.406 16H21v-2h-7z' fill='%23fff'/%3E%3C/svg%3E");
}
.boxplusx-expander.boxplusx-expand {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 2v7h2V5.406L8.594 10 10 8.594 5.406 4H9V2H2zm13 0v2h3.594L14 8.594 15.406 10 20 5.406V9h2V2h-7zM8.594 14L4 18.594V15H2v7h7v-2H5.406L10 15.406 8.594 14zm6.812 0L14 15.406 18.594 20H15v2h7v-7h-2v3.594L15.406 14z' fill='%23fff'/%3E%3C/svg%3E");
}
.boxplusx-viewport > .boxplusx-next,
.boxplusx-viewport > .boxplusx-previous {
    position: absolute;
    background: transparent none no-repeat scroll 0;

	background-size: contain;
    bottom: 7vw;
    top: 7vw;
	min-width: 30px;
    width: 3vw;
    cursor: pointer;
	opacity: 0.6;	
}
.boxplusx-viewport > .boxplusx-previous:hover,
.boxplusx-viewport > .boxplusx-next:hover{
	opacity:1.0;
}
.boxplusx-container[dir="ltr"] .boxplusx-viewport > .boxplusx-previous,
.boxplusx-container[dir="rtl"] .boxplusx-viewport > .boxplusx-next {
    left: 0;
}
.boxplusx-container[dir="ltr"] .boxplusx-viewport > .boxplusx-next,
.boxplusx-container[dir="rtl"] .boxplusx-viewport > .boxplusx-previous {
    right: 0;
}
.boxplusx-aspect {
    margin: 0;
    border: 0 solid transparent;
    padding: 0;
    max-width: 100%;
    height: auto;
}
.boxplusx-content {
    overflow-x: hidden;
    overflow-y: auto;
}
.boxplusx-viewport.boxplusx-draggable > .boxplusx-content {
    overflow: auto;
}
.boxplusx-content.boxplusx-image > div,
.boxplusx-content.boxplusx-image > div > div {
    position: absolute;
    width: 100%;
    height: 100%;
}
.boxplusx-content.boxplusx-image > div > div {
    background: transparent none no-repeat scroll 50%;
    background-size: contain;
}
.boxplusx-viewport.boxplusx-draggable > .boxplusx-content.boxplusx-image > div {
    position: relative;
}
.boxplusx-viewport.boxplusx-draggable > .boxplusx-content.boxplusx-image > div > div {
    position: relative;
    background-size: cover;
}
.boxplusx-content > .boxplusx-detail {
    overflow-y: auto;
}
.boxplusx-viewport.boxplusx-draggable > .boxplusx-content.boxplusx-image > .boxplusx-detail {
    position: absolute;
    top: 0;
}
.boxplusx-content.boxplusx-unavailable {
    background: transparent
        url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='550.45' width='627.77' version='1.0' viewBox='0 0 627.769 550.45'%3E%3Cpath fill='%23ea0000' d='M614.57 504.94L335.17 21a24.51 24.51 0 00-42.46-.004L13.3 504.936a24.537 24.537 0 00.003 24.52 24.518 24.518 0 0021.23 12.25h558.81c8.76 0 16.86-4.67 21.23-12.25a24.52 24.52 0 000-24.52z'/%3E%3Cpath fill='%23fff' d='M93.977 482.88H533.9L313.94 101.89z'/%3E%3Cpath d='M291.87 343.36c1.21 11.49 3.21 20.04 6.02 25.66 2.81 5.63 7.82 8.43 15.04 8.43h2.01c7.22 0 12.24-2.8 15.04-8.43 2.81-5.62 4.82-14.17 6.02-25.66l6.42-88.75c1.21-17.3 1.81-29.71 1.81-37.25 0-10.25-2.91-18.25-8.73-23.99-5.53-5.46-13.38-8.59-21.56-8.59s-16.04 3.13-21.57 8.59c-5.81 5.74-8.72 13.74-8.72 23.99 0 7.54.6 19.95 1.8 37.25l6.42 88.75z'/%3E%3Ccircle cy='430.79' cx='313.94' r='30.747'/%3E%3C/svg%3E")
        no-repeat scroll 50%;
    background-size: contain;
}
.boxplusx-video > video {
    width: 100%;
}
.boxplusx-video > .boxplusx-play {
    position: absolute;
    left: 0;
    right: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke-width='15' stroke='%23fff'/%3E%3Cpath fill='%23fff' d='M70 55v90l75-45z'/%3E%3C/svg%3E")
        no-repeat 50%;
		
    top: 33%;
    bottom: 33%;		
}
.boxplusx-content > embed {
    width: 100%;
    height: 100%;
}
.boxplusx-content > iframe {
    border: 0;
    width: 100%;
    height: 100%;
}
.boxplusx-viewport.boxplusx-fixedaspect > .boxplusx-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: hidden;
}
.boxplusx-container[dir="ltr"] .boxplusx-viewport > .boxplusx-previous,
.boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-previous:hover,
.boxplusx-container[dir="rtl"] .boxplusx-viewport > .boxplusx-next,
.boxplusx-container[dir="rtl"] .boxplusx-viewport > div.boxplusx-next:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='48' viewBox='0 0 100 100'%3E%3Crect ry='25' x='10.417' height='100' width='100' fill-opacity='.5'/%3E%3Cpath d='M65 36.5h16v28H65zm-25 14l25 34m0 0l-25-34 25-35' fill='%23fff'/%3E%3C/svg%3E");
}
.boxplusx-container[dir="ltr"] .boxplusx-viewport > .boxplusx-next,
.boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-next:hover,
.boxplusx-container[dir="rtl"] .boxplusx-viewport > .boxplusx-previous,
.boxplusx-container[dir="rtl"] .boxplusx-viewport > div.boxplusx-previous:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='48' viewBox='0 0 100 100'%3E%3Crect ry='25' x='-10.417' height='100' width='100' fill-opacity='.5'/%3E%3Cpath d='M35 36.5H19v28h16zm25 14l-25 34m0 0l25-34-25-35' fill='%23fff'/%3E%3C/svg%3E");
}
@media (-moz-touch-enabled: 0), (hover) and (pointer: fine) {
    .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-next,
    .boxplusx-container[dir="ltr"] .boxplusx-viewport > div.boxplusx-previous,
    .boxplusx-container[dir="rtl"] .boxplusx-viewport > div.boxplusx-next,
    .boxplusx-container[dir="rtl"] .boxplusx-viewport > div.boxplusx-previous {
        background-image: ;
    }
}
.boxplusx-viewport > .boxplusx-content.boxplusx-interactive ~ .boxplusx-next,
.boxplusx-viewport > .boxplusx-content.boxplusx-interactive ~ .boxplusx-previous {
    display: initial;
}
.boxplusx-navigation {
    margin: 0.2vw 0 2.7vw 0;
	min-height: 50px;
    height: 4vw;
    overflow: hidden;
    position: relative;
}
.boxplusx-navigation.boxplusx-bottom,
.boxplusx-navigation.boxplusx-top {
    visibility: hidden;
}
@media (-moz-touch-enabled: 0), (hover) and (pointer: fine) {
    .boxplusx-navigation.boxplusx-bottom,
    .boxplusx-navigation.boxplusx-top {
        visibility: visible;
        opacity: 0;
    }
    .boxplusx-navigation.boxplusx-bottom:hover,
    .boxplusx-navigation.boxplusx-top:hover {
        opacity: 1;
    }
}
.boxplusx-navbar {
    position: absolute;
    top: 0;
    bottom: 0;
    white-space: nowrap;
}
.boxplusx-container[dir="ltr"] .boxplusx-navbar {
    left: 0;
    transition: left 0s linear;
}
.boxplusx-container[dir="rtl"] .boxplusx-navbar {
    right: 0;
    transition: right 0s linear;
}
.boxplusx-navitem {
    display: inline-block;
    position: relative;
	min-width: 50px;
    width: 4vw;
    height: 100%;
    overflow: hidden;
    opacity: 0.5;
    transition: opacity 0.1s;
}
.boxplusx-navitem.boxplusx-current,
.boxplusx-navitem:hover {
    opacity: 1;
}
.boxplusx-navitem > .boxplusx-aspect {
    box-sizing: border-box;
    height: 100%;
}
.boxplusx-navimage {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid grey;
    margin: 2px;
    background: transparent none no-repeat scroll 50%;
    background-size: contain;
}
.boxplusx-current > .boxplusx-navimage {
    border-color: red;
}
.boxplusx-forward,
.boxplusx-rewind {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24px;
    background: transparent none no-repeat scroll 50%;
}
.boxplusx-container[dir="ltr"] .boxplusx-rewind,
.boxplusx-container[dir="rtl"] .boxplusx-forward {
    left: 0;
}
.boxplusx-container[dir="ltr"] .boxplusx-forward,
.boxplusx-container[dir="rtl"] .boxplusx-rewind {
    right: 0;
}
.boxplusx-caption {
    max-height: 60px;
    overflow-y: auto;
}
.boxplusx-caption > .boxplusx-title {
    font-weight: 400;
}
.boxplusx-detail table {
    border-collapse: collapse;
}
.boxplusx-detail td {
    border: 1px solid transparent;
    text-align: left;
}
.boxplusx-dialog.boxplusx-dark .boxplusx-detail td {
    border-color: #fff;
}
.boxplusx-dialog.boxplusx-light .boxplusx-detail td {
    border-color: #000;
}
.boxplusx-controls {
    margin: 3px 0 0;
}
.boxplusx-controls > div {
    background: transparent none no-repeat scroll 0 0;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 2px;
}
.boxplusx-container[dir="ltr"] .boxplusx-controls > .boxplusx-previous,
.boxplusx-container[dir="ltr"] div.boxplusx-rewind,
.boxplusx-container[dir="rtl"] .boxplusx-controls > .boxplusx-next,
.boxplusx-container[dir="rtl"] div.boxplusx-forward {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath d='M54.5 36.5h16v28h-16zm-25 14l25 34m0 0l-25-34 25-35' fill='%23fff'/%3E%3C/svg%3E");
    display: none;
}
}
.boxplusx-container[dir="ltr"] .boxplusx-controls > .boxplusx-next,
.boxplusx-container[dir="ltr"] div.boxplusx-forward,
.boxplusx-container[dir="rtl"] .boxplusx-controls > .boxplusx-previous,
.boxplusx-container[dir="rtl"] div.boxplusx-rewind {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath d='M45.5 36.5h-16v28h16zm25 14l-25 34m0 0l25-34-25-35' fill='%23fff'/%3E%3C/svg%3E");
	display: none;
}
.boxplusx-controls > .boxplusx-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath fill='%23fff' d='M66.874 18.662l14.464 14.464-48.212 48.212-14.464-14.464z'/%3E%3Cpath fill='%23fff' d='M18.663 33.126l14.464-14.464 48.211 48.212-14.463 14.464z'/%3E%3C/svg%3E");
	
	opacity: 0.5;
	position: relative;
	top: 0.5vw;
	right: 0.5vw;
	background-size: contain;
	height: 1.2vw;
	width: 1.2vw;
	min-width: 32px;
	min-height: 32px;
	cursor: pointer;
}
.boxplusx-controls > .boxplusx-close:hover {
	opacity: 1.0;
}
.boxplusx-controls > .boxplusx-start {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath d='M32 21.5l45 29-45 28z' fill='%23fff'/%3E%3C/svg%3E");
}
.boxplusx-controls > .boxplusx-stop {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Crect width='38' height='38' x='31' y='31' ry='0' fill='%23fff'/%3E%3C/svg%3E");
}
.boxplusx-controls > .boxplusx-download {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath d='M26.66 20C23 20 20 23 20 26.66v46.66C20 77 23 80 26.66 80h46.67C77 80 80 76 80 73.33V30L70 20zm10 3.33h26.66v16.66H36.66zm16.66 3.33v10h6.66v-10zm-20 23.33h33.34c2 .01 3.34 1.34 3.34 3.34v16.66c0 2-1.33 3.33-3.33 3.33H33.33C31.33 73.33 30 72 30 70V53.34c0-2 1.33-3.33 3.33-3.33z' fill='%23fff'/%3E%3C/svg%3E");
}
.boxplusx-controls > .boxplusx-metadata {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath d='M46.6 22.8l-6.8 6.8H33v-3.4H22.8v3.4c-3.75 0-6.8 3.1-6.8 6.8v34.1c0 3.75 3.1 6.8 6.8 6.8h54.6c3.75 0 6.8-3.1 6.8-6.8V36.4c0-3.75-3.1-6.8-6.8-6.8H74l-6.8-6.8zm-18.75 8.5c1.9 0 3.4 1.5 3.4 3.4s-1.5 3.4-3.4 3.4-3.4-1.5-3.4-3.4 1.5-3.4 3.4-3.4zm29 5.1c9.4 0 17 7.6 17 17s-7.6 17-17 17-17-7.6-17-17 7.6-17 17-17zm0 6.8c-5.6 0-10.2 4.6-10.2 10.2s4.6 10.2 10.2 10.2 10.2-4.6 10.2-10.2-4.6-10.2-10.2-10.2z' fill='%23fff'/%3E%3C/svg%3E");
}
.boxplusx-orientation-2 {
    transform: rotateY(180deg);
}
.boxplusx-orientation-3 {
    transform: rotate(180deg);
}
.boxplusx-orientation-4 {
    transform: rotate(180deg) rotateY(180deg);
}
.boxplusx-orientation-5 {
    transform: rotate(270deg) rotateY(180deg);
    transform-origin: top left;
}
.boxplusx-orientation-6 {
    transform: translateY(-100%) rotate(90deg);
    transform-origin: bottom left;
}
.boxplusx-orientation-7 {
    transform: translateY(-100%) translateX(-100%) rotate(90deg) rotateY(180deg);
    transform-origin: bottom right;
}
.boxplusx-orientation-8 {
    transform: translateX(-100%) rotate(270deg);
    transform-origin: top right;
}
.boxplusx-bottom,
.boxplusx-top {
    position: absolute;
    left: 0;
    right: 0;
}
.boxplusx-top {
    top: 0;
	left: unset;
}
.boxplusx-bottom {
    bottom: 0;
}
.boxplusx-above,
.boxplusx-below {
    position: relative;
}
.boxplusx-above {
    order: -1;
}
.boxplusx-below {
    order: 1;
}