@charset "UTF-8";@keyframes shine{from{left:-500px}
to{left:655px}
}
@-webkit-keyframes bgframes{from{opacity:0}
5%{opacity:.05}
10%{opacity:.1}
15%{opacity:.15}
20%{opacity:.2}
25%{opacity:.25}
30%{opacity:.3}
40%{opacity:.4}
45%{opacity:.45}
50%{opacity:.5}
to{opacity:.5}
}
@keyframes bgframes{from{opacity:0}
5%{opacity:.05}
10%{opacity:.1}
15%{opacity:.15}
20%{opacity:.2}
25%{opacity:.25}
30%{opacity:.3}
40%{opacity:.4}
45%{opacity:.45}
50%{opacity:.5}
to{opacity:.5}
}
@-webkit-keyframes boardframes{0{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
20%{-ms-transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
30%{-ms-transform:scale(2.5);-moz-transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}
40%{-ms-transform:scale(3);-moz-transform:scale(3);-webkit-transform:scale(3);-o-transform:scale(3);transform:scale(3)}
50%{-ms-transform:scale(3.5);-moz-transform:scale(3.5);-webkit-transform:scale(3.5);-o-transform:scale(3.5);transform:scale(3.5)}
60%{-ms-transform:scale(4);-moz-transform:scale(4);-webkit-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
70%{-ms-transform:scale(4.5);-moz-transform:scale(4.5);-webkit-transform:scale(4.5);-o-transform:scale(4.5);transform:scale(4.5)}
80%{-ms-transform:scale(5);-moz-transform:scale(5);-webkit-transform:scale(5);-o-transform:scale(5);transform:scale(5)}
}
@keyframes boardframes{0{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
10%{-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
20%{-ms-transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
30%{-ms-transform:scale(2.5);-moz-transform:scale(2.5);-webkit-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}
40%{-ms-transform:scale(3);-moz-transform:scale(3);-webkit-transform:scale(3);-o-transform:scale(3);transform:scale(3)}
50%{-ms-transform:scale(3.5);-moz-transform:scale(3.5);-webkit-transform:scale(3.5);-o-transform:scale(3.5);transform:scale(3.5)}
60%{-ms-transform:scale(4);-moz-transform:scale(4);-webkit-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
70%{-ms-transform:scale(4.5);-moz-transform:scale(4.5);-webkit-transform:scale(4.5);-o-transform:scale(4.5);transform:scale(4.5)}
80%{-ms-transform:scale(5);-moz-transform:scale(5);-webkit-transform:scale(5);-o-transform:scale(5);transform:scale(5)}
}
@-webkit-keyframes diagonal{0{transform:translatex(200px) translatey(30px)}
50%{transform:translatex(100px) translatey(100px)}
100%{transform:translatex(200px) translatey(30px)}
}
@-moz-keyframes diagonal{0{transform:translatex(200px) translatey(30px)}
50%{transform:translatex(100px) translatey(100px)}
100%{transform:translatex(200px) translatey(30px)}
}
@-o-keyframes diagonal{0{transform:translatex(200px) translatey(30px)}
50%{transform:translatex(100px) translatey(100px)}
100%{transform:translatex(200px) translatey(30px)}
}
@keyframes diagonal{0{transform:translatex(200px) translatey(30px)}
50%{transform:translatex(100px) translatey(100px)}
100%{transform:translatex(200px) translatey(30px)}
}
.cookie-container .m-cookie{z-index:1053}
.cookie-container .modal{z-index:1054}
.modal-backdrop{z-index:auto !important}
iframe{border:none !important}
.hotspot{display:none}
html{height:100%}
a,a:link,a:visited,a:active{color:#fff;text-decoration:none}
.scania-core,body{margin:0;max-height:100%;height:100%;overflow:hidden;font-family:"Scania Sans",arial,helvetica,sans-serif;position:relative;width:100%;background-color:#041e42 !important;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}
.scania-core.add-bg,body.add-bg{background-color:#041e42 !important}
.scania-core.add-bg::before,body.add-bg::before{content:"";background-image:url('../../../../etc.clientlibs/mistuart/components/canvas/clientlibs/resources/images/scania_super_striping.svg');background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;right:0;bottom:0;left:0;top:0;opacity:.4;background-size:150%;height:100%;-webkit-animation:bgframes 5s ease-out;animation:bgframes 5s ease-out}
.hand::before{content:"";background-image:url('../../../../etc.clientlibs/mistuart/components/canvas/clientlibs/resources/images/hand.png');position:absolute;top:40%;left:40%;opacity:1;transform:translatex(120px) translatey(100px);width:100px;height:80px;z-index:2;-webkit-animation:diagonal 5s infinite;-moz-animation:diagonal 5s infinite;-o-animation:diagonal 5s infinite;animation:diagonal 5s infinite;background-size:460%}
.hand-text{color:#fff;text-align:center;position:absolute;top:58%;left:50%;opacity:1;z-index:2;font-size:30px;transform:translate(-50%,0)}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-family:"Scania Sans Headline",arial,helvetica,sans-serif !important;width:100%;margin:0;padding:0;letter-spacing:.03em}
.button.btn-transparent .btn.btn-primary i{font-size:initial}
.m-popup #mpopup{z-index:2}
.ribbon{background-color:#1adfb1 !important;color:#041e42 !important;font-size:1.2rem !important;font-family:"Scania Sans Bold",arial,helvetica,sans-serif !important;text-transform:uppercase !important;text-align:left !important;display:inline-flex !important;align-items:center !important;padding:0 10px !important;letter-spacing:.15em !important;line-height:20px !important;height:auto !important}
.tab-pane h5{color:#041e42 !important;text-align:left !important}
.tab-pane p{color:#242c37 !important;text-align:left !important}
.canvas{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;height:100vh}
.canvas #loadingPage.guideMessage{width:90%;margin:0 auto;height:90%;top:5%}
.canvas .aemformcontainer{width:100%;background:transparent;margin:0;color:#fff;padding:0 60px 30px 60px;overflow-y:auto;margin-top:30px;height:calc(100% - 250px);scrollbar-color:#1adfb1 rgba(255,255,255,0.1);scrollbar-width:thin;scroll-behavior:smooth}
.canvas .aemformcontainer::-webkit-scrollbar{width:10px;height:10px}
.canvas .aemformcontainer::-webkit-scrollbar-track{background-color:transparent;border:1px solid #1adfb1;border-radius:20px}
.canvas .aemformcontainer::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #1adfb1;background-color:#1adfb1;border-radius:20px}
.canvas .aemformcontainer p{text-align:center !important;font-family:"Scania Sans Headline",arial,helvetica,sans-serif;font-size:1.6rem}
.canvas .aemformcontainer #guideContainerForm{width:70rem;margin:0 auto}
.canvas .aemformcontainer #guideContainerForm p{text-align:left !important;font-family:"Scania Sans",arial,helvetica,sans-serif;font-size:1.6rem}
.canvas .aemformcontainer label{color:#fff;font-size:1.6rem}
.canvas .aemformcontainer p{padding:0 0 20px 0;color:#fff}
.canvas .aemformcontainer form button.moveNext:not(.af-icon-button),.canvas .aemformcontainer form button.submit:not(.af-icon-button),.canvas .aemformcontainer form button:not(.af-icon-button),.canvas .aemformcontainer form input[type="button"],.canvas .aemformcontainer form button.btn{font-family:"Scania Sans Headline",arial,helvetica,sans-serif !important;border:1px solid #1adfb1 !important;min-width:unset !important;font-size:1.4rem;text-align:center;width:auto;padding:10px 4rem !important;position:relative;overflow:hidden;font-weight:normal}
.canvas .aemformcontainer .formTitle p{font-family:"Scania Sans Headline",arial,helvetica,sans-serif !important;font-size:3.2rem !important}
.canvas .comparison-tool,.canvas .m-gameintro{width:100%;background:transparent;margin:0;color:#fff;padding:0 60px 30px 60px;overflow-y:auto;height:calc(100% - 250px);scrollbar-color:#1adfb1 rgba(255,255,255,0.1);scrollbar-width:thin;scroll-behavior:smooth}
.canvas .comparison-tool::-webkit-scrollbar,.canvas .m-gameintro::-webkit-scrollbar{width:10px;height:10px}
.canvas .comparison-tool::-webkit-scrollbar-track,.canvas .m-gameintro::-webkit-scrollbar-track{background-color:transparent;border:1px solid #1adfb1;border-radius:20px}
.canvas .comparison-tool::-webkit-scrollbar-thumb,.canvas .m-gameintro::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #1adfb1;background-color:#1adfb1;border-radius:20px}
.canvas .m-gameintro{height:100%;padding-top:30px}
.canvas-container{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;width:100%;height:100%}
.canvas-container .modal i.icon-minus{font-size:4rem;border:0;width:auto;padding:0;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.m-simplified-header{background:linear-gradient(180deg,rgba(1,40,65,0.7) 0,rgba(1,24,65,0) 100%);height:100px;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;color:#fff;padding:0 30px;position:fixed;top:0;z-index:2;left:0;right:0}
.m-simplified-header .left-column,.m-simplified-header .right-column{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}
.m-simplified-header .left-column{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;width:75%}
.m-simplified-header .right-column{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;width:25%}
.m-simplified-header .right-column img{height:45px;cursor:pointer}
.m-simplified-header span{font-size:3rem;font-family:"Scania Sans Headline",arial,helvetica,sans-serif;text-transform:uppercase}
.m-simplified-header .icon-minus{font-size:3rem;border:0;width:auto;padding:0;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.requestaquote,.navigation,.gameintro{display:none}
.requestaquote,.comparisontool,.gameintro{position:absolute;top:0;bottom:0;height:100%;width:100%;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.requestaquote .menu-header,.comparisontool .menu-header,.gameintro .menu-header{width:calc(100% - 120px);height:auto}
.requestaquote .menu-header i.icon-cross,.comparisontool .menu-header i.icon-cross,.gameintro .menu-header i.icon-cross{font-size:3.5rem !important;border-radius:50px;padding:6px;border:1px solid #1adfb1;background:#041e42}
.requestaquote .menu-header .share .share,.comparisontool .menu-header .share .share,.gameintro .menu-header .share .share,.requestaquote .menu-header .center-truck,.comparisontool .menu-header .center-truck,.gameintro .menu-header .center-truck{position:relative;top:48px !important}
.requestaquote .menu-header .share .share i,.comparisontool .menu-header .share .share i,.gameintro .menu-header .share .share i,.requestaquote .menu-header .center-truck i,.comparisontool .menu-header .center-truck i,.gameintro .menu-header .center-truck i,.requestaquote .menu-header .share .share .icon-share,.comparisontool .menu-header .share .share .icon-share,.gameintro .menu-header .share .share .icon-share,.requestaquote .menu-header .center-truck .icon-share,.comparisontool .menu-header .center-truck .icon-share,.gameintro .menu-header .center-truck .icon-share{border-radius:50px;padding:11px;border:1px solid #1adfb1;background:#041e42;font-size:28px}
.requestaquote .menu-header .share .share .icon-twitter,.comparisontool .menu-header .share .share .icon-twitter,.gameintro .menu-header .share .share .icon-twitter,.requestaquote .menu-header .center-truck .icon-twitter,.comparisontool .menu-header .center-truck .icon-twitter,.gameintro .menu-header .center-truck .icon-twitter,.requestaquote .menu-header .share .share .icon-facebook,.comparisontool .menu-header .share .share .icon-facebook,.gameintro .menu-header .share .share .icon-facebook,.requestaquote .menu-header .center-truck .icon-facebook,.comparisontool .menu-header .center-truck .icon-facebook,.gameintro .menu-header .center-truck .icon-facebook{font-size:20px;padding:15px}
.requestaquote .menu-header .share .share .icon-linkedin,.comparisontool .menu-header .share .share .icon-linkedin,.gameintro .menu-header .share .share .icon-linkedin,.requestaquote .menu-header .center-truck .icon-linkedin,.comparisontool .menu-header .center-truck .icon-linkedin,.gameintro .menu-header .center-truck .icon-linkedin{font-size:20px;padding:11px}
.requestaquote .menu-header .center-truck,.comparisontool .menu-header .center-truck,.gameintro .menu-header .center-truck{right:-10px !important}
.requestaquote .menu-header .icon:before,.comparisontool .menu-header .icon:before,.gameintro .menu-header .icon:before{color:#fff}
.requestaquote .menu-header .share .share,.comparisontool .menu-header .share .share,.gameintro .menu-header .share .share{right:10px !important}
.requestaquote .menu-header .share .share a,.comparisontool .menu-header .share .share a,.gameintro .menu-header .share .share a{background-color:transparent;color:#fff;margin-left:20px !important}
.comparisontool{opacity:0;display:none}
.icon-share::before{font-size:26px;width:28px}
.icon-share{border-radius:50px;padding:10px;border:1px solid #1adfb1;background:#041e42;width:28px}
.m-navigation{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;width:100%;position:fixed;top:100px;z-index:3;cursor:default;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;right:10px}
.canvas-container .modal ul,.m-navigation ul{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;width:auto;cursor:default;height:100%}
.canvas-container .modal ul li,.m-navigation ul li{list-style:none;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;margin:0 20px 0 0;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:default}
.canvas-container .modal ul li:last-child,.m-navigation ul li:last-child{margin-right:30px}
.canvas-container .modal ul li .share.share-blue-theme,.m-navigation ul li .share.share-blue-theme{top:auto;right:auto}
.canvas-container .modal ul li .share,.m-navigation ul li .share{right:10px !important}
.canvas-container .modal ul li .share a,.m-navigation ul li .share a{background-color:transparent;color:#fff;margin-left:20px !important}
.canvas-container .modal ul li .share a .icon::before,.m-navigation ul li .share a .icon::before{font-size:inherit}
.canvas-container .modal ul li .icon-share,.m-navigation ul li .icon-share,.canvas-container .modal ul li i,.m-navigation ul li i{border-radius:50px;padding:11px;border:1px solid #1adfb1;background:#041e42}
.canvas-container .modal ul li .icon-share,.m-navigation ul li .icon-share{background:#041e42 !important}
.canvas-container .modal ul li .icon,.m-navigation ul li .icon{font-size:26px;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;margin:0}
.canvas-container .modal ul li .icon.icon-twitter,.m-navigation ul li .icon.icon-twitter{padding:16px;font-size:16px}
.canvas-container .modal ul li i.icon-minus,.m-navigation ul li i.icon-minus{border-radius:0;border:0;font-size:50px;width:auto;height:auto;padding:0 5px}
.canvas-container .modal ul li i.icon-arrow_right,.m-navigation ul li i.icon-arrow_right{border-radius:0;border:0;width:auto;height:auto;padding:0 5px 0 0;font-weight:bold;font-size:40px}
.canvas-container .modal ul li i.icon-arrow_right:before,.m-navigation ul li i.icon-arrow_right:before{color:#1adfb1}
.canvas-container .modal ul li i.icon-games,.m-navigation ul li i.icon-games{width:82px;padding:0 !important;height:82px;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center}
.canvas-container .modal .navigation-items,.m-navigation .navigation-items{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:220px;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:flex-start;cursor:default}
.canvas-container .modal .navigation-items li,.m-navigation .navigation-items li{cursor:default;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;margin:10px 60px 0 0 !important;width:100%}
.canvas-container .modal .navigation-items li:last-child,.m-navigation .navigation-items li:last-child{margin-right:0}
.canvas-container .modal .navigation-items li span,.m-navigation .navigation-items li span{font-family:"Scania Sans Headline",arial,helvetica,sans-serif;font-size:3rem;cursor:pointer}
.canvas-container .modal .navigation-items-footer,.m-navigation .navigation-items-footer{display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;width:100%;cursor:default;margin-bottom:20px;height:220px;align-items:flex-end}
.canvas-container .modal .navigation-footer,.m-navigation .navigation-footer{width:auto;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;height:auto;align-items:flex-start}
.canvas-container .modal .navigation-footer li,.m-navigation .navigation-footer li{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;margin:0 20px;cursor:default;align-items:flex-start;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:auto;width:150px}
.canvas-container .modal .navigation-footer li a,.m-navigation .navigation-footer li a,.canvas-container .modal .navigation-footer li a:link,.m-navigation .navigation-footer li a:link,.canvas-container .modal .navigation-footer li a:visited,.m-navigation .navigation-footer li a:visited,.canvas-container .modal .navigation-footer li a:active,.m-navigation .navigation-footer li a:active{color:#fff;text-decoration:none;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.canvas-container .modal .navigation-footer li a,.m-navigation .navigation-footer li a{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center}
.canvas-container .modal .navigation-footer li span,.m-navigation .navigation-footer li span{color:#fff;font-size:1.6rem;font-family:"Scania Sans Bold",arial,helvetica,sans-serif;text-transform:uppercase;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;text-align:center;display:-ms-flexbox;display:-webkit-flex;display:flex}
.canvas-container .modal .navigation-footer li .icon,.m-navigation .navigation-footer li .icon{font-size:40px}
.canvas-container .modal .navigation-footer li i,.m-navigation .navigation-footer li i{border-radius:50%;padding:20px;margin:10px auto}
.canvas-container .modal .navigation-footer li i.icon-rfq,.m-navigation .navigation-footer li i.icon-rfq{font-size:30px !important;width:82px;height:82px;padding:25px 28px !important}
.video-container{display:none;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;min-height:48rem;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;align-items:center;height:calc(100% - 110px);margin:0;color:#fff;padding:0 30px;width:calc(100% - 60px);position:relative;top:50px;opacity:0}
.video-content{position:relative;max-width:1200px;width:100%;display:-ms-flexbox;display:-webkit-flex;height:auto;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 30px 0}
.video-content h1,.video-content h2,.video-content h3,.video-content h4,.video-content p{text-align:left !important;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;padding:0}
.video-content h1,.video-content h1 a,.video-content h2,.video-content h2 a{font-size:4rem}
.m-premiere-video{display:-ms-flexbox;display:-webkit-flex;display:flex;clear:both;padding:0;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;align-items:center;overflow:hidden;height:48rem;width:100%}
.m-premiere-video .video,.m-premiere-video iframe{height:48rem !important}
.nocookie-iframePlaceholder .section,.video .m-video .videoPoster{height:48rem !important}
.chat{display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;margin-left:20px !important}
.m-video{height:48rem !important;width:100%}
.video{width:100%}
#carouselContent,#menuContent{display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
@keyframes canvasin{from{opacity:0}
10%{opacity:.1}
20%{opacity:.2}
30%{opacity:.3}
40%{opacity:.4}
50%{opacity:.5}
60%{opacity:.6}
70%{opacity:.7}
80%{opacity:.8}
90%{opacity:.9}
to{opacity:1}
}
@-webkit-keyframes canvasin{from{opacity:0}
10%{opacity:.1}
20%{opacity:.2}
30%{opacity:.3}
40%{opacity:.4}
50%{opacity:.5}
60%{opacity:.6}
70%{opacity:.7}
80%{opacity:.8}
90%{opacity:.9}
to{opacity:1}
}
#application-canvas{display:block;position:absolute;opacity:1;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-animation:canvasin 3s ease-out;animation:canvasin 3s ease-out}
#application-canvas.fill-mode-NONE{margin:auto}
#application-canvas.fill-mode-KEEP_ASPECT{width:100%;height:auto;margin:0}
#application-canvas.fill-mode-FILL_WINDOW{width:100%;height:100%;margin:0}
canvas:focus{outline:0}
.canvas-container{background:#041e42}
.canvas-container .modal-content{background:#041e42;color:#fff;padding:0;height:100%;cursor:default;border:0}
.active-configurator .canvas-container .modal-body{width:calc(100% - 60px)}
.canvas-container .modal-body{background-color:transparent;padding:0 30px 30px 30px !important;height:75%;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;cursor:default;overflow-y:auto;margin:40px 0;scrollbar-color:#1adfb1 rgba(255,255,255,0.1);scrollbar-width:thin;scroll-behavior:smooth}
.canvas-container .modal-body.carousel-body{padding-left:30px;margin:0 auto;width:100%;margin-top:40px;margin-bottom:40px}
.canvas-container .modal-body::-webkit-scrollbar{width:10px;height:10px}
.canvas-container .modal-body::-webkit-scrollbar-track{background-color:transparent;border:1px solid #1adfb1;border-radius:20px}
.canvas-container .modal-body::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #1adfb1;background-color:#1adfb1;border-radius:20px}
.canvas-container .modal-dialog{max-width:1200px;padding:0}
.canvas-container .modal-header{border:0 !important;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;align-items:center;padding:60px 60px 10px 60px !important;cursor:default;height:100px}
.canvas-container .modal-header button,.canvas-container .modal-header h4{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;padding:0}
.canvas-container .modal-header h4{justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;width:75%}
.canvas-container .modal-header h4 .icon-minus{font-size:6rem;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}
.canvas-container .modal-header button{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;width:25%}
.canvas-container .modal-header .modal-close{color:#fff;opacity:1;text-shadow:none;padding-right:0;right:-30px;position:relative;margin:0 !important;padding:0;width:50px;top:48px;display:inline-block;background:transparent;border:0;cursor:pointer;height:50px}
.canvas-container .modal{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:1050 !important;display:none;overflow:hidden;outline:0}
.canvas-container .modal .share.share-blue-theme{position:relative;top:48px !important;right:10px !important}
.canvas-container .modal .center-truck{position:relative;top:48px;right:-10px}
.canvas-container .modal .share a{background-color:transparent;color:#fff;margin-left:20px !important}
.canvas-container .modal .share a .icon::before{font-size:inherit}
.canvas-container .modal .icon-share,.canvas-container .modal i{border-radius:50px;padding:11px;border:1px solid #1adfb1;background:#041e42}
.canvas-container .modal .icon-share{background:#041e42 !important}
.canvas-container .modal .icon{font-size:28px;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;margin:0}
.canvas-container .modal .icon.icon-twitter{padding:15px;font-size:20px}
.canvas-container .modal .icon:before{color:#fff}
.canvas-container .modal i.icon.icon-truck{display:-ms-flexbox;display:-webkit-flex;display:flex}
.fade.show{opacity:1 !important}
.modal-backdrop.fade.show{opacity:.5 !important;z-index:1040}
.canvas-container .modal.show .modal-dialog{-webkit-transform:translate(0,0) !important;transform:translate(0,0) !important;opacity:.95 !important}
.canvas-container .modal.show.active-game .modal-dialog{opacity:1 !important}
#carouselModal .modal-dialog{opacity:1 !important}
.modal-open .canvas-container .modal{overflow-y:hidden;padding:0 !important}
.canvas-container .modal-dialog{width:100%;height:100%;max-width:none;margin:0}
#hotspotModal .modal-body{margin-top:40px;width:100%}
#hotspotModal .modal-dialog{opacity:1 !important}
#hotspotModal .m-simplified-header .left-column{display:none}
#hotspotModal .m-simplified-header .right-column{width:100%}
#hotspotModal .share.share-blue-theme{display:none}
#hotspotModal .modal-header .modal-close{right:-30px}
#hotspotModal p{padding:10px 0}
.video .m-video .videoPoster:before{border-color:#1adfb1 !important;margin-top:-28px}
.video .m-video .videoPoster:after{border-left-color:#1adfb1 !important}
.aemform{width:100% !important}
.aemformcontainer{background:#fff}
.aemformcontainer{background:#fff;padding:20px}
.container{width:100% !important}
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{color:#fff !important}
.guide-tnc-content p{text-align:left;padding:10px 0}
@media(min-width:992px){.canvas-container .modal-body{width:100%}
.canvas .aemformcontainer form button.moveNext:not(.af-icon-button):active,.canvas .aemformcontainer form button.submit:not(.af-icon-button):active,.canvas .aemformcontainer form button:not(.af-icon-button):active,.canvas .aemformcontainer form input[type="button"]:active,.canvas .aemformcontainer form button.btn:active,.canvas .aemformcontainer form button.moveNext:not(.af-icon-button):hover,.canvas .aemformcontainer form button.submit:not(.af-icon-button):hover,.canvas .aemformcontainer form button:not(.af-icon-button):hover,.canvas .aemformcontainer form input[type="button"]:hover,.canvas .aemformcontainer form button.btn:hover{color:#041e42;border-color:#1adfb1;background-color:#1adfb1}
.icon-share:hover{background:transparent;color:#fff}
.comparisontool h3,.gameintro h3,.comparisontool h5,.gameintro h5{font-family:"Scania Sans Headline",arial,helvetica,sans-serif;text-transform:uppercase;text-align:left !important;font-weight:normal;margin:20px 0 !important}
.comparisontool .btn,.gameintro .btn{padding:18px 20px !important}
.requestaquote .navigation-items li span:hover,.comparisontool .navigation-items li span:hover,.gameintro .navigation-items li span:hover,.canvas-container .modal .navigation-items li span:hover,.m-navigation .navigation-items li span:hover{text-decoration:underline}
.requestaquote .navigation-footer li:hover,.comparisontool .navigation-footer li:hover,.gameintro .navigation-footer li:hover,.canvas-container .modal .navigation-footer li:hover,.m-navigation .navigation-footer li:hover{text-decoration:none}
.requestaquote .navigation-footer li a:hover,.comparisontool .navigation-footer li a:hover,.gameintro .navigation-footer li a:hover,.canvas-container .modal .navigation-footer li a:hover,.m-navigation .navigation-footer li a:hover{color:#fff;text-decoration:none;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.requestaquote .navigation-footer li .icon-share:hover,.comparisontool .navigation-footer li .icon-share:hover,.gameintro .navigation-footer li .icon-share:hover,.canvas-container .modal .navigation-footer li .icon-share:hover,.m-navigation .navigation-footer li .icon-share:hover,.requestaquote .navigation-footer li i:hover,.comparisontool .navigation-footer li i:hover,.gameintro .navigation-footer li i:hover,.canvas-container .modal .navigation-footer li i:hover,.m-navigation .navigation-footer li i:hover{border-color:#041e42;background-color:#1adfb1 !important;cursor:pointer;-webkit-transition:background-color 2s ease-out;-moz-transition:background-color 2s ease-out;-o-transition:background-color 2s ease-out;transition:background-color 2s ease-out}
.requestaquote .navigation-footer li i:hover:before,.comparisontool .navigation-footer li i:hover:before,.gameintro .navigation-footer li i:hover:before,.canvas-container .modal .navigation-footer li i:hover:before,.m-navigation .navigation-footer li i:hover:before{color:#041e42 !important}
.requestaquote .icon-share:hover,.comparisontool .icon-share:hover,.gameintro .icon-share:hover,.m-navigation .icon-share:hover,.canvas-container .modal .icon-share:hover,.requestaquote i:hover,.comparisontool i:hover,.gameintro i:hover,.m-navigation i:hover,.canvas-container .modal i:hover{animation:none;border-color:#041e42;background-color:#1adfb1 !important;cursor:pointer;-webkit-transition:background-color 2s ease-out;-moz-transition:background-color 2s ease-out;-o-transition:background-color 2s ease-out;transition:background-color 2s ease-out}
.requestaquote .icon-share:hover:before,.comparisontool .icon-share:hover:before,.gameintro .icon-share:hover:before,.m-navigation .icon-share:hover:before,.canvas-container .modal .icon-share:hover:before,.requestaquote i:hover:before,.comparisontool i:hover:before,.gameintro i:hover:before,.m-navigation i:hover:before,.canvas-container .modal i:hover:before{color:#041e42 !important}
.requestaquote i.icon-cross,.comparisontool i.icon-cross,.gameintro i.icon-cross,.m-navigation i.icon-cross,.canvas-container .modal i.icon-cross{font-size:3.5rem !important;padding:6px}
.requestaquote i.icon-cross:hover,.comparisontool i.icon-cross:hover,.gameintro i.icon-cross:hover,.m-navigation i.icon-cross:hover,.canvas-container .modal i.icon-cross:hover{animation:none;border-color:#041e42;background-color:#1adfb1 !important;cursor:pointer;-webkit-transition:background-color 2s ease-out;-moz-transition:background-color 2s ease-out;-o-transition:background-color 2s ease-out;transition:background-color 2s ease-out}
.requestaquote i.icon-cross:hover:before,.comparisontool i.icon-cross:hover:before,.gameintro i.icon-cross:hover:before,.m-navigation i.icon-cross:hover:before,.canvas-container .modal i.icon-cross:hover:before{color:#041e42 !important}
.requestaquote i.icon-image:hover,.comparisontool i.icon-image:hover,.gameintro i.icon-image:hover,.m-navigation i.icon-image:hover,.canvas-container .modal i.icon-image:hover,.requestaquote i.icon-pdf:hover,.comparisontool i.icon-pdf:hover,.gameintro i.icon-pdf:hover,.m-navigation i.icon-pdf:hover,.canvas-container .modal i.icon-pdf:hover{color:#fff !important}
.requestaquote i.icon-image:hover:before,.comparisontool i.icon-image:hover:before,.gameintro i.icon-image:hover:before,.m-navigation i.icon-image:hover:before,.canvas-container .modal i.icon-image:hover:before,.requestaquote i.icon-pdf:hover:before,.comparisontool i.icon-pdf:hover:before,.gameintro i.icon-pdf:hover:before,.m-navigation i.icon-pdf:hover:before,.canvas-container .modal i.icon-pdf:hover:before{color:#fff !important}
.requestaquote .menu-header .center-truck i:hover,.comparisontool .menu-header .center-truck i:hover,.gameintro .menu-header .center-truck i:hover,.requestaquote .menu-header .share i:hover,.comparisontool .menu-header .share i:hover,.gameintro .menu-header .share i:hover{animation:none;border-color:#041e42;background-color:#1adfb1;cursor:pointer;-webkit-transition:background-color 2s ease-out;-moz-transition:background-color 2s ease-out;-o-transition:background-color 2s ease-out;transition:background-color 2s ease-out}
.requestaquote .menu-header .center-truck i:hover:before,.comparisontool .menu-header .center-truck i:hover:before,.gameintro .menu-header .center-truck i:hover:before,.requestaquote .menu-header .share i:hover:before,.comparisontool .menu-header .share i:hover:before,.gameintro .menu-header .share i:hover:before{color:#041e42}
.canvas-container .modal i.icon-minus:hover{background-color:#041e42 !important}
.canvas-container .modal i.icon-minus:hover::before{color:#fff !important}
}
@media(min-width:992px) and (max-height:900px){.video-container{min-height:40rem}
.chat,.m-premiere-video,.m-premiere-video .video,.m-premiere-video iframe,.video .m-video .videoPoster{height:40rem !important}
}
@media(min-width:992px) and (max-width:1299px){h4,h4 a{font-size:2.4rem}
}
@media(min-width:480px) and (max-width:991px) and (max-height:480px){.canvas-container .modal .navigation-items,.canvas-container .modal .navigation-footer{height:320px !important;margin:0}
}
@media(min-width:480px) and (max-width:991px) and (min-height:481px) and (max-height:767px){.canvas-container .modal .navigation-items,.canvas-container .modal .navigation-footer{height:375px !important;margin:0}
}
@media(min-width:480px) and (max-width:991px) and (min-height:769px) and (max-height:991px){.canvas-container .modal .navigation-items,.canvas-container .modal .navigation-footer{height:600px !important;margin:0}
}
@media(max-height:360px){.video-container{min-height:180px}
.nocookie-iframePlaceholder .section,.m-video,.chat,.m-premiere-video,.m-premiere-video .video,.m-premiere-video iframe,.video .m-video .videoPoster{height:180px !important}
.canvas-container .modal-body iframe{height:180px}
.m-premiere-video{min-height:180px}
}
@media(min-height:361px) and (max-height:480px){.video-container{min-height:215px}
.nocookie-iframePlaceholder .section,.m-video,.chat,.m-premiere-video,.m-premiere-video .video,.m-premiere-video iframe,.video .m-video .videoPoster{height:215px !important}
.canvas-container .modal-body iframe{height:215px}
.m-premiere-video{min-height:215px}
}
@media(min-height:481px) and (max-height:767px){.video-container{min-height:375px}
.nocookie-iframePlaceholder .section,.m-video,.chat,.m-premiere-video,.m-premiere-video .video,.m-premiere-video iframe,.video .m-video .videoPoster{height:375px !important}
.canvas-container .modal-body iframe{height:300px}
.m-premiere-video{min-height:300px}
}
@media(min-height:769px) and (max-height:991px){.video-container{min-height:600px}
.nocookie-iframePlaceholder .section,.m-video,.chat,.m-premiere-video,.m-premiere-video .video,.m-premiere-video iframe,.video .m-video .videoPoster{height:600px !important}
.canvas-container .modal-body iframe{height:600px}
.m-premiere-video{min-height:600px}
}
@media(max-width:991px){body{-webkit-text-size-adjust:100%}
body.add-bg::before{background-size:200%}
body .cookie-container .modal-dialog .modal-header p{color:#242c37;text-align:left}
body.in-app .landscape-message{display:none !important}
body.in-app #application-splash{width:auto}
body.in-app #progress-status{padding:30px 2rem}
body.in-app #application-canvas{height:100vh !important}
body.in-app .canvas-container .modal,body.in-app #application-splash-wrapper{transform:rotate(90deg);transform-origin:0 0;width:100vh !important;height:100vw !important;left:100% !important}
body.in-app .modal.left .modal-content,body.in-app .modal.right .modal-content{height:100vw !important}
body.in-app div#navigation,body.in-app .m-simplified-header,body.in-app .site-preload-icon{transform:rotate(90deg);transform-origin:0 0;left:100% !important}
body.in-app .site-preload-icon{top:25% !important}
body.in-app .hand::before{top:40%;left:60%;transform:rotate(90deg);transform-origin:0 0;animation:none}
body.in-app .comparisontool,body.in-app .gameintro{transform:rotate(90deg);transform-origin:0 0;position:fixed;left:100%;top:0;bottom:0;width:100vh !important;height:100vw !important}
body.in-app .cookie-container .m-cookie,body.in-app #preferencesModal{transform:rotate(90deg);transform-origin:0 0;left:85%;top:0;bottom:0;width:100vh !important;height:100vw !important;overflow-x:auto}
.m-cookie .message-text{padding:0 !important}
.hand::before{top:25%;left:25%}
.landscape-message .scania-blue-theme{width:100% !important;height:100%}
#application-splash{width:100%}
.lines{width:100%;padding:0 30px}
.scania-core,body{position:fixed;top:0;left:0;right:0;bottom:0}
.sticky-menu{position:fixed;left:0;z-index:1;display:-ms-flexbox;display:-webkit-flex;display:flex}
p{font-size:1.2rem !important}
.video-container{top:20px;padding:0 !important;width:80%;left:10%;position:fixed;height:calc(100% - 50px)}
.video-content{width:90%;margin:0 auto}
.video-content h2,.video-content h2 a{font-size:2.4rem}
.m-video{height:0 !important}
.m-simplified-header{padding:0;height:auto;right:unset;width:70px;background:transparent}
.m-simplified-header .right-column{width:70px;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;padding:10px 0;margin:0 10px;align-items:center;border-bottom:1px solid #fff}
.m-simplified-header .right-column img{width:40px;height:40px}
.canvas .aemformcontainer{padding-left:50px;padding-top:20px;height:100%;margin-bottom:30px}
.canvas .aemformcontainer #guideContainerForm{width:50rem}
.canvas .aemformcontainer .formTitle p{font-size:2rem !important;padding-bottom:10px}
.canvas .aemformcontainer form button.moveNext:not(.af-icon-button),.canvas .aemformcontainer form button.submit:not(.af-icon-button),.canvas .aemformcontainer form button:not(.af-icon-button),.canvas .aemformcontainer form input[type="button"],.canvas .aemformcontainer form button.btn{font-size:1.2rem;padding:5px 2rem !important;margin:10px 0}
.canvas .aemformcontainer label{font-size:1.2rem}
.canvas .aemformcontainer .guideFieldWidget input[type="date"],.canvas .aemformcontainer .guideFieldWidget input[type="text"],.canvas .aemformcontainer .guideFieldWidget input[type="password"],.canvas .aemformcontainer .guideFieldWidget select,.canvas .aemformcontainer .guideFieldWidget textarea{font-size:1.2rem}
.canvas .aemformcontainer .guideFieldWidget input,.canvas .aemformcontainer .guideFieldWidget select{height:25px}
.canvas .aemformcontainer p{padding-bottom:10px}
.canvas .aemformcontainer .guideFieldNode,.canvas .aemformcontainer .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){padding-top:0}
.canvas-container .modal,.m-navigation{width:auto;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;margin:0 auto;top:0;background:linear-gradient(180deg,rgba(1,40,65,0.7) 0,rgba(1,24,65,0) 100%);height:100%;align-items:flex-start;pointer-events:none}
.canvas-container .modal .share-icon,.requestaquote .share-icon,.comparisontool .share-icon,.gameintro .share-icon{display:none !important}
#formHeader ul,#comparisonHeader ul,#gameHeader ul,.canvas-container .modal ul,.m-navigation ul{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;padding:0;justify-content:start;-webkit-justify-content:start;-ms-justify-content:start;height:100%;align-items:center}
#formHeader ul li,#comparisonHeader ul li,#gameHeader ul li,.canvas-container .modal ul li,.m-navigation ul li{margin:0 10px;pointer-events:bounding-box;list-style:none}
#formHeader ul li:last-child,#comparisonHeader ul li:last-child,#gameHeader ul li:last-child,.canvas-container .modal ul li:last-child,.m-navigation ul li:last-child{margin-right:10px}
#formHeader ul li.logo,#comparisonHeader ul li.logo,#gameHeader ul li.logo,.canvas-container .modal ul li.logo,.m-navigation ul li.logo{border-bottom:1px solid #fff;margin:0 10px 40px 15px;padding-bottom:10px;order:1}
#formHeader ul li.logo img,#comparisonHeader ul li.logo img,#gameHeader ul li.logo img,.canvas-container .modal ul li.logo img,.m-navigation ul li.logo img{width:40px;height:40px}
#formHeader ul li.share-icon,#comparisonHeader ul li.share-icon,#gameHeader ul li.share-icon,.canvas-container .modal ul li.share-icon,.m-navigation ul li.share-icon{order:3;padding:5px 0}
#formHeader ul li.menu-icon,#comparisonHeader ul li.menu-icon,#gameHeader ul li.menu-icon,.canvas-container .modal ul li.menu-icon,.m-navigation ul li.menu-icon{order:2;padding:5px 0}
#formHeader ul li.truck-icon,#comparisonHeader ul li.truck-icon,#gameHeader ul li.truck-icon,.canvas-container .modal ul li.truck-icon,.m-navigation ul li.truck-icon{order:4;padding:5px 0}
#formHeader ul li.close-icon,#comparisonHeader ul li.close-icon,#gameHeader ul li.close-icon,.canvas-container .modal ul li.close-icon,.m-navigation ul li.close-icon{order:5;padding:5px 0}
#formHeader ul li i,#comparisonHeader ul li i,#gameHeader ul li i,.canvas-container .modal ul li i,.m-navigation ul li i{padding:9px;font-size:20px !important}
#formHeader ul li i.icon-cross,#comparisonHeader ul li i.icon-cross,#gameHeader ul li i.icon-cross,.canvas-container .modal ul li i.icon-cross,.m-navigation ul li i.icon-cross{font-size:3.5rem !important;border-radius:50px;padding:6px;border:1px solid #1adfb1;background:#041e42}
#formHeader ul li i,#comparisonHeader ul li i,#gameHeader ul li i,.canvas-container .modal ul li i,.m-navigation ul li i{border-radius:50px;border:1px solid #1adfb1;background:#041e42}
#formHeader ul li .icon:before,#comparisonHeader ul li .icon:before,#gameHeader ul li .icon:before,.canvas-container .modal ul li .icon:before,.m-navigation ul li .icon:before{color:#fff}
#formHeader .navigation-items,#comparisonHeader .navigation-items,#gameHeader .navigation-items,.canvas-container .modal .navigation-items,.m-navigation .navigation-items,#formHeader .navigation-footer,#comparisonHeader .navigation-footer,#gameHeader .navigation-footer,.canvas-container .modal .navigation-footer,.m-navigation .navigation-footer{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:flex-start;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start}
#formHeader .navigation-footer li,#comparisonHeader .navigation-footer li,#gameHeader .navigation-footer li,.canvas-container .modal .navigation-footer li,.m-navigation .navigation-footer li{margin:0 auto;padding:5px;height:auto}
#formHeader .navigation-footer li i,#comparisonHeader .navigation-footer li i,#gameHeader .navigation-footer li i,.canvas-container .modal .navigation-footer li i,.m-navigation .navigation-footer li i{padding:0 10px;margin:10px 0}
#formHeader .navigation-footer li i.icon-rfq,#comparisonHeader .navigation-footer li i.icon-rfq,#gameHeader .navigation-footer li i.icon-rfq,.canvas-container .modal .navigation-footer li i.icon-rfq,.m-navigation .navigation-footer li i.icon-rfq{font-size:22px !important;width:50px;height:50px;padding:12px 17px !important}
#formHeader .navigation-footer li .icon,#comparisonHeader .navigation-footer li .icon,#gameHeader .navigation-footer li .icon,.canvas-container .modal .navigation-footer li .icon,.m-navigation .navigation-footer li .icon{font-size:26px;padding:9px}
#formHeader .navigation-items li,#comparisonHeader .navigation-items li,#gameHeader .navigation-items li,.canvas-container .modal .navigation-items li,.m-navigation .navigation-items li{width:auto;padding:0;margin-right:30px !important;margin-top:5px !important}
#formHeader .navigation-items li span,#comparisonHeader .navigation-items li span,#gameHeader .navigation-items li span,.canvas-container .modal .navigation-items li span,.m-navigation .navigation-items li span{font-size:2rem}
#formHeader .navigation-items-footer,#comparisonHeader .navigation-items-footer,#gameHeader .navigation-items-footer,.canvas-container .modal .navigation-items-footer,.m-navigation .navigation-items-footer{margin-bottom:0;height:auto}
#formHeader ul li a,#comparisonHeader ul li a,#gameHeader ul li a{display:-ms-flexbox;display:-webkit-flex;display:flex}
ul li.close-icon a{display:inline-block !important;margin-top:6px}
.canvas-container .modal .navigation-items-footer{width:auto;align-items:flex-start;margin-bottom:0}
.canvas-container .modal .navigation-items-footer ul li:last-child{margin-right:initial}
.canvas-container .modal .navigation-items{width:50%;padding:0;height:100%}
.canvas-container .modal .navigation-items li{padding-left:80px}
.m-navigation{right:auto}
.canvas-container .modal ul li{padding:5px 0}
.canvas-container .modal-body{padding:0 30px 0 0 !important;width:calc(100% - 30px);margin-top:0}
.canvas-container .modal-body.carousel-body{margin-top:0}
#menuModal .modal-body{width:100%}
#hotspotModal .modal-content{padding:20px 0;width:100%}
#menuModal .modal-content{padding:0;width:100%}
.canvas-container .modal .share.share-blue-theme{position:unset}
#carouselModal .modal-content{padding:0;width:100%}
#hotspotModal .modal-header{padding:0 !important;margin:0}
#hotspotModal .modal-header .modal-close{right:20px;top:auto;height:50px}
#hotspotModal .modal-header .m-simplified-header{display:none !important}
#hotspotModal .modal-body{margin-top:0;padding:0 0 0 0 !important;width:100%;margin-bottom:30px;overflow-x:auto}
.m-hotspot{padding-right:0}
#carouselContent{width:100%;margin:0 auto;padding-left:80px;position:relative;z-index:0}
#carouselHeader,#menuHeader{position:relative;z-index:2}
#menuContent{width:calc(100% - 30px);margin:0 auto;padding-left:0;position:relative;z-index:0}
.share{height:40px;width:40px}
.icon-share::before{font-size:20px;width:22px}
.canvas-container .modal ul li i.icon-games,.m-navigation ul li i.icon-games{width:40px;padding:0 !important;height:40px;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center}
.canvas-container .modal i.icon-cross{display:inline !important;font-size:3rem !important}
}
@media(min-width:768px) and (max-width:991px){.hand::before{top:30%;left:30%}
.m-video{height:48rem !important}
.canvas-container .modal-body.carousel-body{width:100% !important}
.m-navigation .navigation-items .navigation-items,.canvas-container .modal .navigation-items{height:220px !important;margin-top:60px;width:100%}
.canvas-container .modal .navigation-footer,.m-navigation .navigation-footer{-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;width:100%;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;align-content:flex-start;height:200px}
.canvas-container .modal .navigation-footer li,.m-navigation .navigation-footer li{margin:0;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;align-content:flex-start}
.canvas-container .modal .navigation-items-footer,.m-navigation .navigation-items-footer{margin:0 auto;width:90%;align-items:flex-start;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;height:200px;align-content:flex-start}
#formHeader ul,#comparisonHeader ul,#gameHeader ul,.canvas-container .modal ul,.m-navigation ul{margin-left:5px}
#formHeader .navigation-items li span,#comparisonHeader .navigation-items li span,#gameHeader .navigation-items li span,.canvas-container .modal .navigation-items li span,.m-navigation .navigation-items li span{font-size:2.4rem}
#formHeader .navigation-footer li span,#comparisonHeader .navigation-footer li span,#gameHeader .navigation-footer li span,.canvas-container .modal .navigation-footer li span,.m-navigation .navigation-footer li span{font-size:1.4rem}
#formHeader ul li.logo,#comparisonHeader ul li.logo,#gameHeader ul li.logo,.canvas-container .modal ul li.logo,.m-navigation ul li.logo{margin-left:10px}
#carouselContent,#menuContent{align-items:flex-start;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
#carouselContent{margin-top:60px}
}
@media(min-width:1024px) and (max-width:1199px){.m-cookie .consent-btns{justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;padding:0 60px 40px 0}
}
@media(min-width:992px) and (max-width:1199px){.canvas-container .modal-body{width:100%}
.canvas-container .modal .navigation-items li,.m-navigation .navigation-items li{margin-right:30px !important}
.canvas-container .modal .navigation-footer li .icon{font-size:30px}
.canvas-container .modal .navigation-footer li i{padding:15px}
.canvas-container .modal .navigation-footer li span{font-size:1.4rem}
.canvas-container .modal .navigation-footer li{width:100px}
.canvas-container .modal .navigation-items{padding:0}
.canvas-container .modal .navigation-items{font-size:2.4rem}
h3,h3 a{font-size:3rem}
.canvas .aemformcontainer .formTitle p{font-size:3rem !important}
.canvas-container .modal ul li i.icon-games,.m-navigation ul li i.icon-games{width:62px;height:62px;padding:0 !important;align-items:center;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center}
#carouselHeader{display:none !important}
.canvas-container .modal ul li.logo,.m-navigation ul li.logo{display:none !important}
.requestaquote,.comparisontool,.gameintro{top:20px}
}
@media(min-width:767px) and (max-width:991px){h1,h1 a,h2,h2 a{font-size:3rem !important}
}
@media(max-width:568px){.modal ul li.logo,.m-navigation ul li.logo{margin-bottom:20px}
.m-navigation .navigation-items,.canvas-container .modal .navigation-items{padding-top:20px;padding-right:30px;margin-bottom:0;width:calc(45% - 30px)}
.m-navigation .navigation-items li,.canvas-container .modal .navigation-items li{margin-right:15px}
.m-navigation .navigation-items li span,.canvas-container .modal .navigation-items li span{font-size:1.6rem}
#formHeader .navigation-footer li span,#comparisonHeader .navigation-footer li span,#gameHeader .navigation-footer li span,.canvas-container .modal .navigation-footer li span,.m-navigation .navigation-footer li span{font-size:1.2rem}
}
@media(min-width:569px) and (max-width:767px){.canvas-container .modal .navigation-items,.m-navigation .navigation-items,.canvas-container .modal .navigation-footer,.m-navigation .navigation-footer{margin-top:30px}
#formHeader .navigation-footer li span,#comparisonHeader .navigation-footer li span,#gameHeader .navigation-footer li span,.canvas-container .modal .navigation-footer li span,.m-navigation .navigation-footer li span{font-size:1.2rem}
}