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

	Holding CSS
	Updated: 29.01.2026

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



/*------------------------------------------------------------------*/
/*	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: Inter
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-weight: 100 (thin), 200 (extralight), 300 (light), 400 (regular), 500 (medium), 600 (semibold), 700 (bold), 800 (extrabold), 900 (black);

  Rich Blue #141F39
  Blue      #213D75
  Grey      #797979
	
--------------------------------------------------------------------*/

/* 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: #141F39; }
body { min-width: 320px; height: 100%; font-family: "Inter", Helvetica, Arial, sans-serif; font-optical-sizing: auto; font-size: 16px; font-weight: 400; color: #141F39; margin: 0; background-color: #FFF; -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: 600; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #213D75; margin: 0 0 20px 0; }
h1 { font-size: 1.625em; }
h2 { font-size: 1.375em; font-weight: 400; color: #797979; }
h3 { font-size: 1.5em; }

p { line-height: 140%; }

/*
@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: #797979; text-decoration: none; }
a:hover { color: #231D75; }



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

.page_bkgd { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }
.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 { position: relative; text-align: center; margin: 0 auto; overflow: hidden; }
.holdingouter { position: relative; display: table; max-width: 560px; 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: 200px; margin: 40px auto; }
.logo span { display: none; }

@media screen and (min-width: 0px) and (max-width: 480px) {
.logo { max-width: 160px; }
}

.intro { padding-bottom: 60px; }
.holdingcontent p { font-size: 1.125em; margin: 30px auto 20px auto; }

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: #213D75; opacity: 1; border-radius: 20px; }

/* Background Photos */
.holdingwrapper { position: relative; }
.holdingwrapper .photo_holder { position: absolute; filter: blur(10px); opacity: 0; z-index: 2; }
.holdingwrapper .photo_holder.loaded { margin: 0; filter: blur(0px); opacity: 1; }
.holdingwrapper .photo_holder p { position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; }
.holdingwrapper .photo_holder.loaded p { top: -20px; right: -20px; bottom: -20px; left: -20px; }
.holdingwrapper .photo_holder img { width: 100%; height: 100%; object-fit: cover; }

.holdingwrapper .photo_holder.bottom_left_shape,
.holdingwrapper .photo_holder.top_right_shape { z-index: 1; }
.holdingwrapper .photo_holder.bottom_left_shape p,
.holdingwrapper .photo_holder.top_right_shape p { position: relative; top: 0; right: 0; bottom: 0; left: 0; }
.holdingwrapper .photo_holder.bottom_left_shape img,
.holdingwrapper .photo_holder.top_right_shape img { object-fit: scale-down; }
.holdingwrapper .photo_holder.top_right_shape { transform: rotate(180deg); }

.top_left_photo { 
  width: 26%;
  height: 60%;
  max-height: 600px;
  top: 0;
  left: 0;
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 82% 40%, 0 100%);
}

.bottom_right_photo { 
  width: 26%;
  height: 60%;
  max-height: 600px;
  bottom: 0;
  right: 0;
  opacity: 1;
  clip-path: polygon(100% 0, 18% 60%, 0 100%, 100% 100%);
}

.bottom_left_shape { 
  width: 60%;
  height: auto;
  max-height: 490px;
  bottom: 0;
  left: 0;
  opacity: 1;
}

.top_right_shape { 
  width: 60%;
  height: auto;
  max-height: 490px;
  top: 0;
  right: 0;
  opacity: 1;
}

@media screen and (min-width: 0px) and (max-width: 960px) {
.top_left_photo { height: 30%; max-width: 300px; }
.bottom_right_photo { height: 30%; max-width: 300px; }
}

/* Credit */
.credit { position: fixed; right: 0; bottom: 0; font-size: 11px; color: #FFF; padding: 8px 18px; background-color: #213D75; border-top-left-radius: 12px; z-index: 6; }

@media screen and (min-width: 0px) and (max-width: 600px) {
.credit { position: absolute; width: calc(100% - 36px); border-radius: 0; }
}