body.mx_sp_push{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
button:focus {outline:0;}
.mx_sp_body label.control_label_display_0{
	display: none;
}
.mx_sp_responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mx_sp_responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.mx_sp_overlay_1.open{
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	background: rgba(0,0,0,0.4);
	z-index: 99998;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mx_sp_wrapper{
	position: fixed;
	z-index: 99999;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mx_sp_scroll_0{
	overflow: hidden;
}
.mx_sp_scroll_1{
	overflow: auto;
}
.mx_sp_wrapper.mx_sp_anim_slide.mx_sp_overlap.open{
	right: 0;
}
.mx_sp_wrapper.mx_sp_anim_flip.mx_sp_overlap.open{
	animation-name: flipoverlap;
    animation-duration: 300ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	transform: rotateY(0deg);
	right: 0;
}
@keyframes flipoverlap { 
        0% {
			transform: perspective( 1000px ) rotateY( -90deg );
			filter: opacity(0%);
			right: 0;
        } 
		100% { 
			transform: perspective( 1000px ) rotateY( 0deg );
			filter: opacity(100%);
			right: 0;
        }
}
.mx_sp_wrapper.mx_sp_anim_bounce.mx_sp_overlap.open{
	animation-name: bounceoverlap;
    animation-duration: 600ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	transform: rotateY(0deg);
	right: 0;
}
@keyframes bounceoverlap { 
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
}

.mx_sp_wrapper.mx_sp_anim_slide.mx_sp_push.open{
	right: 0;
}
.mx_sp_wrapper.mx_sp_anim_flip.mx_sp_push.open{
	animation-name: flippush;
    animation-duration: 300ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	transform: rotateY(0deg);
	right: 0;
}
@keyframes flippush { 
        0% { 
            transform: rotateY(90deg);
			filter: opacity(0%);
			right: 0;
        } 
		100% { 
            transform: rotateY(0deg);
			filter: opacity(100%);
			right: 0;
        }
}
.mx_sp_wrapper.mx_sp_anim_bounce.mx_sp_push.open{
	animation-name: bounceoverlap;
    animation-duration: 600ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	transform: rotateY(0deg);
	right: 0;
}
.mx_sp_wrapper.mx_sp_anim_bounce.mx_sp_popup.open{
	animation-name: bounceoverlap;
    animation-duration: 600ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	transform: rotateY(0deg);
}

.mx_sp_wrapper.closed{
	display: none;
}
.mx_sp_body{
	max-height: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.mx_sp_container img{
	max-width: 100%;
}

.mx_sp_container .control-group{
	margin-bottom: 5px;
}
.mx_sp_headline{
	display: block;
	overflow: hidden;
}
.mx_sp_headline h1,
.mx_sp_headline h2,
.mx_sp_headline h3,
.mx_sp_headline h4,
.mx_sp_headline h5,
.mx_sp_headline h6,
.mx_sp_container h1,
.mx_sp_container h2,
.mx_sp_container h3,
.mx_sp_container h4,
.mx_sp_container h5,
.mx_sp_container h6{
	margin-top: 0 !important;
}

.mx_sp_wrapper.mx_sp_anim_slide.open div.mx_sp_body,
.mx_sp_wrapper.mx_sp_anim_flip.open div.mx_sp_body,
.mx_sp_wrapper.mx_sp_anim_bounce.open div.mx_sp_body{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.mx_sp_button,
.mx_sp_button_extern{
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}
.mx_sp_wrapper.open .mx_sp_button i:before{
	font-family: FontAwesome;
    content: "\f00d";
}
.mx_sp_wrapper.open .mx_sp_button i img{
	display: none;
}
.mx_sp_button img,
.mx_sp_button_extern img{
	max-width: 100%;
}
.mx_sp_button-sett li{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}
.mx_sp_button_tooltip_1:hover::before {
	color: #000000;
	position: absolute;
    display: block;
	content: attr(data-tooltip);
	right: 100%;
	padding: 5px 20px;
	margin-right: 5px;
    top: 50%;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	animation: slidein 0.3s forwards;
}
@keyframes slidein {
	0% {
    	margin-right: 30px;
		filter: opacity(0%);
  	}
  	100% {
    	margin-right: 5px;
		filter: opacity(100%);
  	}
}
.mx_sp_button-sett.mx_sp_button_container_effect_slide li:hover{
	margin-left: -3px;
}
.mx_sp_button-sett.mx_sp_button_container_effect_flip li:hover i{
	animation-name: flip;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
	transform: rotateY(0deg);
}
@keyframes flip { 
        0% { 
            transform: rotateY(0deg); 
        } 
		50% { 
            transform: rotateY(180deg); 
        }
		100% { 
            transform: rotateY(0deg); 
        }
}
.mx_sp_button-sett.mx_sp_button_container_effect_zoom li:hover{
	transform: scale(1.2, 1.2);
	margin-left: -5px;
	margin-top: 5px;
}
.mx_sp_wrapper.open .mx_sp_button_container:hover{
	margin-left: 0;
}
.mx_sp_wrapper.open .mx_sp_button_tooltip_1:hover::before {
    display: none;
}
@media (max-width: 767px) {
	.mx_sp_container{
		margin: 20px 10px;
		padding: 40px 20px 20px 20px;
		font-size: 1em;
		height: 100%;
		height: calc(100% - 100px);
	}
	.mx_sp_wrapper.mx_sp_anim_bounce.mx_sp_popup.open {
    right: 0px !important;
    top: 0px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	.mx_sp_container{
		margin: 20px 10px;
		padding: 25px 10px 10px 10px;
		font-size: 1em;
		height: 100%;
		height: calc(100% - 40px);
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.mx_sp_container{
		margin: 20px 10px;
		padding: 25px 10px 10px 10px;
		font-size: 1em;
		height: 100%;
		height: calc(100% - 40px);
	}
}
@media (min-width: 1200px) {
	.mx_sp_container{
		margin: 20px 10px;
		padding: 25px 10px 10px 10px;
		font-size: 1em;
		height: 100%;
		height: calc(100% - 40px);
	}
}

.mx_sp_button-sett {
position: fixed;
    z-index: 999;
    top: 50%;
    right:0px;
    align-items: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.mx_sp_button-sett li{
position: relative;
list-style:none;
}
.mx_sp_button-sett button{
padding: 12px 15px !important;
}
.mx_sp_wrapper .mx-popup-close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
    background: #fff;
    cursor: pointer;
    z-index: 99100;
}

.mx_sp_wrapper .mx-popup-close::before,
.mx_sp_wrapper .mx-popup-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mx_sp_wrapper .mx-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mx_sp_wrapper .mx-popup-close:hover::before,
.mx_sp_wrapper .mx-popup-close:hover::after {
    opacity: 0.8;
}