.banner{
position: fixed;
top:50%;
left: 0px;
right:0px;
margin:auto;
z-index: 2500;
vertical-align: top;
display: none;
background-color: #FFFFFF;
box-sizing:border-box;
padding: 80px;
max-width: 100%;
line-height: 1.1em;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}

.banerTitle{
font-size: 24px;
color: #279f34;
font-weight: 600;
margin-bottom: 30px;
line-height: 1.1em;
}
.popContent{
font-size: 15px;
font-weight: 400;
line-height: 1.5em;
}

.aBaner{
position: absolute;
display: inline-block;
margin: 0px auto;
font-size: 22px;
color: #FFFFFF;
padding: 0px 20px 0px 0px;
background-color: #279f34;
border: 1px solid #279f34;
font-weight: 400;
line-height: 1;
padding: 23px 86px 23px 35px;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
border-radius:3px;
display: inline-block;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
left: 50%;
bottom: -35px;
}

.aBaner:after,.aBaner:before{
content:"";	
width: 37px;
height: 100%;
position: absolute;
top:0px;
right: 22px;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}

.aBaner:after{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAZCAYAAAC2JufVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAw5JREFUeNrE1ltIVEEcx3E1S6oHE0GT0ofC0vIG3STLLCSooBezojQKjKiHHtLCCrpAST4kdKOSIIKu5IN0g6KEUMpKlISSQKELkSVmGaIhtn1HfkvDYd3do1YDH92d6//MzM6cUI/HE/IfUxxmYCbSsBT94f8wgFjEYzGWYTpCkeSoV/c3g5qDbGQgUTMSjVdoQqsC9KZGzMLF0FFavlQNOg+5SIfpuBc9qEU17mKqZmojMtW+BF9MQGY23QZlpjtGs5CrTmO1N8ajDfWajWZ97rTaF2OT9o9J7diKO7iHSGQFWj4z3XP15CmaiSTNQLuYzh7gBTow4OjDjHEQRehGn/KfYzNa9GArkDdYYmZKIpGCIlzHe3zHT/xCIyqQh3SMsdr6EoFi9KmfUpzDNxx31D2MHxg7uHL82YubaEYXOvEUl7ELCxAWIACn7XiLHuzBbNxGB9b5qP8RN7zfzZ9Hnj9pi8vBnQo0gElnNZsZ+t6GRB9t0lSeYwdlrEItPqEMk1wGs1aDmnQFccovU94FP21P47OdZxeaJdqJr+hHOSYECGalltqkh0i19qfZgwPYEKAPs2WODRWU10Qc0EBmk5Yg3FFnCRpUpwbzHUtoUhOmBPFQHuey+msQjUr9+szS5Gt/1Kijeiy36psz75LKKoNc9ltodeYH0zBBvwyPAmzBakedaXijOuuDDMisSK9WwnVQXuUa1JlfqPwneoBg+/O2ixpJUDk64JKt5TqhH0XpMI6PBm2FkJEEFeVYnmzrfEtwGVC82hX6Kg9zcRl36XJN1ndzkb7GVbzDSd1zwaQC/a/yWeryCe9b14E5Lvbr8zadN8+QGUQ/Lfa1MpLlM47qsFyk6bfPpzXWcp7yc2F7r5XM0QrKXKYfdFm3W/lHNFAVdmsWW7XvnH2c17USNlpBJetsMWkHYvR2YdI+q95kHYzeiznCKjOvMWf8jeM2qHF6JTHpGrrxUu9hQ51FXXo3W4gstU0azaCMOmvvHAryKKm27tLHgdoMJ6gKveakuGxXqL2UH6jubwEGAJLMkVi6yojrAAAAAElFTkSuQmCC') 50% 50% no-repeat;
opacity:1;
}
.aBaner:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAZCAYAAAC2JufVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA29JREFUeNrElntojWEcx98z09xiZYgM0djkzJ01tzCJhDB2OrakjbnEH7QlQnNPTS6FNGK1k9tfLqsJw4SZ2wybbW6RoRnCMHZ8f8f3qdfrHO957eBXnzp7916+z/d3eR6bO0H7n9EedAc9QDQYCeqC/6GAdiAcDAOjQDdgA5GG+wr+pqj+YDjoAyLoSGtwB9wAFRSo4jroCfYFSpSdHx0I4kBv4Aa14AO4ALaDE6AjnXKCUD6/FLwUQSDXqiixuy1dkI/HMC1SG01BJbgMjoJi/q7WPb8EJLF+JKpAiuZyH9cctpP4fQW/n5uJErsHcOW96EQkHagi8rI8cBW8At8M75BvrALJ4B34xOuFYBZE3IMgWdg4MFU9oKIVCzGGLsTyWhPQGNwUa8EK1kOJFwH6CAELwTrwGWwAXYD0eyZdUzEfvAfHlKhloB/bUkTVg/vgPIvvIl2ot5DmeSAdtAErWUsbueC54KDh/mSP4y53nRIVx8KTmM1i+9OYCTaBDmAXnbLT1Qd0v/ynJxy2aN6/U10KAqPBBJkPYD0JtShmOos8G+TzI+LWGrZ/FudSuZdn53g6z+XO14vSaO8I5j2VBSsrbmYiZjy4xHQ8ZFdJq39k6tP5d/Jv3uE0ZidI91tqZhvrSlaYBl5zhhi7VBZQxMVIJw5mGdxmCt9wfHQCOSaLCqWTXkWpkGGXAcLAAXZPGYjndD7DFH0FY1mPhRSxnyncA/qCZyZOp3rS7nKXm4lSUc18R9CVQ57h9mNQTmIn5fHerqCUg9HB58yiORjDhvhlsJnFEzADPGJKowz/T6SjUludeb8/MYUzMMv4jyALHZbLARel23K2gr2cdbEWBEksBmeRupqGiLoFWnDL0bjDL6LbORZHSDj3T68z0YqoGtaZcioF3KWgx+zcYAtDVuJIQ0VJXNMdyuIpyMkuSuSWFOPHe5LYOLWBEFXE2TOUG+4pXt9N5wax4OXs1MjHO6K5sC2+PmJVVDEPaeLMC84nibXgMM9RaRRYxpOnMRbwQFcYSFFhTFkGD3xybTmZBjbziCL1do4bbYjuHQmspfpAiaqkQ6r7KnjstXMj13QnyomsnQRuxDIyhoCWTK8WKFFfwFPdijM5Ikp83J/Naa/OZad5TisNpCh1jC2gO6v9HCWT6dpbsMPsge8CDABEYtijoOmyyQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
opacity:0;
}

.aBaner:hover{
background-color: #FFFFFF;
color: #279f34;
}

.aBaner:hover:after{
opacity:0;
}
.aBaner:hover:before{
opacity:1;
}

.divTlo {
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2049;
    min-width: 100%;
    
}
.shadowBanner{
background-color: rgba(0,0,0,0.5);

}

.banner p{
margin-bottom: 10px;
}


.closeBanner{
display: block;
width: 50px;
height: 50px;
position: absolute;
top: -20px;
right: 20px;
padding:0px;
color: #999999;
background-color: #279f34;
border: 1px solid #279f34;
text-align: center;
line-height: 44px;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.closeBanner:after,.closeBanner:before{
content:"";
position: absolute;
top: 50%;
left:50%;
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
width:18px;
height:1.5px;
margin-top: -1px;
background-color: #FFFFFF;
margin-left: -9px;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.closeBanner:before{
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);

}
.closeBanner:hover{
background-color: #ffffff;
}
.closeBanner:hover:after,.closeBanner:hover:before{
background-color: #279f34;
}

@media screen and (max-width:1390px){
.banner {width: 80% !important;}
}
@media screen and (max-width:900px){
.banner {width: 95% !important;}
}
@media screen and (max-width:710px){
.banner {padding: 50px 20px;}
}

@media screen and (max-width:520px){
a.aBaner {font-size: 15px;padding: 20px 60px 20px 30px;}
a.aBaner:after, a.aBaner:before {width: 25px;background-size:100% auto; }	
}