.md-perspective,.md-perspective body{height:100%;overflow:hidden}
.md-perspective body{background:#222;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px}
.md-modal{position:fixed;top:50%;left:50%;width:800px;height:auto;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.md-show{visibility:visible}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(0,0,0,0.8);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show ~ .md-overlay{opacity:1;visibility:visible}
.md-content{color:#fff;position:relative;border-radius:5px;margin:0 auto;background:rgba(255,255,255,0.8)}
.md-content h3{margin:0;padding:.4em;text-align:center;font-size:2.4em;font-weight:300;opacity:.8;background:rgba(0,0,0,0.1);border-radius:3px 3px 0 0}
.md-content > div{padding:15px 40px 30px;margin:0;font-weight:300;font-size:1.15em}
.md-content > div p{margin:0;padding:10px 0}
.md-content > div ul{margin:0;padding:0 0 30px 20px}
.md-content > div ul li{padding:5px 0}
.md-content button{display:block;margin:0 auto;font-size:20px;position:absolute;right:10px;top:10px;background:none;border:none;box-shadow:none;width:20px;height:20px;padding:0;color:#333;cursor:pointer}
.md-content button:hover{color:#000}
.md-content .form-lt ul li input[type="text"],.md-content .form-lt ul li input[type="email"],.md-content .form-lt ul li input[type="tel"],.md-content .form-lt ul li textarea,.md-content .form-lt ul li input[type="submit"],.banner-contact-popup .form-lt ul li select{color:#5f5f5f;width:100%}
.md-content .form-lt ul li input[type="text"]::-webkit-input-placeholder,.md-content .form-lt ul li textarea::-webkit-input-placeholder,.banner-contact-popup .form-lt ul li select::-webkit-input-placeholder{color:#5f5f5f}
.md-content .form-lt ul li input[type="text"]:-moz-placeholder,.md-content .form-lt ul li textarea:-moz-placeholder,.banner-contact-popup .form-lt ul li select:-moz-placeholder{color:#5f5f5f;opacity:1}
.md-content .form-lt ul li input[type="text"]::-moz-placeholder,.md-content .form-lt ul li textarea::-moz-placeholder,.banner-contact-popup .form-lt ul li select::-moz-placeholder{color:#5f5f5f;opacity:1}
.md-content .form-lt ul li input[type="text"]:-ms-input-placeholder,.md-content .form-lt ul li textarea:-ms-input-placeholder,.banner-contact-popup .form-lt ul li select:-ms-input-placeholder{color:#5f5f5f;}
.md-content .form-lt ul li input[type="submit"]{color:#fff}
.md-content .form-lt ul li input[type="submit"]:hover{color:#333}
.md-effect-1 .md-content{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show.md-effect-1 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;float:left;width:100%;padding:50px 50px 30px}
@-webkit-keyframes slit {
	50%{-webkit-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-webkit-animation-timing-function:ease-out}
	100%{-webkit-transform:translateZ(0) rotateY(0deg);opacity:1}
}
@-moz-keyframes slit {
	50%{-moz-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-moz-animation-timing-function:ease-out}
	100%{-moz-transform:translateZ(0) rotateY(0deg);opacity:1}
}
@keyframes slit {
	50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-in}
	100%{transform:translateZ(0) rotateY(0deg);opacity:1}
}
@-webkit-keyframes rotateRightSideFirst {
	50%{-webkit-transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out}
	100%{-webkit-transform:translateZ(-200px)}
}
@-moz-keyframes rotateRightSideFirst {
	50%{-moz-transform:translateZ(-50px) rotateY(5deg);-moz-animation-timing-function:ease-out}
	100%{-moz-transform:translateZ(-200px)}
}
@keyframes rotateRightSideFirst {
	50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}
	100%{transform:translateZ(-200px)}
}
@-webkit-keyframes OpenTop {
	50%{-webkit-transform:rotateX(10deg);-webkit-animation-timing-function:ease-out}
}
@-moz-keyframes OpenTop {
	50%{-moz-transform:rotateX(10deg);-moz-animation-timing-function:ease-out}
}
@keyframes OpenTop {
	50%{transform:rotateX(10deg);animation-timing-function:ease-out}
}
@media screen and (max-width: 1199px) {
	.md-modal{top:25%}
}
@media screen and (max-width: 1024px) {
	.md-modal{top:330px;width:96%;position:absolute}
	.md-show.md-effect-1 .md-content{padding:45px 25px}
}