@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trirong:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {height:100%; position:relative; width:100%;} 
body {color:#3F5E57; position:relative; text-align:center; font-family:'Trirong', serif; font-size:12.8px; font-weight:400; text-align:center; -webkit-font-smoothing:antialiased;}
img {height:auto; max-width:100%;}

table {height:100%; position:relative; width:100%; border:0; border-collapse:collapse;}

sup {font-size:0.5em; line-height:0.5em;}
small, .small {font-size:0.85em; text-transform:none; line-height:1.5em;}

.animated {-webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; animation-duration:0.5s;
           -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -ms-animation-delay:0.15s; animation-delay:0.15s;}

#wrapper {background:transparent; height:100%; min-height:300px; min-width:320px; position:relative; width:100%; z-index:1; transition:opacity 0.5s;}
#menu-wrapper {position:relative; z-index:9;}


.gallery {display:block; max-width:1000px; margin:0 auto; padding:12px 0 20px 0;}
.page-home .gallery, .page-home-en .gallery, .page-partners .gallery, .page-partners-en .gallery {padding-top:0;}
@media (max-width: 1199px) {
	.gallery {max-width:500px;}
}

.gallery {display:block; max-width:500px; margin:0 auto; padding:0;}
.gallery figure {box-shadow:-1px 10px 40px 5px rgb(55,80,75,0.35);}
.gallery figure {display:inline-block; float:left; max-width:230px; margin:10px; padding:0; position:relative; -webkit-transition:box-shadow 0.2s; -moz-transition:box-shadow 0.2s; -ms-transition:box-shadow 0.2s; transition:box-shadow 0.2s; font-family:'Trirong', serif; text-transform:uppercase; color:#3F5E57; letter-spacing:1px; overflow:hidden; z-index:10; font-size:0.85em;}

@media (max-width: 600px) {
	.gallery figure {max-width:46%; margin:2% !important;}
}

.no-touchevents .gallery figure:hover, .gallery figure.active {box-shadow:none;}
.gallery figcaption {display:none !important;}
.gallery > img {height:100%; width:100%;}
.gallery img.spacer230 {height:auto;}
.gallery a {color:#3F5E57; display:inline-block; text-decoration:none;}
.gallery .fwrap a:hover {text-decoration:underline;}
.gallery .fwrap, .gallery .ftext {position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery .fwrap:before, .gallery .ftext:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
.gallery .ftext span {display:inline-block; width:80%; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; -ms-transition:background 0.2s; transition:background 0.2s;}



.fwrap-front, .fwrap-back .close-icon {cursor:pointer;}
.fwrap-back {background:#3F5E57; color:#FFFFFF; display:none;}
.fwrap-back a {color:#FFFFFF;}
.fwrap-back .ftext {display:flex; align-items:center; margin:0 !important; height:100% !important;}
.fwrap-back .ftext span {width:100%; line-height:1.4em;}
.fwrap-back i.close-icon {position:absolute; top:0; right:0; z-index:9; background:transparent url(/images/close-icon.png) center center no-repeat; height:36px; width:36px; text-indent:-9999px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .fwrap-back i.close-icon {background-image:url(/images/close-icon-2x.png); background-size:36px 36px;}
}

.fwrap-back .ftext span {background:none !important;}

.no-touchevents .gallery figure:hover .ftext > span {color:#FFFFFF;}
.no-touchevents .gallery figure .ftext > span {background-position-x:100%; background-image:linear-gradient(to left, transparent 50%, #3F5E57 50%); background-size:2px; background-size:200% auto;}
.no-touchevents .gallery figure:hover .ftext > span {background-position-x:-0; transition:background 400ms ease, color 400ms ease; transition-delay:0.3s;}
.no-touchevents .gallery figure:active .ftext > span {transition:background 100ms ease, color 100ms ease; transition-delay:0s;}


#gf1  {animation-delay:0.4s;}
#gf2  {animation-delay:0.5s;}
#gf3  {animation-delay:0.4s;}
#gf4  {animation-delay:0.3s;}


i.ficon {background:transparent center center no-repeat; width:36px; height:36px; position:relative; display:inline-block; margin-bottom:5px;}
i.tax-icon {background-image:url(/images/tax-icon.png);}
i.mail-icon {background-image:url(/images/mail-icon.png);}
i.phone-icon {background-image:url(/images/phone-icon.png);}
i.icon-1618 {background-image:url(/images/1.618.png); width:93px; height:37px; margin:5px auto 0 auto; padding:0; transform:scale(0.7);}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  i.ficon {background-size:36px 36px;}
  i.tax-icon {background-image:url(/images/tax-icon-2x.png);}
  i.mail-icon {background-image:url(/images/mail-icon-2x.png);}
  i.phone-icon {background-image:url(/images/phone-icon-2x.png);}
  i.icon-1618 {background-image:url(/images/1.618-2x.png); background-size:93px 37px;}
}


#header {height:15%}
#header td {vertical-align:bottom;}
#footer {height:8%}
#footer #copy {height:auto; background:#3F5E57; color:#FFFFFF;}
#footer #copy p {color:#FFFFFF; font-family:'Trirong', serif; font-weight:lighter; font-size:0.75em; text-transform:uppercase; letter-spacing:1px; padding:10px;}
#footer td {vertical-align:bottom; padding-top:10px;}

#footer img {
    padding-top: 14px;
}

#credits-wrapper {line-height:16px;}
#site-credits {background-image:url(/images/1.618-credits.png);}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    #site-credits {background-image:url(/images/1.618-credits-2x.png);}
}