.label, label {
    color:#000;
    margin-bottom:5px;
    display:inline-block
}
label {
    font-weight:400;
    width:100%
}
.label {
    font-weight:700
}
.form-group {
    font-family: american'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.form-horizontal {
    padding:5%;
}
.form-group, .label, label {
    margin-bottom:5px
}
.form-control, select.input-sm {
    height:29px;
    line-height:1
}
#__fadeToBlack__, .popmessage {
    position:fixed!important
}
.form-control {
    padding:6px 1px;
    font-size:14px;
    vertical-align:middle
}
.blockLabel {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}
.blockData {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}
.blockEmail {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}
input {
    margin:2px
}
 
 
body {
    BACKGROUND-COLOR:#EAEAEA!important
}
 
.template {
    background-color:#FFF;
    -webkit-box-shadow:1px 0 5px #000, -1px 0 5px #000;
    -moz-box-shadow:1px 0 5px #000, -1px 0 5px #000;
    box-shadow:1px 0 5px #000, -1px 0 5px #000;
    max-width:767px !important;
}
blockquote, ol, p, ul {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:14px;
    line-height:16px
}
.box-full-width {
    width:95%;
    box-shadow:0 0 15px #444;
    border:1px solid #000
}
.box-full-width, .box-side-bar {
    background-color:#fff;
    margin:0 auto 1em;
    padding:1em 5% .1em;
    -moz-box-shadow:0 0 15px #444;
    -webkit-box-shadow:0 0 15px #444
}
.box-side-bar {
    width:45%;
    box-shadow:0 0 15px #444;
    border:1px solid #000
}
.object-right {
    float:right;
    margin:10px
}
.object-left {
    float:left;
    margin:10px
}
.payment_OF, .billing_OF {
    margin-top: 5px;
    padding: 0px;
}
.radiobtn input[type=radio] {
    width:1.75em;
    height:1.75em
}
#creditName {
    display:none
}
.content {
    padding:25px
}
.choices {
    padding:10px
}
.continue {
    font-weight: 700;
    font-size: 1.3em;
    margin: 2em auto;
    padding: .2em .6em;
    background-color: #336F28;
    color: white;
    width: 100%;
    max-width: 12em;
    border-radius: .45em;
    height: 3.7em;
    white-space: normal;
}
.alertMessage {
    color:red;
    background-color:#ff0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:18px;
}
#exitButton2, #exittonew {
    height:51px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    cursor:pointer;
    text-align:center;
    font-weight:700;
    padding-top:13px
}
#exitButton2 {
    float:right;
    margin:0 20px 0 0;
    width:201px;
    background:url(https://www.realadvantagenutrients.com/images/opium/green-button.png)top center no-repeat;
    color:#000;
    text-decoration:none
}
#exitButton2:hover, #exittonew a:hover {
    text-decoration:underline
}
#exittonew {
    float:left;
    margin:0 0 0 20px;
    width:264px;
    background:url(https://www.realadvantagenutrients.com/images/opium/orange-button-264.png)top center no-repeat;
    color:#000
}
#popctrlbotm, #popctrltop {
    background-color:#fff!important
}
#__popUpBox__, #popctrltop, .popmessage {
    width:680px!important
}
#exittonew a {
    text-decoration:none;
    color:#000
}
#__popUpBox__ {
    top:500px!important;
    left:50%!important;
    margin-left:-348px!important
}
.popmessage {
    border:8px solid #ff7f7f!important;
    border-radius:10px!important;
    margin:0 auto!important
}
#popctrltop {
    background-image:none!important;
    height:16px!important
}
#epcontent {
    background:#fff!important;
    width:100%!important;
    height:100%!important;
    padding:10px!important
}
#epcontent p {
    font-size:17px!important;
}
#popctrlbotm {
    background-image:none!important;
    height:4px!important;
    width:680px!important
}
  
/* CSS For "Call Telesales Now" button */
#fixed_footer {
    display:none;
}
 
 
.cc-cardnumber {
    background-repeat:no-repeat;
    background-size:contain
}
.auto-cardtype {
    background-image:url(https://cdn1.moneymappress.com/of/creditCardType_NA.jpg)!important;
    padding-left: 50px;
}
.amex {
    background-image:url(https://cdn1.moneymappress.com/of/creditCardType_AX.jpg)!important;
}
.mastercard {
    background-image:url(https://cdn1.moneymappress.com/of/creditCardType_MC.jpg)!important;
}
.visa {
    background-image:url(https://cdn1.moneymappress.com/of/creditCardType_VI.jpg)!important;
}
.discover {
    background-image:url(https://cdn1.moneymappress.com/of/creditCardType_DI.jpg)!important;
}
.valid {
    border-color:#43ac6a!important
}
.invalid {
    border-color:#f04124!important
}
.ofimg {
    display:block;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}
.ofimgh {
    display:block;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}
.ofimgr {
    display:block;
    float:right;
    margin:5px 0 10px 15px;
}
.ofimgl {
    display:block;
    float:left;
    margin:5px 15px 10px 0;
}
.ofimgc {
    display:block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto
}
.himg {
    display:block;
    float:left;
    z-index:10;
    margin:-105px 20px 0px 20px;
}
.explainMessage {
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
}
.full-width-header {
    margin-left: -15px;
       margin-right: -15px;
       margin-top: -6px
}
hr {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0px;
}
.small {
    font-size: 13px;
    line-height: 15px;
}
.indent {
    margin-left: 50px;
}
.hide {
    display: none;
}
ul.arrow{
  list-style-image: url('https://images.web-purchases.com/Library-13/check_2tone_sm.jpg');
  margin-bottom: 1em;
}
ul.arrow li{
  margin-bottom: 1em;
}
ul.check {
  list-style-image: url(' https://cdn1.moneymappress.com/imgen/check_black_sm.jpg');
   margin-bottom: 1em;
}
ul.check li{
   margin-bottom: .2em;
   line-height: normal;
}
div.choice {
    margin: 30px 0 30px 0;
}
 
ul li{
	margin-bottom: .2em;
	line-height: normal;
}
 
/* AR Checkbox */
.ar-checkbox{
    transition: all .5s;
    padding: 10px 10px 10px 25px;
}
  
.ar-checkbox label{
    display:flex;
    align-items: center;
}
  
.ar-bigbox{
    height: 20px;
    flex: 0 0 10%;
    margin-right: 1em !important;
}
/* END */
 
/* Yes/No Button Horizontal layout */
.upsell-buttons{
    display:flex;
    justify-content: center;
    align-items: center;
}
  
.upsell-yes{
    margin-right: 20px;
}
  
/* END */
 
/* Helper classes */
.mb-sm{
    margin-bottom: 20px;
}
 
.ofimg-sm{
    width: 175px;
}
 
.ofimg-md{
    width: 85%;
}
 
/* END */

/* Fat Input */

.fat-input .form-control {
    height: 3.3em;
    padding: .4em 1.3em;
    margin-top: .3em;  
    max-width: 400px;
}
     
.fat-input .control-label {
    text-align: left;
    margin-bottom: 3px;
}
     
.fat-input .cc-input-custom .auto-cardtype {
    padding-left: 75px !important;
}

/* END */

/* CHOICES PADDINGS (double check) */
.choices{
    padding: 0;
}
#choices{
    padding: 0 !important;
}

/* SIDE BOX */
.side-box{
    float: right;
    margin: 5px 0 10px 15px;
    width: 300px;
    padding: 10px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
    background: -webkit-linear-gradient(rgba(233,237,243, .1), rgba(233,237,243, .5));
    background: -o-linear-gradient(rgba(233,237,243, .1), rgba(233,237,243, .5));
    background: linear-gradient(rgba(233,237,243, .1), rgba(233,237,243, .5));;
} 


@media only screen and (max-width: 767px){
     
    /* Yes/No Button Horizontal layout */
    .upsell-buttons{
        flex-direction: column;
    }
  
    .upsell-yes{
        margin-right: 0;
        margin-bottom: 20px;
    }
    /* END */

    .fat-input .form-control {
        max-width: 100%;
    }

    ul.check{
        list-style-position: inside;
        /* text-align: center; */
        padding: 0;
    }

    .side-box{
        float: none;
        margin: 1em auto;
    }
}
 
@media screen and (max-width: 768px) {
    #fixed_footer {
        display:block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 12px;
        padding-right: 12px;
        width: 100%;
        text-align: center;
    }
    #fixed_footer a {
        background: #3f952e;
        border: 1px solid #4bb236;
        border-radius: 4px;
        box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        margin-left: 20px;
        padding: 12px 25px;
        text-shadow: 1px 1px 1px #2b691f;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        -ms-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        -o-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
    }
    #fixed_footer span {
        background: #ca0000;
        border-radius: 10px;
        box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 22px;
        line-height: 17px;
        margin-top: -12px;
        padding: 3px 4px;
        vertical-align: top;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        -ms-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        -o-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, .4);
    }
    .box-side-bar {
        float:none;
        width:95%
      }
    .mobile-hide {
        display: none;
    }
 
    .ofimgr, .ofimgl {
        float: none;
        margin: 0 auto;
        padding-bottom: .5em;
    }
     
    .continue {
    max-width: 22em;
	}
	
	/* For the two side by side tables bootstrapped */
	.removeTableGap{
        transform: translateY(-23px);
        -webkit-transform: translateY(-23px);
        -moz-transform: translateY(-23px);
        -ms-transform: translateY(-23px);
        -o-transform: translateY(-23px);
    }
}