/*--------------------------------------------------------------------

	Holding CSS
	Designed & Handcrafted by The Pixel Parlour

--------------------------------------------------------------------*/



/*------------------------------------------------------------------*/
/*	1.	CSS Resets
/*------------------------------------------------------------------*/

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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.2; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

.hidden { display: none; }

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }

section, article, header, footer, nav, aside, hgroup { display: block; }



/*------------------------------------------------------------------*/
/*	2.	Common Styles
/*------------------------------------------------------------------*/

/*--------------------------------------------------------------------
	
	font: Catamaran
  font-family: 'Catamaran', Helvetica, Arial, sans-serif;
  font-weight: 300 (light), 400 (regular), 500 (medium), 600 (semibold), 700 (bold);

  Green     #0E4216
  Gold      #CFB73F
	
--------------------------------------------------------------------*/

/* Hide Text Whilst Fonts Load */
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading ol li,
.wf-loading ul li { visibility: hidden; }

/* Show Text Once Fonts Loaded */
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active ol li,
.wf-active ul li,
.wf-inactive h1,
.wf-inactive h2,
.wf-inactive h3,
.wf-inactive h4,
.wf-inactive h5,
.wf-inactive h6,
.wf-inactive p,
.wf-inactive ol li,
.wf-inactive ul li, { visibility: visible; }

* { margin: 0; padding: 0; }
html { min-height: 100%; background-color: #0E4216; }
body { min-width: 320px; height: 100%; font-family: 'Catamaran', Helvetica, Arial, sans-serif; font-weight: 300; color: #FFF; margin: 0; -webkit-text-size-adjust: none; }

@media screen and (min-width: 0px) and (max-width: 480px) {
body { font-size: 14px; }
}

img { width: auto; max-width: 100%; height: auto; vertical-align: bottom; }

b,
strong { font-weight: 500; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #FFF; margin: 0 0 20px 0; }
h1 { font-size: 2.5em; color: #CFB73F; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }

p { }

@media screen and (min-width: 0px) and (max-width: 600px) {
h1 { font-size: 2.1em; }
h2 { font-size: 1.6em; }
}

/* CSS Animation */
a,
.scrolldown,
.animatefast { 
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}

.animateslow { 
transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
}

.animatesuperslow { 
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}

a { color: #CFB73F; text-decoration: none; }
a:hover { color: #D8C565; }



/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

.page_bkgd { position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.15; }
.page_bkgd p { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.page_bkgd img { width: 100%; height: 100%; object-fit: cover; }

@media screen and (min-width: 0px) and (max-width: 900px) {
.page_bkgd p { left: -50%; }
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.page_bkgd p { left: -100%; }
}

.holdingwrapper { margin: 0 auto; overflow: hidden; }
.holdingouter { position: relative; display: table; max-width: 660px; margin: 0 auto; z-index: 6; }
.holdingcontent { display: table-cell; padding: 0 30px; vertical-align: middle; }
.holdingcontent.mobile { display: block; padding: 0 20px; }

.logo { width: 70%; max-width: 300px; margin: 40px 0; }
.logo span { display: none; }

.intro { padding-bottom: 40px; }
.holdingcontent p { max-width: 520px; font-size: 1.2em; margin: 30px 0 20px 0; }

ul.contacts { font-size: 1.2em; margin-top: -10px; }
ul.contacts li { margin: 0 0 4px 0; }
p.coming_soon { display: inline-block; font-size: 14px; color: #FFF; padding: 8px 16px; background-color: rgba(207,183,63,0.8); opacity: 1; border-radius: 20px; }

/* Credit */
.credit { position: fixed; right: 0; bottom: 0; font-size: 14px; color: #FFF; padding: 8px 18px; background-color: rgba(207,183,63,0.8); border-top-left-radius: 12px; z-index: 6; }

@media screen and (min-width: 0px) and (max-width: 600px) {
.credit { position: relative; font-size: 12px; margin: 30px 0 -50px 0; border-radius: 0; }
}