/*
 * http://github.com/peteboere/css-crush (v2.4.0)
 */
/*** normalize ***/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html                                     { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body                                     { margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section
                                         { display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1                                       { font-size: 2em; margin: .67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main                 { display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure                                   { margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr                                       { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre                                      { font-family: monospace,monospace; font-size: 1em; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a                                        { background-color: transparent; -webkit-text-decoration-skip: objects; }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title]                              { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong                                { font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong                                { font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp                          { font-family: monospace,monospace; font-size: 1em; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn                                      { font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark                                     { background-color: #ff0; color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small                                    { font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup                                 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub                                      { bottom: -.25em; }
sup                                      { top: -.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video                             { display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls])                    { display: none; height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img                                      { border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root)                           { overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea
                                         { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input                            { overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select                           { text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"]
                                         { -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner
                                         { border-style: none; padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring
                                         { outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset                                 { padding: .35em .75em .625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend                                   { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress                                 { display: inline-block; vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea                                 { overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"]                 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button
                                         { height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"]                              { -webkit-appearance: textfield; outline-offset: -2px; }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration
                                         { -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button             { -webkit-appearance: button; font: inherit; }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu                            { display: block; }

/*
 * Add the correct display in all browsers.
 */
summary                                  { display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas                                   { display: inline-block; }

/**
 * Add the correct display in IE.
 */
template                                 { display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden]                                 { display: none; }

/*** main ***/
*                                        { outline-color: #000; }
html                                     { width: 100%; height: 100%; float: right; }
body                                     { background-color: #fff; direction: ltr; float: right; text-align: center; font-family: Lato; width: 100%; }
input, textarea                          { border-radius: 0; }

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus
                                         { border: 1px solid green; -webkit-text-fill-color: green; -webkit-box-shadow: 0 0 0 1000px #000 inset; background: inherit; }
a                                        { color: #000; text-decoration: none; outline-color: #000; }
button:focus, textarea:focus, input:focus, a:focus
                                         { outline: #000 1px solid; }

/*GENERAL*/
div.thecontainer                         { width: 100%; float: right; }
#main-content                            { position: relative; }
div.grid                                 { margin: auto; display: inline-block; }
div.full-div                             { width: 100%; float: right; }
.bgLoading                               { opacity: 0; -webkit-transition: all .4s cubic-bezier(.39,.575,.565,1); -moz-transition: all .4s cubic-bezier(.39,.575,.565,1); -o-transition: all .4s cubic-bezier(.39,.575,.565,1); transition: all .4s cubic-bezier(.39,.575,.565,1); }
.bgLoading.bgLoaded                      { opacity: 1; }
@media (min-width: 800px) {
.hide-desktop                            { display: none; }
.read-more-button, .read-more-mobile     { display: none; }
::-webkit-input-placeholder              { color: #313131; }
::-moz-placeholder                       { color: #313131; }
:-ms-input-placeholder                   { color: #313131; }
:-moz-placeholder                        { color: #313131; }
}

@media (min-width:2100px) {
.grid-desktop, .grid                     { display: inline-block; padding: 0; margin: auto; width: 2100px; }
.half-grid                               { display: inline-block; width: 1050px; }
.hide-desktop                            { display: none; }
}

@media (max-width:2100px) and (min-width:1780px) {
.grid-desktop, .grid                     { display: inline-block; padding: 0; margin: auto; width: 1780px; }
.half-grid                               { display: inline-block; width: 890px; }
}

@media (max-width:1780px) and (min-width:1180px) {
.grid-desktop, .grid                     { display: inline-block; padding: 0; margin: auto; width: 1180px; }
.half-grid                               { display: inline-block; width: 590px; }
.hide-laptop                             { display: none; }
.show-laptop                             { display: inline-block; }
}

@media (max-width:1180px) and (min-width:800px) {
.grid-desktop, .grid                     { display: inline-block; padding: 0; margin: auto; width: 800px; }
.half-grid                               { display: inline-block; width: 400px; }
}

@media (max-width:800px) {
.grid-mobile, .grid                      { width: 90%; padding-right: 5%; padding-left: 5%; }
#main-content                            { min-height: 80vh; }
.hide-mobile                             { display: none; }
.main-content::-webkit-scrollbar         { display: none; }
.read-more-button                        { float: left; min-height: 25px; margin: 20px 0; clear: both; }
.read-more-button img                    { float: right; height: 100%; margin-left: 10px; }
.read-more-mobile                        { float: left; width: 100%; -webkit-transition: all 1s cubic-bezier(.39,.575,.565,1); -moz-transition: all 1s cubic-bezier(.39,.575,.565,1); -o-transition: all 1s cubic-bezier(.39,.575,.565,1); transition: all 1s cubic-bezier(.39,.575,.565,1); max-height: 0; overflow: hidden; }
.read-more-mobile.show                   { max-height: 2800px; }
}

/*** MODULES START***/
/*** MODULES END***/
/* LAYOUT START */
/*** layout-header ***/
.header                                  { position: fixed; top: 0; left: 0; float: right; width: 100%; padding: 0; margin: auto; background: #fff; z-index: 5; }
@media (min-width: 800px) {
.header                                  { height: 33px; padding-bottom: 0; padding-top: 0; overflow: hidden; padding-bottom: 25px; padding-top: 35px; position: relative; }
.page-home .header, .page-mWork .header, .page-mWorks .header
                                         { position: fixed; z-index: 22; }
.header-grid                             { position: relative; height: 100%; }
.header-menu                             { float: right; width: 75%; position: absolute; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
.header-logo                             { float: left; width: 11.5%; left: 0; position: absolute; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.header-logo img                         { width: 100%; }
.header-menu-item                        { float: right; text-align: right; color: #111; opacity: .9; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.menu-item-active, .header-menu-item:hover
                                         { color: #000; opacity: 1; font-weight: bold; }
body.isHp .header                        { z-index: -500; opacity: .00001; transform: scale(1,.1); -webkit-transform: scale(1,.1); -moz-transform: scale(1,.1); -o-transform: scale(1,.1); -ms-transform: scale(1,.1); -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); top: -120px; }
body.isHp.ready .header                  { z-index: 5; opacity: 1; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); top: 0; }
body.isHp.noScrollYet.ready .header      { opacity: .00001; transform: scale(1,.1); -webkit-transform: scale(1,.1); -moz-transform: scale(1,.1); -o-transform: scale(1,.1); -ms-transform: scale(1,.1); top: -120px; }

/*
	body.isHp .header {
		z-index: -500;
		opacity: 0.00001;
	}
	
	body.scrolledTop.isHp .header{
		z-index: 
	}

	body.isHp.ready .header {	
		opacity: 1;
		opacity: 0;
		z-index: 5;
		transition: 0.5s max-height ,0.5s padding;
	}
	body.scrolledTop.isHp.ready .header {
		max-height: 0;
		padding:0;
		opacity: 1;
		z-index: 5;
		
	}
	*/
}

@media (max-width:800px) {
body                                     { padding-top: 60px; }
.header                                  { padding-top: 10px; height: 40px; padding-bottom: 10px; }
.header-grid                             { position: relative; }
.header-logo                             { float: left; margin-top: 10px; height: 30px; float: left; display: inline-block; }
.header-logo img                         { height: 100%; float: left; }
.header-menu                             { position: absolute; top: 50px; left: 0; background: #fff; width: 100%; -webkit-transition: all 1s cubic-bezier(.39,.575,.565,1); -moz-transition: all 1s cubic-bezier(.39,.575,.565,1); -o-transition: all 1s cubic-bezier(.39,.575,.565,1); transition: all 1s cubic-bezier(.39,.575,.565,1); max-height: 0; overflow: hidden; }
.menu-is-open .header-menu               { max-height: 500px; }
.header-menu-item                        { padding: 7vw 0; font-size: 160%; text-align: left; float: left; width: 90%; padding-left: 5%; padding-right: 5%; }
.header-menu-item:hover                  { background: #e6e6e6; }
.menu-toggle                             { height: 50px; float: right; width: 30px; position: absolute; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 5%; }

/*
	HAMBURGER
	*/
.hamburger                               { font: inherit; display: inline-block; overflow: visible; margin: 0; cursor: pointer; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .15s; -moz-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: opacity,filter; -moz-transition-property: opacity,filter; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; width: 100%; height: 100%; }
.hamburger-box                           { position: relative; display: inline-block; width: 100%; top: 15%; height: 70%; }
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before
                                         { background-color: #000; content: ""; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before
                                         { position: absolute; width: 100%; height: 4px; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; -moz-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: transform; -moz-transition-property: transform; transition-property: transform; border-radius: 4px; background-color: #000; }
.hamburger-inner                         { top: 50%; display: block; margin-top: -2px; }
.hamburger-inner:before                  { top: -9px; right: 0; }
.hamburger-inner:after                   { bottom: -9px; right: 0; }
.menu-is-open .hamburger .hamburger-inner
                                         { -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transition-duration: 75ms; -moz-transition-duration: 75ms; transition-duration: 75ms; -webkit-transition-delay: .12s; -moz-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19); -moz-transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transition-duration: 75ms; -moz-transition-duration: 75ms; transition-duration: 75ms; }
.menu-is-open .hamburger .hamburger-inner:before
                                         { -webkit-transition: top 75ms ease .12s,opacity 75ms ease; -moz-transition: top 75ms ease .12s,opacity 75ms ease; transition: top 75ms ease .12s,opacity 75ms ease; opacity: 0; }
.menu-is-open .hamburger .hamburger-inner:after
                                         { bottom: 0; -webkit-transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; -moz-transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/*
	HAMBURGER END
	*/
}

@media (min-width:2100px) {
.header-menu-item                        { margin-left: 46px; }
}

@media (min-width:1780px) and (max-width:2100px) {
.header-menu-item                        { margin-left: 46px; }
}

@media (min-width:1180px) and (max-width:1780px) {
.header-logo                             { width: 18.5%; }
.header-menu-item                        { margin-left: 42px; }
}

@media (min-width: 800px) and (max-width:1180px) {
.header-logo                             { width: 17.5%; }
}

/*** layout-footer ***/
.footer                                  { float: right; width: 100%; padding: 0; margin: auto; background: #323232; }
.footer a                                { color: #c3c3c3; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); font-weight: 300; }
.footer a:hover                          { color: #fff; }
.footer-credit                           { color: #c3c3c3; font-weight: 300; }
a.footer-touch                           { padding-right: 40px; color: #fff; right: 1%; font-weight: 900; opacity: .6; }
@media (min-width: 800px) {
.footer                                  { z-index: 1; height: 30px; padding-top: 57px; padding-bottom: 28px; }
.footer-grid                             { margin: auto; display: inline-block; position: relative; height: 100%; }
.footer-back                             { position: absolute; left: 0; bottom: 0; width: 75%; }
.footer-credit                           { float: left; margin-right: 25px; }
.footer-fb                               { float: right; height: 80.05%; font-weight: bold; position: absolute; right: 0; bottom: 4%; color: #fff; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); opacity: .6; }
.footer-touch                            { position: absolute; right: 1%; bottom: 0; opacity: .6; }
.footer-touch:hover, .footer-fb:hover    { opacity: 1; }
.footer-fb-image                         { height: 100%; float: right; }
.accessibility                           { float: left; margin-right: 15px; padding-right: 70px; position: relative; }
.accessibility-page-link                 { float: left; }
.accessibility-AAA                       { float: right; overflow: hidden; position: absolute; right: 0; bottom: 0; height: 100%; width: 50%; }
.accessibility-1, .accessibility-2, .accessibility-3
                                         { float: left; position: absolute; bottom: -1px; right: 0; }
.accessibility-1                         { font-size: 100%; right: 0; bottom: 0; }
.accessibility-2                         { font-size: 120%; right: 25%; }
.accessibility-3                         { font-size: 130%; right: 50%; }
}

@media (max-width:800px) {
.footer                                  { padding-top: 10px; padding-bottom: 10px; font-size: 120%; }
.footer-fb                               { float: right; font-size: 100%; position: relative; }
.footer-fb-image                         { float: right; max-height: 35px; position: relative; top: 1px; }
.footer-touch                            { font-size: 105%; display: none; }
.footer-fb-text                          { position: absolute; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 3.5vw; width: 45vw; }
.footer-credit                           { float: left; font-size: 90%; position: relative; top: 5px; }
}

/* LAYOUT END*/
/* PAGES START */
/*** pages-homepage ***/
@media (min-width: 1180px) {
}

@media (min-width:2100px) and (max-width:4000px) {
}

@media (min-width:1780px) and (max-width:2100px) {
}

@media (min-width:800px) {
.hp-work                                 { border-bottom: 12px solid #fff; }
.hp-work                                 { float: right; width: 100%; padding: 0; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.hp-work:first-child                     { cursor: default; }
.hp-work-inner-wrap                      { border-radius: 250px; border: 1px solid #fff; display: inline-block; width: 400px; height: 400px; position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.hp-work:focus .hp-work-inner-wrap       { outline: 1px solid #000; }
.hp-work-inner                           { width: 75%; position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.hp-work-title                           { font-weight: 900; padding-top: 60px; padding-bottom: 12px; display: inline-block; position: relative; }
.hp-work-title-content                   { max-height: 0; overflow: hidden; transform: scale(1,.1); -webkit-transform: scale(1,.1); -moz-transform: scale(1,.1); -o-transform: scale(1,.1); -ms-transform: scale(1,.1); position: relative; bottom: 40px; -webkit-transition: all .25s cubic-bezier(.39,.575,.565,1); -moz-transition: all .25s cubic-bezier(.39,.575,.565,1); -o-transition: all .25s cubic-bezier(.39,.575,.565,1); transition: all .25s cubic-bezier(.39,.575,.565,1); }
.hp-work-text                            { font-weight: 300; opacity: .8; color: #111; }
.hp-work-text-line                       { max-width: 100%; clear: both; }
.hp-work-text-line-content               { max-height: 0; overflow: hidden; opacity: 0; max-height: 0; transform: scale(1,.1); -webkit-transform: scale(1,.1); -moz-transform: scale(1,.1); -o-transform: scale(1,.1); -ms-transform: scale(1,.1); position: relative; bottom: 40px; -webkit-transition: all .3s cubic-bezier(.39,.575,.565,1); -moz-transition: all .3s cubic-bezier(.39,.575,.565,1); -o-transition: all .3s cubic-bezier(.39,.575,.565,1); transition: all .3s cubic-bezier(.39,.575,.565,1); }
.hp-work-arrow                           { margin-top: 42px; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); opacity: 0; overflow: hidden; }
.hp-work.active .hp-work-inner-wrap      { -webkit-transition-delay: .25s; -moz-transition-delay: .25s; transition-delay: .25s; background: #fff; }
.hp-work.active .hp-work-title-content   { max-height: 200px; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); bottom: 0; }
.hp-work-text-line-content               { opacity: 0; transform: scale(1,.1); -webkit-transform: scale(1,.1); -moz-transform: scale(1,.1); -o-transform: scale(1,.1); -ms-transform: scale(1,.1); max-height: 0; display: inline-block; bottom: 30px; }
.hp-work.active .hp-work-text-line:nth-child(1) .hp-work-text-line-content
                                         { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; }
.hp-work.active .hp-work-text-line:nth-child(2) .hp-work-text-line-content
                                         { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; }
.hp-work.active .hp-work-text-line:nth-child(3) .hp-work-text-line-content
                                         { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-delay: .6s; }
.hp-work.active .hp-work-text-line-content
                                         { transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); opacity: 1; max-height: 200px; bottom: 0; }
.hp-work.active .hp-work-arrow           { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; transition-delay: .8s; opacity: 1; }
}

@media (min-width:1180px) and (max-width:1780px) {
.hp-work-inner-wrap                      { width: 325px; height: 325px; }
}

@media (min-width: 800px) and (max-width:1180px) {
.hp-work-inner-wrap                      { width: 325px; height: 325px; }
}

@media (max-width:800px) {
.hp-work                                 { height: 80vh; }
.hp-work                                 { border-bottom: 6px solid #fff; }
.hp-work                                 { float: right; width: 100%; padding: 0; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.hp-work-inner-wrap                      { background: #fff; position: absolute; left: 0; bottom: 0; display: inline-block; }
.hp-work-inner                           { float: left; width: 100%; height: 100%; }
.hp-work-title                           { text-align: center; padding: 3vh 7vw; display: inline-block; font-weight: 900; color: #000; font-size: 130%; }
.hp-work-text, .hp-work-arrow            { display: none; }
}

/*** pages-works ***/
@media (min-width: 800px) {
body.page-mWorks                         { padding-top: 93px; }
.page-mWorks #main-content               { -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.work-thumb                              { background-size: cover; background-repeat: no-repeat; background-position: center center; max-width: 50%; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 49%; flex-basis: 49%; position: relative; margin-bottom: 12px; z-index: 1; }
.work-thumb:nth-child(odd)               { margin-right: 12px; }
.work-thumb:nth-child(odd):last-child    { max-width: 49.5%; }
.work-thumb-inner-wrap                   { display: inline-block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
.work-thumb-inner-bg                     { background: #fff; opacity: .85; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 1; }
.work-thumb-inner                        { width: 70%; position: absolute; top: 54%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; }
.work-thumb-title                        { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; font-weight: 900; max-height: 0; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); overflow: hidden; position: relative; top: -35px; opacity: 0; }
.work-thumb-text                         { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; font-weight: 200; font-style: italic; max-height: 0; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); overflow: hidden; position: relative; top: -35px; opacity: 0; }
.work-thumb-arrow                        { margin-top: 42px; }
.work-thumb .work-thumb-inner-wrap       { opacity: 0; }
.work-thumb:hover .work-thumb-inner-wrap { opacity: 1; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.work-thumb:hover .work-thumb-title      { max-height: 200px; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; padding-bottom: 12px; top: 0; opacity: 1; }
.work-thumb:hover .work-thumb-text       { max-height: 250px; -webkit-transition-delay: .05s; -moz-transition-delay: .05s; transition-delay: .05s; top: 0; opacity: 1; }
}

@media (min-width:2100px) {
.work-thumb                              { height: 900px; }
}

@media (min-width:1780px) and (max-width:2100px) {
.work-thumb                              { height: 650px; }
}

@media (min-width:1180px) and (max-width:1780px) {
.work-thumb                              { height: 550px; }
}

@media (min-width: 800px) and (max-width:1180px) {
.work-thumb                              { height: 300px; }
}

@media (max-width: 800px) {
.work-thumb                              { height: 80vh; }
.work-thumb                              { border-bottom: 6px solid #fff; }
.work-thumb                              { float: right; width: 100%; padding: 0; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.work-thumb-inner-wrap                   { background: #fff; position: absolute; left: 0; bottom: 0; display: inline-block; }
.work-thumb-inner                        { float: left; width: 100%; height: 100%; }
.work-thumb-title                        { text-align: center; padding: 3vh 7vw; display: inline-block; font-weight: 900; color: #000; font-size: 130%; }
.work-thumb-text, .work-thumb-arrow      { display: none; }
}

/*** pages-about ***/
.about-page                              { float: right; width: 100%; padding: 0; margin: auto; }
.about-inner                             { float: left; text-align: left; }
.about-title                             { font-weight: 900; float: left; }
.about-text                              { font-weight: 300; }
@media (min-width:800px) {
.about-page                              { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.about-title                             { padding-top: 80px; padding-bottom: 10px; }
.about-text                              { float: left; text-align: left; }
.about-text-back                         { width: 45%; float: left; padding-right: 10%; }
.about-text-forward                      { width: 45%; float: left; }
.page-mAbout .footer                     { border-top: 12px #fff solid; }
}

@media (max-width:800px) {
.about-page                              { width: 100%; padding-top: 4vh; font-size: 3.5vh; padding-bottom: 4vh; min-height: 75vh; background-size: 0; background: #f9f2ec; border-bottom: 12px #fff solid; }
.about-text                              { text-align: left; }
.about-text-back                         { width: 100%; float: left; }
.about-title                             { font-size: 4.5vh; padding-bottom: 4vh; width: 100%; text-align: left; }
.about-page .read-more-button            { height: 3.5vh; }
.about-text-back .read-more-mobile.show  { padding-bottom: 5px; }
.about-image                             { width: 100%; display: inline-block; }
}

/*** pages-work ***/
.work-main                               { text-align: left; }
.work-main-text                          { background: #313131; color: #fff; float: left; }
.work-main-text a                        { color: #fff; }
.work-gallery-pager-container            { width: 100%; display: inline-block; }
.work-gallery-item                       { cursor: default; }
@media (min-width:2100px) {
.work-main                               { height: 800px; }
.work-main-text-forward                  { width: 625.2809px; }
.work-main-image-back                    { width: 1474.7191px; }
.work-gallery-item                       { height: 800px; }
.work-gallery-pager-inner                { width: 16%; }
}

@media (min-width:1780px) and (max-width:2100px) {
.work-gallery-pager-inner                { width: 18%; }
.work-main                               { height: 650px; }
.work-main-text-forward                  { width: 530px; }
.work-main-image-back                    { width: 1250px; }
.work-gallery-item                       { height: 650px; }
}

@media (min-width:1180px) and (max-width:1780px) {
.work-gallery-pager-inner                { width: 22%; }
.work-main                               { height: 500px; }
.work-main-text-forward                  { width: 351.34831px; }
.work-main-image-back                    { width: 828.65169px; }
.work-gallery-item                       { height: 500px; }
}

@media (min-width: 800px) and (max-width:1180px) {
.work-main                               { height: 400px; }
.work-gallery-pager-inner                { width: 25%; }
.work-main-text-forward                  { width: 238.20225px; }
.work-main-image-back                    { width: 561.79775px; }
.work-gallery-item                       { height: 400px; }
}

@media (min-width:800px) {
.work-page                               { width: 100%; float: right; positio n: relative; }
.work-main                               { float: right; width: 100%; padding: 0; margin: auto; position: relative; margin-top: 93px; margin-bottom: 12px; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex; width: 100%; -webkit-align-items: top; align-items: top; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.work-gallery-item                       { margin-bottom: 10px; }
.work-main-title                         { padding-top: 81px; font-weight: bold; }
.work-main-text                          { border-right: 12px solid #fff; text-align: left; -webkit-flex-grow: 1; flex-grow: 1; height: 100%; -webkit-align-items: top; align-items: top; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex; position: relative; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.work-main-content                       { padding-top: 8px; width: 75%; font-weight: 300; color: #ddd; }
.work-main-text-back                     { -webkit-flex-grow: 1; flex-grow: 1; height: 100%; min-height: 100px; min-width: 50px; }
.work-main-text-forward                  { min-height: 100px; }
.work-main-image                         { background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-flex-grow: 1; flex-grow: 1; height: 100%; }
.work-main-image-back                    { min-height: 100px; height: 100%; float: left; }
.work-main-image-forward                 { -webkit-flex-grow: 1; flex-grow: 1; min-height: 100px; height: 100%; }
.work-gallery                            { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; float: left; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex; }
.work-gallery-item                       { background-size: cover; background-repeat: no-repeat; background-position: center center; max-width: 50%; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 49%; flex-basis: 49%; position: relative; margin-bottom: 12px; z-index: 5; }
.work-gallery-item:nth-child(odd)        { margin-right: 12px; }
.work-gallery-item:nth-child(odd)        { max-width: 49%; }
.work-gallery-pager-container            { -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-flex; z-index: 1; }
.work-gallery-pager-container:nth-child(odd)
                                         { padding-top: 50px; padding-bottom: 10px; }
.work-gallery-pager-container:nth-child(even)
                                         { display: inline-block; position: absolute; bottom: 0; right: 0; }
.work-gallery-pager:nth-child(odd)       { position: relative; }
.work-gallery-pager-inner                { float: right; display: -ms-flexbox; display: -webkit-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 42px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 38px 0; }
.work-gallery-pager-inner .prev, .work-gallery-pager-inner .next
                                         { float: left; height: 100%; opacity: 1; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.work-gallery-pager-inner .prev:hover, .work-gallery-pager-inner .next:hover
                                         { opacity: .7; }
.work-gallery-pager-inner img            { height: 100%; }
.gallery-pager-text                      { font-weight: 300; color: #111; text-transform: capitalize; }
}

@media (min-width: 800px) and (max-width:1780px) {
.work-main-title                         { padding-top: 35px; }
}

@media (max-width:800px) {
.work-main-title                         { font-size: 3.5vh; font-weight: 900; color: #fff; padding-top: 4vh; padding-bottom: 3vh; }
.work-main-content                       { font-size: 3vh; padding-bottom: 5vh; display: inline-block; }
.work-main-text-forward                  { padding-top: 2vh; width: 90%; padding-right: 5%; padding-left: 5%; border-bottom: 6px solid #fff; }
.work-main-text                          { width: 100%; }
.work-main-text .read-more-button        { color: #fff; }
.work-main-image                         { height: 70vh; width: 100%; float: left; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 6px; }
.work-main-content                       { padding-top: 2vh; }
.work-gallery                            { float: left; width: 100%; min-height: 20vh; }
.work-gallery-item                       { background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; margin-bottom: 6px; height: 60vh; float: left; }
.work-gallery-pager                      { width: 100%; text-align: center; float: left; height: 8vh; padding-top: 1vh; padding-bottom: 1vh; }
.work-gallery-pager-inner                { width: 80%; height: 90%; display: inline-block; position: relative; }
.work-gallery-pager .next, .work-gallery-pager .prev
                                         { height: 100%; top: 0; }
.work-gallery-pager .prev                { left: 0; float: left; }
.work-gallery-pager .next                { right: 0; float: right; }
.work-gallery-pager img                  { height: 100%; }
.gallery-pager-text                      { font-size: 3.5vh; display: inline-block; text-transform: capitalize; position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); text-align: center; width: 80%; }
.work-main .read-more-button             { height: 3vh; }
}

/*** pages-contact ***/
.contact-page                            { float: right; width: 100%; padding: 0; margin: auto; background: #313131; color: #fff; }
.contact-form input, .contact-form textarea
                                         { border: 0; background: transparent; border-bottom: 1px solid #fff; clear: both; width: 100%; color: #ccc; float: left; padding: 0; margin: 0; overflow-y: hidden; }
.contact-button                          { float: right; border: 1px solid #ddd; color: #ddd; border-radius: 125px; background: transparent; padding: 0; margin: 0; cursor: pointer; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.contact-button:hover                    { border-color: #fff; background: #fff; color: #313131; }
.contact-form .textarea-line             { width: 100%; position: absolute; top: 0; left: 0; height: 1px; background: #fff; }
.contact-form input.error, .contact-form textarea.error
                                         { border-color: #fdaeae; color: #fdaeae; }
@media (min-width: 800px) {
.contact-page                            { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.contact-page, .contact-page a           { color: #ddd; font-weight: 300; }
.contact-title                           { font-weight: 900; color: #fff; }
.contact-back                            { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; border-right: 12px solid #fff; }
.contact-back-gutter                     { -webkit-flex-grow: 1; flex-grow: 1; }
.contact-forward                         { height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; }
.contact-forward-gutter                  { -webkit-flex-grow: 1; flex-grow: 1; }
.contact-form                            { text-align: left; float: left; width: 90%; padding-left: 10%; }
.contact-form-fields                     { width: 100%; float: left; }
.contact-form-back                       { width: 46%; float: left; margin-right: 8%; height: 100%; }
.contact-form-forward                    { width: 46%; float: left; height: 100%; }
.contact-form label                      { clear: both; width: 100%; text-transform: capitalize; color: #ddd; font-weight: 300; float: left; }
.contact-form-field                      { height: 20%; margin-top: 18%; width: 100%; float: left; }
.contact-form-field:first-child          { margin-top: 0; }
.contact-form-field label                { height: 50%; }
.contact-form-field input                { height: 50%; margin-bottom: -1px; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.contact-form-forward label              { height: 5%; }
.contact-form textarea                   { width: 100%; height: 100%; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.contact-form .textarea-container        { height: 95%; width: 100%; float: left; position: relative; }
.contact-form .textarea-line             { position: absolute; }
.contact-form .textarea-line:nth-child(1)
                                         { top: 15.75%; }
.contact-form .textarea-line:nth-child(2)
                                         { top: 36.75%; }
.contact-form .textarea-line:nth-child(3)
                                         { top: 57.75%; }
.contact-form .textarea-line:nth-child(4)
                                         { top: 78.75%; }
.contact-details                         { float: left; height: 125px; width: 50%; }
.contact-details-fb                      { height: 20%; float: left; clear: both; margin-top: 7%; margin-bottom: 4%; opacity: .6; -webkit-transition: all .5s cubic-bezier(.39,.575,.565,1); -moz-transition: all .5s cubic-bezier(.39,.575,.565,1); -o-transition: all .5s cubic-bezier(.39,.575,.565,1); transition: all .5s cubic-bezier(.39,.575,.565,1); }
.contact-details-fb:hover                { opacity: 1; }
.contact-details-fb img                  { height: 100%; }
.contact-detail-line                     { width: 100%; float: left; padding-bottom: 2px; }
.page-contact-main .footer               { border-top: 12px solid #fff; }
.contact-forward-content                 { position: relative; }
.contact-thanks                          { position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); font-size: 250%; }
}

@media (min-width:2100px) {
.contact-title                           { padding-top: 100px; }
.contact-form-fields                     { height: 390px; padding-top: 48px; margin-bottom: 55px; }
.contact-form textarea                   { line-height: 355%; }
.contact-button                          { height: 125px; width: 125px; }
}

@media (min-width:1780px) and (max-width:2100px) {
.contact-title                           { padding-top: 81px; }
.contact-form-fields                     { height: 340px; padding-top: 48px; margin-bottom: 55px; }
.contact-form textarea                   { line-height: 340%; }
.contact-button                          { height: 125px; width: 125px; }
}

@media (min-width:1180px) and (max-width:1780px) {
.contact-title                           { padding-top: 61px; }
.contact-form-fields                     { height: 220px; padding-top: 20px; margin-bottom: 20px; }
.contact-form textarea                   { line-height: 240%; }
.contact-button                          { height: 100px; width: 100px; }
}

@media (min-width: 800px) and (max-width:1180px) {
.contact-back                            { display: none; }
.contact-title                           { padding-top: 25px; }
.contact-form-fields                     { height: 180px; padding-top: 20px; margin-bottom: 20px; }
.contact-form textarea                   { line-height: 280%; }
.contact-button                          { height: 80px; width: 80px; }
}

@media (max-width: 800px) {
.contact-back                            { display: none; }
.contact-page                            { display: inline-block; padding: 0; margin: auto; width: 90%; padding-right: 5%; padding-left: 5%; padding-top: 10vw; padding-bottom: 10vw; border-bottom: 6px solid #fff; text-align: left; }
.contact-title                           { font-weight: 900; color: #fff; font-size: 180%; padding: 20px 0; }
.contact-button                          { width: 20vw; height: 20vw; margin: 2vw 0; float: right; }
.contact-page label                      { display: none; }
.contact-details                         { float: left; width: 100%; font-weight: 300; height: 40px; margin-top: 20px; margin-bottom: 10px; color: #ddd; }
.contact-details-fb                      { width: 10%; height: 60%; position: relative; top: 20%; float: left; }
.contact-details-fb img                  { height: 100%; }
.contact-detail-line                     { width: 90%; float: left; }
.contact-details-phone                   { color: #ddd; }
.contact-back, .contact-forward, .contact-form-fields, .contact-form-field, .contact-form-forward, .contact-form-back, .textarea-container
                                         { float: left; width: 100%; }
.textarea-container                      { float: left; height: 70px; position: relative; width: 100%; margin-bottom: 5vw; }
.contact-form input                      { height: 35px; margin-bottom: 20px; }
.textarea-container textarea             { width: 100%; height: 100%; float: left; line-height: 35px; border-bottom: 1px solid #fff; margin-bottom: 20px; }
.contact-form .textarea-line             { display: none; }
.contact-form .textarea-line:nth-child(1)
                                         { top: 50%; display: inline-block; }
.contact-forward                         { position: relative; }
.contact-thanks                          { padding-bottom: 60vh; text-align: center; font-size: 140%; }
}

/* PAGES END */