@font-face { 
  font-family: Cheltenham ITC W02 Bold; 
  src: url("../fonts/7d3312358a379ed4b3f4a74b1e772acd.eot?#iefix") format("eot"), 
    url("../fonts/2351707874de43cc64cf4e635d642938.woff2") format("woff2"), 
    url("../fonts/e279c4a642f4b08f8eb01575797605e3.woff") format("woff"), 
    url("../fonts/f4e22c51e4b6f7cee52f6f7d408f4789.ttf") format("truetype"), 
    url("../fonts/a596c298aa142510f214eadc8cbaa6ff.svg#54637271-112d-4486-b673-8ddf890efd25") format("svg"); 
}

body{
  font-family: Arial;
  color: #000;
  background: #000;
  font-size: 13px;
}

a, a:visited, a:hover, a:visited:hover{
  font-family: Serifa;
  text-decoration: none;
  outline: 0;
  color: inherit;
}

#banner{
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e41e27;
  box-sizing: border-box;
}

.frame div{
  position: absolute;  
}

.frame{
  visibility: hidden;
}

#banner.x300x100, #banner.x300x100 .frame{  
  width: 300px;
  height: 100px;
}

.stripe{
  width: 100%;
  position: absolute;
  background: #ffcb06;
  bottom: 0;
  left: 0;
  height: 5px;
  border-top: 15px solid #e41e27;
}

.logo{
  background: url('../images/logo.svg') 0% 0% no-repeat;
  height: 50px;
  width: 80%;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
}

.text{
  text-align: center;
  line-height: 1;
  height: auto;
  font-size: 20px;
  text-align: left;
  width: 60%;
  padding: 10px;
  font-family: Cheltenham ITC W02 Bold;
  z-index: 999;
  box-sizing: border-box;
  margin: 0 auto;
  color: #fff;
  bottom: 0;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.text div{
  position: static;
}


.motto{
  font-family: Cheltenham ITC W02 Bold;
  font-size: 15px;
  text-align: center;
  width: 100%;
  bottom: 25px;
}

.machine{
  width: 100%;
  height: 80px;
}

.background-1{
  background: url('../images/background01.jpg') 0% 100% no-repeat;
  width: 300px;
  height: 100px;
}

.background-2{
  background: url('../images/background03.jpg') 0% 100% no-repeat;
  width: 300px;
  height: 100px;
}

.background-3{
  background: url('../images/background05.jpg') 0% 100% no-repeat;
  width: 300px;
  height: 100px;
}

.background-4{
  background: url('../images/background06.jpg') 0% 100% no-repeat;
  width: 300px;
  height: 100px;
}

.special-offer{
  background: #e41e27;
  color: #fff;
  top: 2px;
  left: 0px;
  font-weight: normal;
}

.yellow-circle{
  background: #ffcb06;
  border-radius: 50%;
  padding: 5px;
  right: 5px;
  bottom: 15px;
  width: 70px;
  height: 70px;
  transform: rotate(-10deg);
}

.yellow-circle div{
  text-align: center;
  color: #e41e27;
  position: static;  
}

.now{
  text-transform: uppercase;
}

.percent{
  font-size: 24px;
  font-weight: bold;
}

.discount{
  font-size: 13px;
}