*, ::after, ::before, #sjap button.sjap-fw {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#sjap *, .sjmaot, .sjmaot *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
ins, mark {color:#000}

body{background: #eeeeee; margin: 0; padding: 0; font:normal 14px/1.5 Arial, Tahoma, Geneva, Sans-Serif;color:#000000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-y:scroll;}

h1{font-size: 18px; margin: 0 0 10px 0; padding: 0;}
h2{font-size: 24px; font-weight: normal; margin: 0 0 10px 0; padding: 0; color:#0d88c3;}
h3{font-size: 16px; font-weight: normal; margin: 0 0 10px 0; padding: 0;}

.container{ text-align: center;}

.newsletter-img-content{
    text-align: center; padding: 20px 0; background: #fff;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.newsletter-img-content img{height: 150px;}

.newsletter-in-content{
    width: 600px; max-width: 100%; margin: 0 auto; padding: 25px; background: #fff;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
}

.newsletter-groups-boxik{padding: 15px; border: 1px solid #eee; margin-bottom: 15px; background: #f8f8f8; text-align: center;}

p{margin: 0 0 25px 0; padding: 0;}
p:last-child{margin: 0;}
p.btns{margin: 25px 0 0 0;}

.newsletter-groups-boxik p.btns{clear: both;}
p.btns{text-align: center;}

.shop-newsletter-popup-groups{
    position: relative;
    left: 50%;
    transform: perspective(1px) translateX(-50%);
    text-align: left;
    float: left;
    margin-bottom: 30px;
}



.btn {
    background: #34d955;
    background-image: -webkit-linear-gradient(top, #34d955, #0e8f2c);
    background-image: -moz-linear-gradient(top, #34d955, #0e8f2c);
    background-image: -ms-linear-gradient(top, #34d955, #0e8f2c);
    background-image: -o-linear-gradient(top, #34d955, #0e8f2c);
    background-image: linear-gradient(to bottom, #34d955, #0e8f2c);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border:0;
}

.btn:hover {
    background: #0e8f2c;
    text-decoration: none;
}

.btn.red{
    background: #34d955;
    background-image: -webkit-linear-gradient(top, #d70b0b, #ba0f0f);
    background-image: -moz-linear-gradient(top, #d70b0b, #ba0f0f);
    background-image: -ms-linear-gradient(top, #d70b0b, #ba0f0f);
    background-image: -o-linear-gradient(top, #d70b0b, #ba0f0f);
    background-image: linear-gradient(to bottom, #d70b0b, #ba0f0f);
}

.btn.red:hover {
    background: #ba0f0f;
}

@media only screen and (max-width:600px) {
    a.btn{font-size: 14px;}
    .newsletter-in-content{padding: 0 10px 20px 10px;}
    .newsletter-img-content img{height: 80px;}

    h1{font-size: 14px; margin: 0 10px;}
    h2{font-size: 16px; margin: 0 10px;}
    h3{font-size: 12px; margin: 0 10px;}
}