body,
html {
margin: 0;
padding: 0;
background-color: #222;
background-position: 50%;
background-repeat: repeat;
font-family: Raleway, Ariel, sans-serif;
color: #fafafa;
font-size: 16px;
line-height: 1.4
}
body.public {
-webkit-animation: a 1s ease-in;
animation: a 1s ease-in
}
@-webkit-keyframes a {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes a {
0% {
opacity: 0
}
to {
opacity: 1
}
}
img {
border: none;
max-width: 100%;
height: auto
}
a {
transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
font-weight: 700;
color: #d52fd2;
}
a:hover {
color: #d42ed7;
}
a:active,
a:focus,
a:hover {
text-decoration: none
}
p {
margin: 0;
padding: 0;
line-height: 1.4
}
p strong {
font-weight: 700
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 1em;
padding: .5em 1em;
font-family: Raleway, Ariel, sans-serif;
color: #fafafa;
line-height: 1;
text-transform: uppercase;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
h1,
h1 small,
h2,
h2 small,
h3,
h3 small,
h4,
h4 small,
h5,
h5 small,
h6,
h6 small {
display: inline-block
}
h1 small:before,
h2 small:before,
h3 small:before,
h4 small:before,
h5 small:before,
h6 small:before {
content: ' '
}
a>h1,
a>h2,
a>h3,
a>h4,
a>h5,
a>h6,
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
color: #009e9f;
text-decoration: none;
font-weight: inherit
}
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
font-size: .5em;
font-weight: 400
}
h1 {
font-size: 1.8em
}
h1,
h2 {
font-weight: 200
}
h2 {
font-size: 1.6em
}
h3 {
font-size: 1.4em
}
h3,
h4 {
font-weight: 300
}
h4 {
font-size: 1.2em
}
h5,
h6 {
font-size: 1em
}
@media screen and (max-width: 1280px) {
h1 {
font-size: 1.4em
}
h2 {
font-size: 1.3em
}
h3 {
font-size: 1.2em
}
h4 {
font-size: 1.1em
}
}
blockquote {
font-style: italic;
font-size: 1.4em;
margin: 0;
padding: .5em 0;
line-height: 1.4;
border: none
}
blockquote p {
position: relative
}
blockquote p:before {
margin-top: -10px;
padding-right: 5px;
display: inline;
float: left;
content: url(../img/blockquote_left_sm.png)
}
blockquote p:after {
display: inline;
float: right;
content: url(../img/blockquote_right_sm.png)
}
blockquote cite {
clear: both;
display: block;
margin-top: 1em;
text-align: right;
font-weight: 700
}
blockquote cite:before {
content: '– '
}
@media screen and (max-width: 1280px) {
blockquote {
font-style: italic;
font-size: 1.2em
}
}
@media screen and (max-width: 980px) {
blockquote {
font-style: italic;
font-size: 1em
}
}
ol,
ul {
margin: 0;
padding: 0
}
ol li,
ul li {
margin-bottom: 22.4px;
margin-left: 22.4px
}
hr {
border: none;
border-top: 1px solid #fafafa
}
.Box--round {
border-radius: 4px
}
.Box--shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.u-button {
padding: .25em 1em;
border: 0;
display: inline-block;
background: #d52fd2;
color: #fafafa;
font-weight: 300;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
cursor: pointer
}
.u-button:focus,
.u-button:hover {
background:#d52fd2;
color: #fafafa
}
.u-content a:active {
text-decoration: none
}
.u-content p,
.u-content p small {
margin-bottom: 1em
}
.u-content h1,
.u-content h2,
.u-content h3,
.u-content h4,
.u-content h5,
.u-content h6 {
margin-bottom: 20px
}
.u-content h1:last-child,
.u-content h2:last-child,
.u-content h3:last-child,
.u-content h4:last-child,
.u-content h5:last-child,
.u-content h6:last-child,
.u-content p:last-child {
margin-bottom: 0
}
.u-content--positive,
.u-content--positive h1,
.u-content--positive h2,
.u-content--positive h3,
.u-content--positive h4,
.u-content--positive h5,
.u-content--positive h6,
.u-content--positive p {
color: #eee
}
.u-content--positive h1 small,
.u-content--positive h2 small,
.u-content--positive h3 small,
.u-content--positive h4 small,
.u-content--positive h5 small,
.u-content--positive h6 small {
color: #fff
}
.u-content--positive a {
color: #eee
}
.u-content--positive a:hover {
color: #d5d5d5
}
.u-content--negative,
.u-content--negative h1,
.u-content--negative h2,
.u-content--negative h3,
.u-content--negative h4,
.u-content--negative h5,
.u-content--negative h6,
.u-content--negative p {
color: #333
}
.u-content--negative h1 small,
.u-content--negative h2 small,
.u-content--negative h3 small,
.u-content--negative h4 small,
.u-content--negative h5 small,
.u-content--negative h6 small {
color: #fff
}
.u-content--negative a {
color: #333
}
.u-content--negative a:hover {
color: #1a1a1a
}
.u-content--lg {
font-size: 1.3em
}
.u-content--sm {
font-size: .9em
}
.u-content--xs {
font-size: .8em
}
.embed-youtube {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
img.u-center {
display: block;
margin-left: auto;
margin-right: auto
}
img.u-left {
display: block;
float: left;
margin-right: 30px
}
img.u-right {
display: block;
float: right;
margin-left: 30px
}
.u-clear {
clear: both
}
.u-clearFix:after,
.u-clearFix:before {
content: " ";
display: table
}
.u-clearFix:after {
clear: both
}
.u-block {
display: block
}
.u-inlineBlock {
display: inline-block
}
.u-inline {
display: inline
}
.u-float--left {
float: left
}
.u-float--right {
float: right
}
hr.u-spacer {
border: none;
margin: 0
}
p.u-lead {
font-size: 1.4em;
font-weight: 300
}
.u-leadHeading,
h1.u-lead,
h2.u-lead,
h3.u-lead,
h4.u-lead,
h5.u-lead,
h6.u-lead {
border-bottom: 1px solid #009e9f
}
.u-textLeft {
text-align: left
}
.u-textRight {
text-align: right
}
.u-textCenter {
text-align: center
}
.u-textJustify {
text-align: justify
}
.u-textNoWrap {
white-space: nowrap
}
@media screen and (max-width: 980px) {
.u-textCenter--sm {
text-align: center
}
.u-textleft--sm {
text-align: left
}
.u-textRight--sm {
text-align: right
}
}
@media screen and (max-width: 980px) {
.u-textCenter--md {
text-align: center
}
.u-textleft--md {
text-align: left
}
.u-textRight--md {
text-align: right
}
}
.u-textKern {
-webkit-font-feature-settings: "kern" 1;
font-feature-settings: "kern" 1;
-webkit-font-kerning: normal;
font-kerning: normal;
text-rendering: optimizeLegibility
}
.u-textTruncate {
max-width: 100%;
overflow: hidden!important;
text-overflow: ellipsis!important;
white-space: nowrap!important;
word-wrap: normal!important
}
.u-textLowerCase {
text-transform: lowercase
}
.u-textUpperCase {
text-transform: uppercase
}
.u-textCapitalize {
text-transform: capitalize
}
.u-title {
font-size: 2.6rem;
display: inline-block;
color: #fff;
padding: .5em 1em;
background: #f032edde;
line-height: 1.1
}
.u-title>* {
margin: 0;
padding: 0;
color: #fff;
font-size: 1em;
font-weight: 200
}
@media screen and (max-width: 1680px) {
.u-title {
font-size: 1.8rem;
font-weight: bold;
}
}
@media screen and (max-width: 1280px) {
.u-title {
font-size: 1.4rem
}
}
a.u-title:hover {
-webkit-transform: scale(1.1)!important;
transform: scale(1.1)!important
}
.u-noJsShow {
display: none!important
}
.no-js .u-noJsShow {
display: block!important
}
.no-js .u-noJsHide {
display: none!important
}
.pagination {
list-style: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 1em;
margin-left: auto;
margin-right: auto;
width: auto
}
.pagination li {
padding: 0;
margin: 0;
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.pagination li>* {
display: block;
padding: 1em 2em;
text-align: center;
background: #3c3c3c
}
.pagination li.active>* {
color: #222;
background: #fafafa
}
.pagination a {
color: #fff;
background: #009e9f
}
.pagination a:hover {
background: #31495d
}
.Section {
position: relative
}
.Section-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
height: 100%;
width: 100%;
z-index: 10
}
.Section-container {
margin: 0 auto;
width: 100%;
max-width: 1440px;
padding: 1em 30px
}
.Section-content {
/*max-width: 800px;*/
font-size: 20px;
font-weight: 200
}
.Section video {
margin: 0;
padding: 0;
width: 100%
}
.Section--video:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: '';
left: 0;
height: 100%;
width: 100%;
background: rgba(31, 29, 27, .6);
transition: all .2s ease-in-out;
color: hsla(0, 0%, 100%, .5)
}
.Section--video .Section-inner,
.Section--video:before {
position: absolute;
top: 0
}
.Section--primary {
background: #009e9f
}
.Section--fullheight {
min-height: 100vh
}
.Section--bg:before {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(31, 29, 27, .6);
transition: all .2s ease-in-out;
color: hsla(0, 0%, 100%, .5)
}
.Section--bg:before,
.Section--parallax {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Section--parallax {
background-size: cover;
background-attachment: fixed;
background-position: 50%;
background-repeat: no-repeat;
background-image: url(../img/bg-hero.jpg)
}
.Section--marginTop {
margin-top: 60px
}
@media screen and (max-width: 1280px) {
.Section--parallax {
background-attachment: scroll
}
}
.Title {
padding: 60px;
background: #009e9f url(../img/bg-header.html) 50% repeat;
background-size: cover;
background-attachment: fixed;
text-align: center;
font-size: 3em
}
.Title h1,
.Title h4 {
color: #fff;
font-weight: 700
}
.Title h4 {
display: inline-block;
padding: .1em 1em;
border-radius: 20px;
background: rgba(0, 0, 0, .4)
}
@media screen and (max-width: 980px) {
.Title {
padding: 30px
}
}
.BlocksCertified {
padding: 6em 0 8em;
text-align: center
}
.BlocksCertified-title {
margin: 1.6em 0
}
.BlocksCertified-content {
margin: 0 1em
}
.BlocksCertified-text {
margin-left: auto;
margin-right: auto;
margin-bottom: 3em;
padding: 30px
}
.BlocksCertified-slide {
transition: all .2s ease-in-out;
padding: 2em 5em;
opacity: .4
}
.BlocksCertified-slide-title {
font-size: 1em
}
.BlocksCertified-slide-content {
font-size: .9em
}
.BlocksCertified-main {
margin-bottom: 1em
}
.BlocksCertified-main-img {
margin: 0 auto;
max-height: 120px
}
.BlocksCertified .slick-center .BlocksCertified-slide {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 1
}
@media screen and (max-width: 1280px) {
.BlocksCertified-slide {
padding: 2em
}
}
@media screen and (max-width: 980px) {
.BlocksCertified-main-img {
max-height: 100px
}
}
@media screen and (max-width: 480px) {
.BlocksCertified {
padding: 3em 0
}
.BlocksCertified-main-img {
max-height: 80px
}
.BlocksCertified-slide {
padding: 2em 1em
}
.BlocksCertified-slide-title {
font-size: .9em
}
}
.Contact {
text-align: center
}
.Contact-text,
.Contact-title {
margin-bottom: 2em
}
.Contact-item {
font-size: 20px;
display: block;
text-align: center
}
.Contact-item,
.Contact-item a {
font-weight: 300;
color: #fff
}
.Contact-item-icon {
font-size: 1.6em;
margin-bottom: .3em;
color: #d52fd2;
}
.Contact-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1040px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 5em auto
}
.Contact-row--bottom {
margin-top: 1em;
margin-bottom: 1em
}
.Contact-row--bottom .Footer-contact {
font-size: 1em
}
.Contact-row--bottom .Footer-contact-icon {
font-size: 2.6em
}
.Contact-column {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%
}
.Contact-column--phone {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.Contact-column--email {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.Contact-column--showroom {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.Contact-column--studio {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
@media screen and (max-width: 1280px) {
.Contact-item {
font-size: 1em
}
}
@media screen and (max-width: 980px) {
.Contact-item {
padding: 1em
}
.Contact-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 2em;
margin-bottom: 2em
}
.Contact-column {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%
}
.Contact-column--phone {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.Contact-column--email {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.Contact-column--showroom {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.Contact-column--studio {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
}
@media screen and (max-width: 480px) {
.Contact-column {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
}
.Header,
.Header-top {
transition: all .2s ease-in-out
}
.Header-top {
position: fixed;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
z-index: 900
}
.Header-top:hover {
background: rgba(0, 0, 0, .3)
}
.Header-row {
margin: 0 auto;
padding: 0 30px;
max-width: 1440px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Header-column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.Header-column--logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.Header-column--toggle {
display: none
}
.Header-column--main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.Header-nav--main {
display: block
}
.Header-nav--mobile {
display: none
}
.Header-contact {
font-size: 1rem;
font-style: italic;
font-family: Raleway, Ariel, sans-serif
}
.Header-contact-link {
display: block;
margin: 0 .5em;
font-weight: 300;
color: #fff
}
.Header-contact-link:hover {
color: #ddd;
text-decoration: underline
}
.Header-logo {
display: contents;
max-width: 100px;
transition: all .2s ease-in-out
}
.Header-logo-img {
width: 100%
}
.Header-logo:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.Header-mobile {
display: none
}
.Header-toggle {
display: none;
background: #da40e8;
border: none;
padding: .8em 1.2em;
margin: 1em 1em 1em auto
}
@media screen and (max-width: 980px) {
.Header-toggle {
display: block
}
.Header-mobile {
display: block;
position: fixed;
top: 0;
right: 0;
width: 0;
height: 100vh;
z-index: 1000;
overflow-x: hidden;
overflow-y: scroll;
transition: width .3s ease-out;
background: rgba(0, 0, 0, .9)
}
.Header-mobile.in {
width: 100vw
}
.Header-logo {
max-width: 100px;
margin-left: 1em
}
.Header-nav {
margin-top: 1em;
width: 100%
}
.Header-nav--main {
display: none
}
.Header-nav--mobile {
display: block;
padding-bottom: 6em
}
.Header-row {
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.Header-column--toggle {
display: block
}
.Header-column--main {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.is-scrolled .Header-logo {
max-width: 60px
}
.is-scrolled .Header-top {
background: rgba(0, 0, 0, .6)
}
@media screen and (max-width: 1280px) {
.is-scrolled .Header-logo {
max-width: 50px
}
}
.is-home .Header-logo {
max-width: 60px;
opacity: 0
}
.is-home.is-scrolled .Header-logo {
opacity: 1
}
.Footer {
background: #222
}
.Footer-top {
border-top: 4px solid hsla(0, 0%, 98%, .1);
border-bottom: 4px solid hsla(0, 0%, 98%, .1);
padding: 2em 3em;
text-align: center
}
.Footer-bottom {
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
color: #666
}
.Footer-bottom a {
color: #d52fd2;
}
.Footer-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1040px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 5em auto
}
.Footer-row--bottom {
margin-top: 1em;
margin-bottom: 1em
}
.Footer-row--bottom .Footer-contact {
font-size: 1em
}
.Footer-row--bottom .Footer-contact-icon {
font-size: 2.6em
}
.Footer-column {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.Footer-legal {
margin-bottom: 1em
}
@media screen and (max-width: 980px) {
.Footer-row {
display: block
}
.Footer-column {
padding: 1em
}
}
.Hero {
padding-top: 205px !important;
background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .5));
background-position: 50%;
background-repeat: repeat;
padding-bottom: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.Hero--fullheight,
.Hero--fullheight--parallax:before,
.Hero--fullheight.Hero--parallax:before {
min-height: 50vh
}
.Hero--aspect16x9 {
min-height: 56vw
}
.Hero--parallax {
position: relative;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
background-color: #222;
background-attachment: fixed
}
.Hero--parallax:before {
display: block;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1
}
.Hero-container {
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding-top: 30px
}
.Hero-content {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 800px;
font-size: 1.2em;
position: relative;
z-index: 99
}
.Hero-logo {
display: block;
margin-bottom: 2em;
transition: all .2s ease-in-out
}
.Hero-title {
margin-bottom: 0
}
.Hero-text {
font-weight: 200;
padding: 1em 0
}
.Hero-cta {
padding: .25em 1em;
border: 0;
display: inline-block;
background: #31495d;
color: #fafafa;
font-weight: 300;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
cursor: pointer
}
.Hero-cta:focus,
.Hero-cta:hover {
background: #009e9f;
color: #fafafa
}
.Hero-scroll {
display: block;
margin-top: 1em;
font-size: 2em;
color: hsla(0, 0%, 98%, .3)
}
@media screen and (max-width: 1280px) {
.Hero--parallax {
background-attachment: scroll
}
}
.HeroVideo {
padding-top: 220px;
background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .5));
padding-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 56vw;
position: relative;
overflow: hidden
}
.HeroVideo-video {
position: absolute;
left: 50%;
top: 0
}
.HeroVideo-video-tag {
position: relative;
left: -50%;
min-width: 100vw;
min-height: 56vw;
opacity: 1;
transition: opacity 1s ease-in
}
.HeroVideo-video-tag.is-loaded {
opacity: 1
}
.HeroVideo-video-img {
display: none;
position: relative;
left: -50%;
min-width: 100vw;
min-height: 56vw
}
@media screen and (max-width: 980px) {
.HeroVideo-video-tag {
display: none
}
.HeroVideo-video-img {
display: block
}
}
.HeroVideo-video:before {
display: block;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: '';
position: absolute;
top: 0;
left: -50%;
height: 100%;
width: 100%;
background: rgba(31, 29, 27, .6);
z-index: 1
}
.HeroVideo-container {
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 30px
}
.HeroVideo-content {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 800px;
font-size: 1.2em;
position: relative;
z-index: 99
}
.HeroVideo-logo {
display: block;
margin-bottom: 2em;
transition: all .2s ease-in-out
}
.HeroVideo-text {
font-weight: 200
}
.HeroVideo-cta {
margin-top: 1em;
padding: .25em 1em;
border: 0;
display: inline-block;
background: #31495d;
color: #fafafa;
font-weight: 300;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
cursor: pointer
}
.HeroVideo-cta:focus,
.HeroVideo-cta:hover {
background: #009e9f;
color: #fafafa
}
.HeroVideo-scroll {
margin-top: 1em;
font-size: 2em;
color: hsla(0, 0%, 98%, .3)
}
@media only screen and (max-width: 480px) {
.HeroVideo {
min-height: auto
}
}
@media screen and (max-width: 1680px) {
.HeroVideo {
padding-top: 40px
}
}
@media screen and (max-width: 1280px) {
.HeroVideo-logo {
max-width: 100px;
margin-left: auto;
margin-right: auto
}
}
.no-js .HeroVideo-video-tag {
opacity: 1
}
.is-scrolled .HeroVideo-logo {
opacity: 0
}
.ContactForm textarea {
height: 5em
}
.ContactForm--columns .ContactForm-rows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px
}
.ContactForm--columns .ContactForm-column {
-webkit-box-flex: 6;
-ms-flex: 6;
flex: 6;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 15px
}
.ContactForm--columns .ContactForm-column--full {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media screen and (max-width: 768px) {
.ContactForm--columns .ContactForm-rows {
display: block
}
}
.FormContact-fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.FormContact-column {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1em
}
.FormContact .form-control {
background: #2f2f2f;
border: 1px solid #3c3c3c;
color: #fff
}
@media screen and (max-width: 980px) {
.FormContact-fields {
display: block
}
}
.BlockList--stack .BlockList-block:nth-child(2n) .BlockShow-inner {
text-align: right
}
.BlockList--stack .BlockList-block:nth-child(2n) .BlockShow-content {
margin-right: 0;
margin-left: auto;
text-align: right
}
.BlockList--stack .BlockList-block:nth-child(2n) .BlockShow-lead {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.BlockList--stack .BlockList-block:nth-child(2n) .BlockShow-inner {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.BlockList--grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
justify-content: space-around
}
.BlockList--grid .BlockShow,
.BlockList--grid .BlockShow-inner {
height: 100%
}
.BlockList--grid .BlockList-block {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%
}
@media screen and (max-width: 480px) {
.BlockList--grid .BlockList-block {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.BlockList--carousel .BlockList-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto
}
.BlockList--carousel .BlockList-inner .slick-list {
max-width: 700px
}
.BlockList--carousel .BlockList-inner .slick-arrow {
font-size: 4em;
opacity: .2
}
.BlockList--carousel .BlockList-inner .slick-arrow:hover {
opacity: .4;
cursor: pointer
}
@media screen and (max-width: 1280px) {
.BlockList--carousel .BlockList-inner .slick-arrow {
font-size: 3em
}
}
@media screen and (max-width: 980px) {
.BlockList--carousel .BlockList-inner {
display: block
}
.BlockList--carousel .BlockList-inner .slick-arrow {
display: block;
font-size: 2em;
padding: .5em
}
}
@media screen and (max-width: 980px) {
.BlockList--stack .BlockList-block:nth-child(2n) .BlockShow-content,
.BlockList--stack .BlockList-block:nth-child(2n) .BlockShow-inner {
text-align: center
}
}
.is-home .BlockList--grid .BlockList-block {
-webkit-box-flex: 0;
-ms-flex: 0 1 33.33%;
flex: 0 1 33.33%
}
@media screen and (max-width: 980px) {
.is-home .BlockList--grid .BlockList-block {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
}
@media screen and (max-width: 480px) {
.is-home .BlockList--grid .BlockList-block {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.BlockShow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.BlockShow-inner {
-webkit-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
min-height: auto;
display: block;
background: none;
padding: 5em
}
.BlockShow-inner:before {
background: rgba(0, 16, 16, 0)
}
.BlockShow-title {
color: #fff !important;
font-weight: 392! important;
font-family: serif !important;
}
.BlockShow-title-icon {
display: block;
margin-bottom: 1em;
font-size: 2em
}
.BlockShow-content {
max-width: 760px;
color: #fafafa;
font-weight: 400;
z-index: 10
}
.BlockShow-content .fa {
margin-left: 1em
}
.BlockShow-lead {
position: relative;
z-index: 10;
-webkit-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
height: 100%
}
.BlockShow-lead--bg {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
.BlockShow-lead-img {
width: 100%
}
.BlockShow-cta {
position: absolute;
bottom: 1em;
right: 1em;
color: hsla(0, 0%, 100%, .2);
z-index: 10
}
.BlockShow--link {
position: relative
}
.BlockShow--link:hover .BlockShow-inner {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.BlockShow--link:hover .BlockShow-inner:before {
background: transparent
}
.BlockShow--link:hover .BlockShow-cta {
color: hsla(0, 0%, 100%, .8)
}
.BlockShow--testimonial {
padding: 2em
}
.BlockShow--bg {
min-height: 40vw;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
background-attachment: fixed
}
.BlockShow--bg,
.BlockShow--bg:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.BlockShow--bg:before {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(31, 29, 27, .6);
transition: all .2s ease-in-out;
color: hsla(0, 0%, 100%, .5)
}
.BlockShow--bg .BlockShow-inner {
display: block;
width: 100%;
background: none;
z-index: 10;
position: relative
}
.BlockShow--bg .BlockShow-inner:before {
background: rgba(31, 29, 27, .6)
}
.BlockShow--tile {
padding: 0;
overflow: hidden
}
.BlockShow--tile .BlockShow-inner {
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
min-height: 26.66666667vw;
padding: 2em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 10
}
.BlockShow--tile .BlockShow-inner,
.BlockShow--tile .BlockShow-inner:before {
transition: all .2s ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.BlockShow--tile .BlockShow-inner:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
color: hsla(0, 0%, 100%, .5)
}
.BlockShow--tile .BlockShow-title {
z-index: 10;
margin: 0;
width: 100%;
text-align: center;
background: #222;
background: none;
text-shadow: rgba(0, 0, 0, .4) 2px 2px 1px
}
.BlockShow--tile .BlockShow-content {
text-align: center;
-ms-flex-item-align: end;
align-self: flex-end
}
@media screen and (max-width: 1680px) {
.BlockShow-inner {
padding: 3em
}
}
@media screen and (max-width: 980px) {
.BlockShow {
display: block
}
.BlockShow-inner {
text-align: center
}
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.BlockShow-inner:before {
background: rgba(0, 16, 16, 0)
}
.BlockShow--bg:before,
.BlockShow--tile .BlockShow-inner:before {
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(31, 29, 27, .6);
transition: all .2s ease-in-out;
color: hsla(0, 0%, 100%, .5)
}
}
.ArticleExcerpt {
display: block;
transition: all .2s ease-in-out
}
.ArticleExcerpt:active {
text-decoration: none
}
.ArticleExcerpt-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: .5em
}
.ArticleExcerpt-date {
margin-right: .5em;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
text-align: center;
line-height: 1.1;
font-size: 3rem
}
.ArticleExcerpt-date small {
displaY: block;
font-size: 1rem;
white-space: nowrap
}
.ArticleExcerpt-title {
display: block;
margin: 0;
font-size: 1.3rem
}
.ArticleExcerpt-text {
margin: 1em 0;
color: #fff;
font-weight: 400
}
.ArticleExcerpt-thumb {
transition: all .2s ease-in-out;
margin: 0 auto;
display: block
}
.ArticleExcerpt-thumb--holding {
border: 2px solid #1a1a1a
}
.ArticleExcerpt-readmore {
padding: .25em 1em;
border: 0;
display: inline-block;
background: #31495d;
color: #fafafa;
font-weight: 300;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in-out;
cursor: pointer;
display: block;
padding: .5em
}
.ArticleExcerpt-readmore:focus,
.ArticleExcerpt-readmore:hover {
background: #009e9f;
color: #fafafa
}
.ArticleExcerpt:hover,
.ArticleExcerpt:hover .ArticleExcerpt-thumb {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
@media screen and (max-width: 1280px) {
.ArticleExcerpt-date {
font-size: 2rem
}
.ArticleExcerpt-date small {
font-size: .8rem;
white-space: normal
}
}
.ArticleList--grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 2em
}
.ArticleList--grid .ArticleList-excerpt {
-webkit-box-flex: 0;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
padding: 2em
}
@media screen and (max-width: 1680px) {
.ArticleList--grid .ArticleList-excerpt {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%
}
}
@media screen and (max-width: 1280px) {
.ArticleList--grid .ArticleList-excerpt {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
}
@media screen and (max-width: 980px) {
.ArticleList--grid .ArticleList-excerpt {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%
}
}
@media screen and (max-width: 480px) {
.ArticleList--grid .ArticleList-excerpt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0;
margin-bottom: 2em
}
}
.BlogArticleShow-breadcrumbs {
width: 100%;
background: #222
}
.BlogArticleShow-breadcrumbs-list {
list-style: none;
max-width: 1440px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1em 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.BlogArticleShow-breadcrumbs-list-item {
margin: 0;
margin-right: 1em
}
.BlogArticleShow-breadcrumbs-list-item:before {
content: '>';
margin-right: 1em
}
.BlogArticleShow-breadcrumbs-list-item:first-child:before {
content: ''
}
@media screen and (max-width: 980px) {
.BlogArticleShow-breadcrumbs-list {
display: none
}
.BlogArticleShow-breadcrumbs-list-item:before {
content: ''
}
}
.BlogArticleShow-lead {
margin: 3em auto;
max-width: 1440px
}
.BlogArticleShow-content {
margin: 0 auto;
max-width: 800px;
padding: 30px
}
.BlogArticleShow-images {
margin: 3em auto;
max-width: 1440px
}
.BlogCategoryShow-desc {
margin-bottom: 30px
}
.BlogCategoryShow-pagination {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
text-align: center
}
.MenuMain {
display: block;
text-align: center
}
.MenuMain li,
.MenuMain ul {
margin: 0;
padding: 0;
list-style: none
}
.MenuMain ul {
font-size: 0
}
.MenuMain-item-link {
display: block;
padding: .2em 1em;
color: #fff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
transition: background .2s ease-in-out, color .2s ease-in-out;
border-bottom: 1px solid transparent
}
.MenuMain-item-link:focus,
.MenuMain-item-link:hover {
text-decoration: none;
border-bottom: 1px solid
}
.MenuMain-item.is-active a {
font-weight: 700
}
.MenuMain-item.is-parent a {
background: #3c3c3c
}
.MenuMain-item.is-top {
display: inline-block
}
.MenuMain-item.is-top:first-child {
border-left: none
}
.MenuMain-item.is-top.is-active>.MenuMain-item-link {
border-bottom: 1px solid
}
.MenuMain-sub {
background: #222
}
.MenuMain-sub .MenuMain-item-link {
color: #fff;
padding-top: .5em;
padding-bottom: .5em
}
@media screen and (max-width: 1680px) {
.MenuMain-item-link {
font-size: 12px
}
}
@media screen and (max-width: 980px) {
.MenuMain--main {
display: none
}
.MenuMain--mobile {
display: block
}
.MenuMain-inner {
margin: 2em
}
.MenuMain .collapse {
display: none
}
.MenuMain .collapse.in,
.MenuMain .collapsing {
display: block
}
.MenuMain-item-link {
padding: .6em 1em;
font-size: 20px
}
.MenuMain-item.is-top {
display: block;
border-left: 0
}
.MenuMain-toggle {
display: block
}
.MenuMain .dropdown,
.MenuMain .dropdown-menu {
position: static;
float: none;
box-shadow: none;
text-align: center;
z-index: 0
}
.MenuMain .dropdown-backdrop {
display: none
}
}
.MenuSide-item--active a {
color: #fff;
background: rgba(0, 0, 0, .4)
}
.MenuSide-sub {
margin-left: 20px
}
.SitemapShow {
max-width: 1440px;
margin: 0 auto
}
.SitemapShow-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.SitemapShow-column {
padding: 30px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.DownloadList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around
}
.DownloadList-item {
padding: 15px
}
.DownloadList-link {
font-size: 1.8em;
border: 2px solid #009e9f
}
.EntryExcerpt {
display: block;
text-align: center;
position: relative;
overflow: hidden
}
.EntryExcerpt-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
min-height: 400px;
padding: 2em;
transition: all .2s ease-in-out;
z-index: 10
}
.EntryExcerpt-inner:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(31, 29, 27, .6);
transition: all .2s ease-in-out
}
.EntryExcerpt:hover .EntryExcerpt-inner {
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 10;
box-shadow: 0 0 2em rgba(0, 0, 0, .6)
}
.EntryExcerpt:hover .EntryExcerpt-inner:before {
background: rgba(34, 34, 34, 0)
}
.EntryExcerpt:hover .EntryExcerpt-content {
opacity: 0
}
.EntryExcerpt-title {
font-size: 1.8em
}
.EntryExcerpt-location,
.EntryExcerpt-title {
display: block;
color: #fafafa;
font-weight: 300;
margin-bottom: 0;
background: none
}
.EntryExcerpt-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fafafa;
font-weight: 400;
z-index: 10;
transition: all .2s ease-in-out
}
.EntryExcerpt-content .fa {
margin-left: 1em
}
.EntryExcerpt-icon {
margin: 0 -2em;
-ms-flex-item-align: end;
align-self: flex-end
}
@media screen and (max-width: 1280px) {
.EntryExcerpt-title {
font-size: 1.4em
}
.EntryExcerpt-location {
font-size: 1em
}
}
.EntryList {
text-align: center
}
.EntryList-title {
margin: 3em 0
}
.EntryList .EntryList-viewall {
margin-top: 2em;
font-size: 1.2em
}
.EntryList--grid {
width: 100%
}
.EntryList--grid .EntryList-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.EntryList--grid .EntryList-excerpt {
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%
}
@media screen and (max-width: 980px) {
.EntryList--grid .EntryList-excerpt {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%
}
}
@media screen and (max-width: 480px) {
.EntryList--grid .EntryList-excerpt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.EntryList--featured {
width: 100%
}
.EntryList--featured .EntryList-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.EntryList--featured .EntryList-excerpt {
-webkit-box-flex: 0;
-ms-flex: 0 1 33.33%;
flex: 0 1 33.33%
}
@media screen and (max-width: 980px) {
.EntryList--featured .EntryList-excerpt {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%
}
}
@media screen and (max-width: 480px) {
.EntryList--featured .EntryList-excerpt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.ContentEntryShow-breadcrumbs {
width: 100%;
background: #222
}
.ContentEntryShow-breadcrumbs-list {
list-style: none;
max-width: 1440px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1em 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.ContentEntryShow-breadcrumbs-list-item {
margin: 0;
margin-right: 10px;
}
.ContentEntryShow-breadcrumbs-list-item:before {
content: '>';
margin-right: 10px;
}
.ContentEntryShow-breadcrumbs-list-item:first-child:before {
content: ''
}
@media screen and (max-width: 980px) {
.ContentEntryShow-breadcrumbs-list {
/* display: none*/
}
.ContentEntryShow-breadcrumbs-list-item:before {
content: '<'
}
}
.ContentEntryShow-lead {
margin: 3em auto;
max-width: 1440px
}
.ContentEntryShow-content {
margin: 0 auto;
max-width: 800px;
padding: 30px
}
.ContentEntryShow-images {
max-width: 1440px;
margin: 0 auto
}
.TagList-list {
list-style: none
}
.ContentCategoryShow {
padding-top: 30px;
padding-bottom: 30px
}
.ContentCategoryShow-desc {
margin-bottom: 30px
}
.ContentCategoryShow-pagination {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
text-align: center
}
.ImageCarousel-image {
width: 100%
}
.ImageCarousel-title {
position: absolute;
padding: 30px;
width: 100%;
top: 45%;
text-align: center;
font-size: 3rem;
color: #fff
}
.ImageCarousel-caption {
position: absolute;
bottom: 0;
padding: 40px 0;
width: 100%
}
.ImageCarousel-caption-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: Raleway, Ariel, sans-serif;
font-size: 1.4em;
text-align: center;
color: #474747
}
.ImageCarousel-caption-inner>* {
padding: 0 30px
}
.ImageCarousel-control {
font-size: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 1680px) {
.ImageCarousel-title {
font-size: 2em
}
.ImageCarousel-caption-inner {
font-size: 1em
}
}
@media screen and (max-width: 768px) {
.ImageCarousel-title {
font-size: .9em
}
}
@media screen and (max-width: 480px) {
.ImageCarousel-caption-inner {
display: block;
font-size: .9em
}
.ImageCarousel-caption-inner>* {
padding: 0;
margin-bottom: 10px
}
}
.ImageList {
margin: 15px
}
.ImageList-item {
padding: 15px;
position: relative
}
.ImageList-image {
width: 100%
}
.ImageList-link {
display: block;
position: relative
}
.ImageList-link:before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: '';
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 158, 159, 0);
transition: background .2s ease-in-out;
font-family: FontAwesome;
color: #fff;
font-size: 4em
}
.ImageList-link:hover:before {
content: '\f065';
background: rgba(0, 158, 159, .5)
}
.ImageList-caption {
position: absolute;
bottom: 0;
text-align: center;
background: hsla(0, 0%, 100%, .8);
width: 100%;
color: #707070;
padding: 10px;
font-size: 1.3em
}
.ImageList--grid {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: distribute
}
.ImageList--grid,
.ImageList--grid .ImageList-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-around
}
.ImageList--grid .ImageList-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 33%;
flex: 0 1 33%;
-ms-flex-pack: distribute
}
@media screen and (max-width: 980px) {
.ImageList--grid .ImageList-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
}
@media screen and (max-width: 1280px) {
.ImageList {
margin: 15px
}
}
.has-sidebar .ImageList--grid .ImageList-image {
max-width: 240px
}
.ImageResponsive img {
width: 100%
}
.PageShow-blocks {
text-align: center
}
.PageShow-blocks-title {
margin: 1em 0;
}
.PageShow-blocks-more {
margin-top: 2em;
margin-bottom: 2em;
font-size: 1.2em
}
.PageShow-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1440px;
margin: 0 auto
}
.PageShow-sidebar .PageShow-images {
max-width: 400px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-top: 4em
}
.PageShow-sidebar .PageShow-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.PageShow-content {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 4em
}
.PageShow-contact {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 4em 4em
}
.PageShow-contact-form {
margin-top: 4em
}
.PageShow-column {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
@media screen and (max-width: 980px) {
.PageShow-content {
padding: 2em
}
.PageShow-contact {
display: block;
padding: 0 1em 1em
}
.PageShow-sidebar {
display: block
}
}
.SearchForm {
padding: 3px;
border: 1px solid #e4e4e4;
border-radius: 6px;
background-color: #fff
}
.SearchForm-input {
border: 0;
box-shadow: none
}
.SearchForm-button {
margin: 2px 0 0;
background: none;
color: #666;
padding: 0 8px 0 10px
}
.SearchForm-button,
.SearchForm-button:hover {
box-shadow: none;
border: 0;
border-left: 1px solid #ccc
}
.SearchForm .fa {
font-size: 20px
}
.Hero.Hero--fullheight.Hero--parallax {
height: 748px;
}
/*# sourceMappingURL=main.css.map */