@charset "UTF-8";
/*
	CSS Document
	
	Version : 1.1 du 06/04/2021
	Web	: www.nrp-huissiers.com
	Auteur	: Vincent HUMEAU
	
	© 2020-2021 Trans-Sphère Sarl	Internet & Multimédia	http://www.trans-sphere.com	
*/
/**************************
	CORE 2021-03-05
**************************/

/*** Général ***/
* {margin:0;padding:0;box-sizing:border-box}
body,html {height:100%;width:100%}
header, main, footer, aside, section, article, nav, picture, video, hgroup {display:block}
img {border:none;font-size:10px}
a > img {display:block}
a {text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
img[src$=".svg"] {width:20px;height:auto}
*:focus {outline:none}

/*** Classique ***/
.null {}
.centre {text-align:center!important}
.gauche {text-align:left!important}
.droite {text-align:right!important}
.milieu {vertical-align:middle}
.upper {text-transform:uppercase}
.gras {font-weight:700;font-family:'dinalternateBo', Arial, "sans-serif"}
.italique {font-style:italic}
.sousligne {text-decoration:underline}
.pointer {cursor:pointer}
.cache {display:none}
.clear { clear: both}

/*** Spécifique formulaire ***/
div.btn { cursor: pointer;user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}

/**************************
	SPECIFIQUE FONTS
**************************/
@font-face {
	font-family:'dinalternateL';
	font-style:normal;
	font-weight:300;
	src:url("../fonts/DINLightAlternate.eot"); /* IE9 Compat Modes */
	src:local('DIN LightAlternate'),local('DINLightAlternate'),
		url("../fonts/DINLightAlternate.woff2") format("woff2"),
		url("../fonts/DINLightAlternate.woff") format("woff"),
		url("../fonts/DINLightAlternate.ttf") format("truetype"),
		url("../fonts/DINLightAlternate.svg#DINLightAlternate") format("svg"),
		url("../fonts/DINLightAlternate.eot?#iefix") format("embedded-opentype");/* IE6-IE8 */
	font-display:swap
}
@font-face {
	font-family:'dinalternateR';
	font-style:normal;
	font-weight:400;
	src:url("../fonts/DINRegularAlternate.eot"); /* IE9 Compat Modes */
	src:local('DIN RegularAlternate'),local('DINRegularAlternate'),
		url("../fonts/DINRegularAlternate.woff2") format("woff2"),
		url("../fonts/DINRegularAlternate.woff") format("woff"),
		url("../fonts/DINRegularAlternate.ttf") format("truetype"),
		url("../fonts/DINRegularAlternate.svg#DINRegularAlternate") format("svg"),
		url("../fonts/DINRegularAlternate.eot?#iefix") format("embedded-opentype");/* IE6-IE8 */
	font-display:swap
}
@font-face {
	font-family:'dinalternateM';
	font-style:normal;
	font-weight:500;
	src:url("../fonts/DINMediumAlternate.eot"); /* IE9 Compat Modes */
	src:local('DIN MediumAlternate'),local('DINMediumAlternate'),
		url("../fonts/DINMediumAlternate.woff2") format("woff2"),
		url("../fonts/DINMediumAlternate.woff") format("woff"),
		url("../fonts/DINMediumAlternate.ttf") format("truetype"),
		url("../fonts/DINMediumAlternate.svg#DINMediumAlternate") format("svg"),
		url("../fonts/DINMediumAlternate.eot?#iefix") format("embedded-opentype");/* IE6-IE8 */
	font-display:swap
}
@font-face {
	font-family:'dinalternateBo';
	font-style:normal;
	font-weight:700;
	src:url("../fonts/DINBoldAlternate.eot"); /* IE9 Compat Modes */
	src:local('DIN BoldAlternate'),local('DINBoldAlternate'),
		url("../fonts/DINBoldAlternate.woff2") format("woff2"),
		url("../fonts/DINBoldAlternate.woff") format("woff"),
		url("../fonts/DINBoldAlternate.ttf") format("truetype"),
		url("../fonts/DINBoldAlternate.svg#DINBoldAlternate") format("svg"),
		url("../fonts/DINBoldAlternate.eot?#iefix") format("embedded-opentype");/* IE6-IE8 */
	font-display:swap
}
@font-face{
	font-family:"FontAwesome";
	font-style:normal;
	font-weight:900;
	src:url("../fonts/free-fa-solid-900.eot");
	src:url("../fonts/free-fa-solid-900.woff2") format("woff2"),
		url("../fonts/free-fa-solid-900.woff") format("woff"),
		url("../fonts/free-fa-solid-900.ttf") format("truetype"),
		url("../fonts/free-fa-solid-900.svg#fontawesome") format("svg"),
		url("../fonts/free-fa-solid-900.eot?#iefix") format("embedded-opentype");
	font-display:block;
}

/**************************
	SPECIFIQUE DESKTOP
**************************/
body > header > div,
main,aside,
body > footer > div {width:100%;max-width:1280px;margin:0 auto}
.conteneur {position:relative;z-index:10;width:96%;margin:0 auto}

/**************************
	ATTENTION
	.phone = < 768
	différent de @media (max-width:768px)
		car là, .tablet.portrait est impliqué et non plus .phone
	alors que 
	.tablet est [768,1024]
		et donc @media (max-width:1024px) implique .tablet uniquement
**************************/

/********************************
	ENV
********************************/
body {background-color:rgb(255,255,255);font:500 20px 'dinalternateM', Arial, "sans-serif";color:rgb(26,57,99)}
/* L:100->300 R:400->500 B:600->900 */
h1, h2 {font:700 20px 'dinalternateBo', Arial, "sans-serif";text-transform:uppercase;font-weight:normal;text-align:left}
a[href^=mailto] span {font:700 0.9em Helvetica, Arial, "sans-serif"}
strong {font-weight:700;font-family:'dinalternateBo', Arial, "sans-serif"}

.helvetica {font-family:Helvetica, Arial, "sans-serif"}

.alerte {color:rgb(237,50,77)}

.trait {position:relative}
.trait > p {text-align:justify}
.trait::before {content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:15px}
.trait.bleu::before {background-color:rgb(7,47,169)}
.trait.rouge::before {background-color:rgb(237,50,77)}

.flex {display:flex}
.flex.milieu,.flex.centre {align-items:center}
.flex-inline {display:inline-flex}
.flex-col {flex-direction:column}

.diptyque > * {width:50%;text-align:justify}

/* Alignement avec les titres H1 */
.marges > * {padding:0 2% 0 calc(2% + 15px)}
.marges > *:last-child {padding:0 0 0 calc(2% + 15px)}

.marges_bloc > * {padding:0 2% 0 calc(2% + 15px)}

.flex-col.diptyque > * {height:50%;width:auto}
.flex-col.triptyque > * {height:33%;width:auto}
.diptyque-30-70 > *:first-child {width:30%}/* used */
.diptyque-30-70 > *:last-child {width:70%}
.diptyque-70-30 > *:first-child {width:70%}/* used */
.diptyque-70-30 > *:last-child {width:30%}
.triptyque > * {width:33%}

body.phone .diptyque,
body.phone .diptyque-30-70,
body.phone .diptyque-70-30,
body.phone .triptyque,
body.tablet.portrait .triptyque {flex-direction:column}

body.phone .diptyque > *,
body.phone .diptyque-30-70 > *,
body.phone .diptyque-70-30 > *,
body.phone .triptyque > *,
body.tablet.portrait .triptyque > * {width:100%}

body.phone .diptyque > *:first-child,
body.phone .diptyque > *:last-child,
body.phone .diptyque-30-70 > *:first-child,
body.phone .diptyque-30-70 > *:last-child,
body.phone .diptyque-70-30 > *:first-child,
body.phone .diptyque-70-30 > *:last-child {width:100%;margin-left:0}

body.phone .diptyque > *:last-child,
body.phone .diptyque-30-70 > *:last-child,
body.phone .diptyque-70-30 > *:last-child {margin-top:32px}

body.phone .triptyque > *:first-child,
body.tablet.portrait .triptyque > *:first-child {margin-bottom:32px}
body.phone .triptyque > *:last-child,
body.tablet.portrait .triptyque > *:last-child {margin-top:32px}


.quinconce > * {width:50%}
body.phone .quinconce > * {width:100%;margin-bottom:32px}
.quinconce > .g {margin:0 auto 0 0}
	.quinconce > .g > * {padding:0 4% 0 calc(2% + 15px)}
.quinconce > .d {margin:0 0 0 auto}
	.quinconce > .d > * {padding:0 0 0 calc(2% + 15px)}

.packfond {position:absolute;top:0;right:-3%;bottom:0;left:-3%;z-index:-1;background-color:white;background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-size:cover}

/********************************
	HEADER
********************************/
body > header {position:fixed;width:100%;z-index:100;background-color:white}
body > header::after {content:'';position:absolute;top:100%;left:0;right:0;height:18px;background-image:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0))}
#h_bandeau {display:flex;align-items:center;background-color:white;z-index:2}
	#h_bandeau > a > img {width:auto}
	#h_bandeau > * {flex:1}
		#hamburger {display:block;margin:auto;text-align:center;cursor:pointer;overflow:visible;z-index:11}
		#hamburger > img {display:block;margin:0 auto 6px;width:50px}
		#ha_box {position:relative;display:inline-block;height:8px;width:50px}
		#ha_inner,
		#ha_inner::before,
		#ha_inner::after {content:"";display:block;position:absolute;width:100%;height:4px;background-color:rgb(7,47,169);border-radius:3px;transition:transform 0.15s ease;-webkit-transition:transform 0.15s ease;-moz-transition:transform 0.15s ease;-ms-transition:transform 0.15s ease;-o-transition:transform 0.15s ease;}
		#ha_inner {display:block;top:50%;margin-top:0;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
		#ha_inner::before {top:-12px;transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in;-webkit-transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in;-moz-transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in;-ms-transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in;-o-transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in;}
		#ha_inner::after {bottom:-12px;transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);-moz-transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);-ms-transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);-o-transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
		body.menuactif #ha_inner {transform:rotate(585deg);transition-delay:0.14s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
		body.menuactif #ha_inner::before {top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out;-webkit-transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out;-moz-transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out;-ms-transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out;-o-transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out;}
		body.menuactif #ha_inner::after {bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);}
	#h_bandeau_flashy {font-size:16px;white-space:nowrap;line-height:1;color:white}
		#h_bandeau_urgence {background-color:rgb(237,50,77);align-items:center}
			#h_bandeau_urgence .flex {margin:auto;padding:18px}
			#h_bandeau_urgence .flex:first-child {padding-right:0}
			#h_bandeau_urgence .flex > * {margin:auto}
			#h_bandeau_urgence img {width:72px}
			#h_bandeau_urgence p {text-align:center}
			#h_bandeau_urgence p span {font-size:1.6em;font-weight:bold;display:inline-block;margin:8px auto}
			#h_bandeau_urgence p span a {color:white}
		#h_bandeau_pel {background-color:rgb(7,47,169);align-items:center;cursor:pointer}
			#h_bandeau_pel > div {margin:auto;padding:18px;text-align:center}
			#h_bandeau_pel p {text-transform:uppercase;margin-bottom:8px}
			#h_bandeau_pel img {width:62px}
#menu_header {position:absolute;top:-36px;width:100%;max-height:660px;opacity:0;text-align:center;background-color:white;transition:top 250ms ease-out, opacity 250ms ease-out;-webkit-transition:top 250ms ease-out, opacity 250ms ease-out;-moz-transition:top 250ms ease-out, opacity 250ms ease-out;-ms-transition:top 250ms ease-out, opacity 250ms ease-out;-o-transition:top 250ms ease-out, opacity 250ms ease-out;}
body.menuactif #menu_header {top:120px;opacity:1;transition:top 400ms ease-in, opacity 400mss ease-in;-webkit-transition:top 400ms ease-in, opacity 400mss ease-in;-moz-transition:top 400ms ease-in, opacity 400mss ease-in;-ms-transition:top 400ms ease-in, opacity 400mss ease-in;-o-transition:top 400ms ease-in, opacity 400mss ease-in;}
#menu_header > ul {margin:0 auto;width:max-content}
#menu_header ul {list-style:none;background-color:rgba(255,255,255,0.95)}
#menu_header li > a {display:block;color:rgb(26,57,99)}
#menu_header li:hover {background-color:rgba(26,57,99,0.95)}
#menu_header li:hover > a {color:white}
#menu_header > ul > li {display:table-cell;position:relative;font-size:0.8em;border-right:1px solid rgba(120,123,140,0.5);background-color:white}
#menu_header > ul > li:last-child {border-right:none}
#menu_header > ul > li > a {padding:8px;line-height:40px}
#menu_header > ul > li > ul {position:absolute;top:-300px;left:0;opacity:0}
#menu_header > ul > li:hover > ul {top:56px;opacity:1}
#menu_header > ul > li > ul > li {min-height:36px;background-repeat:no-repeat;background-position-x:8px;background-position-y:center;background-size:22px 22px;text-align:left}
#menu_header > ul > li:hover > ul > li {border:1px solid rgba(120,123,140,0.5);border-top:none;border-bottom:none}
#menu_header > ul > li > ul > li > a {padding:8px 8px 8px 38px;line-height:1;white-space:nowrap}

#m_i_constats {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/bleu/di_constat.svg')}
#m_i_actes {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/bleu/di_actes.svg')}
#m_i_recouvrement {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/bleu/di_recouvrement.svg')}
#m_i_conseil {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/bleu/di_conseils.svg')}
#m_i_immobilier {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/bleu/di_immobilier.svg')}
#m_i_saisies {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/bleu/di_saisies.svg')}

@media (min-width:1025px){
	#m_i_constats:hover {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/blanc/di_constat.svg')}
	#m_i_actes:hover  {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/blanc/di_actes.svg')}
	#m_i_recouvrement:hover {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/blanc/di_recouvrement.svg')}
	#m_i_conseil:hover  {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/blanc/di_conseils.svg')}
	#m_i_immobilier:hover  {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/blanc/di_immobilier.svg')}
	#m_i_saisies:hover  {background-image:url('https://www.nrp-huissiers.com/__lib/img/_mono/picto/blanc/di_saisies.svg')}
}

body > header,
#h_bandeau,
#h_bandeau > a > img,
#h_bandeau_flashy {height:120px}

body.phone.scrollup > header,
body.tablet.portrait.scrollup > header {opacity:1;transition:opacity 600ms ease-in;-webkit-transition:opacity 600ms ease-in;-moz-transition:opacity 600ms ease-in;-ms-transition:opacity 600ms ease-in;-o-transition:opacity 600ms ease-in;}
body.phone.scrolldown:not(.menuactif) > header,
body.tablet.portrait.scrolldown:not(.menuactif) > header {opacity:0;transition:opacity 600ms ease-out;-webkit-transition:opacity 600ms ease-out;-moz-transition:opacity 600ms ease-out;-ms-transition:opacity 600ms ease-out;-o-transition:opacity 600ms ease-out;}

@media (max-width:768px){
	body > header {height:auto}
		#h_bandeau {display:block;height:auto;width:100%}
			#h_bandeau > * {flex:none}
			#h_bandeau > a {display:block}
				#h_bandeau > a > img {height:auto}
			#h_bandeau_menu_trigger {position:absolute;top:50%;bottom:0;left:80%;right:0}
			#h_bandeau_flashy {height:auto}
				#h_bandeau_urgence {flex-direction:row!important;min-width:50%}
					#h_bandeau_urgence .flex {padding:8px 2vw}
					#h_bandeau_urgence img {width:9vw}
					#h_bandeau_urgence p span a {letter-spacing:0pt}
				#h_bandeau_pel {display:none}
}
@media (max-width:1024px) and (max-height:768px){
	#menu_header  {bottom:0;overflow-y:scroll}
	#menu_header::after {display:none}
}
@media (min-width:769px) and (max-width:980px){
	body > header {height:auto}
		#h_bandeau {width:100%;height:auto}
		#h_bandeau > * {flex:none;display:table-cell}
		#h_bandeau > a {width:50vw}
			#h_bandeau > a > img {height:auto}
		#h_bandeau_menu_trigger {width:10vw}
		#h_bandeau_flashy {width:40vw;height:auto}
			#h_bandeau_pel {display:none}
}
@media (min-width:981px) and (max-width:1230px){
	body > header {height:auto}
		#h_bandeau {width:100%;height:auto}
		#h_bandeau > * {flex:none}
		#h_bandeau > a {width:44vw}
			#h_bandeau > a > img {height:auto}
		#h_bandeau_menu_trigger {width:10vw}
		#h_bandeau_flashy {width:46vw;height:auto}
}
@media (max-width:1024px){	
	#menu_header  {position:fixed;top:184px;left:100%;right:auto;width:100%;padding:24px 0 0;z-index:10;display:block;opacity:0;transition:left 1s ease-out, opacity 1s ease;-webkit-transition:left 1s ease-out, opacity 1s ease;-moz-transition:left 1s ease-out, opacity 1s ease;-ms-transition:left 1s ease-out, opacity 1s ease;-o-transition:left 1s ease-out, opacity 1s ease;}
	#menu_header::after {content:'';position:absolute;top:100%;left:0;right:0;height:18px;background-image:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0))}
	body.menuactif #menu_header {left:0;opacity:1;transition:left 500ms ease-in, opacity 500ms ease;-webkit-transition:left 500ms ease-in, opacity 500ms ease;-moz-transition:left 500ms ease-in, opacity 500ms ease;-ms-transition:left 500ms ease-in, opacity 500ms ease;-o-transition:left 500ms ease-in, opacity 500ms ease;}
	#menu_header > ul {padding:0 0 48px;width:auto}
	#menu_header ul {background-color:white}
	#menu_header > ul > li {display:block;border:none;max-width:300px;margin:4px auto}
	#menu_header > ul > li > a {padding:6px 0!important;line-height:1!important;font-size:20px}
	#menu_header > ul > li.open > span::before {content:'\f106'}
	#menu_header li:hover {background-color:unset!important}
	#menu_header li:hover > a {color:rgb(26,57,99)}
	#menu_header > ul > li.lvl1 > span {position:absolute;right:0;top:0;height:32px;display:flex;font-size:20px;cursor:pointer}
	#menu_header > ul > li.lvl1 > span::before {font-family:'FontAwesome';content:'\f13a';margin:auto}
	#menu_header > ul > li.lvl1.open > span::before {content:'\f139'}
	#menu_header > ul > li > ul {opacity:1}
	#menu_header > ul > li:not(.open) > ul {display:none!important}
	#menu_header > ul > li.open > ul {display:block;position:relative!important;top:auto!important;left:auto!important;margin:12px auto;max-width:232px}
	#menu_header > ul > li.open > ul > li {white-space:normal!important;border:none}
	#menu_header > ul > li > ul > li > a {white-space:normal!important}
}
@media (min-width:1024px) and (max-width:1280px){
	#menu_header  {font-size:16px}
}

/********************************
	MAIN
********************************/
main {padding-top:130px}
section {position:relative;width:100%;padding:96px 0 0;background-color:white;overflow:hidden}
section h1 {margin:0;font-size:2em;line-height:1}
section h1.trait {padding:42px 0 24px calc(2% + 15px)}
section .head {position:relative;width:100%}
section .head h1 {margin:0 0 32px 2%}
section .head h1 span {white-space:nowrap}
section .head img {display:block;width:100%;margin:0 auto 48px}
section .head div.marges {width:96%;margin:0 auto}
section h2 {margin:0 0 18px 0;font-size:1.5em}
section h2.trait {padding:42px 0 24px calc(2% + 15px)}
section p {margin:18px 0}
section .trait p:first-child {margin-top:0}
section .trait p:last-child {margin-bottom:0}
a.sl {color:rgb(26,57,99);text-decoration:underline}

body.solaire section {padding:48px 0}
body.solaire section h1,
body.solaire section h2 {text-align:center}
body.solaire section a {display:block;min-height:48px;padding:8px;text-align:center;color:rgb(32,67,146)}

body.solaire.phone section {padding:48px 16px}
body.solaire.tablet section {padding:48px}

body.phone section {padding:48px 0 0}
body.phone section h1 {font-size:1.25em}
body.phone section h2 {font-size:1.15em}
body.phone section .head.animation .animated {height:200px!important}

@media (max-width:1024px){
	main {font-size:16px}
}

/********************************
	MAIN > SECTION
********************************/
#s_haut {padding:0}
	#s_haut p {margin:0;text-align:center}
	#ressort {width:100%;display:block}
	#s_haut .conteneur {width:100%}
	#s_haut > .conteneur > .flex.diptyque.milieu > *:last-child {padding:32px 0 0 4%}
	#s_haut .lvl1 span {font-size:1.1em}
	#s_haut .lvl2 {font-size:0.8em;margin:8px 0 0}
	#s_haut .lvl3 {font-weight:700;margin:36px 0 0}
		#s_haut .lvl3 span {display:block}
		#s_haut .lvl3 span:nth-child(1) {font-size:2.25em}
		#s_haut .lvl3 span:nth-child(2) {font-size:1.57em}
		#s_haut .lvl3 span:nth-child(3) {font-size:1.4em}
	#s_haut .lvl4 {margin:18px 0 0}
	#departements .slick-slide span {display:block;text-align:center}
	#departements .slick-slide span:nth-of-type(1) {font:700 2em 'dinalternateBo', Arial, "sans-serif"}
	#departements .slick-slide span:nth-of-type(2) {margin:16px 0 0;font-size:0.75em}
	#s_haut .lvl5,
	#s_haut .lvl6 {margin:18px 0;font-size:0.8em}
	#s_haut a {color:rgb(26,57,99)}

	body.phone #s_haut > .conteneur > .flex.diptyque.milieu > *:last-child {padding:32px 4% 0}
	body.phone #s_haut .lvl2 p {margin:8px 0 0}
	@media (max-width:767px){
		#s_haut .lvl3 span {max-width:100%;white-space:nowrap;overflow:hidden}
		#s_haut .lvl3 span:nth-child(1) {font-size:7.3vw}/*7.75 adapté iPhone...*/
		#s_haut .lvl3 span:nth-child(2) {font-size:5vw}/*5.5*/
		#s_haut .lvl3 span:nth-child(3) {font-size:4.2vw}
	}
	@media (min-width:768px) and (max-width:1280px){
		#s_haut .lvl3 span {max-width:100%;white-space:nowrap;overflow:hidden}
		#s_haut .lvl3 span:nth-child(1) {font-size:3.4vw}/*3.8 adapté iPad...*/
		#s_haut .lvl3 span:nth-child(2) {font-size:2.45vw}/*2.7*/
		#s_haut .lvl3 span:nth-child(3) {font-size:2.05vw}/*2.35*/
		#s_haut .lvl5,
		#s_haut .lvl6 {font-size:1.7vw}
	}
#s_notre_etude {padding-top:0}
	#s_notre_etude .animated {background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/etude.image') transparent center center no-repeat scroll;background-size:cover;margin:0 auto 48px}
	#s_notre_etude.trig_animation .animated {height:900px}
	#s_notre_etude.animation .animated {height:300px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
	#s_notre_etude .diptyque-70-30 {align-items:center}
	#s_notre_etude .conteneur:last-child > p {text-align:center;width:60%;margin:36px auto;line-height:1.5}
	#associes p {text-align:center;font-size:1.3em;margin-left:15px}
	#associes p span {display:block;margin-top:12px;font-size:0.75em;line-height:1}
	#equipe1 {margin:96px 0 0}
	#equipe1 .trait.rouge {margin:48px 0 0}
	#equipe1 .trait.rouge p span {font-size:1.4em}
	#equipe2 {margin:48px 0 0}
	#equipe2 > img {width:100%}
	#equipe2 .diptyque p:first-child {text-align:left;margin:0 2%}
	#equipe2 .diptyque p:last-child {text-align:right;margin:0 2%}
	
	body.phone #s_notre_etude .conteneur:last-child > p {width:100%;margin:24px auto}
	body.phone #equipe1 .trait.rouge p span {display:block}
	body.phone #equipe2 .diptyque p:first-child,
	body.phone #equipe2 .diptyque p:last-child{text-align:center;margin:32px auto 0}
#s_competence {}
	#s_competence h2 {text-decoration:underline}
	#s_competence .diptyque div.trait {margin:48px 0}
	#s_competence .diptyque div:first-child {display:flex}
	#s_competence .diptyque img {width:auto;max-width:40%;height:80%;margin:auto}
	#s_competence .head .animated {background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/competence.image') transparent center 90% no-repeat scroll;background-size:cover}
	#s_competence .head.trig_animation .animated {height:900px}
	#s_competence .head.animation .animated {height:300px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}

	body.phone #s_competence h2 {font-size:1em}
	body.phone #s_competence .diptyque img {max-width:80%}
	body.phone #s_competence .head.animation .animated {height:100px!important}

	body.tablet #s_competence .diptyque img {max-width:60%}
#s_domaines {}
	#s_domaines .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/domaines.image') transparent center bottom no-repeat scroll;background-size:cover}
	#s_domaines .head.trig_animation .animated {height:650px}
	#s_domaines .head.animation .animated {height:440px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
	#s_domaines .flex {flex-wrap:wrap}
	#s_domaines .flex > div {flex:1 1 25%;display:flex;text-align:center;margin:48px 0;cursor:pointer}
	#s_domaines .flex > div > div {width:172px;min-height:256px;margin:0 auto;background-color:rgb(120,123,140);transition:all 200ms ease-in;-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;-ms-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;}
	#s_domaines .flex > div > div:hover,
	#s_domaines .flex > div > div.hover {width:196px;background-color:rgb(7,47,169);transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-ms-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;}
	#s_domaines .flex > div > div > div:first-child {height:108px;display:flex}
	#s_domaines .flex > div > div > div:first-child img {width:50%;max-width:72px;max-height:72px;display:block;margin:auto}
	#s_domaines .flex > div p {font-size:1em;text-align:center;color:white;min-height:3em}
	#s_domaines .flex > div > div::after {display:block;content:'+';font-size:24px;color:white;background-color:red;border-radius:50%;border:1px solid red;width:26px;height:26px;line-height:1;margin:auto}
#s_constats {}
	#s_constats .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/constat.image') transparent center center no-repeat scroll;background-size:cover}
	#s_constats .head.trig_animation .animated {height:600px}
	#s_constats .head.animation .animated {height:300px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
	#s_constats ul {list-style:square;padding:0 0 0 18px}
	#s_constats li {margin:6px 0}
	#s_constats #constat_urgent {max-width:308px;width:100%}
#s_actes {}
	#s_actes .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/actes.image') transparent center center no-repeat scroll;background-size:cover}
	#s_actes .head.trig_animation .animated {height:800px}
	#s_actes .head.animation .animated {height:600px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
	#s_actes .quinconce {background-color:rgba(255,255,255,0.35);padding:0 2% 48px}
#s_recouvrement {}
	#s_recouvrement .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/recouvrement.image') transparent center bottom no-repeat scroll;background-size:cover}
	#s_recouvrement .head.trig_animation .animated {height:650px}
	#s_recouvrement .head.animation .animated {height:350px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
#s_conseil {}
	#s_conseil .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/conseil.image') transparent center center no-repeat scroll;background-size:cover}
	#s_conseil .head.trig_animation .animated {height:800px}
	#s_conseil .head.animation .animated {height:500px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
#s_immobilier {}
	#s_immobilier .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/immobilier.image') transparent center center no-repeat scroll;background-size:cover}
	#s_immobilier .head.trig_animation .animated {height:550px}
	#s_immobilier .head.animation .animated {height:428px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
	
	body.phone #s_immobilier .head.animation .animated {height:100px!important}
#s_saisie {}
	#s_saisie .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/saisie.image') transparent center top no-repeat scroll;background-size:cover}
	#s_saisie .head.trig_animation .animated {height:800px}
	#s_saisie .head.animation .animated {height:360px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}
#s_ventes {}
	#s_ventes .head .animated {margin:0 auto 48px;background:url('https://www.nrp-huissiers.com/__lib/img/_mono/photo/ventes.image') transparent center top no-repeat scroll;background-size:cover}
	#s_ventes .head.trig_animation .animated {height:685px}
	#s_ventes .head.animation .animated {height:478px;transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;}

	body.phone #s_ventes .head .animated {background-position-x:75%}
#s_pel {}
	#s_pel .head {padding-bottom:48px}
	#s_pel .packfond {background-image:url("https://www.nrp-huissiers.com/__lib/img/_mono/photo/paiement.image")}
	#s_pel .packfond::before {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,0.35)}
	#f_paiement {padding:48px 0;color:white}
	#f_paiement h2:first-of-type {margin-top:0}
	
	body.phone #s_pel .packfond {background-position-x:31%}
	body.phone #f_paiement .marges > * {padding:0;margin:0!important}
#s_tarifs {}
#s_contact {}
	#s_contact .head {}
	#s_contact .conteneur {padding:96px 0;color:white}
	#s_contact .packfond {background-image:url("https://www.nrp-huissiers.com/__lib/img/_mono/photo/contact.image")}
	#s_contact .packfond::before {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,0.6)}
	#s_contact a {color:white}
	.bus, .rer {display:inline-block;font-weight:bold;padding:4px 8px}
	.bus144 {background-color:#d282be;color:#000}
	.bus467 {background-color:#6e6e00;color:#fff}
	.bus565 {background-color:#00643c;color:#fff}
	.busn53 {background-color:#0a0082;color:#fff}
	.rera {background-color:#e3051c;color:#fff}
	#f_messagerie .diptyque > *:first-child {margin:0 2% 0 0}
	#f_messagerie .diptyque > *:last-child {margin:0 0 0 2%}
	#fm_message {height:216px}
	#f_messagerie button {margin-left:auto}

	body.phone #f_messagerie .diptyque > *:first-child,
	body.phone #f_messagerie .diptyque > *:last-child {margin:0}
#s_intro {}
	#s_intro h1 {margin:0 auto 32px}
	#s_intro p {width:50%;text-align:justify;margin:16px auto}
	
	body.phone #s_intro p {width:100%}
	body.tablet.portrait #s_intro p {width:80%}
#s_actes {}
	#s_actes > ul {width:50%;margin:0 auto;padding-left:24px}
	
	body.phone #s_actes > ul {width:100%}
	body.tablet.portrait #s_actes > ul {width:80%}
#s_contact2 {text-align:center}
#s_communes {}
	#s_communes > div {width:50%;max-height:300px;overflow:auto;margin:0 auto}
	
	body.phone #s_communes a {display:block;padding:8px 0;text-align:center;line-height:1}
	body.phone #s_communes > div {width:100%}
	body.tablet.portrait #s_communes > div {width:80%}
#s_organismes {}
	#s_organismes > div {width:46%;max-height:100px;overflow:auto;float:left;margin:16px;border:rgb(120,123,140) 3px solid;text-align:center}
	#s_organismes > div:hover {max-height:unset}
	#s_organismes > div h3 {font-size:1.25em}
	#s_organismes > div p {font-size:0.9em}
	
	body.phone #s_organismes > div,
	body.tablet.portrait #s_organismes > div {width:calc(100% - 32px)}
#s_vide {position:absolute;width:1px;padding:0;background-color:transparent}
	
@media (max-width:1024px){
	#vide {display:none}
}

/********************************
	FOOTER
********************************/
body > footer {position:fixed;width:100%;bottom:0;z-index:-1;padding-top:66px;font-family:'dinalternateL', Arial, "sans-serif"}
body > footer a {color:rgb(255,255,255)}
body > footer > .conteneur {background-color:rgb(24,24,58);color:rgb(255,255,255);padding:48px 0 48px}
body > footer .flex.triptyque {align-items:center}
body > footer .flex.triptyque > * {margin:auto;text-align:center}
body > footer .flex.triptyque > div:nth-child(2) {margin:auto auto 0 auto}
body > footer .flex.triptyque > div:first-child a img,
body > footer .flex.triptyque > div:last-child a img {margin:32px auto 0;text-align:center;width:50%;max-width:250px}
body > footer .boxlink {margin:44px 0 0}
body > footer .boxlink .box {min-width:384px}
body > footer .boxlink .box .pre {margin:auto;font-size:0.7em}
body > footer .boxlink .box a {min-width:62%}
body > footer .boxlink .box > span[id^=sm] {margin:0 auto}
#f_copy {margin:48px 0 0}
#f_copy p {font-size:12px;text-align:center}
#f_ml {margin:48px 0 0}
#f_ml p {font-size:12px;margin:12px auto;width:80%}

@media (max-width:1024px){
	body > footer > .conteneur {width:100%}
	body > footer {position:relative;bottom:unset;z-index:auto}
	body > footer .flex.triptyque > div {margin-bottom:48px!important}
}
body.phone.portrait > footer .boxlink {margin:44px auto 0;width:80%}
body.phone.portrait > footer .boxlink .box {display:block;min-width:100%}
body.phone.portrait > footer .boxlink .box .pre {display:block;padding:12px 0 0}
body.phone.portrait > footer .boxlink .box a  {display:block;font-size:1em;line-height:1;padding:12px 0}

body.phone > footer .flex.triptyque > div:first-child,
body.tablet.portrait > footer .flex.triptyque > div:first-child {order:2}
body.phone > footer .flex.triptyque > div:nth-child(2),
body.tablet.portrait > footer .flex.triptyque > div:nth-child(2)  {order:1}
body.phone > footer .flex.triptyque > div:last-child,
body.tablet.portrait > footer .flex.triptyque > div:last-child{order:3}

@media (min-width:1024px) and (max-width:1234px){
	body > footer .boxlink .box {min-width:100%;font-size:1.5vw}
}

/********************************
	FORM
********************************/
form sup {color:red;cursor:help}
form h2 {margin:48px 0 18px calc(2% + 15px)}
label {display:block}
input,textarea,form .btn {border-radius:5px;padding:8px;margin:8px 0 16px;font-size:20px}
input,textarea {background-color:white;border:0;width:100%;color:rgb(26,57,99)}
body.phone input,
body.phone textarea {font-size:1em}
form .wait {vertical-align:middle;margin-left:24px}
form .btn {display:inline-block;background-color:transparent;border:3px solid white;width:auto;color:white;cursor:pointer}
form .btn:hover {background-color:white;color:white;color:rgb(26,57,99)}
form input.alerte,
form .inacceptable {background-color:rgb(217,93,99);color:rgb(7,47,169)}
form .rgpd {display:table;margin:12px 0}
form .rgpd input[type=checkbox] {width:34px;display:table-cell;margin:0 12px 0 0}
form .rgpd label {   display:table-cell;line-height:1}

input[id^=naturePaiement] {width:30px}
label[for^=naturePaiement] {display:inline-block}

/********************************
	ACCESSOIRES
********************************/
/*** PROGRESS ***/
.nojs.progress {cursor:auto}
.progress {cursor:progress}

/*** NAVIGATION ***/
#haut_de_page {position:fixed;bottom:5%;right:5%;z-index:100;cursor:pointer}
#haut_de_page::before {content:'';display:block;width:48px;height:48px;background-image:url("https://www.nrp-huissiers.com/__lib/img/_mono/btn/haut_de_page.svg")}
body.scrollup #haut_de_page {opacity:1;transition:opacity 600ms ease-in;-webkit-transition:opacity 600ms ease-in;-moz-transition:opacity 600ms ease-in;-ms-transition:opacity 600ms ease-in;-o-transition:opacity 600ms ease-in;}
body.phone.menuactif #haut_de_page,
body.tablet.menuactif #haut_de_page,
body.scrolldown #haut_de_page {opacity:0;transition:opacity 600ms ease-out;-webkit-transition:opacity 600ms ease-out;-moz-transition:opacity 600ms ease-out;-ms-transition:opacity 600ms ease-out;-o-transition:opacity 600ms ease-out;}

.toggler {cursor:pointer}
.toggler::before {content:"+";display:inline-block;margin:0 12px;width:20px;height:20px;font-size:20px;line-height:1;text-align:center;border:1px solid rgb(26,57,99)}
.toggler.on::before {content:"-"}

/*** OMBRE ***/
.ombre * {text-shadow:0.5px 0.5px rgb(0,0,0)}

/*** COORDONNEES ***/
a.bloc {display:block;margin:24px auto}
a.blanc {color:white}
a.tel,a.tel2,a.tel3,a.email {font-size:1.4em;font-family:'dinalternateM';text-align:center}
.tel,.tel2,.tel3,.email {font-weight:700;color:rgb(7,47,169)}
.tel::before,.tel2::before,.tel3::before,.email::before {font-family:'FontAwesome';margin:auto 12px auto auto}
/*
	\f879 :phone nu et penché vers la gauche
	\f87b :phone encadré et penché vers la gauche
	\f2a0 :phone vertical et avec des ondes en haut
	\f3cd :mobile creux
	\f10b :mobile plein
	\f0e0 :mail plein
*/
.tel::before {content:"\f879"}
.tel2::before {content:"\f3cd"}
.tel3::before {content:"\f87b"}
.email::before {content:"\f0e0"}

/*** BOXLINK ***/
.boxlink .box {display:inline-flex;line-height:56px;padding:0 12px}
.boxlink .box {transition:background-color 200ms ease-out;-webkit-transition:background-color 200ms ease-out;-moz-transition:background-color 200ms ease-out;-ms-transition:background-color 200ms ease-out;-o-transition:background-color 200ms ease-out;}
.boxlink:hover .box {transition:background-color 500ms ease-in;-webkit-transition:background-color 500ms ease-in;-moz-transition:background-color 500ms ease-in;-ms-transition:background-color 500ms ease-in;-o-transition:background-color 500ms ease-in;}
.boxlink .box:before {font-size:20px;margin:0 12px 0 0}
.boxlink.bb .box {background-color:rgb(7,47,169)!important}
.boxlink.bb .box * {color:white!important}
.boxlink.bb:hover .box {background-color:white!important}
.boxlink.bb:hover .box * {color:rgb(7,47,169)!important}
.boxlink.br .box {background-color:rgb(237,50,77)!important}
.boxlink.br .box * {color:white!important}
.boxlink.br:hover .box {background-color:white!important}
.boxlink.br:hover .box * {color:rgb(237,50,77)!important}
.boxlink .box .pre {font-size:0.6em;margin:auto 24px auto auto;line-height:normal}

/********************************
	PAGE VOTRE PAIEMENT
********************************/
body.retour_paiement #s_autre {}
body.retour_paiement #back tr td:last-child::before {content:':';margin-right:24px}
body.retour_paiement #back tr td:last-child {padding-left:24px}
body.retour_paiement #s_autre .success {color:green}

/********************************
	PAGE ML
********************************/
body.ml #s_autre {}
body.ml #s_autre .marges > * {padding: 0 2% 0 calc(2% + 15px) !important;margin-bottom:32px}
body.ml #s_autre a {color:rgb(32,67,146)}
	
/********************************
	PAGE ERREUR
********************************/
body.erreur #s_autre img {width:280px;height:auto;margin:24px 0 0}

/**************************
	SUITE...
**************************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*@charset 'UTF-8';*/
/* Slider */

/* Arrows */
.slick-prev{left:10%}
.fiche #presentation .slick-prev{left:-15%}
[dir='rtl'] .slick-prev{right: -25px;left: auto}
.slick-next{right: 10%}
.fiche #presentation .slick-next{right:-15%}
[dir='rtl'] .slick-next{right: auto;left: -25px}

.slick-prev,
.slick-next{position: absolute;top:0;width: calc(3vw + 4px);height: 100%;z-index:2;display:flex;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color: transparent;outline: none;background: transparent}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25}

.slick-prev:before{content: '⇠'}/*⇠ LEFTWARDS DASHED ARROW Unicode: U+21E0, UTF-8: E2 87 A0*//* ← */
[dir='rtl'] .slick-prev:before{content: '→';}
.slick-next:before{content: '⇢'}/*⇢ RIGHTWARDS DASHED ARROW Unicode: U+21E2, UTF-8: E2 87 A2*//* → */
[dir='rtl'] .slick-next:before{content: '⇠'}
.slick-prev:before,
.slick-next:before{display: block;width: 2vw;height: 2vw;padding:0.5vw;margin:auto;font-size: 2vw;line-height: 1;opacity: .75;color: grey;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border:2px solid grey;border-radius:2vw}
#fonctionsspecifiques .slick-prev:before,
#fonctionsspecifiques .slick-next:before{color: white;border-color:white}

/* Dots */
.slick-dots{position:absolute;left:0;bottom:0;display: block;width: 100%;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer}
.slick-dots li button{appearance:none;-moz-appearance:none;-webkit-appearance:none;font-size: 0;line-height: 0;display: block;width:2vw;height:6vh;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1}
.slick-dots li button:before{font-size: 2vw;line-height: 4vh;content: '●';text-align: center;opacity: .25;color: grey;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.slick-dots li.slick-active button:before{opacity: .75}