/*  HM Core Adam de Croy  Parent stylesheet  */
/*  HM Core Adam de Croy  Colours  */
@import url("https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Special+Elite");
.red { color: #F00; }

.green { color: #59c756; }

.blue { color: #11b8ff; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy  Fonts  */
body { font-family: 'Muli', sans-serif; font-weight: 300; }

/*  HM Core Adam de Croy  General/Reset  */
html, body { /*height: 100%;*/ width: 100%; padding: 0; margin: 0; }

html { background: #000; }

body * { margin: 0; padding: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-fontsmoothing: antialiased; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; }

body { background: #EEE; min-height: 100vh; }

body.noscroll, body.noScroll { overflow: hidden; }

/* LAYOUT */
#container { overflow-x: hidden; }

@media only screen and (min-width: 768px) { #container.blur { filter: blur(15px); -webkit-filter: blur(15px); -moz-filter: blur(15px); -ms-filter: blur(15px); -o-filter: blur(15px); } }
.inner { padding: 0 30px; margin: auto; }

.vc { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.hc { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/* LINKS */
a { color: inherit; }

a[href], .jqc { -webkit-transition: .5s; transition: .5s; }

a[href]:hover, .jqc:hover { opacity: .8; cursor: pointer; -webkit-transition: none; transition: none; }

a:hover { opacity: .8 \9; filter: alpha(opacity=80) \9; }

.faded { opacity: .5; filter: alpha(opacity=50); }

/* Responsive Facebook Comments */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; }

/* RESPONSIVE */
/* MOBILE */
@media only screen and (max-width: 767px) { /* LAYOUT */
  .inner { padding: 0 20px; } }
/*  HM Core Adam de Croy  Loading  */
#Loading { background: #EEE; background: rgba(255, 255, 255, 0.95); z-index: 200000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; text-align: center; font-size: 1.4em; font-weight: 400; color: #59c756; display: none; }
#Loading .inner { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#Loading .fa-wifi, #Loading .fa-check-circle, #Loading .fa-exclamation-circle { display: block; margin: 0 auto 20px auto; font-size: 1.4em; }
#Loading .fa-check-circle { display: none; color: #59c756; }
#Loading .fa-exclamation-circle { display: none; color: #F00; }
#Loading .Pinger { display: block; -webkit-transition: .2s; transition: .2s; margin-bottom: 0; height: 29px; }
#Loading .Pinger span { display: inline-block; width: 15px; height: 15px; background: #000; margin: 0 10px; border-radius: 100%; -webkit-animation: 1.5s ease 0s infinite Pinger; animation: 1.5s ease 0s infinite Pinger; -webkit-transform: scale(0); transform: scale(0); }
#Loading .Pinger span:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; }
#Loading .Pinger span:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; }
@-webkit-keyframes Pinger { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }
@keyframes Pinger { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }
#Loading p { margin: 20px 0 0 0; z-index: 1; padding: 0 30px; color: #666; -webkit-animation: 1.5s ease .75s infinite LoadingMessage; animation: 1.5s ease .75s infinite LoadingMessage; }
#Loading .Message { white-space: normal; }
@-webkit-keyframes LoadingMessage { 0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; } }
@keyframes LoadingMessage { 0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; } }
#Loading.Success .fa-wifi, #Loading.Error .fa-wifi { display: none; }
#Loading.Success .Pinger, #Loading.Error .Pinger { height: 0; -webkit-transform: scale(0); transform: scale(0); margin-bottom: -20px; }
#Loading.Success p, #Loading.Error p { -webkit-animation: none; animation: none; }

#Loading.Success { color: #59c756 !important; cursor: pointer; font-size: 1.4em; }
#Loading.Success .fa-check-circle { display: block; }

#Loading.Warning { color: #F90 !important; }

#Loading.Error { color: #ED1846 !important; cursor: pointer; }
#Loading.Error .fa-exclamation-circle { display: block; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/*  HM Core Adam de Croy
	
	Common
		Progress
	 */
.Progress.Circle { display: inline-block; vertical-align: middle; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Common
		Branding
	 */
.Logo { display: inline-block; vertical-align: middle; background: center no-repeat; background-size: contain; width: 50px; }
.Logo .Padder { display: block; padding-top: 31.3253012%; }

.Logo.Medium.White { background-image: url("/content/images/adam-white-medium.png"); width: 200px; }

.Logo.Medium.Navy { background-image: url("/content/images/adam-navy-medium.png"); width: 200px; }

form.Brand .Head { background: #0d1c2d; }
form.Brand h3 { color: #0d1c2d; }
form.Brand h3 .Step strong { background: #0d1c2d; }
form.Brand .Field.Check label input:checked + .Checker, form.Brand .Field.Check label input:checked + .theSwitch, form.Brand .Field.Switch label input:checked + .Checker, form.Brand .Field.Switch label input:checked + .theSwitch { background: #0d1c2d; }
form.Brand .Field.Options ul label input:checked + .Option { border-color: #0d1c2d; }
form.Brand .Field.Options ul label input:checked + .Option .Icon { color: #0d1c2d; }
form.Brand .Field.Options ul label input:checked + .Option .Check { background: #0d1c2d; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Common
		Privacy
	 */
.Logo.Privacy .Padder { padding-top: 73.66666667%; }

.Logo.Privacy.W50 { width: 50px; background-image: url(/content/images/privacy-200.png); }

.Logo.Privacy.W100 { width: 100px; background-image: url(/content/images/privacy-200.png); }

.Logo.Privacy.W200 { width: 200px; background-image: url(/content/images/privacy-400.png); }

.Notice.Privacy { margin: 40px auto; font-size: .8em; max-width: 400px; width: 400px \9; }

.Notice.Privacy:first-child { margin-top: 0; }

.Notice.Privacy:last-child { margin-bottom: 0; }

#Popup-Privacy { text-align: center; }
#Popup-Privacy .Logo.Privacy { width: 50px; }
#Popup-Privacy p { font-size: .8em; margin: 15px 0; }
#Popup-Privacy p span { white-space: nowrap; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy  Common  */
h2 { font-weight: 400; }

p span { white-space: nowrap; }

pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ overflow-wrap: break-word; padding: 10px; border-radius: 2px; background: rgba(204, 204, 255, 0.1); border: 1px solid #CCF; }

.exception, .Exception { padding: 10px; background: #990000; margin: 20px 0; border-radius: 2px; border: 1px solid #F00; white-space: pre-line; color: #FFF; }

.Or { text-transform: uppercase; font-weight: 500; color: rgba(0, 0, 0, 0.6); }
.Or .Line { display: inline-block; height: 1px; background: rgba(0, 0, 0, 0.2); margin: 0 10px; top: -.25em; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy  Forms  */
form .Panel, form .Head, form .Foot { max-width: 600px; width: 600px \9; background: #FFF; -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); margin: 30px auto; }
form .Panel .Button, form .Head .Button, form .Foot .Button { margin-top: 0; }
form .Panel { padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
form .Head { background: #CCC; padding: 30px; color: #FFF; font-size: 1.8em; font-weight: 400; width: 100%; margin-bottom: 15px; }
form .Head .Progress { position: absolute; top: 33px; right: 30px; }
form .Foot { background: #EEE; padding: 30px; width: 100%; margin-top: 15px; }
form .Head + .Panel::before, form .Panel + .Panel::before, form .Panel + .Foot::before { display: block; position: absolute; content: ''; left: 100px; right: 100px; height: 30px; top: -30px; border-left: 2px dotted rgba(255, 255, 255, 0.8); border-right: 2px dotted rgba(255, 255, 255, 0.8); }
form h3 { width: 100%; padding: 15px 30px 0 30px; font-weight: 600; }
form h3 .Step { background: #FFF; color: #FFF; display: inline-block; padding: 5px; width: 33px; text-align: center; top: 11px; left: -15px; font-size: .85em; border-radius: 100%; position: absolute; -webkit-box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.1); box-shadow: -5px 0 15px -5px rgba(0, 0, 0, 0.1); }
form h3 .Step strong { display: block; width: 23px; height: 23px; line-height: 22px; background: #000; border-radius: 100%; font-weight: 500; }
form hr { width: 100%; height: 0; border: none; border-top: 2px dashed rgba(0, 0, 0, 0.05); margin: 15px 0; }
form section { border-bottom: 2px dashed rgba(0, 0, 0, 0.05); padding-bottom: 15px; margin-bottom: 15px; max-height: 1000px; width: 100%; }
form section.hidden { display: none; }
form .Field { margin: 10px 0; padding: 10px 30px; display: block; width: 100%; min-width: 250px; }
form .Field label { display: block; font-size: .8em; opacity: .6; }
form .Field small { display: block; margin: 10px 0 15px 0; font-size: .75em; color: rgba(0, 0, 0, 0.5); }
form .Field input, form .Field select, form .Field textarea { display: block; padding: 10px; width: 100%; border: none; outline: none; font-family: inherit; font-size: 1em; font-weight: 300; border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-weight: 400; border-radius: 0; background: none; }
form .Field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
form .Field select + svg { position: absolute; right: 30px; bottom: 20px; font-size: 1.2em !important; }
form .Field select.placeholder { color: rgba(0, 0, 0, 0.5); }
form .Field textarea { resize: vertical; }
form .Field textarea.Autogrow { resize: none; height: 40px; overflow: hidden; }
form .Field fieldset { border: none; margin-top: 15px; }
form .Field input:-webkit-autofill, form .Field input:-webkit-autofill:hover, form .Field input:-webkit-autofill:focus textarea:-webkit-autofill, form .Field textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, form .Field select:-webkit-autofill, form .Field select:-webkit-autofill:hover, form .Field select:-webkit-autofill:focus { border-radius: 3px; }
form .Field .form-error { display: none; }
form .Field.has-error ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ }
form .Field.has-error ::-moz-placeholder { /* Firefox 19+ */ }
form .Field.has-error :-ms-input-placeholder { /* IE 10+ */ }
form .Field.has-error :-moz-placeholder { /* Firefox 18- */ }
form .Field.has-error label { color: #F00; }
form .Field.has-success label { color: #59c756; }
form .Field.HP { display: none !important; }
form .Field.Half { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; vertical-align: top; display: inline-block; }
form .Field.Date label { width: 100%; }
form .Field.Date strong { font-weight: 500; color: rgba(0, 0, 0, 0.2); }
form .Field.Date .form-error { margin: 15px 0 0 0; padding: 0; font-size: .8em; color: #F00; display: none; }
form .Field.Date span { display: inline-block; margin: 0 10px; padding-right: 40px; }
form .Field.Date span svg { pointer-events: none; display: none \9; position: absolute; top: 10px; right: 8px; font-size: 1.2em; }
form .Field.Date span > .form-error { display: none; }
form .Field.Date span:first-of-type { margin-left: 0; }
form .Field.Date span:last-child { margin-right: 0; }
form .Field.Date select { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 35px; top: 0; right: 0; bottom: 0; opacity: 0; }
form .Field.Date input { display: inline-block; width: 1.34em; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; text-align: center; }
form .Field.Date input.Time { width: 3em; }
form .Field.Date input.Year { width: 2.3em; }
form .Field.Date input[type=number]::-webkit-inner-spin-button, form .Field.Date input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
form .Field.Date ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align: center; }
form .Field.Date ::-moz-placeholder { /* Firefox 19+ */ text-align: center; }
form .Field.Date :-ms-input-placeholder { /* IE 10+ */ text-align: center; }
form .Field.Date :-moz-placeholder { /* Firefox 18- */ text-align: center; }
form .Field.Check label, form .Field.Switch label { font-size: 1em; padding-right: 40px; cursor: pointer; opacity: 1; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }
form .Field.Check label strong, form .Field.Switch label strong { font-weight: 400; background: #FFF; display: inline-block; z-index: 1; padding-right: 10px; left: 0; -webkit-transition: .15s; transition: .15s; }
form .Field.Check label input, form .Field.Switch label input { display: none; }
form .Field.Check label .line, form .Field.Switch label .line { height: 1px; background: rgba(0, 0, 0, 0.05); display: block; left: 10px; right: 40px; position: absolute; top: 11px; }
form .Field.Check label .Checker, form .Field.Check label .theSwitch, form .Field.Switch label .Checker, form .Field.Switch label .theSwitch { position: absolute; right: 0; top: 50%; margin-top: -15px; display: block; width: 30px; text-align: center; height: 30px; border-radius: 20px; background: rgba(0, 0, 0, 0.1); -webkit-transition: .25s; transition: .25s; padding: 2px; }
form .Field.Check label .Checker .Checked, form .Field.Check label .Checker .Toggle, form .Field.Check label .theSwitch .Checked, form .Field.Check label .theSwitch .Toggle, form .Field.Switch label .Checker .Checked, form .Field.Switch label .Checker .Toggle, form .Field.Switch label .theSwitch .Checked, form .Field.Switch label .theSwitch .Toggle { display: block; border-radius: 100%; height: 26px; line-height: 28px; width: 26px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transform: scale(1); transform: scale(1); color: #FFF; -webkit-transition: .2s; transition: .2s; font-size: .865em; -webkit-transform-origin: center; transform-origin: center; will-change: transform; }
form .Field.Check label .Checker .Checked svg, form .Field.Check label .Checker .Toggle svg, form .Field.Check label .theSwitch .Checked svg, form .Field.Check label .theSwitch .Toggle svg, form .Field.Switch label .Checker .Checked svg, form .Field.Switch label .Checker .Toggle svg, form .Field.Switch label .theSwitch .Checked svg, form .Field.Switch label .theSwitch .Toggle svg { display: inline-block; }
form .Field.Check label .Checker .Toggle, form .Field.Check label .theSwitch .Toggle, form .Field.Switch label .Checker .Toggle, form .Field.Switch label .theSwitch .Toggle { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; background: #FFF; color: rgba(0, 0, 0, 0.1); }
form .Field.Check label .theSwitch, form .Field.Switch label .theSwitch { width: 50px; }
form .Field.Check label input:checked + .Checker, form .Field.Check label input:checked + .theSwitch, form .Field.Switch label input:checked + .Checker, form .Field.Switch label input:checked + .theSwitch { background: #59c756; background: #333; }
form .Field.Check label input:checked + .Checker .Checked, form .Field.Check label input:checked + .theSwitch .Checked, form .Field.Switch label input:checked + .Checker .Checked, form .Field.Switch label input:checked + .theSwitch .Checked { opacity: 1; }
form .Field.Check label input:checked + .Checker .Toggle, form .Field.Check label input:checked + .theSwitch .Toggle, form .Field.Switch label input:checked + .Checker .Toggle, form .Field.Switch label input:checked + .theSwitch .Toggle { -webkit-transform: translateX(20px); transform: translateX(20px); color: rgba(0, 0, 0, 0.2); }
form .Field.Switch label { padding-right: 60px; }
form .Field.Switch label .line { right: 60px; }
form .Field.Options { padding-left: 0; padding-right: 0; padding-bottom: 0; }
form .Field.Options > label { padding-left: 30px; padding-right: 30px; }
form .Field.Options fieldset { margin: 0; }
form .Field.Options ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 20px 0 20px; }
form .Field.Options ul li { display: inline-block; width: auto; min-width: 150px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px; }
form .Field.Options ul label { opacity: 1; display: block; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }
form .Field.Options ul label input { display: none; }
form .Field.Options ul label .Option { display: block; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 3px; text-align: center; padding: 20px; -webkit-transition: .2s; transition: .2s; }
form .Field.Options ul label .Option .Icon { font-size: 3em; color: rgba(0, 0, 0, 0.5); -webkit-transition: .2s; transition: .2s; margin-bottom: 15px; }
form .Field.Options ul label .Option .Check { position: absolute; top: -10px; right: -10px; width: 18px; height: 18px; line-height: 18px; border-radius: 100%; background: #000; color: #FFF; font-size: .8em; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .15s; transition: .15s; }
form .Field.Options ul label .Option strong { display: block; color: rgba(0, 0, 0, 0.4); -webkit-transition: .2s; transition: .2s; font-weight: 500; }
form .Field.Options ul label input:checked + .Option { border-color: #000; }
form .Field.Options ul label input:checked + .Option .Icon { color: rgba(0, 0, 0, 0.7); }
form .Field.Options ul label input:checked + .Option .Check { -webkit-transform: scale(1); transform: scale(1); }
form .Field.Options ul label input:checked + .Option strong { color: rgba(0, 0, 0, 0.8); }
form .Field.Options ul label input:checked + .Option.Red { border-color: #F00; }
form .Field.Options ul label input:checked + .Option.Red .Icon { color: #F00; }
form .Field.Options ul label input:checked + .Option.Red .Check { background: #F00; }
form .Field.Options ul label input:checked + .Option.Green { border-color: #59c756; }
form .Field.Options ul label input:checked + .Option.Green .Icon { color: #59c756; }
form .Field.Options ul label input:checked + .Option.Green .Check { background: #59c756; }
form .Field.Options ul label input:checked + .Option.Blue { border-color: #11b8ff; }
form .Field.Options ul label input:checked + .Option.Blue .Icon { color: #11b8ff; }
form .Field.Options ul label input:checked + .Option.Blue .Check { background: #11b8ff; }
form .Field.Options ul label input:checked + .Option.Orange { border-color: #ff7800; }
form .Field.Options ul label input:checked + .Option.Orange .Icon { color: #ff7800; }
form .Field.Options ul label input:checked + .Option.Orange .Check { background: #ff7800; }
form .Field.Options ul label input:checked + .Option.Purple { border-color: #cb6ffc; }
form .Field.Options ul label input:checked + .Option.Purple .Icon { color: #cb6ffc; }
form .Field.Options ul label input:checked + .Option.Purple .Check { background: #cb6ffc; }
form .Field.Options ul label input:checked + .Option.Yellow { border-color: #ffce2d; }
form .Field.Options ul label input:checked + .Option.Yellow .Icon { color: #ffce2d; }
form .Field.Options ul label input:checked + .Option.Yellow .Check { background: #ffce2d; }
form .Field.Options ul label input:checked + .Option.Pink { border-color: #FF69B4; }
form .Field.Options ul label input:checked + .Option.Pink .Icon { color: #FF69B4; }
form .Field.Options ul label input:checked + .Option.Pink .Check { background: #FF69B4; }
form .Field.File .Attached { list-style: none; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1); }
form .Field.File .Attached li { margin: 10px; padding: 15px 0; display: inline-block; width: 150px; }
form .Field.File .Attached li .Preview { display: block; width: 100px; height: 100px; line-height: 98px; font-size: 1.4em; border-radius: 100%; background: #F6F6F6 center no-repeat; background-size: cover; color: #DDD; margin: 0 auto 10px auto; }
form .Field.File .Attached li .Preview svg { display: inline-block; }
form .Field.File .Attached li .Preview.svg, form .Field.File .Attached li .Preview.SVG, form .Field.File .Attached li .Preview.png, form .Field.File .Attached li .Preview.PNG { background-size: 70%; }
form .Field.File .Attached li strong { font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: .8em; }
form .Field.File .Attached li input { display: none; }
form .Field.File .Attached li .FileRemove { position: absolute; right: 15px; top: 8px; color: #F00; width: 44px; height: 44px; line-height: 44px; opacity: 1; }
form .Field.File .Attached li .FileRemove::before { display: block; content: ''; background: #FFF; border-radius: 10px; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; }
form .Field.File .Attached:empty { display: none; }
form .Field.File label { padding: 20px 0; border: 1px dashed rgba(0, 0, 0, 0.2); cursor: pointer; text-align: center; font-size: 1em; opacity: 1; }
form .Field.File label .Preview { width: 200px; height: 200px; border-radius: 100%; background: #F6F6F6 center no-repeat; background-size: cover; display: block; margin: 0 auto 10px auto; display: none; }
form .Field.File label .Preview[data-extension="svg"], form .Field.File label .Preview[data-extension="SVG"], form .Field.File label .Preview[data-extension="png"], form .Field.File label .Preview[data-extension="PNG"] { background-size: 70%; }
form .Field.File label strong { font-weight: 500; }
form .Field.File label svg { display: block; margin: 0 auto 10px auto; font-size: 2em; opacity: .6; }
form .Field.File label small { margin-bottom: 0; }
form .Field.File label input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; opacity: 0; }
form .Field.file { border: 2px dashed rgba(0, 0, 0, 0.2) !important; padding: 10% 0; text-align: center; }
form .Field.file .preview { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: center no-repeat; background-size: contain; }
form .Field.file label { display: block; font-weight: 600; font-size: 2.6em; color: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; width: 100%; margin-top: -38px; }
form .Field.file label small { display: block; font-size: .3em; color: rgba(0, 0, 0, 0.3); }
form .Field.file input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; opacity: 0; }
form .Field.file.has-image label { display: none; }
form a.submit, form a.button, form input[type="submit"], form input[type="button"] { -webkit-user-select: none; -webkit-touch-callout: none; }

/* RESPONSIVE */
/* MOBILE */
@media only screen and (max-width: 550px) { form p.Date strong { display: none; }
  form p.Date span { display: block; margin: 0; }
  form p.Date span svg { display: block; width: 30px; height: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); right: 0; }
  form p.Date input, form p.Date input.Time, form p.Date input.Year { display: block; width: 100%; text-align: left; }
  form p.Date ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align: left; }
  form p.Date ::-moz-placeholder { /* Firefox 19+ */ text-align: left; }
  form p.Date :-ms-input-placeholder { /* IE 10+ */ text-align: left; }
  form p.Date :-moz-placeholder { /* Firefox 18- */ text-align: left; } }
/* RETINA */
/*  HM Core Adam de Croy  Common
	JQuery UI  */
.datepicker { display: block; }

.ui-widget, .ui-widget.ui-widget-content { font-family: inherit; color: inherit; border: none; border-radius: 0; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.ui-widget .ui-widget-header, .ui-widget.ui-widget-content .ui-widget-header { background: #333; border: none; color: #FFF; padding: 5px; font-size: .85em; border-radius: 0; }
.ui-widget .ui-widget-header a, .ui-widget.ui-widget-content .ui-widget-header a { color: inherit; }
.ui-widget .ui-state-default, .ui-widget.ui-widget-content .ui-state-default { border: none; background: none; }
.ui-widget .ui-state-hover, .ui-widget.ui-widget-content .ui-state-hover { background: #777; }
.ui-widget .ui-icon, .ui-widget.ui-widget-content .ui-icon { background: none; }
.ui-widget .ui-icon-circle-triangle-e:before, .ui-widget.ui-widget-content .ui-icon-circle-triangle-e:before { content: '\f105'; }
.ui-widget .ui-icon-circle-triangle-w:before, .ui-widget.ui-widget-content .ui-icon-circle-triangle-w:before { content: '\f104'; }

.ui-datepicker { padding: 10px 10px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 36px; height: 36px; border-radius: 0; top: 0; border: none; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 0; }
.ui-datepicker .ui-datepicker-next { right: 0; }
.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { font-family: FontAwesome; font-size: 1.6em; position: relative; top: 5px; }
.ui-datepicker .ui-datepicker-prev:before { content: '\f104'; left: -2px; }
.ui-datepicker .ui-datepicker-next:before { content: '\f105'; right: -2px; }
.ui-datepicker .ui-datepicker-title select { background: rgba(255, 255, 255, 0.1); outline: none; width: auto; display: inline-block; color: inherit; border: none; border-radius: 0; margin: 0 3px; padding: 4px 10px; height: 24px; top: -1px; }
.ui-datepicker table { margin: 0; border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); table-layout: fixed; }
.ui-datepicker table tbody { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.ui-datepicker table th { padding: 5px; height: 0; font-weight: 300; }
.ui-datepicker table td { padding: 0; border-top: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); }
.ui-datepicker table td a, .ui-datepicker table td span { border: none; text-align: center; height: 46px; line-height: 46px; padding: 0; }
.ui-datepicker table td .ui-state-highlight { background: rgba(0, 0, 0, 0.025) !important; color: #11b8ff; -webkit-box-shadow: 0 0 0 1px rgba(17, 184, 255, 0.2); box-shadow: 0 0 0 1px rgba(17, 184, 255, 0.2); }
.ui-datepicker table td .ui-state-hover { background: rgba(0, 0, 0, 0.025) !important; }
.ui-datepicker table td .ui-state-active { background: #11b8ff !important; color: #FFF; -webkit-box-shadow: 0 0 0 1px #009bdd; box-shadow: 0 0 0 1px #009bdd; }

.ui-datepicker-inline { width: auto; background: none; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy  Common
	Buttons  */
.button, .Button { background: #444; padding: 12px 50px 12px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: #FFF; border-radius: 2px; font-weight: 400; font-size: .85em; text-transform: uppercase; margin-top: 20px; text-decoration: none; text-align: left; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border: 1px solid transparent; opacity: 1 !important; -webkit-transition: .15s !important; transition: .15s !important; -webkit-transform: none; transform: none; will-change: transform; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; }
.button span, .Button span { -webkit-transition: .15s; transition: .15s; opacity: 1; will-change: opacity; }
.button svg, .Button svg { position: absolute; right: 15px; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-align: center; font-size: 15px; }
.button .fa-spinner, .Button .fa-spinner { font-size: 15px; }
.button .fa-file-signature, .Button .fa-file-signature { top: 14px; right: 10px; }

.button:hover, .Button:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); }

.button:active, .Button:active { -webkit-transition: .05s !important; transition: .05s !important; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 3000px rgba(255, 255, 255, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 3000px rgba(255, 255, 255, 0.2); -webkit-transform: none; transform: none; text-shadow: none; }
.button:active span, .Button:active span { opacity: .5; }

.button.faded, .Button.faded, .Button.Faded { opacity: .5 !important; }

.button.inline, .Button.Inline { display: inline-block; padding-right: 50px; }

.button.half, .Button.Half { width: calc(50% - 10px); width: 48% \9; display: inline-block; }

.button.half + .button.half, .Button.Half + .Button.Half { margin-left: 20px; margin-left: 4% \9; }

.Button.Outline { background: none !important; border-color: #444; color: #444; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; }

.Button.Outline:active { background: #444 !important; color: #FFF !important; }

.button.brand, .Button.Brand { background: #0d1c2d; }

.Button.Brand.Outline { color: #0d1c2d; border-color: #0d1c2d; }

.Button.Brand.Outline:active { background: #0d1c2d !important; }

.Button.Outline.Green { color: #59c756; border-color: #59c756; }

.Button.Outline.Green:active { background: #59c756 !important; }

.Button.Outline.Red { color: #F00; border-color: #F00; }

.Button.Outline.Red:active { background: #F00 !important; }

.button.blue, .Button.Blue { background: #11b8ff; }

.Button.White { background: #FFF; color: #0d1c2d; }

.Button.White:active { background: none; -webkit-box-shadow: none; box-shadow: none; border-color: #FFF; color: #FFF; }

.button.facebook, .Button.Facebook { background: #3b5998; }

.Button.Facebook.Outline { color: #3b5998; border-color: #3b5998; }

.Button.Facebook.Outline:active { background: #3b5998 !important; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy  Common
	Panels  */
.panel { background: #FFF; max-width: 400px; width: 400px \9; margin: auto; border-radius: 3px; padding: 20px; }
.panel h3 { margin: 10px 0; }
.panel .help { font-size: .7em; margin-top: 15px; color: #666; }
.panel .help a { text-decoration: none; }

.panel.facebook { background: #3b5998; color: #FFF; }
.panel.facebook .help { color: rgba(255, 255, 255, 0.5); }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Common
		Page
	 */
.Page, .Section { text-align: center; }
.Page h2, .Section h2 { text-align: center; text-transform: uppercase; font-size: 1em; letter-spacing: .22em; margin-bottom: 15px; }
.Page h2 strong, .Section h2 strong { font-weight: inherit; text-indent: .22em; display: block; }
.Page h2 strong span, .Section h2 strong span { white-space: nowrap; }
.Page h2 .Icon, .Section h2 .Icon { display: block; width: 50px; height: 50px; line-height: 50px; background: #0d1c2d; color: #FFF; margin: 0 auto 15px auto; border-radius: 100%; }
.Page .inner, .Section .inner { padding-top: 50px; padding-bottom: 50px; }
.Page p span, .Page h3 span, .Section p span, .Section h3 span { white-space: nowrap; }
.Page p, .Section p { margin: 30px auto; line-height: 1.5em; }
.Page p:first-child, .Section p:first-child { margin-top: 0; }
.Page p:last-child, .Section p:last-child { margin-bottom: 0; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Common
		Pagination
	 */
.Pagination { display: block; text-align: center; padding: 45px 70px 5px 70px; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 30px 20px 0 20px; }
.Pagination a { display: inline-block; width: 44px; height: 44px; line-height: 44px; border-radius: 100%; background: rgba(0, 0, 0, 0.1); font-weight: 500; opacity: .3; text-decoration: none; font-size: 1.2em; margin: 5px; }
.Pagination a[href] { opacity: 1; }
.Pagination a[href]:active { background: #000; color: #FFF; }
.Pagination a.Current { opacity: 1; background: #333; color: #FFF; }
.Pagination a.Prev, .Pagination a.Next { position: absolute; top: 50%; margin-top: 0px; }
.Pagination a.Prev svg, .Pagination a.Next svg { top: 1px; }
.Pagination a.Prev { left: 0; }
.Pagination a.Prev svg { left: -1px; }
.Pagination a.Next { right: 0; }
.Pagination a.Next svg { left: 1px; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Common
		Effects
	 */
.Blur { -webkit-filter: blur(8px); filter: blur(8px); }

.Flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.Animated { -webkit-animation-fill-mode: forwards !important; animation-fill-mode: forwards !important; }

.Shake { -webkit-animation: .3s linear 0s 1 Shake !important; animation: .3s linear 0s 1 Shake !important; }

@-webkit-keyframes Shake { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  16% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  33% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  50% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  66% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  82% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes Shake { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  16% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  33% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  50% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  66% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  82% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Common
		Popups
	 */
.Popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 30000; background: rgba(68, 68, 68, 0.9); }
.Popup .Window { top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-width: 320px; background: #FFF; border-radius: 5px; padding: 20px; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Themes
		Pure
			Header
	 */
#Masthead { background: #FFF; text-align: center; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 10000; -webkit-transition: .25s; transition: .25s; /*.Logo {
	text-decoration: none;
	//text-transform: uppercase;
	font-weight: 400;
	font-size: 1.2em;
	display: inline-block;
	vertical-align: top;
	transition: .25s;
	color: #000;
	
	small {
		display: none;
		max-height: 0;
		font-size: .35em;
		margin-top: 15px;
		letter-spacing: .2em;
		text-indent: .4em;
		
		.Animated {
			opacity: 0;
			animation: LogoTag 1s ease;
			animation-delay: 2s;
		}
		.Animated:nth-child(2) {
			animation-delay: 3s;
		}
		.Animated:nth-child(3) {
			animation-delay: 4s;
		}
		@keyframes LogoTag {
			0% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}
	}
}*/ }
#Masthead .inner { padding: 15px 20px; -webkit-transition: .25s; transition: .25s; top: 0; -webkit-transform: none; transform: none; }
#Masthead .Logo { width: 32px; }
#Masthead .HM { position: absolute; top: 50%; margin-top: -22px; left: 25px; width: 44px; height: 44px; border-radius: 100%; border: 2px solid #000; text-indent: -90000px; overflow: hidden; background: url(/content/images/hm-black-medium.png) center no-repeat; background-size: 75%; }
#Masthead .toggleNav { left: 12px; }
#Masthead .BasketToggle { display: inline-block; color: #000; font-size: 1.7em; width: 44px; height: 44px; position: absolute; top: 50%; margin-top: -23px; right: 12px; z-index: 30000; }
#Masthead .BasketToggle .fa-shopping-basket { top: 7px; }
#Masthead .BasketToggle .Dot { width: 10px; height: 10px; border-radius: 100%; position: absolute; left: 50%; margin-left: -5px; top: 7px; background: #CCC; }
#Masthead .BasketToggle .Line { display: block; position: absolute; content: ''; height: 1px; width: 30px; background: #000 center no-repeat; background-size: cover; left: 7px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; opacity: 0; }
#Masthead .BasketToggle .Line:nth-child(1) { top: 9px; }
#Masthead .BasketToggle .Line:nth-child(2), #Masthead .BasketToggle .Line:nth-child(3) { top: 21px; }
#Masthead .BasketToggle .Line:nth-child(4) { top: 33px; }
#Masthead .BasketToggle.White { color: #FFF; }
#Masthead .BasketToggle.White .Dot, #Masthead .BasketToggle.White .Line { background: #FFF; }
#Masthead .BasketToggle.hasItems .Dot { background: #0d1c2d; -webkit-animation: DotPulse infinite 2s ease; animation: DotPulse infinite 2s ease; }
@-webkit-keyframes DotPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(13, 28, 45, 0.8); box-shadow: 0 0 0 0 rgba(13, 28, 45, 0.8); }
  100% { -webkit-box-shadow: 0 0 0 10px rgba(13, 28, 45, 0); box-shadow: 0 0 0 10px rgba(13, 28, 45, 0); } }
@keyframes DotPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(13, 28, 45, 0.8); box-shadow: 0 0 0 0 rgba(13, 28, 45, 0.8); }
  100% { -webkit-box-shadow: 0 0 0 10px rgba(13, 28, 45, 0); box-shadow: 0 0 0 10px rgba(13, 28, 45, 0); } }
#Masthead .BasketToggle.open .fa-shopping-basket { opacity: 0; }
#Masthead .BasketToggle.open .Dot { opacity: 0; }
#Masthead .BasketToggle.open .Line { opacity: 1; }
#Masthead .BasketToggle.open .Line:nth-child(1) { top: 21px; width: 0; left: 50%; opacity: 0; }
#Masthead .BasketToggle.open .Line:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#Masthead .BasketToggle.open .Line:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; }
#Masthead .BasketToggle.open .Line:nth-child(4) { top: 21px; width: 0; left: 50%; opacity: 0; }
#Masthead .BasketToggle.hasItems.open .Dot { top: 50%; margin-top: -5px; }

#Masthead.Transparent.WoB { background: none; }

#Masthead.WoB { color: #FFF; }
#Masthead.WoB .Logo { color: #FFF; }
#Masthead.WoB .HM { border-color: #FFF; background-image: url(/content/images/hm-white-medium.png); }
#Masthead.WoB .BasketToggle:not(.open) { border-color: #FFF; color: #FFF; }
#Masthead.WoB .BasketToggle:not(.open) .Dot { background: #FFF; }
#Masthead.WoB .BasketToggle.hasItems:not(.open) .Dot { -webkit-animation: DotPulseWhite infinite 2s ease; animation: DotPulseWhite infinite 2s ease; }
@-webkit-keyframes DotPulseWhite { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
  100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } }
@keyframes DotPulseWhite { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
  100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } }
#Masthead.WoB .toggleNav strong { color: #FFF; }
#Masthead.WoB .toggleNav span { background: #FFF; }

#Masthead.Big { height: calc(100vh); }
#Masthead.Big .inner { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#Masthead.Big .Logo { font-size: 4em; }
#Masthead.Big .Logo small { display: block; max-height: 1000px; }
#Masthead.Big .HM { left: 100px; }
#Masthead.Big .BasketToggle { right: 100px; }
#Masthead.Big .toggleNav { left: 100px; }

/* RESPONSIVE */
/* MOBILE */
@media only screen and (max-width: 767px) { #Masthead .social { right: 20px; } }
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Layout
	Navigation
	 */
.toggleNav { height: 44px; width: 44px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; display: inline-block; vertical-align: top; z-index: 103; margin: 0; position: absolute; top: 50%; margin-top: -23px; left: 20px; z-index: 30000; }
.toggleNav strong { position: absolute; top: 14px; right: 30px; color: #000; -webkit-transition: .25s; transition: .25s; font-weight: 500; padding-right: 20px; letter-spacing: .15em; }
.toggleNav span { display: block; position: absolute; content: ''; height: 1px; width: 26px; background: #000 center no-repeat; background-size: cover; left: 9px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; z-index: 2; }
.toggleNav span:nth-child(1) { top: 11px; }
.toggleNav span:nth-child(2), .toggleNav span:nth-child(3) { top: 22px; }
.toggleNav span:nth-child(3) { opacity: 0; }
.toggleNav span:nth-child(4) { top: 33px; }

.toggleNav.White strong { color: #FFF !important; }
.toggleNav.White span { background: #FFF !important; }

.toggleNav.open span:nth-child(1) { top: 21px; width: 0; left: 50%; opacity: 0; }
.toggleNav.open span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.toggleNav.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; }
.toggleNav.open span:nth-child(4) { top: 21px; width: 0; left: 50%; opacity: 0; }

#Mastnav { opacity: 0; pointer-events: none; position: fixed; /*top: 50%;
left: 50%;
right: 50%;
bottom: 50%;
width: 0;
height: 0;*/ -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); -webkit-transform-origin: center left; transform-origin: center left; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; background: black; color: #FFF; z-index: 20000; -webkit-transition: .75s; transition: .75s; will-change: transform; text-align: center; }
#Mastnav .inner { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 30px; }
#Mastnav .Menu { max-width: 320px; width: 320px \9; margin: auto; text-align: left; font-size: 1.4em; list-style: none; border-top: 1px solid rgba(255, 255, 255, 0.15); }
#Mastnav .Menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
#Mastnav .Menu a { display: block; padding: 15px; text-decoration: none; }
#Mastnav .Social { list-style: none; text-align: right; max-width: 320px; width: 320px \9; margin: 15px auto 0 auto; font-size: 1.2em; }
#Mastnav .Social li { display: inline-block; }
#Mastnav .Social a { display: block; padding: 15px; }

#Mastnav.open { opacity: 1; pointer-events: auto; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: perspective(1000px) rotateY(0deg) scale(1); transform: perspective(1000px) rotateY(0deg) scale(1); }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Layout
		Basket
	 */
#Basket { opacity: 0; pointer-events: none; position: fixed; /*top: 50%;
left: 50%;
right: 50%;
bottom: 50%;
width: 0;
height: 0;*/ -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); -webkit-transform-origin: center right; transform-origin: center right; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; background: black; color: #FFF; z-index: 20000; -webkit-transition: .75s; transition: .75s; will-change: transform; text-align: center; }

#Basket.open { opacity: 1; pointer-events: auto; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Themes
		Pure
			Footer
	 */
#mastfoot { background: #000; color: #DDD; font-size: .8em; font-weight: 400; text-align: center; }
#mastfoot .inner { padding-top: 30px; padding-bottom: 30px; }
#mastfoot .nav { text-transform: uppercase; font-weight: 900; list-style: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#mastfoot .nav li { display: inline-block; margin-right: 20px; }
#mastfoot .nav a { display: block; text-decoration: none; }
#mastfoot .incorporated span { margin-right: 20px; }
#mastfoot .legal { margin-top: 20px; font-size: .9em; color: #888; }
#mastfoot .legal a { margin-right: 20px; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Themes
		Pure
			Sections
				Hero
	 */
#Hero { color: #0d1c2d; text-align: center; background: url("/content/images/adam-boat.jpg") center left no-repeat; background-size: cover; }
#Hero .inner { height: calc(100vh); min-height: 300px; height: 500px \9; padding-top: 30px; padding-bottom: 30px; padding-left: 52.5%; }
#Hero .Logo { width: 350px; }
#Hero .Details { position: absolute; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: 80px; }
#Hero h1 { font-size: .9em; text-transform: uppercase; color: #0d1c2d; margin: 20px 0; letter-spacing: .22em; text-indent: .22em; }
#Hero h1 span { white-space: nowrap; }
#Hero .Contact { list-style: none; border-top: 1px solid rgba(13, 28, 45, 0.2); padding-top: 20px; }
#Hero .Contact li { display: inline-block; vertical-align: middle; margin: 0 13px; }
#Hero .Contact li a { display: block; text-decoration: none; font-weight: bold; opacity: 1; }
#Hero .Contact li a .Icon { background: #0d1c2d; border-radius: 100%; color: #FFF; width: 30px; text-align: center; height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; top: -1px; margin-right: 6px; -webkit-transition: .25s; transition: .25s; }
#Hero .Contact li a .Icon svg { -webkit-transition: .25s; transition: .25s; }
#Hero .Contact li a:hover .Icon { -webkit-transform: scale(1.15); transform: scale(1.15); }
#Hero .Contact li a:active .Icon { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: .05s; transition: .05s; -webkit-box-shadow: 0 0 0 5px rgba(13, 28, 45, 0.2); box-shadow: 0 0 0 5px rgba(13, 28, 45, 0.2); }

/* RESPONSIVE */
@media only screen and (max-width: 900px) { #Hero { background-position: 50% center; }
  #Hero .inner { height: 0; min-height: 0; padding-top: 80%; padding-left: 40%; padding-right: 0; }
  #Hero .Logo { max-width: 20vw; min-width: 100px; }
  #Hero .Details { right: 10%; left: 40%; } }
/* MOBILE */
@media only screen and (max-width: 750px) { #Hero .Contact li a .Icon { margin-right: 0; width: 44px; height: 44px; line-height: 44px; }
  #Hero .Contact li a .Info { display: none; } }
@media only screen and (max-width: 465px) { #Hero .Details { -webkit-transform: none; transform: none; top: 24%; padding-bottom: 0; left: 45%; }
  #Hero .Contact { border: none; padding-top: 60px; } }
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Sections Portfolio
	 */
#Portfolio { text-align: center; background: #EEE; }
#Portfolio .inner > p { font-size: .8em; }
#Portfolio .Examples { list-style: none; margin-top: 30px; }
#Portfolio .Examples li { display: inline-block; vertical-align: middle; width: 33.33333333333%; padding: 15px; }
#Portfolio .Examples li a { display: block; background: #FFF; text-align: left; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 3px 40px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 40px rgba(0, 0, 0, 0.05); text-decoration: none; }
#Portfolio .Examples li a .Image { display: block; height: 0; padding-top: 70%; background: #F5F5F5 center no-repeat; background-size: cover; overflow: hidden; }
#Portfolio .Examples li a .Image .Logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 130px; }
#Portfolio .Examples li a .Image .Classified { position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -104px; display: block; padding: 14px 10px 5px 10px; font-family: 'Special Elite', cursive; color: #F00; border: 2px dashed #F00; text-transform: uppercase; font-size: 2em; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); z-index: 1; pointer-events: none; }
#Portfolio .Examples li a .Image .Classified + .Logo { opacity: .2; pointer-events: none; }
#Portfolio .Examples li a h4 { padding: 15px 15px 0 15px; text-transform: uppercase; font-size: .85em; letter-spacing: .22em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#Portfolio .Examples li a p { padding: 15px 15px 5px 15px; font-size: .8em; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
#Portfolio .Examples li a p span { display: inline-block; margin-right: 15px; margin-bottom: 10px; }
#Portfolio .Examples li a p span svg { color: #0d1c2d; margin-right: 3px; }

/* RESPONSIVE */
@media only screen and (max-width: 1230px) { #Portfolio .Examples li { width: 50%; } }
@media only screen and (max-width: 850px) { #Portfolio .Examples li { width: auto; display: block; }
  #Portfolio .Examples li a .Image { padding-top: 80%; }
  #Portfolio .Examples li a .Image .Logo { max-width: 200px; width: 50%; } }
/* MOBILE */
@media only screen and (max-width: 767px) { #Portfolio .inner { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
  #Portfolio .inner > p { padding: 0 15px; }
  #Portfolio .Examples li a p { white-space: normal; } }
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Sections Skills
	 */
#Skills { background: #0d1c2d; color: rgba(255, 255, 255, 0.9); }
#Skills .inner { padding: 50px 20px; }
#Skills h2 .Icon { background: #FFF; color: #0d1c2d; }
#Skills .Skills { list-style: none; margin-top: 30px; }
#Skills .Skills li { display: inline-block; vertical-align: top; width: 105px; margin: 20px 15px; }
#Skills .Skills li svg { display: block; margin: 0 auto 15px auto; width: 60px; height: 60px; color: rgba(255, 255, 255, 0.2); }
#Skills .Skills li .fa-css3 { left: 5px; }
#Skills .Skills li strong { font-size: .8em; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Sections Future
	 */
#Future { background: #0d1c2d; color: rgba(255, 255, 255, 0.9); }
#Future .inner { padding: 50px; max-width: 740px; width: 740px \9; }
#Future h2 .Icon { background: #FFF; color: #0d1c2d; }
#Future .Button { margin: 0; }

/* RESPONSIVE */
/* MOBILE */
@media only screen and (max-width: 767px) { #Future .inner { padding: 50px 30px 30px 30px; } }
@media only screen and (max-width: 400px) { #Future .Button { display: block; width: auto; } }
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Pages Bio
	 */
#Bio { background: #FCFCFC; }
#Bio .inner { padding: 50px; max-width: 740px; width: 740px \9; }
#Bio h2 { border-bottom: 1px solid rgba(13, 28, 45, 0.2); padding-bottom: 30px; }
#Bio h3 { color: #0d1c2d; text-align: center; line-height: 1.5em; border-top: 1px solid rgba(13, 28, 45, 0.2); border-bottom: 1px solid rgba(13, 28, 45, 0.2); padding: 30px 0; margin: 30px auto; font-size: 1.6em; }
#Bio h3:first-child { border-top: none; padding-top: 0; margin-top: 0; }
#Bio h3:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

/* RESPONSIVE */
/* MOBILE */
@media only screen and (max-width: 767px) { #Bio .inner { padding: 50px 30px 30px 30px; } }
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Themes
		Pure
			Legal
	 */
#Legal { font-weight: 400; font-size: .8em; padding-top: 98px; }
#Legal .inner { padding-top: 50px; padding-bottom: 50px; max-width: 750px; width: 750px \9; }
#Legal .Header { border-bottom: 1px solid #000; text-align: center; }
#Legal .Header h1 { margin-bottom: 20px; }
#Legal h1 { text-transform: uppercase; font-size: 3em; }
#Legal h1 small { display: block; font-size: .6em; }
#Legal p { margin: 20px 0; line-height: 1.5em; }
#Legal ul { padding-left: 20px; margin: 20px 0; }
#Legal ul li { margin: 10px 0; line-height: 1.3em; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Themes
		Pure
			Maintenance
	 */
#maintenance { padding-top: 150px; padding-bottom: 150px; height: 100vh; text-align: center; }
#maintenance .inner { top: 50%; margin-top: -83px; }
#maintenance h1 { text-transform: uppercase; font-weight: 900; font-size: 6.6em; }
#maintenance p { font-weight: 500; font-size: .86em; display: inline-block; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; }

#maintenance.area { height: calc(100vh - 263px); }
#maintenance.area .inner { margin-top: -9px; }
#maintenance.area p { border: none; padding-top: 0; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy  Usergate  */
#Usergate { min-height: calc(100vh - 168px); text-align: center; padding-top: 0; }
#Usergate .inner { padding: 50px 30px; }
#Usergate .Logo.Usergate { width: 70px; }
#Usergate h1 { text-transform: uppercase; font-weight: 900; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 15px; font-size: 1.5em; }
#Usergate h2 { font-size: 1.2em; margin: 30px auto; }
#Usergate .Smallform { background: #FFF; max-width: 300px; width: 300px \9; margin: 30px auto; padding: 20px; -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); }
#Usergate .Smallform .Field { padding-left: 0; padding-right: 0; padding: 0; }
#Usergate .Smallform .Field:first-child { margin-top: 0; }
#Usergate p { margin: 20px 0; text-align: center; }
#Usergate p:last-child { margin-bottom: 0; }
#Usergate p + form { border-top: 1px solid rgba(0, 0, 0, 0.05); }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules Usergate Portal
	 */
#Portal { max-width: 250px; width: 250px \9; margin: 30px auto; }

#SignIn { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px auto; padding: 30px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#SignIn li { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
#SignIn .SignIn { display: block; min-width: 120px; width: 120px \9; text-transform: uppercase; text-decoration: none; text-align: center; opacity: 1; }
#SignIn .SignIn .Icon { width: 60px; height: 60px; display: block; margin: 0 auto 10px auto; background: #333; color: #FFF; border-radius: 100%; -webkit-transition: .25s; transition: .25s; }
#SignIn .SignIn .Icon svg { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; }
#SignIn .SignIn h3 { font-weight: 400; font-size: .7em; letter-spacing: .1em; text-indent: .1em; }
#SignIn .SignIn:hover .Icon { -webkit-transform: scale(0.95); transform: scale(0.95); }
#SignIn .SignIn:active .Icon { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2); }
#SignIn .SignIn.Email .Icon { background: #11b8ff; }
#SignIn .SignIn.Email:active .Icon { -webkit-box-shadow: 0 0 0 5px rgba(17, 184, 255, 0.2); box-shadow: 0 0 0 5px rgba(17, 184, 255, 0.2); }
#SignIn .SignIn.Facebook .Icon { background: #3b5998; }
#SignIn .SignIn.Facebook:active .Icon { -webkit-box-shadow: 0 0 0 5px rgba(59, 89, 152, 0.2); box-shadow: 0 0 0 5px rgba(59, 89, 152, 0.2); }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules Usergate Login
	 */
/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules Usergate Account
	 */
#Account { padding-top: 66px; background: #FFF; }
#Account .inner { padding: 50px 30px; max-width: 610px; width: 610px \9; }
#Account .Hero { text-align: center; background: #222; color: #FFF; padding: 50px 30px 30px 30px; overflow: hidden; }
#Account .PhotoBlur { position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; background: center no-repeat; background-size: cover; -webkit-filter: blur(20px); filter: blur(20px); opacity: .4; }
#Account .Photo { display: inline-block; width: 200px; height: 200px; border-radius: 100%; background: #111 center no-repeat; background-size: cover; margin-bottom: 20px; overflow: hidden; -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); }
#Account .Photo svg { width: 90px; height: 90px; opacity: .15; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -45px; }
#Account .Photo.Blank { width: 100px; height: 100px; }
#Account h2 { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#Account h2 .Button { font-size: 8pt; font-weight: 600; letter-spacing: .1em; text-indent: .1em; padding: 4px 8px; position: absolute; top: 3px; right: 0; margin-top: 0; }
#Account h2 .Button.Submit { right: 80px; }
#Account h2 .Button.EditCancel { display: none; }
#Account form + form { margin-top: 50px; }
#Account .FormShow { display: none; }
#Account p { margin: 20px auto; }
#Account .Data { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px auto 25px auto; font-weight: 400; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#Account .Data li { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 250px; width: 50%; margin-bottom: 25px; padding-right: 30px; }
#Account .Data li label { text-transform: uppercase; font-weight: 400; font-size: .8em; letter-spacing: .1em; display: block; margin-bottom: 10px; }
#Account .Data li .Value { color: #0d1c2d; display: block; padding: 5px 0; border-bottom: 1px solid transparent; }
#Account .Data li .Value svg { font-size: .8em; margin-left: 3px; top: -2px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .25s; transition: .25s; }
#Account .Data li .Value.Facebook { color: #3b5998; }
#Account .Data li input, #Account .Data li select, #Account .Data li textarea { display: none; font-size: 1em; font-family: inherit; color: inherit; border: none; padding: 5px 35px 5px 0; outline: none; border-bottom: 1px dotted; width: 100%; }
#Account .Data li input { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#Account .Data li .ToggleError { display: none; position: absolute; right: 18px; bottom: -6px; padding: 12px; }
#Account .Data li .ToggleError span { display: inline-block; vertical-align: top; width: 20px; height: 20px; border-radius: 100%; background: #F00; color: #FFF; }
#Account .Data li .ToggleError svg { width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; }
#Account .Data li .ToggleError:active { -webkit-transform: scale(0.9); transform: scale(0.9); }
#Account .Data li .form-error { display: none; }
#Account .Data li.FormShow { display: none; }
#Account .Data li.has-error .ToggleError { display: block; }
#Account .Data li:hover .EditValue svg { -webkit-transform: scale(1); transform: scale(1); }

#Dashboard { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; margin: 30px auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; display: block \9; }
#Dashboard li { display: inline-block; margin: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 120px; max-width: 120px; width: 120px \9; }
#Dashboard a { display: block; text-decoration: none; opacity: 1; }
#Dashboard a .Icon { display: block; width: 44px; height: 44px; margin: 0 auto 10px auto; background: #000; border-radius: 100%; -webkit-transition: .25s; transition: .25s; }
#Dashboard a .Icon svg { width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -9px; -webkit-transition: .25s; transition: .25s; }
#Dashboard a .Icon .fa-user-shield { margin-left: -7px; }
#Dashboard a .Icon .Count { position: absolute; top: -3px; right: -3px; font-size: .7em; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #F00; border-radius: 9px; }
#Dashboard a h5 { text-transform: uppercase; font-size: .7em; font-weight: 400; letter-spacing: .1em; text-indent: .1em; }
#Dashboard a:hover .Icon { -webkit-transform: scale(1.05); transform: scale(1.05); }
#Dashboard a:active .Icon { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-transition: .1s; transition: .1s; }
#Dashboard a:active .Icon svg { opacity: .5; }

#Dashboard:first-child { margin-top: 0; }

#Dashboard:last-child { margin-bottom: 0; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules
		Hashtags
	 */
.HashtagPool { list-style: none; padding: .6em 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.HashtagPool li { display: inline-block; margin: .6em 1.2em .6em 0; line-height: 1.2em; }
.HashtagPool a { display: block; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: .8em; color: rgba(0, 0, 0, 0.6); opacity: 1; }
.HashtagPool a .fa-hashtag { font-size: .825em; top: -.075em; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .25s; transition: .25s; }
.HashtagPool a .Count { width: 15px; text-align: center; height: 15px; line-height: 15px; display: block; position: absolute; font-size: .6em; background: #222; color: #FFF; border-radius: 100%; top: 2px; left: -5px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .25s; transition: .25s; }
.HashtagPool a:hover .fa-hashtag { -webkit-transform: scale(0); transform: scale(0); }
.HashtagPool a:hover .Count { -webkit-transform: scale(1); transform: scale(1); }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules
		Articles
			Frontpage
	 */
#Articles.Listing { padding: 148px 50px 50px 50px; }
#Articles.Listing h1 { margin: 0 20px 20px 20px; padding-bottom: 30px; font-weight: 500; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 1.6em; }
#Articles.Listing h1 .Today { position: absolute; right: 0; color: rgba(0, 0, 0, 0.2); }
#Articles.Listing .Articles { list-style: none; }
#Articles.Listing .Articles .Article { display: inline-block; width: 50%; padding: 20px; }
#Articles.Listing .Articles .Article a { display: block; text-decoration: none; background: #F8F8F8; overflow: hidden; -webkit-box-shadow: 0 2px 30px 5px rgba(0, 0, 0, 0.025); box-shadow: 0 2px 30px 5px rgba(0, 0, 0, 0.025); border-bottom: 1px solid rgba(0, 0, 0, 0.125); opacity: 1; height: 360px; }
#Articles.Listing .Articles .Article .IMG { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 123px; background: #F8F8F8 center no-repeat; background-size: cover; -webkit-transition: .25s; transition: .25s; }
#Articles.Listing .Articles .Article .IMG.png { background-size: contain; top: 15px; left: 15px; right: 15px; }
#Articles.Listing .Articles .Article .IMG.noIMG { background-image: url(/content/images/hm-black-medium.png); background-size: 100px; opacity: .2; }
#Articles.Listing .Articles .Article .Details { padding: 20px; position: absolute; left: 0; right: 0; bottom: 0; background: #FFF; }
#Articles.Listing .Articles .Article .Details .Tags { font-size: .8em; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; color: rgba(0, 0, 0, 0.2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#Articles.Listing .Articles .Article .Details .Tags .Tag, #Articles.Listing .Articles .Article .Details .Tags .sTag { display: inline-block; margin-right: 15px; }
#Articles.Listing .Articles .Article .Details h3 { font-weight: 500; margin-bottom: 15px; font-size: 1.4em; }
#Articles.Listing .Articles .Article .Details .Date { margin: 15px 0 0 0; font-size: .8em; color: rgba(0, 0, 0, 0.7); }
#Articles.Listing .Articles .Article .Details .Excerpt { font-size: .8em; line-height: 1.5em; width: 100%; height: 0; opacity: 0; margin-top: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: .25s; transition: .25s; color: rgba(0, 0, 0, 0.7); }
#Articles.Listing .Articles .Article a:hover .Details .Excerpt { height: 3em; opacity: 1; margin-top: 15px; }
#Articles.Listing .Articles .Article.Animated { opacity: 0; -webkit-transition: 1.5s; transition: 1.5s; }
#Articles.Listing .Articles .Article.Animated.Play { opacity: 1; }
#Articles.Listing .Articles .Article.Archive a { text-align: center; background: #333; border-bottom: 1px solid rgba(0, 0, 0, 0.025); }
#Articles.Listing .Articles .Article.Archive h3 { font-size: 3em; font-weight: 400; color: #FFF; }
#Articles.Listing .Articles .Article.Archive h3 svg { font-size: .825em; top: 3px; margin-left: 10px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .15s; transition: .15s; }
#Articles.Listing .Articles .Article.Archive a:hover h3 svg { -webkit-transform: translateX(10px); transform: translateX(10px); }
#Articles.Listing .Articles .Article.Archive.End a { background: #DDD; }

@media only screen and (min-width: 768px) { #Articles.Frontpage .Articles .Article:first-child { display: block; width: auto; }
  #Articles.Frontpage .Articles .Article:first-child a .IMG { right: 360px; bottom: 0; }
  #Articles.Frontpage .Articles .Article:first-child a .Details { width: 360px; left: auto; padding: 30px; top: 0; height: 100%; -webkit-transition: .25s; transition: .25s; -webkit-box-shadow: 10px 0 0 10px #FFF; box-shadow: 10px 0 0 10px #FFF; }
  #Articles.Frontpage .Articles .Article:first-child a .Details .Date { position: absolute; bottom: 30px; left: 30px; }
  #Articles.Frontpage .Articles .Article:first-child a .Details .Excerpt { height: 9em; opacity: 1; margin-top: 15px; -webkit-line-clamp: 6; font-size: 1.1em; color: #000; }
  #Articles.Frontpage .Articles .Article:first-child a:hover .Details { right: 15px; }
  #Articles.Frontpage .Articles .Article:nth-child(8n+2) { width: 60%; }
  #Articles.Frontpage .Articles .Article:nth-child(8n+3) { width: 40%; }
  #Articles.Frontpage .Articles .Article:nth-child(8n+6) { width: 40%; }
  #Articles.Frontpage .Articles .Article:nth-child(8n+7) { width: 60%; } }
/* RESPONSIVE */
@media only screen and (max-width: 860px) { #Articles.Listing { padding: 128px 15px 15px 15px; }
  #Articles.Listing h1 { margin: 0 15px 15px 15px; }
  #Articles.Listing .Articles .Article { padding: 15px; }
  #Articles.Listing .Pagination { margin-left: 15px; margin-right: 15px; padding-top: 15px; }
  #Articles.Listing .Pagination a.Prev, #Articles.Listing .Pagination a.Next { margin-top: -15px; } }
/* MOBILE */
@media only screen and (max-width: 767px) { #Articles.Listing { padding: 123px 10px 10px 10px; }
  #Articles.Listing h1 { margin: 0 10px 10px 10px; padding-bottom: 15px; text-align: center; }
  #Articles.Listing h1 .Today { position: relative; right: auto; font-size: .6em; display: block; margin-top: 10px; }
  #Articles.Listing .Articles .Article { padding: 10px; display: block; width: auto !important; }
  #Articles.Listing .Articles .Article.Archive { display: none; }
  #Articles.Listing .Pagination { margin-left: 10px; margin-right: 10px; }
  #Articles.Listing .Pagination a.Prev, #Articles.Listing .Pagination a.Next { margin-top: -17px; } }
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules
		Articles
			View
	 */
#Articles.Article { background: #F9F9F9; }
#Articles.Article .inner { max-width: 700px; width: 700px \9; padding: 30px 50px 50px 50px; }
#Articles.Article .Hero { padding-top: 50px; padding: 50px 50px 0 50px; max-width: 700px; width: 700px \9; margin: 0 auto; }
#Articles.Article .Hero .Date, #Articles.Article .Hero h1, #Articles.Article .Hero .HashtagPool { max-width: 600px; width: 600px \9; margin-left: auto; margin-right: auto; }
#Articles.Article .MainImage { max-width: 100%; max-height: 600px; width: auto; height: auto; margin: 30px auto 0 auto; display: block; }
#Articles.Article .Date { margin-bottom: 15px; font-size: .8em; }
#Articles.Article .Date span { color: rgba(0, 0, 0, 0.4); margin-left: 1em; }
#Articles.Article h1 { font-weight: 500; font-size: 2.6em; margin-bottom: 15px; }
#Articles.Article .Content *:first-child { margin-top: 0; }
#Articles.Article .Content h2 { font-weight: 500; }
#Articles.Article .Content p { line-height: 1.5em; margin: 1.8em 0; }
#Articles.Article .Content hr { margin: 1.8em 0; }
#Articles.Article .Content ul, #Articles.Article .Content ol { padding-left: 1.5em; }
#Articles.Article .Content ul li, #Articles.Article .Content ol li { margin: .75em 0; }
#Articles.Article .Content img, #Articles.Article .Content .Image { display: block; width: 100%; width: calc(100% + 100px); margin: 30px -50px; margin: 30px auto \9; }
#Articles.Article .Content img + br, #Articles.Article .Content .Image + br { display: none; }

/* RESPONSIVE */
/* MOBILE */
@media only screen and (max-width: 550px) { #Articles.Article .Hero { padding: 30px 30px 0 30px; }
  #Articles.Article .inner { padding: 30px; } }
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules
		Contact
	 */
#Contact .inner { padding: 50px; max-width: 700px; width: 700px \9; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/*  HM Core Adam de Croy
	
	Modules
		Catalog
	 */
.Catalog { list-style: none; }
.Catalog .Product .Images { list-style: none; height: 0; padding-top: 100%; }
.Catalog .Product .Images .imChange { display: inline-block; position: absolute; top: 50%; margin-top: -22px; width: 44px; text-align: center; height: 44px; line-height: 44px; border-radius: 100%; background: rgba(255, 255, 255, 0.9); color: #333; font-size: 1.6em; opacity: 0; }
.Catalog .Product .Images .imChange.Blocked { pointer-events: none; opacity: 0; }
.Catalog .Product .Images .imChange.Prev { left: 5px; }
.Catalog .Product .Images .imChange.Prev svg { left: -1px; }
.Catalog .Product .Images .imChange.Next { right: 5px; }
.Catalog .Product .Images .imChange.Next svg { left: 1px; }
.Catalog .Product .Images li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; -webkit-transition: 1s; transition: 1s; }
.Catalog .Product .Images li.Visible { opacity: 1; pointer-events: all; }
.Catalog .Product .Images .Image { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: center no-repeat; background-size: cover; }
.Catalog .Product .Images .Image.png { background-size: contain; }
.Catalog .Product h4 { font-weight: 400; font-size: 1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Catalog .Product h4 a { text-decoration: none; }
.Catalog .Product h4 a:hover { opacity: 1; color: #0d1c2d; }
.Catalog .Product .Price { margin-top: 15px; font-size: 1.4em; }
.Catalog .Product .Price del { opacity: .4; }
.Catalog .Product .Price.Unavailable { color: #ff7800; }
.Catalog .Product .BasketAdd.Quick { border: 1px solid rgba(0, 0, 0, 0.8); padding: 8px 12px; line-height: 1.2em; display: inline-block; vertical-align: middle; font-size: .8em; font-weight: 500; margin-top: 20px; border-radius: 50px; }
.Catalog .Product .BasketAdd.Quick svg { width: 12px; height: 12px; margin-left: 5px; }
.Catalog .Product:hover .Images .imChange:not(.Blocked) { opacity: 1; pointer-events: all; }
.Catalog .Product.Animated { opacity: 0; }
.Catalog .Product.Animated.Play { -webkit-animation: ProductShow 3s ease; animation: ProductShow 3s ease; }
@-webkit-keyframes ProductShow { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes ProductShow { 0% { opacity: 0; }
  100% { opacity: 1; } }
.Catalog.Grid .Product { width: 33.3333333333%; display: inline-block; vertical-align: top; padding: 20px; }

.Catalog.Grid.Center { text-align: center; }

/* RESPONSIVE */
/* MOBILE */
/* RETINA */
/* PRINT */
/* RESPONSIVE */
/* MOBILE */

/*# sourceMappingURL=Style.css.map */