.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 auto 50px auto !important;

    padding: 0 !important;

    display: block !important;

    float: none !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.8) 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: 0;

    width: 100%;

    overflow: auto;

}



.wmpci-popup-open,

.wmpci-popup-open body {

    overflow: hidden;

}



/***** 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;

    }

}



.wmpci-popup-wrp .wmpci-popup-body {

    background: none !important;

    max-width: 340px !important;

    padding: 50px !important;

    background-color: #fff !important;

}



.wmpci-popup-body p {

    margin: 0 0 30px 0 !important;

    padding: 0 !important;

    line-height: 1.6 !important;

    font-size: 15px !important;

    color: #282825 !important;

    font-weight: 400 !important;

    letter-spacing: 0.05em !important;

}



.wpmci-popup-cnt-inr-wrp h4.line:after {

    padding-bottom: 50px;

    border-bottom: 2px solid #eccc19;

    content: '';

    position: absolute;

    left: 25%;

    top: 0;

    width: 50%;

    height: 1px;

}



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

    font-size: 17px;

    padding-right: 22px;

    background-image: url(../images/close.png);

    background-size: 11px auto;

    background-repeat: no-repeat;

    background-position: right center;

    color: #282825;

    text-decoration: none;

    display: block;

    width: max-content;

    margin: 20px auto 0;

}