@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@font-face { font-family: 'droid_serifregular'; src: url("../fonts/DroidSerif-Regular-webfont.eot"); src: url("../fonts/DroidSerif-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/DroidSerif-Regular-webfont.woff2") format("woff2"), url("../fonts/DroidSerif-Regular-webfont.woff") format("woff"), url("../fonts/DroidSerif-Regular-webfont.ttf") format("truetype"), url("../fonts/DroidSerif-Regular-webfont.svg#droid_serifregular") format("svg"); font-weight: normal; font-style: normal; }

html, body { overflow-x: hidden; font-size: 12px; }

@media screen and (min-width: 768px) { html, body { font-size: 16px; } }

h1, h2, h3, h4, h5, h6, p, li, ul, ol, span { margin: 0; padding: 0; }

ul, ol { list-style: none; padding-left: 0; }

input, button { border: none; }

input:focus, button:focus { outline: none; }

img { max-width: 100%; height: auto; }

::selection { background-color: #1e3c5f; color: #fff; text-shadow: 0 0 5px rgba(38, 38, 38, 0.5); }

.heading-primary, h1 { font-family: "droid_serifregular", "Georgia", "Timew New Roman", serif; color: #1e3c5f; font-size: 5.333rem; line-height: 6.167rem; }

@media screen and (min-width: 768px) { .heading-primary, h1 { font-size: 4.5rem; line-height: 4.625rem; } }

.heading-secondary, h2 { font-family: "droid_serifregular", "Georgia", "Timew New Roman", serif; color: #1e3c5f; font-size: 3rem; }

@media screen and (min-width: 768px) { .heading-secondary, h2 { line-height: 3.625rem; } }

.heading-tertiary, h3 { font-family: "droid_serifregular", "Georgia", "Timew New Roman", serif; color: #1e3c5f; font-size: 2.667rem; line-height: 3.167rem; }

@media screen and (min-width: 768px) { .heading-tertiary, h3 { font-size: 2rem; line-height: 2.375rem; } }

.heading-quaternary, h4 { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; color: #303031; font-size: 1.667rem; line-height: 2.667rem; }

@media screen and (min-width: 768px) { .heading-quaternary, h4 { font-size: 1.5rem; line-height: 2rem; } }

.heading-quaternary--big { font-size: 2rem; font-family: "droid_serifregular", "Georgia", "Timew New Roman", serif; color: #4a4a4a; }

@media screen and (min-width: 768px) { .heading-quaternary--big { font-size: 1.5rem; } }

.paragraph, p, .nav__menu-item { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; color: #303031; font-size: 1.5rem; line-height: 2.667rem; font-weight: 400; opacity: .8; }

@media screen and (min-width: 768px) { .paragraph, p, .nav__menu-item { font-size: 1.125rem; line-height: 2rem; } }

.paragraph--small, .nav__menu-item { font-size: 1.167rem; }

@media screen and (min-width: 768px) { .paragraph--small, .nav__menu-item { font-size: 0.875rem; } }

.paragraph--med { font-size: 1.333rem; }

@media screen and (min-width: 768px) { .paragraph--med { font-size: 1rem; } }

.paragraph--big { font-size: 1.667rem; }

@media screen and (min-width: 768px) { .paragraph--big { font-size: 1.25rem; } }

.headline { display: inline-block; }

.headline__subtitle { letter-spacing: 2.5px; text-transform: uppercase; padding-left: 2.0833rem; }

@media screen and (min-width: 768px) { .headline__subtitle { padding-left: 1.5625rem; } }

.headline__main { position: relative; padding-left: 2.0833rem; }

@media screen and (min-width: 768px) { .headline__main { padding-left: 1.5625rem; width: 400px; } }

.headline__main:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 80%; background-color: #d4af37; }

@media screen and (min-width: 768px) { .headline__main:before { height: 85%; } }

.headline--line .headline__subtitle { padding-left: 0; }

.headline--line .headline__main { padding-left: 0; }

.headline--line .headline__main:before { display: none; }

@media screen and (min-width: 768px) { .headline--line .headline__main:before { width: 8.4375rem; height: 3px; display: block; left: auto; right: -1.875rem; transform: translateX(100%); } }

@media screen and (min-width: 992px) { .headline--line .headline__main:before { width: 12.5rem; right: -2.5rem; } }

@media screen and (min-width: 768px) { .team-member { display: flex; align-items: flex-start; justify-content: space-between; } }

.team-member__info { margin-bottom: 2.833rem; }

@media screen and (min-width: 768px) { .team-member__info { margin-bottom: 0; margin-right: 1.875rem; } }

.team-member__contact { display: none; }

@media screen and (min-width: 768px) { .team-member__contact { display: block; } }

@media screen and (min-width: 992px) { .team-member__contact { padding: 0 1.5rem; } }

.team-member__contact-item + .team-member__contact-item { margin-top: .5rem; }

.team-member__contact-link { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1.167rem; line-height: 1.333rem; }

.team-member__contact-link:link, .team-member__contact-link:hover, .team-member__contact-link:focus, .team-member__contact-link:active, .team-member__contact-link:visited { color: rgba(38, 38, 38, 0.8); text-decoration: none; }

@media screen and (min-width: 768px) { .team-member__contact-link { font-size: 0.875rem; line-height: 1rem; } }

.team-member__img { width: 12.9167rem; }

@media screen and (min-width: 768px) { .team-member__img { width: 5.625rem; margin-bottom: 3.625rem; } }

@media screen and (min-width: 992px) { .team-member__img { width: 11.875rem; margin-bottom: 1.25rem; } }

.team-member__title { margin-bottom: 1.5rem; }

@media screen and (min-width: 768px) { .team-member__title { margin-bottom: 1.125rem; } }

.team-member__main p + p { margin-top: 2.5rem; }

@media screen and (min-width: 768px) { .team-member__main p + p { margin-top: 2rem; } }

.team-member + .team-member { margin-top: 4.5833rem; }

@media screen and (min-width: 768px) { .team-member + .team-member { margin-top: 4.375rem; } }

.form__input { background-color: #eeeeee; height: 5.5rem; padding: 0 2.5rem; border: 0; resize: none; width: 100%; font-family: "Open Sans", "Helvetica", "Arial", sans-serif; font-size: 1.333rem; color: #17263d; border: 1px solid #eeeeee; border-radius: 4px; transition: all .25s; }

@media screen and (min-width: 768px) { .form__input { height: 4.125rem; padding: 0 1.875rem; font-size: 1rem; } }

.form__input::placeholder { color: #17263d; }

.form__input:focus { outline: none; box-shadow: none; border-color: #d4af37; }

.form__input + .form__input { margin-top: 1.167rem; }

@media screen and (min-width: 768px) { .form__input + .form__input { margin-top: 0.875rem; } }

.form__input--error { border-color: #ff0c0c; }

.form__input--textarea { padding: 1.167rem 2.5rem; height: 18.667rem; }

@media screen and (min-width: 768px) { .form__input--textarea { padding: 0.875rem 1.875rem; height: 14rem; } }

.form__btn { margin-top: 1.333rem; background-color: #1e3c5f; height: 3.5rem; width: 100%; border-radius: 4px; font-family: "Open Sans", "Helvetica", "Arial", sans-serif; color: #fff; font-size: 1.333rem; }

@media screen and (min-width: 768px) { .form__btn { margin-top: 1rem; height: 2.625rem; width: 6.75rem; font-size: 1rem; } }

.header { padding: 2.5rem 0; background-color: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.258); transition: all .25s; }

@media screen and (min-width: 768px) { .header { padding: 1.875rem 0; } }

.header__content { display: flex; align-items: center; justify-content: space-between; position: relative; }

.header__btn { padding: 0; margin: 0; background: none; height: 1.167rem; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; cursor: pointer; }

@media screen and (min-width: 768px) { .header__btn { display: none; } }

.header__btn-line { display: block; width: 1.667rem; height: 2px; background-color: #262626; border-radius: 1rem; }

.header__btn-line + .header__btn-line { margin-top: 2.667px; }

.footer { background-color: #eeeeee; padding: 3rem 0; border-top: 3px solid #d4af37; }

@media screen and (min-width: 768px) { .footer { padding: 2.8125rem 0; } }

@media screen and (min-width: 992px) { .footer__content { display: flex; align-items: center; justify-content: space-between; } }

.footer__nav { text-align: center; }

@media screen and (min-width: 992px) { .footer__nav { order: 2; text-align: right; } }

@media screen and (min-width: 768px) { .footer__menu { display: flex; align-items: center; justify-content: center; } }

@media screen and (min-width: 992px) { .footer__menu { justify-content: flex-end; } }

.footer__menu-item { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; font-weight: 600; color: #4a4a4a; cursor: pointer; font-size: 1.167rem; }

@media screen and (min-width: 768px) { .footer__menu-item { font-size: .875rem; } }

.footer__menu-item + .footer__menu-item { margin-top: 2.333rem; }

@media screen and (min-width: 768px) { .footer__menu-item + .footer__menu-item { margin-top: 0; margin-left: 2rem; } }

.footer__submenu { margin-top: 2.833rem; }

@media screen and (min-width: 768px) { .footer__submenu { margin-top: 0.9375rem; display: flex; align-items: center; justify-content: center; } }

@media screen and (min-width: 992px) { .footer__submenu { justify-content: flex-end; } }

.footer__submenu-item { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; font-weight: 600; font-size: 1rem; }

@media screen and (min-width: 768px) { .footer__submenu-item { font-size: .75rem; } }

.footer__submenu-item + .footer__submenu-item { margin-top: 2.333rem; }

@media screen and (min-width: 768px) { .footer__submenu-item + .footer__submenu-item { margin-top: 0; margin-left: 1.6875rem; } }

.footer__submenu-link:link, .footer__submenu-link:hover, .footer__submenu-link:focus, .footer__submenu-link:active, .footer__submenu-link:visited { color: #9b9b9b; text-decoration: none; }

.footer__copyright { text-align: center; margin-top: 3.75rem; }

@media screen and (min-width: 768px) { .footer__copyright { margin-top: 1.75rem; } }

.nav { position: absolute; z-index: 1; width: 100%; left: 0; bottom: -2rem; height: calc(100vh - 73px); transform: translateY(100%); padding: 0.5rem 4.167rem 3rem 4.167rem; background-color: #eeeeee; box-shadow: 0 5px 5px rgba(38, 38, 38, 0.125); display: none; }

@media screen and (min-width: 768px) { .nav { position: static; transform: none; width: auto; height: auto; padding: 0; background-color: transparent; display: block !important; box-shadow: none; } }

.nav__menu { margin-top: 3.333rem; }

@media screen and (min-width: 768px) { .nav__menu { margin-top: 0; display: flex; align-items: center; justify-content: flex-end; transform: none; position: static; width: auto; } }

.nav__menu-item { cursor: pointer; font-weight: 600; color: #4a4a4a; opacity: 1; padding: 12px 4rem; position: relative; }

@media screen and (min-width: 768px) { .nav__menu-item { padding: 0; } }

.nav__menu-item a:link, .nav__menu-item a:hover, .nav__menu-item a:focus, .nav__menu-item a:active, .nav__menu-item a:visited { color: inherit; text-decoration: none; }

@media screen and (min-width: 768px) { .nav__menu-item:after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background-color: #979797; transform: scaleX(0); transition: all .25s; } }

@media screen and (min-width: 768px) { .nav__menu-item:hover:after { transform: scaleX(1); } }

.nav__menu-item:last-child { border-bottom: 2px solid #979797; }

@media screen and (min-width: 768px) { .nav__menu-item:last-child { border-bottom: 0; } }

.nav__menu-item + .nav__menu-item { border-top: 2px solid #979797; }

@media screen and (min-width: 768px) { .nav__menu-item + .nav__menu-item { margin-left: 2.8125rem; border-top: 0; } }

.section-hero { height: 496px; background-image: url("http://syntaxsdg.com/-/images/hero-img@2x.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; position: relative; }

@media screen and (min-width: 768px) { .section-hero { height: 660px; } }

.section-hero__box { background-color: rgba(255, 255, 255, 0.9); right: 0; max-width: 400px; border-radius: 5px; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; filter: drop-shadow(0 4mm 5mm rgba(0, 0, 0, 0.5)); }

@media screen and (min-width: 768px) { .section-hero__box { margin-left: -98%; padding: 30px 60% 30px 100%; } }

@media screen and (min-width: 992px) { .section-hero__box { padding: 30px 50% 30px 100%; } }

@media screen and (min-width: 1200px) { .section-hero__box { padding: 30px 40% 30px 100%; } }

.section-hero__img-wrapper { display: none; position: relative; }

@media screen and (min-width: 768px) { .section-hero__img-wrapper { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); max-width: 45%; } }

@media screen and (min-width: 992px) { .section-hero__img-wrapper { max-width: 50%; } }

.section-hero__img-wrapper:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(246, 246, 246, 0), #f6f6f6); }

.section-hero__img { width: 100%; }

.section-hero__copy { padding-left: 2.0833rem; opacity: .8; margin-top: 1rem; }

@media screen and (min-width: 768px) { .section-hero__copy { padding-left: 1.5625rem; min-width: 400px; margin-top: 0.875rem; } }

.section-companies { padding: 5.4167rem 0; background-color: #fff; }

@media screen and (min-width: 768px) { .section-companies { padding: 4.0625rem 0; } }

@media screen and (min-width: 992px) { .section-companies { padding: 9.0625rem 0; } }

.section-companies__item { text-align: center; max-width: 250px; float: none; margin: 0 auto; }

@media screen and (min-width: 768px) { .section-companies__item { text-align: left; float: left; max-width: none; margin: 0; } }

.section-companies__item + .section-companies__item { margin-top: 4.167rem; }

@media screen and (min-width: 768px) { .section-companies__item + .section-companies__item { margin-top: 0; } }

.section-companies__logo { height: 5rem; }

.section-team { background-color: #eeeeee; padding: 5.4167rem 0; }

@media screen and (min-width: 768px) { .section-team { padding: 4.0625rem 0; } }

@media screen and (min-width: 992px) { .section-team { padding: 9.0625rem 0; } }

.section-team__headline { margin-bottom: 5.833rem; }

@media screen and (min-width: 768px) { .section-team__headline { margin-bottom: 5.625rem; } }

@media screen and (min-width: 992px) { .section-team__list { padding-left: 5.3125rem; } }

.section-contact { background-color: #fff; padding: 5rem 0 8.75rem 0; }

@media screen and (min-width: 768px) { .section-contact { padding: 3.75rem 0 5.3125rem 0; } }

@media screen and (min-width: 992px) { .section-contact { padding: 9.0625rem 0 10.3125rem 0; } }

.section-contact__headline { margin-bottom: 5rem; }

@media screen and (min-width: 768px) { .section-contact__headline { margin-bottom: 4.375rem; } }

@media screen and (min-width: 992px) { .section-contact__headline { margin-bottom: 3.75rem; } }

@media screen and (min-width: 992px) { .section-contact__form { padding-right: 20px; } }

.section-contact__info { text-align: center; margin-top: 8.75rem; }

@media screen and (min-width: 768px) { .section-contact__info { text-align: left; margin-top: 0; } }

@media screen and (min-width: 992px) { .section-contact__map { padding-left: 20px; } }

.section-contact__map-embed { display: none; }

@media screen and (min-width: 768px) { .section-contact__map-embed { display: block; height: 14.0625rem; margin-bottom: 2.25rem; } }

.u-weight-reg { font-weight: 400; }

.u-weight-smb { font-weight: 600; }

.u-weight-bld { font-weight: 700; }

.u-font-main { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; }

.u-font-alt { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; }

.u-font-accent { font-family: "droid_serifregular", "Georgia", "Timew New Roman", serif; }

.u-color-primary { color: #1e3c5f; }

.u-color-error-dark { color: #a10000; }

.u-color-gray-dark { color: #303031; }

.u-color-gray-dark-3 { color: #17263d; }

.u-color-gray-alt { color: #9b9b9b; }

.u-color-gray-alt-2 { color: #4a4a4a; }

.u-margin-bottom-smallest { margin-bottom: 5px; }

.u-margin-bottom-small { margin-bottom: 1.167rem; }

@media screen and (min-width: 768px) { .u-margin-bottom-small { margin-bottom: 0.875rem; } }

.u-margin-bottom-med { margin-bottom: 2.5rem; }

@media screen and (min-width: 768px) { .u-margin-bottom-med { margin-bottom: 1.875rem; } }

.u-margin-bottom-big { margin-bottom: 5rem; }

@media screen and (min-width: 768px) { .u-margin-bottom-big { margin-bottom: 3.75rem; } }

.u-padding-horizontal-null { padding-left: 0; padding-right: 0; }

.u-opacity-full { opacity: 1; }

.u-italic { font-style: italic; }