@import url(https://fonts.googleapis.com/css?family=Hind);


#powerimg {
	max-width:none;
	width:50%;
}


/* Hide first nav back */

#product01_selection > nav > ul > li.prev.nav-item > ul > li:first-child {
	display:none;
}



/* Layout image */

.row {
	width:100%;
	text-align:center;
}

.block {
	width:100px;
	display:inline-block;
}


/* 	----------------
      COLOR SLIDER
	---------------- */

.image {
	position: relative;
	top: 5vh;
	left: 15vw;
	height: 50vh;
	width: 70vw;
	overflow: hidden;
}

.imagewrap {
	position: relative;
	width: 80%;
	display: block;
    max-width: 550px;
	min-height:400px;
    margin: 0 auto;
}
.img-2 {
	position: absolute;
	display:block!important;
	width:100%!important;
	margin-left:60px;
}

.sliders {
	width:100%;
	text-align:center;
	height:5vh;
	margin-bottom:50px;
}
.singleSlider {
	width:200px;
	margin-top:10px;
	display:inline-block;
}
.slider {
	width: 100%;
	top: 5vh;
	margin-top:10px;
}
label {
 
}
.val {
	position: relative;
	display: block;
	height: 16px;
	width: 100%;
	text-align: right;
	visibility: hidden;
}
input[type="range"] {
	-webkit-appearance: none;
	background: transparent;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
}
input[type="range"]:focus {
	outline: none;
}
input[type="range"]::-ms-track {
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
input[type="range"]::-webkit-slider-runnable-track {
	height: 2px;
	cursor: pointer;
	background: #4c4c4c;
	margin-top: 10px;
}
input[type="range"]::-webkit-slider-thumb {
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background: #f3a713;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -9px;
}
 
input[type="range"]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #4c4c4c;
}
input[type="range"]::-moz-range-thumb {
	height: 20px;
	width: 20px;
	border-radius: 20px;
	background: #f3a713;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -9px;
}
input[type="range"]::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #4c4c4c;
}
input[type="range"]::-ms-thumb {
	height: 20px;
	width: 20px;
	border-radius: 20px;
	background: #f3a713;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: 0px;
}


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

Primary style

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

iframe {
    overflow:hidden;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.5rem;
  font-family: "Hind";
  color: #333333;
	display:flex;
	flex-direction:column;
	min-height:100vh;
}


table, th, tr, td {
	border:none!important;
}

table {
	margin: 10px auto!important;
}

body, header, footer, tr, .summary-list, input, .check {
	background-image: url(https://ventje.com/wp-content/uploads/2024/01/ventje-paperwise.webp) !important;
    background-repeat: repeat !important;
    background-size: 14% auto !important;
}

a {
  color: #454140;
  text-decoration: none;
}

img {
  max-width: 80%;
}

 .center {
  margin:auto;

} 

.cd-builder-secondary-nav {
    cursor:pointer;
}

#product01_selection {
    cursor:default;
}

.selected-power {
    border:2px solid #F3A713;
    margin-bottom:2%;
}

#product2 > .selected > .check {
    top:80%;
}

#roofsum {
    left:25%;
}

#colorsum {
    left:50%;
}

#extrasum {
    left:75%;
}

#summary-price {
    display:inline-block;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.summarybutton {
    padding:8px;
    border-radius:3px;
    color:white;
    font-size: 19px;
    width:100%;
    min-height:40px;
}

.firstsummarybutton {
    padding:13px;
    border-radius:3px;
    color:white;
    font-size: 19px;
    background-color: #f3a713;
    width:100%;
    min-height:40px;
    font-weight:bold;
}

.firstsummarybutton:hover {
    background-color:#ffbc1a;
}

.navcontainer {
    width:100%;
    height:auto;
    max-width:1200px;
    margin:auto;
}


.logowrapper > img {
    float:left;
    padding-top:21px;
    width:auto;
    height:60px;
}

.mobile-logowrapper {
    display:inline-block;
}

.a-wrapper {
    position:relative;
	width:100%;
    text-align:center;
    display:inline-block;
}

.mobile-logowrapper > img {
    position:relative;
    padding-top:21px;
    width:auto;
    height:55px;
    display:block;
    max-width:100%;
    margin-bottom:0!important;
}

.navwrapper {
    float:right;
    padding-top:20px;
}

.linkwrapper {
    position:relative;
    border-top:1px solid #cdcdcd;
    padding-top:30px;
}

.summarywrap {
    width:100%;
    text-align:center;
    position:relative;
    margin:10px;
}

.summarywrap > div {
    margin:2%;
    display:inline-block;
    position:relative;
    width:calc(100%/4);
}

.summary-extras > li {
    list-style:none;
}

.buttoncontainer {
    display:block;
}

.buttonwrap {
    width:calc(100%/5);
    display:inline-flex;
    text-align:center;
    padding:1%;
}


#lengthsum, #seatssum, #powersum, #roofsum, #colorsum, #extrasum {
    float:left;
    width:33%;
}

#formcontainer {
    margin-top:20px;
}

.formbutton {
    margin-top:10px;
}

.formbutton > button {
    color:white;
    border-color:#F3A713;
    text-align:center;
    padding:10px 12px!important;
    font-weight:bold;
    font-size: 19px;
    background-color: #f3a713;
    border-width: 0px!important;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    cursor:pointer;
    border-radius:3px;
}

.field > input {
    text-align:center;
    border-width:2px;
    border-color:#454140;
    border-style:solid;
    background-color:#fafafa;
    border-radius:3px;
    color:#999;
    font-size:14px;
    padding:16px;
}

.field > input:hover {
    border-color:#ffbc1a;
}

.field > input:focus {
    color:#3e3e3e;
    outline:none;
    
}

.verplicht {
    margin-top:20px;
    color:#454140;
}

.nav-item, .js-option, .options-list {
      -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.gegevens {
    margin-bottom:10px;
}

.disclaimer {
    font-size:16px;
    text-align:center;
    margin-top:20px;
}




/* floating right button */



.icon-bar {
  display:none;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0;
	z-index:9999;
}

.icon-bar a {
  display: none;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 25px;
  font-weight:bold;
}

@media (min-width: 767px) {
  .icon-bar, .icon-bar a {
    display: block;
  }	
  
}

.icon-bar a:hover {
  background-color: #454140;
}

.kom-kijken-icon-bar, .facebook-icon-bar, .instagram-icon-bar, .youtube-icon-bar {
  background: #f3a713;
  color: white;
  border:2px solid white;
}

.facebook-icon-bar, .instagram-icon-bar, .youtube-icon-bar {
   border-top:0 solid white;
}

.rotate-text {
  display: inline-block;
  text-indent:-5px;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-size: 17px;
  padding:7px 0;
}



/* .... */


.overzichttekst {
    margin-top:20px;
}

.planknop {
    font-weight:bold;
    color:#f3a713;
}

.planknop:hover {
    color:#ffbc1a;
}

.uldiv {
    display:inline-block;
    position:relative;
    width:100%;
    margin-bottom:30px;
}

.step-1 #product01_selection > .tot-price {
    display:none;
}

.overzicht-img {
    width:100%;
}

.overzicht-sum {
    display:inline-block;
    width:100%;  
    margin-bottom:30px;
}



@media only screen and (max-width: 768px) {
	#img-mainwrap {
		min-height:270px!important;
	}
    .cd-step-content .radio, .cd-step-content .check {
        right:0!important;
    }

    #product2 {
        padding:30px;
    }
    .cd-step-content .radio, .cd-step-content > #product2 .check {
        top:85%!important;
        right:0!important;
        position:relative!important;
        margin:20px auto;
    }
    .cd-builder-steps .summary-list > li {
        position:relative!important;
        width:100%!important;
    }
    #lengthsum, #seatssum, #powersum, #roofsum, #colorsum, #extrasum {
        top:0;
        left:0;
        
    }
    .cd-product-customizer a {
        height:70px!important;
        width:70px!important;
    }
    .cd-step-content .radio, .cd-step-content .check {
        right:29px!important;
    }
    #product2 > .selected > .check {
        top:76%;
        right:29px;
    }
    #product01_selection .radio {
        margin:10px auto;
        -webkit-transform:translateX(29px);
            -ms-transform:translateX(29px);
                transform:translateX(29px);
    }
}

@media only screen and (max-width: 550px) {
	#img-mainwrap {
		min-height:180px!important;
	}
}

@media only screen and (max-width: 400px) {
	#img-mainwrap {
		min-height:140px!important;
	}
}

@media only screen and (max-width: 1024px) {
    #product01_selection > .name > .center {
        margin:30px!important;
    }
}


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

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;
  transition: ease-out;
}
.cd-nugget-info.hide-on-mobile {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .cd-nugget-info {
    background: transparent;
    color: #5D7C89;
    border: 2px solid #5D7C89;
  }
  .cd-nugget-info:hover {
    background: #5D7C89;
    color: #ffffff;
    transition: ease-out; 
  }
  .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;
  }
}

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

Main Components 

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

.cd-builder-steps {
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}
.cd-builder-steps > ul {
  height: 100%;
  overflow: hidden;
  margin-bottom:60px;
}
.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;
  /* Onderstaande eruit ivm rare overgang naar stroom */
  /* -webkit-transition: visibility .5s;
  transition: visibility .5s; */
  padding: 0 5%;
}
.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: 2em 0 3em; */
  padding-top:40px;
  opacity: 0;
  display:block;
  width:100%;
  /* 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 {
display: block;
font-size: 2.4rem;
font-weight: bold;
margin-top: .2em;
text-align: center;

}
.cd-step-content g {
  font-size: 1.8rem;     
  text-align: center; 
}
.cd-step-content e {
  font-size: 1.4rem;     
  text-align: center;
  line-height: 1.4; 
  font-weight: normal;
  /* INDEX */
}
.cd-step-content j {
  font-size: 1.8rem; 
  font-weight: bold;
  text-align: center;
  /* INDEX */
}
.cd-step-content e {
  font-size: 1.6rem; 
  line-height: 1.6; 
    /* INDEX */
}
.cd-step-content f {
  font-size: 2rem;     
  text-align: center; 
  font-weight: normal;
}
.cd-step-content x {
  font-size: 2rem;
  color: black;
  text-align: center; 
  font-weight: normal;
}
.cd-step-content z {
  font-size: 2rem;
  color: #F3A713;
  text-align: center; 
  font-weight: normal;
}
.cd-step-content k {
  font-size: 1.6rem;     
  text-align: center; 
}
.cd-step-content s {
  font-size: 1.6rem;     
  text-align: center; 
}

.cd-step-content d {
  font-size: 1.1rem;     
  text-align: center; 
  }

.mobile-container {
	display: none;
}

@media only screen and (max-width:1200px) {
	.mobile-container {
		display:block;
	}
	
}

.cd-step-content .options-list > li {
  /* basic style for list of options */
  border: 2px solid #EDEDED;
  border-radius: 4px;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-transition: border-color .3s;
  transition: border-color .3s;
}
.cd-step-content .options-list > li.selected {
  border-color: #F3A713;
}
.cd-step-content .radio, .cd-step-content .check {
  position: absolute;
  right:40px;
  top:83%;
  height: 30px;
  width: 30px;
  /* margin-left: 47.5%; */
}
.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%;
  text-align: center;
  /* 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 */
  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 {
  border-radius: 100%;
}
.cd-step-content .check::before {
  border-radius: 100%;
}
.cd-step-content .selected .radio::before, .cd-step-content .selected .check::before {
  background: #F3A713;
  border-color: #F3A713;
  -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;
}
@media only screen and (min-width: 768px) {
    
  .cd-step-content header {
    margin-bottom: 2em;
  }
  .cd-step-content h1 {
display: block;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
  }
  .cd-step-content h6 {
display: block;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
  }
  .cd-step-content f {
    font-size: 2.2rem;
    text-align: center;
      font-weight: normal;
    /*Index*/
  }
.cd-step-content k {
  font-size: 2.2;     
}
.cd-step-content s {
  font-size: 2.2; 
  }
  .cd-step-content g {
    font-size: 2.8rem;
    text-align: center;
  }
  .cd-step-content h {
    font-size: 2.8rem;
    text-align: center;   
  }
  .cd-step-content d {
    font-size: 1.1em;
    text-align: center;
     /*Index*/
  }
  .cd-step-content .steps-indicator {
    font-size: 2rem;
  }
  .cd-step-content .options-list > li {
    margin-bottom: 2%;
  }
  .cd-step-content .options-list.cd-col-2::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-step-content .options-list.cd-col-2 > li {
    margin-right: auto;
    margin-left: auto;
 }
  .cd-step-content .options-list.cd-col-2 > li:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
    
  .cd-step-content {
    /* this padding takes care of both top and bottom fixed navigations */
/*    padding: 200px 0 140px; */
/*    padding-top:160px;  */
    max-width: 1000px;
    margin: 0 auto;
  }
  
  
  
    .cd-step-content h6 {
display: block;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
  }
  .cd-step-content .navcontainer {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (min-height: 850px) {
  .cd-step-content {
    max-width: 1200px;
  }
    .cd-step-content h6 {
display: block;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
  }
}
@media only screen and (min-width: 1480px) and (min-height: 850px) {
  .cd-step-content {
/*    padding: 200px 0 140px; */
    padding-top:40px;
  }
    .cd-step-content h6 {
display: block;
font-size: 2.6rem;
font-weight: bold;
text-align: center;
  }

}

@-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-step-content p {
  font-size: 1.6rem;     
  text-align: center;
  line-height:19px;
} 
 .cd-step-content e { 
  font-weight: normal;
}
.cd-step-content o {
  font-size: 1.6rem;     
  text-align: center;
}
.cd-step-content h {
  font-size: 2.5rem; 
  line-height: 1.8;
 
}
.cd-step-content h {
  font-size: 1.6rem; 
  line-height: 1.8;
    text-align: center;
    font-weight: bold;
}
.cd-step-content l {
font-weight: bold;      
}
.cd-step-content d {
  font-size: 2rem;     
  text-align: center;
}
.cd-step-content f {
  font-size: 1.8rem;     
  text-align: center;
  font-weight: normal;
  line-height: 1.2;
  
}
.cd-builder-steps .models-list {
  ;
}
.cd-builder-steps .models-list > li {
  padding: 1em 0;
}
.cd-builder-steps .models-list .name {
  display: block;
  font-size: 2.3rem;
  font-weight: bold;
  margin-top: .2em;
}
.cd-builder-steps .models-list .name {
  display: block;
margin-left: auto;
margin-right: auto;
}
.cd-builder-steps .models-list img {
  display: block;
  margin: 0.2em auto 0.2em;
}
.cd-builder-steps .models-list .price {
  display: block;
  color: #5D7C89;
  margin-bottom: 0.8em;
}
.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: #F3A713;
  -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: #F3A713;
  border-color: #F3A713;
  -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;
  margin: 1.5em 0;
}
.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: 80%;
  max-width: 550px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .cd-product-previews {
    margin: 0 0 2em;
  }
}
@media only screen and (min-width: 1480px) and (min-height: 850px) {
  .cd-product-previews {
    margin-bottom: 1.5em;
  }
  
}

.cd-product-customizer {
  text-align: center;
}
.cd-product-customizer li {
  position: relative;
  display: inline-block;
  margin-right: .5em;
}
.cd-product-customizer li:last-of-type {
  margin-right: 0;
}
.cd-product-customizer li::before, .cd-product-customizer li::after {
  /* this is used as tooltip to show color name */
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-5px);
      -ms-transform: translateX(-50%) translateY(-5px);
          transform: translateX(-50%) translateY(-5px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s, -webkit-transform .2s;
  transition: opacity .2s, visibility .2s, transform .2s;
  transition: opacity .2s, visibility .2s, transform .2s, -webkit-transform .2s;
}
.cd-product-customizer li::before {
  /* this is the tooltip triangle */
  content: '';
  bottom: 100%;
  height: 0;
  border: 8px solid transparent;
  border-top-color: rgba(237, 237, 237, 0.8);
  border-top-width: 10px;
  border-top-width: 10px;
}
.cd-product-customizer li::after {
  /* this is the tooltip content */
  content: attr(data-content);
  background-color: rgba(237, 237, 237, 0.8);
  white-space: nowrap;
  padding: .7em 1.1em;
  border-radius: 2em;
  bottom: calc( 100% + 18px);
}
.cd-product-customizer li:hover::before, .cd-product-customizer li:hover::after {
  opacity: 1;
  transition: ease-out;
  visibility: visible;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cd-product-customizer a  {
  /* replace text with bg color */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  height: 30px;
  width: 30px;
  margin-bottom:5px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #EDEDED;
  -webkit-transition: box-shadow .3s;
  transition: box-shadow .3s;
}
.cd-product-customizer .selected a  {
  box-shadow: 0 0 0 2px #F3A713;
}
@media only screen and (min-width: 768px) {
  .cd-product-customizer li {
    margin-right: 1em;
  }
  .cd-product-customizer a  {
    height: 50px;
    width: 50px;
  }
  
}

[data-color="white"] {
  /* used to give background color to Color options */
  background-color: #FFFFFF;
}


[data-color="half_blue"] {
  background-image: linear-gradient(to bottom, white 35%, #5E849D);
  }
  
[data-color="blue"] {
  background-color: #5E849D;
}

[data-color="half_yellow"] {
  background-image: linear-gradient(to bottom, white 35%, #F3A137);
  }

[data-color="rainbow"] {
  background-image: linear-gradient(to bottom,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
  }
  
[data-color="yellow"] {
  background-color: #F3A137;
}

[data-color="half_green"] {
  background-image: linear-gradient(to bottom, white 35%, #538F36);
  }
  
[data-color="green"] {
  background-color: #538F36
}

[data-color="half_red"] {
  background-image: linear-gradient(to bottom, white 35%, #80222F);
  }
  
[data-color="red"] {
  background-color: #80222F;
}

[data-color="half_turquoise"] {
  background-image: linear-gradient(to bottom, white 35%, #6D9C86);
  }
  
[data-color="turquoise"] {
  background-color: #6D9C86;
}

[data-color="half_beige"] {
  background-image: linear-gradient(to bottom, white 35%, #92877A);
  }
  
[data-color="beige"] {
  background-color: #92877A;
}

[data-color="half_orange"] {
  background-image: linear-gradient(to bottom, white 35%, #BB652D);
  }
  
[data-color="orange"] {
  background-color: #BB652D;
}

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

[data-color="ramen"] {
  background: url(../img/00.jpg) no-repeat center center;
  }

[data-color="hefdak"] {
  background: url(../img/n-hefdak.png) no-repeat center center;
  background-size:50px;
  }

[data-color="hefdak2"] {
  background: url(../img/Hefdak2.jpg) no-repeat center center;
  }
  
  [data-color="hefdak3"] {
  background: url(../img/gr-hefdak.png) no-repeat center center;
  background-size:50px;
  }
  
  [data-color="hefdak11"] {
  background: url(../img/Hefdak11.jpg) no-repeat center center;
  }
  
  [data-color="hefdak33"] {
  background: url(../img/Hefdak33.jpg) no-repeat center center;
  }

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


  [data-color="normaal-ventje"] {
  background: url(../img/4_9m.png) no-repeat center center;
  background-size:50px;
  }

  [data-color="lang-ventje"] {
  background: url(../img/5_3m.png) no-repeat center center;
  background-size:50px;
  }

  [data-color="twee"] {
  background: url(../img/2pers.png) no-repeat center center;
  background-size:50px;
  }

  [data-color="drie"] {
  background: url(../img/3pers.png) no-repeat center center;
  background-size:50px;
  }

  [data-color="vier"] {
  background: url(../img/5pers.png) no-repeat center center;
  background-size:50px;
  }

@media only screen and (max-width: 768px) {
  [data-color="hefdak3"] {
  background-size:70px;
  }
	
  [data-color="normaal-ventje"] {
  background-size:70px;
  }

  [data-color="lang-ventje"] {
  background-size:70px;
  }

  [data-color="twee"] {
  background-size:70px;
  }

  [data-color="drie"] {
  background-size:70px;
  }

  [data-color="vier"] {
  background-size:70px;
  }
}


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

Accessories Step - style

-------------------------------- */
.cd-builder-steps .accessories-list > li {
  text-align: center;
  padding: 2em 1.5em;

}
.cd-builder-steps .accessories-list p {
  font-size: 1.8rem;
  line-height: 1.4;
}
.cd-builder-steps .accessories-list o {
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  
}
.cd-builder-steps .accessories-list k {
  font-size: 1.6rem;
  line-height: 1.4; 
  
}
.cd-builder-steps .accessories-list s {
  font-size: 1.8rem;
  line-height: 1.4; 
  text-align: center;
}
.cd-builder-steps .power-list d {
  font-size: 1.8rem;
  line-height: 1.4;   
 font-weight: normal;
  text-align: center;
  
}
.cd-builder-steps .accessories-list d {
  font-size: 1.8rem;
  line-height: 1.4;   
  font-weight: bold;;
  text-align: center;
}
.cd-builder-steps .accessories-list g {
  font-size: 0.001rem;
  line-height: 0.001;
  color: #ffffff; 
}
.cd-builder-steps .accessories-list img {
  display: block;
  width: 80%;
  max-width: 425px;
  margin:1em auto 0.2em;
}
.cd-builder-steps .accessories-list .price {
  display: block;
  margin: 1.1em auto;
  color: #5D7C89;
}

@media only screen and (max-width: 768px) {
     .cd-builder-steps .accessories-list o {
    font-size: 1.6rem;
    text-align: center;
  } 
}
@media only screen and (min-width: 768px) {
  .cd-builder-steps .accessories-list > li {
    position: relative;
    text-align: left;
    padding: 10px 250px 0px 20px;
  }
  .cd-builder-steps .accessories-list p {
    font-size: 2.2rem;
  }
  .cd-builder-steps .accessories-list o {
    font-size: 1.6rem;
    padding-left: 20px;
    text-align: center;
  }
  
  .cd-builder-steps .accessories-list .check, .cd-builder-steps .accessories-list .price {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cd-builder-steps .accessories-list .check {
    right: 32px;
	border: 2px solid #454140;
	  border-radius:100%;
  }
  .cd-builder-steps .accessories-list .price {
    /* 32px (right padding) + 44px (.check width) + 26px (margin between .check and .price) */
    right: 102px;
    margin: 0;
    font-size: 2rem;
    color: #24221F;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-builder-steps .accessories-list > li {
    padding-right: 300px;
  }
  .cd-builder-steps .accessories-list p, .cd-builder-steps .accessories-list .price {
    font-size: 2.3rem;

  }
}

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

Summary Step - style

-------------------------------- */
.cd-builder-steps .summary-list > li {
  position: absolute;
  width:25%;
}
.cd-builder-steps .summary-list > li:first-child {
  position: absolute;
  width:100%!important;
  margin:auto;
}
.cd-builder-steps .summary-list h2 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0em;
  letter-spacing: .1em;
  color:#F3A713;
}
/*.cd-builder-steps .summary-list h2::before {
  /* this is the line below the step label */
  /*content: '';
  /*display: block;
  /*height: 2px;
  /*width: 32px;
  /*background: #EDEDED;
 /* margin-bottom: .6em; 
}
*/
.cd-builder-steps .summary-list .product-preview {
  display: inline-block;
  max-width: 350px;
  width: 60%;
  margin-bottom: 2em;
  text-align: center;
}
.cd-builder-steps .summary-list h3 {
  font-size: 2.4rem;
  font-weight: bold;
  margin: .4em 0;

}
.cd-builder-steps .summary-list p {
  color: #24221F;
  line-height: 1.6;
   font-weight: normal;

}
.cd-builder-steps .summary-list .summary-color::after {
  clear: both;
  content: "";
  display: block;
}
.cd-builder-steps .summary-list .summary-windows::after {
  clear: both;
  content: "";
  display: block;
}
.cd-builder-steps .summary-list .summary-roof::after {
  clear: both;
  content: "";
  display: block;
}
.cd-builder-steps .summary-list .summary-color > * {
  float:inline;
}
.cd-builder-steps .summary-list .summary-windows > * {
  float:inline;
}
.cd-builder-steps .summary-list .summary-roof > * {
  float: inline;
}
.cd-builder-steps .summary-list .color-swatch {
  display: inline-block;
  height: 40px;
  width: 40px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #EDEDED;
  border-radius: 50%;
}
.cd-builder-steps .summary-list .color-label {
  display: inline-block;
  font-size: 1.6rem;
  margin-top: 11px;
  /* margin-left: .5em; */
  
}
.cd-builder-steps .summary-list .summary-accessories {
  color: #ffffff;
  list-style: disc;
  list-style-position: inside;
   font-weight: normal;
}
.cd-builder-steps .summary-list .summary-power {
  color: #ffffff;
  list-style: disc;
  list-style-position: inside;
   font-weight: normal;
}
.cd-builder-steps .summary-list .summary-extras {
  color: #ffffff;
  list-style: disc;
  list-style-position: inside;
   font-weight: normal;
  }
.cd-builder-steps .summary-list .summary-accessories p {
  display: inline;
   font-weight: normal;
}
.cd-builder-steps .summary-list .summary-accessories g {
  display: inline;
    color: #ffffff;
     font-weight: normal;
}
.cd-builder-steps .summary-list .summary-accessories h {
  display: inline;
    color: #24221F;
     font-weight: normal;

    
}
.cd-builder-steps .summary-list .summary-power p {
  display: inline;
   font-weight: normal;
}
.cd-builder-steps .summary-list .summary-power g {
  display: inline; 
  color: #5D7C89;
   font-weight: normal;
}
.cd-builder-steps .summary-list .summary-power h {
  display: inline; 
  color: #24221F;
 font-weight: normal;
}
.cd-builder-steps .summary-list .summary-extras p {
  display: inline;
    color: #24221F;
      font-weight: normal;
}
.cd-builder-steps .summary-list .summary-extras h {
  display: inline;
    color: #24221F;
      font-weight: normal;
}
@media only screen and (min-width: 1024px) {
  .cd-builder-steps .summary-list {
    text-align: center;

  }
  .cd-builder-steps .summary-list h2 {
    font-size: 1.8rem;
  }
  
  .cd-builder-steps .summary-list h2::before {
    margin: 0 auto .6em;
  }
  .cd-builder-steps .summary-list h3 {
    font-size: 4rem;
    text-align: center;
  }
  .cd-builder-steps .summary-list p {
    font-size: 1.6rem;
     font-weight: normal;
  }
  .cd-builder-steps .summary-list g {
    font-size: 2.2rem;    
     font-weight: normal;
  }
  .cd-builder-steps .summary-list h {
    font-size: 1.6rem;    
     font-weight: normal;

  }
  .cd-builder-steps .summary-list .product-preview {
    margin: 0 auto;
    display: inline-block;
  }
  .cd-builder-steps .summary-list .summary-color {
    display: inline-block;
  }
    .cd-builder-steps .summary-list .summary-windows {
    display: inline-block;
  }
      .cd-builder-steps .summary-list .summary-roof {
    display: inline-block;
  }
  .cd-builder-steps .summary-list .color-swatch {
    height: 54px;
    width: 54px;
  }
  .cd-builder-steps .summary-list .color-label {
    font-size: 1.6rem;
    margin-top: 6px;
  }
}

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

Builder top navigation

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

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

@media only screen and (max-width: 1200px) {
  .cd-product-builder .navcontainer {
    display:none;
  }
	.cd-builder-steps {
		margin-top:80px;
	}
/*  .cd-product-builder .main-header img {
      margin-right: 700px;
 
      
  } */
  
 
  .cd-product-builder .main-header h1 {
display: block;
font-size: 2.6rem;
font-weight: bold;
margin-top: .2em;
text-align: center;
  }
}

@media only screen and (min-width:1200px) {
	.steps-indicator {
		display:none;
	}
}

@media only screen and (min-width: 1480px) and (min-height: 850px) {
  .cd-product-builder .main-header h1 {
display: block;
font-size: 2.6rem;
font-weight: bold;
margin-top: .2em;
text-align: center;
  }

 
}
/*  .cd-product-builder .main-header img {
      margin-right: 875px;
}*/


@media only screen and (max-width: 758px) {
    table, thead, tbody, th, td, th, td{
			display: block;
			margin-left: 5%;
			margin-right: auto;}

	th {
  		/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			margin-left: auto;
            margin-right: auto;
		}			
}


.form {
    margin-left: auto;
    margin-right: auto;
    margin-left: 17.5%;
}


		
@media only screen and (min-width: 1024px) {
  .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: #454140;
    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: #F3A713;
    transition: ease-out;
  }
  .cd-builder-main-nav .active a  {
    border-color: #F3A713;
    color: #F3A713;
  }
  .cd-builder-main-nav .active a:hover {
    color: #F3A713;
    transition: ease-out;
  }
  .cd-builder-main-nav.disabled li:not(.active) a {
    color: rgba(93, 124, 137, 0.5);
  }

}

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

Builder fixed bottom summary

-------------------------------- */
.cd-builder-footer {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;  /* Change [Remove white block above 2 buttons] Old: "height: 108px;" */
  /* 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 .total {
    color:#24221F;
    font-size:2.5rem;
    margin-left:4px;
}

.cd-builder-footer .selected-product img {
  /* visible on desktop only */
/* display: none;*/
  
}
.cd-builder-footer .alert {
  /* this is the notification to select a model - visible on desktop only */
  display: none;
}
@media only screen and (min-width: 1024px) {
  .cd-builder-footer {
    height: 100px;
    padding: 0 2em;
    /* box-shadow: 0 0 39px rgba(0, 0, 0, 0.1); */
    border-top:1px solid #cdcdcd;
  }
  .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 {
    display: block;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 2em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .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: 160px;
    padding-right: 27px;
    margin-right: 27px;
    border-right: 1px solid #cdcdcd;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
  .cd-builder-footer .selected-product span {
    display: block;
    color: #5D7C89;
  }
  .cd-builder-footer .tot-price {
    margin-top: 12px;
  }
  .cd-builder-footer .selected-product .total {
    color: #24221F;
    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(-270px) translateY(-50%);
        -ms-transform: translateX(-270px) translateY(-50%);
            transform: translateX(-270px) translateY(-50%);
  }
  .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%;
  }
}
@media only screen and (min-width: 1024px) and (min-height: 850px) {
    .cd-builder-footer {
        height: 120px;
    }
    .tot-price {
        position:absolute;
        top: 25%;
        left: 100%;
        -ms-transform: translate(-50%, -25%);
        transform: translateY(-25%);
    }
}



.cd-builder-secondary-nav {
  height: 100%;
}
.cd-builder-secondary-nav .nav-item {
  position: absolute;
  top: 0;        /* Change [Remove white block above 2 buttons] 21-Juli-21, KSneijders. Old: "top: 50%;" */
  height: 100%;  /* Change [Remove white block above 2 buttons] 21-Juli-21, KSneijders. Old: "height: 50%;" */
  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: #F3A713;
}
.cd-builder-secondary-nav .next:hover {
  background: #ffbc1a;
  transition: ease-out;
}
.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: 54px;
  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,#submitButton {
  display: center;

}
.cd-builder-secondary-nav .next a,#submitButton {
  color: #ffffff;

}
.cd-builder-secondary-nav #submitButton {
    background-color: transparent;
    border: none;
    display: inline-block;
    outline: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-transform: inherit;
    font: inherit;

}
@media only screen and (min-width: 1024px) {
  .cd-builder-secondary-nav {
    box-shadow: none;
    float: right;
    width: 400px;
  }
  .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 #submitButt {
    position: relative;
    height: 56px;   

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

  }
  .cd-builder-secondary-nav .nav-item.prev {
    width: 56px;
    border-radius: 50%;
	border:2px solid #454140;
    /* replace text with image */
    color: transparent;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .cd-builder-secondary-nav .nav-item.prev:hover {
    background: #fff;
    transition: ease-out;
  }
  .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,#submitButton {
    text-align: left;
    font-size: 1.4rem;

  }
  .cd-builder-secondary-nav a,#submitButton {
    padding-left: 2.3em;

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

}
  .button {
  background-color: #F3A713; /* Green */
  border: none;
  color: white;
  padding: 18px 40px;
  text-align: center;
  color: white;
  display: inline-block;
  font-size: 1.5rem;
  border-radius: 24px;
  font-weight: bold;

  }
  .button:hover {
      background: #ffbc1a;
      transition: ease-out;
       opacity: 1;
   
}

@media only screen and (max-width: 1024px) {
    .cd-builder-footer .selected-product img {
        display:none!important;
    }
    .cd-step-content .radio, .cd-step-content .check {
        display:none!important;
    }
    .cd-builder-footer .selected-product {
        position:absolute;
        top: 25%;
        left: 50%;
        -ms-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%);
    }
}

/* Remove extra options summary

.summary-power p {
	display:none!important;
}

.summary-power > p:first-child {
	display:block!important;
}

.summary-power p {
	display:none!important;
}

.summary-power > p:first-child {
	display:block!important;
}  */



#img-mainwrap {
	display:block;
	position:relative;
	width:60%;
	margin:auto;
	min-height:400px;
}


/* Animate images first page */

#imgfade img {
	max-width:100%!important;
	margin:0 auto;
	position:absolute;
	-webkit-animation-name: fade;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 8s;
	animation-name: fade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 8s;
}

#imgfade img:nth-of-type(1) {
	-webkit-animation-delay: 6s;
  	animation-delay: 6s;
}
#imgfade img:nth-of-type(2) {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
#imgfade img:nth-of-type(3) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

@-webkit-keyframes fade {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes fade {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}



@media only screen and (max-width: 768px) {
    .linkwrapper {
        top:145px;
    }
}

@media only screen and (max-width: 1024px) {
	#img-mainwrap {
		width:80%;
	}
	#powerimg {
		width:80%;
	}
    #lengthsum, #seatssum, #powersum, #roofsum, #colorsum, #extrasum {
        width:50%;
    }
    .cd-step-content {
        padding-top:20px!important;
    }
    .clear {
        float:clear;
    }
    .buttonwrap {
        width:80%;
    }
    .firstlinkwrapper {
        width:100%;
    }
    .firstbuttonwrap {
        width:80%;
        padding:1%;
    }
    .linkwrapper {
        position:inherit;
    }
    .formbutton > button {
        font-size:15px;
    }
	.imagewrap {
		min-height:350px;
	} 
	.sliders {
		margin-top:50px;
	}
}



@media only screen and (max-width: 660px) {
    .buttoncontainer {
        margin-top:2%;
    }
    #lengthsum, #seatssum, #powersum, #roofsum, #colorsum, #extrasum {
        width:100%;
    }
	.imagewrap {
		min-height:300px;
	} 
	.img-2 {
		margin-left:30px;
	}
}

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

	.imagewrap {
		min-height:250px;
	} 
	.sliders {
		margin-top:0px;
	}
	#powerimg {
		width:100%;
	}
}


/* Hide scrollbar for Chrome, Safari and Opera */
body > div > div.cd-builder-steps > ul > li.active.builder-step::-webkit-scrollbar {
  display: none!important;
}

/* Hide scrollbar for IE, Edge and Firefox */
body > div > div.cd-builder-steps > ul > li.active.builder-step {
  -ms-overflow-style: none!important;  /* IE and Edge */
  scrollbar-width: none!important;  /* Firefox */
}



.a-wrapper {
	display:none;
}