.driving-banner h2 {color:#f1592a;margin:0;}
.driving-banner .headline {background:rgba(251,199,89,1);text-align:center;padding:30px 0 0;}
.driving-banner .headline p {color:#f1592a;padding:0 40px;margin:0!important;text-shadow:2px 2px 1px rgba(255,255,255,0.35);}
.driving-banner .button {background:rgba(247,178,85,1);padding:30px;text-align:center;}
.driving-banner .button a:hover {text-decoration:none;box-shadow:0px -1px 2px rgba(0,0,0,0.25);top:1px;}
.driving-banner .animation {height:240px;overflow:hidden;position:relative;background:rgb(251,199,89);background:linear-gradient(to bottom,rgba(251,199,89,1) 0%,rgba(253,208,91,1) 41%,rgba(180,132,72,1) 42%,rgba(247,178,85,1) 100%);}
.driving-banner .animation .mountains {position:absolute;left:14px;bottom:130px;width:120px;height:77px;background:url('/sites/g/files/iut256/f/awecontent/images/mountains.png') left bottom no-repeat;background-size:100% auto;}
.driving-banner .animation .trees {position:absolute;right:-50%;left:-50%;bottom:86px;width:200%;height:77px;background:url('/sites/g/files/iut256/f/awecontent/images/trees.png') 100% 0% no-repeat;animation:driving-trees 8s linear infinite;}
.driving-banner .animation .cloud {position:absolute;top:25px;right:15%;display:block;width: 20px;height: 20px;background-color: #fff;border-radius: 10px;box-shadow: -2px -1px 0 0 #f7e7eb inset;}
.driving-banner .animation .cloud:before,.driving-banner .animation .cloud:after {content: '';position: absolute;background-color: #fff;width: 30px;height:30px;border-radius: 15px;box-shadow: 2px 1px 0 0 #f7e7eb inset;}
.driving-banner .animation .cloud:after {width: 20px;height: 20px;top: 5px;left: 30px;transform:rotate(-170deg);}
.driving-banner .animation .cloud:before {top: -5px;left: 10px;transform:rotate(-150deg);}
.driving-banner .animation .car {position:absolute;width:225px;height:168px;left:50%;bottom:40px;transform:translateX(-50%);z-index:1;}
.driving-banner .animation .car img {animation:driving-car 500ms ease infinite alternate;position:relative;}
.driving-banner .animation .car:after,
.driving-banner .animation .car:before {content:"";position:absolute;left:-18px;bottom:18px;width:20px;height:20px;background:#fff;border-radius:10px;}
.driving-banner .animation .car:before {opacity:0;animation:driving-bubble-2 2400ms linear 1200ms infinite;}
.driving-banner .animation .car:after {animation:driving-bubble-1 2400ms linear infinite;}
.driving-banner .road {position:absolute;left:0;bottom:0;width:100%;height:77px;background:#575757;box-shadow:0 0 3px rgba(0,0,0,0.5);overflow:hidden;}
.driving-banner .road .dash {display:block;background:#fff;width: 35px;height: 15px;position: absolute;top:50%;right:-35px;transform:translateY(-50%);}
.driving-banner .road .dash1 {animation:driving-road 3600ms linear 0ms infinite;}
.driving-banner .road .dash2 {animation:driving-road 3600ms linear 600ms infinite;}
.driving-banner .road .dash3 {animation:driving-road 3600ms linear 1200ms infinite;}
.driving-banner .road .dash4 {animation:driving-road 3600ms linear 1800ms infinite;}
.driving-banner .road .dash5 {animation:driving-road 3600ms linear 2400ms infinite;}
.driving-banner .road .dash6 {animation:driving-road 3600ms linear 3000ms infinite;}
.driving-banner .road .dash7 {animation:driving-road 3600ms linear 3600ms infinite;}
@keyframes driving-road {from {right:-35px} to {right:100%}}
@keyframes driving-trees {from {background-position:100% 0%}to {background-position:0% 0%}}
@keyframes driving-car {from {bottom:0px} to {bottom:2px}}
@keyframes driving-bubble-1 {0% {opacity:0;left:-11px;transform:scale(0.5)}10% {opacity:0.6;left:-20px;transform:scale(1)}25%  {left:-19px;bottom:18px;opacity:0.45;transform:scale(0.85)}45%  {left:-14px;bottom:24px;opacity:0.3;transform:scale(0.5)}65% {left:-29px;bottom:27px;opacity:0.15;transform:scale(0.25)}80% {bottom:30px;opacity:0;transform:scale(0)}100% {bottom:30px;opacity:0;transform:scale(0)}}
@keyframes driving-bubble-2 {0% {left:-11px;opacity:0;transform:scale(0.3)}10%  {left:-20px;bottom:12px;opacity:0.7;transform:scale(0.8)}25%  {left:-24px;bottom:22px;opacity:0.65;transform:scale(0.65)}40%  {left:-32px;bottom:30px;opacity:0.4;transform:scale(0.45)}60% {left:-24px;bottom:40px;opacity:0.25;transform:scale(0.15)}75% {bottom:45px;opacity:0;transform:scale(0)}100% {bottom:45px;opacity:0;transform:scale(0)}}