.mfp-bg {z-index: 99998;}
.mfp-wrap {z-index: 99999;}
#refpop {position: relative;background: #FFF;padding: 20px;width: 100%;max-width: 800px;border-radius: 10px;margin: 20px auto;}
#refpop .mfp-close {content: "\f404";font-size: 28px;font-size: 52px;opacity: 0.6;font-family: "Ionicons";}
#refpop h3 {text-align: center;margin-bottom: 25px;}
#refpop form label {text-align: center;}
#refpop form input#emailidd {border-color: #ccc;height: 40px;border-radius: 3px;margin-right: 2px !important;}
#refpop form input.esubmit {height: 40px;}
.center-cnt.referf {position:relative;}  
.center-cnt.referf ul{list-style:none; margin:0px auto; width:100%; max-width: 600px;}
.center-cnt.referf ul li {display:inline-block; width: 100%;}
.center-cnt.referf label {font-size: 14px; color: #888e92; display: block; margin-bottom: 5px;}
.center-cnt.referf input[type="text"] { background: #f0f6fa; padding: 10px; width: 48%; margin: 0 1%; text-align: left;}
.center-cnt.referf ul li input[type="text"] {width:calc(100% - 92px); float: left; margin: 0!important;}
.center-cnt.referf ul li input[type="submit"] {width:90px; float: left; margin: 0!important; padding: 11px;}
.pop-upfooter {text-align: center; position: relative;}  
.pop-upfooter ul {list-style: none; margin: 0 auto; position: relative;} 
.pop-upfooter ul li {display: inline-block; padding: 0 5px;}
.pop-upfooter ul li {font-size: 14px; color: #888e92;}
.pop-upfooter ul li a, .pop-upfooter ul li a:hover {color:#1b9dff; text-decoration: none;}
.secondarypopup {position: relative; display: none;text-align: center;margin-top: 25px;}   
.customtab-links {display: inline-block;}
.customtab-content {text-align: left;}
.customtab-content p {text-align: center;}
.customtab-content input {width: 50%;}
.customtab-content form > div {margin-bottom: 15px;}
.customtab-content form > button {    margin-left: 100px;text-shadow: none;padding: 12px 20px;font-size: 15px;text-transform: uppercase;    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25PX;
    -ms-border-radius: 25px;}
.customtab-content form {    display: block;margin: 0 auto;margin-left: 165px;}
.customtab-content .input-outer {    width: 80px;display: inline-block;vertical-align: middle;float: left;margin-right: 8px;}
.customtab-content .input-outer + input {width:calc(50% - 88px);vertical-align: middle;margin: 0 !important;outline: 0;border: 0 !important;float: left;}
.customtab-content div:after {content: '';clear: both;display: block;}
.customtab-content div > b {float: left;line-height: 53px;min-width: 100px;}
.tab-copy-link.active{cursor:pointer;position:relative;}
.tab-copy-link.active:before{position:absolute;width:100px;background: #50e3a8;text-align: center;content: "Link Copied";border-radius:13px;color:#fff;font-size:13px;padding:1px 0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:-33px;opacity:1;line-height: 25px;}
.tab-copy-link.active:after{content:"";position:absolute;top:-6px;left:50%;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #50e3a8;opacity:1;}
.secondarypopup .input-outer .CaptionCont {padding: 0;line-height: 53px;}
.secondarypopup .errortext {font-size: 16px;text-align: center;clear:both; letter-spacing: 1px;margin-top: 10px; padding-left:100px; text-align:left!important; color: red;display: block;text-align: left;padding-left: 100px;}
.secondarypopup ul {list-style: none; margin: 0px;  padding: 5px 10px; background: #fff;}   
.secondarypopup ul.customtab-links {padding: 0; padding-bottom: 20px;} 
.secondarypopup ul.customtab-links li{display:table-cell;  background: #eee; width: 33.33%;} 
.secondarypopup ul.customtab-links li.active {background: #fff;} 
.secondarypopup ul li:last-child{margin-right: 0px;}    
.secondarypopup ul li figure {display: block; width: 100%; position: relative;} 
.secondarypopup ul li figure img {width: auto; margin: 0 auto; display: block; padding: 5px;}    
.secondarypopup ul li figurecaption {font-size: 12px; color: #000; display: block; padding: 5px 10px;}    
.mfp-with-zoom .mfp-container,.mfp-bg { opacity: 0; background: #000; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.mfp-wrap {background: transparent;}
.mfp-ready.mfp-bg { opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;} 
.loginpopup{text-align:center;margin-bottom:10px;}

@media only screen and (max-height: 600px){
.box-popup-model h3{font-size: 22px;}
}   
    
@media screen and (max-width:767px){
.customtab-content form {margin: 0 auto;max-width: 400px;}
#refpop h3 {font-size: 28px;}
.customtab-content form .error {display: block;}
.customtab-content input {width: calc(100% - 100px);}
.customtab-content .input-outer + input {    width: calc(100% - 188px);
}    
    
@media screen and (max-width:479px){
.customtab-content input {display: block;width: 100%;}
.customtab-content form > button {margin: 0;}
#refpop h3 {font-size: 20px;}
#refpop form label {font-size: 13px;}
.center-cnt.referf ul {padding-left: 0;}
.customtab-content div > b {line-height: normal;margin-bottom: 8px;}
}