@import url('https://fonts.googleapis.com/css2?family=Belleza&family=Source+Sans+Pro:wght@300;400;600&display=swap');
body { font-size: 18px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; background: #f7f7f7; color: #333 }
h1, h2, h3 { font-family: 'Belleza', sans-serif; color: #333 }
img { max-width: 100% }
a { text-decoration: none; transition: all 0.2s }
.Page { max-width: 1920px; margin: auto; box-shadow: 0 0 12px rgba(0,0,0,0.2) }
header { box-shadow: 0 0 12px rgba(0,0,0,0.1); background: #fff; z-index: 1 }
header .navbar { background: #fff !important }



footer > div:nth-child(2) .Name > h2:after { right: 0; margin: auto }

.Name > h2 { position: relative; padding-bottom: 30px }
.Name > h2:after { content: ""; position: absolute; width: 120px; border-radius: 50px; height: 2px; background: #bb9a6b; bottom: 15px; left: 0; }

.FirstPage main > div:first-child { background: #fff }
main > div:first-child > div { background: #f7f7f7 }


#Section531 { padding: 20px 0 }
#Section531 img { max-height: 100px; }

footer { color: #5b4b33 }
footer > div:first-child { 
    padding-top: 80px;
    background-color: #FAFBF6;
    /*background-image: url("/public/assets/sites/images/24/202305221720470.png");*/
    background-position: center left 300px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 480px;
    position: relative;
    font-size: 20px;    
}
footer > div:first-child .Text { padding-right: 0% }
footer > div:first-child+div { background: #f7f7f7; padding: 100px 0 70px; }
footer > div:last-child { padding: 50px 0; }
footer a { color: #5b4b33; line-height: initial }
footer i { font-size: 0; }
#Section584 a { color: #5b4b33; line-height: initial }
#Section584 i:before,
footer i:before { font-size: 28px }
#Section529 .Text p:last-child a+a { margin-left: 10px }
footer > div:first-child+div h2 { font-size: 22px; font-weight: 700 }

#Section524 .Text { overflow: hidden; border-radius: 10px; box-shadow: 0 0 12px rgba(0,0,0,0.1) }
table { margin: 0 !important }
table th {  }
table tbody tr:nth-last-of-type(2n+1) td {background: #A753BB !important }
table td { background: #9A3BB3 !important; color: #fff !important }
table td { border-bottom: rgba(0,0,0,0.1) solid 1px }
table th:first-child,
table td:first-child { padding-left: 20px }


#Section538 { background: rgba(193,159,103,0.5); padding: 8px 0px; }
#Section538 p { font-family: 'Belleza', sans-serif; font-size: 18px; color: #5b4b33; margin: 0;  text-align: center }

.SubPage main { padding: 80px 0 }
.CarouselFadeBs img { max-width: auto; width: 100% }

.Gallery > .Detail > .Wrapper .Item { display: inline-block; width: 18.4%; margin-left: 2%; vertical-align: top; cursor: pointer  }
.Gallery > .Detail > .Wrapper .Item:nth-of-type(5n+1) { margin-left: 0px }
.Gallery > .Detail > .Wrapper .Item:nth-of-type(n+6) { margin-top: 2% }
.Gallery > .Detail > .Wrapper .Item .Image { padding-top: 100%; position: relative; overflow: hidden }
.Gallery > .Detail > .Wrapper .Item .Image img { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.Gallery > .Detail > .Wrapper .Item .Image img.Hor { position: absolute; max-width: none; max-height: 100%; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%) }

.Thumbs .Item { display: inline-block; width: 18.4%; margin-right: 2%; vertical-align: top; cursor: pointer  }
.Thumbs .Item:nth-of-type(5n+0) { margin-right: 0 }
.Thumbs .Item:nth-of-type(n+6) { margin-top: 2% }
.Crop { padding-top: 100%; position: relative; overflow: hidden; background: #efefef; }
.Crop img { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.r1-1 img[data-hor*="r1-1"],
.r4-3 img[data-hor*="r4-3"],
.r16-9 img[data-hor*="r16-9"],
.r16-10 img[data-hor*="r16-10"] { max-width: none; height: 100%; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%) }

.r4-3 .Crop { padding-top: 75% }
.r16-9 .Crop { padding-top: 56.25% }
.r16-10 .Crop { padding-top: 62.5% }

body.Popup { overflow: hidden }
body > .Popup { position: fixed; width: 100%; height: 100%; z-index: 100; top: 0px; opacity: 0 }
body > .Popup .Detail { position: absolute;
top: 50%; 
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%,-50%);
}
body > .Popup .Content img { position: absolute;
top: 50%; 
left: 50%;
max-width: calc(100% - 30px);
max-height: calc(100% - 30px);
transform: translate(-50%,-50%); }
body > .Popup .Background { background: rgba(0,0,0,0.8); height: 100%; width: 100% }
body > .Popup .Close { position: absolute; top: 15px; right: 15px; z-index: 1; width: 28px; height: 28px; cursor: pointer }



body > .Popup .Close:before,
body > .Popup .Close:after { 
    content: "";
	margin: auto;
	width: 100%;
	height: 2px;
	border-radius: 1px;
	left: 0px;
	right: 0px;
	top: 0px;
	background: #fff;
	display: block;
	bottom: 0px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	transition: all 0.2s;
	top: 0px
}

body > .Popup .Close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
body > .Popup .Close:after { -webkit-transform: rotate(45deg); transform: rotate(-45deg) }

body > .Popup .Close:hover:before,
body > .Popup .Close:hover:after { background: #aaa }

#Page178 main h2 { font-size: 24px } 
#Page178 main > div .row { padding: 2rem 0; border-bottom: 1px solid rgba(0,0,0,0.2) }



#Section525 h2 { font-size: 48px; margin-bottom: 16px; padding-bottom: 40px }


.FirstPage main > div:first-child + div { background: rgba(193,159,103,0.65); padding: 200px 0 120px }
#Section558 img { max-width: 480px; width: 100%; }
#Section559 h2 { font-size: 48px; margin-bottom: 36px; padding-bottom: 60px }
#Section559 p { color: #333; }


main > div:nth-child(3) { padding: 120px 0 100px }

#Section524 h2 { font-size: 48px; margin-bottom: 36px; padding-bottom: 60px }

@media (min-width: 1025px) {	
	.FirstPage main > div:first-child { position: relative; padding-top: 50px; }
	.FirstPage main > div:first-child .row { border-top: 1px solid #efefef } 
	.FirstPage main > div:first-child .col-lg-6:last-child { max-width: 480px }
	#Section537 {margin: -50px 0 -120px;height: 620px; overflow: hidden}
	#Section537 .CarouselFadeBs .carousel-inner { margin: -50px 0 -120px; position: relative; left: 50%; transform: translateX(-50%); height: 620px; width: 960px }
	.nav-link { padding-left: 18px !important; padding-right: 18px !important }
}

@media (min-width: 1200px) {
	.FirstPage main > div:first-child .col-lg-6:last-child { max-width: 570px }
}

@media (min-width: 1400px) {
	.FirstPage main > div:first-child .col-lg-6:last-child { max-width: 660px }
}

@media (max-width: 768px) {
	.FirstPage main > div:first-child + div { padding: 12px 0 }
	#Section531 {
		padding: 4px 0 12px
	}
	#Section531 img {
		height: 60px;
	}
	.navbar {
		position: static;
		padding: 0
	}
	.navbar-toggler { 
		border: 0;
		position: absolute; 
		right: 0; 
		top: 0; 
		bottom: 0;
		margin: auto;
		height: 56px
	}
	.Name > h2 { 
		text-align: center
	}
	.Name > h2:after { 
		right: 0; 
		margin: auto 
	}
	.Thumbs { display: flex; flex-wrap: wrap; justify-content: space-between }
	.Thumbs .Item { 
		width: 49%; 
		margin-right: 0%; 
	}
	.Thumbs .Item:nth-of-type(n+3) { 
		margin-top: 2%
	}
}

/* ScrollUp update 04/01/2016
===============================================================================*/
.ScrollUp { 	
	position: fixed;
	display: none;
	cursor: pointer;
	border-radius: 50%;
	right: 20px; 
	bottom: 20px; 
	height: 60px; 
	width: 60px;
	padding: 30px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;	
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	font-size: 0px;
	background-color: #e7e7e7
}
.ScrollUp:before, .ScrollUp:after { content: ""; display: block; position: absolute; left: 38%; top: 38%; background: #000 }
.ScrollUp:before { width: 6%; height: 36%; }
.ScrollUp:after { width: 36%; height: 6%; }