.wmpci-clearfix:before, .wmpci-clearfix:after{

    content: "";

    display: table;

}

.wmpci-clearfix::after{

    clear: both;

}

.wmpci-popup-wrp *{outline: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

.wpmci-popup-cnt-inr-wrp {text-align:center;}

.wpmci-popup-cnt-inr-wrp h2{margin:0 0 5px 0 !important}

.wpmci-popup-cnt-inr-wrp h4{margin:0 0 15px 0 !important}

.wmpci-popup-open #wmpci-popup-wrp {

  display: block;

}

#wmpci-popup-wrp {

  bottom: 0;

  display: none;

  left: 0;

  overflow-y: auto;

  position: fixed;

  right: 0;

  top: 0;

  z-index: 9999999;

}

.wmpci-popup-wrp.splash {

  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;

}

.wmpci-popup-body {

    background-color: #fff;

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: left;

   top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);

    max-width: 50%;

    width: auto;

}

.wmpci-popup-body p{

    line-height: 1.71429;

    margin: 0 0 1.71429rem;

}

.wmpci-popup-body p:last-child{

    margin: 0;

}

.text-right {

  text-align: right !important;

}

.wpmci-popup-cnt-inr-wrp{

  clear: both;

  font-size: 14px;

  padding: 20px 20px 20px 20px;

  width: 100%;



}

.wmpci-popup-open, .wmpci-popup-open body {

    overflow: hidden;

}

.wmpci-popup-wrp .wmpci-popup-close {

  background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0;

  display: block;

  height: 35px;

  position: absolute;

  right: -12px;

  text-decoration: none !important;

  top: -12px;

  width: 35px;

  z-index: 1500;

}



/***** Design 1 Starts*****/

.design1 .wmpci-popup-body{

    border: 5px solid #fff;

    background-color: #08beb6;

    color: #fff;

}

/***** Design 1 Ends*****/



/***** Design 2 Starts*****/

.wmpci-popup-bar-wrp{

    clear: both;

    margin-bottom: 20px;

}

.wmpci-popup-bar{

    display: block;

    float: left;

    height: 11px;

    width: 25%;

}

.wmpci-red-bar {background-color: #ef3e36;}

.wmpci-green-bar {background-color: #abb92e;}

.wmpci-orange-bar{background-color: #f57826;}

.wmpci-blue-bar{background-color: #17b4e9;}

/***** Design 2 End*****/



/*--- For Menu Media Css Starts ---*/

@media only screen and (max-width: 650px) {

    .wmpci-popup-body{

        width:90% !important;

    }

}