#wrapper .commitment-container{padding:4.8em 1.72em 0;text-align:center;overflow:hidden}
#wrapper .commitment-container ul{margin:0;padding:0}
#wrapper .commitment-container li{margin:0;padding:0;list-style:none}
#wrapper .commitment-container .commitment-header{margin:0 0 2.67em}
#wrapper .commitment-container h4{font-size:1.8em;font-weight:normal;max-width:15em;margin:0 auto .9em}
#wrapper .commitment-container p{max-width:25em;margin:0 auto;line-height:1.45em;font-size:1.086em}
#wrapper .commitment-container .story_preloader{width:11%;margin:5em auto}
#wrapper .commitment-container .date_selector{min-height:4em;position:relative;max-width:21.52em;margin:0 auto}
#wrapper .commitment-container .ui-select{margin:0}
#wrapper .commitment-container #dates_dropdown-button{width:100%;border:1px solid #ccc;border-radius:4px;padding:.9em 0;box-sizing:border-box}
#wrapper .commitment-container #dates_dropdown-button:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #09f;top:67%;right:1.5em}
#wrapper .commitment-container #story_grid{padding:4.7em 0 0}
.commitment-container #story_grid li{position:relative;margin:0 auto 2.7em;height:auto;max-width:31em;cursor:pointer;-webkit-box-shadow:0 14px 48px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 14px 48px 0 rgba(0,0,0,0.15);box-shadow:0 14px 48px 0 rgba(0,0,0,0.15)}
.commitment-container #story_grid img{width:100%;display:block}
.commitment-container #story_grid .wall_video{height:46px;width:78px;position:absolute;left:50%;top:9.67em;transform:translate(-50%,-50%);background:url(https://secure-akns.subaru.com/content/media/mp_hero_880/subaru_slideshow_sprite.png) no-repeat 0 -1031px}
.commitment-container #story_grid .text{display:block;text-align:left;padding:2.3em 3.1em 4.8em;color:#333}
#story_grid .text h2{margin:0;color:#999;text-align:left;font-size:1.1em;font-weight:normal;display:none}
#story_grid .text h3{font-size:1.4502em;font-weight:normal;margin:0}
#story_grid .text span{display:block;font-size:1.09em;font-weight:bold}
#story_grid .text span.dealer{margin:1.6em 0 0}
#story_grid .text span.address{margin:.3em 0 0}
#story_grid .text span.read-more{display:block;margin:1.65em 0 0;color:#09f;text-align:left;font-size:1.1em;font-weight:normal}
.commitment-container #story_grid>li:nth-child(-n+2){background:#333}
#story_grid>li:nth-child(-n+2) .text{color:#fff}
#story_grid>li:nth-child(-n+2) .text h2{display:block}
#story_grid>li:nth-child(-n+2) .text h3{margin:.22em 0 0}
#story_grid>li:nth-child(-n+2) .text span.read-more{color:#0ba3db}
#wrapper .commitment-container #story-share{padding:3.2em 0 0;max-width:26.8em;margin:0 auto}
.commitment-container #story-share p{max-width:22em;margin:0 auto 2.65em}
.commitment-container #story-share a{width:100%;padding:1.4em 0;box-sizing:border-box;font-size:.94em;border-color:#0ba3db;background:#0ba3db}
@media only screen and (min-width:768px){#wrapper .commitment-container{padding:4.78em 0 0;max-width:none}
#wrapper .commitment-container .commitment-header{margin:0 0 3.5em}
#wrapper .commitment-container h4{max-width:18.99em;margin:0 auto .8em;font-size:2em}
#wrapper .commitment-container p{max-width:57.6em;line-height:1.49em;font-size:1.02em}
#wrapper .commitment-container .date_selector{max-width:13.2em;min-height:3.3em}
#wrapper .commitment-container select{padding:0 1.9em 0 1em;font-size:1.13em}
#wrapper .commitment-container #dates_dropdown-button{border:2px solid #ccc;border-radius:6px;padding:1.2em 0}
#wrapper .commitment-container #dates_dropdown-button:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #09f;right:1.2em}
#wrapper .commitment-container #story_grid{padding:5em 0 0;width:66.669em;margin:0 auto}
.commitment-container #story_grid li{display:inline-block;float:left;height:31.67em;max-width:none;width:30%;margin:0 5% 0 0}
.commitment-container #story_grid li:last-child{margin:0}
.commitment-container #story_grid .wall_video{top:6em}
.commitment-container #story_grid>li:nth-child(-n+2) .wall_video{top:9.67em}
.commitment-container #story_grid>li:nth-child(-n+2){max-width:none;width:31.7em;height:35em;margin:0 auto 3.38em}
.commitment-container #story_grid li:first-child{float:left}
.commitment-container #story_grid li:nth-child(2){float:right}
.commitment-container #story_grid .text{padding:1.39em 2.19em 0}
#story_grid .text h2{font-size:1em}
#story_grid .text h3{font-size:1.33em}
#story_grid .text span.dealer{margin:1.7em 0 0}
#story_grid .text span{font-size:1em}
#story_grid .text span.read-more{margin:1.7em 0 0;font-size:1em}
#story_grid .text span.read-more:hover{color:#333}
#story_grid>li:nth-child(-n+2) .text span.read-more{margin:1.76em 0 0}
#story_grid>li:nth-child(-n+2) .text span.read-more:hover{color:#fff}
#wrapper .commitment-container #story-share{max-width:none;width:50.7em;margin:8em auto 0;padding:0}
.commitment-container #story-share p{margin:0 auto 1.3em;max-width:57.5em;font-size:.997em}
.commitment-container #story-share a{width:21.4em;font-size:.78em}
.commitment-container #story-share a:hover{background:#fff;color:#0ba3db;border-color:#0ba3db}
}
@media screen and (min-width:768px) and (max-width:1024px){#wrapper .commitment-container select{padding:0 1.9em 0 .9em;font-size:.77em}
#wrapper .commitment-container #dates_dropdown-button{padding:.6em 0}
#wrapper .commitment-container #dates_dropdown-button:after{top:73%}
#story_grid .text span.read-more:hover{color:#09f}
#story_grid>li:nth-child(-n+2) .text span.read-more:hover{color:#0ba3db}
.commitment-container #story-share a:hover{background:#0ba3db;color:#fff}
}