/* --------------------------------

Primary style

-------------------------------- */
*, *::after, *::before {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    height: 100%;
    background: rgb(243, 244, 239);
}

body {
    font-size: 1.6rem;
    color: #24221F;
    background-color: rgb(255,255,255);
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Arial, Helvetica, sans-serif;
}

body.overflow {
    overflow: scroll;
}

a {
    color: rgb(0,0,0);
    text-decoration: none;
}

img {
    max-width: 90%;
}

/* ==========================================================================
   Wrapper + Content
   ========================================================================== */
.wrapper {
    width: 100%;
    height: 100%;
    float: left;
    padding: 50px 0 0;
    background: rgb(243, 244, 239);
    position: relative;
    z-index: 1;
}

[role="main"] {
    width: 100%;
    background: rgb(243, 244, 239);
    position: relative;
    z-index: 2;
    float: none;
    margin: 0 auto;
    padding: 0;
}

/* ==========================================================================
   Header
   ========================================================================== */
.cd-step-content header {
    display: none;
}

header {
    width: 100%;
    background: rgb(0, 0, 0);
    position: fixed;
    z-index: 2;
}

.inner {
    max-width: 1900px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

header .inner .logo {
    width: 50%;
    float: left;
}

header .inner .logo img {
    width: 45px;
    height: 36px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

header .inner .logo h1 {
    width: calc(100% - 59px);
    color: rgb(255,255,255);
    margin: 0;
    float: left;
}

.links a {
    color: rgb(255, 255, 255);
}

/* ==========================================================================
   Home Slider
   ========================================================================== */
.slider-background {
    font-size: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 370px;
}

.slidercontainer {
    position: relative;
}

.introtext {
    position: absolute;
    z-index: 9;
    background: rgba(255,255,255,0.7);
    padding: 30px;
    border-radius: 6px;
}

h1, h2.sub_header {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4rem;
    line-height: 1.1em;
    color: rgb(20, 67, 119);
    margin-bottom: 25px;
    float: left;
}

h2.sub_header {
    font-size: 2.8rem;
    margin: 0 0 20px;
}

p, .accordion li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.68rem;
    line-height: 1.5em;
    color: rgb(0,0,0);
    margin-bottom: 25px;
    float: left;
}

.description p {
    float: none;
}

.accordion li {
    float: none;
}

strong {
    font-weight: bold !important;
}

.select_a_car li .actionbuttons {
    width: 100%;
    position: absolute;
    bottom: 30px;
}

.how_it_works .actionbuttons, .eligibility .actionbuttons {
    width: 100%;
    float: left;
}

.actionbuttons a.button_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1em;
    color: rgb(255, 255, 255);
    background: rgb(3, 38, 66);
    border-radius: 5px;
    display: inline-block;
    padding: 1.14285714rem 1.14285714rem 1rem;
    transition: background .4s ease;
    text-transform: uppercase;
    margin-right: 10px;
}

.actionbuttons a.button_link.quote_link, .actionbuttons a.button_link.quote_link:focus, .actionbuttons a.button_link.quote_link:hover {
    background: rgb(26 90 0);
}

.actionbuttons a.button_link:focus, .actionbuttons a.button_link:hover {
    background: rgb(3, 38, 66);
}

.actionbuttons a.text_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1em;
    color: rgb(69, 69, 69);
    border-radius: 5px;
    display: inline-block;
    padding: 1.14285714rem 1.14285714rem 1rem;
}

.main_content {
    padding: 40px 5% 120px;
    display: table;
}

.main_content.booking_test_drive {
    padding: 50px 5% 120px;
}

.accordion {
    width: 100%;
    margin: 30px auto;
    border-top: 1px solid rgb(0, 170, 210);
    float: left;
}

.accordion li {
    border-bottom: 1px solid rgb(0, 170, 210);
    position: relative;
    margin-bottom: 0;
}

.accordion a {
    display: inline-block;
    cursor: pointer;
    line-height: 3;
    user-select: none;
    color: rgb(0, 170, 210);
}

.accordion a.question {
    width: 100%;
    font-size: 22px;
}

.accordion li .answer {
    display: none;
    padding: 20px 0 10px 0;
    float: left;
}

.accordion li .answer h1 {
    margin-top: 30px;
    font-size: 2.6rem;
}

.accordion li .answer h2 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    float: left;
}

.accordion a.question:after {
    width: 12px;
    height: 12px;
    border-right: 2px solid rgb(0, 170, 210);
    border-bottom: 2px solid rgb(0, 170, 210);
    position: absolute;
    right: 15px;
    content: " ";
    top: 17px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.accordion p {
    line-height: 2;
    padding: 0;
}

.accordion a.question.active:after {
    top: 17px;
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.select_a_car {
    float: left;
}

.select_a_car > li {
    float: left;
    padding: 2.7em 0 0;
    border: 2px solid rgb(213, 215, 216);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
    text-align: center;
    position: relative;
}

.select_a_car li h2 a, .select_a_car li h3, .cd-builder-steps .models-list .name, .cd-builder-steps .models-list .price, .cd-builder-steps .models-list .saving {
    width: 100%;
    font: 400 22px/1.1em Arial, Helvetica, sans-serif;
    color: rgb(0,0,0);
    margin-bottom: 25px;
    float: left;
}

.cd-builder-steps .models-list .saving {
    font: 400 18px/1.1em Arial, Helvetica, sans-serif;
    color: rgb(165,59,68);
}

.cd-builder-steps .models-list .name {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.select_a_car li p {
    padding-left: 30px;
    padding-right: 30px;
}

/* ==========================================================================
   Elgibility
   ========================================================================== */
#companies {
    width: 100%;
    float: left;
    margin: 10px 0 40px;
}

#companies thead tr th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2rem;
    line-height: 1.1em;
    color: rgb(0,0,0);
    padding-bottom: 25px;
    text-align: left;
    position: relative;
}

#companies thead tr th.code {
    width: 10%;
}

#companies thead tr th.company {
    width: 55%;
}

#companies thead tr th.proof {
    width: 35%;
}

#companies tbody tr td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    line-height: 30px;
    color: rgb(0,0,0);
    margin-bottom: 25px;
}

table.tablesorter .headerSortUp:after, table.tablesorter .headerSortDown:after {
    width: 12px;
    font-family: "FontAwesome";
    position: absolute;
}

table.tablesorter th.code.headerSortUp:after, table.tablesorter th.code.headerSortDown:after {
    left: 60px;
}

table.tablesorter th.company.headerSortUp:after, table.tablesorter th.company.headerSortDown:after {
    left: 110px;
}

table.tablesorter th.proof.headerSortUp:after, table.tablesorter th.proof.headerSortDown:after {
    left: 180px;
}

table.tablesorter .headerSortUp:after {
    content: "\f0de";
    top: 5px;
}

table.tablesorter .headerSortDown:after {
    content: "\f0dd";
    top: -3px;
}

img.eligibility_chart {
    margin: 0 0 30px;
}

/* ==========================================================================
   Enquiry form
   ========================================================================== */
#mc_embed_signup, #mc_embed_signup_scroll label, #mc_embed_signup_scroll input[type="text"], .mc-field-group, #mc_embed_signup_scroll input[type="email"] {
    width: 100%;
    float: left;
}

.mc-field-group {
    margin-bottom: 15px;
}

#mc_embed_signup_scroll label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.1em;
    color: rgb(0,0,0);
    margin-bottom: 6px;
}

#mc_embed_signup_scroll input[type="text"], #mc_embed_signup_scroll input[type="email"] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 32px;
    color: rgb(67, 67, 67);
    padding: 0 10px;
}

#mc_embed_signup_scroll input[type="submit"] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 35px;
    background: rgb(127,178,35);
    color: rgb(255, 255, 255);
    padding: 8px 25px;
    border: 0;
    cursor: pointer;
}

.mc-field-group.select_parent {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#mc_embed_signup_scroll select {
    width: 100%;
    height: 32px;
    background-color: rgb(255,255,255);
    color: rgb(67, 67, 67);
    padding: .5em 2.5em .5em .5em;
    border: 0;
    margin: 0;
    border-radius: 0;
    text-indent: 0.01px;
    text-overflow: '';
    -moz-appearance: none;
    -webkit-appearance:none;
}

#mc_embed_signup_scroll select::-ms-expand {
    display: none;
}

#mc_embed_signup_scroll .select_parent::before, #mc_embed_signup_scroll .select_parent::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

#mc_embed_signup_scroll .select_parent::after {
    content: "\25BC";
    height: 32px;
    font-size: .625em;
    right: 11px;
    top: 37px;
}

#mc_embed_signup_scroll .select_parent::before {
    width: 2em;
    height: 32px;
    right: 0;
    bottom: 0;
    background-color: rgb(34, 62, 129);
}

#mc_embed_signup_scroll .select_parent::after {
    color: rgb(255,255,255);
}

#mc_embed_signup_scroll .select_parent select[disabled] {
    color: rgb(255,255,255);
}


/* ==========================================================================
   Footer Logos Slider
   ========================================================================== */
ul#footer-logos {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background: rgb(255,255,255);
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

ul#footer-logos li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

ul#footer-logos.owl-carousel .owl-item {
    float: left;
}

ul#footer-logos.owl-carousel .owl-item img {
    width: auto !important;
    margin: 0 auto;
}

/* ==========================================================================
   Q&A
   ========================================================================== */
.c-accordion__header {
    color: rgb(0, 0, 0);
    margin-bottom: 1.57142857rem;
    font-size: 20px;
    font-size: 1.42857143rem;
    line-height: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.c-accordion__header__button {
    font-family: inherit;
    padding-left: 3.21428571rem;
}

button {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.c-accordion__header__icon {
    background-color: rgb(153, 221, 237);
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-top: -4px;
    position: absolute;
    -webkit-transform: translateX(-45px);
    -ms-transform: translateX(-45px);
    transform: translateX(-45px);
    width: 30px;
}

.c-accordion__copy:last-child {
    margin-bottom: 4.28571429rem;
}

.c-accordion__copy {
    margin-bottom: 1.57142857rem;
    max-width: 800px;
    padding-left: 3.21428571rem;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.6em;
}

.engine-image {
    width: 100%;
    float: left;
}
/* --------------------------------

Home Link

-------------------------------- */
.cd-nugget-info {
    position: relative;
    display: block;
    margin-bottom: 1em;
    padding: .8em;
    background: #5D7C89;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
}

.cd-nugget-info::before, .cd-nugget-info::after {
    /* back arrow */
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: currentColor;
    left: 16px;
    top: calc(50% - 1px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.cd-nugget-info::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-nugget-info::after {
    -webkit-transform: translateY(1px) rotate(-45deg);
    -ms-transform: translateY(1px) rotate(-45deg);
    transform: translateY(1px) rotate(-45deg);
}

.cd-nugget-info:hover {
    background: #678a98;
}

.cd-nugget-info.hide-on-mobile {
    display: none;
}

/* --------------------------------

Main Components

-------------------------------- */
.cd-product-builder {
    height: 100vh;
    overflow: hidden;
}

.cd-builder-steps {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.cd-builder-steps > ul {
    height: 100%;
    overflow: hidden;
}

.cd-builder-steps .builder-step {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    -webkit-transition: visibility .5s;
    transition: visibility .5s;
    padding: 0 5%;
    background: rgb(243, 244, 239);
}

.cd-builder-steps .builder-step.active {
    position: relative;
    z-index: 2;
    visibility: visible;
    -webkit-transition: visibility .7s;
    transition: visibility .7s;
}

.cd-builder-steps .builder-step.first-load {
    /* hide content uploaded via Ajax */
    display: none;
}

/* --------------------------------

Step content - basic style

-------------------------------- */
.cd-step-content {
    padding: 1.8em 0 3em;
    opacity: 0;
    /* this is the animation of a section moving right (go back to a prev step) - selection already made */
    -webkit-animation: cd-center-to-right .5s 0s backwards;
    animation: cd-center-to-right .5s 0s backwards;
}

.cd-step-content header {
    position: relative;
    margin-bottom: 1em;
}

.cd-step-content h1 {
    font-size: 2.4rem;
}

.cd-step-content .steps-indicator {
    /* visible on mobile only - used to show the current step number */
    position: absolute;
    right: 0;
    bottom: 2px;
    color: #5D7C89;
}

.cd-step-content .options-list > li {
    /* basic style for list of options */
    border: 2px solid rgb(213, 215, 216);
    border-radius: 4px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

.cd-step-content .options-list > li.selected {
    border-color: rgb(156, 156, 156);
}

.cd-step-content .options-list > li.onlyoneoption {
    border-color: rgb(156, 156, 156) !important;
}

.cd-step-content .radio, .cd-step-content .check {
    position: relative;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.cd-step-content .radio::after, .cd-step-content .radio::before, .cd-step-content .check::after, .cd-step-content .check::before {
    /* used to create the check icon and yellow circle/square dot ( when element is selected) */
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    width: 100%;
    /* Force hardware acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-step-content .radio::before, .cd-step-content .check::before {
    /* yellow circle/square */
    border: 2px solid #EDEDED;
    background: #ffffff;
    -webkit-transition: background-color .3s, border-color .3s, -webkit-transform .3s;
    transition: background-color .3s, border-color .3s, -webkit-transform .3s;
    transition: background-color .3s, transform .3s, border-color .3s;
    transition: background-color .3s, transform .3s, border-color .3s, -webkit-transform .3s;
}

.cd-step-content .radio::after, .cd-step-content .check::after {
    /* check icon */
    background: url(../img/cd-icon-check.svg) no-repeat center center;
}

.cd-step-content .radio::before, .cd-step-content .check::before {
    border-radius: 50%;
}

.cd-step-content .selected .radio::before, .cd-step-content .selected .check::before {
    background: rgb(127,178,35);
    border-color: rgb(127,178,35);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: cd-bounce .5s;
    animation: cd-bounce .5s;
}

.active .cd-step-content {
    /* this is the animation of the selected step */
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: cd-right-to-center .5s .2s backwards;
    animation: cd-right-to-center .5s .2s backwards;
}

.move-left .cd-step-content {
    /* this is the animation of a section moving left - selection already made */
    -webkit-animation: cd-center-to-left .5s 0s backwards;
    animation: cd-center-to-left .5s 0s backwards;
}

.active.back .cd-step-content {
    /* this is the animation of the selected step - moving down*/
    -webkit-animation: cd-left-to-center .5s .2s backwards;
    animation: cd-left-to-center .5s .2s backwards;
}

@-webkit-keyframes cd-right-to-center {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-right-to-center {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-left-to-center {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes cd-left-to-center {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-center-to-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
}

@keyframes cd-center-to-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
}

@-webkit-keyframes cd-center-to-right {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@keyframes cd-center-to-right {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
}

@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    60% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes cd-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    60% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

/* --------------------------------

Models Step - style

-------------------------------- */
.cd-builder-main-nav {
    background: rgb(243, 244, 239);
}

.cd-builder-steps .models-list {
    text-align: center;
}

.cd-builder-steps .models-list > li {
    padding: 2.4em 0;
}

.cd-builder-steps .models-list .name {
    display: block;
    margin-top: .2em;
}

.cd-builder-steps .models-list img {
    display: block;
    max-width: 80%;
    margin: 0 auto 10px;
}

.cd-builder-steps .models-list .price {
    display: block;
}

.cd-builder-steps .models-list .selected .radio::before {
    /* show a loading animation while you wait for the HTML to be loaded */
    background: transparent;
    border-color: #EDEDED;
    border-right-color: rgb(127,178,35);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: cd-load .6s infinite;
    animation: cd-load .6s infinite;
}

.cd-builder-steps .models-list .selected.loaded .radio::before {
    /* content has been loaded - show the yellow circle + check icon */
    background: rgb(127,178,35);
    border-color: rgb(127,178,35);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: cd-bounce .5s;
    animation: cd-bounce .5s;
}

@-webkit-keyframes cd-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes cd-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* --------------------------------

Colors Step - style

-------------------------------- */
.cd-product-previews {
    position: relative;
}

.cd-product-previews.select-color {
    margin-top: -80px;
}

.cd-product-previews > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}

.cd-product-previews > li.selected {
    position: relative;
    opacity: 1;
}

.cd-product-previews > li img {
    display: block;
    width: 100%;
    max-width: 520px;
}

.cd-product-customizer {
    max-width: 600px;
    margin: 0 auto;
}

.cd-product-customizer li {
    position: relative;
    display: table;
    float: left;
    margin-bottom: 15px;
}

.cd-product-customizer li.header {
    width: 100%;
    font: 400 22px/1.1em Arial, Helvetica, sans-serif;
    color: rgb(0,0,0);
    margin-top: 20px;
}

.cd-product-customizer a.color-text {
    width: 250px;
    line-height: 1.3em;
    padding-left: 15px;
}

#total_price {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    padding-left: 19px;
    display: block;
    float: left;
    margin-top: 20px;
}

.summary-list .photo_and_description .description h2.affinity_price {
    width: 100%;
    font-size: 16px;
    float: left;
    text-align: left;
    margin: 10px 0 20px;
    font-weight: 400;
    padding-left: 19px;
}

span.saving {
    font: 400 16px/1.1em Arial, Helvetica, sans-serif;
    color: rgb(165,59,68);
}

.engine-step span.saving {
    display: block;
}

.cd-product-customizer a.color-text span.saving {
    display: block;
}

.cd-product-customizer a.color-circle {
    /* replace text with bg color */
    display: table-cell;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    float: left;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 2px #EDEDED;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.cd-product-customizer .selected a.color-circle {
    box-shadow: 0 0 0 2px rgb(0,0,0);
}

[data-color="white"] {
    background-color: #FFFFFF;
}

[data-color="grey"] {
    background-color: #303539;
}

[data-color="orange"] {
    background-color: #cf5a16;
}

[data-color="perl"] {
    background-color: #d1d1d1;
}

[data-color="polar-white"] {
    background-color: #FFFFFF;
}

[data-color="morning-blue"] {
    background-color: #606A86;
}

[data-color="sleek-silver"] {
    background-color: #CED0D6;
}

[data-color="aqua-sparkling"] {
    background-color: #95A2AD;
}

[data-color="iced-coffee"] {
    background-color: #86766F;
}

[data-color="passion-red"] {
    background-color: #923238;
}

[data-color="slate-blue"] {
    background-color: #536876;
}

[data-color="champion-blue"] {
    background-color: #3B5AA8;
}

[data-color="clean-slate"] {
    background-color: #D6DDDF;
}

[data-color="tomato-red"] {
    background-color: #B44F40;
}

[data-color="stardust-grey"] {
    background-color: #7A7D80;
}

[data-color="phantom-black"] {
    background-color: #39393A;
}

[data-color="velvet-dune"] {
    background-color: #A9A2A0;
}

[data-color="pulse-red"] {
    background-color: #B13233;
}

[data-color="tangerine-comet"] {
    background-color: #DD3C2C;
}

[data-color="acid-yellow"] {
    background-color: #CCCB54;
}

[data-color="blue-lagoon"] {
    background-color: #69ADD8;
}

[data-color="dark-knight"] {
    background-color: #727982;
}

[data-color="lake-silver"] {
    background-color: #BBC3CB;
}

[data-color="chalk-white"] {
    background-color: #E6E7E6;
    border: 1px solid black;
}

[data-color="tangerine-orange"] {
    background-color: #C13D29;
}

[data-color="ara-blue"] {
    background-color: #01598E;
}

[data-color="pepper-grey"] {
    background-color: #232526;
}

[data-color="fiery-red"] {
    background-color: #8B0F18;
}

[data-color="platinum-silver"] {
    background-color: #C9CBD2;
}

[data-color="engine-red"] {
    background-color: #C23639;
}

[data-color="micron-grey"] {
    background-color: #575F6A;
}

[data-color="intense-copper"] {
    background-color: #A16F55;
}

[data-color="white-sand"] {
    background-color: #B0A7A0;
}

[data-color="stargazing-blue"] {
    background-color: #5C759A;
}

[data-color="ruby-wine"] {
    background-color: #761B1C;
}

[data-color="red-merlot"] {
    background-color: #83222C;
}

[data-color="white-crystal"] {
    background-color: #FFFDFC;
}

[data-color="titanium-silver"] {
    background-color: #D7D7DB;
}

[data-color="mineral-blue"] {
    background-color: #6B777E;
}

[data-color="ocean-view"] {
    background-color: #3F4C59;
}

[data-color="pure-white"] {
    background-color: #FDFDFC;
}

[data-color="phoenix-orange"] {
    background-color: #B1402D;
}

[data-color="iron-grey"] {
    background-color: #68686E;
}

[data-color="marina-blue"] {
    background-color: #355896;
}

[data-color="demitasse-brown"] {
    background-color: #5A5552;
}

[data-color="creamy-white"] {
    background-color: #F4F5F6;
    border: 1px solid black;
}

[data-color="hyper-silver"] {
    background-color: #D0D1D5;
}

[data-color="timeless-black"] {
    background-color: #323133;
}

[data-color="moon-rock"] {
    background-color: #C5BFBE;
}

#pjWrapperTSBCalendar_1, .container-fluid {
    width: 100%;
    float: left;
}

.tooltip-view-table .selected-item span, .tooltip-view-table .tooltip-available {
    color: rgb(127,178,35);
}

/* --------------------------------

Options Step - style

-------------------------------- */
.cd-builder-steps .standard-list > li {
    text-align: center;
    padding: 2em 1.5em;
    font-weight: bold;
}

.cd-builder-steps .standard-list p {
    font-size: 1.8rem;
    line-height: 1.4;
}

.cd-builder-steps .standard-list .price {
    display: block;
    margin: 1.2em auto;
    color: #5D7C89;
}

/* --------------------------------

Contact part of summary - style

-------------------------------- */
.about_twhyundai {
    width: 100%;
    float: left;
    padding-top: 60px;
    border-top: 1px solid rgb(0, 170, 210);
}

.summary-list, #printsummary {
    display: table;
}

#googleMap {
    height: 350px;
    max-height: 350px;
    float: left;
}

[role="main"] .mapcontent {
    padding: 10px 0 0;
}

[role="main"] .mapcontent p {
    font: 200 16px/22px 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 0);
}

#opening h2 {
    color: rgb(0, 0, 0);
    padding: 0 5px 12px;
    margin: 0;
    font-weight: bold;
}

#opening .hours li {
    padding: 12px 5px;
    border-top: 1px dotted rgb(221, 221, 221);
}

#opening .hours span {
    float: right;
}

.pj-calendar-day p {
    width: 100%;
}

/* --------------------------------

Summary Step - style

-------------------------------- */
.summary-list .photo_and_description {
    width: 100%;
    float: left;
}

.one_third {
    float: left;
}

.one_third p {
    width: 100%;
    font-size: 18px;
}

.summary-list .photo_and_description img.product-preview, .summary-list .photo_and_description .description {
    float: left;
}

.enquiry_form {
    background: rgb(224, 224, 224);
    padding: 20px;
}

.summary-list .photo_and_description .description h1, .summary-list .photo_and_description .description p {
    text-align: left;
}

.summary-list .photo_and_description .description h1, .enquiry_form h2 {
    font-size: 24px;
}

.summary-list .photo_and_description .description h2 {
    margin: 0 0 20px;
    font-weight: bold;
}

.summary-list .photo_and_description .description p {
    font-size: 18px;
}

.summary-list ul.summary_boxes, .save_pdf {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.summary-list ul.summary_boxes > li {
    border-top: 1px solid rgb(156, 156, 156);
    border-left: 1px solid rgb(156, 156, 156);
    border-right: 1px solid rgb(156, 156, 156);
    padding: 20px;
}

.summary-list ul.summary_boxes > li.last_option {
    border-bottom: 1px solid rgb(156, 156, 156);
}

.cd-builder-steps .summary-list ul ul {
    width: 100%;
    float: left;
}

.cd-builder-steps .summary-list ul ul.summary-options li, .cd-builder-steps .summary-list ul ul.summary-engine li {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    font: 400 18px/1.4em Arial, Helvetica, sans-serif;
}

.cd-builder-steps .summary-list ul ul.summary-options li:last-of-type, .cd-builder-steps .summary-list ul ul.summary-engine li:last-of-type {
    margin: 0;
}

.cd-builder-steps .summary-list .summary-color {
    display: table;
}

.cd-builder-steps .summary-list .color-label, .cd-builder-steps .summary-list .engine-label, .summary-options li {
    font-weight: 400;
}

.cd-builder-steps .summary-list .color-label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 7px;
}

.cd-builder-steps .summary-list .color-swatch {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid black;
}

html [id^=pjWrapper] {
    max-width: 710px;
}

/* --------------------------------

Builder top navigation

-------------------------------- */
.cd-product-builder .main-header {
    display: none;
}

/* --------------------------------

Builder fixed bottom summary

-------------------------------- */
.footer_inner {
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.cd-builder-footer {
    position: fixed;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54px;
    background: #ffffff;
    box-shadow: 0 -2px 24px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.cd-builder-footer.disabled {
    /* no product model has been selected yet - hide navigation */
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.cd-builder-footer .selected-product {
    /* visible on desktop only */
    display: none;
}

.cd-builder-footer .alert {
    /* this is the notification to select a model - visible on desktop only */
    display: none;
}

.cd-builder-secondary-nav {
    height: 100%;
}

.cd-builder-secondary-nav .nav-item {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    -webkit-transition: width .2s, opacity .2s;
    transition: width .2s, opacity .2s;
    overflow: hidden;
}

.cd-builder-secondary-nav .prev {
    left: 0;
    color: #5D7C89;
}

.cd-builder-secondary-nav .next {
    z-index: 1;
    right: 0;
    background: rgb(0, 170, 210);
}

.cd-builder-secondary-nav .next:hover {
    background: rgb(0, 170, 210);
}

.disabled .cd-builder-secondary-nav .next {
    background: rgba(93, 124, 137, 0.5);
}

.step-1 .cd-builder-secondary-nav .prev {
    /* if models are visible, do not show the prev link */
    opacity: 0;
}

.step-1 .cd-builder-secondary-nav .next {
    width: 100%;
}

.cd-builder-secondary-nav .nav-item ul {
    position: relative;
    width: 100%;
    height: 100%;
}

.cd-builder-secondary-nav .nav-item ul::after {
    /* this is the arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    background: url(../img/cd-icon-arrow.svg) no-repeat 0 0;
    pointer-events: none;
}

.cd-builder-secondary-nav .nav-item.prev ul::after {
    left: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    background-position: 0 -16px;
}

.cd-builder-secondary-nav .nav-item.next ul::after {
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-builder-secondary-nav .nav-item ul li {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 57px;
    text-align: center;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.cd-builder-secondary-nav .nav-item ul li.visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.cd-builder-secondary-nav .nav-item ul li.visited {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.cd-builder-secondary-nav a {
    display: block;
}

.cd-builder-secondary-nav .next a {
    color: rgb(255,255,255);
}

/* --------------------------------

Media queries

-------------------------------- */
@media only screen and (max-width: 767px) {

    .cd-product-previews > li img {
        margin: 50px auto 0;
    }

    .cd-product-customizer li {
        width: 100%;
    }

    .cd-product-customizer a.color-text {
        float: left;
    }

}

@media only screen and (min-width: 768px) {
    .cd-step-content header {
        margin-bottom: 2em;
    }

    .cd-step-content h1 {
        font-size: 4rem;
    }

    .cd-product-customizer li {
        width: 50%;
    }

    .cd-product-customizer a.color-text {
        display: table-cell;
        vertical-align: middle;
    }

    .cd-step-content .steps-indicator {
        font-size: 2rem;
    }

    .cd-step-content .options-list > li {
        margin-bottom: 2%;
    }

    .cd-product-previews > li img {
        margin: 20px auto 0;
    }

    .cd-step-content .options-list.cd-col-2::after {
        clear: both;
        content: "";
        display: block;
    }

    .cd-step-content .options-list.cd-col-2 > li {
        width: 32%;
        float: left;
        margin-right: 2%;
    }

    .cd-step-content .options-list.cd-col-2 > li:nth-of-type(3n) {
        margin-right: 0;
    }

    .cd-builder-steps .standard-list > li {
        height: 170px;
        position: relative;
        text-align: left;
        padding: 35px 0;
    }

    .standard-list .radio, .standard-list .check {
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .cd-builder-steps .accessories-step .standard-list > li {
        height: 105px;
        padding: 35px 0;
    }

    .cd-builder-steps .standard-list p {
        font-size: 1.8rem;
    }

    .cd-builder-steps .accessories-step .standard-list p {
        padding-left: 35px;
    }

    .cd-builder-steps .engine-step .standard-list p {
        padding-left: 235px;
    }

    .cd-builder-steps .standard-list p, .cd-builder-steps .standard-list .check, .cd-builder-steps .standard-list .price {
        position: absolute;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
    }

    .cd-builder-steps .standard-list .check {
        right: 32px;
    }

    .cd-builder-steps .standard-list .price {
        /* 32px (right padding) + 44px (.check width) + 26px (margin between .check and .price) */
        right: 132px;
        margin: 0;
        font-size: 1.8rem;
        color: #24221F;
    }
}

@media only screen and (min-width: 1024px) and (min-height: 850px) {
    .cd-builder-secondary-nav > ul {
        margin-top: 13px;
    }

    .cd-builder-footer {
        height: 80px;
    }

    .cd-step-content {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 639px) {

    .cd-product-customizer a.color-circle {
        width: 24px;
        height: 24px;
    }

    .select_a_car > li {
        width: 100%;
        min-height: 470px;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .select_a_car > li img {
        max-width: 70%;
    }

    img.eligibility_chart {
        width: 100%;
    }

}

@media only screen and (min-width: 640px) and (max-width: 1023px) {

    .cd-product-customizer a.color-circle {
        width: 38px;
        height: 38px;
    }

    .select_a_car > li {
        width: 49%;
        min-height: 590px;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .select_a_car > li:nth-of-type(2n) {
        margin-right: 0;
    }

    img.eligibility_chart {
        width: 75%;
    }

}

@media only screen and (min-width: 1480px) and (min-height: 850px) {
    .cd-product-builder .main-header h1 {
        font-size: 4.8rem;
    }

    .cd-step-content {
        padding: 150px 0 200px;
    }

    .cd-product-previews {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1023px) {

    header {
        height: 100px;
        padding: 0 5%;
    }

    header .inner .logo {
        width: 100%;
    }

    header .inner h1 {
        font: 700 22px/34px Arial, Helvetica, sans-serif;
        padding-top: 20px;
    }

    .links {
        width: 100%;
        float: left;
        display: inline-block;
    }

    .links a {
        width: 50%;
        font: 700 18px/34px Arial, Helvetica, sans-serif;
        float: left;
        margin: 0;
    }

    h1 {
        font-size: 2.6rem;
        line-height: 1.1em;
    }

    h2.sub_header {
        font-size: 1.8rem;
        line-height: 1.1em;
    }

    .phonenumbers a.phone {
        font-size: 13px;
    }

    .phonenumbers a.phone {
        text-align: right;
        margin-top: 14px;
        margin-left: 0;
    }

    .phonenumbers a.phone .rwd_break {
        display: block;
    }

    .cd-product-previews {
        margin: 5em 0 30px;
    }

    h1.main_title {
        font-size: 24px !important;
        margin-bottom: 0;
    }

    .introtext h1 {
        font: 700 32px/1.25em 'Merienda One', Arial, Helvetica, sans-serif;
    }

    .introtext p {
        font-size: 1.7rem;
        line-height: 1.25em;
        margin-bottom: 15px;
    }

    .cd-product-customizer a.color-text span.saving {
        font: 400 13px/1.6em Arial, Helvetica, sans-serif;
    }

    .cd-builder-steps .color-step, .cd-builder-steps .model-step, .cd-builder-steps .engine-step, .cd-builder-steps .accessories-step {
        padding-bottom: 130px;
    }

    .cd-builder-steps .summary-step {
        padding-bottom: 60px;
    }

    .cd-builder-steps .color-step {
        padding-top: 20px;
    }

    .introtext {
        max-width: 90%;
        top: 130px;
        left: 5%;
        z-index: 1;
    }

    .introtext .actionbuttons {
        float: left;
    }

    .introtext .actionbuttons a.button_link {
        margin-top: 20px;
    }

    .introtext .actionbuttons a.button_link, .introtext .actionbuttons a.text_link {
        display: block;
    }

    .rwd_break {
        display: none;
    }

    .summary-list .photo_and_description img.product-preview {
        max-width: 100%;
    }

    .one_third, .summary-list .photo_and_description img.product-preview, .summary-list .photo_and_description .description, .enquiry_form {
        width: 100%;
        margin: 0 0 20px;
        float: left;
    }

}

@media only screen and (min-width: 1024px) {

    header {
        height: 50px;
    }

    header .inner h1 {
        font: 700 24px/50px Arial, Helvetica, sans-serif;
    }

    .links {
        width: 50%;
        float: right;
        display: inline-block;
    }

    .links a {
        font: 700 20px/50px Arial, Helvetica, sans-serif;
        float: right;
        margin-left: 20px;
    }

    .phonenumbers a.phone {
        font-size: 18px;
    }

    .phonenumbers a.phone .rwd_break {
        display: none;
    }

    h1 {
        font-size: 4rem;
        line-height: 1.1em;
    }

    h2.sub_header {
        font-size: 2.8rem;
        line-height: 1.1em;
    }

    .introtext h1 {
        font: 700 33px/1em 'Merienda One', Arial, Helvetica, sans-serif;
        margin-bottom: 15px;
    }

    .cd-product-customizer a.color-circle {
        width: 50px;
        height: 50px;
    }

    .cd-product-customizer a.color-text span.saving {
        font: 400 16px/1.3em Arial, Helvetica, sans-serif;
    }

    .cd-product-previews {
        margin: 4.5em 0;
    }

    h1.main_title {
        font-size: 26px !important;
        margin-bottom: 50px;
    }

    .about_twhyundai {
        margin-top: 60px;
    }

    .cd-step-content {
        width: 1000px;
        max-width: 1000px;
        /* this padding takes care of both top and bottom fixed navigations */
        padding: 120px 0 200px;
        margin: 0 auto;
        display: table;
    }

    .select_a_car > li {
        width: 32%;
        min-height: 590px;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .select_a_car > li:nth-of-type(3n) {
        margin-right: 0;
    }

    img.eligibility_chart {
        width: 50%;
    }

    .one_third {
        width: 30%;
        margin-right: 3.333%;
    }

    .one_third.last_third {
        margin-right: 0;
    }

    .cd-nugget-info {
        background: transparent;
        color: #5D7C89;
        border: 2px solid #5D7C89;
    }

    .cd-nugget-info:hover {
        background: #5D7C89;
        color: #ffffff;
    }

    .cd-nugget-info.hide-on-desktop {
        display: none;
    }

    .cd-nugget-info.hide-on-mobile {
        display: inline-block;
        position: absolute;
        top: 40px;
        left: 2em;
        padding: .8em .8em .8em 2em;
    }

    .cd-builder-secondary-nav {
        box-shadow: none;
        float: right;
        width: 265px;
    }

    .cd-builder-secondary-nav > ul {
        margin-top: 22px;
    }

    .cd-builder-secondary-nav > ul::after {
        clear: both;
        content: "";
        display: block;
    }

    .cd-builder-secondary-nav .nav-item {
        position: relative;
        height: 56px;
    }

    .cd-builder-secondary-nav .nav-item.next {
        width: 194px;
        border-radius: 2em;
        float: right;
        margin-left: 11px;
    }

    .cd-builder-secondary-nav .nav-item.prev {
        width: 56px;
        border-radius: 50%;
        background: #EDEDED;
        /* replace text with image */
        color: transparent;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }

    .cd-builder-secondary-nav .nav-item.prev:hover {
        background: #f2f2f2;
    }

    .cd-builder-secondary-nav .nav-item.prev ul::after {
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(180deg);
        transform: translateY(-50%) translateX(-50%) rotate(180deg);
    }

    .cd-builder-secondary-nav .nav-item ul li {
        text-align: left;
        font-size: 1.4rem;
    }

    .cd-builder-secondary-nav a {
        padding-left: 1.7em;
    }

    .cd-builder-footer {
        height: 100px;
        padding: 0 2em 0 0;
        box-shadow: 0 0 39px rgba(0, 0, 0, 0.1);
        background: rgb(34, 34, 34);
    }

    .cd-builder-footer::after {
        clear: both;
        content: "";
        display: block;
    }

    .cd-builder-footer.disabled {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .cd-builder-footer .selected-product {
        height: 80px;
        display: block;
        position: absolute;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        background: rgb(255,255,255);
    }

    .cd-builder-footer.disabled .selected-product .tot-price {
        display: none;
    }

    .cd-builder-footer .selected-product::after {
        clear: both;
        content: "";
        display: block;
    }

    .cd-builder-footer .selected-product, .cd-builder-footer img, .cd-builder-footer .tot-price {
        float: left;
    }

    .cd-builder-footer img {
        width: 125px;
    }

    .cd-builder-footer .selected-product span {
        display: block;
        color: rgb(0, 170, 210);
    }

    .cd-builder-footer .tot-price {
        height: 80px;
        padding: 20px 120px 20px 20px;
        background: rgb(34, 34, 34);
        border: 1px solid rgb(34, 34, 34);
    }

    .cd-builder-footer .selected-product .total {
        color: #e5e5e5;
        font-size: 3.2rem;
        margin-top: 4px;
    }

    .cd-builder-footer.disabled .selected-product {
        /* translateX is equal to img width (197px) + img margin-right (27px) */
        -webkit-transform: translateX(0) translateY(140px);
        -ms-transform: translateX(0) translateY(140px);
        transform: translateX(0) translateY(140px);
    }

    .cd-builder-footer.disabled .selected-product img {
        opacity: 0;
    }

    .cd-builder-footer .alert {
        display: block;
        position: absolute;
        top: 120%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transition: top .2s;
        transition: top .2s;
        background: #24221F;
        color: #ffffff;
        padding: .8em 1em;
        border-radius: 4px;
    }

    .cd-builder-footer.disabled.show-alert .alert {
        top: 50%;
    }

    .cd-builder-main-nav {
        padding-top: 90px;
    }

    .cd-builder-main-nav li {
        display: inline-block;
    }

    .cd-builder-main-nav a {
        display: block;
        font-size: 1.4rem;
        font-weight: bold;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: rgb(34,34,34);
        padding: .7em .8em;
        border-bottom: 2px solid transparent;
        -webkit-transition: color .2s, border-color .2s;
        transition: color .2s, border-color .2s;
    }

    .cd-builder-main-nav a:hover {
        color: rgb(127,178,35);
    }

    .cd-builder-main-nav .active a {
        border-color: rgb(127,178,35);
        color: rgb(127,178,35);
    }

    .cd-builder-main-nav .active a:hover {
        color: rgb(127,178,35);
    }

    .cd-builder-main-nav.disabled li:not(.active) a {
        color: rgba(34, 34, 34, 0.5);
    }

    .cd-product-builder .main-header {
        display: block;
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0 5%;
        text-align: center;
        background: #ffffff;
    }

    .cd-product-builder .main-header h1 {
        font-size: 3.8rem;
        margin: 1.1em auto .76em;
        font-weight: bold;
    }

    .cd-builder-steps .standard-list > li {
        padding-right: 300px;
    }

    .cd-product-previews {
        margin: 0;
    }

    .summary-list .photo_and_description img.product-preview {
        width: 40%;
        margin-right: 6%;
    }

    .summary-list .photo_and_description .description {
        width: 46%;
    }

    .enquiry_form {
        width: 46%;
        float: right;
    }

    .introtext {
        max-width: 700px;
        top: 100px;
        left: 12%;
    }

    .cd-step-content .options-list.cd-col-2 > li {
        min-height: 450px;
    }

}

@media only screen and (min-width: 1680px) {

    .cd-step-content {
        width: 1280px;
        max-width: 1280px;
    }

    .cd-step-content .options-list.cd-col-2 > li {
        min-height: 490px;
    }

}