/* DIVERS *********************************/
.py-50 {padding-top: 50px; padding-bottom: 50px;}
.py-90 {padding-top: 90px; padding-bottom: 90px;}
.py-120 {padding-top: 120px; padding-bottom: 120px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}

/*#formExtension .form-group select {width: 100%; background-color: transparent!important; padding-right: 0; }*/
.form-group select {width: 100%; background-color: transparent!important; padding-right: 0; /*overflow: hidden!important;*/}


/* HEADER ************************************/
.nf__topnav__separator {border-right: none!important; margin:0!important;}




/* EN-TETE PAGE CMS */
.hero__product__gradient .hero__product__inner {padding-top: 45px;}
.hero__product__gradient.sans-image .hero__product__inner {height: 220px; padding-top: 20px;}
.hero__product__gradient .hero__product__inner {height: 320px;}
@media (max-width: 767px) {
	.hero__product__desktop {display: block;}	
	.hero__product__gradient .hero__product__inner {padding-top: 45px;}
	.hero__product__gradient.sans-image .hero__product__inner {height: 220px; padding-top: 20px;}
}
@media (min-width: 1360px) {
	.hero__product__gradient .hero__product__inner {height: 420px;}
}

/* FORMULAIRES ****************************************/

.xazak_form .form-group input[type=password]~label {
    position: absolute;
    left: 20px;
    top: 18px;
    font-weight: normal;
    margin-bottom: auto;
    -moz-transition: .2s ease;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.xazak_form .form-group input[type=password].valid~label {
    top: 10px !important;
    left: 20px !important;
    text-transform: uppercase;
    color: #8B95A3 !important;
    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: 0.75px !important;
    line-height: 12px !important;
    text-transform: uppercase;
}
.xazak_form .form-group .champ-file-visible {opacity:1!important; position: relative!important; width: 100%!important; height: 58px!important; padding-top: 14px;  z-index:1!important;}
.xazak_form .form-group label.label-visible {opacity:1!important;}



/* CMS ********************************/
.grid__section-heading__content .texteVideo {line-height: 1.45;}
.texteVideo figure {margin-bottom: 0;}
.texteVideo figure img {max-width: 100%; height: auto;}
iframe.youtubeIntegration {width: 100%; height: 280px; margin-bottom: 20px;}
@media only screen and (min-width: 576px) {
	iframe.youtubeIntegration {height: 320px;}
}
@media only screen and (min-width: 768px) {
	iframe.youtubeIntegration {height: 390px;}
}	
@media only screen and (min-width: 992px) {
	iframe.youtubeIntegration {height: 450px;}
}




/* VERIF BON D'ACHAT *************************************/
#form-bon-achat {margin: 0 auto; max-width: 550px;}
#form-bon-achat input[type="submit"] {width: 100%; font-size: 20px;}
#form-bon-achat .no-results-cadeaux {text-align: center; font-family: "Roboto"; font-size: 17px; line-height: 25px; color: #d32020;}




/* DEMANDE AVANTAGE *************************************/
#form-avantage {margin: 0 auto; max-width: 550px;}
#form-avantage input[type="submit"] {width: 100%; font-size: 20px;}
#form-avantage .no-results-cadeaux {text-align: center; font-family: "Roboto"; font-size: 17px; line-height: 25px; color: #d32020;}
.resultats-cadeaux {margin: 0 auto; max-width: 950px;}

.resultats-cadeaux .item {border: solid 1px #BABABA; background: #fff;  border-radius: 7px; margin-bottom: 20px; border-top-left-radius: 0px; }
.resultats-cadeaux .item h3 {font-size: 1.4rem;}
.resultats-cadeaux .item.deja {opacity: 0.6;}
.resultats-cadeaux .item .c1 {padding: 20px; padding-top: 10px;}
.resultats-cadeaux .ou {text-align: center; font-weight: bold; padding-bottom: 20px; font-size: 35px; text-transform: uppercase;}
.resultats-cadeaux .ou.sav {margin-top: 60px; font-size: 28px;}
.resultats-cadeaux .item .choix {width: 125px; background:#38afd9; color:#ffffff; padding: 4px; border-bottom-right-radius: 7px; text-align: center; margin-bottom: 12px;}
.resultats-cadeaux .item .deux {font-weight: 700;}
.resultats-cadeaux .item .lien-formulaire {padding-top :0; text-decoration: none;}
.resultats-cadeaux .item .lien-formulaire:hover {text-decoration: none; color: #fff!important;}

.bt-retour-formulaire-offres-cadeaux {text-align: center; margin: 0 auto; margin-top: 4rem;}
.bt-retour-formulaire-offres-cadeaux a {text-decoration: none!important; font-size: 1.3rem; font-weight: 500;}

@media only screen and (max-width: 991px) {
	.resultats-cadeaux .titre-produit {background: none!important;}
}
@media only screen and (min-width: 992px) {
	.resultats-cadeaux .grid__section-heading__headline {font-size: 50px; line-height: 60px;}
}




/* FORMULAIRE DEMANDE CADEAU *************************************/
body.page-formulaire-cadeau #infosProduit .cadre {font-size: 0.9rem; line-height: 1.2; background: #ededed; padding: 1rem; /*border: solid 1px #ababab;*/}
body.page-formulaire-cadeau #infosProduit p {margin:0; padding: 0;}
body.page-formulaire-cadeau .form-submit-button {width: auto!important; border: solid 1px #38afd9;}
body.page-formulaire-cadeau .form-submit-button.button-retour {width: auto!important; float: left!important; background : #fff!important; border: solid 1px #38afd9; color: #38afd9!important;}


/* FORMULAIRE DEMANDE BON *************************************/
body.page-formulaire-bon #infosProduit .cadre {font-size: 0.9rem; line-height: 1.2; background: #ededed; padding: 1rem; /*border: solid 1px #ababab;*/}
body.page-formulaire-bon #infosProduit p {margin:0; padding: 0;}
body.page-formulaire-bon .form-submit-button {width: auto!important; border: solid 1px #38afd9;}
body.page-formulaire-bon .form-submit-button.button-retour {width: auto!important; float: left!important; background : #fff!important; border: solid 1px #38afd9; color: #38afd9!important;}


/* FORMULAIRE DEMANDE EDG / SAV */
#formExtension {margin: 0 auto; max-width: 950px;}
#formExtension .num_serie {display: inline-block; width: 44px;}
#formExtension #numero_serie1.num_serie {width: 146px;}
#formExtension .infos2 {font-size: 14px; padding: 1rem; border: 1px solid #ced4da; background: #fff;}
#formExtension .form-submit-button {width: auto!important; border: solid 1px #38afd9;}
#formExtension .form-submit-button.button-retour {width: auto!important; float: left!important; background : #fff!important; border: solid 1px #38afd9; color: #38afd9!important;}
#formExtension .voir-pj {padding-top:0; }
#formExtension .retirer {display: inline-block; margin-left: 5px; font-size: 14px; text-decoration: underline!important;}
@media only screen and (min-width: 768px) {
	#formExtension .voir-pj {margin-top: 20px; display: inline-block;}
	#formExtension .retirer {margin-left: 5px; }
}


/* PROMOTIONS ********************************/
.page-promotions #form-promotions {padding-top: 7px; padding-bottom: 2rem;}
.page-promotions .forms__segment__category {padding-bottom: 0;}
.page-promotions .form_container .umbraco-forms-form #form-promotions .umbraco-forms-fieldset .form-submit-button {width: auto!important;}
.page-promotions .form_container .umbraco-forms-form #form-promotions .umbraco-forms-fieldset .form-submit-button {margin-top: 13px;}
.page-promotions .form_container .umbraco-forms-form  #form-promotions .umbraco-forms-fieldset .form-submit-button {float: none;}

.page-promotions .ma-pagination {text-align: center; font-size: 1.01rem; margin-top: 2rem;}
.page-promotions .ma-pagination a {display: inline-block; margin-left: 5px; padding: 4px 11px; border: solid 1px #ccc;  }
.page-promotions .ma-pagination a.active {background: #38afd9; color: #fff;}

.page-promotions .product_category {cursor: inherit!important;}
.page-promotions .category__title__small {text-transform: uppercase; font-size: 1.1rem; }
.page-promotions .hero__frontpage__large { font-size: 58px; line-height: 55px;}
.page-promotions .produit_nb_points {color: #38afd9!important;}
.page-promotions .row#category_container {margin-right: -15px!important; margin-left: -15px!important;}
.page-promotions .product_category_image {cursor: pointer!important;}
.page-promotions .product_category__title {cursor: pointer!important;}
.page-promotions .product-price del {font-size: 0.92rem; color: #333; font-weight: 400;}
.page-promotions .bt-commander {margin: 0 auto; display: block; width: 190px; text-align:center;}
.page-promotions .bt-commander-inactif {background-color: #ccc!important;}
.page-promotions .bt-commander-inactif:hover {color: #fff!important;}
.page-promotions .bt-commander .nf__topnav__pro-consumer-selector__link__text { font-size: 19px;}

@media (min-width: 590px) {
	.page-promotions .product_category  {border: solid 1px #ededed; margin-left: 15px!important; margin-right: 15px!important;}
}
@media (min-width: 992px) {
	.page-promotions #form-promotions {padding-bottom: 0;}
	.page-promotions .row#category_container  .col-lg-4 {
		flex: 0 0 calc(33.33333% - 2rem);
		max-width: calc(33.33333% - 2rem);
	}
}


/* FICHE PRODUIT *************************/
.page-fiche-produit .product__description-box {padding: 0!important;}
.page-fiche-produit .product__description-container {font-family: 'Roboto';}
.page-fiche-produit .prix-produit {font-family: 'Roboto Bold'; font-size: 2.4rem; color: #38afd9 !important}
.page-fiche-produit .caracteristiques {margin-top: 30px;}
.page-fiche-produit .caracteristiques .item label {font-family: 'Roboto Bold';}
.page-fiche-produit .description-produit {margin-top: 30px;}
.page-fiche-produit .description-produit p {margin-bottom: 0.4rem;}


/* IDENTIFICATION DISTRIBUTEUR ********************************/
body.page-distributeur-connexion #compteEnvoiPwd {display:none;}
body.page-distributeur-connexion #etape2 {display:none;}
body.page-distributeur-connexion .mentions1 {font-size: 0.8rem; line-height: 1.3; margin: 0 auto; max-width: 460px; margin-top: 2.5rem;}
body.page-distributeur-connexion .mini-lien a {font-size: 0.8rem; text-decoration: underline;}
/*body.page-distributeur-connexion .colonne2 {align-items: center; min-height: 350px;}
body.page-distributeur-connexion .colonne2 a:hover {color: var(--Dark)!important;}*/
body.page-distributeur-connexion .mini-form {margin: 0 auto; max-width: 350px;}
body.page-distributeur-connexion .grid__text-with-media__inner>div {padding-left: 20px; padding-right: 20px; padding-top: 50px; padding-bottom: 50px;}
body.page-distributeur-connexion .bouton-desktop {display: none;}
@media only screen and (min-width: 500px) {
	body.page-distributeur-connexion .bouton-desktop {display: inline-block;}
	body.page-distributeur-connexion .bouton-mobile {display: none;}
}
@media only screen and (min-width: 992px) {
	body.page-distributeur-connexion .grid__text-with-media__inner>div {min-height: 520px;padding-left: 40px; padding-right: 40px; padding-top: 30px; padding-bottom: 30px; }
	body.page-distributeur-connexion .grid__text-with-media__inner>div.colonne2 {padding-top: 130px;}
	body.page-distributeur-connexion .grid__text-with-media__inner>div.colonne2 .umbraco-forms-container {padding-top: 60px;}
	body.page-distributeur-connexion #compteEnvoiPwd {padding-top: 90px;}
	
}
@media only screen and (min-width: 992px) and (max-width: 1359px) {
	body.page-distributeur-connexion .grid__text-with-media__inner>div {min-height: 520px;}
	body.page-distributeur-connexion .grid__text-with-media__inner>div.colonne2 {padding-top: 140px;}
	body.page-distributeur-connexion .grid__text-with-media__inner>div.colonne2 .umbraco-forms-container {padding-top: 70px;}
	body.page-distributeur-connexion #compteEnvoiPwd {padding-top: 75px;}
	body.page-distributeur-connexion .grid__text-with-media__inner>div p {font-size: 1.1rem;}
}



/* INSCRIPTION DISTRIBUTEUR ********************************/
.form_container .umbraco-forms-form #form-inscription .umbraco-forms-navigation .form-submit-button {float: none;}





/* DISTRIBUTEUR COORDONNEES ********************************/
.form_container .umbraco-forms-form #form-pwd .umbraco-forms-navigation .form-submit-button {float: none;}


/* DISTRIBUTEUR DECLARER ********************************/
.page-distributeur-declarer .row-machine {margin-left: -15px!important; margin-right: -15px!important; }


/* DISTRIBUTEUR : MES VENTES ********************************/
body.page-distributeur-ventes .specifications-tab__first-row {
    border-bottom: 1px solid #e1e7ef;
    padding-bottom: 15px;
}
body.page-distributeur-ventes .specifications-tab__data-row {
    border-bottom: 1px solid #e1e7ef;
    padding-top: 15px;
    padding-bottom: 15px;
}
body.page-distributeur-ventes .specifications-tab__data-value {
	height: 16px;
	color: #677387;
	font-family: "Roboto Bold";
	font-size: 16px;
	letter-spacing: 0;
	line-height: 16px;
}
body.page-distributeur-ventes .statut-1 .specifications-tab__data-value {color: var(--green);}
body.page-distributeur-ventes .statut-2 .specifications-tab__data-value {color: var(--red);}
body.page-distributeur-ventes .specifications-tab__data-name {
    color: #30373d;
    font-family: "Roboto Bold";
    height: 16px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
}
body.page-distributeur-ventes .specifications-tab__wrapper {
    position: relative;
    padding-bottom: 70px;
}
body.page-distributeur-ventes .specifications-tab__data-name .date {color: #677387; font-family: "Roboto";}
@media (max-width: 767px) {
	body.page-distributeur-ventes .specifications-tab__content-container {
		width: 100%;
	}
	body.page-distributeur-ventes .specifications-tab__data-value {
		/*width: 50%;*/
		margin-top: 10px; 
		display: block; text-align: center;
	}
	body.page-distributeur-ventes .specifications-tab__data-name {
		/*width: 222px;*/text-align: center; margin-top: 10px; 
		display: block; height: auto;
	}
	body.page-distributeur-ventes .specifications-tab__data-invoice {
		/*width: 222px;*/text-align: center;
		display: block; height: auto;
	}

}
@media (min-width: 768px)  {
	body.page-distributeur-ventes .specifications-tab__wrapper {
		display: block;
		padding-bottom: 100px;
	}
	body.page-distributeur-ventes .specifications-tab__content-container {
		width: 100%;
	}
	body.page-distributeur-ventes .specifications-tab__data-invoice {
		width: 10%;
		text-align: left;
		display: inline-block;
	}
	body.page-distributeur-ventes .specifications-tab__data-name {
		width: 65%;
		text-align: left;
		display: inline-block;
	}
	body.page-distributeur-ventes .specifications-tab__data-value {
		width: 25%;
		text-align: right;
		display: inline-block;
	}
}


/* DISTRIBUTEUR BOUTIQUE ********************************/
.page-distributeur-boutique .product_category {cursor: inherit!important;}
.page-distributeur-boutique .category__title__small {text-transform: uppercase; font-size: 1.1rem; }
.page-distributeur-boutique .hero__frontpage__large { font-size: 58px; line-height: 55px;}
.page-distributeur-boutique .produit_nb_points {color: #38afd9!important;}
.page-distributeur-boutique .row#category_container {margin-right: -15px!important; margin-left: -15px!important;}
.page-distributeur-boutique .product_category_image {cursor: pointer!important;}
.page-distributeur-boutique .product_category__title {cursor: pointer!important;}
.page-distributeur-boutique .bt-commander {margin: 0 auto; display: block; width: 190px; text-align:center;}
.page-distributeur-boutique .bt-commander-inactif {background-color: #ccc!important;}
.page-distributeur-boutique .bt-commander-inactif:hover {color: #fff!important;}
.page-distributeur-boutique .bt-commander .nf__topnav__pro-consumer-selector__link__text { font-size: 19px;}

@media (min-width: 590px) {
	.page-distributeur-boutique .product_category  {border: solid 1px #ededed; margin-left: 15px!important; margin-right: 15px!important;}
}
@media (min-width: 992px) {
	.page-distributeur-boutique .row#category_container  .col-lg-4 {
		flex: 0 0 calc(33.33333% - 2rem);
		max-width: calc(33.33333% - 2rem);
	}
}

/* POPUP BOUTIQUE ********************************/
.popup-boutique {padding: 15px;}
.popup-boutique h3 {padding-bottom: 5px; margin-bottom: 0; color: #38afd9;}
.popup-boutique .ref {font-size: 0.8em;}
.popup-boutique .texte {font-size: 0.8em;}
.popup-boutique .row {margin-right: -15px!important; margin-left: -15px!important;}
.popup-boutique .bloc-points {background: #38afd9; border-radius: 12px; color: #fff; text-align: center; font-size: 1.5em; width: 180px; margin: 0 auto;}
.popup-boutique .bloc-points .unite {font-size: 0.6em; vertical-align: super}




/* DISTRIBUTEUR COMMANDE */
.page-distributeur-commande .panier {margin: 0 auto; max-width: 920px; margin-top: 2rem; font-size: 1rem;}
.page-distributeur-commande .panier .ligne {padding-bottom: 0.25rem; border-bottom: solid 1px #666; padding-top: 0.25rem; width: 100%; overflow: auto;}
.page-distributeur-commande .panier .ligne.head {background: #38afd9; color: #fff; font-weight: 700;}
.page-distributeur-commande .panier .ligne .colonne {float: left; padding: 4px;}
.page-distributeur-commande .panier .ligne .colonne .mobile {display: none;}
.page-distributeur-commande .panier .ligne .colonne-photo {width: 120px;}
.page-distributeur-commande .panier .ligne .colonne-designation {width: calc(100% - 420px);}
.page-distributeur-commande .panier .ligne .colonne-designation .titre {font-weight: 700;}
.page-distributeur-commande .panier .ligne .colonne-valeur {text-align: center; width: 100px;}
.page-distributeur-commande .panier .ligne .colonne-quantite {text-align: center; width: 100px;}
.page-distributeur-commande .panier .ligne .colonne-points {text-align: center; width: 100px;}
.page-distributeur-commande .panier .ligne.contenu .colonne-points {font-size: 1.2rem;}
.page-distributeur-commande .panier .ligne.head .colonne-points {font-size: 1.2rem;}
.page-distributeur-commande .xazak_form .form-group .checkbox label {font-size: 18px!important;}
.page-distributeur-commande .xazak_form #btnConfirmer {font-size: 18px!important; border: solid 1px #38afd9!important;}
.page-distributeur-commande .xazak_form #btnRetour {font-size: 18px!important; border: solid 1px #38afd9!important; background: #fff!important; color: #38afd9!important;}
.page-distributeur-commande .xazak_form #btnRetour:hover {border: solid 1px #38afd9!important; background: #38afd9!important; color: #fff!important;}
@media (max-width: 767px) {
	.page-distributeur-commande .panier .ligne .colonne-photo, .page-distributeur-commande .panier .ligne .colonne-valeur {display: none;}
	.page-distributeur-commande .panier .ligne .colonne-designation {width: calc(100% - 200px);}
}
@media (max-width: 450px) {
	.page-distributeur-commande .panier .ligne.entete {display: none;}
	.page-distributeur-commande .panier .ligne .colonne-designation {width: 100%; float: none; }
	.page-distributeur-commande .panier .ligne .colonne-designation .titre {color: #38afd9;}
	.page-distributeur-commande .panier .ligne .colonne-quantite, .page-distributeur-commande .panier .ligne .colonne-points {width: 50%;}
	.page-distributeur-commande .panier .ligne .colonne .mobile {display: inline;}
}



/* DISTRIBUTEUR : MES COMMANDES ********************************/
body.page-distributeur-commandes .specifications-tab__first-row {
    border-bottom: 1px solid #e1e7ef;
    padding-bottom: 15px;
}
body.page-distributeur-commandes .specifications-tab__data-row {
    border-bottom: 1px solid #e1e7ef;
    padding-top: 15px;
    padding-bottom: 15px;
}
body.page-distributeur-commandes .specifications-tab__data-value {
	height: 16px;
	color: #677387;
	font-family: "Roboto Bold";
	font-size: 16px;
	letter-spacing: 0;
	line-height: 16px;
}
body.page-distributeur-commandes .statut-2 .specifications-tab__data-value, body.page-distributeur-commandes .statut-3 .specifications-tab__data-value {color: var(--green);}
body.page-distributeur-commandes .statut-4 .specifications-tab__data-value {color: var(--red);}
body.page-distributeur-commandes .specifications-tab__data-name {
    color: #30373d;
    font-family: "Roboto Bold";
    height: 16px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 25px;
}
body.page-distributeur-commandes .specifications-tab__wrapper {
    position: relative;
    padding-bottom: 70px;
}
body.page-distributeur-commandes .specifications-tab__data-name .date {color: #677387; font-family: "Roboto";}
@media (max-width: 767px) {
	body.page-distributeur-commandes .specifications-tab__content-container {
		width: 100%;
	}
	body.page-distributeur-commandes .specifications-tab__data-value {
		/*width: 50%;*/
		margin-top: 10px; 
		display: block; text-align: center;
	}
	body.page-distributeur-commandes .specifications-tab__data-name {
		/*width: 222px;*/text-align: center; margin-top: 10px; 
		display: block; height: auto;
	}
	body.page-distributeur-commandes .specifications-tab__data-invoice {
		/*width: 222px;*/text-align: center;
		display: block; height: auto;
	}

}
@media (min-width: 768px)  {
	body.page-distributeur-commandes .specifications-tab__wrapper {
		display: block;
		padding-bottom: 100px;
	}
	body.page-distributeur-commandes .specifications-tab__content-container {
		width: 100%;
	}
	body.page-distributeur-commandes .specifications-tab__data-name {
		width: 55%;
		text-align: left;
		display: inline-block;
	}
	body.page-distributeur-commandes .specifications-tab__data-value {
		width: 35%;
		text-align: right;
		display: inline-block;
	}
}


/* DISTRIBUTEUR : MES POINTS ********************************/
body.page-distributeur-points .table-resultats th {background: #38afd9; color: #fff;}




/* DISTRIBUTEUR : DOCUMENTATION ********************************/
.arbo .arianeDoc {font-size: 15px; margin-bottom: 20px;}
.arbo .arianeDoc a {text-decoration: underline;}
.arbo ul {
    list-style : none;
    margin : 0px;
    padding : 0px;
    padding-left : 23px;
	margin-left: 12px;
	border-left: dotted 1px #666666;
}

.arbo li {
    padding-left : 25px;
    line-height : 18px;
    cursor : pointer;
	list-style:none;
	margin-bottom: 15px;
	height: 22px;
	padding-top: 3px;
}

.arbo li.folder {
    background : url("../images/distributeur/folder.png") no-repeat left center;
	padding-left: 40px; font-weight: bold;
}

.arbo li.file {
    background : url("../images/distributeur/document.png") no-repeat left center;
}
.arbo li.file.pdf {
    background : url("../images/distributeur/pdf.png") no-repeat left center;
}
.arbo li.file.excel {
    background : url("../images/distributeur/excel.png") no-repeat left center;
}



/* DISTRIBUTEUR : MON ANIMATEUR ********************************/
.listeAnimateurs .item {margin-bottom: 2rem;}
.listeAnimateurs .item p {margin-bottom: 0;}
.listeAnimateurs .item .nom {font-family: "Roboto Bold";}



/* FOOTER ENCART NEWSLETTER ********************************/
.newsletter__label {font-size: 35px;}
.newsletter__signup__result{font-size:36px;font-family:"Roboto Light";line-height:46px}.nf__animated-newsletter-enter{height:0}.nf__animated-newsletter-enter-active{height:308px;transition:all 300ms ease-out}.nf__animated-newsletter-exit{height:308px}.nf__animated-newsletter-exit-active{height:0;transition:all 300ms ease-in}.nf__animated-newsletter-result-enter{transform:translateX(-100%)}.nf__animated-newsletter-result-enter-active{transform:translateX(0%);transition:all 300ms ease-out}.nf__animated-newsletter-result-exit{transform:translateX(0%)}.nf__animated-newsletter-result-exit-active{transform:translateX(-100%);transition:all 300ms ease-in}.newsletter__signup{background:radial-gradient(circle, #677387 0%, #0d2137 100%);position:relative;padding-top:100px;padding-bottom:190px;overflow:hidden}@media (max-width: 767px){.newsletter__signup{padding-top:60px;padding-bottom:140px}}.newsletter__signup ~ .footer{margin-top:-110px}@media (max-width: 767px){.newsletter__signup ~ .footer{margin-top:-90px}}.newsletter__signup ~ .footer .newsletter__signup__image{display:block}@media (max-width: 767px){.newsletter__signup ~ .footer .newsletter__signup__image{display:none}}.newsletter__signup .is-submitting{position:relative;user-select:none;pointer-events:none}.newsletter__signup .is-submitting form{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.newsletter__signup .is-submitting::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;height:40px;width:40px;margin:auto;background-image:url("/assets/images/nilfisk-spinner.svg");z-index:9}.newsletter__signup__image{position:absolute;bottom:0;left:74%}@media (max-width: 767px){.newsletter__signup__image{display:none}}.newsletter__signup__inner{position:relative;min-height:262px;margin:0 auto;z-index:9}@media (max-width: 767px){.newsletter__signup__inner{justify-content:center}}.newsletter__signup__inner form .checkbox>div{top:3px}.newsletter__signup__headline{color:#fff;max-width:800px;margin:0 auto 41px auto;font-family:"Roboto Light";font-size:36px;line-height:46px;text-align:center}@media (max-width: 767px){.newsletter__signup__headline{font-size:28px;line-height:38px;margin-bottom:40px}}.newsletter__signup__inputs>*{flex:1;margin-bottom:20px}@media (min-width: 992px){.newsletter__signup__inputs>*.product__contact__form__inner{display:block}.newsletter__signup__inputs>*.product__contact__form__inner:not(:first-child){margin-left:27px}.newsletter__signup__inputs>*.product__contact__form__inner:last-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.newsletter__signup__inputs>*.product__contact__form__inner:last-of-type input{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}}.newsletter__signup__inputs>button{background-color:#0d2137}.newsletter__signup__inputs>button:hover{background-color:#38afd9}@media (min-width: 992px){.newsletter__signup__inputs>button{flex:none;height:60px;width:60px;padding:0}.newsletter__signup__inputs>button>span{font-family:"Roboto Light";font-size:30px;line-height:0}}.newsletter__signup__inputs ~ .form-group{margin:0}.newsletter__signup__label{max-width:600px;margin:0 !important;padding-left:25px !important;font-size:10px !important;line-height:12px !important;color:#ececec !important}.newsletter__signup__label a{color:#ececec}.newsletter__headline{color:#fff;max-width:800px;margin:0 auto 30px auto;font-family:"Roboto Light";font-size:36px;line-height:46px;text-align:center}@media (max-width: 767px){.newsletter__headline{font-size:28px;line-height:38px;margin-bottom:40px}}.newsletter__rightColumn{margin-left:30px}@media (max-width: 767px){.newsletter__rightColumn{margin-left:0}}.newsletter__button{height:55px;border-radius:27.5px;color:#fff;background-color:#38afd9;display:inline-block !important;padding-left:40px;padding-right:40px}@media (min-width: 1360px){.newsletter__button{margin-top:30px}}@media (min-width: 768px) and (max-width: 1359px){.newsletter__button{margin-top:20px}}@media (max-width: 767px){.newsletter__button{width:180px;height:45px}}.newsletter__button:hover,.newsletter__button:active,.newsletter__button:focus{color:#28313f !important;background-color:#fff !important;box-shadow:none !important}.newsletter__button-text{height:14px;font-family:"Roboto Bold";font-size:14px;font-weight:bold;letter-spacing:0.47px;line-height:17px}.newsletter__button-text__bold{font-weight:bold}.newsletter__checkbox-text{width:335px;color:#bcc8d7;font-size:11px;letter-spacing:0;line-height:15px}.newsletter__checkbox-text a{color:#38afd9}.newsletter__checkbox-text.xazak-override{font-weight:unset !important;color:#bcc8d7 !important;font-size:11px !important}.newsletter__checkbox-text.positioning{padding-left:10px}.newsletter__checkbox{height:23px;width:23px}.newsletter__label{width:802px;color:#fff;font-family:"Roboto Light";font-size:36px;font-weight:300;letter-spacing:0;line-height:46px;text-align:left}@media (max-width: 767px){.newsletter__label{font-size:28px;line-height:38px;margin-bottom:40px;max-width:330px;text-align:center;margin-bottom:60px}}.newsletter__bold-label{font-weight:bold}.newsletter__box-text{height:20px;width:73px;color:#30373d;font-family:"Roboto Regular";font-size:16px;letter-spacing:0;line-height:20px}@media (min-width: 1360px){.newsletter__box-wrapper{display:flex;height:255px;width:782px}}@media (min-width: 768px) and (max-width: 1359px){.newsletter__box-wrapper{display:flex}}.newsletter__box{height:65px;width:376px;margin-bottom:20px}@media (max-width: 767px){.newsletter__box.opt-in{height:auto}}.newsletter__box .nf__dropdownfield_placeholder{padding-left:12px}.newsletter__box.dropdownIdentifier ~ input{padding-left:12px}@media (max-width: 767px){.newsletter__box{max-width:330px}}.newsletter__box__line{height:40px;width:1px;background-color:#bcc8d7}.newsletter__box__arrow{box-sizing:border-box;height:8px;width:14px;border:2px solid #30373d;transform:scaleX(-1)}.newsletter__thank-you__container{width:800px}@media (max-width: 767px){.newsletter__thank-you__container{width:300px;margin-left:auto;margin-right:auto}}.newsletter__thank-you__main-label{width:717px;color:#fff;font-family:"Roboto Bold";font-size:60px;font-weight:bold;letter-spacing:0;line-height:60px;margin-left:auto;margin-right:auto;margin-bottom:40px;word-wrap:break-word;height:auto}@media (max-width: 767px){.newsletter__thank-you__main-label{font-size:40px;width:300px}}.newsletter__thank-you__secondary-label{height:auto;width:562px;color:#fff;font-family:"Roboto Light";font-size:20px;font-weight:300;letter-spacing:0;line-height:20px;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:30px;word-wrap:break-word}@media (max-width: 767px){.newsletter__thank-you__secondary-label{width:300px}}.newsletter__thank-you__button{height:45px;border-radius:27.5px;background-color:#38afd9;margin-left:auto;margin-right:auto;border:none;display:block;padding:10px;padding-top:8px;text-align:center;line-height:25px;display:inline-block;padding-left:40px;padding-right:40px}@media (max-width: 767px){.newsletter__thank-you__button{height:40px;padding-top:10px;width:150px}}.newsletter__thank-you__button-text{color:#fff;font-size:14px;font-weight:bold;letter-spacing:0.47px;line-height:17px;vertical-align:middle;text-transform:uppercase;font-family:"Roboto Bold"}@media (min-width: 768px) and (max-width: 1359px){.newsletter__thank-you__button-text{height:14px}}@media (min-width: 1360px){.newsletter__thank-you__button-text{height:14px}}@media (max-width: 767px){.newsletter__thank-you__button-text{display:flex;align-items:center;justify-content:center;line-height:20px;font-size:12px}}.fv-plugins-message-container .fv-help-block{margin-top:0 !important}.form-group .css-b8ldur-Input{padding-left:12px}
.nf__inputfield {
    padding: 28px 10px !important;
    height: 60px;
}
@media (min-width: 1360px) {
	.newsletter__box-wrapper {height: auto;}
}
@media (max-width: 380px) {
	.newsletter__box {max-width: 230px;}
	.newsletter__checkbox-text {max-width: 230px;}
}