@import url("https://fonts.googleapis.com/css?family=Lora:400,700|Nunito:300,400,600,700");
/*Fonts*/
/*Font Weight*/
/*Colours*/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; }

body, html { margin: 0; padding: 0; }

b, strong { font-weight: bold; }

* { box-sizing: border-box; }

body, html { overflow-x: hidden; }

.container { width: 90%; max-width: 81.25rem; margin: 0 auto; }

.container.container-small { max-width: 68.75rem; }

.container.container-xsmall { max-width: 56.25rem; }

img { max-width: 100%; }

.section-image { background-size: cover; background-position: center; background-repeat: no-repeat; }

.section { padding: 5rem 0; }

.buy-icon { stroke-width: 2.5; min-height: 6.25rem !important; }

h1, h2, h3, h4, h5, p, li, a { letter-spacing: 1.4px; font-weight: 400; line-height: 1.2; }

h1 { font-size: 3.5em; font-family: "Lora", serif; font-weight: 400; color: white; text-align: center; margin: 0; }

h2 { font-size: 3em; font-family: "Lora", serif; color: #425161; }

h3 { font-size: 0.875em; font-family: "Nunito", sans-serif; font-weight: 300; color: #425161; text-transform: uppercase; margin: 0 0 2.5rem; padding: 0 0 1.25rem; position: relative; }

h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 3.75rem; height: 1px; background-color: #E6E4E7; }

h4, h5 { font-family: "Lora", serif; font-size: 2em; color: #425161; }

p, li, a, span { font-size: 1em; font-family: "Nunito", sans-serif; font-weight: 300; color: #425161; line-height: 1.6; }

p:first-of-type, li:first-of-type { margin-top: 0; }

p:last-of-type, li:last-of-type { margin-bottom: 0; }

a { transition: all ease-in-out .2s; }

a:hover { color: #D1D1D6; }

.button { font-weight: 400; color: white; text-transform: lowercase; padding: 0.625rem 2.5rem; background-color: #425161; border-radius: 0.625rem; text-align: center; transition: all ease-in-out .2s; border: 0.125rem solid transparent; }

.button:hover { color: #425161; background-color: #D1D1D6; }

.button.white { background-color: white; color: #425161; }

.button.white:hover { border-color: white; background-color: transparent; color: white; }

.button.pale { background-color: #D1D1D6; color: white; }

.button.pale:hover { background-color: #4B5C6E; color: #D1D1D6; }

.general-content.blue, .general-content.light-blue { background-color: #425161; }

.general-content.blue *, .general-content.light-blue * { color: white; }

.general-content.blue .button.white, .general-content.light-blue .button.white { color: #425161; }

.general-content.blue .button.white:hover, .general-content.light-blue .button.white:hover { color: white; }

.general-content.light-blue { background-color: #4B5C6E; }

.general-content.center-align { text-align: center; }

.general-content.center-align .container { padding: 4.375rem 0; }

.general-content.center-align h3:after { right: 0; margin: 0 auto; }

header { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1); z-index: 9999; background-color: white; }

header .container { display: flex; align-items: center; justify-content: space-between; }

header .container #header-logo { display: flex; align-items: center; }

header .container #header-logo img { max-height: 3.4375rem; }

header .container nav ul { padding: 0; margin: 0; display: flex; /*				.button-login { display: flex; align-items: center; margin: 0 0 0 rem(15); a { font-weight: $regular; color: $color-main; text-transform: lowercase; padding: rem(10) rem(35); background-color: transparent; border-radius: rem(10); text-align: center; transition: all ease-in-out .2s; border: rem(2) solid $color-main; &:after { display: none; } &:hover { background-color: $pale; border-color: transparent; color: white; } } }*/ }

header .container nav ul li { list-style-type: none; font-size: 0.875em; margin-right: 0.625rem; }

header .container nav ul li a { padding: 1.5625rem 0.9375rem; display: inline-block; text-transform: uppercase; position: relative; }

header .container nav ul li a:after { content: ''; position: absolute; top: 70%; left: 0; right: 0; margin: 0 auto; width: 80%; height: 0.0625rem; background-color: #D1D1D6; transition: all ease-in-out .2s; opacity: 0; }

header .container nav ul li a:hover:after { opacity: 1; }

header .container nav ul .current-menu-item a { color: #D1D1D6; }

header .container nav ul .current-menu-item a:after { opacity: 1; }

header .container .header-phone { font-weight: 600; font-size: 1.125em; }

header .container .header-phone i { font-size: 1rem; }

header .container #mobile-menu { width: 2.5rem; position: relative; height: 1.25rem; cursor: pointer; display: none; z-index: 999; left: -0.1875rem; }

header .container #mobile-menu span { display: block; height: 0.1875rem; background-color: #425161; position: absolute; width: 100%; }

header .container #mobile-menu span:first-of-type { top: 0; }

header .container #mobile-menu span:nth-of-type(2) { top: 50%; left: 0; transition-delay: 0.05s; }

header .container #mobile-menu span:last-of-type { top: 100%; transition-delay: 0.1s; }

header .container #mobile-menu:hover span { background-color: #D1D1D6; }

.home-slider, .banner { margin-top: 4.5rem; }

footer .footer-top { background-color: #333F4D; padding: 2.5rem 0; }

footer .container { display: flex; justify-content: space-between; }

footer .container .col-left, footer .container .col-middle, footer .container .col-right { flex: 0 0 21.875rem; }

footer .container * { color: #E0DDE1; font-size: 0.9375em; }

footer .container h4 { font-size: 1.625em; margin: 0 0 1.25rem; }

footer .container a:hover { text-decoration: underline; }

footer .container .col-left .contact-info { margin: 0 0 0.625rem; }

footer .container .col-left .contact-info:last-of-type { margin: 0; }

footer .container .col-middle { text-align: center; }

footer .container .col-middle form { display: flex; flex-wrap: wrap; }

footer .container .col-middle form .gform_heading { margin: 0 0 1.25rem; flex: 0 0 100%; }

footer .container .col-middle form .gform_heading .gform_description { font-size: 26px !important; color: #E0DDE1; }

footer .container .col-middle form .gform_body { flex: 0 0 80%; }

footer .container .col-middle form .gform_body ul li .ginput_container input::-webkit-input-placeholder { color: #C7C6CD; }

footer .container .col-middle form .gform_body ul li .ginput_container input:-moz-placeholder { /* Firefox 18- */ color: #C7C6CD; }

footer .container .col-middle form .gform_body ul li .ginput_container input::-moz-placeholder { /* Firefox 19+ */ color: #C7C6CD; }

footer .container .col-middle form .gform_body ul li .ginput_container input:-ms-input-placeholder { color: #C7C6CD; }

footer .container .col-middle form .gform_body ul li .ginput_container input[type="text"] { background-color: #818791; color: #C7C6CD; padding: 0.75rem !important; font-size: 1em; }

footer .container .col-middle form .gform_footer { flex: 0 0 20%; }

footer .container .col-middle form .gform_footer input[type='submit'] { padding: 0.75rem; background-color: #E6E4E7; color: #333F4E; border-radius: 0.3125rem; }

footer .container .col-middle .social-media { margin-top: 2.5rem; }

footer .container .col-middle .social-media a { margin-right: 0.9375rem; padding: 0.3125rem; }

footer .container .col-middle .social-media a i { font-size: 1em; transition: all ease-in-out .2s; }

footer .container .col-middle .social-media a:hover i { color: #818791; }

footer .container .col-middle .social-media a:last-of-type { margin: 0; }

footer .container .col-right { text-align: right; }

footer .container .col-right nav ul { padding: 0; margin: 0; }

footer .container .col-right nav ul li { list-style-type: none; margin: 0 0 0.3125rem; }

footer .container .col-right nav ul li:last-of-type { margin: 0; }

footer .footer-bottom { background-color: #2C3743; padding: 0.75rem 0; }

footer .footer-bottom .container { justify-content: center; }

footer .footer-bottom .container * { color: #818791; font-size: 0.875em; }

footer .footer-bottom .container a:hover { color: #D1D1D6; }

.error .container { padding: 12.5rem 0; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.error .container h1 { font-size: 6.25em; margin: 0; color: #425161; }

.error .container h3 { margin: 1.875rem 0 0.625rem; }

.error .container h3:after { right: 0; margin: 0 auto; }

.error .container .button { -ms-grid-row-align: center; align-self: center; margin-top: 3.125rem; }

/*MISC*/
.loader { position: absolute; top: 25vw; width: 5rem; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 999; }

.banner { position: relative; padding: 9.375rem 0; }

.banner .container { position: relative; z-index: 1; }

.banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(66, 81, 97, 0.4); }

.columns { display: flex; }

.columns .column { flex: 0 0 50%; padding: 5rem 3.75rem; }

.columns .column h2 { margin: 0 0 2.5rem; }

.columns .column:first-of-type { background-color: #425161; }

.columns .column:first-of-type * { color: white; }

.project { width: 31.75%; text-align: left; margin: 0 0.9%; transition: none; position: relative; display: flex; flex-direction: column; }

.project .project-image { height: 15vw; position: relative; }

.project .project-image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(66, 81, 97, 0.8); opacity: 0; transition: all ease-in-out .2s; }

.project .project-category { position: absolute; top: 0.75rem; left: -0.375rem; background-color: #425161; color: white; padding: 0.75rem; font-size: 0.875em; min-width: 5rem; text-align: center; }

.project .project-category:after { content: ''; position: absolute; bottom: -0.375rem; left: 0rem; width: 0; height: 0; border-style: solid; border-width: 0 0.375rem 0.375rem 0; border-color: transparent #425161 transparent transparent; }

.project .project-content { padding: 1.25rem; background-color: white; flex: 1; display: flex; flex-direction: column; }

.project .project-content h4 { margin: 0; font-size: 1.5em; }

.project .project-content .project-info { display: flex; justify-content: space-between; margin: 0.9375rem 0; }

.project .project-content .project-info .info { display: flex; }

.project .project-content .project-info .info .spec { display: flex; margin-right: 0.625rem; }

.project .project-content .project-info .info .spec svg { margin-right: 0.3125rem; height: 1.25rem; }

.project .project-content .read-more { font-size: 0.875em; font-weight: 400; margin-top: auto; transition: all ease-in-out .2s; opacity: 0.7; }

.project .project-content .read-more span { margin-left: 0.3125rem; font-weight: inherit; }

.project:hover .project-image:before { opacity: 1; }

.project:hover .read-more { color: black; opacity: 1; }

form { max-width: 43.75rem; margin: 0 auto; position: relative; }

form .gform_heading { margin: 0 0 2.5rem; }

form .gform_heading .gform_title { font-family: "Nunito", sans-serif; font-size: 0.875em; font-weight: 300; color: #425161; text-transform: uppercase; margin: 0 0 1.625rem; padding: 0 0 1.25rem; position: relative; }

form .gform_heading .gform_title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 3.75rem; height: 1px; background-color: #E6E4E7; }

form .gform_heading .gform_description { font-family: "Lora", serif; font-size: 3em; color: #425161; }

form .gform_body ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

form .gform_body ul li { list-style-type: none; flex: 0 0 100%; margin-bottom: 1vw; }

form .gform_body ul li .gfield_label { display: none; }

form .gform_body ul li .ginput_container { max-height: 9.375rem; }

form .gform_body ul li .ginput_container input::-webkit-input-placeholder { color: #425161; }

form .gform_body ul li .ginput_container input:-moz-placeholder { /* Firefox 18- */ color: #425161; }

form .gform_body ul li .ginput_container input::-moz-placeholder { /* Firefox 19+ */ color: #425161; }

form .gform_body ul li .ginput_container input:-ms-input-placeholder { color: #425161; }

form .gform_body ul li .ginput_container textarea::-webkit-input-placeholder { color: #425161; }

form .gform_body ul li .ginput_container textarea:-moz-placeholder { /* Firefox 18- */ color: #425161; }

form .gform_body ul li .ginput_container textarea::-moz-placeholder { /* Firefox 19+ */ color: #425161; }

form .gform_body ul li .ginput_container textarea:-ms-input-placeholder { color: #425161; }

form .gform_body ul li .ginput_container input[type="text"], form .gform_body ul li .ginput_container .select-dropdown, form .gform_body ul li .ginput_container textarea { padding: 0.9375rem 1.25rem !important; border: none; outline: none !important; border-radius: 0.3125rem; font-family: "Nunito", sans-serif; font-size: 1em; color: #425161; background-color: rgba(240, 239, 241, 0.5); width: 100%; resize: none; -webkit-appearance: none; }

form .gform_body ul li .ginput_container textarea { max-height: 9.375rem; }

form .gform_body ul li:first-of-type, form .gform_body ul li:nth-last-child(2) { flex: 0 0 100%; }

form .gform_footer { text-align: right; }

form .gform_footer input[type="submit"] { font-size: 1em; font-weight: 400; color: white; text-transform: lowercase; padding: 0.9375rem 3.4375rem; background-color: #425161; border-radius: 0.625rem; text-align: center; transition: all ease-in-out .2s; outline: none; border: none; margin-right: 0; -webkit-appearance: none; display: inline-block; }

form .gform_footer input[type="submit"]:hover { color: #425161; background-color: #D1D1D6; }

form .validation_error { margin: 0.9375rem 0; font-family: "Nunito", sans-serif; font-size: 0.8125em; line-height: 1.4; }

form .gfield_error .ginput_container input[type="text"], form .gfield_error .ginput_container textarea { border: 1px solid #c10012 !important; }

form .validation_message { display: none; }

.gform_confirmation_message { text-align: center; font-size: 1.25em; font-family: "Nunito", sans-serif; color: #425161; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f0eff1 inset; }

/*Home*/
.home-slider .loader { top: 18vw; }

.home-slider .slider { opacity: 0; max-height: 34vw; }

.home-slider .slider .slide { width: 100%; height: 34vw; display: flex; justify-content: center; align-items: center; position: relative; }

.home-slider .slider .slide .container { position: relative; z-index: 1; max-width: 85%; }

.home-slider .slider .slide .container .content-container { text-align: right; max-width: 70%; margin: 6.25rem 0 0 auto; }

.home-slider .slider .slide .container .content-container h1 { text-align: right; }

.home-slider .slider .slide .container .content-container h3 { font-size: 1.75em; color: white; margin: 1.25rem 0; }

.home-slider .slider .slide .container .content-container h3:after { display: none; }

.home-slider .slider .slide .container .content-container .button { box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.2); display: inline-block; }

.home-slider .slider .slide:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(66, 81, 97, 0.4); }

.home-slider .slider .flickity-prev-next-button { background-color: transparent; }

.home-slider .slider .flickity-prev-next-button svg { width: 70%; height: 100%; }

.home-slider .slider .flickity-prev-next-button .arrow { fill: rgba(255, 255, 255, 0.8); stroke: transparent; }

.home-slider.active .slider { opacity: 1; }

.home-slider.active .loader { opacity: 0; }

.columns-section .flex-columns { display: flex; flex-wrap: wrap; }

.columns-section .flex-columns .columns-image, .columns-section .flex-columns .steps { flex: 0 0 50%; }

.columns-section .flex-columns .steps, .columns-section .flex-columns .general-content { padding: 4.375rem 1.875rem; }

.columns-section .flex-columns .steps h2, .columns-section .flex-columns .general-content h2 { font-size: 2.5em; }

.columns-section .flex-columns .general-content { position: relative; flex: 1; }

.columns-section .flex-columns .general-content svg { height: 6.25rem; width: auto; background-size: contain; position: absolute; top: 1.25rem; right: 1.875rem; }

.columns-section .flex-columns .general-content .button { display: inline-block; margin-top: 2.5rem; }

.columns-section .flex-columns .steps .container-small { text-align: left; }

.columns-section .flex-columns .steps .container-small h3:after { margin: 0; }

.columns-section .flex-columns .steps .container-small .checklist .list-item { flex: 0 0 45%; }

.columns-section .flex-columns .steps .container-small .checklist .list-item:nth-of-type(3n+3) { margin: 0 3% 4vw 0; }

.columns-section .flex-columns .steps .container-small .checklist .list-item:nth-of-type(2n+2) { margin: 0 0 4vw 0; }

/*Contact*/
.contact-page { padding: 0; }

.contact-page .columns .column .contact-info { margin-bottom: 1.875rem; }

.contact-page .columns .column .contact-info span { font-size: 1em; font-family: "Nunito", sans-serif; font-weight: 700; letter-spacing: 1.4px; display: block; margin-bottom: 0.625rem; }

.contact-page .columns .column .contact-info p, .contact-page .columns .column .contact-info a { margin: 0; font-weight: 300; }

.contact-page .columns .column .contact-info a:hover { color: #D1D1D6; }

.contact-page .columns .column .contact-info:last-of-type { margin: 0; }

.contact-page .gform_confirmation_message { font-size: 2.125rem; }

#map { display: block; width: 100%; padding-bottom: 40%; }

/*About*/
.intro { padding: 5rem 0 0; }

.intro .container-small .intro-columns { display: flex; justify-content: space-between; padding-bottom: 4.375rem; border-bottom: 1px solid #E6E4E7; }

.intro .container-small .intro-columns h2 { flex: 0 0 35%; margin: 0; }

.intro .container-small .intro-columns .intro-content { flex: 0 0 60%; }

.intro .container-small .intro-columns .intro-content * { line-height: 1.6; }

.principles-section .container-small { display: flex; justify-content: space-between; }

.principles-section .container-small h2 { font-size: 2em; margin: 0; position: relative; }

.principles-section .container-small h2:after { content: ''; position: absolute; top: 3.4375rem; left: 0; width: 3.75rem; height: 1px; background-color: #E6E4E7; }

.principles-section .container-small .principles { flex: 0 0 65%; }

.principles-section .container-small .principles .principle { position: relative; padding-left: 1.875rem; }

.principles-section .container-small .principles .principle p { margin: 0; border-bottom: 1px solid #E6E4E7; border-left: 1px solid #E6E4E7; padding: 1.5625rem; font-weight: 400; font-size: 0.875em; }

.principles-section .container-small .principles .principle .number { font-family: "Lora", serif; font-size: 1.5em; color: rgba(0, 0, 0, 0.3); border-left: none; border-bottom: none; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: -2.5rem; }

.principles-section .container-small .principles .principle:last-of-type p { border-bottom: none; }

.team-members { background-color: rgba(240, 239, 241, 0.6); text-align: center; padding: 5rem 0 0; }

.team-members h3:after { background-color: #425161; right: 0; margin: 0 auto; }

.team-members .members { display: flex; flex-wrap: wrap; }

.team-members .members .member { flex: 0 0 25%; height: 25vw; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }

.team-members .members .member h4, .team-members .members .member p, .team-members .members .member:before { opacity: 0; transition: all ease-in-out .2s; }

.team-members .members .member h4, .team-members .members .member p { color: white; position: relative; z-index: 1; }

.team-members .members .member h4 { margin: 0 0 0.625rem; }

.team-members .members .member:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(66, 81, 97, 0.8); }

.team-members .members .member:hover h4, .team-members .members .member:hover p, .team-members .members .member:hover:before { opacity: 1; }

.featured-services .container-small { text-align: center; }

.featured-services .container-small h3:after { right: 0; margin: 0 auto; }

.featured-services .container-small h2 { margin: 0; }

.featured-services .container-small .services { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 6.25rem; }

.featured-services .container-small .services .service { flex: 0 0 30%; }

.featured-services .container-small .services .service svg { height: 6.25rem; }

.featured-services .container-small .services .service h4 { margin: 1.25rem 0 1.875rem; }

.featured-services .container-small .services .service h4 span { font-family: "Lora", serif; font-size: inherit; font-weight: 700; color: #425161; display: block; }

.featured-services .container-small .services .service .button { display: inline-block; }

@keyframes draw { to { stroke-dashoffset: 0;
    stroke: transparent;
    fill: white; } }

/*Service*/
.service-intro .general-content .container { padding-right: 30%; position: relative; }

.service-intro .general-content .container svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 90%; width: 30; animation: draw 4s ease forwards; fill: transparent; stroke: transparent; stroke-width: 1; stroke-dasharray: 160; stroke-dashoffset: 150; }

.service-intro .general-content .container .rental { animation: draw 6s ease forwards; }

.service-intro .general-content .container .buy-icon { animation: draw 2s ease-in forwards; stroke-width: 2.5; stroke-dasharray: 420; stroke-dashoffset: 420; }

.service-intro .general-content .container .sell-icon { max-height: 75%; max-width: 75%; }

.service-intro .general-content .container .buy-icon, .service-intro .general-content .container .rental { width: 35%; }

.steps { background-color: rgba(240, 239, 241, 0.6); padding: 5rem 0 0; }

.steps .container-small { text-align: center; }

.steps .container-small h3:after { background-color: #425161; right: 0; margin: 0 auto; }

.steps .container-small h2 { margin: 0 0 3.75rem; }

.steps .container-small .checklist { display: flex; flex-wrap: wrap; }

.steps .container-small .checklist .list-item { flex: 0 0 31.33%; margin: 0 3% 5rem 0; text-align: left; padding-left: 2.5rem; }

.steps .container-small .checklist .list-item h4 { font-size: 1.25em; font-family: "Nunito", sans-serif; font-weight: 300; text-transform: uppercase; position: relative; margin: 0 0 0.625rem; }

.steps .container-small .checklist .list-item h4:before { content: ''; position: absolute; top: -0.1875rem; left: -2.5rem; width: 1.875rem; height: 1.875rem; background-image: url(../icons/check.png); background-size: contain; background-position: center; background-repeat: no-repeat; }

.steps .container-small .checklist .list-item p { color: #333F4E; }

.steps .container-small .checklist .list-item:nth-of-type(3n+3), .steps .container-small .checklist .list-item:last-of-type { margin: 0 0 4vw 0; }

.accordion-section .container-xsmall { text-align: center; }

.accordion-section .container-xsmall h3:after { right: 0; margin: 0 auto; }

.accordion-section .container-xsmall h2 { margin: 0 0 5rem; }

.accordion-section .container-xsmall .accordion { text-align: left; }

.accordion-section .container-xsmall .accordion .dropdown { border-bottom: 1px solid #E6E4E7; }

.accordion-section .container-xsmall .accordion .dropdown .drop-open { font-size: 1.25em; font-family: "Nunito", sans-serif; position: relative; margin: 0; padding: 1.5625rem 0; }

.accordion-section .container-xsmall .accordion .dropdown .drop-open:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.875rem; height: 1.875rem; background-image: url(../icons/angle-down.png); background-size: contain; background-position: center; background-repeat: no-repeat; }

.accordion-section .container-xsmall .accordion .dropdown .dropdown-content { display: none; padding: 0 0.3125rem 1.5625rem; }

.downloads { padding-bottom: 100px; }

.downloads .container-xsmall h2 { font-size: 2em; margin: 0 0 2.5rem; padding: 0 0 1.25rem; position: relative; }

.downloads .container-xsmall h2:after { content: ''; position: absolute; bottom: 0; left: 0; width: 3.75rem; height: 1px; background-color: #E6E4E7; }

.downloads .container-xsmall .download { position: relative; display: block; padding: 0.9375rem 0 0.9375rem 2.1875rem; border-bottom: 1px solid #E6E4E7; display: flex; justify-content: space-between; }

.downloads .container-xsmall .download span { transition: all ease-in-out .2s; }

.downloads .container-xsmall .download:hover span { color: #D1D1D6; }

.downloads .container-xsmall .download:before { content: '\f15b'; font-family: 'Font Awesome 5 Free'; font-weight: 400; left: 0; position: absolute; }

.call-to-action { background-color: #425161; padding: 1.5625rem; }

.call-to-action .container { display: flex; justify-content: space-around; align-items: center; border: 1px solid white; width: 100%; max-width: 100%; padding: 3.125rem; }

.call-to-action .container h2 { margin: 0 3.125rem 0 0; color: white; font-size: 2.25em; }

.call-to-action .container .button { display: inline-block; }

/*Archive Projects*/
.archive-categories { padding: 1.875rem 0; }

.archive-categories .container .cat-nav { margin: 0; padding: 0; }

.archive-categories .container .cat-nav li { list-style-type: none; }

.archive-categories .container .cat-nav li p { display: none; }

.archive-categories .container .cat-nav li i { display: none; }

.archive-categories .container .cat-nav li a { font-size: 1.125em; padding: 0.5rem; }

.archive-categories .container .cat-nav li a.active { text-decoration: underline; }

.archive-categories .container .cat-nav li .sub-menu { display: flex; justify-content: center; }

.archive-categories .container .cat-nav li .sub-menu li { margin-right: 3.75rem; }

.archive-categories .container .cat-nav li .sub-menu li a { text-transform: uppercase; }

.archive-projects { background-color: rgba(240, 239, 241, 0.6); }

.archive-projects .container { display: flex; flex-wrap: wrap; }

.archive-projects .container .project { flex: 0 0 32%; margin: 0 2% 3vw 0; }

.archive-projects .container .project:nth-of-type(3n+3) { margin: 0 0 3vw 0; }

.prev-next-nav { background-color: rgba(240, 239, 241, 0.6); }

.prev-next-nav .container .pagination { position: relative; }

.prev-next-nav .container .pagination ul { display: flex; justify-content: center; padding: 0 0 5rem; margin: 0; }

.prev-next-nav .container .pagination ul li { list-style-type: none; margin: 0 0.625rem; }

.prev-next-nav .container .pagination ul li.active { text-decoration: underline; }

.prev-next-nav .container .pagination ul .pagination-next-prev-null { display: none; }

.prev-next-nav .container .pagination ul .pagination-previous { position: absolute; left: 0; }

.prev-next-nav .container .pagination ul .pagination-next { position: absolute; right: 0; }

/*Project*/
.project-intro .container-small p { font-family: "Lora", serif; font-size: 2em; line-height: 1.4; }

.project-slider { position: relative; }

.project-slider .loader { top: 20vw; }

.project-slider .slider { opacity: 0; max-height: 40vw; }

.project-slider .slider .slide { width: 70%; height: 40vw; position: relative; }

.project-slider .slider .slide:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(66, 81, 97, 0.8); transition: all ease-in-out .2s; }

.project-slider .slider .slide.is-selected:before { opacity: 0; }

.project-slider .slider .flickity-prev-next-button { border-radius: 0; height: 4.375rem; }

.project-slider .slider .flickity-prev-next-button.previous { left: calc(15% - 2.75rem); }

.project-slider .slider .flickity-prev-next-button.next { right: calc(15% - 2.75rem); }

.project-slider.active .slider { opacity: 1; }

.project-slider.active .loader { opacity: 0; }

.specifications .container-small { display: flex; justify-content: space-between; flex-wrap: wrap; }

.specifications .container-small h2 { font-size: 2em; margin: 0 0 2.5rem; padding: 0 0 1.25rem; position: relative; }

.specifications .container-small h2:after { content: ''; position: absolute; top: 3.75rem; left: 0; width: 3.75rem; height: 1px; background-color: #E6E4E7; }

.specifications .container-small .specs-content { flex: 0 0 60%; }

.specifications .container-small .specs-content p { margin: 0; }

.specifications .container-small .specs-content .spec { padding: 1.5625rem 0; border-bottom: 1px solid #E6E4E7; }

.specifications .container-small .specs-content .spec:first-child { padding: 0 0 1.5625rem; }

.specifications .container-small .specs-content .spec span { font-weight: 700; margin-right: 0.3125rem; }

.specifications .container-small .specs-content .property-specs { display: flex; }

.specifications .container-small .specs-content .property-specs .property-info { display: flex; margin-right: 1.5625rem; }

.specifications .container-small .specs-content .property-specs .property-info svg { margin-right: 0.625rem; }

.specifications .container-small .description { margin: 3.125rem 0 0; }

.specifications .container-small .share-buttons { flex: 0 0 100%; display: flex; justify-content: flex-end; align-items: center; padding-top: 2.5rem; margin-top: 3.125rem; border-top: 1px solid #E6E4E7; }

.specifications .container-small .share-buttons p { font-size: 0.875em; margin-right: 0.9375rem; }

.specifications .container-small .share-buttons ul { margin: 0; padding: 0; display: flex; }

.specifications .container-small .share-buttons ul li { list-style-type: none; margin-right: 0.9375rem; }

.specifications .container-small .share-buttons ul li a { padding: 0.3125rem; }

.specifications .container-small .share-buttons ul li a i { font-size: 0.875em; }

.specifications .container-small .share-buttons ul li:last-of-type { margin: 0; }

.secondary-banner { padding: 9.375rem 0; position: relative; }

.secondary-banner .container-small { position: relative; z-index: 1; }

.secondary-banner .container-small .content-container { max-width: 50rem; }

.secondary-banner .container-small .content-container * { color: white; }

.secondary-banner .container-small .content-container h2 { font-size: 3.5em; margin: 0; }

.secondary-banner .container-small .content-container h3 { font-size: 1.75em; padding: 0; margin: 1.25rem 0 1.875rem; }

.secondary-banner .container-small .content-container h3:after { display: none; }

.secondary-banner .container-small .content-container p { color: #D1D1D6; }

.secondary-banner .container-small .content-container .button { color: #425161; display: inline-block; margin-top: 2.5rem; }

.secondary-banner .container-small .content-container .button:hover { color: white; }

.secondary-banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #4B5C6E 25%, rgba(66, 81, 97, 0.4)); }

.featured-projects { background-color: rgba(240, 239, 241, 0.6); position: relative; }

.featured-projects .loader { top: 30vw; }

.featured-projects .container-small { text-align: center; }

.featured-projects .container-small h3:after { right: 0; margin: 0 auto; background-color: #425161; }

.featured-projects .container-small .slider { text-align: center; opacity: 0; max-height: 37.5rem; }

.featured-projects .container-small .slider .project { min-height: 100%; }

.featured-projects .container-small .slider .flickity-prev-next-button { background: transparent; }

.featured-projects .container-small .slider .flickity-prev-next-button svg { top: 0; }

.featured-projects .container-small .slider .flickity-prev-next-button.previous { left: -6.25rem; }

.featured-projects .container-small .slider .flickity-prev-next-button.next { right: -6.25rem; }

.featured-projects.active .slider { opacity: 1; }

.featured-projects.active .loader { display: none; }

@media only screen and (max-width: 1280px) { .home-slider .slider .slide .container .content-container { margin: 6.25rem 0 2.5rem auto; }
  .home-slider .slider .slide .container .content-container h1 { font-size: 2.875em; }
  .home-slider .slider .slide .container .content-container h3 { font-size: 1.5em; } }

@media only screen and (max-width: 1200px) { footer .container .col-left, footer .container .col-middle, footer .container .col-right { flex: 0 0 25%; }
  footer .container .col-middle { flex: 0 0 35%; }
  .contact-page .columns .column { padding: 3.75rem 2.5rem; }
  .contact-page .columns .column h2 { font-size: 2.25rem; }
  .contact-page form .gform_heading .gform_description { font-size: 2.25rem; } }

@media only screen and (max-width: 1100px) { * { font-size: 13px; }
  header .container #header-logo img { max-height: 2.8125rem; }
  header .container nav ul li { margin: 0; font-size: 0.8125em; }
  header .container nav ul li a { padding: 1.4375rem 0.625rem; }
  .home-slider, .banner { margin-top: 4.125rem; }
  footer .container .col-left { flex: 0 0 25%; }
  footer .container .col-middle { flex: 0 0 40%; }
  footer .container .col-right { flex: 0 0 15%; } }

@media only screen and (max-width: 1024px) { .call-to-action .container h2 { font-size: 1.625em; } }

@media only screen and (max-width: 1000px) { .columns-section .flex-columns .columns-image, .columns-section .flex-columns .steps { flex: 0 0 100%; }
  .columns-section .flex-columns .columns-image { height: 35vw; }
  .home .columns-section .flex-columns:last-of-type { flex-direction: column-reverse; }
  .home-slider .slider { max-height: 18.75rem; }
  .home-slider .slider .slide { height: 18.75rem; }
  .home-slider .slider .slide .container .content-container { margin: 1.5625rem 0 1.5625rem auto; max-width: 100%; } }

@media only screen and (max-width: 960px) { footer .container { flex-direction: column; text-align: center !important; }
  footer .container .col-left .phone, footer .container .col-left .email { display: inline-block; }
  footer .container .col-left .phone { margin-right: 1.875rem; }
  footer .container .col-middle { margin: 2.5rem 0; }
  footer .container .col-middle form { max-width: 22.8125rem; }
  footer .container .col-right { text-align: center; }
  footer .container .col-right nav ul { display: flex; flex-wrap: wrap; justify-content: center; }
  footer .container .col-right nav ul li { margin-right: 0.9375rem; }
  footer .container .col-right nav ul li a { padding: 0.3125rem; }
  footer .container .col-right nav ul li:last-of-type { margin: 0; }
  .contact-page .columns { flex-wrap: wrap; }
  .contact-page .columns .column { flex: 0 0 100%; text-align: center; }
  .contact-page .columns .column h3:after { right: 0; margin: 0 auto; } }

@media only screen and (max-width: 875px) { header .container { position: static; }
  header .container #header-logo { padding: 0.65625rem 0; }
  header .container nav { position: absolute; background-color: white; top: 100%; left: 0; margin-right: 0; overflow: scroll; z-index: 999; width: 100%; max-height: 0; visibility: hidden; transition: all ease-in-out 0.4s; }
  header .container nav ul { flex-direction: column; background-color: #D1D1D6; align-items: stretch; border-top: 0.125rem solid #425161; border-bottom: 0.0625rem solid #425161; }
  header .container nav ul li { margin: 0; }
  header .container nav ul li a { width: 100%; border-bottom: 0.0625rem solid #425161; padding: 1.25rem; }
  header .container nav ul li a:after { display: none; }
  header .container nav ul li a:hover { color: #425161; background-color: #E6E4E7; }
  header .container nav ul li.current-menu-item a { color: #425161; }
  header .container nav ul .button-login { position: fixed; top: 0.6875rem; right: 7.5rem; width: 10.625rem; margin: 0; visibility: visible; }
  header #mobile-menu { display: block !important; top: 0; bottom: 0; margin: auto 0; }
  header #mobile-menu span { transition: all ease-in-out 0.3s; transition-delay: 0; }
  header.mobile-active .container nav { max-height: 62.5rem; visibility: visible; }
  header.mobile-active #mobile-menu span:first-of-type { top: 50%; transform: rotate(45deg); }
  header.mobile-active #mobile-menu span:nth-of-type(2) { left: -100%; opacity: 0; }
  header.mobile-active #mobile-menu span:last-of-type { top: 50%; transform: rotate(-45deg); }
  .home-slider, .banner { margin-top: 3.75rem; }
  .service-intro .general-content .container { padding-right: 16%; }
  .service-intro .general-content .container svg { position: absolute; top: 1.25rem; right: 0; z-index: -1; }
  .service-intro .general-content .container .buy-icon { width: 5rem; }
  .service-intro .general-content .container .rental { width: 7.1875rem; }
  .steps .container-small .checklist .list-item { flex: 0 0 47%; }
  .steps .container-small .checklist .list-item:nth-of-type(2n+2) { margin-right: 0; }
  .steps .container-small .checklist .list-item:nth-of-type(3n+3) { margin: 0 3% 5rem 0; }
  .call-to-action .container { padding: 1.5625rem; }
  .call-to-action .container h2 { font-size: 1.5em; } }

@media only screen and (max-width: 800px) { .call-to-action .container { flex-wrap: wrap; }
  .call-to-action .container h2 { flex: 0 0 100%; margin: 0 0 1.875rem; text-align: center; line-height: 1.4; } }

@media only screen and (max-width: 768px) { .intro { padding: 3.75rem 0; }
  .intro .container-small h3 { text-align: center; }
  .intro .container-small h3:after { right: 0; margin: 0 auto; }
  .intro .container-small .intro-columns { flex-wrap: wrap; justify-content: center; text-align: center; }
  .intro .container-small .intro-columns h2 { flex: 0 0 100%; margin: 0 0 2.5rem; }
  .intro .container-small .intro-columns .intro-content { flex: 0 0 100%; }
  .principles-section { padding-top: 0; }
  .principles-section .container-small { flex-wrap: wrap; }
  .principles-section .container-small h2 { margin-bottom: 4rem; text-align: center; }
  .principles-section .container-small h2:after { right: 0; margin: 0 auto; }
  .principles-section .container-small .principles .principle .number { left: -0.9375rem; }
  .principles-section .container-small h2, .principles-section .container-small .principles { flex: 0 0 100%; } }

@media only screen and (max-width: 700px) { .home-slider .slider .slide .container { max-width: 80%; }
  .home-slider .slider .slide .container .content-container h1 { font-size: 1.625rem; }
  .home-slider .slider .slide .container .content-container h3 { font-size: 0.75rem; }
  .columns-section .flex-columns .general-content { flex: 0 0 100%; }
  .columns-section .flex-columns .steps, .columns-section .flex-columns .general-content { padding: 4rem 0; } }

@media only screen and (max-width: 600px) { header { margin-top: 1.875rem; }
  header .container nav ul .button-login { left: 0; top: 0; width: 100%; }
  header .container nav ul .button-login a { padding: 0.3125rem 0; font-size: 0.8125em; border-radius: 0; background-color: #425161; color: #D1D1D6; border-color: transparent; }
  header .container .header-phone { position: fixed; top: 0; left: 0; width: 100%; text-align: center; font-size: 0.875rem; background-color: #E6E4E7; padding: 0.3125rem 0; }
  header .container .header-phone i { font-size: inherit; }
  .home-slider, .banner { margin-top: 6rem; }
  .home-slider .slider .slide .container .content-container { text-align: center; }
  .home-slider .slider .slide .container .content-container h1 { text-align: center; }
  .home-slider .slider .flickity-prev-next-button { background: transparent; }
  .home-slider .slider .flickity-prev-next-button svg { width: 50%; }
  .home-slider .slider .flickity-prev-next-button.previous { left: 0; }
  .home-slider .slider .flickity-prev-next-button.next { right: 0; }
  .service-intro .general-content .container { padding-right: 0; }
  .steps .container-small .checklist .list-item { flex: 0 0 100%; margin: 0 0 4rem; } }

@media only screen and (max-width: 425px) { .home-slider .slider .slide .container .content-container h3 { padding: 0; }
  footer .container .col-left .phone { margin-right: 0; display: block; }
  .columns-section .flex-columns .general-content .container, .columns-section .flex-columns .steps .container { text-align: center; }
  .columns-section .flex-columns .general-content .container h3:after, .columns-section .flex-columns .steps .container h3:after { right: 0; margin: 0 auto; }
  .columns-section .flex-columns .steps .container-small .checklist .list-item { flex: 0 0 100%; text-align: center; margin: 0 0 2.5rem !important; padding: 0; }
  .columns-section .flex-columns .steps .container-small .checklist .list-item h4:before { display: none; }
  .columns-section .flex-columns .steps .container-small .checklist .list-item:last-of-type { margin-bottom: 0 !important; }
  .service-intro .general-content .container { text-align: center; }
  .service-intro .general-content .container h3:after { right: 0; margin: 0 auto; }
  .service-intro .general-content .container .buy-icon { width: 4rem; top: 0; }
  .steps .container-small .checklist .list-item { text-align: center; padding: 0; }
  .steps .container-small .checklist .list-item h4:before { display: none; }
  .banner { padding: 5rem 0; }
  .banner h1 { font-size: 2.5em; }
  h2 { font-size: 2.125em; } }

@media only screen and (max-width: 320px) { .columns-section .flex-columns .general-content svg { height: 3.75rem; }
  .columns-section .flex-columns .general-content .buy-icon { min-height: 5rem !important; }
  .columns-section .flex-columns .steps .container-small h2 { margin-bottom: 2.5rem; }
  footer .container .col-middle { margin-bottom: 0; }
  footer .container .col-middle form .gform_body { flex: 0 0 76%; } }

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