.CTAboxOuter {
       
     position: relative; 
    }
.CTAbox {
    background-color: #ccc;
    padding: 22px 0 22px 15px;
    position: absolute;
    right: -290px;
    width: 360px;
    cursor:pointer;
    z-index:8
}

    .CTAbox a {
        text-decoration: none;
        margin: 0 !important;
    padding: 0 !important;
    }



    .CTAbox.fixed {
        position: fixed;
        top: 132px;
    }

        .CTAbox.fixed.hasadminbar {
            margin-top: 132px;
        }


    .CTAbox .bar {
        color: white;
        padding:5px 5px 7px 70px;
        margin-bottom: 0px;
        height: 45px;
        cursor: pointer;
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 30px auto;
        white-space: nowrap;
    }
    .CTAbox .bar a {
        color: white !important;
        padding: 2px !important;

    }

.products {
    background-color: #4bb1a8;
    background-image: url(../images/Products.png);
    margin-bottom: 30px;
}


.partner {
    background-color: #f78a0a;
    background-image: url("../images/FindAPartner.png");
}

.eposta {
    background-color: #f78a0a;
    background-image: url("../images/email.png");
}

.events {
    background-color: #4d4db9;
    background-image: url("../images/Events.png");
}

.gated {
    background-color: #f78a0a;
    background-image: url("../images/Gated.png");
   margin-top: 30px;
}

@media screen and (max-width:600px), only screen and (max-device-width:600px) {
.CTAbox {
    padding: 8px 0 8px 5px;
    right: -225px;
    width: 290px;
}
.CTAbox .bar {
        margin-bottom: 8px;
    }
    .gated {
        margin-top:0;
    }
    .CTAbox .gated.bar {
        margin-bottom:0;
    }
    .ctabox-btn {
  font-size: .7em;
    }
}

.ctabox-btn {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 500;
  background-color:#F49901;color:#fff;border:1px solid #fff;text-align:center;
  line-height: 1.8em;
}