/* -------------------------------------------------------- */	
.galerie_one {padding:3.25rem 0 2.25rem; margin: 0 auto; background-color: #f7f5ef; color: #1a1a1a}
.galerie_one h2 {margin-bottom:0.5rem; font:normal 15px 'Cormorant';  letter-spacing:0.05em; color: #888}
.galerie_one h3 {font-size:36px; letter-spacing:0.05em; line-height: 1.2; max-width:260px}
.galerie_one h3::after {margin:2.25rem 0 2.5rem; width: 70px; height: 2px; background-color: #8b998d; content: ""; display: block}
.galerie_one .text {column-count: 1}
.galerie_one .text p {margin-bottom: 20px; text-align:justify}
.galerie_one .text strong {font-weight: 700}
@media all and (min-width:576px) {
	.galerie_one {padding:3.95rem 0 3rem; text-align:center}
	.galerie_one h2 {margin-bottom:0; font-size:16px; letter-spacing:0.15em}
	.galerie_one h3 {margin:1rem auto 2.5rem; font-size:30px; max-width:600px; line-height: 1.35}
	.galerie_one h3::after {height:1px; margin:2.5rem auto 3rem}}
@media all and (min-width:992px) {
	.galerie_one {padding:4.5rem 0 3.5rem}
    .galerie_one .text {column-count: 2; column-gap:50px}}
/* -------------------------------------------------------- */
.galerie_two {padding:3.95rem 0 3.5em; position:relative; z-index: 1}
.galerie_two > div:nth-of-type(1) img {width:100%; margin: auto; position: relative; display: block}
.galerie_two > div:nth-of-type(2) h2 {margin-top:2.25rem; font:bold 28px 'Florentino'; text-transform:none}	
.galerie_two > div:nth-of-type(2) .big {margin:1.5rem 0 0.5rem; width:10rem; border-bottom:1px solid #8b998d}
.galerie_two > div:nth-of-type(2) .small {margin: 0.5rem 0 1.35rem; width:8rem; border-bottom:1px solid #8b998d}					
.galerie_two > div:nth-of-type(2) p {margin-top:1.75rem; text-align:justify}
#private {margin-top:2rem; position:relative}
#private .name, 
#private .password {padding: 7px 7px; margin-bottom: 0.3rem; font-size:15px; letter-spacing: 0.08em; background-color:#f7f5ef; border: 1px solid #eee; width: 100%}
#private .name:focus, 
#private .password:focus {font-size:15px; border:1px solid #8b998d; box-shadow: 0 0 7px #aaa; outline: none}		
#private button {margin-top:0.16em; padding:5px 0 8px; font:700 12px 'Lato'; letter-spacing: 0.15em; line-height:1.75; width: 100%; color: #fff; border-radius: 2px; background-color:#8b998d; border: 1px solid #8b998d; transition: .97s; text-transform:uppercase; text-align: center; display: table; position: relative; z-index:10; cursor:pointer}	
#private button:hover {border: 1px solid #737f75; background-color:#737f75}
#private button::after {margin-left:0.5rem; font-size:17px; color:#f7f7f7; content:"\2192"; transition: .97s}
#private .codes {margin-top:0.8rem; font-size:16px; letter-spacing: 0.05em; opacity:0.6}
@media all and (min-width:576px) {
	.galerie_two {padding:5rem 0 3.95rem}
	.galerie_two > div:nth-of-type(2) h2 {margin-top:3rem; font-size:32px}						
	.galerie_two > div:nth-of-type(2) h3 {font-size:15px}
	.galerie_two > div:nth-of-type(2) p {margin-top:2rem}}
@media all and (min-width:992px) {
	.galerie_two {padding:6rem 0 8.5rem}
	.galerie_two > div:nth-of-type(1) img {left:0.5rem; width:80%; box-shadow: -50px 50px #8b998d; margin: auto; position: relative; display: block}
	.galerie_two > div:nth-of-type(2) {padding-left:3.5rem} 
	.galerie_two > div:nth-of-type(2) h2 {margin-top:2rem}
	.galerie_two > div:nth-of-type(2) .big {margin:2rem 0 0.5rem}
	.galerie_two > div:nth-of-type(2) .small {margin: 0.5rem 0 2.5rem}
	#private .codes {margin-top:1rem}}
@media all and (min-width:1200px) {
	.galerie_two {padding-bottom:9.5rem}
	.galerie_two > div:nth-of-type(1) img {left:2rem; width:67%}		
	.galerie_two > div:nth-of-type(2) {padding:0 5rem 0 3.5rem}}	
/* -------------------------------------------------------- Contact Info */
#galerie_three {padding:5rem 0; filter: grayscale(0.5); position: relative; background: url('../img/mariage/003-1600x900.webp') no-repeat center center; background-size: cover; background-attachment:fixed}
.galerie_three .text {padding:1.5rem 0 2rem; background-color: #fff; opacity:0.9; width:100%; margin:0 auto; text-align: center}		
.galerie_three .text > img {margin-top:0.7rem; width:50px; max-width:100%; height:auto}	
.galerie_three .text h3 {margin-top:1rem; font:normal 10px 'Lato'; letter-spacing:0.1em; color: #777}
.galerie_three .text address {margin-top:1rem; font-size:13px; letter-spacing:0.02em; line-height:1.7; color: #000; display: block; font-style: normal}
.galerie_three .text address .tel {font-size:17px; letter-spacing: 0.1em}
.galerie_three .text address .tel:hover,
.galerie_three .text address .email:hover {border-bottom:1px solid #777}
.galerie_three .wrapCol {width:100%; margin:1.5rem 0}
@media all and (min-width:576px) {	
	.galerie_three .text {padding:2.5rem 0 3rem}		
	.galerie_three .text > img {width:70px}	
	.galerie_three .text h3 {font-size:15px}
	.galerie_three .text address {font-size:17px; letter-spacing:0.05em}
	.galerie_three .text address .tel {font-size:21px; line-height:2.5}
	.galerie_three .wrapCol {margin:2.5rem 0}}
@media all and (min-width:992px) {					
	.galerie_three .text {padding:2rem 0 1.75rem}
	.galerie_three .text > img {margin-top:0; width:39px}							
	.galerie_three .text h3 {margin-top:0.5rem; font-size:10px}
	.galerie_three .text address {font-size:13px}
	.galerie_three .text address .tel {top:-0.3rem; font-size:17px; line-height:0; color: #333; position:relative}
	.galerie_three .wrapCol {margin: 0 1rem}}
@media all and (min-width:1200px) {	
	#galerie_three {padding:6rem 0}
	.galerie_three .text {padding:2.5rem 0 2.25rem}		
	.galerie_three .text address {font-size:16px}
	.galerie_three .text address .tel {font-size:20px}																		
	.galerie_three .wrapCol {margin: 0 2rem}}	
/* -------------------------------------------------------- GALERIE Portfolio */
.galleryTitle {padding:3.5rem 0 2.5rem; text-align:center; position:relative}	
.galleryTitle h3 {margin-bottom:0.6rem; font:700 15px 'Lato'; letter-spacing:0.1em; color:#aaa}
.galleryTitle h2 {margin:0 auto; width:280px; font-size:40px; letter-spacing:0.02em; line-height:0.9em; text-transform:none}
.galleryTitle h2 em {font:italic 60px 'Signature'; letter-spacing:0; line-height:0.35; display:block}
.galleryTitle p {margin:2.5rem auto 2rem; max-width:310px}
#gallery {padding:1rem; margin: 0; column-count:1; -webkit-column-count:1; -moz-column-count:1}
#gallery .item {margin-bottom:0.7rem; width: 100%; display: inline-block; transition: 1s ease all}
#gallery .item img {max-width: 100%}
#gallery .item .lightbox {top:0; left: 0; height: 0; width: 0; position: fixed; z-index:77777; text-align: center; background:rgba(255,255,255,0.97); opacity: 0}
#gallery .item .lightbox img {padding:0.97rem; transform:translateX(-50%) translateY(-50%); top:50%; left: 50%; max-width:100%; max-height:100%; opacity: 0; vertical-align: middle; position: absolute}
#gallery .item .lightbox:target {outline: none; width: 100%; height: 100%; opacity: 1 !important}
#gallery .item .lightbox:target img {opacity: 1; -webkit-transition: opacity 0.6s; transition: opacity 0.6s}
#gallery .item a.light-btn {padding:5px 10px 8px; top:50%; color: #fff; background-color: rgba(0,0,0,0.7); border-radius: 1px; cursor: pointer; vertical-align: middle; position: absolute; z-index: 77777}
#gallery .item a.light-btn:hover, 
#gallery .item a.light-btn:focus, 
#gallery .item a.light-btn:active {color: #fff; outline:0; background-color: rgba(0,0,0,0.7)}
#gallery .item .lightbox a.btn-prev {left:1%}
#gallery .item .lightbox a.btn-next {right:1%}
#gallery .item .lightbox .btn-close {font-size:50px; right:25px; top:7px; color: #777; text-decoration: none; position: absolute; z-index: 99}
#gallery .item .lightbox .btn-close:hover {color: #000}	
@media all and (min-width:576px) {		
	.galleryTitle {padding:4.5rem 0 2.5rem}	
	.galleryTitle h3 {font-size:17px}
	.galleryTitle h2 {width:400px; font-size:50px}
	.galleryTitle h2 em {font-size:65px}	
	.galleryTitle p {max-width:450px}		
	#gallery {margin:0 auto; max-width:90%; column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap:1.25rem; -webkit-column-gap:1.25rem; -moz-column-gap:1.25rem}
	#gallery .item {margin-bottom:1.25rem}}
@media all and (min-width:992px) {		
	.galleryTitle h3 {letter-spacing:0.3em}
	.galleryTitle h2 {width:100%; font-size:33px}
	.galleryTitle h2 em {margin-left:-1.5rem; line-height:0.5}	
	.galleryTitle p {margin:2.5rem auto 3.25rem; max-width:750px}	
	#gallery {column-count:3; -moz-column-count:3; -webkit-column-count:3}
	#gallery .thumb {display:none}}
@media all and (min-width:1200px) {		
	#gallery {max-width:80%; column-gap:1.5rem; -webkit-column-gap:1.5rem; -moz-column-gap:1.5rem}
	#gallery .item {margin-bottom:1.5rem}}		
/* -------------------------------------------------------- GALERIE Extra */					
.extraService {padding:3.25rem 0 5rem; margin:0 auto; background-color: #f8f8f8; text-align: center; position:relative}	
.extraService h2.title {font:italic 17px 'Lato'; letter-spacing:0.075em; line-height:1.35; color:#888; text-transform:none}	
.extraService h3 > span:nth-of-type(1) {font-size:27px; text-transform:none}
.extraService h3 > span:nth-of-type(2) {font:600 27px 'Florentino'; padding-bottom:0.2rem; border-bottom:2px solid #8b998d}
.extraContain {margin-top:3rem; padding:2rem 2rem 3.5rem 2rem; background-color:#fff}	
.extraContain img {width:100%}
.extraContain h2.sub {margin-top:2rem}
.extraContain h2.sub span {display: block}
.extraContain h2.sub > span:nth-of-type(1) {font:600 21px 'Florentino'}
.extraContain h2.sub > span:nth-of-type(2) {font:italic 27px 'Cormorant'; letter-spacing:0.015em; text-transform:none}
.extraContain .line_10 {margin:1.15rem auto; height:39px; width:0; border-left:2px solid #8b998d}  
.extraContain p {margin:0 auto; max-width:250px; letter-spacing:0.03em; text-align:center}
.extraContain a.btn {margin-top:2rem; width:200px; text-align:center; display: table} 
@media all and (min-width:576px) {	
	.extraService {padding:3.95rem 0 5.5rem}
	.extraService h2.title {font-size:22px}
	.extraService h3 > span:nth-of-type(1),
	.extraService h3 > span:nth-of-type(2) {font-size:35px}
    .extraContain {margin-top:3.95rem; padding:3rem 3rem 4.5rem 3rem}
	.extraContain h2.sub {margin-top:3.5rem} 
	.extraContain h2.sub > span:nth-of-type(1) {font-size:25px}
	.extraContain h2.sub > span:nth-of-type(2) {font-size:31px}
	.extraContain p {max-width:360px; letter-spacing:0.1em}
	.extraContain a.btn {margin-top:2.5rem; width:230px}}
@media all and (min-width:992px) {	
    .extraService h3 {padding-bottom:3.5rem}
    .extraContain {margin-top:0; padding:0}
	.extraContain h2.sub {margin-top:2.75rem} 
	.extraContain h2.sub > span:nth-of-type(1) {font-size:20px}
	.extraContain h2.sub > span:nth-of-type(2) {font-size:28px}
	.extraContain .line_10 {margin:1rem auto; height:35px}  
	.extraContain p {max-width:300px; font-size:21px; letter-spacing:0.03em; line-height:1.35}
	.extraContain a.btn {margin-top:2rem}}
@media all and (min-width:1200px) {	
    .extraService {padding:4.5rem 0 6rem}
	 .extraService h3 {padding-bottom:3.95rem}
	.extraContain h2.sub {margin-top:3.95rem} 
	.extraContain h2.sub > span:nth-of-type(1) {font-size:25px}
	.extraContain h2.sub > span:nth-of-type(2) {font-size:33px}
	.extraContain .line_10 {margin:1.5rem auto; height:50px}  
	.extraContain p {max-width:360px; font-size:22px; letter-spacing:0.1em; line-height:1.5}
	.extraContain a.btn {margin-top:2.5rem}}