.giftHero {padding: 3rem 0 3.95rem; background-color: #f7f5ef; text-align: center; position: relative; z-index:1; clear: both}
.giftHero .h3 {font:normal 15px 'Lato';  letter-spacing:0.1em; color: #9b8f85}
.giftHero h2 {margin:0 auto 1.5rem; width:290px; font-size:25px; letter-spacing:0.05em; line-height:1.5; font-weight:700}
.giftHero h3 {margin:0; font-size: 20px; width:200px; font:700 20px 'Cormorant'; letter-spacing:0.07em; color: #b3a79c; text-align:left}
.giftHero .line {margin:1.75rem 0 2rem; width: 50px; height: 1px; background-color: #d2c7bd}
.giftHero p {text-align:justify; color: #222}
.giftHero a.btn {margin-top:2.5rem; width:100%; text-align:center; display: table}
@media all and (min-width:576px) {
	.giftHero {padding: 3.95rem 0 4.5rem}
	.giftHero .h3 {letter-spacing:0.15em; font-weight:700}
	.giftHero h2 {margin:0.35rem auto 1rem; width:100%; font-size:28px}
	.giftHero h3 {font-size:15px; width:100%; text-align:center}
	.giftHero .line {margin:2.5rem auto 2.25rem; width:70px}
	.giftHero a.btn {margin-top:3rem; width:280px}}
@media all and (min-width:992px) {
	.giftHero h2 {font-size:31px}
	.giftHero h3 {font-size:18px}
	.giftHero p {margin:auto; text-align:center; width:780px}}
/* -------------------------------------------------------- */		
.giftIntro {padding-top:3rem; text-align: center; position: relative; z-index:1; clear: both}
.giftIntro h2 {font-size:17px; letter-spacing:0.05em; font-weight:700}
.giftIntro p {margin:0.65rem auto 0; width:325px}
@media all and (min-width:576px) {
	.giftIntro {padding-top:3.95rem}
	.giftIntro h2 {font-size:22px}
	.giftIntro p {margin:1rem auto 0; width:470px}}
@media all and (min-width:992px) {
	.giftIntro h2 {font-size:27px}
	.giftIntro p {width:600px}}	
/* -------------------------------------------------------- */	
.giftOptions {padding-top:2.5rem; text-align: center; position: relative; z-index:1; clear: both}
.giftOptions img {margin:0 auto 2rem; width:55px}
.giftOptions h2 {margin:auto; width: 300px; font-size:23px; letter-spacing:0.075em; font-weight:700}
.giftOptions .grid {margin-top:2.5rem; gap: 1rem; position: relative; z-index:1; clear: both}
.giftOptions .grid .frame {padding:2rem 0 2.75rem; border: 1px solid #f0ede4; background-color: #f7f5ef; display: block; text-decoration: none; transition: 0.3s ease}
.giftOptions .grid .frame:hover {background: #f0ede4}
.giftOptions .grid .frame .card h3 {margin-bottom:1rem; font-size:16px; letter-spacing:0.1em; font-weight:700}
.giftOptions .grid .frame .card p {margin:auto; width:200px}
.giftOptions .grid .frame .card .btn {margin-top:1.75rem; padding:10px 20px; font:normal 11px 'Lato'; letter-spacing:0.15em; background:#8b998d; border-radius:4px; color: #fff; display: inline-block}
@media all and (min-width:576px) {
	.giftOptions {padding-top:3.25rem}
	.giftOptions img {margin:0 auto 3rem}
	.giftOptions h2 {width:350px; font-size:30px}
	.giftOptions .grid {margin-top:3.5rem; gap:3rem}
	.giftOptions .grid .frame {padding:3.5rem 0 3.95rem}
	.giftOptions .grid .frame .card h3 {font-size:25px; letter-spacing:0.05em}
	.giftOptions .grid .frame .card p {width:450px}
	.giftOptions .grid .frame .card .btn {margin-top:2rem; padding:12px 25px; font-size:12px}}
@media all and (min-width:992px) {
	.giftOptions {padding-top:3.5rem}
	.giftOptions img {width:65px}
	.giftOptions h2 {width:100%; font-size:27px; letter-spacing:0.05em}
	.giftOptions .grid {margin-top:2.75rem; gap:1rem}
	.giftOptions .grid .frame {padding:3rem 2rem 3.15rem}
	.giftOptions .grid .frame .card h3 {font-size:20px}
	.giftOptions .grid .frame .card p {width:100%}}	
/* -------------------------------------------------------- Bon cadeau - Prix */		
.gift {padding:3rem 0 2rem; margin-top:3.95rem; text-align:center; background-color: #f7f5ef; color: #222; position:relative; width: 100%; z-index: 1}	
.gift h2 {font-size:17px; letter-spacing:0.15em}
.gift h2 span {font:bold 23px 'Playfair'; letter-spacing:0.025em; display: block}
.gift p {margin-top:1.35rem; text-align:justify}		
.gift-one .euro {margin:1.75rem 0 0.75rem; font-size:17px; color:#888; text-transform:none; text-align:right}
.gift-one .btnGift {margin-top:0.75rem}					
.gift-one .btnGift a.btn {margin:0 auto; width:100%; text-align:center; display: table}
.gift-one .faq {margin:0.35rem auto 0; padding:30px 10px 10px; line-height:40px; background-color:#f7f5ef; box-sizing:border-box; text-align:left; position:relative}
.gift-one .faq label {padding-left:1rem; top:0; left:0; right:0; height:50px; position:absolute; cursor:pointer; user-select:none}
.gift-one .faq label::before {left:5px; top:50%; transform:translate(0, -50%); color: #555; content:'*'; transition: transform .5s linear; position:absolute}
.gift-one .faq label h3 {padding-top:10px; font:normal 17px 'Cormorant'; letter-spacing:0.05em; color: #5e5e5e; text-transform:none}
.gift-one .faq label h3 i {color: #aaa}
.gift-one .faq > p {margin:0 auto; padding:0; font-size:16px; letter-spacing:0.025em; line-height:1.35; color: #555; height:0; transform:scaleY(0); box-sizing:border-box; overflow:hidden; transition:padding .5s ease-in, height .5s ease-in, transform .3s} 
.gift-one .faq > p span {margin-top:0.5rem; display:block; text-transform:none}
.gift-one .faq > input {display:none}
.gift-one .faq > input[type="checkbox"]:checked + label + p {height:auto; padding:10px 0 10px 5px; transform:scaleY(1)} 
.gift-two {display:none}
@media all and (min-width:576px) {	
	.gift {padding:3rem 0 2.5rem; margin-top:5rem}
	.gift h2 {font-size:19px}
	.gift h2 span {font-size:27px}
	.gift p {margin-top:2rem}
	.gift-one .euro {margin:2rem 0 1.25rem; font-size:19px}
	.gift-one .faq label h3 {font-size:19px}
	.gift-one .faq > p {font-size:17px}
	.gift-one .faq > input[type="checkbox"]:checked + label + p { padding:20px 0 10px 5px}}	
@media all and (min-width:992px) {							
	.gift {padding:3.5rem 0 3.95rem}
	.gift h2,
	.gift h2 span {font-size:27px; font-weight:700; display:inline}	
	.gift p {margin-top:1.5rem}
	.gift-one .euro {margin-bottom:1rem}
	.gift-one {margin-top:0.5rem; padding-left:4rem}
	.gift-two {margin-top:2.5rem; display:inline-block}} 
@media all and (min-width:1200px) {							
	.gift {padding:3.95rem 0 4.5rem}
	.gift-one {margin-top:1.5rem; padding-left:7rem}
	.gift-one .euro {margin-bottom:1.5rem}
	.gift-two {margin-top:3.5rem}} 
/* -------------------------------------------------------- Nice */	
.nice-select {padding:12px 0 12px 20px; width:100%; border: 1px solid #d1c286; color:#777; border-radius: 1px; text-align: left; vertical-align: middle; background:none; margin: 0 auto; position: relative; cursor: pointer}
.nice-select:focus {outline: none}
.nice-select::after {top:12px; right:15px; color:#d1c286; content: '\25BC'; position: absolute; transition: .25s all ease; pointer-events: none}
.nice-select:hover::after {color: #d1c286}
.nice-select.open::after {transform: rotate(-180deg)}
.nice-select.open .list {opacity: 1; pointer-events: auto; transform: scale(1) translateY(0)}
.nice-select .list {margin-top:0.07rem; width:100%; background-color:#f7f5ef; border: 1px solid #bbb; box-shadow:1px 1px 3px #888; box-sizing: border-box; opacity: 0; padding: 0; top: 100%; left: 0; pointer-events: none; position: absolute; overflow: hidden; transition: transform .30s; transform: scale3d(1, 0, 1); transform-origin: 50% 0; z-index: 13}	
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important} 
.nice-select .option {padding:12px 0 12px 20px; text-indent:1.35rem; outline: none; transition: all 0.25s}						
.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {background-color: #d2c7bd} 	
.nice-select span,
.nice-select .option {font:normal 15px 'Lato'; letter-spacing:0.1em; text-transform:none}
@media all and (min-width:576px) {
	.nice-select span,
	.nice-select .option {font-size: 16px}}
@media all and (min-width:992px) {
	.nice-select,
	.nice-select .option {padding:10px 0 10px 20px}}	
/* -------------------------------------------------------- Caractéristiques */					
.features {padding-top:2.5rem; position:relative; width: 100%; text-align: center; z-index: 0}	
.features img {margin:0.7rem 0; width:35px; max-width: 100%; height: auto}	
.features h2,
.features .feat-sub {font:bold 20px 'Florentino'; color:#3e3e3e; text-transform:none}
.features p {margin:0.5rem auto 2rem; color:#777; width:250px; line-height:1.3}
@media all and (min-width:576px) {	
	.features {padding-top:3.5rem}
	.features h2,
	.features .feat-sub {font-size:22px; letter-spacing:0.05em}
	.features p {width:300px}}
@media all and (min-width:992px) {
	.features {padding-top:3.5rem}
	.features .grid {gap:3rem; position: relative; clear: both}
	.features p {margin:0.5rem auto 2rem; font-size:21px; letter-spacing:0.05em; width:100%}
	.features h2,
	.features .feat-sub {font-size:18px}}	
@media all and (min-width:1200px) {   
	.features {padding-top:3.95rem; max-width:880px}}
/* -------------------------------------------------------- */	
.giftEmotion {padding-top:2.5rem; text-align: center; position: relative; z-index:1; clear: both}
.giftEmotion h2 {margin:auto; max-width:300px; font-size:23px; letter-spacing:0.05em; font-weight:700}
.giftEmotion h2::before {left:30%; top:1.15rem; width:40%; border-top:1px solid #d1c286; content: " "; position: absolute; z-index: 1}
.giftEmotion p {margin:0.65rem auto 0; width:300px}
@media all and (min-width:576px) {
	.giftEmotion {padding-top:3.5rem}
	.giftEmotion h2 {max-width:350px; font-size:28px}
	.giftEmotion h2::before {left:37.5%; top:1.75rem; width:25%}
	.giftEmotion p {margin:1rem auto 0; width:500px}}
@media all and (min-width:992px) {
	.giftEmotion {padding-top:2.5rem}
	.giftEmotion h2 {padding: 0 0.75em 0 0.75em; font-size:27px; max-width:100%; background: #fff; display: inline-block}
	.giftEmotion h2::before {width: 100%; top:35%; left: 0; border-bottom: 1px solid #555; border-top:0px solid #fff; z-index: -1}		
	.giftEmotion p {margin-top:1.5rem; width:860px}}
/* -------------------------------------------------------- */	
#parallax {padding:6rem 0; margin-top:4rem; width: 100%; height:auto; opacity:0.8; background: url(../img/mariage/003-1600x900.webp) no-repeat center center; background-size: cover; position: relative; overflow: hidden}
.payoff {height:100%; width:100%; position: relative}							
.payoff .contactText {padding:1.5rem 0 2.5rem; background-color: rgba(252,252,252,0.9); width:100%; margin:0 auto; text-align: center}		
.payoff .contactText > img {margin-top:0.7rem; width:55px; max-width:100%; height:auto}							
.payoff .contactText .h6 {margin-top:0.75rem; font:normal 12px 'Lato'; letter-spacing:0.1em; color: #555}
.payoff .contactText h2 {margin-top:0.35rem; font-size:18px; letter-spacing:0.025em; line-height:1.35}
.payoff .wrapCol {width:100%; margin:1.5rem 0}
@media all and (min-width:576px) {	
	 #parallax {padding:7rem 0; margin-top:4.5rem}
	 .payoff .contactText {padding:2rem 0 3.5rem}		
	 .payoff .contactText > img {width:80px}							
	 .payoff .contactText .h6 {font-size:15px}
	 .payoff .contactText h2 {font-size:25px}
	 .payoff .wrapCol {margin:2.5rem 0}}						
@media all and (min-width:992px) {				
	 #parallax {padding:5rem 0; margin-top:5rem}
	.payoff .contactText {padding:1rem 0 2.5rem}
	.payoff .contactText > img {width:55px}							
	.payoff .contactText .h6 {font-size:12px}
	.payoff .contactText h2 {font-size:18px}																			
	.payoff .wrapCol {margin: 0 1.5rem}}	
@media all and (min-width:1200px) {		
	 #parallax {padding:6rem 0}							
	 .payoff .wrapCol {margin: 0 2.5rem}}
/* -------------------------------------------------------- INFO */
.infoPage {padding:3.5rem 0 4.5rem; background-color:#f7f5ef; text-align: center; position:relative}
.infoPage h2 {font-size:21px; letter-spacing: 0.02em; line-height:1.5; font-weight:bold}
.infoPage p {margin:1.5rem auto 2.5rem; text-align:justify}
.infoPage_Right a.btn,
.infoPage_Left a.btn {margin:0.5rem auto; width:100%; color:#fff; background-color:#8b998d; border-bottom:0 dotted #f7f5ef; text-align:center; display: table}
.infoPage_Right a.btn span,
.infoPage_Left a.btn span {font:normal 12px "Lato"; letter-spacing:0.1em}
.infoPage_Right a.btn:hover,
.infoPage_Left a.btn:hover {border-bottom:0 solid #f7f5ef}
.infoPage_Left a.btn i,
.infoPage_Right a.btn i {color: #fff}
@media all and (min-width:576px) {	
	.infoPage {padding:3rem 0 4.5rem}
	.infoPage h2 {margin-top:0.5rem}
	.infoPage_Right a.btn,
	.infoPage_Left a.btn {width:330px}}
@media all and (min-width:992px) {	
	.infoPage {padding:3.95rem 0 5rem}
	.infoPage h2 {font-size:24px; margin-top:0}
	.infoPage p {margin:1.1em auto 2.75rem; line-height: 1.8; width:800px; text-align:center}
	.infoPage_Left a.btn {margin:0 0.85rem 0 auto}	
	.infoPage_Right a.btn {margin:0 auto 0 0.85rem}}