#msbMouse {
	display:none;
}
#msbMsb {
	display:none;
}
.msbIframe {
	position: absolute;
	z-index: 999997;
	opacity: 0;
	border: 1px solid blue;
}
.msbBlock {
	position:relative;
	cursor: default;
}
.tutup1 {
	position:absolute;
	top:0;
	left:0;
	background:red;
	z-index: 99;
	cursor: default;
}
.tutup2 {
	position:absolute;
	right:0;
	top:97px;
	z-index:99;
	background:blue;
	width:79px;
	height:33px;
	cursor: default;
}
.tutup3 {
	position:absolute;
	right:79px;
	top: 120px;
	z-index:999;
	background:blue;
	width:30px;
	height:10px;
	cursor: default;
}
.tutup4 {
	position:absolute;
	left:0;
	top:97px;
	z-index:999;
	background:yellow;
	width:74px;
	height:33px;
	cursor: default;
}
.tutupCloser {
	position:absolute;
	width: 7px;
	height: 20px;
	background: green;
	z-index: 9999;
	display:none;
}
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.4;
	display: none;
	background: #000;
	z-index: 999991;
}
.msbModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 999999;
}
.isShow {
	visibility: visible;
	opacity: 1;
	z-index: 999999;
}
.msbModal.isShow {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.msbModal,
.msbModal.isShow .window {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.msbModal.isShow .window {
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
}
.msbModal.isShow .window {
	opacity: 1;
}


/* Fade */
.window.fade {
	opacity: 0;
}

/* Zoom */
.window.zoomIn {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
.window.zoomOut {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/* Slide */
.window.slideTop {
	-webkit-transform: translateY(-25%);
	-moz-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}
.window.slideBottom {
	-webkit-transform: translateY(25%);
	-moz-transform: translateY(25%);
	-ms-transform: translateY(25%);
	transform: translateY(25%);
}
.window.slideLeft {
	-webkit-transform: translateX(-25%);
	-moz-transform: translateX(-25%);
	-ms-transform: translateX(-25%);
	transform: translateX(-25%);
}
.window.slideRight {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

/* Rotate */
.window.rotateIn {
	-webkit-transform: rotate(720deg) scale(0);
	-moz-transform: rotate(720deg) scale(0);
	-ms-transform: rotate(720deg) scale(0);
	transform: rotate(720deg) scale(0);
}
.window.rotateOut {
	-webkit-transform: rotate(720deg) scale(1.5);
	-moz-transform: rotate(720deg) scale(1.5);
	-ms-transform: rotate(720deg) scale(1.5);
	transform: rotate(720deg) scale(1.5);
}

/* Flip */
.window.flipHorizontal {
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}
.window.flipVertical {
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

/* Perpective */
.window.perspectiveTop {
	-webkit-transform: perspective(300px) rotateX(-90deg);
	-moz-transform: perspective(300px) rotateX(-90deg);
	-ms-transform: perspective(300px) rotateX(-90deg);
	transform: perspective(300px) rotateX(-90deg);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}
.window.perspectiveBottom {
	-webkit-transform: perspective(300px) rotateX(90deg);
	-moz-transform: perspective(300px) rotateX(90deg);
	-ms-transform: perspective(300px) rotateX(90deg);
	transform: perspective(300px) rotateX(90deg);
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
}
.window.perspectiveLeft {
	-webkit-transform: perspective(200px) rotateY(90deg);
	-moz-transform: perspective(200px) rotateY(90deg);
	-ms-transform: perspective(200px) rotateY(90deg);
	transform: perspective(200px) rotateY(90deg);
	-webkit-transform-origin: center left;
	-moz-transform-origin: center left;
	-ms-transform-origin: center left;
	transform-origin: center left;
}
.window.perspectiveRight {
	-webkit-transform: perspective(200px) rotateY(-90deg);
	-moz-transform: perspective(200px) rotateY(-90deg);
	-ms-transform: perspective(200px) rotateY(-90deg);
	transform: perspective(200px) rotateY(-90deg);
	-webkit-transform-origin: center right;
	-moz-transform-origin: center right;
	-ms-transform-origin: center right;
	transform-origin: center right;
}

.window * {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
.window {
	
	top: 20%;
 }

.window .msbClose {
	position: absolute;
	top: -1000px;
	z-index: 999990;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.window .msbClose:before {
	content: "\D7";
	margin:0 auto;
	font-size:30px;
	font-weight:normal;
	line-height:20px;
}

.window .msbACB {
	position: absolute;
	z-index: 999;
}

.window .popupContent {
	top:0;
	text-align: left;
	padding: 10px;
	display: inline-block;
}
.popupContent a {
	color: #11a8ab;
}
.popupContent a:hover {
	color: #fff;
}
.popupContent h1 {
	font-size: 35px;
	line-height: 26px;
}
.popupContent h2 {
	font-size: 30px;
	line-height: 25px;
}
.popupContent h3 {
	font-size: 25px;
	line-height: 24px;
}
.popupContent h4 {
	font-size: 20px;
	line-height: 23px;
}
.popupContent h5 {
	font-size: 15px;
	line-height: 22px;
}
.popupContent h6 {
	font-size: 13px;
	line-height: 21px;
}

.popupContent ul, 
.popupContent ol, 
.popupContent dl, 
.popupContent table, 
.popupContent address, 
.popupContent pre, 
.popupContent h1, 
.popupContent h2, 
.popupContent h3, 
.popupContent h4, 
.popupContent h5, 
.popupContent h6 {
	margin-top: 20px;
}
.popupContent p:first-child, 
.popupContent ul:first-child, 
.popupContent ol:first-child, 
.popupContent dl:first-child, 
.popupContent table:first-child, 
.popupContent blockquote:first-child, 
.popupContent address:first-child, 
.popupContent pre:first-child, 
.popupContent h1:first-child, 
.popupContent h2:first-child, 
.popupContent h3:first-child, 
.popupContent h4:first-child, 
.popupContent h5:first-child, 
.popupContent h6:first-child, 
.popupContent .wp-video:first-child, 
.popupContent .wp-audio-shortcode:first-child {
	margin-top: 0;
}
.popupContent ul, .popupContent ol {
	list-style-position: inside;
}
.popupContent ul ul, .popupContent ol ol, .popupContent ul ol, .popupContent ol ul {
	margin-left: 30px;
	margin-top: 0;
}
.popupContent dl dd {
	margin-left: 30px;
}
.popupContent blockquote {
	margin-top: 20px;
	margin-left: 30px;
	font-style: italic;
}
.popupContent pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.popupContent table {
	width: 100%;		
}
.popupContent table th {
	background-color: #50597b;
	font-weight: normal;
	text-align: left;
	color: #fff;
	padding: 4px 10px 5px;		
}
.popupContent table td {
	color: #9099b7;
	padding: 4px 10px 5px;
	border-bottom: 1px solid #2f3552;	
}
.popupContent img {
	max-width: 100%;
	height: auto;
}
.popupContent img.alignleft {
	float: left;
	margin-top: 7px;
	margin-right: 25px;
	margin-bottom: 15px;
}
.popupContent img.alignright {
	float: right;
	margin-top: 7px;
	margin-left: 25px;
	margin-bottom: 15px;
}
.popupContent .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.window .popupFeatured{
	padding: 10px 0;
	width: 40%;
	top: 0;
	position: relative;
}
@media only screen and (max-width: 922px){
	.tutupCloser {
		display: block;
	}
}
@media only screen and (max-width: 582px){
	.window {
		top: 5%;
	}
}
@media only screen and (max-width: 422px){
	.window .popupFeatured{
		width: 20%;
	}
	.popupImage{
		display: none;
	}
}