@charset "UTF-8";.scania-noe .c-articlegrid-header{font-size:60px;color:#041e42;text-align:center}
.scania-noe .c-articlegrid-results{margin:0 0 10px;font-size:22px;color:#53565a;text-align:center}
.scania-noe .c-articlegrid-results .c-result-count{font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif}
.scania-noe .c-article-grid{max-width:1170px;margin:0 auto 60px auto}
.scania-noe .c-article-grid.container{padding:0}
.scania-noe .c-article-grid .category-list{margin:20px 0 50px;padding:0;list-style-type:none;text-align:center}
.scania-noe .c-article-grid .category-list li{display:inline-block;margin:0 25px;font-family:"ScaniaSansRegular",Helvetica,Arial,sans-serif;font-size:16px;color:#53565a;text-transform:uppercase}
.scania-noe .c-article-grid .category-list li.active{font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;border-bottom:2px solid #d6001c}
.scania-noe .c-article-grid.variation-2,.scania-noe .c-article-grid.variation-3{display:none}
.scania-noe .c-article-grid.variation-1 .grid-category{float:left;width:100%}
.scania-noe .c-article-grid.variation-1 .grid-container{float:left;width:100%}
.scania-noe .c-article-grid.variation-1 .col-sm-8 .c-caption{padding:0 14%}
.scania-noe .c-article-grid.variation-1 .row:first-child .col-sm-8 .c-title{color:#fff;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid.variation-1 .row:nth-child(4) .col-sm-8 .c-title{color:#fff;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid.variation-1 .category-list li:hover{cursor:pointer}
.scania-noe .c-article-grid.variation-2 .row:nth-child(2) .col-sm-8 .c-title{font-size:30px;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid .c-main-cta{display:block;overflow:hidden}
.scania-noe .c-article-grid.variation-4 .c-tile-main .c-title,.scania-noe .c-article-grid.variation-4 .c-tile-main .c-subtitle,.scania-noe .c-article-grid.variation-4 .c-tile-main .c-description{display:block}
.scania-noe .c-article-grid.variation-3 .c-title{font-family:"ScaniaSansHeadlineBold",Helvetica,Arial,sans-serif;color:#fff;line-height:.98 !important;border-top:5px solid transparent;text-transform:uppercase;padding:0}
.scania-noe .c-article-grid.variation-3 .c-subtitle{font-family:"ScaniaSansRegular",Helvetica,Arial,sans-serif;font-size:14.64px;color:#fff}
.scania-noe .c-article-grid.variation-4 .c-header,.scania-noe .c-article-grid.variation-4 .c-title,.scania-noe .c-article-grid.variation-4 .c-cta{font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif}
.scania-noe .c-article-grid.variation-4 .c-header{font-size:20px;text-transform:uppercase;padding:0;color:#fff}
.scania-noe .c-article-grid.variation-4 .c-title{margin:5px 0;color:#fff;text-align:left;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid.variation-4 .twobyone-img+.c-tile-caption .c-title,.scania-noe .c-article-grid.variation-4 .onebytwo-img+.c-tile-caption .c-title{font-size:32px;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid.variation-4 .c-title{font-size:24px;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid.variation-4 .c-cta{display:block;margin:0;text-transform:uppercase;text-decoration:underline;color:#fff;font-size:14px}
.scania-noe .c-article-grid.variation-4 .c-tile-caption{position:absolute;bottom:0;right:0;left:0;text-align:left;overflow:hidden}
.scania-noe .c-article-grid.variation-4 .c-caption{padding:0 25px 25px}
.scania-noe .c-article-grid .c-tile-main{position:relative;height:auto}
.scania-noe .c-article-grid .c-tile-main .c-caption-container{-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;-ms-transition:background .5s ease;transition:background .5s ease}
.scania-noe .c-article-grid .c-tile-main .c-title,.scania-noe .c-article-grid .c-tile-main .c-subtitle{-webkit-transition:display 1s ease;-moz-transition:display 1s ease;-o-transition:display 1s ease;-ms-transition:display 1s ease;transition:display 1s ease}
.scania-noe .c-article-grid .c-tile-main .c-description{-webkit-transition:display 1s ease;-moz-transition:display 1s ease;-o-transition:display 1s ease;-ms-transition:display 1s ease;transition:display 1s ease}
.scania-noe .c-article-grid .c-tile-main .c-cta{-webkit-transition:display 1s ease;-moz-transition:display 1s ease;-o-transition:display 1s ease;-ms-transition:display 1s ease;transition:display 1s ease}
.scania-noe .c-article-grid .c-tile-main .c-tile-image{-webkit-transition:transform 1s ease;-moz-transition:transform 1s ease;-o-transition:transform 1s ease;-ms-transition:transform 1s ease;transition:transform 1s ease}
.scania-noe .c-article-grid .c-tile-image{width:100%;overflow:hidden}
.scania-noe .c-article-grid .c-tile-image img{transition:all .2s linear}
.scania-noe .c-article-grid.variation-1 .c-tile-caption,.scania-noe .c-article-grid.variation-2 .c-tile-caption,.scania-noe .c-article-grid.variation-3 .c-tile-caption{position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;overflow:hidden}
.scania-noe .c-article-grid.variation-3 .twobyone-img+.c-tile-caption .c-title,.scania-noe .c-article-grid.variation-3 .onebytwo-img+.c-tile-caption .c-title,.scania-noe .c-article-grid.variation-4 .twobyone-img+.c-tile-caption .c-title,.scania-noe .c-article-grid.variation-4 .onebytwo-img+.c-tile-caption .c-title{font-size:32px;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid.variation-3 .c-title,.scania-noe .c-article-grid.variation-4 .c-title{font-size:24px;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid .c-caption-container{display:table;width:100%;height:100%}
.scania-noe .c-article-grid .c-caption{display:table-cell;float:none;width:100%;height:100%;vertical-align:middle;padding:0 10%}
.scania-noe .c-article-grid.variation-2 .c-caption{padding:0 2%}
.scania-noe .c-article-grid .col-sm-8 .c-caption{padding:0 20%}
.scania-noe .c-article-grid .border10{border:10px solid transparent;vertical-align:top}
.scania-noe .c-article-grid .c-title{margin-top:0;margin-bottom:0;color:#fff;line-height:.98 !important;border-top:5px solid transparent}
.scania-noe .c-article-grid .c-subtitle{color:#fff;margin-top:10px}
.scania-noe .c-article-grid .c-description{display:none;font-family:"ScaniaSansRegular",Helvetica,Arial,sans-serif;font-size:18px;color:#fff}
.scania-noe .c-article-grid .c-cta{display:none;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;font-size:15px;color:#fff;text-transform:uppercase;margin-top:30px}
.scania-noe .c-article-grid .c-cta:hover{text-decoration:underline}
.scania-noe .c-article-grid .mobile-load{display:none}
.scania-noe .c-article-grid .load-more-container{margin-top:20px;text-align:center;display:none}
.scania-noe .c-article-grid .articlegridTile{display:table;width:100%;height:100%;max-width:100%;position:relative;background-size:cover;background-position:center center}
.scania-noe .c-article-grid .small-img-qa{height:368px}
.scania-noe .c-article-grid .large-img-qa{height:694px}
.scania-noe .c-article-grid .twobyone-img{height:368px}
.scania-noe .c-article-grid .onebytwo-img{height:709px}
@media only screen and (min-width:1000px) and (max-width:1200px){.scania-noe .c-article-grid .small-img-qa{height:269px}
.scania-noe .c-article-grid .large-img-qa{height:560px}
.scania-noe .c-article-grid .twobyone-img{height:302px}
.scania-noe .c-article-grid .onebytwo-img{height:584px}
}
@media only screen and (min-width:768px) and (max-width:999px){.scania-noe .c-article-grid .small-img-qa{height:196px}
.scania-noe .c-article-grid .large-img-qa{height:413px}
.scania-noe .c-article-grid .twobyone-img{height:229px}
.scania-noe .c-article-grid .onebytwo-img{height:447px}
}
.scania-noe .c-article-grid .c-articlegrid-container{display:table;height:100%;padding:0}
.scania-noe .c-article-grid .c-articlegrid-content{display:table-cell;float:none;width:100%;height:100%;vertical-align:middle;text-align:center}
@media(min-width:768px){.scania-noe .c-article-grid.variation-4 .c-tile-main .c-title,.scania-noe .c-article-grid.variation-4 .c-tile-main .c-subtitle,.scania-noe .c-article-grid.variation-4 .c-tile-main .c-description{display:block}
.scania-noe .c-article-grid.variation-4 .c-tile-main:hover .c-tile-image{width:100%;overflow:hidden;max-width:105%;transform:scale(1)}
.scania-noe .c-article-grid.variation-4 .c-tile-main:hover .c-caption-container{background:transparent}
.scania-noe .c-article-grid.variation-4 .c-tile-main:hover .c-title,.scania-noe .c-article-grid.variation-4 .c-tile-main:hover .c-subtitle,.scania-noe .c-article-grid.variation-4 .c-tile-main:hover .c-description{display:block}
.scania-noe .c-article-grid.variation-4 .c-tile-main.accessibility .c-tile-image{width:100%;overflow:hidden;max-width:105%;transform:scale(1)}
.scania-noe .c-article-grid.variation-4 .c-tile-main.accessibility .c-caption-container{background:transparent}
.scania-noe .c-article-grid.variation-4 .c-tile-main.accessibility .c-title,.scania-noe .c-article-grid.variation-4 .c-tile-main.accessibility .c-subtitle,.scania-noe .c-article-grid.variation-4 .c-tile-main.accessibility .c-description{display:block}
.scania-noe .c-article-grid .c-tile-main:hover .c-tile-image{width:100%;overflow:hidden;max-width:105%;transform:scale(1.05)}
.scania-noe .c-article-grid .c-tile-main:hover .c-caption-container{background:rgba(0,0,0,0.5)}
.scania-noe .c-article-grid .c-tile-main:hover .c-title,.scania-noe .c-article-grid .c-tile-main:hover .c-subtitle{display:none}
.scania-noe .c-article-grid .c-tile-main:hover .c-description{display:block}
.scania-noe .c-article-grid .c-tile-main:hover .c-cta{display:inline-block}
.scania-noe .c-article-grid .c-tile-main.accessibility .c-tile-image{width:100%;overflow:hidden;max-width:105%;transform:scale(1.05)}
.scania-noe .c-article-grid .c-tile-main.accessibility .c-caption-container{background:rgba(0,0,0,0.5)}
.scania-noe .c-article-grid .c-tile-main.accessibility .c-title,.scania-noe .c-article-grid .c-tile-main.accessibility .c-subtitle{display:none}
.scania-noe .c-article-grid .c-tile-main.accessibility .c-description{display:block}
.scania-noe .c-article-grid .c-tile-main.accessibility .c-cta{display:inline-block}
}
@media(max-width:767px){.scania-noe.ux-library .c-article-grid{margin-top:40px}
}
@media(max-width:767px){.scania-noe .c-article-grid{margin:0 auto 40px auto}
.scania-noe .c-article-grid .category-list li{margin:0 5px}
.scania-noe .c-article-grid .c-articlegrid-header{font-family:"ScaniaSansHeadlineBold",Helvetica,Arial,sans-serif;font-size:30px;color:#000;text-align:center;word-wrap:break-word;margin-top:20px}
.scania-noe .c-article-grid.variation-1,.scania-noe .c-article-grid.variation-2{padding:0}
.scania-noe .c-article-grid.variation-1 .c-tile-main,.scania-noe .c-article-grid.variation-2 .c-tile-main{display:block}
.scania-noe .c-article-grid.variation-1 .row:first-child .col-sm-8 .c-title{font-size:20px}
.scania-noe .c-article-grid.variation-2{padding-bottom:10px}
.scania-noe .c-article-grid.variation-2 .row:nth-child(2) .col-sm-8 .c-title{font-size:20px}
.scania-noe .c-article-grid.variation-2 .mobile-load{padding:30px 20px 20px}
.scania-noe .c-article-grid.variation-3 .c-title{font-size:20px}
.scania-noe .c-article-grid .c-tile-main{position:relative;height:100%;display:block}
.scania-noe .c-article-grid .c-tile-main.active .c-tile-image{width:100%;overflow:hidden}
.scania-noe .c-article-grid .c-tile-main.active .c-tile-image img{max-width:100%;transform:scale(1)}
.scania-noe .c-article-grid .c-tile-main.active .c-caption-container{background:rgba(0,0,0,0.5)}
.scania-noe .c-article-grid .c-tile-main.active .c-title,.scania-noe .c-article-grid .c-tile-main.active .c-subtitle{display:block}
.scania-noe .c-article-grid .c-tile-main.active .c-description,.scania-noe .c-article-grid .c-tile-main.active .c-cta{display:none}
.scania-noe .c-article-grid .c-tile-image{width:100%;overflow:hidden}
.scania-noe .c-article-grid .c-tile-image img{transition:all .2s linear}
.scania-noe .c-article-grid .c-tile-caption{position:absolute;top:0;bottom:0;right:0;left:0;text-align:center}
.scania-noe .c-article-grid .c-caption-container{display:table;width:100%;height:100%}
.scania-noe .c-article-grid .c-caption{display:table-cell;float:none;width:100%;height:100%;vertical-align:middle;padding:0 15%}
.scania-noe .c-article-grid .col-sm-8 .c-caption{padding:0 15%}
.scania-noe .c-article-grid .border10{border:10px solid transparent;border-bottom:0;vertical-align:top}
.scania-noe .c-article-grid .c-title{margin-bottom:0;font-size:20px;color:#fff}
.scania-noe .c-article-grid .c-subtitle{font-size:16px;color:#fff;margin-top:10px}
.scania-noe .c-article-grid .c-description{display:none;font-family:"ScaniaSansRegular",Helvetica,Arial,sans-serif;font-size:18px;color:#fff}
.scania-noe .c-article-grid .c-cta{display:none;font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif;font-size:15px;color:#fff;text-transform:uppercase;margin-top:30px}
.scania-noe .c-article-grid .mobile-load{display:block;padding:30px 20px}
.scania-noe .c-article-grid .load-more{width:100%;font-size:12px}
.scania-noe .c-article-grid .load-more-container{padding:0 20px}
.scania-noe .c-article-grid.variation-4 .c-tile-main.active .c-cta{display:block}
.scania-noe .c-article-grid.variation-4 .c-header{font-size:12px}
.scania-noe .c-article-grid.variation-4 .c-title{font-size:20px;text-align:center}
.scania-noe .c-article-grid.variation-4 .c-caption{padding:0}
.scania-noe .c-article-grid.variation-4 .c-tile-caption{text-align:center}
.scania-noe .c-article-grid.variation-4 .c-cta{font-size:9px}
}
@media only screen and (min-width:320px) and (max-width:400px){.scania-noe .c-article-grid .small-img-qa{height:350px}
.scania-noe .c-article-grid .large-img-qa{height:350px}
.scania-noe .c-article-grid .twobyone-img{height:350px}
.scania-noe .c-article-grid .onebytwo-img{height:350px}
.scania-noe .c-article-grid .twobyone-img-mobile{height:200px}
}
@media only screen and (min-width:401px) and (max-width:500px){.scania-noe .c-article-grid .small-img-qa{height:500px}
.scania-noe .c-article-grid .large-img-qa{height:500px}
.scania-noe .c-article-grid .twobyone-img{height:500px}
.scania-noe .c-article-grid .onebytwo-img{height:500px}
.scania-noe .c-article-grid .twobyone-img-mobile{height:300px}
}
@media only screen and (min-width:501px) and (max-width:600px){.scania-noe .c-article-grid .small-img-qa{height:600px}
.scania-noe .c-article-grid .large-img-qa{height:600px}
.scania-noe .c-article-grid .twobyone-img{height:600px}
.scania-noe .c-article-grid .onebytwo-img{height:600px}
.scania-noe .c-article-grid .twobyone-img-mobile{height:300px}
}
@media only screen and (min-width:601px) and (max-width:767px){.scania-noe .c-article-grid .small-img-qa{height:700px}
.scania-noe .c-article-grid .large-img-qa{height:700px}
.scania-noe .c-article-grid .twobyone-img{height:700px}
.scania-noe .c-article-grid .onebytwo-img{height:700px}
.scania-noe .c-article-grid .twobyone-img-mobile{height:350px}
}
@media only screen and (min-width:768px) and (max-width:1200px){.scania-noe .c-articlegrid-header{font-family:"ScaniaSansHeadlineBold",Helvetica,Arial,sans-serif;font-size:30px;color:#000;text-align:center}
.scania-noe .c-articlegrid-results{margin:0 0 10px;font-family:"ScaniaSansRegular",Helvetica,Arial,sans-serif;font-size:15px;color:#53565a;text-align:center}
.scania-noe .c-articlegrid-results .c-result-count{font-family:"ScaniaSansBold",Helvetica,Arial,sans-serif}
}
@media only screen and (min-width:768px) and (max-width:1200px) and (min-width:480px) and (max-width:767px){.scania-noe .c-article-grid .category-list li{margin:0 5px}
}
@media only screen and (min-width:768px) and (max-width:1200px){.scania-noe .c-article-grid.variation-1 .row:first-child .col-sm-8 .c-title{font-size:30px}
.scania-noe .c-article-grid.variation-2 .row:nth-child(2) .col-sm-8 .c-title{font-size:30px}
.scania-noe .c-article-grid.variation-3 .c-title{font-size:24px}
.scania-noe .c-article-grid.variation-4 .c-header{font-size:16px}
.scania-noe .c-article-grid.variation-4 .c-title{font-size:24px}
.scania-noe .c-article-grid .c-title{font-size:24px}
}