@media screen and (max-width: 767px) {
	.hidden-sm {
		display: none;
	}

	.comparator .blockresult {
		height: auto !important;
	}
}

@media screen and (min-width: 768px) {

	.comparator .row.result {
		height: fit-content !important;
	}
}

body {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
}

h1 {
	font-size: 1.5rem;
}

h2 {
	font-size: 1.2rem;
}

h3 {
	font-size: 1rem;
}

ul {
	font-size: 1rem;
}

p {
	font-size: 0.938rem;
}

/**
Only for SEO Paragraphs and COMPA SEO small titles
 */
.d-none.d-md-block > * {
	font-size: 1rem;
}

.d-none.d-md-block p {
	/* font-size: 0.81rem; */
}

div.result.result-screen h3.text-muted {
	font-size: 0.81rem;
}
/**
End SEO blocks
*/

#comparatorDiv {
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
}

.result-mobile {
	margin: 0px;
	-moz-box-shadow: 2px 2px 6px 1px #9b9b9b;
	-webkit-box-shadow: 2px 2px 6px 1px #9b9b9b;
	-o-box-shadow: 2px 2px 6px 1px #9b9b9b;
	box-shadow: 2px 2px 6px 1px #9b9b9b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=6);
	margin-bottom: 30px !important;
}

.result-mobile .block-container {
	padding-bottom: 15px;
	text-align: left;
}

.result-index {
	position: absolute;
	margin-top: -14px;
	width: 32px;
	height: 32px;
	padding: 3px;
	line-height: 24px;
	background-color: var(--astelpink);
	z-index: 9;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: white;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.comparator div.inline > * {
	display: inline-block;
}

.comparator div.row {
	text-align: left;
}

.comparator .result-mobile div.row {
	text-align: center;
}

/* Override default grid : we want 3 product on laptop screen */
@media (min-width: 1200px) and (max-width: 1280px) {
	.col-lg-4 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
/*@media (min-width: 1400px) {*/
/*	.col-xl-3 {*/
/*		-ms-flex: 0 0 25%;*/
/*		flex: 0 0 25%;*/
/*		max-width: 25%;*/
/*	}*/
/*}*/
#finalaskquote {
	margin-top: 10px;
	margin-bottom: 10px;
}

#reloadComparator {
	padding: 4px;
}

.comparator .bold .control-label {
	font-weight: bold;
}

.comparator .blockPrice {
	text-align: center;
	margin-bottom: 3px;
	color: #0066cc;

}

div.blockresult.empty p.text-black {
	font-size: 0.875rem;
}

.errorModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: auto;
	background: rgb(238, 238, 238);
	background: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 768px) {
	.errorModal .modal-dialog {
		padding-top: 150px;
	}
}

.ask-quote-wrapper label {
	line-height: 22px;
}

.btn.btn-load-quote-ask {
	max-width: 100%;
	white-space: normal;
	height: auto;
}

.comparator .fa-star, .comparator .fa-star-half-o, .comparator .fa-star-o {
	color: rgb(254, 185, 22);
}

.comparator .control-label {
	line-height: 26px;
	padding-top: 0;
	text-align: left;
}

.comparator span.required label::after, .comparator div.required label::after {
	/*content: " *";
	color: #b94a48;*/
}

.comparator .result-screen .ask-quote-wrapper {
	padding-top: 15px;
}

.comparator .result-mobile .block-container {
	padding-left: 10px;
	padding-right: 10px;
}
.comparator .result-mobile .block-container > .block-container{
	padding-right: 0px;
	padding-left: 0px;
}
.comparator .blockresult {
	border: 1px solid;
	height: 100%;
	padding: 10px;
	/*font-size: 12px;*/
	position: relative;
	text-align: left;
}

.comparator .blockresultExtra {
	border: 1px solid;
	min-height: 130px !important;
	padding: 10px;
	position: relative;
	text-align: left;
	margin-bottom: 5px;
}

.comparator .blockresultExtraMobile {
	border: 1px solid;
	min-height: 45px !important;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	text-align: left;
	margin-bottom: 5px;
}

.comparator .blockresultExtraMobile ul, .comparator .blockresultExtra ul {
	padding-top: 5px;
	margin-bottom: 0px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.comparator .blockresult {
		min-height: 250px !important;
	}
}

.comparator .blockresult.empty {
	min-height: 100% !important;
}

.comparator .blockresult.empty {
	border: 1px solid #d6d6d6;
}

.comparator .blockresult.price {
	background-color: rgb(237, 241, 245);
	border: none;
	font-weight: normal;
}

.comparator .blockresult .price .price_numbers,
.comparator .price-mobile .price .price_numbers {
	color: #1f438c;
	font-weight: bold;
}
.comparator .blockresult .discounted .price_numbers,
.comparator .price-mobile .discounted .price_numbers {
	color: #0066cc!important;
	font-weight: normal;
}
.comparator .blockresult .discounted-during,
.comparator .blockresultExtra .discounted-during,
.comparator .price-mobile .discounted-during,
.comparator .blockresult .price_numbers_discounted,
.comparator .blockresultExtra .price_numbers_discounted,
.comparator .price-mobile .price_numbers_discounted {
	color: #E5176B!important;
}

.comparator .blockresult .price .vat,
.comparator .blockresult .price .discounted {
	font-weight: normal;
}

.comparator .blockresult.price > div {
	height: 100%;
}

.comparator .blockresult .product-img-small {
	float: right;
	max-width: 100px;
}

.comparator #loadQuoteAsk {
	margin-right: -10px;
	margin-left: 10px;
}

.comparator a:hover, .comparator a:focus {
	text-decoration: none;
}

.comparator .titleproduct {
	font-weight: bold;
	/*font-size: 1.4em;*/
	text-align: left;
	margin: 0;
	margin-bottom: 10px;
	padding: 0 10px;
}

.comparator .blockresult-mobile .titleproduct img {
	max-width: 60px;
}

.comparator .titleproduct-logo-brand {
	max-width: 100px;
	padding: 0 10px;
}

.comparator .quote-block p {
	margin-bottom: 3px;
}

.comparator .quote-block .play-title {
	font-weight: bold;
	margin-bottom: 8px;
}

.comparator .emptyPlayBlock {
	text-align: center;
	border-radius: 5px;
}

.comparator .result-mobile .emptyPlayBlock {
	padding: 0px;
}

.comparator .order-type-wrapper {
	position: relative;
}

.comparator .order-type input {
	margin-left: 15px;
	margin-right: 5px;
}

.comparator .parameter-block-title {
	margin-top: 15px;
}

.comparator .result-screen .playblock {
	border-right: 1px solid #cccccc;
	height: auto;
	float: none;
	clear: both;
}

.comparator .playblock:last-child {
	border: none;
}

.comparator ul {
	padding-left: 30px;
}

.comparator .row.result-screen {

	-moz-box-shadow: 2px 2px 6px 1px #9b9b9b;
	-webkit-box-shadow: 2px 2px 6px 1px #9b9b9b;
	-o-box-shadow: 2px 2px 6px 1px #9b9b9b;
	box-shadow: 2px 2px 6px 1px #9b9b9b;
	margin: 0;
	margin-bottom: 20px;
}

.comparator .result-screen .block-container::before, .comparator .result-screen .block-container::after {
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
	.comparator .result-screen .block-container::before {
		content: '+';
	}

	.comparator .result-screen .block-container:first-child::before /*, .comparator .block-container.empty::before*/
	{
		content: '';
	}

	.comparator .result-screen .block-container.price::before {
		content: '=';
	}
}

.comparator .result-mobile .block-container + .block-container::before ,
.comparator .blockresult-mobile::before {
	content: '+';
	position: absolute;
	top: -22px;
	left: 48.5%;
	font-weight: bold;
}
.comparator .blockresult-mobile + .blockresult-mobile{
	margin-top : 15px;
}
.comparator .blockresult-mobile:first-child::before {
	content: '';
}

.comparator .display-equal::before {
	content: '=';
	position: absolute;
	top: -18px;
	left: 48.5%;
	font-weight: bold;
}

.comparator .in-error {
	border: 1px solid #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.comparator .playblock ul {
	padding-left: 0px;
}

.comparator .result-wrapper {
	border: 1px solid #8fa3bd;
	padding-bottom: 5px;
	background-color: rgb(237, 241, 245);
}

.comparator .parameter-block {
	padding-top: 5px;
	padding-right: 0 !important;
}

.comparator .parameters .parameter-block .form-group > label, .comparator .parameters .parameter-block .form-group > div {
	display: inline-block;
	font-weight: normal;
	line-height: 22px;
	text-align: left;
}

.comparator .parameters .parameter-block .parameter-block-title label {
	font-weight: bold;
}

/**
if custom radio css in not loaded, default design **/
.comparator .parameters .parameter-block .radio {
	/* put padding to 0 if custom radio css is loaded */
	padding-left: 1.25rem;
}

.comparator .parameters .parameter-block .radio input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem;
}

/** end default **/

.comparator .parameters .parameter-block .parameter-block-title i {
	margin-left: 10px;
}

.comparator .pointer {
	cursor: pointer;
}

.comparator .parameter-block div.checkbox {
	/*float: left;*/
}

.comparator .parameters .form-group div[class*="col-"] {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.comparator .row-postal-code-order-by #postal_code {
	border-radius: 0;
}

.comparator .checkbox input[type=checkbox] {
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

.comparator .row-postal-code-order-by {
	margin-top: 20px;
}

.comparator .row-postal-code-order-by .form-control {
	line-height: 1.5;
	padding: .5rem 1rem;
	height: 35px;
}

.comparator .row-compare {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.comparator .results-counter {
	/* padding-left: 5px; */
}

.comparator .results-header, .comparator .result-lines {
	display: table;
	width: 100%;
}


.comparator .results-header .headings {
	text-align: left;
	padding: 6px 24px;
}

.comparator .results-header .headings h3 {
	margin: 5px;
}

.comparator .results-lines .blockresult .playblock {
	display: table-cell;
	float: none;
}

.comparator .results-wrapper {
	margin-bottom: 20px;
}

.comparator .row-no-result {
	padding-top: 20px;
	padding-bottom: 40px;
}

.comparator .result-screen {
	margin-bottom: 15px;
}

.comparator .result-setup-price {
	color: black;
}

.comparator .text {
	font-weight: normal;
}

.invisible {
	display: none !important;
}

.visible {
	display: block !important;
}

.comparatorModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: auto;
	background: rgb(238, 238, 238);
	background: rgba(0, 0, 0, 0.5);
}

.comparator .play_icon {
	margin: 10px 0;
	margin-left: auto;
	margin-right: auto;
	width: 25px;
	height: 25px;
}

@media screen and (max-width: 575px) {
	.comparator .play_icon {
		width: 20px;
		height: 20px;
	}

	.comparator .play_mobile,
	.comparator .play_fix,
	.comparator .play_internet,
	.comparator .play_tv {
		background-size: 20px 20px;
	}
}

@media screen and (min-width: 768px) {
	.comparatorModal .modal-dialog {
		padding-top: 150px;
	}
}

.comparator ul {
	list-style-type: none;
}

.comparator p.result-setup-price {
	margin-bottom: 5px;
}

.comparator .comparator-cashback {
	color: #EB0000;
}

/*** MOBILE ***/
.comparator .price-mobile {
	text-align: center;
	padding-bottom: 15px;
}

.comparator .price-mobile .btn {
	height: 35px;
	margin-top: 5px;
}

.comparator .price-mobile .price.discounted {
	font-weight: normal !important;
}

.comparator .blockresult-mobile {
	min-height: auto !important;
	height: auto !important;
}

.comparator .blockresult-mobile .playblock {
	text-align: center;
}

.comparator .blockresult-mobile .playblock .play_icon {
	margin-top: 0px;
}

.comparator .blockresult-mobile .playblock .playType {
	font-weight: bold;
}

.comparator .blockresult-mobile .more-details {
	cursor: pointer;
}

.comparator .blockresult-mobile .playblock .more-details-icon {
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.comparator .blockresult-mobile .blockPrice {
	text-align: right;
	margin-right: 10px;
}

.comparator .result-mobile ul {
	padding-left: 0px;
}

.sub-details {
	cursor: pointer;
}

.sub-details-infos {
	padding-top: .25rem!important;
	color: rgba(0, 0, 0, 0.6);
	font-size: 0.85rem;
}

.comparator img.promo_banner,
.comparator div.promo_banner {
	float: left;
	margin: 0 10px 10px 0;
	width: auto !important;
	max-height: 75px;
	max-width: 150px;
	min-width: 120px;
}

.comparator img.promo_banner_responsive {
	margin: 5px;
	width: auto !important;
	max-height: 110px;
}

.comparator img.small_promo_banner {
	margin-top: 13px;
}

.comparator .playblock li.more-details {
	cursor: pointer;
	margin-top: 5px;
}

.comparator .form-control:focus {
	/*border: 3px solid #b94a48 !important;*/
	/*-webkit-box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);*/
	/*-moz-box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);*/
	/*box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);*/
	box-shadow: unset !important;
	border-color: #0066CC;
	/*border: none !important;*/
}

.order-type-wrapper .tooltip-help:hover:after,
.order-type-wrapper .tooltip-help:focus:after {
content: attr(aria-label);
}

.price .tooltip-help:hover:after,
.price .tooltip-help:focus:after {
content: attr(aria-label);
right: 0px;
}

@media screen and (max-width: 767px) {
.price .tooltip-help:hover:after,
.price .tooltip-help:focus:after {
	content: attr(aria-label);
	top: 55px !important;
	right: 0px;
}

}

@media screen and (max-width: 575px) {
	.comparator .price-mobile p {
		margin-bottom: 0.5em;
	}
	
	.price .tooltip-help:hover:after,
	.price .tooltip-help:focus:after {
		content: attr(aria-label);
		top: 45px !important;
		right: 0px;
	}
}

.comparator .inputMobile label input {
width: 25px;
}

.comparator .parameter-block-title label {
display: inherit;
}

/** Hidden element, to be activated in local css where plugin is included **/
.comparator .plugin-hidden-optional-element {
	display: none;
}

.comparator .total_compare {
	color: #2b256f;
	font-weight: bold;
}

.list-label {
	color:rgba(0,0,0,0.8);
}
.list-value {
	color:rgba(0,0,0,0.9);
	padding: 1px 3px;
	display: inline-block;
	font-weight: bold;
}

/*Toggle more details in results */
.toggle-details {
	display:block
}
.toggle-details:not(.active) {
	display: none;
}
input.switch-toggle-details[type="checkbox"] {
	background: #1f438c;
}
input.switch-toggle-details[type="checkbox"]:checked {
	background: #E5176B;
}

.focus_input {
	border: 3px solid #b94a48 !important;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);
	-moz-box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);
	box-shadow: 0px 0px 4px 1px rgba(217, 83, 79, 1);
}

.cashback-circle{
	cursor: pointer;
}

/* #parameter_block_mobile input[type=text] {
	padding : 0 !important;
	margin-left : 3px;
	margin-right : 3px;
	margin-top: -4px;
	background-color: transparent;
	height: initial;
} */

#internet_is_student:checked {
  background: #3a823a;
}

.green-checkbox[type="checkbox"]:checked {
  background: green;
}

	/** Choix particulier / pro **/
	.switches-container {
		display: flex;
		align-items: center;
		height: 3rem;
		width: 100%;
		max-width: 30rem;
		position: relative;
		display: flex;
		padding: 0;
		position: relative;
		background: #F5FAFF;
		/* background-color: #fff; */
		border: 1px solid #6CC1F0;
		border-radius: 3rem;
	}
	
	.switches-container input {
		visibility: hidden;
		position: absolute;
		top: 0;
	}
	
	.switches-container label, .switches-container a {
		width: 50%;
		padding: 0 !important;
		margin: 0;
		text-align: center;
		cursor: pointer;
		color: #1F438C;
		font-weight: 500;
		
	}
	
	.switches-container label:before,
	.switches-container label:after {
		display: none;
	}
	
	.switch-wrapper {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 50%;
		padding: 0.15rem;
		z-index: 3;
		transition: transform .5s cubic-bezier(.77, 0, .175, 1);
		pointer-events: none;
	}
	
	.switch {
		border-radius: 3rem;
		background: #1F438C;
		height: 100%;
		box-shadow: 0px 5px 10px 5px hsla(0, 0%, 0%, 0.25);
		pointer-events: none;
	}
	
	.switch div {
		display: block;
		line-height: 2.5rem;
		width: 100%;
		text-align: center;
		font-size: 1.125rem;
		font-weight: 500;
		text-transform: capitalize;
		opacity: 0;
		color: #F5FAFF;
		transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
		will-change: opacity;
		position: absolute;
	}
	
	.switches-container input:nth-of-type(1):checked~.switch-wrapper {
		transform: translateX(0%);
	}
	
	.switches-container input:nth-of-type(2):checked~.switch-wrapper {
		transform: translateX(100%);
	}
	
	.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
		opacity: 1;
	}
	
	.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
		opacity: 1;
	}