/* update */
.triggered {display: none;}
.was-validated .form-select:invalid + .select-selected {border-color: #c90404;}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {color: #c90404;}
input.keep-black:invalid~.form-check-label {color: #213038 !important;}
.invalid-email-message {position: absolute; z-index: 9; top: 50px; left: 0;}
.z-offset {padding-top: 5px;}
.custom-select-invalid-error-message {position: absolute; z-index: 99; top: 50px; left: 0; width: 200%;}
.was-validated .form-select:invalid ~ .select-selected {border-color: #c90404;}


.was-validated .form-control:invalid + label {color: #c90404;}
.pt-col-cta {padding-top: 25px;}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(3rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25;
}

.form-control.input-as-text {
	font-weight: 700;
    font-family: CurrysSans, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #213038;
    display: inline;
    width: auto;
    padding: initial;
    margin: initial;
    border-radius: initial;
    background-color: transparent;
    border: none;
	height: initial !important;
    min-height: auto !important;
}

.txt-smaller, .txt-smaller p {font-size: 12px; line-height: 18px;}

.form-floating>label {padding: 0.75rem; color: #56707a !important;}
.form-control:hover + label {color: #213038 !important;}
input[type=email]::placeholder {color: #56707a !important;}
input[type=email]:empty + span.cta-overlay {display: none;}
input[type=email]:not(:placeholder-shown) + span.cta-overlay {display: flex; align-items: center!important; background-color: #FFF;}

.ul-small {font-size: 12px; line-height: 1.5; padding-top: 8px; padding-left: 16px;}
.btn-as-text {display: inline; padding: initial; margin: initial; background-color: transparent; border: none; color: #4c12a1; font-weight: 700; text-decoration: underline;}

.was-validated .form-control.input-as-text:invalid {border: solid 1px #c90404; background-color: #FFF; border-radius: 3px;}

.form-control.is-valid, .was-validated .form-control:valid {border-color: #d4d5d7; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23213038' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {border-color: #d4d5d7; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {color: #213038;}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {background-color: #4c12a1;}
.form-check-input.is-valid, .was-validated .form-check-input:valid {border-color: #4c12a1;}


.input-with-cta {position: relative; display: flex; align-items: center!important}
.input-with-cta .form-control {box-sizing: border-box;}
.input-with-cta .cta-overlay {
    position: absolute;
    right: 0.3rem;
    top: 3px;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
	cursor: pointer;
	align-self: center!important;
}

.text-uppercase {text-transform: uppercase;}
.text-grey-4 {color: #56707a;}
.highlighted {background-color: #faf5ff; padding: 20px 25px; border-radius: 8px; margin-bottom: 44px; margin-top: 20px;}
strong {font-weight: 700;}

.custom-py {padding: 10px 0px 35px 0px;}
.custom-pt {padding-top: 16px;}
.custom-pb {padding-bottom: 16px;}
.magenta-text {color: #e5006d;}
.purple-text {color: #4c12a1;}
.link-plain {text-decoration: none;}

.form-check {padding-left: 3.875em;}
.form-check-input {border-color: #56707a; width: 25px; height: 25px; margin-top: 0px;}
.form-check .form-check-input {float: left; margin-left: -2.875em;}
.form-check-input:focus, .form-check-input:hover {border-color: #56707a; background-color: #faf5ff; box-shadow: none;}
.form-check-input:checked {background-color: #4c12a1; border-color: #4c12a1;}
.form-check-label {margin-top: 0rem;}
.form-select.dom {max-width: 130px;}
.form-check-input[type=radio] + .form-check-label {margin-top: 2px !important;}

.prevent-mark {background-image: none !important;}

.ps-075 {padding-left: 0.75rem;}
.px-075 {padding-left: 0.75rem; padding-right: 0.75rem;}

.custom-search {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' fill-opacity='.01' d='M0 0h24v24H0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m14.394 14.85 4.303 4.648a.5.5 0 0 0 .734-.679l-4.342-4.69a6 6 0 1 0-.695.721zm-3.958.491a5 5 0 1 1 0-10 5 5 0 0 1 0 10z' fill='%2356707A'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
  background-position: 16px center !important;
  padding-left: 45px !important;
  background-size: auto !important;
}
.custom-search+label {left: 32px;}

.was-validated .custom-search.form-control:invalid {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' fill-opacity='.01' d='M0 0h24v24H0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m14.394 14.85 4.303 4.648a.5.5 0 0 0 .734-.679l-4.342-4.69a6 6 0 1 0-.695.721zm-3.958.491a5 5 0 1 1 0-10 5 5 0 0 1 0 10z' fill='%23c90404'/%3E%3C/svg%3E%0A") !important;}


.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb),.0);}

/* OVERRIDE OS UI */

.custom-select {
  position: relative;
  padding: unset !important;
  border: none !important;
}
.custom-select select {display: none;}

.select-selected {background-color: #FFF;}

.select-selected.select-arrow-active {border-color: #4c12a1; border-width: 3px; outline: 0;}


.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: none;
    border-color: transparent;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' fill-opacity='.01' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.649 8.396a.5.5 0 0 1 .76.644l-.058.069-6.298 6.207a1.5 1.5 0 0 1-1.992.1l-.114-.1L4.65 9.109a.5.5 0 0 1 .632-.77l.07.057 6.298 6.207a.5.5 0 0 0 .624.063l.078-.063 6.298-6.207z' fill='%2356707A'/%3E%3Cmask id='01vvc316qa' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='4' y='8' width='16' height='8'%3E%3Cpath d='M18.649 8.396a.5.5 0 0 1 .76.644l-.058.069-6.298 6.207a1.5 1.5 0 0 1-1.992.1l-.114-.1L4.65 9.109a.5.5 0 0 1 .632-.77l.07.057 6.298 6.207a.5.5 0 0 0 .624.063l.078-.063 6.298-6.207z' fill='%23fff'/%3E%3C/mask%3E%3C/svg%3E%0A");
}


.select-selected.select-arrow-active:after {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;fill-opacity:1.000000e-02;%7D .st1%7Bfill:%2356707A;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h24v24H0V0z'/%3E%3Cpath class='st1' d='M18.6,15.6l-6.3-6.2l-0.1-0.1c-0.2-0.1-0.5-0.1-0.6,0.1l-6.3,6.2l-0.1,0.1c-0.2,0.1-0.5,0.1-0.6-0.1 c-0.2-0.2-0.2-0.5,0-0.7l6.3-6.2l0.1-0.1c0.6-0.5,1.4-0.4,2,0.1l6.3,6.2l0.1,0.1c0.1,0.2,0.1,0.5-0.1,0.6 C19.2,15.8,18.8,15.8,18.6,15.6L18.6,15.6z'/%3E%3C/svg%3E%0A");
}


.select-selected {
    color: #213038;
    padding: 12px 20px;
	height: 48px;
    border: 1px solid transparent;
    border-color: #cdd8df;
    border-radius: 8px;	
    cursor: pointer;
    user-select: none;
}

.select-items div {
    color: #213038;
    padding: 8px;
    margin: 8px;
    border: none;
    border-color: transparent;
    border-radius: 8px;	
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    background-color: #FFF;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 0 6px 0 rgba(33, 48, 56, 0.2);	
    border-radius: 8px;
    margin-top: 4px;
}

.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: #faf5ff;}







/* update 02 2022 */
.three-instalments-option {display: none; font-size: 14px; line-height: 24px;}
.custom-radio .three-instalments:checked~.three-instalments-option {display: block;}
.ten-instalments-option {display: none; font-size: 14px; line-height: 24px;}
.custom-radio .ten-instalments:checked~.ten-instalments-option {display: block;}
.custom-drop-number {max-width: 80px;}
.warning-message {color: #c90404;}



/* 01 2022 */
.order-summary {border: dotted 3px #3c2683; border-radius: 1rem; padding: 1rem; font-weight: bold; font-size: 1.125rem; margin-top: 0.5rem;}
.alert-currys {color: #213038;  background-color: #FFF;  border-color: #ced4da; font-size: 14px; line-height: 18px; padding: 12px 20px; border-radius: 8px;}


/* 09 2021 */
.inner-header {padding: 20px 20px 0px 20px;}
@media (max-width: 767px) {
	.currys-reset-mobile {width: 74px; height: auto;}
}

/* update 18 05 2021 */
.img-desktop {display: block;}
.img-mobile {display: none;}

@media (max-width: 991px) {
	.img-desktop {display: none;}
	.img-mobile {display: block;}
}


/* update 26 04 2021 begin */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #4c12a1; color: #FFF;}

/* update 26 04 2021 end */


.mobile-line-break {display: none;}

/* Additional Updates and Functionalities */
.db-invalid {border-color: #c90404 !important;}
.btn-collapse {
    border-radius: 0px;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
    text-align: left;
}

.fas {vertical-align: middle; padding-left: 0.25rem;}
svg.fa-plus-circle, svg.fa-minus-circle {display: none; width: 1rem; height: 1rem;}
.fa-plus svg.fa-plus-circle {display: inline-block;}
.fa-minus svg.fa-minus-circle {display: inline-block;}



/* Typography */
@font-face {
  font-family: 'CurrysSans';
  src: url('../fonts/CurrysSans-Regular.woff') format('woff');
			font-weight: normal;
			font-style: normal;
}


@font-face {
  font-family: 'CurrysSans';
  src: url('../fonts/CurrysSans-Headline.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

body {font-family: CurrysSans, sans-serif; font-size: 14px; line-height: 21px; color: #213038; font-weight: normal; background-color: #FFF;}
h1, h2, h3, h4 {font-weight: 700; color: #213038;}
h1 {font-size: 20px; line-height: 24px; margin-bottom: 40px;}
h2 {font-size: 24px; line-height: 30px;}
h3 {font-size: 16px; line-height: 20px;}
h4 {font-size: 14px; line-height: 18px;}
a {color: #213038; font-weight: normal;text-decoration: underline;}
.muted {color: #ABB3B9;}

/* Style */
.care-repair {background-color: #FFCDDF;}
.btn {border-radius: 26px; padding: 11px 20px; text-align: center; width: 100%; max-width: 300px; font-size: 16px; font-weight: normal;}
.btn-primary {color: #fff; background-color: #4c12a1; border-color: #4c12a1;}
.btn-primary:hover {color: #fff; background-color: #5c21b2; border-color: #5c21b2;}
.btn-primary.focus, .btn-primary:focus {box-shadow: none;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4c12a1;
    border-color: #4c12a1;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-primary {
    color: #4c12a1;
    background-color: #FFFFFF;
    background-image: none;
    border-color: #4c12a1;
}
.btn-outline-primary:hover {
    color: #4c12a1;
    background-color: #FAF5FF;
    border-color: #4c12a1;
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: none;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #4c12a1;
    background-color: #FAF5FF;
    border-color: #4c12a1;
}

.wrapper {display: block; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 40px; width: 100%; max-width: 686px;}
.container {}
.inner {padding: 16px 20px 40px 20px; transition: 0.3s}
.focus-hover:hover {box-shadow: 0 2px 40px 0 rgb(0 0 0 / 20%);}
.invalid-feedback {font-size: 14px; line-height: 18px;}
.form-control {font-size: 14px; line-height: 18px; padding: 14px 20px; border-radius: 6px; border-color: #cdd8df; height: 48px !important;  min-height: 48px !important;}
.form-control:focus {
    color: #213038;
    background-color: #fff;
    border-color: #4c12a1;
	border-width: 2px;
    outline: 0;
    box-shadow: none;
}
.form-row {padding-bottom: 20px;}
.form-row:last-child {padding-bottom: 0px;}
.form-floating>.form-control:not(:placeholder-shown) {padding-bottom: 0.65rem;}

.price {text-align: center;}
.price h2 {margin-top: 2px; margin-bottom: 2px;}
.price-border-bottom {border-bottom: 2px solid #dee2e6!important;}
.price-border-top {border-top: 2px solid #dee2e6!important;}

.invalid-feedback, .error-message {color: #c90404; font-size: 12px; line-height: normal;}
.warning-message {color: #c90404; font-size: 14px; line-height: normal;}
.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {color: #c90404;}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {border-color: #c90404; background-image: none;}

.custom-control-label {line-height: 24px; margin-bottom: 3px;}
.custom-control-label::before {border: solid 1px #4c12a1; background-color: #FFF;}
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #FFFFFF; transform: scale(1.1);}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    background-color: #4c12a1;
    border-radius: 50%;
    transform: scale(0.5);
}
.custom-control-input:focus~.custom-control-label::before {box-shadow: none;}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {border: solid 1px #c90404;}

.agreement-autorenew {display: none; font-size: 12px; line-height: 13px;}
.custom-radio .auto-renew-yes:checked~.agreement-autorenew {display: block;}


label.floated-label {
	position:relative;
	display: block;
	margin-top: 10px;
}
span.floated-placeholder {
	font-size: 14px; 
	line-height: 18px; 
	padding: 12px 20px;
	pointer-events: none;
	position:absolute;
	left:0;
	top:0;
	transition: 0.2s;
	transition-timing-function: ease;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	opacity: 1;
}


input:focus + span.floated-placeholder, input:not(:placeholder-shown) + span.floated-placeholder {
	opacity:1;
	transform: scale(0.75) translateY(-100%) translateX(-30px);
	left: 28px;
	top: 6px;
	padding: 3px;
	background-color: #FFFFFF;
}

/* For IE Browsers*/
input:focus + span.floated-placeholder, input:not(:-ms-input-placeholder) + span.floated-placeholder {
	opacity:1;
	transform: scale(0.75) translateY(-100%) translateX(-30px);
	left: 28px;
	top: 6px;
	padding: 3px;
	background-color: #FFFFFF;
}


.brands {padding: 20px 20px 0 20px; background-color: transparent;}
.legal {padding: 0px 20px 0 20px;}
.legal p:last-child {margin-bottom: 0;}



.system-hint {
    position: relative;
    display: inline-block;
	cursor: pointer;
    border-bottom: none;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #56707a;
    background-color: transparent;
    font-size: 14px;
	margin-left: 0.5rem;
    font-weight: bold;
    line-height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='18px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2356707A;%7D .st1%7Bfill:%2356707A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M17.5,9c0-4.7-3.8-8.5-8.5-8.5S0.5,4.3,0.5,9s3.8,8.5,8.5,8.5S17.5,13.7,17.5,9z M1.5,9c0-4.1,3.4-7.5,7.5-7.5 s7.5,3.4,7.5,7.5s-3.4,7.5-7.5,7.5S1.5,13.1,1.5,9z'/%3E%3Ccircle class='st1' cx='9' cy='4.8' r='1.3'/%3E%3Cpath class='st1' d='M8.7,7.3h0.6c0.5,0,0.8,0.4,0.8,0.8v5.2c0,0.5-0.4,0.8-0.8,0.8H8.7c-0.5,0-0.8-0.4-0.8-0.8V8.2 C7.9,7.7,8.2,7.3,8.7,7.3z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
}

.system-hint .system-hint-text {
	visibility: hidden;
	width: 260px;
	background-color: #fff;
	color: #213038;
	font-family: CurrysSans, sans-serif; 
	font-size: 14px; 
	line-height: 20px;
	font-weight: normal;
	text-align: left;
	border-radius: 8px;
	padding: 20px;
	position: absolute;
	z-index: 1;
	top: -135px;
	right: -18px;
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}

.system-hint-text::after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 22px;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent;
}

.system-hint.aptoggle .system-hint-text {
	visibility: visible;
	opacity: 1;
}

ul.benefits {
	margin-right: 0px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
ul.benefits li {
	background-image: url(../images/yes.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 0 0 0 1.75rem;
	margin-bottom: 10px;
}
ul.benefits li.excluded {background-image: url(../images/no.png);}



@media (max-width: 767px) {
	.mm-center {text-align: center !important;}
	.wrapper { margin: 25px auto;}
	.inner-header, .legal {padding: 0px;}
	.inner {padding: 20px 0px 35px 0px;}
	.btn {max-width: 100%;}
	body .mm-to-left {text-align: left !important;}
	
	
	h1 {margin-bottom: 34px;}
	.highlighted {margin-bottom: 34px; padding: 20px 12px;}
	
	.focus-hover:hover {box-shadow: none;}
	ul.benefits {padding-left: 20px;}
	.hidden-on-mobiles {display: none !important;}
	
	.mobile-line-break {height: 0.5rem; display: block;}
	.mobile-line-break::before {content: "\A"; white-space: pre;}
	.system-hint .system-hint-text {right: -18px; left: auto; top: -135px;}
	.system-hint-text::after {left: auto !important; right: 22px !important;}
	.system-hint-text::after {right: inherit; left: 7px;}
}