div.banner-bs-el {color: #ffffff;background-color: #152848; margin:0; padding:0;width:100%;text-align:center;}
div.banner-bs-el a {display: block; color: #ffffff; margin:10px auto; padding:7px;width:94%;text-align:center;
font-size: 30px;
    line-height: 1.2;
font-family: "Roboto Slab", "Times New Roman", Times, serif;
    font-weight: 500;
}
@media (max-width: 488px) {
div.banner-bs-el a  {
    font-size: 17px;
}
}
@media (max-width: 992px) {
h4.counter-modern-title {
    font-size: 17px;
}
}
.top-whatsapp {display: none;}
@media (max-width:990px) {
.top-whatsapp {display: block;}
}


.mob-phone {display:none}
@media (max-width:550px) {
@keyframes shine {
from {opacity:0;left:0;}
50% {opacity: 1;}
to {opacity: 0;left: 100%;}}
.mob-phone {
    display: block;
    text-align: center;
    padding: 10px;
    width: 100%;
    background: #eaeaea;
    z-index: 9999;
}
.mob-phone .container {
    background: linear-gradient(to top, #4cae4c,#3aaf7a);
    padding: 15px 20px;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    box-shadow: 1px 0px rgb(192,192,192), 1px 1px rgb(128,128,128), 2px 1px rgb(191,191,191), 2px 2px rgb(127,127,127);
}
.mob-phone .navbar-inner .container{position: relative;overflow: hidden;}
.mob-phone .navbar-inner .container:after {
	content: '';
	display: block;
	width: 0;
	height: 86%;
	position: absolute;
	top: 7%;
	left: 0;
	opacity: 0;
	background-color: #fff;
	box-shadow: 0 0 20px 2px rgba(255,255,255,0.8);
	transform: skewX(-20deg);}
.mob-phone .navbar-inner .container {transition: all 0.1s ease-out;}
.mob-phone .navbar-inner .container:after {animation: shine 2.4s 1s linear infinite;}
.mob-phone .container a {
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.95);
}

footer.footer-modern {padding-bottom:100px;}
}
