@CHARSET "ISO-8859-1";
.hotpoint .black-row {
	background-color:#000;
}
.hotpoint .logo {
	margin:3em auto;
}
.hotpoint .header-text {
	color:#fff;
	padding:0.75em;
	font-size:1.2em;
	font-weight:600;
	margin-bottom:0;
}
@media (max-width: 1200px) {
	.hotpoint .header-text {
		font-size:1.1em;
	}
}
@media (max-width: 991px) {
	.hotpoint .header-text {
		font-size:0.9em;
	}
}
@media (max-width: 767px) {
	.hotpoint .header-text {
		font-size:1.2em;
	}
}
.hotpoint .logo-text {
	font-size:1.2em;
}
@media (max-width: 1200px) {
	.hotpoint .logo-text {
		font-size:1em;
	}
}
.hotpoint .border-left {
	border-right:2px solid #fff;
	margin-top: 0.75em;
}
@media (max-width:767px) {
	.hotpoint .border-left {
		border-right:none;
		
	}
}

@media (min-width:991px) {
	#oven-img, .cooker-img , .washer-dryer-img, #dryer-img, #fridge-freezers-img, #freezer-img{
		padding:20px 0;
		
	}

	.refrigeration-content{
		justify-content: space-evenly;
	}
}




section.hotpoint ul.nav-pills {
	width:100%;
}
section.hotpoint ul.nav-pills li {
	margin-left:0;
	width: 25%;
	text-align:center;
	font-size:1.5em;
	font-weight:500;
	background-color:#008c93;
}
@media (max-width: 767px) {
	section.hotpoint ul.nav-pills li {
	width: 50%;
}
}
section.hotpoint #about-tab {
	border:none;
}
section.hotpoint ul.nav-pills li a {
	color:#fff;
}
 section.hotpoint ul.nav-pills li a:hover {
	color:#000;
	border-radius:0;
	background-color: #fff;
}
section.hotpoint .nav-pills > li > a.active, .nav-pills > li > a.active:hover, .nav-pills > li > a.active:focus {
    color: #000;
	background-color:#fff;
	border-radius:0;
}
section.hotpoint .header {
    position: relative;
}
section.hotpoint .logo-box {
    position: absolute;
	left:20px;
	top:20px;
	width:40%;
	background-color:#fff;
	opacity: 0.9;
}
@media (max-width: 1200px) {
	section.hotpoint .logo-box {
	top:12px;
	width:45%;
}
}
@media (max-width: 991px) {
	section.hotpoint .logo-box {
	top:4px;
	width:65%;
}
}
@media (max-width: 530px) {
	section.hotpoint .logo-box {
	width:90%;
}
}
section.hotpoint .logo-text {
	padding:0.5em;
}
@media (max-width: 991px) {
	section.hotpoint .logo-text {
	padding:0.3em;
	font-size:0.9em;
	line-height:1.2em;
}
}
section.hotpoint .jo-logo {
	margin:0.5em auto;
}
@media (max-width:495px) {
	section.hotpoint .jo-logo {
	display: none;
}
}
section.hotpoint .categories {
	position: relative;
}
@media (max-width: 767px) {
	section.hotpoint .categories {
	margin-left:auto;
	margin-right:auto;
}
}
section.hotpoint h3 {
	position: absolute;
	top:25px;
	left:25px;
	color:#fff;
	font-size:2.2em;
	font-weight:800;
}
@media (max-width:767px) {
	section.hotpoint h3 {
	left:25vw;
}
}
.hotpoint .buttons .deal-button .deal-button-hover{display:none}
.hotpoint .buttons .deal-button .deal-button-default{display:none}
.hotpoint .buttons .deal-button .deal-button-hover{display:inline-block}

.hotpoint .deal-button-hover {
    display: none;
}
.hotpoint .white-row {
	background-color:#fff;
	padding-bottom:15px;
}
.hotpoint .header-promo {
	font-size:2em;
	margin:0.3em 0.75em;
}


    #promo-carousel-indicators-bottom {
        bottom:-10px;
        float:none;
        border-radius:0;
        margin-top:0;
        height:8px;
		padding-right:10px;
		max-width:573px;
		list-style-type: none;
    }
    
@media (max-width: 767px) {
	#promo-carousel-indicators {
	left:50%;
}
.hotpoint #miele-carousel-indicators li {
	width:25px;
	height:7px;
	margin:0;
	border-radius:0;
}

#promo-carousel-indicators-bottom li {
	width:25px;
	height:7px;
	margin:0;
	border-radius:0;
	border:1px solid #ccc;
        background:#ccc;
}

#promo-carousel-indicators-bottom li.active {
		background:#fff;
	}
.hotpoint .image-title {
    position:absolute;
    top:15px;
    left:15px;
    color:white;
    font-weight:700;
    font-size:2.5em;
    text-shadow: 2px 2px 5px #000000;
    line-height:20px;
}
}
@media (max-width: 991px) {
	.hotpoint .image-title {
   		line-height:30px;
	}
}
.hotpoint .image-button {
    position:absolute;
    bottom:15px;
    left:15px;
    font-weight:700;
    font-size:1.6em;
    background:#008c93;
    padding:10px 5px;
    width:160px;
	text-align:center;
	border-radius:6px;
	line-height:20px;
}
.hotpoint .image-button a {
	color:#fff;
}
.hotpoint .image-button:hover {
	background-color:turquoise;
	color:#000;
}
@media (max-width:380px) {
.hotpoint .background-box {
	background-color:#000;
	height:150px;
}
}