/*
Description: product-list-featured.tpl styles
*/

@media (min-width: 320px) {
	.list-exams-first h2,
	.colored-bg-petrol h2 {
		font-size: 37px;
		line-height: 37px;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
	}
	.list-exams-first > div:first-child p,
	.colored-bg-petrol > div > div:first-child p {
		font-size: 20px;
		line-height: 27px;
	}
	.colored-bg-petrol {
		background-color: #71979E;
		padding: 75px 0 0 0;
	}
	.colored-bg-blue {
		background-color: #15406D;
		padding: 60px 0 0;
	}
	.list-exams-first.colored-bg-petrol,
	.colored-bg-blue {
		color: #ffffff;
	    width: 100vw;
	    position: relative;
	    margin-left: -30px;
		margin-right: -30px;
		left: 0;
		right: 0;
		padding-top: 30px;
	}
	.list-exams-first.colored-bg-petrol h2,
	.colored-bg-blue h2,
	.colored-bg-seo h2,
	.colored-bg-darkgrey h2 {
		color: #fff;
	}
	.list-exams-first.colored-bg-petrol {
		padding-left: 30px;
	    padding-right: 30px;
	}
	.list-exams-first.colored-bg-petrol .mk-product-slider {
		padding-left: 0;
		padding-right: 0;
	}
	.colored-bg-petrol .flex-box {
	    max-width: 1245px;
	    margin: 0 auto;
	    padding-top: 35px;
	}
	.colored-bg-blue .flex-box {
		flex-direction: row;
	    justify-content: center;
	    flex-wrap: wrap;
	    max-width: 1245px;
	    margin: 0 auto;
	    padding: 30px 30px;
	    align-items: center;
	    column-gap: 30px;
	}
	.mk-e-recommendations {
		display: flex;
		position: relative;
		width: 100%;
	}
	.mk-e-recommendations-list {
		overflow: hidden;
		padding: 15px 0;
	}
	.mk-e-recommendations-list,
	.popular-products {
	    display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}
	.mk-e-recommendations .productBox,
	.r-products .productBox {
		transition: all 0.45s;
	}
	.mk-e-recommendations .productBox:hover,
	.r-products .productBox:hover {
		transform: translateY(-5px);
	}
	.list-container.mk-e-recommendations .productBox,
	.popular-products > div,
	.popular-products > div.r-products {
		display: flex;
	}
	.popular-products > div:not(.r-products) {
		flex-wrap: wrap;
		flex: 0 0 100%;
	}
	.mk-e-recommendations-list > div > a:hover,
	.popular-products > div > a:hover,
	.popular-products > div.r-products a:hover {
		text-decoration: none;
	}
	.list-container.mk-e-recommendations .productBox a,
	.popular-products > div > a,
	.popular-products > div.r-products a {
	    text-decoration: none;
	    color: #676767;
	    flex: 0 0 100%;
	}
	.popular-products > div > a {
		display: flex;
		flex-direction: column;
		flex: 0 0 100%;
		align-items: start;
	}
	.colored-bg-blue .popular-products > div:not(.r-products),
	.popular-products > div:not(.r-products) {
    	margin-bottom: 50px;
	}
	.list-container.mk-e-recommendations .productBox form,
	.popular-products .r-products form {
	    display: flex;
	    justify-content: flex-start;
	    align-items: flex-start;
	    flex-wrap: wrap;
	    height: 100%;
	    flex-direction: column;
	    width: 100%;
	}
	.productBox .price-box > span,
	.productBox .price-box > del {
		flex: 0 0 100%;
		display: block;
	}
	.mk-e-recommendations > .productBox,
	.mk-e-recommendations.list-container .productBox {
		flex: 1 0 50%;
	}
	.mk-e-recommendations > .productBox,
	.mk-e-recommendations.list-container .productBox {
		flex: 1 0 50%;
	}
	.colored-bg-petrol .popular-products > div a,
	.colored-bg-blue .popular-products > div a,
	.colored-bg-blue .popular-products .productBox .product-title,
	.colored-bg-blue .popular-products .productBox .price-box .product-bprice.text-danger,
	.colored-bg-petrol .popular-products .productBox .price-box .product-bprice.text-danger,
	.colored-bg-blue .popular-products .productBox .price-box .price-markup.text-danger,
	.colored-bg-petrol .popular-products .productBox .price-box .price-markup.text-danger,
	.colored-bg-blue .popular-products .productBox .price-box .product-nprice,
	.colored-bg-petrol .popular-products .productBox .product-title,
	.colored-bg-petrol .popular-products .productBox .price-box .product-nprice {
		color: #ffffff;
	}
	.colored-bg-petrol .popular-products .productBox del,
	.colored-bg-petrol .popular-products .productBox .price-box del.product-nprice,
	.colored-bg-blue .popular-products .productBox del,
	.colored-bg-blue .popular-products .productBox .price-box del.product-nprice {
		color: rgb(255 255 255 / 80%);
	}
	.popular-products .r-products .productBox .art-num {
		color: #999999;
		font-size: 12px;
		font-weight: normal;
		line-height: normal;
		margin: 0;
	}
	.popular-products .r-products .productBox .label-wrapper {
	    position: absolute;
	    left: 15px;
	    top: 20px;
	    font-size: 14px;
	    padding: 3px 9px;
	    text-transform: uppercase;
	    vertical-align: text-bottom;
	    color: #fff;
	    font-weight: bold;
	    border-radius: 10px;
	    line-height: normal;
	}
	.list-container.mk-e-recommendations .productBox .cat-title,
	.popular-products .productBox .cat-title {
		font-size: 12px;
		line-height: normal;
	}
	.list-container.mk-e-recommendations .productBox .title,
	.popular-products .r-products .productBox .title,
	.popular-products .productBox .product-title {
		font-size: 15px;
		line-height: normal;
		color: #676767;
		margin-top: 4px;
	}
	.list-container.mk-e-recommendations .productBox .product-bprice,
	.list-container.mk-e-recommendations .productBox del,
	.popular-products .productBox del, 
	.popular-products .productBox .price-box .product-bprice,
	.popular-products .productBox .price-box .rArticle-text {
		font-size: 15px;
		line-height: 22px;
	}
	.list-container.mk-e-recommendations .productBox .n-price,
	.popular-products .productBox .n-price,
	.popular-products .productBox .product-nprice,
	.popular-products .productBox .price-box .rArticle-text + span {
		font-size: 12px;
		line-height: normal;
		color: #999999;
	}
	.list-container.mk-e-recommendations .productBox del,
	.popular-products .productBox del,
	.popular-products .productBox .product-nprice {
		color: #999999;
		display: block;	
	}
	.popular-products .productBox .price-box .rArticle-text {
		color: #035ca8;
	}	
	.list-container.mk-e-recommendations .productBox .product-nprice.text-danger,
	.popular-products .productBox .product-nprice.text-danger {
		color: #e20018;
	}
	.popular-products > div a .img-bg {
		background-color: #ffffff;
		border-radius: 5px;
	    padding: 50px 15px;
	    margin-bottom: 30px;
	    display: block;
	    min-height: 200px;
	    width: 100%;
	}
	.popular-products > div a .img-bg > img,
	.popular-products > div a .img-bg > img.img-responsive {
		margin: auto;
	}
	#featured_products.popular-products > div a .img-bg {
		box-shadow: rgb(0 0 0 / 4%) 0px 30px 80px;
	}
	.colored-bg-petrol .popular-products > div a .img-bg,
	.colored-bg-blue .popular-products > div a .img-bg {
		background-color: #ffffff;
	}
	.productBox .subtitle-1,
	.productBox .subtitle-2 {
		line-height: 20px;
		font-size: 14px;
	}
	.productBox .subtitle-1 {
		margin-top: 5px;
	}
	.list-container.mk-e-recommendations .productBox .product-data:last-child,
	.popular-products > div.r-products .product-data:last-child {
		margin-top: auto;
	}
	.list-container.mk-e-recommendations .productBox .price-box,
	.popular-products > div.r-products .price-box,
	.popular-products > div a .price-box {
		margin-top: auto;
	}
	.list-exams-first {
		display: flex;
		align-items: center;
		padding: 0;
	}
	.list-exams-first,
	.list-exams-first .flex-box {
		flex-direction: column;
	}
	.mk-product-slider {
		padding-top: 30px;
	}
	body.cl-start .list-exams-first .boxwrapper.mk-product-slider  .list-container.popular-products {
		margin-top: 0;
	}
	.list-exams-first .mk-product-slider .popular-products > div {
		flex: 1 0 100%;
		width: 0;
	}
	.list-exams-first .mk-product-slider .popular-products > div:nth-child(odd) {
		padding: 0 7.5px 0 15px;
		margin-bottom: 0px
	}
	.list-exams-first .mk-product-slider .popular-products > div:nth-child(even) {
		padding: 0 15px 0 7.5px;
		margin-bottom: 0px;
	}
	.list-exams-first .mk-product-slider .mk-slider-products-top-header {
	    position: absolute;
	    z-index: 9999;
	    top: 50%;
	    width: calc(100% - 30px);
	}
	.list-exams-first .mk-product-slider .mk-slider-products-top-header .mk-slider-products-pagination > span {
	    position: absolute;
	    width: 40px;
	    height: 40px;
		color: rgba(0,0,0,.8);
		text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		border-radius: 50%;
	    background-color: rgba(0, 0, 0, 0);
	    box-shadow: 0px 15px 20px rgb(0 0 0 / 0%);
	    
	    -webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;
		-ms-transition: all 450ms ease-in-out;
		-o-transition: all 450ms ease-in-out;
		transition: all 450ms ease-in-out;
	}
	.list-exams-first .mk-product-slider .mk-slider-products-top-header .mk-slider-products-pagination > span i {
		opacity: 0;
	}
	.list-exams-first .mk-product-slider:hover .mk-slider-products-top-header .mk-slider-products-pagination > span {
	    background-color: #000;
	    box-shadow: 0px 15px 20px rgb(0 0 0 / 20%);
	}
	.list-exams-first .mk-product-slider .mk-slider-products-pagination > span.prev {
	    left: 0px;
	    margin-left: -15px;
	}
	.list-exams-first .mk-product-slider .mk-slider-products-pagination > span.next {
	    right: 0px;
		margin-right: -15px;
	}
	.list-exams-first .mk-product-slider:hover .mk-slider-products-pagination > span.prev {
	    left: 0px;
	    margin-left: 0;
	}
	.list-exams-first .mk-product-slider:hover .mk-slider-products-pagination > span.next {
	    right: 0px;
		margin-right: 0;
	}
	.list-exams-first .mk-product-slider:hover .mk-slider-products-top-header .mk-slider-products-pagination > span i {
		opacity: 1;
	}
	.list-exams-first .mk-product-slider .mk-slider-products-pagination > span.prev i {
	    margin-right: 3px;
	}
	.list-exams-first .mk-product-slider .mk-slider-products-pagination > span.next i {
	    margin-left: 3px;
	}
	.list-exams-first .mk-product-slider .mk-slider-products-pagination > span i,
	.mk-slider-products-top-header .mk-slider-products-pagination > span > i.fa {
	    color: #fff;
	    font-size: 30px;				
	}
	.mk-product-slider .product-title,
	.mk-product-slider .cat-title {
		line-height: normal;
	}
	.mk-product-slider .product-title sup,
	.mk-product-slider .cat-title sup {
		top: -0.25em;
	}
	.popular-products .r-products {
		flex-wrap: wrap;
	}
	.list-container.mk-e-recommendations > div,
	.popular-products .r-products {
		display: flex;
		width: 100%;
	}
	.list-container.mk-e-recommendations .productBox,
	.popular-products .r-products .productBox {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 50px;
		flex: 0 0 100%;
		position: relative;
	}
	.list-container.mk-e-recommendations .productBox .picture,
	.popular-products .r-products .productBox .picture {
		padding: 18% 15px;
		background-color: #fff;
		border-radius: 5px;
		box-shadow: 0 10px 50px rgb(0 0 0 / 8%), 0 13px 45px rgb(0 0 0 / 8%);
		margin-bottom: 25px;
		min-height: 200px;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.list-container.mk-e-recommendations .productBox .picture img,
	.popular-products .r-products .productBox .picture img {
		width: 100%;
	}
	.list-container.mk-e-recommendations .productBox .picture {
		box-shadow: 0 0 15px 0 rgb(0 0 0 / 13%);
	}
	.list-container.mk-e-recommendations .productBox .listDetails,
	.popular-products .r-products .productBox .listDetails {
		margin-bottom: 15px;
	}
	.list-container.mk-e-recommendations .productBox .title a,
	.productBox .listDetails .title a {
	    word-break: break-word;
	    font-weight: 700;
	}
	#featured_products.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (min-width: 450px) {
	.list-container.mk-e-recommendations .productBox,
	.popular-products .r-products .productBox,
	.list-exams-first .mk-product-slider .popular-products > div {
		width: 50%;
		flex: 0 0 50%;
	}
	.colored-bg-petrol .flex-box {
		padding: 30px 0;
	}
	.colored-bg-blue .flex-box {
		padding: 30px 15px 0;
	}
	.popular-products > div {
		width: 100%;
	}
	.popular-products > div:not(.r-products) {
		flex: 0 0 50%;
	}
	.list-exams-first .mk-product-slider .popular-products > div:nth-child(odd),
	.list-exams-first .mk-product-slider .popular-products > div:nth-child(even) {
		padding: 0 15px;
	}
	.list-exams-first {
		padding: 0;
	}
	#featured_products {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media (min-width: 690px) {
	.list-exams-first .mk-product-slider .popular-products > div {
    	flex: 1 0 33.33333%;
	}
}
@media (min-width: 768px) { 
	.colored-bg-blue .flex-box {
		width: 100%;
		padding: 30px 15px 0 15px;
	}
	.colored-bg-petrol .flex-box {
		padding: 30px 0;
	}
	.colored-bg-blue .popular-products > div:not(.r-products) {
	    width: 33.33333%;
	}
	.mk-product-slider {
		padding-top: 0px;
	}
	.list-exams-first.colored-bg-petrol,
	.colored-bg-blue {
		left: 50%;
	    right: 50%;
	    margin-left: -50vw;
	    margin-right: -50vw;
	}
	.list-exams-first.colored-bg-petrol {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.list-exams-first > div:first-child p,
	.colored-bg-petrol > div > div:first-child p {
		margin-bottom: 30px;
	}
	.list-container.mk-e-recommendations .productBox,
	.popular-products .r-products .productBox {
		width: 33.33333333333%;
		flex: 0 0 33.3333333333%;
	}
	.mk-e-recommendations > .productBox,
	.mk-e-recommendations.list-container .productBox {
		flex: 1 0 25%;
	}
	.popular-products > div a .img-bg,
	.list-container.mk-e-recommendations .productBox .picture,
	.popular-products .r-products .productBox .picture {
	    max-width: 280px;
	}
	.mk-e-recommendations-list,
	.popular-products {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media (min-width: 992px) {
	.colored-bg-petrol .flex-box,
	.colored-bg-blue .flex-box {
		width: 970px;
	}
	.colored-bg-blue .popular-products > div:last-child {
	    display: block;
	}
	.colored-bg-blue .popular-products > div:not(.r-products),
	.popular-products > div:not(.r-products) {
    	width: 25%;
	}
	.list-exams-first,
	.list-exams-first .flex-box {
		flex-direction: row;
	}
	.list-exams-first > div:first-child p,
	.colored-bg-petrol > div > div:first-child p {
		margin-bottom: 10px;
	}
	.colored-bg-blue .flex-box,
	.colored-bg-petrol .flex-box {
		padding: 30px 15px;
	}
	.list-exams-first.colored-bg-petrol,
	.colored-bg-petrol .flex-box {
		padding-left: 0;
		padding-right: 0;
	}
	.popular-products > div:not(.r-products),
	.colored-bg-petrol .flex-box > div:first-child {
		flex: 0 0 25%;
	}
	.colored-bg-petrol .flex-box > div,
	.list-exams-first.colored-bg-petrol .mk-product-slider {
		padding: 0 15px;
	}
	.mk-e-recommendations > .productBox,
	.mk-e-recommendations.list-container .productBox {
		flex: 1 0 20%;
		width: 0;
	}
}

@media (min-width: 1200px) {
	.colored-bg-petrol .flex-box,
	.colored-bg-blue .flex-box {
		width: 1170px;
		padding: 30px 0;
	}
	.colored-bg-blue .flex-box {
		padding: 30px 15px;
	}
	.colored-bg-petrol .flex-box{
		padding: 30px 0;
	}
}

@media (min-width: 1300px) {
	.colored-bg-petrol .flex-box,
	.colored-bg-blue .flex-box {
		width: 1250px;
	}
	.list-exams-first > div:first-child p,
	.colored-bg-petrol > div > div:first-child p {
		font-size: 24px;
		line-height: 32px;
	}
}