h1{ margin-bottom: 0; }
.row.image-runout .left{ text-align: left; }
.row.image-runout .block.html.image{ min-height: 500px; }

/* ===================== USP ===================== */
.block.list.usps{ font-size: 1.2rem; font-weight: 700; margin: 50px 0 35px 0; }
.block.list.usps .col-lg-6:nth-child(odd){ width: 40%; }
.block.list.usps .col-lg-6:nth-child(even){ width: 60%; }
.block.list.usps .item{ margin-bottom: 15px; }
.block.list.usps .item .icon{ max-width: 20px; width: 100%; }
.block.list.usps .item .content{ }

/* ===================== KARO bike ===================== */
.block.html.karo-bike{ position: relative; max-width: 700px; }
.block.html.karo-bike .image{ margin-bottom: 30px; }
.block.html.karo-bike .price{ position: absolute; top: 0; right: 0; }
.block.html.karo-bike .color-wrap{ position: absolute; bottom: 60px; right: 50%; width: 200px; display: flex; flex-direction: column; align-items: flex-end; }
.block.html.karo-bike .color-wrap .color{ width: 37px; height: 37px; background: #A8B5BA; border-radius: 100%; border: 5px solid #ffffff; box-shadow: 0 3px 6px rgba(0,0,0,0.15); margin-bottom: 25px; }
.block.html.karo-bike .color-wrap .arrow{ margin-bottom: 25px;  }
.block.html.karo-bike .color-wrap .text{ font-weight: 700; color: var(--red); text-align: center; }

.block.html.karo-bike .image.fadeIn{ -webkit-animation-duration: 2s; animation-duration: 2s; }
.block.html.karo-bike .price.bounceIn{ animation-delay: 1s; }
.block.html.karo-bike .color-wrap .color.fadeIn{ animation-delay: 2s; }
.block.html.karo-bike .color-wrap .arrow.fadeInUp{ animation-delay: 2.5s; }
.block.html.karo-bike .color-wrap .text.fadeInUp{ animation-delay: 3s; }

/* ===================== ELEMENT ===================== */
.block.list.element{ }
.block.list.element .col-md-6.col-lg-4{ margin-bottom: 30px; }
.block.list.element .item{ text-align: center; }

/* ===================== SPECIFICATIES ===================== */
.block.list.specs{ font-size: 1.1rem; }
.block.list.specs .col-6.col-xl-8{ font-weight: 700; }
.block.list.specs .item{ width: 50%; float: left; padding: 7px 15px; }
.block.list.specs .item:nth-child(4n + 1){ background: var(--lightgrey); }
.block.list.specs .item:nth-child(4n + 2){ background: var(--lightgrey); }
.more-specs{ cursor: pointer; text-decoration: none; }
.clear{ clear: both; padding: 0; border: 0; }


/* ============================================
		MOBIEL
=============================================*/

/* --------------------------------------- */
@media only screen and (max-width: 1599px){
	.block.html.karo-bike .color-wrap{ bottom: 10px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1399px){
	.block.html.karo-bike .price{ width: 200px; }
	.block.html.karo-bike .color-wrap .color{ margin-bottom: 15px; }
	.block.html.karo-bike .color-wrap .arrow{ margin-bottom: 15px; }
	.block.list.specs .item{ width: 100%; }
	.block.list.specs .item:nth-child(odd){ background: var(--lightgrey); }
	.block.list.specs .item:nth-child(even){ background: #ffffff; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px){
	.block.list.usps{ margin: 25px 0 10px 0; }
	.block.list.usps .col-lg-6:nth-child(odd){ width: 100%; }
	.block.list.usps .col-lg-6:nth-child(even){ width: 100%; }
	.block.list.usps .item{ margin-bottom: 0; }
	.block.html.karo-bike .price{ max-width: 150px; top: -10px; }
	.block.html.karo-bike .color-wrap{ bottom: -50px; }
	.row.image-runout .block.html.image{ min-height: 450px; }
	
}

/* --------------------------------------- */
@media only screen and (max-width: 991px){
	.block.html.karo-bike{ margin-top: 25px; }
	.block.html.karo-bike .price{ max-width: none; top: 0; }
	.block.html.karo-bike .color-wrap{ bottom: 60px; }
	.block.html.karo-bike .color-wrap .color{ margin-bottom: 25px; }
	.block.html.karo-bike .color-wrap .arrow{ margin-bottom: 25px; }
	.row.image-runout .block.html.image{ min-height: 400px; }
	
}

/* --------------------------------------- */
@media only screen and (max-width: 767px){
	.block.html.karo-bike .color-wrap{ bottom: 0; }
	.block.html.karo-bike .color-wrap .color{ margin-bottom: 15px; }
	.block.html.karo-bike .color-wrap .arrow{ margin-bottom: 15px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 575px){
	.block.html.karo-bike .price{ max-width: 150px; }
	.row.image-runout .block.html.image{ min-height: 300px; }
	
}

/* --------------------------------------- */
@media only screen and (max-width: 479px){
	.block.list.usps{ margin: 15px 0; }
	.block.html.karo-bike{ margin: 25px 0 35px 0; }
	.block.html.karo-bike .price{ max-width: 125px; }
	.block.html.karo-bike .color-wrap{ bottom: -20px; }
	.block.html.karo-bike .color-wrap .color{ margin-bottom: 10px; }
	.block.html.karo-bike .color-wrap .arrow{ margin-bottom: 10px; max-width: 40px; }
	
	.block.html.karo-bike .image.fadeIn{ -webkit-animation-duration: 2s; animation-duration: 2s; }
	.block.html.karo-bike .price.bounceIn{ animation-delay: 0.5s; }
	.block.html.karo-bike .color-wrap .color.fadeIn{ animation-delay: 0.75s; }
	.block.html.karo-bike .color-wrap .arrow.fadeInUp{ animation-delay: 1s; }
	.block.html.karo-bike .color-wrap .text.fadeInUp{ animation-delay: 1.25s; }
	.row.image-runout .block.html.image{ min-height: 200px; }
	
}