body.dealer-portal .portals {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    display: -webkit-box;
    height: 230px;
    align-items: center;
    justify-content: stretch;
    margin-top:45px;
}

/* Remove the second width and left settings below when there are 3 items */
body.dealer-portal .portals li {
    width:33.3333%;
    width:40%;
    left: 10%;
    padding-bottom:21%;
    position: relative;
    z-index:1;
}

body.dealer-portal .portals li .text {
    z-index:3;
    position: absolute;
    top:0;
    left:50%;
    bottom: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: stretch;
    text-align: center;
    color:#fff;
    line-height: 1;

    max-width:350px;
    width:100%;

    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

body.dealer-portal .portals li .ui-wrapper {
    position: absolute;
    z-index: 0;
    top:0;
    left:50%;
    bottom: 0;
    overflow: hidden;

    max-width:350px;
    width:100%;

    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

body.dealer-portal .portals li .red-filter {
    position: absolute;
    z-index:2;
    top:25px;
    right:25px;
    bottom:25px;
    left:25px;
    background: #FF0000;
    mix-blend-mode: multiply;
}

body.dealer-portal .portals li .text span {
    display: block;
    width:100%;
    text-transform: uppercase;
    font-family: 'Bebas Neue', 'Roboto Condensed', sans-serif;
    text-shadow: 0 0 1px #000000;
    font-size: 3em;
    line-height: 0.9;
    padding: 0 1em;
    position: relative;
    z-index:2;
}

body.dealer-portal .portals li .background {
    position: absolute;
    z-index: 0;
    top:0;
    left:0;
    bottom: 0;
    overflow: hidden;

    width:100%;
}

body.dealer-portal .portals li:first-child .text,
body.dealer-portal .portals li:first-child .ui-wrapper {
    left:0;

    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

body.dealer-portal .portals li:last-child .text,
body.dealer-portal .portals li:last-child .ui-wrapper {
    left:auto;
    right:0;

    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

body.dealer-portal .portals li .background .img {
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;

    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;

    position: absolute;
    z-index:1;
    top:50%;
    left:50%;

    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

body.dealer-portal .portals li a {
    position: absolute;
    z-index: 4;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

@media (max-width:768px) {
    body.dealer-portal .portals li .text {
        font-size: 0.8em
    }

    body.dealer-portal .portals {
        display: block;
    }

    body.dealer-portal .portals li {
        width:100%;
        padding-bottom:0;
        height:215px;
        margin-bottom: 15px;
    }

    body.dealer-portal .portals li:first-child .text,
    body.dealer-portal .portals li:first-child .ui-wrapper,
    body.dealer-portal .portals li:last-child .text,
    body.dealer-portal .portals li:last-child .ui-wrapper {
        left:50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.dealer-menu {
    height:0;
    position: relative;
    z-index:1;
}

a.dealer-home {
    position:absolute;
    z-index:1;
    bottom:0;
    right:70px;
    background: #ed1c24;
    font-size:1rem;
    color:#fff !important;
    white-space: nowrap;
}

a.dealer-logout {
    position:absolute;
    z-index:1;
    bottom:0;
    right:0;
    background: #ed1c24;
    font-size:1rem;
    color:#fff !important;
    white-space: nowrap;
}

.dealer-menu + h1 {
    margin-top:0;
}
@media (max-width:480px) {
  a.dealer-home {
    bottom:56px;
  }
  a.dealer-logout {
    bottom:56px;
  }
}
@media (max-width:360px) {
  a.dealer-home {
    bottom:104px;
  }
  a.dealer-logout {
    bottom:104px;
  }
}
.dealer-portal .text-message {
    margin-bottom:30px;
    margin-top:30px;
}

.dealer-portal-advertising #content hr {
    background:#575e60;
    margin:35px auto;
}

.dealer-portal-advertising #content .form-group {
    margin-right: 90px;
}

.dealer-advertising-examples {
    list-style:none;
    padding:0;
    margin:0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dealer-advertising-examples li {
    width:200px;
    height:230px;
    max-width:100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index:1;

    flex-grow:0;
    flex-shrink:0;
}

.dealer-advertising-examples a {
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

@media (max-width:768px) {
    .dealer-advertising-examples {
        display: block;
    }

    .dealer-advertising-examples li {
        display: none;
    }

    .dealer-advertising-examples li:first-child {
        display: block;
        margin-left:auto;
        margin-right:auto;
    }

    .dealer-portal-advertising #content .form-group {
        margin-right:0;
    }

    .dealer-home {
        height:auto;
        float:none;
        text-align:left;
    }

    .dealer-home a {
        position: static;
    }
}

.dealer-portal-download  #content hgroup {
    margin-bottom:40px;
}

.dealer-portal-download  #content .internal-links {
    margin-bottom:10px;
}

.dealer-portal-download  #content .text.text-message {
    max-width: 675px;
}

.dealer-portal-download .download-sections ul {
    list-style: none;
    padding: 0;
    margin:0;
}

.dealer-portal-download .download-sections .terms {
    border-bottom:solid 1px #000;
    margin-bottom:20px;
}

.dealer-portal-download .download-sections .terms:last-child {
    border-bottom:0;
    margin-bottom: 0;
}

.dealer-portal-download .download-sections .terms > h3 {
    color:#ED1C24;
    font-size:1.8em;
}

.dealer-portal-download .download-sections .terms > h3 + p {
    margin-top:0;
    margin-bottom:20px;
}

.dealer-portal-download .download-sections .terms ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.dealer-portal-download .download-sections .terms li {
    width:20%;
    text-align: center;
    line-height:1;
    padding-bottom:20px;
    position:relative;
    z-index:1;
}

.dealer-portal-download .download-sections .updated-tag,
.dealer-portal-download .download-sections .new-tag {
    bottom:auto;
    top:13px;
    left:0;
}

.dealer-portal-download .download-sections .has-both .updated-tag {
    top:67px;
}

.dealer-portal-download .download-sections .featured-image {
    width:200px;
    height:200px;
    max-width:100%;
    max-height:100%;
    border:solid 1px #ced0d1;
    margin-bottom:8px;
    display: flex;
    align-items: center;
    justify-content: stretch;
    text-align: center;
    position: relative;
    z-index:1;
}

.dealer-portal-download .download-sections .featured-image img {
    max-width: 83%;
    max-height: 83%;
    display: block;
    margin-left:auto;
    margin-right:auto;
}

.dealer-portal-download .download-sections .title {
    text-transform: uppercase;
    font-weight:700;
    margin-bottom:5px;
}

.dealer-portal-download .download-sections .subtitle {
    color:#7f8082;
    font-size:0.8em;
    margin-bottom:20px;
}

.dealer-portal-download .download-sections .downloads a {
    color:#a84f34;
    text-decoration: none;
    font-weight:700;
    font-size:0.8em;
}

@media (max-width:768px) {
    .dealer-portal .site-content h1 {
        text-align: left;
    }

    .dealer-portal-download .download-sections .terms {
        position: relative;
        z-index:1;
    }

    .dealer-portal-download .download-sections .terms ul {
        display: block;
        white-space: nowrap;
        clear: both;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .dealer-portal-download .download-sections .terms li {
        width: 100%;
        display: inline-block;
        border: 0;
        white-space: normal;
    }

    .dealer-portal-download .download-sections .featured-image {
        margin-left:auto;
        margin-right:auto;
    }

    #html .dealer-portal-download .download-sections .arrow {
        background: #ee1d24;
        color:#fff;
    }
}

select[name='dealer-registration[shop-role]'] {
    width:100% !important;
}

.become-a-dealer-widgets h2 {
    line-height:1;
    color:#e66024;
    font-family: 'Roboto Condensed', sans-serif;
}

.become-a-dealer-widgets .widget {
    padding-top:63px;
    margin-top:63px;
    border-top:solid 1px #000;
    font-family: 'Roboto', sans-serif;
}

.become-a-dealer-widgets .widget_smc_text_with_parallax + .widget,
.become-a-dealer-widgets .widget_smc_text_with_parallax,
.become-a-dealer-widgets .widget:first-child {
    padding-top:0;
    border-top:0;
}

.become-a-dealer-widgets .widget:first-child {
    margin-top: 0;
}

.become-a-dealer-widgets .widget .image {
    width:500px;
    max-width:100%;
    height:220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink:0;
    flex-grow:0;
}

.become-a-dealer-widgets a:not(.button) {
    text-decoration: none;
    color:inherit;
}

.become-a-dealer-widgets .pos-left .text {
    padding-left: 38px;
}

.become-a-dealer-widgets .pos-right .text {
    padding-right: 38px;
}

.become-a-dealer-widgets .textwidget .button {
    background-color: #ed1c24;
    font-size:1.5em;
    text-transform: none;
    padding-top:30px;
    padding-bottom:30px;
    font-weight: 700;
    width:100%;
    text-align: center;
}
/*
.dealer-logout {
  float:right;
  margin-bottom:-32px;
  font-size:18px;
  font-weight:bold;
  color:#ED1C24;
}
*/
@media (max-width:768px) {
    .become-a-dealer-widgets .widget .image {
        height:135px;
    }

    .become-a-dealer-widgets .pos-left .text {
        padding-left:0;
    }

    .become-a-dealer-widgets .pos-right .text {
        padding-right:0;
    }
}