div.banner-bs-el {color: #ffffff;background-color: #9c1019; 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;
}
}

.wibro{
    -webkit-animation: 0.2s tremor ease-out infinite;  
    animation: 0.2s tremor ease-out infinite;    
}
@-webkit-keyframes tremor {
    0%, 25% {
        left: -1px;
        top:-1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        top: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-moz-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-ms-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-o-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}


.mob-phone {display:none}
.top-whatsapp {display: none;}
@media (max-width:990px) {
.top-whatsapp {display: block;}
}
.bigdesk {padding:0;margin:0;width: 100%;}
@media (min-width:1590px) {
.bigdesk {width:1590px; margin:0 auto;}
}
@media (max-width:550px) {
.top-whatsapp {display: block;}
@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: rgba(234, 234, 234, 0.7); 
    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 12px 22px rgba(255,255,255,0.5);
	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);
font-size: 1.2em;
    font-stretch: condensed;
}

footer.footer-modern {padding-bottom:100px;}
}

@keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0px;
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
    left: 110%;
    margin-left: 80px;
  }
}

.btn-newr {
  overflow: hidden;
  position: relative;
}

.btn-newr:after {
  content: "";
  display: block;
  width: 30px;
  height: 200px;
  margin-left: 60px;
  background: #fff;
  opacity: 0.5;
  position: absolute;
  left: -40px;
  top: -100px;
  z-index: 1;
  transform: rotate(45deg);
  transition: all 0.1s;
  animation-name: slideme;
  animation-duration: 3s;
  animation-delay: 0.05s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes slidemel {
  0% {
        left: 110%;
    margin-left: 80px;
 
  }
  30% {
    left: 110%;
    margin-left: 80px;
  }
  100% {
   left: -80px;
    margin-left: 0px;
  }
}


.btn-newl {
  overflow: hidden;
  position: relative;
}

.btn-newl:after {
  content: "";
  display: block;
  width: 30px;
  height: 270px;
  margin-left: 60px;
  background: #fff;
  opacity: 0.5;
  position: absolute;
  left: -40px;
  top: -100px;
  z-index: 1;
  transform: rotate(45deg);
  transition: all 0.1s;
  animation-name: slidemel;
  animation-duration: 3s;
  animation-delay: 0.05s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

