canvas{position:absolute;top:80px;width:100%}.banner{width:100%;height:600px;overflow:hidden;position:relative}.banner>.banner-image{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;display:table}.banner>.active{animation:topactive 10s ease;left:0}.banner>.inactive{animation:topinactive 10s ease;left:-100%}@keyframes topactive{0%{display:table;left:100%}20%{left:0}}@keyframes topinactive{0%{left:0}20%{left:-100%;display:none}}.banner>.active2{animation:topactive2 10s ease;left:0}.banner>.inactive2{animation:topinactive2 10s ease;left:100%}@keyframes topactive2{0%{display:table;left:-100%;right:100%}20%{left:0;right:0}}@keyframes topinactive2{0%{left:0;right:0}20%{left:100%;right:unset;display:none}}.banner>.banner-image>.layer{width:100%;height:100%;position:absolute;border:50px solid rgba(0,0,0,0)}.banner>.banner-image>.layer>.text-context{width:70%;margin-left:auto;margin-right:auto;position:absolute;top:200px;text-shadow:0 3px 7px rgba(0,0,0,.2);filter:blur(8px);-webkit-filter:blur(8px);transform:scale(2);opacity:0}.banner>.banner-image>.layer>.text-active{animation:texteffict 10s ease}.banner>.banner-image>.layer>.text-inactive{filter:blur(8px);-webkit-filter:blur(8px);transform:scale(2);opacity:0}@keyframes texteffict{0%{filter:blur(8px);-webkit-filter:blur(8px);transform:scale(2);opacity:0}15%{filter:blur(8px);-webkit-filter:blur(8px);transform:scale(2);opacity:0}30%{filter:blur(0);-webkit-filter:blur(0);transform:scale(1);opacity:1}90%{filter:blur(0);-webkit-filter:blur(0);transform:scale(1);opacity:1}100%{filter:blur(8px);-webkit-filter:blur(8px);transform:scale(2);opacity:0}}.banner>.banner-image>.layer>.text-context>.slide-title{font-size:50px;color:#fff;text-shadow:3px 4px 8px rgba(0,0,0,.4);font-family:Impact;line-height:50px;padding-bottom:10px;text-transform:uppercase}.banner>.banner-image>.layer>.text-context>.slide-description{font-size:14px;color:#fff;text-shadow:3px 4px 8px rgba(0,0,0,.4);margin-bottom:10px}.banner>.banner-image>.layer>.text-context>.more-button{font-size:11px;font-weight:bold;text-decoration:none;color:#fff;text-shadow:3px 4px 8px rgba(0,0,0,.4);padding:6px 15px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background-color:rgba(0,107,100,.5)}.button-nav{height:50px;width:40px;padding:10px;background-color:rgba(0,0,0,.4);border:none;position:absolute;top:45%;color:rgba(255,255,255,.5);outline:none;z-index:10}.button-nav:hover{background-color:rgba(0,0,0,.8);color:#fff}.button-nav-left{left:0}.button-nav-right{right:0}.banner>.banner-image>.layer>.about{float:right;color:#fff;margin-top:50px;text-align:right;border-top:20px solid rgba(255,255,255,0)}.banner>.banner-image>.layer>.about img{height:100px;-webkit-animation:logo2 5s infinite;-moz-animation:logo2 5s infinite;animation:logo2 5s infinite}.banner>.banner-image>.layer>.about>table td h1{font-family:'Roboto Condensed',sans-serif}.banner>.banner-image>.layer>.about>table td p{font-family:sans-serif}@-webkit-keyframes logo2{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@-moz-keyframes logo2{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@keyframes logo2{0%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}.banner-mid{width:100%;overflow:hidden;position:relative}.banner-mid>.mid-banner-image{height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;display:table}.banner-mid>.active{animation:topactive 10s ease;left:0}.banner-mid>.inactive{animation:topinactive 10s ease;left:-100%}.banner-mid>.active2{animation:topactive2 10s ease;left:0}.banner-mid>.inactive2{animation:topinactive2 10s ease;left:100%}.banner-mid>.mid-banner-image>.layer{width:100%;height:100%;position:absolute;border:50px solid rgba(0,0,0,0)}.banner-mid>.mid-banner-image>.layer>.text-context{width:70%;margin-left:auto;margin-right:auto;position:absolute;top:150px;text-shadow:0 3px 7px rgba(0,0,0,.2);filter:blur(8px);-webkit-filter:blur(8px);transform:scale(2);opacity:0}.banner-mid>.mid-banner-image>.layer>.text-active{animation:texteffict 10s ease}.banner-mid>.mid-banner-image>.layer>.text-inactive{filter:blur(8px);-webkit-filter:blur(8px);transform:scale(2);opacity:0}.banner-mid>.mid-banner-image>.layer>.text-context>.slide-title{font-size:50px;color:#fff;text-shadow:3px 4px 8px rgba(0,0,0,.4);font-family:Impact;line-height:45px;padding-bottom:10px;text-transform:uppercase}.banner-mid>.mid-banner-image>.layer>.text-context>.slide-description{font-size:14px;color:#fff;text-shadow:3px 4px 8px rgba(0,0,0,.4)}.banner-mid>.mid-banner-image>.layer>.text-context>.more-button{font-size:16px;font-weight:bold;margin-top:10px;text-decoration:underline;color:#fff;text-shadow:3px 4px 8px rgba(0,0,0,.4)}.banner-mid>button{height:50px;width:40px;padding:10px;background-color:rgba(0,0,0,.3);border:none;position:absolute;top:45%;color:rgba(255,255,255,.4);outline:none}.banner-mid>button:hover{background-color:rgba(0,0,0,.8);color:#fff}.banner-mid>.button-left{left:0}.banner-mid>.button-right{right:0}.product-context{width:100%;padding:50px;text-align:center;overflow:hidden}.product-context>.head{font-family:'Roboto Condensed',sans-serif;font-size:40px;font-weight:bold;color:#888}.product-context>.product-item{width:25%;padding:10px;position:relative;float:left}.product-context>.product-item>.item-body{width:100%;text-align:center;cursor:pointer;padding:5px 5px}.product-context>.product-item>.item-body:hover{background-color:#f5f5f5}.product-context>.product-item>.item-body>.text-context{height:30px;overflow:hidden}.product-context>.product-item>.item-body>.text-context>.item-name{width:100%;font-size:20px;font-weight:bold;overflow:hidden;margin-bottom:5px;text-transform:uppercase;color:#333;font-family:'Roboto',sans-serif}.product-context>.product-item>.item-body>.item-image-context{width:100%;height:150px;transition:all 1s;position:relative;overflow:hidden}.product-context>.product-item>.item-body>.bike{height:250px}.product-context>.product-item>.item-body>.item-image-context>.item-image{width:100%;height:100%;position:absolute;left:0%;background-position:top;background-size:contain;background-repeat:no-repeat;transition:all 1s}.product-context>.product-item>.item-body>.item-image-context>.item-image2{width:100%;height:100%;left:100%;position:absolute;background-position:top;background-size:contain;background-repeat:no-repeat;transition:all 1s}.product-context>.product-item>.item-body:hover .item-image{right:100%;left:-100%;transition:all 1s}.product-context>.product-item>.item-body:hover .item-image2{left:0%;transition:all 1s}.product-context>button{font-size:15px;font-weight:normal;box-shadow:3px 3px 7px rgba(0,0,0,.1);border-radius:20px;padding:5px 15px;background-color:#f13c3c;border:none;background:linear-gradient(221deg,#f13c3c,#f13c3c,#f13c3c,rgba(255,255,255,1),#f13c3c,#f13c3c,rgba(255,255,255,1),#f13c3c,#f13c3c,#f13c3c);background-size:800% 800%;-webkit-animation:animation 10s ease infinite;-moz-animation:animation 10s ease infinite;animation:animation 10s ease infinite;font-family:'Roboto Condensed',sans-serif;outline:none}.product-context>button:hover,button:focus{box-shadow:3px 3px 7px rgba(0,0,0,.2)}.product-context>button>i{font-size:14px}.latest-news{position:relative;width:100%;height:400px;background-position:center;background-size:cover;background-repeat:no-repeat}.latest-news>.layer{padding:20px;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(27,127,222,.2);background-image:linear-gradient(to bottom right,rgba(27,127,222,.2),rgba(22,65,148,1))}.latest-news>.layer>.head{font-size:50px;font-family:'Roboto Condensed',sans-serif;font-weight:bold;text-transform:uppercase;color:#fff;text-align:center}.latest-news>.layer .carousel-caption{bottom:unset;text-align:left;right:50px;left:50px}.latest-news>.layer .carousel-caption h1{font-size:40px;font-family:'Roboto Condensed',sans-serif;font-weight:bold;text-transform:uppercase}.latest-news>.layer .carousel-caption p{font-size:20px;font-family:'Roboto',sans-serif}.latest-news>.layer .carousel-caption button{padding:10px 20px;font-size:16px;background-color:#14bd65;background:linear-gradient(221deg,#14bd65,#14bd65,#14bd65,#fff,#14bd65,#14bd65,#fff,#14bd65,#14bd65,#14bd65);background-size:800% 800%;-webkit-animation:animation 10s ease infinite;-moz-animation:animation 10s ease infinite;animation:animation 10s ease infinite;border-style:none;border-radius:20px;outline:none}.latest-news>.layer .carousel-caption button:hover{background-color:#11ad5c;text-shadow:0 3px 3px rgba(0,0,0,.3)}.latest-news>.layer .carousel-caption button:focus{background-color:#11ad5c;text-shadow:0 3px 3px rgba(0,0,0,.3);outline:none}.running-car{position:relative;height:480px;margin:50px 0;width:100%;text-align:left}.running-car>.back-image{position:relative;width:100%;height:100%;background-position:left bottom;background-size:cover;background-repeat:no-repeat;background-image:url(../Images/road.jpg?v=1.0.0);overflow:hidden}.running-car>.back-image>.car-image{position:absolute;margin-left:150px;height:150px;z-index:1;top:200px}.running-car>.back-image>.car-image-run{transition:all 1s;margin-left:100%!important}.running-car>.back-image>.test-drive{font-size:40px;font-family:'Roboto',sans-serif;font-weight:bold;text-align:center}.running-car>.back-image>.test-drive>div{font-size:16px;color:red}.running-car>.back-image>.test-drive>.button{height:80px;width:80px;position:relative;margin-left:auto;margin-right:auto}.running-car>.back-image>.test-drive>.button>.move{position:absolute;height:80px;width:80px;border-radius:50%;background-image:linear-gradient(#3cd53f,#1363e1,#1363e1);padding:10px;-webkit-animation:rotate 1s infinite linear;-moz-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear}.running-car>.back-image>.test-drive>.button>.still{position:absolute;border:3px solid #fff;border-radius:50%;height:70px;width:70px;top:5px;left:5px;padding:25px 5px;background-color:#000;background-image:radial-gradient(#000,#416a9c);cursor:pointer}.running-car>.back-image>.test-drive>.button>.still>.start{font-size:12px;font-weight:bold;color:#fff}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-moz-keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width:991px){.banner>.banner-image>.layer>.text-context{top:130px}.banner>.banner-image>.layer>.text-context>.slide-title{font-size:40px;line-height:35px}.banner>.banner-image>.layer>.text-context>.slide-description{font-size:13px}.banner-mid>.mid-banner-image>.layer>.text-context{width:80%;top:80px}.banner-mid>.mid-banner-image>.layer>.text-context>.slide-title{font-size:35px;line-height:30px}.latest-news{height:350px}.latest-news>.layer>.head{font-size:35px}.latest-news>.layer .carousel-caption h1{font-size:30px}.latest-news>.layer .carousel-caption p{font-size:16px}.running-car{height:400px}.running-car>.back-image>.car-image{margin-left:120px;height:120px;top:180px}}@media(max-width:767px){.banner>.banner-image>.layer>.text-context{width:80%;top:200px}.banner>.banner-image>.layer>.text-context>.slide-title{font-size:30px;line-height:30px}.banner>.banner-image>.layer>.text-context>.slide-description{font-size:12px}.banner>.banner-image>.layer>.about img{height:80px}.banner>.banner-image>.layer>.about>table td h1{font-size:30px}.banner>.banner-image>.layer>.about>table td p{font-size:12px}.banner-mid>.mid-banner-image>.layer>.text-context{width:100%;top:40px}.banner-mid>.mid-banner-image>.layer>.text-context>.slide-title{font-size:30px;line-height:30px}.banner-mid>.mid-banner-image>.layer>.text-context>.slide-description{font-size:13px}.banner-mid>.mid-banner-image>.layer>.text-context>.more-button{font-size:14px}.button-nav{height:30px;width:30px;padding:5px;background-color:rgba(0,0,0,.3)}.product-context{padding:20px 10px}.product-context>.head{font-size:30px}.product-context>.product-item{width:50%;padding:5px}.latest-news{height:350px}.latest-news>.layer>.head{font-size:30px}.latest-news>.layer .carousel-caption h1{font-size:25px}.latest-news>.layer .carousel-caption p{font-size:15px;height:100px;overflow:hidden}.latest-news>.layer .carousel-caption button{padding:5px 15px;font-size:14px;border-radius:20px}.running-car{height:350px}.running-car>.back-image>.car-image{margin-left:100px;height:100px;top:160px}.running-car>.back-image>.test-drive{font-size:30px}.running-car>.back-image>.test-drive>.button{height:70px;width:70px}.running-car>.back-image>.test-drive>.button>.move{height:70px;width:70px}.running-car>.back-image>.test-drive>.button>.still{height:60px;width:60px;padding:20px 5px}}@media(max-width:550px){.banner>.banner-image>.layer{border:20px solid rgba(0,0,0,0)}.banner>.banner-image>.layer>.text-context{width:100%;top:120px}.banner>.banner-image>.layer>.text-context>.slide-title{font-size:25px;line-height:25px}.banner>.banner-image>.layer>.text-context>.slide-description{font-size:12px}.banner>.banner-image>.layer>.about{margin-top:20px}.banner>.banner-image>.layer>.about img{height:70px}.banner>.banner-image>.layer>.about>table td h1{font-size:20px}.banner>.banner-image>.layer>.about>table td p{font-size:11px}.banner-mid>.mid-banner-image>.layer{border:30px solid rgba(0,0,0,0)}.banner-mid>.mid-banner-image>.layer>.text-context{top:20px}.banner-mid>.mid-banner-image>.layer>.text-context>.slide-title{font-size:20px;line-height:20px;height:20px;overflow:hidden}.banner-mid>.mid-banner-image>.layer>.text-context>.slide-description{font-size:12px;height:12px;overflow:hidden}.banner-mid>.mid-banner-image>.layer>.text-context>.more-button{font-size:12px}.product-context{padding:20px 0}.product-context>.head{font-size:25px;margin-top:30px}.product-context>.product-item{width:50%;padding:5px}.product-context>.product-item>.item-body>.text-context{height:20px}.product-context>.product-item>.item-body>.text-context>.item-name{font-size:14px}.product-context>.product-item>.item-body>.item-image-context{height:100px}.product-context>.product-item>.item-body>.bike{height:150px;background-size:contain}.latest-news{height:300px}.latest-news>.layer>.head{font-size:25px}.latest-news>.layer .carousel-caption{right:20px;left:20px}.latest-news>.layer .carousel-caption h1{font-size:18px}.latest-news>.layer .carousel-caption p{font-size:13px;height:70px;overflow:hidden}.latest-news>.layer .item{height:260px!important}.running-car{height:300px}.running-car>.back-image>.car-image{margin-left:80px;height:80px;top:150px}.running-car>.back-image>.test-drive{font-size:25px}.running-car>.back-image>.test-drive>.button{height:60px;width:60px}.running-car>.back-image>.test-drive>.button>.move{height:60px;width:60px}.running-car>.back-image>.test-drive>.button>.still{height:50px;width:50px;padding:15px 5px}.running-car>.back-image>.test-drive>.button>.still>.start{font-size:11px}}@media(max-width:400px){.banner>.banner-image>.layer>.about{margin-top:0}.banner>.banner-image>.layer>.about img{height:60px}.banner>.banner-image>.layer>.about>table td h1{font-size:18px}.banner>.banner-image>.layer>.about>table td p{font-size:10px}.product-context>.product-item>.item-body>.item-image-context{height:70px}.product-context>.product-item>.item-body>.bike{height:100px}.running-car>.back-image>.test-drive{font-size:20px}.running-car>.back-image>.test-drive>.button{height:50px;width:50px}.running-car>.back-image>.test-drive>.button>.move{height:50px;width:50px}.running-car>.back-image>.test-drive>.button>.still{top:3px;left:3px;border:2px solid #fff;height:44px;width:44px;padding:14px 3px}.running-car>.back-image>.test-drive>.button>.still>.start{font-size:10px}}