html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

button, input, select, textarea { font: inherit; margin: 0; }

optgroup { font-weight: bold; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

@font-face { font-family: 'voodoo'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAsAAAAABhQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAPsAAAFEBMC9q0ZGVE0AAAIEAAAAGgAAABxmnNGeR0RFRgAAAiAAAAAcAAAAIAAyAARPUy8yAAACPAAAAE0AAABgStjXTGNtYXAAAAKMAAAAUQAAAWID9vVjaGVhZAAAAuAAAAAvAAAANvnibIZoaGVhAAADEAAAAB4AAAAkAM3//2htdHgAAAMwAAAAFAAAABQBZwAAbWF4cAAAA0QAAAAGAAAABgAFUABuYW1lAAADTAAAANwAAAF68akh9XBvc3QAAAQoAAAADAAAACAAAwAAeJxFTD1Lw1AUPbdJGinhaSRVh2ccu0mm/gMFxcGtk5sURDGLujhqcbiOOugo4qZLnfQv+AOUToKgD6FxzHZ9aUy8w+GeT4Lrgoj8ozTdTlNQA4Rurhv5opMvuBw4HLhxi4S5xMDnk8x4GrvTGpjROAg1lKbuLJyiOwWF6HB/ZzVJknLzb9neJlbQozN4RE7vcviUqXtXxHwPBKEFGUfHgrkawsr418rIJGxqGFdGQWP1Jog7e4O2yPvrxWhCmrY9v2GLX482aT8xxWdqWmlL6lOwdXUtWHu+sws3/T4Lll/WRR5+bj3Fxu1kvvqIuH16PmLmJgetXxo8jMMAeJxjYGBgZACCM7aLzoPos/rT02E0AEhLBnAAAHicY2BkYGDgA2IJBhBgYmAEQhYwBvEYAAR2ADd4nGNgZghjnMDAysDB4MjgxsDAwAelDRhYGCQZGJgYWJkZYIBRgAEBAtJcUxgcGFI+MDDE/f/FwMkQx8DeAFQDlvQEYgUgZAQAgIEJPwAAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMKQw5DOUfWD4/x+sDon3f97/Sf97BVigJsABIxsDuhBNABOSlRCKmQ62EgcAY2AOSQAAAHicY2BkYGAAYo5/O3bE89t8ZeBmSAGKMJzVn56OoP//BIrGAbkcDEwgUQBGxws/AHicY2BkYGCI+/+TgZMhhYHh/xwgCRJBBqwAeq8EygAAAGQAAABZAAAATgAAAFwAAAAAAAAAAFAAAAUAAHicbZBLasMwEIY/J45LSeiuXYtClzaWs8u6+ABdZB+IMIFggfI4Sk6QXY7RA/QEuUt+y1p0EQ2j+TT880DAggsZw8koeEs84YWvxFM+OSTOpbkmnjHnN3Ehu0uZ5a/KLGLVwBN1fE885ZsycR7njjzjg1viQvk/znjZNt6cvd96xR8cHSf2bAh6uu603whaiXqOMQYpHIaGilpxJf/fbMwssVpk8EYqqzet74+tD50zTVWblRmHCpa2tGVTW2mebrXWvKDv2cUtjLoNk1m7cNj53tiqfl74AOQdNot4nGNgZsALAAB9AAQ=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWac0Z4AAAWUAAAAHEdERUYANAAGAAAFdAAAACBPUy8ySrfW4gAAAVgAAABWY21hcAX8+GwAAAHMAAABYmdhc3D//wADAAAFbAAAAAhnbHlmKzSDIwAAA0AAAAB4aGVhZPnibIUAAADcAAAANmhoZWEAzgAAAAABFAAAACRobXR4AYgAAAAAAbAAAAAcbG9jYQBCAGAAAAMwAAAAEG1heHAASgALAAABOAAAACBuYW1l8akh9QAAA7gAAAF6cG9zdE5an+QAAAU0AAAAOAABAAAAAQAAcabNnl8PPPUACwBkAAAAAM0vl2cAAAAAzS+XZwAA//gAZABeAAAACAACAAAAAAAAAAEAAABe//gACQBkAAD/nABkAAEAAAAAAAAAAAAAAAAAAAAHAAEAAAAHAAgAAQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQBWAZAABQAIAEEARgAAAA4AQQBGAAAAMAAEABkAAAIABQMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZABAAGTwAABe//oACQBeAAiAAAABAAAAAAAAAGQAAAAAAAAAIQAAAFkAAABOAAAAXAAAAAAAAAAAAAMAAAADAAAAHAABAAAAAABcAAMAAQAAABwABABAAAAADAAIAAIABAAAAGQAbwB28AD//wAAAAAAZABvAHbwAP//AAD/oP+U/48QBgABAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAwAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgAkADAAPAABAAD/+gBQAEoABwAAPAE2MhYUBiIXIhcXIhEiFxciFwAAAAABAAD/+gBHAEoABwAAFzI2NCYrARUeERcXER4GFyIXUAAAAAABAAD/+ABeAEoAAgAANwcnXi8vSlFRAAABAAD/+gBkAF4AAgAANRcjZGReZAAAAAAAAAwAlgABAAAAAAABAAYADgABAAAAAAACAAcAJQABAAAAAAADACIAcwABAAAAAAAEAAYApAABAAAAAAAFAAsAwwABAAAAAAAGAAYA3QADAAEECQABAAwAAAADAAEECQACAA4AFQADAAEECQADAEQALQADAAEECQAEAAwAlgADAAEECQAFABYAqwADAAEECQAGAAwAzwB2AG8AbwBkAG8AbwAAdm9vZG9vAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHYAbwBvAGQAbwBvACAAOgAgADMAMQAtADEALQAyADAAMQAzAABGb250Rm9yZ2UgMi4wIDogdm9vZG9vIDogMzEtMS0yMDEzAAB2AG8AbwBkAG8AbwAAdm9vZG9vAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAAB2AG8AbwBkAG8AbwAAdm9vZG9vAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgBSAEcAWQECB3VuaUYwMDAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAYAAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM0vl2cAAAAAzS+XZw==) format("truetype"); font-weight: normal; font-style: normal; }
.vclogo { font-family: 'voodoo'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }

a.vclogo { text-decoration: none; }

.vclogo { font-family: 'voodoo'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; }

a.vclogo { text-decoration: none; }

@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?q8tz74"); src: url("fonts/icomoon.eot?q8tz74#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?q8tz74") format("truetype"), url("fonts/icomoon.woff?q8tz74") format("woff"), url("fonts/icomoon.svg?q8tz74#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-logo:before { content: "\e900"; }

.icon-arrow-drawn:before { content: "\e901"; }

.icon-arrow-right:before { content: "\e905"; }

.icon-arrow-left:before { content: "\e902"; }

.icon-close:before { content: "\e903"; }

.icon-menu:before { content: "\e904"; }

/*Lightest grey that passes WCAG2.0-AA contrast on white*/
/* Usage: use pixel size
	p{ 		@include font-size(13);
	}
*/
.helper .info-bx:before, .helper .info-bx:after, .clearfix:before, .clearfix:after { content: " "; display: table; }

html { font-size: 62.5%; }

html, button, input, select, textarea { color: #222; }

body { background-color: white; font-size: 1.2rem; line-height: 1.5; }

/*text selection*/
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/*W3C AA Placeholder Text of white inputs*/
::-webkit-input-placeholder { color: #717171; }

:-moz-placeholder { color: #717171; }

:-ms-input-placeholder { color: #717171; }

/*Example CSS3 validation*/
input[type=email]:valid { color: green; }

input[type=email]:invalid { color: red; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

textarea { resize: vertical; min-height: 2; }

/* Remove the gap between this & bottom of containers:
https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/*conditional messages*/
#msgNojs, #msgLegacy { display: block; width: 100%; padding: 0.4em 0; font-size: 0.9em; text-align: center; background-color: #f1f1f1; text-decoration: none; color: #6e6f6f; border-bottom: solid 1px #bcbcbc; }

#msgNojs:hover, #msgNojs:focus, #msgNojs:active, #msgLegacy:hover, #msgLegacy:focus, #msgLegacy:active { background-color: #CCC; color: #575758; }

/* ========================================================================== `navigation ========================================================================== */
[type="checkbox"]#main-nav { clip: rect(0 0 0 0); height: 1px; opacity: 0; position: fixed; width: 1px; z-index: -1; }
[type="checkbox"]#main-nav + label { width: 30px; height: 30px; position: absolute; top: 50%; right: 55px; margin-top: -15px; cursor: pointer; display: block; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; }
[type="checkbox"]#main-nav + label span { display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
[type="checkbox"]#main-nav + label span:nth-child(1) { top: 0px; }
[type="checkbox"]#main-nav + label span:nth-child(2), [type="checkbox"]#main-nav + label span:nth-child(3) { top: 10px; }
[type="checkbox"]#main-nav + label span:nth-child(4) { top: 20px; }
[type="checkbox"]#main-nav:hover + label span { background: #8b1dff; }
[type="checkbox"]#main-nav:checked ~ nav { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; width: calc( 100vw - 100% ); }
[type="checkbox"]#main-nav:checked + label span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
[type="checkbox"]#main-nav:checked + label span:nth-child(2) { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
[type="checkbox"]#main-nav:checked + label span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
[type="checkbox"]#main-nav:checked + label span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
[type="checkbox"]#main-nav:checked + label span { background: #8b1dff; }
[type="checkbox"]#main-nav:checked:hover + label span { background: #ffffff; }

.nav-bx nav { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; left: 100%; top: 0; overflow: hidden; width: 0; height: 100%; text-align: left; background-image: url(../dev/img-grid-blk.png); background-position: -32px 0; background-repeat: repeat; background-color: #8b1dff; background-color: rgba(139, 29, 255, 0.95); -moz-transition: all 700ms ease; -o-transition: all 700ms ease; -webkit-transition: all 700ms ease; transition: all 700ms ease; }
.nav-bx nav a { color: #ffffff; text-decoration: none; border-bottom: 0 none; }
.nav-bx nav ul { margin: 36px 0 0 120px; padding: 0; list-style: none; }
.nav-bx nav li { white-space: nowrap; }
.nav-bx nav li a { display: inline-block; padding: 14px; line-height: 1; position: relative; font-weight: 100; font-size: 100px; font-size: 10rem; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
.nav-bx nav li a:before { content: ''; position: absolute; display: block; width: 0; height: 3px; top: 55%; margin-top: -2px; background: #ffffff; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
.nav-bx nav li a:hover:before, .nav-bx nav li a:focus:before { width: 100%; }

footer nav ul { font-size: 0; margin: 0; padding: 0; list-style: none; }
footer nav li { font-size: 10px; font-size: 1rem; display: inline-block; }
footer nav a { display: block; padding: 10px 20px 10px 0; text-decoration: none; }
footer nav a:hover:before, footer nav a:focus:before { width: calc( 100% - 20px ); }

/* ========================================================================== `header ========================================================================== */
.grid-img { position: relative; height: 100%; width: 1180px; margin: 0 auto; overflow: hidden; z-index: 1; }
.home .grid-img { margin-bottom: 300px; min-height: auto; }
.landing .grid-img { overflow: visible; }
.landing .grid-img ul { list-style: none; }
.process .grid-img { width: 1180px; margin: 0 auto; }
.house-item .grid-img { overflow: visible; }

header { position: relative; /*background-color:$purple;
background-image:url(../img/bg1.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;*/ overflow: hidden; margin-bottom: 100px; min-height: 100%; }
header h1 { margin: 50px 0 100px; }
header h1 span { position: relative; }
header aside { font-size: 12px; font-size: 1.2rem; position: absolute; line-height: 1.5; font-weight: 700; text-transform: lowercase; color: #8b1dff; width: 153px; top: 230px; right: 95%; }
header aside [class^="icon-"], header aside [class*=" icon-"] { font-size: 50px; font-size: 5rem; position: absolute; top: -30px; right: -45px; }
header aside p { font-weight: 700; font-size: 15px; font-size: 1.5rem; line-height: 1.1; }
.home header { text-align: right; }
.home header .img-bx img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; width: 100%; }
.landing header .txt-bx { width: 445px; margin-left: 598px; margin-bottom: 100px; }
.process header { background-color: transparent; background-image: none; min-height: 0; }
.process header:after { content: ''; display: block; width: 1180px; margin: 0 auto; padding-top: 80px; clear: both; }
.process header.bordered:after { border-bottom: 1px solid #000000; }
.process header .txt-bx { width: 290px; float: left; color: #8b1dff; margin-top: 18%; margin-left: 5px; }
.process header .grid-img { background-image: none; }
.process header.purple { background-color: #8b1dff; }
.house-item header { position: relative; min-height: 700px; }
.house-item header .txt-bx { color: #ffffff; }
.house-item header .img-bx img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; width: 100%; height: auto; }
.house-item header h1 { margin-bottom: 0; }
header .img-bx { position: absolute; top: 0; z-index: 0; height: 100%; }
header .img-bx:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; background-image: url(../dev/img-grid.png); background-position: -32px 0; background-repeat: repeat; z-index: 1; }
header .img-bx img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; width: 100%; height: 100%; }
.landing header .img-bx img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; }
header.purple h1 { color: #dadada; }
header .intro { font-size: 15px; font-size: 1.5rem; }
header .txt-bx { font-size: 13px; font-size: 1.3rem; }
header.black { background-color: #000; }
header.black h1, header.black p { color: #dadada; }

/* ========================================================================== `footer ========================================================================== */
footer { font-size: 10px; font-size: 1rem; margin-bottom: 90px; }
footer .credit-bx { padding: 12px; color: #000000; font-weight: 400; }
footer a { color: #000000; display: inline-block; position: relative; border-bottom: 0 none; font-weight: 700; }
footer a:before { content: ''; position: absolute; display: block; width: 0; height: 1px; top: 55%; margin-top: -2px; background: #8b1dff; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
footer a:hover, footer a:focus { color: #8b1dff; text-decoration: none; }
footer a:hover:before, footer a:focus:before { width: 100%; }

/* ========================================================================== `general ========================================================================== */
	/* link hovers 	-------------------------------------------------------------------------- */
.underline-hover { position: relative; display: inline-block; }
.underline-hover:before { content: ''; position: absolute; display: block; width: 0; height: 1px; top: 55%; margin-top: -2px; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
.underline-hover:hover, .underline-hover:focus { text-decoration: none; }
.underline-hover:hover:before, .underline-hover:focus:before { width: 100%; }
.purple .underline-hover:before { background: #000; }
.purple .underline-hover:hover, .purple .underline-hover:focus { color: #000; }
.grey .underline-hover:before { background: #000; }
.grey .underline-hover:hover, .grey .underline-hover:focus { color: #000; }
.black .underline-hover:before { background: #dadada; }
.black .underline-hover:hover, .black .underline-hover:focus { color: #dadada; }
.process-item .underline-hover:before { background: #000; }
.process-item .underline-hover:hover, .process-item .underline-hover:focus { color: #000; }

.double-underline .strike { position: relative; display: inline-block; }
.double-underline .strike:before { content: ''; position: absolute; display: block; width: 0; height: 1px; top: 55%; margin-top: -2px; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
.purple .double-underline .strike:before { background: #000; }
.grey .double-underline .strike:before { background: #8b1dff; }
.white .double-underline .strike:before { background: #8b1dff; }
.black .double-underline .strike:before { background: #fff; }
.purple .double-underline:hover, .purple .double-underline:focus { color: #000; }
.grey .double-underline:hover, .grey .double-underline:focus { color: #8b1dff; }
.white .double-underline:hover, .white .double-underline:focus { color: #8b1dff; }
.black .double-underline:hover, .black .double-underline:focus { color: #fff; }
.double-underline:hover .strike:before { width: 100%; }

.processpage footer a.vclogo:focus, .processpage footer a.vclogo:hover { color: #fff; }

	/* Layout and General Styles 	-------------------------------------------------------------------------- */
body { font-family: "Work Sans", sans-serif; }
body.processpage { background-color: #8b1dff; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF8B1DFF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1NC41JSIgc3RvcC1jb2xvcj0iIzhiMWRmZiIvPjxzdG9wIG9mZnNldD0iNTQuNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(54.5%, #8b1dff), color-stop(54.5%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 54.5%, #ffffff 54.5%); background-image: -webkit-linear-gradient(left, #8b1dff 54.5%, #ffffff 54.5%); background-image: linear-gradient(to right, #8b1dff 54.5%, #ffffff 54.5%); }

h1 { font-size: 115px; font-size: 11.5rem; font-weight: 100; color: #000000; line-height: 0.9; text-transform: lowercase; }
.home h1 { font-size: 200px; font-size: 20rem; color: #8b1dff; margin-top: 36px; font-weight: 200; }
.process h1 { width: 69.8%; float: left; font-weight: 200; letter-spacing: 1.5px; font-size: 120px; font-size: 12rem; }
.landing h1 { width: 110%; color: #dadada; font-weight: 700; font-size: 150px; font-size: 15rem; }
.landing .grid-img h1 { line-height: 1; }

h2 { font-weight: 300; font-size: 68px; font-size: 6.8rem; }

h2, h3, h4, h5 { text-transform: lowercase; line-height: 0.9; }
h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; }

hr, .hr { clear: both; display: block; }

p:first-child { margin-top: 0; }

a { color: #8b1dff; font-weight: 700; text-transform: lowercase; text-decoration: none; vertical-align: middle; border-bottom: 1px solid; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; }
a:hover, a:focus { color: #7e04ff; border-bottom-color: transparent; }
a [class^="icon-"], a [class*=" icon-"] { vertical-align: middle; }

blockquote { margin: 0; position: relative; color: #8b1dff; padding-top: 30px; }
blockquote:before { content: '\201c'; font-size: 3rem; font-weight: bold; position: absolute; top: 4px; }
blockquote.boxed { padding: 60px 30px 30px; background-color: #dadada; }
blockquote.dark { color: #010101; }
blockquote.light { color: white; }
section > .wrapper > blockquote { font-size: 3rem; line-height: 1.2; padding-top: 50px; }
section > .wrapper > blockquote:before { font-size: 6rem; top: 10px; }
section > .wrapper > blockquote footer { font-size: 2.2rem; }
blockquote p { margin: 10px 0; }
blockquote footer { font-size: 1.2rem; font-style: italic; font-weight: normal; margin-bottom: 0; }

.\31\/1 { width: 100%; }

.\31\/2 { width: 50%; }

.\31\/7 { width: 14.28571%; }

.\32\/7 { width: 28.57143%; }

.\33\/7 { width: 42.85714%; }

.\34\/7 { width: 57.14286%; }

.\35\/7 { width: 71.42857%; }

.\33\/10 { width: 30%; }

.col { float: left; box-sizing: border-box; }

.intro { font-weight: bold; font-weight: 700; }

.nav-bx { position: fixed; z-index: 10; width: 140px; height: 100%; background: #000000; color: #ffffff; text-align: right; }
.nav-bx .logo-bx { position: absolute; top: 36px; right: 26px; }
.nav-bx .logo-bx [class^="icon-"], .nav-bx .logo-bx [class*=" icon-"] { font-size: 90px; font-size: 9rem; font-weight: normal; }
.nav-bx .logo-bx a { display: block; text-decoration: none; color: #fff; border-bottom: 0; }

.flex-bx { display: flex; }
.flex-bx.list-bx { flex-wrap: wrap; }
.flex-bx.dream-bx { align-items: center; }
.flex-bx.process-bx.process-small { align-items: center; }

.wrapper { margin-bottom: 100px; }
.home .sctns .wrapper > .col:nth-of-type(2) { padding-left: 145px; }
.wrapper.col { width: 1180px; margin: 0 auto 100px auto; }
.wrapper.col.list-bx { margin-bottom: 0; }
.wrapper.col .col { padding-left: 0; }
.wrapper.col .col:nth-child(even) { margin-left: 10%; }
.wrapper.col .col:nth-child(even).info-bx { margin-left: 0; }
.wrapper.col.dream-bx .col:nth-child(even) { margin-left: 0; }
.wrapper.col.quote { float: none; }
footer .wrapper.col { margin-bottom: 0; }

footer { width: 1180px; margin: 0 auto 100px auto; }

.content-bx { width: calc( 100% - 140px ); margin-left: 140px; background-image: url(../dev/img-grid.png); background-position: -32px 0; background-repeat: repeat; }

.process-steps { width: 1180px; margin: 0 auto; }

.list-bx .img-bx { position: relative; z-index: 0; top: 0; }
.list-bx .img-bx:before { content: ''; display: block; padding-top: 100%; }
.list-bx .img-bx .img-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #8b1dff; }
.home .list-bx.wrapper { width: 1180px; margin: 0 auto; }

.helper { position: absolute; z-index: 2; margin: 4.5% 0; }
.helper:before { content: ''; display: block; padding-top: 64%; }
.helper .info-bx { zoom: 1; padding: 20px; box-sizing: border-box; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.helper .info-bx:after { clear: both; }
.helper .info-bx h1, .helper .info-bx h2, .helper .info-bx h3, .helper .info-bx h4, .helper .info-bx h5 { margin: 0; }
.helper .info-bx h2 { max-width: 190px; line-height: 0.95; font-weight: 700; font-size: 42px; font-size: 4.2rem; }
.helper .info-bx .details { width: 47%; float: right; text-align: right; }
.landing .helper .info-bx .details { margin-top: 80px; }
.helper .info-bx .details a { margin-left: 30%; }
.helper .info-bx .details [class^="icon-"], .helper .info-bx .details [class*=" icon-"] { font-weight: bold; font-size: 12px; font-size: 1.2rem; }
.helper .info-bx h2 a { border-bottom: 0; }
.h_right .helper .info-bx h2 a { color: #dadada; }
.helper .info-bx.purple h2 a { color: #000; }
.landing .helper { width: 215px; }
.home .helper { width: 370px; }

.house.list-bx { min-height: 900px; }

.section-bx { position: relative; box-sizing: border-box; margin-bottom: 90px; }
.section-bx .img-bx { width: 295px; }
.section-bx .helper { margin: 4.5% 0; }

.process-bx h1, .process-bx h2, .process-bx h3, .process-bx h4, .process-bx h5 { max-width: 300px; margin-bottom: 150px; }
.process-bx .txt-bx { width: 136px; margin-left: 10%; color: #8b1dff; float: left; }
.process-bx a { color: #000000; }
.process-bx a:hover, .process-bx a:focus { color: #333333; }
.process-bx .key-bx { float: left; margin-left: calc( 26px * 2 ); }
.process-bx .key-bx ul { margin: 0; padding: 0; list-style: none; }
.process-bx .key-bx .img-bx:before { content: none; }
.process-bx.process-small { position: relative; padding: 10px; }
.process-bx.process-small .col { margin: 0; }
.process-bx.process-small.wrapper.col .col:nth-child(even) { margin: 0; }
.process-bx.process-small .key-bx ul { display: none; }
.process-bx.process-small .txt-bx a { position: relative; left: 30px; }
.process-bx.process-large { width: 1180px; margin: 0 auto 100px auto; position: relative; }
.process-bx.process-large .img-bx { position: absolute; top: 110px; z-index: -1; }
.process-bx.process-large .img-bx img { width: 100%; max-width: 100%; }
.process-bx.process-large h2 { color: #000; }
.process-bx.process-large .txt-bx { margin-left: 150px; margin-top: 2%; }
.process-bx.process-large .key-bx { margin-top: 2%; }

.fix-center { width: 1180px; margin: 0 auto; }

.filter-bx { width: 1180px; margin: 0 auto; margin-bottom: 50px; }
.filter-bx ul { margin: 0; padding: 0; font-size: 0; list-style: none; }
.filter-bx li { padding-left: 30px; display: inline-block; color: #000000; font-weight: 500; font-size: 15px; font-size: 1.5rem; }
.filter-bx li:first-child { padding-left: 0; }
.filter-bx .filter-title { text-transform: uppercase; font-weight: 700; font-size: 15px; font-size: 1.5rem; }
.filter-bx input { width: 55px; }

.dream-bx { padding: 50px 0; background-color: transparent; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF8B1DFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOC42JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI4LjYlIiBzdG9wLWNvbG9yPSIjOGIxZGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28.6%, rgba(0, 0, 0, 0)), color-stop(28.6%, #8b1dff)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 28.6%, #8b1dff 28.6%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 28.6%, #8b1dff 28.6%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 28.6%, #8b1dff 28.6%); }
.dream-bx h2 { margin-bottom: 0; margin-right: 10px; }
.dream-bx .purple a { color: #000000; }
.dream-bx .purple a:hover, .dream-bx .purple a:focus { color: #000000; }
.dream-bx .txt-bx.\31\/2 { width: 148px; }
.dream-bx.grey-bg { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FFDADADA'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOC42JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI4LjYlIiBzdG9wLWNvbG9yPSIjZGFkYWRhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28.6%, rgba(0, 0, 0, 0)), color-stop(28.6%, #dadada)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 28.6%, #dadada 28.6%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 28.6%, #dadada 28.6%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 28.6%, #dadada 28.6%); }
.dream-bx.black-bg { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyOC42JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI4LjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(28.6%, rgba(0, 0, 0, 0)), color-stop(28.6%, #000000)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 28.6%, #000000 28.6%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 28.6%, #000000 28.6%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 28.6%, #000000 28.6%); }
.dream-bx.black-bg h2 { color: #8b1dff; }

.awards-bx { border-top: 1px solid #000000; padding-top: 40px; }
.awards-bx.wrapper.col { float: none; }
.awards-bx .award-list { list-style: none; margin: 0; padding: 0; }
.awards-bx .award-list li { float: left; width: 50%; margin-bottom: 10px; }

.gutter-sizer { width: 10%; }

.gallery-gutter-sizer { width: 10%; }

.no-result { display: none; position: absolute; left: 0; right: 0; text-align: center; text-transform: uppercase; }

.note { font-weight: 700; color: #8b1dff; position: absolute; width: 100%; text-align: center; line-height: 1; }

.list-item { width: 45%; position: relative; margin-bottom: 100px; }
.house .list-item { margin-left: 0 !important; }
.list-item .helper { margin: 15% 0; }
.list-item .helper:before { padding-top: 60%; }
.list-item .helper .info-bx h2, .list-item .helper .info-bx .h2 { font-size: 25px; font-size: 2.5rem; }
.list-item .helper .info-bx .details { position: absolute; bottom: 20px; }
.list-item .helper .info-bx .details a { margin-left: 0; }
.list-item .helper .info-bx h2 a { border-bottom: 0; }
.list-item .img-bx { background-color: #8b1dff; width: 66.66667%; }
.list-item .img-bx .img-wrap { width: 100%; }
.list-item .note { position: absolute; }
.house.list-bx .list-item:nth-child(odd) .details { right: 20px; }
.house.list-bx .list-item:nth-child(odd) .note { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.house.list-bx .list-item:nth-child(even) h2 { float: right; text-align: right; }
.house.list-bx .list-item:nth-child(even) h3 { float: right; text-align: right; }
.house.list-bx .list-item:nth-child(even) p { float: right; text-align: right; }
.house.list-bx .list-item:nth-child(even) .details { left: 20px; float: left; text-align: left; }
.house.list-bx .list-item:nth-child(even) .note { top: 44%; bottom: initial; left: -55%; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.h_left .img-bx, .house.list-bx .list-item:nth-child(odd) .img-bx { float: right; }
.h_left .note, .house.list-bx .list-item:nth-child(odd) .note { right: -55%; top: 44%; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.h_right .helper, .house.list-bx .list-item:nth-child(even) .helper { right: -1px; float: right; }
.h_right .img-bx, .house.list-bx .list-item:nth-child(even) .img-bx { float: left; }

.h_right .details { text-align: left; }

.v_top .helper { width: 220px; position: relative; margin: 0 auto; z-index: 2; }
.v_top .helper:before { content: none; }
.v_top .helper .info-bx { position: static; }
.v_top .helper .info-bx .details { margin-top: 80px; width: 90%; }
.v_top .helper + .img-bx { top: -70px; }
.v_top .img-bx { position: relative; width: 100%; }
.v_top .img-bx:before { padding-top: 120%; }
.v_top .img-bx .img-wrap { background-color: #dadada; }
.v_top .note { color: #000000; right: -55%; top: 44%; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.process-item:after { content: ''; display: block; width: 40px; height: 100px; border-left: 3px solid #dadada; border-right: 3px solid #dadada; margin: 20px 0 30px 20%; }
.process-item:last-child:after { content: none; }
.process-item .process-step { font-size: 500px; font-size: 50rem; font-family: "proxima-nova", sans-serif; color: #dadada; line-height: 0.8; margin: 0; text-align: center; }
.process-item h2 { font-size: 150px; font-size: 15rem; font-weight: bold; margin: 20px 0 40px 47px; }
.process-item .details { margin: 0 0 40px 296px; }

.gallery-item { margin-bottom: 50px; }

.gallery .list-bx .img-bx:before { padding-top: 0; }
.gallery .section-bx .img-bx { width: auto; }
.gallery .v_top .note { color: #8b1dff; }
.gallery .wrapper.list-bx { margin-bottom: 100px; }

.img-bx img { width: 100%; }

.grey { color: #000000; background-color: #dadada; }
.grey h1, .grey h2, .grey h3, .grey h4, .grey h5 { color: #8b1dff; }
.grey.process-small h1, .grey.process-small h2, .grey.process-small h3, .grey.process-small h4, .grey.process-small h5 { color: #000000; }
.grey.process-small h2 { font-size: 35px; font-size: 3.5rem; padding-right: 5px; font-weight: 200; color: #010101; line-height: 0.85; }

.black { color: #ffffff; background-color: #000000; }

.purple { color: #ffffff; background-color: #8b1dff; }
.purple h1, .purple h2, .purple h3, .purple h4, .purple h5 { color: #000000; }
.purple a { color: #dadada; }
.purple a:hover, .purple a:focus { color: #c1c1c1; }
.purple + .img-bx .img-wrap { background-color: #dadada; }

input, select, textarea { color: #8b1dff; border: 1px solid #000000; padding: 10px 5px 10px 10px; }

.underline { border-bottom: 1px solid #bd86f7; -moz-box-shadow: 0 1px 0 0 #d6baf3; -webkit-box-shadow: 0 1px 0 0 #d6baf3; box-shadow: 0 1px 0 0 #d6baf3; }
.team-profile { min-height: 175px; height: auto; box-sizing: border-box; }
.team-profile-medium { min-height: 236px; height: auto; box-sizing: border-box; }

.underline:hover, .underline:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.sold-out-ribbon {
    bottom: 0;
    right: 0;
    position: absolute;
    background: url('../img/sold-corner.png') no-repeat;
    background-size: 100%;
    height: 65px;
    width: 80px;
}

.sold-out-ribbon:after {}

/* ========================================================================== `media queries ========================================================================== */
@media only screen and (min-width: 1920px) { .process-bx .txt-bx { width: calc( 10% + 26px); } }
@media only screen and (max-width: 1797px) { .process-bx .key-bx .img-bx img { margin-left: 10px; }
  .process h1 { width: 63%; } }
@media only screen and (max-width: 1700px) { .helper .info-bx h2 { font-size: 32px; font-size: 3.2rem; }
  .helper .info-bx .details { width: 60%; }
  .helper .info-bx .details a { margin-left: 0; }
  .home .helper .info-bx .details { margin-top: 40px; width: 70%; }
  .v_top .helper { width: 88%; }
  .grey.process-small h2 { font-size: 30px; font-size: 3rem; }
  .house-item header .img-bx img { width: 100%; height: 100%; }
  .house-item header .img-bx { height: 100%; } }
@media only screen and (max-width: 1600px) { body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4YjFkZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(50%, #8b1dff), color-stop(50%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 50%, #ffffff 50%); background-image: -webkit-linear-gradient(left, #8b1dff 50%, #ffffff 50%); background-image: linear-gradient(to right, #8b1dff 50%, #ffffff 50%); } }
@media only screen and (min-width: 1601px) { header .img-bx { width: 100%; height: auto; } }
@media only screen and (max-width: 1530px) { .helper .info-bx .details { width: 80%; }
  .landing header .txt-bx { width: 50%; margin-left: 50%; }
  .filter-bx li:first-child { display: block; }
  .filter-bx li:nth-child(2) { padding-left: 0; }
  .filter-bx li.filter-title { margin-bottom: 10px; } }
@media only screen and (max-width: 1500px) { .nav-bx nav li a { font-size: 80px; font-size: 8rem; }
  .landing h1 { font-size: 140px; font-size: 14rem; }
  h2, .h2 { font-size: 58px; font-size: 5.8rem; }
  .process-bx.process-large .txt-bx { margin-top: 66px; }
  .process-bx.process-large .key-bx { margin-top: 66px; } }
@media only screen and (max-width: 1480px) { .house-item header { min-height: 600px; }
  .process header .grid-img { max-width: 100%; padding-right: 111px; padding-left: 111px; width: auto; }
  .process header:after { margin-right: 111px; margin-left: 111px; width: auto; max-width: 100%; }
  .process-steps { width: auto; }
  .wrapper.col { width: auto; margin-left: 116px; margin-right: 116px; }
  .wrapper.col .col:nth-child(even) { margin-left: 10%; }
  footer { width: 100%; }
  footer .wrapper.col { width: calc(100% - 232px); margin-left: 116px; margin-right: 116px; }
  .fix-center .list-bx.wrapper { width: 100%; margin: 0 0 100px 0; } }
@media only screen and (max-width: 1440px) { body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiM4YjFkZmYiLz48c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(54%, #8b1dff), color-stop(54%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 54%, #ffffff 54%); background-image: -webkit-linear-gradient(left, #8b1dff 54%, #ffffff 54%); background-image: linear-gradient(to right, #8b1dff 54%, #ffffff 54%); }
  .wrapper.col { width: auto; margin-right: 116px; }
  .landing .grid-img { width: auto; padding-right: 111px; padding-left: 111px; }
  .home .grid-img { width: auto; padding-right: 116px; }
  .process-bx.process-large { width: auto; margin-right: 116px; margin-left: 116px; }
  .home .wrapper.list-bx { width: auto; margin: 0 116px 0 116px; }
  .home h1 { font-size: 160px; font-size: 16rem; }
  .wrapper.list-bx { width: calc(100% - 232px); margin-right: 0; }
  footer.wrapper.col { width: calc(100% - 232px); }
  .process-bx.process-small h2.\31\/7 { width: 28.57143%; }
  .process-bx.process-small .key-bx.\35\/7 { width: 57.14286%; }
  .process-item:after { margin-left: 198px; }
  header .img-bx { text-align: left; }
  footer nav a { padding: 4px 20px 4px 0; }
  .h_left .helper .details, .h_right .helper .details { margin-top: 50px; }
  .home .helper .info-bx .details { width: 100%; }
  .home .h_left .helper .info-bx .details, .home .h_right .helper .info-bx .details { margin-top: 65px; }
  .filter-bx { width: calc(100% - 232px); margin: 0 auto 50px; }
  footer .credit-bx { padding: 0 12px; }
  .fix-center { width: 100%; margin: 0 auto; }
  .fix-center .list-bx.wrapper { width: calc(100% - 232px); margin: 0 116px 100px 116px; } }
@media only screen and (max-width: 1400px) { .process header .grid-img { width: auto; }
  .process h1 { width: 69%; }
  .process-item .details { margin: 0 0 40px 250px; }
  .process header .txt-bx { width: 250px; } }
@media only screen and (max-width: 1380px) { .helper .info-bx h2 { margin-bottom: 5px; max-width: none; }
  .helper .info-bx .details { width: 100%; }
  .process header .txt-bx { margin-top: 7%; } }
@media only screen and (max-width: 1340px) { .house-item header .img-bx img { width: 100%; } }
@media only screen and (max-width: 1320px) { body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGIxZGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 725 50%, color-stop(100%, #8b1dff), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 725px, #ffffff 725px); background-image: -webkit-linear-gradient(left, #8b1dff 725px, #ffffff 725px); background-image: linear-gradient(to right, #8b1dff 725px, #ffffff 725px); }
  .process h1 { width: 64%; }
  .process header .txt-bx { margin-left: -4px; }
  .process-item .details { margin: 0 0 40px 184px; } }
@media only screen and (max-width: 1300px) { body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGIxZGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 695 50%, color-stop(100%, #8b1dff), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 695px, #ffffff 695px); background-image: -webkit-linear-gradient(left, #8b1dff 695px, #ffffff 695px); background-image: linear-gradient(to right, #8b1dff 695px, #ffffff 695px); }
  .process-item .process-step { font-size: 400px; font-size: 40rem; }
  .process-item:after { margin-left: 174px; }
  .house-item header { min-height: 500px; } }
@media only screen and (max-width: 1280px) { h1 { font-size: 90px; font-size: 9rem; }
  .helper .info-bx h2 { font-size: 26px; font-size: 2.6rem; }
  .v_top .helper { width: 100%; }
  .house-item h1 { font-size: 90px; font-size: 9rem; } }
@media only screen and (max-width: 1200px) { .content-bx { width: calc( 100% - 140px ); margin-left: 140px; }
  header aside { top: 150px; right: 80%; }
  .home h1 { font-size: 120px; font-size: 12rem; }
  .landing h1 { font-size: 110px; font-size: 11rem; }
  .v_top .img-bx { width: 100%; }
  .nav-bx nav li a { font-size: 60px; font-size: 6rem; }
  .filter-bx li { font-size: 13px; font-size: 1.3rem; }
  body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiM4YjFkZmYiLz48c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(56%, #8b1dff), color-stop(56%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 56%, #ffffff 56%); background-image: -webkit-linear-gradient(left, #8b1dff 56%, #ffffff 56%); background-image: linear-gradient(to right, #8b1dff 56%, #ffffff 56%); }
  .grid-img { padding-right: 16%; }
  .house-item .grid-img h1 { font-size: 90px; font-size: 9rem; width: 65%; } }
@media only screen and (max-width: 1175px) { .home .wrapper.list-bx, .process-bx.process-large { margin-left: 80px; margin-right: 80px; }
  .home footer .wrapper.col { width: calc(100% - 160px); margin-left: 80px; margin-right: 80px; } }
@media only screen and (max-width: 1170px) { .process-item:after { margin-left: 150px; }
  .process h1 { width: 60%; }
  .home .sctns .wrapper > .col:nth-of-type(2) { padding-left: 100px; }
  .home .h_left .helper, .home .h_right .helper { width: 340px; }
  .home .h_left .helper .info-bx .details, .home .h_right .helper .info-bx .details { margin-top: 80px; } }
@media only screen and (max-width: 1140px) { .house-item h1 { font-size: 90px; font-size: 9rem; } }
@media only screen and (max-width: 1100px) { h1 { font-size: 80px; font-size: 8rem; }
  .house-item .grid-img h1 { font-size: 70px; font-size: 7rem; width: 65%; }
  .house-item header { min-height: 400px; } }
@media only screen and (max-width: 1080px) { .helper .info-bx { padding: 10px; }
  .dream-bx h2 { font-size: 48px; font-size: 4.8rem; }
  .process-item:after { margin-left: 130px; }
  .process-item .process-step { font-size: 350px; font-size: 35rem; }
  .process-item h2 { font-size: 70px; font-size: 7rem; }
  .process-item .details { margin-left: 30%; }
  .process h1 { width: 59%; font-size: 100px; font-size: 10rem; }
  .house-item h1 { font-size: 80px; font-size: 8rem; }
  .process header .txt-bx { margin-left: 0; width: 200px; }
  .home header .img-bx img { width: auto; }
  header .img-bx { left: 0; }
  .home .h_left .helper, .home .h_right .helper { width: 345px; }
  .process-bx.process-large .img-bx { top: 140px; }
  header .img-bx img { width: auto; } }
@media only screen and (max-width: 1024px) { .filter-bx li { display: block; padding-left: 0; margin-bottom: 10px; }
  .filter-bx li label { display: block; }
  .filter-bx li select { width: 100%; } }
@media only screen and (min-width: 981px) { .helper .info-bx .details .icon-arrow-left { display: inline; }
  .list-item:nth-child(even) .helper .info-bx .details .icon-arrow-right, .list-item:nth-child(odd) .helper .info-bx .details .icon-arrow-left { display: none; } }
@media only screen and (max-width: 980px) { .wrapper > .col { padding: 0 10%; }
  .home .wrapper > .col:nth-of-type(2) { padding: 0 10%; }
  .wrapper.col .col:nth-child(even) { margin: 0 0 50px 0; }
  .wrapper.col .info-bx.col:nth-child(even) { margin: 0; }
  .sctns .\31\/2 { width: 100%; }
  .sctns .\31\/2.col { float: none; }
  .sctns .flex-bx { display: block; }
  .\33\/7 { width: 100%; }
  .processpage .\33\/7 { width: 42.85714%; }
  .list-item { margin-bottom: 50px; }
  .list-item.h_right .note { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: -55%; top: 44%; left: auto; }
  .h_right .note { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); right: -55%; top: 44%; bottom: auto; }
  .helper { width: 64%; }
  .helper .info-bx h2 { font-size: 42px; font-size: 4.2rem; }
  .helper .info-bx .details { width: 47%; }
  .helper .info-bx .details a { margin-left: 20%; }
  .helper .info-bx .details .icon-arrow-left { display: none; }
  .list-item .helper { margin: 11% 0; }
  .filter-bx li { margin-bottom: 10px; }
  .filter-bx li:nth-child(4) { padding-left: 0; }
  .helper .info-bx { padding: 20px; }
  .h_right .helper, .v_top .helper { right: auto; left: 0; float: left; }
  .h_right .helper .details, .v_top .helper .details { text-align: right; right: 20px; }
  .h_right .helper .details .icon-arrow-right, .v_top .helper .details .icon-arrow-right { display: inline; }
  .h_right .img-bx, .v_top .img-bx { float: right; }
  .list-item:nth-child(even) .helper .details .icon-arrow-right { display: inline; }
  .v_top .helper { position: absolute; z-index: 2; width: 350px; margin: 4.5% 0; }
  .v_top .helper .info-bx { position: absolute; }
  .v_top .helper .info-bx .details { margin-top: 0; }
  .v_top .helper:before { content: ''; display: block; padding-top: 64%; }
  .v_top .img-bx { min-width: 20%; width: 50%; top: 0; }
  .v_top .img-bx:before { padding-top: 100%; }
  .process-bx.process-small.flex-bx { display: block; }
  .process-bx.process-small h2.\31\/7 { width: 100%; max-width: none; }
  .process-bx.process-small .key-bx.\35\/7 { width: 100%; padding: 30px 20px; }
  .process-bx.process-small .txt-bx { width: 100%; text-align: right; padding-right: 0; }
  .process-bx.process-small .txt-bx a { width: auto; float: none; left: 0; }
  .house-item header .txt-bx { width: 100%; float: none; margin-top: 20px; }
  .house-item header h1 { margin-bottom: 20px; width: 100%; float: none; }
  footer .\33\/7 { width: 50%; }
  footer.wrapper > .col { padding: 0 5% 0 0; }
  footer.wrapper.col .col:nth-child(2) { padding-left: 5%; padding-right: 0; margin: 0; }
  .process-bx .key-bx .img-bx img { margin-left: 0; }
  .process header .grid-img { padding: 0 60px; }
  .process header:after { margin: 0 60px; }
  .wrapper.col { margin: 0 60px 100px 60px; }
  .wrapper.list-bx { width: calc(100% - 120px); }
  footer.wrapper.col { width: calc(100% - 120px); }
  .home .grid-img { width: auto; padding-right: 60px; }
  .landing .grid-img { width: auto; padding-right: 60px; padding-left: 60px; }
  .home .sctns .wrapper > .col:nth-of-type(2) { padding-left: 5%; }
  .home .wrapper.list-bx, .process-bx.process-large { margin-left: 60px; margin-right: 60px; }
  .home .h_left .helper .info-bx .details { margin-top: 65px; }
  .home .h_right .helper .info-bx .details { margin-top: 65px; }
  .v_top .helper .info-bx .details { margin-top: 35px; }
  .home .wrapper.list-bx .col { padding: 0 5%; }
  .v_top .helper, .home .h_left .helper, .home .h_right .helper { width: 60%; }
  .landing .helper { width: 64%; }
  footer .wrapper.col { width: calc(100% - 120px); margin-left: 60px; margin-right: 60px; }
  footer .wrapper.col .col { padding: 0; }
  .filter-bx { width: calc(100% - 120px); }
  .fix-center .list-bx.wrapper { width: calc(100% - 120px); margin: 0 60px 100px 60px; }
  .process footer .wrapper.col .col:nth-child(even) { margin-left: 10%; }
  .process.house-item footer .wrapper.col .col:nth-child(even) { margin-left: 0; } }
  .no-bottom-space {
    margin-bottom: 0 !important;
    margin-bottom-padding: 0 !important;
  }
@media only screen and (max-width: 930px) { h1 { font-size: 90px; font-size: 9rem; }
  .home h1 { font-size: 110px; font-size: 11rem; }
  .landing h1 { font-size: 90px; font-size: 9rem; margin-bottom: 50px; }
  header { min-height: 700px; }
  header aside { top: 150px; }
  .landing header .txt-bx { width: 70%; margin-left: 30%; }
  .grid-img { padding: 0 10%; }
  .helper .info-bx h2 { font-size: 36px; font-size: 3.6rem; }
  .helper .info-bx .details { width: 80%; }
  .helper .info-bx .details a { margin-left: 0; }
  .dream-bx h2 { font-size: 38px; font-size: 3.8rem; }
  .nav-bx nav ul { margin-left: 80px; }
  .process-item .process-step { font-size: 300px; font-size: 30rem; }
  .process-item:after { height: 50px; margin-left: 110px; }
  .home .h_right .helper .info-bx .details, .home .h_left .helper .info-bx .details { margin-top: 35px; }
  .process-item .details { margin-left: 23%; }
  .house-item header { min-height: 300px; } }
@media only screen and (max-width: 900px) { body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiM4YjFkZmYiLz48c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(58%, #8b1dff), color-stop(58%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 58%, #ffffff 58%); background-image: -webkit-linear-gradient(left, #8b1dff 58%, #ffffff 58%); background-image: linear-gradient(to right, #8b1dff 58%, #ffffff 58%); } }
@media only screen and (max-width: 860px) { .home .wrapper.list-bx .col { padding: 0; }
  .v_top .helper, .home .h_left .helper, .home .h_right .helper { width: 64%; }
  .home .sctns .wrapper > .col:nth-of-type(2) { padding-left: 0; }
  .process-item .details { margin-left: 20%; }
  .process-item .details a { font-size: 12px; font-size: 1.2rem; }
  .process h1 { font-size: 88px; font-size: 8.8rem; }
  .house-item header { min-height: 0; }
  .house-item header .img-bx img { width: auto; height: 100%; }
  .home .h_right .helper .info-bx .details { margin-top: 40px; }
  blockquote:before { font-size: 3rem; }
  section > .wrapper > blockquote { font-size: 2rem; }
  section > .wrapper > blockquote:before { font-size: 4rem; }
  section > .wrapper > blockquote footer { font-size: 1.6rem; }
  blockquote footer { font-size: 1.2rem; } }
@media only screen and (max-width: 810px) { .process-item .details { margin-left: 16%; }
  .process-item .details a { font-size: 11px; font-size: 1.1rem; } }
@media only screen and (max-width: 786px) { .process header .grid-img { padding: 0 30px; }
  .process header:after { margin: 0 30px; }
  .wrapper.col { margin: 0 30px 50px 30px; }
  .process h1 { font-size: 80px; font-size: 8rem; }
  .process-item:after { margin-left: 96px; }
  .wrapper.list-bx { width: calc(100% - 60px); }
  footer.wrapper.col { width: calc(100% - 60px); }
  .home .list-bx.wrapper, .process-bx.process-large { margin-left: 30px; margin-right: 30px; }
  .home .wrapper.list-bx { padding-right: 30px; }
  .process-bx.process-large .col { padding: 0; }
  footer .wrapper.col { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; }
  .home footer .wrapper.col { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } }
@media only screen and (max-width: 780px) { .landing header .txt-bx { margin-left: 0; width: 100%; }
  .helper .info-bx .details { width: 100%; }
  .helper .info-bx h2 { font-size: 32px; font-size: 3.2rem; max-width: none; }
  .nav-bx nav li a { font-size: 50px; font-size: 5rem; }
  .\35\/7, .\32\/7 { width: 100%; }
  .\35\/7.col, .\32\/7.col { float: none; padding: 0 !important; }
  .flex-bx.dream-bx { display: block; background-color: #8b1dff; background-image: none; }
  .flex-bx.dream-bx.wrapper { margin-bottom: 30px; }
  .flex-bx.dream-bx.wrapper.col { padding: 50px 20px; }
  .flex-bx.dream-bx h2 { margin: 0 0 30px; }
  .flex-bx.dream-bx .txt-bx.\31\/2 { width: 100%; }
  .flex-bx.dream-bx.grey-bg { background-color: #dadada; }
  .flex-bx.dream-bx.black-bg { background-color: #000; }
  .process-item .process-step { font-size: 280px; font-size: 28rem; } }
@media only screen and (max-width: 740px) { .v_top .helper .info-bx .details { margin-top: 15px; }
  .home .h_left .helper .info-bx .details { margin-top: 45px; }
  .home .h_right .helper .info-bx .details { margin-top: 45px; } }
@media only screen and (max-width: 700px) { header { min-height: 500px; margin-bottom: 50px; }
  header aside { top: 120px; }
  .wrapper { margin-bottom: 50px; }
  h1 { font-size: 80px; font-size: 8rem; }
  .home h1 { font-size: 90px; font-size: 9rem; }
  .landing h1 { font-size: 80px; font-size: 8rem; }
  .nav-bx { top: 0; left: 0; width: 100%; height: 100px; }
  .nav-bx .logo-bx { right: auto; left: 55px; top: 5px; }
  .nav-bx nav { width: 100%; left: 0; top: 100px; height: 0; }
  .nav-bx nav ul { margin-left: 60px; }
  [type="checkbox"]#main-nav:checked ~ nav { height: calc( 100vh - 100px ); width: 100vw; overflow: auto; }
  .content-bx { width: 100%; margin-left: 0; margin-top: 100px; }
  body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiM4YjFkZmYiLz48c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(46%, #8b1dff), color-stop(46%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 46%, #ffffff 46%); background-image: -webkit-linear-gradient(left, #8b1dff 46%, #ffffff 46%); background-image: linear-gradient(to right, #8b1dff 46%, #ffffff 46%); }
  .wrapper > .gallery-item { padding: 0; }
  .home .sctns .wrapper > .col:nth-of-type(2) { padding-left: 0; }
  .home .h_left .helper .info-bx .details, .home .h_right .helper .info-bx .details { margin-top: 95px; }
  .v_top .helper .info-bx .details { margin-top: 65px; }
  .process-item:after { margin-left: 113px; } }
@media only screen and (max-width: 640px) { .home .h_left .helper .info-bx .details, .home .h_right .helper .info-bx .details { margin-top: 65px; }
  .v_top .helper .info-bx .details { margin-top: 35px; } }
@media only screen and (max-width: 580px) { body.processpage { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGIxZGZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(100%, #8b1dff), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(left, #8b1dff 100%, #ffffff 100%); background-image: -webkit-linear-gradient(left, #8b1dff 100%, #ffffff 100%); background-image: linear-gradient(to right, #8b1dff 100%, #ffffff 100%); }
  .nav-bx nav li a { font-size: 30px; font-size: 3rem; }
  .nav-bx nav ul { margin-left: 20px; }
  .nav-bx .logo-bx { left: 20px; }
  [type="checkbox"]#main-nav + label { right: 20px; }
  .process header h1 { float: left; width: 100%; margin-bottom: 20px; }
  .process header .txt-bx { font-size: 14px; font-size: 1.4rem; float: none; width: 100%; margin-top: 20px; color: #000000; }
  .process header blockquote { color: #000000; }
  .process header blockquote footer { text-align: left; }
  .home h1 { font-size: 80px; font-size: 8rem; }
  .wrapper > .col, .home .wrapper > .col:nth-of-type(2) { padding: 0 20px; }
  .wrapper.col, .wrapper.filter-bx { width: 100%; margin-left: 0; margin-right: 0; padding: 0 20px; box-sizing: border-box; }
  .grid-img { padding: 0 20px; }
  .section-bx { display: flex; margin-bottom: 70px; }
  .section-bx .helper { width: 66.66667%; position: static; margin: 0; }
  .section-bx .helper:before { content: none; }
  .section-bx .img-bx { width: 33.33333%; position: relative; }
  .list-item { display: flex; margin-bottom: 70px; }
  .list-item .helper { margin: 0; }
  .list-item .helper:before { padding: 0; }
  .list-item .helper .info-bx .details { position: static; }
  .list-item .img-bx { width: 33.33333%; }
  .helper { width: 66.66667%; float: left; margin: 0; position: static; }
  .helper:before { content: none; }
  .helper .info-bx { position: static; height: 100%; }
  .helper .info-bx .details { text-align: left; float: none; }
  .v_top .helper .info-bx { position: static; }
  .img-bx { width: 33.33333%; }
  .img-bx:before { content: none; }
  .key-bx .img-bx { width: 100%; box-sizing: border-box; padding: 10px 20px; }
  .key-bx .img-bx img { position: static; }
  .img-bx .img-wrap { position: relative; height: 100%; overflow: hidden; }
  .img-bx img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
  .gallery .img-bx img { position: relative; }
  .gallery-item { padding: 0 !important; }
  .gallery-item .img-bx { width: 100%; }
  .gallery-item .img-bx img { position: relative; }
  .note, .h_left .note, .h_right .note, .v_top .note, .house.list-bx .list-item:nth-child(odd) .note, .house.list-bx .list-item:nth-child(even) .note { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); right: auto; top: auto; left: auto; bottom: -40px; }
  .process-bx.wrapper.col { padding: 10px 20px; }
  .process-bx .col { float: none; }
  .process-item:after { margin: 0 auto 40px; }
  .process-item h2 { margin-left: 0; margin-bottom: 20px; }
  .process-item .details { font-size: 14px; font-size: 1.4rem; margin-left: 0; }
  .process-item a { color: #000000; }
  .\33\/7, .\34\/7 { width: 100%; }
  .\33\/7 .col, .\34\/7 .col { float: none; }
  .process-item .\33\/7, .process-item .\34\/7 { text-align: center; }
  footer { text-align: center; }
  footer .\33\/7 { width: 100%; }
  footer .\33\/7.col { float: none; }
  footer nav a { padding: 10px; }
  footer.wrapper > .col { padding: 0; }
  footer.wrapper.col .col:nth-child(2) { padding: 0; }
  .processpage .\33\/7 { width: 100%; }
  .landing .grid-img h1 { font-size: 60px; font-size: 6rem; width: 100%; }
  .wrapper.col.dream-bx { margin-left: 0; }
  .helper .info-bx .details { margin-top: 60px; }
  footer.wrapper.col { width: 100%; }
  .list-bx .img-bx .img-wrap img { width: auto; }
  .home .sctns .note { bottom: -60px; }
  .v_top .helper, .home .h_left .helper, .home .h_right .helper { width: 66.66667%; }
  .home .wrapper.list-bx { padding-right: 0; }
  .home .sctns .wrapper > .col:nth-of-type(2) { padding: 0; }
  .process-bx.process-large .img-bx { width: 100%; top: 180px; }
  .process-bx.process-large .txt-bx { margin-left: 0; }
  .landing .grid-img { padding-left: 20px; padding-right: 20px; }
  .house.list-bx .col { padding: 0 !important; }
  .landing .helper { width: 67%; }
  .process-item .details a { font-size: 12px; font-size: 1.2rem; }
  .process-item .underline-hover:before { background: #dadada; }
  .process-item .underline-hover:hover, .process-item .underline-hover:focus { color: #dadada; }
  .wrapper.col .col:nth-child(even) { margin-left: 0; }
  footer .wrapper.col { width: 100%; margin: 0; }
  .fix-center .list-bx.wrapper { width: calc(100% - 40px); padding: 0; margin: 0 0 100px 0; margin-right: 20px; margin-left: 20px; }
  .process footer .wrapper.col .col:nth-child(even) { margin-left: auto; }
  .process footer a:hover, .process footer a:focus { color: #fff; }
  .process footer a:hover:before, .process footer a:focus:before { background: #fff; }
  .process .double-underline:hover, .process .double-underline:focus { color: #fff; }
  .process .double-underline:hover .strike:before, .process .double-underline:focus .strike:before { background: #fff; }
  .gutter-sizer { width: 0; }
  .house-item .grid-img h1 { font-size: 70px; font-size: 7rem; width: 100%; }
  .home footer .wrapper.col { width: 100%; margin-left: 0; margin-right: 0; } }
@media only screen and (max-width: 520px) { .home h1 { font-size: 70px; font-size: 7rem; }
  .nav-bx nav ul { margin: 36px 20px; }
  .nav-bx nav li a { font-size: 25px; font-size: 2.5rem; }
  .filter-bx li { display: list-item; padding-left: 0; }
  header aside { right: 90%; top: 100px; } }
@media only screen and (max-width: 500px) { header aside { right: 84%; top: 100px; }
  .home .grid-img { padding-right: 30px; } }
@media only screen and (max-width: 480px) { .home h1 { font-size: 60px; font-size: 6rem; }
  .house-item .grid-img h1 { font-size: 70px; font-size: 7rem; } }
@media only screen and (max-width: 440px) { .home h1 { font-size: 50px; font-size: 5rem; }
  .v_top .helper, .home .h_left .helper, .home .h_right .helper { width: 70%; }
  .helper .info-bx { padding: 10px; }
  header aside { right: 90%; } }
@media only screen and (max-width: 400px) { .v_top .helper, .home .h_left .helper, .home .h_right .helper { width: 84%; }
  .helper .info-bx { padding: 10px; } }
@media only screen and (max-width: 395px) { header aside { position: relative; right: 0; top: 30px; }
  .house-item .grid-img h1 { font-size: 60px; font-size: 6rem; }
  .landing .grid-img h1 { font-size: 50px; font-size: 5rem; }
  .process-bx.process-large .img-bx { width: 100%; top: 200px; } }
@media only screen and (max-width: 380px) { .section-bx, .list-item { display: block; }
  .section-bx .helper, .section-bx .img-bx, .list-item .helper, .list-item .img-bx { width: 100%; float: none; }
  .helper, .img-bx { width: 100%; float: none; }
  .img-bx img { position: static; }
  .landing .grid-img h1 { font-size: 35px; font-size: 3.5rem; }
  .list-bx .img-bx .img-wrap img { width: 100%; }
  .v_top .helper, .home .h_left .helper, .home .h_right .helper { width: 100%; }
  .home .sctns .note { bottom: -40px; }
  .home .h_left .helper .info-bx .details, .home .h_right .helper .info-bx .details { margin-top: 15px; }
  .process header h1 { font-size: 70px; font-size: 7rem; } }
@media only screen and (max-width: 340px) { .house-item .grid-img h1 { font-size: 50px; font-size: 5rem; } }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }
/* ========================================================================== `helper classes ========================================================================== */
.hidden { display: none !important; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix { zoom: 1; }
.clearfix:after { clear: both; }

.height-auto { min-height: auto !important; }
.text-purple { color: #8b1dff; }
@supports (-ms-accelerator: true) { body { overflow-x: hidden; } }
/* ========================================================================== `print styles ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important;                         /* Black prints faster:
						   http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
  @media only screen and (max-width: 1184px) {
      .list-item .helper.team-profile-medium,
      .list-item .helper.team-profile {
          margin: 15% -50px !important;
      }
  }
  @media only screen and (max-width: 1184px) {
      .list-item .helper.team-profile-medium,
      .list-item .helper.team-profile {
          margin: 15% -50px !important;
      }
  }
  @media only screen and (max-width: 978px) {
      .list-item .helper.team-profile-medium,
      .list-item .helper.team-profile {
          width: 55%;
      }
  }

  @media only screen and (max-width: 580px) {
    .list-item .helper.team-profile-medium,
    .list-item .helper.team-profile {
        margin: 15% 0 !important;
        width: 64%;
    }
    .list-bx .img-bx .img-wrap .team-profile-img {
        left: -37%;
    }
  }
  @media only screen and (max-width: 578px) {
      .list-item .helper.team-profile-medium,
      .list-item .helper.team-profile {
          margin: 0 !important;
      }
  }
  @media only screen and (max-width: 520px) {
    .list-bx .img-bx .img-wrap .team-profile-img {
        left: -45%;
    }
  }
  @media only screen and (max-width: 475px) {
    .list-bx .img-bx .img-wrap .team-profile-img {
        left: -50%;
    }
  }
  @media only screen and (max-width: 450px) {
    .list-bx .img-bx .img-wrap .team-profile-img {
        left: -60%;
    }
  }
  @media only screen and (max-width: 415px) {
    .list-bx .img-bx .img-wrap .team-profile-img {
        left: -70%;
    }
  }
  @media only screen and (max-width: 382px) {
    .list-bx .img-bx .img-wrap .team-profile-img {
        left: -80%;
    }
  }
  @media only screen and (max-width: 380px) {
      .list-item .helper.team-profile-medium,
      .list-item .helper.team-profile {
          width: 100%;
          height: 0;
      }
      .list-item .helper.team-profile-medium,
      .list-item .helper.team-profile {
          margin: 0 !important;
      }
  }