/*Modal genérico para compra on line*/
#generic-modal{width:515px;height:540px;padding:30px;position:fixed;top:-1000px;left:50%;margin:0 -250px;background:#F2F5F6;font-size:.9rem;box-shadow:2px 2px 2px #333;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;z-index:4;}
#generic-modal .close{position:absolute;top:20px;right:20px;font-size:1.5rem;cursor:pointer;z-index:4;}
.bounce{top:50px !important;animation:up 2s none;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;-webkit-animation:up 2s;-moz-animation:up 2s;-o-animation:up 2s}@-webkit-keyframes up{0%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes up{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes up{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes up{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
.mask{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.8);display:none;z-index:3}
@media screen and (max-width:736px) and (orientation: landscape){
	#generic-modal{position:absolute;}
}
@media screen and (max-width:414px){
	#generic-modal{width:320px;height:435px;margin:0 -160px;position:fixed;}
}
/*fim do modal de compra online*/


/*Modal lead educacao*/
#generic-modal-lead{width:335px;height:450px;padding:30px;position:fixed;top:-1000px;left:50%;margin:0 -200px;background:#F2F5F6;font-size:.9rem;box-shadow:2px 2px 2px #333;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;z-index:4;}
#generic-modal-lead .close{position:absolute;top:20px;right:20px;font-size:1.5rem;cursor:pointer;z-index:4;}
@media screen and (max-width:736px) and (orientation: landscape){
    #generic-modal-lead{position:absolute;}
}
@media screen and (max-width:414px){
    #generic-modal-lead{width:335px;height:450px;margin:0 -160px;position:fixed;}
}
/*fim do modal lead educacao*/

/*Modal fluxo de compra */
.stModalCampanhaCompraOnlineOferta {text-align: center;position: fixed;top: 5px;width: 510px;background: #fff;display: none;z-index: 1002;left: 50%;margin: 0 0 0 -300px;padding: 5px;}
.stModalCampanhaCompraOnlineOferta h4 {position: relative;float: left;width: 500px;height: 22px;margin-bottom: 10px;font-size: 13px;color: #333;display: block;border-bottom: 1px solid #999;}

/*Modal compras abas area tematica*/
#generic-modal-compra{width:500px;height: 550px;padding:28px;position:fixed;top:70px;left:50%;margin:0 -250px;background:#F2F5F6;font-size:.9rem;box-shadow:2px 2px 2px #333;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;z-index: 2;}
#generic-modal-compra .close{position:absolute;top:20px;right:20px;font-size:1.5rem;cursor:pointer;z-index:-1;}
#generic-modal-compra a { color:#000; }
/* .bounce{top:50px !important;animation:up 2s none;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;-webkit-animation:up 2s;-moz-animation:up 2s;-o-animation:up 2s}@-webkit-keyframes up{0%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes up{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes up{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes up{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}} */
/* .mask{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.8);display:none;z-index:0} */
@media screen and (max-width:736px) and (orientation: landscape){
	#generic-modal-compra{position:absolute;}
}
@media screen and (max-width:414px){
	#generic-modal-compra{width:320px;height:435px;margin:0 -160px;position:fixed;}
}
/* fim Modal compras abas area tematica*/