@-webkit-keyframes pulse {     0% { -webkit-transform: scale(1); }     4% { -webkit-transform: scale(1.05); }     8% { -webkit-transform: scale(1); }     12% { -webkit-transform: scale(1.05); }     16% { -webkit-transform: scale(1); }     100% { -webkit-transform: scale(1); } } 
@keyframes pulse {     0% { -webkit-transform: scale(1); }     4% { -webkit-transform: scale(1.05); }     8% { -webkit-transform: scale(1); }     12% { -webkit-transform: scale(1.05); }     16% { -webkit-transform: scale(1); }     100% { -webkit-transform: scale(1); } } 
.pulse { -webkit-animation-name: pulse;     animation-name: pulse;     -webkit-animation-duration: 16s;     animation-duration: 16s;     -webkit-animation-fill-mode: both;     animation-fill-mode: both;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-delay: 2s;    animation-delay:2s; }

.md-window{}
.md-window-bg{ display: none; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.md-window-content{  overflow: hidden;   position: fixed;      left: 20px;      width: 540px;      height: 293px;      top: 240px;      z-index: 99202; -webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;  box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;  -webkit-transform: translateY(-540px);  -moz-transform: translateY(-540px);  -o-transform: translateY(-540px);  -webkit-transition:all 0.3s ease;  -moz-transition: all 0.3s ease;   -o-transition: all 0.3s ease;      transition: all 0.3s ease; }
.md-window-content.show-md{ display: block;       -webkit-transform: translateY(0);      -moz-transform: translateY(0);      -o-transform: translateY(0);}
.md-window-close{ cursor: pointer;  margin-left: 0px;  margin-right: 0px;      position: absolute;      left: 505px;      top: 20px;      width: 12px;      height: 12px;      z-index: 99998;      opacity: 1; background-image: url('../img/close.png');      background-attachment: scroll;      background-position: 0px 0px;      background-repeat: no-repeat;-webkit-transform: rotate(0deg) scale(1) translateZ(0); -moz-transform: rotate(0deg) scale(1) translateZ(0); -o-transform: rotate(0deg) scale(1) translateZ(0); -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;      transition: all 0.3s ease;}
.md-window-close:hover{ -webkit-transform: rotate(360deg) scale(1.3) translateZ(0); -moz-transform: rotate(360deg) scale(1.3) translateZ(0);  -o-transform: rotate(360deg) scale(1.3) translateZ(0);  -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.md-window-content .md-top-section{    color: #fff; text-align: center;    padding: 30px 20px;    text-shadow:0 6px 6px rgba(0,0,0,0.8);}
.md-window-content .md-bottom-section { position: absolute; display: table; width: 100%; text-align:center; left: 0; bottom: 0; height: 80px; line-height: 80px; z-index: 9999; }
.md-window-content .md-bottom-section .md-bottom-section-center{ vertical-align: middle; display: table-cell; padding: 0 20px; }
.md-window-content p{ margin: 0; }
.md-window-content .content-cuppon{  background: rgb(243, 243, 243);      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 30px;      -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 30px;      box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 30px; }