*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
margin: 0;
padding: 0;
} .clearfix {
overflow: hidden;
}
.allow-overflow {
overflow: visible;
}
.container .row--gapless {
padding-left: 15px;
padding-right: 15px;
}
.container .row--gapless > div[class*='col-'] {
padding: 0;
} html {
font-size: 100%;
}
@media all and (max-width: 768px) {
html {
font-size: 87.5%;
}
}
body {
font-size: 1em;
line-height: 1.5625em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
color: #666666;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Roboto Slab', 'Helvetica', 'Arial', sans-serif;
color: #343434;
font-weight: 300;
font-variant-ligatures: common-ligatures;
margin-top: 0;
margin-bottom: 0;
}
h1,
.h1 {
font-size: 4em;
line-height: 0.9765625em;
}
h2,
.h2 {
font-size: 2.8125em;
line-height: 1.11111111em;
}
h3,
.h3 {
font-size: 2em;
line-height: 1.171875em;
}
h4,
.h4 {
font-size: 1.4375em;
line-height: 1.63043478em;
}
h5,
.h5 {
font-size: 1em;
line-height: 1.5625em;
}
h6,
.h6 {
font-size: 0.6875em;
line-height: 2.27227227em;
}
.lead {
font-size: 1.4375em;
line-height: 1.63043478em;
}
@media all and (max-width: 767px) {
h1,
.h1 {
font-size: 2.8125em;
line-height: 1.11111111em;
}
h2,
.h2 {
font-size: 2em;
line-height: 1.171875em;
}
h3,
.h3 {
font-size: 1.4375em;
line-height: 1.5625em;
}
.lead {
font-size: 1.4375em;
line-height: 1.63043478em;
}
}
p,
ul,
ol,
pre,
table,
blockquote {
margin-bottom: 1.5625em;
}
ul,
ol {
list-style: none;
}
ul:not(.menu):not(.slides):not(.accordion):not(.tabs):not(.tabs-content),
ol:not(.menu):not(.slides):not(.accordion):not(.tabs):not(.tabs-content) {
line-height: 2.34375em;
}
ul.bullets,
.sidebar ul {
list-style: inside;
}
ol {
list-style-type: upper-roman;
list-style-position: inside;
}
blockquote {
font-size: 2em;
line-height: 1.171875em;
padding: 0;
margin: 0;
border-left: 0;
}
strong {
font-weight: 600;
}
hr {
margin: 1.5625em 0;
border-color: #e9ebee;
}
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
} .type--uppercase {
text-transform: uppercase;
}
.type--bold {
font-weight: bold;
}
.type--italic {
font-weight: italic;
}
.type--fine-print {
font-size: 0.6875em;
}
.type--strikethrough {
text-decoration: line-through;
opacity: .5;
}
.type--underline {
text-decoration: underline;
}
.type--body-font {
font-family: 'Source Sans Pro', 'Helvetica';
} body {
overflow-x: hidden;
}
.pos-relative {
position: relative;
}
.pos-absolute {
position: absolute;
}
.pos-absolute.container {
left: 0;
right: 0;
}
.pos-top {
top: 0;
}
.pos-bottom {
bottom: 0;
}
.pos-right {
right: 0;
}
.pos-left {
left: 0;
}
.pos-vertical-center {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
@media all and (max-width: 767px) {
.pos-vertical-center {
top: 0;
transform: none;
-webkit-transform: none;
}
}
@media all and (max-height: 600px) {
.pos-vertical-center {
top: 0;
transform: none;
-webkit-transform: none;
}
}
.pos-vertical-align-columns {
display: table;
table-layout: fixed;
width: 100%;
}
.pos-vertical-align-columns > div[class*='col-'] {
display: table-cell;
float: none;
vertical-align: middle;
}
@media all and (max-width: 990px) {
.pos-vertical-align-columns {
display: block;
width: auto;
}
.pos-vertical-align-columns > div[class*='col-'] {
display: block;
}
}
.inline-block {
display: inline-block;
}
.block {
display: block;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
@media all and (max-width: 990px) {
.text-center-md {
text-align: center;
}
.text-left-md {
text-align: left;
}
.text-right-md {
text-align: right;
}
}
@media all and (max-width: 767px) {
.text-center-xs {
text-align: center;
}
.text-left-xs {
text-align: left;
}
.text-right-xs {
text-align: right;
}
} .height-100,
.height-90,
.height-80,
.height-70,
.height-60,
.height-50,
.height-40,
.height-30,
.height-20,
.height-10 {
height: auto;
padding: 5em 0;
}
@media all and (max-width: 767px) {
.height-100,
.height-90,
.height-80,
.height-70,
.height-60,
.height-50,
.height-40,
.height-30,
.height-20,
.height-10 {
height: auto;
padding: 4em 0;
}
}
@media all and (min-height: 600px) and (min-width: 767px) {
.height-10 {
height: 10vh;
}
.height-20 {
height: 20vh;
}
.height-30 {
height: 30vh;
}
.height-40 {
height: 40vh;
}
.height-50 {
height: 50vh;
}
.height-60 {
height: 60vh;
}
.height-70 {
height: 70vh;
}
.height-80 {
height: 80vh;
}
.height-90 {
height: 90vh;
}
.height-100 {
height: 100vh;
}
} img {
max-width: 100%;
height: auto;
margin-bottom: 1.5625em;
}
p + img,
img:last-child {
margin-bottom: 0;
}
.img--fullwidth {
width: 100%;
}
[data-grid="2"].masonry {
-webkit-column-count: 2;
-webkit-column-gap: 0;
-moz-column-count: 2;
-moz-column-gap: 0;
column-count: 2;
column-gap: 0;
}
[data-grid="2"].masonry li {
width: 100%;
float: none;
}
[data-grid="2"] li {
width: 50%;
display: inline-block;
}
[data-grid="3"].masonry {
-webkit-column-count: 3;
-webkit-column-gap: 0;
-moz-column-count: 3;
-moz-column-gap: 0;
column-count: 3;
column-gap: 0;
}
[data-grid="3"].masonry li {
width: 100%;
float: none;
}
[data-grid="3"] li {
width: 33.33333333%;
display: inline-block;
}
[data-grid="4"].masonry {
-webkit-column-count: 4;
-webkit-column-gap: 0;
-moz-column-count: 4;
-moz-column-gap: 0;
column-count: 4;
column-gap: 0;
}
[data-grid="4"].masonry li {
width: 100%;
float: none;
}
[data-grid="4"] li {
width: 25%;
display: inline-block;
}
[data-grid="5"].masonry {
-webkit-column-count: 5;
-webkit-column-gap: 0;
-moz-column-count: 5;
-moz-column-gap: 0;
column-count: 5;
column-gap: 0;
}
[data-grid="5"].masonry li {
width: 100%;
float: none;
}
[data-grid="5"] li {
width: 20%;
display: inline-block;
}
[data-grid="6"].masonry {
-webkit-column-count: 6;
-webkit-column-gap: 0;
-moz-column-count: 6;
-moz-column-gap: 0;
column-count: 6;
column-gap: 0;
}
[data-grid="6"].masonry li {
width: 100%;
float: none;
}
[data-grid="6"] li {
width: 16.66666667%;
display: inline-block;
}
[data-grid="7"].masonry {
-webkit-column-count: 7;
-webkit-column-gap: 0;
-moz-column-count: 7;
-moz-column-gap: 0;
column-count: 7;
column-gap: 0;
}
[data-grid="7"].masonry li {
width: 100%;
float: none;
}
[data-grid="7"] li {
width: 14.28571429%;
display: inline-block;
}
[data-grid="8"].masonry {
-webkit-column-count: 8;
-webkit-column-gap: 0;
-moz-column-count: 8;
-moz-column-gap: 0;
column-count: 8;
column-gap: 0;
}
[data-grid="8"].masonry li {
width: 100%;
float: none;
}
[data-grid="8"] li {
width: 12.5%;
display: inline-block;
}
@media all and (max-width: 767px) {
[data-grid]:not(.masonry) li {
width: 33.333333%;
}
[data-grid="2"]:not(.masonry) li {
width: 50%;
}
[data-grid].masonry {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
.background-image-holder {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover !important;
background-position: 50% 50% !important;
z-index: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
opacity: 0;
background: #242a2d;
}
.background-image-holder.background--bottom {
background-position: 50% 100% !important;
}
.background-image-holder.background--top {
background-position: 50% 0% !important;
}
.image--light .background-image-holder {
background: none;
}
.background-image-holder img {
display: none;
}
[data-overlay] {
position: relative;
}
[data-overlay]:before {
position: absolute;
content: '';
background: #242a2d;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
[data-overlay] *:not(.container):not(.background-image-holder):not(.instafeed--background) {
z-index: 2;
}
[data-overlay].image--light:before {
background: #fff;
}
[data-overlay].bg--primary:before {
background: #008c74;
}
[data-overlay="1"]:before {
opacity: 0.1;
}
[data-overlay="2"]:before {
opacity: 0.2;
}
[data-overlay="3"]:before {
opacity: 0.3;
}
[data-overlay="4"]:before {
opacity: 0.4;
}
[data-overlay="5"]:before {
opacity: 0.5;
}
[data-overlay="6"]:before {
opacity: 0.6;
}
[data-overlay="7"]:before {
opacity: 0.7;
}
[data-overlay="8"]:before {
opacity: 0.8;
}
[data-overlay="9"]:before {
opacity: 0.9;
}
[data-overlay="10"]:before {
opacity: 1;
}
[data-scrim-bottom] {
position: relative;
}
[data-scrim-bottom]:before {
position: absolute;
content: '';
width: 100%;
height: 80%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #242a2d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #242a2d)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #242a2d 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #242a2d 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #242a2d 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #242a2d 100%);
bottom: 0;
left: 0;
z-index: 1;
backface-visibility: hidden;
}
[data-scrim-bottom]:not(.image--light) h1,
[data-scrim-bottom]:not(.image--light) h2,
[data-scrim-bottom]:not(.image--light) h3,
[data-scrim-bottom]:not(.image--light) h4,
[data-scrim-bottom]:not(.image--light) h5,
[data-scrim-bottom]:not(.image--light) h6 {
color: #b3b3b3;
}
[data-scrim-bottom]:not(.image--light) p,
[data-scrim-bottom]:not(.image--light) span,
[data-scrim-bottom]:not(.image--light) ul {
color: #e6e6e6;
}
[data-scrim-bottom].image--light:before {
background: #fff;
}
[data-scrim-bottom="1"]:before {
opacity: 0.1;
}
[data-scrim-bottom="2"]:before {
opacity: 0.2;
}
[data-scrim-bottom="3"]:before {
opacity: 0.3;
}
[data-scrim-bottom="4"]:before {
opacity: 0.4;
}
[data-scrim-bottom="5"]:before {
opacity: 0.5;
}
[data-scrim-bottom="6"]:before {
opacity: 0.6;
}
[data-scrim-bottom="7"]:before {
opacity: 0.7;
}
[data-scrim-bottom="8"]:before {
opacity: 0.8;
}
[data-scrim-bottom="9"]:before {
opacity: 0.9;
}
[data-scrim-bottom="10"]:before {
opacity: 1;
}
[data-scrim-top] {
position: relative;
}
[data-scrim-top]:before {
position: absolute;
content: '';
width: 100%;
height: 80%;
background: -moz-linear-gradient(bottom, #242a2d 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #242a2d), color-stop(100%, rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #242a2d 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #242a2d 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(bottom, #242a2d 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, #242a2d 0%, rgba(0, 0, 0, 0) 100%);
top: 0;
left: 0;
z-index: 1;
}
[data-scrim-top]:not(.image--light) h1,
[data-scrim-top]:not(.image--light) h2,
[data-scrim-top]:not(.image--light) h3,
[data-scrim-top]:not(.image--light) h4,
[data-scrim-top]:not(.image--light) h5,
[data-scrim-top]:not(.image--light) h6 {
color: #b3b3b3;
}
[data-scrim-top]:not(.image--light) p,
[data-scrim-top]:not(.image--light) span,
[data-scrim-top]:not(.image--light) ul {
color: #e6e6e6;
}
[data-scrim-top].image--light:before {
background: #fff;
}
[data-scrim-top="1"]:before {
opacity: 0.1;
}
[data-scrim-top="2"]:before {
opacity: 0.2;
}
[data-scrim-top="3"]:before {
opacity: 0.3;
}
[data-scrim-top="4"]:before {
opacity: 0.4;
}
[data-scrim-top="5"]:before {
opacity: 0.5;
}
[data-scrim-top="6"]:before {
opacity: 0.6;
}
[data-scrim-top="7"]:before {
opacity: 0.7;
}
[data-scrim-top="8"]:before {
opacity: 0.8;
}
[data-scrim-top="9"]:before {
opacity: 0.9;
}
[data-scrim-top="10"]:before {
opacity: 1;
}
.imagebg {
position: relative;
}
.imagebg .container {
z-index: 2;
}
.imagebg .container:not(.pos-absolute) {
position: relative;
}
.imagebg:not(.image--light) h1,
.imagebg:not(.image--light) h2,
.imagebg:not(.image--light) h3,
.imagebg:not(.image--light) h4,
.imagebg:not(.image--light) h5,
.imagebg:not(.image--light) h6,
.imagebg:not(.image--light) p,
.imagebg:not(.image--light) ul {
color: #fff;
}
.imagebg:not(.image--light) .bg--white h1,
.imagebg:not(.image--light) .bg--white h2,
.imagebg:not(.image--light) .bg--white h3,
.imagebg:not(.image--light) .bg--white h4,
.imagebg:not(.image--light) .bg--white h5,
.imagebg:not(.image--light) .bg--white h6 {
color: #242a2d;
}
.imagebg:not(.image--light) .bg--white p,
.imagebg:not(.image--light) .bg--white ul {
color: #666666;
}
div[data-overlay] h1,
div[data-overlay] h2,
div[data-overlay] h3,
div[data-overlay] h4,
div[data-overlay] h5,
div[data-overlay] h6 {
color: #fff;
}
div[data-overlay] p,
div[data-overlay] ul {
color: #fff;
}
.parallax {
overflow: hidden;
}
.parallax .background-image-holder {
transition: none !important;
} body {
background: #f2f3f4;
}
.color--primary {
color: #008c74 !important;
}
a {
color: #008c74;
}
.color--primary-1 {
color: #004c66 !important;
}
.color--primary-2 {
color: #513a47 !important;
}
.color--white {
color: #fff;
}
.color--dark {
color: #242a2d;
}
.bg--dark {
background: #242a2d;
}
.bg--dark *:not(a) {
color: #f5f5f5;
}
.bg--dark a:not(.btn) {
color: #fff;
}
.bg--white {
background: #fff;
}
.bg--site {
background: #f2f3f4;
}
.bg--secondary {
background: #e9ebee;
}
.bg--primary {
background: #008c74;
}
.bg--primary p,
.bg--primary span,
.bg--primary ul,
.bg--primary a:not(.btn) {
color: #fff;
}
.bg--primary h1,
.bg--primary h2,
.bg--primary h3,
.bg--primary h4,
.bg--primary h5,
.bg--primary h6,
.bg--primary i {
color: #fff;
}
.bg--white {
background: #fff;
}
.bg--white p,
.bg--white span,
.bg--white ul,
.bg--white a:not(.btn) {
color: #666666;
}
.bg--white h1,
.bg--white h2,
.bg--white h3,
.bg--white h4,
.bg--white h5,
.bg--white h6,
.bg--white i {
color: #242a2d;
}
.bg--primary-1 {
background: #004c66;
}
.bg--primary-1 p,
.bg--primary-1 span,
.bg--primary-1 ul,
.bg--primary-1 a:not(.btn) {
color: #fff;
}
.bg--primary-1 h1,
.bg--primary-1 h2,
.bg--primary-1 h3,
.bg--primary-1 h4,
.bg--primary-1 h5,
.bg--primary-1 h6,
.bg--primary-1 i {
color: #fff;
}
.bg--primary-2 {
background: #513a47;
}
.bg--primary-2 p,
.bg--primary-2 span,
.bg--primary-2 ul,
.bg--primary-2 a:not(.btn) {
color: #fff;
}
.bg--primary-2 h1,
.bg--primary-2 h2,
.bg--primary-2 h3,
.bg--primary-2 h4,
.bg--primary-2 h5,
.bg--primary-2 h6,
.bg--primary-2 i {
color: #fff;
}
.image-bg:not(.image-light) *:not(a) {
color: #fff;
}
.color--facebook {
color: #3b5998;
}
.color--twitter {
color: #00aced;
}
.color--googleplus {
color: #dd4b39;
}
.color--instagram {
color: #125688;
}
.color--pinterest {
color: #cb2027;
}
.color--dribbble {
color: #ea4c89;
}
.color--behance {
color: #053eff;
}
.bg--facebook {
background: #3b5998;
color: #fff;
}
.bg--twitter {
background: #00aced;
color: #fff;
}
.bg--googleplus {
background: #dd4b39;
color: #fff;
}
.bg--instagram {
background: #125688;
color: #fff;
}
.bg--pinterest {
background: #cb2027;
color: #fff;
}
.bg--dribbble {
background: #ea4c89;
color: #fff;
}
.bg--behance {
background: #053eff;
color: #fff;
} .btn {
font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
border-radius: 0;
padding-top: 0.78125em;
padding-bottom: 0.9375em;
padding-right: 1.5625em;
padding-left: 1.5625em;
border: 1px solid #242a2d;
border-width: 1px;
font-size: inherit;
line-height: 1.5625em;
}
.btn .btn__text,
.btn i {
color: #343434;
border-color: #343434;
font-weight: 400;
font-size: 1em;
}
.btn + .btn {
margin-left: 1.5625em;
}
.btn[class*='col-'] {
margin-left: 0;
margin-right: 0;
}
.btn:active {
box-shadow: none;
-webkit-box-shadow: none;
}
.btn.bg--facebook,
.btn.bg--twitter,
.btn.bg--instagram,
.btn.bg--googleplus,
.btn.bg--pinterest,
.btn.bg--dribbble,
.btn.bg--behance {
border-color: rgba(0, 0, 0, 0) !important;
}
.btn.bg--facebook .btn__text,
.btn.bg--twitter .btn__text,
.btn.bg--instagram .btn__text,
.btn.bg--googleplus .btn__text,
.btn.bg--pinterest .btn__text,
.btn.bg--dribbble .btn__text,
.btn.bg--behance .btn__text {
color: #fff;
}
.btn.bg--facebook .btn__text i,
.btn.bg--twitter .btn__text i,
.btn.bg--instagram .btn__text i,
.btn.bg--googleplus .btn__text i,
.btn.bg--pinterest .btn__text i,
.btn.bg--dribbble .btn__text i,
.btn.bg--behance .btn__text i {
color: #fff;
}
.btn.bg--facebook:hover,
.btn.bg--twitter:hover,
.btn.bg--instagram:hover,
.btn.bg--googleplus:hover,
.btn.bg--pinterest:hover,
.btn.bg--dribbble:hover,
.btn.bg--behance:hover {
opacity: .9;
}
.btn:first-child {
margin-left: 0;
}
.btn:last-child {
margin-right: 0;
}
.btn--xs {
padding-top: 0;
padding-bottom: 0;
padding-right: 0.78125em;
padding-left: 0.78125em;
}
.btn--sm {
padding-top: 0.52083333em;
padding-bottom: 0.625em;
padding-right: 1.04166667em;
padding-left: 1.04166667em;
}
.btn--lg {
padding-top: 0.9765625em;
padding-bottom: 1.171875em;
padding-right: 1.953125em;
padding-left: 1.953125em;
}
.btn--lg .btn__text {
font-size: 1.25em;
}
.btn--primary,
.btn--primary:visited {
background: #008c74;
border-color: #008c74;
}
.btn--primary .btn__text,
.btn--primary:visited .btn__text {
color: #fff;
}
.btn--primary .btn__text i,
.btn--primary:visited .btn__text i {
color: #fff;
}
.btn--primary:hover {
background: #00a689;
}
.btn--primary:active {
background: #00735f;
}
.btn--primary-1,
.btn--primary-1:visited {
background: #004c66;
border-color: #004c66;
}
.btn--primary-1 .btn__text,
.btn--primary-1:visited .btn__text {
color: #fff;
}
.btn--primary-1:hover {
background: #005f80;
}
.btn--primary-1:active {
background: #00394d;
}
.btn--primary-2,
.btn--primary-2:visited {
background: #513a47;
border-color: #513a47;
}
.btn--primary-2 .btn__text,
.btn--primary-2:visited .btn__text {
color: #fff;
}
.btn--primary-2:hover {
background: #604554;
}
.btn--primary-2:active {
background: #422f3a;
}
.btn--secondary {
background: #e9ebee;
border-color: #e9ebee;
}
.btn--secondary:hover {
background: #eff0f2;
}
.btn--secondary:active {
background: #e3e6ea;
}
.btn--white {
background: #fff;
color: #343434;
border-color: #fff;
}
.btn--white i {
color: #343434;
}
.btn--transparent {
background: none;
border-color: rgba(0, 0, 0, 0);
padding-left: 0;
padding-right: 0;
}
.btn--transparent.btn--white .btn__text {
color: #fff;
}
.btn--unfilled {
background: none;
}
.btn--unfilled.btn--white .btn__text {
color: #fff;
}
.btn--unfilled.btn--white i {
color: #fff;
} .icon--partner {
line-height: 1em;
font-size: 2.8125em;
}
.icon--sm {
font-size: 2em;
}
.icon--lg {
font-size: 4em;
} .list-inline li {
padding: 0 1em;
}
.list-inline li:first-child {
padding-left: 0;
}
.list-inline li:last-child {
padding-right: 0;
}
.list-inline.list-inline--narrow li {
padding: 0 .5em;
}
.list-inline.list-inline--wide li {
padding: 0 2em;
} nav {
background: none;
z-index: 10;
}
.nav-bar {
height: 100px;
max-height: 100px;
line-height: 97px;
}
.nav-bar .logo {
max-height: 30%;
margin: 0;
width: auto;
}
.nav-bar .nav-module {
display: inline-block;
height: 100px;
padding: 0 1em;
}
.nav-bar .nav-module > a:not(.btn) {
height: 100%;
display: inline-block;
}
.nav-bar.nav--fixed {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
}
.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white) {
background: #f2f3f4;
}
.nav-bar.nav--fixed + .nav-mobile-toggle {
position: fixed;
top: 0;
right: 0;
z-index: 999;
color: #222;
}
.nav-module.left {
float: left;
}
.nav-module.right {
float: right;
}
.nav-module:first-of-type {
padding-left: 0;
}
.nav-module:last-of-type {
padding-right: 0;
}
.nav-bar,
.utility-bar {
padding: 0 3.125em 0 3.125em;
}
.utility-bar {
overflow: hidden;
}
.utility-bar:not(.hidden) + .nav-bar + .nav-mobile-toggle {
top: 100px;
}
@media all and (max-width: 1280px) {
.nav-bar {
padding: 0 15px;
}
}
.container .nav-bar {
padding: 0;
}
.menu {
height: 100px;
}
.menu li {
position: relative;
}
.menu > li {
position: relative;
float: left;
font-size: 1em;
font-weight: 400;
letter-spacing: 0px;
font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}
.menu > li > a {
padding: 0 1.5625em;
height: 100%;
display: inline-block;
}
.menu > li:first-child > a {
padding-left: 0;
}
.menu > li:last-child a {
padding-right: 0;
}
nav.bg--white .menu > li > a {
color: #666666;
}
nav.bg--dark .menu > li > a {
color: #242a2d;
}
.menu > li ul {
left: 0;
margin: 0;
line-height: 1.5625em !important;
padding: 1em 0;
background: none;
opacity: 0;
visibility: hidden;
position: absolute;
min-width: 12.5em;
float: left;
}
.menu > li > ul a {
padding: 0 1em 1.5625em 1em;
display: inline-block;
}
.menu > li > ul li:last-child > a {
padding-bottom: 0;
}
.menu > li:hover > ul,
.menu > li > ul > li:hover ul {
opacity: 1;
visibility: visible;
z-index: 10;
}
.menu > li:hover .multi-column ul {
position: relative !important;
visibility: visible !important;
opacity: 1 !important;
}
.menu > li > ul:not(.multi-column) ul {
top: 0;
left: 100%;
}
.multi-column {
width: auto !important;
white-space: nowrap;
}
.multi-column li {
width: 12.5em;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.multi-column li ul {
position: relative;
}
.multi-column ul li {
float: none;
display: block;
}
.module-applet {
position: relative;
padding: 0 1em;
}
.module-applet__handle {
cursor: pointer;
position: relative;
}
.module-applet__body {
position: absolute;
width: 25em;
background: none;
z-index: 10;
padding: 1em;
visibility: hidden;
opacity: 0;
}
.module-applet__body * {
line-height: 1.5625em;
}
.module-applet:hover .module-applet__body {
opacity: 1;
visibility: visible;
}
.nav-mobile-toggle {
position: absolute;
top: 0;
right: 15px;
z-index: 99;
cursor: pointer;
line-height: 97px;
padding: 0 1em;
user-select: none;
-webkit-user-select: none;
}
@media all and (max-width: 990px) {
.nav-bar {
height: auto;
overflow: hidden;
}
.nav-bar .nav-module.left,
.nav-bar .nav-module.right {
float: none;
display: block;
}
.nav-bar .nav-module {
padding: 0;
}
.nav-bar .nav-module:not(.logo-module) {
height: auto;
line-height: 2em;
}
.menu {
height: auto;
}
.menu li {
float: none;
width: 100%;
}
.menu > li > a {
padding: 0;
}
.menu > li ul {
position: relative;
float: none;
display: none;
width: 100%;
}
.menu > li ul ul {
left: 0 !important;
padding-left: 2em;
}
.menu > li > ul:not(.multi-column) ul {
padding-top: 0;
padding-bottom: 1.5em;
}
.menu li.active > ul,
.menu li.active .multi-column ul {
display: block;
opacity: 1;
visibility: visible;
}
.menu .multi-column {
white-space: initial;
}
.menu .multi-column ul {
padding-top: 0;
padding-bottom: 0;
}
.menu .multi-column ul li a {
padding-left: 0;
}
.menu .multi-column ul li:last-child a {
padding-bottom: 1.5625em;
}
.module-applet {
padding: 0;
}
.module-applet .module-applet__body {
position: relative;
display: none;
padding: 1em 0;
opacity: 1;
visibility: visible;
}
.module-applet.active .module-applet__body {
display: block;
}
}
.nav-open .nav-bar {
max-height: 100000px !important;
}
.nav--fixed,
.nav--absolute {
width: 100%;
z-index: 99;
}
.nav--fixed {
position: fixed;
}
.nav--absolute {
position: absolute;
}
.nav--transparent:not(.nav--fixed) {
background: none !important;
}
nav:not(.nav--fixed):not(.nav--absolute) {
position: relative;
}
@media all and (max-width: 990px) {
.nav-bar.nav--absolute,
.nav-bar.nav--fixed {
position: relative;
}
.nav-bar.nav--absolute + .nav-mobile-toggle,
.nav-bar.nav--fixed + .nav-mobile-toggle {
position: absolute;
}
.nav-bar.nav--absolute:not(.nav--dark) .menu > li > a,
.nav-bar.nav--fixed:not(.nav--dark) .menu > li > a {
color: #fff !important;
}
.nav-bar.nav--absolute:not(.nav--dark) a.nav-function i,
.nav-bar.nav--fixed:not(.nav--dark) a.nav-function i,
.nav-bar.nav--absolute:not(.nav--dark) a.nav-function span,
.nav-bar.nav--fixed:not(.nav--dark) a.nav-function span {
color: #fff !important;
}
.nav-bar.nav--absolute:not(.nav--dark) .logo-dark,
.nav-bar.nav--fixed:not(.nav--dark) .logo-dark {
display: inline !important;
}
.nav-bar.nav--absolute:not(.nav--dark) .logo-light,
.nav-bar.nav--fixed:not(.nav--dark) .logo-light {
display: none !important;
}
} form {
max-width: 100%;
overflow: hidden;
}
form + form {
margin-top: 30px;
}
label {
margin: 0;
font-size: 1em;
font-weight: 400;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select,
input[type="tel"],
input[type="url"],
input[type="search"] {
padding: 0;
border-radius: 0;
border: none;
}
input[type="text"]:not(button),
input[type="email"]:not(button),
input[type="password"]:not(button),
textarea:not(button),
select:not(button),
input[type="tel"]:not(button),
input[type="url"]:not(button),
input[type="search"]:not(button) {
background: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus {
outline: none;
}
input[type="text"]:active,
input[type="email"]:active,
input[type="password"]:active,
textarea:active,
select:active,
input[type="tel"]:active,
input[type="url"]:active,
input[type="search"]:active {
outline: none;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {
color: #999999;
font-size: 1em;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder { color: #999999;
font-size: 1em;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder { color: #999999;
font-size: 1em;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder {
color: #999999;
font-size: 1em;
}
textarea {
display: block;
width: 100%;
max-width: 100%;
}
select {
cursor: pointer;
padding-right: 0;
-webkit-appearance: none;
}
select::ms-expand {
display: none;
}
input[type="submit"] {
background: none;
outline: none;
border: none;
background: #008c74;
padding: 0 1.5625em 0 1.5625em;
color: #fff;
}
@keyframes load {
0% {
opacity: 0;
width: 0;
}
50% {
width: 100%;
opacity: .8;
left: 0;
}
100% {
left: 100%;
opacity: 0;
}
}
button {
background: none;
}
button[type="submit"].btn--loading {
position: relative;
overflow: hidden;
pointer-events: none;
color: rgba(0, 0, 0, 0);
}
button[type="submit"].btn--loading * {
opacity: 0;
}
button[type="submit"].btn--loading:after {
content: '';
position: absolute;
width: 0;
height: 100%;
background: #ddd;
animation: load 1.5s ease-out infinite;
left: 0;
top: 0;
}
button[type="submit"].btn--loading .btn__text {
opacity: 0;
}
button:focus {
outline: none !important;
}
.input-checkbox,
.input-radio,
.input-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
cursor: pointer;
}
.input-checkbox .inner,
.input-radio .inner,
.input-select .inner {
display: inline-block;
}
.input-checkbox input,
.input-radio input,
.input-select input {
display: none;
}
.input-checkbox.checked .inner,
.input-radio.checked .inner,
.input-select.checked .inner {
background: #008c74;
}
.input-checkbox label,
.input-radio label,
.input-select label {
display: block;
}
.input-checkbox {
padding: 0;
}
.input-checkbox .inner {
width: 1.5625em;
height: 1.5625em;
border-radius: 0;
background: #000;
}
.input-radio {
padding: 0.78125em;
}
.input-radio .inner {
width: 0.78125em;
height: 0.78125em;
border-radius: 50%;
background: #000;
}
.input-select {
position: relative;
}
.input-select i {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right: 1em;
font-size: .87em;
}
.input-file {
position: relative;
display: inline-block;
}
.input-file input {
display: none;
}
.form-error {
margin-top: 1.5625em;
padding: 0.78125em;
background: #D84D4D;
color: #fff;
position: fixed;
min-width: 350px;
left: 50%;
bottom: 1.5625em;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
z-index: 999;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.form-success {
margin-top: 1.5625em;
padding: 0.78125em;
background: #1DC020;
color: #fff;
position: fixed;
min-width: 350px;
left: 50%;
bottom: 1.5625em;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
z-index: 999;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.attempted-submit .field-error {
border-color: #D84D4D !important;
} .accordion li .accordion__title,
.accordion li .accordion__content,
.accordion li .accordion__content * {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.accordion li .accordion__title {
cursor: pointer;
padding: 0.78125em;
border: 1px solid #d6d9dd;
border-bottom: none;
background: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.accordion li:last-child .accordion__title {
border-bottom: 1px solid #d6d9dd;
}
.accordion li .accordion__content {
opacity: 0;
visibility: hidden;
max-height: 0;
}
.accordion li .accordion__content * {
display: none;
}
.accordion li .accordion__content *:first-child {
padding-top: 1.5625em;
}
.accordion li .accordion__content *:last-child {
padding-bottom: 1.5625em;
}
.accordion li.active .accordion__title {
background: #008c74;
border-bottom: 1px solid #d6d9dd;
}
.accordion li.active .accordion__content {
opacity: 1;
visibility: visible;
max-height: 500px;
}
.accordion li.active .accordion__content * {
display: inline-block;
} .breadcrumb {
padding: 0;
margin: 0;
background: none;
display: inline-block;
}
.breadcrumb li {
font-size: 1em;
text-transform: uppercase;
}
.breadcrumb li + li:before {
padding: 0 0.390625em;
} .tabs {
display: block;
margin-bottom: 0;
}
.tabs > li {
display: inline-block;
opacity: .5;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tabs > .active,
.tabs:hover {
opacity: 1;
}
.tabs .tab__title {
cursor: pointer;
}
.tabs .tab__title:not(.btn) {
padding: 0 1.5625em;
}
.tabs li:first-child .tab__title:not(.btn) {
padding-left: 0;
}
.tabs .tab__content {
display: none;
}
.tabs-content {
margin-top: 1em;
}
.tabs-content li > .tab__content {
display: none;
}
.tabs-content > .active > .tab__content {
display: block;
} .boxed {
position: relative;
overflow: hidden;
padding: 3.125em;
margin-bottom: 30px;
}
.boxed.boxed--lg {
padding: 4.6875em;
}
.boxed.boxed--sm {
padding: 2.08333333em;
}
.boxed.boxed--border {
border: 1px solid #c9d0d4;
}
.boxed:last-child {
margin-bottom: 0;
}
.boxed div[class*='col-']:first-child:not(.boxed) {
padding-left: 0;
}
.boxed div[class*='col-']:last-child:not(.boxed) {
padding-right: 0;
}
img + .boxed {
margin-top: -1.5625em;
}
@media all and (max-width: 767px) {
.boxed {
padding: 2.08333333em;
margin-bottom: 15px;
}
.boxed.boxed--lg {
padding: 2.08333333em;
}
.boxed div[class*='col-']:not(.boxed) {
padding: 0;
}
.boxed:last-child {
margin-bottom: 15px;
}
.row:last-child div[class*='col-']:last-child .boxed:last-child {
margin-bottom: 0;
}
} section.slider {
padding: 0 !important;
overflow: hidden;
position: relative;
}
.slides {
margin: 0;
overflow: hidden;
}
.slider {
position: relative;
overflow: hidden;
}
.slider .slides li {
position: relative;
padding: 4.6875em 0;
}
.slider.space--lg .slides li {
padding: 9.375em 0;
}
.slider.space--xlg .slides li {
padding: 18.75em 0;
}
.slider:hover .flex-direction-nav a {
opacity: 1;
}
.slider.height-10 {
height: auto;
}
.slider.height-10 .slides li {
height: 10vh;
padding: 0;
}
.slider.height-20 {
height: auto;
}
.slider.height-20 .slides li {
height: 20vh;
padding: 0;
}
.slider.height-30 {
height: auto;
}
.slider.height-30 .slides li {
height: 30vh;
padding: 0;
}
.slider.height-40 {
height: auto;
}
.slider.height-40 .slides li {
height: 40vh;
padding: 0;
}
.slider.height-50 {
height: auto;
}
.slider.height-50 .slides li {
height: 50vh;
padding: 0;
}
.slider.height-60 {
height: auto;
}
.slider.height-60 .slides li {
height: 60vh;
padding: 0;
}
.slider.height-70 {
height: auto;
}
.slider.height-70 .slides li {
height: 70vh;
padding: 0;
}
.slider.height-80 {
height: auto;
}
.slider.height-80 .slides li {
height: 80vh;
padding: 0;
}
.slider.height-90 {
height: auto;
}
.slider.height-90 .slides li {
height: 90vh;
padding: 0;
}
.slider.height-100 {
height: auto;
}
.slider.height-100 .slides li {
height: 100vh;
padding: 0;
}
.slider.slider-controls--white .flex-direction-nav a {
color: #fff;
}
.slider.slider-controls--white .flex-control-paging a {
background: #fff;
}
.slider[data-animation="slide"] .slides li {
-webkit-backface-visibility: hidden;
}
@media all and (max-width: 767px) {
.slider[class*='height-'] .slides li {
height: auto;
padding: 4.6875em 0;
}
.slider.space--lg .slides li {
padding: 9.375em 0;
}
.slider.space--xlg .slides li {
padding: 9.375em 0;
}
}
.flex-control-paging {
padding: 0 1em;
bottom: 1em;
z-index: 99;
text-align: center;
}
.flex-control-paging li {
margin: 0 0.390625em;
overflow: hidden;
}
.flex-control-paging li a {
height: 0.52083333em;
width: 0.52083333em;
border-radius: 0.52083333em;
background: none;
border: 1px solid #242a2d;
box-shadow: none;
}
.flex-control-paging li a.flex-active {
background: #242a2d;
}
.flex-control-paging li a:hover {
background: #242a2d;
}
.flex-direction-nav a {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
text-shadow: none;
opacity: 0;
color: #fff;
}
.flex-direction-nav a:before {
font-family: 'Ionicons';
font-size: 1.5em;
}
.flex-direction-nav a.flex-prev {
left: 1em;
}
.flex-direction-nav a.flex-prev:before {
content: "\f124";
}
.flex-direction-nav a.flex-next {
right: 1em;
}
.flex-direction-nav a.flex-next:before {
content: "\f125";
}
@media all and (max-width: 767px) {
.flex-direction-nav {
display: none;
}
}
.slider.slider--controlsoutside {
overflow: visible;
}
.slider.slider--controlsoutside .slides li {
padding: 0;
}
.slider.slider--controlsoutside[data-paging="true"] .flex-control-paging {
position: relative;
margin-top: 2em;
}
.slider.slider--controlsoutside[data-paging="true"] .flex-control-paging li a {
box-shadow: none;
}
.slider.slider--controlsoutside[data-arrows="true"] .flex-direction-nav a.flex-prev {
left: -4em;
}
.slider.slider--controlsoutside[data-arrows="true"] .flex-direction-nav a.flex-next {
right: -4em;
} .hover-element {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.hover-element * {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.hover-element .hover-element__reveal {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
}
.hover-element .hover-element__reveal .boxed {
height: 100%;
}
.hover-element:hover .hover-element__reveal,
.hover-element.hover--active .hover-element__reveal {
opacity: 1;
}
.hover-element img {
margin-bottom: 0;
}
@media all and (max-width: 1024px) {
.hover-element {
cursor: pointer;
}
}
.row:last-child div[class*='col-']:last-child .hover-element {
margin-bottom: 0;
} .lb-outerContainer {
border-radius: 0;
}
.lb-outerContainer .lb-container {
padding: 0;
}
.lb-outerContainer .lb-container img {
margin: 0;
}
.lightbox-gallery {
overflow: hidden;
}
.lightbox-gallery li {
float: left;
}
.lightbox-gallery li img {
margin: 0;
width: 100%;
}
.lightbox-gallery.gallery--gaps li {
padding: 0.390625em;
} .modal-instance .modal-body {
display: none;
}
.modal-container {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
padding: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.modal-container.modal-active {
opacity: 1;
visibility: visible;
z-index: 999;
}
.modal-container:before {
background: rgba(0, 0, 0, 0.85);
content: '';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.modal-container .modal-content {
backface-visibility: hidden;
position: fixed;
z-index: 2;
top: 50%;
left: 50%;
border: none;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
padding: 0;
border-radius: 0;
box-shadow: none;
}
.modal-container .modal-content:not(.height--natural) {
width: 50%;
height: 50%;
}
.modal-container .modal-content .modal-close-cross {
cursor: pointer;
position: absolute;
opacity: .5;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
top: 1em;
right: 1em;
z-index: 99;
}
.modal-container .modal-content .modal-close-cross:before {
content: '\2715';
font-size: 1.5em;
}
.modal-container .modal-content .modal-close-cross:hover {
opacity: 1;
}
.modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before {
color: #fff;
}
.modal-container .modal-content iframe {
width: 100%;
outline: none;
border: none;
height: 100%;
backface-visibility: hidden;
}
.modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
top: -3.125em;
}
@media all and (max-width: 767px) {
.modal-container .modal-content {
width: 97% !important;
height: auto !important;
padding-top: 2em;
padding-bottom: 2em;
}
} .map-container {
position: relative;
overflow: hidden;
}
.map-container iframe,
.map-container .map-canvas {
position: absolute;
width: 100%;
height: 100%;
top: 0;
} .notification {
max-width: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
position: fixed;
z-index: 99;
pointer-events: none;
padding: 0;
margin: 1em;
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.notification:not([class*='bg-']) {
background: #fff;
}
.notification .notification-close-cross {
position: absolute;
top: 1em;
z-index: 99;
right: 1em;
cursor: pointer;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
opacity: .7;
}
.notification .notification-close-cross:before {
content: '\2715';
font-size: 1.5em;
}
.notification .notification-close-cross:hover {
opacity: 1;
}
.notification.notification--reveal {
z-index: 99;
pointer-events: initial;
}
.notification.notification--reveal[data-animation="from-bottom"] {
animation: from-bottom 0.3s linear 0s forwards;
-webkit-animation: from-bottom 0.3s linear 0s forwards;
-moz-animation: from-bottom 0.3s linear 0s forwards;
}
.notification.notification--reveal[data-animation="from-top"] {
animation: from-top 0.3s linear 0s forwards;
-webkit-animation: from-top 0.3s linear 0s forwards;
-moz-animation: from-top 0.3s linear 0s forwards;
}
.notification.notification--reveal[data-animation="from-left"] {
animation: from-left 0.3s linear 0s forwards;
-webkit-animation: from-left 0.3s linear 0s forwards;
-moz-animation: from-left 0.3s linear 0s forwards;
}
.notification.notification--reveal[data-animation="from-right"] {
animation: from-right 0.3s linear 0s forwards;
-webkit-animation: from-right 0.3s linear 0s forwards;
-moz-animation: from-right 0.3s linear 0s forwards;
}
.notification.notification--dismissed {
animation: fade-out 0.4s linear 0s forwards !important;
-webkit-animation: fade-out 0.4s linear 0s forwards !important;
-moz-animation: fade-out 0.4s linear 0s forwards !important;
pointer-events: none;
}
@keyframes from-bottom {
from {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes from-bottom {
from {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes from-bottom {
from {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes from-top {
from {
transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes from-top {
from {
transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes from-top {
from {
transform: translate3d(0, -100%, 0);
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes from-left {
from {
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes from-left {
from {
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes from-left {
from {
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes from-right {
from {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
opacity: 1;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes from-right {
from {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes from-right {
from {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} iframe {
width: 100%;
min-height: 350px;
border: none;
}
@media all and (max-width: 767px) {
iframe {
min-height: 220px;
}
}
.videobg {
background: #242a2d;
position: relative;
overflow: hidden;
}
.videobg .container,
.videobg .background-image-holder {
opacity: 0;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.videobg .background-image-holder {
opacity: 0 !important;
}
.videobg.video-active .container {
opacity: 1;
}
.videobg.video-active .loading-indicator {
opacity: 0;
visibility: hidden;
}
.videobg video {
object-fit: cover;
height: 100%;
min-width: 100%;
position: absolute;
top: 0;
z-index: 0 !important;
}
@media all and (max-width: 1024px) {
.videobg .background-image-holder,
.videobg .container {
opacity: 1 !important;
}
.videobg .loading-indicator {
display: none;
}
.videobg video {
display: none;
}
}
.youtube-background {
position: absolute;
height: 100%;
width: 100%;
top: 0;
z-index: 0 !important;
}
.youtube-background .mb_YTPBar {
opacity: 0;
height: 0;
visibility: hidden;
}
@media all and (max-width: 1024px) {
.youtube-background {
display: none;
}
}
.loading-indicator {
position: absolute !important;
top: 50%;
left: 50%;
z-index: 99 !important;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
background-color: #fff;
border-radius: 100%;
-webkit-animation: loading-spinner 1s infinite ease-in-out;
animation: loading-spinner 1s infinite ease-in-out;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
@-webkit-keyframes loading-spinner {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes loading-spinner {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.video-cover {
position: relative;
}
.video-cover video {
max-width: 100%;
}
.video-cover iframe {
background: #242a2d;
}
.video-cover .background-image-holder {
z-index: 3;
}
.video-cover .video-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
}
.video-cover .video-play-icon,
.video-cover .background-image-holder {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.video-cover.reveal-video .video-play-icon,
.video-cover.reveal-video .background-image-holder {
opacity: 0 !important;
pointer-events: none;
}
.video-cover[data-scrim-bottom]:before,
.video-cover[data-overlay]:before,
.video-cover[data-scrim-top]:before {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
z-index: 4;
}
.video-cover.reveal-video[data-scrim-bottom]:before,
.video-cover.reveal-video[data-overlay]:before,
.video-cover.reveal-video[data-scrim-top]:before {
opacity: 0;
pointer-events: none;
}
.video-play-icon {
width: 4.6875em;
height: 4.6875em;
border-radius: 50%;
position: relative;
z-index: 4;
display: inline-block;
border: 2px solid #ffffff;
cursor: pointer;
background: #ffffff;
}
.video-play-icon.video-play-icon--sm {
width: 2.34375em;
height: 2.34375em;
}
.video-play-icon.video-play-icon--sm:before {
border-width: 4px 0 4px 9px;
}
.video-play-icon:before {
position: absolute;
top: 50%;
margin-top: -5px;
left: 50%;
margin-left: -4px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 12px;
border-color: transparent transparent transparent #ffffff;
border-color: transparent transparent transparent #808080;
}
.video-play-icon.video-play-icon--dark {
border-color: #242a2d;
background: #242a2d;
}
.video-play-icon.video-play-icon--dark:before {
border-color: transparent transparent transparent #242a2d;
}
.video-play-icon.video-play-icon--dark:before {
border-color: transparent transparent transparent #fff;
}
@media all and (max-width: 767px) {
.video-play-icon {
width: 3.125em;
height: 3.125em;
}
}
div[class*='col-'][class*='12']:not([class*='xs-12']) .video-cover iframe {
min-height: 550px;
}
@media all and (max-width: 990px) {
div[class*='col-'][class*='12']:not([class*='xs-12']) .video-cover iframe {
min-height: 350px;
}
}
div[class*='col-'][class*='10'] .video-cover iframe {
min-height: 450px;
}
div[class*='col-'][class*='8'] .video-cover iframe {
min-height: 400px;
}
div[class*='col-'][class*='6'] .video-cover iframe {
min-height: 350px;
}
@media all and (max-width: 1200px) {
div[class*='col-'][class*='6'] .video-cover iframe {
min-height: 300px;
}
}
@media all and (max-width: 990px) {
div[class*='col-'][class*='6'] .video-cover iframe {
min-height: 220px;
}
}
@media all and (max-width: 767px) {
div[class*='col-'] .video-cover iframe {
min-height: 220px !important;
}
}
.modal-container video {
max-width: 100%;
} .imageblock {
position: relative;
padding: 0;
}
.imageblock > .container,
.imageblock > div[class*='col-']:not(.imageblock__content) {
padding-top: 4.6875em;
padding-bottom: 7.8125em;
float: none;
overflow: hidden;
}
.imageblock.imageblock--lg > .container,
.imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
padding-top: 9.765625em;
padding-bottom: 9.765625em;
float: none;
overflow: hidden;
}
.imageblock .imageblock__content {
position: absolute;
height: 100%;
top: 0;
z-index: 2;
padding: 0;
}
.imageblock .imageblock__content .slider {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.imageblock .imageblock__content .slider .slides > li {
padding: 0;
min-height: 100%;
position: absolute !important;
}
.imageblock.allow-overflow .imageblock__content {
overflow: visible;
}
@media all and (max-width: 767px) {
.imageblock .imageblock__content {
position: relative;
min-height: 15.625em;
}
.imageblock > .container,
.imageblock > div[class*='col-']:not(.imageblock__content) {
padding-top: 4.6875em;
padding-bottom: 4.6875em;
float: none;
overflow: hidden;
}
.imageblock.imageblock--lg > .container,
.imageblock.imageblock--lg > div[class*='col-']:not(.imageblock__content) {
padding-top: 4.6875em;
padding-bottom: 4.6875em;
float: none;
overflow: hidden;
}
} form[action*='createsend.com'] * {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
opacity: 0;
}
form[action*='createsend.com'].form--active * {
opacity: 1;
}
form[action*='createsend.com'] .input-checkbox + br {
display: none;
}
form[action*='createsend.com'].no-labels label {
display: none;
}
form[action*='createsend.com'] br {
display: none;
}
form[action*='createsend.com'] p > label:first-child {
margin-bottom: 0.78125em;
}
form[action*='list-manage.com'] h2 {
font-family: 'Roboto Slab', 'Helvetica', 'Arial', sans-serif;
color: #343434;
font-weight: 300;
font-variant-ligatures: common-ligatures;
margin-top: 0;
margin-bottom: 0;
font-size: 1.4375em;
line-height: 1.63043478em;
font-weight: 400;
margin-bottom: 1.1304347826087em;
}
form[action*='list-manage.com'] .input-group ul {
overflow: hidden;
}
form[action*='list-manage.com'] .input-group ul li {
float: left;
}
form[action*='list-manage.com'] * {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
opacity: 0;
}
form[action*='list-manage.com'].form--active * {
opacity: 1;
}
form[action*='list-manage.com'].no-labels label {
display: none;
}
form[action*='list-manage.com'] .small-meta {
font-size: 0.5em;
} section,
footer {
padding-top: 4.6875em;
padding-bottom: 7.8125em;
}
section.space--sm,
footer.space--sm {
padding-top: 3.125em;
padding-bottom: 3.125em;
}
section.space--lg,
footer.space--lg {
padding-top: 9.375em;
padding-bottom: 9.375em;
}
section.space--xlg,
footer.space--xlg {
padding-top: 18.75em;
padding-bottom: 31.25em;
}
section.space--0,
footer.space--0 {
padding: 0;
}
section.section--even,
footer.section--even {
padding-top: 7.8125em;
padding-bottom: 7.8125em;
}
section.space-bottom--sm,
footer.space-bottom--sm {
padding-bottom: 3.125em;
}
.space--lg {
padding-top: 9.375em;
padding-bottom: 9.375em;
}
@media all and (max-width: 767px) {
section,
footer,
section.section--even {
padding: 4.6875em 0;
}
section.space--lg,
footer.space--lg,
section.section--even.space--lg {
padding: 4.6875em 0;
}
section.space--xlg,
footer.space--xlg,
section.section--even.space--xlg {
padding: 7.03125em 0;
}
}
div[class*='col-'] > div[class*='col-']:first-child {
padding-left: 0;
}
div[class*='col-'] > div[class*='col-']:last-child {
padding-right: 0;
}
@media all and (max-width: 767px) {
.col-xs-6:nth-child(odd) {
padding-right: 7.5px;
}
.col-xs-6:nth-child(even) {
padding-left: 7.5px;
}
}  a {
color: #242a2d;
}
p a,
span a {
font-weight: 600;
}
h1 {
margin-bottom: 0.40625em;
}
h2 {
margin-bottom: 0.57777777777778em;
}
h3,
.h3 {
font-weight: 300;
margin-bottom: 0.8125em;
}
h4,
.h4 {
font-weight: 400;
margin-bottom: 1.1304347826087em;
}
h5,
.h5 {
font-weight: 400;
margin-bottom: 1.5625em;
}
h6,
.h6 {
text-transform: uppercase;
letter-spacing: .2em;
font-family: 'Source Sans Pro', Sans Serif;
}
p.lead {
font-weight: 300;
font-family: 'Roboto Slab';
}
.link-underline:link {
text-decoration: underline;
}
.link-underline:hover {
color: #343434;
}
.link-underline.color--white:hover {
color: #fff;
}
blockquote {
font-family: 'Roboto Slab', 'Helvetica', 'Arial', sans-serif;
color: #343434;
font-variant-ligatures: common-ligatures;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
line-height: 1.171875em;
font-weight: 300;
margin-bottom: 0.8125em;
font-family: 'Roboto Slab';
}
hr {
border-color: #e4e6e8;
}
.bg--secondary hr {
border-color: #dbdee3;
}
.ion-icon {
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mb--1 {
margin-bottom: 1.5625em;
} .gradient--bg-fade:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
z-index: 1;
background: #000000;
background: -webkit-linear-gradient(top, #f2f3f4 20%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, #f2f3f4 20%, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 100%);
}
.gradient--active .bg--primary {
background: #008c74;
background: -webkit-linear-gradient(left, #008c74 0%, #004c66 100%);
background: linear-gradient(to right, #008c74 0%, #004c66 100%);
border: none;
}
.gradient--active .btn--primary .btn__text {
color: #fff;
}
.gradient--active [data-overlay].bg--primary:before {
background: #008c74;
background: -webkit-linear-gradient(left, #008c74 0%, #004c66 100%);
background: linear-gradient(to right, #008c74 0%, #004c66 100%);
}
.box-shadow {
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.text-shadow {
text-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
} [data-sr] {
visibility: hidden;
}
@-webkit-keyframes zoomBG {
from {
transform: scale(1);
-webkit-transform: scale(1);
}
to {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
}
@media all and (max-width: 767px) {
.section-cta-bottom {
padding-bottom: 14.0625em;
}
}
.animation--zoom {
-webkit-animation: zoomBG 30s linear infinite alternate;
animation: zoomBG 30s linear infinite alternate;
} .menu {
display: inline-block;
margin-bottom: 0;
}
.menu a {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
opacity: 0.7;
}
.menu a:hover {
opacity: 1;
text-decoration: none;
}
.menu > li > a {
color: #666666;
}
.menu > li > a:focus {
text-decoration: none;
}
.menu > li > ul {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.menu > li > ul:before {
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f10d";
position: absolute;
font-size: 2em;
top: -.5em;
left: .75em;
color: #fff;
}
.menu > li ul {
margin-top: -1em;
text-align: left;
background: #fff;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
}
.menu > li ul > li.has-dropdown:after {
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f125";
position: absolute;
right: 2em;
font-size: .5em;
top: 9px;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
color: #666666;
}
.menu > li ul > li.has-dropdown:hover:after {
right: 1.5em;
}
.menu > li ul > li.has-dropdown > a:after {
display: none;
}
.has-dropdown > a:after {
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f123";
font-size: .5em;
right: 0;
z-index: 1;
color: #666666;
position: relative;
margin-left: 0.78125em;
bottom: 2px;
}
.nav-bar .btn {
margin: 0 !important;
}
.nav-bar.bg--primary .menu > li > a,
.nav-bar.bg--dark .menu > li > a,
.nav-bar.nav--transparent .menu > li > a {
color: #fff;
}
.nav-bar.bg--primary .menu > li > a:before,
.nav-bar.bg--dark .menu > li > a:before,
.nav-bar.nav--transparent .menu > li > a:before {
color: #fff;
}
.nav-bar.bg--primary .menu > li > a i,
.nav-bar.bg--dark .menu > li > a i,
.nav-bar.nav--transparent .menu > li > a i {
color: #fff;
}
.nav-bar.bg--primary .menu > li.has-dropdown > a:after,
.nav-bar.bg--dark .menu > li.has-dropdown > a:after,
.nav-bar.nav--transparent .menu > li.has-dropdown > a:after {
color: #fff;
}
.nav-bar.bg--primary .menu > li ul a,
.nav-bar.bg--dark .menu > li ul a,
.nav-bar.nav--transparent .menu > li ul a {
color: #666666;
}
.nav-bar.bg--primary .menu > li ul a i,
.nav-bar.bg--dark .menu > li ul a i,
.nav-bar.nav--transparent .menu > li ul a i {
color: #666666;
margin-right: .5em;
}
.nav-bar .menu > li > ul a {
color: #666666;
}
.nav--fixed {
animation: navPopIn .3s ease forwards;
-webkit-animation: navPopIn .3s ease forwards;
}
@keyframes navPopIn {
0% {
opacity: 0;
transform: translate3d(0, -100px, 0);
-webkit-transform: translate3d(0, -100px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes navPopIn {
0% {
opacity: 0;
transform: translate3d(0, -100px, 0);
-webkit-transform: translate3d(0, -100px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
.nav-mobile-toggle {
font-size: 2em;
color: #fff;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
opacity: .7;
}
.nav-mobile-toggle:hover {
opacity: 1;
}
@media all and (max-width: 1366px) {
.menu > li > a {
padding: 0 0.78125em;
}
}
@media all and (max-width: 1200px) {
nav .btn i {
display: none;
}
}
@media all and (max-width: 990px) {
.menu > li ul {
margin-top: 0;
}
.menu > li ul:before {
display: none;
}
.menu > li ul li a {
color: #fff;
}
.nav--absolute {
position: relative;
}
.nav--transparent:not(.nav--fixed) {
background: #242a2d !important;
}
}
@media all and (max-width: 768px) {
.menu > li > a {
padding: 0 0;
}
} body {
background: #f2f3f4;
}
section {
position: relative;
background: #f2f3f4;
}
@media all and (min-width: 768px) {
section.space--even {
padding-top: 7.8125em;
}
}
.btn {
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
border-radius: .25em;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
margin-bottom: 1.5625em !important;
}
.btn:not(.btn--primary) {
opacity: .85;
}
.btn i {
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
opacity: 0;
max-width: 0;
transform: translate3d(10, 0, 0);
-webkit-transform: translate3d(10, 0, 0);
}
.btn i:before {
max-width: 0;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
}
.btn:hover {
opacity: 1;
}
.btn:hover i {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
max-width: 1.5625em;
margin-left: 0.390625em;
}
.btn:hover i:before {
max-width: 1.5625em;
opacity: 1;
}
.btn.btn--primary i {
color: #fff;
}
.icon-title {
text-align: center;
margin-bottom: 3.125em;
}
.icon-title i {
margin: 0 25px;
opacity: .7;
}
.icon-title span {
position: relative;
bottom: 14px;
}
@media all and (max-width: 767px) {
.icon-title {
margin-bottom: 1.5625em;
}
}
.page-title hr {
border-color: #ccd1d8;
margin-top: 0;
margin-bottom: 4.6875em;
}
.section-title hr {
margin-bottom: 4.6875em;
}
@media all and (max-width: 767px) {
.section-title hr {
margin-bottom: 1.5625em;
}
}
section.section--pullup {
margin-bottom: -4.6875em;
}
section.section--pullup + section {
padding-top: 0;
background: none;
z-index: 3;
}
section.section--pullup h1 {
margin-bottom: 1.21875em;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
section.section--card {
padding-bottom: 8px;
}
section.section--card + .section--card {
padding-top: 0;
}
section.section--card div[class*='col-'] {
padding-left: 4px;
padding-right: 4px;
}
section.section--card:last-of-type {
padding-bottom: 7.8125em;
}
@media all and (max-width: 767px) {
.page-title h1 {
margin-bottom: 1.21875em;
}
}
.breadcrumb {
margin-bottom: 1.5625em;
}
.breadcrumb li {
font-family: 'Roboto Slab', 'Helvetica', 'Arial', sans-serif;
color: #343434;
font-weight: 300;
font-variant-ligatures: common-ligatures;
margin-top: 0;
margin-bottom: 0;
font-size: 0.6875em;
line-height: 2.27227227em;
text-transform: uppercase;
letter-spacing: .2em;
font-family: 'Source Sans Pro', Sans Serif;
margin: 0;
}
.breadcrumb > li + li:before {
content: '/';
}
[data-tooltip] {
position: relative;
}
[data-tooltip]:after {
position: absolute;
padding: 0.78125em 2.34375em 0.78125em 1.5625em;
background: #242a2d;
color: #fff;
top: 50%;
left: 0;
content: attr(data-tooltip);
opacity: 0;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
transform: translate3d(-200px, -50%, 0);
-webkit-transform: translate3d(-200px, -50%, 0);
z-index: 10;
border-radius: 0 30px 30px 0;
}
[data-tooltip]:hover:after {
opacity: 1;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.service-element,
.case-study-element {
background: #fff;
padding: 9.375em 3.125em 3.125em 3.125em;
}
.service-element .hover-element__initial,
.case-study-element .hover-element__initial {
z-index: 2;
position: relative;
}
.service-element .hover-element__reveal,
.case-study-element .hover-element__reveal {
z-index: 1;
}
.service-element .background-image-holder,
.case-study-element .background-image-holder {
transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
}
.service-element:hover .hover-element__initial *,
.case-study-element:hover .hover-element__initial *,
.service-element.hover--active .hover-element__initial *,
.case-study-element.hover--active .hover-element__initial * {
color: #fff;
}
.service-element:hover .background-image-holder,
.case-study-element:hover .background-image-holder {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.service-element h3 {
margin: 0;
}
.service-element h3 + p {
margin-top: 1.5625em;
}
@media all and (max-width: 767px) {
.service-element {
margin-bottom: 15px;
padding-top: 6.25em;
}
.service-element p:first-of-type {
margin-top: 0.78125em;
}
}
.case-study-element {
padding-top: 3.125em;
padding-bottom: 6.25em;
}
.case-study-element h6:first-child {
margin-bottom: 3.125em;
}
@media all and (max-width: 767px) {
.case-study-element {
margin-bottom: 15px;
padding-bottom: 4.6875em;
}
.case-study-element h6:first-child {
margin-bottom: 1.5625em;
}
}
.icon--circle {
border: 1px solid #242a2d;
display: inline-block;
width: 3.125em;
height: 3.125em;
border-radius: 50%;
text-align: center;
padding-top: 7px;
}
.icon--circle i {
font-size: 1em;
}
.bg--dark .icon--circle {
border-color: #fff;
}
.team-member {
overflow: hidden;
}
.team-member.team-member--large {
margin-bottom: 3.125em;
}
.team-member.team-member--large img {
max-width: 25em;
max-height: 25em;
}
.team-member.team-member--large h4 {
margin-top: 1.1304347826087em;
margin-bottom: 1.1304347826087em;
}
.team-member h4 {
margin-bottom: 0;
}
.team-member.team-member--small {
margin-bottom: 1.5625em;
}
.team-member .team-member__role {
display: block;
color: #242a2d;
margin-bottom: 1.5625em;
}
@media all and (max-width: 767px) {
.team-member.team-member--large img {
max-width: 100%;
max-height: none;
margin-bottom: 1.5625em;
}
.team-member.team-member--large h4 {
margin-top: 0;
}
}
.article-description img:first-child {
margin-bottom: 3.125em;
}
.article-description .article-description__cta {
margin-top: 4.6875em;
}
.article-description .article-description__cta h3 {
margin-bottom: 0.8125em;
}
@media all and (max-width: 767px) {
.article-description img:first-child {
margin-bottom: 1.5625em;
}
.article-description div[class*='col-'] {
padding: 0;
}
.article-description .article-description__cta {
margin-top: 3.125em;
}
}
.sidebar__element {
margin-bottom: 3.125em;
}
.sidebar__element h5 {
margin-bottom: 0;
}
.sidebar__element h5:first-child + p,
.sidebar__element h5:first-child + ul {
margin-top: 0.78125em;
}
.cta-text-basic {
padding-top: 0;
padding-bottom: 3.125em;
}
.cta-text-basic hr {
margin-bottom: 3.125em;
}
.cta-text-basic.bg--dark {
padding-top: 4.6875em;
}
@media all and (max-width: 767px) {
.cta-text-basic:nth-last-child(2).bg--dark {
text-align: center;
}
}
.cta-text p:last-of-type {
margin-bottom: 3.125em;
}
.cta-text .video-cover {
margin-bottom: 3.125em;
}
@media all and (max-width: 767px) {
.cta-text p:last-of-type {
margin-bottom: 1.5625em;
}
}
.cta-video .video-play-icon {
margin-bottom: 1.5625em;
}
.cta-video + .cta-text-basic {
padding-top: 4.6875em;
}
.video-play-icon {
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
opacity: 1;
}
.video-play-icon:hover {
opacity: .92;
}
.pricing-option {
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
transform: scale(1);
-webkit-transform: scale(1);
box-shadow: none;
}
.pricing-option h6 {
margin-bottom: 0;
}
.pricing-option .pricing-option__price {
margin-top: 1.5625em;
margin-bottom: 2.34375em;
}
.pricing-option .pricing-option__price span:first-child {
position: relative;
bottom: 30px;
display: inline-block;
}
.pricing-option .pricing-option__price span.h1 {
margin: 0 .125em;
}
.pricing-option ul:last-of-type {
margin-bottom: 2.34375em;
}
.pricing-option .btn {
margin-bottom: 1.5625em;
}
.pricing-option:hover {
transform: scale(1.01);
-webkit-transform: scale(1.01);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
img + .pricing-option:hover {
transform: scale(1);
-webkit-transform: scale(1);
box-shadow: none;
}
@media all and (max-width: 767px) {
.pricing-option .pricing-option__price {
margin-bottom: 1.5625em;
}
.pricing-option .pricing-option__price span:first-child {
bottom: 18px;
}
.pricing-option ul:last-of-type {
margin-bottom: 1.5625em;
}
.pricing-option .btn {
margin-bottom: 0.78125em;
}
.pricing-option:hover {
transform: scale(1);
-webkit-transform: scale(1);
box-shadow: none;
}
}
.stat-simple {
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
padding-top: 7.8125em;
}
.stat-simple p:first-of-type {
margin-top: 0.78125em;
}
.stat-simple p:last-child {
margin-bottom: 0;
}
.stat-simple:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.stat-simple *:not(.background-image-holder) {
position: relative;
}
.section--card .stat-simple .background-image-holder {
transform: scale(1);
-webkit-transform: scale(1);
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
}
.section--card .stat-simple:hover .background-image-holder {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.col-sm-6:not(.col-md-3) .stat-simple {
padding-top: 15.625em;
}
@media all and (max-width: 767px) {
.stat-simple {
padding-top: 4.6875em;
}
.col-sm-6 .stat-simple {
padding-top: 9.375em;
}
}
.testimonial-1 {
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
}
.testimonial-1:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.testimonial-1 img {
max-height: 3.125em;
width: auto;
margin-bottom: 2.34375em;
}
@media all and (max-width: 1200px) {
.testimonial-1 br {
display: none;
}
}
@media all and (max-width: 767px) {
.testimonial-1 img {
max-height: 2.34375em;
}
}
.testimonial-2 {
text-align: center;
margin-bottom: 1.5625em;
}
.testimonial-2 .boxed {
text-align: left;
overflow: visible;
position: relative;
}
.testimonial-2 .boxed:last-child {
margin-bottom: 30px;
}
.testimonial-2 .boxed:after {
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f104";
position: absolute;
color: #fff;
font-size: 3em;
bottom: -30px;
left: 50%;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
z-index: 2;
text-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.testimonial-2 h4 {
margin-bottom: 0;
}
.testimonial-2 h6 {
margin-bottom: 0;
}
.testimonial-2 img {
margin-top: 1.5625em;
max-height: 7.8125em;
width: auto;
text-align: center;
}
@media all and (max-width: 767px) {
.testimonial-2 .boxed:after {
bottom: -25px;
}
.testimonial-2 img {
max-height: 6.25em;
}
}
.testimonial-3 {
padding-bottom: 0;
}
.testimonial-3 h5,
.testimonial-3 h6 {
margin-bottom: 0;
}
@media all and (max-width: 767px) {
.testimonial-3 img {
margin-top: 1.5625em;
}
}
.icon-feature {
margin-bottom: 3.125em;
}
.icon-feature h6 {
margin-bottom: 2.27272727272727em;
}
.icon-feature .icon-feature__title {
position: relative;
margin-bottom: 1.5625em;
}
.icon-feature .icon-feature__title i {
font-size: 8em;
opacity: .1;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
display: inline-block;
}
.icon-feature .icon-feature__title h4,
.icon-feature .icon-feature__title h3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
width: 100%;
}
.icon-feature:hover i {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
article p.lead:first-child + img {
margin-top: 3.125em;
}
article p.lead:first-child + img + img {
margin-top: 3.125em;
}
article img {
margin-bottom: 3.125em;
padding: 0 2px !important;
}
article + hr {
margin-top: 4.6875em;
}
@media all and (max-width: 990px) {
article p,
article ul,
article blockquote {
width: 83.333333333%;
margin-left: 8.333333333335%;
}
}
@media all and (max-width: 767px) {
article p,
article ul,
article blockquote {
width: 100%;
margin-left: 0;
}
}
.news-article-link {
margin-bottom: 1.5625em;
display: block;
}
.news-article-link:hover {
text-decoration: none;
}
.news-article-link .news-article-snippet:not(.imagebg) span {
color: #666666;
}
.news-article-link:last-child {
margin-bottom: 0;
}
.news-article-snippet {
padding-top: 9.375em;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
}
.news-article-snippet:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
transform: scale(1.01);
-webkit-transform: scale(1.01);
}
.news-article-snippet.imagebg *:not(.background-image-holder) {
z-index: 3;
position: relative;
}
.accordion li.active .accordion__title * {
color: #fff;
}
.accordion li:first-child .accordion__title {
border-radius: 1em 1em 0 0;
}
.accordion li:last-child:not(.active) .accordion__title {
border-radius: 0 0 1em 1em;
}
.accordion li .accordion__title span {
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
-webkit-backface-visibility: hidden;
display: inline-block;
margin-bottom: 0;
margin-top: 0;
}
.accordion li .accordion__title:hover span {
transform: translate3d(10px, 0, 0);
-webkit-transform: translate3d(10px, 0, 0);
}
.accordion li .accordion__content {
padding-left: 0.78125em;
padding-right: 0.78125em;
}
.tabs .tab__title i + h5 {
margin-top: 0.78125em;
}
.tabs .active .tab__title h4 {
color: #008c74;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
}
.notification {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.partner-logos img {
max-height: 40px;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
opacity: .6;
margin: 0 3.125em;
}
@media all and (max-width: 768px) {
.partner-logos img {
max-height: 30px;
margin: 0.78125em;
}
}
@media all and (max-width: 990px) {
.flex-direction-nav {
display: none;
}
}
.form-error {
margin-top: 1.5625em;
padding: 0.78125em;
background: #D84D4D;
color: #fff;
position: fixed;
min-width: 350px;
left: 50%;
bottom: 1.5625em;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
z-index: 999;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.attempted-submit .field-error {
border-color: #D84D4D !important;
} .section-hero-1 p:last-of-type {
margin-bottom: 3.125em;
}
.section-hero-1 .background-image-holder {
background-position: 50% 0% !important;
}
@media all and (max-width: 767px) {
.section-hero-1 p:last-of-type {
margin-bottom: 1.5625em;
}
}
.section-hero-2 p:last-of-type {
margin-bottom: 3.125em;
}
.section-hero-2 .btn {
margin-bottom: 1px;
}
@media all and (max-width: 767px) {
.section-hero-2 p:last-of-type {
margin-bottom: 1.5625em;
}
}
.section-hero-3 .slider .slides li {
padding: 7.8125em 0;
}
.section-hero-3 p:last-of-type {
margin-bottom: 3.125em;
}
@media all and (max-width: 767px) {
.section-hero-3 {
margin-top: 3.125em;
}
.section-hero-3 .slider .slides li {
padding: 4.6875em 0;
}
}
.section-snippet-services p.lead:last-child,
.section-snippet-case-studies p.lead:last-child {
margin-bottom: 3.3913043478261em;
}
.section-snippet-services .row:last-child .btn,
.section-snippet-case-studies .row:last-child .btn {
margin-top: 1.5625em;
}
@media all and (max-width: 767px) {
.section-snippet-services p.lead:last-child,
.section-snippet-case-studies p.lead:last-child {
margin-bottom: 2.2608695652174em;
}
.section-snippet-services .row:last-child .btn,
.section-snippet-case-studies .row:last-child .btn {
margin-top: 0;
}
}
.section-snippet-services-2 .flex-control-paging {
text-align: left;
padding: 0;
}
.section-snippet-services-2 .slider .slides li {
padding: 0;
margin-bottom: 4.6875em;
}
.section-snippet-services-2 .slider .slides li i:first-child {
margin-bottom: 1.5625em;
}
@media all and (max-width: 767px) {
.section-snippet-services-2 .slider .slides li i:first-child {
margin-bottom: 0;
}
}
.section-snippet-case-studies-2 {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.section-snippet-case-studies-2 > div[class*='col-'] {
padding: 0;
}
.section-snippet-case-studies-2 .case-study-element {
margin: 0;
-webkit-backface-visibility: hidden;
}
.section-snippet-benefits .icon-title {
margin-bottom: 4.6875em;
}
.section-snippet-benefits p {
margin-bottom: 3.125em;
}
.section-snippet-benefits .boxed-holder {
overflow: hidden;
margin-bottom: 4.6875em;
}
.section-snippet-benefits .boxed {
width: 100%;
display: inline-block;
padding: 1.5625em 0;
padding-top: 2.34375em;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
}
.section-snippet-benefits .boxed span {
display: block;
line-height: 3.125em;
}
.section-snippet-benefits .boxed:hover {
background: #e3e6ea;
}
.section-snippet-benefits .container {
padding-top: 4.6875em;
padding-bottom: 7.8125em;
}
@media all and (max-width: 767px) {
.section-snippet-benefits .container {
padding-top: 4.6875em;
padding-bottom: 4.6875em;
}
.section-snippet-benefits .boxed-holder {
margin-bottom: 1.5625em;
}
.section-snippet-benefits .icon-title {
margin-bottom: 1.5625em;
}
.section-snippet-benefits .boxed-holder .boxed {
white-space: nowrap;
}
}
.section-snippet-benefits-2 {
padding-bottom: 12.5em;
}
.section-snippet-benefits-2 .row:first-child {
margin-bottom: 3.125em;
}
.section-snippet-benefits-2 .tabs-container {
margin-bottom: 3.125em;
}
.section-snippet-benefits-2 .tabs-container + hr {
opacity: .2;
margin-bottom: 3.125em;
}
@media all and (max-width: 767px) {
.section-snippet-benefits-2 {
padding-bottom: 7.8125em;
}
}
.section-snippet-benefits-3 h2:first-of-type + .accordion {
margin-top: 3.125em;
}
.section-snippet-about {
border-bottom: 1px solid #c9d0d4;
}
.section-snippet-about .container {
padding-top: 9.375em;
}
.section-snippet-about p:last-child {
margin-bottom: 3.125em;
}
.section-snippet-about h5:last-child {
display: block;
}
.section-snippet-about img {
float: none;
margin-bottom: 1.5625em;
}
.section-snippet-about .imageblock__content img {
position: absolute;
bottom: 0;
margin: 0;
}
@media all and (max-width: 767px) {
.section-snippet-about .container {
padding-top: 4.6875em;
padding-bottom: 4.6875em;
}
}
.section-snippet-about-2 .partner-logos {
margin-top: 4.6875em;
}
@media all and (max-width: 767px) {
.section-snippet-about-2 .btn {
margin-bottom: 1.5625em;
}
.section-snippet-about-2 .partner-logos {
margin-top: 1.5625em;
}
.section-snippet-about-2 .partner-logos img {
display: block;
margin: 0 auto;
margin-top: 1.5625em;
}
}
.section-snippet-about-3 h2:first-child {
margin-bottom: 0;
}
.section-snippet-about-3 h2 + p {
margin-top: 3.125em;
}
.section-snippet-about-3 p:last-of-type {
margin-bottom: 3.125em;
}
@media all and (max-width: 767px) {
.section-snippet-about-3 h2 + p {
margin-top: 1.5625em;
}
}
.section-cta-bottom {
overflow: hidden;
padding-bottom: 20.3125em;
}
.section-cta-bottom.background--bottom .background-image-holder {
background-position: 50% 90% !important;
}
.section-cta-bottom.background--top .background-image-holder {
background-position: 50% 10% !important;
}
.section-about-history img:first-child {
margin-bottom: 3.125em;
}
.section-about-history blockquote {
margin-top: 2.4375em;
}
.section-about-history hr {
margin-top: 4.6875em;
margin-bottom: 0;
}
@media all and (max-width: 767px) {
.section-about-history img:first-child {
margin-bottom: 1.5625em;
}
.section-about-history hr {
margin-top: 1.5625em;
}
.section-about-history blockquote {
margin-top: 1.21875em;
}
}
.section-about-principles .boxed .col-sm-6 {
padding: 4.6875em 0;
}
.section-about-principles .boxed .col-sm-6:nth-child(odd) {
border-right: 1px solid #3b4449;
}
.section-about-principles .boxed .col-sm-6:nth-child(-n+2) {
border-bottom: 1px solid #3b4449;
}
.section-about-principles .boxed p {
opacity: .8;
}
.section-about-principles .boxed i {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -23%, 0);
-webkit-transform: translate3d(-50%, -23%, 0);
color: #515f66;
z-index: 2;
}
@media all and (max-width: 767px) {
.section-about-principles .boxed .col-sm-6 {
border: none !important;
padding-top: 1.5625em;
padding-bottom: 0;
}
.section-about-principles .boxed i {
display: none;
}
}
.section-team-small h3:first-child {
margin-bottom: 2.4375em;
}
@media all and (max-width: 767px) {
.section-team-small h3:first-child {
margin-bottom: 0.8125em;
}
}
.section-about-history + .section-about-principles,
.section-about-principles + .section-team-large,
.section-team-large + .section-team-small {
padding-top: 0;
}
.single-service .service-action {
margin-top: 7.8125em;
}
.single-service .service-action img {
max-height: 12.5em;
margin-bottom: 0.78125em;
}
.single-service .service-action h5 {
margin-bottom: 0;
}
.single-service .service-action h5 + span {
display: block;
margin-bottom: 1.5625em;
}
@media all and (max-width: 767px) {
.single-service .service-action {
margin-top: 3.125em;
text-align: center;
}
}
.single-case_study .sidebar {
margin-top: 7.8125em;
}
.section-contact-1 img:first-child {
margin-bottom: 3.125em;
}
.section-contact-1 address {
margin-bottom: 3.125em;
}
.section-contact-1 + .section-map {
padding-top: 0;
}
@media all and (max-width: 1200px) {
.section-contact-1 form .col-md-6 {
width: 100%;
}
}
@media all and (max-width: 767px) {
.section-contact-1 img:first-child {
margin-bottom: 1.5625em;
}
.section-contact-1 address {
margin-bottom: 1.5625em;
}
.section-contact-1 form {
padding: 1.5625em;
}
}
.section-map .map-container {
height: 500px;
}
@media all and (max-width: 767px) {
.section-map .map-container {
height: 280px;
}
} form hr {
opacity: .5;
}
form label {
display: block;
font-family: 'Roboto Slab', 'Helvetica', 'Arial', sans-serif;
color: #343434;
font-weight: 300;
font-variant-ligatures: common-ligatures;
margin-top: 0;
font-size: 1em;
line-height: 1.5625em;
font-weight: 400;
margin-bottom: 1.5625em;
margin-bottom: 0;
}
form label + input,
form label + textarea,
form label + .input-select,
form label + .input-checkbox {
margin-top: 0.78125em;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form textarea,
form .input-select {
border-bottom: 1px solid #e9ebee;
padding-bottom: 0.390625em;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
opacity: .7;
margin-bottom: 1.5625em;
}
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="tel"]:focus,
form textarea:focus,
form .input-select:focus {
outline: none;
opacity: 1;
}
form textarea {
transition: 0s linear;
-webkit-transition: 0s linear;
-moz-transition: 0s linear;
}
form button[type="submit"] {
margin-top: 0.78125em;
}
form .form-body {
margin-top: 3.125em;
}
form select {
-moz-appearance: none;
}
form .checkbox-holder {
margin-bottom: 3.125em;
margin-top: 1.5625em;
}
form .input-checkbox {
position: relative;
margin-right: 0.390625em;
margin-bottom: 0.390625em;
border: 1px solid #e9ebee;
padding: 0.78125em 1.5625em;
text-align: center;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
}
form .input-checkbox label {
font-family: 'Source Sans Pro';
margin-bottom: 0;
position: relative;
z-index: 2;
pointer-events: none;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
}
form .input-checkbox .inner {
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none;
z-index: 0;
}
form .input-checkbox .inner:before {
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f20f";
color: #fff;
font-size: 2em;
position: absolute;
right: 12%;
transform: scale(2);
-webkit-transform: scale(2);
opacity: 0;
top: 10px;
}
form .input-checkbox.checked {
padding-right: 3.125em;
}
form .input-checkbox.checked label,
form .input-checkbox.checked span {
color: #fff;
position: relative;
z-index: 2;
}
form .input-checkbox.checked .inner:before {
transform: scale(1);
-webkit-transform: scale(1);
opacity: .4;
}
form .input-radio .inner {
background: #eee;
}
.input-select {
min-width: 50%;
}
.input-select select {
width: 100%;
}
.input-select select:focus {
outline: none;
}
.input-select:after {
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f123";
position: absolute;
right: 0;
pointer-events: none;
top: 50%;
right: 1em;
font-size: .87em;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
}
input[type="submit"] {
padding: 0.78125em 1.5625em 0.9375em 1.5625em;
font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
border-radius: 0;
padding-top: 0.78125em;
padding-bottom: 0.9375em;
padding-right: 1.5625em;
padding-left: 1.5625em;
border: 1px solid #242a2d;
border-width: 1px;
font-size: inherit;
line-height: 1.5625em;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
border-radius: .25em;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
margin-bottom: 1.5625em !important;
background: none;
color: #242a2d;
}
input[type="submit"] .btn__text,
input[type="submit"] i {
color: #343434;
border-color: #343434;
font-weight: 400;
font-size: 1em;
}
input[type="submit"] + .btn {
margin-left: 1.5625em;
}
input[type="submit"][class*='col-'] {
margin-left: 0;
margin-right: 0;
}
input[type="submit"]:active {
box-shadow: none;
-webkit-box-shadow: none;
}
input[type="submit"].bg--facebook,
input[type="submit"].bg--twitter,
input[type="submit"].bg--instagram,
input[type="submit"].bg--googleplus,
input[type="submit"].bg--pinterest,
input[type="submit"].bg--dribbble,
input[type="submit"].bg--behance {
border-color: rgba(0, 0, 0, 0) !important;
}
input[type="submit"].bg--facebook .btn__text,
input[type="submit"].bg--twitter .btn__text,
input[type="submit"].bg--instagram .btn__text,
input[type="submit"].bg--googleplus .btn__text,
input[type="submit"].bg--pinterest .btn__text,
input[type="submit"].bg--dribbble .btn__text,
input[type="submit"].bg--behance .btn__text {
color: #fff;
}
input[type="submit"].bg--facebook .btn__text i,
input[type="submit"].bg--twitter .btn__text i,
input[type="submit"].bg--instagram .btn__text i,
input[type="submit"].bg--googleplus .btn__text i,
input[type="submit"].bg--pinterest .btn__text i,
input[type="submit"].bg--dribbble .btn__text i,
input[type="submit"].bg--behance .btn__text i {
color: #fff;
}
input[type="submit"].bg--facebook:hover,
input[type="submit"].bg--twitter:hover,
input[type="submit"].bg--instagram:hover,
input[type="submit"].bg--googleplus:hover,
input[type="submit"].bg--pinterest:hover,
input[type="submit"].bg--dribbble:hover,
input[type="submit"].bg--behance:hover {
opacity: .9;
}
input[type="submit"]:not(.btn--primary) {
opacity: .85;
}
input[type="submit"] i {
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
opacity: 0;
max-width: 0;
transform: translate3d(10, 0, 0);
-webkit-transform: translate3d(10, 0, 0);
}
input[type="submit"] i:before {
max-width: 0;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
}
input[type="submit"]:hover {
opacity: 1;
}
input[type="submit"]:hover i {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
max-width: 1.5625em;
margin-left: 0.390625em;
}
input[type="submit"]:hover i:before {
max-width: 1.5625em;
opacity: 1;
}
input[type="submit"].btn--primary i {
color: #fff;
}
.newsletter-form form {
background: none;
}
.newsletter-form .newsletter-form__ribbon {
max-height: 6px;
min-width: 100%;
position: absolute;
top: 0;
left: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media all and (max-width: 767px) {
.form-on-image {
padding: 0 !important;
}
.newsletter-form .newsletter-form__ribbon {
max-height: 4px;
}
.newsletter-form.boxed {
padding-top: 4.6875em;
}
.newsletter-form.boxed .icon-title {
display: none;
}
.newsletter-form.boxed .boxed {
padding-top: 3.125em;
}
.modal-content .newsletter-form__ribbon {
display: none;
}
} footer {
padding-bottom: 4.6875em;
}
footer .logo {
max-height: 3.125em;
margin-right: 0.390625em;
}
footer ul li {
display: inline-block;
margin: 0 0.78125em;
}
footer ul li:first-child {
margin-left: 0;
}
footer ul li:last-child {
margin-right: 0;
}
footer .icon--circle {
transition: 0.1s linear;
-webkit-transition: 0.1s linear;
-moz-transition: 0.1s linear;
opacity: .7;
}
footer .icon--circle:hover {
transform: scale(1.05);
-webkit-transform: scale(1.05);
opacity: 1;
}
footer .footer-auxilary {
margin-top: 3.125em;
}
footer .footer-auxilary span,
footer .footer-auxilary a {
font-size: 0.6875em;
}
footer .footer-auxilary a {
margin-right: 0.78125em;
}
@media all and (max-width: 767px) {
footer {
text-align: center;
}
footer .logo {
margin: 0;
margin-bottom: 1.5625em;
}
footer .logo + .inline-block {
display: block;
}
footer .footer-auxilary {
margin-top: 1.5625em;
}
}